:root {
  --orange: #ff6a00;
  --ink: #111111;
  --ink-2: #202020;
  --muted: #6b7280;
  --line: #e9e9e6;
  --soft: #f7f7f4;
  --warm: #fbfaf8;
  --white: #ffffff;
  --radius-lg: 30px;
  --radius-md: 20px;
  --radius-sm: 14px;
  --shadow: 0 26px 80px rgba(17,17,17,.08);
  --max: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }

.skip-link {
  position: fixed; left: 16px; top: 12px; z-index: 9999; background: var(--ink); color: #fff;
  padding: 10px 14px; border-radius: 9px; transform: translateY(-140%); transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }

.container { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
.section-pad { padding: 118px 0; }
.top-strip { height: 4px; background: var(--orange); }

.site-header {
  position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.92); border-bottom: 1px solid rgba(233,233,230,.9);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.nav-wrap { min-height: 74px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: #fff; font-weight: 750; letter-spacing: -.05em; }
.brand-text { font-size: 15px; font-weight: 700; letter-spacing: -.02em; }
.desktop-nav { display: flex; gap: 30px; justify-content: center; }
.desktop-nav a { font-size: 14px; color: #4b4b4b; transition: color .2s ease; }
.desktop-nav a:hover { color: var(--ink); }
.nav-cta { justify-self: end; font-size: 14px; font-weight: 700; padding: 11px 15px; border: 1px solid var(--ink); border-radius: 999px; transition: .2s ease; }
.nav-cta:hover { background: var(--ink); color: #fff; transform: translateY(-1px); }
.menu-button { display: none; background: none; border: 0; padding: 8px; cursor: pointer; }
.menu-button span { width: 22px; height: 1.5px; background: var(--ink); display: block; margin: 5px 0; transition: .2s ease; }
.mobile-menu { position: fixed; inset: 78px 0 0; background: #fff; padding: 34px 24px; z-index: 45; }
.mobile-menu a { display: block; font-size: 27px; font-weight: 650; padding: 12px 0; letter-spacing: -.04em; }

.hero { padding-top: 88px; padding-bottom: 72px; min-height: 760px; display: flex; align-items: center; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(480px, .98fr); gap: 70px; align-items: center; }
.eyebrow-row { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
.eyebrow { font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.eyebrow.muted { color: #888; font-weight: 650; }
.eyebrow-sep { width: 18px; height: 1px; background: #c8c8c5; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(54px, 6vw, 88px); line-height: .96; letter-spacing: -.067em; font-weight: 690; max-width: 760px; margin-bottom: 28px; }
.ink-underline { position: relative; display: inline-block; white-space: nowrap; }
.ink-underline::after { content: ""; position: absolute; left: 3px; right: 0; bottom: -8px; height: 6px; background: var(--orange); border-radius: 999px; transform: rotate(-1deg); }
.hero-lead { font-size: 19px; line-height: 1.66; color: #515151; max-width: 680px; margin-bottom: 30px; }
.hero-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 20px; border-radius: 12px; font-size: 14px; font-weight: 750; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--orange); color: #fff; box-shadow: 0 12px 30px rgba(255,106,0,.18); }
.button-primary:hover { box-shadow: 0 15px 36px rgba(255,106,0,.25); }
.button-dark { background: var(--ink); color: #fff; }
.button-light { background: #fff; color: var(--ink); }
.text-link { display: inline-flex; gap: 8px; align-items: center; font-size: 14px; font-weight: 700; border-bottom: 1px solid #bdbdb9; padding-bottom: 4px; }
.text-link.strong { margin-top: 10px; }
.proof-row { display: grid; grid-template-columns: auto auto 1fr; gap: 28px; margin-top: 58px; padding-top: 22px; border-top: 1px solid var(--line); max-width: 700px; }
.proof-row div { display: flex; flex-direction: column; gap: 4px; }
.proof-row strong { font-size: 14px; font-weight: 750; }
.proof-row span { font-size: 12px; color: #858585; }

.signal-console { position: relative; border: 1px solid #ddddda; border-radius: var(--radius-lg); background: var(--warm); padding: 26px; box-shadow: var(--shadow); overflow: hidden; }
.console-head, .console-foot, .signal-track, .console-detail { position: relative; z-index: 1; }
.console-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding-bottom: 23px; border-bottom:1px solid #e2e2de; }
.console-head > div { display:flex; flex-direction:column; gap:5px; }
.console-head strong { font-size:17px; letter-spacing:-.02em; }
.console-kicker { font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:#777; font-weight:800; }
.status-dot { font-size:11px; color:#696969; display:flex; align-items:center; gap:7px; white-space:nowrap; }
.status-dot i { width:7px; height:7px; background: var(--orange); border-radius:50%; box-shadow:0 0 0 6px rgba(255,106,0,.09); animation: pulse 2s ease-in-out infinite; }
.signal-track { padding: 22px 0 10px; display:grid; gap:9px; }
.signal-node { width:100%; border:1px solid transparent; border-radius:14px; background:rgba(255,255,255,.76); display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:11px; text-align:left; padding:13px 14px; cursor:pointer; transition:.2s ease; }
.signal-node:hover { border-color:#d9d9d4; transform:translateX(3px); }
.signal-node.active { border-color:var(--ink); background:#fff; box-shadow:0 10px 28px rgba(17,17,17,.06); }
.signal-node > span { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:#f1f1ed; font-size:10px; color:#777; font-weight:800; }
.signal-node.active > span { background:var(--orange); color:#fff; }
.signal-node strong { font-size:13px; }
.signal-node small { font-size:11px; color:#8a8a8a; }
.console-detail { background:var(--ink); color:#fff; border-radius:16px; padding:19px; margin-top:10px; min-height:116px; }
.console-detail span { color:#ff9f5d; letter-spacing:.1em; font-size:10px; font-weight:800; }
.console-detail p { margin:8px 0 0; font-size:13px; line-height:1.55; color:#ececec; }
.console-foot { display:flex; justify-content:space-between; gap:12px; padding-top:16px; color:#929292; font-size:10px; }
.mouse-hint { color:#555; font-weight:700; }
@keyframes pulse { 50% { box-shadow:0 0 0 10px rgba(255,106,0,0); } }

.ticker-section { border-top:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; background:#fff; }
.ticker { white-space:nowrap; overflow:hidden; }
.ticker-track { display:inline-flex; align-items:center; gap:24px; padding:18px 0; animation:ticker 28s linear infinite; will-change:transform; }
.ticker-track span { font-size:12px; letter-spacing:.03em; color:#626262; }
.ticker-track i { width:6px; height:6px; border-radius:50%; background:var(--orange); }
@keyframes ticker { to { transform:translateX(-50%); } }

.section-heading { display:grid; grid-template-columns:70px minmax(0, 1.1fr) minmax(300px,.65fr); gap:28px; align-items:start; margin-bottom:52px; }
.section-heading.compact-heading { margin-bottom:36px; }
.section-number { width:42px; height:42px; border:1px solid #dcdcd7; border-radius:50%; display:grid; place-items:center; font-size:11px; color:#777; font-weight:800; }
.section-number.inline { margin-bottom:24px; }
.kicker { color:var(--orange); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin-bottom:12px; }
h2 { font-size:clamp(38px, 4.8vw, 66px); line-height:1.02; letter-spacing:-.055em; font-weight:660; margin-bottom:0; }
h3 { letter-spacing:-.035em; }
.section-intro { color:#686868; line-height:1.7; font-size:15px; max-width:460px; padding-top:28px; }

.insight-section { background:var(--soft); }
.three-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.insight-card { background:#fff; border:1px solid #e6e6e1; border-radius:22px; padding:28px; min-height:350px; display:flex; flex-direction:column; transition:.24s ease; }
.insight-card:hover { transform:translateY(-5px); box-shadow:0 18px 50px rgba(17,17,17,.06); }
.card-index { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; border:1px solid #deded9; font-size:11px; font-weight:800; color:#757575; margin-bottom:38px; }
.insight-card h3 { font-size:26px; line-height:1.12; margin-bottom:15px; font-weight:650; }
.insight-card p { font-size:14px; line-height:1.7; color:#6d6d6d; margin-bottom:auto; }
.micro-label { color:#9a9a9a; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin-top:30px; margin-bottom:6px; }
.insight-card > strong { font-size:13px; }

.system-section { background:#fff; }
.system-board { border:1px solid #e0e0dc; border-radius:30px; padding:14px; background:var(--soft); box-shadow:0 24px 70px rgba(17,17,17,.05); }
.system-tabs { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; padding:0 0 10px; }
.system-tabs button { border:0; background:transparent; border-radius:13px; padding:14px 12px; text-align:left; font-size:12px; color:#777; font-weight:750; cursor:pointer; transition:.2s ease; }
.system-tabs button:hover { background:#fff; }
.system-tabs button[aria-selected="true"] { background:var(--ink); color:#fff; }
.system-panel-wrap { background:#fff; border-radius:22px; overflow:hidden; border:1px solid #e5e5e1; }
.system-panel { min-height:540px; padding:56px; display:grid; grid-template-columns:1.05fr .95fr; gap:55px; align-items:center; }
.system-panel[hidden] { display:none; }
.panel-tag { display:inline-flex; padding:7px 10px; border-radius:999px; background:#fff5ed; color:#c85500; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:18px; }
.panel-copy h3 { font-size:46px; line-height:1.03; margin-bottom:20px; font-weight:660; }
.panel-copy > p { font-size:16px; color:#696969; line-height:1.7; max-width:650px; }
.panel-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:34px; }
.panel-grid > div { border-top:1px solid var(--line); padding-top:16px; display:flex; flex-direction:column; gap:7px; }
.panel-grid span { font-size:10px; color:#999; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.panel-grid strong { font-size:13px; line-height:1.4; }
.panel-visual { position:relative; min-height:350px; border-radius:20px; background:var(--soft); border:1px solid #e5e5e0; overflow:hidden; display:grid; place-items:center; }
.positioning-visual .core { width:136px; height:136px; border-radius:50%; background:var(--ink); color:#fff; display:grid; place-items:center; font-size:11px; font-weight:800; letter-spacing:.1em; z-index:2; }
.positioning-visual::before, .positioning-visual::after { content:""; position:absolute; border:1px solid #d8d8d2; border-radius:50%; }
.positioning-visual::before { width:240px; height:240px; }
.positioning-visual::after { width:330px; height:330px; }
.orbit { position:absolute; background:#fff; border:1px solid #dddcd7; border-radius:999px; padding:9px 12px; font-size:10px; font-weight:750; box-shadow:0 8px 22px rgba(17,17,17,.05); }
.o1 { top:44px; right:80px; } .o2 { left:34px; bottom:92px; } .o3 { right:26px; bottom:42px; }
.message-visual { padding:54px; align-content:center; gap:12px; }
.message-line { height:12px; background:#deded8; border-radius:999px; justify-self:start; }
.message-line.wide { width:86%; } .message-line.medium { width:66%; } .message-line.short { width:44%; }
.message-focus { border:1px solid var(--orange); color:#b94f00; background:#fff; border-radius:12px; padding:18px; width:78%; font-size:12px; font-weight:850; letter-spacing:.09em; margin:12px 0; }
.packaging-visual { perspective:700px; }
.pack-card { width:62%; height:62%; position:absolute; border-radius:18px; border:1px solid #dcdcd7; background:#fff; }
.pack-card.back { transform:translate(36px,-24px) rotate(5deg); opacity:.52; }
.pack-card.middle { transform:translate(18px,-8px) rotate(2deg); opacity:.75; }
.pack-card.front { background:#fff; padding:26px; display:flex; flex-direction:column; justify-content:flex-end; gap:10px; box-shadow:0 20px 50px rgba(17,17,17,.08); }
.pack-card.front span { color:var(--orange); font-size:10px; font-weight:850; letter-spacing:.12em; }
.pack-card.front strong { font-size:25px; line-height:1.04; letter-spacing:-.04em; }
.distribution-visual .dist-core { width:100px; height:100px; background:var(--orange); color:#fff; border-radius:50%; display:grid; place-items:center; font-weight:850; font-size:12px; letter-spacing:.1em; }
.dist { position:absolute; background:#fff; border:1px solid #dadad5; border-radius:999px; padding:10px 14px; font-size:10px; font-weight:800; box-shadow:0 10px 26px rgba(17,17,17,.05); }
.dist::before { content:""; position:absolute; width:65px; height:1px; background:#d7d7d2; top:50%; }
.d1 { top:50px; left:46px; } .d1::before { left:100%; transform:rotate(24deg); transform-origin:left; }
.d2 { top:58px; right:38px; } .d2::before { right:100%; transform:rotate(-22deg); transform-origin:right; }
.d3 { bottom:56px; left:42px; } .d3::before { left:100%; transform:rotate(-24deg); transform-origin:left; }
.d4 { bottom:48px; right:48px; } .d4::before { right:100%; transform:rotate(24deg); transform-origin:right; }
.conversion-visual { align-content:center; gap:7px; padding:50px; }
.funnel-row { height:45px; display:grid; place-items:center; background:#e9e9e4; border-radius:9px; font-size:10px; font-weight:850; letter-spacing:.09em; }
.funnel-row:nth-child(1) { width:94%; } .funnel-row:nth-child(2) { width:79%; } .funnel-row:nth-child(3) { width:64%; } .funnel-row.final { width:50%; background:var(--ink); color:#fff; }

.journey-section { background:var(--ink); color:#fff; }
.journey-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:100px; align-items:center; }
.journey-copy h2 { max-width:590px; }
.journey-copy > p:not(.kicker) { color:#b9b9b9; line-height:1.76; font-size:16px; max-width:620px; margin:26px 0; }
.journey-copy .text-link { color:#fff; border-color:#555; }
.journey-copy .section-number { border-color:#4b4b4b; color:#aaa; }
.journey-visual { position:relative; padding-left:48px; }
.journey-line { position:absolute; left:18px; top:32px; bottom:32px; width:1px; background:#454545; }
.journey-line::after { content:""; position:absolute; left:-1px; top:0; width:3px; height:34%; background:var(--orange); animation:journey 5s ease-in-out infinite alternate; }
@keyframes journey { to { transform:translateY(190%); } }
.journey-step { display:grid; grid-template-columns:42px 1fr; gap:18px; padding:24px 0; border-bottom:1px solid #313131; position:relative; }
.journey-step > span { width:36px; height:36px; border:1px solid #4b4b4b; border-radius:50%; display:grid; place-items:center; color:#a7a7a7; font-size:10px; font-weight:800; background:var(--ink); margin-left:-48px; z-index:2; }
.journey-step div { display:flex; flex-direction:column; gap:6px; }
.journey-step strong { font-size:19px; letter-spacing:-.02em; }
.journey-step small { color:#8f8f8f; font-size:13px; line-height:1.5; }

.audit-section { background:var(--soft); }
.audit-card { display:grid; grid-template-columns:1.2fr .8fr; border:1px solid #deded9; border-radius:28px; background:#fff; overflow:hidden; }
.audit-list { padding:22px 42px; }
.audit-item { display:grid; grid-template-columns:30px 1fr; gap:14px; align-items:start; padding:21px 0; border-bottom:1px solid var(--line); cursor:pointer; }
.audit-item:last-child { border-bottom:0; }
.audit-item input { position:absolute; opacity:0; pointer-events:none; }
.custom-check { width:23px; height:23px; border-radius:7px; border:1px solid #cfcfca; display:grid; place-items:center; margin-top:2px; transition:.18s ease; }
.custom-check::after { content:"✓"; color:#fff; font-size:13px; transform:scale(0); transition:.18s ease; }
.audit-item input:checked + .custom-check { background:var(--orange); border-color:var(--orange); }
.audit-item input:checked + .custom-check::after { transform:scale(1); }
.audit-item input:focus-visible + .custom-check { outline:3px solid rgba(255,106,0,.2); outline-offset:3px; }
.audit-item > span:last-child { display:flex; flex-direction:column; gap:7px; }
.audit-item strong { font-size:14px; }
.audit-item small { color:#777; line-height:1.55; font-size:12px; }
.audit-result { background:var(--ink); color:#fff; padding:44px; display:flex; flex-direction:column; justify-content:center; }
.result-label { color:#9b9b9b; font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:800; }
.result-number { display:flex; align-items:baseline; gap:6px; margin:12px 0 18px; }
.result-number strong { font-size:88px; letter-spacing:-.08em; line-height:.9; }
.result-number span { color:#777; font-size:22px; }
.result-meter { width:100%; height:6px; background:#333; border-radius:999px; overflow:hidden; }
.result-meter i { display:block; width:0; height:100%; background:var(--orange); border-radius:inherit; transition:width .3s ease; }
.audit-result p { color:#bbb; font-size:13px; line-height:1.6; margin:20px 0 26px; min-height:42px; }

.comparison-section { background:#fff; }
.comparison-shell { border:1px solid #e1e1dd; border-radius:30px; overflow:hidden; }
.comparison-top { padding:50px; display:grid; grid-template-columns:70px 1fr; gap:26px; border-bottom:1px solid var(--line); }
.comparison-top h2 { max-width:820px; }
.comparison-grid { display:grid; grid-template-columns:1fr 1fr; }
.comparison-column { padding:38px 50px 46px; }
.comparison-column.dim { background:#fafaf8; color:#6d6d6d; }
.comparison-column.focus { background:#fff; border-left:1px solid var(--line); }
.comparison-label { display:inline-flex; padding:7px 10px; border-radius:999px; background:#efefeb; font-size:9px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; margin-bottom:22px; }
.comparison-column.focus .comparison-label { background:#fff0e5; color:#b94f00; }
.comparison-column > div { display:grid; grid-template-columns:145px 1fr; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); }
.comparison-column > div:last-child { border-bottom:0; }
.comparison-column strong { font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:#999; }
.comparison-column span:not(.comparison-label) { font-size:14px; line-height:1.45; }
.comparison-column.focus span:not(.comparison-label) { font-weight:650; color:var(--ink); }

.resources-section { background:var(--soft); }
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.resource-card { display:flex; flex-direction:column; min-height:280px; padding:28px; border-radius:20px; border:1px solid #e0e0dc; background:#fff; transition:.22s ease; }
.resource-card:hover { transform:translateY(-5px); box-shadow:0 18px 50px rgba(17,17,17,.06); }
.resource-card > span { color:#999; font-size:9px; letter-spacing:.1em; text-transform:uppercase; font-weight:800; margin-bottom:38px; }
.resource-card strong { font-size:21px; line-height:1.1; letter-spacing:-.03em; }
.resource-card p { color:#777; font-size:13px; line-height:1.6; margin:12px 0 auto; }
.resource-card i { font-style:normal; font-size:11px; font-weight:800; margin-top:26px; }

.final-cta { padding-bottom:82px; }
.cta-shell { background:var(--orange); color:#fff; border-radius:30px; padding:64px; display:grid; grid-template-columns:1.18fr .82fr; gap:80px; align-items:end; overflow:hidden; position:relative; }
.cta-shell::after { content:""; position:absolute; width:300px; height:300px; border:1px solid rgba(255,255,255,.25); border-radius:50%; right:-120px; top:-150px; }
.cta-kicker { display:block; font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; opacity:.76; margin-bottom:16px; }
.cta-copy h2 { max-width:700px; }
.cta-copy p { max-width:680px; color:#fff4eb; font-size:14px; line-height:1.7; margin:22px 0 0; }
.cta-action { display:flex; flex-direction:column; gap:14px; align-items:flex-start; }
.cta-action small { font-size:10px; color:#ffe0c7; line-height:1.5; }

.site-footer { background:#fff; border-top:1px solid var(--line); padding:70px 0 24px; }
.footer-top { display:grid; grid-template-columns:1fr auto; gap:80px; padding-bottom:48px; }
.footer-brand { margin-bottom:16px; }
.footer-top > div:first-child p { color:#777; max-width:420px; line-height:1.6; font-size:13px; }
.footer-links { display:grid; grid-template-columns:repeat(2,150px); gap:52px; }
.footer-links > div { display:flex; flex-direction:column; gap:10px; }
.footer-links span { font-size:10px; font-weight:800; color:#999; text-transform:uppercase; letter-spacing:.1em; margin-bottom:5px; }
.footer-links a { font-size:13px; color:#505050; }
.footer-links a:hover { color:var(--ink); }
.footer-bottom { border-top:1px solid var(--line); padding-top:20px; display:flex; justify-content:space-between; gap:20px; font-size:11px; color:#8a8a8a; }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.65,.3,1); transition-delay:var(--delay, 0ms); }
.reveal.is-visible { opacity:1; transform:translateY(0); }

@media (max-width: 1050px) {
  .hero-grid { grid-template-columns:1fr; gap:54px; }
  .hero { min-height:auto; }
  .hero-copy { max-width:800px; }
  .hero-visual { max-width:720px; }
  .section-heading { grid-template-columns:60px 1fr; }
  .section-heading .section-intro { grid-column:2; padding-top:0; }
  .system-panel { grid-template-columns:1fr; padding:44px; }
  .panel-visual { min-height:330px; }
  .journey-grid { gap:60px; }
  .audit-card { grid-template-columns:1fr; }
  .audit-result { min-height:380px; }
}

@media (max-width: 840px) {
  .section-pad { padding:88px 0; }
  .desktop-nav, .nav-cta { display:none; }
  .nav-wrap { grid-template-columns:1fr auto; }
  .menu-button { display:block; justify-self:end; }
  .hero { padding-top:65px; }
  .three-cards, .resource-grid { grid-template-columns:1fr; }
  .insight-card { min-height:290px; }
  .system-tabs { display:flex; overflow-x:auto; scrollbar-width:none; padding-bottom:12px; }
  .system-tabs::-webkit-scrollbar { display:none; }
  .system-tabs button { min-width:150px; }
  .journey-grid { grid-template-columns:1fr; }
  .journey-visual { padding-left:48px; }
  .comparison-grid { grid-template-columns:1fr; }
  .comparison-column.focus { border-left:0; border-top:1px solid var(--line); }
  .cta-shell { grid-template-columns:1fr; gap:36px; }
  .footer-top { grid-template-columns:1fr; gap:38px; }
}

@media (max-width: 620px) {
  .container { width:min(calc(100% - 28px), var(--max)); }
  .section-pad { padding:72px 0; }
  .site-header { backdrop-filter:blur(10px); }
  .hero { padding-top:50px; }
  .eyebrow-row { flex-wrap:wrap; }
  h1 { font-size:clamp(49px, 15vw, 68px); }
  .ink-underline { white-space:normal; }
  .hero-lead { font-size:16px; }
  .proof-row { grid-template-columns:1fr 1fr; gap:18px; margin-top:44px; }
  .proof-row div:last-child { grid-column:1 / -1; }
  .signal-console { padding:17px; border-radius:22px; }
  .signal-node { grid-template-columns:36px 1fr; }
  .signal-node small { display:none; }
  .console-head { align-items:flex-start; }
  .status-dot { display:none; }
  .section-heading { grid-template-columns:1fr; gap:18px; }
  .section-heading .section-intro { grid-column:auto; }
  .section-number { margin-bottom:2px; }
  h2 { font-size:clamp(38px, 12vw, 52px); }
  .section-intro { padding-top:0; }
  .insight-card { padding:24px; }
  .system-board { padding:8px; border-radius:22px; }
  .system-panel { padding:28px 22px 24px; min-height:auto; gap:36px; }
  .panel-copy h3 { font-size:36px; }
  .panel-grid { grid-template-columns:1fr; }
  .panel-visual { min-height:280px; }
  .message-visual { padding:32px; }
  .pack-card { width:70%; height:64%; }
  .dist::before { display:none; }
  .d1 { left:18px; } .d2 { right:18px; } .d3 { left:18px; } .d4 { right:18px; }
  .journey-grid { gap:40px; }
  .audit-list { padding:14px 22px; }
  .audit-result { padding:32px 24px; min-height:350px; }
  .result-number strong { font-size:76px; }
  .comparison-top { padding:32px 24px; grid-template-columns:1fr; }
  .comparison-column { padding:26px 24px 32px; }
  .comparison-column > div { grid-template-columns:1fr; gap:6px; }
  .cta-shell { padding:36px 24px; border-radius:22px; }
  .footer-links { grid-template-columns:1fr 1fr; gap:28px; }
  .footer-bottom { flex-direction:column; }
}

@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; }
}
.noscript-diagram { margin-top: 16px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }