:root{--bg:#090a0c;--panel:#111316;--panel2:#17191d;--line:#292c31;--muted:#9b9da4;--white:#f7f7f5;--red:#ff3b3f;--navy:#0b1f33;--shell:min(1180px,calc(100vw - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:white;color:black;padding:10px}.skip-link:focus{top:12px}.site-header{position:fixed;z-index:50;inset:0 0 auto;background:rgba(9,10,12,.8);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand img{width:130px;height:auto}.desktop-nav{display:flex;gap:30px;color:#c9cad0;font-size:14px}.desktop-nav a,.footer-links a{transition:.2s color}.desktop-nav a:hover,.footer-links a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:13px 19px;font-size:14px;font-weight:700;transition:.2s ease}.button:hover{transform:translateY(-1px);border-color:#5a5d64}.button-small{padding:10px 15px;background:var(--white);color:#111}.button-primary{background:var(--red);border-color:var(--red);color:white;box-shadow:0 14px 35px rgba(255,59,63,.16)}.button-primary:hover{background:#ff5054;border-color:#ff5054}.button-ghost{background:rgba(255,255,255,.03)}.hero{position:relative;padding:170px 0 0;overflow:hidden}.hero-glow{position:absolute;top:-300px;left:50%;width:900px;height:700px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,59,63,.13),transparent 65%);pointer-events:none}.hero-copy{text-align:center;position:relative}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:#b6b7bc}.eyebrow{display:inline-flex;align-items:center;gap:9px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(255,59,63,.12)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(52px,7.6vw,102px);line-height:.96;letter-spacing:-.06em;margin:28px 0 30px}.hero h1 em{font-style:normal;color:#7c7f86}.hero-copy>p{max-width:720px;margin:0 auto 34px;color:#bbbcc2;font-size:clamp(17px,2vw,21px);line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:12px}.play-dot{color:var(--red);font-size:11px}.compatibility{display:flex;justify-content:center;align-items:center;gap:12px;color:#777a81;font-size:12px;margin-top:21px}.compatibility i{width:3px;height:3px;border-radius:50%;background:#55575c}.demo-stage{position:relative;margin-top:90px}.demo-stage:before{content:"";position:absolute;inset:12% 10% -12%;background:var(--red);filter:blur(130px);opacity:.09}.demo-window{position:relative;background:#0e1013;border:1px solid #34373d;border-radius:13px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.65)}.window-bar{height:50px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #282b30;color:#858890;font-size:11px}.window-dots{display:flex;gap:6px}.window-dots b{width:7px;height:7px;border-radius:50%;background:#3c3f45}.window-title{text-transform:uppercase;letter-spacing:.1em}.live-pill{justify-self:end;color:#ddd;font-size:9px;letter-spacing:.12em}.live-pill span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:6px}.demo-image{display:block;position:relative;aspect-ratio:16/8.6;overflow:hidden;background:#111}.demo-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.66);transition:.5s transform,.5s filter}.demo-image:hover img{transform:scale(1.018);filter:saturate(.95) brightness(.76)}.demo-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.65))}.focus-point{position:absolute;z-index:3;left:60%;top:43%;width:52px;height:52px;border:1px solid var(--red);border-radius:50%;box-shadow:0 0 30px rgba(255,59,63,.38)}.focus-point:before,.focus-point:after{content:"";position:absolute;background:var(--red)}.focus-point:before{width:74px;height:1px;left:-12px;top:25px}.focus-point:after{height:74px;width:1px;top:-12px;left:25px}.focus-point i{position:absolute;width:7px;height:7px;background:var(--red);border-radius:50%;left:22px;top:22px}.demo-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;background:rgba(5,5,5,.55);backdrop-filter:blur(10px);padding-left:4px}.demo-caption{position:absolute;z-index:4;bottom:25px;left:28px;font-size:13px;font-weight:700}.section{padding:130px 0}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:130px}.statement-grid{display:grid;grid-template-columns:1fr 3fr;align-items:start}.statement h2,.section-heading h2,.capability-copy h2,.beta-card h2{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin-bottom:0}.statement h2 span,.capability-copy h2 span{color:#70737a}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:54px}.section-heading>div{max-width:750px}.section-heading>p{max-width:370px;color:var(--muted);margin-bottom:6px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-card{position:relative;background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:10px;min-height:410px}.step-number{position:absolute;right:20px;top:18px;font-size:11px;color:#676a72;letter-spacing:.1em}.step-visual{height:195px;background:#0c0e11;border:1px solid #24272c;border-radius:7px;margin:35px 0 30px;position:relative;display:grid;place-items:center;overflow:hidden}.target-ring{width:60px;height:60px;border:1px solid var(--red);border-radius:50%;box-shadow:0 0 0 10px rgba(255,59,63,.05)}.target-ring:before,.target-ring:after{content:"";position:absolute;background:var(--red);left:50%;top:50%;transform:translate(-50%,-50%)}.target-ring:before{width:100px;height:1px}.target-ring:after{height:100px;width:1px}.style-visual{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:32px}.style-visual span{font-weight:700;margin-bottom:19px}.style-visual i{height:2px;background:#292c31;margin:6px 0;position:relative}.style-visual i:after{content:"";position:absolute;inset:0 auto 0 0;background:var(--red);width:72%}.style-visual i:nth-of-type(2):after{width:48%}.style-visual i:nth-of-type(3):after{width:84%}.play-visual{background:radial-gradient(circle at center,rgba(255,59,63,.12),transparent 55%),#0c0e11}.play-visual button{border:1px solid var(--red);background:var(--red);color:white;border-radius:50%;width:75px;height:75px;font:800 10px Manrope;letter-spacing:.15em}.play-visual span{position:absolute;width:130px;height:130px;border:1px solid rgba(255,59,63,.14);border-radius:50%}.step-card h3{font-size:22px;margin:0 0 10px;letter-spacing:-.02em}.step-card p{color:var(--muted);font-size:14px;margin:0}.styles-section{background:#0c0e10;border-block:1px solid var(--line)}.style-list{border-top:1px solid var(--line)}.style-row{display:grid;grid-template-columns:70px 1fr 1.7fr 150px;gap:20px;align-items:center;padding:27px 4px;border-bottom:1px solid var(--line);transition:.2s background}.style-row:hover{background:#111316}.style-index{color:#5d6067;font-size:11px}.style-row h3{font-size:22px;margin:0}.style-row p{color:var(--muted);font-size:14px;margin:0}.curve{height:34px;position:relative;border-bottom:1px solid #34373d}.curve:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:28px;border-top:2px solid var(--red);border-radius:70% 0 0 0;transform:skewX(-20deg)}.curve-drama:after{border-radius:100% 0 0 0;transform:skewX(-35deg)}.curve-punch:after{transform:skewX(-55deg);border-radius:30% 0 0 0}.curve-custom:after{transform:none;clip-path:polygon(0 80%,25% 40%,50% 60%,75% 10%,100% 0);background:var(--red);border:0;height:2px}.capability-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:90px;align-items:center}.capability-copy>p:not(.section-label){color:var(--muted);max-width:440px;margin:28px 0}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid #555;padding-bottom:5px}.text-link span{color:var(--red)}.capability-card{background:linear-gradient(145deg,#16191d,#0e1012);border:1px solid #30333a;border-radius:13px;padding:34px;box-shadow:0 34px 80px rgba(0,0,0,.4)}.mini-window{background:#0b0d0f;border:1px solid #292c31;border-radius:8px;overflow:hidden}.mini-head{display:flex;justify-content:space-between;padding:14px 16px;font-size:10px;color:#92959b;border-bottom:1px solid #25282d}.status{color:#fff}.status:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-right:6px}.mini-preview{aspect-ratio:16/8.7;position:relative;overflow:hidden}.mini-preview img{width:100%;height:100%;object-fit:cover;filter:brightness(.58)}.mini-target{position:absolute;width:35px;height:35px;border:1px solid var(--red);border-radius:50%;left:51%;top:36%}.control-line{display:flex;justify-content:space-between;padding:14px 16px;border-top:1px solid #25282d;font-size:10px;color:#676a70}.control-line strong{color:#d9dadd;font-weight:600}.timeline{height:5px;background:#1e2024}.timeline span{display:block;width:70%;height:100%;background:var(--red)}.beta-section{padding-top:40px}.beta-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;background:#121417;border:1px solid #34373d;border-radius:14px;padding:64px}.beta-card:before{content:"";position:absolute;width:400px;height:400px;background:var(--red);filter:blur(150px);opacity:.12;left:-180px;bottom:-200px}.beta-card>div{position:relative}.beta-card>div>p:not(.section-label){color:var(--muted);max-width:560px;margin:24px 0 0}.beta-actions{display:flex;flex-direction:column;gap:10px}.beta-actions small{color:#6f7279;text-align:center;font-size:10px;margin-top:5px}footer{border-top:1px solid var(--line);padding:62px 0 42px}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:60px;align-items:start}.footer-brand img{width:125px}.footer-brand p{font-size:12px;color:#777a81;margin:15px 0 0}.footer-links{display:flex;gap:25px;font-size:13px}.footer-meta{text-align:right;color:#65686e;font-size:10px}.footer-meta p{margin:0 0 7px}
@media(max-width:800px){:root{--shell:min(100% - 30px,1180px)}.desktop-nav{display:none}.button-small span{display:none}.hero{padding-top:135px}.hero h1{font-size:50px}.hero-actions{flex-direction:column;align-items:stretch;max-width:360px;margin-inline:auto}.compatibility{flex-wrap:wrap}.demo-stage{margin-top:55px}.window-title{display:none}.window-bar{grid-template-columns:1fr 1fr}.demo-image{aspect-ratio:16/10}.demo-caption{font-size:11px}.focus-point{width:36px;height:36px}.focus-point:before{width:52px;left:-9px;top:17px}.focus-point:after{height:52px;top:-9px;left:17px}.focus-point i{left:14px;top:14px}.statement,.section{padding:85px 0}.statement{margin-top:85px}.statement-grid,.capability-grid,.beta-card{grid-template-columns:1fr;gap:35px}.section-heading{display:block}.section-heading>p{margin-top:22px}.steps{grid-template-columns:1fr}.step-card{min-height:0}.step-visual{height:175px}.style-row{grid-template-columns:45px 1fr}.style-row p{grid-column:2}.style-row .curve{display:none}.capability-grid{gap:50px}.capability-card{padding:18px}.beta-card{padding:34px 25px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-meta{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}