/* Layout: one idea per screen. Hero = question + live phone; then modules, steps, examples, price, questions, form. Phone-first. */
:root{
  --bg:#FBF5F2; --paper:#FFFFFF; --ink:#23131A; --soft:#5A4248; --muted:#8F7378; --line:#EAD9D4;
  --acc:#B8324B; --acc-ink:#FFFFFF; --acc-soft:#F7E1E5; --plum:#2E1C3F; --plum-2:#3B2552; --plum-ink:#F6ECFF; --plum-soft:#C9B4E0;
  --good:#2E7D4F; --phone:#0E0E10;
  --hi:#F2A6C0; --hi-a:rgba(242,166,192,.2); --hi-b:rgba(242,166,192,.45); --acc-sh:rgba(184,50,75,.7); --s1:#FF7A59; --s2:#E8456E; --s3:#7A3FC4;
  --display:'Lora',Georgia,'Times New Roman',serif; --sans:'Manrope','Helvetica Neue',Arial,sans-serif; --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace; --brand:'Playfair Display',Georgia,serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
a,button,label{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:8px}
[hidden]{display:none !important}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.015em;margin:0;text-wrap:balance}
h1 em,h2 em{font-style:italic;color:var(--acc)}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
@media (max-width:600px){.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:16px;font:800 16.5px/1.1 var(--sans);text-decoration:none;border:0;cursor:pointer;transition:transform .2s ease,background-color .2s}
.btn:active{transform:scale(.98)}
.btn-acc{background:var(--acc);color:var(--acc-ink);box-shadow:0 14px 30px -14px var(--acc-sh)}
.btn-soft{background:var(--plum-ink);color:var(--plum)}
.btn-ink{background:var(--ink);color:#fff}
.btn-line{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.sec{padding-top:96px}
@media (max-width:700px){.sec{padding-top:64px}}
.sec-h{max-width:640px}
.sec-h h2{font-size:clamp(32px,4.6vw,52px);line-height:1.05}
.sec-h p{margin-top:12px;color:var(--soft);font-size:17px}
/* top strip + header */
.strip{background:var(--ink);color:#F5E9EC;font-size:13.5px;text-align:center;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px))}
.strip a{color:#fff;font-weight:700}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:6px}
.logo{display:flex;align-items:center;gap:1px;text-decoration:none}
.logo b{font-family:var(--brand);font-weight:900;font-size:30px;line-height:.8;color:var(--acc)}
.logo span{font-family:var(--display);font-weight:600;font-size:21px;line-height:1;padding-top:4px}
.logo small{display:block;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.top .btn{min-height:42px;padding:0 16px;font-size:14.5px;border-radius:12px}
.top nav{display:flex;gap:22px;font-weight:600;font-size:15px}
.top nav a{text-decoration:none;color:var(--soft)}
@media (max-width:900px){.top nav{display:none}}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px 56px;align-items:start;padding-top:30px}
.hero .ha{padding-top:34px}
.hero h1{font-size:clamp(36px,4.9vw,62px);line-height:1.02}
.hero .sub{font-size:19px;color:var(--soft);margin-top:16px;max-width:34ch}
.ask{margin-top:28px}
.ask b{display:block;font-size:15px;margin-bottom:10px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:10px 16px 10px 12px;font-weight:700;font-size:15.5px;transition:background-color .2s,border-color .2s,color .2s,transform .15s;position:relative}
.chips button svg{width:20px;height:20px;flex:none}
.chips button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chips button.auto.on:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:rgba(255,255,255,.55);transform-origin:0 50%;animation:chipT var(--t,7.5s) linear forwards}
@keyframes chipT{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:28px}
.hero .free{font-size:14px;color:var(--soft);display:flex;gap:8px;align-items:center}
.hero .free i{width:20px;height:20px;border-radius:50%;background:var(--good);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900;flex:none}
.stage{display:flex;flex-direction:column;align-items:center;gap:14px}
.phone{position:relative;width:min(310px,100%);--pw:290px;background:var(--phone);border-radius:48px;padding:10px;box-shadow:0 50px 90px -46px rgba(35,19,26,.7),0 0 0 1px rgba(255,255,255,.05)}
.phone .scr{position:relative;width:100%;height:calc(var(--pw) * 2.02);border-radius:38px;overflow:hidden;background:#000;font-size:calc(var(--pw) / 22.5);transform:translateZ(0)}
.phone .scr:after{content:"";position:absolute;top:10px;left:50%;width:30%;height:24px;margin-left:-15%;background:#000;border-radius:999px;z-index:9;pointer-events:none}
.cap{width:min(360px,100%);text-align:center;min-height:96px}
.cap b{display:block;font-family:var(--display);font-size:22px}
.cap p{color:var(--soft);font-size:15px;margin-top:4px}
.cap a,.cap button{display:inline-block;margin-top:8px;font-weight:800;font-size:15px;color:var(--acc);text-decoration:none;border:0;background:none;padding:4px 0;border-bottom:2px solid currentColor}
.cap span.soon{display:inline-block;margin-top:8px;font-size:14px;color:var(--muted)}
.cap .exn{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:8px;display:block}
@media (max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:16px}
  .hero .ha{padding-top:0}
  .hero h1{font-size:clamp(32px,9vw,44px)}
  .hero .sub{font-size:16.5px;margin-top:10px}
  .ask{margin-top:18px}
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px;scroll-padding:0 16px}
  .chips::-webkit-scrollbar{display:none}
  .chips button{flex:none}
  .hero .acts{display:none}
  .phone{width:min(268px,74vw);--pw:min(250px,calc(74vw - 18px));border-radius:42px;padding:9px}
  .phone .scr{border-radius:33px;height:calc(var(--pw) * 1.86)}
  .cap{min-height:118px}
}
/* modules */
.mods-sec{background:var(--plum);color:var(--plum-ink);margin-top:96px;padding:80px 0 88px}
.mods-sec .sec-h p{color:var(--plum-soft)}
.mods-sec .sec-h h2 em{color:var(--hi)}
.mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}
.mod{background:var(--plum-2);border-radius:26px;padding:20px 20px 22px;display:flex;flex-direction:column;gap:14px;min-width:0;border:1px solid rgba(255,255,255,.07)}
.mod .vis{height:190px;border-radius:18px;background:rgba(255,255,255,.06);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.mod h3{font-family:var(--sans);font-weight:800;font-size:18.5px;letter-spacing:0}
.mod p{color:var(--plum-soft);font-size:14.5px;line-height:1.45}
@media (max-width:900px){
  .mods-sec{margin-top:64px;padding:60px 0 64px}
  .mods{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:24px -16px 0;padding:2px 16px 8px;scrollbar-width:none;scroll-padding:0 16px}
  .mods::-webkit-scrollbar{display:none}
  .mod{flex:0 0 80%;scroll-snap-align:start}
}
.swipe{display:none;margin-top:12px;font-size:13.5px;color:var(--plum-soft);align-items:center;gap:8px}
.swipe i{display:flex;gap:4px}.swipe i b{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);transition:width .3s,background-color .3s}.swipe i b.on{width:16px;border-radius:3px;background:var(--hi)}
@media (max-width:900px){.swipe{display:flex}}
/* module visuals */
.m-clip{flex-direction:column;gap:6px;padding:0 16px}
.m-clip p{font-family:var(--display);font-style:italic;font-size:19px;color:var(--plum-ink);opacity:.25;transition:opacity .5s;text-align:center;line-height:1.25}
.m-clip p.on{opacity:1}
.m-sto{background:linear-gradient(160deg,var(--s1),var(--s2) 45%,var(--s3)) !important;color:#fff;flex-direction:column;align-items:flex-start !important;padding:30px 18px 16px}
.m-sto .bars{position:absolute;top:10px;left:12px;right:12px;display:flex;gap:3px}
.m-sto .bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.m-sto .bars i b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:0 50%}
.m-sto .bars i.dn b{transform:scaleX(1)}.m-sto .bars i.on b{animation:sb 2.4s linear forwards}
@keyframes sb{to{transform:scaleX(1)}}
.m-sto .sl{display:none}.m-sto .sl.on{display:block;animation:fadeUp .4s}
.m-sto .sl small{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.m-sto .sl b{display:block;font-family:'Unbounded','Manrope',sans-serif;font-weight:800;font-size:54px;line-height:1;letter-spacing:-.03em;margin-top:4px}
.m-sto .sl span{display:block;font-weight:700;font-size:15px;margin-top:4px}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}}
.m-rc .rc{width:170px;background:#FFFDF8;color:#222;font:12px var(--mono);padding:12px 12px 16px;box-shadow:0 14px 26px -14px rgba(0,0,0,.7);clip-path:inset(0 0 100% 0);position:relative}
.m-rc.go .rc{animation:print 2.2s steps(10) forwards}
@keyframes print{to{clip-path:inset(0 0 -10px 0)}}
.m-rc .rc div{display:flex;justify-content:space-between;gap:8px;margin-top:3px}
.m-rc .rc hr{border:0;border-top:1px dashed #999;margin:6px 0}
.m-rc .rc .tt{font-weight:700}
.m-rc .rc em{position:absolute;right:6px;top:30px;transform:rotate(-14deg);border:2px solid var(--acc);color:var(--acc);border-radius:6px;padding:1px 6px;font:800 11px var(--sans);font-style:normal;opacity:0;transition:opacity .3s 2.2s}
.m-rc.go .rc em{opacity:.9}
.m-hold{flex-direction:column;gap:16px}
.m-hold .hands{position:relative;width:200px;height:56px}
.m-hold .hands i{position:absolute;top:10px;width:40px;height:40px;border-radius:50%;background:var(--plum-ink);color:var(--plum);display:grid;place-items:center;font-style:normal;font-weight:900}
.m-hold .hands i:first-child{left:0}.m-hold .hands i:last-child{right:0;background:var(--hi)}
.m-hold .hands b{position:absolute;left:50%;top:-14px;width:40px;margin-left:-20px;text-align:center;color:var(--hi);font-size:24px;font-weight:900;font-family:var(--sans);line-height:1;opacity:0;transform:scale(.3);transition:opacity .3s,transform .4s cubic-bezier(.2,1.6,.4,1)}
.m-hold.done .hands b{opacity:1;transform:none}
.m-hold button{border:0;border-radius:14px;background:var(--plum-ink);color:var(--plum);font-weight:800;padding:12px 18px;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;min-width:200px}
.m-hold button u{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--hi);opacity:.7;text-decoration:none}
.m-hold button span{position:relative}
.m-words{flex-direction:column;align-items:flex-start !important;justify-content:center;padding:18px;background:#FFFDF8 !important;color:#2a2224}
.m-words p{font-family:'Caveat','Lora',cursive;font-size:23px;line-height:1.25}
.m-words b{align-self:flex-end;font-family:'Caveat','Lora',cursive;font-size:26px;color:var(--acc);margin-top:6px}
.m-ann{flex-direction:column;gap:10px}
.m-ann .bn{display:flex;gap:10px;align-items:center;background:var(--hi-a);border:1px solid var(--hi-b);border-radius:14px;padding:12px 16px;font-weight:800;font-size:16px}
.m-ann .bn i{font-style:normal;animation:hb 1.3s ease-in-out infinite;color:var(--hi)}
@keyframes hb{50%{transform:scale(1.3)}}
.m-ann small{color:var(--plum-soft);font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.m-code{flex-direction:column;gap:10px}
.m-code svg{width:40px;height:40px;color:var(--hi)}
.m-code .dots{display:flex;gap:7px;border:1.5px solid rgba(255,255,255,.25);border-radius:12px;padding:12px 18px;min-width:150px;justify-content:center}
.m-code .dots i{width:10px;height:10px;border-radius:50%;background:var(--plum-ink);transform:scale(0);animation:dt 3.2s infinite}
.m-code .dots i:nth-child(2){animation-delay:.2s}.m-code .dots i:nth-child(3){animation-delay:.4s}.m-code .dots i:nth-child(4){animation-delay:.6s}.m-code .dots i:nth-child(5){animation-delay:.8s}
@keyframes dt{0%,10%{transform:scale(0)}20%,80%{transform:none}100%{transform:scale(0)}}
.m-code small{color:var(--plum-soft);font-size:13px}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;counter-reset:st}
.step{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px}
.step .n{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;color:var(--acc)}
.step h3{font-size:24px}
.step p{color:var(--soft);font-size:15.5px}
.step .t{margin-top:auto;padding-top:10px;font-weight:800;font-size:14.5px;color:var(--ink);display:flex;gap:8px;align-items:center}
.step .t i{width:8px;height:8px;border-radius:50%;background:var(--good);flex:none}
.need{margin-top:16px;color:var(--soft);font-size:15.5px}
@media (max-width:900px){.steps{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}.step{padding:18px 18px 20px}.step h3{font-size:21px}}
/* examples */
.exs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}
.ex{position:relative;border-radius:26px;overflow:hidden;min-height:330px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff;text-align:left;border:0;cursor:pointer;isolation:isolate}
.ex:before{content:"";position:absolute;inset:0;z-index:-1;transition:transform .6s}
.ex:hover:before{transform:scale(1.04)}
.ex .eyebrow{color:rgba(255,255,255,.75)}
.ex h3{font-size:28px;margin-top:6px}
.ex p{font-size:15px;opacity:.85;margin-top:6px;max-width:30ch}
.ex b{display:inline-flex;align-items:center;gap:8px;margin-top:16px;align-self:flex-start;background:#fff;color:var(--ink);border-radius:999px;padding:10px 16px;font-size:14.5px}
.ex-al:before{background:radial-gradient(circle at 74% 28%,#FFE1A8 0 7%,rgba(255,200,140,.5) 8% 14%,transparent 26%),linear-gradient(170deg,#55306F,#36214D 60%,#2A1A3D)}
.ex-ch:before{background:radial-gradient(circle at 80% 22%,rgba(255,255,255,.35) 0 18%,transparent 19%),linear-gradient(160deg,#4C8FD6,#2A5D9A 60%,#1D3F6B)}
.ex-ps:before{background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 8px),linear-gradient(160deg,#2B3B6E,#22305A 60%,#161F3D)}
.ex .art{position:absolute;right:18px;top:18px;width:120px;height:120px}
.ex-al .art{border-radius:50%;background:radial-gradient(circle,#F19866 0 14%,#1a1a1d 15% 16%,#121214 17% 100%);box-shadow:inset 0 0 0 7px #0c0c0d;animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ex-ch .art{width:150px;height:auto;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.ex-ch .art i{display:block;background:#fff;border-radius:12px 12px 4px 12px;height:22px;width:100%;opacity:.9}
.ex-ch .art i:nth-child(2){width:70%;background:#D4F5C9;align-self:flex-start;border-radius:12px 12px 12px 4px}
.ex-ch .art i:nth-child(3){width:85%}
.ex-ps .art{border:3px solid #E9C77B;color:#E9C77B;border-radius:50%;display:grid;place-items:center;font:800 15px var(--sans);letter-spacing:.08em;transform:rotate(-12deg);text-align:center;line-height:1.1}
.ex-ps .art small{display:block;font:500 11px var(--mono)}
.others{margin-top:26px;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:20px;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:12px;align-items:center}
.others > b{font-family:var(--display);font-size:22px;padding-right:10px}
.others button{text-align:left;border:1.5px solid var(--line);background:var(--bg);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.others button span{font-weight:800;font-size:15.5px}
.others button small{color:var(--soft);font-size:13.5px}
.exnote{margin-top:14px;font-size:14px;color:var(--muted)}
@media (max-width:900px){.exs{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}.ex{min-height:0;padding:18px}.ex h3{font-size:25px}.ex .art{position:relative;right:auto;top:auto;width:64px;height:64px;margin-bottom:14px;flex:none}.ex-ch .art{width:110px;height:auto}.ex-ps .art{font-size:11px}.ex-ps .art small{font-size:9px}.others{grid-template-columns:minmax(0,1fr);padding:16px}}
/* prices */
.prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px;max-width:900px}
.pr{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:14px;position:relative}
.pr.hit{background:var(--plum);color:var(--plum-ink);border-color:var(--plum)}
.pr .bdg{position:absolute;top:22px;right:22px;background:var(--hi);color:var(--plum);border-radius:999px;padding:5px 12px;font-weight:800;font-size:12.5px}
.pr h3{font-size:28px}
.pr .sum{font-family:var(--display);font-weight:600;font-size:52px;line-height:1;font-variant-numeric:tabular-nums}
.pr .sum small{font-size:24px}
.pr .d{color:var(--soft);font-size:15px}
.pr.hit .d{color:var(--plum-soft)}
.pr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15.5px}
.pr li{display:flex;gap:10px;align-items:flex-start}
.pr li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--acc);margin-top:8px}
.pr.hit li:before{background:var(--hi)}
.pr .btn{margin-top:auto}
.pr.hit .btn{background:var(--plum-ink);color:var(--plum)}
.extras{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px;color:var(--soft)}
.extras b{color:var(--ink)}
.terms{margin-top:22px;max-width:900px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.terms div{border-left:3px solid var(--acc);padding:4px 0 4px 14px}
.terms b{display:block;font-size:15.5px}
.terms span{display:block;color:var(--soft);font-size:14.5px;margin-top:2px}
@media (max-width:900px){.prices{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}.pr{padding:22px}.pr .sum{font-size:44px}.terms{grid-template-columns:minmax(0,1fr)}}
/* faq */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:30px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:0 18px}
.faq summary{list-style:none;cursor:pointer;padding:17px 30px 17px 0;font-weight:800;font-size:16.5px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:13px;font-size:24px;font-weight:400;color:var(--acc);transition:transform .2s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{padding:0 0 18px;color:var(--soft);font-size:15.5px}
@media (max-width:900px){.faq{grid-template-columns:minmax(0,1fr);margin-top:22px}}
/* order */
.order{margin-top:34px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;background:var(--plum);color:var(--plum-ink);border-radius:32px;padding:40px}
.order h2{font-size:clamp(30px,4vw,46px);line-height:1.05}
.order h2 em{color:var(--hi)}
.order .intro p{color:var(--plum-soft);margin-top:12px}
.order .pts{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;font-size:15.5px}
.order .pts li{display:flex;gap:10px}
.order .pts li i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--hi-a);color:var(--hi);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900;margin-top:1px}
form.of{display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:22px}
.fl{display:flex;flex-direction:column;gap:7px}
.fl > span{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--plum-soft)}
.fl input,.fl textarea{width:100%;font:500 16px var(--sans);color:var(--plum-ink);background:rgba(0,0,0,.18);border:1.5px solid rgba(255,255,255,.16);border-radius:14px;padding:13px 15px;min-height:52px;-webkit-appearance:none;appearance:none}
.fl textarea{min-height:88px;resize:vertical;line-height:1.4}
.fl input::placeholder,.fl textarea::placeholder{color:var(--plum-soft);opacity:.75}
.fl input:focus,.fl textarea:focus{outline:none;border-color:var(--hi)}
.opts{display:flex;flex-wrap:wrap;gap:6px;position:relative}
.opts input{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.opts label{border:1.5px solid rgba(255,255,255,.2);border-radius:12px;padding:9px 13px;font-weight:700;font-size:14.5px;cursor:pointer}
.opts input:checked + label{background:var(--plum-ink);color:var(--plum);border-color:var(--plum-ink)}
.opts input:focus-visible + label{outline:3px solid var(--hi);outline-offset:2px}
.remind{font-size:13px;color:var(--plum-soft);line-height:1.4}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--plum-soft);cursor:pointer}
.agree input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:var(--hi)}
.agree a{color:var(--plum-ink)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ferr{min-height:1.2em;color:#FF9DA9;font-size:14px;font-weight:700}
form.of .btn{width:100%;background:var(--plum-ink);color:var(--plum)}
.fnote{font-size:13px;color:var(--plum-soft);text-align:center}
.direct{display:none;gap:8px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--plum-soft)}
.direct.on{display:flex}
.direct a{color:var(--plum-ink);font-weight:700;text-decoration:none;border:1.5px solid rgba(255,255,255,.2);border-radius:12px;padding:8px 12px}
.ok{display:none;flex-direction:column;gap:12px}
.ok.on{display:flex}
.ok .ic{width:54px;height:54px;border-radius:50%;background:var(--good);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}
.ok h3{font-size:28px}
.ok p{color:var(--plum-soft)}
.ok textarea{width:100%;min-height:140px;background:transparent;color:var(--plum-ink);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px;font:500 14px var(--sans)}
.brief{display:none;flex-direction:column;gap:12px;margin-top:6px}
.brief.on{display:flex}
.brief .q{font-weight:700;font-size:15px}
.brief .q small{display:block;font-weight:500;color:var(--plum-soft);font-size:13px}
@media (max-width:900px){.order{grid-template-columns:minmax(0,1fr);padding:24px 18px;border-radius:26px;gap:18px;margin-top:24px}form.of{padding:16px}}
/* footer */
footer{margin-top:80px;border-top:1px solid var(--line);padding:28px 0 40px;color:var(--muted);font-size:14px}
footer .fr{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;align-items:center}
footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}
footer a{color:var(--soft)}
footer .fine{margin-top:14px;display:flex;flex-direction:column;gap:4px}
@media (max-width:900px){footer{padding-bottom:110px}}
/* sticky cta (phone) */
.mcta{display:none}
@media (max-width:900px){
  .mcta{display:flex;position:fixed;left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;gap:10px;align-items:center;background:var(--ink);border-radius:18px;padding:8px 8px 8px 16px;box-shadow:0 20px 40px -16px rgba(0,0,0,.55);transition:opacity .25s,transform .25s}
  .mcta.off{opacity:0;transform:translateY(20px);pointer-events:none}
  .mcta span{color:#F5E9EC;font-size:13px;line-height:1.25;flex:1;min-width:0}
  .mcta span b{display:block;font-size:14.5px;color:#fff}
  .mcta .btn{min-height:48px;padding:0 16px;font-size:15px;border-radius:13px;flex:none}
}
/* demo modal */
.dm{position:fixed;inset:0;z-index:90;background:rgba(14,8,12,.86);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px))}
.dm-in{width:min(480px,100%);height:100%;max-height:920px;display:flex;flex-direction:column;gap:8px}
.dm-h{display:flex;gap:6px;align-items:center}
.dm-tabs{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.dm-tabs::-webkit-scrollbar{display:none}
.dm-tabs button{flex:none;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:8px 12px;font-weight:700;font-size:13px}
.dm-tabs button.on{background:#fff;color:var(--ink)}
.dm-x,.dm-s{flex:none;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:8px 12px;font-weight:700;font-size:13px}
.dm iframe{flex:1;width:100%;border:0;border-radius:24px;background:#fff}
/* privacy */
.pv{position:fixed;inset:0;z-index:95;background:rgba(14,8,12,.6);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:24px 12px}
.pv-in{width:min(720px,100%);background:var(--paper);border-radius:24px;padding:26px 24px 30px;position:relative}
.pv-in h2{font-size:30px;padding-right:90px}
.pv-in h3{font-family:var(--sans);font-size:16px;font-weight:800;margin-top:18px;letter-spacing:0}
.pv-in p{color:var(--soft);font-size:15px;margin-top:6px}
.pv-x{position:absolute;top:18px;right:18px;border:1.5px solid var(--line);background:var(--bg);border-radius:12px;padding:8px 12px;font-weight:700;font-size:14px}
.pv-on{display:none}.ym-on .pv-on{display:inline}.ym-on .pv-off{display:none}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:11px 16px;border-radius:14px;font-weight:700;font-size:14px;opacity:0;transition:opacity .25s,transform .25s;z-index:99;max-width:calc(100% - 32px);text-align:center;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
.ck{position:fixed;left:16px;bottom:16px;z-index:60;max-width:380px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;gap:12px;align-items:center;font-size:13.5px;box-shadow:0 14px 30px -16px rgba(0,0,0,.4)}
.ck button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:8px 12px;font-weight:700;flex:none}
@media (max-width:900px){.ck{left:10px;right:10px;max-width:none;bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition:none !important}}
/* ===== audiences: same page, own palette ===== */
html[data-aud="parents"]{--bg:#F7F1E6;--paper:#FFFDF8;--ink:#2A1E14;--soft:#5E4D3E;--muted:#8E7A66;--line:#E6D9C6;--acc:#B4532A;--acc-soft:#F5E1D3;--plum:#22382C;--plum-2:#2D4738;--plum-ink:#F4EEDF;--plum-soft:#B9C9B4;--hi:#F2C27B;--hi-a:rgba(242,194,123,.18);--hi-b:rgba(242,194,123,.45);--acc-sh:rgba(180,83,42,.6);--s1:#F2B35E;--s2:#D9683A;--s3:#7A3A22}
html[data-aud="friend"]{--bg:#F3F4F8;--paper:#FFFFFF;--ink:#13162B;--soft:#4A4E66;--muted:#7F849C;--line:#DFE1EA;--acc:#D63B22;--acc-soft:#FBE0DA;--plum:#141A3A;--plum-2:#1E2650;--plum-ink:#EEF0FF;--plum-soft:#A9B0D6;--hi:#CFF24A;--hi-a:rgba(207,242,74,.14);--hi-b:rgba(207,242,74,.45);--acc-sh:rgba(214,59,34,.55);--s1:#3B5BFF;--s2:#7B3BFF;--s3:#E2482F}
html[data-aud="office"]{--bg:#F2F5F4;--paper:#FFFFFF;--ink:#10201C;--soft:#455650;--muted:#7A8A84;--line:#DAE3E0;--acc:#13705F;--acc-soft:#D9EEE8;--plum:#0F2A2C;--plum-2:#173A3C;--plum-ink:#E9F6F2;--plum-soft:#A3C2BA;--hi:#EBC86E;--hi-a:rgba(235,200,110,.14);--hi-b:rgba(235,200,110,.45);--acc-sh:rgba(19,112,95,.55);--s1:#1BA38A;--s2:#13705F;--s3:#0F2A2C}
html[data-aud="friend"] .hero h1 em,html[data-aud="friend"] .sec-h h2 em{color:var(--acc)}
/* «Кому дарите» tabs under the header */
.aud{display:flex;align-items:center;gap:14px;padding-top:8px}
.aud-l{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex:none}
.aud-t{display:flex;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px;box-shadow:0 8px 20px -16px rgba(0,0,0,.35)}
.aud-t .at{border:0;background:none;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14.5px;color:var(--soft);white-space:nowrap;transition:background-color .25s,color .25s}
.aud-t .at:hover{color:var(--ink)}
.aud-t .at i{width:10px;height:10px;border-radius:50%;flex:none}
.aud-t .at.on{background:var(--ink);color:#fff}
.aud-t .at.on i{box-shadow:0 0 0 2px rgba(255,255,255,.75)}
@media (max-width:600px){.aud{padding-top:6px}.aud-l{display:none}.aud-t{flex:1;min-width:0}.aud-t .at{flex:1 1 0;min-width:0;padding:10px 4px;font-size:14px}}
@media (max-width:440px){.aud-t .at i{display:none}}
@media (max-width:340px){.aud-t .at{font-size:13px}}
html:not(.js) .aud,html:not(.js) .fork,html:not(.js) .exalt{display:none}
/* «Это не ваш вариант?» */
.fork{padding-top:72px}
.fork-h{max-width:640px}
.fork-h h2{font-size:clamp(28px,3.8vw,42px);line-height:1.06;margin-top:6px}
.fork-h p{margin-top:10px;color:var(--soft);font-size:16.5px}
.fks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.fk{position:relative;text-align:left;border:0;border-radius:22px;padding:20px 60px 20px 20px;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;color:#fff;overflow:hidden;min-height:132px;isolation:isolate;transition:transform .2s ease,box-shadow .2s}
.fk:hover{transform:translateY(-3px);box-shadow:0 18px 30px -18px rgba(0,0,0,.5)}
.fk b{font-family:var(--display);font-size:23px;font-weight:600;line-height:1.1}
.fk small{font-size:14.5px;opacity:.82;line-height:1.35}
.fk i{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:17px;color:#111;transition:transform .2s}
.fk:hover i{transform:translateX(3px)}
.fk .sw{position:absolute;right:-34px;bottom:-46px;width:130px;height:130px;border-radius:50%;opacity:.16;z-index:-1}
.fk[data-aud="love"]{background:linear-gradient(150deg,#4A2E66,#2E1C3F)}.fk[data-aud="love"] i,.fk[data-aud="love"] .sw{background:#F2A6C0}
.fk[data-aud="parents"]{background:linear-gradient(150deg,#3A5A47,#22382C)}.fk[data-aud="parents"] i,.fk[data-aud="parents"] .sw{background:#F2C27B}
.fk[data-aud="friend"]{background:linear-gradient(150deg,#2A3470,#141A3A)}.fk[data-aud="friend"] i,.fk[data-aud="friend"] .sw{background:#CFF24A}
.fk[data-aud="office"]{background:linear-gradient(150deg,#1F4C4E,#0F2A2C)}.fk[data-aud="office"] i,.fk[data-aud="office"] .sw{background:#EBC86E}
@media (max-width:900px){.fork{padding-top:52px}.fks{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:18px}.fk{min-height:0;padding:16px 60px 16px 18px}.fk b{font-size:21px}.fk small{font-size:14px}.fk i{top:50%;margin-top:-18px}.fk:hover{transform:none}}
/* examples: switch line */
.exalt{margin-top:16px;font-size:15px;color:var(--soft)}
.exalt .lk{text-decoration:none;font-weight:800;color:var(--acc);text-decoration:none;border-bottom:1.5px solid currentColor}
.faud a,.faud .lk{color:var(--soft)}
.lk{display:inline;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;-webkit-tap-highlight-color:transparent}
/* page change: colour wipe that reads like opening a new page */
.wipe{position:fixed;top:-40px;right:0;bottom:-80px;left:0;z-index:120;display:grid;place-items:center;background:var(--w-bg,#2E1C3F);color:#fff;clip-path:circle(0 at var(--wx,50%) var(--wy,50%));visibility:hidden;pointer-events:none}
.wipe.in{visibility:visible;pointer-events:auto;clip-path:circle(150vmax at var(--wx,50%) var(--wy,50%));transition:clip-path .6s cubic-bezier(.7,0,.25,1)}
.wipe.out{visibility:visible;pointer-events:none;clip-path:circle(150vmax at var(--wx,50%) var(--wy,50%));opacity:0;transition:opacity .5s ease}
.wp-in{text-align:center;padding:24px}
.wp-in small{font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.wp-in b{display:block;font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(42px,8vw,86px);line-height:1;margin-top:14px;color:var(--w-hi,#F2A6C0)}
.wp-in span{display:block;margin-top:14px;font-size:17px;opacity:.82}
.wipe.in .wp-in{animation:fadeUp .45s .22s both}
.swap-in main,.swap-in .aud{animation:fadeUp .5s ease both}
@media (prefers-reduced-motion: reduce){.wipe{display:none}}
/* example cards of the other audiences */
.ex-rp:before{background:linear-gradient(180deg,rgba(60,22,10,.1),rgba(50,18,8,.88) 72%),repeating-conic-gradient(#B4532A 0 25%,#9A4322 0 50%) 0 0/32px 32px}
.ex-rp .art{width:118px;height:140px;border-radius:6px;transform:rotate(6deg);padding:14px 12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);background:repeating-linear-gradient(transparent 0 15px,rgba(70,110,170,.25) 15px 16px),#FFFDF4}
.ex-rp .art b{display:block;font:700 21px/1 'Caveat',cursive;color:#7A2E1A;margin:0;padding:0;background:none}
.ex-rp .art i{display:block;height:3px;background:#2A3A6A;opacity:.45;border-radius:2px}
.ex-rp .art i:nth-child(3){width:70%}.ex-rp .art i:nth-child(4){width:84%}
.ex-gz:before{background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.6px) 0 0/6px 6px,linear-gradient(160deg,#5A4A3A,#3A3128 60%,#241E18)}
.ex-gz .art{width:118px;height:142px;background:#F2EDE2;color:#1E1B18;transform:rotate(-5deg);padding:12px 10px;display:flex;flex-direction:column;gap:7px;box-shadow:0 14px 30px -12px rgba(0,0,0,.6)}
.ex-gz .art b{display:block;margin:0;padding:0 0 4px;background:none;border-radius:0;color:#1E1B18;font:900 18px/1 'Playfair Display',Georgia,serif;text-transform:uppercase;text-align:center;border-bottom:3px double #1E1B18}
.ex-gz .art i{display:block;height:36px;background:linear-gradient(#A8A49C,#4A4844)}
.ex-gz .art i + i{flex:1;height:auto;background:repeating-linear-gradient(#8A857C 0 2px,transparent 2px 6px)}
.ex-ar:before{background:radial-gradient(circle at 82% 18%,rgba(242,194,123,.35),transparent 40%),linear-gradient(160deg,#3E5C49,#2D4738 60%,#1E3226)}
.ex-ar .art{width:140px;height:124px}
.ex-ar .art i{position:absolute;width:86px;height:100px;padding:6px 6px 24px;box-shadow:0 12px 24px -10px rgba(0,0,0,.6);background:radial-gradient(circle at 70% 30%,#FFE6A0 0 12%,transparent 30%) content-box,linear-gradient(#9BC0D8 0 45%,#6E9A4E 46%,#4C7034) content-box,#FBF7EE}
.ex-ar .art i:first-child{left:0;top:14px;transform:rotate(-8deg)}
.ex-ar .art i:last-child{right:0;top:0;transform:rotate(7deg);background:radial-gradient(ellipse at 45% 62%,#fff 0 22%,transparent 38%) content-box,linear-gradient(#C9B7A0,#5E4E3E) content-box,#FBF7EE;filter:sepia(.3)}
.ex-mz:before{background:radial-gradient(ellipse at 72% 0,rgba(255,236,190,.32),transparent 58%),linear-gradient(#2A2622,#141210)}
.ex-mz .art{width:124px;height:100px;padding:8px;background:linear-gradient(135deg,#E3C27A,#9C7A34 40%,#F1D99A 60%,#8C6A2A);box-shadow:0 14px 30px -10px rgba(0,0,0,.8)}
.ex-mz .art i{position:relative;display:block;width:100%;height:100%;background:#F4EBDD}
.ex-mz .art i:after{content:"";position:absolute;inset:13px 15px;border:3px dashed #E2482F;border-radius:40% 60% 30% 70%/60% 30% 70% 40%}
.ex-kt:before{background:radial-gradient(circle at 76% 24%,#2E3E92,#141A3A 68%)}
.ex-kt .art{width:96px;height:132px;display:grid;place-items:center;color:#3A2A08;background:linear-gradient(160deg,#F7E39A,#D6AE4E 35%,#F9EBB0 55%,#B98A2E);clip-path:polygon(50% 0,100% 6%,100% 88%,50% 100%,0 88%,0 6%)}
.ex-kt .art b{display:block;margin:0;padding:0;background:none;color:#3A2A08;font:800 36px/1 'Unbounded','Manrope',sans-serif}
.ex-dg:before{background:linear-gradient(160deg,#3B5BFF,#7B3BFF 52%,#E2482F)}
.ex-dg .art{width:120px;height:auto;display:flex;gap:5px}
.ex-dg .art i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.4)}
.ex-dg .art i:first-child{background:#fff}
.ex-tk:before{background:linear-gradient(160deg,#4A5A7A,#3D4B66 60%,#283350)}
.ex-tk .art{width:100px;height:136px;border-radius:4px 10px 10px 4px;background:#2F3B57;box-shadow:inset 7px 0 0 rgba(0,0,0,.25),0 14px 30px -12px rgba(0,0,0,.6);display:grid;place-items:center;text-align:center;transform:rotate(-4deg)}
.ex-tk .art b{display:block;margin:0;padding:0;background:none;color:#E9C77B;font:700 11px/1.35 'Unbounded','Manrope',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ex-pm:before{background:radial-gradient(ellipse at 72% 0,rgba(235,200,110,.32),transparent 55%),linear-gradient(#18201F,#0A0F0F)}
.ex-pm .art{width:96px;height:120px}
.ex-pm .art svg{width:100%;height:100%;filter:drop-shadow(0 0 18px rgba(235,200,110,.45))}
.ex-kl:before{background:radial-gradient(circle at 80% 20%,rgba(235,200,110,.22),transparent 40%),linear-gradient(160deg,#1B4A4C,#0F2A2C 60%,#0A1E1F)}
.ex-kl .art{border-radius:50%;border:3px solid #EBC86E;display:grid;place-items:center}
.ex-kl .art b{display:block;margin:0;padding:0;background:none;color:#EBC86E;font:800 46px/1 'Unbounded','Manrope',sans-serif}
@media (max-width:900px){
  .ex-rp .art{width:62px;height:74px;padding:8px 7px;gap:6px}.ex-rp .art b{font-size:12px}
  .ex-gz .art{width:62px;height:76px;padding:6px;gap:4px}.ex-gz .art b{font-size:9px;border-bottom-width:2px}.ex-gz .art i{height:18px}
  .ex-ar .art{width:96px;height:72px}.ex-ar .art i{width:52px;height:62px;padding:4px 4px 14px}
  .ex-mz .art{width:82px;height:64px;padding:5px}.ex-mz .art i:after{inset:8px 9px;border-width:2px}
  .ex-kt .art{width:54px;height:74px}.ex-kt .art b{font-size:20px}
  .ex-dg .art{width:110px}
  .ex-tk .art{width:56px;height:76px}.ex-tk .art b{font-size:6.5px}
  .ex-pm .art{width:56px;height:70px}
  .ex-kl .art b{font-size:26px}
}
.aud-wait main,.aud-wait footer,.aud-wait .strip{visibility:hidden}
/* ===== v5: what you get · made for you · date ===== */
.get{padding-top:72px}
.gets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.g{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:8px}
.g i{width:46px;height:46px;border-radius:14px;background:var(--acc-soft);color:var(--acc);display:grid;place-items:center;margin-bottom:4px}
.g i svg{width:23px;height:23px}
.g b{font-size:17px;line-height:1.25}
.g span{color:var(--soft);font-size:14.5px;line-height:1.45}
@media (max-width:900px){.get{padding-top:52px}.gets{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:20px}.g{padding:15px;border-radius:18px}.g b{font-size:15.5px}.g span{font-size:13.5px}.g i{width:40px;height:40px}}
.exnote a{color:var(--acc);font-weight:700;text-decoration:none;border-bottom:1.5px solid currentColor}
.cus{background:var(--paper);border:1px solid var(--line);border-radius:32px;padding:40px;position:relative;overflow:hidden}
.cus:before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:var(--acc-soft);opacity:.7}
.cus > *{position:relative}
.stys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;align-items:start}
.sty{display:flex;flex-direction:column;gap:10px;text-align:left;background:var(--bg);border:1.5px solid var(--line);border-radius:22px;padding:20px;transition:border-color .25s,background-color .25s,box-shadow .25s}
.sty:hover{border-color:var(--acc)}
.sty.on{background:var(--paper);border-color:var(--acc);box-shadow:0 18px 34px -24px var(--acc-sh)}
.sty .m{display:block;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sty q{font-family:var(--display);font-style:italic;font-weight:500;font-size:21px;line-height:1.25;color:var(--ink);quotes:"«" "»"}
.sgo{font-weight:800;font-size:14.5px;color:var(--acc);display:flex;gap:6px;align-items:center}
.sgo i{font-style:normal;transition:transform .3s}
.sty.on .sgo i{transform:rotate(180deg)}
.ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}
.ans > span{display:block;overflow:hidden;min-height:0}
.sty.on .ans{grid-template-rows:1fr}
.ans .m{margin-top:4px;padding-top:14px;border-top:1.5px dashed var(--line);color:var(--acc)}
.ans b{display:block;font-family:var(--display);font-weight:600;font-size:22px;line-height:1.15;margin-top:4px;color:var(--ink)}
.ans .d{display:block;color:var(--soft);font-size:15px;line-height:1.5;margin-top:6px}
.stynote{margin-top:14px;font-size:14px;color:var(--muted)}
.try{margin-top:26px;background:var(--bg);border-radius:22px;padding:20px;border:1.5px dashed var(--line)}
.try label{display:block;font-family:var(--display);font-weight:600;font-size:21px}
.try div{display:flex;gap:10px;margin-top:12px}
.try input{flex:1;min-width:0;min-height:56px;border:1.5px solid var(--line);background:var(--paper);border-radius:16px;padding:0 18px;font:500 16px var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none}
.try input:focus{outline:none;border-color:var(--acc)}
.try small{display:block;margin-top:10px;color:var(--soft);font-size:13.5px}
@media (max-width:900px){.cus{padding:24px 18px;border-radius:26px}.stys{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px}.sty{padding:16px 18px}.sty q{font-size:19px}.try{padding:16px}.try label{font-size:19px}.try div{flex-direction:column}.try .btn{width:100%}}
.fl > span i{font-style:normal;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:12px;opacity:.75}
#oDate{color-scheme:dark;display:block;min-height:52px;line-height:1.2}
#oDate::-webkit-date-and-time-value{text-align:left}
.dh{font-size:13.5px;font-weight:700;color:var(--hi);line-height:1.35}
.dh:empty{display:none}
.dm-note{display:flex;align-items:center;gap:8px 10px;background:rgba(255,255,255,.1);color:#fff;border-radius:14px;padding:7px 7px 7px 14px;font-size:13px;line-height:1.3;margin:0}
.dm-note span{flex:1;min-width:0}
#dmGo{flex:none;border:0;background:#fff;color:#111;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}
@media (max-width:420px){.dm-note{font-size:12px}#dmGo{padding:8px 10px;font-size:12px}}
.dm-in:focus{outline:none}
/* ===== v6: «Соберите мини-версию» + конструктор ===== */
.top nav a.nav-kit{color:var(--acc);font-weight:800}
.tr2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px;align-items:center;background:var(--plum);color:var(--plum-ink);border-radius:32px;padding:44px;overflow:hidden;position:relative}
.tr2 .eyebrow{color:var(--plum-soft)}
.tr2 h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin-top:8px}
.tr2 h2 em{color:var(--hi)}
.tr2 p{color:var(--plum-soft);margin-top:12px;font-size:16.5px}
.pts2{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px;font-size:15.5px}
.pts2 li{display:flex;gap:10px}
.pts2 li:before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:var(--hi-a);color:var(--hi);display:grid;place-items:center;font-size:12px;font-weight:900;margin-top:1px}
.tr-b{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px}
.tr-b .btn{background:var(--hi);color:var(--plum);box-shadow:none}
.tr-b span{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--plum-soft)}
.tr-fan{position:relative;height:420px;display:block}
.tr-fan canvas{position:absolute;top:50%;left:50%;width:220px;height:311px;margin:-155px 0 0 -110px;border-radius:10px;box-shadow:0 30px 50px -20px rgba(0,0,0,.6);transition:transform .4s cubic-bezier(.2,.8,.2,1);background:#222}
.tr-fan canvas:nth-child(1){transform:translateX(-120px) rotate(-10deg)}.tr-fan canvas:nth-child(2){transform:translateY(-14px);z-index:2}.tr-fan canvas:nth-child(3){transform:translateX(120px) rotate(10deg)}
.tr-fan:hover canvas:nth-child(1){transform:translateX(-150px) rotate(-14deg)}.tr-fan:hover canvas:nth-child(3){transform:translateX(150px) rotate(14deg)}
@media (max-width:900px){.tr2{grid-template-columns:minmax(0,1fr);padding:26px 18px 10px;border-radius:26px;gap:4px}.tr-fan{height:300px;order:-1}.tr-fan canvas{width:160px;height:226px;margin:-113px 0 0 -80px}.tr-fan canvas:nth-child(1){transform:translateX(-86px) rotate(-10deg)}.tr-fan canvas:nth-child(3){transform:translateX(86px) rotate(10deg)}.tr-b{margin-bottom:18px}.tr-b .btn{width:100%}}
/* overlay */
.kit{position:fixed;inset:0;z-index:93;background:var(--bg)}
.kit-scroll{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.kit-top{position:sticky;top:0;z-index:5;background:var(--ink);color:#fff;padding-top:env(safe-area-inset-top,0px)}
.kit-th{display:flex;align-items:center;gap:12px;min-height:58px}
.kit-f{font:900 28px/1 var(--brand);color:var(--hi)}
.kit-th b{font-family:var(--display);font-weight:600;font-size:19px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kit-free{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.kit-x{border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:9px 13px;font-weight:700;font-size:14px;flex:none}
@media (max-width:600px){.kit-free{display:none}}
.kit-body{padding-top:20px;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}
.kit-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 4px}
.kit-tabs::-webkit-scrollbar{display:none}
.kit-tabs button{flex:none;border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:10px 16px;font-weight:700;font-size:14.5px;color:var(--soft)}
.kit-tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.kit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;margin-top:18px;align-items:start}
.kit-p{position:sticky;top:76px;order:2}
.kit-pages{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:4px 2px 12px;scrollbar-width:thin}
.kit-pages canvas{flex:0 0 74%;scroll-snap-align:start}
.kit-pages canvas{width:100%;aspect-ratio:1240/1754;height:auto;border-radius:8px;box-shadow:0 18px 30px -18px rgba(0,0,0,.5);background:#ddd}
.kit-swipe{font-size:13px;color:var(--muted);margin-top:2px}
.kit-dl{width:100%;margin-top:16px}
.kit-dl:disabled{opacity:.7;cursor:progress}
.kit-dl2{display:none}
.kit-priv{margin-top:12px;font-size:13.5px;color:var(--soft);display:flex;gap:8px;align-items:flex-start}
.kit-priv i{font-style:normal}
.kit-form{display:flex;flex-direction:column;gap:12px;order:1}
.kf-st{display:flex;align-items:baseline;gap:10px;margin-top:8px}
.kf-st span{width:28px;height:28px;border-radius:50%;background:var(--acc);color:var(--acc-ink);display:grid;place-items:center;font-weight:800;font-size:14px;flex:none;align-self:center}
.kf-st b{font-family:var(--display);font-weight:600;font-size:22px}
.kf-st small{color:var(--muted);font-size:13.5px}
.kit-ph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kp{position:relative;display:flex;flex-direction:column;gap:6px;cursor:pointer}
.kp input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.kp canvas{width:100%;aspect-ratio:1;height:auto;border-radius:16px;border:2px dashed var(--line);background:var(--paper)}
.kp:after{content:"+";position:absolute;left:0;right:0;top:0;aspect-ratio:1;display:grid;place-items:center;font-size:40px;font-weight:300;color:var(--acc);pointer-events:none}
.kp.has:after{content:"↻";font-size:20px;left:auto;top:8px;right:8px;width:30px;height:30px;aspect-ratio:auto;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink)}
.kp.has canvas{border-style:solid;border-color:var(--acc)}
.kp span{font-size:13px;font-weight:700;color:var(--soft);text-align:center}
.kp:focus-within canvas{outline:3px solid var(--acc);outline-offset:2px}
.kf2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.kf{display:flex;flex-direction:column;gap:6px}
.kf > span{font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kf input,.kf textarea{width:100%;font:500 16px var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;min-height:50px;-webkit-appearance:none;appearance:none}
.kf textarea{resize:vertical;line-height:1.45}
.kf input:focus,.kf textarea:focus{outline:none;border-color:var(--acc)}
.kf-n{align-self:flex-end;font:500 11px var(--mono);color:var(--muted)}
.kit-ok{font-size:14.5px;color:var(--good);font-weight:700}
.kit-ok a{color:var(--acc)}
.kit-up{margin-top:44px;background:var(--plum);color:var(--plum-ink);border-radius:30px;padding:36px}
.kit-up .eyebrow{color:var(--plum-soft)}
.kit-up h2{font-size:clamp(28px,3.6vw,42px);line-height:1.08;margin-top:8px}
.kit-up h2 em{color:var(--hi)}
.kit-up > p{color:var(--plum-soft);margin-top:10px;max-width:60ch}
.cmp{margin-top:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden}
.cr{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));align-items:center}
.cr > *{padding:12px 14px;font-size:14.5px}
.cr + .cr{border-top:1px solid rgba(255,255,255,.1)}
.cr span{color:var(--plum-ink)}
.cr i{font-style:normal;text-align:center;font-weight:800;color:var(--hi)}
.cr i.no{color:rgba(255,255,255,.3)}
.cr i:last-child{background:rgba(255,255,255,.05)}
.ch b{text-align:center;font-size:13.5px;color:var(--plum-soft)}
.ch b.hl{color:var(--hi);background:rgba(255,255,255,.05)}
.cp i{color:var(--plum-ink);font-size:15px}
.cmp-b{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.cmp-b .btn{flex:1;min-width:240px}
.cmp-b .btn-line{color:var(--plum-ink);border-color:rgba(255,255,255,.3)}
.cmp-b .btn-acc{background:var(--hi);color:var(--plum);box-shadow:none}
.cmp-n{margin-top:12px;font-size:13.5px;color:var(--plum-soft)}
@media (max-width:900px){
  .kit-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .kit-p{position:static;order:0}
  .kit-pages{gap:10px;margin:0 -16px;padding:4px 16px 10px;scrollbar-width:none}
  .kit-pages::-webkit-scrollbar{display:none}
  .kit-pages canvas{flex:0 0 72%;scroll-snap-align:center}
  .kit-dl1{display:none}.kit-dl2{display:flex}
  .kf2{grid-template-columns:minmax(0,1fr)}
  .kit-up{padding:24px 18px;border-radius:24px;margin-top:32px}
  .cr{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr))}
  .cr > *{padding:10px 6px;font-size:12.5px}
  .cp i{font-size:12.5px}
  .ch b{font-size:11.5px}
  .cmp-b .btn{min-width:0;width:100%;flex:1 1 100%}
}
/* SEO text block */
.seo{padding-top:80px;max-width:860px;color:var(--soft);font-size:15.5px;line-height:1.6}
.seo h2{font-size:clamp(24px,3vw,32px);color:var(--ink);line-height:1.15}
.seo p{margin-top:12px}
.seo b{color:var(--ink)}
.seo a{color:var(--acc);font-weight:700}
@media (max-width:700px){.seo{padding-top:56px;font-size:15px}}
/* order: visible feedback */
form.of .btn.busy{opacity:.85;cursor:progress}
.spin{display:inline-block;width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite;flex:none}
.shake{animation:shk .45s}
@keyframes shk{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
.fl input.bad{border-color:#FF9DA9;box-shadow:0 0 0 3px rgba(255,157,169,.25)}
.agree.bad{color:#FFC2CB}.agree.bad input{outline:2px solid #FF9DA9;outline-offset:2px}
.ferr:not(:empty){background:rgba(255,157,169,.14);border-radius:12px;padding:10px 12px}
.ok h3{font-size:clamp(24px,3vw,30px)}
.ok .ic{animation:okPop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes okPop{from{transform:scale(.3);opacity:0}}
#okMail{width:100%}
.ok .ic.warn{background:#E8962A}

/* ---------- concept mini-scenes (inside the hero phone; 1em ≈ 1/22.5 of the screen width) ---------- */
.cx{position:absolute;inset:0;overflow:hidden;font-family:var(--sans);line-height:1.35;-webkit-font-smoothing:antialiased}
.cx *{box-sizing:border-box;margin:0}
.cx .m{font-family:var(--mono);font-size:.62em;letter-spacing:.14em;text-transform:uppercase}
.cx [class*="a-"]{opacity:0;animation-fill-mode:both;animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
.cx.go .a-up{animation-name:cxUp}.cx.go .a-in{animation-name:cxIn}.cx.go .a-pop{animation-name:cxPop}.cx.go .a-l{animation-name:cxL}.cx.go .a-r{animation-name:cxR}.cx.go .a-st{animation-name:cxSt;animation-duration:.45s}
@keyframes cxUp{from{opacity:0;transform:translateY(1.2em)}to{opacity:1;transform:none}}
@keyframes cxIn{from{opacity:0}to{opacity:1}}
@keyframes cxPop{0%{opacity:0;transform:scale(.6) rotate(var(--r,0deg))}70%{opacity:1;transform:scale(1.06) rotate(var(--r,0deg))}100%{opacity:1;transform:rotate(var(--r,0deg))}}
@keyframes cxL{from{opacity:0;transform:translateX(-1.4em)}to{opacity:1;transform:none}}
@keyframes cxR{from{opacity:0;transform:translateX(1.4em)}to{opacity:1;transform:none}}
@keyframes cxSt{0%{opacity:0;transform:scale(2.2) rotate(var(--r,0deg))}60%{opacity:1;transform:scale(.92) rotate(var(--r,0deg))}100%{opacity:1;transform:scale(1) rotate(var(--r,0deg))}}
@media (prefers-reduced-motion: reduce){.cx [class*="a-"]{animation:none !important;opacity:1 !important}}
.cx.still [class*="a-"]{animation:none !important;opacity:1 !important}

/* album */
.cx-al{background:linear-gradient(170deg,#55306F 0%,#36214D 55%,#2A1A3D 100%);color:#F6ECFF;padding:3.4em 1.3em 1em}
.cx-al .top{display:flex;justify-content:space-between;color:#CDB7E6}
.cx-al .rec{position:relative;height:12.6em;margin-top:1em}
.cx-al .slv{position:absolute;left:0;top:0;width:12.6em;height:12.6em;border-radius:.3em;overflow:hidden;z-index:2;box-shadow:0 1em 2em -.8em rgba(0,0,0,.7);background:radial-gradient(circle at 62% 64%,#FFE1A8 0 9%,rgba(255,200,140,.55) 10% 17%,transparent 30%),linear-gradient(#3B2A6B 0%,#B4517A 46%,#F19866 70%,#5B3460 71%,#2B1F3E 100%)}
.cx-al .slv:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(180deg,#2E2142,#1D1528)}
.cx-al .slv b{position:absolute;left:.7em;top:.6em;right:.6em;font-family:'Lora',Georgia,serif;font-style:italic;font-weight:600;font-size:1.25em;line-height:1.05;color:#FFF3E6;z-index:2;text-shadow:0 .1em .4em rgba(0,0,0,.35)}
.cx-al .slv i{position:absolute;left:.85em;bottom:.6em;font:500 .55em var(--mono);letter-spacing:.14em;color:#E8D3F7;z-index:2;font-style:normal}
.cx-al .vin{position:absolute;left:.4em;top:.4em;width:11.8em;height:11.8em;border-radius:50%;z-index:1;background:radial-gradient(circle,#F19866 0 14%,#1a1a1d 15% 16%,#121214 17% 100%);box-shadow:inset 0 0 0 .5em #0c0c0d}
.cx-al .vin:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 .25em,rgba(255,255,255,.05) .25em .3em)}
.cx-al .vin:after{content:"";position:absolute;left:50%;top:50%;width:.5em;height:.5em;margin:-.25em;border-radius:50%;background:#f6ecff}
.cx-al.go .vin{animation:alOut 1.1s .5s cubic-bezier(.2,.8,.2,1) both,alSpin 4s 1.6s linear infinite}
@keyframes alOut{from{transform:translateX(0)}to{transform:translateX(5em)}}
@keyframes alSpin{from{transform:translateX(5em) rotate(0)}to{transform:translateX(5em) rotate(360deg)}}
.cx-al h5{font-family:'Lora',Georgia,serif;font-style:italic;font-weight:600;font-size:1.5em;margin-top:.8em;line-height:1.1}
.cx-al .by{color:#CDB7E6;font-size:.8em;margin-top:.2em}
.cx-al ol{list-style:none;padding:0;margin-top:.8em;display:grid;gap:.15em}
.cx-al li{display:grid;grid-template-columns:1.8em minmax(0,1fr) auto;gap:.4em;align-items:center;font-size:.8em;padding:.45em .5em;border-radius:.6em}
.cx-al li.on{background:rgba(255,255,255,.1)}
.cx-al li em{font-style:normal;font:500 .85em var(--mono);color:#A98BC8}
.cx-al li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-al li small{font:500 .85em var(--mono);color:#A98BC8}
.cx-al li s{display:inline-block;text-decoration:none;font:700 .62em var(--sans);background:#CDB7E6;color:#2A1A3D;border-radius:.25em;padding:0 .3em;margin-left:.3em;vertical-align:.15em}
.cx-al .pl{position:absolute;left:.8em;right:.8em;bottom:1em;display:flex;align-items:center;gap:.6em;background:rgba(255,255,255,.12);border-radius:1em;padding:.55em .7em}
.cx-al .pl i{width:2em;height:2em;border-radius:50%;background:#F6ECFF;flex:none;position:relative}
.cx-al .pl i:before,.cx-al .pl i:after{content:"";position:absolute;top:.6em;width:.22em;height:.8em;background:#36214D;border-radius:.1em}
.cx-al .pl i:before{left:.68em}.cx-al .pl i:after{right:.68em}
.cx-al .pl div{flex:1;min-width:0}
.cx-al .pl b{display:block;font-size:.72em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-al .pl u{display:block;height:.2em;border-radius:1em;background:rgba(255,255,255,.2);margin-top:.35em;overflow:hidden;text-decoration:none}
.cx-al .pl u:after{content:"";display:block;height:100%;width:100%;background:#F6ECFF;transform-origin:0 50%;transform:scaleX(.08)}
.cx-al.go .pl u:after{animation:alBar 7s 1.4s linear both}
@keyframes alBar{to{transform:scaleX(.62)}}
.cx-al .eq{display:flex;gap:.12em;align-items:flex-end;height:1em}
.cx-al .eq s{display:block;width:.2em;height:40%;background:#F6ECFF;border-radius:.05em;animation:alEq .8s ease-in-out infinite}
.cx-al .eq s:nth-child(2){animation-delay:.2s}.cx-al .eq s:nth-child(3){animation-delay:.4s}
@keyframes alEq{50%{height:100%}}

/* chat */
.cx-ch{background:#DCE8F2;color:#14202B}
.cx-ch:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 .3em,transparent .35em) 0 0/3.2em 3.2em,radial-gradient(circle at 70% 70%,rgba(255,255,255,.4) 0 .2em,transparent .25em) 0 0/2.4em 2.4em}
.cx-ch .hd{position:relative;z-index:2;display:flex;align-items:center;gap:.6em;background:#fff;padding:3.1em 1em .6em;box-shadow:0 .1em .4em rgba(0,0,0,.06)}
.cx-ch .hd i{width:2.3em;height:2.3em;border-radius:50%;background:linear-gradient(135deg,#F08AA0,#B8324B);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.85em;flex:none}
.cx-ch .hd b{display:block;font-size:.88em}
.cx-ch .hd small{display:block;font-size:.66em;color:#4C8FD6}
.cx-ch .bd{position:relative;z-index:1;padding:.8em .8em 0;display:flex;flex-direction:column;gap:.4em}
.cx-ch .dt{align-self:center;background:rgba(20,32,43,.35);color:#fff;border-radius:1em;padding:.15em .7em;font-size:.62em;font-weight:700}
.cx-ch .bb{max-width:82%;padding:.55em .75em .45em;border-radius:1em;font-size:.86em;line-height:1.3;box-shadow:0 .05em .1em rgba(0,0,0,.08);position:relative}
.cx-ch .bb small{display:block;text-align:right;font-size:.75em;color:#7C8B98;margin-top:.1em}
.cx-ch .in{align-self:flex-start;background:#fff;border-bottom-left-radius:.3em}
.cx-ch .out{align-self:flex-end;background:#D4F5C9;border-bottom-right-radius:.3em}
.cx-ch .ty{align-self:flex-start;background:#fff;border-radius:1em;padding:.55em .7em;display:flex;gap:.2em}
.cx-ch .ty s{width:.35em;height:.35em;border-radius:50%;background:#9AA8B4;animation:chT 1s infinite}
.cx-ch .ty s:nth-child(2){animation-delay:.15s}.cx-ch .ty s:nth-child(3){animation-delay:.3s}
@keyframes chT{50%{transform:translateY(-.25em);opacity:.5}}
.cx-ch.go .ty{animation:chTy 1.2s both}
@keyframes chTy{0%{opacity:0}10%{opacity:1}85%{opacity:1}100%{opacity:0;height:0;padding:0;margin-top:-.4em}}
.cx-ch .st{position:absolute;left:.8em;right:.8em;bottom:1em;z-index:2;background:#fff;border-radius:1em;padding:.8em .9em;box-shadow:0 .6em 1.4em -.6em rgba(0,0,0,.3)}
.cx-ch .st .m{color:#4C8FD6}
.cx-ch .st div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em;margin-top:.45em}
.cx-ch .st b{display:block;font-size:1.05em;font-weight:800}
.cx-ch .st span{display:block;font-size:.6em;color:#5D6B78;line-height:1.2}

/* passport */
.cx-ps{background:#EFE6D4;color:#2B2A3A;perspective:60em}
.cx-ps .pg{position:absolute;inset:0;padding:3.2em 1.2em 1em;background:repeating-linear-gradient(0deg,rgba(43,42,58,.035) 0 .1em,transparent .1em .5em),#F4ECDD}
.cx-ps .pg .m{color:#8B6F4E}
.cx-ps .id{display:grid;grid-template-columns:5.2em minmax(0,1fr);gap:.8em;margin-top:.7em;align-items:start}
.cx-ps .pp{height:6.6em;border-radius:.3em;border:.25em solid #fff;box-shadow:0 .2em .5em rgba(0,0,0,.2);background:radial-gradient(circle at 60% 66%,#FFE1A8 0 10%,transparent 26%),linear-gradient(#3B4A7A 0%,#7A86C4 40%,#F2B38A 64%,#3F5C7A 65%,#22344F 100%);filter:sepia(.15)}
.cx-ps dl{display:grid;gap:.3em;font-size:.7em}
.cx-ps dt{font:500 .8em var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8B6F4E}
.cx-ps dd{margin:0;font-weight:700}
.cx-ps .mrz{margin-top:.7em;font:500 .58em var(--mono);letter-spacing:.1em;color:#6E6A7C;word-break:break-all}
.cx-ps .stp{position:relative;height:13em;margin-top:1em;font-size:1.15em}
.cx-ps .sp{position:absolute;display:grid;place-items:center;text-align:center;font:800 .7em var(--sans);letter-spacing:.06em;text-transform:uppercase;border:.22em solid currentColor;transform:rotate(var(--r));mix-blend-mode:multiply;line-height:1.1}
.cx-ps .sp small{display:block;font:500 .8em var(--mono);letter-spacing:.04em}
.cx-ps .s1{left:.2em;top:.3em;width:6.2em;height:6.2em;border-radius:50%;color:#B23A3A;--r:-12deg;letter-spacing:0}
.cx-ps .s2{left:7.4em;top:.6em;padding:.5em .7em;border-radius:.3em;color:#2D4BD8;--r:8deg}
.cx-ps .s3{left:3.6em;top:6.4em;padding:.5em .7em;border-radius:.6em;color:#2E7D4F;--r:-5deg;border-style:double;border-width:.35em}
.cx-ps .s4{right:.6em;top:4.2em;width:6em;height:6em;letter-spacing:0;border-radius:50%;color:#8C5A2B;--r:14deg;border-style:dashed}
.cx-ps .bp{position:absolute;left:1em;right:1em;bottom:1em;display:grid;grid-template-columns:minmax(0,1fr) 4.2em;background:#fff;border-radius:.8em;box-shadow:0 .6em 1.2em -.6em rgba(0,0,0,.35);overflow:hidden}
.cx-ps .bp > div{padding:.7em .8em}
.cx-ps .bp > div + div{border-left:.12em dashed #C9B89A;display:grid;place-items:center;font:800 .8em var(--mono);color:#B23A3A;text-align:center;padding:.5em}
.cx-ps .bp b{display:block;font-size:1.15em;font-family:'Unbounded','Manrope',sans-serif;letter-spacing:-.01em}
.cx-ps .bp .m{color:#8B6F4E}
.cx-ps .cov{position:absolute;inset:0;z-index:5;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.08),transparent 60%),#22305A;color:#E9C77B;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;transform-origin:0 50%;backface-visibility:hidden;text-align:center}
.cx-ps .cov svg{width:4.4em;height:4.4em}
.cx-ps .cov b{font-family:'Unbounded','Manrope',sans-serif;font-weight:700;letter-spacing:.18em;font-size:1.1em}
.cx-ps .cov span{font-family:'Lora',Georgia,serif;font-style:italic;font-size:.95em}
.cx-ps.go .cov{animation:psOpen 1.1s .7s cubic-bezier(.6,0,.2,1) both}
@keyframes psOpen{to{transform:rotateY(-105deg);opacity:0}}

/* series */
.cx-sr{background:#17111A;color:#F3ECE6}
.cx-sr .pst{position:relative;height:17em;background:radial-gradient(ellipse at 50% 30%,rgba(232,80,90,.55),transparent 60%),linear-gradient(#2A1620,#17111A);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 1em 1.2em;text-align:center}
.cx-sr .pst:before{content:"";position:absolute;left:50%;top:3.6em;width:7.5em;height:7.5em;margin-left:-3.75em;border-radius:50%;background:radial-gradient(circle at 38% 40%,#2c1d24 0 18%,transparent 19%),radial-gradient(circle at 64% 44%,#2c1d24 0 17%,transparent 18%),radial-gradient(circle,#E8505A 0 30%,transparent 62%);opacity:.65;filter:blur(.08em)}
.cx-sr .pst .m{color:#E8A0A6;position:relative}
.cx-sr .pst h5{position:relative;font-family:'Unbounded','Manrope',sans-serif;font-weight:900;font-size:3.4em;letter-spacing:-.02em;line-height:.9;margin-top:.15em}
.cx-sr .pst p{position:relative;font-size:.72em;color:#CFC2BA;margin-top:.4em}
.cx-sr .bdg{display:flex;gap:.4em;justify-content:center;margin-top:.6em;position:relative}
.cx-sr .bdg span{border:.1em solid rgba(255,255,255,.4);border-radius:.3em;padding:.1em .4em;font:600 .6em var(--sans)}
.cx-sr .prev{padding:.9em 1.1em .2em}
.cx-sr .prev .m{color:#E8A0A6}
.cx-sr .prev p{font-size:.78em;color:#CFC2BA;margin-top:.35em;line-height:1.35}
.cx-sr .eps{padding:.4em 1.1em;display:grid;gap:.45em}
.cx-sr .ep{display:grid;grid-template-columns:4.2em minmax(0,1fr);gap:.6em;align-items:center}
.cx-sr .ep i{height:2.5em;border-radius:.3em;position:relative;font-style:normal}
.cx-sr .ep i:after{content:"";position:absolute;left:50%;top:50%;margin:-.35em 0 0 -.25em;border-left:.6em solid rgba(255,255,255,.9);border-top:.35em solid transparent;border-bottom:.35em solid transparent}
.cx-sr .ep b{display:block;font-size:.76em}
.cx-sr .ep small{display:block;font-size:.62em;color:#A8998F}
.cx-sr .btn{position:absolute;left:1em;right:1em;bottom:1em;background:#F3ECE6;color:#17111A;border-radius:.6em;padding:.65em;text-align:center;font-weight:800;font-size:.85em}

/* game */
.cx-gm{background:#14263A;color:#E8F6FF;font-family:var(--mono)}
.cx-gm:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/100% .5em;pointer-events:none}
.cx-gm .hud{display:flex;justify-content:space-between;align-items:center;padding:3.2em 1em .6em;font-size:.7em;letter-spacing:.08em}
.cx-gm .hrt{display:flex;gap:.25em}
.cx-gm .hrt i{width:1.1em;height:1em;background:#FF5D7A;clip-path:polygon(50% 100%,0 40%,0 15%,20% 0,50% 18%,80% 0,100% 15%,100% 40%)}
.cx-gm h5{font-family:'Unbounded','Manrope',sans-serif;font-weight:800;font-size:1.65em;line-height:1.05;padding:0 .6em;color:#7CF2C2;text-shadow:.08em .08em 0 #0C6B54}
.cx-gm .lv{padding:0 1em;font-size:.7em;color:#9CC3DB;margin-top:.3em}
.cx-gm .xp{margin:.9em 1em 0;border:.15em solid #7CF2C2;height:1.2em;padding:.12em;position:relative}
.cx-gm .xp i{display:block;height:100%;background:repeating-linear-gradient(90deg,#7CF2C2 0 .5em,#5AD9A8 .5em .6em);transform-origin:0 50%;transform:scaleX(.35)}
.cx-gm.go .xp i{animation:gmXp 3s .6s steps(12) both}
@keyframes gmXp{to{transform:scaleX(.9)}}
.cx-gm .xpl{display:flex;justify-content:space-between;margin:.3em 1em 0;font-size:.6em;color:#9CC3DB}
.cx-gm .ach{display:grid;gap:.5em;padding:1em}
.cx-gm .ac{display:grid;grid-template-columns:2.4em minmax(0,1fr);gap:.6em;align-items:center;background:#1E3A55;border:.12em solid #2F5A80;padding:.55em .6em}
.cx-gm .ac svg{width:2.4em;height:2.4em}
.cx-gm .ac b{display:block;font-size:.7em;color:#FFD86B;letter-spacing:.04em}
.cx-gm .ac span{display:block;font-family:var(--sans);font-size:.74em;font-weight:700}
.cx-gm .ng{position:absolute;left:1em;right:1em;bottom:1em;border:.15em solid #FFD86B;color:#FFD86B;text-align:center;padding:.55em;font-size:.75em;letter-spacing:.12em}
.cx-gm.go .ng{animation:gmBl 1s 4.4s steps(2) infinite}
@keyframes gmBl{50%{opacity:.3}}

/* recap stories */
.cx-rc{background:linear-gradient(160deg,#FF7A59 0%,#E8456E 45%,#7A3FC4 100%);color:#fff}
.cx-rc .bars{position:absolute;top:2.6em;left:.8em;right:.8em;display:flex;gap:.25em;z-index:3}
.cx-rc .bars i{flex:1;height:.18em;border-radius:1em;background:rgba(255,255,255,.35);overflow:hidden}
.cx-rc .bars i b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:0 50%}
.cx-rc.go .bars i:nth-child(1) b{animation:rcB 1.8s .2s linear both}
.cx-rc.go .bars i:nth-child(2) b{animation:rcB 1.8s 2s linear both}
.cx-rc.go .bars i:nth-child(3) b{animation:rcB 1.8s 3.8s linear both}
.cx-rc.go .bars i:nth-child(4) b{animation:rcB 1.8s 5.6s linear both}
@keyframes rcB{to{transform:scaleX(1)}}
.cx-rc .sl{position:absolute;inset:0;padding:5em 1.4em 2em;display:flex;flex-direction:column;justify-content:center;opacity:0}
.cx-rc.go .sl{animation:rcS 1.8s both}
.cx-rc.go .sl:nth-of-type(2){animation-delay:.2s}.cx-rc.go .sl:nth-of-type(3){animation-delay:2s}.cx-rc.go .sl:nth-of-type(4){animation-delay:3.8s}.cx-rc.go .sl:nth-of-type(5){animation-delay:5.6s;animation-name:rcLast}
@keyframes rcS{0%{opacity:0;transform:translateY(1em)}12%{opacity:1;transform:none}88%{opacity:1}100%{opacity:0}}
@keyframes rcLast{0%{opacity:0;transform:translateY(1em)}12%{opacity:1;transform:none}100%{opacity:1}}
.cx-rc .sl .m{opacity:.8}
.cx-rc .sl b{display:block;font-family:'Unbounded','Manrope',sans-serif;font-weight:800;font-size:3.6em;line-height:.95;letter-spacing:-.03em;margin-top:.15em}
.cx-rc .sl p{font-size:1em;font-weight:700;margin-top:.5em;line-height:1.25}
.cx-rc .sl small{display:block;font-size:.75em;opacity:.8;margin-top:.5em}
.cx-rc .sl h5{font-family:'Unbounded','Manrope',sans-serif;font-weight:800;font-size:1.9em;line-height:1.05}

/* ===================== родным ===================== */
/* family archive */
.cx-ar{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 60%),#E8DCC4;color:#3B2A1C;padding:3.4em 1.3em 1em}
.cx-ar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(90,60,30,.035) 0 .2em,transparent .2em .5em);pointer-events:none}
.cx-ar > *{position:relative}
.cx-ar .m{color:#8A6A44}
.cx-ar h5{font-family:'Lora',Georgia,serif;font-style:italic;font-weight:600;font-size:1.75em;line-height:1.02;margin-top:.3em}
.cx-ar .cl{height:19.5em;margin-top:.8em}
.cx-ar .ph{position:absolute;background:#FBF7EE;padding:.45em .45em 1.9em;box-shadow:0 .5em 1em -.5em rgba(60,40,20,.55);transform:rotate(var(--r))}
.cx-ar .ph i{display:block;width:100%;height:100%;filter:sepia(.45) saturate(.8)}
.cx-ar .ph span{position:absolute;left:.5em;right:.4em;bottom:.25em;font-family:'Caveat',cursive;font-weight:600;font-size:1.1em;color:#4A3426;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-ar .ph:before,.cx-ar .ph:after{content:"";position:absolute;top:-.25em;left:-.25em;width:1.3em;height:1.3em;background:linear-gradient(135deg,#3B2A1C 50%,transparent 50%);opacity:.8}
.cx-ar .ph:after{left:auto;right:-.25em;transform:scaleX(-1)}
.cx-ar .p1{left:0;top:0;width:11em;height:9.2em;--r:-4deg}
.cx-ar .p1 i{background:radial-gradient(circle at 70% 28%,#F6D9A0 0 9%,transparent 26%),radial-gradient(ellipse at 34% 78%,#2A1C2E 0 18%,transparent 19%),radial-gradient(ellipse at 52% 76%,#2A1C2E 0 15%,transparent 16%),linear-gradient(160deg,#7A5A8A,#3A2A4A 60%,#22162E)}
.cx-ar .p2{right:0;top:1.4em;width:9.4em;height:11.6em;--r:4deg}
.cx-ar .p2 i{background:radial-gradient(ellipse at 42% 62%,#FFFFFF 0 20%,transparent 36%),radial-gradient(circle at 42% 30%,#E8D2B8 0 8%,transparent 9%),radial-gradient(circle at 64% 28%,#E0C6AA 0 8%,transparent 9%),radial-gradient(ellipse at 64% 64%,#2C2A30 0 16%,transparent 17%),linear-gradient(#C9B7A0,#8D7A66 70%,#5E4E3E)}
.cx-ar .p3{left:.8em;top:10.2em;width:11.6em;height:8.6em;--r:2deg}
.cx-ar .p3 i{background:radial-gradient(circle at 80% 22%,#FFE6A0 0 9%,transparent 22%),radial-gradient(ellipse at 30% 70%,#8A5A3A 0 14%,transparent 15%),linear-gradient(#9BC0D8 0 45%,#6E9A4E 46%,#4C7034)}
.cx-ar .yr{display:flex;align-items:center;gap:.6em;margin-top:1em;font:500 .7em var(--mono);color:#8A6A44}
.cx-ar .yr u{flex:1;height:.3em;border-radius:1em;background:rgba(90,60,30,.18);position:relative;text-decoration:none}
.cx-ar .yr b{position:absolute;top:50%;left:0;width:1em;height:1em;margin:-.5em 0 0 -.5em;border-radius:50%;background:#B4532A;box-shadow:0 0 0 .3em rgba(180,83,42,.22)}
.cx-ar.go .yr b{animation:arY 4.5s 3s cubic-bezier(.4,0,.2,1) both}
.cx-ar.still .yr b{left:100%}
@keyframes arY{to{left:100%}}
.cx-ar .nt{margin-top:.9em;font-family:'Caveat',cursive;font-size:1.25em;line-height:1.12;color:#4A3426}
/* recipe book */
.cx-kh{background:repeating-linear-gradient(180deg,transparent 0 1.55em,rgba(70,110,170,.2) 1.55em 1.62em),#FFFDF4;color:#2C2A33;padding:3.3em 1.2em 1em 2.6em}
.cx-kh:before{content:"";position:absolute;top:0;bottom:0;left:1.8em;width:.1em;background:rgba(200,60,60,.45)}
.cx-kh .hd{display:flex;justify-content:space-between;align-items:center;gap:.5em;color:#8A7B6A}
.cx-kh .tm{font:700 .7em var(--sans);background:#F3E3C9;color:#7A4A1E;border-radius:1em;padding:.2em .6em;flex:none}
.cx-kh h5{font-family:'Caveat',cursive;font-weight:700;font-size:2.5em;line-height:1;margin-top:.4em;color:#7A2E1A}
.cx-kh ul{list-style:none;padding:0;margin-top:.9em;display:grid;gap:.45em}
.cx-kh li{font-family:'Caveat',cursive;font-size:1.42em;line-height:1.15;color:#2A3A6A}
.cx-kh .st{margin-top:1.1em;font-size:.86em;line-height:1.45;color:#4A4550;max-width:15em}
.cx-kh .stamp{position:absolute;right:1em;bottom:6em;--r:-14deg;transform:rotate(-14deg);border:.2em solid #B4532A;color:#B4532A;border-radius:.4em;padding:.45em .6em;font:800 .72em/1.15 var(--sans);text-transform:uppercase;letter-spacing:.06em;text-align:center;mix-blend-mode:multiply}
.cx-kh .ft{position:absolute;left:2.6em;right:1.2em;bottom:1.1em;display:flex;gap:.6em;align-items:center;background:#fff;border:.08em solid #EADFCB;border-radius:1em;padding:.6em .7em;box-shadow:0 .6em 1.2em -.8em rgba(0,0,0,.35)}
.cx-kh .ft i{width:2.3em;height:2.3em;border-radius:50%;background:#B4532A;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.85em;flex:none}
.cx-kh .ft span{font-weight:700;font-size:.76em;line-height:1.25}
.cx-kh .ft small{display:block;font-weight:500;color:#8A7B6A}
/* family newspaper */
.cx-gz{background:#F2EDE2;color:#1E1B18;padding:3.2em 1.1em 1em;font-family:'Lora',Georgia,serif}
.cx-gz:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(0,0,0,.06) .05em,transparent .06em) 0 0/.35em .35em;pointer-events:none}
.cx-gz > *{position:relative}
.cx-gz .mh{display:flex;justify-content:space-between;font:500 .58em var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:.1em solid #1E1B18;padding-bottom:.4em}
.cx-gz h4{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:2.45em;line-height:.92;text-align:center;letter-spacing:-.01em;margin-top:.25em;text-transform:uppercase}
.cx-gz .rl{border-top:.25em double #1E1B18;border-bottom:.08em solid #1E1B18;margin-top:.4em;padding:.25em 0;text-align:center;font:500 .55em var(--mono);letter-spacing:.14em;text-transform:uppercase}
.cx-gz h5{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:1.42em;line-height:1.04;margin-top:.5em}
.cx-gz .ph{margin-top:.6em}
.cx-gz .ph i{display:block;height:9.5em;background:radial-gradient(ellipse at 38% 46%,#F0F0F0 0 13%,transparent 28%),radial-gradient(circle at 38% 26%,#D8D8D8 0 6%,transparent 7%),radial-gradient(circle at 62% 24%,#C8C8C8 0 6%,transparent 7%),radial-gradient(ellipse at 62% 48%,#333 0 11%,transparent 25%),linear-gradient(#9C9890,#5D5A55 70%,#3A3835);filter:grayscale(1) contrast(1.1)}
.cx-gz .ph small{display:block;font-style:italic;font-size:.6em;color:#555;margin-top:.25em}
.cx-gz .cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8em;margin-top:.8em;font-size:.72em;line-height:1.38;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.cx-gz .cols p + p{border-left:.08em solid #999;padding-left:.8em}
.cx-gz .wx{position:absolute;left:1.1em;right:1.1em;bottom:1em;border-top:.12em solid #1E1B18;padding-top:.45em;font:500 .62em var(--mono);letter-spacing:.03em}
.cx-gz .wx b{text-transform:uppercase;margin-right:.4em}
/* dacha */
.cx-dc{background:linear-gradient(#BFE3F2 0,#E4F3E6 13.6em,#7DB36A 13.6em,#5E9450 100%);color:#1F3A22}
.cx-dc .sky{position:relative;padding:3.3em 1.3em 0}
.cx-dc .sky:after{content:"";position:absolute;right:1.6em;top:3.6em;width:3.2em;height:3.2em;border-radius:50%;background:#FFD45E;box-shadow:0 0 0 .6em rgba(255,212,94,.3),0 0 0 1.2em rgba(255,212,94,.14)}
.cx-dc .sky .m{color:#3D6B4A}
.cx-dc h5{font-family:'Lora',Georgia,serif;font-style:italic;font-weight:600;font-size:1.9em;line-height:1;margin-top:.3em}
.cx-dc .wx{display:inline-block;margin-top:.7em;background:rgba(255,255,255,.75);border-radius:1em;padding:.25em .7em;font-size:.72em;font-weight:700}
.cx-dc .bed{position:absolute;left:1em;right:1em;top:14.8em;display:grid;gap:.6em}
.cx-dc .row{background:#7A5236;border-radius:.6em;padding:.45em .7em .5em;box-shadow:inset 0 -.25em 0 rgba(0,0,0,.18)}
.cx-dc .row span{display:block;font-family:'Caveat',cursive;font-weight:700;font-size:1.12em;line-height:1.2;color:#FFF3DC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-dc .row p{display:flex;justify-content:space-between;margin-top:.15em;height:1.4em;align-items:flex-end}
.cx-dc .row i{width:1.2em;height:1.25em;position:relative;transform-origin:50% 100%;transform:scale(0)}
.cx-dc .row i:before,.cx-dc .row i:after{content:"";position:absolute;bottom:0;width:.72em;height:1.05em;background:#8FD16A;border-radius:0 100% 0 100%}
.cx-dc .row i:before{left:0;transform:rotate(-18deg)}
.cx-dc .row i:after{right:0;border-radius:100% 0 100% 0;transform:rotate(18deg)}
.cx-dc .row:nth-child(1){--b:1.2s}.cx-dc .row:nth-child(2){--b:1.6s}.cx-dc .row:nth-child(3){--b:2s}.cx-dc .row:nth-child(4){--b:2.4s}
.cx-dc.go .row i{animation:dcG .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:var(--b)}
.cx-dc.go .row i:nth-child(2){animation-delay:calc(var(--b) + .08s)}.cx-dc.go .row i:nth-child(3){animation-delay:calc(var(--b) + .16s)}.cx-dc.go .row i:nth-child(4){animation-delay:calc(var(--b) + .24s)}.cx-dc.go .row i:nth-child(5){animation-delay:calc(var(--b) + .32s)}.cx-dc.go .row i:nth-child(6){animation-delay:calc(var(--b) + .4s)}
.cx-dc.still .row i{transform:none;animation:none}
@keyframes dcG{to{transform:none}}
.cx-dc .tiles{position:absolute;left:1em;right:1em;bottom:1em;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em}
.cx-dc .tiles div{background:#FFFDF4;border-radius:.8em;padding:.6em .5em;font-size:.62em;font-weight:700;line-height:1.2;color:#3D5A3A}
.cx-dc .tiles b{display:block;font-family:'Unbounded','Manrope',sans-serif;font-weight:800;font-size:2.2em;color:#B4532A;line-height:1.05}
/* cassette */
.cx-ks{background:linear-gradient(170deg,#E9A25A,#C8643A 55%,#7A3322);color:#FFF4E6;padding:3.3em 1.2em 1em}
.cx-ks .top{display:block;color:#FFE2C4}
.cx-ks .tape{position:relative;margin-top:.8em;height:12.4em;border-radius:1em;background:#2A2320;box-shadow:0 1em 2em -1em rgba(0,0,0,.6),inset 0 0 0 .3em #3A312C;padding:.9em}
.cx-ks .lbl{position:relative;height:7.8em;border-radius:.4em;padding:.5em .7em;color:#3A2A20;background:linear-gradient(transparent 2em,#E2574C 2em 2.15em,transparent 2.15em 2.45em,#F2A33A 2.45em 2.6em,transparent 2.6em),#F6EBD6}
.cx-ks .lbl b{font-family:'Caveat',cursive;font-size:1.45em;font-weight:700;line-height:1}
.cx-ks .lbl small{position:absolute;left:.7em;bottom:.45em;font:500 .58em var(--mono);letter-spacing:.06em}
.cx-ks .win{position:absolute;left:50%;top:4.3em;width:11.4em;margin-left:-5.7em;height:3.4em;background:#1A1512;border-radius:1.7em;display:flex;justify-content:space-between;align-items:center;padding:0 .45em;border:.15em solid #4A3F38}
.cx-ks .win:before{content:"";position:absolute;left:2.8em;right:2.8em;top:.85em;bottom:.85em;background:#5A3A26;border-radius:.2em}
.cx-ks .win i{position:relative;width:2.5em;height:2.5em;border-radius:50%;border:.2em solid #E8DCC8;background:radial-gradient(circle,#1A1512 0 .3em,#E8DCC8 .31em .55em,transparent .56em),repeating-conic-gradient(#E8DCC8 0 18deg,transparent 18deg 60deg)}
.cx-ks.go .win i{animation:ksR 2.4s linear infinite}
@keyframes ksR{to{transform:rotate(360deg)}}
.cx-ks .tape s{position:absolute;left:50%;bottom:.3em;width:8em;margin-left:-4em;height:1.5em;background:#3A312C;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);text-decoration:none}
.cx-ks ol{list-style:none;padding:0;margin-top:1.1em;display:grid;gap:.32em}
.cx-ks li{display:grid;grid-template-columns:2em minmax(0,1fr);gap:.4em;font-size:.88em;padding:.62em .6em;border-radius:.6em;background:rgba(255,255,255,.1)}
.cx-ks li:first-child{background:rgba(255,255,255,.24)}
.cx-ks li em{font:500 .85em var(--mono);font-style:normal;color:#FFD4A8}
.cx-ks li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-ks .pl{position:absolute;left:1em;right:1em;bottom:1em;display:flex;align-items:center;justify-content:center;gap:1.4em;background:rgba(0,0,0,.22);border-radius:1em;padding:.6em}
.cx-ks .pl span{font-size:.8em;opacity:.8}
.cx-ks .pl b{width:2.4em;height:2.4em;border-radius:50%;background:#FFF4E6;color:#7A3322;display:grid;place-items:center;font-size:.9em}
.cx-ks .pl em{position:absolute;right:1em;font:500 .7em var(--mono);font-style:normal;background:#1A1512;color:#FFB36B;padding:.15em .45em;border-radius:.2em;letter-spacing:.12em}
/* grandkids */
.cx-vn{background:#FFFDF8;color:#2A2A35;padding:3.4em 1.2em 1em}
.cx-vn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 6%,rgba(255,210,80,.28),transparent 30%),radial-gradient(circle at 0 100%,rgba(120,180,255,.2),transparent 40%)}
.cx-vn > *{position:relative}
.cx-vn .m{color:#8A8AA0}
.cx-vn h5{font-family:'Caveat',cursive;font-weight:700;font-size:2.55em;line-height:1.08;margin-top:.3em;letter-spacing:.02em}
.cx-vn h5 span{white-space:nowrap}.cx-vn h5 i{font-style:normal;display:inline-block}
.cx-vn h5 i:nth-child(5n+1){color:#E2482F;transform:rotate(-6deg)}.cx-vn h5 i:nth-child(5n+2){color:#2B7BE4;transform:rotate(4deg) translateY(.05em)}.cx-vn h5 i:nth-child(5n+3){color:#2FA35A;transform:rotate(-3deg)}.cx-vn h5 i:nth-child(5n+4){color:#E8962A;transform:rotate(5deg)}.cx-vn h5 i:nth-child(5n){color:#9B4DE0;transform:rotate(-4deg)}
.cx-vn .drw{display:block;width:100%;height:auto;margin-top:.5em}
.cx-vn .drw *{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.cx-vn .d1{stroke:#F2A33A}.cx-vn .d2{stroke:#E2482F}.cx-vn .d3{stroke:#2B7BE4}.cx-vn .d4{stroke:#9B4DE0}.cx-vn .d5{stroke:#2FA35A}
.cx-vn.go .drw *{stroke-dasharray:320;stroke-dashoffset:320;animation:vnD 1.3s ease-out forwards}
.cx-vn.go .drw .d1{animation-delay:.6s}.cx-vn.go .drw .d2{animation-delay:1s}.cx-vn.go .drw .d3{animation-delay:1.4s}.cx-vn.go .drw .d4{animation-delay:1.7s}.cx-vn.go .drw .d5{animation-delay:2s}
.cx-vn.still .drw *{animation:none;stroke-dashoffset:0}
@keyframes vnD{to{stroke-dashoffset:0}}
.cx-vn .sig{display:block;text-align:right;font-family:'Caveat',cursive;font-size:1.1em;color:#7A7A90}
.cx-vn .vm{display:flex;align-items:center;gap:.55em;background:#EEF4FF;border-radius:1.2em;padding:.5em .8em .5em .5em;margin-top:.6em;width:88%}
.cx-vn .vm + .vm{margin-left:auto;background:#FFF1E6}
.cx-vn .vm i{width:2.1em;height:2.1em;border-radius:50%;background:#2B7BE4;color:#fff;display:grid;place-items:center;font-style:normal;font-size:.7em;flex:none}
.cx-vn .vm + .vm i{background:#E2482F}
.cx-vn .wv{flex:1;min-width:0;display:flex;gap:.18em;align-items:center;height:1.4em}
.cx-vn .wv s{flex:1;background:#9AB3DA;border-radius:1em;height:40%;text-decoration:none}
.cx-vn .vm + .vm .wv s{background:#F0B49A}
.cx-vn .wv s:nth-child(3n){height:95%}.cx-vn .wv s:nth-child(3n+2){height:62%}
.cx-vn .vm b{font:500 .7em var(--mono)}
.cx-vn .vm small{font-size:.66em;color:#7A7A90}

/* ===================== друзьям ===================== */
/* museum of legends */
.cx-mz{background:linear-gradient(#2A2622,#1A1714 70%,#3A2A20 70.1%,#2A1E16);color:#F1E8DA;padding:3.3em 1.2em 1em}
.cx-mz .hd{position:relative;z-index:2;display:flex;justify-content:space-between;color:#B9A88E}
.cx-mz .spot{position:absolute;left:50%;top:0;width:19em;margin-left:-9.5em;height:27em;background:radial-gradient(ellipse at 50% 0,rgba(255,236,190,.34),transparent 72%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}
.cx-mz .fr{position:relative;margin:1.6em auto 0;width:13em;height:10.4em;padding:.7em;--r:0deg;background:linear-gradient(135deg,#E3C27A,#9C7A34 40%,#F1D99A 60%,#8C6A2A);box-shadow:0 1.2em 2em -1em rgba(0,0,0,.8)}
.cx-mz .art{position:relative;width:100%;height:100%;overflow:hidden;background:#F4EBDD;box-shadow:inset 0 0 0 .3em #6B5222}
.cx-mz .art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(0,0,0,.07) 48% 52%,transparent 52%) 0 0/2em 2em,linear-gradient(transparent 48%,rgba(0,0,0,.07) 48% 52%,transparent 52%) 0 0/2em 2em}
.cx-mz .art i{position:absolute;inset:1.1em 1.2em;border:.25em dashed #E2482F;border-radius:40% 60% 30% 70%/60% 30% 70% 40%}
.cx-mz .art:after{content:"";position:absolute;left:1.1em;bottom:2em;width:.9em;height:.9em;border-radius:50%;background:#3B5BFF;box-shadow:8.6em -4.6em 0 #E2482F}
.cx-mz .pl{position:relative;margin:1.4em auto 0;width:16.5em;max-width:100%;background:#F4EBDD;color:#2A2622;border-radius:.3em;padding:.8em .9em;box-shadow:0 .6em 1.2em -.6em rgba(0,0,0,.7)}
.cx-mz .pl .m{color:#9C7A34}
.cx-mz .pl b{display:block;font-family:'Lora',Georgia,serif;font-weight:700;font-size:1.3em;line-height:1.1;margin-top:.2em}
.cx-mz .pl p{font-size:.74em;line-height:1.38;margin-top:.35em;color:#4A423A}
.cx-mz .rope{position:absolute;left:1.4em;right:1.4em;bottom:4.2em;height:3.4em}
.cx-mz .rope i{position:absolute;bottom:0;width:.55em;height:3.2em;background:linear-gradient(90deg,#9C7A34,#F1D99A,#9C7A34);border-radius:.3em .3em 0 0}
.cx-mz .rope i:first-child{left:0}.cx-mz .rope i:nth-child(2){right:0}
.cx-mz .rope i:before{content:"";position:absolute;left:-.25em;top:-.45em;width:1.05em;height:1.05em;border-radius:50%;background:#E3C27A}
.cx-mz .rope u{position:absolute;left:.3em;right:.3em;top:0;height:2.2em;border-bottom:.45em solid #9E2A2A;border-radius:0 0 50% 50%;text-decoration:none}
.cx-mz .sg{position:absolute;left:1.2em;right:1.2em;bottom:1em;text-align:center;font:500 .6em var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#B9A88E}
/* player card */
.cx-kt{background:radial-gradient(circle at 50% 32%,#2B3A8A,#141A3A 70%);color:#fff;padding:3.3em 1.2em 1em;text-align:center}
.cx-kt .t{display:block;color:#A9B0D6}
.cx-kt .cd{position:relative;margin:1em auto 0;width:16.5em;height:24em;padding:1.6em 1.3em 0;color:#3A2A08;overflow:hidden;background:linear-gradient(160deg,#F7E39A,#D6AE4E 35%,#F9EBB0 55%,#B98A2E);clip-path:polygon(50% 0,100% 6%,100% 88%,50% 100%,0 88%,0 6%)}
.cx-kt .cd:after{content:"";position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.6) 50%,transparent 58%);transform:translateX(-60%);pointer-events:none}
.cx-kt.go .cd:after{animation:ktS 3.2s 1.2s ease-in-out infinite}
@keyframes ktS{0%{transform:translateX(-60%)}55%,100%{transform:translateX(60%)}}
.cx-kt .rt{position:absolute;left:1.6em;top:2.4em;display:flex;flex-direction:column;align-items:center;line-height:1}
.cx-kt .rt b{font-family:'Unbounded','Manrope',sans-serif;font-weight:800;font-size:2.4em}
.cx-kt .rt span{font-weight:800;font-size:.7em;letter-spacing:.08em;margin-top:.25em}
.cx-kt .av{width:8em;height:8em;margin:0 .3em 0 auto;border-radius:50%;background:radial-gradient(circle at 50% 36%,#3A2A08 0 21%,transparent 22%),radial-gradient(ellipse 46% 36% at 50% 100%,#3A2A08 0 99%,transparent 100%);opacity:.82}
.cx-kt h5{font-family:'Unbounded','Manrope',sans-serif;font-weight:800;font-size:1.7em;letter-spacing:.05em;border-top:.06em solid rgba(58,42,8,.35);border-bottom:.06em solid rgba(58,42,8,.35);margin-top:.3em;padding:.12em 0}
.cx-kt .sts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4em .9em;margin-top:.7em;text-align:left}
.cx-kt .sts span{font-weight:800;font-size:.78em;line-height:1.1}
.cx-kt .sts b{font-family:'Unbounded','Manrope',sans-serif;font-size:1.15em;margin-right:.35em}
.cx-kt .sts small{display:block;font-weight:600;font-size:.74em;opacity:.75;margin-top:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-kt .bt{position:absolute;left:1.2em;right:1.2em;bottom:1em;border:.12em solid rgba(207,242,74,.6);color:#CFF24A;border-radius:.8em;padding:.6em;font-weight:700;font-size:.76em}
/* stories variants */
.cx-rf{background:linear-gradient(160deg,#3B5BFF 0%,#7B3BFF 52%,#E2482F 100%)}
.cx-ro{background:linear-gradient(160deg,#1BA38A 0%,#13705F 50%,#0F2A2C 100%)}
/* school diary */
.cx-sk{background-color:#F7F9FF;background-image:linear-gradient(rgba(60,90,200,.12) .06em,transparent .06em),linear-gradient(90deg,rgba(60,90,200,.12) .06em,transparent .06em);background-size:1.1em 1.1em;color:#1E2A55;padding:3.3em 1.2em 1em}
.cx-sk .hd{background:#fff;border:.1em solid #C9D3F2;border-radius:.6em;padding:.7em .8em}
.cx-sk .hd .m{color:#5A6BB0}
.cx-sk .hd b{display:block;font-size:.9em;line-height:1.3;margin-top:.2em}
.cx-sk .hd u{font-family:'Caveat',cursive;font-size:1.55em;font-weight:700;text-decoration:none;color:#2742B8}
.cx-sk .tb{margin-top:.8em;background:#fff;border:.1em solid #C9D3F2;border-radius:.6em;overflow:hidden}
.cx-sk .tr{display:flex;justify-content:space-between;align-items:center;gap:.6em;padding:.6em .8em;font-size:.86em;font-weight:600}
.cx-sk .tr + .tr{border-top:.1em solid #E3E8F8}
.cx-sk .tr b{font-family:'Caveat',cursive;font-size:1.75em;line-height:1;color:#D33A2C;min-width:1.4em;text-align:center}
.cx-sk .rm{margin-top:1em;font-family:'Caveat',cursive;font-size:1.5em;line-height:1.15;color:#D33A2C;padding-right:4.5em}
.cx-sk .sg{margin-top:.9em;display:flex;justify-content:space-between;align-items:baseline;border-top:.1em dashed #9AA6D6;padding-top:.4em;font-size:.68em;color:#5A6BB0;margin-right:7em}
.cx-sk .sg em{font-family:'Caveat',cursive;font-size:1.8em;color:#2742B8;font-style:normal}
.cx-sk .gr{position:absolute;right:1em;bottom:1.2em;width:3.4em;height:3.4em;border-radius:50%;border:.14em solid #D33A2C;color:#D33A2C;display:grid;place-items:center;font-family:'Caveat',cursive;font-weight:700;font-size:1.9em;line-height:1;--r:-10deg;transform:rotate(-10deg)}
/* world tour */
.cx-tr{background:#141A3A;color:#EEF0FF;padding:3.3em 1.3em 1em}
.cx-tr:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(207,242,74,.2) .12em,transparent .13em) 0 0/.6em .6em;-webkit-mask:linear-gradient(transparent 35%,#000);mask:linear-gradient(transparent 35%,#000)}
.cx-tr > *{position:relative}
.cx-tr .m{color:#CFF24A}
.cx-tr h5{font-family:'Unbounded','Manrope',sans-serif;font-weight:900;font-size:3em;line-height:.92;letter-spacing:-.03em;margin-top:.25em;color:#fff}
.cx-tr h5 s{text-decoration:none;color:#E2482F}
.cx-tr p{font-size:.74em;color:#A9B0D6;margin-top:.5em}
.cx-tr ul{list-style:none;padding:0;margin-top:1.1em;border-top:.12em solid #CFF24A}
.cx-tr li{display:grid;grid-template-columns:3.4em minmax(0,1fr) auto;gap:.5em;align-items:center;padding:.72em 0;border-bottom:.08em solid rgba(169,176,214,.3);font-size:.9em}
.cx-tr li b{font:500 .8em var(--mono);color:#CFF24A}
.cx-tr li span{font-family:'Unbounded','Manrope',sans-serif;font-weight:700;font-size:.95em;text-transform:uppercase}
.cx-tr li em{font-style:normal;font:800 .62em var(--sans);text-transform:uppercase;letter-spacing:.06em;background:#CFF24A;color:#141A3A;padding:.25em .5em;border-radius:.2em}
.cx-tr li em.x{background:transparent;color:#FF7A5C;box-shadow:inset 0 0 0 .12em #FF7A5C;text-decoration:line-through}
.cx-tr li em.nx{background:#E2482F;color:#fff}
.cx-tr .tk{position:absolute;left:1.3em;right:1.3em;bottom:1em;display:flex;justify-content:space-between;align-items:center;background:#CFF24A;color:#141A3A;border-radius:.6em;padding:.75em 1.1em;font-weight:700;font-size:.8em}
.cx-tr .tk b{font-family:'Unbounded','Manrope',sans-serif;font-weight:800;font-size:1.2em;text-transform:uppercase}
.cx-tr .tk:before,.cx-tr .tk:after{content:"";position:absolute;top:50%;width:1em;height:1em;margin-top:-.5em;border-radius:50%;background:#141A3A}
.cx-tr .tk:before{left:-.5em}.cx-tr .tk:after{right:-.5em}
/* group chat */
.cx-gc{background:#E9E4F7;color:#14162B}
.cx-gc .hd{position:relative;z-index:2;display:flex;align-items:center;gap:.6em;background:#fff;padding:3.1em 1em .6em;box-shadow:0 .1em .4em rgba(0,0,0,.06)}
.cx-gc .hd i{width:2.3em;height:2.3em;border-radius:50%;background:linear-gradient(135deg,#CFF24A,#3B5BFF);color:#14162B;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.85em;flex:none}
.cx-gc .hd b{display:block;font-size:.88em}
.cx-gc .hd small{display:block;font-size:.66em;color:#7F849C}
.cx-gc .bd{padding:.8em .8em 0;display:flex;flex-direction:column;gap:.45em}
.cx-gc .mg{align-self:flex-start;max-width:84%;background:#fff;border-radius:1em 1em 1em .3em;padding:.5em .8em .45em;font-size:.9em;line-height:1.3;box-shadow:0 .05em .1em rgba(0,0,0,.08)}
.cx-gc .mg b{display:block;font-size:.82em}
.cx-gc .mg small{display:block;text-align:right;font-size:.72em;color:#9A9FB4}
.cx-gc .mg.out{align-self:flex-end;background:#DCE3FF;border-radius:1em 1em .3em 1em}
.cx-gc .poll{background:#fff;border-radius:1em;padding:.8em .9em;font-size:.86em}
.cx-gc .poll > b{display:block;margin-bottom:.2em}
.cx-gc .poll div{display:grid;grid-template-columns:minmax(0,1fr) 2.8em;gap:.2em .5em;align-items:center;margin-top:.35em;font-size:.88em}
.cx-gc .poll span{grid-column:1}
.cx-gc .poll u{grid-column:1;height:.38em;border-radius:1em;background:#EEF0F6;overflow:hidden;text-decoration:none}
.cx-gc .poll u i{display:block;height:100%;background:#3B5BFF;border-radius:1em;transform-origin:0 50%;transform:scaleX(0)}
.cx-gc.go .poll u i{animation:gcP 1s 4s cubic-bezier(.2,.8,.2,1) forwards}
.cx-gc.still .poll u i{transform:none;animation:none}
@keyframes gcP{to{transform:none}}
.cx-gc .poll em{grid-column:2;grid-row:1 / span 2;font:500 .9em var(--mono);font-style:normal;text-align:right;color:#4A4E66}
.cx-gc .st{position:absolute;left:.8em;right:.8em;bottom:1em;z-index:2;background:#14162B;color:#fff;border-radius:1em;padding:.75em .9em}
.cx-gc .st .m{color:#CFF24A}
.cx-gc .st > div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em;margin-top:.4em}
.cx-gc .st b{display:block;font-size:1em;font-weight:800}
.cx-gc .st span{display:block;font-size:.6em;color:#A9B0D6;line-height:1.2}

/* ===================== коллегам ===================== */
/* jubilee */
.cx-jb{background:linear-gradient(165deg,#173A3C,#0F2A2C 60%,#0A1E1F);color:#E9F6F2;padding:3.3em 1.3em 1em}
.cx-jb .hd{display:flex;justify-content:space-between;color:#8FC9B9}
.cx-jb h5{font-family:'Lora',Georgia,serif;font-weight:600;font-size:2em;line-height:1.03;margin-top:.5em}
.cx-jb .tl{position:relative;margin-top:1.3em;padding-left:1.4em;display:grid;gap:1em}
.cx-jb .tl:before{content:"";position:absolute;left:.36em;top:.4em;bottom:.4em;width:.12em;background:rgba(235,200,110,.4)}
.cx-jb .tl div{position:relative}
.cx-jb .tl div:before{content:"";position:absolute;left:-1.35em;top:.2em;width:.75em;height:.75em;border-radius:50%;background:#0F2A2C;border:.15em solid #EBC86E}
.cx-jb .tl b{display:block;font:500 .7em var(--mono);color:#EBC86E;letter-spacing:.08em}
.cx-jb .tl span{display:block;font-size:.92em;line-height:1.3;font-weight:600}
.cx-jb .kp{position:absolute;left:1em;right:1em;bottom:1em;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em}
.cx-jb .kp span{background:rgba(255,255,255,.08);border:.08em solid rgba(255,255,255,.12);border-radius:.8em;padding:.6em .55em;font-size:.62em;color:#A3C2BA;line-height:1.2}
.cx-jb .kp b{display:block;font-family:'Unbounded','Manrope',sans-serif;font-weight:800;font-size:1.9em;color:#fff;line-height:1.05}
/* work book */
.cx-tk{background:linear-gradient(#3D4B66 0 2.7em,#F7F4EA 2.7em);color:#2A2E3A;padding:3.5em 1em 1em}
.cx-tk .hd .m{color:#7A6E5A}
.cx-tk .hd b{display:block;font-family:'Lora',Georgia,serif;font-weight:600;font-size:1.25em;line-height:1.12;margin-top:.25em}
.cx-tk .tb{margin-top:.9em;border:.1em solid #B9B1A0;font-size:.78em;line-height:1.3;background:#FBF9F2}
.cx-tk .th,.cx-tk .tr{display:grid;grid-template-columns:1.8em 4.8em minmax(0,1fr)}
.cx-tk .th span,.cx-tk .tr span{padding:.45em .4em;border-left:.1em solid #B9B1A0}
.cx-tk .th span:first-child,.cx-tk .tr span:first-child{border-left:0}
.cx-tk .th{background:#ECE6D6;font-family:var(--mono);font-size:.85em;text-transform:uppercase;letter-spacing:.04em;color:#6A604E}
.cx-tk .tr{border-top:.1em solid #B9B1A0}
.cx-tk .tr span:nth-child(-n+2){font-family:var(--mono);font-size:.92em;color:#4A4A5A}
.cx-tk .tr span:last-child{font-family:'Caveat',cursive;font-size:1.55em;line-height:1.05;color:#23308A}
.cx-tk .stp{position:absolute;right:1.1em;bottom:4.2em;width:11.6em;height:11.6em;border-radius:50%;border:.35em solid #6A3FB4;box-shadow:inset 0 0 0 .45em #F7F4EA,inset 0 0 0 .65em #6A3FB4;color:#6A3FB4;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 .62em/1.2 var(--sans);text-transform:uppercase;letter-spacing:.06em;text-align:center;--r:12deg;transform:rotate(12deg);mix-blend-mode:multiply}
.cx-tk .stp b{display:block;font-family:'Unbounded','Manrope',sans-serif;font-weight:800;font-size:1.55em;letter-spacing:.04em;margin:.1em 0}
.cx-tk .sg{position:absolute;left:1em;bottom:1.3em;font-size:.72em;color:#6A604E}
.cx-tk .sg em{font-family:'Caveat',cursive;font-size:1.9em;color:#23308A;font-style:normal}
/* award ceremony */
.cx-pm{background:radial-gradient(ellipse at 50% 112%,#4A3A1E,transparent 55%),linear-gradient(#0E1414,#141C1C);color:#F3EBD6;padding:3.4em 1.3em 1em;text-align:center}
.cx-pm > *{position:relative}
.cx-pm .lt{position:absolute;inset:0;overflow:hidden}
.cx-pm .lt i{position:absolute;top:-1em;width:10em;height:32em;background:linear-gradient(rgba(235,200,110,.26),transparent 80%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform-origin:50% 0}
.cx-pm .lt i:first-child{left:-2.5em;transform:rotate(-20deg)}.cx-pm .lt i:last-child{right:-2.5em;transform:rotate(20deg)}
.cx-pm.go .lt i:first-child{animation:pmL 4s ease-in-out infinite alternate}.cx-pm.go .lt i:last-child{animation:pmR 4s ease-in-out infinite alternate}
@keyframes pmL{from{transform:rotate(-20deg)}to{transform:rotate(-6deg)}}@keyframes pmR{from{transform:rotate(20deg)}to{transform:rotate(6deg)}}
.cx-pm .m{color:#EBC86E}
.cx-pm .nm{font:500 .66em var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#A3C2BA;margin-top:1.5em}
.cx-pm h5{font-family:'Lora',Georgia,serif;font-style:italic;font-weight:600;font-size:1.6em;line-height:1.12;margin-top:.3em}
.cx-pm .cup{display:block;width:7.6em;height:9.5em;margin:1.4em auto 0;filter:drop-shadow(0 0 1.2em rgba(235,200,110,.45))}
.cx-pm .env{margin:1em auto 0;width:15em;max-width:100%;background:#F3EBD6;color:#1A1A14;border-radius:.4em;padding:.8em;box-shadow:0 .8em 1.6em -.8em rgba(0,0,0,.8);border-top:.3em solid #EBC86E}
.cx-pm .env small{display:block;font-size:.7em;color:#6A604E}
.cx-pm .env b{display:block;font-family:'Lora',Georgia,serif;font-weight:700;font-size:1.25em;margin-top:.1em}
.cx-pm .ap{position:absolute;left:1.3em;right:1.3em;bottom:1em;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35em .6em;align-items:center;text-align:left;font-size:.72em;color:#A3C2BA}
.cx-pm .ap u{grid-column:1 / -1;height:.6em;border-radius:1em;background:rgba(255,255,255,.12);overflow:hidden;text-decoration:none}
.cx-pm .ap u i{display:block;height:100%;background:linear-gradient(90deg,#C9A04A,#EBC86E);transform-origin:0 50%;transform:scaleX(0)}
.cx-pm.go .ap u i{animation:gcP 2.2s 2.9s cubic-bezier(.2,.8,.2,1) forwards}
.cx-pm.still .ap u i{transform:none;animation:none}
.cx-pm .ap em{grid-row:1;grid-column:2;font-style:normal;font-family:var(--mono);color:#EBC86E}
/* wishes wall */
.cx-wl{background:#F4F6F5;color:#1F2A27;padding:3.3em 1em 1em}
.cx-wl:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(0,0,0,.05) .06em,transparent .07em) 0 0/.8em .8em}
.cx-wl > *{position:relative}
.cx-wl .hd .m{color:#13705F}
.cx-wl h5{font-family:'Lora',Georgia,serif;font-style:italic;font-weight:600;font-size:2.2em;line-height:1;margin-top:.15em}
.cx-wl .hd small{display:block;font-size:.72em;color:#5A6B66;margin-top:.3em}
.cx-wl .nts{height:25em;margin-top:.9em}
.cx-wl .nt{position:absolute;width:9.5em;padding:.8em .75em .7em;font-family:'Caveat',cursive;font-size:1.06em;line-height:1.1;color:#2A2A20;box-shadow:0 .5em .9em -.5em rgba(0,0,0,.35);transform:rotate(var(--r))}
.cx-wl .nt b{display:block;font-family:var(--sans);font-size:.62em;font-weight:700;margin-top:.5em;color:#5A5A48}
.cx-wl .nt:before{content:"";position:absolute;left:50%;top:-.35em;width:.8em;height:.8em;margin-left:-.4em;border-radius:50%;background:#E2482F;box-shadow:0 .15em .2em rgba(0,0,0,.3)}
.cx-wl .n1{left:0;top:0;background:#FFE680;--r:-3deg}
.cx-wl .n2{right:0;top:1.2em;background:#BDEBDD;--r:4deg}
.cx-wl .n3{left:2%;top:7.4em;background:#FFC9C9;--r:2deg}
.cx-wl .n4{right:1%;top:8.8em;background:#CFE0FF;--r:-4deg}
.cx-wl .n5{left:26%;top:15.2em;background:#FFE680;--r:-2deg}
/* kanban */
.cx-kb{background:#EEF2F1;color:#10201C;padding:3.3em .9em 1em}
.cx-kb .hd{display:flex;justify-content:space-between;align-items:baseline;padding:0 .2em}
.cx-kb .hd .m{color:#5A6B66}
.cx-kb .hd b{font-size:.9em}
.cx-kb .cols{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6em;margin-top:.7em}
.cx-kb .col{background:#DEE6E3;border-radius:.8em;padding:.6em .5em;min-height:19em;display:flex;flex-direction:column;gap:.45em}
.cx-kb .ch{font:700 .66em var(--sans);text-transform:uppercase;letter-spacing:.08em;color:#455650;padding:0 .2em}
.cx-kb .tk{background:#fff;border-radius:.55em;padding:.6em .65em;font-size:.8em;font-weight:600;box-shadow:0 .1em .2em rgba(0,0,0,.08)}
.cx-kb .tk.ok{color:#7A8A84;text-decoration:line-through}
.cx-kb .mv{position:absolute;left:.5em;top:8.4em;width:calc(50% - 1.3em);background:#fff;border-radius:.6em;padding:.6em .6em .55em;box-shadow:0 .8em 1.4em -.6em rgba(16,32,28,.45);border-left:.25em solid #13705F;z-index:2}
.cx-kb.go .mv{animation:kbM 1.1s 1.4s cubic-bezier(.6,0,.2,1) both}
.cx-kb.still .mv{transform:translateX(calc(100% + 1.6em));animation:none}
@keyframes kbM{0%{transform:none}45%{transform:translate(4.5em,-1em) rotate(4deg)}100%{transform:translateX(calc(100% + 1.6em))}}
.cx-kb .mv .m{color:#13705F;font-size:.55em}
.cx-kb .mv b{display:block;font-size:.84em;line-height:1.25;margin-top:.2em}
.cx-kb .ft{display:flex;align-items:center;gap:.4em;margin-top:.5em;font-size:.68em}
.cx-kb .ft i{width:1.9em;height:1.9em;border-radius:50%;background:#13705F;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.85em;flex:none}
.cx-kb .ft em{margin-left:auto;font-style:normal;font-weight:800;color:#fff;background:#13705F;border-radius:1em;padding:.15em .5em;white-space:nowrap;opacity:0}
.cx-kb.go .ft em{animation:cxPop .5s 2.5s both}
.cx-kb.still .ft em{opacity:1;animation:none}
.cx-kb .cm{margin-top:.6em;background:#fff;border-radius:.8em;padding:.6em .8em;font-size:.84em;line-height:1.3}
.cx-kb .cm b{display:block;font-size:.85em;color:#13705F}
@media (prefers-reduced-motion: reduce){.cx-dc .row i,.cx-gc .poll u i,.cx-pm .ap u i{transform:none !important}.cx-ar .yr b{left:100% !important}.cx-kb .mv{transform:translateX(calc(100% + 1.6em)) !important}.cx-kb .ft em{opacity:1 !important}.cx-vn .drw *{stroke-dashoffset:0 !important}}

.cx-vn .nb{position:absolute;left:1.2em;right:1.2em;bottom:1.1em;background:#FFF6C9;border-radius:.3em;padding:.7em .9em;font-family:'Caveat',cursive;font-size:1.35em;line-height:1.1;color:#3A3A2A;transform:rotate(-1.5deg);box-shadow:0 .5em 1em -.6em rgba(0,0,0,.35)}
.cx-vn .nb small{display:block;font-family:var(--sans);font-size:.5em;color:#8A8A70;margin-top:.3em}

.cx-jb .qt{margin-top:1.3em;border-left:.2em solid #EBC86E;padding:.2em 0 .2em .8em;font-family:'Lora',Georgia,serif;font-style:italic;font-size:1.05em;line-height:1.3;color:#F3EBD6}
.cx-jb .qt small{display:block;font:500 .6em var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#8FC9B9;margin-top:.4em}


.stage .phone{position:relative}
.hero{overflow-x:clip}
@supports not (overflow:clip){.hero{overflow:hidden}}
.story{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:calc(var(--pw) / 30);--sp:1;display:none;z-index:3}
html[data-aud=love] .s-love,html[data-page=love]:not([data-aud]) .s-love,html[data-aud=parents] .s-parents,html[data-page=parents]:not([data-aud]) .s-parents,html[data-aud=friend] .s-friend,html[data-page=friend]:not([data-aud]) .s-friend,html[data-aud=office] .s-office,html[data-page=office]:not([data-aud]) .s-office{display:block}
.story *,.stage .cap>*,.stage .stb *,.st-rp{animation-duration:15s;animation-fill-mode:both;animation-timing-function:linear;animation-iteration-count:1}
.stage:not(.st-on) .story *,.stage:not(.st-on) .cap>*,.stage:not(.st-on) .stb *,.stage:not(.st-on) .st-rp{animation-name:none!important}
.stage.st-skip .story *,.stage.st-skip .cap>*,.stage.st-skip .stb *,.stage.st-skip .st-rp{animation-delay:-15s!important}
.stage.st-on .cap>:not(.stb),.stage.st-on .st-rp{animation-name:stCap}
@keyframes stCap{0%,95%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}
.stage:not(.st-on) .stb{display:none}
/* the 3 steps under the phone while the story plays, then the format caption takes the same place */
.cap{position:relative}
.stb{position:absolute;left:0;right:0;top:2px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left;align-items:start}
.stage.st-on .stb{animation-name:stBarOut}
@keyframes stBarOut{0%,92%{opacity:1;visibility:visible}95%,100%{opacity:0;visibility:hidden}}
.cap .stb .stb-s{display:block;border:0;background:none;padding:0;margin:0;text-align:left;font:inherit;color:var(--ink);cursor:pointer;min-width:0;border-radius:0}
.stb-s>i{display:block;height:3px;border-radius:3px;background:var(--line);overflow:hidden;margin-bottom:10px}
.stb-s>i:after{content:"";display:block;height:100%;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;animation-duration:15s;animation-fill-mode:both;animation-timing-function:linear}
.stage.st-skip .stb-s>i:after{animation-delay:-15s!important}
.cap .stb-s b{margin:0;font-family:var(--sans);display:flex;align-items:center;gap:7px;font:700 15px/1.15 var(--sans)}
.cap .stb-s b em{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:800 11px/1 var(--sans);font-style:normal;background:var(--line);color:var(--muted)}
.cap .stb-s small{display:block;margin-top:5px;font-size:12.5px;line-height:1.3;color:var(--muted)}
.stage.st-on .stb-s:nth-child(1)>i:after{animation-name:stF1}.stage.st-on .stb-s:nth-child(2)>i:after{animation-name:stF2}.stage.st-on .stb-s:nth-child(3)>i:after{animation-name:stF3}
.stage.st-on .stb-s:nth-child(1) b,.stage.st-on .stb-s:nth-child(1) small{animation-name:stA1}.stage.st-on .stb-s:nth-child(2) b,.stage.st-on .stb-s:nth-child(2) small{animation-name:stA2}.stage.st-on .stb-s:nth-child(3) b,.stage.st-on .stb-s:nth-child(3) small{animation-name:stA3}
.stage.st-on .stb-s:nth-child(1) em{animation-name:stN1}.stage.st-on .stb-s:nth-child(2) em{animation-name:stN2}.stage.st-on .stb-s:nth-child(3) em{animation-name:stN3}
@keyframes stF1{0%{transform:scaleX(0)}33.3%,100%{transform:scaleX(1)}}
@keyframes stF2{0%,33.4%{transform:scaleX(0)}54.6%,100%{transform:scaleX(1)}}
@keyframes stF3{0%,54.7%{transform:scaleX(0)}96%,100%{transform:scaleX(1)}}
@keyframes stA1{0%,33%{opacity:1}34%,100%{opacity:.6}}
@keyframes stA2{0%,33%{opacity:.4}34%,54.4%{opacity:1}55%,100%{opacity:.6}}
@keyframes stA3{0%,54.4%{opacity:.4}55%,100%{opacity:1}}
@keyframes stN1{0%,100%{background:var(--acc);color:#fff}}
@keyframes stN2{0%,33%{background:var(--line);color:var(--muted)}34%,100%{background:var(--acc);color:#fff}}
@keyframes stN3{0%,54.4%{background:var(--line);color:var(--muted)}55%,100%{background:var(--acc);color:#fff}}
@media (min-width:900px){.stb{left:-50px;right:-50px;gap:18px}}
@media (max-width:560px){.stb{gap:9px}.stb-s b{font-size:13.5px;gap:5px}.cap .stb-s b em{width:18px;height:18px;font-size:10px}.cap .stb-s small{font-size:11.5px}}
.st-rp{display:inline-flex;align-items:center;gap:7px;margin-top:-4px;border:0;background:none;color:var(--muted);font:600 13px/1 var(--sans);padding:6px 10px;border-radius:999px;cursor:pointer}
.st-rp[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.story *,.stage .cap>*,.stage .stb *,.st-rp{animation-delay:-15s!important}}
.st-rp:hover{color:var(--ink);background:var(--acc-soft)}
.st-rp i{width:18px;height:18px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-style:normal;font-size:8px;padding-left:1px}
/* chat */
.ysov,.yswp{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:38px;overflow:hidden;font-size:calc(var(--pw) / 22.5)}
.ysov{background:#E9EEF2;display:flex;flex-direction:column;font-family:var(--sans)}
.ych-hd{background:#fff;padding:3.5em 1.1em .85em;display:flex;align-items:center;gap:.75em;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.ych-hd i{width:2.6em;height:2.6em;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font:900 1.45em/1 'Playfair Display',Georgia,serif;font-style:normal;flex:none}
.ych-hd i{font-size:1.45em;width:1.8em;height:1.8em}
.ych-hd b{display:block;font-size:1.05em;color:#1C1C1E;line-height:1.2}.ych-hd small{display:block;font-size:.85em;color:#2E8B57}
.ych-bd{flex:1;padding:1.1em .85em;display:flex;flex-direction:column;gap:.7em;background:linear-gradient(#E9EEF2,#DFE6EC)}
.ybb{max-width:84%;padding:.62em .85em .5em;border-radius:1.15em;font-size:1.06em;line-height:1.32;color:#1C1C1E;box-shadow:0 1px 1px rgba(0,0,0,.07)}
.ybb.yout{align-self:flex-end;background:#DCF7C5;border-bottom-right-radius:.35em}.ybb.yin{align-self:flex-start;background:#fff;border-bottom-left-radius:.35em}
.ybb small{display:block;text-align:right;font-size:.68em;color:#7C8B98;margin-top:.15em}
.ybb.yout small{color:#4FA35F}
.yvm{display:flex;align-items:center;gap:.55em;min-width:11em}.yvm em{width:1.9em;height:1.9em;border-radius:50%;background:#4FA35F;color:#fff;display:grid;place-items:center;font-style:normal;font-size:.75em;flex:none}
.yvm u{flex:1;height:1.3em;text-decoration:none;background:repeating-linear-gradient(90deg,#4FA35F 0 .17em,transparent .17em .36em);-webkit-mask:radial-gradient(ellipse 60% 50% at 40% 50%,#000 40%,rgba(0,0,0,.35) 75%);mask:radial-gradient(ellipse 60% 50% at 40% 50%,#000 40%,rgba(0,0,0,.35) 75%)}
.yty{align-self:flex-start;background:#fff;border-radius:1.15em;padding:.85em 1em;display:flex;gap:.3em;overflow:hidden}
.yty s{width:.5em;height:.5em;border-radius:50%;background:#9AA8B4;animation:stDot 1s linear infinite!important}.yty s:nth-child(2){animation-delay:.15s!important}.yty s:nth-child(3){animation-delay:.3s!important}
@keyframes stDot{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-.3em);opacity:1}}
/* build sweep */
.yswp{z-index:1}
.ysw{position:absolute;left:-10%;right:-10%;top:0;height:46%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.0) 10%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.0) 90%,transparent);mix-blend-mode:soft-light}
.ysw:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 18px 4px rgba(255,255,255,.7)}
.yrdy{position:absolute;right:-.6em;top:7em;z-index:4;background:#2E8B57;color:#fff;font:800 1.35em/1 var(--sans);padding:.6em .9em;border-radius:999px;box-shadow:0 .8em 1.6em -.8em rgba(0,0,0,.5);transform-origin:80% 50%}
/* step pills */
.ysp{position:absolute;left:50%;top:-1.5em;z-index:5;white-space:nowrap;display:flex;align-items:center;gap:.55em;background:var(--paper,#fff);color:var(--ink);font:700 max(12.5px,1.38em)/1 var(--sans);padding:.5em 1em .5em .5em;border-radius:999px;box-shadow:0 .6em 1.6em -.7em rgba(0,0,0,.45),0 0 0 1px var(--line)}
.ysp i{width:1.7em;height:1.7em;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-style:normal;font-size:.8em}
.yspf{background:var(--plum,#2E1C3F);color:#fff;font-family:'Lora',Georgia,serif;font-weight:600;padding:.42em 1.1em;box-shadow:0 .8em 1.8em -.8em rgba(0,0,0,.55)}
.yspf b{font:900 1.35em/1 'Playfair Display',Georgia,serif;color:var(--hi,#F2A6C0);margin-right:-.5em}
.yspf em{font:700 1.45em/1 'Caveat',cursive;color:var(--hi,#F2A6C0);margin-left:.25em;font-style:normal}
.yspf span{color:var(--hi,#F2A6C0)}
/* people */
.ycrew{position:absolute;left:0;right:0;bottom:-.9em;height:0;z-index:3;font-size:.92em}
.ypp{position:absolute;bottom:0;width:0;height:0}
.ypb{position:absolute;left:-5em;width:10em;height:25em}
.ypt{position:absolute;display:block}
.ysh{left:1.6em;top:23.7em;width:6.8em;height:1.3em;border-radius:50%;background:radial-gradient(closest-side,rgba(40,20,30,.22),rgba(40,20,30,0))}
.ypt svg{display:block;width:100%;height:100%;overflow:visible}
.ybd,.yhd,.yhb{left:0;top:0;width:10em;height:25em}
.yhd,.yhb{transform-origin:5em 6.6em}
.ylg{border-radius:.62em;transform-origin:50% .6em}
.ylg b{position:absolute;left:50%;bottom:-.42em;width:2.3em;height:1.05em;margin-left:-1.15em;border-radius:1em 1em .4em .4em}
.ylgL b{margin-left:-1.45em}.ylgR b{margin-left:-.85em}
.yua{width:1.1em;height:4.7em;border-radius:.55em;transform-origin:.55em .55em}
.yfa{position:absolute;left:0;top:3.6em;width:1.1em;height:4.4em;border-radius:.55em;transform-origin:.55em .55em;filter:brightness(.97)}
.yfa b{position:absolute;left:-.13em;top:3.3em;width:1.36em;height:1.36em;border-radius:50%}
.ymph{left:4.05em;top:9.7em;width:1.9em;height:3.3em;border-radius:.32em;background:#17171B;box-shadow:0 .2em .5em rgba(0,0,0,.3)}
.ymph b{position:absolute;top:.14em;right:.14em;bottom:.14em;left:.14em;border-radius:.22em;background:linear-gradient(160deg,#fff,#DCF7C5)}
.yfc{transition:none}
.ye0 circle,.ye1 circle:not([fill]){fill:#2A1C19}.ye0 circle{transform-box:fill-box;transform-origin:center;animation:stBlink 4.8s infinite!important;animation-duration:4.8s!important}
.s-love .ypB .ye0 circle,.ypC .ye0 circle{animation-delay:1.7s!important}
@keyframes stBlink{0%,95%,100%{transform:none}97%{transform:scaleY(.12)}}
.ye2 path,.ybr path,.ym0 path{fill:none;stroke:#2A1C19;stroke-width:2.3;stroke-linecap:round}
.ybr path{stroke-width:1.9;opacity:.75}
.ym1 ellipse{fill:#5E2424}.ym2 path{fill:#6E2A2A}.ybl ellipse{fill:#F07C88}
/* fx */
.ymh,.ybs{position:absolute;color:var(--acc);font-style:normal;line-height:1;margin-left:-.4em}
.ybs{color:var(--hi,#F2A6C0);font-size:1.6em;text-shadow:0 0 .4em rgba(255,255,255,.8)}
.ybigh{position:absolute;width:6.4em;height:5.8em;margin-left:-3.2em;z-index:40;transform-origin:50% 80%}
.ybigh svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 .5em .8em rgba(0,0,0,.25))}
.ybigh path:first-child{fill:var(--acc)}
.ycf{position:absolute;top:0;width:.9em;height:1.4em;border-radius:.2em;z-index:41}
@media (max-width:560px){.ysov,.yswp{top:9px;right:9px;bottom:9px;left:9px;border-radius:33px}.ycrew{font-size:.8em}}

@keyframes stWL{0%,100%{transform:none}25%{transform:rotate(17deg)}75%{transform:rotate(-17deg)}}
@keyframes stWR{0%,100%{transform:none}25%{transform:rotate(-17deg)}75%{transform:rotate(17deg)}}
@keyframes stBob{0%,100%{bottom:0}50%{bottom:.16em}}
@keyframes stTap{0%,100%{transform:none}50%{transform:translateY(-.2em)}}
@keyframes stIn{from{opacity:0;transform:translateY(.8em) scale(.97)}to{opacity:1;transform:none}}
@keyframes stOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-1.2em);visibility:hidden}}
@keyframes stTyGo{from{opacity:1;max-height:3.4em}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-.7em}}
@keyframes stSweep{0%{opacity:0;transform:translateY(-100%)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translateY(230%)}}
@keyframes stPop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:none}}
@keyframes stGone{to{opacity:0;transform:scale(.8);visibility:hidden}}
@keyframes stPin{from{opacity:0;transform:translate(-50%,.7em)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes stPout{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-.7em);visibility:hidden}}
@keyframes stRise{0%{opacity:0;transform:translateY(0) scale(.4)}16%{opacity:1;transform:translateY(-1em) scale(1)}100%{opacity:0;transform:translateY(-7.5em) scale(1.1)}}
@keyframes stHeart{0%{opacity:0;transform:scale(0)}12%{opacity:1;transform:scale(1.25)}21%{transform:scale(.92)}30%{transform:scale(1.07)}38%{transform:scale(1)}60%{opacity:1;transform:translateY(-.4em) scale(1.03)}100%{opacity:0;transform:translateY(-9em) scale(.7)}}
@keyframes stBurst{0%{opacity:0;transform:translate(0,0) scale(.3)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.7)}}
@keyframes stFall{0%{opacity:0;transform:translate(0,-4em) rotate(0)}3%{opacity:1}92%{opacity:1}100%{opacity:0;transform:translate(var(--dx),62em) rotate(var(--r))}}
@keyframes k1{0%{left:calc(16em + var(--sp) * -17.2em)}74%{left:calc(16em + var(--sp) * -17.2em);animation-timing-function:cubic-bezier(.3,0,.3,1)}79%{left:calc(16em + var(--sp) * -2.05em)}93%{left:calc(16em + var(--sp) * -2.05em);animation-timing-function:cubic-bezier(.3,0,.3,1)}97.67%{left:calc(16em + var(--sp) * -17.2em)}100%{left:calc(16em + var(--sp) * -17.2em)}}
@keyframes k2{0%{bottom:0em}50.13%{bottom:0em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}51.27%{bottom:0.6em;animation-timing-function:cubic-bezier(.55,0,.9,.45)}52.4%{bottom:0em}82%{bottom:0em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}83.2%{bottom:-0.12em}85%{bottom:0em}100%{bottom:0em}}
@keyframes k3{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}2.67%{opacity:1}100%{opacity:1}}
@keyframes k4{0%{transform:rotate(0deg)}28.67%{transform:rotate(0deg)}30.67%{transform:rotate(-4deg)}34.33%{transform:rotate(-4deg)}37.33%{transform:rotate(5deg)}41.33%{transform:rotate(5deg)}44.67%{transform:rotate(1deg)}48%{transform:rotate(5deg)}49.33%{transform:rotate(5deg)}51.33%{transform:rotate(0deg)}63.33%{transform:rotate(0deg)}65.33%{transform:rotate(4deg)}79%{transform:rotate(4deg)}82%{transform:rotate(13deg)}85%{transform:rotate(13deg)}87.67%{transform:rotate(15.5deg)}90.33%{transform:rotate(13deg)}91.33%{transform:rotate(13deg)}94%{transform:rotate(0deg)}96.67%{transform:rotate(0deg)}99.33%{transform:rotate(4deg)}100%{transform:rotate(4deg)}}
@keyframes k5{0%{transform:translate(0px,0px)}0.07%{transform:translate(0px,3.5px)}28.33%{transform:translate(0px,3.5px)}30.33%{transform:translate(0px,0px)}34.33%{transform:translate(0px,0px)}36.67%{transform:translate(3px,-1.5px)}49.33%{transform:translate(3px,-1.5px)}51.33%{transform:translate(1px,-1px)}56.67%{transform:translate(1px,-1px)}58.67%{transform:translate(2.5px,-1px)}63.67%{transform:translate(2.5px,-1px)}65.33%{transform:translate(3.5px,0px)}79.33%{transform:translate(3.5px,0px)}81.33%{transform:translate(0px,0px)}96%{transform:translate(0px,0px)}98.33%{transform:translate(3px,-1.5px)}100%{transform:translate(3px,-1.5px)}}
@keyframes k6{0%{transform:rotate(13deg)}0.07%{transform:rotate(34deg)}30.67%{transform:rotate(34deg)}33.67%{transform:rotate(13deg)}36.67%{transform:rotate(13deg)}39.67%{transform:rotate(29deg)}56.33%{transform:rotate(29deg)}59.67%{transform:rotate(21deg)}73.33%{transform:rotate(21deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(52deg)}79%{transform:rotate(52deg)}82%{transform:rotate(13deg)}91.33%{transform:rotate(13deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(45deg)}95.33%{transform:rotate(45deg)}98.33%{transform:rotate(13deg)}100%{transform:rotate(13deg)}}
@keyframes k7{0%{transform:rotate(-18deg)}0.07%{transform:rotate(-122deg)}30.67%{transform:rotate(-122deg)}33.67%{transform:rotate(-18deg)}36.67%{transform:rotate(-18deg)}39.67%{transform:rotate(-129deg)}56.33%{transform:rotate(-129deg)}59.67%{transform:rotate(-32deg)}73.33%{transform:rotate(-32deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(116deg)}79%{transform:rotate(116deg)}82%{transform:rotate(-18deg)}91.33%{transform:rotate(-18deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(118deg)}95.33%{transform:rotate(118deg)}98.33%{transform:rotate(-18deg)}100%{transform:rotate(-18deg)}}
@keyframes k8{0%{transform:rotate(-13deg)}0.07%{transform:rotate(-34deg)}30.67%{transform:rotate(-34deg)}33.67%{transform:rotate(-13deg)}36.67%{transform:rotate(-13deg)}39.67%{transform:rotate(-29deg)}56.33%{transform:rotate(-29deg)}59.67%{transform:rotate(-69deg)}73.33%{transform:rotate(-69deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(-52deg)}79%{transform:rotate(-52deg)}82%{transform:rotate(-50deg)}91.33%{transform:rotate(-50deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(-45deg)}95.33%{transform:rotate(-45deg)}98.33%{transform:rotate(-13deg)}100%{transform:rotate(-13deg)}}
@keyframes k9{0%{transform:rotate(18deg)}0.07%{transform:rotate(122deg)}30.67%{transform:rotate(122deg)}33.67%{transform:rotate(18deg)}36.67%{transform:rotate(18deg)}39.67%{transform:rotate(129deg)}56.33%{transform:rotate(129deg)}59.67%{transform:rotate(269deg)}73.33%{transform:rotate(269deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(244deg)}79%{transform:rotate(244deg)}82%{transform:rotate(358deg)}91.33%{transform:rotate(358deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(242deg)}95.33%{transform:rotate(242deg)}98.33%{transform:rotate(378deg)}100%{transform:rotate(378deg)}}
@keyframes k10{0%{opacity:1}29.33%{opacity:1;animation-timing-function:linear}30.27%{opacity:0}35.33%{opacity:0;animation-timing-function:linear}36.27%{opacity:1}50%{opacity:1;animation-timing-function:linear}50.93%{opacity:0}57.33%{opacity:0;animation-timing-function:linear}58.27%{opacity:1}73.67%{opacity:1;animation-timing-function:linear}74.6%{opacity:0}80.93%{opacity:0}100%{opacity:0}}
@keyframes k11{0%{opacity:0}29.33%{opacity:0;animation-timing-function:linear}30.27%{opacity:1}35.33%{opacity:1;animation-timing-function:linear}36.27%{opacity:0}50%{opacity:0;animation-timing-function:linear}50.93%{opacity:1}57.33%{opacity:1;animation-timing-function:linear}58.27%{opacity:0}73.67%{opacity:0;animation-timing-function:linear}74.6%{opacity:1}80.93%{opacity:1}100%{opacity:1}}
@keyframes k12{0%{opacity:1}50%{opacity:1;animation-timing-function:linear}50.93%{opacity:0}80%{opacity:0;animation-timing-function:linear}80.93%{opacity:1}100%{opacity:1}}
@keyframes k13{0%{opacity:0}50%{opacity:0;animation-timing-function:linear}50.93%{opacity:1}80%{opacity:1;animation-timing-function:linear}80.93%{opacity:0}100%{opacity:0}}
@keyframes k14{0%{transform:translateY(0px)}29.33%{transform:translateY(0px);animation-timing-function:linear}30.27%{transform:translateY(-1px)}35.33%{transform:translateY(-1px);animation-timing-function:linear}36.27%{transform:translateY(0px)}50%{transform:translateY(0px);animation-timing-function:linear}50.93%{transform:translateY(-2px)}57.33%{transform:translateY(-2px);animation-timing-function:linear}58.27%{transform:translateY(-1.5px)}73.67%{transform:translateY(-1.5px);animation-timing-function:linear}74.6%{transform:translateY(-2px)}80%{transform:translateY(-2px);animation-timing-function:linear}80.93%{transform:translateY(-1px)}100%{transform:translateY(-1px)}}
@keyframes k15{0%{opacity:0.35}29.33%{opacity:0.35;animation-timing-function:linear}30.27%{opacity:0.6}35.33%{opacity:0.6;animation-timing-function:linear}36.27%{opacity:0.35}50%{opacity:0.35;animation-timing-function:linear}50.93%{opacity:0.8}57.33%{opacity:0.8;animation-timing-function:linear}58.27%{opacity:0.6}73.67%{opacity:0.6;animation-timing-function:linear}74.6%{opacity:0.8}80%{opacity:0.8;animation-timing-function:linear}80.93%{opacity:0.6}100%{opacity:0.6}}
@keyframes k16{0%{opacity:0}2%{opacity:1}30.33%{opacity:1}32.33%{opacity:0}100%{opacity:0}}
@keyframes k17{0%{left:calc(16em + var(--sp) * 24.4em)}54.67%{left:calc(16em + var(--sp) * 24.4em);animation-timing-function:cubic-bezier(.3,0,.3,1)}60%{left:calc(16em + var(--sp) * 17.4em)}74%{left:calc(16em + var(--sp) * 17.4em);animation-timing-function:cubic-bezier(.3,0,.3,1)}79%{left:calc(16em + var(--sp) * 2.25em)}93%{left:calc(16em + var(--sp) * 2.25em);animation-timing-function:cubic-bezier(.3,0,.3,1)}97.67%{left:calc(16em + var(--sp) * 17.4em)}100%{left:calc(16em + var(--sp) * 17.4em)}}
@keyframes k18{0%{bottom:0em}67.67%{bottom:0em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}68.67%{bottom:0.4em;animation-timing-function:cubic-bezier(.55,0,.9,.45)}69.67%{bottom:0em}82%{bottom:0em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}83.2%{bottom:-0.12em}85%{bottom:0em}100%{bottom:0em}}
@keyframes k19{0%{opacity:0}54.67%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}57%{opacity:1}100%{opacity:1}}
@keyframes k20{0%{transform:rotate(0deg)}61.33%{transform:rotate(0deg)}63.33%{transform:rotate(-6deg)}68%{transform:rotate(-6deg)}69.67%{transform:rotate(-9deg)}71.33%{transform:rotate(-3deg)}73%{transform:rotate(-8deg)}79%{transform:rotate(-8deg)}82%{transform:rotate(-13deg)}85%{transform:rotate(-13deg)}87.67%{transform:rotate(-15.5deg)}90.33%{transform:rotate(-13deg)}91.33%{transform:rotate(-13deg)}94%{transform:rotate(0deg)}96.67%{transform:rotate(0deg)}99.33%{transform:rotate(-4deg)}100%{transform:rotate(-4deg)}}
@keyframes k21{0%{transform:translate(0px,0px)}54.67%{transform:translate(0px,0px)}56%{transform:translate(-2.5px,0px)}60%{transform:translate(-2.5px,0px)}62%{transform:translate(-3px,-1.5px)}79.33%{transform:translate(-3px,-1.5px)}81.33%{transform:translate(0px,0px)}96%{transform:translate(0px,0px)}98.33%{transform:translate(-3px,-1.5px)}100%{transform:translate(-3px,-1.5px)}}
@keyframes k22{0%{transform:rotate(13deg)}65%{transform:rotate(13deg)}67.67%{transform:rotate(123deg)}73.33%{transform:rotate(123deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(52deg)}79%{transform:rotate(52deg)}82%{transform:rotate(42deg)}91.33%{transform:rotate(42deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(45deg)}95.33%{transform:rotate(45deg)}98.33%{transform:rotate(13deg)}100%{transform:rotate(13deg)}}
@keyframes k23{0%{transform:rotate(-18deg)}65%{transform:rotate(-18deg)}67.67%{transform:rotate(117deg)}73.33%{transform:rotate(117deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(116deg)}79%{transform:rotate(116deg)}82%{transform:rotate(55deg)}91.33%{transform:rotate(55deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(118deg)}95.33%{transform:rotate(118deg)}98.33%{transform:rotate(-18deg)}100%{transform:rotate(-18deg)}}
@keyframes k24{0%{z-index:24}75.33%{z-index:24;animation-timing-function:linear}75.47%{z-index:9}95.2%{z-index:9;animation-timing-function:linear}95.33%{z-index:24}100%{z-index:24}}
@keyframes k25{0%{transform:rotate(-13deg)}65%{transform:rotate(-13deg)}67.67%{transform:rotate(-123deg)}73.33%{transform:rotate(-123deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(-52deg)}79%{transform:rotate(-52deg)}82%{transform:rotate(-18deg)}91.33%{transform:rotate(-18deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(-45deg)}95.33%{transform:rotate(-45deg)}98.33%{transform:rotate(-13deg)}100%{transform:rotate(-13deg)}}
@keyframes k26{0%{transform:rotate(18deg)}65%{transform:rotate(18deg)}67.67%{transform:rotate(-117deg)}73.33%{transform:rotate(-117deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(-116deg)}79%{transform:rotate(-116deg)}82%{transform:rotate(25deg)}91.33%{transform:rotate(25deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(-118deg)}95.33%{transform:rotate(-118deg)}98.33%{transform:rotate(18deg)}100%{transform:rotate(18deg)}}
@keyframes k27{0%{opacity:1}62.33%{opacity:1;animation-timing-function:linear}63.27%{opacity:0}80.93%{opacity:0}100%{opacity:0}}
@keyframes k28{0%{opacity:0}62.33%{opacity:0;animation-timing-function:linear}63.27%{opacity:1}65.67%{opacity:1;animation-timing-function:linear}66.6%{opacity:0}80.93%{opacity:0}100%{opacity:0}}
@keyframes k29{0%{opacity:0}65.67%{opacity:0;animation-timing-function:linear}66.6%{opacity:1}80.93%{opacity:1}100%{opacity:1}}
@keyframes k30{0%{opacity:1}62.33%{opacity:1;animation-timing-function:linear}63.27%{opacity:0}80%{opacity:0;animation-timing-function:linear}80.93%{opacity:1}100%{opacity:1}}
@keyframes k31{0%{opacity:0}65.67%{opacity:0;animation-timing-function:linear}66.6%{opacity:1}80%{opacity:1;animation-timing-function:linear}80.93%{opacity:0}100%{opacity:0}}
@keyframes k32{0%{transform:translateY(0px)}62.33%{transform:translateY(0px);animation-timing-function:linear}63.27%{transform:translateY(-3px)}65.67%{transform:translateY(-3px);animation-timing-function:linear}66.6%{transform:translateY(-2px)}80%{transform:translateY(-2px);animation-timing-function:linear}80.93%{transform:translateY(-1px)}100%{transform:translateY(-1px)}}
@keyframes k33{0%{opacity:0.35}62.33%{opacity:0.35;animation-timing-function:linear}63.27%{opacity:0.5}65.67%{opacity:0.5;animation-timing-function:linear}66.6%{opacity:0.8}80%{opacity:0.8;animation-timing-function:linear}80.93%{opacity:0.6}100%{opacity:0.6}}
@keyframes k34{0%{left:calc(16em + var(--sp) * -17.2em)}74%{left:calc(16em + var(--sp) * -17.2em);animation-timing-function:cubic-bezier(.3,0,.3,1)}79%{left:calc(16em + var(--sp) * -3.9em)}93%{left:calc(16em + var(--sp) * -3.9em);animation-timing-function:cubic-bezier(.3,0,.3,1)}97.67%{left:calc(16em + var(--sp) * -17.2em)}100%{left:calc(16em + var(--sp) * -17.2em)}}
@keyframes k35{0%{transform:rotate(-13deg)}0.07%{transform:rotate(-34deg)}30.67%{transform:rotate(-34deg)}33.67%{transform:rotate(-13deg)}36.67%{transform:rotate(-13deg)}39.67%{transform:rotate(-29deg)}56.33%{transform:rotate(-29deg)}59.67%{transform:rotate(-69deg)}73.33%{transform:rotate(-69deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(-52deg)}79%{transform:rotate(-52deg)}82%{transform:rotate(-1deg)}91.33%{transform:rotate(-1deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(-45deg)}95.33%{transform:rotate(-45deg)}98.33%{transform:rotate(-13deg)}100%{transform:rotate(-13deg)}}
@keyframes k36{0%{transform:rotate(18deg)}0.07%{transform:rotate(122deg)}30.67%{transform:rotate(122deg)}33.67%{transform:rotate(18deg)}36.67%{transform:rotate(18deg)}39.67%{transform:rotate(129deg)}56.33%{transform:rotate(129deg)}59.67%{transform:rotate(269deg)}73.33%{transform:rotate(269deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(244deg)}79%{transform:rotate(244deg)}82%{transform:rotate(289deg)}91.33%{transform:rotate(289deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(242deg)}95.33%{transform:rotate(242deg)}98.33%{transform:rotate(378deg)}100%{transform:rotate(378deg)}}
@keyframes k37{0%{left:calc(16em + var(--sp) * 22.6em)}54.67%{left:calc(16em + var(--sp) * 22.6em);animation-timing-function:cubic-bezier(.3,0,.3,1)}60%{left:calc(16em + var(--sp) * 15.6em)}74%{left:calc(16em + var(--sp) * 15.6em);animation-timing-function:cubic-bezier(.3,0,.3,1)}79%{left:calc(16em + var(--sp) * 0.1em)}93%{left:calc(16em + var(--sp) * 0.1em);animation-timing-function:cubic-bezier(.3,0,.3,1)}97.67%{left:calc(16em + var(--sp) * 15.6em)}100%{left:calc(16em + var(--sp) * 15.6em)}}
@keyframes k38{0%{transform:rotate(0deg)}61.33%{transform:rotate(0deg)}63.33%{transform:rotate(-6deg)}68%{transform:rotate(-6deg)}69.67%{transform:rotate(-9deg)}71.33%{transform:rotate(-3deg)}73%{transform:rotate(-8deg)}79%{transform:rotate(-8deg)}82%{transform:rotate(-2deg)}85%{transform:rotate(-2deg)}87.67%{transform:rotate(-4.5deg)}90.33%{transform:rotate(-2deg)}91.33%{transform:rotate(-2deg)}94%{transform:rotate(0deg)}96.67%{transform:rotate(0deg)}99.33%{transform:rotate(-4deg)}100%{transform:rotate(-4deg)}}
@keyframes k39{0%{transform:rotate(-18deg)}65%{transform:rotate(-18deg)}67.67%{transform:rotate(117deg)}73.33%{transform:rotate(117deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(116deg)}79%{transform:rotate(116deg)}82%{transform:rotate(59deg)}91.33%{transform:rotate(59deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(118deg)}95.33%{transform:rotate(118deg)}98.33%{transform:rotate(-18deg)}100%{transform:rotate(-18deg)}}
@keyframes k40{0%{transform:rotate(-13deg)}65%{transform:rotate(-13deg)}67.67%{transform:rotate(-123deg)}73.33%{transform:rotate(-123deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(-52deg)}79%{transform:rotate(-52deg)}82%{transform:rotate(-43deg)}91.33%{transform:rotate(-43deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(-45deg)}95.33%{transform:rotate(-45deg)}98.33%{transform:rotate(-13deg)}100%{transform:rotate(-13deg)}}
@keyframes k41{0%{transform:rotate(18deg)}65%{transform:rotate(18deg)}67.67%{transform:rotate(-117deg)}73.33%{transform:rotate(-117deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(-116deg)}79%{transform:rotate(-116deg)}82%{transform:rotate(-60deg)}91.33%{transform:rotate(-60deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(-118deg)}95.33%{transform:rotate(-118deg)}98.33%{transform:rotate(18deg)}100%{transform:rotate(18deg)}}
@keyframes k42{0%{z-index:24}75.33%{z-index:24;animation-timing-function:linear}75.47%{z-index:14}95.2%{z-index:14;animation-timing-function:linear}95.33%{z-index:24}100%{z-index:24}}
@keyframes k43{0%{left:calc(16em + var(--sp) * 26.6em)}55.47%{left:calc(16em + var(--sp) * 26.6em);animation-timing-function:cubic-bezier(.3,0,.3,1)}60.8%{left:calc(16em + var(--sp) * 19.6em)}74%{left:calc(16em + var(--sp) * 19.6em);animation-timing-function:cubic-bezier(.3,0,.3,1)}79%{left:calc(16em + var(--sp) * 4.1em)}93%{left:calc(16em + var(--sp) * 4.1em);animation-timing-function:cubic-bezier(.3,0,.3,1)}97.67%{left:calc(16em + var(--sp) * 19.6em)}100%{left:calc(16em + var(--sp) * 19.6em)}}
@keyframes k44{0%{bottom:0em}82%{bottom:0em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}83.2%{bottom:-0.12em}85%{bottom:0em}100%{bottom:0em}}
@keyframes k45{0%{opacity:0}55.47%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1)}57.8%{opacity:1}100%{opacity:1}}
@keyframes k46{0%{transform:rotate(0deg)}61.33%{transform:rotate(0deg)}63.33%{transform:rotate(-4deg)}69.33%{transform:rotate(-4deg)}71.33%{transform:rotate(-6deg)}79%{transform:rotate(-6deg)}82%{transform:rotate(-11deg)}85%{transform:rotate(-11deg)}87.67%{transform:rotate(-13.5deg)}90.33%{transform:rotate(-11deg)}91.33%{transform:rotate(-11deg)}94%{transform:rotate(0deg)}96.67%{transform:rotate(0deg)}99.33%{transform:rotate(-4deg)}100%{transform:rotate(-4deg)}}
@keyframes k47{0%{transform:translate(0px,0px)}55.47%{transform:translate(0px,0px)}56.8%{transform:translate(-2.5px,0px)}60.67%{transform:translate(-2.5px,0px)}62.67%{transform:translate(-3px,-1.5px)}79.33%{transform:translate(-3px,-1.5px)}81.33%{transform:translate(0px,0px)}96%{transform:translate(0px,0px)}98.33%{transform:translate(-3px,-1.5px)}100%{transform:translate(-3px,-1.5px)}}
@keyframes k48{0%{transform:rotate(13deg)}73.33%{transform:rotate(13deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(52deg)}79%{transform:rotate(52deg)}82%{transform:rotate(29deg)}91.33%{transform:rotate(29deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(45deg)}95.33%{transform:rotate(45deg)}98.33%{transform:rotate(13deg)}100%{transform:rotate(13deg)}}
@keyframes k49{0%{transform:rotate(-18deg)}73.33%{transform:rotate(-18deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(116deg)}79%{transform:rotate(116deg)}82%{transform:rotate(32deg)}91.33%{transform:rotate(32deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(118deg)}95.33%{transform:rotate(118deg)}98.33%{transform:rotate(-18deg)}100%{transform:rotate(-18deg)}}
@keyframes k50{0%{z-index:19}75.33%{z-index:19;animation-timing-function:linear}75.47%{z-index:9}95.2%{z-index:9;animation-timing-function:linear}95.33%{z-index:19}100%{z-index:19}}
@keyframes k51{0%{transform:rotate(-13deg)}64%{transform:rotate(-13deg)}66.67%{transform:rotate(-149deg)}70%{transform:rotate(-149deg)}72.33%{transform:rotate(-13deg)}73.33%{transform:rotate(-13deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(-52deg)}79%{transform:rotate(-52deg)}82%{transform:rotate(-13deg)}91.33%{transform:rotate(-13deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(-45deg)}95.33%{transform:rotate(-45deg)}98.33%{transform:rotate(-13deg)}100%{transform:rotate(-13deg)}}
@keyframes k52{0%{transform:rotate(18deg)}64%{transform:rotate(18deg)}66.67%{transform:rotate(-88deg)}70%{transform:rotate(-88deg)}72.33%{transform:rotate(18deg)}73.33%{transform:rotate(18deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}75.67%{transform:rotate(-116deg)}79%{transform:rotate(-116deg)}82%{transform:rotate(18deg)}91.33%{transform:rotate(18deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}93.2%{transform:rotate(-118deg)}95.33%{transform:rotate(-118deg)}98.33%{transform:rotate(18deg)}100%{transform:rotate(18deg)}}
@keyframes k53{0%{opacity:1}63%{opacity:1;animation-timing-function:linear}63.93%{opacity:0}80.93%{opacity:0}100%{opacity:0}}
@keyframes k54{0%{opacity:0}63%{opacity:0;animation-timing-function:linear}63.93%{opacity:1}67%{opacity:1;animation-timing-function:linear}67.93%{opacity:0}80.93%{opacity:0}100%{opacity:0}}
@keyframes k55{0%{opacity:0}67%{opacity:0;animation-timing-function:linear}67.93%{opacity:1}80.93%{opacity:1}100%{opacity:1}}
@keyframes k56{0%{opacity:1}63%{opacity:1;animation-timing-function:linear}63.93%{opacity:0}80%{opacity:0;animation-timing-function:linear}80.93%{opacity:1}100%{opacity:1}}
@keyframes k57{0%{opacity:0}67%{opacity:0;animation-timing-function:linear}67.93%{opacity:1}80%{opacity:1;animation-timing-function:linear}80.93%{opacity:0}100%{opacity:0}}
@keyframes k58{0%{transform:translateY(0px)}63%{transform:translateY(0px);animation-timing-function:linear}63.93%{transform:translateY(-3px)}67%{transform:translateY(-3px);animation-timing-function:linear}67.93%{transform:translateY(-2px)}80%{transform:translateY(-2px);animation-timing-function:linear}80.93%{transform:translateY(-1px)}100%{transform:translateY(-1px)}}
@keyframes k59{0%{opacity:0.35}63%{opacity:0.35;animation-timing-function:linear}63.93%{opacity:0.5}67%{opacity:0.5;animation-timing-function:linear}67.93%{opacity:0.8}80%{opacity:0.8;animation-timing-function:linear}80.93%{opacity:0.6}100%{opacity:0.6}}
@keyframes k60{0%{left:calc(16em + var(--sp) * -17.2em)}73.67%{left:calc(16em + var(--sp) * -17.2em);animation-timing-function:cubic-bezier(.3,0,.3,1)}78.33%{left:calc(16em + var(--sp) * -4.8em)}92.67%{left:calc(16em + var(--sp) * -4.8em);animation-timing-function:cubic-bezier(.3,0,.3,1)}97.33%{left:calc(16em + var(--sp) * -17.2em)}100%{left:calc(16em + var(--sp) * -17.2em)}}
@keyframes k61{0%{bottom:0em}50.13%{bottom:0em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}51.27%{bottom:0.6em;animation-timing-function:cubic-bezier(.55,0,.9,.45)}52.4%{bottom:0em}80.13%{bottom:0em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}81.07%{bottom:0.3em;animation-timing-function:cubic-bezier(.55,0,.9,.45)}82%{bottom:0em}100%{bottom:0em}}
@keyframes k62{0%{transform:rotate(0deg)}28.67%{transform:rotate(0deg)}30.67%{transform:rotate(-4deg)}34.33%{transform:rotate(-4deg)}37.33%{transform:rotate(5deg)}41.33%{transform:rotate(5deg)}44.67%{transform:rotate(1deg)}48%{transform:rotate(5deg)}49.33%{transform:rotate(5deg)}51.33%{transform:rotate(0deg)}63.33%{transform:rotate(0deg)}65.33%{transform:rotate(4deg)}82.67%{transform:rotate(4deg)}84.67%{transform:rotate(7deg)}91.33%{transform:rotate(7deg)}94%{transform:rotate(0deg)}96.67%{transform:rotate(0deg)}99.33%{transform:rotate(4deg)}100%{transform:rotate(4deg)}}
@keyframes k63{0%{transform:translate(0px,0px)}0.07%{transform:translate(0px,3.5px)}28.33%{transform:translate(0px,3.5px)}30.33%{transform:translate(0px,0px)}34.33%{transform:translate(0px,0px)}36.67%{transform:translate(3px,-1.5px)}49.33%{transform:translate(3px,-1.5px)}51.33%{transform:translate(1px,-1px)}56.67%{transform:translate(1px,-1px)}58.67%{transform:translate(2.5px,-1px)}63.67%{transform:translate(2.5px,-1px)}65.33%{transform:translate(3.5px,0px)}79%{transform:translate(3.5px,0px)}80%{transform:translate(2px,-2px)}82.67%{transform:translate(2px,-2px)}84%{transform:translate(1px,0px)}96%{transform:translate(1px,0px)}98.33%{transform:translate(3px,-1.5px)}100%{transform:translate(3px,-1.5px)}}
@keyframes k64{0%{transform:rotate(13deg)}0.07%{transform:rotate(34deg)}30.67%{transform:rotate(34deg)}33.67%{transform:rotate(13deg)}36.67%{transform:rotate(13deg)}39.67%{transform:rotate(29deg)}56.33%{transform:rotate(29deg)}59.67%{transform:rotate(21deg)}91.33%{transform:rotate(21deg)}93%{transform:rotate(13deg)}100%{transform:rotate(13deg)}}
@keyframes k65{0%{transform:rotate(-18deg)}0.07%{transform:rotate(-122deg)}30.67%{transform:rotate(-122deg)}33.67%{transform:rotate(-18deg)}36.67%{transform:rotate(-18deg)}39.67%{transform:rotate(-129deg)}56.33%{transform:rotate(-129deg)}59.67%{transform:rotate(-32deg)}91.33%{transform:rotate(-32deg)}93%{transform:rotate(-18deg)}100%{transform:rotate(-18deg)}}
@keyframes k66{0%{transform:rotate(-13deg)}0.07%{transform:rotate(-34deg)}30.67%{transform:rotate(-34deg)}33.67%{transform:rotate(-13deg)}36.67%{transform:rotate(-13deg)}39.67%{transform:rotate(-29deg)}56.33%{transform:rotate(-29deg)}59.67%{transform:rotate(-69deg)}73.33%{transform:rotate(-69deg)}75.33%{transform:rotate(-13deg)}77%{transform:rotate(-13deg)}79%{transform:rotate(-151deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}80.13%{transform:rotate(-105deg)}82%{transform:rotate(-105deg)}83.47%{transform:rotate(-4deg)}84.33%{transform:rotate(-8deg)}85.2%{transform:rotate(-1deg)}86.07%{transform:rotate(-7deg)}86.93%{transform:rotate(-2deg)}87.8%{transform:rotate(-4deg)}91.33%{transform:rotate(-4deg)}93%{transform:rotate(-13deg)}100%{transform:rotate(-13deg)}}
@keyframes k67{0%{transform:rotate(18deg)}0.07%{transform:rotate(122deg)}30.67%{transform:rotate(122deg)}33.67%{transform:rotate(18deg)}36.67%{transform:rotate(18deg)}39.67%{transform:rotate(129deg)}56.33%{transform:rotate(129deg)}59.67%{transform:rotate(269deg)}73.33%{transform:rotate(269deg)}75.33%{transform:rotate(378deg)}77%{transform:rotate(378deg)}79%{transform:rotate(341deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}80.13%{transform:rotate(277deg)}82%{transform:rotate(277deg)}83.47%{transform:rotate(241deg)}84.33%{transform:rotate(237deg)}85.2%{transform:rotate(244deg)}86.07%{transform:rotate(238deg)}86.93%{transform:rotate(243deg)}87.8%{transform:rotate(241deg)}91.33%{transform:rotate(241deg)}93%{transform:rotate(378deg)}100%{transform:rotate(378deg)}}
@keyframes k68{0%{opacity:1}29.33%{opacity:1;animation-timing-function:linear}30.27%{opacity:0}35.33%{opacity:0;animation-timing-function:linear}36.27%{opacity:1}50%{opacity:1;animation-timing-function:linear}50.93%{opacity:0}57.33%{opacity:0;animation-timing-function:linear}58.27%{opacity:1}73.67%{opacity:1;animation-timing-function:linear}74.6%{opacity:0}84.27%{opacity:0}100%{opacity:0}}
@keyframes k69{0%{opacity:0}29.33%{opacity:0;animation-timing-function:linear}30.27%{opacity:1}35.33%{opacity:1;animation-timing-function:linear}36.27%{opacity:0}50%{opacity:0;animation-timing-function:linear}50.93%{opacity:1}57.33%{opacity:1;animation-timing-function:linear}58.27%{opacity:0}73.67%{opacity:0;animation-timing-function:linear}74.6%{opacity:1}84.27%{opacity:1}100%{opacity:1}}
@keyframes k70{0%{opacity:1}50%{opacity:1;animation-timing-function:linear}50.93%{opacity:0}83.33%{opacity:0;animation-timing-function:linear}84.27%{opacity:1}100%{opacity:1}}
@keyframes k71{0%{opacity:0}50%{opacity:0;animation-timing-function:linear}50.93%{opacity:1}83.33%{opacity:1;animation-timing-function:linear}84.27%{opacity:0}100%{opacity:0}}
@keyframes k72{0%{transform:translateY(0px)}29.33%{transform:translateY(0px);animation-timing-function:linear}30.27%{transform:translateY(-1px)}35.33%{transform:translateY(-1px);animation-timing-function:linear}36.27%{transform:translateY(0px)}50%{transform:translateY(0px);animation-timing-function:linear}50.93%{transform:translateY(-2px)}57.33%{transform:translateY(-2px);animation-timing-function:linear}58.27%{transform:translateY(-1.5px)}73.67%{transform:translateY(-1.5px);animation-timing-function:linear}74.6%{transform:translateY(-2px)}83.33%{transform:translateY(-2px);animation-timing-function:linear}84.27%{transform:translateY(-1px)}100%{transform:translateY(-1px)}}
@keyframes k73{0%{opacity:0.35}29.33%{opacity:0.35;animation-timing-function:linear}30.27%{opacity:0.6}35.33%{opacity:0.6;animation-timing-function:linear}36.27%{opacity:0.35}50%{opacity:0.35;animation-timing-function:linear}50.93%{opacity:0.8}57.33%{opacity:0.8;animation-timing-function:linear}58.27%{opacity:0.6}73.67%{opacity:0.6;animation-timing-function:linear}74.6%{opacity:0.8}83.33%{opacity:0.8;animation-timing-function:linear}84.27%{opacity:0.6}100%{opacity:0.6}}
@keyframes k74{0%{left:calc(16em + var(--sp) * 24.4em)}54.67%{left:calc(16em + var(--sp) * 24.4em);animation-timing-function:cubic-bezier(.3,0,.3,1)}60%{left:calc(16em + var(--sp) * 17.4em)}73.67%{left:calc(16em + var(--sp) * 17.4em);animation-timing-function:cubic-bezier(.3,0,.3,1)}78.33%{left:calc(16em + var(--sp) * 5em)}92.67%{left:calc(16em + var(--sp) * 5em);animation-timing-function:cubic-bezier(.3,0,.3,1)}97.33%{left:calc(16em + var(--sp) * 17.4em)}100%{left:calc(16em + var(--sp) * 17.4em)}}
@keyframes k75{0%{bottom:0em}66.33%{bottom:0em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}67.67%{bottom:0.9em;animation-timing-function:cubic-bezier(.55,0,.9,.45)}69%{bottom:0em}69.33%{bottom:0em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}70.53%{bottom:0.7em;animation-timing-function:cubic-bezier(.55,0,.9,.45)}71.73%{bottom:0em}80.13%{bottom:0em;animation-timing-function:cubic-bezier(.2,.8,.2,1)}81.07%{bottom:0.3em;animation-timing-function:cubic-bezier(.55,0,.9,.45)}82%{bottom:0em}100%{bottom:0em}}
@keyframes k76{0%{transform:rotate(0deg)}61.33%{transform:rotate(0deg)}63.33%{transform:rotate(-6deg)}65.33%{transform:rotate(-6deg)}67%{transform:rotate(0deg)}79%{transform:rotate(0deg)}80.67%{transform:rotate(-4deg)}82.67%{transform:rotate(-4deg)}84.67%{transform:rotate(-7deg)}91.33%{transform:rotate(-7deg)}94%{transform:rotate(0deg)}96.67%{transform:rotate(0deg)}99.33%{transform:rotate(-4deg)}100%{transform:rotate(-4deg)}}
@keyframes k77{0%{transform:translate(0px,0px)}54.67%{transform:translate(0px,0px)}56%{transform:translate(-2.5px,0px)}60%{transform:translate(-2.5px,0px)}62%{transform:translate(-3px,-1.5px)}79%{transform:translate(-3px,-1.5px)}80%{transform:translate(-2px,-2px)}82.67%{transform:translate(-2px,-2px)}84%{transform:translate(-1px,0px)}96%{transform:translate(-1px,0px)}98.33%{transform:translate(-3px,-1.5px)}100%{transform:translate(-3px,-1.5px)}}
@keyframes k78{0%{transform:rotate(13deg)}65.33%{transform:rotate(13deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}67%{transform:rotate(154deg)}73.33%{transform:rotate(154deg)}75.33%{transform:rotate(13deg)}77%{transform:rotate(13deg)}79%{transform:rotate(151deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}80.13%{transform:rotate(116deg)}82%{transform:rotate(116deg)}83.47%{transform:rotate(11deg)}84.33%{transform:rotate(17deg)}85.2%{transform:rotate(8deg)}86.07%{transform:rotate(15deg)}86.93%{transform:rotate(9deg)}87.8%{transform:rotate(11deg)}91.33%{transform:rotate(11deg)}93%{transform:rotate(13deg)}100%{transform:rotate(13deg)}}
@keyframes k79{0%{transform:rotate(-18deg)}65.33%{transform:rotate(-18deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}67%{transform:rotate(2deg)}73.33%{transform:rotate(2deg)}75.33%{transform:rotate(-18deg)}77%{transform:rotate(-18deg)}79%{transform:rotate(2deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}80.13%{transform:rotate(66deg)}82%{transform:rotate(66deg)}83.47%{transform:rotate(121deg)}84.33%{transform:rotate(123deg)}85.2%{transform:rotate(118deg)}86.07%{transform:rotate(123deg)}86.93%{transform:rotate(119deg)}87.8%{transform:rotate(121deg)}91.33%{transform:rotate(121deg)}93%{transform:rotate(-18deg)}100%{transform:rotate(-18deg)}}
@keyframes k80{0%{transform:rotate(-13deg)}65.33%{transform:rotate(-13deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}67%{transform:rotate(-154deg)}73.33%{transform:rotate(-154deg)}75.33%{transform:rotate(-13deg)}93%{transform:rotate(-13deg)}100%{transform:rotate(-13deg)}}
@keyframes k81{0%{transform:rotate(18deg)}65.33%{transform:rotate(18deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}67%{transform:rotate(-2deg)}73.33%{transform:rotate(-2deg)}75.33%{transform:rotate(18deg)}93%{transform:rotate(18deg)}100%{transform:rotate(18deg)}}
@keyframes k82{0%{opacity:1}62.33%{opacity:1;animation-timing-function:linear}63.27%{opacity:0}84.27%{opacity:0}100%{opacity:0}}
@keyframes k83{0%{opacity:0}62.33%{opacity:0;animation-timing-function:linear}63.27%{opacity:1}65.67%{opacity:1;animation-timing-function:linear}66.6%{opacity:0}84.27%{opacity:0}100%{opacity:0}}
@keyframes k84{0%{opacity:0}65.67%{opacity:0;animation-timing-function:linear}66.6%{opacity:1}84.27%{opacity:1}100%{opacity:1}}
@keyframes k85{0%{opacity:1}62.33%{opacity:1;animation-timing-function:linear}63.27%{opacity:0}83.33%{opacity:0;animation-timing-function:linear}84.27%{opacity:1}100%{opacity:1}}
@keyframes k86{0%{opacity:0}65.67%{opacity:0;animation-timing-function:linear}66.6%{opacity:1}83.33%{opacity:1;animation-timing-function:linear}84.27%{opacity:0}100%{opacity:0}}
@keyframes k87{0%{transform:translateY(0px)}62.33%{transform:translateY(0px);animation-timing-function:linear}63.27%{transform:translateY(-3px)}65.67%{transform:translateY(-3px);animation-timing-function:linear}66.6%{transform:translateY(-2px)}83.33%{transform:translateY(-2px);animation-timing-function:linear}84.27%{transform:translateY(-1px)}100%{transform:translateY(-1px)}}
@keyframes k88{0%{opacity:0.35}62.33%{opacity:0.35;animation-timing-function:linear}63.27%{opacity:0.5}65.67%{opacity:0.5;animation-timing-function:linear}66.6%{opacity:0.8}83.33%{opacity:0.8;animation-timing-function:linear}84.27%{opacity:0.6}100%{opacity:0.6}}
@keyframes k89{0%{left:calc(16em + var(--sp) * 23.6em)}54.67%{left:calc(16em + var(--sp) * 23.6em);animation-timing-function:cubic-bezier(.3,0,.3,1)}60%{left:calc(16em + var(--sp) * 16.6em)}74%{left:calc(16em + var(--sp) * 16.6em);animation-timing-function:cubic-bezier(.3,0,.3,1)}79%{left:calc(16em + var(--sp) * 2.25em)}93%{left:calc(16em + var(--sp) * 2.25em);animation-timing-function:cubic-bezier(.3,0,.3,1)}97.67%{left:calc(16em + var(--sp) * 16.6em)}100%{left:calc(16em + var(--sp) * 16.6em)}}
@keyframes k90{0%{left:calc(16em + var(--sp) * 27.4em)}55.47%{left:calc(16em + var(--sp) * 27.4em);animation-timing-function:cubic-bezier(.3,0,.3,1)}60.8%{left:calc(16em + var(--sp) * 20.4em)}100%{left:calc(16em + var(--sp) * 20.4em)}}
@keyframes k91{0%{transform:rotate(0deg)}61.33%{transform:rotate(0deg)}63.33%{transform:rotate(-4deg)}100%{transform:rotate(-4deg)}}
@keyframes k92{0%{transform:translate(0px,0px)}55.47%{transform:translate(0px,0px)}56.8%{transform:translate(-2.5px,0px)}60.67%{transform:translate(-2.5px,0px)}62.67%{transform:translate(-3px,-1.5px)}100%{transform:translate(-3px,-1.5px)}}
@keyframes k93{0%{transform:rotate(13deg)}64.67%{transform:rotate(13deg)}66.33%{transform:rotate(40deg)}73.33%{transform:rotate(40deg)}75.33%{transform:rotate(13deg)}80.33%{transform:rotate(13deg)}82%{transform:rotate(40deg)}90.67%{transform:rotate(40deg)}92.67%{transform:rotate(13deg)}100%{transform:rotate(13deg)}}
@keyframes k94{0%{transform:rotate(-18deg)}64.67%{transform:rotate(-18deg)}66.33%{transform:rotate(-142deg)}73.33%{transform:rotate(-142deg)}75.33%{transform:rotate(-18deg)}80.33%{transform:rotate(-18deg)}82%{transform:rotate(-142deg)}90.67%{transform:rotate(-142deg)}92.67%{transform:rotate(-18deg)}100%{transform:rotate(-18deg)}}
@keyframes k95{0%{transform:rotate(-13deg)}64.67%{transform:rotate(-13deg)}66.33%{transform:rotate(-40deg)}73.33%{transform:rotate(-40deg)}75.33%{transform:rotate(-13deg)}80.33%{transform:rotate(-13deg)}82%{transform:rotate(-40deg)}90.67%{transform:rotate(-40deg)}92.67%{transform:rotate(-13deg)}100%{transform:rotate(-13deg)}}
@keyframes k96{0%{transform:rotate(18deg)}64.67%{transform:rotate(18deg)}66.33%{transform:rotate(142deg)}73.33%{transform:rotate(142deg)}75.33%{transform:rotate(18deg)}80.33%{transform:rotate(18deg)}82%{transform:rotate(142deg)}90.67%{transform:rotate(142deg)}92.67%{transform:rotate(18deg)}100%{transform:rotate(18deg)}}
@keyframes k97{0%{transform:rotate(40deg)}50%{transform:rotate(25deg)}100%{transform:rotate(40deg)}}
@keyframes k98{0%{transform:rotate(-142deg)}50%{transform:rotate(-130deg)}100%{transform:rotate(-142deg)}}
@keyframes k99{0%{transform:rotate(-40deg)}50%{transform:rotate(-25deg)}100%{transform:rotate(-40deg)}}
@keyframes k100{0%{transform:rotate(142deg)}50%{transform:rotate(130deg)}100%{transform:rotate(142deg)}}
@keyframes k101{0%{opacity:1}63%{opacity:1;animation-timing-function:linear}63.93%{opacity:0}82.93%{opacity:0}100%{opacity:0}}
@keyframes k102{0%{opacity:0}63%{opacity:0;animation-timing-function:linear}63.93%{opacity:1}66%{opacity:1;animation-timing-function:linear}66.93%{opacity:0}82.93%{opacity:0}100%{opacity:0}}
@keyframes k103{0%{opacity:0}66%{opacity:0;animation-timing-function:linear}66.93%{opacity:1}82.93%{opacity:1}100%{opacity:1}}
@keyframes k104{0%{transform:translateY(0px)}63%{transform:translateY(0px);animation-timing-function:linear}63.93%{transform:translateY(-3px)}66%{transform:translateY(-3px);animation-timing-function:linear}66.93%{transform:translateY(-2px)}82.93%{transform:translateY(-2px)}100%{transform:translateY(-2px)}}
@keyframes k105{0%{opacity:0.35}63%{opacity:0.35;animation-timing-function:linear}63.93%{opacity:0.5}66%{opacity:0.5;animation-timing-function:linear}66.93%{opacity:0.8}82.93%{opacity:0.8}100%{opacity:0.8}}
.s-love .ypA{left:calc(16em + var(--sp) * -17.2em);animation-name:k1;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .ypb{bottom:0em;animation-name:k2,stBob,stBob;animation-duration:15s,0.2s,0.2s;animation-delay:0s,11.1s,13.95s;animation-iteration-count:1,3.75,3.5;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-love .ypA .ybd{opacity:0;animation-name:k3;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .yhd,.s-love .ypA .yhb{opacity:0;transform:rotate(0deg);animation-name:k3,k4;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-love .ypA .ylgL{opacity:0;animation-name:k3,stWL,stWL;animation-duration:15s,0.4s,0.4s;animation-delay:0s,11.1s,13.95s;animation-iteration-count:1,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-love .ypA .ylgR{opacity:0;animation-name:k3,stWR,stWR;animation-duration:15s,0.4s,0.4s;animation-delay:0s,11.1s,13.95s;animation-iteration-count:1,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-love .ypA .yuaL{opacity:0;transform:rotate(13deg);z-index:14;animation-name:k3,k6;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-love .ypA .yuaR{opacity:0;transform:rotate(-13deg);z-index:14;animation-name:k3,k8;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-love .ypA .ysh{opacity:0;animation-name:k3;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .yfc{transform:translate(0px,0px);animation-name:k5;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .yuaL .yfa{transform:rotate(-18deg);animation-name:k7;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .yuaR .yfa{transform:rotate(18deg);animation-name:k9;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .yuaR .yfa b{;animation-name:stTap;animation-duration:0.26s;animation-delay:0.5s;animation-iteration-count:14.231;animation-timing-function:linear;animation-fill-mode:none}
.s-love .ypA .yuaL .yfa b{;animation-name:stTap;animation-duration:0.34s;animation-delay:0.6s;animation-iteration-count:10.882;animation-timing-function:linear;animation-fill-mode:none}
.s-love .ypA .ye0{opacity:1;animation-name:k10;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .ye1{opacity:0}
.s-love .ypA .ye2{opacity:0;animation-name:k11;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .ym0{opacity:1;animation-name:k12;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .ym1{opacity:0}
.s-love .ypA .ym2{opacity:0;animation-name:k13;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .ybr{transform:translateY(0px);animation-name:k14;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .ybl{opacity:0.35;animation-name:k15;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypA .ymph{opacity:0;animation-name:k16;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB{left:calc(16em + var(--sp) * 24.4em);animation-name:k17;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .ypb{bottom:0em;animation-name:k18,stBob,stBob,stBob;animation-duration:15s,0.2s,0.2s,0.2s;animation-delay:0s,8.2s,11.1s,13.95s;animation-iteration-count:1,4,3.75,3.5;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-love .ypB .ybd{opacity:0;animation-name:k19;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .yhd,.s-love .ypB .yhb{opacity:0;transform:rotate(0deg);animation-name:k19,k20;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-love .ypB .ylgL{opacity:0;animation-name:k19,stWL,stWL,stWL;animation-duration:15s,0.4s,0.4s,0.4s;animation-delay:0s,8.2s,11.1s,13.95s;animation-iteration-count:1,2,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-love .ypB .ylgR{opacity:0;animation-name:k19,stWR,stWR,stWR;animation-duration:15s,0.4s,0.4s,0.4s;animation-delay:0s,8.2s,11.1s,13.95s;animation-iteration-count:1,2,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-love .ypB .yuaL{opacity:0;transform:rotate(13deg);z-index:24;animation-name:k19,k22,k24;animation-duration:15s,15s,15s;animation-delay:0s,0s,0s;animation-iteration-count:1,1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both,both}
.s-love .ypB .yuaR{opacity:0;transform:rotate(-13deg);z-index:24;animation-name:k19,k25;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-love .ypB .ysh{opacity:0;animation-name:k19;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .yfc{transform:translate(0px,0px);animation-name:k21;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .yuaL .yfa{transform:rotate(-18deg);animation-name:k23;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .yuaR .yfa{transform:rotate(18deg);animation-name:k26;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .ye0{opacity:1;animation-name:k27;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .ye1{opacity:0;animation-name:k28;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .ye2{opacity:0;animation-name:k29;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .ym0{opacity:1;animation-name:k30;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .ym1{opacity:0;animation-name:k28;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .ym2{opacity:0;animation-name:k31;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .ybr{transform:translateY(0px);animation-name:k32;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .ypB .ybl{opacity:0.35;animation-name:k33;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-love .yb0{;animation-name:stIn;animation-duration:0.32s;animation-delay:0.35s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-love .yb1{;animation-name:stIn;animation-duration:0.32s;animation-delay:1.95s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-love .yb2{;animation-name:stIn;animation-duration:0.32s;animation-delay:2.55s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-love .yb3{;animation-name:stIn;animation-duration:0.32s;animation-delay:3.15s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-love .yb4{;animation-name:stIn;animation-duration:0.32s;animation-delay:3.9s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-love .yty{;animation-name:stIn,stTyGo;animation-duration:0.15s,0.12s;animation-delay:1s,1.85s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),linear;animation-fill-mode:both,forwards}
.s-love .ysov{;animation-name:stOut;animation-duration:0.4s;animation-delay:4.95s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:forwards}
.s-love .ysw{;animation-name:stSweep;animation-duration:1.5s;animation-delay:5.1s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.3,0,.3,1);animation-fill-mode:both}
.s-love .yrdy{;animation-name:stPop,stGone;animation-duration:0.4s,0.3s;animation-delay:7.45s,8.7s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),linear;animation-fill-mode:both,forwards}
.s-love .ysp3{;animation-name:stPin,stPout;animation-duration:0.4s,0.35s;animation-delay:12.45s,14.55s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,forwards}
.s-love .ymh0{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.1s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-love .ymh1{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.35s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-love .ymh2{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.6s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-love .ymh3{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.85s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-love .ymh4{;animation-name:stRise;animation-duration:1.5s;animation-delay:11s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-love .ybigh{;animation-name:stHeart;animation-duration:1.9s;animation-delay:12.4s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-love .ybs{;animation-name:stBurst;animation-duration:0.8s;animation-delay:12.5s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-parents .ypA{left:calc(16em + var(--sp) * -17.2em);animation-name:k34;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .ypb{bottom:0em;animation-name:k2,stBob,stBob;animation-duration:15s,0.2s,0.2s;animation-delay:0s,11.1s,13.95s;animation-iteration-count:1,3.75,3.5;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-parents .ypA .ybd{opacity:0;animation-name:k3;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .yhd,.s-parents .ypA .yhb{opacity:0;transform:rotate(0deg);animation-name:k3,k4;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-parents .ypA .ylgL{opacity:0;animation-name:k3,stWL,stWL;animation-duration:15s,0.4s,0.4s;animation-delay:0s,11.1s,13.95s;animation-iteration-count:1,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-parents .ypA .ylgR{opacity:0;animation-name:k3,stWR,stWR;animation-duration:15s,0.4s,0.4s;animation-delay:0s,11.1s,13.95s;animation-iteration-count:1,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-parents .ypA .yuaL{opacity:0;transform:rotate(13deg);z-index:14;animation-name:k3,k6;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-parents .ypA .yuaR{opacity:0;transform:rotate(-13deg);z-index:14;animation-name:k3,k35;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-parents .ypA .ysh{opacity:0;animation-name:k3;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .yfc{transform:translate(0px,0px);animation-name:k5;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .yuaL .yfa{transform:rotate(-18deg);animation-name:k7;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .yuaR .yfa{transform:rotate(18deg);animation-name:k36;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .yuaR .yfa b{;animation-name:stTap;animation-duration:0.26s;animation-delay:0.5s;animation-iteration-count:14.231;animation-timing-function:linear;animation-fill-mode:none}
.s-parents .ypA .yuaL .yfa b{;animation-name:stTap;animation-duration:0.34s;animation-delay:0.6s;animation-iteration-count:10.882;animation-timing-function:linear;animation-fill-mode:none}
.s-parents .ypA .ye0{opacity:1;animation-name:k10;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .ye1{opacity:0}
.s-parents .ypA .ye2{opacity:0;animation-name:k11;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .ym0{opacity:1;animation-name:k12;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .ym1{opacity:0}
.s-parents .ypA .ym2{opacity:0;animation-name:k13;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .ybr{transform:translateY(0px);animation-name:k14;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .ybl{opacity:0.35;animation-name:k15;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypA .ymph{opacity:0;animation-name:k16;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB{left:calc(16em + var(--sp) * 22.6em);animation-name:k37;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .ypb{bottom:0em;animation-name:k18,stBob,stBob,stBob;animation-duration:15s,0.2s,0.2s,0.2s;animation-delay:0s,8.2s,11.1s,13.95s;animation-iteration-count:1,4,3.75,3.5;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-parents .ypB .ybd{opacity:0;animation-name:k19;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .yhd,.s-parents .ypB .yhb{opacity:0;transform:rotate(0deg);animation-name:k19,k38;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-parents .ypB .ylgL{opacity:0;animation-name:k19,stWL,stWL,stWL;animation-duration:15s,0.4s,0.4s,0.4s;animation-delay:0s,8.2s,11.1s,13.95s;animation-iteration-count:1,2,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-parents .ypB .ylgR{opacity:0;animation-name:k19,stWR,stWR,stWR;animation-duration:15s,0.4s,0.4s,0.4s;animation-delay:0s,8.2s,11.1s,13.95s;animation-iteration-count:1,2,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-parents .ypB .yuaL{opacity:0;transform:rotate(13deg);z-index:24;animation-name:k19,k22,k24;animation-duration:15s,15s,15s;animation-delay:0s,0s,0s;animation-iteration-count:1,1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both,both}
.s-parents .ypB .yuaR{opacity:0;transform:rotate(-13deg);z-index:24;animation-name:k19,k40,k42;animation-duration:15s,15s,15s;animation-delay:0s,0s,0s;animation-iteration-count:1,1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both,both}
.s-parents .ypB .ysh{opacity:0;animation-name:k19;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .yfc{transform:translate(0px,0px);animation-name:k21;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .yuaL .yfa{transform:rotate(-18deg);animation-name:k39;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .yuaR .yfa{transform:rotate(18deg);animation-name:k41;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .ye0{opacity:1;animation-name:k27;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .ye1{opacity:0;animation-name:k28;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .ye2{opacity:0;animation-name:k29;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .ym0{opacity:1;animation-name:k30;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .ym1{opacity:0;animation-name:k28;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .ym2{opacity:0;animation-name:k31;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .ybr{transform:translateY(0px);animation-name:k32;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypB .ybl{opacity:0.35;animation-name:k33;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC{left:calc(16em + var(--sp) * 26.6em);animation-name:k43;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .ypb{bottom:0em;animation-name:k44,stBob,stBob,stBob;animation-duration:15s,0.2s,0.2s,0.2s;animation-delay:0s,8.32s,11.1s,13.95s;animation-iteration-count:1,4,3.75,3.5;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-parents .ypC .ybd{opacity:0;animation-name:k45;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .yhd,.s-parents .ypC .yhb{opacity:0;transform:rotate(0deg);animation-name:k45,k46;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-parents .ypC .ylgL{opacity:0;animation-name:k45,stWL,stWL,stWL;animation-duration:15s,0.4s,0.4s,0.4s;animation-delay:0s,8.32s,11.1s,13.95s;animation-iteration-count:1,2,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-parents .ypC .ylgR{opacity:0;animation-name:k45,stWR,stWR,stWR;animation-duration:15s,0.4s,0.4s,0.4s;animation-delay:0s,8.32s,11.1s,13.95s;animation-iteration-count:1,2,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-parents .ypC .yuaL{opacity:0;transform:rotate(13deg);z-index:19;animation-name:k45,k48,k50;animation-duration:15s,15s,15s;animation-delay:0s,0s,0s;animation-iteration-count:1,1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both,both}
.s-parents .ypC .yuaR{opacity:0;transform:rotate(-13deg);z-index:19;animation-name:k45,k51;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-parents .ypC .ysh{opacity:0;animation-name:k45;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .yfc{transform:translate(0px,0px);animation-name:k47;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .yuaL .yfa{transform:rotate(-18deg);animation-name:k49;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .yuaR .yfa{transform:rotate(18deg);animation-name:k52;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .ye0{opacity:1;animation-name:k53;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .ye1{opacity:0;animation-name:k54;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .ye2{opacity:0;animation-name:k55;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .ym0{opacity:1;animation-name:k56;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .ym1{opacity:0;animation-name:k54;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .ym2{opacity:0;animation-name:k57;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .ybr{transform:translateY(0px);animation-name:k58;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .ypC .ybl{opacity:0.35;animation-name:k59;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-parents .yb0{;animation-name:stIn;animation-duration:0.32s;animation-delay:0.35s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-parents .yb1{;animation-name:stIn;animation-duration:0.32s;animation-delay:1.95s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-parents .yb2{;animation-name:stIn;animation-duration:0.32s;animation-delay:2.55s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-parents .yb3{;animation-name:stIn;animation-duration:0.32s;animation-delay:3.15s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-parents .yb4{;animation-name:stIn;animation-duration:0.32s;animation-delay:3.9s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-parents .yty{;animation-name:stIn,stTyGo;animation-duration:0.15s,0.12s;animation-delay:1s,1.85s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),linear;animation-fill-mode:both,forwards}
.s-parents .ysov{;animation-name:stOut;animation-duration:0.4s;animation-delay:4.95s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:forwards}
.s-parents .ysw{;animation-name:stSweep;animation-duration:1.5s;animation-delay:5.1s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.3,0,.3,1);animation-fill-mode:both}
.s-parents .yrdy{;animation-name:stPop,stGone;animation-duration:0.4s,0.3s;animation-delay:7.45s,8.7s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),linear;animation-fill-mode:both,forwards}
.s-parents .ysp3{;animation-name:stPin,stPout;animation-duration:0.4s,0.35s;animation-delay:12.45s,14.55s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,forwards}
.s-parents .ymh0{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.1s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-parents .ymh1{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.35s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-parents .ymh2{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.6s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-parents .ymh3{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.85s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-parents .ymh4{;animation-name:stRise;animation-duration:1.5s;animation-delay:11s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-parents .ybigh{;animation-name:stHeart;animation-duration:1.9s;animation-delay:12.4s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-parents .ybs{;animation-name:stBurst;animation-duration:0.8s;animation-delay:12.5s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-friend .ypA{left:calc(16em + var(--sp) * -17.2em);animation-name:k60;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .ypb{bottom:0em;animation-name:k61,stBob,stBob;animation-duration:15s,0.2s,0.2s;animation-delay:0s,11.05s,13.9s;animation-iteration-count:1,3.5,3.5;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-friend .ypA .ybd{opacity:0;animation-name:k3;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .yhd,.s-friend .ypA .yhb{opacity:0;transform:rotate(0deg);animation-name:k3,k62;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-friend .ypA .ylgL{opacity:0;animation-name:k3,stWL,stWL;animation-duration:15s,0.4s,0.4s;animation-delay:0s,11.05s,13.9s;animation-iteration-count:1,1.75,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-friend .ypA .ylgR{opacity:0;animation-name:k3,stWR,stWR;animation-duration:15s,0.4s,0.4s;animation-delay:0s,11.05s,13.9s;animation-iteration-count:1,1.75,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-friend .ypA .yuaL{opacity:0;transform:rotate(13deg);z-index:14;animation-name:k3,k64;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-friend .ypA .yuaR{opacity:0;transform:rotate(-13deg);z-index:14;animation-name:k3,k66;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-friend .ypA .ysh{opacity:0;animation-name:k3;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .yfc{transform:translate(0px,0px);animation-name:k63;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .yuaL .yfa{transform:rotate(-18deg);animation-name:k65;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .yuaR .yfa{transform:rotate(18deg);animation-name:k67;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .yuaR .yfa b{;animation-name:stTap;animation-duration:0.26s;animation-delay:0.5s;animation-iteration-count:14.231;animation-timing-function:linear;animation-fill-mode:none}
.s-friend .ypA .yuaL .yfa b{;animation-name:stTap;animation-duration:0.34s;animation-delay:0.6s;animation-iteration-count:10.882;animation-timing-function:linear;animation-fill-mode:none}
.s-friend .ypA .ye0{opacity:1;animation-name:k68;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .ye1{opacity:0}
.s-friend .ypA .ye2{opacity:0;animation-name:k69;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .ym0{opacity:1;animation-name:k70;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .ym1{opacity:0}
.s-friend .ypA .ym2{opacity:0;animation-name:k71;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .ybr{transform:translateY(0px);animation-name:k72;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .ybl{opacity:0.35;animation-name:k73;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypA .ymph{opacity:0;animation-name:k16;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB{left:calc(16em + var(--sp) * 24.4em);animation-name:k74;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .ypb{bottom:0em;animation-name:k75,stBob,stBob,stBob;animation-duration:15s,0.2s,0.2s,0.2s;animation-delay:0s,8.2s,11.05s,13.9s;animation-iteration-count:1,4,3.5,3.5;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-friend .ypB .ybd{opacity:0;animation-name:k19;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .yhd,.s-friend .ypB .yhb{opacity:0;transform:rotate(0deg);animation-name:k19,k76;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-friend .ypB .ylgL{opacity:0;animation-name:k19,stWL,stWL,stWL;animation-duration:15s,0.4s,0.4s,0.4s;animation-delay:0s,8.2s,11.05s,13.9s;animation-iteration-count:1,2,1.75,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-friend .ypB .ylgR{opacity:0;animation-name:k19,stWR,stWR,stWR;animation-duration:15s,0.4s,0.4s,0.4s;animation-delay:0s,8.2s,11.05s,13.9s;animation-iteration-count:1,2,1.75,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-friend .ypB .yuaL{opacity:0;transform:rotate(13deg);z-index:24;animation-name:k19,k78;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-friend .ypB .yuaR{opacity:0;transform:rotate(-13deg);z-index:24;animation-name:k19,k80;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-friend .ypB .ysh{opacity:0;animation-name:k19;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .yfc{transform:translate(0px,0px);animation-name:k77;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .yuaL .yfa{transform:rotate(-18deg);animation-name:k79;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .yuaR .yfa{transform:rotate(18deg);animation-name:k81;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .ye0{opacity:1;animation-name:k82;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .ye1{opacity:0;animation-name:k83;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .ye2{opacity:0;animation-name:k84;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .ym0{opacity:1;animation-name:k85;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .ym1{opacity:0;animation-name:k83;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .ym2{opacity:0;animation-name:k86;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .ybr{transform:translateY(0px);animation-name:k87;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .ypB .ybl{opacity:0.35;animation-name:k88;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-friend .yb0{;animation-name:stIn;animation-duration:0.32s;animation-delay:0.35s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-friend .yb1{;animation-name:stIn;animation-duration:0.32s;animation-delay:1.95s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-friend .yb2{;animation-name:stIn;animation-duration:0.32s;animation-delay:2.55s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-friend .yb3{;animation-name:stIn;animation-duration:0.32s;animation-delay:3.15s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-friend .yb4{;animation-name:stIn;animation-duration:0.32s;animation-delay:3.9s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-friend .yty{;animation-name:stIn,stTyGo;animation-duration:0.15s,0.12s;animation-delay:1s,1.85s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),linear;animation-fill-mode:both,forwards}
.s-friend .ysov{;animation-name:stOut;animation-duration:0.4s;animation-delay:4.95s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:forwards}
.s-friend .ysw{;animation-name:stSweep;animation-duration:1.5s;animation-delay:5.1s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.3,0,.3,1);animation-fill-mode:both}
.s-friend .yrdy{;animation-name:stPop,stGone;animation-duration:0.4s,0.3s;animation-delay:7.45s,8.7s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),linear;animation-fill-mode:both,forwards}
.s-friend .ysp3{;animation-name:stPin,stPout;animation-duration:0.4s,0.35s;animation-delay:12.45s,14.55s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,forwards}
.s-friend .ymh0{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.1s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-friend .ymh1{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.35s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-friend .ymh2{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.6s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-friend .ymh3{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.85s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-friend .ymh4{;animation-name:stRise;animation-duration:1.5s;animation-delay:11s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-friend .ybigh{;animation-name:stHeart;animation-duration:1.9s;animation-delay:12.4s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-friend .ybs{;animation-name:stBurst;animation-duration:0.8s;animation-delay:12.5s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-friend .ybs2{;animation-name:stBurst;animation-duration:0.55s;animation-delay:12.02s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-friend .ycf{animation-name:stFall;animation-timing-function:cubic-bezier(.3,.1,.6,1)}
.s-office .ypA{left:calc(16em + var(--sp) * -17.2em);animation-name:k1;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .ypb{bottom:0em;animation-name:k2,stBob,stBob;animation-duration:15s,0.2s,0.2s;animation-delay:0s,11.1s,13.95s;animation-iteration-count:1,3.75,3.5;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-office .ypA .ybd{opacity:0;animation-name:k3;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .yhd,.s-office .ypA .yhb{opacity:0;transform:rotate(0deg);animation-name:k3,k4;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-office .ypA .ylgL{opacity:0;animation-name:k3,stWL,stWL;animation-duration:15s,0.4s,0.4s;animation-delay:0s,11.1s,13.95s;animation-iteration-count:1,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-office .ypA .ylgR{opacity:0;animation-name:k3,stWR,stWR;animation-duration:15s,0.4s,0.4s;animation-delay:0s,11.1s,13.95s;animation-iteration-count:1,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-office .ypA .yuaL{opacity:0;transform:rotate(13deg);z-index:14;animation-name:k3,k6;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-office .ypA .yuaR{opacity:0;transform:rotate(-13deg);z-index:14;animation-name:k3,k8;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-office .ypA .ysh{opacity:0;animation-name:k3;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .yfc{transform:translate(0px,0px);animation-name:k5;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .yuaL .yfa{transform:rotate(-18deg);animation-name:k7;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .yuaR .yfa{transform:rotate(18deg);animation-name:k9;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .yuaR .yfa b{;animation-name:stTap;animation-duration:0.26s;animation-delay:0.5s;animation-iteration-count:14.231;animation-timing-function:linear;animation-fill-mode:none}
.s-office .ypA .yuaL .yfa b{;animation-name:stTap;animation-duration:0.34s;animation-delay:0.6s;animation-iteration-count:10.882;animation-timing-function:linear;animation-fill-mode:none}
.s-office .ypA .ye0{opacity:1;animation-name:k10;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .ye1{opacity:0}
.s-office .ypA .ye2{opacity:0;animation-name:k11;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .ym0{opacity:1;animation-name:k12;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .ym1{opacity:0}
.s-office .ypA .ym2{opacity:0;animation-name:k13;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .ybr{transform:translateY(0px);animation-name:k14;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .ybl{opacity:0.35;animation-name:k15;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypA .ymph{opacity:0;animation-name:k16;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB{left:calc(16em + var(--sp) * 23.6em);animation-name:k89;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .ypb{bottom:0em;animation-name:k18,stBob,stBob,stBob;animation-duration:15s,0.2s,0.2s,0.2s;animation-delay:0s,8.2s,11.1s,13.95s;animation-iteration-count:1,4,3.75,3.5;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-office .ypB .ybd{opacity:0;animation-name:k19;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .yhd,.s-office .ypB .yhb{opacity:0;transform:rotate(0deg);animation-name:k19,k20;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-office .ypB .ylgL{opacity:0;animation-name:k19,stWL,stWL,stWL;animation-duration:15s,0.4s,0.4s,0.4s;animation-delay:0s,8.2s,11.1s,13.95s;animation-iteration-count:1,2,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-office .ypB .ylgR{opacity:0;animation-name:k19,stWR,stWR,stWR;animation-duration:15s,0.4s,0.4s,0.4s;animation-delay:0s,8.2s,11.1s,13.95s;animation-iteration-count:1,2,1.875,1.75;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear,linear;animation-fill-mode:both,none,none,none}
.s-office .ypB .yuaL{opacity:0;transform:rotate(13deg);z-index:24;animation-name:k19,k22,k24;animation-duration:15s,15s,15s;animation-delay:0s,0s,0s;animation-iteration-count:1,1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both,both}
.s-office .ypB .yuaR{opacity:0;transform:rotate(-13deg);z-index:24;animation-name:k19,k25;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-office .ypB .ysh{opacity:0;animation-name:k19;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .yfc{transform:translate(0px,0px);animation-name:k21;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .yuaL .yfa{transform:rotate(-18deg);animation-name:k23;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .yuaR .yfa{transform:rotate(18deg);animation-name:k26;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .ye0{opacity:1;animation-name:k27;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .ye1{opacity:0;animation-name:k28;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .ye2{opacity:0;animation-name:k29;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .ym0{opacity:1;animation-name:k30;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .ym1{opacity:0;animation-name:k28;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .ym2{opacity:0;animation-name:k31;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .ybr{transform:translateY(0px);animation-name:k32;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypB .ybl{opacity:0.35;animation-name:k33;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC{left:calc(16em + var(--sp) * 27.4em);animation-name:k90;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .ypb{bottom:0em;animation-name:stBob;animation-duration:0.2s;animation-delay:8.32s;animation-iteration-count:4;animation-timing-function:linear;animation-fill-mode:none}
.s-office .ypC .ybd{opacity:0;animation-name:k45;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .yhd,.s-office .ypC .yhb{opacity:0;transform:rotate(0deg);animation-name:k45,k91;animation-duration:15s,15s;animation-delay:0s,0s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,both}
.s-office .ypC .ylgL{opacity:0;animation-name:k45,stWL;animation-duration:15s,0.4s;animation-delay:0s,8.32s;animation-iteration-count:1,2;animation-timing-function:cubic-bezier(.45,0,.25,1),linear;animation-fill-mode:both,none}
.s-office .ypC .ylgR{opacity:0;animation-name:k45,stWR;animation-duration:15s,0.4s;animation-delay:0s,8.32s;animation-iteration-count:1,2;animation-timing-function:cubic-bezier(.45,0,.25,1),linear;animation-fill-mode:both,none}
.s-office .ypC .yuaL{opacity:0;transform:rotate(13deg);z-index:9;animation-name:k45,k93,k97,k97;animation-duration:15s,15s,0.3s,0.3s;animation-delay:0s,0s,9.95s,12.3s;animation-iteration-count:1,1,3.5,4.333;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,both,none,none}
.s-office .ypC .yuaR{opacity:0;transform:rotate(-13deg);z-index:9;animation-name:k45,k95,k99,k99;animation-duration:15s,15s,0.3s,0.3s;animation-delay:0s,0s,9.95s,12.3s;animation-iteration-count:1,1,3.5,4.333;animation-timing-function:cubic-bezier(.45,0,.25,1),cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,both,none,none}
.s-office .ypC .ysh{opacity:0;animation-name:k45;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .yfc{transform:translate(0px,0px);animation-name:k92;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .yuaL .yfa{transform:rotate(-18deg);animation-name:k94,k98,k98;animation-duration:15s,0.3s,0.3s;animation-delay:0s,9.95s,12.3s;animation-iteration-count:1,3.5,4.333;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-office .ypC .yuaR .yfa{transform:rotate(18deg);animation-name:k96,k100,k100;animation-duration:15s,0.3s,0.3s;animation-delay:0s,9.95s,12.3s;animation-iteration-count:1,3.5,4.333;animation-timing-function:cubic-bezier(.45,0,.25,1),linear,linear;animation-fill-mode:both,none,none}
.s-office .ypC .ye0{opacity:1;animation-name:k101;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .ye1{opacity:0;animation-name:k102;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .ye2{opacity:0;animation-name:k103;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .ym0{opacity:1;animation-name:k101;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .ym1{opacity:0;animation-name:k102;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .ym2{opacity:0;animation-name:k103;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .ybr{transform:translateY(0px);animation-name:k104;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .ypC .ybl{opacity:0.35;animation-name:k105;animation-duration:15s;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}
.s-office .yb0{;animation-name:stIn;animation-duration:0.32s;animation-delay:0.35s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-office .yb1{;animation-name:stIn;animation-duration:0.32s;animation-delay:1.95s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-office .yb2{;animation-name:stIn;animation-duration:0.32s;animation-delay:2.55s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-office .yb3{;animation-name:stIn;animation-duration:0.32s;animation-delay:3.15s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-office .yb4{;animation-name:stIn;animation-duration:0.32s;animation-delay:3.9s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
.s-office .yty{;animation-name:stIn,stTyGo;animation-duration:0.15s,0.12s;animation-delay:1s,1.85s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),linear;animation-fill-mode:both,forwards}
.s-office .ysov{;animation-name:stOut;animation-duration:0.4s;animation-delay:4.95s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:forwards}
.s-office .ysw{;animation-name:stSweep;animation-duration:1.5s;animation-delay:5.1s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.3,0,.3,1);animation-fill-mode:both}
.s-office .yrdy{;animation-name:stPop,stGone;animation-duration:0.4s,0.3s;animation-delay:7.45s,8.7s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),linear;animation-fill-mode:both,forwards}
.s-office .ysp3{;animation-name:stPin,stPout;animation-duration:0.4s,0.35s;animation-delay:12.45s,14.55s;animation-iteration-count:1,1;animation-timing-function:cubic-bezier(.2,.8,.2,1),cubic-bezier(.45,0,.25,1);animation-fill-mode:both,forwards}
.s-office .ymh0{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.1s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-office .ymh1{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.35s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-office .ymh2{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.6s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-office .ymh3{;animation-name:stRise;animation-duration:1.5s;animation-delay:10.85s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-office .ymh4{;animation-name:stRise;animation-duration:1.5s;animation-delay:11s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-office .ybigh{;animation-name:stHeart;animation-duration:1.9s;animation-delay:12.4s;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}
.s-office .ybs{;animation-name:stBurst;animation-duration:0.8s;animation-delay:12.5s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}
/* ===================== v6: three tariffs, promo code, videos, «your own idea» ===================== */
.prices{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
.pr .sum{font-size:46px;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px}
.pr .sum .was{font-size:20px;font-weight:500;color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px;order:2}
.pr.hit .sum .was{color:var(--plum-soft)}
.pr .promo-l{font-size:13px;color:var(--soft);margin-top:-8px}
.pr .promo-l b{font-family:var(--mono);letter-spacing:.06em;color:var(--acc)}
.pr.hit .promo-l{color:var(--plum-soft)}.pr.hit .promo-l b{color:var(--hi)}
.terms{max-width:none}
.cr{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr))}
@media (max-width:900px){.prices{grid-template-columns:minmax(0,1fr)}.cr{grid-template-columns:minmax(0,1.15fr) repeat(4,minmax(0,1fr))}.cr > *{padding:10px 4px;font-size:12px}}

.promo{margin-top:26px;display:flex;align-items:center;gap:16px;background:var(--paper);border:1.5px dashed var(--acc);border-radius:22px;padding:14px 14px 14px 18px}
.promo .pc{flex:none;font:800 22px/1 var(--mono);letter-spacing:.12em;color:#fff;background:var(--acc);border-radius:12px;padding:10px 14px}
.promo .pt{flex:1;min-width:0;font-size:14.5px;color:var(--soft);line-height:1.35}
.promo .pt b{display:block;color:var(--ink);font-size:17px}
.promo.on{border-style:solid}
.promo .pok{flex:none;width:40px;height:40px;border-radius:50%;background:var(--good);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}
@media (max-width:600px){.promo{padding:12px 14px;gap:12px}.promo .pc{font-size:17px;padding:9px 10px}.promo .pt{font-size:13.5px}.promo .pt b{font-size:15.5px}.promo .pok{display:none}}


/* ---------- four story videos ---------- */
#videos .sec-h p.vhint{display:flex;align-items:center;gap:10px;margin-top:14px;font-weight:700;color:var(--ink);font-size:15px}
.vhint i{width:26px;height:26px;border-radius:50%;background:var(--acc);flex:none;position:relative}
.vhint i:after{content:"";position:absolute;left:10px;top:8px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.vhint i:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--acc);opacity:.4;animation:vPing 1.8s ease-out infinite}
@keyframes vPing{from{transform:scale(.7);opacity:.6}to{transform:scale(1.35);opacity:0}}
.m-hov{display:none}
html:not(.hov) .d-hov{display:none}html:not(.hov) .m-hov{display:inline}
.vids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.vc{margin:0}
.vw{position:relative;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:0 26px 44px -30px rgba(35,19,26,.6);cursor:pointer;outline:none;transform:translateZ(0)}
.vw:focus-visible{box-shadow:0 0 0 3px var(--acc)}
.vw .vpo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;transition:opacity .25s}
.vw .vpo{background:var(--acc-soft,#f1e4e6)}
.vqh{position:absolute;inset:0;overflow:hidden;contain:strict}
.vw .vq{position:absolute!important;left:0;top:0;width:540px;height:960px;transform:scale(var(--k,.5));transform-origin:0 0;pointer-events:none}
.vc.pl .vpo{opacity:0}
.vc.pz .vq *{animation-play-state:paused!important}
.vpl,.vsnd,.vbar{z-index:3}
.vpl{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(20,12,18,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .25s,transform .25s;pointer-events:none}
.vpl i{position:absolute;left:25px;top:20px;border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.vc.on .vpl{opacity:0;transform:scale(.7)}
.hov .vw:hover .vpl{opacity:0}
.vsnd{position:absolute;right:10px;bottom:14px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(20,12,18,.55);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .25s}
.vsnd svg{width:20px;height:20px}
.vsnd .w{display:none}.vc.snd .vsnd .w{display:inline}.vc.snd .vsnd .x{display:none}
.vc.on .vsnd,.vw:hover .vsnd,.vw:focus-within .vsnd{opacity:1}
.vbar{position:absolute;left:12px;right:58px;bottom:31px;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden;opacity:0;transition:opacity .25s}
.vbar i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:0 50%}
.vc.on .vbar{opacity:1}
.vc > figcaption{margin-top:12px}
.vc > figcaption b{display:block;font-family:var(--display);font-size:20px;font-weight:600}
.vc > figcaption span{display:block;color:var(--soft);font-size:14.5px;margin-top:2px}
.vc > figcaption .lk{margin-top:6px;font-weight:800;font-size:14.5px;color:var(--acc);text-decoration:none;border-bottom:2px solid currentColor}
@media (max-width:900px){.vids{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .vids{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:20px -16px 0;padding:4px 16px 8px;scrollbar-width:none}
  .vids::-webkit-scrollbar{display:none}
  .vc{flex:0 0 min(62vw,250px);scroll-snap-align:center}
  .vsnd{opacity:1}
}

/* ---------- «your own idea» ---------- */
.idb{background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:36px}
.ics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px}
.ic{display:flex;flex-direction:column;gap:6px;text-align:left;border:1.5px solid var(--line);background:var(--bg);border-radius:18px;padding:14px 14px 15px;font:inherit;color:var(--ink);cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.ic:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:0 16px 26px -20px var(--acc-sh,rgba(0,0,0,.4))}
.ic b{font-size:15.5px;line-height:1.2}
.ic span{font-size:13px;color:var(--soft);line-height:1.3}
.idb-b{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.idb-b span{font-size:14px;color:var(--soft)}
@media (max-width:1100px){.ics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){
  .idb{padding:24px 18px;border-radius:26px}
  .ics{display:flex;flex-wrap:wrap;gap:8px}
  .ic{flex:1 1 calc(50% - 4px);padding:12px}
  .ic span{display:none}
  .idb-b .btn{width:100%}
  .idb-b span{width:100%;text-align:center}
}

/* order form: only name + contact are typed; everything else is a tap */
.ofh{margin:0;font-size:14.5px;line-height:1.4;color:var(--plum-soft)}
.osum{display:none}
.opts-p label em{font-style:normal;font-weight:500;opacity:.7;margin-left:4px;white-space:nowrap}
.opts-p input:checked + label em{opacity:.8}
.fdet-t{align-self:flex-start;border:0;background:none;padding:4px 0;color:var(--plum-ink);font:700 15px var(--sans);cursor:pointer;border-bottom:1.5px dashed rgba(255,255,255,.35)}
.fdet-t i{font-style:normal;font-weight:500;opacity:.6}
.fdet-f{display:none}
.fdet.on .fdet-t{display:none}.fdet.on .fdet-f{display:block}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.prm-ok{display:flex;gap:10px;align-items:flex-start;margin:0;background:rgba(143,227,169,.12);border:1px solid rgba(143,227,169,.35);border-radius:14px;padding:11px 13px;font-size:14px;line-height:1.4;color:var(--plum-ink)}
.prm-ok i{flex:none;font-style:normal;width:22px;height:22px;border-radius:50%;background:#8FE3A9;color:#123;display:grid;place-items:center;font-weight:800;font-size:12px;margin-top:-1px}
.prm-ok b{font-family:var(--mono);letter-spacing:.06em}
@media (max-width:600px){
  .osum{display:flex;align-items:center;gap:12px;border:1.5px dashed rgba(255,255,255,.25);border-radius:14px;padding:11px 12px 11px 14px}
  .osum > div{flex:1;min-width:0}
  .osum b{display:block;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--plum-soft);margin-bottom:3px}
  .osum span{display:block;font-size:14.5px;line-height:1.35;font-weight:600;color:var(--plum-ink)}
  .osum .ofx-t{flex:none;border:1.5px solid rgba(255,255,255,.3);border-style:solid;border-radius:12px;padding:9px 12px;font-size:14px;opacity:1}
  .of.more .osum{border-style:solid}
}

/* constructor: our photos, ready texts, style switch */
.klib .kst-n b{color:var(--ink)}
.klib-r{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:8px}
.klib-r button{border:0;padding:0;background:#ddd;border-radius:10px;overflow:hidden;aspect-ratio:1;cursor:pointer;position:relative;transition:transform .2s}
.klib-r button:hover{transform:translateY(-2px)}
.klib-r button.on{outline:3px solid var(--acc);outline-offset:1px}
.klib-r img{width:100%;height:100%;object-fit:cover;display:block}
.klib[hidden]{display:none}
.kit-rnd{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;border:1.5px dashed var(--acc);background:var(--acc-soft,#F7E1E5);color:var(--ink);border-radius:14px;padding:10px 14px;font:800 14.5px var(--sans);cursor:pointer;transition:transform .15s}
.kit-rnd i{font-style:normal;font-size:18px;display:inline-block}
.kit-rnd small{font-weight:500;color:var(--soft);font-size:13px}
.kit-rnd:active{transform:scale(.97)}
.kit-rnd:hover i{animation:dice .5s ease}
@keyframes dice{50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg)}}
.kit.shuf .kit-pages canvas{animation:kflip .45s cubic-bezier(.2,.8,.2,1)}
.kit.shuf .kit-pages canvas:nth-child(2){animation-delay:.05s}.kit.shuf .kit-pages canvas:nth-child(3){animation-delay:.1s}
@keyframes kflip{from{opacity:.35;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:760px){.klib-r{grid-template-columns:repeat(4,minmax(0,1fr))}.kit-rnd small{display:none}}
@media (prefers-reduced-motion:reduce){.kit.shuf .kit-pages canvas,.kit-rnd:hover i,.tr-fan.sw canvas{animation:none!important}}

/* the «try it yourself» block: louder */
.nw{display:inline-block;background:var(--hi);color:var(--plum);font:800 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;padding:3px 8px;margin-right:10px;vertical-align:1px}
#try .tr2{box-shadow:0 40px 80px -50px rgba(46,28,63,.9)}
#try .tr2:before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(242,166,192,.35),transparent 65%);pointer-events:none}
#try .tr-b .btn{position:relative}
#try .tr-b .btn:after{content:"";position:absolute;inset:-4px;border-radius:20px;border:2px solid var(--hi);opacity:0;animation:ring 2.4s ease-out infinite}
@keyframes ring{0%{opacity:.8;transform:scale(.96)}70%,100%{opacity:0;transform:scale(1.12)}}
.tr-fan.sw canvas{animation:fsw .5s cubic-bezier(.2,.8,.2,1) both}
.tr-fan.sw canvas:nth-child(2){animation-delay:.06s}.tr-fan.sw canvas:nth-child(3){animation-delay:.12s}
@keyframes fsw{from{opacity:0;margin-top:-135px}to{opacity:1}}
.tr-lbl{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;white-space:nowrap;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:var(--plum-ink);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:30px;padding:7px 14px;font:700 13px var(--sans)}
.tr-go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);z-index:4;background:var(--hi);color:var(--plum);border-radius:14px;padding:12px 18px;font:800 15px var(--sans);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.tr-fan:hover .tr-go,.tr-fan:focus-visible .tr-go{opacity:1;transform:translate(-50%,-50%)}
.hkit{display:block;margin-top:2px;font-size:14.5px;font-weight:700;color:var(--acc);text-decoration:none;border-bottom:1.5px dashed currentColor;align-self:flex-start}
@media (max-width:600px){.hkit{align-self:center;text-align:center;font-size:14px}.tr-lbl{bottom:2px;font-size:12px}#try .tr2:before{display:none}}
@media (prefers-reduced-motion:reduce){#try .tr-b .btn:after{animation:none}}
.hero .acts .hkit{flex-basis:100%;max-width:max-content}

/* cookies: accept / only necessary */
.ck{flex-wrap:wrap}.ck > span{flex:1 1 220px;min-width:0}
.ck-b{display:flex;gap:8px;flex-wrap:wrap}
.ck .ck-no{background:none;color:var(--ink);border:1.5px solid var(--line)}
footer nav .lk{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline}

/* ===================== phones: a shorter, more visual page ===================== */
.hdl{display:none}
@media (max-width:600px){
  /* the holiday line moves from the top bar into the hero, so the first screen is the story */
  .strip{display:none!important}
  .hdl{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.3;color:var(--soft);justify-content:center;text-align:center;width:100%}
  .hdl[hidden]{display:none}
  .hdl:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);flex:none;animation:hdlP 1.6s ease-in-out infinite}
  @keyframes hdlP{50%{opacity:.25}}
  .top{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-bottom:4px}
  .top .btn{min-height:40px}
  .aud{padding-top:4px}
  .aud-t .at{padding:8px 4px}

  /* hero: headline → the animated phone (whole, on the first screen) → button → explanation → formats */
  .hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:14px}
  .hero .ha,.hero [data-r=hero]{display:contents}
  .hero h1{order:1;text-align:center;font-size:clamp(26px,7.4vw,31px);line-height:1.06;max-width:13.5em;margin:0 auto}
  .hero .stage{order:2;margin-top:30px;gap:10px}
  .hero .acts{order:3;flex-direction:column;align-items:stretch;gap:10px;margin-top:6px}
  .hero .acts .btn{width:100%;justify-content:center;min-height:54px;font-size:16.5px}
  .hero .free{justify-content:center}
  .hero .sub{order:4;text-align:center;font-size:16px;margin:22px auto 0;max-width:30ch}
  .hero .ask{order:5;margin-top:20px}
  .hero .ask > b{display:block;text-align:center}
  /* the phone is sized so that headline + phone + people + steps fit one screen (with Safari's bars) */
  .stage .phone{--pw:clamp(178px, calc((100vh - 300px) / 1.86 - 9px), min(250px, calc(68vw - 18px)));width:calc(var(--pw) + 18px)}
  @supports (height:100svh){.stage .phone{--pw:clamp(178px, calc((100svh - 300px) / 1.86 - 9px), min(250px, calc(68vw - 18px)))}}
  .stage .phone .scr{height:calc(var(--pw) * 1.86)}
  .story .ysov{font-size:calc(var(--pw) / 19)}
  .story .ycrew{font-size:.95em}
  .stage .cap{min-height:0}
  .st-rp{margin-top:0}
}
@media (max-width:600px) and (max-height:620px){
  .hero h1{font-size:25px}
  .hero .stage{margin-top:26px}
}
@media (max-width:600px){
  .cap .stb .stb-s b{font-size:14px;gap:6px}
  .cap .stb .stb-s b em{width:19px;height:19px;font-size:10.5px}
  .cap .stb .stb-s small{font-size:12px}
}

/* ---------- desktop keeps its cards; the phone gallery and folding bits are phone-only ---------- */
.gal,.gal-d,.ofx-t,.faq-m{display:none}
.ofx{display:flex;flex-direction:column;gap:14px}

@media (max-width:600px){
  /* page order on phones: story → what they get → try it → we invent → how → what's included → prices → questions → order */
  main{display:flex;flex-direction:column}
  main > section{width:100%;min-width:0;box-sizing:border-box}
  main > .hero{order:1}
  main > #examples{order:2}
  main > #videos{order:3}
  main > #try{order:4}
  main > #custom{order:5}
  main > #idea{order:6}
  main > #how{order:7}
  main > #get{order:8}
  main > #prices{order:9}
  main > #faq{order:10}
  main > #order{order:11}
  main > #about{order:12}
  main > #fork,main > #inside{display:none}
  .sec{padding-top:56px}

  /* what your person gets: small phones to swipe */
  html.js #examples .exs{display:none}
  html.js .gal{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:22px -16px 0;padding:6px 16px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .gal::-webkit-scrollbar{display:none}
  .gi{flex:0 0 min(62vw,240px);scroll-snap-align:center;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;background:none;padding:0;color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .gph{display:block;width:100%;background:#0E0E10;border-radius:30px;padding:7px;box-shadow:0 26px 40px -26px rgba(35,19,26,.65)}
  .gscr{--pw:calc(min(62vw,240px) - 14px);display:block;position:relative;width:100%;height:calc(var(--pw) * 1.86);border-radius:24px;overflow:hidden;background:#000;font-size:calc(var(--pw) / 22.5);transform:translateZ(0)}
  .gscr *{animation:none!important;transition:none!important}
  .gi > b{display:block;font-family:var(--display);font-weight:600;font-size:20px;margin-top:14px;line-height:1.15}
  .gi > small{display:block;font-size:14px;color:var(--soft);margin-top:5px;line-height:1.35}
  .gi > em{font-style:normal;font-weight:800;font-size:14.5px;color:var(--acc);margin-top:9px;border-bottom:2px solid currentColor;padding-bottom:1px}
  html.js .gal-d{display:flex;justify-content:center;gap:6px;margin-top:10px}
  .gal-d i{width:6px;height:6px;border-radius:3px;background:var(--line);transition:width .25s,background-color .25s}
  .gal-d i.on{width:18px;background:var(--acc)}
  .exalt{margin-top:18px}
  .exnote{font-size:13px}

  /* «we invent it from your story»: swipe cards with the answer already open */
  .stys{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:20px -18px 0;padding:4px 18px 8px;scrollbar-width:none}
  .stys::-webkit-scrollbar{display:none}
  .sty{flex:0 0 84%;scroll-snap-align:center;background:var(--paper);border-color:var(--line)}
  .sty .ans{grid-template-rows:1fr!important}
  .sty .sgo{display:none}
  .sty.on{box-shadow:none;border-color:var(--line)}

  /* how it works: three tight rows instead of three tall cards */
  #how .steps{gap:0;margin-top:18px;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden}
  #how .step{border:0;border-radius:0;background:none;box-shadow:none;padding:16px 18px;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px}
  #how .step + .step{border-top:1px solid var(--line)}
  #how .step .n{grid-row:1 / span 3}
  #how .step h3{font-size:18px;margin:0}
  #how .step p{font-size:14.5px;margin-top:4px}
  #how .step .t{margin-top:8px}
  #how .need{font-size:14px}

  /* what's included: four compact tiles */
  .gets .g{padding:14px}
  .gets .g span{font-size:13px}

  /* questions: the first five, the rest behind one button */
  #faq:not(.all) .faq details:nth-child(n+6){display:none}
  .faq-m{display:flex;justify-content:center;width:100%;margin-top:10px;border:1.5px solid var(--line);background:var(--paper);border-radius:16px;padding:14px;font:700 15px var(--sans);color:var(--ink)}
  .faq-m[hidden],#faq.all .faq-m{display:none}

  /* the order form: name → where to write → contact; the rest is optional and folds away */
  .ofx{display:none}
  .of.more .ofx{display:flex}
  .ofx-t{display:block;text-align:left;border:1.5px dashed var(--plum-2,rgba(255,255,255,.25));background:none;color:var(--plum-ink,#fff);border-radius:14px;padding:13px 14px;font:700 15px var(--sans);opacity:.9}
  .ofx-t i{font-style:normal;font-weight:500;opacity:.6}
}
.m-only{display:none}
@media (max-width:600px){
  .m-only{display:inline}.d-only{display:none}
  /* formats are shown by the phone itself and by the gallery below — the chip row would only lengthen the first screens */
  .hero .ask{display:none}
}

/* ---------- the constructor ---------- */
.kit-nav{display:none}
.kst{display:flex;flex-direction:column;gap:12px}
.kst + .kst{margin-top:10px}
.kst-n{font-size:13px;color:var(--muted);margin:0}
.kst-done{display:none}
.kit[data-done] .kst-done{display:flex}
.kit-dl3{display:none}
@media (max-width:760px){
  .kit-th{min-height:52px}
  .kit-body{padding-top:0;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .kit-grid{display:block;margin-top:0}
  .kit-p{position:sticky;top:calc(52px + env(safe-area-inset-top,0px));z-index:4;background:var(--bg);margin:0 -16px;padding:12px 0 10px;box-shadow:0 12px 18px -16px rgba(0,0,0,.4)}
  .kit-pages{--kph:min(34vh,300px);margin:0;padding:2px 16px 4px;gap:10px;scroll-padding:0 16px}
  @supports (height:1svh){.kit-pages{--kph:min(34svh,300px)}}
  .kit-pages canvas{flex:0 0 auto;height:var(--kph);width:auto;aspect-ratio:1240/1754;scroll-snap-align:start;border-radius:6px}
  .kit.typing .kit-pages{--kph:20vh}
  @supports (height:1svh){.kit.typing .kit-pages{--kph:20svh}}
  .kit-swipe,.kit-priv,.kit-dl1,.kit-dl2{display:none!important}
  .kst{display:none;padding-top:18px}
  .kit[data-step="1"] .kst[data-s="1"],.kit[data-step="2"] .kst[data-s="2"],.kit[data-step="3"] .kst[data-s="3"],.kit[data-step="4"] .kst[data-s="4"]{display:flex}
  .kst + .kst{margin-top:0}
  .kit-dl3{display:flex}
  .kit-tabs{margin:0 -16px}
  .kit-up{display:none;margin-top:22px}
  .kit[data-step="4"] .kit-up{display:block}
  .kit-up .cmp .cr:nth-child(2),.kit-up .cmp .cr:nth-child(5),.kit-up .cmp .cr:nth-child(7){display:none}
  .kit-nav{display:flex;position:absolute;left:0;right:0;bottom:0;z-index:6;align-items:center;gap:10px;background:var(--paper);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -14px 24px -20px rgba(0,0,0,.35)}
  .kit.typing .kit-nav{display:none}
  .kn-b{border:0;background:none;font:700 15px var(--sans);color:var(--soft);padding:12px 4px;flex:none}
  .kn-s{flex:1;text-align:center;font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .kn-n{min-height:50px;padding:0 20px;flex:none;font-size:15.5px}
  .kn-n:disabled{opacity:.7}
}
@media (max-width:760px){.kst .kf-st small{display:none}}

.vq-love,.vq-love *{box-sizing:border-box}.vq-love h2,.vq-love h3,.vq-love p,.vq-love figure,.vq-love blockquote{margin:0}.vq-love img{max-width:none}.vq-love{margin:0;height:100%}.vq-love{width:540px;height:960px;overflow:hidden;background:radial-gradient(120% 80% at 80% 0%,#FFC9B8 0%,transparent 55%),radial-gradient(90% 70% at 0% 100%,#E7B6F0 0%,transparent 60%),linear-gradient(160deg,#FCE3E6,#F3D1E6 60%,#E9C6EE);font-family:'Manrope',sans-serif;color:#2A1236;position:relative}.vq-love .vq-bl{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}.vq-love .vq-brand{position:absolute;left:0;right:0;top:30px;text-align:center;font:600 20px 'Lora',serif}.vq-love .vq-brand b{font:900 28px 'Playfair Display',serif;color:#C2305A;vertical-align:-2px}.vq-love .vq-hd{position:absolute;left:30px;right:30px;top:74px;height:110px;text-align:center}.vq-love .vq-hd h2{position:absolute;inset:0;margin:0;font:600 37px/1.1 'Lora',serif;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;text-wrap:balance}.vq-love .vq-hd h2 em{color:#C2305A;font-style:italic}.vq-love .vq-ph{position:absolute;left:50%;top:210px;width:322px;height:676px;margin-left:-161px;background:#0D0D10;border-radius:52px;padding:11px;box-shadow:0 50px 70px -40px rgba(20,0,30,.6),inset 0 0 0 2px #2A2A30;transform-origin:50% 60%}.vq-love .vq-scr{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#000}.vq-love .vq-isl{position:absolute;left:50%;top:10px;width:92px;height:27px;margin-left:-46px;border-radius:20px;background:#000;z-index:30}.vq-love /* lock screen */
.vq-lk{position:absolute;inset:0;z-index:10;color:#fff}.vq-love .vq-lk > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.15)}.vq-love .vq-lk .vq-tm{position:absolute;left:0;right:0;top:70px;text-align:center}.vq-love .vq-lk .vq-tm small{display:block;font-weight:600;font-size:14px;opacity:.9}.vq-love .vq-lk .vq-tm b{font:600 78px/1 'Manrope',sans-serif;letter-spacing:-.03em}.vq-love .vq-nt{position:absolute;left:10px;right:10px;top:250px;background:rgba(245,240,248,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#1A1220;border-radius:22px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.vq-love .vq-nt .vq-nh{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.75}.vq-love .vq-nt .vq-nh i{width:22px;height:22px;border-radius:6px;background:#2AABEE;display:inline-block}.vq-love .vq-nt b{display:block;font-size:15px;margin-top:6px}.vq-love .vq-nt p{margin:2px 0 8px;font-size:14px;line-height:1.3}.vq-love .vq-lp{display:flex;gap:10px;background:#fff;border-radius:14px;overflow:hidden;align-items:center}.vq-love .vq-lp img{width:64px;height:64px;object-fit:cover}.vq-love .vq-lp b{margin:0;font:600 14.5px 'Lora',serif}.vq-love .vq-lp span{font-size:11px;opacity:.6}.vq-love .vq-tap{position:absolute;left:50%;top:330px;width:60px;height:60px;margin:-30px;border-radius:50%;background:rgba(255,255,255,.55);border:2px solid #fff;z-index:12}.vq-love /* the gift site */
.vq-st{position:absolute;inset:0;overflow:hidden}.vq-love .vq-sc{position:absolute;left:0;right:0;top:0}.vq-love .vq-cov{position:relative;overflow:hidden}.vq-love .vq-cov > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vq-love .vq-cv-g{position:absolute;inset:0}.vq-love .vq-cv-t{position:absolute;left:18px;right:18px;bottom:16px}.vq-love .vq-cv-t small{font:500 10.5px 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase}.vq-love .vq-cv-t h3{margin:6px 0 4px}.vq-love .vq-cv-t p{margin:0;font-size:13.5px;opacity:.85}.vq-love .vq-pad{padding:12px 16px 26px}.vq-love .vq-pol{position:relative;height:250px;margin:18px 0 6px}.vq-love .vq-pol figure{position:absolute;margin:0;width:150px;padding:7px 7px 26px;box-shadow:0 14px 24px -12px rgba(0,0,0,.6)}.vq-love .vq-pol img{width:100%;height:130px;object-fit:cover;display:block}.vq-love .vq-pol figcaption{position:absolute;left:0;right:0;bottom:4px;text-align:center;font:600 17px 'Caveat',cursive}.vq-love .vq-pol .vq-p1{left:4px;top:16px}.vq-love .vq-pol .vq-p2{right:4px;top:0}.vq-love .vq-pol .vq-p3{left:72px;top:92px}.vq-love .vq-q{margin:18px 4px;font:italic 500 20px/1.35 'Lora',serif;min-height:110px}.vq-love .vq-tw{display:inline-block;clip-path:inset(0 100% 0 0)}.vq-love .vq-fin{border-radius:18px;color:#fff;padding:18px;position:relative;margin-top:8px}.vq-love .vq-fin b{display:block;font:600 21px 'Lora',serif}.vq-love .vq-fin span{font-size:13px;opacity:.85}.vq-love .vq-hb{position:absolute;right:16px;top:50%;margin-top:-26px;font-style:normal;font-size:44px;line-height:52px;color:#fff}.vq-love .vq-plr{position:absolute;left:8px;right:8px;bottom:10px;border-radius:16px;padding:8px;display:flex;align-items:center;gap:10px;color:#fff;backdrop-filter:blur(10px)}.vq-love .vq-plr img{width:38px;height:38px;border-radius:8px;object-fit:cover}.vq-love .vq-plr b{display:block;font-size:10px;opacity:.6;font-weight:600}.vq-love .vq-plr span{font-size:13px;font-weight:700}.vq-love .vq-plr u{position:absolute;left:58px;right:44px;bottom:7px;height:2px;background:rgba(255,255,255,.2)}.vq-love .vq-plr u i{display:block;height:100%;width:0;background:#FF8FB1}.vq-love .vq-plr em{margin-left:auto;font-style:normal;font-size:12px;opacity:.9;padding-right:6px}.vq-love .vq-ap{opacity:0}.vq-love .vq-kb{transform-origin:50% 50%}.vq-love /* reactions + end */
.vq-rx{position:absolute;font-size:44px;z-index:40;opacity:0;left:0;top:0}.vq-love .vq-chip{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);white-space:nowrap;background:rgba(255,255,255,.75);color:#2A1236;border-radius:40px;padding:10px 18px;font-weight:800;font-size:16px;box-shadow:0 10px 24px -12px rgba(0,0,0,.4);opacity:0}.vq-love .vq-endc{position:absolute;inset:0;z-index:100;background:#2E1C3F;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 44px;opacity:0}.vq-love .vq-endc .vq-lg{font:600 62px/1 'Lora',serif}.vq-love .vq-endc .vq-lg b{font:900 90px/1 'Playfair Display',serif;color:#FF8FB1;vertical-align:-6px}.vq-love .vq-endc .vq-ty{font:700 60px/1 'Caveat',cursive;color:#FF8FB1;margin-top:6px}.vq-love .vq-endc h2{font:600 31px/1.18 'Lora',serif;margin:38px 0 0}.vq-love .vq-endc h2 em{color:#FF8FB1}.vq-love .vq-endc .vq-cta{margin-top:30px;background:#FF8FB1;color:#2E1C3F;border-radius:18px;padding:15px 22px;font:800 19px 'Manrope',sans-serif}.vq-love .vq-endc .vq-enote{margin-top:18px;font-size:13px;opacity:.6}.vq-love .vq-endc > *{opacity:0}@keyframes vqloap{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes vqlofade{from{opacity:0}to{opacity:1}}@keyframes vqloup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.vq-love .vq-st{background:#24122F;color:#F6ECFF}.vq-love .vq-cov{height:330px}.vq-love .vq-cv-g{background:linear-gradient(transparent 40%,#24122F 96%)}.vq-love .vq-cv-t small{color:#FFB3C9}.vq-love .vq-cv-t h3{font:italic 600 34px/1 'Lora',serif}.vq-love .vq-lst{margin-top:6px}.vq-love .vq-tr{display:grid;grid-template-columns:22px 40px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.vq-love .vq-tr i{font:500 11px 'IBM Plex Mono',monospace;opacity:.5;font-style:normal}.vq-love .vq-tr img{width:40px;height:40px;border-radius:7px;object-fit:cover}.vq-love .vq-tr span{font:500 11px 'IBM Plex Mono',monospace;opacity:.55}.vq-love .vq-tr:first-child{background:rgba(255,143,177,.12);border-radius:10px;padding-left:6px;margin-left:-6px}.vq-love .vq-pol figure{background:#fff;color:#333}.vq-love .vq-q{color:#FFD7E3}.vq-love .vq-fin{background:linear-gradient(135deg,#C2305A,#7A3FC4)}.vq-love .vq-plr{background:rgba(40,22,52,.92)}@keyframes vqloh0{0.00%{opacity:0;transform:translateY(14px)}16.67%{opacity:1;transform:none}87.04%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqloh1{0.00%{opacity:0;transform:translateY(14px)}5.77%{opacity:1;transform:none}95.51%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqloh2{0.00%{opacity:0;transform:translateY(14px)}16.07%{opacity:1;transform:none}87.50%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqloph{0.00%{transform:translateY(80px) rotate(-6deg) scale(.92);opacity:0}5.00%{transform:rotate(-3deg) scale(.96);opacity:1}18.57%{transform:rotate(0) scale(1)}23.57%{transform:scale(1.03)}75.00%{transform:scale(1.03)}81.43%{transform:translateY(26px) scale(.9) rotate(2deg)}100.00%{transform:translateY(26px) scale(.9) rotate(2deg)}}@keyframes vqlont{0.00%{opacity:0;transform:translateY(-40px) scale(.96)}20.93%{opacity:1;transform:none}76.74%{transform:scale(.97)}83.72%{opacity:1;transform:scale(1)}100.00%{opacity:0;transform:scale(1.08)}}@keyframes vqlotap{0.00%{opacity:0;transform:scale(1.6)}45.45%{opacity:1;transform:scale(1)}100.00%{opacity:0;transform:scale(.8)}}@keyframes vqlolk{0.00%{opacity:1;transform:none}100.00%{opacity:0;transform:scale(1.1)}}@keyframes vqlolki{0.00%{transform:scale(1.15)}100.00%{transform:scale(1.03)}}@keyframes vqlost{0.00%{opacity:0;transform:scale(.9)}100.00%{opacity:1;transform:none}}@keyframes vqlokb{0.00%{transform:scale(1.18)}100.00%{transform:scale(1)}}@keyframes vqlocvt{0.00%{opacity:0;transform:translateY(20px)}100.00%{opacity:1;transform:none}}@keyframes vqlosc{0.00%{transform:translateY(0px)}20.00%{transform:translateY(0px)}29.09%{transform:translateY(-300px)}42.73%{transform:translateY(-300px)}50.00%{transform:translateY(calc(-100% + 590px))}100.00%{transform:translateY(calc(-100% + 590px))}}@keyframes vqlotw{0.00%{clip-path:inset(0 100% 0 0)}100.00%{clip-path:inset(0 0 0 0)}}@keyframes vqlohb{0.00%{transform:scale(1)}27.78%{transform:scale(1.45)}55.56%{transform:scale(.95)}77.78%{transform:scale(1.15)}100.00%{transform:scale(1)}}@keyframes vqlopp1{0.00%{opacity:0;transform:rotate(-20deg) translate(-40px,40px)}100.00%{opacity:1;transform:rotate(-7deg)}}@keyframes vqlopp2{0.00%{opacity:0;transform:rotate(20deg) translate(40px,40px)}100.00%{opacity:1;transform:rotate(6deg)}}@keyframes vqlopp3{0.00%{opacity:0;transform:rotate(-10deg) translateY(60px)}100.00%{opacity:1;transform:rotate(-2deg)}}@keyframes vqloplr{0.00%{opacity:0;transform:translateY(30px)}100.00%{opacity:1;transform:none}}@keyframes vqloplu{0.00%{width:0}100.00%{width:70%}}@keyframes vqlor0{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor1{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor2{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor3{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor4{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor5{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor6{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor7{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor8{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor9{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor10{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor11{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor12{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlor13{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqlochip{0.00%{opacity:0;transform:translate(-50%,16px)}16.67%{opacity:1;transform:translate(-50%,0)}87.50%{opacity:1}100.00%{opacity:0}}@keyframes vqloendc{0.00%{opacity:0}100.00%{opacity:1}}@keyframes vqloe0{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqloe1{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqloe2{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqloe3{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqloe4{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}.vq-love .vq-h0{animation:vqloh0 2.70s 0.20s both}.vq-love .vq-h1{animation:vqloh1 7.80s 3.10s both}.vq-love .vq-h2{animation:vqloh2 2.80s 11.10s both}.vq-love .vq-ph{animation:vqloph 14.00s 0.00s both}.vq-love .vq-nt{animation:vqlont 2.15s 0.90s both}.vq-love .vq-tap{animation:vqlotap 0.55s 2.20s both}.vq-love .vq-lk{animation:vqlolk 0.45s 2.70s both}.vq-love .vq-lk > img{animation:vqlolki 3.00s 0.00s both}.vq-love .vq-st{animation:vqlost 0.50s 2.75s both}.vq-love .vq-cov .vq-kb{animation:vqlokb 5.00s 3.00s both}.vq-love .vq-cv-t{animation:vqlocvt 0.60s 3.30s both}.vq-love .vq-sc{animation:vqlosc 11.00s 3.00s both}.vq-love .vq-tw{animation:vqlotw 1.30s 8.70s both}.vq-love .vq-hb{animation:vqlohb 0.90s 11.00s both}.vq-love .vq-pol .vq-p1{animation:vqlopp1 0.50s 6.90s both}.vq-love .vq-pol .vq-p2{animation:vqlopp2 0.50s 7.15s both}.vq-love .vq-pol .vq-p3{animation:vqlopp3 0.50s 7.40s both}.vq-love .vq-plr{animation:vqloplr 0.50s 4.20s both}.vq-love .vq-plr u i{animation:vqloplu 9.30s 4.70s both}.vq-love .vq-r0{animation:vqlor0 1.60s 11.83s both}.vq-love .vq-r1{animation:vqlor1 1.60s 12.67s both}.vq-love .vq-r2{animation:vqlor2 1.60s 12.06s both}.vq-love .vq-r3{animation:vqlor3 1.60s 11.54s both}.vq-love .vq-r4{animation:vqlor4 1.60s 12.48s both}.vq-love .vq-r5{animation:vqlor5 1.60s 12.37s both}.vq-love .vq-r6{animation:vqlor6 1.60s 12.17s both}.vq-love .vq-r7{animation:vqlor7 1.60s 11.96s both}.vq-love .vq-r8{animation:vqlor8 1.60s 12.08s both}.vq-love .vq-r9{animation:vqlor9 1.60s 12.61s both}.vq-love .vq-r10{animation:vqlor10 1.60s 12.16s both}.vq-love .vq-r11{animation:vqlor11 1.60s 12.50s both}.vq-love .vq-r12{animation:vqlor12 1.60s 11.65s both}.vq-love .vq-r13{animation:vqlor13 1.60s 12.80s both}.vq-love .vq-chip{animation:vqlochip 2.40s 11.50s both}.vq-love .vq-endc{animation:vqloendc 0.45s 13.90s both}.vq-love .vq-endc .vq-lg{animation:vqloe0 0.50s 14.40s both}.vq-love .vq-endc .vq-ty{animation:vqloe1 0.50s 14.60s both}.vq-love .vq-endc h2{animation:vqloe2 0.50s 14.85s both}.vq-love .vq-endc .vq-cta{animation:vqloe3 0.50s 15.10s both}.vq-love .vq-endc .vq-enote{animation:vqloe4 0.50s 15.30s both}.vq-love .vq-ap{animation:vqloap .55s var(--d) both}.vq-parents,.vq-parents *{box-sizing:border-box}.vq-parents h2,.vq-parents h3,.vq-parents p,.vq-parents figure,.vq-parents blockquote{margin:0}.vq-parents img{max-width:none}.vq-parents{margin:0;height:100%}.vq-parents{width:540px;height:960px;overflow:hidden;background:radial-gradient(110% 70% at 90% 0%,#FFE2B0 0%,transparent 55%),radial-gradient(80% 60% at 0% 100%,#F3C9A0 0%,transparent 60%),linear-gradient(170deg,#FBF1E2,#F4E2C8);font-family:'Manrope',sans-serif;color:#3A2414;position:relative}.vq-parents .vq-bl{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}.vq-parents .vq-brand{position:absolute;left:0;right:0;top:30px;text-align:center;font:600 20px 'Lora',serif}.vq-parents .vq-brand b{font:900 28px 'Playfair Display',serif;color:#A4532A;vertical-align:-2px}.vq-parents .vq-hd{position:absolute;left:30px;right:30px;top:74px;height:110px;text-align:center}.vq-parents .vq-hd h2{position:absolute;inset:0;margin:0;font:600 37px/1.1 'Lora',serif;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;text-wrap:balance}.vq-parents .vq-hd h2 em{color:#A4532A;font-style:italic}.vq-parents .vq-ph{position:absolute;left:50%;top:210px;width:322px;height:676px;margin-left:-161px;background:#0D0D10;border-radius:52px;padding:11px;box-shadow:0 50px 70px -40px rgba(20,0,30,.6),inset 0 0 0 2px #2A2A30;transform-origin:50% 60%}.vq-parents .vq-scr{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#000}.vq-parents .vq-isl{position:absolute;left:50%;top:10px;width:92px;height:27px;margin-left:-46px;border-radius:20px;background:#000;z-index:30}.vq-parents /* lock screen */
.vq-lk{position:absolute;inset:0;z-index:10;color:#fff}.vq-parents .vq-lk > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.15)}.vq-parents .vq-lk .vq-tm{position:absolute;left:0;right:0;top:70px;text-align:center}.vq-parents .vq-lk .vq-tm small{display:block;font-weight:600;font-size:14px;opacity:.9}.vq-parents .vq-lk .vq-tm b{font:600 78px/1 'Manrope',sans-serif;letter-spacing:-.03em}.vq-parents .vq-nt{position:absolute;left:10px;right:10px;top:250px;background:rgba(245,240,248,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#1A1220;border-radius:22px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.vq-parents .vq-nt .vq-nh{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.75}.vq-parents .vq-nt .vq-nh i{width:22px;height:22px;border-radius:6px;background:#2AABEE;display:inline-block}.vq-parents .vq-nt b{display:block;font-size:15px;margin-top:6px}.vq-parents .vq-nt p{margin:2px 0 8px;font-size:14px;line-height:1.3}.vq-parents .vq-lp{display:flex;gap:10px;background:#fff;border-radius:14px;overflow:hidden;align-items:center}.vq-parents .vq-lp img{width:64px;height:64px;object-fit:cover}.vq-parents .vq-lp b{margin:0;font:600 14.5px 'Lora',serif}.vq-parents .vq-lp span{font-size:11px;opacity:.6}.vq-parents .vq-tap{position:absolute;left:50%;top:330px;width:60px;height:60px;margin:-30px;border-radius:50%;background:rgba(255,255,255,.55);border:2px solid #fff;z-index:12}.vq-parents /* the gift site */
.vq-st{position:absolute;inset:0;overflow:hidden}.vq-parents .vq-sc{position:absolute;left:0;right:0;top:0}.vq-parents .vq-cov{position:relative;overflow:hidden}.vq-parents .vq-cov > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vq-parents .vq-cv-g{position:absolute;inset:0}.vq-parents .vq-cv-t{position:absolute;left:18px;right:18px;bottom:16px}.vq-parents .vq-cv-t small{font:500 10.5px 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase}.vq-parents .vq-cv-t h3{margin:6px 0 4px}.vq-parents .vq-cv-t p{margin:0;font-size:13.5px;opacity:.85}.vq-parents .vq-pad{padding:12px 16px 26px}.vq-parents .pol{position:relative;height:250px;margin:18px 0 6px}.vq-parents .pol figure{position:absolute;margin:0;width:150px;padding:7px 7px 26px;box-shadow:0 14px 24px -12px rgba(0,0,0,.6)}.vq-parents .pol img{width:100%;height:130px;object-fit:cover;display:block}.vq-parents .pol figcaption{position:absolute;left:0;right:0;bottom:4px;text-align:center;font:600 17px 'Caveat',cursive}.vq-parents .pol .p1{left:4px;top:16px}.vq-parents .pol .p2{right:4px;top:0}.vq-parents .pol .p3{left:72px;top:92px}.vq-parents .vq-q{margin:18px 4px;font:italic 500 20px/1.35 'Lora',serif;min-height:110px}.vq-parents .vq-tw{display:inline-block;clip-path:inset(0 100% 0 0)}.vq-parents .vq-fin{border-radius:18px;color:#fff;padding:18px;position:relative;margin-top:8px}.vq-parents .vq-fin b{display:block;font:600 21px 'Lora',serif}.vq-parents .vq-fin span{font-size:13px;opacity:.85}.vq-parents .vq-hb{position:absolute;right:16px;top:50%;margin-top:-26px;font-style:normal;font-size:44px;line-height:52px;color:#fff}.vq-parents .plr{position:absolute;left:8px;right:8px;bottom:10px;border-radius:16px;padding:8px;display:flex;align-items:center;gap:10px;color:#fff;backdrop-filter:blur(10px)}.vq-parents .plr img{width:38px;height:38px;border-radius:8px;object-fit:cover}.vq-parents .plr b{display:block;font-size:10px;opacity:.6;font-weight:600}.vq-parents .plr span{font-size:13px;font-weight:700}.vq-parents .plr u{position:absolute;left:58px;right:44px;bottom:7px;height:2px;background:rgba(255,255,255,.2)}.vq-parents .plr u i{display:block;height:100%;width:0;background:#FF8FB1}.vq-parents .plr em{margin-left:auto;font-style:normal;font-size:12px;opacity:.9;padding-right:6px}.vq-parents .vq-ap{opacity:0}.vq-parents .vq-kb{transform-origin:50% 50%}.vq-parents /* reactions + end */
.vq-rx{position:absolute;font-size:44px;z-index:40;opacity:0;left:0;top:0}.vq-parents .vq-chip{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);white-space:nowrap;background:rgba(255,255,255,.75);color:#2A1236;border-radius:40px;padding:10px 18px;font-weight:800;font-size:16px;box-shadow:0 10px 24px -12px rgba(0,0,0,.4);opacity:0}.vq-parents .vq-endc{position:absolute;inset:0;z-index:100;background:#3A2414;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 44px;opacity:0}.vq-parents .vq-endc .vq-lg{font:600 62px/1 'Lora',serif}.vq-parents .vq-endc .vq-lg b{font:900 90px/1 'Playfair Display',serif;color:#E8A36B;vertical-align:-6px}.vq-parents .vq-endc .vq-ty{font:700 60px/1 'Caveat',cursive;color:#E8A36B;margin-top:6px}.vq-parents .vq-endc h2{font:600 31px/1.18 'Lora',serif;margin:38px 0 0}.vq-parents .vq-endc h2 em{color:#E8A36B}.vq-parents .vq-endc .vq-cta{margin-top:30px;background:#E8A36B;color:#3A2414;border-radius:18px;padding:15px 22px;font:800 19px 'Manrope',sans-serif}.vq-parents .vq-endc .vq-enote{margin-top:18px;font-size:13px;opacity:.6}.vq-parents .vq-endc > *{opacity:0}@keyframes vqpaap{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes vqpafade{from{opacity:0}to{opacity:1}}@keyframes vqpaup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.vq-parents .vq-st{background:#F7EEDC;color:#3A2414}.vq-parents .vq-cov{height:300px}.vq-parents .vq-cov img{filter:sepia(.2)}.vq-parents .vq-cv-g{background:linear-gradient(transparent 45%,#F7EEDC 97%)}.vq-parents .vq-cv-t small{color:#A4532A}.vq-parents .vq-cv-t h3{font:600 40px/1 'Playfair Display',serif}.vq-parents .vq-cv-t p{opacity:.75}.vq-parents .vq-ed{font:italic 500 17px 'Lora',serif;text-align:center;margin:4px 0 14px;color:#7A4A2A}.vq-parents .vq-tl{border-left:2px dashed #C9A27E;margin-left:8px;padding-left:16px}.vq-parents .vq-yr{position:relative;margin-bottom:18px}.vq-parents .vq-yr:before{content:"";position:absolute;left:-23px;top:4px;width:12px;height:12px;border-radius:50%;background:#A4532A;box-shadow:0 0 0 4px #F7EEDC}.vq-parents .vq-yr em{font:800 13px 'IBM Plex Mono',monospace;color:#A4532A;font-style:normal;letter-spacing:.1em}.vq-parents .vq-yr figure{margin:6px 0;background:#fff;padding:6px 6px 6px;box-shadow:0 10px 18px -10px rgba(60,30,10,.5);transform:rotate(-1.5deg)}.vq-parents .vq-yr:nth-child(2n) figure{transform:rotate(1.5deg)}.vq-parents .vq-yr img{width:100%;height:118px;object-fit:cover;display:block}.vq-parents .vq-yr b{display:block;font:600 18px 'Lora',serif}.vq-parents .vq-yr span{font-size:13px;opacity:.75;line-height:1.3;display:block}.vq-parents .vq-q{color:#7A4A2A}.vq-parents .vq-fin{background:linear-gradient(135deg,#A4532A,#D9804A)}@keyframes vqpah0{0.00%{opacity:0;transform:translateY(14px)}16.67%{opacity:1;transform:none}87.04%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqpah1{0.00%{opacity:0;transform:translateY(14px)}5.77%{opacity:1;transform:none}95.51%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqpah2{0.00%{opacity:0;transform:translateY(14px)}16.07%{opacity:1;transform:none}87.50%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqpaph{0.00%{transform:translateY(80px) rotate(-6deg) scale(.92);opacity:0}5.00%{transform:rotate(-3deg) scale(.96);opacity:1}18.57%{transform:rotate(0) scale(1)}23.57%{transform:scale(1.03)}75.00%{transform:scale(1.03)}81.43%{transform:translateY(26px) scale(.9) rotate(2deg)}100.00%{transform:translateY(26px) scale(.9) rotate(2deg)}}@keyframes vqpant{0.00%{opacity:0;transform:translateY(-40px) scale(.96)}20.93%{opacity:1;transform:none}76.74%{transform:scale(.97)}83.72%{opacity:1;transform:scale(1)}100.00%{opacity:0;transform:scale(1.08)}}@keyframes vqpatap{0.00%{opacity:0;transform:scale(1.6)}45.45%{opacity:1;transform:scale(1)}100.00%{opacity:0;transform:scale(.8)}}@keyframes vqpalk{0.00%{opacity:1;transform:none}100.00%{opacity:0;transform:scale(1.1)}}@keyframes vqpalki{0.00%{transform:scale(1.15)}100.00%{transform:scale(1.03)}}@keyframes vqpast{0.00%{opacity:0;transform:scale(.9)}100.00%{opacity:1;transform:none}}@keyframes vqpakb{0.00%{transform:scale(1.18)}100.00%{transform:scale(1)}}@keyframes vqpacvt{0.00%{opacity:0;transform:translateY(20px)}100.00%{opacity:1;transform:none}}@keyframes vqpasc{0.00%{transform:translateY(0px)}18.18%{transform:translateY(0px)}26.36%{transform:translateY(-250px)}34.55%{transform:translateY(-430px)}42.73%{transform:translateY(-640px)}50.91%{transform:translateY(calc(-100% + 654px))}100.00%{transform:translateY(calc(-100% + 654px))}}@keyframes vqpatw{0.00%{clip-path:inset(0 100% 0 0)}100.00%{clip-path:inset(0 0 0 0)}}@keyframes vqpahb{0.00%{transform:scale(1)}27.78%{transform:scale(1.45)}55.56%{transform:scale(.95)}77.78%{transform:scale(1.15)}100.00%{transform:scale(1)}}@keyframes vqpar0{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar1{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar2{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar3{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar4{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar5{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar6{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar7{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar8{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar9{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar10{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar11{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar12{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpar13{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqpachip{0.00%{opacity:0;transform:translate(-50%,16px)}16.67%{opacity:1;transform:translate(-50%,0)}87.50%{opacity:1}100.00%{opacity:0}}@keyframes vqpaendc{0.00%{opacity:0}100.00%{opacity:1}}@keyframes vqpae0{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqpae1{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqpae2{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqpae3{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqpae4{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}.vq-parents .vq-h0{animation:vqpah0 2.70s 0.20s both}.vq-parents .vq-h1{animation:vqpah1 7.80s 3.10s both}.vq-parents .vq-h2{animation:vqpah2 2.80s 11.10s both}.vq-parents .vq-ph{animation:vqpaph 14.00s 0.00s both}.vq-parents .vq-nt{animation:vqpant 2.15s 0.90s both}.vq-parents .vq-tap{animation:vqpatap 0.55s 2.20s both}.vq-parents .vq-lk{animation:vqpalk 0.45s 2.70s both}.vq-parents .vq-lk > img{animation:vqpalki 3.00s 0.00s both}.vq-parents .vq-st{animation:vqpast 0.50s 2.75s both}.vq-parents .vq-cov .vq-kb{animation:vqpakb 5.00s 3.00s both}.vq-parents .vq-cv-t{animation:vqpacvt 0.60s 3.30s both}.vq-parents .vq-sc{animation:vqpasc 11.00s 3.00s both}.vq-parents .vq-tw{animation:vqpatw 1.30s 8.90s both}.vq-parents .vq-hb{animation:vqpahb 0.90s 11.00s both}.vq-parents .vq-r0{animation:vqpar0 1.60s 12.24s both}.vq-parents .vq-r1{animation:vqpar1 1.60s 11.29s both}.vq-parents .vq-r2{animation:vqpar2 1.60s 11.31s both}.vq-parents .vq-r3{animation:vqpar3 1.60s 11.40s both}.vq-parents .vq-r4{animation:vqpar4 1.60s 12.12s both}.vq-parents .vq-r5{animation:vqpar5 1.60s 12.57s both}.vq-parents .vq-r6{animation:vqpar6 1.60s 11.69s both}.vq-parents .vq-r7{animation:vqpar7 1.60s 12.22s both}.vq-parents .vq-r8{animation:vqpar8 1.60s 11.30s both}.vq-parents .vq-r9{animation:vqpar9 1.60s 11.70s both}.vq-parents .vq-r10{animation:vqpar10 1.60s 12.47s both}.vq-parents .vq-r11{animation:vqpar11 1.60s 12.04s both}.vq-parents .vq-r12{animation:vqpar12 1.60s 12.77s both}.vq-parents .vq-r13{animation:vqpar13 1.60s 11.44s both}.vq-parents .vq-chip{animation:vqpachip 2.40s 11.50s both}.vq-parents .vq-endc{animation:vqpaendc 0.45s 13.90s both}.vq-parents .vq-endc .vq-lg{animation:vqpae0 0.50s 14.40s both}.vq-parents .vq-endc .vq-ty{animation:vqpae1 0.50s 14.60s both}.vq-parents .vq-endc h2{animation:vqpae2 0.50s 14.85s both}.vq-parents .vq-endc .vq-cta{animation:vqpae3 0.50s 15.10s both}.vq-parents .vq-endc .vq-enote{animation:vqpae4 0.50s 15.30s both}.vq-parents .vq-ap{animation:vqpaap .55s var(--d) both}.vq-friend,.vq-friend *{box-sizing:border-box}.vq-friend h2,.vq-friend h3,.vq-friend p,.vq-friend figure,.vq-friend blockquote{margin:0}.vq-friend img{max-width:none}.vq-friend{margin:0;height:100%}.vq-friend{width:540px;height:960px;overflow:hidden;background:radial-gradient(100% 70% at 100% 0%,#C8EC3E 0%,transparent 50%),linear-gradient(165deg,#3B5BFF,#2437C8 70%,#1B2A9E);font-family:'Manrope',sans-serif;color:#FFFFFF;position:relative}.vq-friend .vq-bl{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}.vq-friend .vq-brand{position:absolute;left:0;right:0;top:30px;text-align:center;font:600 20px 'Lora',serif}.vq-friend .vq-brand b{font:900 28px 'Playfair Display',serif;color:#C8EC3E;vertical-align:-2px}.vq-friend .vq-hd{position:absolute;left:30px;right:30px;top:74px;height:110px;text-align:center}.vq-friend .vq-hd h2{position:absolute;inset:0;margin:0;font:600 37px/1.1 'Lora',serif;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;text-wrap:balance}.vq-friend .vq-hd h2 em{color:#C8EC3E;font-style:italic}.vq-friend .vq-ph{position:absolute;left:50%;top:210px;width:322px;height:676px;margin-left:-161px;background:#0D0D10;border-radius:52px;padding:11px;box-shadow:0 50px 70px -40px rgba(20,0,30,.6),inset 0 0 0 2px #2A2A30;transform-origin:50% 60%}.vq-friend .vq-scr{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#000}.vq-friend .vq-isl{position:absolute;left:50%;top:10px;width:92px;height:27px;margin-left:-46px;border-radius:20px;background:#000;z-index:30}.vq-friend /* lock screen */
.vq-lk{position:absolute;inset:0;z-index:10;color:#fff}.vq-friend .vq-lk > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.15)}.vq-friend .vq-lk .vq-tm{position:absolute;left:0;right:0;top:70px;text-align:center}.vq-friend .vq-lk .vq-tm small{display:block;font-weight:600;font-size:14px;opacity:.9}.vq-friend .vq-lk .vq-tm b{font:600 78px/1 'Manrope',sans-serif;letter-spacing:-.03em}.vq-friend .vq-nt{position:absolute;left:10px;right:10px;top:250px;background:rgba(245,240,248,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#1A1220;border-radius:22px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.vq-friend .vq-nt .vq-nh{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.75}.vq-friend .vq-nt .vq-nh i{width:22px;height:22px;border-radius:6px;background:#2AABEE;display:inline-block}.vq-friend .vq-nt b{display:block;font-size:15px;margin-top:6px}.vq-friend .vq-nt p{margin:2px 0 8px;font-size:14px;line-height:1.3}.vq-friend .vq-lp{display:flex;gap:10px;background:#fff;border-radius:14px;overflow:hidden;align-items:center}.vq-friend .vq-lp img{width:64px;height:64px;object-fit:cover}.vq-friend .vq-lp b{margin:0;font:600 14.5px 'Lora',serif}.vq-friend .vq-lp span{font-size:11px;opacity:.6}.vq-friend .vq-tap{position:absolute;left:50%;top:330px;width:60px;height:60px;margin:-30px;border-radius:50%;background:rgba(255,255,255,.55);border:2px solid #fff;z-index:12}.vq-friend /* the gift site */
.vq-st{position:absolute;inset:0;overflow:hidden}.vq-friend .vq-sc{position:absolute;left:0;right:0;top:0}.vq-friend .vq-cov{position:relative;overflow:hidden}.vq-friend .vq-cov > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vq-friend .cv-g{position:absolute;inset:0}.vq-friend .cv-t{position:absolute;left:18px;right:18px;bottom:16px}.vq-friend .cv-t small{font:500 10.5px 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase}.vq-friend .cv-t h3{margin:6px 0 4px}.vq-friend .cv-t p{margin:0;font-size:13.5px;opacity:.85}.vq-friend .vq-pad{padding:12px 16px 26px}.vq-friend .pol{position:relative;height:250px;margin:18px 0 6px}.vq-friend .pol figure{position:absolute;margin:0;width:150px;padding:7px 7px 26px;box-shadow:0 14px 24px -12px rgba(0,0,0,.6)}.vq-friend .pol img{width:100%;height:130px;object-fit:cover;display:block}.vq-friend .pol figcaption{position:absolute;left:0;right:0;bottom:4px;text-align:center;font:600 17px 'Caveat',cursive}.vq-friend .pol .p1{left:4px;top:16px}.vq-friend .pol .p2{right:4px;top:0}.vq-friend .pol .p3{left:72px;top:92px}.vq-friend .vq-q{margin:18px 4px;font:italic 500 20px/1.35 'Lora',serif;min-height:110px}.vq-friend .vq-tw{display:inline-block;clip-path:inset(0 100% 0 0)}.vq-friend .vq-fin{border-radius:18px;color:#fff;padding:18px;position:relative;margin-top:8px}.vq-friend .vq-fin b{display:block;font:600 21px 'Lora',serif}.vq-friend .vq-fin span{font-size:13px;opacity:.85}.vq-friend .vq-hb{position:absolute;right:16px;top:50%;margin-top:-26px;font-style:normal;font-size:44px;line-height:52px;color:#fff}.vq-friend .plr{position:absolute;left:8px;right:8px;bottom:10px;border-radius:16px;padding:8px;display:flex;align-items:center;gap:10px;color:#fff;backdrop-filter:blur(10px)}.vq-friend .plr img{width:38px;height:38px;border-radius:8px;object-fit:cover}.vq-friend .plr b{display:block;font-size:10px;opacity:.6;font-weight:600}.vq-friend .plr span{font-size:13px;font-weight:700}.vq-friend .plr u{position:absolute;left:58px;right:44px;bottom:7px;height:2px;background:rgba(255,255,255,.2)}.vq-friend .plr u i{display:block;height:100%;width:0;background:#FF8FB1}.vq-friend .plr em{margin-left:auto;font-style:normal;font-size:12px;opacity:.9;padding-right:6px}.vq-friend .vq-ap{opacity:0}.vq-friend .kb{transform-origin:50% 50%}.vq-friend /* reactions + end */
.vq-rx{position:absolute;font-size:44px;z-index:40;opacity:0;left:0;top:0}.vq-friend .vq-chip{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);white-space:nowrap;background:rgba(255,255,255,.75);color:#2A1236;border-radius:40px;padding:10px 18px;font-weight:800;font-size:16px;box-shadow:0 10px 24px -12px rgba(0,0,0,.4);opacity:0}.vq-friend .vq-endc{position:absolute;inset:0;z-index:100;background:#141A3A;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 44px;opacity:0}.vq-friend .vq-endc .vq-lg{font:600 62px/1 'Lora',serif}.vq-friend .vq-endc .vq-lg b{font:900 90px/1 'Playfair Display',serif;color:#C8EC3E;vertical-align:-6px}.vq-friend .vq-endc .vq-ty{font:700 60px/1 'Caveat',cursive;color:#C8EC3E;margin-top:6px}.vq-friend .vq-endc h2{font:600 31px/1.18 'Lora',serif;margin:38px 0 0}.vq-friend .vq-endc h2 em{color:#C8EC3E}.vq-friend .vq-endc .vq-cta{margin-top:30px;background:#C8EC3E;color:#141A3A;border-radius:18px;padding:15px 22px;font:800 19px 'Manrope',sans-serif}.vq-friend .vq-endc .vq-enote{margin-top:18px;font-size:13px;opacity:.6}.vq-friend .vq-endc > *{opacity:0}@keyframes vqfrap{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes vqfrfade{from{opacity:0}to{opacity:1}}@keyframes vqfrup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.vq-friend .vq-st{background:#F4F6FF;color:#141A3A}.vq-friend .vq-cov{height:300px;background:#3B5BFF;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.vq-friend .vq-mz{padding:0 20px 18px}.vq-friend .vq-mz small{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#C8EC3E}.vq-friend .vq-mz h3{font:800 46px/.92 'Unbounded','Manrope',sans-serif;margin:8px 0 10px;letter-spacing:-.02em}.vq-friend .vq-mz p{margin:0;font-weight:700;opacity:.85}.vq-friend .vq-tk{background:#C8EC3E;color:#141A3A;font:800 12px 'IBM Plex Mono',monospace;white-space:nowrap;padding:8px 0;animation:vqfrtick 6s linear infinite}@keyframes vqfrtick{to{text-indent:-300px}}.vq-friend .vq-ex{background:#fff;border-radius:16px;padding:8px 8px 12px;margin-bottom:14px;box-shadow:0 14px 24px -16px rgba(30,40,120,.5)}.vq-friend .vq-ex figure{margin:0;position:relative}.vq-friend .vq-ex img{width:100%;height:150px;object-fit:cover;border-radius:10px;display:block}.vq-friend .vq-ex em{position:absolute;left:8px;top:8px;background:#C8EC3E;color:#141A3A;font:800 10px 'IBM Plex Mono',monospace;font-style:normal;padding:4px 7px;border-radius:6px;letter-spacing:.08em}.vq-friend .vq-ex b{display:block;font:800 17px 'Manrope',sans-serif;margin:9px 4px 0}.vq-friend .vq-ex span{display:block;font-size:12.5px;opacity:.65;margin:2px 4px 0}.vq-friend .vq-q{color:#3B5BFF}.vq-friend .vq-fin{background:#141A3A}.vq-friend .vq-fin .vq-hb{color:#C8EC3E;font-size:46px}@keyframes vqfrh0{0.00%{opacity:0;transform:translateY(14px)}16.67%{opacity:1;transform:none}87.04%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqfrh1{0.00%{opacity:0;transform:translateY(14px)}5.77%{opacity:1;transform:none}95.51%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqfrh2{0.00%{opacity:0;transform:translateY(14px)}16.07%{opacity:1;transform:none}87.50%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqfrph{0.00%{transform:translateY(80px) rotate(-6deg) scale(.92);opacity:0}5.00%{transform:rotate(-3deg) scale(.96);opacity:1}18.57%{transform:rotate(0) scale(1)}23.57%{transform:scale(1.03)}75.00%{transform:scale(1.03)}81.43%{transform:translateY(26px) scale(.9) rotate(2deg)}100.00%{transform:translateY(26px) scale(.9) rotate(2deg)}}@keyframes vqfrnt{0.00%{opacity:0;transform:translateY(-40px) scale(.96)}20.93%{opacity:1;transform:none}76.74%{transform:scale(.97)}83.72%{opacity:1;transform:scale(1)}100.00%{opacity:0;transform:scale(1.08)}}@keyframes vqfrtap{0.00%{opacity:0;transform:scale(1.6)}45.45%{opacity:1;transform:scale(1)}100.00%{opacity:0;transform:scale(.8)}}@keyframes vqfrlk{0.00%{opacity:1;transform:none}100.00%{opacity:0;transform:scale(1.1)}}@keyframes vqfrlki{0.00%{transform:scale(1.15)}100.00%{transform:scale(1.03)}}@keyframes vqfrst{0.00%{opacity:0;transform:scale(.9)}100.00%{opacity:1;transform:none}}@keyframes vqfrkb{0.00%{transform:scale(1.18)}100.00%{transform:scale(1)}}@keyframes vqfrcvt{0.00%{opacity:0;transform:translateY(20px)}100.00%{opacity:1;transform:none}}@keyframes vqfrsc{0.00%{transform:translateY(0px)}18.18%{transform:translateY(0px)}26.36%{transform:translateY(-210px)}35.00%{transform:translateY(-400px)}43.64%{transform:translateY(calc(-100% + 654px))}100.00%{transform:translateY(calc(-100% + 654px))}}@keyframes vqfrtw{0.00%{clip-path:inset(0 100% 0 0)}100.00%{clip-path:inset(0 0 0 0)}}@keyframes vqfrhb{0.00%{transform:scale(1)}27.78%{transform:scale(1.45)}55.56%{transform:scale(.95)}77.78%{transform:scale(1.15)}100.00%{transform:scale(1)}}@keyframes vqfrr0{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr1{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr2{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr3{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr4{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr5{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr6{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr7{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr8{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr9{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr10{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr11{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr12{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrr13{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqfrchip{0.00%{opacity:0;transform:translate(-50%,16px)}16.67%{opacity:1;transform:translate(-50%,0)}87.50%{opacity:1}100.00%{opacity:0}}@keyframes vqfrendc{0.00%{opacity:0}100.00%{opacity:1}}@keyframes vqfre0{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqfre1{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqfre2{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqfre3{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqfre4{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}.vq-friend .vq-h0{animation:vqfrh0 2.70s 0.20s both}.vq-friend .vq-h1{animation:vqfrh1 7.80s 3.10s both}.vq-friend .vq-h2{animation:vqfrh2 2.80s 11.10s both}.vq-friend .vq-ph{animation:vqfrph 14.00s 0.00s both}.vq-friend .vq-nt{animation:vqfrnt 2.15s 0.90s both}.vq-friend .vq-tap{animation:vqfrtap 0.55s 2.20s both}.vq-friend .vq-lk{animation:vqfrlk 0.45s 2.70s both}.vq-friend .vq-lk > img{animation:vqfrlki 3.00s 0.00s both}.vq-friend .vq-st{animation:vqfrst 0.50s 2.75s both}.vq-friend .vq-cov .kb{animation:vqfrkb 5.00s 3.00s both}.vq-friend .cv-t{animation:vqfrcvt 0.60s 3.30s both}.vq-friend .vq-sc{animation:vqfrsc 11.00s 3.00s both}.vq-friend .vq-tw{animation:vqfrtw 1.30s 8.10s both}.vq-friend .vq-hb{animation:vqfrhb 0.90s 11.00s both}.vq-friend .vq-r0{animation:vqfrr0 1.60s 11.98s both}.vq-friend .vq-r1{animation:vqfrr1 1.60s 11.95s both}.vq-friend .vq-r2{animation:vqfrr2 1.60s 11.64s both}.vq-friend .vq-r3{animation:vqfrr3 1.60s 12.06s both}.vq-friend .vq-r4{animation:vqfrr4 1.60s 12.49s both}.vq-friend .vq-r5{animation:vqfrr5 1.60s 12.55s both}.vq-friend .vq-r6{animation:vqfrr6 1.60s 12.49s both}.vq-friend .vq-r7{animation:vqfrr7 1.60s 12.22s both}.vq-friend .vq-r8{animation:vqfrr8 1.60s 11.52s both}.vq-friend .vq-r9{animation:vqfrr9 1.60s 12.66s both}.vq-friend .vq-r10{animation:vqfrr10 1.60s 12.49s both}.vq-friend .vq-r11{animation:vqfrr11 1.60s 12.16s both}.vq-friend .vq-r12{animation:vqfrr12 1.60s 12.61s both}.vq-friend .vq-r13{animation:vqfrr13 1.60s 11.70s both}.vq-friend .vq-chip{animation:vqfrchip 2.40s 11.50s both}.vq-friend .vq-endc{animation:vqfrendc 0.45s 13.90s both}.vq-friend .vq-endc .vq-lg{animation:vqfre0 0.50s 14.40s both}.vq-friend .vq-endc .vq-ty{animation:vqfre1 0.50s 14.60s both}.vq-friend .vq-endc h2{animation:vqfre2 0.50s 14.85s both}.vq-friend .vq-endc .vq-cta{animation:vqfre3 0.50s 15.10s both}.vq-friend .vq-endc .vq-enote{animation:vqfre4 0.50s 15.30s both}.vq-friend .vq-ap{animation:vqfrap .55s var(--d) both}.vq-office,.vq-office *{box-sizing:border-box}.vq-office h2,.vq-office h3,.vq-office p,.vq-office figure,.vq-office blockquote{margin:0}.vq-office img{max-width:none}.vq-office{margin:0;height:100%}.vq-office{width:540px;height:960px;overflow:hidden;background:radial-gradient(100% 70% at 90% 0%,#7FE0C9 0%,transparent 50%),radial-gradient(80% 60% at 0% 100%,#F5C66B 0%,transparent 55%),linear-gradient(170deg,#E9F4F1,#DCEBE7);font-family:'Manrope',sans-serif;color:#14302C;position:relative}.vq-office .vq-bl{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}.vq-office .vq-brand{position:absolute;left:0;right:0;top:30px;text-align:center;font:600 20px 'Lora',serif}.vq-office .vq-brand b{font:900 28px 'Playfair Display',serif;color:#0E7C6B;vertical-align:-2px}.vq-office .vq-hd{position:absolute;left:30px;right:30px;top:74px;height:110px;text-align:center}.vq-office .vq-hd h2{position:absolute;inset:0;margin:0;font:600 37px/1.1 'Lora',serif;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;text-wrap:balance}.vq-office .vq-hd h2 em{color:#0E7C6B;font-style:italic}.vq-office .vq-ph{position:absolute;left:50%;top:210px;width:322px;height:676px;margin-left:-161px;background:#0D0D10;border-radius:52px;padding:11px;box-shadow:0 50px 70px -40px rgba(20,0,30,.6),inset 0 0 0 2px #2A2A30;transform-origin:50% 60%}.vq-office .vq-scr{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#000}.vq-office .vq-isl{position:absolute;left:50%;top:10px;width:92px;height:27px;margin-left:-46px;border-radius:20px;background:#000;z-index:30}.vq-office /* lock screen */
.vq-lk{position:absolute;inset:0;z-index:10;color:#fff}.vq-office .vq-lk > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.15)}.vq-office .vq-lk .vq-tm{position:absolute;left:0;right:0;top:70px;text-align:center}.vq-office .vq-lk .vq-tm small{display:block;font-weight:600;font-size:14px;opacity:.9}.vq-office .vq-lk .vq-tm b{font:600 78px/1 'Manrope',sans-serif;letter-spacing:-.03em}.vq-office .vq-nt{position:absolute;left:10px;right:10px;top:250px;background:rgba(245,240,248,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#1A1220;border-radius:22px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.vq-office .vq-nt .vq-nh{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.75}.vq-office .vq-nt .vq-nh i{width:22px;height:22px;border-radius:6px;background:#2AABEE;display:inline-block}.vq-office .vq-nt b{display:block;font-size:15px;margin-top:6px}.vq-office .vq-nt p{margin:2px 0 8px;font-size:14px;line-height:1.3}.vq-office .vq-lp{display:flex;gap:10px;background:#fff;border-radius:14px;overflow:hidden;align-items:center}.vq-office .vq-lp img{width:64px;height:64px;object-fit:cover}.vq-office .vq-lp b{margin:0;font:600 14.5px 'Lora',serif}.vq-office .vq-lp span{font-size:11px;opacity:.6}.vq-office .vq-tap{position:absolute;left:50%;top:330px;width:60px;height:60px;margin:-30px;border-radius:50%;background:rgba(255,255,255,.55);border:2px solid #fff;z-index:12}.vq-office /* the gift site */
.vq-st{position:absolute;inset:0;overflow:hidden}.vq-office .vq-sc{position:absolute;left:0;right:0;top:0}.vq-office .vq-cov{position:relative;overflow:hidden}.vq-office .vq-cov > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vq-office .vq-cv-g{position:absolute;inset:0}.vq-office .vq-cv-t{position:absolute;left:18px;right:18px;bottom:16px}.vq-office .vq-cv-t small{font:500 10.5px 'IBM Plex Mono',monospace;letter-spacing:.16em;text-transform:uppercase}.vq-office .vq-cv-t h3{margin:6px 0 4px}.vq-office .vq-cv-t p{margin:0;font-size:13.5px;opacity:.85}.vq-office .vq-pad{padding:12px 16px 26px}.vq-office .pol{position:relative;height:250px;margin:18px 0 6px}.vq-office .pol figure{position:absolute;margin:0;width:150px;padding:7px 7px 26px;box-shadow:0 14px 24px -12px rgba(0,0,0,.6)}.vq-office .pol img{width:100%;height:130px;object-fit:cover;display:block}.vq-office .pol figcaption{position:absolute;left:0;right:0;bottom:4px;text-align:center;font:600 17px 'Caveat',cursive}.vq-office .pol .p1{left:4px;top:16px}.vq-office .pol .p2{right:4px;top:0}.vq-office .pol .p3{left:72px;top:92px}.vq-office .vq-q{margin:18px 4px;font:italic 500 20px/1.35 'Lora',serif;min-height:110px}.vq-office .vq-tw{display:inline-block;clip-path:inset(0 100% 0 0)}.vq-office .vq-fin{border-radius:18px;color:#fff;padding:18px;position:relative;margin-top:8px}.vq-office .vq-fin b{display:block;font:600 21px 'Lora',serif}.vq-office .vq-fin span{font-size:13px;opacity:.85}.vq-office .vq-hb{position:absolute;right:16px;top:50%;margin-top:-26px;font-style:normal;font-size:44px;line-height:52px;color:#fff}.vq-office .plr{position:absolute;left:8px;right:8px;bottom:10px;border-radius:16px;padding:8px;display:flex;align-items:center;gap:10px;color:#fff;backdrop-filter:blur(10px)}.vq-office .plr img{width:38px;height:38px;border-radius:8px;object-fit:cover}.vq-office .plr b{display:block;font-size:10px;opacity:.6;font-weight:600}.vq-office .plr span{font-size:13px;font-weight:700}.vq-office .plr u{position:absolute;left:58px;right:44px;bottom:7px;height:2px;background:rgba(255,255,255,.2)}.vq-office .plr u i{display:block;height:100%;width:0;background:#FF8FB1}.vq-office .plr em{margin-left:auto;font-style:normal;font-size:12px;opacity:.9;padding-right:6px}.vq-office .vq-ap{opacity:0}.vq-office .vq-kb{transform-origin:50% 50%}.vq-office /* reactions + end */
.vq-rx{position:absolute;font-size:44px;z-index:40;opacity:0;left:0;top:0}.vq-office .vq-chip{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);white-space:nowrap;background:rgba(255,255,255,.75);color:#2A1236;border-radius:40px;padding:10px 18px;font-weight:800;font-size:16px;box-shadow:0 10px 24px -12px rgba(0,0,0,.4);opacity:0}.vq-office .vq-endc{position:absolute;inset:0;z-index:100;background:#14302C;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 44px;opacity:0}.vq-office .vq-endc .vq-lg{font:600 62px/1 'Lora',serif}.vq-office .vq-endc .vq-lg b{font:900 90px/1 'Playfair Display',serif;color:#F5B93E;vertical-align:-6px}.vq-office .vq-endc .vq-ty{font:700 60px/1 'Caveat',cursive;color:#F5B93E;margin-top:6px}.vq-office .vq-endc h2{font:600 31px/1.18 'Lora',serif;margin:38px 0 0}.vq-office .vq-endc h2 em{color:#F5B93E}.vq-office .vq-endc .vq-cta{margin-top:30px;background:#F5B93E;color:#14302C;border-radius:18px;padding:15px 22px;font:800 19px 'Manrope',sans-serif}.vq-office .vq-endc .vq-enote{margin-top:18px;font-size:13px;opacity:.6}.vq-office .vq-endc > *{opacity:0}@keyframes vqofap{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes vqoffade{from{opacity:0}to{opacity:1}}@keyframes vqofup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.vq-office .vq-st{background:#F3F7F6;color:#14302C}.vq-office .vq-cov{height:290px}.vq-office .vq-cv-g{background:linear-gradient(transparent 35%,#F3F7F6 97%)}.vq-office .vq-cv-t small{color:#0E7C6B}.vq-office .vq-cv-t h3{font:600 30px/1.05 'Lora',serif}.vq-office .vq-stt{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.vq-office .vq-stt div{background:#fff;border-radius:12px;padding:10px 8px;box-shadow:0 8px 16px -12px rgba(0,60,50,.5)}.vq-office .vq-stt b{display:block;font:800 24px 'Manrope',sans-serif;color:#0E7C6B}.vq-office .vq-stt span{font-size:11px;line-height:1.2;display:block;opacity:.7}.vq-office .vq-awd{background:linear-gradient(135deg,#14302C,#1F4D45);color:#fff;border-radius:16px;padding:16px;margin-bottom:12px;position:relative;overflow:hidden}.vq-office .vq-awd:after{content:"★";position:absolute;right:12px;top:6px;font-size:54px;color:#F5B93E;opacity:.9}.vq-office .vq-awd small{font:500 10.5px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#7FE0C9}.vq-office .vq-awd b{display:block;font:600 19px/1.2 'Lora',serif;margin:6px 60px 8px 0}.vq-office .vq-awd em{font-style:normal;font-weight:800;font-size:12px;border:1.5px solid #F5B93E;color:#F5B93E;border-radius:7px;padding:2px 7px;display:inline-block;transform:rotate(-4deg)}.vq-office .vq-w{display:flex;gap:10px;background:#fff;border-radius:14px;padding:10px;margin-bottom:8px;box-shadow:0 8px 16px -12px rgba(0,60,50,.5)}.vq-office .vq-w i{flex:none;width:34px;height:34px;border-radius:50%;background:#0E7C6B;color:#fff;font:800 12px 'Manrope',sans-serif;display:grid;place-items:center;font-style:normal}.vq-office .vq-w:nth-child(2) i{background:#F5B93E;color:#14302C}.vq-office .vq-w:nth-child(3) i{background:#7A3FC4}.vq-office .vq-w b{font-size:12px;opacity:.6;display:block}.vq-office .vq-w span{font-size:13.5px;line-height:1.3;display:block}.vq-office .vq-q{color:#0E7C6B}.vq-office .vq-fin{background:linear-gradient(135deg,#0E7C6B,#14302C)}.vq-office .vq-fin .vq-hb{color:#F5B93E}@keyframes vqofh0{0.00%{opacity:0;transform:translateY(14px)}16.67%{opacity:1;transform:none}87.04%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqofh1{0.00%{opacity:0;transform:translateY(14px)}5.77%{opacity:1;transform:none}95.51%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqofh2{0.00%{opacity:0;transform:translateY(14px)}16.07%{opacity:1;transform:none}87.50%{opacity:1;transform:none}100.00%{opacity:0;transform:translateY(-12px)}}@keyframes vqofph{0.00%{transform:translateY(80px) rotate(-6deg) scale(.92);opacity:0}5.00%{transform:rotate(-3deg) scale(.96);opacity:1}18.57%{transform:rotate(0) scale(1)}23.57%{transform:scale(1.03)}75.00%{transform:scale(1.03)}81.43%{transform:translateY(26px) scale(.9) rotate(2deg)}100.00%{transform:translateY(26px) scale(.9) rotate(2deg)}}@keyframes vqofnt{0.00%{opacity:0;transform:translateY(-40px) scale(.96)}20.93%{opacity:1;transform:none}76.74%{transform:scale(.97)}83.72%{opacity:1;transform:scale(1)}100.00%{opacity:0;transform:scale(1.08)}}@keyframes vqoftap{0.00%{opacity:0;transform:scale(1.6)}45.45%{opacity:1;transform:scale(1)}100.00%{opacity:0;transform:scale(.8)}}@keyframes vqoflk{0.00%{opacity:1;transform:none}100.00%{opacity:0;transform:scale(1.1)}}@keyframes vqoflki{0.00%{transform:scale(1.15)}100.00%{transform:scale(1.03)}}@keyframes vqofst{0.00%{opacity:0;transform:scale(.9)}100.00%{opacity:1;transform:none}}@keyframes vqofkb{0.00%{transform:scale(1.18)}100.00%{transform:scale(1)}}@keyframes vqofcvt{0.00%{opacity:0;transform:translateY(20px)}100.00%{opacity:1;transform:none}}@keyframes vqofsc{0.00%{transform:translateY(0px)}18.18%{transform:translateY(0px)}27.27%{transform:translateY(-210px)}41.82%{transform:translateY(-210px)}49.09%{transform:translateY(calc(-100% + 654px))}100.00%{transform:translateY(calc(-100% + 654px))}}@keyframes vqoftw{0.00%{clip-path:inset(0 100% 0 0)}100.00%{clip-path:inset(0 0 0 0)}}@keyframes vqofhb{0.00%{transform:scale(1)}27.78%{transform:scale(1.45)}55.56%{transform:scale(.95)}77.78%{transform:scale(1.15)}100.00%{transform:scale(1)}}@keyframes vqofr0{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr1{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr2{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr3{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr4{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr5{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr6{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr7{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr8{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr9{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr10{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr11{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr12{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofr13{0.00%{opacity:0;transform:translateY(0) scale(.3)}18.75%{opacity:1;transform:translateY(-60px) scale(1)}100.00%{opacity:0;transform:translateY(-330px) scale(1.1) rotate(12deg)}}@keyframes vqofchip{0.00%{opacity:0;transform:translate(-50%,16px)}16.67%{opacity:1;transform:translate(-50%,0)}87.50%{opacity:1}100.00%{opacity:0}}@keyframes vqofendc{0.00%{opacity:0}100.00%{opacity:1}}@keyframes vqofe0{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqofe1{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqofe2{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqofe3{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}@keyframes vqofe4{0.00%{opacity:0;transform:translateY(18px)}100.00%{opacity:1;transform:none}}.vq-office .vq-h0{animation:vqofh0 2.70s 0.20s both}.vq-office .vq-h1{animation:vqofh1 7.80s 3.10s both}.vq-office .vq-h2{animation:vqofh2 2.80s 11.10s both}.vq-office .vq-ph{animation:vqofph 14.00s 0.00s both}.vq-office .vq-nt{animation:vqofnt 2.15s 0.90s both}.vq-office .vq-tap{animation:vqoftap 0.55s 2.20s both}.vq-office .vq-lk{animation:vqoflk 0.45s 2.70s both}.vq-office .vq-lk > img{animation:vqoflki 3.00s 0.00s both}.vq-office .vq-st{animation:vqofst 0.50s 2.75s both}.vq-office .vq-cov .vq-kb{animation:vqofkb 5.00s 3.00s both}.vq-office .vq-cv-t{animation:vqofcvt 0.60s 3.30s both}.vq-office .vq-sc{animation:vqofsc 11.00s 3.00s both}.vq-office .vq-tw{animation:vqoftw 1.30s 8.70s both}.vq-office .vq-hb{animation:vqofhb 0.90s 11.00s both}.vq-office .vq-r0{animation:vqofr0 1.60s 11.98s both}.vq-office .vq-r1{animation:vqofr1 1.60s 11.95s both}.vq-office .vq-r2{animation:vqofr2 1.60s 11.64s both}.vq-office .vq-r3{animation:vqofr3 1.60s 12.06s both}.vq-office .vq-r4{animation:vqofr4 1.60s 12.49s both}.vq-office .vq-r5{animation:vqofr5 1.60s 12.55s both}.vq-office .vq-r6{animation:vqofr6 1.60s 12.49s both}.vq-office .vq-r7{animation:vqofr7 1.60s 12.22s both}.vq-office .vq-r8{animation:vqofr8 1.60s 11.52s both}.vq-office .vq-r9{animation:vqofr9 1.60s 12.66s both}.vq-office .vq-r10{animation:vqofr10 1.60s 12.49s both}.vq-office .vq-r11{animation:vqofr11 1.60s 12.16s both}.vq-office .vq-r12{animation:vqofr12 1.60s 12.61s both}.vq-office .vq-r13{animation:vqofr13 1.60s 11.70s both}.vq-office .vq-chip{animation:vqofchip 2.40s 11.50s both}.vq-office .vq-endc{animation:vqofendc 0.45s 13.90s both}.vq-office .vq-endc .vq-lg{animation:vqofe0 0.50s 14.40s both}.vq-office .vq-endc .vq-ty{animation:vqofe1 0.50s 14.60s both}.vq-office .vq-endc h2{animation:vqofe2 0.50s 14.85s both}.vq-office .vq-endc .vq-cta{animation:vqofe3 0.50s 15.10s both}.vq-office .vq-endc .vq-enote{animation:vqofe4 0.50s 15.30s both}.vq-office .vq-ap{animation:vqofap .55s var(--d) both}