
:root{--bg:#050505;--surface:#080808;--surface2:#101010;--text:#F2EFE8;--mid:#B5B1A9;--muted:#7d7974;--line:rgba(242,239,232,.13);--strong:rgba(242,239,232,.29);--red:#F43B4D;--font:"SF Pro Display","Helvetica Neue",Arial,sans-serif;--mono:"SFMono-Regular","SF Mono",ui-monospace,Consolas,monospace;--g:clamp(20px,5vw,84px);--ease:cubic-bezier(.18,.82,.22,1)}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}::selection{background:var(--red);color:#fff}
:focus-visible{outline:2px solid #fd6976;outline-offset:3px} .skip{position:absolute;top:-80px;z-index:900;background:white;color:#000;padding:10px}.skip:focus{top:10px;left:10px}
.mono,.eyebrow,.meta,.subnav,.tag,.micro,.small-number,.table th,.metric-label{font-family:var(--mono);font-variant-numeric:tabular-nums}
#progress{position:fixed;height:2px;background:var(--red);top:0;left:0;width:0;z-index:900}
header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--g);position:fixed;inset:0 0 auto;z-index:700;border-bottom:1px solid transparent;transition:background .3s,border-color .3s}header.scrolled,header.menu-open{background:rgba(5,5,5,.95);backdrop-filter:blur(14px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:18px}.brand img{width:104px;max-height:42px}.brand span{font:8px/1.5 var(--mono);letter-spacing:.15em;color:#8c8984;text-transform:uppercase;border-left:1px solid var(--line);padding-left:16px}.header-nav{display:flex;gap:clamp(12px,1.6vw,26px)}.header-nav a{font:9px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.075em;color:#aaa6a0}.header-nav a.active,.header-nav a:hover{color:#fff}.head-actions{display:flex;gap:9px;align-items:center}.head-actions a,.head-actions button{min-height:42px;border:1px solid var(--line);background:#0a0a0a;color:#e4e0d7;padding:0 13px;font:9px var(--mono);letter-spacing:.06em;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.head-actions .menu-toggle{display:none}
#global-nav{position:fixed;z-index:680;inset:80px 0 0;background:#050505;display:none;grid-template-columns:.7fr 1.3fr;padding:8vh var(--g);gap:7vw;overflow-y:auto}#global-nav.open{display:grid}.global-mark{font-size:clamp(90px,20vw,300px);letter-spacing:-.1em;font-weight:780;line-height:.8;color:#282828}.global-mark b{color:var(--red)}.global-menu{border-top:1px solid var(--line)}.global-menu a{display:grid;grid-template-columns:52px 1fr auto;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;align-items:center;font-size:clamp(19px,2vw,32px);letter-spacing:-.04em}.global-menu small,.global-menu em{font:9px var(--mono);color:#86817c;font-style:normal}
.page{padding-top:80px}.container{width:min(1560px,100%);margin:auto;padding-left:var(--g);padding-right:var(--g)}.hair{border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.13em;color:#9b9791;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:30px;height:1px;background:var(--red)}.section{padding:clamp(64px,9vw,148px) 0;border-bottom:1px solid var(--line)}.section-intro{display:grid;grid-template-columns:minmax(140px,.42fr) minmax(0,1.58fr);gap:50px;margin-bottom:54px}.section-intro small{font:10px var(--mono);color:#8a8781;letter-spacing:.12em}.section-intro h2{font-size:clamp(46px,5.7vw,96px);font-weight:590;line-height:.95;letter-spacing:-.066em;max-width:15ch;margin:0}.section-intro h2 span{color:#78736e}.section-intro p{color:#a8a39b;line-height:1.6;font-size:clamp(15px,1.2vw,19px);max-width:63ch}
.hero{position:relative;min-height:min(850px,91svh);display:flex;align-items:end;padding:100px 0 80px;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 45%,rgba(244,59,77,.065),transparent 30%),linear-gradient(to bottom,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,84px 84px,84px 84px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.hero .container{position:relative;z-index:1;width:100%}.hero h1{font-weight:720;font-size:clamp(68px,11vw,175px);line-height:.78;letter-spacing:-.077em;margin:28px 0 30px;max-width:12.5ch;text-transform:uppercase}.hero h1 span{color:#6c6862}.hero h1 em{color:var(--red);font-style:normal}.hero h1.long{font-size:clamp(55px,8.2vw,142px)}.hero-bottom{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:60px;align-items:end}.hero-summary{max-width:760px;font-size:clamp(18px,1.7vw,28px);line-height:1.25;letter-spacing:-.028em;color:#cfcbc3}.hero-summary strong{color:#fff}.system-details{border-left:1px solid var(--line);padding-left:25px}.system-details div{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);text-transform:uppercase;padding:11px 0;border-bottom:1px solid var(--line)}.system-details span{color:#77736e}.system-details b{font-weight:400;color:#d7d2c9;text-align:right}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;border:1px solid var(--strong);background:transparent;color:var(--text);padding:15px 18px;font:10px var(--mono);letter-spacing:.075em;text-transform:uppercase;transition:background .25s,transform .25s}.btn:hover{border-color:#fff;transform:translateY(-2px)}.btn.primary{background:var(--text);color:#050505}.btn.red{background:var(--red);border-color:var(--red);color:#050505}.btn.quiet{min-height:44px;padding:11px 12px}.btn:disabled{opacity:.4;cursor:not-allowed}
.subnav{position:sticky;top:80px;z-index:200;display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:rgba(5,5,5,.96);padding:12px var(--g);border-bottom:1px solid var(--line)}.subnav a{font-size:9px;color:#a29d95;text-transform:uppercase;letter-spacing:.07em;padding:8px 12px}.subnav a.active{color:#fff;border:1px solid #444}.subnav a:hover{color:#fff}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.kpi{padding:28px;border-right:1px solid var(--line)}.kpi:last-child{border-right:none}.metric-label{color:#aaa49b;letter-spacing:.12em;font-size:9px}.kpi strong{display:block;font-size:clamp(34px,4vw,66px);font-weight:520;letter-spacing:-.05em;margin-top:20px}.kpi p{font-size:13px;color:#aaa49b;line-height:1.55}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:#070707;display:flex;flex-direction:column;justify-content:space-between;min-height:340px;padding:28px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.25s}.card:hover:after{transform:scaleX(1)}.card-top{display:flex;justify-content:space-between;gap:15px}.tag{color:#99938d;font-size:9px;text-transform:uppercase;letter-spacing:.075em}.tag.special{color:#f06c7a}.card h3{font-size:clamp(25px,2.5vw,42px);font-weight:530;letter-spacing:-.045em;line-height:1.05;margin:58px 0 16px}.card p{font-size:13px;line-height:1.65;color:#aaa49b;max-width:55ch}.card-bottom{display:flex;align-items:end;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.card .price{font-size:clamp(20px,2.1vw,32px);letter-spacing:-.04em;white-space:nowrap}.card .price small{display:block;font:9px var(--mono);letter-spacing:.07em;color:#928d86;margin-top:8px}.card-bottom a{font:10px var(--mono);border-bottom:1px solid #aaa;padding-bottom:5px}.card-full{min-height:390px}.product-summary{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}.detail-side{position:sticky;top:160px;height:max-content;border:1px solid var(--line);background:#080808;padding:28px}.detail-side .price{font-size:clamp(50px,4.5vw,82px);letter-spacing:-.07em;line-height:1}.detail-side p{font-size:13px;color:#aaa49b;line-height:1.7}.detail-side .btn{width:100%;margin-top:25px}.detail-side .small{font:9px/1.6 var(--mono);color:#8c8883;letter-spacing:.04em}.stripe{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#8d8780}.list-rows{border-top:1px solid var(--line)}.list-row{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.list-row small{font:9px var(--mono);color:#89847d;letter-spacing:.1em;text-transform:uppercase}.list-row h3{font-weight:550;font-size:clamp(23px,2.4vw,36px);letter-spacing:-.045em;margin:0 0 10px}.list-row p{font-size:14px;line-height:1.65;color:#a49e95;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px}.panel{border:1px solid var(--line);background:#080808}.panel-head{display:flex;justify-content:space-between;gap:15px;padding:16px 19px;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#aaa49b}.panel-body{padding:28px}.panel-body h3{font-size:clamp(26px,3vw,44px);letter-spacing:-.04em;margin:0 0 20px}.panel-body p{font-size:14px;line-height:1.68;color:#aaa49b}.panel .cta-row{padding:20px;border-top:1px solid var(--line)}
.table-wrap{overflow-x:auto;max-width:100%}.table{width:100%;border-collapse:collapse;min-width:750px}.table th,.table td{padding:19px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#a8a39b;font-weight:400}.table td{color:#d5d1ca;font-size:13px;line-height:1.5}.table td a{border-bottom:1px solid #777}.table td small{color:#827c75;font-size:12px}
.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:26px}.filter{border:1px solid var(--line);background:#0a0a0a;color:#a9a49c;padding:12px 16px;min-height:44px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em}.filter.active{background:var(--text);color:#000}.search{border:1px solid var(--line);background:#090909;min-height:46px;color:var(--text);padding:11px 15px;width:min(320px,100%)}.search::placeholder{color:#99918a}
.doc-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:65px}.doc-side{position:sticky;top:145px;align-self:start}.doc-side a{display:block;padding:13px 0;border-bottom:1px solid var(--line);color:#aaa49b;font-size:13px}.doc-side a.active,.doc-side a:hover{color:white}.doc-body>section{padding:0 0 70px;margin-bottom:60px;border-bottom:1px solid var(--line)}.doc-body h2{font-size:clamp(42px,4.2vw,68px);letter-spacing:-.055em;line-height:1.02;margin:0 0 22px}.doc-body p,.doc-body li{color:#aba59c;font-size:15px;line-height:1.74}.doc-body li{margin:7px 0}.code{font:13px/1.85 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#dedbd4;background:#080808;padding:24px;border:1px solid var(--line);overflow-x:auto}.code em{font-style:normal;color:#f87688}.code .fade{color:#92908d}.status{display:flex;align-items:center;gap:8px;color:#aaa49b;font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em}.status:before{content:"";height:7px;width:7px;background:#888}
.demo-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px}.demo-controls{display:grid;gap:9px}.stage{border:1px solid var(--line);min-height:660px;padding:45px;position:relative;overflow:hidden;background:radial-gradient(circle at 58% 37%,rgba(244,59,77,.07),transparent 35%),#060606}.stage-inner{display:flex;flex-direction:column;align-items:stretch;gap:12px;justify-content:center;height:100%}.stage-step{border:1px solid var(--line);background:rgba(4,4,4,.85);padding:22px;max-width:590px;opacity:.27;transform:translateY(5px);transition:.4s var(--ease)}.stage-step.active{opacity:1;transform:none;border-color:var(--strong)}.stage-step.conflict.active{border-color:var(--red)}.stage-step .tag{font-size:9px}.stage-step h3{font-size:clamp(24px,2.6vw,41px);letter-spacing:-.045em;margin:11px 0 8px}.stage-step p{font-size:13px;color:#a7a29b;margin:0;line-height:1.5}.stage-connector{height:15px;width:1px;background:#555;margin-left:35px}.stage-btn{border:1px solid var(--line);padding:14px 16px;min-height:48px;text-align:left;background:#0b0b0b;color:#bbb;display:flex;justify-content:space-between;align-items:center}.stage-btn.active{background:var(--text);color:#050505}
.workspace-rail{display:grid;grid-template-columns:230px 1fr;gap:40px}.workspace-menu{border-right:1px solid var(--line);padding-right:25px}.workspace-menu a{padding:16px 0;border-bottom:1px solid var(--line);display:block;color:#a69f95;font-size:14px}.workspace-menu a.active{color:#fff}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line)}.dashboard-title{font-size:clamp(34px,4vw,62px);letter-spacing:-.055em}.dashboard-alert{padding:16px 20px;background:#141011;border-left:2px solid var(--red);color:#ddd7cd;font-size:13px;line-height:1.6;margin:22px 0}.skeleton-list{display:grid;gap:0;border-top:1px solid var(--line)}.skeleton-list .list-row{grid-template-columns:90px 1fr 110px}.empty-preview{border:1px solid var(--line);padding:38px;min-height:230px;display:flex;flex-direction:column;justify-content:center}.empty-preview p{color:#aaa;font-size:14px;max-width:58ch;line-height:1.65}.preview-label{font:10px var(--mono);color:#ef8791;letter-spacing:.12em;text-transform:uppercase}
.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{list-style:none;font-size:clamp(18px,2vw,27px);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:24px var(--mono);color:var(--red)}.faq details[open] summary:after{content:"−"}.faq p{max-width:78ch;color:#aaa49b;line-height:1.65;font-size:14px}
.footer-cta{border-top:1px solid var(--line);padding:clamp(70px,9vw,140px) 0}.footer-cta h2{font-size:clamp(54px,8vw,124px);letter-spacing:-.075em;line-height:.83;text-transform:uppercase;max-width:11ch;margin:20px 0 34px}.footer-cta h2 span{color:var(--red)}footer{border-top:1px solid var(--line);padding:34px var(--g) max(34px,env(safe-area-inset-bottom));font:10px/1.6 var(--mono);color:#96908a;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}footer a{text-decoration:underline;text-decoration-color:#4b4b4b} .fine{font:10px/1.75 var(--mono);color:#928b85;letter-spacing:.02em}
@media(max-width:1050px){.header-nav{display:none}.head-actions .menu-toggle{display:flex}.system-details{display:none}.hero-bottom,.product-summary,.demo-layout,.split{grid-template-columns:1fr}.doc-layout{grid-template-columns:1fr}.doc-side{position:static;display:flex;flex-wrap:wrap;gap:0 18px}.doc-side a{font-size:12px}.card-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi:nth-child(2){border-right:0}.kpi:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-side{position:static}}
@media(max-width:700px){:root{--g:clamp(18px,5.3vw,24px)}header{height:68px}.brand img{width:94px}.brand span{display:none}.head-actions a{display:none}#global-nav{top:68px;display:none;padding:25px var(--g);grid-template-columns:1fr}.global-mark{display:none}#global-nav.open{display:block}.global-menu a{grid-template-columns:32px 1fr 32px;min-height:54px;font-size:20px}.page{padding-top:68px}.subnav{top:68px;padding:10px var(--g);gap:0;white-space:nowrap;overflow-x:auto;flex-wrap:nowrap}.subnav a{flex:none;font-size:8px;padding:9px}.hero{min-height:82svh;padding:60px 0 45px}.hero h1{font-size:clamp(52px,15.9vw,78px);letter-spacing:-.059em;line-height:.81}.hero h1.long{font-size:clamp(48px,13.5vw,70px)}.hero-summary{font-size:17px;line-height:1.33}.actions .btn{width:100%}.section{padding:62px 0}.section-intro{grid-template-columns:1fr;gap:18px;margin-bottom:33px}.section-intro h2{font-size:clamp(39px,11.5vw,57px)}.card-grid,.kpi-grid{grid-template-columns:1fr}.card{min-height:280px;padding:22px}.card h3{margin:38px 0 12px}.kpi{border-right:0;border-bottom:1px solid var(--line)}.kpi:last-child{border-bottom:0}.list-row{grid-template-columns:1fr;gap:10px}.stage{padding:16px;min-height:610px}.stage-step{padding:17px}.stage-step h3{font-size:24px}.demo-layout{gap:25px}.panel-body{padding:20px}.workspace-rail{grid-template-columns:1fr}.workspace-menu{border-right:0;padding:0;display:flex;gap:18px;overflow-x:auto;white-space:nowrap}.workspace-menu a{flex:none;font-size:12px}.dashboard-head{align-items:flex-start;flex-direction:column}.btn{min-height:48px}.footer-cta h2{font-size:clamp(48px,14vw,68px)}footer{font-size:9px}}
@media(max-width:370px){.hero h1{font-size:49px}.hero h1.long{font-size:43px}.section-intro h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Release QA — global nine-section navigation stays accessible on desktop and mobile */
.head-actions .menu-toggle{display:flex!important} .brand svg{width:104px;min-height:37px;flex:none} .brand svg path{vector-effect:non-scaling-stroke} [hidden]{display:none!important}
@media(max-width:700px){.brand svg{width:92px} .head-actions .menu-toggle{min-width:67px}}

/* V2 visual QA refinement: flagship-weight composition without overwhelming the fold */
.hero{min-height:74svh;padding:88px 0 52px}
.hero h1{font-size:clamp(66px,8.35vw,136px);line-height:.795;max-width:10.2ch;position:relative;z-index:2}
.hero h1.long{font-size:clamp(60px,7.8vw,126px);max-width:12ch}
.hero .container{z-index:2}
.hero-instrument{position:absolute;pointer-events:none;right:2vw;top:48%;width:min(44vw,650px);transform:translateY(-50%);z-index:1;opacity:.92;filter:drop-shadow(0 0 35px rgba(244,59,77,.035))}
.hero-instrument svg{width:100%;height:auto}
.hero-instrument .beam{animation:trace-rise 9s ease-in-out infinite alternate;transform-origin:42% 50%}
.hero-instrument .ring{animation:slow-turn 22s linear infinite;transform-origin:50% 50%}
@keyframes trace-rise{to{opacity:.25;transform:translateX(8px)}}
@keyframes slow-turn{to{transform:rotate(360deg)}}
@media(max-width:1050px){.hero-instrument{right:-10vw;opacity:.48;width:60vw}}
@media(max-width:700px){.hero{min-height:80dvh;padding:65px 0 45px}.hero h1,.hero h1.long{font-size:clamp(48px,13.6vw,67px);line-height:.82;max-width:9.8ch}.hero-instrument{width:100vw;right:-49vw;top:35%;opacity:.24}.hero-summary{max-width:33ch}}
@media(max-width:370px){.hero h1,.hero h1.long{font-size:46px}}
@media(prefers-reduced-motion:reduce){.hero-instrument .beam,.hero-instrument .ring{animation:none}}
