:root{color-scheme:light;--ink:#142038;--muted:#52627d;--line:#d9dee9;--paper:#f7f5ef;--gold:#e6b66a}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}
a{color:inherit;text-underline-offset:4px}
button{font:inherit;color:inherit;cursor:pointer}
.wrap{width:min(1120px,calc(100% - 48px));margin:auto}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
.brand{font-weight:800;text-decoration:none;white-space:nowrap}.brand b{background:var(--gold);color:white;border-radius:8px;padding:4px 9px;margin-right:8px}
nav,.steps,.chips{display:flex;flex-wrap:wrap;gap:8px}
nav a,.steps button,.chips a{padding:7px 12px;border-radius:8px;text-decoration:none}
nav a[aria-current],.steps button[aria-pressed=true]{background:#f5e9d3;color:#613b17;font-weight:700}
section{padding:58px 0}
.hero{padding:90px 0;background:radial-gradient(ellipse at 85% 40%,#d9ebd8,transparent 55%)}
.grid{display:grid;grid-template-columns:1.12fr 1fr;gap:44px;align-items:center}
h1,h2,h3,p{margin:0 0 14px}h1{font-size:clamp(42px,6vw,76px);line-height:1.13;letter-spacing:-.06em}h2{font-size:clamp(28px,4vw,44px);line-height:1.2}h3{font-size:24px;line-height:1.3}
.eyebrow{font-size:13px;letter-spacing:.1em;color:var(--gold);font-weight:800}
.lead,.muted{color:var(--muted)}.lead{font-size:19px;max-width:38em}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cta{padding:11px 16px;border-radius:8px;background:var(--gold);color:white;text-decoration:none;font-weight:700}.secondary{background:white;color:var(--gold);border:1px solid var(--line)}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.hero .card{box-shadow:0 22px 56px #09112022}.card p:last-child{margin-bottom:0}
.fields{margin:0}.fields div{padding:12px 0;border-top:1px solid var(--line)}dt{font-size:13px;color:var(--gold);font-weight:800}dd{margin:3px 0 0}
.band{background:#f5e9d3}.steps{margin:20px 0}.steps button{background:white;border:1px solid var(--line)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.cards a{display:block;text-decoration:none}.cards a:hover,.chips a:hover{border-color:var(--gold);text-decoration:underline}
.chips a{background:white;border:1px solid var(--line)}
details{border-top:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:700}details p{margin:10px 0 0}
footer{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:14px}
:focus-visible{outline:3px solid #eab766;outline-offset:3px}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}header .wrap{align-items:flex-start;flex-direction:column;gap:8px}nav{gap:2px}nav a{padding:6px 9px}.grid{grid-template-columns:1fr;gap:24px}.hero{padding:48px 0}section{padding:38px 0}.card{padding:18px}}

.reading { border-top: 1px solid var(--line); scroll-margin-top: 24px; }
.reading .lead { margin-bottom: 24px; }
.reading .fields dd { max-width: 58em; }

/* Screening room */
:root {
  color-scheme: dark;
  --ink: #f7f1e7;
  --muted: #b3bfd3;
  --line: #35405a;
  --paper: #080e19;
  --gold: #f1c47a;
  --panel: #111c30;
}
html { scroll-padding-top: 90px; }
body { background: var(--paper); }
header { position: sticky; top: 0; z-index: 10; background: #080e19ed; backdrop-filter: blur(16px); }
.brand b { color: #20150a; background: var(--gold); }
nav a { color: var(--muted); }
nav a:hover, nav a[aria-current] { color: var(--gold); background: #382b21; }
section { padding: clamp(48px, 8vw, 112px) 0; }
main > section:first-child { background: radial-gradient(ellipse at 84% 0%, #1a2844, transparent 64%); }
.hero { position: relative; isolation: isolate; overflow: hidden; min-height: min(730px, 90vh); display: grid; align-items: center; }
.hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: repeating-linear-gradient(90deg,transparent 0 71px,#eec27a13 72px), repeating-linear-gradient(0deg,transparent 0 71px,#eec27a13 72px); mask-image: linear-gradient(110deg,transparent,#000 88%); pointer-events: none; }
.hero .grid { grid-template-columns: 1.2fr 1fr; gap: clamp(26px,6vw,84px); }
h1 { max-width: 13em; font-weight: 830; text-wrap: balance; }
.hero h1 { background: linear-gradient(120deg,#fff 18%,#f5d39a); color: transparent; background-clip: text; }
.eyebrow, dt { color: var(--gold); letter-spacing: .12em; }
.card { background: linear-gradient(145deg,#17243c,#0e1728); border-radius: 14px; }
.hero .card { position: relative; box-shadow: 0 32px 90px #0008; overflow: hidden; border-color: #98764c; }
.hero .card::before { content: ""; display: block; height: 3px; position: absolute; inset: 0 0 auto; background: linear-gradient(90deg,transparent,var(--gold),transparent); }
.hero blockquote { margin: 18px 0 24px; padding-left: 14px; border-left: 2px solid var(--gold); color: #d9e1f1; }
.cta { background: var(--gold); color: #25170a; transition: box-shadow .2s, transform .2s; }
.cta:hover { box-shadow: 0 0 28px #f1c47a45; transform: translateY(-2px); }
.secondary, .chips a, .steps button { background: #162238; color: var(--ink); }
.band { background: #0c1526; border-block: 1px solid #273650; }
.cards a { transition: transform .22s, border-color .22s, background .22s; }
.cards a:hover { transform: translateY(-4px); background: #25344d; }
.steps button { transition: background .2s, color .2s; }
.steps button[aria-pressed=true] { background: var(--gold); color: #25170a; border-color: var(--gold); }
.steps button span { font: 12px ui-monospace, monospace; opacity: .75; margin-right: 8px; }
.story-panel { animation: cut-in .42s cubic-bezier(.2,.8,.2,1) both; }
@keyframes cut-in { from { opacity: .35; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.reading:nth-of-type(even) { background: #101a2c; }
summary::marker { color: var(--gold); }
.reading .card h3 { color: #f7d6a0; }
@media(max-width:680px) {
  html { scroll-padding-top: 120px; }
  .hero .grid { grid-template-columns: 1fr; }
  .hero { min-height: auto; }
  .hero h1 { font-size: clamp(36px,10vw,52px); }
  header .wrap { padding-block: 12px; }
}
@media(prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

.brand { display: inline-flex; gap: 10px; align-items: center; }
.brand img { border-radius: 10px; }
.brand-stage { margin: 0; position: relative; display: grid; place-items: center; }
.emblem-frame { position: relative; width: min(100%, 460px); isolation: isolate; }
.emblem-frame::before { content: ""; position: absolute; inset: 8%; z-index: -1; background: #d99d4870; filter: blur(56px); }
.emblem-frame img { display: block; width: 100%; height: auto; border-radius: 24px; }
.emblem-frame::after { content: ""; position: absolute; inset: 0; border-radius: 24px; pointer-events: none; background: linear-gradient(120deg,transparent 38%,#ffe1a832 50%,transparent 62%); background-size: 280% 100%; background-position: 100% 0; animation: gold-sweep 1.5s .25s ease-out both; }
@keyframes gold-sweep { from { background-position: 100% 0; } to { background-position: 0 0; } }
.step-track { height: 2px; margin: 18px 0 10px; background: var(--line); overflow: hidden; }
.step-track span { display: block; height: 100%; width: 100%; transform: scaleX(var(--progress)); transform-origin: left; background: linear-gradient(90deg,#9b642a,var(--gold)); transition: transform .38s ease; }
#demo .wrap > .card { margin-top: 28px; }
#demo .wrap > .card blockquote { margin-inline: 0; color: var(--muted); }
@media(max-width:680px) { .emblem-frame { width: min(100%, 300px); } }

.concept-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,6vw,80px);margin-top:30px}
.concept-map{position:relative;aspect-ratio:1;width:min(100%,450px);justify-self:center;isolation:isolate;background:radial-gradient(circle,#dba65224,transparent 59%)}
.concept-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--line)}
.concept-ring{stroke-dasharray:2 7}
.concept-orbit{stroke:var(--gold);stroke-dasharray:44 650;transform-origin:center;animation:concept-spin 8s linear infinite}
@keyframes concept-spin{to{transform:rotate(360deg)}}
.concept-lines{stroke-width:1.5}
.concept-map button,.concept-center{position:absolute;translate:-50% -50%;border:1px solid var(--line);background:#101a2c;border-radius:16px}
.concept-map button{padding:10px 16px;min-height:44px;transition:box-shadow .25s,background .25s}
.concept-map button[aria-pressed=true]{background:var(--gold);color:#25170a;border-color:var(--gold);box-shadow:0 0 26px #f1c47a70}
.concept-center{left:50%;top:50%;display:grid;justify-items:center;gap:4px;padding:14px;white-space:nowrap}
.concept-center img{border-radius:12px}
[data-concept=field]{left:50%;top:12.5%}
[data-concept=action]{left:87.5%;top:50%}
[data-concept=operation]{left:50%;top:87.5%}
[data-concept=discussion]{left:12.5%;top:50%}
.concept-output{min-height:220px}
.concept-output a{color:var(--gold)}
@media(max-width:680px){.concept-layout{grid-template-columns:1fr}.concept-map{width:min(100%,360px)}.concept-map button{padding-inline:10px}}

.concept-chapter { position: relative; background: radial-gradient(ellipse at 76% 66%,#4730194a,transparent 56%),#0c1526; }
.diagram-controls { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 26px 0 12px; }
.diagram-controls button { min-height: 48px; background:#17243c; border:1px solid var(--line); border-radius:10px; transition:background .25s,border-color .25s,box-shadow .25s; }
.diagram-controls button span { display:inline-block; margin-right:8px; font:12px ui-monospace,monospace; opacity:.75; }
.diagram-controls button[aria-pressed=true] { background:var(--gold); border-color:var(--gold); color:#25170a; box-shadow:0 0 24px #f1c47a3d; }
.diagram-meter { height:2px; background:var(--line); margin-bottom:18px; }
.diagram-meter i { display:block; height:100%; background:var(--gold); box-shadow:0 0 10px var(--gold); transform:scaleX(var(--diagram-position)); transform-origin:left; transition:transform .38s ease; }
.diagram-display { min-height:240px; padding:clamp(20px,4vw,44px); background:linear-gradient(145deg,#1a2844,#0e1728); border:1px solid #98764c; border-radius:18px; box-shadow:0 25px 70px #0006; transform-origin:top; }
.diagram-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 16px; color:var(--gold); font-size:13px; margin-bottom:16px; }
.diagram-display blockquote { margin:18px 0; border-left:2px solid var(--gold); padding:8px 14px; background:#f1c47a12; }
.diagram-display p { color:var(--muted); margin-bottom:0; }
@media(max-width:540px){.diagram-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}

.language-switch { display:inline-flex; flex-shrink:0; align-items:center; gap:3px; padding:3px; border:1px solid var(--line); border-radius:10px; }
.language-switch a { padding:5px 10px; text-decoration:none; font-size:14px; font-weight:700; border-radius:6px; color:var(--muted); }
.language-switch a[aria-current], .language-switch a:hover { color:#25170a; background:var(--gold); }
@media(max-width:680px){
 header .wrap{display:grid;grid-template-columns:1fr auto;align-items:center}
 header nav{grid-row:2;grid-column:1/-1}
 .language-switch{grid-row:1;grid-column:2}
}
html[lang=en] h1 {letter-spacing:-.04em}
html[lang=en] .concept-map button {padding-inline:8px}

/* Editorial layout */
:root {
 color-scheme:light;
 --ink:#171a22;
 --muted:#565e70;
 --line:#dce0e9;
 --paper:#fcfcfe;
 --gold:#3548b8;
 --panel:#fff;
}
body { background:var(--paper); }
.wrap { width:min(1320px,calc(100% - clamp(32px,9vw,144px))); }
header { background:#fcfcf5f2; }
nav a:hover,nav a[aria-current] { background:#eceefa; color:#283ca1; }
.language-switch a[aria-current],.language-switch a:hover { background:#e8ebfa; color:#293eab; }
main>section:first-child { background:#f3f4fa; }
main>section.hero { background:radial-gradient(ellipse at 76% 0%,#e4e9ff,transparent 60%),#f4f5fa; }
.hero::before { display:none; }
.hero { min-height: min(710px,88vh); }
.hero .grid {grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:clamp(26px,5vw,78px)}
.hero h1 {color:var(--ink);background:none;font-size:clamp(42px,5.4vw,84px);letter-spacing:-.055em;line-height:1.08;}
html[lang=en] .hero h1 {font-size:clamp(42px,5.7vw,84px);letter-spacing:-.065em;max-width:11ch}
.eyebrow { letter-spacing:.105em; }
.lead {line-height:1.75}
.band,.reading:nth-of-type(even),.concept-chapter {background:#f3f5fa;border-color:var(--line)}
.card,.diagram-display {background:white;border-color:var(--line);box-shadow:none;border-radius:12px}
.reading .card h3 {color:var(--ink)}
.cta {background:#202c68;color:white;border-radius:7px}
.cta:hover {box-shadow:0 8px 24px #202c6827}
.secondary,.steps button,.diagram-controls button,.chips a {background:#fff;color:var(--ink)}
.steps button[aria-pressed=true],.diagram-controls button[aria-pressed=true],.concept-map button[aria-pressed=true] {background:#e8ebfb;color:#283ca1;border-color:#9da9ee;box-shadow:none}
.cards a:hover {background:#eef1fc}
.concept-map {background:radial-gradient(circle,#dbe2ff,transparent 65%)}
.concept-map button,.concept-center {background:white}
.concept-center {box-shadow:0 8px 22px #273a7b16}
.diagram-display blockquote {background:#f0f2ff}
.diagram-meter i,.step-track span {background:#5367dd;box-shadow:none}
:focus-visible {outline-color:#3e52c4}
.hero-workspace {min-width:0;overflow:hidden;border:1px solid #fff;border-radius:19px;background:#fff;box-shadow:0 28px 70px #28366d25,0 0 0 1px #cad2ed}
.workspace-bar {display:flex;align-items:center;gap:16px;padding:13px 19px;background:#f8f9fd;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.workspace-dots {width:36px;height:8px;background:radial-gradient(circle,#a7afc4 3px,transparent 4px) 0 center/12px 8px repeat-x}
.workspace-content {padding:clamp(18px,4vw,44px)}
.workspace-content h2 {font-size:clamp(24px,3vw,40px);letter-spacing:-.04em}
.workspace-content blockquote {padding:14px 16px;margin:22px 0 16px;background:#eef1fd;color:#293779;border-left:2px solid #6475d9;border-radius:0 8px 8px 0}
.workspace-facts {margin:0 0 24px}
.workspace-facts div {display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;padding:11px 0;border-bottom:1px solid var(--line)}
.workspace-facts dt {color:var(--muted);letter-spacing:0}
.workspace-facts dd {margin:0;font-size:14px;font-weight:700}
.workspace-content>a {font-size:14px;font-weight:700;color:var(--gold)}
@media(max-width:760px) {.hero .grid{grid-template-columns:1fr}.hero{min-height:auto}.hero h1,html[lang=en] .hero h1{font-size:clamp(40px,9vw,65px)}}

/* Dark product stage */
:root{color-scheme:dark;--ink:#f7f7f9;--muted:#aeb0be;--line:#343641;--paper:#0c0d12;--gold:#f1c47a;--panel:#15161e}
header{background:#0c0d12ef}
nav a:hover,nav a[aria-current],.language-switch a[aria-current],.language-switch a:hover{color:#ffe1a8;background:#32291d}
main>section:first-child,.band,.reading:nth-of-type(even),.concept-chapter{background:#11121a}
main>section.hero{background:radial-gradient(ellipse at 79% 44%,#8a5f3266,transparent 52%),radial-gradient(ellipse at 45% 100%,#22254e,transparent 58%),#0c0d12}
.hero .grid{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}
.hero h1{color:var(--ink)}
.cta{background:#efbd69;color:#21150a}
.cta:hover{box-shadow:0 8px 34px #ff697442}
.secondary,.steps button,.diagram-controls button,.chips a{color:var(--ink);background:#191a24}
.card,.diagram-display,.concept-map button,.concept-center{color:var(--ink);background:#171821;border-color:var(--line)}
.cards a:hover{background:#212330}
.steps button[aria-pressed=true],.diagram-controls button[aria-pressed=true],.concept-map button[aria-pressed=true]{background:#3b3021;color:#ffe1a8;border-color:#aa8550}
.diagram-display blockquote{background:#34291c}
.diagram-meter i,.step-track span{background:#efbd69}
.concept-map{background:radial-gradient(circle,#8a5f3244,transparent 65%)}
:focus-visible{outline-color:#f1c47a}
.decision-stage{background:#151620;border:1px solid #494251;box-shadow:0 28px 90px #0009,0 0 70px #d99d4826}
.workspace-bar{background:#1b1c26}
.workspace-bar kbd{margin-left:auto}
.decision-stage kbd{font:12px ui-monospace,monospace;color:var(--muted);border:1px solid #484957;border-radius:5px;padding:2px 6px}
.decision-options{display:grid;gap:8px;margin:22px 0 12px}
.decision-options button{display:flex;align-items:center;gap:12px;text-align:left;min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#20212d;transition:background .18s,border-color .18s}
.decision-options button:hover,.decision-options button[aria-pressed=true]{border-color:#efbd69;background:#3b3021}
.decision-options button span{color:var(--gold)}
.decision-options button kbd{margin-left:auto}
.decision-result{padding:12px 14px;border-left:2px solid #efbd69;background:#2b231a;margin:16px 0}
.decision-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:20px;color:var(--muted)}
.decision-footer a{color:var(--gold)}
@media(max-width:760px){.hero .grid{grid-template-columns:1fr}}

details.language-switch {position:relative;padding:0;display:block;}
.language-switch summary {list-style:none;padding:7px 12px;font-size:14px;min-width:106px;}
.language-switch summary::-webkit-details-marker {display:none;}
.language-switch summary::after {content:"▾";margin-left:9px;color:var(--gold);}
.language-options {position:absolute;z-index:20;top:calc(100% + 8px);right:0;min-width:142px;padding:5px;background:#191a24;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #0007;}
.language-options a {display:block;padding:8px 10px;white-space:nowrap;}
.language-switch a[aria-current],.language-switch a:hover,nav a:hover,nav a[aria-current] {color:#ffe1a8;background:#32291d;}

.case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,5vw,68px);align-items:start}
.case-choices{display:grid;gap:8px;margin-top:24px}
.case-choices button{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:#20212d}
.case-choices button:hover,.case-choices button[aria-pressed=true]{border-color:var(--gold);background:#33291e;color:#ffe1a8}
.case-console{background:#171821;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 24px 65px #0005}
.case-toolbar{display:flex;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);font:13px ui-monospace,monospace;color:var(--gold)}
.case-toolbar span:last-child{margin-left:auto;color:var(--muted)}
.case-panel{padding:clamp(17px,3vw,32px);animation:cut-in .32s ease both}
.case-panel blockquote{margin:15px 0;padding:10px 14px;border-left:2px solid var(--gold);background:#29231c}
.case-panel .cta{border:1px solid transparent}
.case-dependencies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:20px 0}
.case-dependencies li{padding:9px;border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere}
.case-dependencies .case-blocked{background:#34291c;border-color:var(--gold);color:#ffe1a8}
.case-blocked small{display:block}
@media(max-width:760px){.case-layout{grid-template-columns:1fr}}
.case-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.case-index a{padding:7px 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none}
.case-index a:hover{border-color:var(--gold);color:var(--gold)}

.scenario-map{padding-block:clamp(32px,5vw,68px)}
.workflow-board{padding:clamp(14px,3vw,34px);border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at 50% 0%,#49372066,transparent 66%),#151620}
.workflow-owner{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--gold);font-weight:700}
.workflow-owner img{border-radius:7px}
.workflow-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:18px 0;padding:0}
.workflow-nodes li{position:relative;padding:14px;border:1px solid var(--line);background:#20212d;border-radius:9px}
.workflow-nodes li:not(:last-child)::after{content:"→";position:absolute;right:-18px;top:50%;color:var(--gold)}
.workflow-nodes strong{display:block;margin:4px 0}
.workflow-nodes p{margin:0;color:var(--muted);font-size:.93rem}
.map-number{font:12px ui-monospace,monospace;color:var(--gold)}
.workflow-loop{text-align:center;color:var(--gold);margin-bottom:0}
@media(max-width:760px){.workflow-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-nodes li::after{display:none}}

.workflow-orbit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(16px,4vw,50px);border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 24% 52%,#88622a33,transparent 53%),#12141e}
.orbit-visual{width:min(100%,420px);aspect-ratio:1;position:relative;justify-self:center}
.orbit-visual svg{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none;overflow:visible}
.orbit-ring{stroke:#a3895e;stroke-opacity:.42;stroke-dasharray:2 6}
.orbit-inner{stroke-opacity:.22}
.orbit-link{stroke:#857458;stroke-opacity:.42;stroke-width:1.5}
.orbit-energy{stroke:#ffd695;stroke-width:3;stroke-linecap:round;stroke-dasharray:15 85;opacity:0;filter:drop-shadow(0 0 5px #edb960)}
.workflow-orbit[data-active="0"] [data-path="0"],.workflow-orbit[data-active="1"] [data-path="1"],.workflow-orbit[data-active="2"] [data-path="2"],.workflow-orbit[data-active="3"] [data-path="3"]{stroke-opacity:1}
.workflow-orbit[data-active="0"] .orbit-energy[data-path="0"],.workflow-orbit[data-active="1"] .orbit-energy[data-path="1"],.workflow-orbit[data-active="2"] .orbit-energy[data-path="2"],.workflow-orbit[data-active="3"] .orbit-energy[data-path="3"]{opacity:1;animation:orbit-flow 1.6s linear infinite}
@keyframes orbit-flow{to{stroke-dashoffset:-100}}
.orbit-core,.orbit-node{position:absolute;translate:-50% -50%;display:grid;justify-items:center;gap:2px;text-align:center}
.orbit-core{left:50%;top:50%;width:38%;aspect-ratio:1;align-content:center;border:1px solid #a98c58;border-radius:50%;background:radial-gradient(circle,#443321,#171924 74%);box-shadow:0 0 34px #e4a54228;font-size:clamp(11px,2vw,15px);padding:5px}
.orbit-core img{border-radius:10px}
.orbit-node{min-width:66px;min-height:48px;align-content:center;padding:5px 10px;border:1px solid var(--line);border-radius:12px;background:#1c1e2a;transition:background .25s,box-shadow .25s,border-color .25s}
.orbit-node small{font:10px ui-monospace,monospace;color:var(--gold)}
.orbit-node:hover,.orbit-node[aria-pressed=true]{border-color:var(--gold);background:#382e20;box-shadow:0 0 24px #edb96046}
.orbit-node[data-orbit-index="0"]{left:50%;top:15%}.orbit-node[data-orbit-index="1"]{left:84.7%;top:50%}.orbit-node[data-orbit-index="2"]{left:50%;top:84.7%}.orbit-node[data-orbit-index="3"]{left:15.3%;top:50%}
.orbit-readout .workflow-owner,.orbit-readout .workflow-loop{justify-content:flex-start;text-align:left}
.orbit-copy{min-height:160px;padding:18px 0;margin:16px 0;border-block:1px solid var(--line)}
.orbit-copy article:not([hidden]){animation:cut-in .34s ease both}
.orbit-copy h3{font-size:clamp(19px,2.2vw,27px)}
.orbit-copy p:last-child{margin-bottom:0;color:var(--muted)}
@media(max-width:760px){.workflow-orbit{grid-template-columns:1fr;gap:8px}.orbit-visual{width:min(100%,335px)}.orbit-copy{min-height:0}}
@media(prefers-reduced-motion:reduce){.workflow-orbit .orbit-energy{animation:none!important;stroke-dasharray:none}}

/* Homepage product architecture */
.deal-map{min-width:0;overflow:hidden;border:1px solid #cfa76248;border-radius:22px;background:#101012;color:#f6eee1;box-shadow:0 22px 72px #0006}
.deal-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #cfa76230;font-size:12px;color:#ddc5a1}
.deal-bar button,.deal-stage button{font:inherit;color:inherit;cursor:pointer;border:1px solid #cfa76255;background:#171614;border-radius:9px;padding:7px 10px}
.deal-bar button[aria-pressed=true],.deal-stage button[aria-pressed=true]{background:#f4cb83;color:#241706;border-color:#ffe3b3;box-shadow:0 0 24px #edb66055}
.deal-stage{position:relative;aspect-ratio:500/265;min-height:210px;background:radial-gradient(ellipse,#36291b 0%,#101012 68%)}
.deal-stage svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.deal-ring,.deal-track,.deal-beam{fill:none;stroke:#cfa76255;stroke-width:1}
.deal-ring{stroke-dasharray:3 5}
.deal-beam{stroke:#ffd58e;stroke-width:2;stroke-dasharray:13 87;animation:deal-signal 2.1s cubic-bezier(.2,.55,.3,1) both}
@keyframes deal-signal{from{stroke-dashoffset:100;opacity:0}18%{opacity:1}to{stroke-dashoffset:0;opacity:.45}}
.deal-core,.deal-stage button{position:absolute;translate:-50% -50%;left:var(--x,50%);top:var(--y,50%);white-space:nowrap}
.deal-core{display:grid;justify-items:center;gap:4px;font-size:clamp(11px,2vw,16px)}
.deal-core img{border-radius:12px;box-shadow:0 0 35px #f5bd6066}
.deal-stage button{display:grid;justify-items:center;gap:2px;font-size:clamp(11px,1.4vw,14px);transition:box-shadow .25s,background .25s}
.deal-stage button small{font:10px ui-monospace,monospace;opacity:.8}
.deal-stage [data-step="0"]{--x:15%;--y:64%}
.deal-stage [data-step="1"]{--x:28%;--y:22%}
.deal-stage [data-step="2"]{--x:68%;--y:22%}
.deal-stage [data-step="3"]{--x:85%;--y:61%}
.deal-stage [data-step="4"]{--x:50%;--y:85%}
.deal-map button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.deal-copy{padding:16px 20px;min-height:125px;border-top:1px solid #cfa76230}
.deal-copy h3{margin:0 0 6px;color:#fff4dd;font-size:17px}
.deal-copy p{margin:0;color:#d5c8b7;font-size:14px}
.deal-workspace{max-width:780px}
.scenario-quicklinks{padding-block:16px}
@media(prefers-reduced-motion:reduce){.deal-beam{animation:none}.deal-stage button{transition:none}}

/* Homepage: from the first meeting to a deliverable */
.home-story .home-hero {min-height: min(700px,85vh)}
.home-story .home-hero h1 {font-size: clamp(38px,5.7vw,76px);max-width:12em}
.home-story .home-slogan {font-size:clamp(19px,2.4vw,28px);font-weight:720;line-height:1.45;color:#f4dbb0}
.home-console {min-width:0;position:relative;isolation:isolate;border:1px solid #e6b66a59;border-radius:22px;background:radial-gradient(ellipse at 72% 28%,#302417,#131210 65%);box-shadow:0 30px 100px #0009;overflow:hidden}
.home-console::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 31px,#f2c7800d 32px),repeating-linear-gradient(0deg,transparent 0 31px,#f2c7800d 32px);mask-image:linear-gradient(90deg,transparent,#000)}
.home-console-bar,.home-console-foot {display:flex;justify-content:space-between;gap:14px;padding:13px 18px;color:#dbbb87;font:12px/1.5 ui-monospace,monospace}
.home-console-bar {border-bottom:1px solid #e6b66a2e}
.home-console-bar i {display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffd999;box-shadow:0 0 14px #f4c678}
.home-console-core {display:flex;align-items:center;gap:15px;padding:clamp(25px,4vw,52px) 18px 25px}
.home-console-core img,.home-closing img {border-radius:14px;box-shadow:0 0 28px #ecb86843}
.home-console-core h2 {font-size:clamp(18px,2.5vw,30px);margin:0;text-wrap:balance}
.home-console-rail {position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:14px 16px 24px}
.home-console-rail::before,.home-console-rail::after {content:"";position:absolute;inset:0 18px auto;height:2px;background:#bc945259;pointer-events:none}
.home-console-rail::after {background:linear-gradient(90deg,transparent,#ffe4ae,transparent);animation:home-signal 1.8s ease-out both;transform-origin:left}
@keyframes home-signal {from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
.home-console-rail a {display:grid;gap:4px;padding:9px 4px;border:1px solid #e6b66a35;border-radius:8px;text-align:center;text-decoration:none;background:#171513;overflow-wrap:anywhere}
.home-console-rail a:hover {background:#362619;border-color:#ecc785}
.home-console-rail span,.home-time {font:12px/1.4 ui-monospace,monospace;color:#eac382}
.home-console-rail strong {font-size:clamp(11px,1.15vw,15px)}
.home-console-foot {border-top:1px solid #e6b66a2e}
.home-chapter .lead {margin-bottom:26px}
.home-tabs {display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.6fr);gap:12px;margin-top:28px}
.home-tablist {display:grid;align-content:start;gap:8px}
.home-tablist button {display:grid;text-align:left;gap:4px;padding:13px 16px;background:#141414;border:1px solid #b68c4f40;border-radius:9px;color:#eee8df}
.home-tablist button[aria-selected="true"] {border-color:#edc581;background:#382817;box-shadow:inset 3px 0 #efc57e}
.home-panels {background:radial-gradient(ellipse at right top,#392819,#171512 68%);border:1px solid #e6b66a52;border-radius:16px;padding:clamp(18px,4vw,40px)}
.home-panels article:not([hidden]) {animation:cut-in .35s ease-out}
.home-panels h3 {font-size:clamp(22px,3vw,36px);text-wrap:balance}
.home-readout,.home-layers {margin:0}
.home-readout {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.home-readout > div,.home-layers > div {padding-top:12px;border-top:1px solid #c4995c55}
.home-layers {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.home-context-answer {max-width:38em;border-inline-start:2px solid var(--gold);padding-inline-start:16px}
.home-chapter .cards {margin-top:25px}
.home-doc-fields {color:#ecc68a;border-bottom:1px solid #c4995c55;padding-bottom:14px}
.home-doc-approval {margin:0;padding:12px;border-radius:8px;background:#251b11;color:#f2d6ab}
.home-closing {text-align:center}
.home-closing img {margin-bottom:20px}
.home-closing .lead {margin-inline:auto}
.home-closing .actions {justify-content:center}
@media(max-width:760px) {
  .home-story .home-hero {min-height:auto}
  .home-tabs {grid-template-columns:1fr}
  .home-tablist {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px) {
  .home-readout {grid-template-columns:1fr}
  .home-console-bar,.home-console-foot {font-size:10px;padding-inline:12px}
  .home-console-rail {padding-inline:10px;gap:4px}
  .home-tablist button {padding:10px}
}