:root {
  --bg: #000;
  --surface: #111;
  --surface-2: #1a1a1a;
  --line: rgba(255, 255, 255, .12);
  --line-soft: rgba(255, 255, 255, .08);
  --text: #fff;
  --muted: #9a9a9a;
  --quiet: #6e6e6e;
  --lime: #b6f23c;
  --max: 1200px;
  --header: 72px;
  --sans: Inter, "Helvetica Neue", "PingFang TC", "PingFang SC", "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif;
  --mono: "SFMono-Regular", "Roboto Mono", "IBM Plex Mono", Consolas, monospace;
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--sans); font-size: 16px; line-height: 1.7; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img, svg { display: block; max-width: 100%; }
.shell { width: min(calc(100% - 80px), var(--max)); margin-inline: auto; }
.section-pad { padding: clamp(4rem, 6.2vw, 6rem) 0; }
section[id] { scroll-margin-top: calc(var(--header) + 12px); }
.skip-link { position: fixed; z-index: 1000; left: 1rem; top: -5rem; background: #fff; color: #000; padding: .7rem 1rem; font-weight: 700; border-radius: 999px; }
.skip-link:focus { top: 1rem; }

.site-header { position: sticky; top: 0; z-index: 80; width: 100%; height: var(--header); padding-inline: max(28px, calc((100% - var(--max)) / 2)); background: #000; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: .85rem; width: fit-content; }
.brand-logo { height: 24px; width: auto; }
.brand-cn { color: #d6d6d6; font-size: .92rem; font-weight: 600; padding-left: .85rem; border-left: 1px solid rgba(255,255,255,.28); letter-spacing: .08em; }
.desktop-nav { display: flex; gap: 1.75rem; color: #fff; font-size: .95rem; font-weight: 500; }
.desktop-nav a { transition: color .2s ease; }
.desktop-nav a:hover, .desktop-nav a.is-active { color: var(--lime); }
.header-actions { justify-self: end; display: flex; align-items: center; gap: .75rem; }
.system-status { display: none; }
.header-cta { display: inline-flex; align-items: center; min-height: 40px; padding: 0 1.05rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.85); background: transparent; color: #fff; font-size: .92rem; font-weight: 650; transition: background .2s, color .2s; }
.header-cta:hover { background: #fff; color: #000; }
.lang-switch { display: inline-flex; align-items: center; padding: 3px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; }
.lang-switch button { border: 0; background: transparent; color: #9a9a9a; font: inherit; font-size: .72rem; font-weight: 700; letter-spacing: .04em; min-height: 28px; padding: 0 .7rem; border-radius: 999px; cursor: pointer; }
.lang-switch button.is-active { background: #fff; color: #000; }
.menu-toggle, .mobile-nav { display: none; }

.hero { position: relative; overflow: hidden; }
.hero-field { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px, 540px) 1fr; grid-template-rows: auto auto; align-items: start; padding-top: clamp(1.15rem, 2.2vh, 1.8rem); padding-bottom: .35rem; }
.hero-copy { max-width: 560px; position: relative; z-index: 1; }
.eyebrow { display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: .82rem; font-weight: 600; letter-spacing: .04em; margin: 0 0 1.4rem; }
.eyebrow b { color: var(--quiet); font-weight: 500; }
.hero h1 { margin: 0; font-size: clamp(2.7rem, 4.4vw, 3.55rem); font-weight: 700; line-height: 1.28; letter-spacing: -.02em; }
.hero h1 em { color: #fff; font-style: normal; }
.hero-lead { max-width: 520px; color: #a3a3a3; font-size: 1.05rem; line-height: 1.85; margin: 1.4rem 0 0; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; padding: 0 1.45rem; border: 1px solid transparent; border-radius: 999px; font-size: 1rem; font-weight: 700; transition: transform .2s, background .2s, color .2s; }
.button:hover { transform: translateY(-1px); }
.button-primary { background: #fff; border-color: #fff; color: #000; }
.button-primary:hover { background: #f2f2f2; }
.button-secondary { background: #2a2a2a; border-color: #2a2a2a; color: #fff; }
.button-secondary:hover { background: #3a3a3a; }
.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: clamp(2.4rem, 5vh, 3.6rem); }
.hero-proof div { padding: 0; }
.hero-proof strong { display: block; font-size: 1.35rem; font-weight: 700; letter-spacing: -.02em; color: #fff; }
.hero-proof sup { color: var(--lime); font-size: .75rem; }
.hero-proof span { display: block; margin-top: .3rem; color: var(--quiet); font-size: .75rem; line-height: 1.45; }

.system-status i, .console-bar i, .console-footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); }
.hero-stage { display: none; }
.hero-ticker { grid-column: 1 / -1; overflow: hidden; height: 52px; margin-top: 2.6rem; display: flex; align-items: center; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.hero-ticker > div { display: flex; align-items: center; gap: 2.4rem; min-width: max-content; padding-right: 2.4rem; animation: ticker 32s linear infinite; color: #8a8a8a; font-size: .82rem; font-weight: 650; letter-spacing: .12em; }
.hero-ticker i { width: 4px; height: 4px; border-radius: 50%; background: #3a3a3a; }
@keyframes ticker { to { transform: translateX(-100%); } }

.section-index { margin: 0 0 1rem; color: var(--muted); font-size: .82rem; font-weight: 650; letter-spacing: .08em; }
.section-heading { max-width: 760px; margin-bottom: clamp(2.4rem, 5vw, 3.6rem); }
.section-heading h2, .manifesto h2, .answer-copy h2, .final-cta h2 { margin: 0; font-size: clamp(2rem, 3.4vw, 2.75rem); line-height: 1.28; letter-spacing: -.02em; font-weight: 700; }
.section-heading > p:last-child, .manifesto-grid > div > p, .answer-copy > p { max-width: 640px; margin: 1.1rem 0 0; color: #a3a3a3; font-size: 1.02rem; line-height: 1.85; }

.manifesto { background: #000; }
.manifesto-grid { display: grid; grid-template-columns: .7fr 1.4fr .7fr; gap: 3rem; align-items: start; }
.manifesto-note { border-radius: 20px; background: var(--surface); padding: 1.3rem 1.25rem; display: grid; gap: .45rem; }
.manifesto-note span { color: var(--quiet); font-size: .72rem; letter-spacing: .08em; }.manifesto-note b { font-size: .95rem; font-weight: 700; }.manifesto-note b:last-of-type { color: var(--lime); }.manifesto-note i { height: 1px; background: var(--line); margin: .55rem 0; }

.audience-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; }
.fit-panel, .pain-panel { background: var(--surface); border-radius: var(--radius); padding: clamp(1.4rem, 2.4vw, 2rem); }
.fit-label { display: flex; justify-content: space-between; color: var(--muted); font-size: .75rem; letter-spacing: .06em; }
.fit-label b { color: var(--quiet); font-weight: 500; }
.fit-panel h3, .pain-panel h3 { margin: 1.6rem 0 1.1rem; font-size: clamp(1.35rem, 2vw, 1.7rem); line-height: 1.35; letter-spacing: -.02em; font-weight: 700; }
.fit-panel ul { list-style: none; padding: 0; margin: 0; }
.fit-panel li { display: grid; grid-template-columns: 36px 1fr; gap: .7rem; padding: .95rem 0; border-bottom: 1px solid var(--line-soft); align-items: center; }
.fit-panel li:last-child { border-bottom: 0; }
.fit-panel li > i { color: var(--lime); font-style: normal; font-size: .75rem; font-weight: 700; line-height: 1; }
.fit-panel li span { display: flex; flex-direction: column; gap: .2rem; }.fit-panel li b { font-size: .95rem; }.fit-panel li small { color: #8d8d8d; font-size: .78rem; }
.pain-panel > p { margin: 0; color: var(--muted); font-size: .75rem; letter-spacing: .06em; }
.pain-list { display: grid; gap: .55rem; margin: 0 0 1.6rem; }
.pain-list span { padding: .75rem .9rem; border-radius: 14px; background: #000; color: #d0d0d0; font-size: .88rem; }
.pain-list span::before { content: ""; }
.pain-panel .button { width: 100%; }

.service-grid { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1rem; row-gap: 1rem; }
.service-card { padding: 1.35rem 1.35rem 1.15rem; background: var(--surface); border-radius: 22px; position: relative; overflow: hidden; display: grid; grid-template-rows: subgrid; grid-row: span 5; align-items: start; row-gap: 0; }
.service-card.highlight { background: #161616; box-shadow: inset 0 0 0 1px rgba(182,242,60,.45); }
.card-top { display: flex; justify-content: space-between; align-items: center; font-size: .72rem; letter-spacing: .08em; color: var(--muted); font-weight: 650; }
.card-top small { color: var(--quiet); font-size: .68rem; }
.card-icon { width: 36px; height: 36px; margin: 1.05rem 0 1.15rem; color: #fff; }
.card-icon svg { width: 100%; height: 100%; }
.service-card.highlight .card-icon { color: var(--lime); }
.service-card h3 { margin: 0 0 .45rem; font-size: 1.35rem; letter-spacing: -.02em; font-weight: 700; line-height: 1.25; align-self: start; }
.service-card p { margin: 0; color: #a3a3a3; font-size: .92rem; line-height: 1.7; }
.service-card ul { list-style: none; padding: 1rem 0 0; margin: .85rem 0 0; border-top: 1px solid var(--line-soft); color: #cfcfcf; font-size: .84rem; line-height: 2; }
.service-card li::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: .55rem; border-radius: 50%; background: var(--lime); vertical-align: middle; }

.brain { background: #000; }
.brain-console { border-radius: 28px; background: var(--surface); overflow: hidden; border: 1px solid var(--line-soft); }
.console-bar, .console-footer { min-height: 52px; padding: .8rem 1.1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #8d8d8d; font-size: .75rem; letter-spacing: .06em; }
.console-bar { border-bottom: 1px solid var(--line-soft); }
.console-bar > div, .console-footer > span { display: flex; align-items: center; gap: .55rem; }
.console-layout { display: grid; grid-template-columns: 180px minmax(360px, 1fr) 300px; min-height: 520px; }
.brain-tabs { border-right: 1px solid var(--line-soft); }
.brain-tab { width: 100%; min-height: 96px; padding: 1rem; border: 0; border-bottom: 1px solid var(--line-soft); background: transparent; text-align: left; cursor: pointer; display: grid; grid-template-columns: 28px 1fr; column-gap: .4rem; transition: background .2s; }
.brain-tab span { grid-row: span 2; align-self: center; line-height: 1; color: #666; font-size: .72rem; font-weight: 700; }.brain-tab b { align-self: end; font-size: .78rem; letter-spacing: .04em; }.brain-tab small { color: var(--quiet); font-size: .72rem; }
.brain-tab:hover, .brain-tab.is-active { background: #1c1c1c; }.brain-tab.is-active b, .brain-tab.is-active span { color: var(--lime); }
.signal-map { position: relative; overflow: hidden; background-color: #0c0c0c; background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 28px 28px; }
.signal-map svg { width: 100%; height: 100%; min-height: 520px; }
.edges path { fill: none; stroke: #333; stroke-width: 1.5; }
.node circle { fill: #161616; stroke: #3a3a3a; }.node text, .core text { text-anchor: middle; fill: #ddd; font: 600 11px var(--sans); }
.core circle:first-child { fill: rgba(182,242,60,.08); stroke: rgba(182,242,60,.35); }.core circle:nth-child(2) { fill: #111; stroke: var(--lime); }.core text { fill: #fff; font-size: 13px; font-weight: 700; }.core .sub { fill: var(--lime); font-size: 8px; }
.node, .hub { transform-box: fill-box; transform-origin: center; }
.node:nth-of-type(2) { animation: float-a 8.6s ease-in-out infinite; }
.node:nth-of-type(3) { animation: float-b 10.4s ease-in-out infinite; }
.node:nth-of-type(4) { animation: float-c 9.2s ease-in-out infinite; }
.node:nth-of-type(5) { animation: float-d 11.2s ease-in-out infinite; }
.hub { animation: float-core 12.5s ease-in-out infinite; }
@keyframes float-a { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(6px, -12px); } }
@keyframes float-b { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-7px, 10px); } }
@keyframes float-c { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-5px, -11px); } }
@keyframes float-d { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(6px, 9px); } }
@keyframes float-core { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-5px, 8px); } }
.orbit { fill: var(--lime); transform-box: view-box; transform-origin: 310px 210px; }
.orbit-one { animation: orbit-spin 9s linear infinite; }
.orbit-two { animation: orbit-spin 13s linear infinite reverse; }
.core circle:first-child { animation: core-breathe 4.2s ease-in-out infinite; }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
@keyframes core-breathe { 0%, 100% { opacity: .72; } 50% { opacity: 1; } }
.signal-chip { position: absolute; padding: .4rem .65rem; border-radius: 999px; border: 1px solid var(--line); background: rgba(0,0,0,.72); color: #ddd; font-size: .68rem; }.chip-a { left: 7%; top: 12%; }.chip-b { right: 7%; top: 15%; }.chip-c { right: 9%; bottom: 11%; color: var(--lime); }
.brain-detail { border-left: 1px solid var(--line-soft); padding: 1.4rem; display: flex; flex-direction: column; }
.brain-detail > span { color: var(--lime); font-size: .75rem; font-weight: 700; letter-spacing: .06em; }
.brain-detail h3 { margin: 1.6rem 0 .8rem; font-size: 1.45rem; line-height: 1.35; letter-spacing: -.02em; font-weight: 700; }
.brain-detail p { color: #a3a3a3; font-size: .92rem; }
.detail-list { display: grid; gap: .15rem; margin-top: 1.2rem; }
.detail-list span { border-bottom: 1px solid var(--line-soft); padding: .7rem 0; color: #d5d5d5; font-size: .88rem; }
.decision-box { margin-top: auto; border-radius: 16px; padding: 1rem; background: #000; }
.decision-box small { color: var(--quiet); font-size: .68rem; letter-spacing: .06em; }.decision-box b { display: block; margin-top: .35rem; font-size: .95rem; }.decision-box i { display: none; }
.console-footer { border-top: 1px solid var(--line-soft); }

.answer-era { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.text-link { display: inline-flex; align-items: center; margin-top: 1.6rem; min-height: 48px; padding: 0 1.2rem; border-radius: 999px; background: #fff; color: #000; font-size: .95rem; font-weight: 700; }
.text-link:hover { background: #f2f2f2; }
.answer-stack { position: relative; padding: 1.2rem; border-radius: 28px; background: var(--surface); display: grid; gap: .8rem; }
.query-box { border-radius: 18px; background: #000; padding: 1rem 1.15rem; }
.query-box span, .answer-meta, .answer-score > span { color: var(--muted); font-size: .72rem; letter-spacing: .06em; }.query-box p { margin: .45rem 0 0; font-size: 1.15rem; font-weight: 700; }
.processing-lines { display: none; }
.answer-card { border-radius: 18px; padding: 1.15rem; background: #1c1c1c; }
.answer-meta { display: flex; justify-content: space-between; gap: .6rem; }.answer-meta b { color: var(--lime); font-size: .72rem; }.answer-card > p { color: #d7d7d7; margin: 1rem 0; line-height: 1.75; }
.citation-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; color: #cfcfcf; font-size: .75rem; }
.citation-row span { background: #000; border-radius: 12px; padding: .65rem .5rem; text-align: center; }
.answer-score { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .8rem; }.answer-score div { height: 4px; border-radius: 999px; background: #2a2a2a; }.answer-score div i { display: block; width: 72%; height: 100%; border-radius: inherit; background: var(--lime); }.answer-score b { color: #fff; font-size: .68rem; }

.method { background: #000; }
.method-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.method-grid article { padding: 1.15rem 1.25rem 1.2rem; border-radius: 22px; background: var(--surface); display: grid; grid-template-columns: auto 1fr; align-content: start; }
.method-grid article > span { display: inline-flex; align-items: baseline; gap: .45rem; color: var(--lime); font-size: .8rem; font-weight: 700; }.method-grid article > span i { color: #fff; font-style: normal; letter-spacing: .14em; }.method-grid small { justify-self: end; color: var(--quiet); font-size: .72rem; letter-spacing: .06em; }.method-grid h3 { grid-column: 1 / -1; margin: 1.35rem 0 .55rem; font-size: 1.25rem; font-weight: 700; line-height: 1.35; }.method-grid p { grid-column: 1 / -1; color: #a3a3a3; font-size: .9rem; margin: 0; }

.principle-list { --rail: 64px; --gutter: 1.85rem; display: grid; gap: .75rem; }
.principle-list article { position: relative; display: grid; grid-template-columns: var(--rail) 1fr 1.3fr; column-gap: var(--gutter); row-gap: 1rem; align-items: center; min-height: 108px; padding: 1.1rem 1.3rem; border-radius: 20px; background: var(--surface); }
.principle-list article::before { content: ""; position: absolute; z-index: 1; left: calc(1.3rem + var(--rail) + var(--gutter) / 2); top: -.375rem; bottom: -.375rem; width: 1px; transform: translateX(-50%); background: linear-gradient(to bottom, var(--rail-from), var(--rail-to)); -webkit-mask-image: linear-gradient(to bottom, #000 0 5px, transparent 5px 14px); mask-image: linear-gradient(to bottom, #000 0 5px, transparent 5px 14px); -webkit-mask-size: 100% 14px; mask-size: 100% 14px; -webkit-mask-repeat: repeat-y; mask-repeat: repeat-y; animation: rail-flow 1.8s linear infinite; pointer-events: none; }
.principle-list article:nth-child(1)::before { --rail-from: #2c2c2c; --rail-to: #4c5632; }
.principle-list article:nth-child(2)::before { --rail-from: #4c5632; --rail-to: #748b39; }
.principle-list article:nth-child(3)::before { --rail-from: #748b39; --rail-to: #9ed14b; }
.principle-list article:nth-child(4)::before { --rail-from: #9ed14b; --rail-to: #b6f23c; }
.principle-list article:first-child::before { top: 50%; }
.principle-list article:last-child::before { bottom: 50%; }
.principle-list article::after { content: ""; position: absolute; z-index: 2; left: calc(1.3rem + var(--rail) + var(--gutter) / 2); top: 50%; width: 7px; height: 7px; border-radius: 50%; background: var(--node); transform: translate(-50%, -50%); box-shadow: 0 0 0 4px var(--surface), 0 0 8px 1px var(--node-glow), 0 0 18px 4px var(--node-glow); pointer-events: none; }
.principle-list article:nth-child(1)::after { --node: #3a3d34; --node-glow: rgba(130,136,108,.4); }
.principle-list article:nth-child(2)::after { --node: #607035; --node-glow: rgba(140,168,78,.5); }
.principle-list article:nth-child(3)::after { --node: #89ae42; --node-glow: rgba(158,209,75,.55); }
.principle-list article:nth-child(4)::after { --node: #b6f23c; --node-glow: rgba(182,242,60,.72); }
.principle-list span { position: relative; z-index: 2; color: var(--lime); font-size: .85rem; font-weight: 700; }.principle-list h3 { margin: 0; font-size: 1.15rem; font-weight: 700; }.principle-list p { margin: 0; color: #a3a3a3; }
@keyframes rail-flow { to { -webkit-mask-position: 0 14px; mask-position: 0 14px; } }

.final-cta { background: #000; scroll-margin-top: calc(var(--header) + 12px); }
.final-grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; padding: clamp(1.6rem, 3vw, 2.8rem); border-radius: 32px; background: var(--surface); }
.cta-copy { position: sticky; top: calc(var(--header) + 2rem); }
.cta-copy > p:not(.section-index) { color: #a3a3a3; margin: 1.25rem 0 0; }
.form-promise { display: grid; grid-template-columns: auto 1fr; gap: .65rem .8rem; align-items: center; margin-top: 2rem; }
.form-promise span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(182,242,60,.45); border-radius: 50%; color: var(--lime); font-size: .7rem; font-weight: 700; }
.form-promise p { margin: 0; color: #d0d0d0; font-size: .9rem; }
.diagnosis-form { display: grid; gap: 1rem; padding: clamp(1.15rem, 2vw, 1.6rem); border: 1px solid var(--line-soft); border-radius: 24px; background: #0d0d0d; }
.demo-badge { margin: 0; padding: .55rem .75rem; border: 1px solid rgba(182,242,60,.25); border-radius: 10px; background: rgba(182,242,60,.06); color: var(--lime); font-size: .76rem; text-align: center; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.diagnosis-form label { display: grid; gap: .45rem; color: #d8d8d8; font-size: .84rem; font-weight: 650; }
.diagnosis-form input, .diagnosis-form textarea { width: 100%; border: 1px solid #303030; border-radius: 12px; background: #171717; color: #fff; font: inherit; font-size: .95rem; outline: none; padding: .8rem .9rem; transition: border-color .2s, box-shadow .2s; }
.diagnosis-form input { min-height: 48px; }
.diagnosis-form textarea { min-height: 116px; resize: vertical; }
.diagnosis-form input::placeholder, .diagnosis-form textarea::placeholder { color: #6f6f6f; }
.diagnosis-form input:focus, .diagnosis-form textarea:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(182,242,60,.1); }
.diagnosis-form .privacy-check { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: .65rem; color: #8f8f8f; font-size: .76rem; font-weight: 400; line-height: 1.55; cursor: pointer; }
.diagnosis-form .privacy-check input { width: 16px; min-height: 16px; height: 16px; margin-top: .18rem; accent-color: var(--lime); }
.form-submit { width: 100%; cursor: pointer; }
.form-submit:disabled { cursor: wait; opacity: .65; }
.form-status { min-height: 1.4em; margin: -.35rem 0 0; text-align: center; font-size: .84rem; }
.form-status.is-success { color: var(--lime); }
.form-status.is-error { color: #ff8e8e; }
.form-honey { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.site-footer { padding-block: 2.4rem 2.8rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; align-items: start; }
.footer-brand { display: flex; align-items: center; gap: .8rem; }.footer-brand span { color: #cfcfcf; font-size: .85rem; }
.site-footer > p { margin: .2rem 0; justify-self: end; color: #8a8a8a; font-size: .85rem; }
.footer-meta { grid-column: 1/-1; align-self: end; display: flex; justify-content: space-between; border-top: 1px solid var(--line-soft); padding-top: 1rem; color: #6a6a6a; font-size: .78rem; }

.reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }.reveal.is-visible { opacity: 1; transform: none; }
@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; } }

@media (max-width: 1180px) {
  .site-header { grid-template-columns: 1fr auto; }.desktop-nav { display: none; }
  .hero-layout { grid-template-columns: minmax(260px, 480px) 1fr; }
  .service-grid { grid-template-columns: repeat(2,1fr); }
  .console-layout { grid-template-columns: 150px 1fr; }.brain-detail { grid-column: 1/-1; border-left: 0; border-top: 1px solid var(--line-soft); min-height: 280px; }.decision-box { margin-top: 1.4rem; }
  .manifesto-grid { grid-template-columns: 1fr 1.4fr; }.manifesto-note { grid-column: 1 / -1; }
}

@media (max-width: 1040px) {
  .hero-layout { grid-template-columns: 1fr; }
  .hero-stage { display: block; height: clamp(188px, 46vw, 230px); margin-top: 1.85rem; }
}

@media (max-width: 840px) {
  .shell { width: min(calc(100% - 40px), var(--max)); }.section-pad { padding: 3.25rem 0; }
  .site-header { padding-inline: 16px; }.header-cta { display: none; }
  .menu-toggle { position: relative; display: block; width: 42px; height: 42px; border: 0; background: transparent; padding: 0; cursor: pointer; }
  .menu-toggle span { position: absolute; left: 12px; top: 50%; width: 18px; height: 1.5px; background: #fff; border-radius: 2px; transform-origin: center; transition: transform .32s cubic-bezier(.4, 0, .2, 1); }
  .menu-toggle span:nth-child(1) { transform: translateY(calc(-50% - 3.75px)); }
  .menu-toggle span:nth-child(2) { transform: translateY(calc(-50% + 3.75px)); }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(-50%) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { transform: translateY(-50%) rotate(-45deg); }
  .mobile-nav { display: none; position: absolute; top: var(--header); left: 12px; right: 12px; padding: .4rem; background: #161616; border-radius: 20px; }.mobile-nav.is-open { display: grid; }.mobile-nav a { padding: .95rem 1rem; border-bottom: 1px solid var(--line-soft); }.mobile-nav a:last-child { border-bottom: 0; color: #000; background: #fff; border-radius: 14px; text-align: center; font-weight: 700; margin-top: .35rem; }
  .mobile-nav a[href^="#"] { transition: color .2s ease; }
  .mobile-nav a.is-active { color: var(--lime); }
  .hero, .hero-layout { min-height: auto; }.hero-layout { grid-template-columns: 1fr; padding-top: 1.35rem; }.hero h1 { font-size: clamp(2.15rem, 9vw, 2.8rem); }.hero-ticker { margin-top: 1.15rem; }
  .manifesto-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .audience-layout { grid-template-columns: 1fr; }
  .answer-era, .final-grid { grid-template-columns: 1fr; }
  .cta-copy { position: static; }
  .method-grid { grid-template-columns: 1fr 1fr; }
  .principle-list { --rail: 42px; }.principle-list article { grid-template-columns: var(--rail) 1fr; }.principle-list p { grid-column: 2; }
}

@media (max-width: 580px) {
  .brand-cn { display: none; }.hero-proof { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }.hero-proof strong { font-size: 1.2rem; }.hero-proof span { font-size: .64rem; }
  .service-grid, .method-grid { grid-template-columns: 1fr; }.service-card { min-height: 0; }
  .console-layout { grid-template-columns: 1fr; }.brain-tabs { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); border-right: 0; border-bottom: 1px solid var(--line-soft); }.brain-tab { min-height: 64px; padding: .45rem .2rem; display: flex; align-items: center; justify-content: center; }.brain-tab span, .brain-tab small { display: none; }.brain-tab b { font-size: .58rem; }.signal-map svg { min-height: 340px; }.brain-detail h3 { margin-top: 1rem; }
  .citation-row, .answer-score { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr; }.site-footer > p { justify-self: start; }.footer-meta { flex-direction: column; gap: .55rem; }
}