:root {
  --bg: #04090c;
  --bg-soft: #071116;
  --panel: rgba(9, 20, 25, .72);
  --panel-strong: rgba(7, 16, 20, .93);
  --line: rgba(255,255,255,.10);
  --line-bright: rgba(77, 223, 205, .28);
  --text: #f4fbfd;
  --muted: #9fb0b8;
  --blue: #86ccff;
  --cyan: #27d6d1;
  --green: #b8ed72;
  --yellow: #ffd33f;
  --accent: linear-gradient(100deg, var(--blue) 0%, var(--cyan) 38%, var(--green) 68%, var(--yellow) 100%);
  --shadow: 0 24px 80px rgba(0,0,0,.38);
  --radius: 28px;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 70% 10%, rgba(39,214,209,.08), transparent 30%), radial-gradient(circle at 18% 65%, rgba(184,237,114,.035), transparent 28%);
  z-index: -3;
}
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; height: auto; display: block; }
::selection { background: rgba(39,214,209,.28); color: #fff; }

.container { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; }
.section { position: relative; padding: 120px 0; }
.section.compact { padding: 88px 0; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--cyan); text-transform: uppercase; letter-spacing: .18em; font-size: 12px; font-weight: 750;
}
.eyebrow::before { content:""; width: 28px; height: 1px; background: var(--cyan); box-shadow: 0 0 18px rgba(39,214,209,.6); }
.h1, h1 { font-size: clamp(54px, 7vw, 108px); line-height: .94; letter-spacing: -.06em; margin: 18px 0 28px; font-weight: 760; }
.h2, h2 { font-size: clamp(38px, 4.2vw, 66px); line-height: 1.02; letter-spacing: -.045em; margin: 16px 0 24px; }
.h3, h3 { font-size: clamp(24px, 2.2vw, 34px); line-height: 1.12; letter-spacing: -.025em; margin: 0 0 14px; }
p { color: var(--muted); margin: 0 0 18px; }
.lead { font-size: clamp(18px, 1.7vw, 24px); max-width: 760px; color: #c6d4d9; }
.gradient-text { background: var(--accent); -webkit-background-clip: text; background-clip: text; color: transparent; }
.muted { color: var(--muted); }

.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  height: 82px; transition: .35s ease;
}
.nav.scrolled { background: rgba(4,9,12,.80); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
.nav-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: .12em; }
.brand img { width: 38px; height: 38px; object-fit: contain; }
.brand span { font-size: 18px; }
.nav-links { display: flex; align-items: center; gap: 28px; font-size: 13px; color: #c8d4d8; }
.nav-links a { position: relative; transition: .2s ease; }
.nav-links a::after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:1px; background:var(--cyan); transition:.25s ease; }
.nav-links a:hover { color:#fff; }
.nav-links a:hover::after, .nav-links a.active::after { right:0; }
.nav-actions { display: flex; gap: 10px; align-items: center; }
.menu-btn { display:none; background:transparent; border:1px solid var(--line); color:#fff; width:42px; height:42px; border-radius:14px; font-size:20px; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 0 19px; border-radius: 999px; border: 1px solid var(--line);
  background: rgba(255,255,255,.035); color:#fff; font-weight: 700; font-size: 13px; letter-spacing: .01em;
  transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.btn:hover { transform: translateY(-2px); border-color: rgba(39,214,209,.45); box-shadow: 0 12px 40px rgba(39,214,209,.10); }
.btn.primary { color:#031013; border:0; background: var(--accent); box-shadow: 0 14px 48px rgba(39,214,209,.16); }
.btn.primary:hover { box-shadow: 0 18px 58px rgba(39,214,209,.25); }
.btn.small { min-height: 40px; padding: 0 15px; }
.btn.ghost { background: transparent; }
.button-row { display:flex; gap:12px; flex-wrap:wrap; margin-top:34px; }

.hero {
  min-height: 100svh; position: relative; display:flex; align-items:center; isolation:isolate; overflow:hidden;
  background: radial-gradient(circle at 68% 48%, rgba(31,181,168,.10), transparent 28%), linear-gradient(180deg,#03080b 0%, #061016 100%);
}
.hero::after { content:""; position:absolute; inset:auto 0 0; height:220px; background:linear-gradient(180deg,transparent,var(--bg)); z-index:-1; }
#signalCanvas { position:absolute; inset:0; width:100%; height:100%; z-index:-3; opacity:.55; }
.signal-wall { position:absolute; inset:-8% -10%; display:flex; flex-direction:column; justify-content:center; gap:10px; transform:rotate(-7deg) scale(1.08); z-index:-2; opacity:.94; }
.signal-row { display:flex; gap:40px; white-space:nowrap; }
.signal-row:nth-child(even) { margin-left: -11vw; }
.signal-word {
  position:relative; display:inline-block; flex:0 0 auto;
  width:clamp(280px,37vw,600px); aspect-ratio:1348 / 422;
  font-size:0; line-height:0; color:transparent; text-indent:-9999px; overflow:hidden;
  background:url('/assets/volt-stripe-dim.webp') center/contain no-repeat;
  transform:translateZ(0); isolation:isolate;
}
.signal-word::before {
  content:""; position:absolute; inset:0;
  background:url('/assets/volt-stripe-color.webp') center/contain no-repeat;
  clip-path:inset(0 100% 0 0);
  -webkit-clip-path:inset(0 100% 0 0);
  filter:brightness(1.22) drop-shadow(0 0 12px rgba(39,214,209,.28));
  animation:signalReveal 7.4s cubic-bezier(.56,.02,.44,.98) infinite;
  z-index:1;
}
.signal-word::after {
  content:""; position:absolute; top:-18%; bottom:-18%; left:-26%; width:24%;
  background:linear-gradient(90deg,transparent,rgba(130,207,255,.08),rgba(43,216,209,.34),rgba(184,237,114,.15),transparent);
  filter:blur(9px);
  mix-blend-mode:screen;
  animation:signalBeam 7.4s cubic-bezier(.56,.02,.44,.98) infinite;
  z-index:2;
}
@keyframes signalReveal {
  0%,5%   { clip-path:inset(0 100% 0 0); -webkit-clip-path:inset(0 100% 0 0); opacity:0; }
  8%      { clip-path:inset(0 88% 0 0); -webkit-clip-path:inset(0 88% 0 0); opacity:1; }
  20%     { clip-path:inset(0 70% 0 12%); -webkit-clip-path:inset(0 70% 0 12%); }
  34%     { clip-path:inset(0 55% 0 27%); -webkit-clip-path:inset(0 55% 0 27%); }
  49%     { clip-path:inset(0 40% 0 42%); -webkit-clip-path:inset(0 40% 0 42%); }
  64%     { clip-path:inset(0 25% 0 57%); -webkit-clip-path:inset(0 25% 0 57%); }
  79%     { clip-path:inset(0 10% 0 72%); -webkit-clip-path:inset(0 10% 0 72%); }
  92%     { clip-path:inset(0 0 0 88%); -webkit-clip-path:inset(0 0 0 88%); opacity:1; }
  100%    { clip-path:inset(0 0 0 100%); -webkit-clip-path:inset(0 0 0 100%); opacity:0; }
}
@keyframes signalBeam {
  0%,5% { transform:translateX(0); opacity:0; }
  8% { opacity:.9; }
  92% { opacity:.9; }
  100% { transform:translateX(565%); opacity:0; }
}
.signal-row:nth-child(2) .signal-word::before, .signal-row:nth-child(2) .signal-word::after { animation-delay:-1.3s; }
.signal-row:nth-child(3) .signal-word::before, .signal-row:nth-child(3) .signal-word::after { animation-delay:-2.6s; }
.signal-row:nth-child(4) .signal-word::before, .signal-row:nth-child(4) .signal-word::after { animation-delay:-3.9s; }
@keyframes signalSweep { 0%{background-position:110% 0} 100%{background-position:-15% 0} }

.hero-content { position:relative; z-index:4; padding-top:100px; width:min(var(--max), calc(100% - 48px)); margin:0 auto; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.75fr); gap:40px; align-items:center; }
.hero-copy { max-width:820px; }
.hero-copy .lead { max-width:690px; }
.hero-mark-wrap { display:flex; justify-content:center; align-items:center; min-height:420px; position:relative; }
.hero-mark-wrap::before { content:""; position:absolute; width:58%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(39,214,209,.15),rgba(39,214,209,0) 65%); filter:blur(8px); animation:breathe 4.6s ease-in-out infinite; }
.hero-mark { width:min(420px,82%); filter:drop-shadow(0 0 32px rgba(39,214,209,.16)); animation:floatMark 6s ease-in-out infinite; }
@keyframes breathe { 50%{transform:scale(1.12); opacity:.65} }
@keyframes floatMark { 50%{transform:translateY(-12px)} }
.hero-meta { margin-top:50px; display:flex; flex-wrap:wrap; gap:24px; color:#889aa2; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.hero-meta span { display:flex; align-items:center; gap:10px; }
.hero-meta i { width:5px; height:5px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }

.ticker { overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.018); }
.ticker-track { display:flex; width:max-content; animation:ticker 28s linear infinite; padding:16px 0; }
.ticker-track span { color:#aab8be; font-size:12px; letter-spacing:.27em; text-transform:uppercase; margin-right:54px; }
.ticker-track b { color:var(--cyan); font-weight:500; }
@keyframes ticker { to { transform:translateX(-50%); } }

.glass-card { background: linear-gradient(180deg,rgba(14,28,34,.72),rgba(7,15,19,.78)); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); backdrop-filter:blur(14px); }
.image-card { overflow:hidden; border-radius:var(--radius); border:1px solid var(--line); min-height:560px; position:relative; background:#091318; box-shadow:var(--shadow); }
.image-card img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.image-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 52%,rgba(2,7,10,.82)); }
.image-caption { position:absolute; left:28px; bottom:24px; z-index:2; color:#dbe7ea; font-size:12px; letter-spacing:.18em; text-transform:uppercase; }

.feature-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:32px; }
.feature { padding:20px; border-radius:20px; border:1px solid var(--line); background:rgba(255,255,255,.022); }
.feature .num { color:var(--cyan); font-size:11px; letter-spacing:.16em; margin-bottom:10px; }
.feature strong { display:block; font-size:16px; margin-bottom:6px; }
.feature p { font-size:13px; margin:0; }

.architecture { margin-top:54px; position:relative; }
.arch-line { position:absolute; left:50%; top:70px; bottom:70px; width:1px; background:linear-gradient(180deg,transparent,var(--cyan),var(--green),transparent); opacity:.38; }
.layer-card { position:relative; display:grid; grid-template-columns:180px 1fr minmax(240px,auto) 20px; gap:30px; align-items:center; padding:28px 32px; margin-bottom:16px; border-radius:24px; border:1px solid var(--line); background:rgba(8,18,22,.82); overflow:hidden; }
.layer-card::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--accent); opacity:.8; }
.layer-name small { display:block; color:var(--muted); font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
.layer-name strong { font-size:24px; }
.layer-tags { display:flex; gap:8px; flex-wrap:wrap; }
.tag { padding:7px 10px; border-radius:999px; border:1px solid var(--line); color:#b7c6cc; font-size:11px; }
.pulse-dot { width:11px; height:11px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 0 rgba(39,214,209,.45); animation:pulse 2.4s infinite; }
@keyframes pulse { 70%{box-shadow:0 0 0 18px rgba(39,214,209,0)} 100%{box-shadow:0 0 0 0 rgba(39,214,209,0)} }

.energy-wrap { position:relative; min-height:650px; display:grid; place-items:center; }
.energy-orbit { width:min(570px,78vw); aspect-ratio:1; position:relative; border-radius:50%; border:1px solid rgba(255,255,255,.08); }
.energy-orbit::before { content:""; position:absolute; inset:10%; border:1px dashed rgba(39,214,209,.18); border-radius:50%; animation:spin 24s linear infinite; }
.energy-orbit::after { content:""; position:absolute; inset:22%; border-radius:50%; background:radial-gradient(circle,rgba(39,214,209,.13),transparent 68%); }
.energy-center { position:absolute; inset:34%; display:grid; place-items:center; z-index:3; border-radius:50%; background:rgba(5,13,16,.82); border:1px solid rgba(39,214,209,.25); box-shadow:0 0 60px rgba(39,214,209,.12); }
.energy-center img { width:72%; animation:floatMark 5s ease-in-out infinite; }
.orbit-chip { position:absolute; z-index:4; min-width:155px; padding:14px 16px; border-radius:18px; border:1px solid var(--line); background:rgba(7,16,20,.92); box-shadow:var(--shadow); }
.orbit-chip strong { display:block; font-size:13px; }
.orbit-chip small { color:var(--muted); font-size:11px; }
.orbit-chip.one { top:4%; left:50%; transform:translateX(-50%); }
.orbit-chip.two { top:50%; right:-2%; transform:translateY(-50%); }
.orbit-chip.three { bottom:3%; left:50%; transform:translateX(-50%); }
.orbit-chip.four { top:50%; left:-3%; transform:translateY(-50%); }
.energy-path { position:absolute; inset:4%; border-radius:50%; border-top:2px solid var(--cyan); border-right:2px solid rgba(184,237,114,.5); border-bottom:2px solid rgba(255,211,63,.4); border-left:2px solid rgba(134,204,255,.35); animation:spin 9s linear infinite; filter:drop-shadow(0 0 8px rgba(39,214,209,.35)); }
@keyframes spin { to{transform:rotate(360deg)} }

.phone-stage { position:relative; min-height:620px; display:grid; place-items:center; }
.phone { position:absolute; width:270px; aspect-ratio:9/18.5; border-radius:44px; padding:10px; background:linear-gradient(150deg,#16232a,#050a0d 66%); border:1px solid rgba(255,255,255,.16); box-shadow:0 40px 90px rgba(0,0,0,.45); }
.phone.back { transform:translateX(-105px) rotate(-8deg) scale(.92); opacity:.65; }
.phone.front { transform:translateX(70px) rotate(4deg); }
.phone-screen { width:100%; height:100%; border-radius:36px; overflow:hidden; background:linear-gradient(180deg,#10242b,#071217 62%,#061014); padding:26px 18px; position:relative; }
.phone-screen::before { content:""; position:absolute; top:10px; left:50%; transform:translateX(-50%); width:68px; height:7px; border-radius:99px; background:#020507; }
.app-head { display:flex; align-items:center; gap:10px; margin-top:10px; }
.app-head img { width:30px; height:30px; object-fit:contain; }
.app-head b { font-size:13px; }
.chat { margin-top:24px; display:grid; gap:13px; }
.bubble { max-width:82%; padding:11px 12px; border-radius:16px; font-size:10px; line-height:1.45; color:#dce7ea; background:rgba(255,255,255,.07); }
.bubble.mine { margin-left:auto; background:linear-gradient(120deg,rgba(39,214,209,.34),rgba(184,237,114,.16)); border:1px solid rgba(39,214,209,.22); }
.signal-bar { height:6px; border-radius:99px; background:var(--accent); margin-top:18px; opacity:.8; animation:barGlow 2.8s ease-in-out infinite; }
@keyframes barGlow { 50%{filter:brightness(1.4); box-shadow:0 0 18px rgba(39,214,209,.25)} }

.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:44px; }
.stat { padding:26px 22px; border-radius:22px; border:1px solid var(--line); background:rgba(255,255,255,.024); }
.stat .value { font-size:clamp(28px,3vw,44px); letter-spacing:-.045em; font-weight:760; background:var(--accent); -webkit-background-clip:text; background-clip:text; color:transparent; }
.stat .label { color:var(--muted); font-size:11px; letter-spacing:.12em; text-transform:uppercase; margin-top:4px; }

.weights { display:grid; gap:12px; margin-top:34px; }
.weight-row { display:grid; grid-template-columns:110px 1fr 48px; gap:14px; align-items:center; font-size:12px; color:#bdcbd0; }
.weight-track { height:7px; border-radius:99px; background:rgba(255,255,255,.06); overflow:hidden; }
.weight-fill { height:100%; width:var(--w); border-radius:inherit; background:var(--accent); box-shadow:0 0 18px rgba(39,214,209,.22); transform-origin:left; transform:scaleX(0); transition:transform 1s ease; }
.revealed .weight-fill { transform:scaleX(1); }

.vision-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:44px; }
.vision-card { height:560px; position:relative; border-radius:24px; overflow:hidden; border:1px solid var(--line); }
.vision-card img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.vision-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(3,8,11,.88)); }
.vision-card:hover img { transform:scale(1.035); }
.vision-card .copy { position:absolute; left:22px; right:22px; bottom:22px; z-index:2; }
.vision-card .copy b { display:block; font-size:20px; }
.vision-card .copy small { color:#a8b8bf; }

.wp-card { display:grid; grid-template-columns:340px 1fr; gap:48px; padding:34px; align-items:center; }
.wp-cover { border-radius:18px; overflow:hidden; box-shadow:0 24px 65px rgba(0,0,0,.45); border:1px solid var(--line); }
.wp-meta { display:flex; gap:26px; flex-wrap:wrap; margin:24px 0; }
.wp-meta div small { display:block; color:var(--muted); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.wp-meta div b { font-size:14px; }

.footer { border-top:1px solid var(--line); padding:58px 0 34px; background:#030709; }
.footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:40px; }
.footer-brand { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.footer-brand img { width:46px; }
.footer-brand strong { letter-spacing:.15em; }
.footer h4 { font-size:11px; color:#d8e4e8; letter-spacing:.14em; text-transform:uppercase; margin:0 0 14px; }
.footer a, .footer .disabled-link { display:block; color:#899ba3; font-size:13px; margin:7px 0; }
.footer a:hover { color:#fff; }
.footer-bottom { border-top:1px solid var(--line); margin-top:42px; padding-top:24px; display:flex; justify-content:space-between; gap:20px; color:#6f838c; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }

.reveal { opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s ease; }
.reveal.visible { opacity:1; transform:none; }

/* Inner pages */
.page-hero { min-height:72vh; padding-top:130px; display:flex; align-items:center; position:relative; overflow:hidden; border-bottom:1px solid var(--line); }
.page-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,9,12,.96),rgba(4,9,12,.62)), url('/assets/volt-gradient-bg.jpg') center/cover; z-index:-2; opacity:.85; }
.page-hero::after { content:""; position:absolute; right:-10%; bottom:-35%; width:720px; height:720px; background:url('/assets/volt-stripe-motif.webp') center/contain no-repeat; opacity:.045; transform:rotate(-9deg); z-index:-1; }
.page-hero .lead { max-width:800px; }
.page-kicker { display:flex; gap:10px; flex-wrap:wrap; margin-top:28px; }
.page-kicker span { padding:7px 11px; border:1px solid var(--line); border-radius:999px; color:#a8bac1; font-size:11px; }

.prose-grid { display:grid; grid-template-columns:280px 1fr; gap:70px; }
.sticky-title { position:sticky; top:120px; align-self:start; }
.prose { max-width:820px; }
.prose h3 { margin-top:42px; }
.prose p { font-size:17px; line-height:1.8; }
.quote { padding:26px 28px; border-left:2px solid var(--cyan); background:rgba(39,214,209,.045); border-radius:0 18px 18px 0; color:#d6e4e8; font-size:20px; margin:30px 0; }

.timeline { display:grid; gap:12px; margin-top:32px; }
.timeline-item { display:grid; grid-template-columns:120px 1fr; gap:28px; padding:24px 0; border-top:1px solid var(--line); }
.timeline-item .phase { color:var(--cyan); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.timeline-item strong { display:block; margin-bottom:5px; }

.vision-story { background:#020609; }
.story-panel { min-height:100svh; position:relative; display:grid; place-items:end start; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.05); }
.story-panel img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.78; transform:scale(1.02); }
.story-panel::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,7,10,.84) 0%, rgba(3,7,10,.18) 60%, rgba(3,7,10,.42) 100%),linear-gradient(180deg,transparent 48%,rgba(3,7,10,.75)); }
.story-copy { position:relative; z-index:2; width:min(760px,calc(100% - 48px)); margin:0 0 10vh max(24px,calc((100vw - var(--max))/2)); }
.story-copy .index { color:var(--cyan); letter-spacing:.18em; font-size:11px; }
.story-copy h2 { font-size:clamp(48px,7vw,100px); max-width:900px; }
.story-copy p { max-width:610px; font-size:17px; color:#c0ced3; }

.pdf-wrap { border:1px solid var(--line); border-radius:24px; overflow:hidden; background:#fff; min-height:820px; box-shadow:var(--shadow); }
.pdf-wrap iframe { width:100%; height:820px; border:0; display:block; }

.toast { position:fixed; left:50%; bottom:28px; transform:translate(-50%,20px); opacity:0; z-index:100; background:#0c171c; color:#eaf4f6; border:1px solid var(--line-bright); border-radius:999px; padding:12px 18px; font-size:12px; box-shadow:var(--shadow); transition:.3s ease; pointer-events:none; }
.toast.show { opacity:1; transform:translate(-50%,0); }

@media (max-width: 980px) {
  .container { width:min(var(--max),calc(100% - 32px)); }
  .nav-links { position:fixed; top:82px; left:16px; right:16px; display:none; flex-direction:column; align-items:stretch; gap:0; padding:14px; border-radius:20px; background:rgba(5,12,15,.97); border:1px solid var(--line); box-shadow:var(--shadow); }
  .nav-links.open { display:flex; }
  .nav-links a { padding:13px 12px; }
  .nav-links a::after { display:none; }
  .nav-actions .desktop-only { display:none; }
  .menu-btn { display:block; }
  .hero-grid, .grid-2, .prose-grid { grid-template-columns:1fr; }
  .hero-mark-wrap { min-height:330px; order:-1; margin-top:40px; }
  .hero-mark { width:min(300px,70%); }
  .hero-copy { text-align:left; }
  .stats { grid-template-columns:repeat(2,1fr); }
  .vision-strip { grid-template-columns:1fr 1fr; }
  .vision-card:last-child { grid-column:1 / -1; height:420px; }
  .wp-card { grid-template-columns:240px 1fr; gap:30px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid > :first-child { grid-column:1 / -1; }
  .sticky-title { position:static; }
}

@media (max-width: 680px) {
  .section { padding:82px 0; }
  .section.compact { padding:64px 0; }
  .nav { height:72px; }
  .nav-links { top:72px; }
  .brand span { display:none; }
  .hero-content { padding-top:84px; width:min(var(--max),calc(100% - 32px)); }
  .hero-grid { gap:4px; }
  .hero-mark-wrap { min-height:270px; }
  .signal-wall { inset:-4% -35%; transform:rotate(-8deg) scale(1.1); }
  .signal-word { font-size:150px; }
  .hero-meta { margin-top:34px; gap:14px; }
  .feature-list, .stats, .vision-strip { grid-template-columns:1fr; }
  .vision-card, .vision-card:last-child { height:480px; grid-column:auto; }
  .layer-card { grid-template-columns:1fr; gap:14px; padding:24px; }
  .pulse-dot { position:absolute; right:24px; top:24px; }
  .energy-wrap { min-height:560px; }
  .energy-orbit { width:76vw; }
  .orbit-chip { min-width:128px; padding:11px 12px; }
  .orbit-chip.one { top:-7%; }
  .orbit-chip.two { right:-14%; }
  .orbit-chip.three { bottom:-7%; }
  .orbit-chip.four { left:-14%; }
  .phone-stage { min-height:520px; }
  .phone { width:220px; }
  .phone.back { transform:translateX(-60px) rotate(-8deg) scale(.90); }
  .phone.front { transform:translateX(50px) rotate(4deg); }
  .wp-card { grid-template-columns:1fr; padding:22px; }
  .wp-cover { max-width:260px; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-grid > :first-child { grid-column:auto; }
  .footer-bottom { flex-direction:column; }
  .weight-row { grid-template-columns:88px 1fr 34px; }
  .page-hero { min-height:68vh; padding-top:110px; }
  .timeline-item { grid-template-columns:1fr; gap:8px; }
  .story-copy { margin-left:24px; }
  .pdf-wrap, .pdf-wrap iframe { min-height:620px; height:620px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}