:root{--max:1320px;--paper:#0a0d12;--ink:#f3f5f7;--muted:#a2aab8;--cyan:#a4b9fa;--green:#afc0ff;--line:rgba(181,193,220,.15)}
body{background:#0a0d12;font-size:16px}::selection{background:#b4c6ff;color:#111}
.site-header{height:92px;background:rgba(10,13,18,.93);gap:40px}.brand-mark{background:#eaeef7;color:#172947;box-shadow:none;border-radius:12px;width:44px;height:44px;font-size:14px}.brand-name{font-size:20px}.brand-name small{font:10px/1.5 'Segoe UI',sans-serif;letter-spacing:.08em;color:#b4bac7}.primary-nav a{font-size:14px}.button{font-size:14px;border-radius:8px;min-height:52px;padding-inline:24px;background:#becaff;border-color:#becaff;color:#101626}.button:hover{background:#d6dfff}.button-outline{background:transparent;color:#eef1ff;border-color:#454c5c}.text-link{font-size:14px}.eyebrow{font-size:12px;color:#b6c5f4;letter-spacing:.12em}
.hero{min-height:0;padding:90px 0 85px;gap:60px;grid-template-columns:1.05fr 1fr;position:relative}.hero:before{content:'';position:absolute;inset:-50px -60px;z-index:-1;background:radial-gradient(ellipse at 80% 50%,#17203f66,transparent 60%);pointer-events:none}.hero h1{font-size:clamp(55px,5.4vw,82px);font-weight:500;line-height:1.04;letter-spacing:-.06em}.hero h1 em{color:#becaff}.hero-intro{font-size:18px;line-height:1.8;max-width:540px;margin-top:26px}.hero-actions{gap:25px;margin-top:32px}.trust-list{margin-top:32px;gap:16px}.trust-list li{font-size:12px;text-transform:none;letter-spacing:0;color:#acb5c6}.trust-list li:before{background:#a4b9fa;box-shadow:none}
.workflow{border:1px solid #333b4f;border-radius:16px;overflow:hidden;background:linear-gradient(130deg,#171e30,#0e121b 70%);box-shadow:0 32px 100px #0006;transform:rotate(-1deg)}.workflow-top,.workflow-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 20px;font:11px/1.4 ui-monospace,monospace;color:#a1acc0;border-bottom:1px solid var(--line)}.window-dots{font-size:10px;color:#707b99;letter-spacing:3px}.example-label{color:#d7ad87}.workflow-stage{padding:25px 32px 28px}.request-chip{display:flex;gap:12px;align-items:center;justify-content:center}.mini-icon{display:grid;place-items:center;width:40px;height:40px;background:#263047;border-radius:10px;color:#c1cbff}.request-chip small,.engine small{display:block;font:10px ui-monospace,monospace;letter-spacing:.12em;color:#8794ac}.request-chip strong{font-size:14px;font-weight:500}.connection{height:35px;width:1px;background:#455575;margin:auto;position:relative;overflow:hidden}.connection i{position:absolute;width:3px;height:12px;background:#d6dfff;left:-1px;animation:travel 2.5s linear infinite}.engine{display:flex;align-items:center;gap:14px;border:1px solid #68749b;background:linear-gradient(110deg,#303e62,#1b2338);border-radius:12px;padding:22px;box-shadow:0 0 48px #829cfb18}.engine-monogram{border:1px solid #9dace4;background:#b9c8ff;color:#16203c;border-radius:10px;padding:12px;font-weight:800}.engine strong{display:block;font-size:20px;font-weight:500;margin-top:4px}.engine-spark{margin-left:auto;font-size:30px;color:#b9c8ff}.workflow-checks{display:flex;justify-content:space-between;padding:16px 2px;font:11px ui-monospace,monospace;color:#aebbd7}.workflow-checks span{animation:check-pulse 9s infinite}.workflow-checks span:nth-child(2){animation-delay:3s}.workflow-checks span:nth-child(3){animation-delay:6s}.route-lines{height:26px;border:1px solid #455575;border-bottom:0;border-radius:10px 10px 0 0;margin:0 16%;position:relative}.route-lines:before{content:'';position:absolute;left:50%;height:26px;width:1px;background:#455575}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.destinations>div{padding:15px 10px;border:1px solid #354158;border-radius:8px;background:#101723;text-align:center}.destinations strong,.destinations small{display:block}.destinations>div>span{color:#aebeff;font-size:22px}.destinations strong{font-size:14px;margin:4px 0}.destinations small{font-size:11px;color:#9ca9bd}.workflow-bottom{border-top:1px solid var(--line);border-bottom:0;color:#bfcae3}.workflow-bottom button{font:11px inherit;background:none;border:0;color:#a8b4d0;cursor:pointer;text-decoration:underline}.workflow.paused *{animation-play-state:paused!important}
.signal-bar{justify-content:space-between;padding:25px max(24px,calc((100vw - var(--max))/2));background:#10141d;color:#8f9bb1;font-size:12px;min-height:76px}.signal-bar i{background:#bd987a}
.section{padding:100px 0}.section-heading{max-width:none}.section-heading h2,.control-copy h2,.security-panel h2,.cta-section h2{font-size:clamp(36px,4vw,58px);font-weight:450;line-height:1.12;letter-spacing:-.045em}h2 em{font-style:normal;color:#8e9cb9}.section-heading>p:last-child,.control-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:650px}.explorer{display:grid;grid-template-columns:360px 1fr;gap:40px;margin-top:45px}.explorer-options{display:grid;gap:8px}.explorer-options button{text-align:left;position:relative;padding:23px 25px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a0aabd;cursor:pointer}.explorer-options button[aria-selected=true]{background:#181f2e;border-color:#465371;color:#f2f5ff}.explorer-options button>span{font:11px ui-monospace,monospace;letter-spacing:.1em;color:#9aaad0}.explorer-options strong{display:block;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:13px 0 10px}.explorer-options small{display:block;font-size:14px;line-height:1.5;color:#9caac2}.explorer-options b{position:absolute;right:25px;top:20px;font-size:20px}.explorer-preview{min-width:0;align-self:center;border:1px solid #343e55;border-radius:16px;background:radial-gradient(ellipse at 80% 0,#27325188,transparent 65%),#111722;box-shadow:0 30px 80px #0004;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;padding:20px 26px;border-bottom:1px solid var(--line);font:11px ui-monospace,monospace;color:#a6b4d1}.preview-content{padding:35px;min-height:340px}.preview-content h3{font-size:28px;font-weight:500;letter-spacing:-.03em;margin:0 0 6px}.preview-content p{font-size:14px;color:#94a2b9;margin:0 0 28px}.sample-row{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid #303c53;border-radius:9px;margin:10px 0;background:#151e2d;font-size:14px;gap:15px}.sample-row span{color:#a5b6e8;font-size:12px}.sample-row b{font-weight:500}.sample-tag{display:inline-block;border:1px solid #4c665c!important;color:#b5d4c6!important;padding:4px 10px;border-radius:20px}.sample-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sample-metrics div{padding:20px 12px;background:#1b263b;border-radius:10px;font-size:12px;color:#a3b1ca}.sample-metrics strong{display:block;font-size:26px;color:#e5ebff;margin-top:10px}.sample-bars{height:95px;display:flex;align-items:end;gap:8px;margin-top:24px}.sample-bars i{flex:1;background:linear-gradient(#bac9ff,#455c9b);border-radius:4px 4px 0 0}.preview-footnote{margin:0;padding:16px 26px;border-top:1px solid var(--line);font-size:12px;color:#8190aa}.feature-grid{gap:35px;margin-top:65px}.feature-card{padding:27px 0;background:none;border:0;border-top:1px solid #354057;border-radius:0;min-height:0}.feature-card h3{margin-top:25px;font-size:23px}.feature-index{font-size:12px;color:#bd987a}.feature-card p{font-size:16px}.feature-card li{font-size:14px}.feature-card ul{margin-top:20px}.control-section{gap:90px}.control-copy{position:static}.control-list strong{font-size:20px;font-weight:500}.control-list p{font-size:16px}.control-list>div>span{font-size:12px;width:36px;height:36px;color:#c1cfff}.security-panel{background:linear-gradient(125deg,#252536,#151a24);border-color:#454054;border-radius:18px;padding:50px;gap:60px}.security-points strong{font-size:18px;font-weight:500}.security-points span{font-size:15px;line-height:1.7;color:#a5acbc}.cta-section{padding:50px 0 100px;width:min(1000px,calc(100% - 48px))}.cta-section>p:not(.eyebrow){font-size:17px}.site-footer{background:#10141c}.footer-brand strong{font-size:18px}.footer-brand span{font-size:13px;color:#9aa7bd}.site-footer nav a{font-size:13px}.copyright{font-size:12px;color:#8c99ad}.login-popover-head>p:last-child,.login-form label,.login-error{font-size:14px}.login-popover{background:#141c2a}.login-form input:not([type=hidden]){font-size:16px}.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #d4dfff;outline-offset:5px}
@keyframes travel{from{top:-12px}to{top:40px}}@keyframes check-pulse{0%,30%{color:#e2e9ff}35%,100%{color:#7786a3}}
@media(min-width:1600px){.hero{padding-block:110px}}
@media(max-width:1100px){.hero{gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:58px}.workflow-stage{padding:22px 18px}.workflow-checks{font-size:10px}.explorer{grid-template-columns:300px 1fr;gap:20px}.primary-nav{gap:18px}.site-header{gap:22px}.hero-actions{flex-wrap:wrap}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:55px 0;gap:45px}.hero h1{font-size:clamp(48px,8vw,70px)}.workflow{transform:none;max-width:650px;width:100%}.explorer{grid-template-columns:1fr}.explorer-options{grid-template-columns:repeat(3,1fr)}.explorer-options strong{font-size:19px}.explorer-options button{padding:18px 12px}.explorer-options small,.explorer-options b{display:none}.explorer-options button>span{font-size:10px}.control-section{gap:40px}.signal-bar{gap:25px;overflow:auto;justify-content:flex-start}.feature-grid{gap:20px}}
@media(max-width:550px){.site-header{height:78px;padding-inline:16px;gap:10px}.brand-name{font-size:16px}.brand-mark{width:36px;height:36px}.button-small{font-size:12px;padding-inline:12px;min-height:42px}.hero h1{font-size:52px}.hero-intro{font-size:17px}.hero-actions{flex-direction:row;gap:22px}.hero-actions .button{padding-inline:16px}.workflow-top{font-size:9px;padding:15px}.engine{padding:16px;gap:10px}.engine strong{font-size:18px}.engine-spark{display:none}.workflow-bottom{font-size:10px}.destinations small{font-size:10px}.section{padding-block:65px}.explorer-options strong{font-size:16px}.preview-content{padding:24px 18px}.sample-metrics{gap:6px}.sample-metrics strong{font-size:22px}.sample-row{padding:14px 12px}.security-panel{padding:30px 22px;gap:28px}.site-footer{gap:25px}.section-heading h2,.control-copy h2,.security-panel h2,.cta-section h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
