/* Shared visual refinement. Theme order: black → blue → blue-black. */
:root { --ink:#111c32; --muted:#63718a; --line:#dde5f0; }
body { background:#fcfdff; -webkit-font-smoothing:antialiased; }
.container { max-width:1384px; padding-left:56px; padding-right:56px; }
.section { padding-top:124px; padding-bottom:124px; }
.eyebrow { letter-spacing:2px; font-weight:650; }
h1,h2,h3 { font-weight:750; }
h2 { letter-spacing:-.045em; }
.section-heading { margin-bottom:58px; }
.section-heading > p { color:#64728b; }
.preview-banner { background:#14357b; color:#b6c8ed; border-bottom:1px solid #ffffff08; }
.preview-banner a { color:#e5edff; }
.header { background:linear-gradient(105deg,#070a11 0%,#15366e 52%,#0b1427 100%); box-shadow:0 8px 30px #03071210; }
.nav-wrap { max-width:1536px; height:88px; }
.brand { font-size:24px; }
.brand small { font-size:8px; letter-spacing:2.9px; }
.desktop-nav a { transition:color .2s; }
.button { border-radius:999px; padding:0 28px; transition:background .25s,transform .25s,box-shadow .25s; }
.button-red { background:#f03f4b; box-shadow:0 8px 24px #f03f4b18,inset 0 1px #ffffff25; }
.button-red:hover { background:#dc2d3d; box-shadow:0 12px 28px #ed3c492d; }
.button-blue { background:#2b65eb; box-shadow:inset 0 1px #ffffff24; }
.button-small { padding:0 21px; }
.button-outline { border-color:#c2cde0; background:#ffffffb3; }
.button-outline:hover { background:#edf3ff; border-color:#8ba6d4; }
.text-button > span, .arrow-link > span { transition:transform .2s; }
.text-button:hover > span, .arrow-link:hover > span { transform:translate(3px,-2px); }
.hero { isolation:isolate; background:linear-gradient(118deg,#05070c 5%,#1649a9 53%,#0b1427 100%); }
.hero-motion { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:url('./assets/hero-white-hexagon-v4.webp') center/cover no-repeat; opacity:.27; mix-blend-mode:screen; filter:invert(1); }
.hero-motion video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero:before { opacity:.45; pointer-events:none; }
.hero-grid { opacity:.25; pointer-events:none; }
.hero-orbit { opacity:.38; pointer-events:none; }
.hero-inner { gap:42px; min-height:750px; padding-top:76px; padding-bottom:82px; }
.hero h1 { line-height:1.2; }
.hero h1 > span { color:#82a9ff; background:linear-gradient(100deg,#6697ff,#adcaff); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero-copy .eyebrow { color:#bfd2f8; margin-bottom:28px; }
.hero-copy > p { color:#bfcee6; margin-top:31px; }
.hero-tags { color:#acbedb; padding-top:26px; border-top:1px solid #ffffff19; width:fit-content; margin-top:32px; }
.hero-tags span:before { color:#89aeff; }
.hero-visual { transform:translateX(12px); padding-top:32px; }
.dashboard { border-color:#6680ad66; border-width:4px; border-radius:16px; box-shadow:0 38px 90px #0007,0 0 0 1px #ffffff1c; transform:perspective(1500px) rotateY(-8deg) rotateZ(1.4deg); }
.dash-top { height:55px; }
.dash-content { padding:20px; }
.dash-chart { padding:14px 14px 8px; }
.floating-note { border:1px solid #e3eaf8; box-shadow:0 24px 48px #020c2038; border-radius:12px; padding:19px 21px; bottom:5px; }
.visual-caption { color:#b0c8ef; bottom:-23px; }
.visual-caption span { color:#a7b9d6; }
.orbit-label { color:#a2bde9; }
.hero-bottom { height:68px; border-top:1px solid #ffffff12; color:#a5b9d9; }
.hero-bottom a { color:#bed0eb; }
.service-strip { background:linear-gradient(105deg,#154fc9,#2869ec 55%,#1b50c4); }
.service-strip .container { padding-top:25px; padding-bottom:25px; min-height:108px; }
.service-strip span { color:#cddfff; }
.service-strip a { gap:32px; }
.features { background:linear-gradient(180deg,#fff,#fbfcff); }
.feature-tabs { gap:26px; border-bottom:0; margin-bottom:40px; }
.feature-tabs button { border-bottom:1px solid #dfe6f0; padding-bottom:23px; margin:0; gap:12px; }
.feature-tabs button[aria-selected=true] { border-bottom:3px solid #2563ed; background:linear-gradient(0deg,#eef4ff,transparent 65%); }
.feature-tabs button[aria-selected=true] > span { color:#1849b0; }
.feature-panel { background:linear-gradient(120deg,#f4f7fc,#eef3fb 60%,#f7f9fe); border:1px solid #e5ebf4; border-radius:20px; padding:52px; gap:48px; }
.feature-copy h3 { letter-spacing:-.04em; }
.feature-copy > p { color:#66738c; }
.feature-copy ul { color:#445674; }
.feature-index { color:#6b7e9e; }
.feature-demo { border-radius:13px; border-color:#e0e8f5; box-shadow:0 24px 56px #274b8512,0 3px 12px #274b8506; }
.demo-toolbar { padding-top:20px; padding-bottom:20px; }
.demo-rows > div { padding-top:17px; padding-bottom:17px; }
.workflow-section { padding-top:112px; background:linear-gradient(120deg,#070b13 0%,#1649a9 55%,#101d35 100%); position:relative; }
.workflow-section .eyebrow { color:#a9c5f5; }
.workflow-section h2 span { color:#b5caeb; }
.flow-number { color:#a1c4ff; font-weight:250; font-size:96px; }
.flow-number > span { color:#a1bde6; }
.workflow { border-color:#ffffff28; margin-top:60px; }
.workflow li { padding-top:30px; padding-bottom:34px; border-color:#ffffff24; }
.workflow li > span { display:grid; place-items:center; width:34px; height:34px; border:1px solid #ffffff2e; border-radius:50%; color:#bdd4ff; font-size:13px; }
.workflow li:last-child > span { border-color:#ffb3b65e; color:#ffb4bc; }
.workflow li:after { top:32px; color:#84a8de; }
.workflow h3 { margin-top:20px; }
.workflow p { color:#b1c6e7; margin-top:8px; }
.workflow-note { padding-top:39px; padding-bottom:39px; }
.workflow-note p { color:#a6bee2; }
.workflow-note strong { color:#d0def5; }
.workflow-note > a { color:#d7e4f8; }
.connections { background:#fff; }
.connection-layout { gap:92px; }
.connection-switch button { padding:21px 0; font-weight:550; color:#758299; }
.connection-switch button.active { color:#1c53bd; font-weight:700; }
.connection-switch button.active span { background:#eaf1ff; border-radius:50%; width:34px; height:34px; text-align:center; font-size:22px; }
.market-grid { gap:16px; }
.market-grid > div { height:135px; background:linear-gradient(140deg,#fff,#f7f9fd); border:1px solid #e4eaf3; box-shadow:0 6px 14px #17345804; border-radius:12px; transition:transform .25s,box-shadow .25s,border-color .25s; }
.market-grid > div:hover { transform:translateY(-4px); box-shadow:0 14px 30px #1734580c; border-color:#b8ccec; }
.plans-section { background:#f2f5fa; border-top:1px solid #e8edf5; border-bottom:1px solid #e8edf5; }
.plans { gap:28px; }
.plan { padding:43px 45px 34px; border-radius:19px; }
.plan-lite { box-shadow:0 14px 35px #17345805; }
.plan-pro { border:1px solid #6c94df33; box-shadow:0 24px 50px #183e8f16; }
.plan-top { padding-bottom:27px; border-bottom:1px solid #dde5f0; margin-bottom:29px; }
.plan-pro .plan-top { border-color:#ffffff24; color:#c1d2ee; }
.plan-pro .plan-top > b { color:#cfddf7; }
.plan > p { color:#64758f; }
.plan-pro > p, .plan-pro ul { color:#c4d5f0; }
.plan-pro li:before { color:#a6c5ff; }
.plan ul { margin-top:29px; margin-bottom:34px; }
.plan-art { top:157px; right:-7px; font-size:260px; font-weight:700; }
.pro-art { color:#75a0ff1b; }
.plan-pro .plan-note { color:#b7c9e8; }
.faq-section { background:#fcfdff; }
.faq-list { border-top-color:#17345e; }
.faq-list details { padding-top:25px; padding-bottom:25px; }
.faq-list summary { font-weight:600; }
.faq-list summary > span { height:27px; width:27px; background:#eff3fa; border-radius:50%; }
.faq-list summary > span:before,.faq-list summary > span:after { left:8px; top:13px; width:11px; }
.faq-list details[open] summary > span { background:#e5edff; }
.faq-list p { color:#60708b; }
.contact-section .container { padding-top:98px; padding-bottom:98px; }
.contact-copy h2 { font-size:52px; line-height:1.25; }
.contact-copy .eyebrow { color:#bdd2f4; }
.contact-copy > p:not(.eyebrow) { color:#c6d6f0; }
.contact-copy > .contact-hint { color:#b0c5e7 !important; }
.contact-copy > div { margin-top:35px; gap:35px; }
.contact-phone span { color:#bad1f5; }
.contact-art { opacity:.43; transform:rotate(-24deg) scale(1.04); top:76px; }
footer { background:linear-gradient(115deg,#06090e 0%,#122f65 52%,#0b1527 100%); }
.footer-top,.footer-bottom { border-color:#ffffff1a; }
.footer-top { padding-top:54px; padding-bottom:39px; }
.footer-info { padding-top:36px; padding-bottom:36px; }
.footer-info b { color:#e1e8f5; }
.footer-info p,.footer-links { color:#aebed8; }
.footer-links strong { color:#d3dff1; }
.footer-statement { color:#6689c57a; font-size:26px; }
.footer-statement span { color:#a3bde7; }
.footer-bottom { color:#98adcd; }
dialog { border:1px solid #e4eaf5; border-radius:20px; box-shadow:0 30px 120px #020b2780; }
@media(prefers-reduced-motion:reduce) { .market-grid>div:hover,.button:hover,.text-button:hover>span,.arrow-link:hover>span { transform:none; } }