.hero{position:relative;isolation:isolate}.hero>.shell{position:relative;z-index:1}.hero__eyebrow:after{content:"";display:inline-block;vertical-align:middle;width:3.5rem;height:1px;margin-left:.8rem;background:currentColor;opacity:.8}.hero__rule{display:block;position:relative;width:10rem;height:3px;margin-top:.4rem;border-radius:2px;background:var(--brand)}.hero__rule:after{content:"";position:absolute;left:calc(100% + .35rem);top:0;width:2.6rem;height:100%;background:repeating-linear-gradient(90deg,var(--brand) 0 .35rem,transparent .35rem .62rem);transform:skewX(-35deg) scaleY(1.6)}@media (min-width:901px){.hero__eyebrow:after{width:8.7cqw;height:max(1px,.1cqw);margin-left:1.2cqw}.hero__rule{position:absolute;left:.14cqw;top:28.1cqw;width:17cqw;height:.3cqw;margin:0}.hero__rule:after{left:calc(100% + .35cqw);width:4.3cqw;background-image:repeating-linear-gradient(90deg,var(--brand) 0 .5cqw,transparent .5cqw .95cqw)}}.hero__glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 30% 45% at 68% 40%,rgba(104,165,199,.16),transparent 70%),radial-gradient(ellipse 22% 30% at 82% 35%,rgba(216,210,54,.06),transparent 70%)}.hero-stage{--mx:0;--my:0;position:relative;width:100%;aspect-ratio:3/2;container-type:inline-size}@media (min-width:901px){.hero-stage{position:absolute;left:37cqw;top:0;width:66cqw;height:44cqw}}@media (max-width:900px){.hero-stage{overflow:clip}}.hero-stage>*{position:absolute}.hero-stage img{display:block;width:100%;height:auto}.hero-globe{left:29%;top:7%;width:48%;translate:calc(var(--mx) * -.4cqw) calc(var(--my) * -.4cqw);transition:translate .8s var(--ease);animation:hero-globe-in 1.4s var(--ease) backwards}.hero-globe img{opacity:.9;filter:drop-shadow(0 0 2.5cqw rgba(104,165,199,.35));animation:hero-wobble 18s ease-in-out infinite}.hero-char{left:10.9%;top:2.3%;width:60.3%;height:97.7%;clip-path:inset(-20% -30% 0 -20%);animation:hero-rise 1s cubic-bezier(.22,1,.36,1) .2s backwards}.hero-char__fig{position:relative;animation:hero-breathe 6s ease-in-out infinite}.hero-char__fig img{filter:drop-shadow(0 0 1.4cqw rgba(12,18,23,.7))}@media (max-width:900px){.hero-char{-webkit-mask:linear-gradient(#000 80%,transparent 99%);mask:linear-gradient(#000 80%,transparent 99%)}}.hero-char__visor{position:absolute;left:35.5%;top:9.6%;width:12%;height:3.8%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(215,245,255,.95),rgba(104,165,199,.4) 45%,transparent 70%);mix-blend-mode:screen;opacity:.25;transition:opacity .3s;animation:hero-visor 4s ease-in-out infinite}.is-match .hero-char__visor{animation:hero-visor-hit 1.2s ease-out .4s both}.hero-deck{left:68%;top:17%;width:20%;aspect-ratio:1/1.38;translate:calc(var(--mx) * 1.2cqw) calc(var(--my) * 1.2cqw);transition:translate .7s var(--ease);animation:hero-pop .8s cubic-bezier(.34,1.56,.64,1) .8s backwards}.hero-deck>*{position:absolute}.hero-deck__halo{left:50%;top:50%;width:190%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(216,210,54,.32),rgba(216,210,54,.06) 45%,transparent 68%);opacity:0;scale:.6;transition:opacity .6s var(--ease),scale .9s var(--ease)}.is-match .hero-deck__halo{opacity:1;scale:1;transition-delay:.35s}.hero-card{inset:0;display:flex;flex-direction:column;gap:1.1cqw;padding:1.7cqw 1.5cqw 1.9cqw;border-radius:1.2cqw;border:.18cqw solid rgba(12,18,23,.85);background:#f7f4ec;box-shadow:0 1cqw 2.2cqw rgba(0,0,0,.5);transform-origin:30% 80%;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .45s var(--ease),filter .5s var(--ease),border-color .4s,box-shadow .5s}.hero-card--sky{background:#7db7dd;border-color:rgba(12,18,23,.7)}.hero-card[data-slot="0"]{z-index:4;transform:translate(0) rotate(-3deg)}.hero-card[data-slot="1"]{z-index:3;transform:translate(10%,-6%) rotate(5deg) scale(.93);filter:brightness(.88)}.hero-card[data-slot="2"]{z-index:2;transform:translate(19%,-11%) rotate(12deg) scale(.86);filter:brightness(.75);transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .4s var(--ease) .45s,filter .5s var(--ease)}.hero-card[data-slot="3"]{z-index:5;transform:translate(-62%,-26%) rotate(-28deg) scale(.88);opacity:0;transition:transform .6s cubic-bezier(.55,0,.75,.3),opacity .4s var(--ease) .15s}.hero-card .hero-card__av{width:70%;align-self:center;border-radius:50%;margin-bottom:.4cqw}.hero-bar{position:relative;overflow:hidden;display:block;width:88%;height:1.05cqw;margin-left:3%;border-radius:99px}.hero-bar:first-of-type{height:1.35cqw}.hero-bar--short{width:60%}.hero-bar--lime{background:var(--brand)}.hero-bar--ink{background:var(--ink)}.hero-bar--blue{background:#68a5c7}.hero-bar--white{background:rgba(255,255,255,.92)}.hero-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);translate:-100% 0}.hero-card[data-slot="0"] .hero-bar:after{animation:hero-read 1.1s ease-in-out .35s both}.hero-card--sky .hero-bar:after{background:linear-gradient(90deg,transparent,rgba(104,165,199,.9),transparent)}.is-match .hero-card[data-slot="0"]{border-color:var(--brand);box-shadow:0 1cqw 2.2cqw rgba(0,0,0,.5),0 0 0 .35cqw var(--brand),0 0 4cqw rgba(216,210,54,.55);transform:translateY(-3%) rotate(-3deg) scale(1.04);transition-delay:.3s}.hero-check{position:absolute;right:-13%;top:30%;display:grid;place-items:center;width:30%;aspect-ratio:1;border-radius:50%;border:.26cqw solid var(--ink);background:var(--brand);box-shadow:0 0 1.8cqw rgba(216,210,54,.8);scale:0;transition:scale .25s var(--ease)}.hero-check svg{width:62%;fill:none;stroke:var(--ink);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.hero-check path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .2s}.is-match .hero-check{scale:1;transition:scale .55s cubic-bezier(.34,1.8,.64,1) .4s}.is-match .hero-check path{stroke-dashoffset:0;transition:stroke-dashoffset .45s ease-out .75s}.hero-burst{left:66%;top:11%;z-index:6;width:64%;overflow:visible;stroke:var(--brand);stroke-width:3.5;stroke-linecap:round;opacity:0;pointer-events:none}.is-match .hero-burst{animation:hero-burst .8s ease-out .5s both}.hero-confetti{left:97%;top:44%;z-index:6;width:1.3cqw;aspect-ratio:1;border-radius:15%;background:var(--brand);opacity:0}.hero-confetti:nth-child(2n){background:#9ad8f7;width:1cqw}.is-match .hero-confetti{animation:hero-confetti 1.1s cubic-bezier(.22,1,.36,1) .5s both}.hero-pill{left:50%;bottom:-9%;z-index:6;display:inline-flex;align-items:center;gap:.5cqw;padding:.7cqw 1.5cqw .7cqw 1cqw;border-radius:99px;border:.2cqw solid var(--ink);background:var(--brand);color:var(--ink);font-family:var(--font-poppins),sans-serif;font-weight:800;font-size:max(1.7cqw,10px);letter-spacing:.02em;white-space:nowrap;box-shadow:.4cqw .4cqw 0 var(--ink);translate:-50% 40%;opacity:0;transition:translate .3s var(--ease),opacity .25s var(--ease)}.hero-pill svg{width:1.9cqw;fill:none;stroke:currentColor;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.is-match .hero-pill{translate:-50% 0;opacity:1;transition:translate .55s cubic-bezier(.34,1.56,.64,1) .9s,opacity .3s .9s}.is-still *,.is-still :after{animation:none!important;transition:none!important}@keyframes hero-pop{0%{opacity:0;transform:scale(.4) rotate(-10deg)}}@keyframes hero-globe-in{0%{opacity:0;transform:scale(.85)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(10%)}}@keyframes hero-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-.4%)}}@keyframes hero-wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes hero-visor{0%,to{opacity:.25}50%{opacity:.5}}@keyframes hero-visor-hit{0%{opacity:.3}15%{opacity:1}25%{opacity:.5}35%{opacity:1}to{opacity:.4}}@keyframes hero-read{0%{translate:-100% 0}to{translate:100% 0}}@keyframes hero-burst{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.2)}}@keyframes hero-confetti{0%{opacity:0;transform:rotate(var(--a)) translateX(0) rotate(0)}15%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(10cqw) rotate(200deg)}}@media (prefers-reduced-motion:reduce){.hero-stage *,.hero-stage :after{animation:none!important;transition:none!important}}@media (max-width:600px){.hero-deck{left:66%;width:24%}}