:root {
  --bg:#070914;
  --bg-soft:#0c1020;
  --panel:#101629;
  --text:#f5f7ff;
  --muted:#929ab5;
  --line:rgba(155,169,220,.18);
  --blue:#34b9ff;
  --violet:#8259ff;
  --pink:#ec5dff;
  --cyan:#56f0d2;
  color-scheme:dark;
  font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:linear-gradient(180deg,#050713 0%,#090c1b 48%,#050710 100%); overflow-x:hidden; }
body.menu-open { overflow:hidden; }
main { display:flex; flex-direction:column; }
.signal-strip { order:1; }
.live-metrics { order:2; }
.live-pricing { order:3; }
.platform-section { order:4; }
.services { order:5; }
.flow { order:6; }
.api-section { order:7; }
.seo-content { order:8; }
.faq { order:9; }
.final-cta { order:10; }
a { color:inherit; text-decoration:none; }
button, input { font:inherit; }
button { color:inherit; }
.ambient-field { position:fixed; z-index:-5; inset:0; overflow:hidden; pointer-events:none; background:linear-gradient(115deg,rgba(42,89,180,.08),transparent 34%),linear-gradient(300deg,rgba(134,61,177,.07),transparent 38%); }
.ambient-field::before { content:""; position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(111,143,219,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(111,143,219,.14) 1px,transparent 1px); background-size:64px 64px; transform:perspective(700px) rotateX(64deg) scale(1.4) translateY(-7%); transform-origin:50% 0; mask-image:linear-gradient(#000,transparent 76%); }
.ambient-field span { position:absolute; width:1px; height:38vh; background:linear-gradient(transparent,rgba(86,240,210,.5),transparent); box-shadow:0 0 18px rgba(86,240,210,.22); animation:dataFall 8s linear infinite; }
.ambient-field span:nth-child(1) { left:18%; top:-42vh; }
.ambient-field span:nth-child(2) { left:63%; top:-38vh; animation-delay:-3s; animation-duration:11s; }
.ambient-field span:nth-child(3) { left:86%; top:-52vh; animation-delay:-6s; animation-duration:9s; }
.noise { display:none; }

.topbar { position:fixed; z-index:30; top:0; left:0; right:0; height:76px; padding:0 clamp(22px,4vw,68px); display:grid; grid-template-columns:1fr auto auto 1fr; gap:18px; align-items:center; border-bottom:1px solid rgba(180,202,255,.13); background:linear-gradient(110deg,rgba(8,12,28,.72),rgba(15,20,43,.5)); backdrop-filter:blur(24px) saturate(140%); box-shadow:0 18px 50px rgba(0,0,0,.18),inset 0 -1px rgba(255,255,255,.025); }
.brand { display:inline-flex; align-items:center; gap:10px; width:max-content; font-size:14px; font-weight:800; }
.brand-mark { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.4); background:linear-gradient(135deg,var(--blue),var(--violet) 62%,var(--pink)); box-shadow:0 0 28px rgba(89,105,255,.35); font-size:12px; }
.desktop-nav { display:flex; gap:34px; font-size:13px; color:#c4cae0; }
.desktop-nav a, .footer-links a { transition:color .2s ease; }
.desktop-nav a:hover, .footer-links a:hover { color:#fff; }
.nav-action { justify-self:end; display:inline-flex; align-items:center; gap:16px; padding:12px 17px; border:1px solid var(--line); background:rgba(255,255,255,.04); font-size:13px; font-weight:700; transition:border-color .2s,background .2s; }
.nav-action:hover { border-color:rgba(86,240,210,.6); background:rgba(86,240,210,.08); }
.language-picker { position:relative; }
.language-toggle { height:42px; min-width:142px; padding:0 11px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; border:1px solid rgba(152,177,255,.2); background:linear-gradient(120deg,rgba(18,28,56,.72),rgba(10,15,31,.72)); backdrop-filter:blur(18px); cursor:pointer; box-shadow:inset 0 1px rgba(255,255,255,.04); }
.language-toggle:hover,.language-toggle[aria-expanded="true"] { border-color:rgba(86,240,210,.45); background:#10182b; }
.language-toggle .language-code { min-width:28px; padding:4px 5px; color:#07121a; background:var(--cyan); font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; text-align:center; }
.language-toggle strong { overflow:hidden; color:#dce2f7; font-size:11px; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.language-toggle i { color:#6f7a99; font-style:normal; transition:transform .2s; }
.language-toggle[aria-expanded="true"] i { transform:rotate(180deg); }
.language-menu { position:absolute; z-index:50; top:calc(100% + 8px); right:0; width:248px; max-height:360px; overflow:auto; padding:7px; border:1px solid rgba(152,177,255,.28); background:linear-gradient(145deg,rgba(18,26,52,.94),rgba(7,11,25,.9)); backdrop-filter:blur(28px) saturate(150%); box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05); }
.language-menu[hidden] { display:none; }
.language-menu a { min-height:42px; padding:0 9px; display:grid; grid-template-columns:34px 1fr; align-items:center; gap:9px; color:#9ba5c1; }
.language-menu a:hover,.language-menu a[aria-current="page"] { color:#fff; background:rgba(52,185,255,.09); }
.language-menu a span { color:var(--blue); font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.language-menu a strong { font-size:11px; font-weight:650; }
.menu-button { display:none; width:42px; height:42px; border:1px solid var(--line); background:transparent; place-items:center; cursor:pointer; }
.menu-button span { position:absolute; width:18px; height:1px; background:#fff; transition:transform .25s; }
.menu-button span:first-child { transform:translateY(-4px); }
.menu-button span:last-child { transform:translateY(4px); }

.hero { position:relative; min-height:88svh; height:min(880px,88svh); padding:128px clamp(22px,6vw,92px) 56px; display:flex; align-items:center; overflow:hidden; isolation:isolate; border-bottom:1px solid var(--line); }
#energy-scene { position:absolute; z-index:-2; inset:0; width:100%; height:100%; }
.hero::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(7,9,20,.98) 0%,rgba(7,9,20,.82) 34%,rgba(7,9,20,.16) 68%,rgba(7,9,20,.58) 100%),linear-gradient(0deg,rgba(7,9,20,.8),transparent 42%); }
.hero-grid { position:absolute; z-index:-1; inset:0; opacity:.16; background-image:linear-gradient(rgba(128,145,210,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(128,145,210,.25) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,#000,transparent 62%); }
.hero-content { position:relative; z-index:2; width:min(820px,70vw); }
.eyebrow,.section-index { color:#99a7cc; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:10px; }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px var(--cyan); animation:pulse 1.8s ease-in-out infinite; }
.hero h1 { margin:18px 0 12px; max-width:760px; font-size:clamp(72px,11vw,168px); line-height:.78; letter-spacing:0; font-weight:900; }
.hero h1 span,.hero h1 small { display:block; }
.hero h1 small { max-width:620px; margin-top:28px; color:#aeb8d8; font-size:clamp(15px,1.5vw,21px); line-height:1.25; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.hero h1::after { content:""; display:block; width:clamp(180px,32vw,450px); height:7px; margin-top:30px; background:linear-gradient(90deg,var(--blue),var(--violet),var(--pink)); box-shadow:0 0 35px rgba(130,89,255,.5); }
.hero-copy { margin:34px 0 0; color:#c5cbe0; font-size:clamp(17px,1.6vw,23px); line-height:1.55; }
.hero-actions { display:flex; align-items:center; gap:30px; margin-top:34px; }
.primary-button { min-width:230px; min-height:58px; padding:0 12px 0 24px; display:inline-flex; align-items:center; justify-content:space-between; gap:24px; background:linear-gradient(110deg,#f8f9ff 0%,#d8dcff 100%); color:#080b16; font-size:14px; font-weight:800; box-shadow:0 18px 48px rgba(64,76,180,.22); transition:transform .25s,box-shadow .25s; }
.primary-button:hover { transform:translateY(-3px); box-shadow:0 22px 56px rgba(86,120,255,.34); }
.primary-button.compact { min-width:210px; min-height:52px; }
.button-arrow { width:38px; height:38px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--blue),var(--violet)); font-size:18px; }
.text-link { display:inline-flex; align-items:center; gap:12px; color:#d4d9ec; font-size:13px; font-weight:700; }
.text-link span { color:var(--cyan); }
.hero-readout { position:absolute; z-index:2; right:clamp(22px,5vw,74px); bottom:48px; display:flex; border:1px solid var(--line); background:rgba(7,9,20,.45); backdrop-filter:blur(12px); }
.hero-readout div { min-width:120px; padding:13px 16px; border-right:1px solid var(--line); }
.hero-readout div:last-child { border-right:0; }
.hero-readout span,.hero-readout strong { display:block; }
.hero-readout span { color:#707c9f; font-size:9px; font-weight:800; letter-spacing:.14em; }
.hero-readout strong { margin-top:6px; font-size:13px; }
.hero-hud { position:absolute; z-index:2; right:clamp(28px,6vw,98px); top:23%; width:min(340px,26vw); height:330px; perspective:900px; pointer-events:none; }
.hud-panel { --tilt-x:0deg; --tilt-y:0deg; --shine-x:50%; --shine-y:50%; position:absolute; overflow:hidden; border:1px solid rgba(155,188,255,.24); background:linear-gradient(140deg,rgba(25,40,76,.42),rgba(10,15,34,.22)); backdrop-filter:blur(20px) saturate(145%); box-shadow:0 30px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08),0 0 40px rgba(78,107,255,.08); transform-style:preserve-3d; }
.hud-panel::before { content:""; position:absolute; inset:0; opacity:.45; background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(135,210,255,.24),transparent 34%); }
.hud-panel span,.hud-panel strong,.hud-panel small,.hud-panel b { position:relative; z-index:2; display:block; }
.hud-panel span { color:#7f91bf; font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; }
.hud-panel strong { margin-top:10px; font-size:29px; }
.hud-panel small,.hud-panel b { margin-top:6px; color:#63e8d1; font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }
.hud-main { inset:42px 34px 94px 0; padding:28px; transform:translateZ(40px) rotateY(-11deg) rotateX(5deg); animation:hudFloat 7s ease-in-out infinite; }
.hud-main i { position:absolute; left:28px; right:28px; bottom:29px; height:1px; background:rgba(88,131,220,.24); }
.hud-main i::after { content:""; position:absolute; top:-2px; left:0; width:5px; height:5px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); animation:flow 2.8s linear infinite; }
.hud-main i:nth-of-type(2) { bottom:46px; opacity:.5; }
.hud-main i:nth-of-type(2)::after { animation-delay:-1s; }
.hud-main i:nth-of-type(3) { bottom:63px; opacity:.25; }
.hud-main i:nth-of-type(3)::after { animation-delay:-2s; }
.hud-route,.hud-latency { width:145px; padding:18px; }
.hud-route { top:0; right:0; transform:translateZ(72px) rotateY(8deg) rotateX(-4deg); animation:hudFloat 8s -2s ease-in-out infinite reverse; }
.hud-latency { right:3px; bottom:42px; transform:translateZ(55px) rotateY(6deg) rotateX(5deg); animation:hudFloat 9s -4s ease-in-out infinite; }
[data-tilt] { --tilt-x:0deg; --tilt-y:0deg; --shine-x:50%; --shine-y:50%; position:relative; overflow:hidden; transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transform-style:preserve-3d; transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s; }
[data-tilt]::after { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; opacity:0; background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(111,196,255,.15),transparent 36%); transition:opacity .25s; }
[data-tilt]:hover::after { opacity:1; }
[data-tilt]>* { position:relative; z-index:1; }
.scroll-cue { position:absolute; left:clamp(22px,4vw,68px); bottom:26px; display:flex; align-items:center; gap:10px; color:#67718d; font-size:9px; letter-spacing:.14em; }
.scroll-cue span { width:32px; height:1px; background:#66718e; }

.signal-strip { height:54px; overflow:hidden; display:flex; align-items:center; border-bottom:1px solid var(--line); background:#0b0e1a; }
.ticker { width:max-content; display:flex; align-items:center; gap:32px; animation:ticker 28s linear infinite; white-space:nowrap; color:#6e7899; font-size:10px; font-weight:800; letter-spacing:.2em; }
.ticker i { width:5px; height:5px; background:var(--violet); box-shadow:0 0 12px var(--violet); transform:rotate(45deg); }
.account-button { color:#fff; cursor:pointer; }
.account-dot { width:7px; height:7px; border-radius:50%; background:#77819f; box-shadow:0 0 12px rgba(119,129,159,.4); }
.account-button.signed-in .account-dot { background:var(--cyan); box-shadow:0 0 14px var(--cyan); }
.live-metrics { position:relative; display:grid; grid-template-columns:1.35fr repeat(4,1fr); min-height:144px; border-bottom:1px solid var(--line); background:linear-gradient(110deg,rgba(12,19,40,.92),rgba(8,11,25,.74)); backdrop-filter:blur(24px); box-shadow:inset 0 1px rgba(255,255,255,.025),0 28px 70px rgba(0,0,0,.16); }
.metric { position:relative; padding:28px clamp(20px,3vw,44px); display:flex; flex-direction:column; justify-content:center; overflow:hidden; border-right:1px solid var(--line); }
.metric:last-child { border-right:0; }
.metric::after { content:""; position:absolute; inset:auto -30% 0; height:2px; opacity:.35; background:linear-gradient(90deg,transparent,var(--blue),var(--violet),transparent); animation:metricScan 4s linear infinite; }
.metric>span,.metric>small { color:#66718f; font-size:9px; font-weight:800; letter-spacing:.16em; }
.metric strong { margin:8px 0 4px; font-size:clamp(25px,2.3vw,40px); letter-spacing:0; }
.metric-primary { background:linear-gradient(120deg,rgba(49,74,210,.16),transparent); }
.metric-primary strong { color:#fff; }
.metric-pulse strong { color:var(--cyan); font-size:clamp(18px,1.7vw,28px); line-height:1.1; }
.metric-pulse::before { content:""; position:absolute; right:22px; top:22px; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 18px var(--cyan); animation:pulse 1.7s infinite; }
.live-pricing { position:relative; isolation:isolate; padding:96px max(22px,calc((100vw - 1280px)/2)); overflow:hidden; border-bottom:1px solid var(--line); background:linear-gradient(135deg,rgba(13,21,46,.94),rgba(6,9,20,.96)); }
.live-pricing::before { content:""; position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(52,185,255,.08),transparent 32%),linear-gradient(270deg,rgba(130,89,255,.09),transparent 36%); }
.pricing-signal { position:absolute; z-index:-1; inset:0; overflow:hidden; opacity:.45; pointer-events:none; }
.pricing-signal span { position:absolute; top:50%; left:-10%; width:120%; height:1px; background:linear-gradient(90deg,transparent,rgba(52,185,255,.35),rgba(86,240,210,.7),rgba(130,89,255,.35),transparent); }
.pricing-signal i { position:absolute; top:calc(50% - 3px); left:-10px; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 20px var(--cyan); animation:pricePacket 7s linear infinite; }
.pricing-signal i:nth-child(2) { animation-delay:-2.3s; background:var(--blue); }
.pricing-signal i:nth-child(3) { animation-delay:-4.6s; background:var(--violet); }
.pricing-heading { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:end; margin-bottom:38px; }
.pricing-heading h2 { max-width:760px; margin:13px 0 0; font-size:clamp(34px,4.4vw,64px); line-height:1.02; }
.price-freshness { min-width:210px; padding:14px 16px; display:grid; grid-template-columns:auto 1fr; gap:5px 10px; border:1px solid rgba(86,240,210,.2); background:rgba(7,13,27,.58); backdrop-filter:blur(18px); }
.price-freshness i { grid-row:1/3; align-self:center; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px var(--cyan); animation:pulse 1.5s infinite; }
.price-freshness span { color:#9aa6c4; font-size:10px; font-weight:700; }
.price-freshness time { color:#5f6d8e; font:9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.pricing-grid { display:grid; grid-template-columns:1fr 1fr .72fr; gap:14px; align-items:stretch; }
.price-card,.price-proof { min-width:0; border:1px solid rgba(143,173,245,.2); background:linear-gradient(145deg,rgba(20,31,62,.72),rgba(7,11,24,.82)); backdrop-filter:blur(24px) saturate(145%); box-shadow:inset 0 1px rgba(255,255,255,.04),0 24px 70px rgba(0,0,0,.2); }
.price-card { padding:28px; }
.price-card-primary { border-color:rgba(86,240,210,.28); box-shadow:inset 0 1px rgba(255,255,255,.05),0 25px 75px rgba(0,0,0,.22),0 0 55px rgba(52,185,255,.06); }
.price-card-top { display:flex; justify-content:space-between; gap:16px; color:var(--blue); font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; }
.price-card-top b { padding:5px 7px; color:#07151a; background:var(--cyan); font-size:8px; }
.price-card h3 { min-height:54px; margin:24px 0 10px; max-width:390px; font-size:20px; line-height:1.35; }
.price-number { display:flex; align-items:baseline; gap:8px; margin:20px 0 24px; white-space:nowrap; }
.price-number small { color:#707d9d; font-size:11px; }
.price-number strong { font-size:clamp(42px,4vw,68px); line-height:1; }
.price-number em { color:var(--cyan); font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; }
.price-details { display:grid; grid-template-columns:1fr 1fr; border-block:1px solid var(--line); }
.price-details>span { min-width:0; padding:15px 12px 15px 0; }
.price-details>span+span { padding-left:16px; border-left:1px solid var(--line); }
.price-details b,.price-details strong { display:block; }
.price-details b { color:#64718f; font-size:9px; font-weight:650; }
.price-details strong { margin-top:7px; color:#dce3f8; font-size:13px; }
.price-details [data-saving-percent] { color:var(--cyan); }
.price-action { width:100%; min-height:50px; margin-top:20px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(52,185,255,.26); background:rgba(52,185,255,.07); color:#e9f7ff; cursor:pointer; font-size:12px; font-weight:750; transition:.2s; }
.price-action:hover { border-color:var(--cyan); background:rgba(86,240,210,.11); transform:translateY(-2px); }
.price-action:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.price-action i { color:var(--cyan); font-style:normal; }
.price-proof { padding:26px; display:flex; flex-direction:column; }
.price-proof>div { padding:18px 0; border-bottom:1px solid var(--line); }
.price-proof span,.price-proof strong { display:block; }
.price-proof span { color:#65718e; font-size:9px; line-height:1.45; letter-spacing:.08em; text-transform:uppercase; }
.price-proof strong { margin-top:9px; font-size:25px; }
.price-proof p { margin:auto 0 0; padding-top:24px; color:#6e7998; font-size:10px; line-height:1.65; }
.section { width:min(1180px,calc(100% - 44px)); margin:0 auto; padding:120px 0; }
.section-heading { display:grid; grid-template-columns:1.45fr .75fr; gap:70px; align-items:end; margin-bottom:66px; }
.section h2,.final-cta h2 { margin:16px 0 0; font-size:clamp(42px,6vw,82px); line-height:1; letter-spacing:0; }
.section-heading p,.flow-copy>p,.try-copy>p,.api-copy>p { margin:0; color:var(--muted); font-size:16px; line-height:1.75; }

.service-list { border-top:1px solid var(--line); }
.service-item { position:relative; min-height:250px; display:grid; grid-template-columns:90px 1fr 300px; gap:24px; align-items:center; border-bottom:1px solid var(--line); }
.service-item::after { content:""; position:absolute; right:0; bottom:0; left:0; height:1px; opacity:0; background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent); transition:opacity .3s; }
.service-item:hover::after { opacity:.55; }
.service-number { align-self:start; padding-top:46px; color:#5e6989; font-size:12px; }
.service-label { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.16em; }
.service-item h3 { margin:12px 0 18px; font-size:clamp(28px,3.2vw,44px); }
.service-item p { max-width:570px; margin:0; color:var(--muted); line-height:1.7; }
.service-visual { position:relative; justify-self:end; width:230px; height:150px; display:grid; place-items:center; overflow:hidden; }
.energy-gauge strong { font-size:40px; }
.energy-gauge small { position:absolute; top:96px; color:#7782a2; font-size:9px; letter-spacing:.2em; }
.gauge-ring { position:absolute; width:134px; height:134px; border-radius:50%; border:1px solid rgba(74,195,255,.22); border-top-color:var(--blue); border-right-color:var(--violet); box-shadow:inset 0 0 40px rgba(52,185,255,.1),0 0 32px rgba(130,89,255,.12); animation:spin 9s linear infinite; }
.gauge-ring::before,.gauge-ring::after { content:""; position:absolute; border-radius:50%; border:1px dashed rgba(236,93,255,.35); inset:14px; }
.gauge-ring::after { inset:28px; border-style:solid; border-color:rgba(86,240,210,.18); }
.risk-orbit span { position:absolute; width:128px; height:128px; border:1px solid rgba(130,89,255,.35); border-radius:50%; transform:rotate(60deg); }
.risk-orbit span:nth-child(2) { transform:rotate(-60deg); }
.risk-orbit span:nth-child(3) { transform:rotate(90deg) scale(.72); border-color:rgba(52,185,255,.35); }
.risk-orbit i { width:20px; height:20px; border-radius:50%; background:var(--cyan); box-shadow:0 0 34px var(--cyan); }
.code-flow { grid-template-columns:auto 1fr auto; gap:12px; padding:35px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.code-flow span,.code-flow strong { padding:10px 12px; border:1px solid var(--line); font-size:12px; }
.code-flow span { color:var(--pink); }
.code-flow strong { color:var(--cyan); }
.code-flow i { height:1px; background:linear-gradient(90deg,var(--violet),var(--cyan)); position:relative; }
.code-flow i::after { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 12px var(--cyan); top:-3px; animation:flow 2s linear infinite; }

.flow { position:relative; width:100%; max-width:none; padding:130px max(22px,calc((100vw - 1180px)/2)); display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; background:linear-gradient(125deg,rgba(15,24,52,.9),rgba(8,11,25,.82)); border-block:1px solid var(--line); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.flow-copy { align-self:center; }
.flow-copy>p { margin:26px 0 34px; max-width:450px; }
.flow-steps { border-top:1px solid var(--line); }
.flow-step { min-height:150px; padding-inline:18px; display:grid; grid-template-columns:70px 1fr; gap:20px; align-items:center; border:1px solid transparent; border-bottom-color:var(--line); background:linear-gradient(120deg,rgba(52,91,160,.06),transparent); }
.flow-step:hover { border-color:rgba(99,217,229,.22); box-shadow:0 20px 50px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.03); }
.flow-step>span { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(52,185,255,.32); color:var(--blue); font-size:12px; }
.flow-step strong { display:block; font-size:22px; }
.flow-step p { margin:8px 0 0; color:var(--muted); line-height:1.6; }

.try-section { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; align-items:center; }
.try-copy>p { margin-top:26px; max-width:390px; }
.order-console { padding:1px; background:linear-gradient(125deg,rgba(52,185,255,.55),rgba(130,89,255,.18),rgba(236,93,255,.55)); box-shadow:0 35px 90px rgba(0,0,0,.34),0 0 70px rgba(71,83,210,.1); }
.order-console>* { background:#0b1020; }
.console-top { height:52px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; color:#6f7b9e; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; }
.console-live { display:flex; align-items:center; gap:8px; color:var(--cyan); }
.console-live i { width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.amount-control { padding:20px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; border-top:1px solid var(--line); }
.amount-control button { min-height:90px; padding:14px; border:1px solid var(--line); background:#0d1325; cursor:pointer; transition:border-color .2s,background .2s; }
.amount-control button:hover,.amount-control button.active { border-color:var(--violet); background:rgba(130,89,255,.12); }
.amount-control strong,.amount-control span,.amount-control em { display:block; }
.amount-control strong { font-size:18px; }
.amount-control span { margin-top:8px; color:var(--muted); font-size:11px; }
.amount-control em { margin-top:8px; color:var(--cyan); font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; letter-spacing:.04em; }
.console-field { padding:18px 20px 24px; display:block; border-top:1px solid var(--line); }
.console-field>span { display:block; margin-bottom:10px; color:#6f7b9e; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }
.console-field input { width:100%; height:52px; padding:0 16px; border:1px solid var(--line); outline:none; background:#070b16; color:#fff; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.console-field input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(52,185,255,.08); }
.console-summary { min-height:90px; padding:18px 20px; display:grid; grid-template-columns:120px 120px 1fr; gap:18px; align-items:center; border-top:1px solid var(--line); }
.console-summary div span,.console-summary div strong { display:block; }
.console-summary div span { color:#627092; font-size:9px; letter-spacing:.13em; }
.console-summary div strong { margin-top:6px; font-size:14px; }
.console-summary a { justify-self:end; padding:15px 18px; background:linear-gradient(110deg,var(--blue),var(--violet)); font-size:12px; font-weight:800; }
.console-summary a span { margin-left:14px; }

.api-section { width:100%; max-width:none; padding:110px max(22px,calc((100vw - 1180px)/2)); border-block:1px solid var(--line); background:#090d1a; }
.api-stage { position:relative; min-height:560px; padding:76px; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; overflow:hidden; border:1px solid var(--line); background:radial-gradient(circle at 68% 50%,rgba(66,75,200,.2),transparent 34%),#0b0f1c; }
.api-lines { position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(98,119,198,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(98,119,198,.3) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,transparent,#000); }
.api-copy { position:relative; z-index:2; }
.api-copy>p { margin:28px 0 34px; max-width:490px; }
.api-actions { display:flex; align-items:center; gap:26px; flex-wrap:wrap; }
.api-terminal { position:relative; z-index:2; border:1px solid rgba(132,151,224,.25); background:rgba(5,8,17,.9); box-shadow:0 30px 80px rgba(0,0,0,.32),0 0 70px rgba(87,63,220,.1); transform:perspective(900px) rotateY(-5deg) rotateX(2deg); transition:transform .3s; }
.api-terminal:hover { transform:perspective(900px) rotateY(0) rotateX(0); }
.terminal-bar { height:48px; display:flex; align-items:center; gap:7px; padding:0 16px; border-bottom:1px solid var(--line); }
.terminal-bar span { width:7px; height:7px; border-radius:50%; background:#58617c; }
.terminal-bar span:nth-child(2) { background:var(--violet); }
.terminal-bar span:nth-child(3) { background:var(--cyan); }
.terminal-bar b { margin-left:auto; color:#687394; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.api-terminal pre { margin:0; padding:28px; overflow:auto; color:#cdd4ef; font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace; }
.code-violet { color:#b184ff; }.code-blue { color:#6cc7ff; }.code-pink { color:#ff84d8; }.code-green { color:#65e7bd; }.code-muted { color:#58617b; }

.seo-content { width:min(1180px,calc(100% - 44px)); padding-block:110px; }
.seo-content h2 { max-width:930px; margin:16px 0 42px; font-size:clamp(42px,5.4vw,76px); line-height:1; }
.seo-copy { display:grid; grid-template-columns:1fr 1fr; gap:50px; padding-block:32px; border-block:1px solid var(--line); }
.seo-copy p { margin:0; color:var(--muted); font-size:16px; line-height:1.8; }
.seo-links { margin-top:28px; display:flex; flex-wrap:wrap; gap:8px; }
.seo-links a { padding:9px 12px; border:1px solid var(--line); color:#8792b2; font-size:10px; transition:border-color .2s,color .2s; }
.seo-links a:hover,.seo-links a[aria-current="page"] { border-color:var(--blue); color:#fff; }

[dir="rtl"] .hero-content,[dir="rtl"] .section-heading,[dir="rtl"] .service-item,[dir="rtl"] .platform-intro,[dir="rtl"] .api-copy,[dir="rtl"] .seo-content,[dir="rtl"] .faq,[dir="rtl"] .final-cta { text-align:right; }
[dir="rtl"] .button-arrow { transform:scaleX(-1); }

.platform-section { position:relative; isolation:isolate; overflow:hidden; padding:120px max(22px,calc((100vw - 1280px)/2)); border-block:1px solid var(--line); background:#070a13; }
.platform-section::before { content:""; position:absolute; z-index:-2; inset:0; background:linear-gradient(120deg,rgba(20,42,92,.2),transparent 38%),linear-gradient(300deg,rgba(91,35,151,.16),transparent 38%); }
#network-scene { position:absolute; z-index:-1; inset:0; width:100%; height:100%; opacity:.58; pointer-events:none; }
.platform-intro { display:grid; grid-template-columns:1.2fr .7fr; gap:70px; align-items:end; margin-bottom:58px; }
.platform-intro h2 { margin:16px 0 0; font-size:clamp(48px,6vw,84px); line-height:.98; }
.platform-intro>p { margin:0; color:var(--muted); font-size:16px; line-height:1.75; }
.network-ribbon { min-height:54px; margin-bottom:12px; padding:0 18px; display:grid; grid-template-columns:auto minmax(80px,1fr) auto minmax(80px,1fr) auto; align-items:center; gap:14px; overflow:hidden; border:1px solid rgba(116,139,220,.22); color:#7e8aa8; background:#090d19; font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; }
.network-ribbon>span { white-space:nowrap; }
.network-ribbon>span:first-child { color:#9feeff; }
.network-ribbon>span>i { display:inline-block; width:6px; height:6px; margin-right:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px var(--cyan); animation:pulse 1.4s infinite; }
.network-track { height:1px; position:relative; overflow:hidden; background:rgba(104,125,201,.18); }
.network-track b { width:4px; height:4px; position:absolute; top:-1px; left:-8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); animation:network-packet 2.8s linear infinite; }
.network-track b:nth-child(2) { animation-delay:.55s; }
.network-track b:nth-child(3) { animation-delay:1.1s; }
.network-track b:nth-child(4) { animation-delay:1.65s; }
.network-track b:nth-child(5) { animation-delay:2.2s; }
.network-track.reverse b { animation-direction:reverse; background:var(--violet); box-shadow:0 0 10px var(--violet); }
.platform-shell { min-height:720px; display:grid; grid-template-columns:245px 1fr; border:1px solid rgba(116,139,220,.28); background:#090d19; box-shadow:0 40px 120px rgba(0,0,0,.28),0 0 80px rgba(58,65,190,.08); }
.platform-sidebar { display:flex; flex-direction:column; padding:24px 16px; border-right:1px solid var(--line); background:#080b15; }
.platform-brand { display:flex; align-items:center; gap:12px; margin:0 8px 42px; }
.platform-brand>div { display:flex; flex-direction:column; gap:3px; }
.platform-brand strong { font-size:12px; letter-spacing:.08em; }
.platform-brand small { color:#596684; font-size:8px; letter-spacing:.15em; }
.platform-tab { min-height:54px; padding:0 13px; display:flex; align-items:center; gap:13px; border:0; border-left:2px solid transparent; background:transparent; color:#7d87a4; text-align:left; text-decoration:none; cursor:pointer; transition:.2s; }
.platform-tab span { color:#4e5b7d; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.platform-tab:hover,.platform-tab.active { color:#fff; background:rgba(75,91,177,.11); border-left-color:var(--blue); }
.platform-tab.active span { color:var(--blue); }
.platform-status { margin-top:auto; padding:18px 12px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; border-top:1px solid var(--line); color:#99a4c2; font-size:10px; }
.platform-status i { width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px var(--cyan); }
.platform-status small { color:#4d5d80; font-size:8px; }
.platform-main { position:relative; min-width:0; overflow:hidden; }
.account-strip { min-height:76px; padding:14px 24px; display:grid; grid-template-columns:1fr 1fr auto auto; align-items:center; gap:12px; border-bottom:1px solid var(--line); background:rgba(12,17,31,.84); }
.account-strip>div { min-width:0; }
.account-strip span,.field-label { display:block; color:#65718f; font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; }
.account-strip strong { display:block; margin-top:7px; overflow:hidden; color:#dce2f7; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.icon-action { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); background:transparent; color:#8894b7; cursor:pointer; font-size:18px; }
.icon-action:hover { color:var(--cyan); border-color:rgba(86,240,210,.45); }
.app-panel { min-height:642px; padding:34px; }
.dashboard-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:#080c17; }
.dashboard-grid article { min-height:150px; padding:24px; border-right:1px solid var(--line); }
.dashboard-grid article:last-child { border-right:0; }
.dashboard-grid span,.dashboard-grid small { display:block; color:#65718f; font-size:9px; letter-spacing:.12em; }
.dashboard-grid strong { display:block; margin:20px 0 10px; color:#fff; font-size:27px; }
.dashboard-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:14px; }
.dashboard-actions a { min-height:112px; padding:18px; display:grid; grid-template-columns:1fr auto; align-items:end; border:1px solid var(--line); background:linear-gradient(145deg,rgba(20,31,62,.7),rgba(7,11,25,.82)); color:#fff; text-align:left; text-decoration:none; cursor:pointer; }
.dashboard-actions a:hover { border-color:rgba(52,185,255,.45); transform:translateY(-2px); }
.dashboard-actions span { grid-column:1/-1; align-self:start; color:var(--blue); font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; }
.dashboard-actions strong { font-size:14px; }
.dashboard-actions i { color:var(--cyan); font-style:normal; }
.dashboard-recent { margin-top:28px; }
.aml-workspace { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:16px; }
.aml-builder,.aml-result { padding:25px; border:1px solid var(--line); background:#080c17; }
.aml-tiers { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:18px; }
.aml-tiers button { min-height:176px; padding:17px; display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--line); background:#0b1020; color:#77829f; text-align:left; cursor:pointer; }
.aml-tiers button:hover,.aml-tiers button.active { border-color:var(--violet); background:rgba(130,89,255,.1); color:#fff; }
.aml-tiers span { color:var(--blue); font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }
.aml-tiers strong { margin-top:13px; color:#eef1ff; font-size:14px; }
.aml-tiers small { margin-top:8px; color:#6b7694; font-size:10px; line-height:1.5; }
.aml-tiers em { margin-top:auto; color:var(--cyan); font-style:normal; font-weight:800; }
.aml-submit { width:100%; margin-top:16px; border:0; }
.aml-result { min-height:330px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.aml-result>strong { margin-top:18px; font-size:22px; }
.aml-result>small { max-width:290px; margin-top:10px; color:#6f7b99; line-height:1.6; }
.aml-radar { position:relative; width:150px; height:150px; margin-top:20px; display:grid; place-items:center; border:1px solid rgba(52,185,255,.28); border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 23px,rgba(52,185,255,.12) 24px 25px); }
.aml-radar::after { content:""; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 18px var(--cyan); }
.aml-radar i { position:absolute; inset:50% 0 auto; height:1px; background:rgba(52,185,255,.2); transform:rotate(60deg); }
.aml-radar i:nth-child(2) { transform:rotate(120deg); }
.aml-radar i:nth-child(3) { transform:rotate(180deg); }
.aml-risk-score { color:var(--cyan); font-size:46px!important; }
.aml-exposures { width:100%; margin-top:20px; text-align:left; }
.aml-exposures div { padding:10px 0; display:flex; justify-content:space-between; gap:15px; border-top:1px solid var(--line); font-size:11px; }
.aml-history-row { width:100%; border:0; border-bottom:1px solid var(--line); background:transparent; color:inherit; text-align:left; cursor:pointer; }
.aml-history-row:hover { background:rgba(52,185,255,.04); }
.settings-layout { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.settings-layout p { color:#77829f; line-height:1.65; }

body.page-home .platform-section,
body.page-public .platform-section { display:none; }
body.page-public.page-energy .services,
body.page-public.page-energy .api-section,
body.page-public.page-energy .seo-content,
body.page-public.page-energy .faq { display:none; }
body.page-public.page-aml .live-pricing,
body.page-public.page-aml .flow,
body.page-public.page-aml .api-section,
body.page-public.page-aml .seo-content { display:none; }
body.page-public.page-aml .service-item:not(:nth-child(2)) { display:none; }
body.page-public.page-api .live-pricing,
body.page-public.page-api .flow,
body.page-public.page-api .seo-content,
body.page-public.page-api .faq { display:none; }
body.page-public.page-api .service-item:not(:nth-child(3)) { display:none; }
body.page-public.page-pricing .services,
body.page-public.page-pricing .flow,
body.page-public.page-pricing .api-section,
body.page-public.page-pricing .seo-content,
body.page-public.page-pricing .faq { display:none; }
body.page-public.page-reviews .live-pricing,
body.page-public.page-reviews .services,
body.page-public.page-reviews .flow,
body.page-public.page-reviews .api-section,
body.page-public.page-reviews .seo-content,
body.page-public.page-reviews .faq { display:none; }
body.page-public.page-help .live-pricing,
body.page-public.page-help .services,
body.page-public.page-help .flow,
body.page-public.page-help .api-section,
body.page-public.page-help .seo-content { display:none; }

body.page-app { min-height:100vh; overflow-x:hidden; background:#070914; }
body.page-app .ambient-field,body.page-app .noise { position:fixed; }
body.page-app .topbar { background:rgba(7,9,20,.92); }
body.page-app main>section:not(.platform-section),
body.page-app footer { display:none; }
body.page-app .platform-section { width:100%; min-height:100vh; padding:104px 22px 28px; }
body.page-app .platform-intro,body.page-app .network-ribbon,body.page-app #network-scene { display:none; }
body.page-app .platform-shell { width:min(1540px,100%); min-height:calc(100vh - 132px); margin:0 auto; grid-template-columns:220px minmax(0,1fr); }
body.page-app .platform-sidebar { min-height:calc(100vh - 132px); }
body.page-app .platform-main { min-height:calc(100vh - 132px); }
body.page-app .app-panel { min-height:calc(100vh - 208px); }
.panel-title { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:30px; }
.panel-title span { color:var(--blue); font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.17em; }
.panel-title h3 { margin:7px 0 0; font-size:27px; }
.step-indicator { display:flex; gap:7px; }
.step-indicator i { width:26px; height:2px; background:#28314d; }
.step-indicator i.active { background:linear-gradient(90deg,var(--blue),var(--violet)); box-shadow:0 0 12px rgba(52,185,255,.5); }
.order-status-strip { min-height:56px; margin:-12px 0 16px; display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid rgba(116,139,220,.2); background:linear-gradient(90deg,rgba(52,185,255,.05),rgba(130,89,255,.07),rgba(86,240,210,.04)); }
.order-status-strip>div { min-width:0; padding:10px 14px; display:grid; grid-template-columns:auto 1fr; gap:3px 9px; align-content:center; border-right:1px solid var(--line); }
.order-status-strip>div:last-child { border-right:0; }
.order-status-strip i { grid-row:1/3; align-self:center; width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 13px rgba(86,240,210,.85); }
.order-status-strip span { overflow:hidden; color:#677492; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.order-status-strip strong { color:#dbe7f9; font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.11em; }
.order-workspace { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr); gap:16px; min-height:510px; }
.order-builder { min-width:0; display:grid; gap:14px; border:0; background:transparent; }
.quick-launch { min-height:70px; margin-bottom:14px; padding:12px 14px; display:grid; grid-template-columns:170px 1fr; gap:14px; align-items:center; border:1px solid rgba(52,185,255,.22); background:rgba(10,18,34,.82); }
.quick-launch>div:first-child span,.quick-launch>div:first-child small { display:block; }
.quick-launch>div:first-child span { color:var(--cyan); font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; }
.quick-launch>div:first-child small { margin-top:6px; color:#66718e; font-size:10px; }
.quick-launch-list { min-width:0; display:flex; gap:8px; overflow-x:auto; scrollbar-width:thin; }
.quick-launch-item { min-width:150px; height:44px; padding:0 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--line); background:#0b1020; color:#dfe5fa; cursor:pointer; }
.quick-launch-item:hover { border-color:var(--violet); background:rgba(130,89,255,.11); }
.quick-launch-item span,.quick-launch-item small { display:block; text-align:left; }
.quick-launch-item span { font-size:11px; font-weight:750; }
.quick-launch-item small { margin-top:3px; color:#6e7896; font-size:8px; }
.quick-launch-item i { color:var(--cyan); font-style:normal; }
.address-stage,.amount-stage,.quote-stage { min-width:0; padding:28px; border:1px solid rgba(116,139,220,.24); background:linear-gradient(145deg,rgba(18,27,52,.78),rgba(7,11,23,.88)); backdrop-filter:blur(22px) saturate(135%); box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 48px rgba(0,0,0,.16); }
.address-stage:focus-within,.amount-stage:focus-within { border-color:rgba(52,185,255,.42); box-shadow:inset 0 1px rgba(255,255,255,.05),0 20px 55px rgba(0,0,0,.2),0 0 36px rgba(52,185,255,.06); }
.order-step-heading { display:flex; align-items:center; gap:13px; margin-bottom:22px; }
.order-step-heading>span { width:30px; height:30px; display:grid; place-items:center; flex:none; border:1px solid rgba(52,185,255,.35); color:var(--blue); background:rgba(52,185,255,.08); font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.order-step-heading strong,.order-step-heading small { display:block; }
.order-step-heading strong { font-size:14px; }
.order-step-heading small { margin-top:4px; color:#687493; font-size:10px; }
.quote-stage { display:flex; flex-direction:column; border:1px solid rgba(116,139,220,.3); background:linear-gradient(180deg,#10172a,#080c17); box-shadow:0 20px 60px rgba(0,0,0,.18); }
.quote-kicker { color:#6d7897; font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; }
.quote-kicker span { margin-right:8px; color:var(--cyan); }
.address-stage .console-field { padding:0; border:0; }
.address-stage .console-field input { margin-top:10px; }
.scan-button { width:100%; min-height:50px; margin-top:14px; padding:0 10px 0 17px; display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(52,185,255,.35); background:rgba(52,185,255,.08); cursor:pointer; font-weight:750; }
.scan-button i { width:32px; height:32px; display:grid; place-items:center; background:rgba(52,185,255,.14); color:var(--blue); font-style:normal; }
.scan-button:disabled { opacity:.5; cursor:wait; }
.address-result { position:relative; min-height:184px; margin-top:25px; padding:74px 18px 20px; overflow:hidden; border:1px solid var(--line); background:#080c17; }
.address-result::before { content:""; position:absolute; inset:0; opacity:.22; background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(71,96,173,.22) 18px); }
.address-result strong,.address-result small { position:relative; z-index:2; display:block; }
.address-result strong { font-size:16px; }
.address-result small { margin-top:9px; color:#717d9d; line-height:1.5; }
.address-result.success strong { color:var(--cyan); }
.address-result.error strong { color:#ff7f96; }
.scan-line { position:absolute; z-index:1; top:0; left:0; right:0; height:1px; background:var(--blue); box-shadow:0 0 18px var(--blue); animation:addressScan 3s ease-in-out infinite; }
.amount-stage>.field-label { margin-bottom:14px; }
.amount-stage .amount-control { padding:0; grid-template-columns:1fr; border:0; }
.amount-stage .amount-control button { min-height:78px; text-align:left; }
.amount-stage .amount-control strong { font-size:20px; }
.custom-energy { margin-top:12px; }
.custom-energy span { display:block; margin-bottom:8px; color:#65718f; font-size:9px; letter-spacing:.13em; }
.custom-energy input { width:100%; height:46px; padding:0 12px; border:1px solid var(--line); outline:0; background:#080c17; color:#fff; }
.quote-visual { position:relative; height:174px; display:grid; place-items:center; overflow:hidden; }
.quote-visual span { position:absolute; width:118px; height:118px; border:1px solid rgba(89,101,255,.32); border-radius:50%; animation:spin 12s linear infinite; }
.quote-visual span:nth-child(2) { width:150px; height:72px; transform:rotate(55deg); border-color:rgba(52,185,255,.3); animation-direction:reverse; }
.quote-visual span:nth-child(3) { width:72px; height:150px; transform:rotate(-55deg); border-color:rgba(236,93,255,.3); }
.quote-visual strong { position:relative; z-index:2; font-size:32px; text-shadow:0 0 28px rgba(129,89,255,.7); }
.quote-values { border-top:1px solid var(--line); }
.quote-values>div { min-height:58px; display:flex; justify-content:space-between; align-items:center; gap:15px; border-bottom:1px solid var(--line); }
.quote-values span { color:#626e8e; font-size:9px; letter-spacing:.13em; }
.quote-values strong { font-size:13px; }
.quote-values .quote-price strong { color:var(--cyan); font-size:21px; }
.order-submit,.topup-submit { width:100%; margin-top:auto; min-width:0; border:0; cursor:pointer; }
.order-submit:disabled,.topup-submit:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.order-notice { min-height:34px; margin:12px 0 0; color:#66718f; font-size:10px; line-height:1.5; text-align:center; }
.order-notice.error { color:#ff8295; }
.order-notice.success { color:var(--cyan); }
.auth-gate { position:absolute; z-index:8; inset:76px 0 0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:30px; overflow:hidden; text-align:center; background:rgba(7,10,19,.88); backdrop-filter:blur(16px); }
.auth-gate[hidden] { display:none; }
.auth-gate h3 { position:relative; z-index:2; margin:14px 0; font-size:clamp(38px,5vw,66px); line-height:1; }
.auth-gate p { position:relative; z-index:2; max-width:500px; margin:0 0 28px; color:var(--muted); line-height:1.7; }
.auth-gate .primary-button,.auth-gate .section-index { position:relative; z-index:2; }
.auth-orbit { position:absolute; width:520px; height:520px; border:1px solid rgba(65,99,216,.16); border-radius:50%; animation:spin 28s linear infinite; }
.auth-orbit::before,.auth-orbit::after { content:""; position:absolute; border:1px solid rgba(130,89,255,.18); border-radius:50%; inset:80px; }
.auth-orbit::after { inset:175px; background:rgba(62,48,155,.15); box-shadow:0 0 90px rgba(95,70,230,.18); }
.auth-orbit i { position:absolute; top:50%; left:50%; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px var(--cyan); transform:translateX(258px); }
.auth-orbit i:nth-child(2) { background:var(--pink); transform:translateY(258px); }
.auth-orbit i:nth-child(3) { background:var(--blue); transform:translate(-258px); }
.mini-action { min-height:38px; padding:0 15px; border:1px solid var(--line); background:rgba(255,255,255,.025); color:#aab3ce; cursor:pointer; }
.mini-action:hover { color:#fff; border-color:rgba(52,185,255,.42); }
.orders-list,.payments-list { border-top:1px solid var(--line); }
.order-row,.payment-row { min-height:74px; display:grid; grid-template-columns:1.2fr .8fr .7fr .8fr; gap:18px; align-items:center; border-bottom:1px solid var(--line); }
.order-row>div,.payment-row>div { min-width:0; }
.order-row span,.payment-row span { display:block; overflow:hidden; color:#64708f; font-size:9px; letter-spacing:.1em; text-overflow:ellipsis; white-space:nowrap; }
.order-row strong,.payment-row strong { display:block; margin-top:7px; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.status-pill { width:max-content; padding:6px 8px; border:1px solid var(--line); color:#a8b0c8!important; }
.status-pill.success { border-color:rgba(86,240,210,.34); color:var(--cyan)!important; }
.status-pill.failed,.status-pill.cancelled { border-color:rgba(255,99,126,.35); color:#ff7f96!important; }
.empty-state { min-height:180px; display:grid; place-items:center; color:#687493; text-align:center; }
.empty-state.compact { min-height:80px; }
.topup-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:16px; }
.topup-catalog,.topup-checkout,.deposit-method { padding:24px; border:1px solid rgba(143,173,245,.2); background:linear-gradient(145deg,rgba(20,31,62,.68),rgba(7,11,25,.7)); backdrop-filter:blur(22px) saturate(145%); box-shadow:inset 0 1px rgba(255,255,255,.035),0 20px 55px rgba(0,0,0,.2); }
.topup-intro h4 { margin:9px 0 7px; font-size:21px; }
.topup-intro p { margin:0; color:#77829f; font-size:11px; line-height:1.6; }
.topup-checkout { display:flex; flex-direction:column; }
.selected-payment { margin:0 0 18px; padding:13px 0; border-block:1px solid var(--line); }
.selected-payment span,.selected-payment strong { display:block; }
.selected-payment span { color:#65718f; font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; }
.selected-payment strong { margin-top:7px; font-size:13px; }
.topup-direct { grid-column:1/-1; min-height:210px; }
.topup-amount { height:64px; margin:11px 0 25px; display:flex; align-items:center; border:1px solid var(--line); }
.topup-amount input { width:100%; height:100%; padding:0 17px; border:0; outline:0; background:transparent; color:#fff; font-size:22px; }
.topup-amount strong { padding-right:17px; color:var(--cyan); }
.payment-methods { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:18px 0 0; }
.payment-option { position:relative; min-height:102px; padding:14px; display:grid; grid-template-columns:38px 1fr auto; align-items:start; gap:11px; border:1px solid var(--line); background:#0b1020; color:#8994b2; cursor:pointer; text-align:left; transition:border-color .2s,transform .2s,background .2s; }
.payment-option:hover { transform:translateY(-2px); border-color:rgba(52,185,255,.38); }
.payment-option.active { border-color:var(--violet); background:rgba(130,89,255,.1); color:#fff; }
.payment-icon { width:38px; height:38px; display:grid; place-items:center; color:#e9edff; background:#151d34; font-size:10px; font-weight:900; }
.payment-option[data-tone="green"] .payment-icon,.payment-option[data-tone="lime"] .payment-icon { color:var(--cyan); background:rgba(86,240,210,.1); }
.payment-option[data-tone="blue"] .payment-icon,.payment-option[data-tone="cyan"] .payment-icon { color:var(--blue); background:rgba(52,185,255,.1); }
.payment-option[data-tone="violet"] .payment-icon { color:#b79fff; background:rgba(130,89,255,.14); }
.payment-copy strong,.payment-copy small { display:block; }
.payment-copy strong { margin-top:2px; color:#edf1ff; font-size:13px; }
.payment-copy small { margin-top:6px; color:#6e7896; font-size:9px; line-height:1.45; }
.payment-fee { text-align:right; }
.payment-fee strong,.payment-fee small { display:block; }
.payment-fee strong { color:var(--cyan); font-size:16px; }
.payment-fee small { margin-top:3px; color:#586582; font-size:8px; }
.deposit-method { position:relative; overflow:hidden; }
.deposit-method::before { content:""; position:absolute; top:-1px; left:14%; width:72%; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow:0 0 18px rgba(86,240,210,.38); }
.deposit-method h4 { position:relative; z-index:2; margin:20px 0 12px; font-size:27px; }
.deposit-method p { position:relative; z-index:2; max-width:380px; color:var(--muted); line-height:1.7; }
.deposit-method .mini-action,.deposit-method code,.deposit-method .field-label { position:relative; z-index:2; }
.deposit-method code { display:block; margin-top:16px; padding:13px; overflow-wrap:anywhere; border:1px solid rgba(86,240,210,.25); color:var(--cyan); background:rgba(86,240,210,.05); }
.deposit-orbit { position:absolute; width:300px; height:300px; right:-80px; bottom:-100px; border:1px solid rgba(52,185,255,.18); border-radius:50%; animation:spin 19s linear infinite; }
.deposit-orbit::before { content:""; position:absolute; inset:55px; border:1px solid rgba(130,89,255,.25); border-radius:50%; }
.deposit-orbit i { position:absolute; width:7px; height:7px; top:50%; left:0; border-radius:50%; background:var(--cyan); box-shadow:0 0 15px var(--cyan); }
.deposit-orbit i:nth-child(2) { left:auto; right:0; background:var(--pink); box-shadow:0 0 15px var(--pink); }
.payments-list { margin-top:24px; }
.payment-row a { color:var(--blue); font-size:11px; }
.cabinet-live { display:flex; align-items:center; gap:8px; color:#7583a4; font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }
.cabinet-live i { width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 13px var(--cyan); animation:pulse 1.7s infinite; }
.cabinet-summary { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }
.cabinet-summary>div { min-width:0; padding:17px 18px; border-right:1px solid var(--line); background:rgba(9,14,27,.78); }
.cabinet-summary>div:last-child { border-right:0; }
.cabinet-summary span,.cabinet-summary strong { display:block; }
.cabinet-summary span { color:#65718f; font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; }
.cabinet-summary strong { margin-top:8px; overflow:hidden; color:#edf1ff; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.cabinet-grid { margin-top:16px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.cabinet-tool { min-width:0; padding:22px; border:1px solid rgba(143,173,245,.2); background:linear-gradient(145deg,rgba(18,28,56,.72),rgba(7,11,25,.72)); backdrop-filter:blur(20px) saturate(140%); box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 48px rgba(0,0,0,.18); }
.tool-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.tool-heading span { color:var(--blue); font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; }
.tool-heading h4 { margin:7px 0 0; font-size:21px; }
.tool-heading>small { color:#57627e; font-size:9px; }
.inline-tool-form,.preset-form { margin-top:20px; display:grid; gap:9px; }
.inline-tool-form { grid-template-columns:130px 1fr auto; }
.preset-form { grid-template-columns:1fr 1fr; }
.preset-form .mini-action { grid-column:1/-1; }
.inline-tool-form label,.preset-form label { min-width:0; }
.inline-tool-form label span,.preset-form label span { display:block; margin-bottom:7px; color:#5e6b8b; font-size:8px; letter-spacing:.12em; }
.inline-tool-form input,.preset-form input,.preset-form select { width:100%; height:46px; padding:0 13px; border:1px solid var(--line); border-radius:2px; outline:0; background:#070b15; color:#e9edfa; }
.inline-tool-form input:focus,.preset-form input:focus,.preset-form select:focus { border-color:var(--blue); }
.preset-form .preset-address-field { grid-column:1/-1; }
.preset-form label>small { display:block; min-height:14px; margin-top:7px; color:#56627f; font-size:9px; line-height:1.45; }
.preset-form .select-field { position:relative; }
.preset-form .select-field::after { content:"⌄"; position:absolute; right:13px; top:35px; z-index:1; color:var(--blue); font-size:17px; line-height:1; pointer-events:none; }
.preset-form select { padding-right:38px; appearance:none; cursor:pointer; }
.preset-form select:hover { border-color:rgba(52,185,255,.48); background:#0a1020; }
.preset-form input[type="number"] { font-variant-numeric:tabular-nums; }
.mini-action.accent { border-color:rgba(86,240,210,.34); background:rgba(86,240,210,.08); color:var(--cyan); font-weight:750; }
.tool-notice { min-height:17px; margin:10px 0 0; color:#687493; font-size:10px; }
.tool-notice.error { color:#ff8295; }
.wallet-list,.preset-list { margin-top:12px; border-top:1px solid var(--line); }
.wallet-item,.preset-item { min-height:62px; display:grid; align-items:center; gap:10px; border-bottom:1px solid var(--line); }
.wallet-item { grid-template-columns:1fr auto auto; }
.preset-item { grid-template-columns:1fr auto auto auto; }
.wallet-item>div,.preset-item>div { min-width:0; }
.wallet-item strong,.wallet-item small,.preset-item strong,.preset-item small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wallet-item strong,.preset-item strong { font-size:12px; }
.wallet-item small,.preset-item small { margin-top:5px; color:#616d8b; font:9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.row-icon { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); background:transparent; color:#8290b2; cursor:pointer; }
.row-icon:hover { color:#fff; border-color:var(--violet); }
.row-icon.danger:hover { color:#ff8295; border-color:rgba(255,130,149,.45); }
.switch { position:relative; width:42px; height:22px; flex:none; }
.switch input { position:absolute; opacity:0; }
.switch span { position:absolute; inset:0; border:1px solid #303955; background:#151b2b; cursor:pointer; transition:.2s; }
.switch span::after { content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; background:#67718d; transition:.2s; }
.switch input:checked+span { border-color:rgba(86,240,210,.5); background:rgba(86,240,210,.1); }
.switch input:checked+span::after { transform:translateX(20px); background:var(--cyan); box-shadow:0 0 12px rgba(86,240,210,.7); }
.preset-item.expired { opacity:.52; }
.cabinet-footnote { margin:16px 0 0; color:#687493; font-size:10px; line-height:1.6; }
.login-dialog { width:min(480px,calc(100% - 32px)); padding:42px; border:1px solid rgba(145,174,255,.32); color:#fff; background:linear-gradient(145deg,rgba(23,34,68,.9),rgba(7,10,23,.92)); backdrop-filter:blur(30px) saturate(155%); box-shadow:0 40px 140px rgba(0,0,0,.7),0 0 80px rgba(76,55,190,.15),inset 0 1px rgba(255,255,255,.06); }
.login-dialog::backdrop { background:rgba(2,4,10,.78); backdrop-filter:blur(10px); }
.login-dialog h2 { margin:13px 0; font-size:38px; }
.login-dialog p { color:var(--muted); line-height:1.65; }
.login-dialog small { display:block; margin-top:24px; color:#687391; line-height:1.55; }
.dialog-close { position:absolute; top:14px; right:14px; width:38px; height:38px; border:1px solid var(--line); background:transparent; color:#8d97b2; cursor:pointer; font-size:22px; }
.telegram-login { min-height:54px; margin-top:24px; display:flex; align-items:center; justify-content:center; }
.bot-login-button { width:100%; margin-top:22px; justify-content:space-between; }
.bot-login-button.disabled { opacity:.55; pointer-events:none; }
.bot-login-status { min-height:22px; margin-top:13px; color:#8792af; font-size:13px; line-height:1.5; text-align:center; }
.bot-login-status.success { color:#65e3b2; }
.bot-login-status.error { color:#ff7d91; }
.login-separator { display:flex; align-items:center; gap:12px; margin-top:20px; color:#5f6983; font-size:11px; text-transform:uppercase; }
.login-separator::before,.login-separator::after { content:""; flex:1; height:1px; background:var(--line); }
.desktop-login-link { display:block; margin-top:8px; color:var(--blue); font-size:12px; text-align:center; }
.desktop-login-link[hidden] { display:none; }

.faq-list { border-top:1px solid var(--line); }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { min-height:96px; display:flex; align-items:center; justify-content:space-between; gap:24px; cursor:pointer; list-style:none; font-size:clamp(19px,2vw,27px); font-weight:650; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary span { width:34px; height:34px; flex:none; display:grid; place-items:center; border:1px solid var(--line); color:var(--blue); transition:transform .25s; }
.faq details[open] summary span { transform:rotate(45deg); }
.faq details p { max-width:760px; margin:0; padding:0 0 30px; color:var(--muted); line-height:1.7; }
.final-cta { position:relative; min-height:620px; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; text-align:center; border-top:1px solid var(--line); }
.final-cta h2 { font-size:clamp(54px,8vw,118px); }
.final-cta p { margin:20px 0 32px; color:var(--muted); font-size:18px; }
.final-orbit { position:absolute; width:720px; height:720px; border:1px solid rgba(78,116,230,.16); border-radius:50%; }
.final-orbit::before { content:""; position:absolute; inset:110px; border:1px solid rgba(130,89,255,.18); border-radius:50%; }
.final-orbit::after { content:""; position:absolute; inset:230px; border-radius:50%; background:rgba(48,52,142,.2); filter:blur(45px); }
.final-orbit i { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 18px var(--cyan); top:50%; left:50%; animation:orbit 12s linear infinite; }
.final-orbit i:nth-child(2) { background:var(--pink); box-shadow:0 0 18px var(--pink); animation-duration:17s; animation-direction:reverse; }
.final-orbit i:nth-child(3) { background:var(--blue); box-shadow:0 0 18px var(--blue); animation-duration:23s; }
.final-cta>*:not(.final-orbit) { position:relative; z-index:2; }
footer { min-height:130px; padding:28px clamp(22px,5vw,74px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-top:1px solid var(--line); color:#747e9c; font-size:11px; }
footer .brand { color:#fff; }
.footer-links { display:flex; gap:30px; }
footer>span { justify-self:end; }

.reveal { opacity:0; transform:translateY(26px); transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1); }
.reveal.visible { opacity:1; transform:none; }
.reveal.visible[data-tilt] { transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); }
@keyframes pulse { 50% { opacity:.45; box-shadow:0 0 5px var(--cyan); } }
@keyframes network-packet { to { left:calc(100% + 8px); } }
@keyframes ticker { to { transform:translateX(-50%); } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes flow { from { left:0; } to { left:100%; } }
@keyframes orbit { from { transform:rotate(0) translateX(360px) rotate(0); } to { transform:rotate(360deg) translateX(360px) rotate(-360deg); } }
@keyframes metricScan { from { transform:translateX(-40%); } to { transform:translateX(40%); } }
@keyframes pricePacket { from { left:-10px; } to { left:calc(100% + 10px); } }
@keyframes addressScan { 0%,100% { transform:translateY(15px); opacity:.2; } 50% { transform:translateY(160px); opacity:.9; } }
@keyframes dataFall { to { transform:translateY(145vh); } }
@keyframes hudFloat { 0%,100% { margin-top:0; } 50% { margin-top:-12px; } }

@media (max-width:900px) {
  .topbar { grid-template-columns:1fr auto auto; }
  .desktop-nav,.nav-action { display:none; }
  .menu-button { display:grid; justify-self:end; }
  .topbar.menu-active { height:auto; min-height:76px; align-items:start; padding-top:17px; background:#080b16; }
  .topbar.menu-active .desktop-nav { position:absolute; display:flex; flex-direction:column; top:75px; left:0; right:0; height:calc(100svh - 75px); padding:50px 24px; gap:30px; background:#080b16; font-size:22px; }
  .topbar.menu-active .menu-button span:first-child { transform:rotate(45deg); }
  .topbar.menu-active .menu-button span:last-child { transform:rotate(-45deg); }
  .hero { height:auto; min-height:92svh; padding-top:120px; align-items:flex-start; }
  .hero-content { width:100%; }
  .hero-hud { display:none; }
  .hero h1 { font-size:clamp(66px,20vw,112px); margin-top:26px; }
  .hero::after { background:linear-gradient(180deg,rgba(7,9,20,.8),rgba(7,9,20,.36) 42%,rgba(7,9,20,.92) 82%),linear-gradient(90deg,rgba(7,9,20,.92),transparent); }
  .hero-readout { left:22px; right:22px; bottom:55px; }
  .hero-readout div { flex:1; min-width:0; }
  .scroll-cue { display:none; }
  .section-heading,.flow,.try-section,.api-stage { grid-template-columns:1fr; }
  .live-metrics { grid-template-columns:repeat(2,1fr); }
  .pricing-grid { grid-template-columns:1fr 1fr; }
  .price-proof { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:20px; align-items:center; }
  .price-proof>div { border-bottom:0; border-right:1px solid var(--line); }
  .price-proof p { margin:0; padding:0; }
  .metric { min-height:120px; }
  .metric:nth-child(2n) { border-right:0; }
  .metric:first-child { grid-column:1/-1; }
  .platform-intro { grid-template-columns:1fr; gap:26px; }
  .network-ribbon { grid-template-columns:auto 1fr auto; }
  .network-ribbon .reverse,.network-ribbon>span:last-child { display:none; }
  .platform-shell { grid-template-columns:82px 1fr; }
  .platform-brand>div,.platform-tab:not(.active) { font-size:0; }
  .platform-brand { margin-inline:8px; }
  .platform-brand .brand-mark { flex:none; }
  .platform-tab { justify-content:center; padding:0; }
  .platform-tab span { font-size:11px; }
  .platform-tab.active { font-size:0; }
  .order-workspace { grid-template-columns:1fr; }
  .app-panel { padding:26px; }
  .section-heading { gap:28px; }
  .service-item { grid-template-columns:48px 1fr; padding:34px 0; }
  .service-number { padding-top:8px; }
  .service-visual { grid-column:2; justify-self:start; }
  .flow { gap:60px; }
  .try-section { gap:45px; }
  .api-stage { padding:48px 32px; gap:50px; }
  .seo-copy { grid-template-columns:1fr; gap:20px; }
  footer { grid-template-columns:1fr auto; gap:30px; }
  .footer-links { order:3; grid-column:1/-1; }
}

@media (max-width:620px) {
  .hero { min-height:820px; padding-inline:20px; }
  .hero h1 { font-size:64px; }
  .hero-copy br { display:none; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:20px; }
  .hero-readout { display:grid; grid-template-columns:repeat(3,1fr); }
  .hero-readout div { padding:11px 9px; }
  .section { width:calc(100% - 40px); padding:88px 0; }
  .section h2 { font-size:42px; }
  .language-toggle { min-width:66px; padding-inline:7px; }
  .language-toggle strong { display:none; }
  .language-menu { position:fixed; top:68px; right:12px; left:12px; width:auto; max-height:calc(100vh - 86px); }
  .live-metrics { grid-template-columns:1fr 1fr; }
  .live-pricing { padding:74px 20px; }
  .pricing-heading,.pricing-grid { grid-template-columns:1fr; }
  .price-freshness { width:100%; }
  .price-card { padding:23px 20px; }
  .price-card h3 { min-height:0; }
  .price-proof { grid-column:auto; display:flex; }
  .price-proof>div { border-right:0; border-bottom:1px solid var(--line); }
  .price-proof p { margin:0; padding-top:22px; }
  .metric { padding:22px 18px; }
  .metric strong { font-size:25px; }
  .platform-section { padding:88px 12px; }
  .network-ribbon { padding-inline:12px; gap:9px; font-size:8px; }
  .platform-intro { padding-inline:8px; }
  .platform-intro h2 { font-size:43px; }
  .platform-shell { grid-template-columns:1fr; }
  .platform-sidebar { position:sticky; z-index:4; top:76px; padding:8px; display:grid; grid-template-columns:repeat(7,1fr); border-right:0; border-bottom:1px solid var(--line); }
  .platform-brand,.platform-status { display:none; }
  .platform-tab,.platform-tab.active,.platform-tab:not(.active) { min-height:44px; justify-content:center; border-left:0; border-bottom:2px solid transparent; font-size:0; }
  .platform-tab span,.platform-tab.active span { font-size:11px; }
  .platform-tab.active { border-bottom-color:var(--blue); }
  .account-strip { grid-template-columns:1fr 1fr auto auto; padding:12px 14px; gap:7px; }
  .app-panel { min-height:640px; padding:20px 14px; }
  .panel-title h3 { font-size:23px; }
  .order-status-strip { margin-top:-4px; }
  .order-status-strip>div { padding:9px 8px; }
  .order-status-strip span { display:none; }
  .address-stage,.amount-stage,.quote-stage { padding:20px 16px; }
  .order-workspace { min-height:0; }
  .auth-gate { inset:61px 0 0; }
  .auth-gate h3 { font-size:42px; }
  .auth-gate p { font-size:14px; }
  .auth-orbit { width:380px; height:380px; }
  .topup-layout { grid-template-columns:1fr; }
  .topup-direct { grid-column:auto; }
  .payment-methods { grid-template-columns:1fr; }
  .quick-launch { grid-template-columns:1fr; }
  .cabinet-grid { grid-template-columns:1fr; }
  .cabinet-summary { grid-template-columns:1fr 1fr; }
  .cabinet-summary>div:nth-child(2) { border-right:0; }
  .cabinet-summary>div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .inline-tool-form { grid-template-columns:1fr; }
  .preset-form { grid-template-columns:1fr; }
  .order-row,.payment-row { grid-template-columns:1fr 1fr; padding:15px 0; }
  .dashboard-grid,.dashboard-actions,.aml-workspace,.settings-layout { grid-template-columns:1fr; }
  .dashboard-grid article { min-height:110px; border-right:0; border-bottom:1px solid var(--line); }
  .dashboard-grid article:last-child { border-bottom:0; }
  .aml-tiers { grid-template-columns:1fr; }
  .aml-tiers button { min-height:140px; }
  body.page-app .platform-section { padding:76px 0 0; }
  body.page-app .platform-shell { min-height:calc(100vh - 76px); }
  body.page-app .platform-sidebar { top:76px; overflow-x:auto; grid-template-columns:repeat(7,minmax(48px,1fr)); }
  .login-dialog { padding:36px 24px; }
  .section-heading { margin-bottom:44px; }
  .service-item { grid-template-columns:34px 1fr; }
  .service-visual { width:100%; height:130px; }
  .flow,.api-section { padding:88px 20px; }
  .flow-step { grid-template-columns:52px 1fr; }
  .amount-control { grid-template-columns:1fr; }
  .amount-control button { min-height:68px; }
  .console-summary { grid-template-columns:1fr 1fr; }
  .console-summary a { grid-column:1/-1; justify-self:stretch; text-align:center; }
  .api-stage { padding:42px 20px; margin:0; }
  .api-terminal { transform:none; }
  .api-terminal pre { padding:20px; font-size:11px; }
  .final-cta { min-height:540px; padding-inline:20px; }
  .final-orbit { width:520px; height:520px; }
  @keyframes orbit { from { transform:rotate(0) translateX(260px) rotate(0); } to { transform:rotate(360deg) translateX(260px) rotate(-360deg); } }
  footer { grid-template-columns:1fr; }
  footer>span { justify-self:start; }
  .footer-links { grid-column:auto; order:initial; flex-wrap:wrap; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  .reveal { opacity:1; transform:none; }
}

/* Motion and alignment polish */
.primary-button {
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.primary-button::before {
  content:"";
  position:absolute;
  z-index:0;
  top:-50%;
  bottom:-50%;
  left:-42%;
  width:30%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transform:skewX(-18deg);
  transition:left .65s cubic-bezier(.2,.8,.2,1);
}
.primary-button>* { position:relative; z-index:1; }
.primary-button:hover::before { left:116%; }
.primary-button:active { transform:translateY(0) scale(.985); }
.button-arrow { transition:transform .3s ease,filter .3s ease; }
.primary-button:hover .button-arrow { transform:translateY(-2px) rotate(3deg); filter:brightness(1.16); }
.hero .primary-button:hover .button-arrow { transform:translateY(3px); }

.ticker { gap:0; animation-duration:34s; will-change:transform; }
.ticker-group {
  min-width:max-content;
  display:flex;
  align-items:center;
  gap:32px;
  padding-right:32px;
}

.metric { transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease; }
.metric strong { transition:transform .3s ease,color .3s ease,text-shadow .3s ease; }
.metric:hover {
  z-index:2;
  transform:translateY(-5px);
  background:rgba(16,24,58,.78);
  box-shadow:inset 0 -3px 0 rgba(49,179,255,.7),0 18px 42px rgba(0,0,0,.2);
}
.metric:hover strong {
  transform:translateY(-3px);
  color:#fff;
  text-shadow:0 0 22px rgba(49,179,255,.3);
}
.metric-live strong { color:var(--cyan); }
.metric-live::before {
  content:"";
  position:absolute;
  right:22px;
  top:22px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 18px var(--cyan);
  animation:pulse 1.7s infinite;
}

.energy-stream {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px 16px;
  background:
    linear-gradient(rgba(49,179,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,179,255,.06) 1px,transparent 1px);
  background-size:18px 18px;
}
.energy-stream-head { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; }
.energy-stream-head span,.energy-stream>small { color:var(--muted); font-size:.58rem; font-weight:900; letter-spacing:.14em; }
.energy-stream-head strong { color:#fff; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:1.55rem; line-height:1; }
.energy-wave {
  height:52px;
  margin:14px 0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  position:relative;
  border-block:1px solid rgba(49,179,255,.14);
}
.energy-wave i {
  width:10px;
  height:12px;
  background:linear-gradient(180deg,var(--cyan),var(--violet));
  box-shadow:0 0 12px rgba(49,179,255,.3);
  animation:energyBars 1.25s ease-in-out infinite alternate;
}
.energy-wave i:nth-child(2) { animation-delay:-.25s; }
.energy-wave i:nth-child(3) { animation-delay:-.5s; }
.energy-wave i:nth-child(4) { animation-delay:-.75s; }
.energy-wave i:nth-child(5) { animation-delay:-1s; }
.energy-wave i:nth-child(6) { animation-delay:-.35s; }
.energy-wave i:nth-child(7) { animation-delay:-.6s; }
.energy-wave i:nth-child(8) { animation-delay:-.9s; }
.energy-wave b {
  width:8px;
  height:8px;
  position:absolute;
  top:50%;
  left:0;
  background:#fff;
  box-shadow:0 0 18px 5px rgba(78,231,207,.55);
  transform:translateY(-50%) rotate(45deg);
  animation:energyPacket 2.6s linear infinite;
}
@keyframes energyBars { to { height:42px; filter:hue-rotate(28deg); } }
@keyframes energyPacket {
  from { left:0; opacity:0; }
  12%,88% { opacity:1; }
  to { left:calc(100% - 8px); opacity:0; }
}

.risk-orbit span:first-child { animation:riskOrbitA 8s linear infinite; }
.risk-orbit span:nth-child(2) { animation:riskOrbitB 5s linear infinite reverse; }
.risk-orbit span:nth-child(3) { animation:riskOrbitC 6.5s linear infinite; }
.risk-orbit strong,.risk-orbit small { position:absolute; z-index:2; }
.risk-orbit strong { margin-top:-4px; color:#fff; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:1.2rem; }
.risk-orbit small { margin-top:34px; color:var(--muted); font-size:.55rem; font-weight:900; letter-spacing:.14em; }
@keyframes riskOrbitA { to { transform:rotate(420deg); } }
@keyframes riskOrbitB { to { transform:rotate(300deg); } }
@keyframes riskOrbitC { to { transform:rotate(450deg) scale(.72); } }

.faq summary strong { min-width:0; padding-right:20px; line-height:1.35; }
.faq summary span {
  width:46px;
  height:46px;
  flex:0 0 46px;
  position:relative;
  transition:transform .3s ease,border-color .3s ease,background-color .3s ease;
}
.faq summary span::before,.faq summary span::after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:18px;
  height:3px;
  background:currentColor;
  transform:translate(-50%,-50%);
}
.faq summary span::after { transform:translate(-50%,-50%) rotate(90deg); }
.faq details[open] summary span { color:#fff; border-color:rgba(49,179,255,.6); background:rgba(49,179,255,.1); }
.final-cta p { margin-bottom:46px; }

@media (min-width:901px) and (max-height:760px) {
  .scroll-cue { display:none; }
}

@media (max-width:620px) {
  .ticker { animation-duration:27s; }
  .ticker-group { gap:24px; padding-right:24px; }
  .faq summary strong { padding-right:8px; }
  .faq summary span { width:44px; height:44px; flex-basis:44px; }
}

/* TRON resource guide */
.resource-guide {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:linear-gradient(120deg,rgba(11,17,38,.98),rgba(7,9,20,.96));
}
.resource-guide::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.45;
  background:linear-gradient(90deg,rgba(49,179,255,.08) 1px,transparent 1px),linear-gradient(rgba(124,77,255,.06) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,#000,transparent 70%);
}
.resource-guide-grid {
  width:min(1280px,calc(100% - 44px));
  min-height:720px;
  margin:0 auto;
  padding:100px 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(500px,.88fr);
  align-items:center;
  gap:clamp(54px,7vw,110px);
}
.resource-guide-copy h2 { margin:18px 0 24px; font-size:clamp(46px,5.6vw,80px); line-height:.98; }
.resource-guide-copy>p { max-width:650px; margin:0; color:var(--muted); font-size:1.05rem; line-height:1.75; }
.resource-facts { margin-top:46px; border-top:1px solid var(--line); }
.resource-facts>div {
  min-height:108px;
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:18px;
  border-bottom:1px solid var(--line);
  transition:padding-left .3s ease,background-color .3s ease;
}
.resource-facts>div:hover { padding-left:12px; background:linear-gradient(90deg,rgba(49,179,255,.07),transparent); }
.resource-facts i { color:var(--blue); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.72rem; font-style:normal; }
.resource-facts span,.resource-facts strong,.resource-facts small { display:block; }
.resource-facts strong { margin-bottom:7px; color:#eef1ff; font-size:1rem; }
.resource-facts small { max-width:560px; color:var(--muted); font-size:.82rem; line-height:1.55; }
.resource-console {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(82,111,197,.42);
  background:rgba(9,13,30,.82);
  box-shadow:0 36px 90px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(20px);
}
.resource-console::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.3;
  background:linear-gradient(115deg,transparent 25%,rgba(49,179,255,.12) 48%,transparent 70%);
  transform:translateX(-100%);
  animation:resourceSweep 5.5s ease-in-out infinite;
}
@keyframes resourceSweep {
  0%,30% { transform:translateX(-100%); }
  72%,100% { transform:translateX(100%); }
}
.resource-console-top {
  min-height:58px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid var(--line);
  color:#7782a4;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.14em;
}
.resource-console-top b { color:#9aa5c7; font-weight:800; }
.resource-console-top b i {
  width:7px;
  height:7px;
  display:inline-block;
  margin-right:7px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 14px var(--cyan);
  animation:pulse 1.8s infinite;
}
.resource-question { padding:28px 28px 0; }
.resource-question>span { display:block; margin-bottom:15px; color:#bdc5df; font-size:.78rem; font-weight:800; letter-spacing:.05em; }
.resource-toggle { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); }
.resource-toggle button {
  min-height:58px;
  padding:12px 16px;
  border:0;
  border-right:1px solid var(--line);
  background:transparent;
  color:#7883a3;
  cursor:pointer;
  font:inherit;
  font-size:.78rem;
  font-weight:800;
  transition:color .25s ease,background-color .25s ease,box-shadow .25s ease;
}
.resource-toggle button:last-child { border-right:0; }
.resource-toggle button:hover { color:#fff; background:rgba(49,179,255,.06); }
.resource-toggle button.active { color:#07101b; background:linear-gradient(110deg,var(--cyan),#8ad9ff); box-shadow:0 0 30px rgba(49,179,255,.2); }
.resource-result {
  min-height:228px;
  padding:28px;
  display:grid;
  grid-template-columns:150px 1fr;
  align-items:center;
  gap:28px;
}
.resource-ring {
  width:138px;
  height:138px;
  position:relative;
  display:grid;
  place-items:center;
  border:1px solid rgba(49,179,255,.24);
  border-radius:50%;
  box-shadow:inset 0 0 40px rgba(49,179,255,.07),0 0 35px rgba(124,77,255,.08);
}
.resource-ring::before,.resource-ring::after {
  content:"";
  position:absolute;
  inset:15px;
  border:1px dashed rgba(124,77,255,.4);
  border-radius:50%;
  animation:spin 11s linear infinite;
}
.resource-ring::after { inset:30px; border-style:solid; border-color:rgba(78,231,207,.24); animation-direction:reverse; animation-duration:7s; }
.resource-ring i {
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 14px var(--cyan);
  animation:resourceOrbit 6s linear infinite;
}
.resource-ring i:nth-child(2) { background:var(--violet); animation-duration:9s; animation-direction:reverse; }
.resource-ring i:nth-child(3) { background:var(--pink); animation-duration:13s; }
@keyframes resourceOrbit {
  from { transform:rotate(0) translateX(67px) rotate(0); }
  to { transform:rotate(360deg) translateX(67px) rotate(-360deg); }
}
.resource-ring span { color:#8390b1; font-size:.55rem; font-weight:900; letter-spacing:.16em; }
.resource-result>div:last-child>span,.resource-result>div:last-child>small { display:block; }
.resource-result>div:last-child>span { margin-bottom:8px; color:#687391; font-size:.6rem; font-weight:900; letter-spacing:.15em; }
.resource-result>div:last-child>strong {
  display:block;
  color:#fff;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:clamp(2.4rem,4vw,4.2rem);
  line-height:1;
  text-shadow:0 0 28px rgba(49,179,255,.22);
  transition:color .25s ease,text-shadow .25s ease,transform .25s ease;
}
.resource-console[data-resource-mode="empty"] .resource-result>div:last-child>strong { color:#c8b8ff; text-shadow:0 0 28px rgba(124,77,255,.3); }
.resource-result>div:last-child>small { margin-top:12px; color:var(--muted); line-height:1.45; }
.resource-result.is-changing>div:last-child>strong { transform:translateY(-5px); }
.resource-explainer { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); }
.resource-explainer>span { min-height:126px; padding:22px; border-right:1px solid var(--line); }
.resource-explainer>span:last-child { border-right:0; }
.resource-explainer b,.resource-explainer small { display:block; }
.resource-explainer b { margin-bottom:9px; color:#c7cde1; font-size:.76rem; }
.resource-explainer small { color:#707b9b; font-size:.72rem; line-height:1.55; }
.resource-action {
  min-height:64px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid var(--line);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.04em;
  transition:background-color .25s ease,padding-left .25s ease;
}
.resource-action i {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--violet));
  font-size:1rem;
  font-style:normal;
  transition:transform .25s ease;
}
.resource-action:hover { padding-left:28px; background:rgba(49,179,255,.06); }
.resource-action:hover i { transform:translateX(3px); }
@media (max-width:1000px) {
  .resource-guide-grid { grid-template-columns:1fr; min-height:0; }
  .resource-console { width:min(680px,100%); }
}
@media (max-width:620px) {
  .resource-guide-grid { width:calc(100% - 40px); padding:82px 0; gap:48px; }
  .resource-guide-copy h2 { font-size:42px; }
  .resource-facts>div { grid-template-columns:34px 1fr; gap:10px; }
  .resource-console-top { padding:0 16px; font-size:.54rem; }
  .resource-question { padding:22px 16px 0; }
  .resource-toggle { grid-template-columns:1fr; }
  .resource-toggle button { border-right:0; border-bottom:1px solid var(--line); }
  .resource-toggle button:last-child { border-bottom:0; }
  .resource-result { min-height:0; padding:30px 16px; grid-template-columns:104px 1fr; gap:18px; }
  .resource-ring { width:96px; height:96px; }
  .resource-ring::before { inset:11px; }
  .resource-ring::after { inset:24px; }
  .resource-ring i { display:none; }
  .resource-result>div:last-child>strong { font-size:2.15rem; }
  .resource-explainer { grid-template-columns:1fr; }
  .resource-explainer>span { min-height:0; border-right:0; border-bottom:1px solid var(--line); }
  .resource-explainer>span:last-child { border-bottom:0; }
}

/* Clear actions: the whole button stays aligned while its icon moves. */
.primary-button:hover { transform:none; box-shadow:0 22px 56px rgba(86,120,255,.34); }
.primary-button:active { transform:scale(.985); }
.primary-button:hover .button-arrow,
.hero .primary-button:hover .button-arrow { transform:translateX(3px); }

/* Detailed AML preview */
.risk-console {
  height:168px;
  padding:13px 14px;
  display:block;
  border:1px solid rgba(119,145,220,.24);
  background:linear-gradient(145deg,rgba(16,25,49,.92),rgba(7,11,23,.96));
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.risk-console-head { display:flex; align-items:center; gap:8px; color:#707c9f; font-size:8px; letter-spacing:.12em; }
.risk-console-head span { margin-right:auto; }
.risk-console-head i { width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.risk-console-head b { color:var(--cyan); font-size:8px; }
.risk-score { margin-top:14px; display:flex; align-items:baseline; gap:5px; }
.risk-score strong { color:#fff; font-size:31px; line-height:1; }
.risk-score small { color:#687493; font-size:10px; }
.risk-score em { margin-left:auto; color:var(--cyan); font-size:9px; font-style:normal; }
.risk-bars { margin-top:15px; display:grid; gap:8px; }
.risk-bars>span { display:grid; grid-template-columns:65px 1fr 28px; align-items:center; gap:8px; }
.risk-bars small,.risk-bars b { color:#65718f; font-size:7px; }
.risk-bars b { color:#aab4d0; text-align:right; }
.risk-bars i { position:relative; height:3px; overflow:hidden; background:#1c2540; }
.risk-bars i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--risk); background:linear-gradient(90deg,var(--blue),var(--violet)); box-shadow:0 0 10px rgba(52,185,255,.55); animation:riskLoad 2s ease-out both; }
.risk-scan-line { position:absolute; inset:0 auto 0 0; width:1px; background:linear-gradient(transparent,var(--cyan),transparent); box-shadow:0 0 16px var(--cyan); animation:riskScan 3.6s linear infinite; }
@keyframes riskLoad { from { width:0; } }
@keyframes riskScan { from { left:0; opacity:0; } 15%,85% { opacity:.75; } to { left:100%; opacity:0; } }

/* Explain which wallet receives energy and which wallet affects consumption. */
.resource-route {
  margin-top:30px;
  padding:14px;
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:12px;
  align-items:center;
  border:1px solid rgba(116,139,220,.2);
  background:rgba(8,13,28,.58);
}
.resource-route>div { min-width:0; }
.resource-route>div span,.resource-route>div strong,.resource-route>div small { display:block; }
.resource-route>div span { color:var(--blue); font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.resource-route>div strong { margin-top:6px; color:#e8edff; font-size:11px; }
.resource-route>div small { margin-top:5px; color:#687493; font-size:9px; line-height:1.4; }
.resource-route>i { color:var(--cyan); font-style:normal; }

/* Three-stage energy order wizard */
.order-progress {
  margin:-6px 0 22px;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:12px;
}
.order-progress button {
  min-width:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:9px;
  border:0;
  background:transparent;
  color:#687493;
  cursor:default;
  text-align:left;
}
.order-progress button i { width:29px; height:29px; display:grid; place-items:center; flex:none; border:1px solid #28324d; color:#687493; font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace; font-style:normal; }
.order-progress button span { font-size:10px; font-weight:750; }
.order-progress>b { height:1px; overflow:hidden; background:#252e48; }
.order-progress>b::after { content:""; display:block; width:0; height:100%; background:linear-gradient(90deg,var(--blue),var(--violet)); transition:width .35s ease; }
.order-progress button.active { color:#fff; }
.order-progress button.active i { border-color:var(--blue); color:var(--cyan); background:rgba(52,185,255,.08); box-shadow:0 0 18px rgba(52,185,255,.12); }
.order-progress button.complete { color:#9da8c7; }
.order-progress button.complete i { border-color:rgba(86,240,210,.45); color:#07121b; background:var(--cyan); }
.order-progress b.complete::after { width:100%; }
.order-wizard { max-width:920px; margin:0 auto; border:1px solid rgba(116,139,220,.25); background:linear-gradient(145deg,rgba(16,25,49,.82),rgba(7,11,23,.93)); box-shadow:0 28px 80px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035); }
.order-wizard-panel { min-height:480px; padding:34px; animation:wizardIn .32s ease both; }
.order-wizard-panel[hidden] { display:none; }
@keyframes wizardIn { from { opacity:0; transform:translateX(12px); } to { opacity:1; transform:none; } }
.order-wizard .order-step-heading { padding-bottom:23px; border-bottom:1px solid var(--line); }
.order-wizard .order-step-heading strong { font-size:19px; }
.order-wizard .order-step-heading small { margin-top:7px; font-size:11px; }
.order-wizard .amount-stage { padding:0; border:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.order-wizard .amount-stage .amount-control { grid-template-columns:repeat(3,1fr); gap:10px; }
.order-wizard .amount-stage .amount-control button { min-height:126px; padding:20px; text-align:left; }
.order-wizard .amount-stage .amount-control button.active { border-color:var(--cyan); background:linear-gradient(145deg,rgba(52,185,255,.13),rgba(130,89,255,.08)); box-shadow:inset 0 -2px var(--cyan),0 16px 34px rgba(0,0,0,.16); }
.order-wizard .console-field { padding:8px 0 0; border:0; }
.order-wizard .console-field input { height:64px; margin-top:11px; font-size:15px; }
.order-wizard .address-result { min-height:120px; margin-top:18px; padding:48px 20px 18px; }
.wizard-action-row { min-height:88px; margin-top:28px; padding-top:20px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-top:1px solid var(--line); }
.wizard-action-row>span b,.wizard-action-row>span small { display:block; }
.wizard-action-row>span b { color:#fff; font-size:21px; }
.wizard-action-row>span small { margin-top:5px; color:#687493; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.wizard-next { min-width:250px; border:0; cursor:pointer; }
.wizard-back { min-height:48px; padding:0 15px; display:flex; align-items:center; gap:10px; border:1px solid var(--line); background:transparent; color:#8f9ab8; cursor:pointer; }
.wizard-back:hover { border-color:rgba(52,185,255,.38); color:#fff; }
.wizard-back span { color:var(--cyan); font-size:18px; }
.wizard-back b { font-size:11px; }
.order-review { border:1px solid rgba(116,139,220,.24); background:#080d1a; }
.order-review-lead { padding:24px; border-bottom:1px solid var(--line); }
.order-review-lead span,.order-review-lead strong,.order-review-lead small { display:block; }
.order-review-lead span { color:var(--blue); font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.15em; }
.order-review-lead strong { margin-top:9px; font-size:22px; }
.order-review-lead small { margin-top:8px; color:#6f7b9a; font-size:10px; }
.order-review dl { margin:0; display:grid; grid-template-columns:1fr 1fr; }
.order-review dl>div { min-width:0; padding:18px 22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.order-review dl>div:nth-child(2n) { border-right:0; }
.order-review dt { color:#687493; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.order-review dd { margin:8px 0 0; color:#eef2ff; font-size:16px; font-weight:800; }
.order-review .review-address { grid-column:1/-1; border-right:0; }
.order-review .review-address dd { overflow-wrap:anywhere; color:#bac5e3; font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace; }
.order-review .review-total dd { color:var(--cyan); font-size:23px; }
.quote-validity { min-height:50px; padding:0 22px; display:flex; align-items:center; gap:10px; color:#75809e; font-size:10px; }
.quote-validity i { width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.quote-validity strong { margin-left:auto; color:#e7ecff; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.quote-validity.expired i { background:#ff7f96; box-shadow:0 0 12px #ff7f96; }
.quote-validity.expired strong { color:#ff7f96; }
.review-actions { margin-top:20px; }
.order-submit { width:auto; margin:0; min-width:260px; }
.order-legal { margin:14px 0 0; color:#707c9c; font-size:11px; line-height:1.55; }
.order-legal a { color:#9ba9d3; text-underline-offset:3px; }
.order-legal a:hover { color:var(--cyan); }

@media (max-width:760px) {
  .resource-route { grid-template-columns:1fr; }
  .resource-route>i { transform:rotate(90deg); justify-self:center; }
  .order-progress { grid-template-columns:1fr 20px 1fr 20px 1fr; gap:5px; }
  .order-progress button { flex-direction:column; align-items:flex-start; gap:6px; }
  .order-progress button span { font-size:8px; }
  .order-wizard-panel { min-height:0; padding:24px 18px; }
  .order-wizard .amount-stage .amount-control { grid-template-columns:1fr; }
  .order-wizard .amount-stage .amount-control button { min-height:88px; }
  .wizard-action-row { align-items:stretch; flex-direction:column; }
  .wizard-action-row>span { order:-1; }
  .wizard-next,.order-submit,.wizard-back { width:100%; min-width:0; }
  .order-review dl { grid-template-columns:1fr; }
  .order-review dl>div,.order-review dl>div:nth-child(2n) { border-right:0; }
  .order-review .review-address { grid-column:auto; }
}

/* Account tools */
body.page-app .platform-brand { margin-bottom:22px; }
body.page-app .platform-tab { min-height:48px; }
body.page-app .platform-sidebar { overflow-y:auto; scrollbar-width:thin; scrollbar-color:#26314f transparent; }
.calculator-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.72fr); gap:16px; }
.calculator-form,.calculator-result,.preset-create,.preset-manage,.referral-links,.referral-levels,.referral-history {
  border:1px solid rgba(143,173,245,.2);
  background:linear-gradient(145deg,rgba(18,28,56,.72),rgba(7,11,25,.76));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 48px rgba(0,0,0,.18);
}
.calculator-form { padding:28px; }
.calculator-form>p { max-width:690px; color:#7a86a5; font-size:12px; line-height:1.7; }
.calculator-controls { margin-top:16px; display:grid; grid-template-columns:minmax(130px,180px) minmax(220px,1fr); gap:10px; align-items:end; }
.calculator-controls label>span { display:block; margin-bottom:7px; color:#5e6b8b; font-size:8px; letter-spacing:.12em; }
.calculator-controls input { width:100%; height:48px; padding:0 13px; border:1px solid var(--line); outline:0; color:#fff; background:#070b15; }
.calculator-controls input:focus { border-color:var(--blue); }
.calculator-controls .primary-button { width:100%; min-height:48px; }
.calculator-result { min-height:440px; padding:26px; }
.calculator-empty { min-height:330px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.calculator-empty i { width:92px; height:92px; display:grid; place-items:center; border:1px solid rgba(52,185,255,.28); border-radius:50%; color:var(--cyan); font:normal 700 28px ui-monospace,SFMono-Regular,Menlo,monospace; box-shadow:0 0 45px rgba(52,185,255,.08); animation:pulse 2.2s infinite; }
.calculator-empty strong { margin-top:24px; font-size:19px; }
.calculator-empty small { max-width:320px; margin-top:10px; color:#687493; line-height:1.6; }
.calculator-status { min-height:50px; margin-top:18px; padding:0 15px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; border:1px solid var(--line); background:#080d19; }
.calculator-status i { width:7px; height:7px; border-radius:50%; }
.calculator-status span { color:#6f7a98; font-size:10px; }
.calculator-status strong { font-size:12px; }
.calculator-status.success i { background:var(--cyan); box-shadow:0 0 13px var(--cyan); }
.calculator-status.success strong { color:var(--cyan); }
.calculator-status.error i { background:#ff7d91; box-shadow:0 0 13px #ff7d91; }
.calculator-status.error strong { color:#ff7d91; }
.calculator-address { margin-top:10px; padding:13px; overflow-wrap:anywhere; border:1px solid var(--line); color:#aab6d4; background:#070b15; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.calculator-result dl { margin:14px 0 0; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.calculator-result dl>div { min-width:0; padding:15px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.calculator-result dt { color:#64708f; font-size:8px; letter-spacing:.09em; text-transform:uppercase; }
.calculator-result dd { margin:8px 0 0; color:#eef2ff; font-size:14px; font-weight:800; }
.calculator-result .calculator-total dd,.calculator-result .calculator-price dd { color:var(--cyan); font-size:19px; }
.calculator-order-link { width:100%; min-height:52px; margin-top:14px; }
.calculator-result>p { margin:13px 0 0; color:#626e8c; font-size:9px; line-height:1.6; }

.presets-layout { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr); gap:16px; }
.preset-create,.preset-manage { padding:24px; }
.preset-create .preset-form>.primary-button { grid-column:1/-1; width:100%; min-height:50px; margin-top:4px; }
.preset-manage .preset-list { margin-top:22px; }
.preset-manage .preset-item { min-height:72px; padding:0 4px; }

.referral-summary { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:#080c17; }
.referral-summary article { min-height:130px; padding:22px; border-right:1px solid var(--line); }
.referral-summary article:last-child { border-right:0; }
.referral-summary span,.referral-summary small { display:block; color:#65718f; font-size:9px; letter-spacing:.1em; }
.referral-summary strong { display:block; margin:17px 0 8px; color:#fff; font-size:25px; }
.referral-summary article:last-child strong { color:var(--cyan); }
.referral-grid { margin-top:16px; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:16px; }
.referral-links,.referral-levels,.referral-history { padding:24px; }
.referral-links>p,.referral-levels>p { color:#727e9c; font-size:11px; line-height:1.65; }
.referral-links label { display:block; margin-top:16px; }
.referral-links label>span { display:block; margin-bottom:7px; color:#5e6b8b; font-size:8px; letter-spacing:.12em; }
.referral-links label>div { display:grid; grid-template-columns:minmax(0,1fr) auto; }
.referral-links input { min-width:0; height:46px; padding:0 12px; border:1px solid var(--line); outline:0; color:#cbd5ee; background:#070b15; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.referral-links button { min-width:112px; border:1px solid rgba(52,185,255,.35); color:var(--blue); background:rgba(52,185,255,.08); cursor:pointer; font-weight:800; }
.referral-links button:hover { color:#fff; background:rgba(52,185,255,.16); }
.referral-levels #referral-rates { margin-top:20px; border-top:1px solid var(--line); }
.referral-levels #referral-rates>div { min-height:58px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.referral-levels #referral-rates span { color:#627090; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.referral-levels #referral-rates strong { color:var(--cyan); font-size:17px; }
.referral-history { margin-top:16px; }
.referral-history-row { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.referral-history-row>div:last-child { text-align:right; }
.referral-history-row span,.referral-history-row strong,.referral-history-row small { display:block; }
.referral-history-row span { color:#dfe5f7; font-size:11px; }
.referral-history-row small { margin-top:5px; color:#5f6b8a; font-size:9px; }
.referral-history-row strong { margin-top:5px; color:var(--cyan); font-size:14px; }

@media (max-width:980px) {
  .calculator-layout,.presets-layout,.referral-grid { grid-template-columns:1fr; }
  .calculator-result { min-height:0; }
}

@media (max-width:620px) {
  body.page-app .platform-sidebar { grid-template-columns:repeat(10,minmax(48px,1fr)); }
  .calculator-form,.calculator-result,.preset-create,.preset-manage,.referral-links,.referral-levels,.referral-history { padding:18px; }
  .calculator-controls,.calculator-result dl,.preset-form { grid-template-columns:1fr; }
  .referral-summary { grid-template-columns:1fr; }
  .referral-summary article { min-height:96px; border-right:0; border-bottom:1px solid var(--line); }
  .referral-summary article:last-child { border-bottom:0; }
  .referral-links label>div { grid-template-columns:1fr; }
  .referral-links button { min-height:42px; }
  .preset-item { grid-template-columns:1fr auto auto; padding:9px 0; }
  .preset-item .switch { grid-row:1/3; grid-column:2; }
}