.a-hero{display:block;min-height:0;padding:7rem 0 1rem}
.a-stage{height:clamp(15rem,36vw,27rem);width:100%}
.a-stage .rig{display:grid;place-items:center}
.xword{position:relative;margin:0;max-width:92%;text-align:center;font:800 clamp(2.2rem,8.2vw,7.6rem)/1 Unbounded,sans-serif;letter-spacing:-.04em;transform-style:preserve-3d;background:linear-gradient(180deg,var(--text) 5%,var(--blue) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:wordIn 1.5s var(--ease) both}
.xword::before,.xword::after{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(180deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.xword::before{transform:translateZ(-55px);opacity:.6}.xword::after{transform:translateZ(-120px);opacity:.3}
@keyframes wordIn{from{opacity:0;filter:blur(16px)}to{opacity:1;filter:none}}
.a-intro{max-width:60rem;margin:auto;padding:clamp(3rem,7vw,5rem) clamp(1.2rem,5vw,3rem) 1rem}
.k{font:800 clamp(1.1rem,2.6vw,1.5rem) Unbounded,sans-serif;color:var(--cyan);margin-bottom:.8rem}
.big{font:800 clamp(2rem,5.4vw,3.8rem)/1.06 Unbounded,sans-serif;letter-spacing:-.03em;margin-bottom:1.4rem}
.a-intro p{color:var(--mute);font-size:1.15rem;margin-bottom:1rem;max-width:42rem}
.feat{max-width:78rem;margin:2rem auto 0;padding:0 clamp(1.2rem,5vw,3rem);font:800 clamp(1.1rem,2.6vw,1.5rem) Unbounded,sans-serif}
.ach{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:center;max-width:78rem;margin:auto;padding:clamp(2.5rem,7vw,5rem) clamp(1.2rem,5vw,3rem);border-bottom:1px solid var(--line)}
.ach:nth-of-type(even) .shot{order:2}
.shot{perspective:1400px}
.frame{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--card);box-shadow:0 40px 80px -30px #000b,0 0 80px -25px var(--ac);transform:rotateY(calc(var(--mx,0)*14deg + var(--p,0)*-26deg)) rotateX(calc(var(--my,0)*-10deg + var(--p,0)*6deg));transition:transform .2s ease-out}
.frame img{display:block;width:100%;height:auto}
.frame::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff30 0,transparent 35%);pointer-events:none}
.txt h3{font:800 clamp(1.4rem,3.2vw,2.2rem)/1.15 Unbounded,sans-serif;letter-spacing:-.02em;margin-bottom:1rem}
.no{color:var(--ac)}[data-theme=light] .no{filter:brightness(.6) saturate(1.3)}
.kind{font-weight:800;margin-bottom:.8rem}
.txt p{color:var(--mute);margin-bottom:.9rem}.txt .kind{color:var(--text)}
.txt h4{font:800 1.05rem Manrope,sans-serif;margin:1.2rem 0 .6rem}
.txt ul{list-style:none;padding:0;margin:0 0 1.2rem}
.txt li{position:relative;padding-inline-start:2.1rem;margin:.55rem 0}
.txt li::before{content:"";position:absolute;inset-inline-start:0;top:.22rem;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--ac);opacity:.9}
.txt li::after{content:"";position:absolute;inset-inline-start:.5rem;top:.34rem;width:.38rem;height:.7rem;border:solid #02070a;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.meta{margin-bottom:.35rem!important;color:var(--text)!important}.meta strong{color:var(--mute)}
.meta.st{display:inline-block;margin:.5rem 0 1rem!important;padding:.3rem .9rem;border-radius:99px;border:1px solid var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent)}
.txt .install{margin-top:.8rem}
.js .rv{opacity:0;transform:translateY(26px)}
.js .in .rv{animation:up .75s var(--ease) forwards;animation-delay:calc(var(--i,0)*.07s)}
@keyframes up{to{opacity:1;transform:none}}
.js .frame{clip-path:inset(0 0 100% 0 round 22px)}
.js .in .frame{animation:wipe 1.1s var(--ease) forwards}
@keyframes wipe{to{clip-path:inset(0 0 0 0 round 22px)}}
.js li::after{scale:0}.js .in li::after{animation:pop .45s var(--ease) forwards;animation-delay:calc(var(--i,0)*.07s + .35s)}
@keyframes pop{to{scale:1}}
@media(max-width:860px){.ach{grid-template-columns:1fr}.ach:nth-of-type(even) .shot{order:0}}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none}.js .frame{clip-path:none}.js li::after{scale:1}}