@layer components{.hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:56px;padding-block:96px 112px;display:grid}.hero h1{font-family:var(--font-display);letter-spacing:-.035em;margin:28px 0 0;font-size:clamp(54px,7.4vw,100px);font-weight:700;line-height:.94}.hero h1 .ln{padding-bottom:.05em;display:block;overflow:hidden}.hero h1 .ln>span{display:inline-block}.hero h1 em{color:var(--rose);font-style:normal}.hero .lead{color:var(--ink-muted);max-width:50ch;margin:28px 0 0;font-size:20px;line-height:1.6}.hero .stackline{font-family:var(--font-mono);color:var(--ink-subtle);font-size:13px}.comp{aspect-ratio:1/1.02;justify-self:end;width:100%;max-width:540px;position:relative}.comp>*{will-change:transform}.c-dots{background-color:var(--surface-raised);border:1px solid var(--line);background-image:radial-gradient(var(--line-strong) 1.5px, transparent 1.5px);background-position:9px 9px;background-size:18px 18px;border-radius:22px;position:absolute;inset:26% 0 0 30%}.c-slab{background:var(--surface-raised);border-radius:22px;position:absolute;inset:0 20% 16% 0;overflow:hidden;box-shadow:0 40px 90px -40px #ff007f99}.c-slab img{object-fit:cover;object-position:center top}.hero h1 .ln>span{animation:rise 1s var(--ease-out) both}.hero h1 .ln:nth-child(2)>span{animation-delay:80ms}.hero h1 .ln:nth-child(3)>span{animation-delay:.16s}.hero .pill,.hero .lead,.hero .ctas,.hero .stackline{animation:fadeUp .9s var(--ease-out) both}.hero .lead{animation-delay:.25s}.hero .ctas{animation-delay:.35s}.hero .stackline{animation-delay:.45s}.c-slab{animation:slabIn 1.1s var(--ease-out) .1s both}.c-dots{animation:fadeUp 1.1s var(--ease-out) .3s both}@media (max-width:1024px){.hero{grid-template-columns:minmax(0,1fr);gap:48px;padding-block:64px 80px}.comp{justify-self:start;max-width:480px}}@media (max-width:720px){.hero .lead{font-size:18px}.hero .ctas .btn{flex:100%}}}
@layer components{.cmp .row{font-family:var(--font-mono);grid-template-columns:52px minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:12px;display:grid}.cmp .track{background:#0b091833;border-radius:999px;height:10px;overflow:hidden}.cmp .bar-fill{border-radius:inherit;background:var(--on-rose);transform-origin:0;height:100%}.cmp .row:first-child .bar-fill{opacity:.45}.in-view .cmp .bar-fill{animation:grow 1.4s var(--ease-out) both}.in-view .cmp .row:last-child .bar-fill{animation-delay:.35s}.clock{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:700;line-height:1}.g>.miniglobe{background-image:radial-gradient(var(--line-strong) 1.4px, transparent 1.4px);opacity:.8;z-index:0;background-size:12px 12px;border-radius:50%;width:190px;height:190px;animation:60s linear infinite spinSlow;position:absolute;top:-50px;right:-50px;-webkit-mask:radial-gradient(circle,#000 52%,#0000 72%);mask:radial-gradient(circle,#000 52%,#0000 72%)}.miniglobe:after{content:"";background:var(--rose);border-radius:50%;width:10px;height:10px;position:absolute;top:40%;left:58%;box-shadow:0 0 0 6px #ff007f33}}@keyframes spinSlow{to{transform:rotate(360deg)}}