.hero{min-height:min(92svh,54rem);padding-top:calc(var(--nav-h) + var(--space-2xl));padding-bottom:var(--space-3xl);isolation:isolate;align-items:center;display:flex;position:relative;overflow:hidden}.hero__canvas{width:100%;height:100%;z-index:var(--z-canvas);opacity:0;transition:opacity 1.4s var(--ease-out);position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 6%,#000 46%);mask-image:linear-gradient(100deg,#0000 6%,#000 46%)}.hero__canvas[data-live=true]{opacity:1}.hero__grain{z-index:1;pointer-events:none;opacity:.055;background-image:var(--grain-url);position:absolute;inset:0}.hero__inner{z-index:var(--z-content);position:relative}@media (width>=64rem){.hero__inner{gap:var(--space-3xl);grid-template-columns:minmax(0,1fr) minmax(0,20rem);align-items:center;display:grid}}.hero__stage{margin-top:var(--space-2xl);align-items:center;gap:var(--space-s);flex-direction:column;display:flex}@media (width>=64rem){.hero__stage{margin-top:0}}.hero__phone{aspect-ratio:9/19.5;background:linear-gradient(150deg,#c8cdd4 0%,#5a606a 34%,#23262b 62%,#6c727b 100%);border-radius:2.25rem;width:min(100%,15rem);padding:.5rem;position:relative;box-shadow:0 0 0 1px #ffffff14,0 40px 90px -35px #0a84ff66,0 24px 70px -20px #000000d9}.hero__screen{background:#00020f;border-radius:1.8rem;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.hero__screen .clip{width:100%;display:block}.hero__phone-island{z-index:2;background:#000;border-radius:1rem;width:4.2rem;height:1.05rem;position:absolute;top:1.05rem;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff12}.hero__phone-button{background:linear-gradient(#8a9099,#3a3f47);border-radius:2px;width:2px;height:3.2rem;position:absolute;top:27%;right:-1px}.hero__caption{align-items:center;gap:var(--space-2xs);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-dim);display:flex}.hero__caption-link{color:var(--chrome);align-items:center;min-height:1.5rem;display:inline-flex}.hero__caption-link:hover{color:var(--blue-lift)}.hero__caption-status{color:var(--blue)}@media (prefers-reduced-motion:reduce){.hero__device{box-shadow:0 0 0 1px #0a84ff1f}}.hero__eyebrow{margin-bottom:var(--space-m);align-items:center;gap:.7em;display:flex}.hero__dot{background:var(--blue);width:7px;height:7px;box-shadow:0 0 0 3px var(--blue-a20);border-radius:50%}@media (prefers-reduced-motion:no-preference){.hero__dot{animation:hero-pulse 2.6s var(--ease-in-out) infinite}}@keyframes hero-pulse{0%,to{box-shadow:0 0 0 3px var(--blue-a20)}50%{box-shadow:0 0 0 7px #0a84ff0a}}.hero__title{font-size:var(--step-6);text-wrap:initial;max-width:15ch}.hero__line{display:block}.hero__accent{background:var(--gradient-blue);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__lede{margin-top:var(--space-l);max-width:46ch;color:var(--chrome);font-size:var(--step-1)}.hero__actions{gap:var(--space-s);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}@media (width<=40rem){.hero{min-height:0;padding-top:calc(var(--nav-h) + var(--space-xl));padding-bottom:var(--space-2xl)}.hero__canvas{opacity:0;-webkit-mask-image:linear-gradient(#0000 4%,#000 40%);mask-image:linear-gradient(#0000 4%,#000 40%)}.hero__canvas[data-live=true]{opacity:.55}.hero__title{max-width:none}.hero__actions .btn{flex:100%}}