:root {
  --void: #090b0f;
  --carbon: #12161d;
  --panel: #171d27;
  --panel-deep: #0e1218;
  --ink: #edf2f6;
  --muted: #9aa7b7;
  --chrome: #d9dee7;
  --steel: #7391a9;
  --ice: #7ea7ff;
  --ice-bright: #b8d2ff;
  --violet: #c7b8ff;
  --lime: #c7ff3d;
  --lime-ink: #182400;
  --warning: #df5a71;
  --line: rgba(180, 202, 226, .25);
  --shadow: rgba(0, 0, 0, .58);
  --display: "Arial Black", Arial, sans-serif;
  --body: Tahoma, Verdana, Arial, sans-serif;
  --mono: Consolas, "Courier New", monospace;
  --bevel: inset 1px 1px rgba(255,255,255,.52), inset -1px -1px rgba(0,0,0,.88), inset 2px 0 rgba(255,255,255,.1), inset 0 -2px rgba(0,0,0,.4);
}

* { box-sizing: border-box; }
html { overflow-x: hidden; background: var(--void); scroll-behavior: smooth; }
body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background:
    radial-gradient(circle at 78% 2%, rgba(99, 143, 222, .2), transparent 28rem),
    radial-gradient(circle at 12% 24%, rgba(91, 119, 157, .11), transparent 24rem),
    linear-gradient(125deg, rgba(126,167,255,.035) 1px, transparent 1px),
    linear-gradient(35deg, rgba(126,167,255,.025) 1px, transparent 1px),
    var(--void);
  background-size: auto, auto, 54px 54px, 54px 54px, auto;
  font-family: var(--body);
  line-height: 1.56;
}
body.has-os-cursor, body.has-os-cursor a, body.has-os-cursor button { cursor: none; }
button, a { -webkit-tap-highlight-color: transparent; }
.page-noise { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .055; 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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E"); }
.shell-width { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100; padding: 10px 14px; color: var(--void); background: var(--lime); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }

.os-cursor { position: fixed; top: 0; left: 0; z-index: 50; display: none; width: 0; height: 0; pointer-events: none; }
.os-cursor i { position: absolute; width: 9px; height: 9px; border: 1px solid var(--ice-bright); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 3px rgba(126,167,255,.14), 0 0 15px var(--ice); }
.os-cursor span { position: absolute; top: 9px; left: 10px; padding: 3px 5px; color: var(--void); background: var(--lime); font: 700 9px/1 var(--mono); letter-spacing: .07em; opacity: 0; transform: scale(.8); transform-origin: top left; transition: opacity .12s ease, transform .12s ease; }
.os-cursor.is-active span { opacity: 1; transform: scale(1); }
.has-os-cursor .os-cursor { display: block; }

.site-header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; min-height: 76px; border-bottom: 1px solid rgba(217,222,231,.34); }
.brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font: 700 .82rem/1 var(--mono); letter-spacing: .06em; text-decoration: none; white-space: nowrap; }
.brand b { color: var(--ice-bright); }
.brand-mark { display: inline-grid; grid-template-columns: repeat(2, 7px); gap: 2px; width: 19px; }
.brand-mark i { height: 7px; background: var(--chrome); box-shadow: var(--bevel); }
.brand-mark i:nth-child(1) { background: var(--ice); }.brand-mark i:nth-child(2) { background: var(--lime); }.brand-mark i:nth-child(3) { grid-column: span 2; }
.main-nav { display: flex; justify-content: center; gap: 26px; }
.main-nav a { color: var(--muted); font-size: .75rem; text-decoration: none; transition: color .18s ease; }.main-nav a:hover { color: var(--ice-bright); }

.os-button, .button { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border: 1px solid #b5c3d1; color: #101923; background: linear-gradient(180deg, #ffffff 0%, #b9c8d6 47%, #8094a5 52%, #dce5ec 100%); box-shadow: var(--bevel), 0 5px 12px rgba(0,0,0,.2); font: 800 .75rem/1 var(--body); text-decoration: none; letter-spacing: .01em; text-shadow: 0 1px rgba(255,255,255,.78); transition: transform .14s ease, filter .14s ease, box-shadow .14s ease; }
.os-button:hover, .button:hover { filter: brightness(1.12); transform: translateY(-2px); }.os-button:active, .button:active { transform: translateY(1px); box-shadow: inset 2px 2px rgba(0,0,0,.4), inset -1px -1px rgba(255,255,255,.35); }
.small { min-height: 31px; padding: 0 10px; font: 700 .62rem/1 var(--mono); }.header-cta { border: 2px outset #f1ffd0; color: #111b00; background: linear-gradient(180deg, #f4ffd1 0%, #dfffa0 19%, var(--lime) 52%, #96c41d 100%); box-shadow: inset 1px 1px rgba(255,255,255,.96), inset -2px -2px rgba(61,88,4,.58), 0 0 0 1px #6c9511, 0 4px 13px rgba(199,255,61,.24); text-shadow: 0 1px rgba(255,255,255,.52); }

.hero { position: relative; display: grid; grid-template-columns: minmax(0, .93fr) minmax(420px, 1.07fr); align-items: center; gap: clamp(45px, 7vw, 104px); min-height: 710px; padding: 76px 0 92px; isolation: isolate; }
.system-label { margin: 0; color: var(--ice-bright); font: 700 .66rem/1.3 var(--mono); letter-spacing: .12em; }.pulse-dot { display: inline-block; width: 8px; height: 8px; margin-right: 7px; background: var(--lime); box-shadow: 0 0 0 3px rgba(199,255,61,.13), 0 0 13px rgba(199,255,61,.65); animation: pulse 2.2s infinite; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: var(--display); font-weight: 900; line-height: 1.04; letter-spacing: .012em; text-wrap: balance; }
h1 { max-width: 660px; margin: 20px 0 24px; font-size: clamp(3.2rem, 7.1vw, 6.65rem); text-transform: uppercase; }
h2 { max-width: 920px; margin-bottom: 22px; font-size: clamp(2.12rem, 4.6vw, 4.45rem); }
h1 { text-shadow: 0 1px 0 rgba(255,255,255,.28), 0 -2px 0 rgba(0,0,0,.42), 0 14px 35px rgba(0,0,0,.32); }
h1 em, h2 em { color: var(--ice-bright); font-style: normal; background: linear-gradient(180deg, #ffffff 0%, #dce8ff 20%, var(--ice-bright) 50%, #6f91d4 76%, #dce8ff 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 1px 0 rgba(255,255,255,.25), 0 7px 20px rgba(126,167,255,.17); }
.mirror-chrome { position: relative; display: inline-block; isolation: isolate; padding: 0 .035em .06em; color: #eef9ff; background: linear-gradient(180deg, #fff 0%, #9aa7b4 9%, #fff 17%, #a7c5e9 29%, #f4fdff 36%, #718096 44%, #172130 52%, #8197b5 61%, #c7b8ff 70%, #fbffff 80%, #7592b7 90%, #e8f8ff 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: .55px rgba(242,250,255,.72); filter: drop-shadow(0 1px 0 rgba(255,255,255,.82)) drop-shadow(0 5px 0 rgba(6,11,18,.5)) drop-shadow(0 14px 25px rgba(96,143,206,.24)); text-shadow: none; }
.mirror-chrome::after { position: absolute; inset: 0; z-index: 1; content: attr(data-text); color: transparent; background: linear-gradient(104deg, transparent 40%, rgba(255,255,255,0) 45%, rgba(255,255,255,.98) 50%, rgba(190,223,255,.7) 53%, transparent 59%); background-size: 280% 100%; background-position: 160% 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; pointer-events: none; animation: chrome-sweep 8s ease-in-out infinite; }
[data-glitch]:hover { animation: rgb-jump .24s steps(2) 1; text-shadow: 2px 0 var(--warning), -2px 0 var(--ice), 0 12px 28px rgba(0,0,0,.34); }
.hero-lead { max-width: 580px; color: #c6d1db; font-size: clamp(1rem, 1.3vw, 1.12rem); }.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.button { min-height: 51px; gap: 12px; }.button.primary { border: 2px outset #f1ffd0; color: #111b00; background: linear-gradient(180deg, #f7ffd9 0%, #e3ffa8 17%, var(--lime) 45%, #a8dc24 62%, #7faa12 100%); box-shadow: inset 1px 1px rgba(255,255,255,.98), inset -2px -2px rgba(58,82,4,.64), 0 0 0 1px #6c9511, 0 9px 23px rgba(199,255,61,.28); font-weight: 900; text-shadow: 0 1px rgba(255,255,255,.55); }
.button.primary::after { position: absolute; inset: 3px -5px auto 5px; height: 1px; content: ""; background: rgba(217,222,231,.72); opacity: 0; }.button.primary:hover::after { opacity: 1; animation: cta-glitch .24s steps(2) 1; }
.button.ghost { border-color: rgba(217,222,231,.42); color: var(--ink); background: linear-gradient(180deg, #435261, #1a222b 48%, #0d1218 52%, #344250); box-shadow: var(--bevel); }.hero-community-link { display: grid; width: fit-content; max-width: 100%; gap: 5px; margin-top: 14px; padding: 9px 11px; color: #dbe9f7; border: 1px outset #506779; background: linear-gradient(180deg, #344657, #151e28 52%, #283746); box-shadow: inset 1px 1px rgba(235,246,255,.16), inset -1px -1px rgba(0,0,0,.5), 0 5px 13px rgba(0,0,0,.18); font: 700 .62rem/1.2 var(--mono); letter-spacing: .055em; text-decoration: none; transition: filter .16s ease, transform .16s ease; }.hero-community-link span { color: var(--ice-bright); }.hero-community-link b { color: var(--lime); }.hero-community-link small { color: #a5b8ca; font: 700 .51rem/1.25 var(--mono); letter-spacing: .035em; }.hero-community-link:hover { filter: brightness(1.14); transform: translateY(-1px); }.hero-community-link:active { transform: translateY(1px); }.hero-trust { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 24px; color: var(--chrome); font: 700 .61rem/1.2 var(--mono); letter-spacing: .045em; }.hero-trust span { padding: 7px 8px; border: 1px outset #536b80; background: linear-gradient(180deg, rgba(70,91,111,.83), rgba(13,19,26,.92)); box-shadow: inset 0 1px rgba(255,255,255,.14); }.hero-trust b { color: var(--lime); }.hero-trust i { width: 4px; height: 4px; background: var(--ice); box-shadow: 0 0 7px var(--ice); }
.hero-copy { position: relative; z-index: 4; }
.hero-statue { position: absolute; z-index: 0; top: -94px; right: min(-270px, -16vw); width: min(660px, 53vw); height: min(800px, 108%); overflow: hidden; opacity: .9; pointer-events: none; transform: translate3d(var(--statue-x, 0), calc(var(--statue-y, 0) + var(--statue-scroll-y, 0px)), 0); transform-origin: right center; transition: transform .22s ease-out, opacity .3s ease; mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.54) 20%, #000 43%, #000 80%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 13%, #000 81%, transparent 100%); mask-composite: intersect; animation: statue-reveal 1.1s cubic-bezier(.2,.8,.2,1) both; }
.hero-statue::before { position: absolute; inset: 12% 0 8% 4%; z-index: 1; content: ""; background: radial-gradient(ellipse at 68% 35%, transparent 32%, rgba(91,180,255,.18) 48%, transparent 68%); mix-blend-mode: screen; }
.hero-statue::after { position: absolute; z-index: 2; top: 9%; bottom: 7%; left: 0; width: 44%; content: ""; opacity: .82; background: repeating-linear-gradient(157deg, transparent 0 13px, rgba(126,167,255,.5) 14px 15px, transparent 16px 29px), radial-gradient(circle at 18% 43%, rgba(199,255,61,.78) 0 1px, transparent 2px), radial-gradient(circle at 55% 68%, rgba(199,184,255,.7) 0 1px, transparent 2px); mix-blend-mode: screen; filter: drop-shadow(0 0 6px rgba(126,167,255,.72)); mask-image: linear-gradient(90deg, #000, rgba(0,0,0,.62) 65%, transparent); animation: marble-dust-drift 4.8s steps(5) infinite, edge-rgb-instability 6.8s steps(2) infinite; }
.hero-statue img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right top; filter: contrast(1.07) saturate(.92) drop-shadow(-18px 0 22px rgba(126,167,255,.18)); animation: statue-shimmer 7.5s ease-in-out infinite; }
.statue-decay { position: absolute; z-index: 1; top: 8%; right: 14%; width: min(560px, 48vw); height: 610px; overflow: hidden; pointer-events: none; mix-blend-mode: screen; mask-image: linear-gradient(90deg, transparent 0%, #000 13%, #000 92%, transparent 100%), linear-gradient(180deg, transparent, #000 8%, #000 90%, transparent); mask-composite: intersect; }
.statue-decay::before, .statue-decay::after { position: absolute; z-index: 4; left: 32%; width: 48%; content: ""; opacity: 0; background: linear-gradient(90deg, transparent, rgba(126,167,255,.86), rgba(199,184,255,.64), transparent); box-shadow: 4px 0 rgba(223,90,113,.38), -3px 0 rgba(199,255,61,.3); }
.statue-decay::before { top: 32%; height: 2px; animation: edge-slice 6.2s steps(2) infinite; }.statue-decay::after { top: 65%; height: 5px; animation: corruption-pulse 8.4s steps(3) 1.2s infinite; }
.marble-dust, .pixel-decay, .geometry-drift, .data-fragments { position: absolute; inset: 0; }
.marble-dust i { position: absolute; width: var(--size, 4px); height: var(--size, 4px); border-radius: 48% 42% 55% 38%; background: rgba(235,245,250,.9); box-shadow: 0 0 5px rgba(153,205,255,.7), 5px 3px rgba(126,167,255,.32); opacity: 0; animation: dust-out-a var(--duration, 5.5s) ease-in-out var(--delay, 0s) infinite; }
.marble-dust i:nth-child(1) { --size:3px; --duration:5.7s; --delay:-1.2s; top:24%; left:68%; }.marble-dust i:nth-child(2) { --size:6px; --duration:7.1s; --delay:-4.8s; top:38%; left:61%; }.marble-dust i:nth-child(3) { --size:2px; --duration:4.9s; --delay:-2.1s; top:48%; left:72%; }.marble-dust i:nth-child(4) { --size:5px; --duration:6.4s; --delay:-5.2s; top:58%; left:65%; }.marble-dust i:nth-child(5) { --size:3px; --duration:5.1s; --delay:-3.5s; top:68%; left:74%; }.marble-dust i:nth-child(6) { --size:7px; --duration:7.8s; --delay:-1.7s; top:76%; left:58%; }.marble-dust i:nth-child(7) { --size:3px; --duration:6.8s; --delay:-5.8s; top:31%; left:54%; animation-name:dust-out-b; }.marble-dust i:nth-child(8) { --size:4px; --duration:5.9s; --delay:-.8s; top:44%; left:49%; animation-name:dust-out-b; }.marble-dust i:nth-child(9) { --size:2px; --duration:4.7s; --delay:-3.3s; top:54%; left:57%; animation-name:dust-out-b; }.marble-dust i:nth-child(10) { --size:5px; --duration:7.4s; --delay:-6s; top:64%; left:48%; animation-name:dust-out-b; }.marble-dust i:nth-child(11) { --size:3px; --duration:5.6s; --delay:-2.8s; top:73%; left:42%; animation-name:dust-out-b; }.marble-dust i:nth-child(12) { --size:4px; --duration:6.2s; --delay:-4.1s; top:82%; left:51%; animation-name:dust-out-b; animation-direction:reverse; }
.pixel-decay i { position: absolute; width: var(--pixel, 6px); height: var(--pixel, 6px); background: rgba(166,211,255,.9); border: 1px solid rgba(239,249,255,.58); box-shadow: 8px 2px rgba(199,184,255,.42), -5px 8px rgba(199,255,61,.28); opacity: 0; animation: pixel-drift var(--duration, 4.6s) steps(5) var(--delay, 0s) infinite; }.pixel-decay i:nth-child(1) { --pixel:4px; --delay:-1s; top:24%; left:44%; }.pixel-decay i:nth-child(2) { --pixel:8px; --duration:5.3s; --delay:-3.7s; top:39%; left:38%; }.pixel-decay i:nth-child(3) { --pixel:3px; --duration:3.8s; --delay:-2.4s; top:51%; left:46%; }.pixel-decay i:nth-child(4) { --pixel:6px; --duration:5.9s; --delay:-4.8s; top:61%; left:31%; }.pixel-decay i:nth-child(5) { --pixel:4px; --duration:4.2s; --delay:-.4s; top:72%; left:39%; }.pixel-decay i:nth-child(6) { --pixel:9px; --duration:6.1s; --delay:-5.2s; top:79%; left:24%; }.pixel-decay i:nth-child(7) { --pixel:3px; --duration:4.7s; --delay:-3.1s; top:34%; left:25%; }.pixel-decay i:nth-child(8) { --pixel:5px; --duration:5.5s; --delay:-1.8s; top:57%; left:19%; }
.geometry-drift { z-index: 2; width: 100%; height: 100%; overflow: visible; opacity: .58; animation: geometry-float 7.6s ease-in-out infinite; }.geometry-drift g { fill: none; stroke: rgba(126,167,255,.38); stroke-width: 1; vector-effect: non-scaling-stroke; }.geometry-drift polygon { fill: rgba(9,15,24,.34); stroke: rgba(199,184,255,.7); stroke-width: 1; transform-box: fill-box; transform-origin: center; animation: fragment-rotate 8s linear infinite; }.geometry-drift polygon:nth-of-type(2) { animation-direction: reverse; animation-duration: 6.4s; }.geometry-drift circle { fill: var(--lime); filter: drop-shadow(0 0 5px var(--lime)); }
.data-fragments { z-index: 3; }.data-fragments span { position: absolute; padding: 2px 4px; color: rgba(190,220,255,.62); border-left: 1px solid rgba(126,167,255,.52); background: rgba(4,9,15,.35); font: 700 7px/1 var(--mono); letter-spacing: .08em; opacity: .35; animation: data-stream 6.2s steps(6) infinite; }.data-fragments span:nth-child(1) { top:27%; left:31%; }.data-fragments span:nth-child(2) { top:47%; left:21%; animation-delay:-3.1s; }.data-fragments span:nth-child(3) { top:67%; left:12%; animation-delay:-1.4s; }.data-fragments span:nth-child(4) { top:79%; left:28%; animation-delay:-4.8s; color:rgba(199,255,61,.64); }
.statue-data-link { position: absolute; z-index: 1; top: 29%; right: 29%; width: min(390px, 35vw); height: 300px; pointer-events: none; background: linear-gradient(160deg, transparent 48%, rgba(126,167,255,.35) 49% 49.3%, transparent 50%), linear-gradient(22deg, transparent 54%, rgba(199,255,61,.23) 55% 55.3%, transparent 56%); mask-image: linear-gradient(90deg, transparent, #000 20%, #000 78%, transparent); transform: translate3d(var(--link-x, 0), var(--link-y, 0), 0); }
.statue-data-link::before, .statue-data-link::after { position: absolute; content: ""; border: 1px solid rgba(126,167,255,.26); transform: rotate(19deg); }.statue-data-link::before { top: 22px; right: 19px; width: 110px; height: 76px; }.statue-data-link::after { bottom: 30px; left: 32px; width: 152px; height: 112px; border-color: rgba(199,255,61,.19); }
.statue-data-link i { position: absolute; width: 5px; height: 5px; background: var(--ice-bright); box-shadow: 8px 2px var(--lime), -5px 7px rgba(223,90,113,.7); animation: data-pulse 3.8s steps(4) infinite, fragment-shimmer 4.8s ease-in-out infinite; }.statue-data-link i:nth-child(1) { top: 24%; left: 17%; }.statue-data-link i:nth-child(2) { top: 43%; left: 49%; animation-delay: .45s; }.statue-data-link i:nth-child(3) { top: 71%; left: 28%; animation-delay: .9s; }.statue-data-link i:nth-child(4) { top: 52%; right: 13%; animation-delay: 1.3s; }.statue-data-link i:nth-child(5) { top: 13%; right: 28%; animation-delay: 1.8s; }.statue-data-link i:nth-child(6) { bottom: 5%; right: 35%; animation-delay: 2.3s; }

.os-window { position: relative; overflow: hidden; padding: 4px; border: 1px solid #eff5fb; background: linear-gradient(135deg, #fcffff, #8c9eac 3%, #28333e 7%, #10161d 52%, #71808a 96%, #e6eff4); box-shadow: inset 0 0 0 1px #1f2932, 15px 21px 0 rgba(0,0,0,.34), 0 0 55px rgba(126,167,255,.14); }
.window-titlebar { display: flex; align-items: center; min-height: 30px; gap: 8px; padding: 0 8px; color: #eff7ff; background: linear-gradient(180deg, #c5d9ff 0%, #7397d6 18%, #4a6fa9 42%, #1d3155 50%, #536f9d 83%, #afc9f5 100%); border-bottom: 1px solid #05090e; box-shadow: inset 1px 1px rgba(255,255,255,.72), inset 0 -1px rgba(0,0,0,.7); font: 700 .61rem/1 var(--mono); letter-spacing: .08em; text-shadow: 1px 1px #102343; }
.window-titlebar b { flex: 1; }.title-icon { color: var(--lime); text-shadow: 0 0 7px var(--lime); }.window-controls { display: flex; gap: 3px; }.window-controls i { display: grid; width: 17px; height: 17px; place-items: center; color: #19263a; background: linear-gradient(180deg, #eff8ff, #7898c8); border: 1px solid #dcecff; box-shadow: inset 1px 1px #fff, inset -1px -1px #1b345d; font: 700 11px/1 Tahoma, sans-serif; font-style: normal; text-shadow: none; }
.hero-machine { z-index: 2; isolation: isolate; width: min(100%, 575px); justify-self: end; transform: perspective(1100px) rotateY(calc(-6deg + var(--ry, 0deg))) rotateX(calc(2deg + var(--rx, 0deg))); transition: transform .25s ease, filter .25s ease; }.hero-machine:hover { transform: perspective(1100px) rotateY(calc(-1deg + var(--ry, 0deg))) rotateX(var(--rx, 0deg)) translateY(-5px); filter: brightness(1.08); }
.machine-body { overflow: hidden; background: #0b1118; border: 2px solid #05080c; box-shadow: inset 0 0 0 1px rgba(202,229,255,.25), inset 0 0 42px #000; }.machine-toolbar { display: flex; align-items: center; gap: 1px; padding: 4px; color: #d8e3ec; background: linear-gradient(180deg, #526372, #26323e); border-bottom: 1px solid #718b9d; font: 700 .56rem/1 var(--mono); }.machine-toolbar span { padding: 6px 8px; border: 1px solid transparent; }.machine-toolbar span:first-child { border-color: rgba(218,237,255,.42); background: rgba(11,16,24,.28); }.machine-toolbar b { margin-left: auto; color: var(--lime); font-size: .54rem; }.machine-status, .machine-bottom, .screen-head, .screen-footer { display: flex; justify-content: space-between; align-items: center; gap: 8px; font: 700 .58rem/1.25 var(--mono); letter-spacing: .05em; }.machine-status { padding: 11px 14px 9px; color: var(--ice-bright); }.machine-status span:first-child { color: var(--lime); }.training-tabs { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 13px; border: 2px inset #8193a4; background: #101722; }.training-tabs button { position: relative; min-height: 33px; overflow: hidden; color: #a7b6c6; background: linear-gradient(180deg, #41505d, #19212a 48%, #11171f); border: 0; border-right: 1px solid #0a0e12; box-shadow: inset 1px 1px rgba(218,239,255,.13), inset -1px -1px rgba(0,0,0,.62); font: 700 .58rem/1 var(--mono); cursor: pointer; }.training-tabs button::after { position: absolute; top: 0; bottom: 0; left: -38%; width: 18%; content: ""; background: rgba(255,255,255,.38); transform: skewX(-22deg); opacity: 0; }.training-tabs button:hover::after { opacity: 1; animation: tab-scan .35s ease-out 1; }.training-tabs button:last-child { border-right: 0; }.training-tabs button[aria-selected="true"] { position: relative; z-index: 1; color: #12213a; background: linear-gradient(180deg, #eff7ff, #8cb7ff 48%, #5478ac); box-shadow: inset 1px 1px #fff, inset -1px -1px #2a466d, 0 2px 0 #a6c7ff; }.training-tabs button[aria-selected="true"]::before { position: absolute; inset: auto 6px 4px; height: 1px; content: ""; background: var(--lime); box-shadow: 0 0 8px var(--lime); }
.training-screen { position: relative; margin: 13px; padding: 13px; overflow: hidden; border: 2px inset #55758a; background: repeating-linear-gradient(0deg, rgba(126,167,255,.055) 0 1px, transparent 1px 4px), #071019; box-shadow: inset 0 0 28px rgba(51,135,194,.18); }.training-screen::before { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ""; background: rgba(222,239,255,.65); opacity: .4; animation: scanline 6s steps(1) infinite; }.training-screen[data-grid="street-grid"] { background-color: #0e1613; }.training-screen[data-grid="functional-grid"] { background-color: #101118; }.training-screen[data-grid="home-grid"] { background-color: #14100f; }.screen-head { position: relative; color: var(--ice-bright); padding-bottom: 10px; border-bottom: 1px dashed rgba(169,212,255,.45); }.exercise-row { display: grid; grid-template-columns: 26px minmax(0,1fr) auto; gap: 9px; align-items: center; padding: 11px 0; color: #b2c1cf; border-bottom: 1px solid rgba(178,205,226,.16); font-size: .8rem; }.exercise-row > span { color: var(--steel); font: 700 .58rem/1 var(--mono); }.exercise-row b { color: var(--chrome); font: 700 .67rem/1 var(--mono); }.exercise-row.active { color: var(--ice-bright); text-shadow: 0 0 10px rgba(126,167,255,.3); }.exercise-row.active b { color: var(--lime); }.progress-frame { height: 12px; margin: 18px 0 10px; padding: 2px; border: 2px inset #65788c; background: #080c12; }.progress-frame span { display: block; width: 42%; height: 100%; background: repeating-linear-gradient(90deg, var(--lime) 0 10px, #8fb72c 10px 12px); box-shadow: 0 0 9px rgba(199,255,61,.48); transition: width .28s steps(5); }.screen-footer { position: relative; color: var(--muted); }.screen-footer button { padding: 7px 8px; color: #172500; background: var(--lime); border: 1px outset #e4ffc5; box-shadow: inset -1px -1px #5f8912; font: 700 .54rem/1 var(--mono); }.machine-bottom { padding: 8px 13px; color: #90a4b5; background: linear-gradient(180deg, #2c3947, #101720); border-top: 1px solid #688094; }.online { color: var(--lime); }
.pixel-shards { position: absolute; inset: 0; z-index: 4; overflow: hidden; pointer-events: none; }.pixel-shards i { position: absolute; width: 5px; height: 5px; background: var(--ice); box-shadow: 8px 2px var(--warning), -4px 8px var(--lime); opacity: 0; }.pixel-shards i:nth-child(1) { top: 12%; right: 7%; }.pixel-shards i:nth-child(2) { top: 57%; left: 4%; }.pixel-shards i:nth-child(3) { top: 30%; right: 30%; }.pixel-shards i:nth-child(4) { bottom: 12%; right: 13%; }.pixel-shards i:nth-child(5) { top: 17%; left: 28%; }.pixel-shards i:nth-child(6) { bottom: 31%; left: 10%; }.hero-machine:hover .pixel-shards i, .final-section:hover .pixel-shards i { animation: pixel-break .36s steps(3) 1; }

.ticker { overflow: hidden; border-top: 2px outset #465462; border-bottom: 2px inset #0c1016; color: var(--void); background: linear-gradient(180deg, #c4d0db, #718495 48%, #b4c1cd); font: 700 .64rem/1 var(--mono); letter-spacing: .09em; white-space: nowrap; }.ticker > div { display: inline-flex; gap: 35px; min-width: max-content; padding: 12px 0; animation: ticker 32s linear infinite; }.ticker b { color: #273a52; }
.section { padding: 120px 0; }.section-intro { max-width: 800px; }.section-intro > p:last-child, .trust-copy > p:last-child { max-width: 630px; color: var(--muted); font-size: 1rem; }.compact { max-width: 590px; }

.system-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: 48px; }.os-module { position: relative; overflow: hidden; border: 2px outset #607584; background: linear-gradient(135deg, #93a6b4, #293541 5%, #121922 76%, #4b5e6d); box-shadow: 7px 9px 0 rgba(0,0,0,.32), inset 1px 1px rgba(255,255,255,.45); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }.os-module::before, .os-module::after { position: absolute; z-index: 3; width: 7px; height: 7px; content: ""; opacity: 0; pointer-events: none; }.os-module::before { top: 38%; left: 58%; background: var(--ice); box-shadow: 8px 0 var(--warning), -5px 8px var(--lime); }.os-module::after { right: 12%; bottom: 16%; background: var(--lime); box-shadow: -8px 3px var(--ice), 4px -8px var(--warning); }.os-module:hover, .os-module:focus-visible { transform: translateY(-7px) translateX(2px); filter: saturate(1.18); box-shadow: 13px 18px 0 rgba(0,0,0,.32), 0 0 0 2px rgba(126,167,255,.36), 0 0 28px rgba(126,167,255,.18); outline: none; }.os-module:hover::before, .os-module:hover::after, .os-module:focus-visible::before, .os-module:focus-visible::after { animation: pixel-break .3s steps(3) 1; }.card-bar { display: flex; justify-content: space-between; padding: 9px 11px; color: #eff8ff; background: linear-gradient(180deg, #6284c0, #2b4167 48%, #1b2c49 53%, #4f6f9d); border-bottom: 1px solid #080d15; box-shadow: inset 1px 1px rgba(255,255,255,.5), inset 0 -1px rgba(0,0,0,.7); font: 700 .57rem/1 var(--mono); letter-spacing: .07em; }.card-bar b { color: var(--lime); }.card-body { position: relative; min-height: 270px; padding: 25px 21px; background: linear-gradient(135deg, rgba(126,167,255,.08), transparent 38%), #111923; }.system-card h3 { margin: 17px 0 8px; font-size: 1.34rem; }.system-card p { max-width: 270px; margin: 0; color: #b6c3cf; font-size: .88rem; }.card-icon { display: grid; width: 53px; height: 53px; place-items: center; color: var(--ice-bright); border: 2px outset #546b7d; background: #0b121a; box-shadow: inset 0 0 14px rgba(126,167,255,.23); font: 2rem/1 var(--display); }.lime-card .card-icon { color: var(--lime); }.steel-card .card-icon { color: var(--chrome); }.card-foot { position: absolute; bottom: 18px; left: 21px; color: var(--muted); font: 700 .55rem/1 var(--mono); letter-spacing: .07em; }

.chaos-section { padding-top: 15px; }.chaos-window { transition: filter .2s ease; }.chaos-toolbar { display: flex; gap: 2px; padding: 5px 8px; color: #d5e2ef; background: linear-gradient(180deg, #526474, #1d2731); border-bottom: 1px solid #628096; font: 700 .55rem/1 var(--mono); }.chaos-toolbar span { padding: 5px 8px; border: 1px outset rgba(180,202,226,.32); }.chaos-toolbar b { margin-left: auto; padding: 5px; color: var(--warning); transition: color .25s ease; }.contrast-content { display: grid; grid-template-columns: 1fr 122px 1fr; background: #0a0f15; }.contrast-side { min-height: 320px; padding: 38px; }.contrast-side h3 { margin-bottom: 19px; font: 900 1.95rem/1.02 var(--display); }.contrast-side ul { padding: 0; margin: 25px 0; list-style: none; color: var(--muted); font-size: .86rem; }.contrast-side li { padding: 9px 0; border-bottom: 1px dashed var(--line); }.contrast-side li::before { margin-right: 9px; content: "×"; color: var(--warning); }.new-way { background: radial-gradient(circle at 70% 10%, rgba(126,167,255,.19), transparent 16rem), #101924; }.new-way li::before { content: "+"; color: var(--lime); }.old-way { transform: translate(-4px, 3px); opacity: .88; }.chaos-window.is-visible .old-way { animation: decay-in .55s steps(4) both; }.chaos-window.is-system .old-way { transform: none; opacity: 1; }.chaos-window.is-system .chaos-toolbar b { color: var(--lime); }.contrast-divider { display: grid; align-content: center; justify-items: center; gap: 15px; padding: 16px 8px; background: linear-gradient(90deg, #142131, #40566e 49%, #111a26 51%); }.contrast-divider > span { display: grid; width: 38px; height: 38px; place-items: center; color: #18243a; background: linear-gradient(180deg, #e6f0ff, #7ea7ff); border: 2px outset #c8dcff; font-weight: 900; }.chaos-trigger { max-width: 95px; min-height: 42px; padding: 5px; border-color: #7890a4; color: #edf6ff; background: linear-gradient(180deg, #56697a, #27333e 49%, #141c25 53%, #405261); box-shadow: inset 1px 1px rgba(255,255,255,.36), inset -1px -1px rgba(0,0,0,.72), 0 4px 10px rgba(0,0,0,.22); font-size: .51rem; text-shadow: 0 1px rgba(0,0,0,.8); }.contrast-note { margin: 0; padding: 15px 20px; color: #cbd8e4; background: linear-gradient(180deg, #25313d, #0c1118); border-top: 2px inset #3e5265; font-size: .84rem; }.contrast-note b { color: var(--lime); }

.how-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; }.process-line { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; align-self: end; padding: 0; margin: 0; list-style: none; }.process-line li { position: relative; padding: 18px 12px 11px; border: 2px outset #475b6a; background: linear-gradient(145deg, #334554, #111820); }.process-line li > span { display: grid; width: 34px; height: 34px; place-items: center; margin-bottom: 16px; color: #17233a; background: linear-gradient(180deg, #eff8ff, var(--ice)); border: 2px outset #e2efff; font: 700 .57rem/1 var(--mono); }.process-line li:nth-child(2) > span { background: linear-gradient(180deg, #f4ffc8, var(--lime)); }.process-line h3 { margin: 0 0 8px; font-size: .94rem; }.process-line p { margin: 0; color: var(--muted); font-size: .8rem; }

.modes-section { padding-top: 80px; border-top: 1px solid var(--line); }.mode-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 46px; }.mode-card { min-height: 292px; padding: 0; color: var(--ink); text-align: left; cursor: pointer; }.mode-card .card-bar { width: 100%; }.mode-body { display: flex; min-height: 236px; flex-direction: column; align-items: flex-start; padding: 23px 19px; background: radial-gradient(circle at 85% 12%, rgba(126,167,255,.22), transparent 5rem), #101820; }.mode-card:nth-child(2) .mode-body { background: radial-gradient(circle at 85% 12%, rgba(199,255,61,.16), transparent 5rem), #161a18; }.mode-card:nth-child(3) .mode-body { background: radial-gradient(circle at 85% 12%, rgba(126,167,255,.14), transparent 5rem), #0f1814; }.mode-card:nth-child(4) .mode-body { background: radial-gradient(circle at 85% 12%, rgba(223,90,113,.1), transparent 5rem), #1b1512; }.mode-body strong { margin-top: 58px; font: 900 1.22rem/1.07 var(--display); }.mode-body > span { margin-top: 10px; color: var(--muted); font-size: .81rem; }.mode-body i { margin-top: auto; color: var(--lime); font: 700 .56rem/1 var(--mono); font-style: normal; letter-spacing: .07em; }.mode-card[aria-pressed="true"] { transform: translateY(-9px); box-shadow: 15px 21px 0 rgba(0,0,0,.34), 0 0 0 2px var(--lime), 0 0 30px rgba(199,255,61,.18); }.mode-card[aria-pressed="true"] .card-bar { background: linear-gradient(180deg, #efffc8, #9fcf29 48%, #648617); color: #172500; text-shadow: none; }.mode-card[aria-pressed="true"] .card-bar b { color: #172500; }

.audience-section { padding-top: 28px; }.audience-panel { background: linear-gradient(135deg, #e9f2fa, #8395a4 2%, #17202a 6%, #111822 89%, #697982); }.audience-content { display: grid; grid-template-columns: .95fr 1.05fr; gap: 58px; padding: clamp(31px, 5vw, 65px); background: linear-gradient(120deg, rgba(126,167,255,.09), transparent 44%), #101821; }.audience-list { display: grid; align-content: center; }.audience-list > div { display: grid; grid-template-columns: 44px 1fr; column-gap: 12px; padding: 15px 0; border-top: 1px solid var(--line); }.audience-list span { grid-row: span 2; color: var(--lime); font: 700 .65rem/1 var(--mono); }.audience-list h3 { margin: 0; font-size: 1rem; }.audience-list p { margin: 6px 0 0; color: var(--muted); font-size: .85rem; }

.offer-section { padding-bottom: 145px; }.offer-window { background: linear-gradient(135deg, #f5f9ff, #8da0b1 2%, #24303a 6%, #121922 84%, #768793); box-shadow: inset 0 0 0 1px #1f2932, 17px 25px 0 rgba(0,0,0,.38), 0 0 72px rgba(126,167,255,.2); }.trial-value-strip { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 15px; padding: 15px clamp(18px, 3vw, 34px); color: #132035; background: linear-gradient(180deg, #fbffff 0%, #c7d8e7 34%, #8399ae 51%, #e9f2f7 100%); border-bottom: 2px inset #516779; box-shadow: inset 1px 1px #fff, inset -1px -1px #556778; }.trial-step { display: grid; width: 36px; height: 36px; place-items: center; color: var(--lime-ink); background: var(--lime); border: 2px outset #efffc8; box-shadow: 0 0 14px rgba(199,255,61,.45); font: 900 .65rem/1 var(--mono); }.trial-value-strip div { display: grid; gap: 3px; }.trial-value-strip small { color: #4a5e75; font: 700 .55rem/1 var(--mono); letter-spacing: .1em; }.trial-value-strip strong { font: 900 clamp(1.1rem, 2vw, 1.55rem)/1 var(--display); }.trial-value-strip p { margin: 0; font-size: .78rem; font-weight: 700; }.trial-state { padding: 6px 8px; color: #263908; background: #c7ff3d; border: 1px inset #7d9e27; font: 700 .56rem/1 var(--mono); letter-spacing: .07em; }.offer-content { display: grid; grid-template-columns: 1.17fr .83fr; background: #0d131a; }.offer-main { padding: clamp(31px, 5.5vw, 67px); background: linear-gradient(135deg, rgba(126,167,255,.1), transparent 40%), #111923; }.offer-main p:not(.system-label) { max-width: 530px; color: var(--muted); }.continue-copy { display: block; margin-top: 14px; color: var(--chrome); font: 700 .62rem/1.3 var(--mono); letter-spacing: .035em; }.access-checks { display: grid; gap: 6px; margin: 24px 0; color: #dce6ef; font-size: .85rem; }.access-checks span { padding: 6px 8px; border: 1px inset rgba(118,148,175,.58); background: rgba(1,5,9,.26); }.access-checks span::first-letter { color: var(--lime); }.price-module { position: relative; display: flex; min-height: 430px; flex-direction: column; align-items: flex-start; justify-content: center; padding: 40px; overflow: hidden; color: #101723; background: linear-gradient(145deg, #fff 0%, #9db1c4 18%, #eef8ff 31%, #6886b4 45%, #283c5d 51%, #9bb5d9 62%, #d6c9ff 73%, #f7ffff 85%, #7f99b8 100%); }.price-module::after { position: absolute; inset: -30% auto -30% -45%; width: 35%; content: ""; background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent); transform: skewX(-15deg); animation: price-shine 8.6s ease-in-out infinite; }.price-module > * { position: relative; z-index: 1; }.price-module-head { display: flex; width: 100%; justify-content: space-between; font: 700 .56rem/1 var(--mono); letter-spacing: .08em; }.price-module strong { margin-top: 17px; font: 900 clamp(5.3rem, 9.5vw, 8rem)/.78 var(--display); letter-spacing: -.035em; }.price-module strong span { font-size: .4em; }.price-module > b { margin: 17px 0 13px; padding: 7px 9px; color: var(--lime); background: #152039; border: 1px outset #5574a0; font: 700 .65rem/1 var(--mono); letter-spacing: .08em; }.price-properties { display: grid; gap: 4px; font: 700 .59rem/1.3 var(--mono); letter-spacing: .06em; }.price-properties span { display: flex; justify-content: space-between; gap: 14px; }.price-properties i { padding: 0 3px; color: #314e0b; background: var(--lime); font-style: normal; }.price-grid { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(20,39,70,.55) 1px, transparent 1px), linear-gradient(90deg, rgba(20,39,70,.55) 1px, transparent 1px); background-size: 27px 27px; transform: perspective(240px) rotateX(61deg) translateY(18%); }.price-compare { display: grid; grid-template-columns: .82fr auto 1.18fr; gap: 18px; align-items: stretch; padding: 22px clamp(20px, 4vw, 42px); color: #aebdca; background: radial-gradient(circle at 78% 20%, rgba(126,167,255,.15), transparent 17rem), #080c12; border-top: 2px inset #415568; font-size: .8rem; }.price-compare div { display: grid; align-content: center; gap: 7px; padding: 17px; border: 2px inset #374957; background: rgba(20,27,36,.7); }.price-compare small { color: var(--warning); font: 700 .58rem/1 var(--mono); letter-spacing: .07em; }.price-compare .current { position: relative; border: 2px outset #afc6d8; background: linear-gradient(145deg, rgba(202,224,255,.18), rgba(21,29,40,.92)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), 0 0 22px rgba(126,167,255,.16); }.price-compare .current small { color: var(--lime); }.price-compare strong { color: var(--chrome); font-size: clamp(.9rem, 1.7vw, 1.25rem); }.price-compare .current strong { font: 900 clamp(1.3rem, 2.6vw, 2.05rem)/1 var(--display); background: linear-gradient(180deg,#fff,#a9bfd2 30%,#445b74 52%,#f4fbff 80%,#8da6c3); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }.price-compare .current i { position: absolute; top: 10px; right: 10px; color: var(--lime); font: 700 .52rem/1 var(--mono); font-style: normal; }.price-compare > span { align-self: center; color: var(--ice); font: 900 .72rem/1 var(--mono); }.value-proof { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: 16px; align-items: center; padding: 21px clamp(20px, 4vw, 42px); color: #102040; background: linear-gradient(104deg, #f6fdff 0%, #a9c7ff 38%, #7f91b7 57%, #d1c5ff 73%, #8fa9c9 100%); border-top: 2px outset #e9f4ff; border-bottom: 2px inset #304c79; box-shadow: inset 0 1px rgba(255,255,255,.95), inset 0 -2px rgba(34,66,110,.28); }.proof-icon { display: grid; width: 48px; height: 48px; place-items: center; color: var(--lime-ink); background: var(--lime); border: 2px outset #efffc8; box-shadow: inset -1px -1px #6b941b, 0 0 16px rgba(199,255,61,.55); font: 900 1.65rem/1 var(--display); }.value-proof small { display: block; color: #25456f; font: 700 .56rem/1 var(--mono); letter-spacing: .08em; }.value-proof strong { display: block; font: 900 clamp(2rem, 4vw, 3.45rem)/.93 var(--display); letter-spacing: .01em; text-shadow: 0 1px rgba(255,255,255,.55); }.value-proof strong em { font: 700 .31em/1 var(--mono); font-style: normal; letter-spacing: .04em; }.value-proof p { max-width: 400px; margin: 0 0 0 auto; color: #183655; font-size: .84rem; font-weight: 700; }.comparison-trust { padding: 22px clamp(20px, 4vw, 42px); color: #dce6ef; background: linear-gradient(180deg, #1b2633, #0c1118); border-top: 1px solid #62798e; text-align: center; font-size: clamp(.95rem, 1.5vw, 1.12rem); }.comparison-trust b { color: var(--ice-bright); }.offer-status { display: flex; justify-content: space-between; gap: 18px; padding: 12px 15px; color: var(--ice-bright); background: linear-gradient(180deg, #314355, #111a24); border-top: 1px solid #8298ac; font: 700 .55rem/1.35 var(--mono); letter-spacing: .06em; }.offer-status span:first-child::first-letter { color: var(--lime); }

.trust-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; padding-top: 100px; border-top: 1px solid var(--line); }.trust-items > div { display: grid; grid-template-columns: 45px 1fr; column-gap: 14px; padding: 20px 0; border-top: 1px solid var(--line); }.trust-items > div:last-child { border-bottom: 1px solid var(--line); }.trust-items span { grid-row: span 2; color: var(--ice); font: 700 .65rem/1 var(--mono); }.trust-items h3 { margin: 0; font-size: 1rem; }.trust-items p { margin: 6px 0 0; color: var(--muted); font-size: .86rem; }

.faq-window { background: linear-gradient(135deg, #f2f7ff, #7e94a5 2%, #1d2732 6%, #0f141b 90%, #63737e); }.faq-content { display: grid; grid-template-columns: .64fr 1.36fr; gap: 66px; padding: clamp(30px, 5vw, 60px); background: #101720; }.faq-grid { display: grid; gap: 7px; }.faq-grid details { border: 2px outset #445968; background: linear-gradient(180deg, #2a3946, #151d26 47%, #111820 53%); }.faq-grid summary { padding: 14px 16px; color: #e6eef6; cursor: pointer; font-size: .88rem; font-weight: 700; }.faq-grid summary::marker { color: var(--lime); }.faq-grid details[open] summary { border-bottom: 1px solid #607687; background: linear-gradient(180deg, #466283, #263b52); }.faq-grid p { margin: 0; padding: 0 16px 15px; color: var(--muted); font-size: .84rem; }

.final-section { position: relative; overflow: hidden; padding: 130px 0; border-top: 2px outset #405261; border-bottom: 2px inset #080b0f; background: radial-gradient(ellipse at 52% 110%, rgba(126,167,255,.36), transparent 46%), linear-gradient(180deg, #101823, #090b0f); text-align: center; }.final-section::before { position: absolute; inset: 25% -10% -45%; content: ""; opacity: .4; background-image: linear-gradient(rgba(126,167,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(126,167,255,.35) 1px, transparent 1px); background-size: 48px 48px; transform: perspective(380px) rotateX(62deg); }.final-shell { position: relative; z-index: 1; max-width: 860px; }.final-shell h2 { margin-inline: auto; }.final-shell p:not(.system-label) { max-width: 600px; margin: 0 auto 26px; color: var(--muted); }.final-shell small { display: block; margin-top: 18px; color: var(--chrome); font: 700 .62rem/1 var(--mono); letter-spacing: .06em; }.launch-status { display: inline-block; margin-top: 27px; padding: 6px 8px; color: var(--lime); border: 1px inset #496077; background: #0b1017; font: 700 .57rem/1 var(--mono); letter-spacing: .06em; }

.legal-section { padding-top: 118px; }.legal-header { max-width: 620px; }.legal-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 46px; border: 1px solid var(--line); background: var(--line); }.legal-grid article { min-height: 185px; padding: 25px; background: #11161e; scroll-margin-top: 20px; }.legal-grid h3 { margin-bottom: 11px; color: #dce6ef; font-size: 1rem; }.legal-grid p { margin: 0; color: var(--muted); font-size: .82rem; }.site-footer { display: grid; grid-template-columns: 1fr auto; gap: 22px; padding: 34px 0 46px; color: var(--muted); font-size: .73rem; }.site-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 14px; }.site-footer nav a { color: inherit; text-underline-offset: 4px; }.site-footer p { grid-column: 1 / -1; margin: 0; padding-top: 12px; border-top: 1px solid var(--line); font: 700 .58rem/1 var(--mono); letter-spacing: .05em; }
.community-link { display: grid; flex-basis: 100%; gap: 4px; margin-top: 7px; padding: 8px 10px; color: #cddae7 !important; border: 1px outset #506779; background: linear-gradient(180deg, #344657, #151e28 52%, #283746); box-shadow: inset 1px 1px rgba(235,246,255,.16), inset -1px -1px rgba(0,0,0,.5); font: 700 .57rem/1.25 var(--mono); letter-spacing: .05em; text-decoration: none; transition: filter .16s ease, transform .16s ease; }.community-link b { color: var(--ice-bright); font: inherit; }.community-link small { color: #96aabd; font: 700 .51rem/1.3 var(--mono); letter-spacing: .035em; }.community-link:hover { filter: brightness(1.14); transform: translateY(-1px); }.community-link:active { transform: translateY(1px); }
.button:focus-visible, .header-cta:focus-visible, .main-nav a:focus-visible, .hero-community-link:focus-visible, .community-link:focus-visible, summary:focus-visible, .training-tabs button:focus-visible, .chaos-trigger:focus-visible { outline: 3px solid var(--lime); outline-offset: 4px; }

@keyframes pulse { 50% { opacity: .42; box-shadow: 0 0 0 7px rgba(199,255,61,0), 0 0 3px rgba(199,255,61,.2); } }
@keyframes ticker { to { transform: translateX(-35%); } }
@keyframes rgb-jump { 0%,100% { transform: translateX(0); } 45% { transform: translateX(-2px); } 65% { transform: translateX(2px); } }
@keyframes cta-glitch { 0% { transform: translateX(0); opacity: 0; } 45% { transform: translateX(-6px); opacity: .8; } 100% { transform: translateX(0); opacity: 0; } }
@keyframes pixel-break { 0% { opacity: 0; transform: translate(0) scale(.3); } 22% { opacity: .9; } 100% { opacity: 0; transform: translate(8px, -5px) scale(1); } }
@keyframes scanline { 0%, 88%, 100% { transform: translateY(0); opacity: 0; } 90% { transform: translateY(15px); opacity: .65; } 94% { transform: translateY(88px); opacity: .22; } }
@keyframes decay-in { 0% { clip-path: inset(0 100% 0 0); filter: brightness(1.5); } 30% { clip-path: polygon(0 0,70% 0,68% 18%,100% 19%,100% 43%,74% 44%,77% 65%,100% 67%,100% 100%,0 100%); transform: translate(-9px,5px); } 100% { clip-path: inset(0); } }
@keyframes statue-reveal { 0% { clip-path: polygon(43% 0, 100% 0, 100% 100%, 58% 100%, 68% 78%, 45% 68%, 58% 49%, 37% 34%); opacity: 0; transform: translate3d(35px, 0, 0); } 52% { opacity: .96; } 100% { clip-path: inset(0); opacity: .9; transform: translate3d(var(--statue-x, 0), calc(var(--statue-y, 0) + var(--statue-scroll-y, 0px)), 0); } }
@keyframes data-pulse { 0%, 68%, 100% { opacity: 0; transform: translate(0) scale(.4); } 76% { opacity: .92; transform: translate(-6px, 3px) scale(1); } 86% { opacity: .45; transform: translate(5px, -5px) scale(.8); } }
@keyframes marble-dust-drift { 0%, 100% { opacity: .24; transform: translate3d(0, 0, 0); } 38% { opacity: .7; transform: translate3d(4px, -3px, 0); } 71% { opacity: .43; transform: translate3d(-2px, 5px, 0); } }
@keyframes edge-rgb-instability { 0%, 72%, 100% { filter: drop-shadow(0 0 5px rgba(126,167,255,.6)); } 74% { filter: drop-shadow(3px 0 4px rgba(223,90,113,.58)) drop-shadow(-2px 0 4px rgba(126,167,255,.82)); } 77% { filter: drop-shadow(-1px 0 5px rgba(199,255,61,.45)); } }
@keyframes statue-shimmer { 0%, 100% { filter: contrast(1.07) saturate(.92) drop-shadow(-18px 0 22px rgba(126,167,255,.18)); } 48% { filter: contrast(1.12) saturate(1.02) brightness(1.045) drop-shadow(-18px 0 27px rgba(126,167,255,.27)); } }
@keyframes fragment-shimmer { 0%, 100% { filter: brightness(1); } 47% { filter: brightness(1.75); } }
@keyframes tab-scan { from { left: -38%; } to { left: 122%; } }
@keyframes chrome-sweep { 0%, 66% { background-position: 160% 0; opacity: 0; } 72% { opacity: .25; } 78% { background-position: 35% 0; opacity: .96; } 84%, 100% { background-position: -90% 0; opacity: 0; } }
@keyframes dust-out-a { 0% { opacity: 0; transform: translate3d(0,0,0) scale(.45) rotate(0); } 18% { opacity: .82; } 68% { opacity: .58; } 100% { opacity: 0; transform: translate3d(-35px,-18px,0) scale(1.25) rotate(94deg); } }
@keyframes dust-out-b { 0% { opacity: 0; transform: translate3d(0,0,0) scale(.5); } 22% { opacity: .76; } 70% { opacity: .42; transform: translate3d(-18px,13px,0) scale(1); } 100% { opacity: 0; transform: translate3d(-48px,5px,0) scale(.7); } }
@keyframes pixel-drift { 0% { opacity: 0; transform: translate3d(0,0,0) scale(.5); } 17% { opacity: .85; } 47% { transform: translate3d(-9px,-5px,0) scale(1); } 51% { transform: translate3d(-2px,3px,0) scale(.75); } 78% { opacity: .55; } 100% { opacity: 0; transform: translate3d(-29px,-13px,0) scale(1.2); } }
@keyframes geometry-float { 0%,100% { transform: translate3d(0,0,0); opacity:.42; } 48% { transform: translate3d(-8px,-4px,0); opacity:.67; } }
@keyframes fragment-rotate { to { transform: rotate(360deg); } }
@keyframes data-stream { 0%,100% { opacity:.12; transform:translateX(8px); } 34% { opacity:.64; } 65% { opacity:.3; transform:translateX(-9px); } }
@keyframes edge-slice { 0%,72%,100% { opacity:0; transform:translateX(0) scaleX(.25); } 74% { opacity:.82; transform:translateX(-14px) scaleX(.8); } 76% { opacity:.3; transform:translateX(12px) scaleX(.55); } 79% { opacity:0; } }
@keyframes corruption-pulse { 0%,84%,100% { opacity:0; clip-path:inset(0 100% 0 0); } 86% { opacity:.62; clip-path:inset(0 10% 0 0); transform:translateX(-7px); } 89% { opacity:.2; clip-path:inset(0 32% 0 0); transform:translateX(4px); } 92% { opacity:0; } }
@keyframes price-shine { 0%,70% { transform:translateX(0) skewX(-15deg); opacity:0; } 75% { opacity:.5; } 86%,100% { transform:translateX(520%) skewX(-15deg); opacity:0; } }

@media (max-width: 910px) {
  .hero, .how-section, .trust-section, .faq-content, .audience-content { grid-template-columns: 1fr; }.hero { min-height: 0; padding-top: 68px; }.hero-machine { width: min(100%, 630px); justify-self: start; }.how-section, .trust-section, .faq-content, .audience-content { gap: 42px; }.process-line { grid-template-columns: repeat(2, 1fr); }.mode-grid { grid-template-columns: repeat(2, 1fr); }.offer-content { grid-template-columns: 1fr; }.price-module { min-height: 300px; }.section { padding: 92px 0; }
}
@media (max-width: 640px) {
  .shell-width { width: min(1180px, calc(100% - 30px)); }.site-header { grid-template-columns: 1fr auto; gap: 12px; min-height: 68px; }.main-nav { display: none; }.header-cta { padding: 0 8px; font-size: .55rem; }.brand { font-size: .67rem; }.hero { gap: 44px; padding-top: 48px; }.hero-copy, .hero-machine { min-width: 0; }.hero-copy h1 { width: 100%; font-size: clamp(2.25rem, 10.8vw, 2.8rem); letter-spacing: .002em; }.mirror-chrome { display: block; width: 100%; padding-right: 0; }.hero-actions { display: grid; }.button { width: 100%; }.hero-trust { display: grid; grid-template-columns: 1fr; gap: 6px; }.hero-trust i { display: none; }.hero-statue { top: auto; right: -37%; bottom: -6%; width: 92vw; height: 470px; opacity: .46; mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.45) 32%, #000 58%, transparent 100%), linear-gradient(180deg, transparent, #000 24%, #000 73%, transparent); }.hero-statue::after { opacity: .48; }.hero-statue img { object-position: right 12%; }.statue-decay { top:auto; right:-3%; bottom:0; width:78vw; height:390px; opacity:.62; }.marble-dust i:nth-child(n+9), .pixel-decay i:nth-child(n+6), .data-fragments span:nth-child(n+3) { display:none; }.geometry-drift { opacity:.38; }.statue-data-link { top: auto; right: 3%; bottom: 2%; width: 68vw; height: 240px; opacity: .48; }.hero-copy { z-index: 4; }.hero-machine { transform: none; }.machine-toolbar span:nth-child(3), .machine-toolbar span:nth-child(4), .machine-toolbar b { display: none; }.machine-status { padding-inline: 10px; font-size: .49rem; }.training-tabs { margin: 0 9px; }.training-tabs button { min-height: 31px; font-size: .5rem; }.training-screen { margin: 9px; padding: 10px; }.exercise-row { grid-template-columns: 19px minmax(0,1fr) auto; gap: 6px; font-size: .69rem; }.exercise-row b { font-size: .56rem; }.screen-footer { font-size: .48rem; }.screen-footer button { font-size: .46rem; }.section { padding: 68px 0; }.system-grid, .mode-grid, .legal-grid, .process-line { grid-template-columns: 1fr; margin-top: 30px; }.card-body { min-height: 240px; }.contrast-content { grid-template-columns: 1fr; }.contrast-divider { min-height: 91px; grid-auto-flow: column; align-content: center; }.contrast-side { min-height: 0; padding: 27px 21px; }.old-way { transform: translate(-2px, 2px); }.audience-content, .faq-content { padding: 28px 21px; }.trial-value-strip { grid-template-columns:auto 1fr; }.trial-value-strip p, .trial-state { grid-column:2; }.offer-main, .price-module { padding: 29px 22px; }.price-compare { grid-template-columns: 1fr; }.price-compare > span { display: none; }.value-proof { grid-template-columns: auto 1fr; gap: 10px; padding: 17px 20px; }.value-proof p { grid-column: 1 / -1; margin: 2px 0 0; font-size: .75rem; }.comparison-trust br { display:none; }.offer-status { display: grid; }.trust-section { gap: 38px; }.final-section { padding: 88px 0; }.legal-section { padding-top: 85px; }.site-footer { grid-template-columns: 1fr; }.site-footer nav { justify-content: flex-start; }.site-footer p { grid-column: auto; }
}
.price-compare .current p { max-width: 23rem; margin: 3px 0 0; padding-top: 9px; color: #d1dfeb; border-top: 1px solid rgba(184,210,255,.24); font-size: .73rem; font-weight: 700; line-height: 1.34; }
.legal-grid #safety { grid-column: 1 / -1; }

.hero-community-link { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 11px; border-color: var(--lime); box-shadow: inset 1px 1px rgba(235,246,255,.16), inset -1px -1px rgba(0,0,0,.5), 0 0 15px rgba(199,255,61,.16), 0 5px 13px rgba(0,0,0,.18); transition: filter .16s ease, transform .16s ease, box-shadow .16s ease; }.telegram-plane { display: block; width: 34px; height: 34px; padding: 6px; color: #bceaff; border: 1px inset #72b9e4; background: linear-gradient(145deg, #395b78, #102131); box-shadow: inset 1px 1px rgba(255,255,255,.32), 0 0 10px rgba(126,207,255,.28); }.telegram-plane path { fill: currentColor; }.hero-community-link span { display: grid; gap: 4px; min-width: 0; }.hero-community-link b { color: var(--ice-bright); font: inherit; }.hero-community-link:hover { filter: brightness(1.12); transform: translateY(-1px); box-shadow: inset 1px 1px rgba(235,246,255,.24), inset -1px -1px rgba(0,0,0,.5), 0 0 21px rgba(199,255,61,.3), 0 7px 15px rgba(0,0,0,.24); }

@media (max-width: 640px) { .hero-community-link { width: 100%; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .os-cursor { display: none !important; }.has-os-cursor, .has-os-cursor a, .has-os-cursor button { cursor: auto; }.hero-machine, .hero-machine:hover { transform: none; }.hero-statue { transform: none; }.mirror-chrome::after, .statue-decay::before, .statue-decay::after { display:none; }.marble-dust i, .pixel-decay i, .data-fragments span { animation:none !important; opacity:.18; transform:none !important; }.geometry-drift { animation:none !important; opacity:.3; }
}