:root {
  --identity-ink: #07151f;
  --identity-navy: #102c3b;
  --identity-wine: #7a1f35;
  --identity-signal: #c95f75;
  --ui-ink: #071a24;
  --ui-navy: #0b2531;
  --ui-wine: #a9143b;
  --ui-signal: #d95872;
  --moon: #f1efe9;
  --white: #ffffff;
  --line-dark: rgba(255,255,255,.18);
  --line-light: rgba(7,21,31,.16);
  --pad: clamp(1.25rem, 4vw, 4.5rem);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--identity-ink);
  background: var(--moon);
  font-family: "ABC Diatype", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
.skip-link { position: fixed; top: 0; left: 1rem; z-index: 100; transform: translateY(-110%); padding: .75rem 1rem; background: white; color: var(--identity-ink); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 2px solid var(--ui-signal); outline-offset: 4px; }

.reading-progress { position: fixed; z-index: 40; top: 0; left: 0; width: 100%; height: 2px; pointer-events: none; }
.reading-progress span { display: block; width: 100%; height: 100%; background: var(--ui-signal); transform: scaleX(0); transform-origin: left center; }

.site-header {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 6rem;
  padding: 1.35rem var(--pad);
  display: grid;
  grid-template-columns: minmax(15rem, 1fr) auto minmax(15rem, 1fr);
  align-items: center;
  gap: 2rem;
  color: white;
  border-bottom: 1px solid var(--line-dark);
  transition: background .25s ease, min-height .25s ease;
}
.site-header.scrolled { min-height: 4.75rem; background: rgba(7,21,31,.92); backdrop-filter: blur(14px); }
.brand { width: clamp(13rem, 18vw, 19rem); }
.brand img { width: 100%; }
nav { display: flex; gap: clamp(1.3rem, 3vw, 3rem); }
nav a, .header-cta { font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; text-decoration: none; }
.header-cta { justify-self: end; border-bottom: 1px solid currentColor; padding-bottom: .25rem; }

.hero {
  position: relative;
  min-height: 100svh;
  color: white;
  background: var(--identity-ink);
  overflow: hidden;
}
.hero::before { content: ""; position: absolute; z-index: 1; inset: 0; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px); background-size: clamp(4rem, 7vw, 8rem) clamp(4rem, 7vw, 8rem); mask-image: linear-gradient(90deg, transparent 22%, black); }
.hero::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(7,21,31,.96) 0%, rgba(7,21,31,.68) 46%, rgba(7,21,31,.2) 100%); }
.hero-visual { position: absolute; inset: 0; background: url("assets/key-visual-landscape.png") center / cover no-repeat; transform: scale(1.06); opacity:.82; animation: hero-drift 18s ease-in-out infinite alternate; }
.hero-canvas { position:absolute; z-index:2; inset:0; width:100%; height:100%; opacity:.85; mix-blend-mode:screen; }
.hero-glow { position:absolute; z-index:2; width:34rem; height:34rem; margin:-17rem 0 0 -17rem; border-radius:50%; pointer-events:none; opacity:.32; background:radial-gradient(circle,rgba(217,88,114,.32),rgba(122,31,53,.08) 42%,transparent 68%); transform:translate3d(var(--glow-x,75vw),var(--glow-y,42vh),0); transition:transform .12s linear; }
.hero-grid { position: relative; z-index: 3; min-height: 100svh; padding: clamp(10rem, 18vh, 14rem) var(--pad) 8rem; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(17rem, .55fr); gap: 7vw; align-items: end; }
.eyebrow, .section-index, .loop-label { margin: 0 0 1.5rem; font-size: .76rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 2.2rem; max-width: 12ch; font-size: clamp(4.2rem, 9vw, 9rem); line-height: .82; letter-spacing: -.065em; font-weight: 400; }
h1 span { color: var(--identity-signal); }
.hero-lead { max-width: 47rem; margin-bottom: 2.4rem; color:rgba(255,255,255,.78); font-size: clamp(1.08rem, 1.48vw, 1.42rem); line-height: 1.5; }
.hero-lead strong { color:white; font-weight:500; }
.hero-actions { display:flex; align-items:center; gap:2rem; flex-wrap:wrap; }
.hero-button { display:inline-flex; align-items:center; min-height:3.45rem; padding:0 1.45rem; color:var(--identity-ink); background:white; text-decoration:none; text-transform:uppercase; letter-spacing:.12em; font-size:.75rem; transition:background .25s ease,color .25s ease,transform .25s ease; }.hero-button:hover{color:white;background:var(--identity-signal);transform:translateY(-2px)}
.text-link { display: inline-flex; gap: 1.2rem; align-items: center; padding-bottom: .35rem; border-bottom: 1px solid currentColor; text-decoration: none; font-size: .8rem; letter-spacing: .13em; text-transform: uppercase; }
.text-link span { color: var(--identity-signal); font-size: 1.1rem; }
.hero-note { align-self: end; padding: 1.4rem 0 0; border-top: 1px solid var(--line-dark); }
.hero-note span { display: block; margin-bottom: 1rem; color: var(--identity-signal); font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; }
.hero-note p { margin: 0; font-size: 1rem; line-height: 1.6; }
.signal-rail { position:absolute; z-index:4; bottom:0; left:0; right:0; height:3.35rem; display:flex; align-items:center; overflow:hidden; border-top:1px solid var(--line-dark); background:rgba(7,21,31,.42); backdrop-filter:blur(10px); }
.signal-rail-track { display:flex; align-items:center; width:max-content; animation:signal-rail 34s linear infinite; }
.signal-rail span { padding:0 1.35rem; color:rgba(255,255,255,.62); white-space:nowrap; font-size:.75rem; text-transform:uppercase; letter-spacing:.14em; }.signal-rail i{width:.3rem;height:.3rem;border-radius:50%;background:var(--identity-signal);box-shadow:0 0 1rem rgba(217,88,114,.85)}

.signal-field { position: absolute; z-index: 2; top: 16%; right: 3%; width: min(42vw, 42rem); aspect-ratio: 1; pointer-events: none; transform: translate3d(var(--field-x, 0), var(--field-y, 0), 0); transition: transform .35s ease-out; }
.signal-orbit, .signal-axis { position: absolute; inset: 50%; border: 1px solid rgba(255,255,255,.25); }
.signal-orbit { width: 72%; height: 72%; border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-b { width: 43%; height: 43%; border-color: rgba(201,95,117,.58); }
.signal-axis { width: 100%; height: 1px; transform: translate(-50%,-50%) rotate(28deg); border: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent); }
.axis-b { transform: translate(-50%,-50%) rotate(-55deg); }
.signal-node, .signal-focus { position: absolute; display: grid; place-items: center; width: .65rem; height: .65rem; border-radius: 50%; background: white; box-shadow: 0 0 0 .45rem rgba(255,255,255,.08), 0 0 2rem rgba(255,255,255,.25); }
.signal-node i { position: absolute; inset: -1rem; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; animation: signal-pulse 2.8s ease-out infinite; }
.signal-node b, .signal-focus b { position: absolute; left: 1.1rem; color: rgba(255,255,255,.72); font-size: .75rem; font-weight: 500; text-transform: uppercase; letter-spacing: .14em; white-space: nowrap; }
.node-price { top: 9%; left: 42%; }.node-demand { top: 37%; right: 3%; }.node-stock { bottom: 12%; left: 38%; }.node-market { top: 46%; left: 5%; }
.node-demand i { animation-delay: -.8s; }.node-stock i { animation-delay: -1.6s; }.node-market i { animation-delay: -2.2s; }
.signal-focus { top: 50%; left: 50%; width: 1rem; height: 1rem; background: var(--identity-signal); box-shadow: 0 0 0 1rem rgba(201,95,117,.11), 0 0 4rem rgba(201,95,117,.6); transform: translate(-50%,-50%); }
.signal-focus i { position: absolute; width: 2.9rem; height: 2.9rem; border: 1px solid rgba(201,95,117,.75); border-radius: 50%; animation: focus-breathe 3.5s ease-in-out infinite; }
.signal-focus b { left: 2.2rem; color: white; }

.clarity-band { padding:clamp(5rem,8vw,8rem) var(--pad); color:white; background:var(--identity-wine); display:grid; grid-template-columns:.42fr 1fr; column-gap:7vw; align-items:start; }
.clarity-band > p { margin:.55rem 0 0; font-size:.75rem; text-transform:uppercase; letter-spacing:.16em; }
.clarity-band h2 { margin:0; font-size:clamp(3rem,6vw,6.6rem); line-height:.92; letter-spacing:-.055em; font-weight:400; }
.clarity-path { grid-column:2; margin-top:3.5rem; display:flex; align-items:center; color:rgba(255,255,255,.68); font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; }.clarity-path i{flex:1;height:1px;margin:0 1rem;background:linear-gradient(90deg,rgba(255,255,255,.25),white)}.clarity-path span:last-child{color:white}

.section { padding: clamp(6rem, 11vw, 11rem) var(--pad); }
.section-index { color: var(--ui-wine); }
.statement-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .6fr); gap: 8vw; align-items: start; }
.statement h2, .system h2, .domains h2, .audiences h2, .principles h2, .closing h2 { margin-bottom: 0; font-size: clamp(2.7rem, 5.5vw, 6.2rem); line-height: .98; letter-spacing: -.05em; font-weight: 400; }
.statement-copy { padding-top: .6rem; font-size: clamp(1.05rem, 1.4vw, 1.3rem); }
.statement-copy p + p { margin-top: 1.5rem; }
.tension-list { margin-top: clamp(4rem, 8vw, 8rem); display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line-light); }
.tension-list article { padding: 1.75rem clamp(1rem, 2vw, 2rem) 0 0; border-right: 1px solid var(--line-light); }
.tension-list article + article { padding-left: clamp(1rem, 2vw, 2rem); }
.tension-list article:last-child { border-right: 0; }
.tension-list span { color: var(--ui-wine); font-size: .75rem; letter-spacing: .12em; }
.tension-list h3 { margin: 3.8rem 0 .8rem; font-size: 1.45rem; font-weight: 500; }
.tension-list p { max-width: 22rem; color: rgba(7,21,31,.72); }

.system { color: white; background: var(--ui-navy); }
.system-heading { display: grid; grid-template-columns: .35fr 1.2fr .55fr; gap: 3rem; align-items: end; }
.system-heading .section-index { color: var(--identity-signal); }
.system-heading > p:last-child { margin-bottom: .5rem; font-size: 1.1rem; color: rgba(255,255,255,.72); }
.decision-stage { margin-top: clamp(4rem, 7vw, 7rem); display: grid; grid-template-columns: minmax(20rem,.78fr) minmax(34rem,1.22fr); gap: clamp(3rem,7vw,8rem); align-items: center; }
.decision-visual { position: sticky; top: 9rem; min-height: 34rem; display: grid; place-items: center; border: 1px solid var(--line-dark); overflow: hidden; background: radial-gradient(circle at center, rgba(217,88,114,.12), transparent 44%), linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.03) 1px, transparent 1px); background-size: auto, 3.5rem 3.5rem, 3.5rem 3.5rem; }
.decision-visual::before { content:"DECISION FIELD / 01"; position:absolute; top:1.25rem; left:1.4rem; color:rgba(255,255,255,.48); font-size:.75rem; letter-spacing:.14em; }
.decision-radar { position: relative; width: 72%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.radar-ring { position: absolute; inset: 18%; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; }.ring-two{inset:36%;}
.radar-sweep { position: absolute; inset: 50% 50% 0 50%; width: 44%; height: 1px; transform-origin: left; background: linear-gradient(90deg,var(--identity-signal),transparent); animation: radar-sweep 8s linear infinite; }
.radar-point { position:absolute; width:.45rem; height:.45rem; border-radius:50%; background:white; box-shadow:0 0 1.2rem white; transition: transform .6s cubic-bezier(.2,.8,.2,1), opacity .4s ease; }.point-a{top:20%;left:47%}.point-b{top:58%;right:12%}.point-c{bottom:14%;left:27%}
.decision-core { position:absolute; inset:50% auto auto 50%; width:62%; transform:translate(-50%,-50%); text-align:center; }
.decision-core small { display:block; margin-bottom:.8rem; color:var(--identity-signal); font-size:.75rem; text-transform:uppercase; letter-spacing:.15em; }
.decision-core strong { display:block; margin-bottom:.8rem; font-size:clamp(1.3rem,2vw,2rem); font-weight:400; letter-spacing:-.03em; }
.decision-core span { display:block; color:rgba(255,255,255,.58); font-size:.88rem; }
.trace-line { position:absolute; left:1.5rem; right:1.5rem; bottom:3.25rem; display:flex; align-items:center; }.trace-line span{width:.5rem;height:.5rem;border-radius:50%;background:var(--identity-signal)}.trace-line i{flex:1;height:1px;background:linear-gradient(90deg,var(--identity-signal),rgba(255,255,255,.25))}
.trace-caption{position:absolute;left:1.5rem;right:1.5rem;bottom:1rem;display:flex;justify-content:space-between;margin:0;color:rgba(255,255,255,.44);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.decision-loop { border-top: 1px solid var(--line-dark); }
.loop-card { width:100%; color:inherit; font:inherit; text-align:left; appearance:none; border:0; display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: 2rem; padding: 2.4rem 0; border-bottom: 1px solid var(--line-dark); background:transparent; cursor:pointer; transition: background .25s ease, padding .25s ease, opacity .25s ease; }
.loop-card:not(.active){opacity:.58}.loop-card:hover,.loop-card:focus-visible,.loop-card.active { padding-left: 1rem; background: rgba(255,255,255,.045); opacity:1; }
.loop-number { color: var(--identity-signal); font-size: .76rem; letter-spacing: .14em; }
.loop-card > div { display: grid; grid-template-columns: .38fr .72fr 1fr; gap: 2rem; align-items: baseline; }
.loop-card h3 { font-size: clamp(1.45rem, 2vw, 2rem); font-weight: 400; }
.loop-card p { margin-bottom: 0; color: rgba(255,255,255,.68); }
.loop-card .loop-label { color: white; }

.domains { background: white; }
.domains-intro { display: grid; grid-template-columns: .35fr 1.65fr; gap: 3rem; }
.domains-lead { max-width:44rem; margin:2.2rem 0 0; color:rgba(7,21,31,.68); font-size:1.1rem; }
.capability-explorer { margin-top:clamp(4rem,7vw,7rem); display:grid; grid-template-columns:minmax(17rem,.62fr) minmax(34rem,1.38fr); border:1px solid var(--line-light); background:var(--moon); }
.capability-tabs { border-right:1px solid var(--line-light); }
.capability-tab { width:100%; min-height:7.2rem; padding:1.35rem 1.5rem; display:grid; grid-template-columns:2.2rem 1fr; column-gap:.8rem; align-content:center; color:var(--identity-ink); font:inherit; text-align:left; border:0; border-bottom:1px solid var(--line-light); background:transparent; cursor:pointer; transition:background .3s ease,color .3s ease,padding .3s ease; }.capability-tab:last-child{border-bottom:0}.capability-tab span{grid-row:1/3;color:var(--ui-wine);font-size:.75rem;letter-spacing:.12em}.capability-tab b{font-size:1.02rem;font-weight:500}.capability-tab small{margin-top:.35rem;color:rgba(7,21,31,.55);font-size:.78rem;letter-spacing:.03em}.capability-tab:hover,.capability-tab.active{padding-left:2rem;color:white;background:var(--identity-ink)}.capability-tab.active span{color:var(--identity-signal)}.capability-tab:hover small,.capability-tab.active small{color:rgba(255,255,255,.56)}
.capability-panel { min-width:0; padding:1.6rem; background:white; }
.capability-panel-head { display:flex; justify-content:space-between; gap:2rem; padding:.1rem .15rem 1.4rem; text-transform:uppercase; letter-spacing:.12em; font-size:.75rem; }.capability-panel-head p{margin:0;color:var(--ui-wine)}.capability-panel-head span{color:rgba(7,21,31,.45)}
.capability-visual { position:relative; min-height:23rem; overflow:hidden; color:white; background:var(--identity-ink); }
.visual-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:3.6rem 3.6rem;mask-image:linear-gradient(to bottom,black,transparent)}
.capability-visual svg{position:absolute;left:0;right:0;bottom:0;width:100%;height:74%;overflow:visible}.capability-visual path{fill:none;vector-effect:non-scaling-stroke}.path-muted{stroke:rgba(255,255,255,.15);stroke-width:16}.path-signal{stroke:var(--identity-signal);stroke-width:2.4;stroke-dasharray:900;stroke-dashoffset:900;filter:drop-shadow(0 0 10px rgba(217,88,114,.7));animation:path-draw 2.4s cubic-bezier(.2,.8,.2,1) forwards}
.visual-focus{position:absolute;top:2.2rem;left:2.2rem;max-width:18rem}.visual-focus span,.visual-focus small{display:block;color:rgba(255,255,255,.48);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.visual-focus strong{display:block;margin:.55rem 0 .6rem;font-size:clamp(1.55rem,2.5vw,2.7rem);line-height:1;font-weight:400;letter-spacing:-.04em}.visual-status{position:absolute;right:1.4rem;bottom:1.2rem;display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.54);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.visual-status i{width:.45rem;height:.45rem;border-radius:50%;background:var(--identity-signal);box-shadow:0 0 1rem var(--identity-signal);animation:status-pulse 1.8s ease-in-out infinite}
.capability-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:4vw;padding:2.1rem .5rem .8rem}.capability-kicker{display:block;margin-bottom:1rem;color:var(--ui-wine);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.capability-copy h3{max-width:18ch;margin-bottom:1rem;font-size:clamp(1.65rem,2.5vw,2.5rem);line-height:1.05;letter-spacing:-.035em;font-weight:400}.capability-copy p{max-width:34rem;margin:0;color:rgba(7,21,31,.68)}.capability-copy ul{margin:0;padding:0;list-style:none}.capability-copy li{padding:.65rem 0;border-bottom:1px solid var(--line-light);font-size:.92rem}.capability-panel.is-switching .visual-focus,.capability-panel.is-switching .capability-copy{animation:panel-shift .38s cubic-bezier(.2,.8,.2,1)}

.audiences { background: var(--moon); }
.audiences-heading{display:grid;grid-template-columns:1.45fr .55fr;gap:8vw;align-items:end}.audiences-heading p{margin:0;color:rgba(7,21,31,.67);font-size:1.1rem}.audiences-heading h2 { max-width: 15ch; }
.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: clamp(4rem, 7vw, 7rem); background: var(--line-light); border: 1px solid var(--line-light); }
.audience-grid article { min-height: 29rem; padding: 2rem; display: flex; flex-direction: column; background: var(--moon); }
.audience-grid article { transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s ease; overflow:hidden; }.audience-grid article:hover{position:relative;z-index:2;transform:translateY(-.7rem);background:white}
.audience-grid article > p { color: var(--ui-wine); font-size: .75rem; letter-spacing: .13em; text-transform: uppercase; }
.audience-grid h3 { margin: auto 0 1.1rem; max-width: 12ch; font-size: clamp(1.8rem, 2.8vw, 2.7rem); line-height: 1.05; font-weight: 400; letter-spacing: -.035em; }
.audience-grid span { color: rgba(7,21,31,.7); }
.audience-grid ul{display:flex;flex-wrap:wrap;gap:.45rem;margin:2rem 0 0;padding:0;list-style:none}.audience-grid li{padding:.42rem .62rem;border:1px solid var(--line-light);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}

.principles { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .55fr); gap: 8vw; color: white; background: var(--identity-ink); }
.principles h2 span { color: var(--identity-signal); }
.roles { border-top: 1px solid var(--line-dark); }
.roles article { padding: 1.7rem 0; border-bottom: 1px solid var(--line-dark); }
.roles article > p { color: var(--identity-signal); font-size: .75rem; text-transform: uppercase; letter-spacing: .13em; }
.roles ul { margin: 0; padding: 0; list-style: none; }
.roles li { padding: .35rem 0; font-size: 1.1rem; }

.closing { padding: clamp(8rem, 13vw, 14rem) var(--pad); color: white; background: var(--identity-wine); }
.closing h2 { max-width: 14ch; }
.closing > p:not(.eyebrow) { margin: 3rem 0; font-size: clamp(1.1rem, 1.6vw, 1.45rem); }
.text-link.light span { color: white; }
footer { padding: 2.5rem var(--pad); display: grid; grid-template-columns: 1fr auto auto auto; gap: 3rem; align-items: end; background: white; }
footer img { width: min(18rem, 45vw); }
footer p { margin: 0; font-size: .75rem; text-transform: uppercase; letter-spacing: .12em; }
.language-switcher { display: flex; align-items: center; gap: .65rem; font-size: .75rem; text-transform: uppercase; letter-spacing: .12em; }
.language-switcher span { color: rgba(7,21,31,.52); }
.language-switcher a { position: relative; color: var(--ink); text-decoration: none; padding: .25rem .05rem; }
.language-switcher a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--rose); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.language-switcher a:hover::after, .language-switcher a:focus-visible::after, .language-switcher a[aria-current="page"]::after { transform: scaleX(1); }
.language-switcher a[aria-current="page"] { font-weight: 700; }

.reveal-group > * { opacity:0; transform:translateY(2rem); transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1); }.reveal-group.is-visible > *{opacity:1;transform:none}.reveal-group.is-visible > *:nth-child(2){transition-delay:.08s}.reveal-group.is-visible > *:nth-child(3){transition-delay:.16s}.reveal-group.is-visible > *:nth-child(4){transition-delay:.24s}.reveal-group.is-visible > *:nth-child(5){transition-delay:.32s}
@keyframes hero-drift{to{transform:scale(1.12) translate3d(-1%,1%,0)}}
@keyframes signal-rail{to{transform:translateX(-50%)}}
@keyframes signal-pulse{0%{transform:scale(.2);opacity:0}28%{opacity:.7}100%{transform:scale(1.8);opacity:0}}
@keyframes focus-breathe{50%{transform:scale(1.18);opacity:.45}}
@keyframes radar-sweep{to{transform:rotate(360deg)}}
@keyframes path-draw{to{stroke-dashoffset:0}}
@keyframes status-pulse{50%{opacity:.35;transform:scale(.75)}}
@keyframes panel-shift{0%{opacity:.15;transform:translateY(.7rem)}100%{opacity:1;transform:none}}

@media (max-width: 900px) {
  .site-header { min-height: 5rem; grid-template-columns: 1fr auto; }
  .site-header nav { display: none; }
  .brand { width: 12.5rem; }
  .hero-grid { grid-template-columns: 1fr; gap: 3.5rem; }
  .hero-note { max-width: 32rem; }
  .statement-grid, .principles { grid-template-columns: 1fr; }
  .system-heading { grid-template-columns: 1fr; }
  .system-heading .section-index { margin-bottom: 0; }
  .loop-card > div { grid-template-columns: 1fr 1fr; }
  .loop-card .loop-label { grid-column: 1 / -1; }
  .domains-intro { grid-template-columns: 1fr; }
  .capability-explorer{grid-template-columns:1fr}.capability-tabs{border-right:0;border-bottom:1px solid var(--line-light);display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.capability-tab{min-width:16rem;border-right:1px solid var(--line-light);border-bottom:0;scroll-snap-align:start}
  .audience-grid { grid-template-columns: 1fr; }
  .audience-grid article { min-height: 18rem; }
  .audiences-heading{grid-template-columns:1fr;gap:2rem}.clarity-band{grid-template-columns:1fr;gap:2rem}.clarity-path{grid-column:1}
  .signal-field { width:min(68vw,34rem);right:-12%;top:24%;opacity:.74; }
  .decision-stage { grid-template-columns:1fr; }
  .decision-visual { position:relative;top:auto;min-height:30rem; }
}

@media (max-width: 620px) {
  .site-header { padding-top: 1rem; padding-bottom: 1rem; }
  .header-cta { display: none; }
  .hero::after { background: linear-gradient(180deg, rgba(7,21,31,.82), rgba(7,21,31,.65)); }
  .hero-visual { background-position: 62% center; }
  .hero-grid { padding-top: 9rem; }
  h1 { font-size: clamp(3.7rem, 18vw, 5.8rem); }
  .statement-grid { gap: 2.5rem; }
  .tension-list { grid-template-columns: 1fr; }
  .tension-list article, .tension-list article + article { padding: 1.5rem 0; border-right: 0; border-bottom: 1px solid var(--line-light); }
  .tension-list h3 { margin-top: 2.5rem; }
  .loop-card { grid-template-columns: 2.5rem 1fr; gap: 1rem; }
  .loop-card > div { grid-template-columns: 1fr; gap: .7rem; }
  .loop-card .loop-label { grid-column: auto; }
  .capability-panel{padding:.8rem}.capability-visual{min-height:19rem}.capability-copy{grid-template-columns:1fr;gap:2rem;padding:1.6rem .35rem .7rem}.capability-tabs{margin:0}.capability-tab{min-width:14.5rem}.capability-panel-head{padding:.4rem .35rem 1rem}.capability-panel-head span{display:none}.visual-focus{top:1.5rem;left:1.4rem}.clarity-path{overflow:hidden}.clarity-path i{min-width:2rem;margin:0 .55rem}
  footer { grid-template-columns: 1fr; gap: 1rem; }
  .signal-field { width:95vw;right:-43%;top:29%;opacity:.52; }
  .decision-visual { min-height:25rem; }
  .decision-radar { width:82%; }
  .hero-actions{gap:1.2rem}.hero-button{width:100%;justify-content:center}.hero-copy .text-link{margin-top:.3rem}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .reveal-group > * { opacity:1; transform:none; }
  .hero-visual { animation:none; }
  .signal-rail-track,.path-signal,.visual-status i { animation:none; }
}