@font-face{font-family:Space;src:url(/assets/space-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:Manrope;src:url(/assets/manrope-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{color-scheme:light;--bg:#f8f9fd;--ink:#111932;--muted:#505b74;--blue:#2249ee;--blue-hover:#1739d5;--line:#dfe5f1;--display:Space,system-ui,sans-serif;--body:Manrope,system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--bg);color:var(--ink);font:500 16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit}
svg:not(.sprite){display:block}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #4267ff;outline-offset:4px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:fixed;top:8px;left:8px;z-index:5;padding:10px 15px;background:#fff;transform:translateY(-150%)}
.skip:focus{transform:none}
.shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.site-header{border-bottom:1px solid var(--line);background:#f8f9fd}
.header-inner{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:9px;width:max-content;font:700 23px/1 var(--display);letter-spacing:-.07em}
.brand img{flex:none}
.header-inner nav{display:flex;gap:34px;color:var(--muted);font-size:14px;font-weight:750}
.header-inner nav a:hover,.footer-main>a:last-child:hover{color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;font-size:14px;font-weight:800;min-height:47px;padding:0 16px;transition:color .16s,background .16s,border-color .16s}
.button svg,.compatibility svg,.capability-inner svg,.footer-main svg,.download-choice svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.header-cta{justify-self:end;border:1px solid #ccd7ff;background:#edf1ff;color:#1d3ccc;gap:7px;min-height:42px}
.header-cta span{margin-left:-4px}
.header-cta:hover{background:#e1e8ff;border-color:#b8c9ff}
.hero{min-height:606px;display:grid;grid-template-columns:minmax(0, .86fr) minmax(0, 1.14fr);gap:clamp(34px,5.15vw,76px);align-items:center;padding-block:69px 76px}
.eyebrow{display:flex;align-items:center;gap:9px;color:#2b45b7;font:700 11px/1.4 var(--mono);letter-spacing:.13em}
.blue-dot{width:7px;height:7px;border-radius:50%;background:#365cff;box-shadow:0 0 0 4px #365cff19}
h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.073em;line-height:.98;text-wrap:balance}
h1{font-size:clamp(49px,5.8vw,83px);margin:22px 0 25px;text-wrap:initial}
h1 em{color:var(--blue);font-style:normal;display:block}
.lede{color:var(--muted);font-size:clamp(16px,1.4vw,19px);line-height:1.65;max-width:450px}
.hero-actions{display:flex;align-items:center;gap:15px;margin-top:28px}
.primary{min-height:51px;padding-inline:16px;background:var(--blue);color:#fff;box-shadow:0 4px 10px #2249ee2b}
.primary:hover{background:var(--blue-hover)}
.text-action{padding-inline:7px;color:#283656;white-space:nowrap}
.text-action:hover{color:var(--blue)}
.text-action svg{width:16px}
.compatibility{display:flex;align-items:center;gap:8px;margin-top:18px;font:700 12px/1.5 var(--body);color:#5b6780}
.compatibility svg{width:15px;height:15px}
.compatibility span{height:3px;width:3px;border-radius:50%;background:#7d89a3;margin:0 2px}
.demo-stage{position:relative;padding:19px clamp(16px,2.25vw,32px) 16px;border:1px solid #c2d1ff;border-radius:15px;background:radial-gradient(ellipse at 86% 94%,#779aff 0%,transparent 59%),linear-gradient(130deg,#d3e0ff 8%,#a9bbff 67%,#c2cbff);box-shadow:0 12px 44px #3149a518;overflow:hidden;isolation:isolate}
.demo-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,#f9fbff36 0 1px,transparent 1px 25px),repeating-linear-gradient(90deg,#f9fbff36 0 1px,transparent 1px 25px);mask-image:linear-gradient(#000,transparent 85%)}
.stage-label,.stage-foot{display:flex;justify-content:space-between;gap:10px;color:#24377a;font:700 9px/1.4 var(--mono);letter-spacing:.10em}
.stage-label{margin-bottom:13px}
.stage-label span:last-child{display:flex;align-items:center;gap:7px}
.stage-label i,.demo-pill i{width:6px;height:6px;border-radius:50%;background:#244ceb;display:inline-block}
.stage-foot{margin-top:11px;letter-spacing:0;text-transform:none;color:#152f7a}
.desk{background:#0c1428;color:#f1f4ff;border:1px solid #28395e;border-radius:11px;overflow:hidden;box-shadow:0 17px 38px #18265658;min-width:0}
.desk-head{height:48px;background:#101b32;display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:10px;border-bottom:1px solid #253453}
.desk-name{display:flex;align-items:center;gap:7px;font:700 15px/1 var(--display);letter-spacing:-.045em}
.demo-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #32456e;border-radius:4px;padding:4px 6px;color:#c7d5ff;font:700 9px/1.1 var(--mono);letter-spacing:.06em;white-space:nowrap}
.demo-pill i{background:#9bb3ff}
.desk-tabs{display:flex;padding:0 15px;border-bottom:1px solid #253453;gap:6px}
.desk-tabs button{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;background:none;color:#afbedb;border:0;border-bottom:2px solid transparent;padding:1px 10px 0;font-size:11px;font-weight:800}
.desk-tabs button:hover{color:#fff;background:#1c2946}
.desk-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#809dff}
.desk-tabs svg,.row-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.desk-body{padding:17px 17px 15px;min-height:244px}
.equity-line{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:11px}
.data-label{display:block;color:#aebddd;font:650 9px/1.5 var(--mono);letter-spacing:.09em;margin-bottom:3px}
.equity-line strong{font:700 clamp(25px,3.0vw,41px)/1 var(--display);letter-spacing:-.056em;white-space:nowrap}
.gain,.loss{color:#85e6b4;font:650 11px/1.3 var(--mono);white-space:nowrap}
.gain small{display:block;color:#aebddd;font:600 9px/1.4 var(--body);text-align:right}
.loss{color:#ffb1ba}
.chart{position:relative;height:90px}
.chart-grid{position:absolute;inset:0;border-bottom:1px solid #283650;background:repeating-linear-gradient(0deg,transparent 0 22px,#283650 22px 23px),repeating-linear-gradient(90deg,#25324c 0 1px,transparent 1px 25%)}
.chart svg{position:relative;width:100%;height:100%}
.axis{display:flex;justify-content:space-between;margin:7px 0 14px;color:#a2b0cb;font:600 8px/1 var(--mono)}
.desk-row{min-height:43px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px;border:1px solid #2b395a;border-radius:6px;background:#162039}
.row-icon{display:grid;place-items:center;background:#273960;color:#c5d2ff;width:26px;height:26px;border-radius:5px;font:700 12px/1 var(--display)}
.desk-row b,.desk-row small{display:block;line-height:1.35}
.desk-row b{font-size:11px;font-weight:800}
.desk-row small{color:#afbdd8;font-size:9px;margin-top:2px}
.row-status{font:650 8px/1.3 var(--mono);color:#c4d1f3;white-space:nowrap}
.alternate .equity-line strong{font-size:27px}
.alternate .desk-row+.desk-row{margin-top:6px}
.desk-note{font-size:11px;color:#afbdd8;margin-top:10px}
.capability-band{border-block:1px solid var(--line);background:#edf1fa}
.capability-inner{display:grid;grid-template-columns:.85fr 1fr 1fr 1fr;align-items:center;min-height:83px}
.capability-inner p{font:700 10px/1.4 var(--mono);letter-spacing:.13em;color:#51617e}
.capability-inner>span{display:flex;align-items:center;justify-content:center;gap:11px;padding-inline:9px;border-left:1px solid #d3dcec;font:700 clamp(13px,1.4vw,17px)/1.3 var(--display)}
.capability-inner svg{color:#3456e8}
.workflow,.faq{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(38px,7vw,110px);padding-block:90px}
h2{font-size:clamp(42px,4.8vw,67px);margin:14px 0 16px;text-wrap:initial}
.section-intro .lede{font-size:16px}
.workflow-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.workflow-list li{display:grid;grid-template-columns:47px 1fr;gap:13px;border-bottom:1px solid var(--line);padding:19px 0}
.step-num{padding-top:6px;color:#3456db;font:700 12px/1.2 var(--mono);letter-spacing:.10em}
.workflow-list h3{font:700 clamp(19px,2.0vw,25px)/1.2 var(--display);letter-spacing:-.04em}
.workflow-list p,.questions p{font-size:14px;line-height:1.65;color:var(--muted);margin-top:5px}
.download-card{display:grid;grid-template-columns:.98fr 1.02fr;gap:35px;align-items:center;padding:clamp(28px,5.3vw,69px);position:relative;overflow:hidden;border-radius:15px;background:radial-gradient(ellipse at 86% 100%,#263d8a,transparent 67%),#101b38;color:#fff}
.download-card .eyebrow{color:#b6c8ff}
.download-card .blue-dot{background:#9bb2ff}
.download-card h2{font-size:clamp(42px,4.8vw,66px)}
.download-copy p:last-child{color:#d2dcf5;max-width:335px}
.download-options{display:grid;gap:10px}
.download-choice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:11px 13px;background:#f9fbff;color:#13214c;border-radius:8px;border:2px solid transparent;transition:background .16s,border-color .16s}
.download-choice:hover{background:#e8eeff;border-color:#a7b9ff}
.platform-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:6px;background:#e5ecff;color:#2149e7}
.download-choice b,.download-choice small{display:block}
.download-choice b{font-size:14px;font-weight:850;line-height:1.4}
.download-choice small{font-size:11px;color:#4f5c7c;line-height:1.45}
.download-arrow{color:#2347dd}
.download-meta{display:flex;gap:8px;color:#d2dcf5;font:650 10px/1.4 var(--mono);padding-top:2px}
.faq{padding-bottom:84px}
.questions{border-top:1px solid var(--line)}
.questions details{border-bottom:1px solid var(--line)}
.questions summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;padding:17px 0;color:#16213f;font:700 18px/1.3 var(--display);letter-spacing:-.023em}
.questions summary::-webkit-details-marker{display:none}
.questions summary span{position:relative;height:19px;width:19px;flex:none}
.questions summary span::before,.questions summary span::after{content:"";width:12px;height:1.5px;background:#2749d4;position:absolute;top:9px;left:3px}
.questions summary span::after{transform:rotate(90deg)}
.questions details[open] summary span::after{transform:rotate(0)}
.questions p{margin:0 22px 17px 0}
.questions p a{display:inline-block;color:#2346d2;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.site-footer{background:#edf1fa;border-top:1px solid var(--line);padding:28px 0 21px}
.footer-main,.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:14px}
.footer-main{padding-bottom:19px;border-bottom:1px solid #d4deef}
.footer-main>a:last-child{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800}
.footer-meta{padding-top:14px;color:#56627b;font-size:11px}
@media(max-width:1000px){.shell{width:calc(100% - 64px)}.hero{gap:30px}.hero-actions{gap:8px}.desk-head,.desk-body{padding-inline:13px}.desk-tabs{padding-inline:9px}}
@media(max-width:790px){.hero{grid-template-columns:1fr;gap:35px;padding-block:48px 42px;min-height:0}.hero-copy{max-width:580px}.hero h1{font-size:clamp(51px,9vw,72px)}.demo-stage{width:100%;max-width:650px}.capability-inner{min-height:68px}.workflow,.faq{gap:36px;padding-block:64px}.download-card{gap:24px}}
@media(max-width:570px){.shell{width:calc(100% - 36px)}.header-inner{height:62px;display:flex;justify-content:space-between;gap:12px}.header-inner nav{display:none}.brand{font-size:21px}.brand img{width:30px;height:30px}.header-cta{min-height:38px;font-size:12px;padding-inline:10px}.header-cta svg{width:15px}.hero{padding-block:39px 31px;gap:29px}.hero h1{margin-block:17px 16px}.hero-actions{margin-top:20px}.compatibility{margin-top:13px}.demo-stage{padding:13px 12px 12px;border-radius:11px}.stage-label{margin-bottom:9px;font-size:8px}.desk-head{height:39px}.desk-tabs button{min-height:37px;padding-inline:7px}.desk-body{min-height:219px;padding:13px 11px 11px}.chart{height:77px}.desk-row b{font-size:10px}.row-status{font-size:7px}.capability-inner{grid-template-columns:repeat(3,1fr);gap:10px 0;padding-block:13px 16px}.capability-inner p{grid-column:1/-1;text-align:center}.capability-inner>span{gap:5px;padding-inline:3px;text-align:center}.capability-inner>span:nth-child(2){border:0}.capability-inner svg{width:13px;height:13px}.workflow,.faq{grid-template-columns:1fr;gap:20px;padding-block:49px}.workflow-list li{grid-template-columns:32px 1fr}.download-card{grid-template-columns:1fr;padding:24px 19px;gap:20px}.download-card h2,.faq h2{margin-block:10px 11px}.download-copy p:last-child{font-size:14px}.footer-meta{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:350px){.shell{width:calc(100% - 28px)}.hero h1{font-size:45px}.button{font-size:12px}.hero-actions{gap:3px}.demo-stage{padding-inline:8px}.header-cta span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){.header-inner{display:flex;justify-content:space-between}.header-inner nav{display:none}}
