:root{--black:#050506;--panel:#0b0c0e;--panel2:#111216;--white:#f5f5f7;--muted:#92939a;--line:#24262b;--cyan:#20c7ef;--purple:#a34cff;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{height:58px;padding:0 max(24px,calc((100vw - var(--max))/2));position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:rgba(5,5,6,.72);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.22em;font-weight:600}.brand-mark{width:20px;height:20px;border-radius:4px;display:inline-block;background:linear-gradient(135deg,#ff6a48 0 22%,#ffca48 22% 43%,#15151a 43% 57%,#b348ff 57% 78%,#27bfea 78%);box-shadow:0 0 20px rgba(130,86,255,.2)}.nav nav{display:flex;gap:32px;font-size:12px;color:#b7b7bc}.nav nav a:hover{color:white}.nav-cta{padding:8px 15px;background:#f5f5f7;color:#0b0b0d;border-radius:999px;font-size:12px;font-weight:600}.hero{min-height:1120px;padding:170px 24px 90px;text-align:center;position:relative;overflow:hidden}.ambient{position:absolute;border-radius:50%;filter:blur(130px);opacity:.16;pointer-events:none}.ambient-a{width:460px;height:460px;top:160px;left:15%;background:#b74aff}.ambient-b{width:520px;height:520px;top:350px;right:8%;background:#00c6ff}.eyebrow{color:#b1b2b8;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.hero h1,.statement h2,.precision>h2,.final-cta h2{font-size:clamp(64px,9vw,138px);line-height:.9;letter-spacing:-.065em;margin:25px auto;max-width:1150px}.spectrum-text{color:transparent;background:linear-gradient(90deg,#4bd5ff,#856bff,#d45bea,#ff825d,#ffd96b);background-clip:text;-webkit-background-clip:text}.hero-copy{font-size:clamp(18px,2vw,25px);line-height:1.45;color:#a3a4aa}.actions{margin:34px 0 75px;display:flex;justify-content:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;font-weight:600;font-size:14px}.button.primary{background:var(--white);color:#0b0b0c}.button.primary:hover{background:#dfe0e4}.button.secondary{border:1px solid #34363c;color:#d5d5d8}.button.secondary span{margin-left:8px}.device-wrap{position:relative;max-width:1150px;margin:auto}.device-glow{position:absolute;inset:10% 8% -4%;background:linear-gradient(90deg,#24bdea,#8e45ff,#f85f68);filter:blur(70px);opacity:.24}.device{position:relative;padding:9px;border-radius:34px;background:#17181c;border:1px solid #3b3c42;box-shadow:0 40px 120px rgba(0,0,0,.7)}.device img{width:100%;display:block;border-radius:25px}.scroll-hint{margin-top:70px;color:#606168;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.section-pad{padding:150px max(24px,calc((100vw - var(--max))/2))}.statement{text-align:center}.statement h2{font-size:clamp(48px,7vw,102px)}.statement h2 span,.precision>h2 span{color:#5e6067}.flow{margin:90px auto 0;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;max-width:1120px;text-align:left}.flow div{padding:24px;border:1px solid var(--line);border-radius:18px;background:#0a0b0d}.flow div.active{border-color:#6d54b4;background:linear-gradient(145deg,rgba(102,67,178,.23),#0a0b0d)}.flow small{display:block;color:#686a72;margin-bottom:40px}.flow strong,.flow span{display:block}.flow strong{font-size:21px;margin-bottom:7px}.flow span{color:#85868d;font-size:13px}.flow i{font-style:normal;color:#53545b;margin:0 14px}.sticky-showcase{min-height:420vh;position:relative;background:#08090a}.sticky-copy{position:sticky;top:58px;height:calc(100vh - 58px);width:38%;padding:14vh 3vw 8vh max(24px,calc((100vw - var(--max))/2));z-index:2;display:flex;flex-direction:column}.sticky-copy h2{font-size:clamp(48px,6vw,88px);line-height:.92;letter-spacing:-.055em;margin:20px 0 28px}.sticky-copy>p:not(.eyebrow){color:#92939a;line-height:1.6;max-width:390px}.progress{height:1px;background:#2a2b30;margin:auto 0 18px;width:100%;max-width:390px}.progress span{display:block;height:100%;width:16.6%;background:linear-gradient(90deg,var(--cyan),var(--purple));transition:width .5s}.stage-labels{display:flex;gap:13px;max-width:390px;flex-wrap:wrap}.stage-labels button{background:none;border:0;color:#5f6168;font:600 10px Inter;letter-spacing:.08em;padding:0;cursor:pointer}.stage-labels button.selected{color:#dfe0e3}.sticky-visual{position:sticky;top:58px;margin-left:38%;height:calc(100vh - 58px);display:grid;place-items:center;padding:5vw}.screen-shell{position:relative;width:min(900px,56vw);aspect-ratio:1536/1059;border-radius:20px;overflow:hidden;background:#111;border:1px solid #2b2d32;box-shadow:0 50px 130px #000}.stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .7s,transform 1s}.stage-image.active{opacity:1;transform:scale(1)}.precision{text-align:center}.precision>h2{font-size:clamp(48px,7vw,94px)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:90px;text-align:left}.feature{min-height:500px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,#111216,#090a0c);padding:34px;overflow:hidden}.feature-wide{grid-column:1/-1;min-height:620px;display:grid;grid-template-columns:.75fr 1.5fr;gap:30px;align-items:center}.feature h3{font-size:clamp(29px,3vw,47px);line-height:1.05;letter-spacing:-.04em;margin:80px 0 18px}.feature p{color:#898a91;line-height:1.6;max-width:430px}.feature-no{color:#56585f;font-size:12px}.feature-image{align-self:end;margin:40px -35px -35px 0;border-radius:22px 0 0 0;overflow:hidden;border:1px solid #292b30}.feature-image img{width:100%;display:block}.scope-art{height:160px;position:relative;margin-top:70px;filter:blur(.2px)}.scope-art span{position:absolute;left:50%;bottom:10px;width:3px;height:140px;transform-origin:bottom;border-radius:50%;background:linear-gradient(transparent,#ef5cff);box-shadow:0 0 35px #ef5cff}.scope-art span:nth-child(2){transform:rotate(120deg);background:linear-gradient(transparent,#35c9ff);box-shadow:0 0 35px #35c9ff}.scope-art span:nth-child(3){transform:rotate(240deg);background:linear-gradient(transparent,#ffb43a);box-shadow:0 0 35px #ffb43a}.curve-art{height:190px;margin-top:55px;background-image:linear-gradient(#1e2024 1px,transparent 1px),linear-gradient(90deg,#1e2024 1px,transparent 1px);background-size:25% 25%;display:grid;place-items:center}.curve-art svg{width:100%;overflow:visible}.curve-art path{fill:none;stroke:url(#x);stroke:#39c8ee;stroke-width:3}.curve-art circle{fill:#fff}.touch{min-height:900px;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:70px;background:radial-gradient(circle at 85% 50%,rgba(61,83,130,.2),transparent 42%)}.touch h2,.open-screen h2{font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.055em;margin:20px 0 30px}.touch-copy>p:last-child,.open-screen>div>p:last-child{color:#95969c;line-height:1.7;font-size:17px}.touch-device{padding:8px;border-radius:30px;background:#191a1e;border:1px solid #35373d;box-shadow:0 40px 120px #000;transform:perspective(1300px) rotateY(-6deg)}.touch-device img{display:block;width:100%;border-radius:22px}.open-screen{display:grid;grid-template-columns:.55fr 1fr;align-items:center;gap:80px;background:#0a0b0d}.open-image{border:1px solid #292b30;border-radius:24px;overflow:hidden;box-shadow:0 35px 90px #000}.open-image img{display:block;width:100%}.final-cta{min-height:950px;padding:170px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 70%,rgba(97,44,160,.18),transparent 43%)}.brand-mark.large{width:54px;height:54px;border-radius:10px;margin-bottom:32px}.final-cta h2{font-size:clamp(64px,9vw,124px)}.final-cta>p:not(.eyebrow){color:#8e9096;margin:15px 0 35px}footer{max-width:var(--max);margin:auto;padding:35px 24px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#696a71;font-size:12px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.nav nav{display:none}.hero{min-height:auto;padding-top:140px}.hero h1{font-size:18vw}.hero-copy br{display:none}.actions{flex-direction:column;align-items:center}.device{border-radius:18px}.device img{border-radius:12px}.flow{grid-template-columns:1fr;gap:10px}.flow i{transform:rotate(90deg);margin:auto}.sticky-showcase{min-height:360vh}.sticky-copy{position:sticky;width:100%;height:auto;top:58px;padding:30px 24px 18px;background:linear-gradient(#08090a 75%,transparent);z-index:3}.sticky-copy h2{font-size:42px;margin:8px 0}.sticky-copy>p:not(.eyebrow){display:none}.sticky-visual{margin-left:0;top:245px;height:calc(100vh - 245px);padding:20px}.screen-shell{width:100%}.feature-grid,.feature-wide,.touch,.open-screen{grid-template-columns:1fr}.feature-wide{padding-bottom:0}.feature-image{margin-right:-35px}.touch,.open-screen{gap:45px}.touch-device{transform:none}.section-pad{padding-top:100px;padding-bottom:100px}.final-cta{min-height:800px}footer{flex-direction:column;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.stage-image{transition:none}.reveal{opacity:1;transform:none}}