:root {
  --bg-base: #090a09;
  --bg-card: #11120f;
  --bg-surface: #191a14;
  --text-main: #f3f3e9;
  --text-muted: #a5a59b;
  --text-dim: #929487;
  --primary: #ffd21c;
  --primary-hover: #ffe580;
  --border-color: rgba(255,255,255,.12);
  --container-max: 1320px;
  font-family: Arial, 'Helvetica Neue', sans-serif;
  background: var(--bg-base);
  color: var(--text-main);
  color-scheme: dark;
  -webkit-font-smoothing: antialiased;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; font-size: 15px; line-height: 1.6; }
main { overflow: clip; }
h1,h2,h3,p { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; color: inherit; }
button:disabled { cursor: default; }
img { max-width: 100%; display: block; }
::selection { background: var(--primary); color: #090a09; }
:focus-visible { outline: 2px solid var(--primary); outline-offset: 5px; }
[hidden] { display: none !important; }
.container { width: 100%; max-width: var(--container-max); margin: 0 auto; padding: 0 36px; }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 22px; height: 22px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.text-muted { color: var(--text-muted); }
.text-gradient { color: var(--primary); }
.eyebrow,.technical-label { font-family: 'Courier New',monospace; font-size: 10px; font-weight: 400; letter-spacing: .14em; line-height: 1.5; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--primary); margin-bottom: 26px; }
.technical-label { color: var(--text-dim); }
.skip-link { position: fixed; z-index: 200; top: 12px; left: 12px; transform: translateY(-200%); background: var(--primary); color: #090a09; padding: 12px 20px; }
.skip-link:focus { transform: translateY(0); }
.scroll-progress { position: fixed; left: 0; top: 0; width: 100%; height: 2px; background: var(--primary); z-index: 120; transform: scaleX(0); transform-origin: left; }
.site-header { height: 88px; position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--border-color); background: #090a09eb; backdrop-filter: blur(18px); }
.nav-wrap { height: 100%; display: flex; justify-content: space-between; align-items: center; gap: 26px; }
.brand-logo { display: inline-flex; align-items: center; flex-shrink: 0; gap: 9px; font-size: 25px; font-weight: 800; letter-spacing: -1px; line-height: 1.4; }
.brand-icon { width: 28px; height: 34px; }
.brand-dot { color: var(--primary); }
.main-nav { display: flex; gap: 32px; font-size: 13px; }
.main-nav a { color: var(--text-muted); padding: 12px 0; transition: color .2s; }
.main-nav a:hover,.main-nav a[aria-current],.footer-bottom a:hover { color: var(--primary); }
.header-actions { display: flex; align-items: center; gap: 16px; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 54px; padding: 13px 24px; border: 1px solid transparent; border-radius: 7px; font-weight: 600; font-size: 13px; line-height: 1.4; transition: background .2s,transform .2s,border-color .2s,box-shadow .2s; }
.btn .icon { width: 19px; height: 19px; transition: transform .2s; }
.btn:hover .icon { transform: translate(2px,-2px); }
.btn-primary { background: var(--primary); color: #15160d; }
.btn-primary:hover { background: var(--primary-hover); box-shadow: 0 6px 25px #ffd21c18; transform: translateY(-2px); }
.btn-secondary { border-color: #ffffff26; background: #ffffff03; }
.btn-secondary:hover { border-color: var(--primary); background: #ffd21c09; }
.btn-sm { min-height: 43px; padding: 10px 17px; font-size: 12px; gap: 14px; }
.btn-block { width: 100%; justify-content: space-between; }
.motion-toggle,.mobile-toggle { width: 38px; height: 42px; display: grid; place-content: center; background: transparent; border: 0; color: var(--text-muted); }
.motion-toggle:hover { color: var(--primary); }
.mobile-toggle { display: none; gap: 6px; }
.mobile-toggle span { width: 20px; height: 1px; background: currentColor; transition: transform .2s; }
.mobile-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.mobile-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.hero-section { position: relative; min-height: 750px; overflow: hidden; isolation: isolate; border-bottom: 1px solid var(--border-color); }
.hero-atmosphere { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: radial-gradient(ellipse at 80% 42%,#b49e1812,transparent 52%); }
.hero-grid { position: absolute; inset: 0; background-image: linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(90deg,transparent,#0008); }
.cursor-light { position: absolute; left: var(--cursor-x,70%); top: var(--cursor-y,50%); width: 520px; height: 520px; background: radial-gradient(circle,#ffd21c0c,transparent 65%); transform: translate(-50%,-50%); }
.energy-line { position: absolute; width: 1200px; height: 480px; right: -640px; top: 20%; border: 1px solid #c8b43013; border-radius: 50%; box-shadow: 0 0 0 28px #c8b43007,0 0 0 58px #c8b43005,0 0 0 90px #c8b43005,0 0 0 140px #c8b43004; transform: rotate(-40deg); animation: energy-drift 24s ease-in-out infinite alternate; }
.line-two { right: -480px; top: 55%; opacity: .4; animation-delay: -12s; }
.hero-layout { display: grid; grid-template-columns: 1.04fr 1fr; align-items: center; min-height: 666px; }
.hero-copy { padding: 72px 0 64px; position: relative; z-index: 3; }
.hero-copy .eyebrow { font-size: 10px; margin-bottom: 32px; }
.signal-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 12px #ffd21c66; }
.hero-copy h1 { font-size: clamp(60px,6.7vw,94px); font-weight: 600; letter-spacing: -.07em; line-height: .99; }
.hero-copy h1>span { color: var(--primary); }
.hero-desc { font-size: 15px; line-height: 1.8; max-width: 365px; color: var(--text-muted); margin-top: 32px; }
.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 32px; }
.text-link { display: inline-flex; align-items: center; gap: 18px; font-size: 13px; font-weight: 500; padding: 8px 0; }
.text-link span { color: var(--primary); font-size: 20px; transition: transform .2s; }
.text-link:hover { color: var(--primary); }
.text-link:hover span { transform: translate(2px,2px); }
.hero-note { display: flex; align-items: center; gap: 7px; margin-top: 17px; color: var(--text-dim); font-size: 11px; }
.hero-note .icon { width: 13px; height: 13px; color: var(--primary); }
.hero-visual { position: relative; height: 600px; min-width: 0; }
.visual-label-top { position: absolute; top: 31px; right: 15px; z-index: 2; font-size: 9px; }
.scene-slot { position: relative; min-width: 0; }
.scene-slot canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; }
.scene-fallback { width: 100%; height: 100%; object-fit: contain; transition: opacity .35s; }
.scene-slot.is-rendered .scene-fallback { opacity: 0; }
.hero-scene { height: 560px; width: calc(100% + 80px); margin-left: -20px; }
.visual-caption { position: absolute; bottom: 8px; left: 46px; right: 0; display: flex; align-items: center; gap: 18px; font-size: 11px; color: var(--text-muted); }
.visual-caption b { font-weight: 400; color: var(--text-main); }
.crosshair { font: 24px 'Courier New',monospace; color: var(--primary); }
.caption-line { height: 1px; background: var(--border-color); flex: 1; }
.hero-bottom { min-height: 74px; display: flex; justify-content: space-between; align-items: center; }
.scroll-cue { display: flex; align-items: center; gap: 12px; color: var(--text-dim); font-size: 11px; }
.scroll-cue-icon { display: grid; place-items: center; border: 1px solid var(--border-color); width: 26px; height: 34px; border-radius: 20px; color: var(--primary); }
.hero-coordinate { font-size: 9px; }
.hero-coordinate span { color: var(--primary); margin-left: 12px; }
.facts-strip { border-bottom: 1px solid var(--border-color); background: #0d0e0b; }
.facts-grid { display: grid; grid-template-columns: repeat(4,1fr); padding-top: 29px; padding-bottom: 29px; }
.facts-grid>div { display: flex; align-items: center; justify-content: center; gap: 19px; border-right: 1px solid var(--border-color); }
.facts-grid>div:first-child { justify-content: flex-start; }
.facts-grid>div:last-child { border: 0; }
.facts-grid strong { font-size: 34px; font-weight: 500; letter-spacing: -.055em; white-space: nowrap; }
.facts-grid strong span { font-size: 19px; }
.facts-grid div>span { max-width: 120px; color: var(--text-dim); font-size: 11px; line-height: 1.7; }
.section { padding: 110px 0; scroll-margin-top: 10px; }
.section-heading { margin-bottom: 44px; }
.section-heading h2 { font-size: clamp(34px,4.3vw,56px); font-weight: 500; letter-spacing: -.055em; line-height: 1.09; }
.section-heading h2 .text-muted { color: #93948a; }
.section-heading p:not(.eyebrow) { color: var(--text-muted); font-size: 14px; line-height: 1.8; margin-top: 22px; }
.section-heading .eyebrow { margin-bottom: 21px; font-size: 10px; }
.heading-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.heading-row>p { max-width: 340px; }
.centered { text-align: center; }
.centered .eyebrow { justify-content: center; }
.explore-section { padding-bottom: 30px; overflow: hidden; }
.explore-section .section-heading { margin-bottom: 0; }
.guide { position: relative; display: grid; grid-template-columns: 1fr 1.35fr 1fr; align-items: center; min-height: 545px; }
.guide-center { position: relative; height: 545px; }
.guide-scene { height: 525px; width: calc(100% + 100px); margin-left: -50px; pointer-events: none; }
.guide-orbit { position: absolute; inset: 12% -4%; border: 1px solid #ffffff08; border-radius: 50%; box-shadow: 0 0 0 35px #ffffff02,0 0 0 80px #ffffff01; }
.guide-core-label { position: absolute; bottom: 16px; width: 100%; text-align: center; font-size: 9px; }
.guide-links { display: grid; gap: 28px; position: relative; z-index: 4; }
.guide-links a { display: flex; gap: 17px; align-items: center; padding: 23px 15px; border-bottom: 1px solid #ffffff1a; position: relative; transition: transform .25s,background .25s; }
.guide-links a::after { content: ''; position: absolute; width: 60px; height: 1px; right: -60px; top: 50%; background: linear-gradient(90deg,#ffffff22,transparent); pointer-events: none; transition: background .25s,width .25s; }
.guide-right a::after { right: auto; left: -60px; transform: rotate(180deg); }
.guide-number { font: 10px 'Courier New',monospace; color: var(--primary); align-self: flex-start; margin-top: 5px; }
.guide-links b { display: block; font-weight: 500; font-size: 20px; letter-spacing: -.03em; }
.guide-links small { display: block; font-size: 11px; color: var(--text-dim); margin-top: 5px; }
.guide-links .icon { width: 16px; height: 16px; margin-left: auto; color: var(--text-dim); transition: transform .25s,color .25s; }
.guide-links a:hover,.guide-links a:focus-visible { background: #ffd21c08; border-color: #ffd21c70; transform: translateY(-3px); }
.guide-links a:hover b,.guide-links a:focus-visible b,.guide-links a:hover .icon { color: var(--primary); }
.guide-links a:hover .icon { transform: translate(3px,-3px); }
.guide-links a:hover::after { background: linear-gradient(90deg,#ffd21c88,transparent); width: 95px; }
.feature-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 16px; }
.feature-card { padding: 26px; min-height: 440px; border: 1px solid var(--border-color); border-radius: 12px; background: linear-gradient(135deg,#191a13,#11120f 60%); position: relative; display: flex; flex-direction: column; overflow: hidden; transition: border-color .3s,transform .3s; }
.feature-card:hover { border-color: #ffd21c50; transform: translateY(-5px); }
.feature-card h3 { font-size: 21px; font-weight: 500; letter-spacing: -.035em; line-height: 1.25; margin-bottom: 11px; }
.feature-card p { color: var(--text-muted); font-size: 12px; line-height: 1.9; }
.card-index { font-size: 9px; }
.card-top { display: flex; justify-content: space-between; align-items: center; }
.card-top>.icon { color: var(--primary); }
.object-stage { height: 255px; margin-top: -9px; }
.object-stage img { height: 100%; width: 100%; object-fit: contain; transition: transform .7s; }
.feature-protection:hover .object-stage img { transform: translateY(-5px) rotate(3deg); }
.feature-protection>div:last-child { margin-top: auto; }
.mini-interface { width: calc(100% + 8px); margin: 26px auto 25px; padding: 20px; border-radius: 12px; background: linear-gradient(150deg,#2b2d23,#131410); border: 1px solid #ffffff17; box-shadow: 7px 10px 0 #060704,14px 22px 28px #0005; transform: perspective(800px) rotateX(8deg) rotateY(-12deg) rotateZ(3deg); }
.mini-brand { display: flex; gap: 7px; align-items: center; font-size: 11px; font-weight: 600; margin-bottom: 15px; }
.mini-command { display: flex; justify-content: space-between; background: #ffffff07; border: 1px solid #ffffff08; padding: 8px 12px; border-radius: 4px; margin: 6px 0; font-size: 10px; color: #c7c8bc; }
.mini-command span:last-child { color: var(--primary); }
.feature-control>h3 { margin-top: auto; }
.device-sculpture { height: 253px; position: relative; perspective: 800px; transform: rotate(-6deg); }
.device-laptop { position: absolute; width: 172px; height: 120px; left: 2%; top: 72px; border: 7px solid #3b3d31; border-bottom-width: 13px; border-radius: 8px; background: radial-gradient(circle at 60% 30%,#6d6418,#15170d 60%); transform: rotateY(-24deg) rotateX(12deg); box-shadow: 6px 4px 0 #191a13,16px 25px 22px #0006; display: grid; place-items: center; }
.device-laptop::after { content: ''; position: absolute; width: 195px; height: 8px; left: -16px; bottom: -18px; background: linear-gradient(#5d604d,#1c1e16); border-radius: 2px 2px 12px 12px; }
.device-phone { position: absolute; width: 76px; height: 144px; right: 0; top: 68px; border: 4px solid #797239; border-radius: 13px; background: radial-gradient(ellipse at top,#a29124,#292b16 60%); transform: rotateY(-17deg) rotateZ(5deg); box-shadow: 5px 1px 0 #3f3b17,12px 20px 20px #0006; display: grid; place-items: center; }
.device-phone::before { content: ''; width: 24px; height: 5px; border-radius: 0 0 5px 5px; background: #302d15; position: absolute; top: 0; }
.device-sculpture span { font: 60px/1 Georgia,serif; color: var(--primary); text-shadow: 1px 1px 0 #997309; }
.feature-devices>h3 { margin-top: auto; }
.feature-footnote { display: flex; justify-content: space-between; gap: 22px; padding: 30px 6px 0; }
.feature-footnote>span { font-size: 11px; color: var(--text-muted); display: flex; align-items: center; gap: 9px; }
.feature-footnote .icon { width: 14px; height: 14px; color: var(--primary); }
.pricing-section { background: #0e0f0c; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); }
.pricing-side p { margin: 0 0 18px !important; }
.pricing-toggle { border: 1px solid #ffffff1a; padding: 4px; display: inline-flex; border-radius: 7px; gap: 4px; background: #070806; }
.toggle-btn { padding: 10px 15px; border: 0; border-radius: 4px; font-size: 12px; color: var(--text-muted); background: transparent; }
.toggle-btn.active { color: #15160d; background: var(--primary); }
.toggle-btn span { margin-left: 6px; font-size: 10px; color: var(--primary); }
.toggle-btn.active span { color: #41410a; }
.pricing-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.pricing-card { position: relative; padding: 24px; border-radius: 10px; border: 1px solid var(--border-color); background: #141510; transition: transform .25s,border-color .25s; }
.pricing-card:hover { transform: translateY(-5px); border-color: #ffd21c66; }
.pricing-card.featured { border-color: #d6b628; background: linear-gradient(155deg,#2d2b12,#191a0f 70%); box-shadow: inset 0 1px 0 #fff3; }
.plan-top { display: flex; align-items: center; justify-content: space-between; height: 48px; margin-bottom: 22px; }
.plan-top .technical-label { font-size: 9px; }
.plan-glyph { display: block; width: 30px; height: 30px; background: linear-gradient(140deg,#ffea7b,#d7a909 60%,#665307); box-shadow: 3px 3px 0 #615010,7px 9px 12px #0004; transform: rotate(-18deg) skewY(7deg); border-radius: 5px; }
.glyph-plus { border-radius: 50%; box-shadow: 3px 3px 0 #66500a,6px 6px 0 #332b0b,7px 9px 12px #0004; }
.glyph-pro { clip-path: polygon(58% 0,10% 57%,44% 57%,37% 100%,94% 38%,57% 38%); border-radius: 0; width: 38px; height: 47px; }
.glyph-ult { background: none; box-shadow: none; color: var(--primary); font: 55px/30px Georgia,serif; transform: rotate(-12deg); width: 45px; }
.plan-tag { font: 8px 'Courier New',monospace; color: var(--primary); letter-spacing: .03em; border: 1px solid #ffd21c44; border-radius: 3px; padding: 5px 7px; }
.plan-name { font-size: 26px; font-weight: 500; letter-spacing: -.04em; }
.plan-desc { font-size: 11px; color: var(--text-dim); margin-top: 4px; min-height: 34px; }
.plan-price-wrap { display: flex; gap: 8px; flex-wrap: wrap; align-items: baseline; margin-top: 25px; }
.plan-price { font-size: 35px; font-weight: 500; letter-spacing: -.06em; line-height: 1.2; white-space: nowrap; }
.plan-period { font-size: 11px; color: var(--text-dim); }
.plan-stars-val { font-size: 11px; color: #cbb852; margin-top: 7px; }
.plan-features { list-style: none; padding: 23px 0 0; margin: 22px 0 28px; border-top: 1px solid var(--border-color); }
.plan-features li { color: var(--text-muted); font-size: 11px; margin: 12px 0; }
.plan-features li::before { content: '✓'; color: var(--primary); margin-right: 9px; }
.plan-features b { color: #e4e5d9; font-weight: 400; }
.pricing-card .btn { min-height: 44px; font-size: 12px; padding: 12px 15px; gap: 8px; }
.pricing-note { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; padding-top: 27px; }
.pricing-note p { font-size: 11px; color: var(--text-dim); max-width: 440px; }
.pricing-note .text-link { font-size: 11px; }
.no-script-note { color: var(--primary); font-size: 13px; padding: 15px 0; }
.constructor-layout { display: grid; grid-template-columns: 1.7fr 1fr; gap: 36px; align-items: start; }
.constructor-controls { min-width: 0; padding-top: 4px; }
.constructor-step { border: 0; padding: 0 0 28px; margin: 0 0 25px; border-bottom: 1px solid var(--border-color); min-width: 0; }
.constructor-step:last-child { border: 0; margin-bottom: 0; }
.constructor-step legend { padding: 0; font-size: 15px; font-weight: 500; margin-bottom: 15px; }
.constructor-step legend>span { color: var(--text-dim); font: 11px 'Courier New',monospace; margin-right: 14px; }
.step-options { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }
.srv-options,.duration-options { grid-template-columns: repeat(3,1fr); }
.traffic-options { grid-template-columns: repeat(5,1fr); }
.option-btn { background: #12130f; border: 1px solid #ffffff16; padding: 13px 12px; border-radius: 5px; text-align: left; transition: border-color .2s,background .2s; min-width: 0; }
.option-btn.selected { border-color: var(--primary); background: #ffd21c0a; }
.option-btn:hover:not(:disabled) { border-color: #bfa632; }
.option-title { display: block; font-size: 14px; font-weight: 500; }
.option-btn.selected .option-title { color: var(--primary); }
.option-sub { display: block; font-size: 10px; color: var(--text-dim); margin-top: 6px; }
.constructor-summary { padding: 28px; border: 1px solid #57532e; border-radius: 10px; background: radial-gradient(ellipse at 100% 0,#62571530,transparent 45%),#151610; position: sticky; top: 115px; }
.summary-top { display: flex; justify-content: space-between; align-items: center; }
.summary-top .technical-label { font-size: 9px; }
.summary-top .icon { color: var(--primary); width: 17px; height: 17px; }
.constructor-summary h3 { font-size: 24px; font-weight: 500; letter-spacing: -.04em; margin-top: 22px; }
.summary-stack { height: 139px; position: relative; margin: 5px 0 10px; perspective: 500px; }
.summary-stack>span { position: absolute; left: calc(50% - 52px); top: 22px; width: 104px; height: 104px; border: 1px solid #d1b13588; border-radius: 12px; background: linear-gradient(135deg,#77702580,#252811); transform: rotateX(62deg) rotateZ(45deg); box-shadow: 4px 4px 0 #242609,6px 6px 0 #776814; }
.summary-stack>span:nth-child(2) { top: 5px; background: linear-gradient(135deg,#b5a538,#252911); }
.summary-stack>span:nth-child(3) { top: -12px; background: linear-gradient(135deg,#fff398,#d3b317 70%); box-shadow: 4px 4px 0 #746013; }
.summary-stack>.icon { position: absolute; left: calc(50% - 20px); top: 15px; width: 40px; height: 40px; color: #5a4b0e; transform: rotateX(30deg) rotateZ(-14deg); }
.summary-specs { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid var(--border-color); }
.summary-specs>div { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; margin-bottom: 10px; }
.summary-specs dt { color: var(--text-dim); }
.summary-specs dd { margin: 0; text-align: right; }
.total-label { color: var(--text-muted); font-size: 11px; }
.total-price { font-size: 46px; letter-spacing: -.06em; line-height: 1.4; }
.total-stars { color: #cbb852; font-size: 12px; margin-bottom: 21px; }
.summary-note { text-align: center; color: var(--text-dim); font-size: 10px; line-height: 1.8; margin-top: 15px; }
.network-section { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); background: #0d0e0b; }
.network-layout { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 95px; }
.network-visual { min-width: 0; position: relative; }
.network-visual>.technical-label { font-size: 9px; position: absolute; top: 0; }
.network-visual>img { width: 100%; height: 430px; object-fit: contain; animation: object-float 10s ease-in-out infinite; }
.network-legend { display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 10px; color: var(--text-dim); }
.legend-line { background: var(--primary); width: 17px; height: 1px; }
.network-layout .section-heading { margin-bottom: 22px; }
.network-list { margin-bottom: 15px; }
.network-list>div { display: flex; gap: 16px; align-items: center; border-bottom: 1px solid var(--border-color); padding: 20px 0; }
.network-code { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #ffd21c33; border-radius: 5px; color: var(--primary); font: 11px 'Courier New',monospace; }
.network-list b { display: block; font-size: 14px; font-weight: 400; }
.network-list small { display: block; color: var(--text-dim); font-size: 11px; margin-top: 3px; }
.network-list .icon { margin-left: auto; width: 15px; height: 15px; color: var(--text-dim); }
.platforms { max-width: 330px; display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.platforms>span { padding: 6px 10px; border: 1px solid #ffffff1a; border-radius: 5px; font-size: 11px; color: var(--text-muted); }
.steps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 36px; }
.step-card { border-top: 1px solid #ffffff2a; padding-top: 28px; display: flex; flex-direction: column; }
.step-top { display: flex; align-items: center; justify-content: space-between; }
.step-num { font-size: 43px; letter-spacing: -.06em; line-height: 1; color: #969889; }
.step-top .icon { width: 34px; height: 34px; color: var(--primary); }
.step-card h3 { font-size: 22px; font-weight: 500; letter-spacing: -.035em; margin: 31px 0 14px; }
.step-card p { color: var(--text-muted); font-size: 13px; line-height: 1.8; margin-bottom: 22px; }
.step-card .text-link,.step-hint { margin-top: auto; }
.step-hint { font-size: 11px; color: #cbb852; padding: 10px 0; }
.faq-section { padding-top: 55px; }
.faq-layout { display: grid; grid-template-columns: 1fr 1.65fr; gap: 80px; }
.faq-layout .section-heading .btn { margin-top: 27px; font-size: 12px; }
.faq-list { border-top: 1px solid var(--border-color); }
.faq-item { border-bottom: 1px solid var(--border-color); }
.faq-question { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 0; font-size: 15px; font-weight: 400; cursor: pointer; }
.faq-question::-webkit-details-marker { display: none; }
.faq-question>span { font: 23px 'Courier New',monospace; color: var(--primary); transition: transform .2s; }
.faq-item[open] .faq-question>span { transform: rotate(45deg); }
.faq-answer { color: var(--text-muted); font-size: 13px; line-height: 1.9; padding: 0 32px 25px 0; }
.faq-answer a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }
.closing-section { padding: 78px 0 95px; text-align: center; position: relative; overflow: hidden; background: radial-gradient(ellipse at bottom,#cbb72b13,transparent 65%); border-top: 1px solid var(--border-color); }
.closing-inner { position: relative; }
.closing-bolt { display: block; font: 78px/1 Georgia,serif; color: var(--primary); text-shadow: 2px 2px 0 #8d7119,8px 8px 20px #ffd21c22; margin-bottom: 25px; }
.closing-inner .eyebrow { justify-content: center; font-size: 9px; margin-bottom: 22px; }
.closing-inner h2 { font-size: clamp(45px,6vw,78px); line-height: 1.03; font-weight: 500; letter-spacing: -.065em; }
.closing-inner h2>span { color: var(--primary); }
.closing-inner>p:not(.eyebrow) { font-size: 13px; color: var(--text-muted); margin: 25px 0; }
.site-footer { padding: 45px 0 24px; background: #080907; border-top: 1px solid var(--border-color); }
.footer-top { display: flex; gap: 50px; align-items: center; padding-bottom: 35px; }
.footer-top p { color: var(--text-dim); font-size: 11px; }
.footer-top .back-top { margin-left: auto; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; border-top: 1px solid var(--border-color); padding-top: 24px; font-size: 10px; color: var(--text-dim); }
.footer-bottom nav { display: flex; gap: 22px; flex-wrap: wrap; }
.review-code { font: 9px 'Courier New',monospace; }
.section-rail { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 20; display: flex; flex-direction: column; gap: 3px; }
.section-rail a { width: 25px; height: 25px; display: grid; place-content: center; position: relative; }
.section-rail a::after { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #929487; transition: background .2s,box-shadow .2s; }
.section-rail a[aria-current]::after,.section-rail a:hover::after { background: var(--primary); box-shadow: 0 0 0 4px #ffd21c1a; }
.section-rail a>span { position: absolute; right: 31px; top: 1px; background: #1a1c12; border: 1px solid var(--border-color); padding: 3px 8px; font-size: 10px; white-space: nowrap; opacity: 0; pointer-events: none; }
.section-rail a:hover>span,.section-rail a:focus-visible>span { opacity: 1; }
@keyframes energy-drift { to { transform: rotate(-25deg) translate(-40px,20px); } }
@keyframes object-float { 50% { transform: translateY(-10px) rotate(2deg); } }
@media (min-width:1600px) { .hero-layout{min-height:740px}.hero-visual{height:660px}.hero-scene{height:620px}.hero-copy h1{font-size:103px} }
@media (max-width:1440px) { .section-rail{display:none} }
@media (max-width:1100px) {
  .container{padding-left:28px;padding-right:28px}.main-nav{gap:18px;font-size:12px}.brand-logo{font-size:24px}
  .hero-copy h1{font-size:76px}.hero-layout{min-height:630px}.hero-actions{gap:18px}.hero-actions .btn{padding:13px 16px;gap:12px;font-size:12px}
  .hero-visual{height:550px}.hero-scene{height:520px}.hero-section{min-height:auto}.facts-grid>div{gap:12px}.facts-grid strong{font-size:28px}.facts-grid div>span{font-size:10px;max-width:100px}
  .guide{grid-template-columns:1fr 1.15fr 1fr}.guide-links a{gap:12px;padding-left:6px;padding-right:6px}.guide-links b{font-size:17px}.guide-links small{font-size:10px}
  .feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card{padding:20px}.feature-card h3{font-size:19px}.mini-interface{padding:14px;margin-top:36px}
  .device-laptop{width:150px;height:105px;left:-3px}.device-laptop::after{width:174px}.device-phone{width:66px;height:126px}
  .pricing-card{padding:19px}.plan-tag{font-size:7px;padding:5px}.plan-price{font-size:31px}.plan-desc{font-size:10px}.plan-features li{font-size:10px}
  .constructor-layout{gap:24px;grid-template-columns:1.65fr 1fr}.option-btn{padding:12px 8px}.option-title{font-size:12px}.option-sub{font-size:9px}.constructor-summary{padding:23px}.network-layout{gap:45px}.faq-layout{gap:40px}
}
@media (max-width:820px) {
  .site-header{height:76px}.nav-wrap{gap:12px}.mobile-toggle:not([hidden]){display:grid}.main-nav{display:flex;position:absolute;top:75px;left:0;width:100%;background:#11120f;border-bottom:1px solid var(--border-color);padding:12px 28px;justify-content:center}
  .js-enabled .main-nav{display:none}.js-enabled .main-nav.open{display:flex}.header-actions{gap:7px}.hero-layout{grid-template-columns:1fr 1fr;min-height:580px}
  .hero-copy{padding:65px 0 45px}.hero-copy h1{font-size:62px}.hero-desc{font-size:13px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.1em}.hero-actions{flex-wrap:wrap;gap:12px}.hero-note{font-size:10px}
  .hero-visual{height:480px}.hero-scene{height:460px;width:calc(100% + 80px);margin-left:-40px}.visual-label-top{right:0;font-size:7px}.visual-caption{left:0;font-size:10px}
  .facts-grid{grid-template-columns:repeat(2,1fr);row-gap:24px}.facts-grid>div,.facts-grid>div:first-child{justify-content:center}.facts-grid>div:nth-child(2){border:0}.facts-grid strong{min-width:75px}
  .section{padding-top:85px;padding-bottom:85px}.guide{grid-template-columns:1fr 1fr;min-height:auto;column-gap:30px}.guide-center{grid-column:1/-1;grid-row:1;height:370px}
  .guide-scene{width:440px;max-width:100%;height:365px;margin:0 auto}.guide-orbit{inset:10% 25%}.guide-core-label{bottom:0}.guide-links{gap:8px;margin-top:20px}.guide-links a::after{display:none}.guide-links a{padding:20px 7px}
  .feature-grid{grid-template-columns:1fr 1fr}.feature-protection{grid-column:1/-1;min-height:270px;flex-direction:row;align-items:center;gap:30px}.feature-protection>.card-index{position:absolute;top:20px}
  .feature-protection .object-stage{flex:0 0 43%;height:230px}.feature-protection>div:last-child{margin-top:0}.feature-card h3{font-size:21px}.feature-control,.feature-devices{min-height:410px}
  .device-laptop{left:8%}.device-phone{right:7%}.mini-interface{max-width:245px}.feature-footnote{flex-wrap:wrap;justify-content:flex-start}
  .pricing-grid{grid-template-columns:repeat(2,1fr);gap:18px}.pricing-card{padding:27px}.plan-desc,.plan-features li{font-size:12px}.plan-price{font-size:38px}.plan-tag{font-size:8px}
  .constructor-layout{grid-template-columns:1fr}.constructor-summary{position:static;max-width:none}.summary-stack{height:125px}.option-title{font-size:14px}.option-sub{font-size:11px}.option-btn{padding:14px 12px}
  .network-layout{gap:30px;grid-template-columns:.85fr 1fr}.network-visual>img{height:340px}.network-legend{font-size:9px}.steps-grid{gap:25px}.step-card h3{font-size:20px}.step-card p{font-size:12px}.platforms{max-width:240px}
  .faq-layout{grid-template-columns:1fr 1.4fr;gap:30px}.faq-question{font-size:14px}.footer-top{gap:25px}
}
@media (max-width:600px) {
  html{scroll-padding-top:92px}.container{padding-left:21px;padding-right:21px}.site-header{height:72px}.brand-logo{font-size:22px;gap:7px;letter-spacing:-1px}.brand-icon{width:25px;height:30px}
  .header-actions .btn{font-size:10px;padding:9px 10px;min-height:38px;gap:5px}.header-actions .btn .icon{width:14px;height:14px}.motion-toggle{width:25px;font-size:12px}.mobile-toggle{width:26px}.header-actions{gap:3px}
  .main-nav{top:71px;padding:18px 20px;gap:23px;font-size:12px}.hero-layout{grid-template-columns:1fr}.hero-copy{padding:57px 0 0}.hero-copy .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:25px}
  .hero-copy h1{font-size:clamp(54px,12.5vw,75px);line-height:1;letter-spacing:-.065em}.desktop-break{display:none}.hero-desc{max-width:350px;font-size:13px;margin-top:22px;line-height:1.8}
  .hero-actions{margin-top:25px;gap:18px}.hero-actions .btn{font-size:12px;padding:13px 14px;min-height:47px}.hero-actions .text-link{font-size:11px;gap:10px}.hero-note{font-size:10px;margin-top:13px}
  .hero-visual{height:375px;margin-top:8px}.hero-scene{height:350px;width:calc(100% + 42px);margin-left:-21px}.visual-label-top{font-size:7px;top:21px}.visual-caption{bottom:0;left:4px;gap:14px;font-size:9px}.visual-caption .technical-label{font-size:8px}
  .hero-bottom{min-height:74px}.hero-coordinate{display:none}.scroll-cue{font-size:10px}.hero-atmosphere{background:radial-gradient(ellipse at 50% 75%,#b49e1814,transparent 60%)}
  .facts-grid{row-gap:27px;padding-top:27px;padding-bottom:27px}.facts-grid>div{flex-direction:column;gap:1px;align-items:flex-start;padding-left:25px}.facts-grid>div:nth-child(odd){padding-left:0}.facts-grid strong{font-size:30px}.facts-grid div>span{max-width:none;font-size:10px}
  .section{padding:67px 0}.section-heading{margin-bottom:31px}.section-heading h2{font-size:37px}.section-heading .eyebrow{margin-bottom:17px;font-size:9px}.section-heading p:not(.eyebrow){font-size:13px;margin-top:18px}.heading-row{display:block}
  .guide{column-gap:17px}.guide-center{height:330px}.guide-scene{height:325px}.guide-orbit{inset:12% 15%}.guide-links a{gap:7px;padding:19px 0}.guide-number{font-size:8px}.guide-links b{font-size:14px}.guide-links small{font-size:9px;line-height:1.5}.guide-links .icon{width:12px;height:12px}.guide-links{gap:0}
  .feature-grid{grid-template-columns:1fr}.feature-protection{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;gap:0}.feature-card{padding:25px;min-height:390px}.feature-protection .object-stage{flex:auto;height:245px}.feature-protection>div:last-child{margin-top:auto}.feature-card h3{font-size:22px}.feature-card p{font-size:13px}
  .mini-interface{width:80%;max-width:270px;margin:28px auto;padding:17px}.mini-command{font-size:11px}.device-sculpture{height:220px;width:240px;margin:auto}.device-laptop{width:180px;height:125px;left:-10px;top:40px}.device-laptop::after{width:205px}.device-phone{width:77px;height:147px;top:47px;right:0}
  .feature-footnote{gap:13px;flex-direction:column;padding-top:23px}.feature-footnote>span{font-size:11px}.pricing-side{margin-top:22px}.pricing-side>p{display:none}.pricing-toggle{width:100%}.toggle-btn{flex:1;padding:12px 9px;font-size:13px}
  .pricing-grid{gap:12px}.pricing-card{padding:17px 13px}.plan-top{margin-bottom:13px;height:45px}.plan-name{font-size:23px}.plan-desc{font-size:10px;min-height:34px}.plan-tag{font-size:6px;padding:4px;letter-spacing:0}.plan-top .technical-label{font-size:8px}
  .plan-glyph{width:23px;height:23px}.glyph-pro{width:28px;height:37px}.glyph-ult{width:35px;font-size:45px}.plan-price-wrap{gap:4px;margin-top:16px}.plan-price{font-size:30px}.plan-period{font-size:9px}.plan-stars-val{font-size:10px}
  .plan-features{margin-top:17px;padding-top:13px;margin-bottom:22px}.plan-features li{font-size:10px;margin:11px 0}.plan-features li::before{margin-right:5px}.pricing-card .btn{font-size:11px;padding:11px 10px}.pricing-card .btn .icon{width:13px;height:13px}.pricing-note{gap:8px}.pricing-note p{font-size:10px}
  .constructor-layout{gap:10px}.constructor-step{padding-bottom:23px;margin-bottom:24px}.constructor-step legend{font-size:14px}.step-options{gap:6px}.option-btn{padding:13px 8px}.option-title{font-size:12px}.option-sub{font-size:9px;line-height:1.5}
  .traffic-options{grid-template-columns:repeat(3,1fr)}.srv-options{grid-template-columns:1fr}.srv-options .option-btn{display:flex;justify-content:space-between;align-items:center;padding:16px 13px}.srv-options .option-sub{margin:0;font-size:10px}.constructor-summary{padding:25px}
  .network-layout{display:flex;flex-direction:column-reverse;gap:35px}.network-layout>div{width:100%}.network-visual>img{height:340px}.network-visual>.technical-label{font-size:8px}.network-legend{font-size:10px}.network-list b{font-size:14px}.network-list small{font-size:11px}
  .platforms{margin-top:25px;max-width:none;justify-content:flex-start;gap:6px}.platforms>span{font-size:10px;padding:6px 8px}.steps-grid{grid-template-columns:1fr;gap:28px}.step-card{position:relative;padding-left:60px;padding-top:23px}
  .step-top{position:absolute;top:28px;left:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;gap:23px}.step-num{font-size:30px}.step-top .icon{width:24px;height:24px}.step-card h3{margin:3px 0 14px;font-size:22px}.step-card p{font-size:13px;margin-bottom:10px}
  .faq-layout{grid-template-columns:1fr;gap:0}.faq-layout .section-heading .btn{margin-top:20px}.faq-question{font-size:14px;padding:21px 0}.faq-answer{font-size:13px;padding-right:14px}.closing-section{padding-top:60px;padding-bottom:70px}.closing-inner h2{font-size:49px}
  .footer-top{flex-wrap:wrap;gap:23px;position:relative}.footer-top p{order:3;width:100%}.footer-top .back-top{font-size:11px}.footer-bottom{align-items:flex-start;font-size:10px}.footer-bottom>span:first-child{width:100%}.footer-bottom nav{flex-direction:column;gap:13px}
}
@media (max-width:370px) {
  .container{padding-left:16px;padding-right:16px}.brand-logo{font-size:19px}.header-actions .btn{font-size:9px}.motion-toggle{width:20px}.hero-copy h1{font-size:53px}.hero-actions{gap:10px}.hero-actions .btn{font-size:10px;gap:7px}.hero-actions .text-link{font-size:10px}.guide-links b{font-size:12px}.guide-links small{font-size:8px}
  .pricing-grid{grid-template-columns:1fr}.pricing-card{padding:24px}.plan-desc,.plan-features li{font-size:12px}.plan-tag{font-size:8px}.plan-price{font-size:39px}.plan-period{font-size:12px}
}
.motion-paused,.motion-paused *,.motion-paused *::before,.motion-paused *::after { animation-play-state: paused !important; scroll-behavior: auto !important; transition-duration: 0s !important; }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:0s!important} }
@media print { .site-header,.scene-slot,.hero-atmosphere,.guide-center,.section-rail,.scroll-progress{display:none!important}body{background:white;color:black}.section{padding:25px 0}.hero-layout,.constructor-layout,.faq-layout{display:block}.constructor-summary{position:static}a{text-decoration:underline} }