:root {
  color-scheme: dark;
  --bg: #040b1b;
  --surface: #0a1731;
  --surface2: #102447;
  --border: rgba(91, 179, 250, .22);
  --text: #edf7ff;
  --muted: #9fb4ce;
  --cyan: #22caff;
  --blue: #247cff;
  --green: #22e6b6;
  --purple: #9e83ff;
  --radius: 22px;
  --shadow: 0 24px 70px rgba(0, 0, 0, .24);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  scroll-behavior: smooth;
}
*,*::before,*::after { box-sizing: border-box }
body { margin: 0; color: var(--text); background: var(--bg); line-height: 1.55; overflow-x: hidden; }
body::before { content:""; position: fixed; pointer-events: none; z-index: -1; inset: 0; background: radial-gradient(ellipse 75% 43% at 68% 3%, #0e3773 0%, transparent 75%),linear-gradient(180deg,#07142d 0%,#040b1b 55%); }
a { color: inherit; text-decoration: none }
button,input { font: inherit }
button { cursor: pointer }
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible { outline: 3px solid #32d9ff; outline-offset: 4px }
[hidden] { display: none!important }
img,svg { max-width: 100% }
.svg-library { position:absolute; width:0;height:0; overflow:hidden }
.ico { width: 21px; height: 21px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round;stroke-linejoin:round; flex-shrink: 0 }
.container { width: min(1270px, calc(100% - 48px)); margin-inline: auto }
.section-pad { padding: 96px 0; scroll-margin-top: 80px }
h1,h2,h3,p { margin-top: 0 }
h1,h2,h3 { letter-spacing: -.035em; line-height: 1.12 }
h2 { font-size: clamp(32px, 4vw, 49px); margin-bottom: 18px }
h3 { font-size: 19px; margin-bottom: 8px }
p { color: var(--muted) }
.eyebrow { color: var(--cyan); font-size: 12px; letter-spacing: .17em; font-weight: 800; margin: 0 0 20px; text-transform: uppercase }
.gradient-text { color: var(--cyan); background: linear-gradient(90deg,#41e4ff,#28a5ff 55%,#40eed4); background-clip:text; -webkit-background-clip:text;-webkit-text-fill-color:transparent }
.green-text { color:var(--green) }.blue-text {color:var(--cyan)}
.topline { background: #0c2b55; color:#b4d4f6; min-height: 30px; font-size: 11px; font-weight:650; display:flex; align-items:center; justify-content:center; gap:9px; text-align:center; padding: 7px 15px; letter-spacing:.035em }
.dot,.glow-dot { width:7px; height:7px; border-radius:50%; background:#2ae8be; display:inline-block; box-shadow: 0 0 10px #1bc69c }
.site-header { position: sticky; top:0; z-index:10; background:rgba(5,15,34,.88); backdrop-filter:blur(19px); border-bottom: 1px solid var(--border) }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:77px; gap:24px }
.brand { display:flex; align-items:center; color:white; font-size: 26px; font-weight:900; letter-spacing:-.055em; white-space:nowrap }
.brand > span:last-child > span { color:var(--cyan) }
.brand-symbol { color:#10bfff; margin-right: 9px; display:grid;place-items:center }
.brand-symbol .ico { width:37px;height:37px;stroke-width: 3 }
.primary-nav { display:flex; gap:29px; align-items:center }
.primary-nav > a { font-size:14px; font-weight:650; color:#bbcee8; transition:color .2s }
.primary-nav > a:hover { color:#fff }
.primary-nav .nav-cta { color:#07152b; background: linear-gradient(120deg,#20caff,#48e7de); padding: 11px 20px; border-radius:100px; font-weight:800 }
.mobile-menu { display:none; background:none; border:1px solid var(--border); border-radius:12px; padding:8px;color:white }
.hero-section { position:relative; padding-top:80px; padding-bottom:43px; overflow:hidden; }
.hero-sky {position:absolute; pointer-events:none; inset:0; background:radial-gradient(ellipse 40% 70% at 90% 55%,#1862aa2a,transparent 100%),radial-gradient(ellipse 30% 55% at 10% 60%,#1744c52d,transparent 100%)}
.hero-grid { position:relative;display:grid; grid-template-columns: .93fr 1.07fr; align-items:center; gap: 40px }
.hero-copy {position:relative; z-index:1; padding:38px 0 52px}
.hero-copy h1 { font-size:clamp(43px, 5.5vw, 76px); margin-bottom:25px; letter-spacing:-.058em }
.hero-description { max-width:550px; line-height:1.75; font-size:16px; margin-bottom:30px }
.glow-dot { width:9px;height:9px;margin-right:7px }
.hero-actions { display:flex;gap:12px;flex-wrap:wrap }
.btn { display:inline-flex;justify-content:center;align-items:center;gap:15px; border-radius:12px; padding:13px 21px; font-size:14px; font-weight:800; transition:transform .2s, box-shadow .2s }
.btn:hover { transform: translateY(-2px) }
.btn-primary { background:linear-gradient(120deg,#05adff,#34e4e5); color:#031525; box-shadow:0 12px 30px #02b4ff2e }
.btn-outline { background:#0f2240; color:#d3eaff; border:1px solid #2a5d88 }
.trust-row { display:flex;flex-wrap:wrap; gap:24px; margin-top:34px;color:#bdcfe9;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.04em }
.trust-row span { display:flex;align-items:center;gap:6px }
.trust-row .ico { width:17px;height:17px;color:var(--cyan) }
.hero-art { position:relative; min-height:430px; border:1px solid rgba(43,155,255,.33); border-radius:26px; overflow:hidden; background:#0e2e5b; box-shadow:0 38px 84px #0007, inset 0 0 35px #58baf420 }
.hero-art img { display:block;width:100%;height:470px;object-fit:cover; object-position:60% center }
.hero-art::after { content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none; box-shadow:inset 0 0 65px #0611277b }
.floating-band { position:absolute; padding:9px 13px; border-radius:100px; font-size:12px; font-weight:800; display:flex;align-items:center;gap:5px;backdrop-filter:blur(12px); border:1px solid #ffffff56; box-shadow:0 5px 25px #0006 }
.floating-band .ico { width:18px;height:18px }
.band-blue {top:20px; left:20px; background:#0d4cbac9;color:#d9f8ff }
.band-green {top:20px;right:20px;background:#076b51d9;color:#dcfff1 }
.image-attribution { position:absolute; bottom:10px;right:14px; font-size:9px; color:#ffffffa5;letter-spacing:.06em }
.headline-bottom { display:flex; align-items:center; justify-content:center;gap:28px; color:#557da6;letter-spacing:.22em;font-size:11px;font-weight:800;margin-top:35px }
.headline-bottom .line {height:1px;flex:1;background:linear-gradient(90deg,transparent,#276a9a,transparent) }
.section-heading { display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px }
.section-heading > div > p:last-child { max-width:680px;margin-bottom:0 }
.section-chip { white-space:nowrap;border:1px solid var(--border);border-radius:999px;color:#82caf9;font-size:10px;font-weight:800;letter-spacing:.11em;padding:9px 12px }
.glass-panel { background: linear-gradient(150deg,rgba(19,43,81,.78),rgba(7,18,40,.94));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow) }
.workflow-layout {display:grid;grid-template-columns:340px 1fr;gap:20px}
.steps-panel {padding:25px 23px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.step {display:grid;grid-template-columns:43px 1fr;gap:14px;align-items:start;padding:9px 0}
.step h3 {font-size:16px;line-height:1.4;margin-bottom:5px}
.step p {font-size:12px;line-height:1.6;margin-bottom:0}
.step-number {display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font-size:17px;font-weight:900;color:white}
.step-number.blue {background:#1687fa}.step-number.green {background:#0daf79}.step-number.orange {background:#ed9821}.step-number.purple {background:#7e54db}.step-number.pink {background:#e64c95}
.flow-right { display:grid;grid-template-columns:1.2fr .86fr;gap:20px }
.integration-diagram,.payment-panel {padding:24px; min-width:0 }
.panel-title {display:flex;align-items:center;gap:13px;margin-bottom:32px }
.panel-title>.ico {width:34px;height:34px;color:var(--cyan)}
.panel-title h3 {margin-bottom:4px;font-size:19px}.panel-title p {font-size:11px;margin-bottom:0}
.router-box {height:120px;border-radius:18px; background:linear-gradient(160deg,#273951 2%,#0e1524 52%,#182539);border:1px solid #7a8aa080; box-shadow:inset 0 2px 3px #dae5ff40,0 13px 35px #0007;display:flex;align-items:center;justify-content:flex-end;flex-direction:column; padding-bottom:13px;max-width:440px;margin:0 auto 23px;position:relative}
.router-box strong {font-size:22px;font-style:italic;letter-spacing:-.04em}
.router-box small {letter-spacing:.28em;font-size:9px;color:#91adc9}
.router-ports {position:absolute;top:18px;display:flex;gap:7px;left:18px}.router-ports i {width:22px;height:17px;border:2px solid #091017;background:#040b12;box-shadow:inset 0 0 0 4px #334a60;border-radius:1px}
.protocol-tags { display:flex;flex-wrap:wrap;justify-content:center;gap:8px }
.protocol-tags span { background:#0d3762;border:1px solid #216bad;border-radius:20px;padding:7px 10px;color:#aedcff;font-weight:800;font-size:10px }
.wire-trunk {height:38px;width:64%;margin:auto;border:1px solid #20bafb;border-bottom:none;position:relative;top:5px;opacity:.6}
.wire-trunk::after { content:"";width:1px;height:27px;background:#20bafb;position:absolute;top:-27px;left:50%}
.nodes {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;text-align:center}
.nodes > div {min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px}
.node-ico {width:51px;height:51px;border-radius:50%;display:grid;place-items:center;background:#0b3157;border:2px solid #08b9ff;color:#7ddfff}
.node-ico .ico {width:25px;height:25px}
.node-ico.green-border {border-color:#16dfa2;color:#4fe6bc}.node-ico.purple-border{border-color:#ac75ff;color:#ccaeff}.node-ico.orange-border{border-color:#ffac4d;color:#ffd18b}.node-ico.red-border{border-color:#ff6183;color:#ffa3b9}
.nodes small {font-size:10px;color:#d4e7f9;line-height:1.25}
.payment-methods {display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.payment-methods > span {min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;text-align:center;background:#eaf9ff;color:#032947;border-radius:12px;padding:10px}
.payment-methods b {font-size:20px;letter-spacing:-.05em}.payment-methods span:nth-child(1) b,.payment-methods span:nth-child(2) b {color:#0a9c50}.payment-methods span:nth-child(3) b {color:#ed6b16}.payment-methods small {font-size:11px;font-weight:650}
.payment-flow {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:28px;text-align:center;font-size:11px;color:#acd2ee}
.payment-flow span:not(.flow-arrow),.payment-flow strong {background:#0e3558;border:1px solid #31678d;padding:9px;border-radius:9px}
.payment-flow strong {color:#25efbb;border-color:#1cb58e}.payment-flow .flow-arrow{color:#21c4ff;font-size:22px}
.micro-note {font-size:11px;line-height:1.6;margin:22px 0 0;text-align:center;color:#7495b8}
.dashboard-section {background:linear-gradient(90deg,#04102a,#0a2345 55%,#06152e);border-block:1px solid #1b37604d}
.dashboard-grid {display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.dashboard-intro p:not(.eyebrow) {max-width:420px;line-height:1.8}
.demo-label {display:inline-block;margin-top:13px;background:#0c2b50;color:#6bcafa;letter-spacing:.1em;padding:8px 11px;border-radius:8px;border:1px solid #21679d;font-size:10px;font-weight:800}
.dashboard-card {display:grid;grid-template-columns:54px 1fr;min-height:330px;padding:0;overflow:hidden}
.dash-sidebar {border-right:1px solid #204168;background:#071832;padding:17px 9px;display:flex;flex-direction:column;gap:15px;align-items:center}
.dash-logo {color:#19caff;margin:0 0 17px}.dash-sidebar .ico {width:19px;height:19px}
.dash-sidebar > span {display:grid;place-items:center;width:34px;height:34px;color:#7697b9;border-radius:10px}
.dash-sidebar > span.active {color:#44e1ff;background:#133e65}
.dash-body {padding:20px;min-width:0}
.dash-head {display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}
.dash-head strong {font-size:15px}.dash-head>span {font-size:10px;color:#8fb7cd}.dash-head .dot {height:5px;width:5px;margin-right:5px}
.metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.metrics>div {min-width:0;background:linear-gradient(120deg,#0867c7,#1455af);border-radius:9px;padding:11px 10px;display:flex;flex-direction:column}
.metrics>div:nth-child(2){background:linear-gradient(120deg,#00895f,#0ca67d)}.metrics>div:nth-child(3){background:linear-gradient(120deg,#5940be,#784fcb)}
.metrics small {font-size:9px;color:#eff7ff;white-space:nowrap}.metrics strong{font-size:clamp(16px,2.1vw,24px);letter-spacing:-.04em;margin:6px 0 0;white-space:nowrap}.metrics span {font-size:9px;color:#d2edff}
.dash-charts {display:grid;grid-template-columns: 1.25fr 1fr; gap:10px;margin-top:12px}
.chart-card {background:#eaf3ff;border-radius:8px;color:#0d3150;padding:12px;min-width:0;height:143px}
.chart-label {font-size:10px;font-weight:900;display:flex;justify-content:space-between;gap:5px}.chart-label small{color:#66839d;font-size:9px}
.line-chart {width:100%;height:94px;margin-top:4px}
.bars{height:95px;display:flex;gap:6px;align-items:end;justify-content:center;padding-top:10px}
.bars i{background:linear-gradient(180deg,#08b5fa,#0c4bb7);width:12%;height:var(--h);border-radius:2px 2px 0 0}
.dash-foot {display:flex;flex-wrap:wrap;gap:20px;color:#92b1d2;font-size:10px;margin-top:16px}
.feature-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}
.feature-card {padding:20px 16px;min-height:260px;transition:transform .2s,border-color .2s}
.feature-card:hover {transform:translateY(-4px);border-color:#16b3fb94}
.feature-heading {display:flex;gap:11px;align-items:center;margin-bottom:14px}
.feature-heading h3 {font-size:15px;margin:0;line-height:1.3}
.feature-card > p {font-size:12px;line-height:1.65;margin-bottom:16px}
.feature-icon {width:35px;height:35px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}
.feature-icon.cyan {color:#58d9ff;background:#13588b}.feature-icon.mint {color:#38e4aa;background:#125c56}.feature-icon.lilac {color:#c3a6ff;background:#48396f}.feature-icon.orange {color:#ffd08c;background:#715128}.feature-icon.pink {color:#ff91ca;background:#65335d}
.feature-icon .ico {width:21px;height:21px}
.check-list {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.check-list li {font-size:12px;color:#c6dcf0;line-height:1.4;padding-left:18px;position:relative}
.check-list li::before {content:"✓";position:absolute;left:0;top:0;color:#19efa6;font-weight:900}
.router-visual{height:93px;margin-bottom:13px;position:relative;display:flex;justify-content:center;align-items:end;padding-bottom:7px}
.router-visual > .ico{position:absolute;top:0;color:#5ae9fb;width:38px;height:38px}
.router-body {height:40px;width:150px;border-radius:8px;background:linear-gradient(#e1edf2,#879ab0);box-shadow:0 8px 22px #0008;display:flex;gap:6px;align-items:end;padding:7px 13px}
.router-body span{width:5px;height:5px;border-radius:50%;background:#00bf88}
.router-ant {height:60px;width:6px;background:#bfcedb;position:absolute;bottom:30px;border-radius:8px 8px 0 0}.router-ant.left{left:24%}.router-ant.right{right:24%}
.demo-map{height:135px;position:relative;border-radius:11px;overflow:hidden;margin-bottom:14px;background:radial-gradient(circle at 20% 30%,#31596a,#173144 40%,#122d3e 100%)}
.demo-map::before {content:"";position:absolute;inset:0;background-image:linear-gradient(125deg,#52766a2c 10%,transparent 10% 30%,#6c956d25 31% 38%,transparent 39% 60%,#5b897b2a 61%);background-size:140px 140px}
.demo-map svg{position:absolute;inset:0;width:100%;height:100%}
.map-pin{position:absolute;height:16px;width:16px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 4px #1dffb63a,0 5px 14px #0008}.map-pin.online{background:#00dd97}.map-pin.offline{background:#fa607b;box-shadow:0 0 0 4px #fa607b38,0 5px 14px #0008}
.pin-a{top:24%;left:22%}.pin-b{top:55%;left:67%}.pin-c{top:24%;left:80%}
.map-tag {position:absolute;bottom:8px;left:9px;font-size:9px;background:#071c37c9;color:#dbf4ff;border:1px solid #74acbe7c;border-radius:7px;padding:4px 6px;font-weight:800;letter-spacing:.1em}
.mini-wave{height:100px;margin:0 0 16px;display:grid;align-items:center;background:repeating-linear-gradient(0deg,#2670a530,#2670a530 1px,transparent 1px,transparent 20px);border-radius:8px}
.mini-wave svg {width:100%;height:95px}
.faq-section{border-top:1px solid #213c604d;background:linear-gradient(130deg,#071930,#071023)}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}
.faq-intro>p:not(.eyebrow){line-height:1.8;max-width:430px}
.faq-hint {display:flex;gap:12px;border:1px solid #2a6483;background:#0b2842;border-radius:14px;padding:16px;margin-top:30px}
.faq-hint > .ico {width:26px;height:26px;color:#57d4ff}
.faq-hint strong {display:block;font-size:13px;margin-bottom:5px}.faq-hint span{font-size:12px;color:#99bad5;line-height:1.7;display:block}
.search-wrap {position:relative;display:flex;align-items:center;margin-bottom:16px}
.search-wrap>.ico{position:absolute;left:17px;color:#78accc;width:21px}
.search-wrap input {display:block;width:100%;background:#102644;border:1px solid #285d83;border-radius:12px;color:white;padding:16px 16px 16px 52px;outline:none;font-size:13px}
.search-wrap input::placeholder{color:#8baccc}.search-wrap input:focus{border-color:#19c9ff}
.faq-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}
.filter-chip{color:#9dc4e5;background:#0d2847;border:1px solid #204a70;padding:7px 13px;border-radius:999px;font-size:11px;font-weight:800}
.filter-chip.active{background:#0b6ab6;color:white;border-color:#239df0}
.faq-list{display:flex;flex-direction:column;gap:9px}
.faq-item{border:1px solid #274c72;border-radius:13px;background:linear-gradient(115deg,#102946,#0c1b35)}
.faq-item[open]{border-color:#217eb3}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;color:#e7f6ff;font-weight:800;font-size:13px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary .ico{width:18px;height:18px;color:#2fd3ff;transition:transform .2s}
.faq-item[open] summary .ico{transform:rotate(180deg)}
.faq-item p{font-size:13px;line-height:1.78;margin:0;padding:0 18px 19px;color:#acc7dd}
.results-count{display:block;color:#779bb8;font-size:12px;margin-top:14px}
.no-results{color:#ffc5b3;text-align:center;border:1px dashed #7e5564;padding:22px;border-radius:12px}
.cta-section{padding-bottom:105px}
.cta-panel {position:relative;overflow:hidden;min-height:340px;border:1px solid #2c89c1;border-radius:25px;background:radial-gradient(ellipse 55% 90% at 91% 56%,#057dc2 0%,#0b3675 50%,transparent 100%),linear-gradient(120deg,#102c62,#061a41);padding:56px 64px;box-shadow:var(--shadow)}
.cta-content{position:relative;z-index:2;max-width:670px}.cta-content h2{font-size:clamp(31px,4.1vw,53px);margin-bottom:14px}.cta-content p{max-width:500px;color:#bbd5ee;font-size:14px;margin-bottom:25px}.cta-content small{display:block;color:#8dafcb;font-size:10px;margin-top:12px}
.cta-mark {position:absolute;right:9%;top:15%;opacity:.4;color:#41ccff;filter:drop-shadow(0 0 40px #1ea5ff)}.cta-mark .ico{width:265px;height:265px;stroke-width:1.1}
.cta-orb{position:absolute;width:400px;height:400px;border:1px solid #35b9ff45;border-radius:50%;right:-150px;top:-130px}.orb-2{width:530px;height:530px;top:-200px;right:-220px}
.footer{padding:39px 0;border-top:1px solid var(--border);background:#040a17}
.footer-inner{display:flex;gap:30px;align-items:center;justify-content:space-between}.footer .brand{font-size:20px}.footer .brand-symbol .ico{width:26px;height:26px}.footer p{font-size:11px;margin:5px 0 0}.footer-inner>a:last-child{font-size:12px;color:#7fdcff;font-weight:800;white-space:nowrap}
@media (max-width: 1220px){.flow-right{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-layout{grid-template-columns:280px 1fr}.payment-methods b{font-size:17px}.router-ports i{width:16px}.dashboard-grid{gap:30px}.faq-grid{gap:55px}}
@media (max-width: 980px){.hero-grid{grid-template-columns:1fr;gap:15px}.hero-copy{padding:0}.hero-copy h1{max-width:700px}.hero-art img{height:460px}.workflow-layout{grid-template-columns:1fr}.steps-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.steps-panel .step:last-child{grid-column:span 2}.dashboard-grid{grid-template-columns:1fr;gap:24px}.dashboard-intro p:not(.eyebrow){max-width:700px}.faq-grid{grid-template-columns:1fr;gap:34px}.faq-intro>p:not(.eyebrow){max-width:700px}.faq-hint{max-width:700px}.hero-section{padding-top:60px}.section-pad{padding:70px 0}.primary-nav{gap:18px}}
@media (max-width: 760px){.container{width:min(100% - 28px, 600px)}.topline{font-size:10px}.header-inner{height:68px}.mobile-menu{display:grid;place-items:center}.primary-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#06172f;padding:18px 20px 24px;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:5px;box-shadow:0 19px 40px #0008}.primary-nav.is-open{display:flex}.primary-nav>a{padding:10px 6px}.primary-nav .nav-cta{text-align:center;margin-top:5px}.hero-copy h1{font-size:clamp(42px,11vw,61px)}.hero-art{min-height:265px}.hero-art img{height:300px}.headline-bottom{font-size:8px;gap:12px}.section-heading{align-items:flex-start;flex-direction:column}.flow-right{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-panel{padding:42px 26px}.cta-mark{right:-20%;top:35%}.footer-inner{flex-wrap:wrap}.steps-panel{grid-template-columns:1fr}.steps-panel .step:last-child{grid-column:span 1}.hero-actions{gap:10px}.hero-actions .btn{width:100%}.trust-row{gap:12px 20px}.band-blue,.band-green{font-size:10px;padding:6px 9px}.band-blue{left:8px;top:8px}.band-green{right:8px;top:8px}}
@media (max-width: 480px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-heading h3{font-size:17px}.hero-art img{height:238px}.brand{font-size:21px}.brand-symbol .ico{width:30px;height:30px}.hero-description{font-size:14px}.headline-bottom{flex-wrap:wrap;gap:7px}.headline-bottom .line{width:12px;flex:0 0 12px}.metrics{gap:5px}.metrics>div{padding:10px 7px}.metrics strong{font-size:15px}.metrics small,.metrics span{font-size:8px}.dash-sidebar{padding-inline:5px}.dashboard-card{grid-template-columns:41px 1fr}.dash-body{padding:12px}.dash-charts{grid-template-columns:1fr}.chart-card{height:105px}.line-chart,.bars{height:65px}.dashboard-card{min-height:unset}.payment-methods>span{min-height:75px}.payment-methods b{font-size:16px}.cta-content h2{font-size:31px}.section-pad{padding:58px 0}}
@media (prefers-reduced-motion: reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* ISP sign-in dialog */
.signin-dlg{border:1px solid #2c89c1;border-radius:18px;background:linear-gradient(140deg,#0e2a50,#071a36);color:#e7f6ff;padding:28px;width:min(420px,92vw);box-shadow:0 30px 80px #000a}
.signin-dlg::backdrop{background:rgba(2,8,20,.7)}
.signin-dlg h2{margin:0 0 8px;font-size:22px}.signin-dlg p{font-size:13px;color:#acc7dd;line-height:1.6;margin:0 0 16px}
.signin-dlg label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}
.signin-dlg input{display:block;width:100%;box-sizing:border-box;background:#102644;border:1px solid #285d83;border-radius:10px;color:#fff;padding:12px 14px;font-size:15px;outline:none}
.signin-dlg input:focus{border-color:#19c9ff}
.signin-dlg .dlg-err{color:#ffc5b3;margin:8px 0 0}
.signin-dlg .dlg-actions{display:flex;gap:10px;justify-content:flex-end;margin:18px 0 12px}
.signin-dlg small{display:block;color:#8dafcb;font-size:11px}
.cta-content small a{color:#7fdcff}
.cta-content .hero-actions{margin-bottom:4px}