/* Qwanta provider landing (B2B) */
body.ms{overflow:auto;user-select:auto}
.msw{max-width:1180px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px))}
.msnav{display:flex;align-items:center;gap:12px;height:64px}
.msnav .brand{display:flex;align-items:center;gap:8px}.msnav .brand .logo-mark{width:30px;height:30px}.msnav .wordmark{font-size:19px}
.msnav .links{display:flex;gap:4px;margin-left:12px}
.msnav .links a{padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink2);text-decoration:none}
.msnav .links a:hover{background:var(--panel3);color:var(--ink)}
.msnav .sp{flex:1}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:48px 0 40px}
.hero .kick{font:700 12px/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.hero h1{font:800 clamp(34px,5vw,58px)/1.02 var(--display);letter-spacing:-.03em;margin:14px 0 16px}
.hero p{font-size:17px;color:var(--ink2);max-width:560px;margin:0 0 22px}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.cta .btn{width:auto;padding:0 20px}
.stackcard{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;position:relative;overflow:hidden}
.stackcard h4{margin:0 0 10px;font:700 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.layer{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line);margin-bottom:8px;background:var(--panel2);animation:fadeup .5s var(--d) var(--ease) both}
.layer .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;color:#fff}
.layer b{display:block;font-size:14px}.layer small{color:var(--mute);font-size:12px}
.layer.broker{border-style:dashed;background:transparent}
.layer .tag{margin-left:auto;font:700 10px/1 var(--mono);padding:4px 7px;border-radius:5px;background:var(--accsoft);color:var(--acc);white-space:nowrap}
.layer .tag.g{background:var(--buysoft);color:var(--buy)}
.sec{padding:40px 0;border-top:1px solid var(--line)}
.sec h2{font:800 clamp(26px,3.4vw,38px)/1.08 var(--display);letter-spacing:-.025em;margin:0 0 10px}
.sec .sub{color:var(--ink2);font-size:16px;max-width:680px;margin:0 0 26px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
.card .ic{width:36px;height:36px;border-radius:10px;background:var(--accsoft);color:var(--acc);display:grid;place-items:center;margin-bottom:12px}
.card .ic svg{width:19px;height:19px}
.card h3{margin:0 0 6px;font:700 16px/1.25 var(--display)}
.card p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink2)}
.flow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;position:relative}
.flow .card{position:relative}
.flow .n{position:absolute;top:-12px;left:16px;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font:700 12px/1 var(--mono)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.bar{display:flex;height:54px;border-radius:12px;overflow:hidden;border:1px solid var(--line);font:700 12px/1 var(--mono)}
.bar div{display:flex;align-items:center;justify-content:center;color:#fff;white-space:nowrap;padding:0 6px}
.bar .pool{background:var(--buy);flex:95}.bar .brk{background:#131722;flex:4.5}.bar .ms{background:var(--acc);flex:1.2}
:root[data-theme="dark"] .bar .brk{background:#4a5160}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bar .brk{background:#4a5160}}
.legend2{display:grid;gap:8px;margin-top:14px;font-size:13px}
.legend2 div{display:flex;align-items:center;gap:8px}.legend2 i{width:12px;height:12px;border-radius:3px;flex:none}
.legend2 b{font-family:var(--mono)}
.lock{display:grid;gap:10px}
.lock .row{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel)}
.lock .row .ok{width:26px;height:26px;border-radius:50%;background:var(--buysoft);color:var(--buy);display:grid;place-items:center;font-weight:800;flex:none}
.lock .row .no{width:26px;height:26px;border-radius:50%;background:var(--sellsoft);color:var(--sell);display:grid;place-items:center;font-weight:800;flex:none}
.lock .row b{display:block;font-size:14px}.lock .row small{color:var(--ink2);font-size:12.5px}
.code{background:#131722;color:#d1d4dc;border-radius:12px;padding:14px 16px;font:12px/1.6 var(--mono);overflow:auto;border:1px solid var(--line)}
.code .c{color:#787b86}.code .k{color:#5b8cff}.code .s{color:#22c493}
.brokers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bk{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:12px;align-items:center}
.bk .blogo{width:40px;height:40px;font-size:18px}
.bk b{display:block}.bk small{color:var(--mute);font-size:12px}
.bk.add{border-style:dashed;color:var(--mute);justify-content:center;text-align:center;font-size:13px}
.foot{padding:28px 0 48px;border-top:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;color:var(--mute);font-size:12px}
@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:24px}.grid3,.brokers,.flow{grid-template-columns:1fr}.grid2,.split{grid-template-columns:1fr}.msnav .links{display:none}}
/* multi-page additions */
.msnav .brand{text-decoration:none;color:inherit}
.msnav .links a.on{background:var(--accsoft);color:var(--acc)}
.msnav .burger{display:none;font-size:18px}
.mnav{display:none}
.hero.one{grid-template-columns:1fr;max-width:760px;padding:40px 0 24px}
.hero .cta .btn svg{width:18px;height:18px}
.sec.tight{padding-top:0}
.ul{margin:0;padding:0 0 0 18px;font-size:13.5px;line-height:1.6;color:var(--ink2)}
.ul li{margin:4px 0}.ul li::marker{color:var(--buy)}.ul.no li::marker{color:var(--sell)}
.more{margin-top:16px;font-weight:600;font-size:14px}.more a{color:var(--acc);text-decoration:none}.more a:hover{text-decoration:underline}
.flow.four{grid-template-columns:repeat(4,1fr)}
.kvt{grid-template-columns:240px 1fr}
.kvt .cp{width:24px;height:24px;display:inline-grid;vertical-align:middle;margin-left:4px}
.card2{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
.audit .auh{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}
.audit .auh h3{margin:8px 0 4px;font:700 18px/1.2 var(--display)}
.audit .aus{text-align:right}.audit .aus b{display:block;color:var(--buy);font-size:15px}.audit .aus small{color:var(--mute);font-size:12px}
.sev{font:700 10px/1 var(--mono);padding:4px 7px;border-radius:5px;text-transform:uppercase}
.sev.high{background:var(--sellsoft);color:var(--sell)}.sev.medium{background:var(--warnsoft);color:var(--warn)}.sev.low{background:var(--accsoft);color:var(--acc)}.sev.info{background:var(--panel3);color:var(--mute)}
.audit table{margin:8px 0 14px}
.vbadge{font:700 10px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--warn);background:var(--warnsoft);padding:4px 7px;border-radius:5px}
.exnote{font-size:12.5px;color:var(--mute);margin-top:14px;display:flex;gap:8px;align-items:flex-start}.exnote svg{width:16px;height:16px;flex:none;margin-top:1px}
.scanbox form{display:flex;gap:10px}
.scanbox input{flex:1;height:52px;border-radius:12px;border:1.5px solid var(--line);background:var(--panel2);padding:0 16px;font:500 15px/1 var(--mono)}
.scanbox input:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 16%,transparent)}
.scanbox form .btn{width:auto;padding:0 20px;height:52px}
.demo{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:12px;color:var(--mute)}
.demo .chip{cursor:pointer}.demo .chip:hover{border-color:var(--acc);color:var(--acc)}
.scres{margin-top:18px;padding:16px 18px;border-radius:14px;border:1px solid;animation:fadeup .35s var(--ease)}
.scres.ok{background:var(--buysoft);border-color:color-mix(in srgb,var(--buy) 40%,transparent);color:var(--buy)}
.scres.bad{background:var(--sellsoft);border-color:color-mix(in srgb,var(--sell) 40%,transparent);color:var(--sell)}
.scres b{display:block;font-size:17px}.scres p{margin:6px 0 0;font-size:12px;color:var(--ink2)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.chk{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);animation:fadeup .35s var(--ease)}
.chk span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}
.chk.ok span{background:var(--buysoft);color:var(--buy)}.chk.bad span{background:var(--sellsoft);color:var(--sell)}
.chk b{display:block;font-size:13px}.chk small{font-size:11px;color:var(--mute);word-break:break-all}
.verify{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.verify summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--acc)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f{display:grid;gap:6px}.f label{font-size:12px;font-weight:600;color:var(--ink2)}
.f input{height:44px;border-radius:10px;border:1.5px solid var(--line);background:var(--panel);padding:0 12px;font-size:14px}
.actions{margin-top:16px}.actions .btn{width:auto;padding:0 18px;height:44px}
.foot{flex-direction:column;gap:10px}
.flinks{display:flex;flex-wrap:wrap;gap:14px}.flinks a{color:var(--ink2);text-decoration:none}.flinks a:hover{color:var(--acc)}
@media (max-width:900px){.msnav .burger{display:grid}.mnav.open{display:grid;gap:4px;padding:6px 0 12px;border-bottom:1px solid var(--line)}.mnav a{padding:10px 8px;border-radius:8px;font-weight:600;color:var(--ink2);text-decoration:none}.mnav a.on{color:var(--acc);background:var(--accsoft)}.flow.four{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.kvt{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr}.scanbox form{flex-direction:column}}
.dls{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.dl .btn{width:100%;margin-top:8px;height:42px;font-size:13px}.dl .ic svg{width:22px;height:22px}@media (max-width:900px){.dls{grid-template-columns:1fr 1fr}}
.scres.warn{background:var(--warnsoft);border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--warn)}
.stb{display:inline-block;font:700 10px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;margin-bottom:8px;background:currentColor}
.scres .stb{color:inherit;background:color-mix(in srgb,currentColor 14%,transparent)}

/* packages & requirements */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.plan{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--panel)}
.plan.hot{border:2px solid var(--acc);box-shadow:0 18px 40px -24px color-mix(in srgb,var(--acc) 60%,transparent)}
.plan .ptag{font:700 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.plan h3{margin:0;font:700 22px/1.15 var(--display)}
.plan .price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.plan .price b{font:800 36px/1 var(--display);letter-spacing:-.02em}.plan .price span{color:var(--mute);font-size:13px}
.plan .pfee{font-size:13px;color:var(--ink2);padding-bottom:6px;border-bottom:1px solid var(--line2)}
.plan .plist{flex:1;padding-left:20px}.plan .btn{width:100%;margin-top:6px}
.cmp th{text-align:left!important}.cmp td,.cmp th{padding:12px 14px!important}.cmp td:nth-child(2),.cmp td:nth-child(3){text-align:left!important;font-family:var(--body)}
.card.req{position:relative;padding-top:22px}.card.req .n{position:absolute;top:-11px;left:16px;width:24px;height:24px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font:700 11px/1 var(--mono)}
.card.req code{display:inline-block;margin-top:10px;font:12px var(--mono);background:var(--panel3);padding:4px 8px;border-radius:6px;color:var(--ink2)}
.card.st .stb{margin-bottom:8px}.card.st.ok{border-color:color-mix(in srgb,var(--buy) 40%,var(--line))}.card.st.ok .stb{color:var(--buy)}.card.st.warn .stb{color:var(--warn)}.card.st.bad .stb{color:var(--sell)}
.okbox.big{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:14px 16px;border-radius:12px;background:var(--buysoft);color:var(--buy);font-size:14px}.okbox.big svg{width:18px;height:18px;flex:none}
@media (max-width:900px){.plans{grid-template-columns:1fr}}
.kvt{display:grid;grid-template-columns:240px 1fr;font-size:13px}
.kvt>div{padding:9px 0;border-bottom:1px solid var(--line2)}
.kvt>div:nth-child(odd){color:var(--mute)}
.kvt .mono{word-break:break-all}
.cmp td:first-child{font-family:var(--body)!important;font-weight:600}
@media (max-width:900px){.kvt{grid-template-columns:1fr}.kvt>div:nth-child(odd){border-bottom:0;padding-bottom:0}}

/* 4-menu nav with dropdowns */
.msnav .links{gap:2px;margin-left:18px}
.dd{position:relative}
.ddb{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink2);white-space:nowrap}
.ddb svg{transition:transform .2s}
.dd:hover .ddb,.dd.open .ddb{background:var(--panel3);color:var(--ink)}
.dd.open .ddb svg{transform:rotate(180deg)}
.dd.cur .ddb{color:var(--acc)}
.ddm{position:absolute;top:calc(100% + 8px);left:-6px;min-width:290px;padding:8px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s,transform .16s,visibility .16s;z-index:60}
.ddm::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.dd.open .ddm{opacity:1;visibility:visible;transform:none}
.ddm a{display:grid;gap:2px;padding:10px 12px;border-radius:10px;text-decoration:none;color:inherit}
.ddm a:hover{background:var(--panel2)}
.ddm a b{font-size:14px;font-weight:600}.ddm a small{font-size:12px;color:var(--mute)}
.ddm a.on{background:var(--accsoft)}.ddm a.on b{color:var(--acc)}
.mnav .mg{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid var(--line2)}
.mnav .mg>b{font:700 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--acc);padding:6px 8px}
@media (max-width:900px){.msnav .links{display:none}}
.who table{width:100%;border-collapse:collapse;font-size:13.5px}.who th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);text-align:center;padding:8px 6px;border-bottom:1px solid var(--line)}.who th:first-child{text-align:left}
.who td{padding:9px 6px;border-bottom:1px solid var(--line2);text-align:center}.who td:first-child{text-align:left;color:var(--ink2)}
.who .y{color:var(--buy);font-weight:800}.who .x{color:var(--sell);font-weight:800}

/* ================= INSTITUTIONAL REDESIGN ================= */
body.ms{background:var(--bg)}
.msnav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);margin:0 calc(50% - 50vw);padding:0 calc(50vw - 50%);border-bottom:1px solid var(--line)}
/* hero: full-bleed navy band */
.hero.inst{display:block;margin:0 calc(50% - 50vw);padding:72px calc(50vw - 50%) 80px;background:radial-gradient(900px 420px at 85% 20%,rgba(41,98,255,.35),transparent 60%),radial-gradient(700px 380px at 10% 110%,rgba(8,153,129,.22),transparent 60%),linear-gradient(180deg,#0b1020,#0f1630);color:#e8ecf7;position:relative;overflow:hidden}
.hero.inst::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 40%,transparent);pointer-events:none}
.hero.inst .hgrid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;max-width:1180px;margin:0 auto}
.hero.inst .kick{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(41,98,255,.16);border:1px solid rgba(91,140,255,.35);color:#8fb0ff;font-size:11px}
.hero.inst h1{font-size:clamp(36px,4.6vw,60px);line-height:1.04;letter-spacing:-.035em;color:#fff;margin:18px 0 16px;max-width:13ch}
.hero.inst p{font-size:18px;line-height:1.5;color:#aab4cc;max-width:46ch;margin:0 0 28px}
.hero.inst .btn-sec{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.hero.inst .btn-sec:hover{background:rgba(255,255,255,.12)}
.hero.inst .btn{height:52px;padding:0 22px;font-size:15px}
/* emblem */
.emblem{position:relative;justify-self:center;width:300px;height:300px}
.emblem span{position:absolute;border-radius:50%;inset:0;border:1px solid rgba(143,176,255,.25)}
.emblem .r2{inset:40px;border-color:rgba(143,176,255,.35)}.emblem .r3{inset:80px;background:radial-gradient(circle,rgba(41,98,255,.35),transparent 70%);border-color:rgba(143,176,255,.5)}
.emblem .core{inset:110px;display:grid;place-items:center;background:linear-gradient(135deg,#2962ff,#5b8cff);border:0;box-shadow:0 20px 60px -10px rgba(41,98,255,.7);color:#fff}
.emblem .core svg{width:36px;height:36px}
.emblem .r1{animation:spin 30s linear infinite;border-style:dashed}
@keyframes spin{to{transform:rotate(360deg)}}
/* flow diagram */
.flowviz{position:relative;display:grid;grid-template-columns:1fr auto 1.3fr auto 1fr;align-items:center;gap:0;padding:28px 20px 20px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.node{display:grid;justify-items:center;text-align:center;gap:6px;padding:16px 10px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.node b{color:#fff;font-size:15px}.node small{color:#8d97b0;font-size:11.5px;line-height:1.3}
.node .nic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff}
.node.trader .nic{background:#089981}.node.broker .nic{background:#3a4256}
.node.vault{padding:22px 14px;background:linear-gradient(180deg,rgba(41,98,255,.28),rgba(41,98,255,.1));border:1.5px solid rgba(91,140,255,.6);box-shadow:0 0 0 6px rgba(41,98,255,.08),0 24px 50px -20px rgba(41,98,255,.6)}
.node.vault b{font-size:17px}
.lockb{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#2962ff;color:#fff;box-shadow:0 0 0 6px rgba(41,98,255,.25)}
.vbar{width:100%;height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:4px}.vbar i{display:block;height:100%;width:72%;background:linear-gradient(90deg,#089981,#22c493);animation:fill 3s ease-in-out infinite alternate}
@keyframes fill{from{width:55%}to{width:85%}}
.link{position:relative;width:54px;height:2px;margin:0 4px}
.link i{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(143,176,255,.8),rgba(255,255,255,.15));background-size:200% 100%;animation:flow 1.6s linear infinite}
.link.l2 i{animation-direction:reverse}
@keyframes flow{to{background-position:-200% 0}}
.link span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font:600 10px/1 var(--mono);color:#8fb0ff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.msbase{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;border-radius:14px;background:rgba(41,98,255,.12);border:1px dashed rgba(91,140,255,.45)}
.msbase .mslogo .logo-mark{width:26px;height:26px}.msbase b{color:#fff;font-size:14px}.msbase small{color:#a9b6d8;font-size:12px;margin-left:auto;text-align:right}
/* KPI band (spot numbers) */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:-36px 0 0;position:relative;z-index:2;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px -30px rgba(19,23,34,.35);overflow:hidden}
.kpi{padding:22px 24px;border-left:1px solid var(--line2);display:grid;gap:4px}.kpi:first-child{border-left:0}
.kpi b{font:800 38px/1 var(--display);letter-spacing:-.03em;color:var(--acc)}
.kpi.k1 b{color:var(--buy)}.kpi.k2 b{color:var(--warn)}.kpi.k3 b{color:var(--ink)}
.kpi span{font-size:13px;color:var(--ink2)}
/* section header with number */
.sec{padding:72px 0;border-top:0}
.shead{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin-bottom:28px}
.snum{font:700 12px/1 var(--mono);color:var(--acc);padding:7px 9px;border-radius:8px;background:var(--accsoft);margin-top:8px}
.sec h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;margin:0 0 8px;max-width:22ch}
.sec .sub{font-size:16px;color:var(--mute);max-width:60ch;margin:0}
/* cards: bolder, fewer words */
.card{border-radius:18px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(19,23,34,.35);border-color:color-mix(in srgb,var(--acc) 35%,var(--line))}
.card .ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2962ff,#5b8cff);color:#fff;margin-bottom:14px;box-shadow:0 10px 22px -12px rgba(41,98,255,.8)}
.card .ic svg{width:22px;height:22px}
.grid3>.card:nth-child(3n+2) .ic{background:linear-gradient(135deg,#089981,#22c493);box-shadow:0 10px 22px -12px rgba(8,153,129,.8)}
.grid3>.card:nth-child(3n) .ic{background:linear-gradient(135deg,#131722,#434651);box-shadow:0 10px 22px -12px rgba(19,23,34,.6)}
.card h3{font-size:18px;letter-spacing:-.01em;margin-bottom:6px}
.card p{font-size:14px;line-height:1.55;color:var(--mute)}
.grid3{gap:16px}.grid2{gap:16px}
/* lock rows → clean checklist */
.lock .row{border-radius:14px;padding:14px 16px}
.lock .row b{font-size:15px}
/* who table as highlight card */
.card.who{border:1.5px solid color-mix(in srgb,var(--acc) 30%,var(--line));background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--accsoft) 35%,var(--panel)))}
.who td:not(:first-child) span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%}
.who .y{background:var(--buysoft)}.who .x{background:var(--sellsoft)}
/* fee bar bigger */
.bar{height:72px;border-radius:16px;font-size:14px}
.legend2{font-size:14px}
/* plans */
.plan{border-radius:22px;padding:28px}.plan .price b{font-size:44px}
.plan.hot{background:linear-gradient(180deg,color-mix(in srgb,var(--accsoft) 60%,var(--panel)),var(--panel))}
.plan.hot::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(41,98,255,.25),transparent 70%)}
/* footer */
.foot{margin:40px calc(50% - 50vw) 0;padding:36px calc(50vw - 50%) 48px;background:#0b1020;color:#8d97b0;border-top:0}
.foot b{color:#fff}.flinks a{color:#aab4cc}.flinks a:hover{color:#fff}
@media (max-width:900px){.hero.inst{padding:44px 20px 64px}.hero.inst .hgrid{grid-template-columns:1fr;gap:32px}.emblem{width:200px;height:200px}.emblem .r2{inset:28px}.emblem .r3{inset:56px}.emblem .core{inset:74px}
  .flowviz{grid-template-columns:1fr;gap:10px}.link{width:2px;height:28px;justify-self:center;margin:0}.link i{background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(143,176,255,.8),rgba(255,255,255,.15));background-size:100% 200%}.link span{top:50%;left:12px;transform:translateY(-50%)}
  .kpis{grid-template-columns:1fr 1fr;margin-top:-28px}.kpi:nth-child(3){border-left:0}.kpi:nth-child(n+3){border-top:1px solid var(--line2)}.kpi b{font-size:30px}.sec{padding:48px 0}.shead{grid-template-columns:1fr;gap:8px}.snum{justify-self:start}}
.hero.inst h1{font-size:clamp(34px,4vw,54px);max-width:16ch}
.btn,.btn:hover{text-decoration:none}
.flow .card,.card.req{overflow:visible}
.sec{padding:56px 0}
.sec h2{max-width:28ch}
.split{align-items:start}
.card.who{width:100%}

.scanhero{display:grid;gap:12px;padding:22px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px -30px rgba(41,98,255,.6)}
.scanhero form{display:flex;gap:10px}
.scanhero input{flex:1;height:58px;border-radius:14px;border:1.5px solid rgba(143,176,255,.45);background:rgba(11,16,32,.6);color:#fff;padding:0 18px;font:500 15px/1 var(--mono)}
.scanhero input::placeholder{color:#6f7a96}
.scanhero input:focus{outline:0;border-color:#5b8cff;box-shadow:0 0 0 4px rgba(91,140,255,.25)}
.scanhero form .btn{width:auto;height:58px;padding:0 24px}
.scanhero .demo{color:#8d97b0}.scanhero .demo .chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:#cdd6ee}
.scanhero .demo .chip:hover{border-color:#5b8cff;color:#fff}
#scOut:empty{display:none}
@media (max-width:900px){.scanhero form{flex-direction:column}}
@media (max-width:900px){.hero.inst .kick{font-size:10px;letter-spacing:.08em;border-radius:10px;line-height:1.4}.hero.inst h1{font-size:34px}.hero.inst p{font-size:16px}
  .flowviz{padding:16px}.node{padding:12px;grid-template-columns:auto 1fr;justify-items:start;text-align:left;column-gap:12px}.node .nic,.node .lockb{grid-row:1 / 3}.node small{grid-column:2}.vbar{grid-column:1 / -1}.msbase{flex-wrap:wrap}.msbase small{margin-left:0;text-align:left}}

/* ===== page spotlights ===== */
/* products: hub & spokes */
.pviz{position:relative;width:440px;height:340px;justify-self:center}
.pcore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;background:radial-gradient(circle at 30% 30%,#5b8cff,#2962ff);box-shadow:0 0 0 10px rgba(41,98,255,.15),0 30px 60px -20px rgba(41,98,255,.8);z-index:2}
.pcore span svg{width:30px;height:30px;color:#fff}.pcore b{color:#fff;font-size:15px}.pcore small{color:#d6e2ff;font-size:11px}
.psat{position:absolute;width:150px;padding:12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);display:grid;gap:2px;z-index:2}
.psat span svg{width:20px;height:20px;color:#8fb0ff}.psat b{color:#fff;font-size:14px}.psat small{color:#8d97b0;font-size:11px}
.psat.s0{left:0;top:0}.psat.s1{right:0;top:0}.psat.s2{left:0;bottom:0}.psat.s3{right:0;bottom:0}
.pl{position:absolute;left:50%;top:50%;width:150px;height:2px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(143,176,255,.8),rgba(143,176,255,0));z-index:1}
.pl.l0{transform:rotate(-145deg)}.pl.l1{transform:rotate(-35deg)}.pl.l2{transform:rotate(145deg)}.pl.l3{transform:rotate(35deg)}
/* requirements: two big numbers + status */
.rviz{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:460px;justify-self:center}
.rcol{padding:22px;border-radius:20px;display:grid;gap:4px}
.rcol b{font:800 64px/1 var(--display);letter-spacing:-.04em;color:#fff}
.rcol span{color:#fff;font-weight:700;font-size:15px}.rcol small{color:rgba(255,255,255,.65);font-size:12px}
.rcol.rcode{background:linear-gradient(160deg,#2962ff,#1e3fa8);box-shadow:0 24px 50px -24px rgba(41,98,255,.9)}
.rcol.list{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15)}
.rstat{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}
.rstat span{flex:1;min-width:110px;text-align:center;padding:10px;border-radius:12px;font-weight:700;font-size:13px}
.rstat .v{background:rgba(8,153,129,.2);color:#3ee0b0}.rstat .w{background:rgba(255,152,0,.18);color:#ffb74d}.rstat .r{background:rgba(242,54,69,.18);color:#ff7a85}
.rnote{grid-column:1 / -1;display:flex;gap:8px;align-items:center;color:#a9b6d8;font-size:13px}.rnote svg{width:16px;height:16px;color:#3ee0b0}
/* download: platform buttons in hero */
.dviz{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:460px;justify-self:center}
.dbtn{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff;transition:transform .15s,background .2s,border-color .2s}
.dbtn:hover{transform:translateY(-2px);background:rgba(41,98,255,.25);border-color:#5b8cff}
.dbtn span{grid-row:1 / 3;width:42px;height:42px;border-radius:12px;background:#2962ff;display:grid;place-items:center}.dbtn span svg{width:22px;height:22px}
.dbtn b{font-size:15px}.dbtn small{color:#8d97b0;font-size:11px}
.dbtn:last-child{grid-column:1 / -1}
/* brokers: timeline */
.sviz{display:grid;gap:10px;width:100%;max-width:420px;justify-self:center;position:relative}
.sviz::before{content:"";position:absolute;left:23px;top:20px;bottom:60px;width:2px;background:linear-gradient(180deg,#5b8cff,#22c493)}
.sst{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px 12px 0;animation:fadeup .5s var(--d) var(--ease) both}
.sst span{width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;font:800 18px/1 var(--display);color:#fff;background:#2962ff;box-shadow:0 0 0 6px rgba(41,98,255,.2);z-index:1}
.sst b{color:#fff;font-size:16px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);flex:1}
.sdone{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:rgba(8,153,129,.2);color:#3ee0b0;font-weight:700}.sdone svg{width:18px;height:18px}
/* partners: logo wall */
.paviz{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:460px;justify-self:center}
.pa{aspect-ratio:1.2;border-radius:16px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;padding:10px;border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.03)}
.pa b{color:#8d97b0;font:800 20px/1 var(--display)}.pa small{color:#6f7a96;font-size:11px}.pa em{font-style:normal;font-size:10px;color:#8fb0ff}
.pa.on{border-style:solid;border-color:rgba(143,176,255,.35);background:rgba(41,98,255,.12)}.pa.on b{color:#fff;font-size:17px}.pa.on small{color:#a9b6d8}
/* contract: address card */
.aviz{width:100%;max-width:470px;justify-self:center;padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:grid;gap:8px}
.ah{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.ah b{color:#fff;font:600 13px var(--mono)}
.vb{padding:5px 10px;border-radius:999px;background:rgba(8,153,129,.22);color:#3ee0b0;font-weight:700;font-size:12px}
.ar{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;padding:10px 12px;border-radius:12px;background:rgba(11,16,32,.6)}
.ar small{color:#8d97b0;font-size:11px}.ar code{grid-row:2;color:#fff;font:500 14px var(--mono)}.ar .cp{grid-row:1 / 3;color:#8fb0ff}
@media (max-width:900px){.pviz{width:100%;max-width:340px;height:300px}.pcore{width:120px;height:120px}.psat{width:130px}.rcol b{font-size:48px}.dviz{grid-template-columns:1fr}.paviz{grid-template-columns:repeat(3,1fr)}}

/* ask-your-AI */
.aiq{margin:26px 0 10px;font:700 20px/1.2 var(--display)}
.aibox{border-radius:20px;padding:20px;background:linear-gradient(160deg,#0b1020,#16204a);color:#e8ecf7;border:1px solid rgba(91,140,255,.35);box-shadow:0 30px 60px -30px rgba(41,98,255,.6);display:grid;gap:12px}
.aih{display:flex;gap:12px;align-items:center}.aih b{display:block;font-size:17px;color:#fff}.aih small{color:#a9b6d8;font-size:13px}
.aiic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2962ff,#5b8cff);display:grid;place-items:center;flex:none}.aiic svg{width:22px;height:22px;color:#fff}
.aitx{width:100%;resize:vertical;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);color:#dfe6fb;padding:14px;font:12.5px/1.6 var(--mono)}
.aibtns{display:flex;flex-wrap:wrap;gap:8px}.aibtns .btn{width:auto;height:42px;padding:0 16px;font-size:13px}
.aibox .btn-sec{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#fff}
.aitips{margin:0;padding-left:18px;color:#a9b6d8;font-size:12.5px;line-height:1.6}
.arbb{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}
.arbb a{display:grid;gap:4px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel);text-decoration:none;color:inherit;transition:border-color .2s,transform .15s}
.arbb a:hover{border-color:var(--acc);transform:translateY(-2px)}.arbb b{color:var(--acc);font-size:14px}.arbb small{color:var(--mute);font-size:12px}
.vviz{display:grid;gap:10px;width:100%;max-width:420px;justify-self:center}
.vw{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.vw span{grid-row:1 / 3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 18px/1 var(--display);color:#fff}
.vw.a span{background:#2962ff}.vw.b span{background:#089981}.vw.c span{background:#3a4256}
.vw b{color:#fff;font-size:16px}.vw small{color:#a9b6d8;font-size:12px}
.vin{display:grid;gap:6px;margin-bottom:12px}.vin label{font-size:12px;font-weight:600;color:var(--ink2)}.vin input{height:48px;border-radius:12px;border:1.5px solid var(--line);background:var(--panel2);padding:0 14px;font:500 14px var(--mono)}
.flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.flag{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--sellsoft);border:1px solid color-mix(in srgb,var(--sell) 30%,transparent)}
.flag span{width:26px;height:26px;border-radius:50%;background:var(--sell);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}.flag p{margin:0;font-size:14px;color:var(--ink)}
@media (max-width:900px){.arbb{grid-template-columns:1fr 1fr}}
/* Why Qwanta: brokers vs traders */
.why2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.whyc{border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);position:relative;overflow:hidden}
.whyc.wb{background:linear-gradient(160deg,#131722,#1e2433);color:#fff;border-color:#2a3142}
.whyc.wt{background:linear-gradient(160deg,var(--buysoft),var(--panel) 70%)}
.whyc::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 35%,transparent),transparent 70%);pointer-events:none}
.whyc.wt::after{background:radial-gradient(circle,color-mix(in srgb,var(--buy) 30%,transparent),transparent 70%)}
.whyh{display:flex;align-items:center;gap:12px}
.whyi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--acc);color:#fff;flex:none}
.wt .whyi{background:var(--buy)}
.whyi svg{width:22px;height:22px}
.whyh small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.whyh b{font:700 22px/1.1 var(--display)}
.whyq{margin:0;font-size:13px;opacity:.75}
.whyl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.whyl li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--line)}
.wb .whyl li{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
.whyl li>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--accsoft);color:var(--acc)}
.wb .whyl li>span{background:rgba(91,140,255,.18);color:#8fb0ff}
.wt .whyl li>span{background:var(--buysoft);color:var(--buy)}
.whyl li>span svg{width:16px;height:16px}
.whyl b{display:block;font-size:14px;line-height:1.3}
.whyl small{display:block;font-size:12.5px;line-height:1.45;opacity:.75;margin-top:2px}
.whyc .btn{width:auto;align-self:flex-start;margin-top:auto;padding:0 18px;height:42px}
.wb .btn-pri{background:#fff;color:#131722}
.whys{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;margin:18px 0 24px;border-radius:14px;border:1px solid var(--line);background:var(--panel)}
.whys.wb{border-left:4px solid var(--acc)}.whys.wt{border-left:4px solid var(--buy)}
.whys>b{font-size:13px}
.whysl{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.whysl span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--panel2);color:var(--ink2)}
.whysl svg{width:13px;height:13px;color:var(--acc)}.wt .whysl svg{color:var(--buy)}
.whys>a{font-size:13px;font-weight:700;color:var(--acc);white-space:nowrap}
.vst{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.vr{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;font-size:13.5px}
.vr>div{padding:12px 14px;border-top:1px solid var(--line)}
.vr.vh>div{border-top:0;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);background:var(--panel2)}
.vr.vh .ms{color:var(--acc)}
.vr .no{color:var(--mute)}
.vr .ok{font-weight:700;color:var(--buy);background:color-mix(in srgb,var(--buy) 6%,transparent)}
@media (max-width:900px){.why2{grid-template-columns:1fr}.vr{grid-template-columns:1fr 1fr 1fr;font-size:12.5px}.vr>div{padding:10px}}
/* role band: software provider only */
.role{border-radius:20px;padding:26px;background:linear-gradient(150deg,#0d111b,#161c2b);color:#fff;border:1px solid #262d3d;display:grid;gap:18px}
.roleh h3{margin:6px 0 6px;font:700 26px/1.15 var(--display);letter-spacing:-.02em}
.roleh p{margin:0;color:#aab3c5;font-size:14.5px}
.rolek{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8fb0ff;font-weight:700}
.rolen{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.rolen>div,.roley>div{border-radius:14px;padding:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.rolen span,.roley span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;margin-bottom:10px}
.rolen span{background:rgba(242,54,69,.16);color:#ff6b78}
.roley span{background:rgba(8,153,129,.18);color:#2fd3a8}
.rolen b,.roley b{display:block;font-size:14px;line-height:1.3}
.rolen small,.roley small{display:block;font-size:12.5px;line-height:1.45;color:#aab3c5;margin-top:4px}
.roley{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.roley>div{background:rgba(8,153,129,.07);border-color:rgba(8,153,129,.25)}
.rolea{font-size:13px;font-weight:700;color:#8fb0ff}
@media (max-width:900px){.rolen{grid-template-columns:1fr 1fr}.roley{grid-template-columns:1fr}.role{padding:18px}}
@media (max-width:480px){.rolen{grid-template-columns:1fr}}
/* company footer */
.qfoot{margin:56px calc(50% - 50vw) 0;padding:56px calc(50vw - 50%) 28px;background:#0a0e1a;color:#8d97b0;font-size:13.5px}
.qft{display:grid;grid-template-columns:minmax(220px,1.1fr) 3fr;gap:48px}
.qfb .brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.qfb .brand .wordmark{color:#fff}
.qfb p{margin:14px 0 16px;line-height:1.55;max-width:34ch;color:#9aa4bd}
.qfst{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--mono);color:#b9c3da;padding:7px 11px;border:1px solid #232b40;border-radius:999px;background:#0f1526}
.qfst i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.qfsoc{display:flex;gap:8px;margin-top:18px}
.soc{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid #232b40;color:#9aa4bd;cursor:default}
.soc svg{width:16px;height:16px}
.soc:hover{color:#fff;border-color:#3a4562}
.qfc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.fcol b{display:block;color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.fcol a,.fcol .soon{display:block;padding:5px 0;color:#9aa4bd;text-decoration:none;line-height:1.35}
.fcol a:hover{color:#fff}
.soon{color:#6b7591}
.soon i{font-style:normal;font:600 9.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-left:6px;padding:2px 5px;border-radius:4px;background:#1a2135;color:#7f8aa6;vertical-align:1px}
.qfnote{margin-top:40px;padding-top:22px;border-top:1px solid #1c2336;font-size:12.5px;line-height:1.6;color:#7f8aa6;max-width:900px}
.qfbot{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;font-size:12.5px;color:#7f8aa6}
.qfl{display:flex;flex-wrap:wrap;gap:6px 20px;flex:1}
.qfl a{color:#9aa4bd;text-decoration:none}.qfl a:hover{color:#fff}
.qfl .soon{color:#7f8aa6}
.qflang{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:10px;border:1px solid #232b40;background:#0f1526;color:#d3dbee;font-size:12.5px;cursor:pointer}
.qflang svg{width:15px;height:15px}
@media (max-width:1000px){.qft{grid-template-columns:1fr;gap:36px}.qfc{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.qfc{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.qfoot{padding-top:40px}}
.qfb .logo-mark{width:32px;height:32px}
.qfb .wordmark{font-size:20px}
.qfnote{max-width:none}.qfnote{color:#7f8aa6}