: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; }
.platform-section { order:3; }
.services { order:4; }
.flow { order:5; }
.api-section { order:6; }
.seo-content { order:7; }
.faq { order:8; }
.final-cta { order:9; }
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 { position:fixed; z-index:80; inset:0; display:block; pointer-events:none; opacity:.025; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }

.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); }
.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; }
.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 { display:block; }
.amount-control strong { font-size:18px; }
.amount-control span { margin-top:8px; color:var(--muted); font-size:11px; }
.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; 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; }
.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-workspace { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr); gap:16px; min-height:510px; }
.order-builder { min-width:0; border:1px solid var(--line); background:#080c17; }
.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; }
.order-step+.order-step { border-top:1px solid var(--line); }
.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:42px; padding:0 11px; border:1px solid var(--line); outline:0; background:#070b15; color:#e9edfa; }
.inline-tool-form input:focus,.preset-form input:focus,.preset-form select:focus { border-color:var(--blue); }
.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 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); }
  .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; }
  .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(4,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; }
  .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; }
  .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; }
}