:root {
  color-scheme: dark;
  --ink: #05070b;
  --ink-2: #090d14;
  --panel: #0d121b;
  --white: #f5f7fb;
  --muted: #8996a8;
  --line: rgba(176, 197, 220, .14);
  --cyan: #18b8ff;
  --cyan-soft: #8fddff;
  --red: #ff274f;
  --lime: #a8ff5a;
  --max: 1240px;
  --edge: clamp(18px, 4vw, 48px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--white);
  background: radial-gradient(circle at 90% 4%, rgba(24, 184, 255, .09), transparent 28rem), linear-gradient(180deg, #05070b, #070a10 52%, #05070b);
  font-family: "Segoe UI Variable", "Segoe UI", Inter, system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  overflow-x: hidden;
}
::selection { color: #001019; background: var(--cyan-soft); }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 100; padding: 10px 14px; color: #001019; background: var(--cyan-soft); transform: translateY(-160%); }
.skip-link:focus { transform: none; }

.site-header {
  position: fixed;
  z-index: 50;
  top: 16px;
  left: 50%;
  width: min(calc(100% - 32px), var(--max));
  min-height: 72px;
  padding: 10px 12px 10px 14px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 18px;
  background: rgba(5, 7, 11, .76);
  box-shadow: 0 18px 55px rgba(0,0,0,.22);
  backdrop-filter: blur(20px) saturate(140%);
  transform: translateX(-50%);
  transition: background .25s ease, border-color .25s ease, top .25s ease;
}
.site-header.is-scrolled { top: 8px; background: rgba(5, 7, 11, .92); border-color: rgba(24,184,255,.2); }
.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; text-decoration: none; }
.brand-mark { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(145deg, rgba(24,184,255,.12), rgba(255,255,255,.03)); overflow: hidden; }
.brand-mark img { width: 43px; height: 43px; object-fit: contain; }
.brand-copy { display: flex; flex-direction: column; line-height: 1.02; }
.brand-copy strong { font-size: .98rem; letter-spacing: -.02em; }
.brand-copy small { margin-top: 4px; color: var(--cyan-soft); font: 700 .63rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .13em; text-transform: uppercase; }
nav { display: flex; align-items: center; gap: 33px; }
nav a, .header-github { color: #a6b1c1; font-size: .87rem; font-weight: 650; text-decoration: none; }
nav a { position: relative; }
nav a::after { content: ""; position: absolute; right: 0; bottom: -9px; left: 0; height: 1px; background: var(--cyan); transform: scaleX(0); transition: transform .2s ease; }
nav a:hover { color: var(--white); }
nav a:hover::after { transform: scaleX(1); }
.header-github { justify-self: end; padding: 11px 16px; color: var(--white); border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.035); }
.header-github:hover { border-color: rgba(24,184,255,.5); }

main { position: relative; }
.hero {
  position: relative;
  min-height: 820px;
  padding: 150px max(var(--edge), calc((100vw - var(--max)) / 2)) 58px;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(430px, .97fr);
  align-items: center;
  gap: 30px;
  overflow: hidden;
}
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, #000 0%, transparent 86%); }
.hero-noise { position: absolute; inset: 0; opacity: .2; pointer-events: none; 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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"); }
.hero-copy { position: relative; z-index: 3; padding: 30px 0; }
.availability { display: inline-flex; align-items: center; gap: 9px; padding: 7px 11px; color: #b7c3d2; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.025); font: 700 .7rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .09em; text-transform: uppercase; }
.availability span { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 18px rgba(168,255,90,.7); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 760px; margin: 25px 0; font-size: clamp(4rem, 7vw, 7.1rem); line-height: .84; letter-spacing: -.075em; text-transform: uppercase; }
h1 span, h1 strong, h1 em { display: block; }
h1 span { color: var(--white); font-size: .58em; letter-spacing: -.055em; }
h1 strong { color: var(--cyan); font-weight: 850; text-shadow: 0 0 45px rgba(24,184,255,.16); }
h1 em { margin-top: 18px; color: transparent; -webkit-text-stroke: 1px rgba(245,247,251,.65); font-size: .39em; font-style: normal; letter-spacing: -.025em; }
.hero-copy > p { max-width: 650px; margin-bottom: 32px; color: #9ba8ba; font-size: clamp(1rem, 1.4vw, 1.16rem); line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.button { min-height: 58px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 13px; font-weight: 800; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-3px); }
.button:focus-visible, nav a:focus-visible, summary:focus-visible, .guard-switch:focus-visible, .header-github:focus-visible { outline: 3px solid rgba(143,221,255,.8); outline-offset: 3px; }
.button-download { min-width: 240px; flex-direction: column; align-items: flex-start; padding: 11px 23px; color: #021017; background: linear-gradient(135deg, #9ce4ff 0%, var(--cyan) 56%, #0799da 100%); box-shadow: 0 15px 45px rgba(24,184,255,.18); }
.button-download span { font-size: .98rem; line-height: 1.2; }
.button-download small { margin-top: 5px; color: rgba(2,16,23,.64); font: 700 .66rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .06em; text-transform: uppercase; }
.button-download:hover { box-shadow: 0 19px 60px rgba(24,184,255,.3); }
.button-ghost { color: var(--white); border-color: var(--line); background: rgba(255,255,255,.025); }
.button-ghost:hover { border-color: rgba(143,221,255,.4); background: rgba(24,184,255,.05); }
.micro-proof { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 11px; color: #5f6c7e; font: 700 .64rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; }
.micro-proof i { width: 3px; height: 3px; border-radius: 50%; background: #465164; }

.hero-stage { position: relative; z-index: 2; min-height: 610px; display: grid; place-items: center; isolation: isolate; }
.hero-stage::after { content: ""; position: absolute; z-index: -3; width: 530px; height: 530px; border-radius: 50%; background: radial-gradient(circle, rgba(24,184,255,.2), rgba(24,184,255,.04) 46%, transparent 69%); filter: blur(7px); }
.radar { position: absolute; z-index: -2; width: min(93%, 590px); aspect-ratio: 1; border: 1px solid rgba(24,184,255,.18); border-radius: 50%; overflow: hidden; transform: rotate(-8deg); }
.radar::before, .radar::after { content: ""; position: absolute; background: rgba(24,184,255,.13); }
.radar::before { top: 50%; left: 0; width: 100%; height: 1px; }
.radar::after { top: 0; left: 50%; width: 1px; height: 100%; }
.radar-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(24,184,255,.16); border-radius: 50%; transform: translate(-50%, -50%); }
.ring-1 { width: 25%; height: 25%; }.ring-2 { width: 50%; height: 50%; }.ring-3 { width: 75%; height: 75%; }
.radar-sweep { position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; transform-origin: 0 0; background: conic-gradient(from 260deg at 0 0, rgba(24,184,255,.28), transparent 28deg); animation: sweep 7s linear infinite; }
.hero-penguin { position: relative; z-index: 2; width: min(105%, 610px); height: auto; object-fit: contain; filter: drop-shadow(0 38px 50px rgba(0,0,0,.46)); animation: hover 5s ease-in-out infinite; }
.blocked-stamp { position: absolute; z-index: 5; top: 90px; right: -10px; padding: 9px 16px; color: var(--red); border: 2px solid var(--red); transform: rotate(6deg); font: 900 .62rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .11em; text-align: center; text-transform: uppercase; box-shadow: 0 0 28px rgba(255,39,79,.12); }
.blocked-stamp span, .blocked-stamp strong { display: block; }.blocked-stamp strong { margin-top: 5px; font-size: 1.2rem; letter-spacing: .04em; }
.floating-card { position: absolute; z-index: 6; border: 1px solid rgba(255,255,255,.14); border-radius: 15px; background: rgba(9,13,20,.84); box-shadow: 0 18px 45px rgba(0,0,0,.34); backdrop-filter: blur(17px); }
.floating-card small { color: #6f7d90; font: 700 .61rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .1em; }
.card-status { left: -18px; bottom: 84px; padding: 14px 17px; display: flex; align-items: center; gap: 12px; }.card-status div { display: flex; flex-direction: column; gap: 5px; }.card-status strong { color: var(--lime); font: 850 .85rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .05em; }
.pulse-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 0 rgba(168,255,90,.4); animation: pulse 2s infinite; }
.card-adapter { right: -28px; bottom: 22px; min-width: 185px; padding: 15px 17px; }.card-adapter strong, .card-adapter span { display: block; }.card-adapter strong { margin: 6px 0 3px; font-size: 1.08rem; }.card-adapter span { color: var(--cyan-soft); font-size: .72rem; }

.ticker { position: relative; z-index: 3; width: calc(100% + 40px); margin-left: -20px; overflow: hidden; color: #001017; background: var(--cyan); transform: rotate(-1.4deg); box-shadow: 0 8px 35px rgba(24,184,255,.12); }
.ticker div { width: max-content; padding: 14px 0; display: flex; align-items: center; gap: 34px; font: 900 .78rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .12em; animation: ticker 24s linear infinite; }
.ticker b { font-size: 1rem; }

.demo-section, .steps-section, .truth-section, .spec-section, .faq-section, .download-section, footer { width: min(calc(100% - (var(--edge) * 2)), var(--max)); margin-inline: auto; }
.demo-section { padding: 150px 0 80px; }
.section-intro { display: grid; grid-template-columns: 1.05fr .8fr; column-gap: 70px; align-items: end; margin-bottom: 58px; }
.section-index { color: var(--cyan); font: 800 .69rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.section-intro .section-index { grid-column: 1 / -1; margin-bottom: 20px; }
h2 { margin: 0; font-size: clamp(2.8rem, 5.2vw, 5.4rem); line-height: .96; letter-spacing: -.065em; }
h2 em { color: var(--cyan); font-style: normal; }
.section-intro p { margin: 0 0 3px; color: var(--muted); font-size: 1.04rem; }
.scan-console { border: 1px solid rgba(255,255,255,.13); border-radius: 25px; background: linear-gradient(145deg, rgba(17,25,37,.92), rgba(8,12,18,.97)); box-shadow: 0 40px 110px rgba(0,0,0,.32); overflow: hidden; }
.console-topbar { min-height: 53px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.025); }
.console-title, .console-label { color: #788699; font: 700 .66rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .1em; }
.console-title { display: flex; align-items: center; gap: 9px; }.console-title span { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(168,255,90,.5); }.console-label { padding: 6px 8px; border: 1px solid var(--line); border-radius: 6px; }
.console-grid { display: grid; grid-template-columns: 1fr 340px; }
.signal-view { min-height: 390px; padding: 40px 34px 25px 67px; position: relative; border-right: 1px solid var(--line); }
.chart-labels { position: absolute; top: 38px; bottom: 50px; left: 20px; display: flex; flex-direction: column; justify-content: space-between; color: #536074; font: 600 .62rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.chart-grid { position: relative; height: 300px; display: flex; flex-direction: column; justify-content: space-between; }
.chart-grid > span { width: 100%; height: 1px; background: rgba(255,255,255,.07); }
.latency-line { position: absolute; inset: 0; display: flex; align-items: end; gap: clamp(4px, 1vw, 12px); }
.latency-line i { position: relative; flex: 1; height: var(--h); max-width: 24px; border-radius: 4px 4px 1px 1px; background: linear-gradient(to top, rgba(24,184,255,.18), var(--cyan)); box-shadow: 0 0 18px rgba(24,184,255,.08); transition: height .5s ease, opacity .5s ease, background .5s ease; }
.latency-line .scan-spike { background: linear-gradient(to top, rgba(255,39,79,.2), var(--red)); box-shadow: 0 0 22px rgba(255,39,79,.16); }
.scan-console[data-demo-state="protected"] .scan-spike { height: 25% !important; background: linear-gradient(to top, rgba(24,184,255,.18), var(--cyan)); box-shadow: 0 0 18px rgba(24,184,255,.08); }
.chart-legend { margin-top: 18px; display: flex; align-items: center; gap: 22px; color: #758398; font-size: .72rem; }.chart-legend span { display: inline-flex; align-items: center; gap: 7px; }.chart-legend i { width: 8px; height: 8px; border-radius: 2px; background: var(--cyan); }.chart-legend .scan-key i { background: var(--red); }.scan-console[data-demo-state="protected"] .scan-key { opacity: .35; text-decoration: line-through; }
.demo-control { padding: 43px 32px; display: flex; flex-direction: column; justify-content: center; }
.control-kicker { color: #667488; font: 800 .66rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .1em; }
.guard-switch { margin: 25px 0 31px; padding: 0; display: flex; align-items: center; gap: 15px; color: var(--white); border: 0; background: transparent; cursor: pointer; text-align: left; }
.switch-track { width: 68px; height: 36px; padding: 4px; display: flex; align-items: center; border-radius: 999px; background: var(--cyan); box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 0 25px rgba(24,184,255,.12); transition: background .3s ease; }.switch-track i { width: 28px; height: 28px; border-radius: 50%; background: #e8f8ff; box-shadow: 0 5px 14px rgba(0,0,0,.3); transform: translateX(32px); transition: transform .3s ease; }.scan-console[data-demo-state="scanning"] .switch-track { background: #293342; }.scan-console[data-demo-state="scanning"] .switch-track i { transform: translateX(0); background: #8e9aab; }
.switch-copy { display: flex; flex-direction: column; gap: 4px; }.switch-copy strong { color: var(--cyan-soft); font-size: 1.15rem; }.switch-copy small { color: #69778b; }.scan-console[data-demo-state="scanning"] .switch-copy strong { color: var(--red); }
.adapter-row { padding: 15px 0; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.adapter-row span { color: #758398; }.adapter-row strong { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.demo-control p { margin: 22px 0 0; color: #657286; font-size: .79rem; line-height: 1.6; }

.steps-section { padding: 100px 0 80px; }
.steps-heading { margin-bottom: 45px; display: flex; align-items: end; justify-content: space-between; gap: 40px; }.steps-heading .section-index { order: 2; margin-bottom: 9px; }.steps-heading h2 { font-size: clamp(3rem, 5vw, 5rem); }
.steps-list { border-top: 1px solid var(--line); }
.process-step { min-height: 190px; padding: 30px 5px; display: grid; grid-template-columns: 110px 145px 1fr; align-items: center; gap: 30px; border-bottom: 1px solid var(--line); transition: background .25s ease, padding .25s ease; }
.process-step:hover { padding-inline: 20px; background: linear-gradient(90deg, rgba(24,184,255,.055), transparent 72%); }
.step-meta { display: flex; align-items: center; gap: 13px; color: var(--cyan); font: 800 .72rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }.step-meta i { width: 30px; height: 1px; background: rgba(24,184,255,.4); }
.step-icon { width: 94px; height: 94px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 21px; background: linear-gradient(145deg, rgba(24,184,255,.1), rgba(255,255,255,.015)); box-shadow: inset 0 1px 0 rgba(255,255,255,.07); }
.adapter-icon { grid-template-columns: repeat(3, 10px); align-items: end; justify-content: center; gap: 5px; }.adapter-icon span { width: 10px; border-radius: 3px 3px 1px 1px; background: var(--cyan); }.adapter-icon span:nth-child(1) { height: 20px; opacity: .45; }.adapter-icon span:nth-child(2) { height: 34px; opacity: .7; }.adapter-icon span:nth-child(3) { height: 49px; box-shadow: 0 0 18px rgba(24,184,255,.3); }
.shield-icon { color: var(--cyan); font-size: 2.5rem; text-shadow: 0 0 22px rgba(24,184,255,.35); }.tray-icon span { width: 50px; padding: 5px; color: var(--cyan); border: 1px solid rgba(24,184,255,.35); border-radius: 7px; text-align: center; }
.process-step > div:last-child { display: grid; grid-template-columns: minmax(220px, .65fr) minmax(300px, 1fr); align-items: center; gap: 45px; }.process-step h3 { margin: 0; font-size: 1.55rem; letter-spacing: -.03em; }.process-step p { max-width: 540px; margin: 0; color: var(--muted); }

.truth-section { padding: 110px 0 95px; }
.truth-panel { position: relative; padding: clamp(30px, 5vw, 68px); display: grid; grid-template-columns: .9fr 1.1fr; gap: 65px; border: 1px solid rgba(24,184,255,.2); border-radius: 30px; background: linear-gradient(135deg, rgba(24,184,255,.08), rgba(17,25,37,.65) 43%, rgba(255,39,79,.035)); overflow: hidden; }
.truth-panel::before { content: "PAS"; position: absolute; right: -18px; bottom: -104px; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.025); font-size: 18rem; font-weight: 900; line-height: 1; letter-spacing: -.1em; }
.truth-copy { position: relative; z-index: 1; }.truth-copy h2 { margin: 18px 0 22px; font-size: clamp(2.5rem, 4vw, 4.25rem); }.truth-copy p { color: #96a3b5; }.text-link { display: inline-block; margin-top: 16px; color: var(--cyan-soft); font-weight: 750; text-underline-offset: 5px; }
.truth-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.truth-grid article { min-height: 155px; padding: 23px; border: 1px solid var(--line); border-radius: 17px; background: rgba(5,7,11,.43); }.truth-grid strong, .truth-grid small { display: block; }.truth-grid strong { margin: 20px 0 5px; }.truth-grid small { color: #718095; }.truth-symbol { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; font-weight: 900; }.truth-symbol.yes { color: #061300; background: var(--lime); }.truth-symbol.no { color: #210006; background: var(--red); }

.spec-section { margin-bottom: 110px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.spec-section div { padding: 28px 25px; border-right: 1px solid var(--line); }.spec-section div:last-child { border-right: 0; }.spec-section span, .spec-section strong { display: block; }.spec-section span { margin-bottom: 7px; color: #647286; font: 800 .63rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .1em; }.spec-section strong { font-size: .98rem; }

.faq-section { padding: 40px 0 120px; display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; }.faq-heading { position: sticky; top: 120px; align-self: start; }.faq-heading h2 { margin-top: 20px; font-size: clamp(2.6rem, 4vw, 4.5rem); }.faq-list { border-top: 1px solid var(--line); }
details { border-bottom: 1px solid var(--line); }.faq-list summary { padding: 27px 4px; display: grid; grid-template-columns: 50px 1fr auto; align-items: center; cursor: pointer; list-style: none; font-size: 1.05rem; font-weight: 750; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--cyan); font: 700 .68rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }.faq-list summary::after { content: "+"; width: 31px; height: 31px; display: grid; place-items: center; color: var(--cyan); border: 1px solid var(--line); border-radius: 50%; font-size: 1.2rem; }.faq-list details[open] summary::after { content: "−"; }.faq-list details p { max-width: 700px; margin: -3px 0 28px 50px; color: var(--muted); }

.download-section { position: relative; min-height: 370px; margin-bottom: 80px; padding: 55px 58px; display: grid; grid-template-columns: 230px 1fr auto; align-items: center; gap: 40px; border: 1px solid rgba(24,184,255,.24); border-radius: 30px; background: linear-gradient(125deg, #0d1722, #09101a 54%, #101016); overflow: hidden; }.download-section::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 42px 42px; }.download-section img, .download-copy, .final-download { position: relative; z-index: 2; }.download-section img { width: 230px; height: auto; filter: drop-shadow(0 25px 30px rgba(0,0,0,.4)); }.download-copy h2 { margin: 14px 0 13px; font-size: clamp(2.7rem, 4.7vw, 5rem); }.download-copy p { margin: 0; color: #78869a; }.download-orbit { position: absolute; left: -40px; width: 330px; height: 330px; border: 1px solid rgba(24,184,255,.16); border-radius: 50%; box-shadow: 0 0 0 55px rgba(24,184,255,.025), 0 0 0 110px rgba(24,184,255,.018); }

footer { min-height: 125px; padding: 28px 0 38px; display: grid; grid-template-columns: 1fr 1.5fr 1fr; align-items: center; gap: 30px; border-top: 1px solid var(--line); color: #647286; font-size: .8rem; }footer p { margin: 0; text-align: center; }footer > a:last-child { justify-self: end; color: #9aa7b9; }footer a:hover { color: var(--white); }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }.reveal.is-visible { opacity: 1; transform: none; }
@keyframes hover { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-12px) rotate(1deg); } }
@keyframes sweep { to { transform: rotate(360deg); } }
@keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(168,255,90,0); } 100% { box-shadow: 0 0 0 0 rgba(168,255,90,0); } }
@keyframes ticker { to { transform: translateX(-50%); } }

@media (max-width: 1050px) {
  .site-header { grid-template-columns: 1fr auto; }.site-header nav { display: none; }
  .hero { grid-template-columns: 1fr .85fr; }.hero-stage { min-height: 530px; }.card-status { left: 0; }.card-adapter { right: 0; }
  .console-grid { grid-template-columns: 1fr 290px; }
  .process-step { grid-template-columns: 80px 110px 1fr; }.process-step > div:last-child { grid-template-columns: 1fr; gap: 8px; }
  .truth-panel { grid-template-columns: 1fr; }.download-section { grid-template-columns: 180px 1fr; }.download-section img { width: 190px; }.final-download { grid-column: 2; width: max-content; }
}
@media (max-width: 780px) {
  :root { --edge: 18px; }
  .site-header { top: 8px; min-height: 64px; }.brand-mark { width: 42px; height: 42px; }.brand-mark img { width: 40px; height: 40px; }.header-github { padding: 9px 12px; }
  .hero { min-height: 0; padding-top: 110px; grid-template-columns: 1fr; }.hero-copy { text-align: center; }.availability { margin-inline: auto; }.hero-copy > p { margin-inline: auto; }.hero-actions, .micro-proof { justify-content: center; }h1 { font-size: clamp(3.6rem, 17vw, 6rem); }.hero-stage { min-height: 500px; }.hero-penguin { width: min(100%, 520px); }.blocked-stamp { right: 2%; }.card-status { left: 4%; }.card-adapter { right: 3%; }
  .section-intro { grid-template-columns: 1fr; gap: 22px; }.section-intro .section-index { margin-bottom: 0; }.console-grid { grid-template-columns: 1fr; }.signal-view { min-height: 330px; border-right: 0; border-bottom: 1px solid var(--line); }.chart-grid { height: 240px; }.demo-control { padding: 30px; }
  .steps-heading { display: block; }.steps-heading .section-index { display: block; margin-bottom: 18px; }.process-step { grid-template-columns: 65px 90px 1fr; gap: 18px; }.step-icon { width: 78px; height: 78px; }
  .truth-grid { grid-template-columns: 1fr 1fr; }.spec-section { grid-template-columns: 1fr 1fr; }.spec-section div:nth-child(2) { border-right: 0; }.spec-section div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .faq-section { grid-template-columns: 1fr; gap: 40px; }.faq-heading { position: static; }
  .download-section { padding: 40px 30px; grid-template-columns: 140px 1fr; }.download-section img { width: 155px; }
  footer { grid-template-columns: 1fr auto; }footer p { grid-column: 1 / -1; grid-row: 2; text-align: left; }
}
@media (max-width: 560px) {
  .site-header .brand-copy small { display: none; }.header-github span { display: none; }
  .hero { padding-bottom: 20px; }.hero-copy { padding-bottom: 0; }h1 { margin-top: 22px; }.hero-actions { flex-direction: column; }.button { width: 100%; }.button-download { align-items: center; }.micro-proof i { display: none; }.micro-proof { gap: 8px 15px; }.hero-stage { min-height: 410px; }.radar { width: 108%; }.blocked-stamp { top: 45px; right: 0; }.card-status { left: 0; bottom: 55px; }.card-adapter { display: none; }
  .ticker div { gap: 24px; }
  .demo-section { padding-top: 105px; }.scan-console { border-radius: 18px; }.console-label { display: none; }.signal-view { padding: 35px 17px 24px 52px; }.chart-labels { left: 12px; }.latency-line { gap: 4px; }
  .steps-section { padding-top: 70px; }.process-step { padding-block: 26px; grid-template-columns: 52px 1fr; }.step-icon { display: none; }.process-step > div:last-child { display: block; }.process-step h3 { margin-bottom: 7px; font-size: 1.25rem; }.process-step p { font-size: .9rem; }.step-meta i { width: 16px; }
  .truth-panel { padding: 29px 22px; border-radius: 21px; }.truth-grid { grid-template-columns: 1fr; }.truth-grid article { min-height: 130px; }.spec-section { grid-template-columns: 1fr; }.spec-section div { border-right: 0; border-bottom: 1px solid var(--line); }.spec-section div:last-child { border-bottom: 0; }
  .faq-list summary { grid-template-columns: 35px 1fr auto; padding-block: 22px; font-size: .94rem; }.faq-list details p { margin-left: 35px; font-size: .9rem; }
  .download-section { padding: 36px 23px; grid-template-columns: 1fr; text-align: center; }.download-section img { width: 180px; margin-inline: auto; }.final-download { grid-column: 1; width: 100%; }.download-orbit { left: 50%; top: 0; transform: translateX(-50%); }
  footer { grid-template-columns: 1fr; text-align: center; }footer .brand, footer > a:last-child { justify-self: center; }footer p { grid-column: 1; grid-row: auto; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}