:root {
  --page: #eff5f1;
  --page-deep: #dfe9e4;
  --ink: #07120e;
  --muted: #50635b;
  --soft: #73827c;
  --glass: rgba(255,255,255,.40);
  --glass-strong: rgba(255,255,255,.61);
  --glass-soft: rgba(255,255,255,.25);
  --shadow: 0 32px 90px rgba(37,67,55,.13), 0 8px 28px rgba(37,67,55,.08), inset 0 1px 0 rgba(255,255,255,.72);
  --lime: #c8f400;
  --mint: #00f5d4;
  --cyan: #00c2ff;
  --accent-text: #006d62;
  --gradient: linear-gradient(118deg, var(--lime), var(--mint) 52%, var(--cyan));
  --hairline: rgba(20,42,34,.11);
  --edge-light: linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.08) 34%,rgba(0,245,212,.18) 68%,rgba(0,194,255,.22));
  --shell: min(1600px, calc(100vw - 16px));
  --radius: 34px;
  color-scheme: light;
}

[hidden] { display: none !important; }

html[data-theme="dark"] {
  --page: #050908;
  --page-deep: #010302;
  --ink: #f3f8f5;
  --muted: #9aaba4;
  --soft: #71817a;
  --glass: rgba(13,22,18,.39);
  --glass-strong: rgba(14,25,20,.64);
  --glass-soft: rgba(255,255,255,.045);
  --shadow: 0 38px 110px rgba(0,0,0,.44), 0 8px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12);
  --accent-text: #baf200;
  --hairline: rgba(255,255,255,.09);
  --edge-light: linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.035) 35%,rgba(0,245,212,.13) 70%,rgba(0,194,255,.16));
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: linear-gradient(180deg, var(--page), var(--page-deep));
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  overflow-x: hidden;
  transition: color .3s ease, background .3s ease;
}

.aurora { position: fixed; inset: 0; z-index: -4; overflow: hidden; pointer-events: none; }
.aurora i { position: absolute; border-radius: 50%; opacity: .82; will-change: transform; transform: translate3d(0,0,0); backface-visibility: hidden; }
.aurora-one { width: 66vw; height: 66vw; min-width: 720px; min-height: 720px; left: -24vw; top: -31vw; background: radial-gradient(circle at 50% 50%,rgba(200,244,0,.48) 0,rgba(200,244,0,.30) 34%,rgba(200,244,0,.10) 57%,transparent 74%); animation: aurora-one 24s ease-in-out infinite alternate; }
.aurora-two { width: 62vw; height: 62vw; min-width: 680px; min-height: 680px; right: -24vw; top: -8vh; background: radial-gradient(circle at 50% 50%,rgba(0,245,212,.44) 0,rgba(0,245,212,.27) 35%,rgba(0,245,212,.08) 58%,transparent 75%); animation: aurora-two 29s ease-in-out infinite alternate; }
.aurora-three { width: 60vw; height: 60vw; min-width: 650px; min-height: 650px; left: 19vw; top: 42vh; background: radial-gradient(circle at 50% 50%,rgba(0,194,255,.38) 0,rgba(0,194,255,.23) 36%,rgba(0,194,255,.07) 59%,transparent 75%); animation: aurora-three 27s ease-in-out infinite alternate; }
.aurora-four { width: 52vw; height: 52vw; min-width: 580px; min-height: 580px; right: 0; top: 118vh; background: radial-gradient(circle at 50% 50%,rgba(200,244,0,.32) 0,rgba(200,244,0,.19) 36%,rgba(200,244,0,.06) 58%,transparent 75%); animation: aurora-four 31s ease-in-out infinite alternate; }
html[data-theme="dark"] .aurora i { opacity: .38; }
@keyframes aurora-one { to { transform: translate(30vw,34vh) scale(.76) rotate(80deg); } }
@keyframes aurora-two { to { transform: translate(-28vw,28vh) scale(1.2) rotate(-70deg); } }
@keyframes aurora-three { to { transform: translate(18vw,-25vh) scale(.86) rotate(100deg); } }
@keyframes aurora-four { to { transform: translate(-36vw,38vh) scale(1.24) rotate(-90deg); } }

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.shell { width: var(--shell); margin-inline: auto; }

.site-header, .hero-visual, .glass-card, .legal-panel, .connect-panel, .signal-bar > div {
  background: var(--glass);
  box-shadow: var(--shadow);
  backdrop-filter: blur(34px) saturate(150%);
  -webkit-backdrop-filter: blur(34px) saturate(150%);
}
.site-header { position: sticky; top: 12px; z-index: 20; width: var(--shell); min-height: 70px; margin: 12px auto 0; padding: 10px 13px 10px 18px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-radius: 23px; }
.brand { display: inline-flex; align-items: center; gap: 12px; width: max-content; }
.brand-mark { position: relative; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--gradient); box-shadow: 0 13px 32px rgba(0,220,190,.2), inset 0 1px 1px rgba(255,255,255,.58); }
.brand-mark::before { content: ""; width: 19px; height: 21px; border: 3px solid #06110d; border-radius: 5px 10px 5px 10px; transform: skew(-8deg); }
.brand-mark i { position: absolute; width: 8px; height: 3px; right: 8px; bottom: 9px; background: #06110d; }
.site-header .brand-mark { display:block; overflow:hidden; background:none; box-shadow:none; }
.site-header .brand-mark::before,.site-header .brand-mark i { display:none; }
.site-header .brand-mark img { display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.08); }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy b { font-size: 15px; letter-spacing: .14em; }
.brand-copy small { margin-top: 6px; color: var(--muted); font: 650 8px/1 ui-monospace,monospace; letter-spacing: .19em; }
.site-header nav { display: flex; gap: 30px; color: var(--muted); font-size: 13px; }
.site-header nav a { transition: color .18s ease; }
.site-header nav a:hover { color: var(--ink); }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 9px; }
.header-cta, .theme-toggle { min-height: 42px; border: 0; border-radius: 14px; color: var(--ink); background: var(--glass-soft); box-shadow: inset 0 1px 0 rgba(255,255,255,.18); }
.header-cta { display: inline-flex; align-items: center; padding: 0 17px; font-weight: 720; font-size: 12px; }
.theme-toggle { padding: 0 12px; display: inline-flex; align-items: center; gap: 9px; cursor: pointer; font-size: 11px; transition: background-color .45s ease,color .45s ease,box-shadow .45s ease,transform .22s ease; }
.theme-toggle:active { transform:scale(.96); }
.theme-toggle-track { position: relative; width: 28px; height: 16px; border-radius: 999px; background: rgba(80,110,98,.2); box-shadow: inset 0 2px 5px rgba(0,0,0,.16); transition:background-color .45s ease,box-shadow .45s ease; }
.theme-toggle-track i { position: absolute; width: 10px; height: 10px; left: 3px; top: 3px; border-radius: 50%; background: var(--ink); transition: transform .38s cubic-bezier(.22,.8,.24,1),background-color .45s ease; }
.theme-toggle[aria-pressed="true"] .theme-toggle-track i { transform: translateX(12px); }

.hero { min-height: 690px; padding: 72px 0 82px; display: grid; grid-template-columns: 1.06fr .94fr; gap: clamp(38px,5vw,84px); align-items: center; }
.hero-side { min-width:0; display:grid; gap:10px; align-self:center; }
.eyebrow { display: flex; align-items: center; gap: 12px; color: var(--muted); font: 700 11px/1 ui-monospace,monospace; letter-spacing: .14em; }
.eyebrow span { color: var(--accent-text); }
.eyebrow::before { content: ""; width: 22px; height: 1px; background: var(--mint); }
h1,h2,h3,p { margin-top: 0; }
h1 { margin: 31px 0 27px; font-size: clamp(48px,5.25vw,78px); line-height: .99; letter-spacing: -.055em; font-weight: 770; }
h1 em,h2 em { font-style: normal; color: transparent; background: linear-gradient(110deg,#789400,#00a990 55%,#008db7); -webkit-background-clip: text; background-clip: text; }
html[data-theme="dark"] h1 em, html[data-theme="dark"] h2 em { background-image: var(--gradient); }
.hero-lead { max-width: 670px; margin-bottom: 36px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.button { min-height: 54px; padding: 0 23px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; font-weight: 740; font-size: 13px; transition: transform .18s ease, box-shadow .18s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #06110d; background: var(--gradient); box-shadow: 0 18px 44px rgba(0,200,180,.18), inset 0 1px 1px rgba(255,255,255,.48); }
.button-ghost { background: var(--glass-soft); box-shadow: inset 0 1px 0 rgba(255,255,255,.16); }
.hero-note { display: flex; align-items: center; gap: 10px; margin-top: 33px; color: var(--soft); font: 600 11px/1 ui-monospace,monospace; letter-spacing: .05em; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(200,244,0,.1),0 0 18px rgba(200,244,0,.4); }

.hero-visual { position: relative; height: 500px; border-radius: 36px; overflow: hidden; }
.visual-field { position:absolute; inset:0; z-index:2; overflow:hidden; }
.visual-field::before { content:""; position:absolute; left:8%; width:calc(42% - 95px); top:50%; height:1px; background:linear-gradient(90deg,transparent,rgba(0,194,255,.28) 16%,rgba(0,245,212,.68)); transform-origin:right center; animation:axis-breathe 9s ease-in-out infinite; }
.visual-field::after { content:""; position:absolute; right:8%; width:calc(42% - 95px); top:50%; height:1px; background:linear-gradient(90deg,rgba(200,244,0,.72),rgba(0,245,212,.3) 84%,transparent); transform-origin:left center; animation:exit-channel 9s ease-in-out infinite; }
.pulse { position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); border:1px solid rgba(0,245,212,.08); opacity:.22; animation:contact-ring 9s cubic-bezier(.22,.7,.2,1) infinite; }
.pulse-one { width:225px; height:225px; }
.pulse-two { width:270px; height:270px; }
.pulse-three { width:320px; height:320px; }
.axis { position:absolute; width:calc(42% - 95px); top:50%; height:1px; }
.axis-in { left:8%; }
.axis-out { right:8%; }
.axis i { position:absolute; top:-5px; left:0; width:10px; height:10px; border-radius:50%; }
.axis-in i { background:var(--cyan); box-shadow:0 0 0 5px rgba(0,194,255,.08),0 0 20px rgba(0,194,255,.78); animation:axis-travel 9s cubic-bezier(.38,0,.18,1) infinite; }
.axis-out i { background:var(--lime); box-shadow:0 0 0 6px rgba(200,244,0,.09),0 0 22px rgba(200,244,0,.82); animation:axis-exit 9s cubic-bezier(.38,0,.18,1) infinite; }
@keyframes contact-ring { 0%,42%,100%{opacity:.16;border-color:rgba(0,245,212,.07);box-shadow:none} 47%,84%{opacity:.72;border-color:rgba(200,244,0,.5);box-shadow:0 0 26px rgba(200,244,0,.15),inset 0 0 28px rgba(200,244,0,.07)} 92%{opacity:.2} }
@keyframes axis-breathe { 0%,100%{opacity:.42;transform:scaleX(.82)} 43%,82%{opacity:1;transform:scaleX(1)} }
@keyframes exit-channel { 0%,48%,100%{opacity:.12;transform:scaleX(.16)} 54%{opacity:.64;transform:scaleX(.42)} 64%,88%{opacity:1;transform:scaleX(1)} 94%{opacity:.22;transform:scaleX(1)} }
@keyframes axis-travel { 0%,7%{left:0;opacity:0} 10%{left:0;opacity:1} 43%{left:calc(100% - 5px);opacity:1} 47%,100%{left:calc(100% - 5px);opacity:0} }
@keyframes axis-exit { 0%,47%{left:0;opacity:0} 50%{left:0;opacity:1} 83%{left:calc(100% - 5px);opacity:1} 90%,100%{left:calc(100% - 5px);opacity:0} }
.status-line { position: absolute; left: 27px; right: 27px; top: 25px; z-index: 2; display: flex; justify-content: space-between; color: var(--soft); font: 700 9px/1 ui-monospace,monospace; letter-spacing: .16em; }
.status-line b { color: var(--accent-text); }
.orb { position: absolute; border-radius: 50%; filter: blur(6px); animation: orb-drift 12s ease-in-out infinite alternate; }
.orb-a { width: 350px; height: 350px; left: -10px; top: 68px; background: radial-gradient(circle at 35% 35%,rgba(200,244,0,.7),rgba(0,245,212,.3) 46%,transparent 70%); }
.orb-b { width: 320px; height: 320px; right: -90px; bottom: -8px; background: radial-gradient(circle,rgba(0,194,255,.54),transparent 69%); animation-delay: -6s; }
@keyframes orb-drift { to { transform: translate(38px,-24px) scale(1.1); } }
.shield { position: absolute; z-index: 3; inset: 50% auto auto 50%; transform: translate(-50%,-50%); width: 185px; height: 185px; border-radius: 50%; display: grid; place-items: center; color: rgba(115,151,140,.7); background: rgba(255,255,255,.2); box-shadow: 0 0 0 20px rgba(255,255,255,.08),0 0 0 42px rgba(255,255,255,.035),0 28px 70px rgba(21,58,45,.2),inset 0 1px 0 rgba(255,255,255,.5); backdrop-filter: blur(22px); animation:shield-contact 9s ease-in-out infinite; }
html[data-theme="dark"] .shield { background: rgba(5,13,10,.26); }
.shield svg { width: 68px; }
.shield-outline { transition:stroke .25s ease; }
.shield-check { stroke-dasharray:34; stroke-dashoffset:34; opacity:0; animation:check-contact 9s ease-in-out infinite; }
.shield span { position: absolute; bottom: 29px; color: var(--muted); font: 700 8px/1.4 ui-monospace,monospace; text-align: center; letter-spacing: .12em; }
.shield span b { color:inherit; }
@keyframes shield-contact { 0%,42%,100%{color:rgba(115,151,140,.7);box-shadow:0 0 0 20px rgba(255,255,255,.08),0 0 0 42px rgba(255,255,255,.035),0 28px 70px rgba(21,58,45,.2),inset 0 1px 0 rgba(255,255,255,.5)} 47%,84%{color:var(--lime);box-shadow:0 0 0 20px rgba(200,244,0,.11),0 0 0 42px rgba(200,244,0,.045),0 0 58px rgba(200,244,0,.19),inset 0 1px 0 rgba(255,255,255,.5)} 92%{color:rgba(115,151,140,.7)} }
@keyframes check-contact { 0%,44%,100%{stroke-dashoffset:34;opacity:0} 50%,86%{stroke-dashoffset:0;opacity:1} 92%{opacity:0;stroke-dashoffset:0} }
.visual-meta { position: absolute; z-index: 3; left: 27px; right: 27px; bottom: 26px; display: flex; justify-content: space-between; }
.visual-meta div { display:flex; flex-direction:column; }
.visual-meta small { color:var(--soft); font:700 8px/1 ui-monospace,monospace; letter-spacing:.15em; }
.visual-meta b { margin-top:7px; font:750 10px/1 ui-monospace,monospace; letter-spacing:.08em; }

.signal-bar { width: var(--shell); min-height: 112px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.signal-bar > div { display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; align-content:center; column-gap:16px; padding:24px 26px; border-radius:24px; }
.signal-bar span { grid-row:1/3; color:var(--accent-text); font:750 12px/1 ui-monospace,monospace; }
.signal-bar b { font-size:14px; }
.signal-bar small { color:var(--muted); font-size:12px; }
.network-ticker { min-width:0; width:100%; }
.network-ticker-viewport { min-width:0; overflow:hidden; }
.network-ticker.has-overflow .network-ticker-viewport { -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.network-live-track { display:flex; align-items:center; justify-content:flex-end; gap:8px; width:max-content; min-width:100%; }
.network-live-track.is-marquee { justify-content:flex-start; animation:network-marquee var(--marquee-duration,24s) linear infinite; will-change:transform; }
.network-ticker:hover .network-live-track.is-marquee { animation-play-state:paused; }
.network-card { flex:0 0 142px; min-height:32px; padding:7px 10px; display:flex; align-items:center; gap:7px; border:1px solid transparent; border-radius:12px; background:linear-gradient(var(--glass),var(--glass)) padding-box,var(--edge-light) border-box; box-shadow:0 8px 22px rgba(8,35,27,.09),inset 0 1px 0 rgba(255,255,255,.14); backdrop-filter:blur(18px) saturate(140%); -webkit-backdrop-filter:blur(18px) saturate(140%); }
.country-flag { position:relative; flex:0 0 auto; width:14px; height:9px; overflow:hidden; border-radius:1px; background:linear-gradient(135deg,var(--mint),var(--cyan)); }
.flag-fi { background:#fff; }
.flag-fi::before,.flag-fi::after { content:""; position:absolute; background:#003580; }
.flag-fi::before { left:4px; top:0; width:2px; height:100%; }
.flag-fi::after { left:0; top:3px; width:100%; height:2px; }
.flag-de { background:linear-gradient(to bottom,#171717 0 33.333%,#d4142f 33.333% 66.666%,#f7c800 66.666%); }
.route-country { color:var(--accent-text); font:780 9px/1 ui-monospace,monospace; letter-spacing:.1em; }
.network-node-dots { display:flex; gap:4px; }
.network-node-dots i { width:5px; height:5px; border-radius:50%; background:#71807b; box-shadow:0 0 0 3px rgba(113,128,123,.06); }
.network-node-dots i.is-online { background:var(--lime); box-shadow:0 0 0 3px rgba(200,244,0,.06),0 0 9px rgba(200,244,0,.38); }
.route-ping { margin-left:auto; white-space:nowrap; font:720 8px/1 ui-monospace,monospace; }
.network-card-loading { position:relative; overflow:hidden; }
.network-card-loading::after { content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.14) 48%,transparent 62%); transform:translateX(-100%); animation:status-shimmer 1.6s ease-in-out infinite; }
.network-card-loading span { display:block; width:34%; height:6px; border-radius:999px; background:var(--glass-soft); }
@keyframes network-marquee { to { transform:translate3d(var(--marquee-distance),0,0); } }
@keyframes status-shimmer { to { transform:translateX(100%); } }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.section { padding: 88px 0; }
.section-heading { display:grid; grid-template-columns:1fr 1fr; column-gap:60px; align-items:end; margin-bottom:55px; }
.section-heading .eyebrow { grid-column:1/-1; margin-bottom:27px; }
h2 { margin-bottom:0; font-size:clamp(38px,4.1vw,62px); line-height:1.05; letter-spacing:-.045em; }
.section-heading > p { margin-bottom:5px; color:var(--muted); line-height:1.72; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.glass-card { position:relative; border-radius:var(--radius); }
.feature-card { min-height:350px; padding:30px; display:flex; flex-direction:column; overflow:hidden; }
.feature-card::after { content:none; }
.accent-card { background:linear-gradient(145deg,rgba(200,244,0,.16),var(--glass) 48%,rgba(0,194,255,.12)); }
.card-index { position:relative; z-index:2; color:var(--soft); font:700 9px/1 ui-monospace,monospace; letter-spacing:.15em; }
.feature-card h3 { margin:auto 0 10px; font-size:22px; letter-spacing:-.02em; }
.feature-card p { margin-bottom:0; color:var(--muted); font-size:14px; line-height:1.72; }
.line-icon { margin:50px auto 24px; width:94px; height:64px; display:flex; align-items:flex-end; justify-content:space-between; }
.line-icon i { width:20px; border-radius:8px 8px 2px 2px; background:linear-gradient(to top,rgba(0,245,212,.5),rgba(0,245,212,.05)); box-shadow:0 10px 24px rgba(0,245,212,.12); }
.line-icon i:nth-child(1){height:33px}.line-icon i:nth-child(2){height:61px}.line-icon i:nth-child(3){height:45px;background:linear-gradient(to top,rgba(200,244,0,.58),rgba(200,244,0,.05))}
.fingerprint { width:82px; height:82px; margin:40px auto 20px; border-radius:50%; background:repeating-radial-gradient(ellipse at center,transparent 0 5px,rgba(0,210,181,.62) 6px 7px); mask-image:radial-gradient(ellipse,#000 45%,transparent 72%); }
.control-rings { width:92px; height:92px; margin:34px auto 18px; position:relative; }
.control-rings i { position:absolute; inset:0; margin:auto; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(0,210,181,.32); }
.control-rings i:nth-child(2){inset:18px}.control-rings i:nth-child(3){inset:36px;background:var(--gradient);box-shadow:none}

.split-section { display:grid; grid-template-columns:1fr 1fr; gap:clamp(44px,6vw,92px); align-items:center; }
.scenario-visual { position:relative; height:500px; overflow:hidden; }
.scenario-visual::after { content:""; position:absolute; inset:0; z-index:1; background:radial-gradient(circle at 50% 50%,rgba(0,245,212,.16),transparent 50%); }
.scenario-top { position:absolute; z-index:3; top:24px; left:26px; right:26px; display:flex; justify-content:space-between; color:var(--soft); font:700 9px/1 ui-monospace,monospace; letter-spacing:.14em; }
.node { position:absolute; z-index:4; width:124px; padding:15px; border-radius:17px; background:rgba(255,255,255,.22); box-shadow:0 18px 42px rgba(25,62,48,.14),inset 0 1px 0 rgba(255,255,255,.3); backdrop-filter:blur(18px); transition:background-color .28s ease,box-shadow .28s ease,color .28s ease; }
html[data-theme="dark"] .node { background:rgba(5,15,11,.31); }
.node i { display:block; width:9px; height:9px; margin-bottom:18px; border-radius:50%; background:var(--mint); box-shadow:0 0 14px rgba(0,245,212,.46); }
.node b{display:block;font:750 9px/1 ui-monospace,monospace;letter-spacing:.08em}.node small{color:var(--soft);font-size:9px}
.node-device{left:14.5%;top:45.5%;transform:translate(-50%,-50%)}.node-edge{left:50%;top:26%;transform:translate(-50%,-50%)}.node-net{left:85.5%;top:77%;transform:translate(-50%,-50%)}.node-edge i{background:var(--lime)}.node-net i{background:var(--cyan)}
.network-route{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}.route-base{fill:none;stroke:url(#route-gradient);stroke-width:1;vector-effect:non-scaling-stroke}.route-signal{fill:none;stroke:rgba(0,245,212,.66);stroke-width:1.15;stroke-linecap:round;stroke-dasharray:7 18;vector-effect:non-scaling-stroke;animation:route-flow 3.8s linear infinite}
.route-runner{position:absolute;z-index:6;left:var(--route-start-x,0px);top:var(--device-y,45%);width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:var(--cyan);box-shadow:0 0 0 5px rgba(0,194,255,.09),0 0 22px rgba(0,194,255,.8);animation:route-runner 8s linear infinite}
.node-device{animation:device-card 8s ease-in-out infinite}.node-edge{animation:edge-card 8s ease-in-out infinite}.node-net{animation:net-card 8s ease-in-out infinite}
.node-device i{animation:device-node 8s ease-in-out infinite}.node-edge i{animation:edge-node 8s ease-in-out infinite}.node-net i{animation:net-node 8s ease-in-out infinite}
@keyframes route-flow{to{stroke-dashoffset:-50}}
@keyframes route-runner{0%,3%{left:var(--route-start-x);top:var(--device-y);opacity:0;background:var(--cyan)}5%{opacity:1} 12%{left:var(--device-left);top:var(--device-y);opacity:1;background:var(--cyan)} 14%{left:var(--device-left);top:var(--device-y);opacity:0} 18%{left:var(--device-right);top:var(--device-y);opacity:0;background:var(--mint)} 20%{opacity:1} 43%{left:var(--edge-left);top:var(--edge-y);opacity:1;background:var(--mint)} 45%{left:var(--edge-left);top:var(--edge-y);opacity:0} 50%{left:var(--edge-right);top:var(--edge-y);opacity:0;background:var(--lime)} 52%{opacity:1} 82%{left:var(--net-left);top:var(--net-y);opacity:1;background:var(--lime)} 84%{left:var(--net-left);top:var(--net-y);opacity:0} 92%,100%{left:var(--net-left);top:var(--net-y);opacity:0}}
@keyframes device-card{0%,8%,20%,100%{box-shadow:0 18px 42px rgba(25,62,48,.14),inset 0 1px 0 rgba(255,255,255,.3)}12%,17%{box-shadow:0 0 0 1px rgba(0,194,255,.56),0 0 36px rgba(0,194,255,.2),inset 0 1px 0 rgba(255,255,255,.42)}}
@keyframes edge-card{0%,39%,53%,100%{box-shadow:0 18px 42px rgba(25,62,48,.14),inset 0 1px 0 rgba(255,255,255,.3)}43%,49%{box-shadow:0 0 0 1px rgba(0,245,212,.58),0 0 38px rgba(0,245,212,.2),inset 0 1px 0 rgba(255,255,255,.42)}}
@keyframes net-card{0%,78%,91%,100%{box-shadow:0 18px 42px rgba(25,62,48,.14),inset 0 1px 0 rgba(255,255,255,.3)}82%,88%{box-shadow:0 0 0 1px rgba(200,244,0,.62),0 0 40px rgba(200,244,0,.22),inset 0 1px 0 rgba(255,255,255,.42)}}
@keyframes device-node{0%,8%,20%,100%{transform:scale(1);box-shadow:0 0 10px rgba(0,194,255,.3)}12%,17%{transform:scale(1.45);box-shadow:0 0 20px var(--cyan)}}
@keyframes edge-node{0%,39%,53%,100%{transform:scale(1);box-shadow:0 0 10px rgba(0,245,212,.3)}43%,49%{transform:scale(1.45);box-shadow:0 0 20px var(--mint)}}
@keyframes net-node{0%,78%,91%,100%{transform:scale(1);box-shadow:0 0 10px rgba(200,244,0,.3)}82%,88%{transform:scale(1.45);box-shadow:0 0 20px var(--lime)}}
.scenario-copy .eyebrow{margin-bottom:28px}.scenario-copy h2{margin-bottom:48px}.scenario-list{margin:0;padding:0;list-style:none}.scenario-list li{display:grid;grid-template-columns:46px 1fr;gap:8px;padding:22px 0;border-top:1px solid var(--hairline)}.scenario-list li:last-child{border-bottom:1px solid var(--hairline)}.scenario-list span{color:var(--accent-text);font:700 10px/1.8 ui-monospace,monospace}.scenario-list b{font-size:15px}.scenario-list p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.64}

.plans-section{padding-top:110px}.plans-heading{margin-bottom:38px}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.plan-card{position:relative;min-height:560px;padding:34px;display:flex;flex-direction:column;border-radius:32px;overflow:hidden}.plan-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.11),transparent 28%,transparent 72%,rgba(0,245,212,.06));opacity:.55}.plan-card-featured{background:linear-gradient(145deg,rgba(200,244,0,.12),var(--glass) 46%,rgba(0,194,255,.1)) padding-box,var(--edge-light) border-box}.plan-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px}.plan-index{color:var(--soft);font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em}.plan-badge{padding:8px 11px;border-radius:999px;color:var(--accent-text);background:var(--glass-soft);font:750 10px/1 ui-monospace,monospace;letter-spacing:.06em}.plan-card h3{position:relative;margin:44px 0 10px;font-size:30px;letter-spacing:-.035em}.plan-description{position:relative;min-height:52px;margin-bottom:30px;color:var(--muted);font-size:13px;line-height:1.65}.device-selector{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border-radius:18px;background:rgba(90,115,104,.1);box-shadow:inset 0 1px 5px rgba(0,0,0,.08)}.device-selector button{min-width:0;min-height:50px;padding:8px 6px;border:0;border-radius:13px;color:var(--muted);background:transparent;cursor:pointer;font-size:11px;font-weight:700;line-height:1.2;transition:color .28s ease,background-color .28s ease,box-shadow .28s ease,transform .18s ease}.device-selector button:hover{color:var(--ink)}.device-selector button:active{transform:scale(.97)}.device-selector button.is-active{color:#06110d;background:var(--gradient);box-shadow:0 8px 24px rgba(0,215,184,.17),inset 0 1px 1px rgba(255,255,255,.58)}.plan-total{position:relative;display:flex;align-items:baseline;gap:9px;margin-top:38px}.plan-total strong{font-size:clamp(34px,3vw,48px);line-height:1;letter-spacing:-.055em}.plan-total span{color:var(--muted);font-size:12px}.plan-note{position:relative;margin:11px 0 25px;color:var(--muted);font-size:12px;min-height:18px}.plan-action{position:relative;width:100%;min-height:52px;margin-top:auto;border:0;border-radius:15px;color:var(--soft);background:var(--glass-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.15);font-weight:750;font-size:12px;cursor:not-allowed;opacity:.78}

.plan-includes{position:relative;margin:auto 0 0;padding:22px 0 0;list-style:none;border-top:1px solid var(--hairline)}.plan-includes li{position:relative;padding-left:18px;color:var(--muted);font-size:11px;line-height:1.55}.plan-includes li+li{margin-top:8px}.plan-includes li::before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px rgba(0,245,212,.36)}

.legal-panel { position:relative; min-height:330px; padding:54px; border-radius:36px; display:grid; grid-template-columns:48px 1.15fr .85fr; gap:36px; align-items:center; overflow:hidden; }
.legal-panel::after { content:"";position:absolute;width:360px;height:360px;right:-130px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,255,.25),transparent 70%);pointer-events:none; }
.legal-line{width:3px;height:90px;border-radius:99px;background:var(--gradient);box-shadow:0 0 28px rgba(0,220,190,.35)}
.legal-panel .eyebrow{margin-bottom:24px}.legal-panel h2{font-size:clamp(34px,3.6vw,52px)}
.legal-copy{position:relative;z-index:1;padding-left:34px;border-left:1px solid var(--hairline);color:var(--muted);font-size:14px;line-height:1.76}.legal-copy p:last-child{margin-bottom:0}
.connect-section{padding-top:0;padding-bottom:88px}
.connect-panel{position:relative;padding:clamp(34px,4vw,64px);border-radius:36px;display:grid;grid-template-columns:.78fr 1.22fr;gap:54px 72px;align-items:start;overflow:hidden}.connect-panel::after{content:"";position:absolute;right:-130px;top:-170px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,255,.13),transparent 68%);pointer-events:none}
.connect-copy{position:relative;z-index:1}.connect-copy .eyebrow{margin-bottom:25px}.connect-copy h2{margin-bottom:20px;font-size:clamp(39px,4.2vw,60px)}.connect-copy p{max-width:620px;margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.75}
.connection-steps{position:relative;z-index:1;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.connection-steps li{min-height:188px;padding:25px;border-radius:24px;background:var(--glass-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.13);display:flex;flex-direction:column}.connection-steps li>span{color:var(--accent-text);font:750 10px/1 ui-monospace,monospace;letter-spacing:.11em}.connection-steps b{display:block;margin-top:auto;padding-top:38px;font-size:14px}.connection-steps p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.connection-notice{position:relative;z-index:1;grid-column:1;padding:26px;border-radius:24px;background:linear-gradient(135deg,rgba(200,244,0,.1),rgba(0,245,212,.06) 55%,rgba(0,194,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.connection-notice b{font-size:14px}.connection-notice p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.returning-access{position:relative;z-index:1;grid-column:2;display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:center;padding:27px;border-radius:24px;background:var(--glass-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}.returning-label{display:block;margin-bottom:12px;color:var(--accent-text);font:750 9px/1 ui-monospace,monospace;letter-spacing:.12em}.returning-access h3{margin-bottom:8px;font-size:18px}.returning-access>div>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.subscription-form label{display:block;margin-bottom:11px;color:var(--muted);font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.input-row{display:grid;grid-template-columns:1fr auto;padding:6px;border-radius:18px;background:rgba(255,255,255,.19);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 12px 38px rgba(24,56,44,.08)}
html[data-theme="dark"] .input-row{background:rgba(0,0,0,.18)}
.input-row:focus-within{box-shadow:0 0 0 4px rgba(0,220,185,.09),inset 0 1px 0 rgba(255,255,255,.22)}
.input-row input{min-width:0;height:50px;padding:0 14px;color:var(--ink);border:0;outline:0;background:transparent;font-size:13px}.input-row input::placeholder{color:var(--soft)}
.input-row button{height:50px;padding-inline:22px;border:0;border-radius:13px;color:#06110d;background:var(--gradient);box-shadow:inset 0 1px 1px rgba(255,255,255,.55);font-weight:780;font-size:12px;cursor:pointer}
.form-message{margin:11px 4px 0;color:var(--soft);font-size:11px}.form-message.error{color:#d55757}
.site-footer{padding:52px 0 42px;display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;border-top:1px solid var(--hairline);color:var(--soft);font-size:12px}.footer-intro p{max-width:320px;margin:24px 0 0;line-height:1.65}.footer-requisites{display:grid;grid-template-columns:1fr 1fr;gap:36px}.footer-requisites p,.footer-requisites address{margin:0;display:flex;flex-direction:column;gap:9px;font-style:normal;line-height:1.45}.footer-requisites b{color:var(--ink);font-size:13px}.footer-requisites address{align-items:flex-end;text-align:right}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:29px;border-top:1px solid var(--hairline)}.footer-bottom nav{display:flex;gap:25px}.site-footer a{transition:color .18s ease}
.site-footer a:hover{color:var(--ink)}
.legal-page .site-header{position:relative}.legal-page-main{padding:82px 0 110px}.document-hero{padding:44px 0 58px}.document-hero h1{max-width:1050px;margin-bottom:24px}.document-lead{max-width:820px;color:var(--muted);font-size:17px;line-height:1.7}.document-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--soft);font:650 10px/1.4 ui-monospace,monospace;letter-spacing:.07em}.document-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.document-nav{position:sticky;top:104px;padding:24px;border-radius:25px}.document-nav b{display:block;margin-bottom:18px;color:var(--soft);font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em}.document-nav a{display:block;padding:9px 0;color:var(--muted);font-size:12px;line-height:1.35;transition:color .18s ease}.document-nav a:hover{color:var(--ink)}.document-body{padding:clamp(30px,4vw,64px);border-radius:34px}.document-body section{scroll-margin-top:105px}.document-body section+section{margin-top:54px;padding-top:48px;border-top:1px solid var(--hairline)}.document-body h2{margin-bottom:22px;font-size:clamp(27px,3vw,40px);letter-spacing:-.035em}.document-body h3{margin:30px 0 12px;font-size:17px}.document-body p,.document-body li{color:var(--muted);font-size:14px;line-height:1.82}.document-body ul,.document-body ol{padding-left:22px}.document-body li+li{margin-top:9px}.document-body strong{color:var(--ink)}.document-contact{padding:24px;border-radius:20px;background:var(--glass-soft)}.document-contact p:last-child{margin-bottom:0}
.site-header,.hero-visual,.glass-card,.legal-panel,.connect-panel,.signal-bar>div{border:1px solid transparent;background:linear-gradient(var(--glass),var(--glass)) padding-box,var(--edge-light) border-box}
.accent-card{background:linear-gradient(145deg,rgba(200,244,0,.16),var(--glass) 48%,rgba(0,194,255,.12)) padding-box,var(--edge-light) border-box}
*:focus-visible{outline:2px solid #00cfae;outline-offset:4px}::selection{color:#06110d;background:var(--mint)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aurora i,.orb,.pulse,.axis,.axis i,.route-runner,.route-signal,.node,.node i,.shield,.shield-check,.network-live-track{animation:none}.network-ticker-viewport{overflow-x:auto}*,*::before,*::after{transition-duration:.01ms!important}}
@media(max-width:1100px){.plans-grid{grid-template-columns:1fr}.plan-card{min-height:0}.plan-description{min-height:0}.device-selector{max-width:560px}.plan-action{margin-top:6px}.site-footer{grid-template-columns:1fr}.footer-requisites{max-width:820px}}
@media(max-width:960px){:root{--shell:calc(100vw - 16px)}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:54px;padding-top:68px}.hero-visual{height:460px}.network-live-track{justify-content:center}.signal-bar{grid-template-columns:1fr}.section-heading{grid-template-columns:1fr}.section-heading>p{margin-top:25px;max-width:620px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:300px}.split-section{grid-template-columns:1fr}.scenario-visual{order:2}.legal-panel{grid-template-columns:24px 1fr}.legal-copy{grid-column:1/-1;padding:25px 0 0;border-left:0;border-top:1px solid var(--hairline)}.connect-panel{grid-template-columns:1fr;gap:30px}.connection-notice,.returning-access{grid-column:1}.returning-access{grid-template-columns:1fr 1.25fr}.document-layout{grid-template-columns:1fr}.document-nav{position:static;display:none}}
@media(max-width:640px){:root{--shell:calc(100vw - 12px);--radius:25px}.site-header{top:6px;margin-top:6px;min-height:64px;padding:8px 10px 8px 12px;border-radius:20px}.brand-copy small,.theme-toggle [data-theme-label],.header-cta{display:none}.theme-toggle{min-width:46px;justify-content:center}.hero{min-height:auto;padding:58px 0 68px}h1{font-size:clamp(42px,13vw,58px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.button{width:100%}.hero-visual{height:400px;border-radius:28px}.visual-field::before,.visual-field::after,.axis{width:calc(46% - 78px)}.visual-field::before,.axis-in{left:4%}.visual-field::after,.axis-out{left:auto;right:4%}.shield{width:150px;height:150px}.shield svg{width:58px}.shield span{bottom:22px}.visual-meta{left:18px;right:18px}.section{padding:76px 0}.section-heading{margin-bottom:38px}h2{font-size:38px}.split-section{gap:50px}.scenario-visual{height:430px}.node{width:108px;padding:12px}.node-device{left:14.5%;top:45.5%}.node-net{left:85.5%;right:auto;top:77%}.legal-panel{padding:34px 24px;gap:20px}.legal-line{height:70px}.connect-panel{padding:34px 18px;border-radius:28px}.connect-copy h2{font-size:36px}.connection-steps{grid-template-columns:1fr}.connection-steps li{min-height:160px}.returning-access{grid-template-columns:1fr;padding:22px}.input-row{grid-template-columns:1fr}.input-row button{width:100%}.plan-card{padding:26px 20px;border-radius:26px}.plan-card h3{margin-top:34px}.device-selector button{font-size:10px}.plan-total{margin-top:30px}.footer-requisites{grid-template-columns:1fr;gap:24px}.footer-requisites address{align-items:flex-start;text-align:left}.footer-bottom{flex-direction:column;align-items:flex-start;gap:15px}.footer-bottom nav{flex-direction:column;gap:11px}}
@keyframes landing-mobile-one{to{transform:translate3d(52vw,38vh,0) scale(.72) rotate(80deg)}}
@keyframes landing-mobile-two{to{transform:translate3d(-48vw,44vh,0) scale(1.2) rotate(-75deg)}}
@keyframes landing-mobile-three{to{transform:translate3d(20vw,-40vh,0) scale(.82) rotate(100deg)}}
@keyframes landing-mobile-four{to{transform:translate3d(-44vw,34vh,0) scale(1.22) rotate(-90deg)}}
@media(max-width:640px) and (prefers-reduced-motion:no-preference){.aurora-one{animation-name:landing-mobile-one;animation-duration:15s}.aurora-two{animation-name:landing-mobile-two;animation-duration:18s}.aurora-three{animation-name:landing-mobile-three;animation-duration:17s}.aurora-four{animation-name:landing-mobile-four;animation-duration:20s}}

.plan-checkout{position:relative;width:100%;min-height:52px;margin-top:22px;border:0;border-radius:15px;color:#06110d;background:var(--gradient);box-shadow:0 10px 28px rgba(0,215,184,.14),inset 0 1px 1px rgba(255,255,255,.55);font-weight:780;font-size:12px;cursor:pointer;transition:transform .2s ease,filter .2s ease,opacity .2s ease}.plan-checkout:hover{filter:brightness(1.05);transform:translateY(-1px)}.plan-checkout:disabled{cursor:wait;opacity:.7;transform:none}
.account-section{padding-top:12px}.account-panel{padding:clamp(34px,5vw,68px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,90px);align-items:center;overflow:hidden}.account-panel::after{content:"";position:absolute;right:-12%;top:-55%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,245,212,.12),transparent 67%);pointer-events:none}.account-copy,.account-state{position:relative;z-index:1}.account-copy .eyebrow{margin-bottom:24px}.account-copy h2{margin-bottom:20px}.account-copy>p{max-width:720px;margin-bottom:28px;color:var(--muted);line-height:1.74}.account-state{min-height:270px;padding:30px;border-radius:25px;background:var(--glass-soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);display:flex;flex-direction:column;align-items:flex-start}.account-kicker{display:block;margin-bottom:28px;color:var(--accent-text);font:750 9px/1 ui-monospace,monospace;letter-spacing:.14em}.account-state strong{font-size:24px;letter-spacing:-.025em}.account-state p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.62}.account-state .account-devices{margin-top:4px}.account-link{display:inline-flex;margin-top:auto;padding:14px 17px;border-radius:13px;color:#06110d;background:var(--gradient);font-size:12px;font-weight:780}.account-logout{margin-top:14px;padding:0;border:0;color:var(--muted);background:transparent;font-size:11px;cursor:pointer}.receipt-email-label{width:100%;margin-top:20px;color:var(--muted);font-size:11px}.receipt-email-input{width:100%;height:46px;margin-top:8px;padding:0 13px;border:1px solid var(--hairline);border-radius:13px;color:var(--ink);background:var(--glass);outline:0}.account-error,.payment-success{width:100%;padding:12px 14px;border-radius:12px;font-size:11px!important}.account-error{color:#ff9c9c!important;background:rgba(182,42,42,.12)}.payment-success{color:var(--accent-text)!important;background:rgba(0,245,212,.1)}
.auth-dialog{width:min(560px,calc(100vw - 24px));padding:0;border:1px solid transparent;border-radius:30px;color:var(--ink);background:linear-gradient(var(--glass-strong),var(--glass-strong)) padding-box,var(--edge-light) border-box;box-shadow:0 30px 110px rgba(0,0,0,.38);backdrop-filter:blur(34px) saturate(150%);-webkit-backdrop-filter:blur(34px) saturate(150%)}.auth-dialog::backdrop{background:rgba(1,7,5,.56);backdrop-filter:blur(8px)}.auth-dialog-head{display:flex;justify-content:space-between;gap:20px;padding:30px 30px 0}.auth-dialog-head .account-kicker{margin-bottom:10px}.auth-dialog-head h2{font-size:30px}.dialog-close{width:38px;height:38px;border:0;border-radius:50%;color:var(--ink);background:var(--glass-soft);font-size:24px;line-height:1;cursor:pointer}.auth-lead{margin:18px 30px 24px;color:var(--muted);font-size:13px;line-height:1.65}.auth-form{padding:0 30px}.auth-form>label:not(.terms-consent),.auth-code>label{display:block;margin-bottom:10px;color:var(--muted);font:700 9px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.auth-code{margin-top:18px}.terms-consent{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin-top:18px;color:var(--muted);font-size:11px;line-height:1.5}.terms-consent input{margin-top:2px;accent-color:#00cfae}.terms-consent a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.auth-message{min-height:18px;margin:13px 0 0;color:var(--muted);font-size:11px}.auth-message.error{color:#e67d7d}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 30px;color:var(--soft);font:700 9px/1 ui-monospace,monospace;text-transform:uppercase}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--hairline)}.telegram-auth{min-height:58px;padding:0 30px 30px;display:flex;justify-content:center;align-items:center}.telegram-auth p{margin:0;color:var(--soft);font-size:11px;text-align:center}
@media(max-width:960px){.account-panel{grid-template-columns:1fr}.account-state{min-height:230px}}
@media(max-width:640px){.account-panel{padding:30px 18px;border-radius:27px}.account-copy h2{font-size:36px}.auth-dialog-head,.auth-form{padding-left:20px;padding-right:20px}.auth-lead{margin-left:20px;margin-right:20px}.auth-divider{margin-left:20px;margin-right:20px}.telegram-auth{padding-left:20px;padding-right:20px}.auth-dialog .input-row{grid-template-columns:1fr}.auth-dialog .input-row button{width:100%}}
.account-state .trial-note{width:100%;margin:18px 0 0;padding:13px 14px;border-radius:13px;color:var(--ink);background:rgba(0,245,212,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.11)}

.account-invite{grid-template-columns:1.15fr .85fr}.account-preview{position:relative;z-index:1;min-height:270px;padding:34px;border-radius:28px;background:linear-gradient(145deg,rgba(200,244,0,.1),rgba(0,245,212,.06) 50%,rgba(0,194,255,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:center}.account-preview span{color:var(--accent-text);font:750 9px/1 ui-monospace,monospace;letter-spacing:.14em}.account-preview strong{margin-top:22px;font-size:clamp(32px,4vw,58px);letter-spacing:-.06em}.account-preview i{display:block;width:100%;height:6px;margin:24px 0 16px;border-radius:99px;background:var(--gradient);box-shadow:0 0 24px rgba(0,245,212,.2)}.account-preview p{margin:0;color:var(--muted);font-size:12px}.telegram-bot-button{min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:15px;color:var(--ink);background:linear-gradient(var(--glass-soft),var(--glass-soft)) padding-box,var(--edge-light) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);font-weight:780;font-size:12px;cursor:pointer;transition:transform .2s ease,filter .2s ease}.telegram-bot-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.telegram-bot-button:disabled{opacity:.6;cursor:wait;transform:none}

.account-page{min-height:100vh}.account-header{position:relative}.account-logout-top{border:0;cursor:pointer}.cabinet-shell{padding-top:clamp(55px,8vw,110px);padding-bottom:100px}.cabinet-auth{min-height:calc(100vh - 230px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,7vw,110px);align-items:center}.cabinet-auth-intro h1{max-width:760px;margin:24px 0 28px}.cabinet-auth-intro>p{max-width:660px;color:var(--muted);font-size:17px;line-height:1.75}.auth-benefits{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:34px;color:var(--muted);font-size:12px}.auth-benefits span{display:flex;align-items:center;gap:9px}.auth-benefits i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px rgba(200,244,0,.45)}.cabinet-login-card{padding:clamp(26px,4vw,48px);border-radius:32px}.cabinet-login-card .account-kicker{margin-bottom:18px}.cabinet-login-card h2{margin-bottom:22px;font-size:28px}.cabinet-auth-form{padding:0}.cabinet-telegram{width:100%}.telegram-hint{margin:12px 0 0;color:var(--soft);font-size:11px;text-align:center;line-height:1.5}.cabinet-dashboard{display:block}.dashboard-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.dashboard-heading h1{margin-top:22px;font-size:clamp(48px,7vw,90px)}.identity-chip{min-width:230px;padding:20px 22px;border-radius:20px;background:var(--glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}.identity-chip span{display:block;margin-bottom:9px;color:var(--soft);font:700 9px/1 ui-monospace,monospace;letter-spacing:.11em}.identity-chip strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr .7fr;gap:12px}.dashboard-card{min-height:330px;padding:30px;border-radius:30px;display:flex;flex-direction:column}.dashboard-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px;color:var(--soft);font:750 9px/1 ui-monospace,monospace;letter-spacing:.13em}.dashboard-card-head i{width:9px;height:9px;border-radius:50%;background:var(--soft)}.dashboard-card-head i.is-active,.connection-state{background:var(--lime);box-shadow:0 0 16px rgba(200,244,0,.55)}.dashboard-card-head i.is-expired{background:#e06d6d}.dashboard-status-title{font-size:clamp(25px,2.4vw,38px);letter-spacing:-.04em}.dashboard-status>p,.dashboard-connect>p{margin:15px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.access-meter{height:7px;margin:35px 0 25px;border-radius:99px;background:rgba(90,115,104,.14);overflow:hidden}.access-meter i{display:block;height:100%;border-radius:inherit;background:var(--gradient);transition:width .8s cubic-bezier(.2,.8,.2,1)}.dashboard-metrics{display:grid;grid-template-columns:1fr auto;gap:20px;margin-top:auto}.dashboard-metrics span{display:block;margin-bottom:8px;color:var(--soft);font:700 8px/1 ui-monospace,monospace;letter-spacing:.1em}.dashboard-metrics b{font-size:13px}.dashboard-connect h2{font-size:27px}.subscription-address{margin:25px 0 18px;padding:15px;border-radius:14px;background:rgba(0,0,0,.1);overflow:hidden}.subscription-address span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:600 10px/1.4 ui-monospace,monospace}.dashboard-actions{display:flex;gap:8px;margin-top:auto}.dashboard-actions .button{min-height:48px;padding:0 17px}.dashboard-actions button{cursor:pointer}.copy-state{min-height:17px!important;margin:10px 0 0!important;color:var(--accent-text)!important;font-size:10px!important}.dashboard-profile dl{margin:0}.dashboard-profile dl div{padding:17px 0;border-bottom:1px solid var(--hairline)}.dashboard-profile dt{margin-bottom:8px;color:var(--soft);font-size:10px}.dashboard-profile dd{margin:0;font-size:13px;font-weight:700}.cabinet-plans{padding-top:100px}.dashboard-plan-heading{margin-bottom:38px}.cabinet-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cabinet-plan{padding:27px;border-radius:27px}.cabinet-plan>span{display:block;min-height:28px;color:var(--accent-text);font:750 9px/1.35 ui-monospace,monospace;letter-spacing:.1em}.cabinet-plan>strong{display:block;margin:24px 0 26px;font-size:38px;letter-spacing:-.05em}.cabinet-plan .device-selector{margin-bottom:4px}.receipt-email-panel{max-width:650px;margin-top:18px;padding:22px;border-radius:22px;background:var(--glass)}.receipt-email-panel label{display:block;margin-bottom:10px;color:var(--muted);font-size:11px}.receipt-email-panel input{width:100%;height:50px;padding:0 14px;border:1px solid var(--hairline);border-radius:13px;color:var(--ink);background:var(--glass-soft);outline:0}.receipt-email-panel p{margin:9px 0 0;color:var(--soft);font-size:10px}.cabinet-payment-message{min-height:20px;margin:16px 0 0;color:var(--accent-text);font-size:12px}.cabinet-payment-message.error{color:#e67d7d}.cabinet-footer{padding-top:0}.cabinet-footer .footer-bottom{grid-column:auto;align-self:end}

@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-profile{grid-column:1/-1;min-height:0}.dashboard-profile dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cabinet-plan-grid{grid-template-columns:1fr}.cabinet-plan .device-selector{max-width:none}}
@media(max-width:960px){.account-invite{grid-template-columns:1fr}.cabinet-auth{grid-template-columns:1fr;min-height:0}.dashboard-heading{align-items:start;flex-direction:column}.identity-chip{width:100%}.dashboard-grid{grid-template-columns:1fr}.dashboard-profile{grid-column:auto}.cabinet-footer .footer-bottom{grid-column:1/-1}}
@media(max-width:640px){.cabinet-shell{padding-top:55px}.cabinet-auth-intro h1,.dashboard-heading h1{font-size:44px}.auth-benefits{display:grid;grid-template-columns:1fr;gap:10px}.auth-benefits span{min-width:0;white-space:normal}.cabinet-login-card{padding:25px 18px;border-radius:26px}.cabinet-login-card .input-row{grid-template-columns:1fr}.cabinet-login-card .input-row button{width:100%}.dashboard-card{min-height:0;padding:24px;border-radius:25px}.dashboard-card-head{margin-bottom:30px}.dashboard-metrics{grid-template-columns:1fr}.dashboard-actions{flex-direction:column}.dashboard-actions .button{width:100%}.dashboard-profile dl{grid-template-columns:1fr;gap:0}.cabinet-plans{padding-top:70px}.cabinet-plan{padding:24px 18px}.account-preview{min-height:220px}}