:root {
  --black: #080808; --black-2: #050505; --panel: #0e0e0f;
  --ice: #f0ede8; --ice-2: rgba(240,237,232,.82); --muted: rgba(240,237,232,.58);
  --gold: #b8960c; --warm: #d4a574; --line: rgba(184,150,12,.2); --line-soft: rgba(184,150,12,.1);
  --gutter: clamp(1.25rem,4vw,3.25rem); --section: clamp(5rem,8vw,8rem);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--black); color: var(--ice); font-family: Manrope,sans-serif; font-size: 16px; line-height: 1.65; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:50; opacity:.38; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E"); }
a { color: inherit; } button,input,textarea { font: inherit; }
h1,h2,h3,.serif { font-family:"Cormorant Garamond",serif; font-weight:500; line-height:1.03; text-wrap:balance; }
p { text-wrap: pretty; }.mono,.eyebrow,.section-no { font-family:"IBM Plex Mono",monospace; text-transform:uppercase; letter-spacing:.2em; }
.wrap { width:min(1160px,100%); margin-inline:auto; padding-inline:var(--gutter); }
.site-nav { position:fixed; z-index:40; inset:0 0 auto; display:flex; align-items:center; min-height:76px; padding:1rem var(--gutter); border-bottom:1px solid transparent; background:linear-gradient(#080808f5,#08080880); backdrop-filter:blur(12px); transition:.3s; animation:navIn .6s ease both; }
.site-nav.scrolled { min-height:64px; background:#080808f9; border-color:var(--line-soft); }
.brand { display:flex; align-items:baseline; gap:.65rem; text-decoration:none; white-space:nowrap; }
.brand b { font:500 1.35rem/1 "Cormorant Garamond",serif; letter-spacing:.26em; }.brand span { color:var(--gold); font-size:.55rem; }
.nav-links { display:flex; align-items:center; gap:clamp(1rem,2.6vw,2.25rem); margin-left:auto; }
.nav-links a { position:relative; text-decoration:none; font:500 .6rem "IBM Plex Mono",monospace; letter-spacing:.18em; transition:color .2s; }
.nav-links a:not(.brief)::after { content:""; position:absolute; left:0; right:100%; bottom:-.45rem; height:1px; background:var(--gold); transition:right .25s; }
.nav-links a:hover,.nav-links a.active { color:var(--warm); }.nav-links a:hover::after,.nav-links a.active::after { right:0; }
.brief { border:1px solid var(--line); padding:.72rem 1rem; }.brief:hover { border-color:var(--warm); }
.menu { display:none; margin-left:auto; color:var(--ice); background:none; border:1px solid var(--line); padding:.65rem .75rem; font:500 .6rem "IBM Plex Mono",monospace; letter-spacing:.16em; }
.hero { position:relative; display:flex; align-items:center; min-height:min(900px,100svh); padding:8.2rem 0 4rem; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(184,150,12,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(184,150,12,.035) 1px,transparent 1px); background-size:80px 80px; mask-image:radial-gradient(ellipse at 48% 40%,#000 25%,transparent 78%); animation:gridIn 1.2s ease both; }
.hero::after { content:""; position:absolute; width:22px; height:22px; top:105px; left:var(--gutter); border-top:1px solid var(--warm); border-left:1px solid var(--warm); opacity:.45; }
.hero .wrap { position:relative; z-index:1; }.hero-sequence > * { opacity:0; transform:translateY(12px); animation:heroIn .65s ease forwards; }
.hero-sequence > :nth-child(1){animation-delay:.15s}.hero-sequence > :nth-child(2){animation-delay:.34s}.hero-sequence > :nth-child(3){animation-delay:.54s}.hero-sequence > :nth-child(4){animation-delay:.72s}.hero-sequence > :nth-child(5){animation-delay:.88s}
.eyebrow { display:flex; align-items:center; gap:.85rem; color:var(--gold); font-size:.59rem; margin-bottom:1.8rem; min-height:1em; }
.eyebrow::before { content:""; flex:0 0 32px; height:1px; background:var(--gold); }.type-cursor::after { content:""; display:inline-block; width:1px; height:.85rem; margin-left:4px; background:var(--warm); vertical-align:middle; animation:blink .8s step-end infinite; }
.wordmark { display:inline-grid; grid-template-columns:auto auto; align-items:end; gap:.85rem; margin-bottom:1.5rem; }
.wordmark strong { font:500 clamp(5rem,9.5vw,8rem)/.72 "Cormorant Garamond",serif; letter-spacing:.035em; }
.wordmark span { position:relative; top:-.25rem; padding:0 0 .55rem .8rem; border-left:1px solid var(--line); color:var(--gold); font:400 .65rem "IBM Plex Mono",monospace; letter-spacing:.36em; }
.hero h1 { max-width:850px; font-size:clamp(2.4rem,4vw,3.75rem); line-height:1.02; }.hero h1 em,h2 em { color:var(--warm); font-weight:400; }
.lede { max-width:720px; margin-top:1.5rem; color:var(--muted); font-size:clamp(.93rem,1.2vw,1.05rem); }
.actions { display:flex; align-items:center; gap:1rem; margin-top:2rem; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:.8rem 1.2rem; border:1px solid var(--line); text-decoration:none; text-transform:uppercase; font:500 .6rem "IBM Plex Mono",monospace; letter-spacing:.16em; transition:.25s; }.button.primary { background:var(--ice); border-color:var(--ice); color:var(--black); }.button:hover { color:var(--warm); border-color:var(--warm); }.button.primary:hover { background:var(--warm); color:var(--black); }
.hero-meta { position:absolute; right:var(--gutter); bottom:2rem; display:flex; gap:1.5rem; color:rgba(240,237,232,.35); font:400 .5rem "IBM Plex Mono",monospace; letter-spacing:.18em; }
section { position:relative; padding:var(--section) 0; border-top:1px solid var(--line-soft); }.section-alt { background:linear-gradient(110deg,#0c0c0d,#080808 65%); }
.section-grid { display:grid; grid-template-columns:minmax(130px,.6fr) minmax(0,2fr); gap:clamp(2rem,6vw,6rem); }.section-no { color:var(--gold); font-size:.57rem; padding-top:.4rem; }
.section-copy h2 { max-width:850px; font-size:clamp(2.35rem,4.2vw,4rem); }.section-copy > p { max-width:680px; margin-top:1.5rem; color:var(--muted); }.section-copy .lead { color:var(--ice-2); font-size:clamp(1.05rem,1.6vw,1.3rem); }
.feature { display:grid; grid-template-columns:1.3fr .85fr; gap:clamp(3rem,8vw,7rem); align-items:start; }.feature h2 { font-size:clamp(2.5rem,4.5vw,4.25rem); max-width:720px; }.feature p { max-width:650px; margin-top:1.5rem; color:var(--muted); }.feature-aside { border-top:1px solid var(--line); }.signal { display:flex; justify-content:space-between; gap:1rem; padding:.9rem 0; border-bottom:1px solid var(--line-soft); color:var(--muted); font:400 .58rem "IBM Plex Mono",monospace; letter-spacing:.13em; text-transform:uppercase; }.signal::before { content:"+"; color:var(--gold); }.thesis { margin-top:2rem; padding-left:1.25rem; border-left:1px solid var(--gold); color:var(--ice)!important; font-family:"Cormorant Garamond",serif; font-size:1.45rem; }
.dual-flow { display:grid; grid-template-columns:1fr 1fr; margin-top:3rem; border:1px solid var(--line); }.flow { padding:clamp(1.5rem,4vw,3rem); }.flow+.flow { border-left:1px solid var(--line); }.flow h3 { margin-bottom:1.4rem; color:var(--warm); font:500 .68rem "IBM Plex Mono",monospace; letter-spacing:.2em; }.flow ol { list-style:none; }.flow li { display:flex; align-items:center; gap:1rem; padding:.65rem 0; border-bottom:1px solid var(--line-soft); color:var(--muted); font:400 .62rem "IBM Plex Mono",monospace; letter-spacing:.14em; }.flow li::before { content:counter(list-item,decimal-leading-zero); color:var(--gold); }
.tech-line { margin-top:2.5rem; padding:1.3rem 0; border-block:1px solid var(--line); color:var(--muted); font:400 .59rem "IBM Plex Mono",monospace; line-height:2.1; letter-spacing:.12em; text-transform:uppercase; }.tech-note { max-width:690px; margin-top:1.5rem; color:var(--muted); }
.editorial-rows { margin-top:3rem; border-top:1px solid var(--line); }.editorial-row { display:grid; grid-template-columns:80px .7fr 1.3fr; gap:2rem; padding:1.35rem 0; border-bottom:1px solid var(--line-soft); }.editorial-row .num { color:var(--gold); font:400 .6rem "IBM Plex Mono",monospace; }.editorial-row h3 { font-size:1.45rem; }.editorial-row p { color:var(--muted); }
.case-panel { border:1px solid var(--line); padding:clamp(1.75rem,4vw,3.5rem); }.case-panel h2 { max-width:700px; font-size:clamp(2.4rem,4vw,3.8rem); }.case-panel p { max-width:670px; margin:1.25rem 0 2rem; color:var(--muted); }.case-detail { display:grid; grid-template-columns:1fr 1fr; gap:3rem; border-top:1px solid var(--line); padding-top:2rem; }.case-detail h3 { font-size:1.5rem; }.case-detail ul { list-style:none; margin-top:1rem; color:var(--muted); }.case-detail li { padding:.35rem 0; }.case-detail li::before { content:"— "; color:var(--gold); }
.about-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:3rem; border-top:1px solid var(--line); }.about-item { padding:1.5rem 1.5rem 1.5rem 0; border-bottom:1px solid var(--line-soft); }.about-item+.about-item { padding-left:1.5rem; border-left:1px solid var(--line-soft); }.about-item h3 { font-size:1.35rem; }.about-item p { margin-top:.6rem; color:var(--muted); font-size:.88rem; }
.cta { text-align:center; background:var(--panel); }.cta h2 { max-width:820px; margin:auto; font-size:clamp(2.5rem,4.5vw,4.2rem); }.cta .lede { margin-inline:auto; }
.contact-form { max-width:820px; margin:2.5rem auto 0; padding:clamp(1.5rem,4vw,3rem); border:1px solid var(--line); text-align:left; }.choices { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; margin-bottom:2rem; }.choice input { position:absolute; opacity:0; }.choice label { display:block; height:100%; padding:1rem; border:1px solid var(--line-soft); cursor:pointer; transition:.2s; }.choice input:checked+label { border-color:var(--warm); background:rgba(184,150,12,.08); }.choice b { display:block; font:500 .62rem "IBM Plex Mono",monospace; letter-spacing:.14em; }.choice small { display:block; margin-top:.45rem; color:var(--muted); font-size:.75rem; }.fields { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }.wide { grid-column:1/-1; }input,textarea { width:100%; padding:1rem 0; border:0; border-bottom:1px solid var(--line); outline:0; background:transparent; color:var(--ice); }input:focus,textarea:focus { border-color:var(--warm); }textarea { min-height:100px; resize:vertical; }.contact-form button { margin-top:1.25rem; }
footer { display:flex; justify-content:space-between; gap:2rem; padding:2.5rem var(--gutter); border-top:1px solid var(--line-soft); color:var(--muted); font-size:.67rem; }.footer-links { display:flex; flex-wrap:wrap; gap:1.3rem; }.footer-links a { text-decoration:none; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1; transform:none; }
.hero-home { min-height:min(860px,92svh); }
.trust-strip { border-block:1px solid var(--line); background:#0b0b0c; }
.trust-strip .wrap { display:grid; grid-template-columns:repeat(4,1fr); padding-block:1.15rem; }
.trust-strip span { padding:0 1.25rem; border-left:1px solid var(--line-soft); color:var(--muted); font:400 .55rem/1.6 "IBM Plex Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
.trust-strip span:first-child { padding-left:0; border-left:0; }.trust-strip b { display:block; color:var(--ice-2); font-weight:500; }
.institutional-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:740px; margin-top:2.5rem; border-top:1px solid var(--line); }
.institutional-facts span { padding:1rem 1rem 1rem 0; border-bottom:1px solid var(--line-soft); color:var(--ice-2); font:400 .6rem "IBM Plex Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
.division-grid,.proof-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:3rem; border:1px solid var(--line); background:var(--line); }
.division-card,.proof-card { padding:clamp(1.6rem,4vw,3rem); background:var(--black); }.section-alt .division-card { background:#0a0a0b; }
.division-card h3,.proof-card h3 { font-size:clamp(2rem,3vw,2.8rem); }.division-card>p,.proof-card>p { margin-top:1rem; color:var(--muted); }
.compact-list { list-style:none; margin-top:1.4rem; color:var(--muted); }.compact-list li { padding:.45rem 0; border-bottom:1px solid var(--line-soft); }.compact-list li::before { content:"— "; color:var(--gold); }
.arrow-link { display:inline-block; margin-top:1.8rem; color:var(--warm); text-decoration:none; font:500 .58rem "IBM Plex Mono",monospace; letter-spacing:.13em; }.arrow-link:hover { color:var(--ice); }
.case-label { color:var(--gold); font:500 .55rem "IBM Plex Mono",monospace; letter-spacing:.16em; text-transform:uppercase; }
.proof-card strong { color:var(--ice); }.fineprint { color:rgba(240,237,232,.4)!important; font-size:.72rem; }
.tag-row,.toolchain { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.6rem; }.tag-row span,.toolchain span { padding:.55rem .7rem; border:1px solid var(--line-soft); color:var(--muted); font:400 .52rem "IBM Plex Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:1.7rem; background:var(--line-soft); }.metric-row div { padding:1rem; background:#0b0b0c; }.metric-row strong,.metric-row span { display:block; }.metric-row strong { font:500 1.15rem "Cormorant Garamond",serif; color:var(--warm); }.metric-row span { margin-top:.25rem; color:var(--muted); font-size:.68rem; }
.metric-row.featured { margin-top:2.5rem; border:1px solid var(--line); }.metric-row.featured div { padding:clamp(1.3rem,3vw,2rem); }.metric-row.featured strong { font-size:1.65rem; }
.principle-box { padding:clamp(1.5rem,3vw,2.5rem); border:1px solid var(--line); background:#0b0b0c; }.principle-box p { margin-top:1.2rem; color:var(--ice-2); font:400 1.5rem/1.3 "Cormorant Garamond",serif; }
.method-split { display:grid; grid-template-columns:1fr 1fr; margin-top:3rem; border:1px solid var(--line); }.method-split article { padding:clamp(1.5rem,3vw,2.5rem); }.method-split article+article { border-left:1px solid var(--line); }.method-split span { color:var(--gold); font:500 .56rem "IBM Plex Mono",monospace; letter-spacing:.18em; }.method-split h3 { margin-top:1rem; font-size:1.65rem; line-height:1.25; }.method-split p { margin-top:1rem; color:var(--muted); }
.discretion { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,8vw,7rem); align-items:start; }.discretion h2 { font-size:clamp(2.4rem,4vw,3.8rem); }.discretion>div:last-child { padding-top:2rem; border-top:1px solid var(--line); }.discretion p { color:var(--muted); }.discretion p+p { margin-top:1.2rem; }
.centered { justify-content:center; }.centered-actions { justify-content:center; }
.service-ledger { display:grid; grid-template-columns:1fr 1fr; margin-top:3rem; border-top:1px solid var(--line); }.service-ledger article { display:grid; grid-template-columns:42px 1fr; gap:1rem; padding:1.6rem 1.5rem 1.6rem 0; border-bottom:1px solid var(--line-soft); }.service-ledger article:nth-child(even) { padding-left:1.5rem; border-left:1px solid var(--line-soft); }.service-ledger article>span { color:var(--gold); font:400 .55rem "IBM Plex Mono",monospace; }.service-ledger h3 { font-size:1.6rem; }.service-ledger p { margin-top:.5rem; color:var(--muted); font-size:.86rem; }
.case-heading { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,7vw,6rem); align-items:end; }.case-heading h2 { font-size:clamp(2.8rem,5vw,4.8rem); }.case-heading>p { color:var(--ice-2); }
.case-scope { display:grid; grid-template-columns:1fr 1fr; gap:3rem; margin-top:2.5rem; padding-top:2rem; border-top:1px solid var(--line); }.case-scope ul { margin-top:1rem; list-style:none; color:var(--muted); }.case-scope li { padding:.45rem 0; border-bottom:1px solid var(--line-soft); }
.process-line { display:grid; grid-template-columns:repeat(5,1fr); margin-top:3rem; border-block:1px solid var(--line); }.process-line article { padding:1.5rem 1.2rem 1.5rem 0; }.process-line article+article { padding-left:1.2rem; border-left:1px solid var(--line-soft); }.process-line b { color:var(--gold); font:400 .55rem "IBM Plex Mono",monospace; }.process-line h3 { margin-top:.8rem; font-size:1.45rem; }.process-line p { margin-top:.45rem; color:var(--muted); font-size:.75rem; }
.proof-band { display:grid; grid-template-columns:1.3fr .7fr; gap:clamp(3rem,8vw,7rem); align-items:end; }.proof-band h2 { margin-top:1rem; font-size:clamp(2.4rem,4vw,3.8rem); }.proof-band strong { display:block; color:var(--warm); font:500 clamp(2.3rem,4vw,4rem) "Cormorant Garamond",serif; }.proof-band p { color:var(--ice-2); }.proof-band small { display:block; margin-top:1rem; color:rgba(240,237,232,.4); }
.contact-placeholder { display:inline-flex; margin-top:2rem; padding:1rem 1.3rem; border:1px solid var(--line); color:var(--muted); font:500 .58rem "IBM Plex Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
/* Motion system: every animation visualizes analysis, convergence or reading order. */
section::after { content:""; position:absolute; left:var(--gutter); right:var(--gutter); top:-1px; height:1px; background:linear-gradient(90deg,var(--gold),transparent 38%); transform:scaleX(0); transform-origin:left; opacity:.45; transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }
section:has(.visible)::after { transform:scaleX(1); }
.hero-visual { --mx:0px; --my:0px; position:absolute; z-index:0; inset:5rem max(-8rem,-8vw) 0 38%; pointer-events:none; opacity:0; transform:translate3d(var(--mx),var(--my),0); animation:visualIn 1.6s .35s ease forwards; transition:opacity .5s; }
.signal-map { width:100%; height:100%; overflow:visible; filter:drop-shadow(0 0 14px rgba(184,150,12,.05)); }
.signal-map path,.signal-map circle { vector-effect:non-scaling-stroke; fill:none; stroke:var(--gold); }
.map-grid { opacity:.07; }.map-grid path { stroke-width:.6; }.map-links { opacity:.26; }.map-links path { stroke-width:1; stroke-dasharray:1100; stroke-dashoffset:1100; animation:drawMap 3.2s .75s cubic-bezier(.4,0,.2,1) forwards; }
.map-links .link-focus { stroke:var(--warm); stroke-width:1.5; animation-delay:2.1s; }.map-nodes circle { fill:#080808; stroke-width:1.2; opacity:0; transform-box:fill-box; transform-origin:center; animation:nodeIn .5s forwards; }.map-nodes circle:nth-child(1){animation-delay:.8s}.map-nodes circle:nth-child(2){animation-delay:1.15s}.map-nodes circle:nth-child(3){animation-delay:1.5s}.map-nodes circle:nth-child(4){animation-delay:1.9s}.map-nodes circle:nth-child(5){animation-delay:2.2s}.map-nodes circle:nth-child(6){animation-delay:2.45s}.map-nodes circle:nth-child(7){animation-delay:2.7s}.map-nodes .node-focus { fill:none; opacity:0; stroke:var(--warm); animation:focusPulse 4s 2.5s ease-in-out infinite; }
.map-labels { fill:var(--muted); font:500 8px "IBM Plex Mono",monospace; letter-spacing:1.2px; opacity:0; animation:labelIn .8s 2.6s forwards; }.scan-marker { transform-origin:510px 145px; animation:scanRotate 18s linear infinite; opacity:.22; }.scan-marker path,.scan-marker circle { stroke:var(--warm); stroke-width:.7; }
.visual-sequence { position:absolute; right:8%; bottom:9%; display:flex; align-items:center; gap:.6rem; color:rgba(240,237,232,.35); font:500 .48rem "IBM Plex Mono",monospace; letter-spacing:.16em; }.visual-sequence i { width:24px; height:1px; background:var(--gold); transform:scaleX(0); transform-origin:left; animation:sequenceLine .7s forwards; }.visual-sequence i:nth-of-type(1){animation-delay:1.4s}.visual-sequence i:nth-of-type(2){animation-delay:2s}.visual-sequence i:nth-of-type(3){animation-delay:2.6s}
.hero-intelligence .wrap,.hero-systems .wrap { position:relative; z-index:2; }.hero-intelligence .lede,.hero-systems .lede { max-width:650px; }
.trust-strip { opacity:0; animation:trustIn .7s 1.05s forwards; }
.motion-signature { margin:.25rem 0 1.25rem!important; color:var(--warm)!important; font:400 1.25rem "Cormorant Garamond",serif; }
.division-card,.proof-card { position:relative; overflow:hidden; transition:transform .35s ease,border-color .35s,background .35s; }.division-card:hover,.proof-card:hover { transform:translateY(-3px); background:#0d0d0e; }.division-card::after,.proof-card::after { content:""; position:absolute; inset:0; border:1px solid transparent; transition:border-color .35s; pointer-events:none; }.division-card:hover::after,.proof-card:hover::after { border-color:rgba(212,165,116,.32); }
.card-visual { position:absolute; right:1rem; top:1rem; width:120px; height:70px; opacity:.24; }.intel-mini span { position:absolute; width:6px; height:6px; border:1px solid var(--gold); border-radius:50%; }.intel-mini span:nth-child(1){left:5px;top:35px}.intel-mini span:nth-child(2){left:55px;top:8px}.intel-mini span:nth-child(3){right:8px;bottom:8px}.intel-mini i { position:absolute; height:1px; width:58px; background:var(--gold); transform-origin:left; }.intel-mini i:nth-of-type(1){left:10px;top:36px;transform:rotate(-29deg)}.intel-mini i:nth-of-type(2){left:60px;top:14px;transform:rotate(35deg)}
.systems-mini div { display:flex; justify-content:space-between; }.systems-mini span,.systems-mini strong { padding:.25rem; border:1px solid var(--line); font:500 .42rem "IBM Plex Mono",monospace; }.systems-mini i { display:block; width:1px; height:18px; margin:auto; background:var(--gold); }.systems-mini strong { display:block; width:max-content; margin:auto; color:var(--warm); }
.case-flow { display:flex; align-items:center; gap:.5rem; margin-bottom:2rem; color:var(--muted); font:500 .46rem "IBM Plex Mono",monospace; letter-spacing:.12em; }.case-flow i { flex:1; height:1px; background:var(--line); transform:scaleX(0); transform-origin:left; }.visible .case-flow i { animation:sequenceLine .65s forwards; }.visible .case-flow i:nth-of-type(2){animation-delay:.25s}.visible .case-flow i:nth-of-type(3){animation-delay:.5s}
.convergence-mini { display:grid; grid-template-columns:repeat(6,1fr); gap:.3rem; align-items:center; margin-bottom:2rem; text-align:center; }.convergence-mini span { padding:.35rem 0; border:1px solid var(--line); color:var(--muted); font:500 .45rem "IBM Plex Mono",monospace; }.convergence-mini i { grid-column:1/-1; width:1px; height:15px; margin:auto; background:var(--gold); }.convergence-mini strong { grid-column:1/-1; color:var(--warm); font:500 .48rem "IBM Plex Mono",monospace; letter-spacing:.16em; }
.stagger-group>* { opacity:0; transform:translateY(14px); }.visible .stagger-group>* { animation:staggerIn .7s forwards; }.visible .stagger-group>*:nth-child(2){animation-delay:.12s}.visible .stagger-group>*:nth-child(3){animation-delay:.24s}.visible .stagger-group>*:nth-child(4){animation-delay:.36s}.visible .stagger-group>*:nth-child(5){animation-delay:.48s}
.tool-experience { margin-top:2rem; border:1px solid var(--line); }.tool-tabs { display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid var(--line); }.tool-tabs button { min-height:52px; padding:.6rem; border:0; border-right:1px solid var(--line-soft); background:transparent; color:var(--muted); font:500 .5rem "IBM Plex Mono",monospace; letter-spacing:.08em; cursor:pointer; transition:.25s; }.tool-tabs button:last-child{border-right:0}.tool-tabs button:hover,.tool-tabs button[aria-selected="true"] { color:var(--ice); background:rgba(184,150,12,.08); box-shadow:inset 0 -1px var(--warm); }
.tool-display { position:relative; min-height:235px; padding:1.5rem; overflow:hidden; background:radial-gradient(circle at 70% 45%,rgba(184,150,12,.09),transparent 38%); }.demo-label { color:rgba(240,237,232,.3); font:500 .46rem "IBM Plex Mono",monospace; letter-spacing:.15em; }.demo-graph { position:absolute; inset:25px 30px 55px 43%; }.demo-graph i { position:absolute; width:8px; height:8px; border:1px solid var(--gold); border-radius:50%; transition:transform .5s; }.demo-graph i:nth-child(1){left:5%;top:45%}.demo-graph i:nth-child(2){left:35%;top:12%}.demo-graph i:nth-child(3){left:58%;top:55%}.demo-graph i:nth-child(4){right:5%;top:20%}.demo-graph i:nth-child(5){right:12%;bottom:5%}.demo-graph b { position:absolute; height:1px; background:var(--gold); opacity:.35; transform-origin:left; }.demo-graph b:nth-of-type(1){left:8%;top:47%;width:42%;transform:rotate(-30deg)}.demo-graph b:nth-of-type(2){left:38%;top:17%;width:38%;transform:rotate(32deg)}.demo-graph b:nth-of-type(3){left:60%;top:58%;width:33%;transform:rotate(-42deg)}
.tool-display[data-active-tool="graphs"] .demo-graph i { transform:scale(1.45); }.tool-display[data-active-tool="watch"] .demo-graph { animation:softPulse 2.5s infinite; }.tool-display[data-active-tool="format"] .demo-graph { transform:scaleY(.7); }.tool-display[data-active-tool="oracle"] .demo-graph { transform:rotate(8deg); }.tool-copy { position:absolute; left:1.5rem; bottom:1.5rem; max-width:40%; }.tool-copy strong,.tool-copy span { display:block; }.tool-copy strong { color:var(--warm); font:500 1.4rem "Cormorant Garamond",serif; }.tool-copy span { margin-top:.25rem; color:var(--muted); font-size:.7rem; }
.systems-visual { inset:6rem 3% 2rem 50%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1.2rem; }.system-units { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; width:75%; }.system-units span,.system-output span { padding:.65rem; border:1px solid var(--line); color:var(--muted); text-align:center; font:500 .46rem "IBM Plex Mono",monospace; letter-spacing:.1em; opacity:0; animation:nodeIn .5s forwards; }.system-units span:nth-child(2){animation-delay:.15s}.system-units span:nth-child(3){animation-delay:.3s}.system-units span:nth-child(4){animation-delay:.45s}.system-units span:nth-child(5){animation-delay:.6s}.system-units span:nth-child(6){animation-delay:.75s}.system-bus { display:flex; align-items:center; width:82%; gap:1rem; }.system-bus i { flex:1; height:1px; background:var(--gold); transform:scaleX(0); animation:sequenceLine 1s .8s forwards; }.system-bus strong { color:var(--warm); font:500 .58rem "IBM Plex Mono",monospace; letter-spacing:.16em; }.system-output { display:flex; gap:.6rem; }.system-output span { animation-delay:1.4s; }
.unit-convergence { position:relative; min-height:310px; margin-top:2.5rem; border:1px solid var(--line); background:radial-gradient(circle at center,rgba(184,150,12,.09),transparent 34%); overflow:hidden; }.unit-convergence::before,.unit-convergence::after { content:""; position:absolute; inset:50% 10% auto; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); opacity:.25; }.unit-convergence::after { transform:rotate(90deg); }.unit-orbit span { position:absolute; padding:.5rem; border:1px solid var(--line); color:var(--muted); font:500 .48rem "IBM Plex Mono",monospace; }.unit-orbit span:nth-child(1){left:8%;top:18%}.unit-orbit span:nth-child(2){left:8%;top:46%}.unit-orbit span:nth-child(3){left:8%;bottom:16%}.unit-orbit span:nth-child(4){right:8%;top:18%}.unit-orbit span:nth-child(5){right:8%;top:46%}.unit-orbit span:nth-child(6){right:8%;bottom:16%}.central-operation { position:absolute; left:50%; top:46%; transform:translate(-50%,-50%); padding:1.2rem 2rem; border:1px solid var(--gold); background:#090909; text-align:center; }.central-operation small,.central-operation strong { display:block; }.central-operation small { color:var(--gold); font:500 .43rem "IBM Plex Mono",monospace; }.central-operation strong { margin-top:.45rem; font:500 1rem "Cormorant Garamond",serif; }.operation-stream { position:absolute; left:15%; right:15%; bottom:1rem; display:flex; justify-content:center; flex-wrap:wrap; gap:.4rem; }.operation-stream span { color:var(--muted); font:500 .42rem "IBM Plex Mono",monospace; letter-spacing:.08em; }
.button { position:relative; overflow:hidden; }.button::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.18),transparent 65%); transform:translateX(-120%); transition:transform .55s; }.button:hover::before { transform:translateX(120%); }.arrow-link { background-image:linear-gradient(var(--warm),var(--warm)); background-position:0 100%; background-repeat:no-repeat; background-size:0 1px; transition:color .25s,background-size .3s; }.arrow-link:hover { background-size:calc(100% - 1.2rem) 1px; transform:translateX(2px); }
@keyframes visualIn { from{opacity:0;transform:translate3d(var(--mx),calc(var(--my) + 12px),0)}to{opacity:.72;transform:translate3d(var(--mx),var(--my),0)} } @keyframes drawMap { to{stroke-dashoffset:0} } @keyframes nodeIn { from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)} } @keyframes focusPulse { 0%,100%{opacity:.18;transform:scale(.85)}50%{opacity:.55;transform:scale(1.15)} } @keyframes scanRotate { to{transform:rotate(360deg)} } @keyframes labelIn { to{opacity:.55} } @keyframes sequenceLine { to{transform:scaleX(1)} } @keyframes trustIn { to{opacity:1} } @keyframes staggerIn { to{opacity:1;transform:none} } @keyframes softPulse { 50%{opacity:.55} } @keyframes visualOut { to{opacity:0} }
@keyframes heroIn { to { opacity:1; transform:none; } } @keyframes gridIn { from{opacity:0}to{opacity:1} } @keyframes navIn { from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none} } @keyframes blink { 50%{opacity:0} }
@media (max-width:800px) {
  .site-nav { min-height:66px; }.menu { display:block; }.nav-links { display:none; position:absolute; top:100%; left:0; right:0; padding:1.5rem var(--gutter); background:#080808fb; border-bottom:1px solid var(--line); flex-direction:column; align-items:flex-start; }.nav-links.open { display:flex; }
  .hero { min-height:auto; padding:7.5rem 0 4rem; }.hero-meta { position:static; margin:2.5rem var(--gutter) 0; }.section-grid,.feature,.case-detail { grid-template-columns:1fr; }.section-grid { gap:1.5rem; }.feature { gap:3rem; }.about-grid { grid-template-columns:1fr 1fr; }.about-item:nth-child(3) { padding-left:0; border-left:0; }.editorial-row { grid-template-columns:50px 1fr; gap:1rem; }.editorial-row p { grid-column:2; }.choices { grid-template-columns:1fr; }
  .trust-strip .wrap { grid-template-columns:1fr 1fr; }.trust-strip span:nth-child(3) { border-left:0; }.trust-strip span { padding:.8rem; }.division-grid,.proof-grid,.discretion,.case-heading,.proof-band { grid-template-columns:1fr; }.process-line { grid-template-columns:1fr 1fr; }.process-line article:nth-child(3),.process-line article:nth-child(5) { border-left:0; }.process-line article { border-bottom:1px solid var(--line-soft); }
  .hero-visual { inset:5rem -35% 15% 20%; opacity:.38!important; }.signal-map .map-labels { display:none; }.visual-sequence { left:var(--gutter); right:auto; bottom:1rem; }.systems-visual { inset:5rem -18% 3rem 28%; opacity:.3!important; }.system-units { width:82%; }.tool-tabs { grid-template-columns:1fr 1fr; }.tool-tabs button { border-bottom:1px solid var(--line-soft); }.unit-convergence { min-height:280px; }
}
@media (max-width:480px) {
  .hero { padding-top:7rem; }.wordmark { gap:.55rem; }.wordmark strong { font-size:clamp(4rem,22vw,5.4rem); }.wordmark span { font-size:.5rem; letter-spacing:.25em; padding-left:.55rem; }.hero h1 { font-size:clamp(2rem,10vw,2.55rem); }.eyebrow { letter-spacing:.13em; font-size:.52rem; }.actions { align-items:stretch; flex-direction:column; }.dual-flow,.about-grid,.fields { grid-template-columns:1fr; }.flow+.flow { border-left:0; border-top:1px solid var(--line); }.about-item+.about-item { border-left:0; padding-left:0; }.hero-meta { display:none; }footer { flex-direction:column; }.section-copy h2,.feature h2 { font-size:clamp(2.1rem,11vw,2.8rem); }
  .trust-strip .wrap,.institutional-facts,.service-ledger,.method-split,.metric-row,.case-scope,.process-line { grid-template-columns:1fr; }.trust-strip span { padding:.75rem 0; border-left:0; border-bottom:1px solid var(--line-soft); }.service-ledger article:nth-child(even) { padding-left:0; border-left:0; }.method-split article+article { border-left:0; border-top:1px solid var(--line); }.metric-row div { padding:1rem 0; }.case-scope { gap:2rem; }.process-line article+article { padding-left:0; border-left:0; }
  .hero-visual { inset:6rem -75% 18% 5%; }.visual-sequence { gap:.35rem; }.visual-sequence i { width:10px; }.visual-sequence span { font-size:.4rem; }.card-visual { opacity:.16; }.case-flow { flex-wrap:wrap; }.case-flow i { min-width:12px; }.tool-tabs { grid-template-columns:1fr; }.tool-tabs button { min-height:44px; text-align:left; padding-inline:1rem; }.tool-display { min-height:215px; }.demo-graph { left:25%; opacity:.6; }.tool-copy { max-width:75%; }.unit-convergence { min-height:350px; }.unit-orbit span:nth-child(1),.unit-orbit span:nth-child(2),.unit-orbit span:nth-child(3){left:4%}.unit-orbit span:nth-child(4),.unit-orbit span:nth-child(5),.unit-orbit span:nth-child(6){right:4%}.central-operation { padding:1rem; }.operation-stream { left:5%;right:5%; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.hero::before,.site-nav,.hero-sequence>*,.type-cursor::after,.hero-visual,.map-links path,.map-nodes circle,.scan-marker,.map-labels,.visual-sequence i,.trust-strip,.stagger-group>*,.system-units span,.system-bus i,.system-output span{animation:none!important}.hero-sequence>*,.hero-visual,.map-nodes circle,.map-labels,.trust-strip,.stagger-group>*{opacity:1;transform:none}.map-links path{stroke-dashoffset:0}.visual-sequence i,.system-bus i{transform:scaleX(1)}.scan-marker{display:none}.reveal{opacity:1;transform:none;transition:none} }

/* 2026 brand system — shared precision, intentionally distinct operating modes. */
:root { --red:#e52b2f; --red-dark:#b6171d; --paper:#f4f2ed; --graphite:#161719; --ease-out:cubic-bezier(.16,1,.3,1); --ease-precision:cubic-bezier(.22,.8,.22,1); --motion-fast:180ms; --motion-standard:420ms; --motion-deliberate:760ms; --motion-cinematic:1400ms; --radius:2px; }
.skip-link { position:fixed; z-index:100; top:.5rem; left:.5rem; padding:.7rem 1rem; background:var(--ice); color:var(--black); transform:translateY(-150%); transition:transform .2s; }
.skip-link:focus { transform:none; }
.button:focus-visible,a:focus-visible,button:focus-visible { outline:2px solid var(--warm); outline-offset:4px; }
.division-card { color:inherit; text-decoration:none; }
.portal-index,.vertical-kicker { margin-bottom:1.2rem; color:var(--gold); font:500 .55rem "IBM Plex Mono",monospace; letter-spacing:.17em; }
.portal-thesis { color:var(--ice)!important; font:500 1.25rem/1.35 "Cormorant Garamond",serif; }
.portal-signal { display:flex; align-items:center; gap:.65rem; margin:1.7rem 0 2.2rem; color:var(--muted); font:500 .48rem "IBM Plex Mono",monospace; letter-spacing:.12em; }
.portal-signal i { flex:1; height:1px; background:var(--line); transition:transform .6s var(--ease-out); transform-origin:left; }
.portal-signal strong { padding:.45rem .65rem; border:1px solid var(--line); color:var(--warm); font:500 .5rem "IBM Plex Mono",monospace; }
.division-card:hover .portal-signal i { transform:scaleX(.65); }
.group-hero { min-height:min(880px,100svh); }
.group-orbit { position:absolute; inset:14% 4% 5% 48%; opacity:.5; pointer-events:none; }
.group-orbit::before,.group-orbit::after { content:""; position:absolute; inset:8%; border:1px solid var(--line); border-radius:50%; }
.group-orbit::after { inset:25%; border-style:dashed; animation:scanRotate 30s linear infinite; }
.group-orbit span { position:absolute; z-index:2; padding:.65rem; border:1px solid var(--line); background:var(--black); font:500 .5rem "IBM Plex Mono",monospace; letter-spacing:.14em; }
.orbit-core { left:50%; top:50%; transform:translate(-50%,-50%); color:var(--warm); }.orbit-system { left:2%; top:56%; }.orbit-intel { right:2%; top:30%; }
.systems-action { border-color:rgba(229,43,47,.55); }.systems-action:hover { background:var(--red); border-color:var(--red); color:white; }.intel-action:hover { background:var(--warm); border-color:var(--warm); color:var(--black); }
.contact-note { width:min(680px,100%); margin:2rem auto 0; padding:1rem 1.2rem; border:1px solid var(--line); color:var(--ice-2); font-size:.82rem; }

/* SYSTEMS: paper, engineering grid, active red. */
.systems-theme { --black:#f4f2ed; --black-2:#ece9e2; --panel:#ebe8e1; --ice:#161719; --ice-2:rgba(22,23,25,.82); --muted:rgba(22,23,25,.62); --gold:#e52b2f; --warm:#b6171d; --line:rgba(22,23,25,.2); --line-soft:rgba(22,23,25,.09); background:var(--paper); color:var(--graphite); }
.systems-theme body::before,.systems-theme::before { opacity:.12; }
.systems-theme .site-nav { background:linear-gradient(#f4f2edfa,#f4f2edcf); }.systems-theme .site-nav.scrolled { background:#f4f2edfa; }
.systems-theme .menu { color:var(--graphite); }.systems-theme .nav-links.open { background:#f4f2edfc; }
.systems-theme .brand span,.systems-theme .eyebrow,.systems-theme .section-no,.systems-theme .case-label { color:var(--red-dark); }
.systems-theme .hero::before { background-image:linear-gradient(rgba(22,23,25,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,23,25,.045) 1px,transparent 1px); }
.systems-theme .wordmark span { color:var(--red); }.systems-theme .hero h1 em,.systems-theme h2 em { color:var(--red-dark); }
.systems-theme .button.primary { background:var(--red); border-color:var(--red); color:white; }.systems-theme .button.primary:hover { background:var(--graphite); border-color:var(--graphite); color:white; }
.systems-theme .trust-strip { background:#ebe8e1; }.systems-theme .section-alt { background:#ebe8e1; }
.systems-theme .division-card,.systems-theme .proof-card,.systems-theme .metric-row div { background:var(--paper); }
.systems-theme .principle-box { background:#ebe8e1; }.systems-theme .central-operation { background:var(--paper); }
.systems-theme section::after { background:linear-gradient(90deg,var(--red),transparent 38%); }
.systems-theme .system-units span,.systems-theme .system-output span { background:rgba(244,242,237,.72); }
.systems-theme .system-bus strong { color:var(--red-dark); }
.systems-theme .systems-visual { opacity:.55; }
.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:3rem; border-block:1px solid var(--line); }
.capability-grid article { position:relative; min-height:260px; padding:1.7rem; border-right:1px solid var(--line); transition:background .3s,transform .3s var(--ease-out); overflow:hidden; }
.capability-grid article:first-child { border-left:1px solid var(--line); }.capability-grid article:hover { background:rgba(229,43,47,.055); transform:translateY(-4px); }
.capability-grid article::after { content:attr(data-capability); position:absolute; right:-.25rem; bottom:-1rem; color:rgba(229,43,47,.055); font:700 2.5rem "Manrope",sans-serif; writing-mode:vertical-rl; }
.capability-grid article>span,.capability-grid small { color:var(--red-dark); font:500 .52rem "IBM Plex Mono",monospace; letter-spacing:.12em; }
.capability-grid h3 { margin-top:1.6rem; font-size:1.9rem; }.capability-grid p { margin:.8rem 0 1.5rem; color:var(--muted); font-size:.84rem; }
.erp-thesis { background:var(--graphite); color:var(--paper); }.erp-thesis .muted { color:rgba(244,242,237,.6); }.erp-thesis .thesis-layout p { color:rgba(244,242,237,.66); }
.thesis-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2.5rem,8vw,7rem); align-items:start; }.thesis-layout h2 { font-size:clamp(2.5rem,4.5vw,4.4rem); }.thesis-layout p+p { margin-top:1.2rem; }
.thesis-callout { padding-left:1rem; border-left:2px solid var(--red); color:white!important; font-weight:600; }
.operation-blueprint { margin-top:3rem; padding:clamp(1.5rem,4vw,3rem); border:1px solid var(--line); background-image:linear-gradient(rgba(22,23,25,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,23,25,.035) 1px,transparent 1px); background-size:32px 32px; }
.operation-blueprint>i { display:block; width:1px; height:28px; margin:auto; background:var(--red); }.blueprint-level,.blueprint-units { display:flex; justify-content:center; gap:.6rem; flex-wrap:wrap; }
.blueprint-level span,.blueprint-units span,.blueprint-level strong { padding:.6rem .8rem; border:1px solid var(--line); background:var(--paper); font:500 .5rem "IBM Plex Mono",monospace; letter-spacing:.08em; }.blueprint-level.main strong { border-color:var(--red); color:var(--red-dark); }
.case-proof { display:grid; grid-template-columns:1fr 1fr; margin-top:2.5rem; border-top:1px solid var(--line); }.case-proof article { padding:2rem 2rem 2rem 0; }.case-proof article+article { padding-left:2rem; border-left:1px solid var(--line); }.case-proof h3 { margin-top:.8rem; font-size:1.8rem; }.case-proof p { margin-top:1rem; color:var(--muted); }.case-proof ul { margin-top:1rem; list-style:none; color:var(--muted); }.case-proof li { padding:.4rem 0; border-bottom:1px solid var(--line-soft); }
.performance-flow { display:flex; align-items:center; gap:.5rem; margin-top:1.2rem; color:var(--muted); font:500 .48rem "IBM Plex Mono",monospace; }.performance-flow i { flex:1; height:1px; background:var(--red); }
.engagement-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:3rem; border:1px solid var(--line); }.engagement-grid article { min-height:210px; padding:2rem; }.engagement-grid article+article { border-left:1px solid var(--line); }.engagement-grid b { color:var(--red); font:500 .55rem "IBM Plex Mono",monospace; }.engagement-grid h3 { margin-top:2rem; font-size:2rem; }.engagement-grid p { margin-top:.7rem; color:var(--muted); }

/* INTEL: deeper space, champagne as evidence highlight rather than decoration. */
.intel-capabilities { display:grid; grid-template-columns:repeat(2,1fr); margin-top:3rem; border:1px solid var(--line); }
.intel-capabilities article { position:relative; min-height:210px; padding:2rem; }.intel-capabilities article:nth-child(even) { border-left:1px solid var(--line); }.intel-capabilities article:nth-child(n+3) { border-top:1px solid var(--line); }
.intel-capabilities article>span { color:var(--gold); font:500 .53rem "IBM Plex Mono",monospace; }.intel-capabilities h3 { margin-top:1.5rem; font-size:2rem; }.intel-capabilities p { margin-top:.7rem; color:var(--muted); max-width:490px; }
.market-list { margin-top:3rem; border-top:1px solid var(--line); }.market-list article,.market-list a { display:grid; grid-template-columns:50px 1fr 1.2fr auto; gap:1.5rem; align-items:center; padding:1.5rem 0; border-bottom:1px solid var(--line-soft); color:inherit; text-decoration:none; transition:padding .3s var(--ease-out),background .3s; }
.market-list a:hover { padding-inline:1rem; background:rgba(184,150,12,.05); }.market-list b,.market-list span { color:var(--gold); font:500 .52rem "IBM Plex Mono",monospace; }.market-list h3 { font-size:1.6rem; }.market-list p { color:var(--muted); font-size:.82rem; }
.method-intro { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(2rem,8vw,7rem); align-items:end; }.method-intro h2 { font-size:clamp(2.5rem,4.5vw,4.2rem); }.method-intro>p { color:var(--muted); }
.intel-pipeline { display:flex; align-items:stretch; margin-top:3rem; overflow-x:auto; padding-bottom:.75rem; scrollbar-width:thin; }.intel-pipeline article { flex:1 0 116px; min-height:145px; padding:1rem; border:1px solid var(--line); }.intel-pipeline>i { flex:0 0 22px; align-self:center; height:1px; background:var(--gold); }.intel-pipeline b,.intel-pipeline span,.intel-pipeline small { display:block; }.intel-pipeline b { color:var(--gold); font:500 .48rem "IBM Plex Mono",monospace; }.intel-pipeline span { margin-top:2rem; font:500 .6rem "IBM Plex Mono",monospace; letter-spacing:.1em; }.intel-pipeline small { margin-top:.5rem; color:var(--muted); font-size:.65rem; }.intel-pipeline .pipeline-output { border-color:var(--warm); background:rgba(184,150,12,.07); }

/* Vertical landing compositions. */
.vertical-hero { min-height:min(880px,100svh); }.vertical-hero .wrap { position:relative; z-index:2; }.vertical-hero h1 { max-width:880px; font-size:clamp(2.7rem,5vw,4.8rem); }.vertical-kicker { margin-bottom:1rem; }
.retail-dashboard { padding:1.3rem; border:1px solid var(--line); background:rgba(244,242,237,.88); box-shadow:0 24px 70px rgba(22,23,25,.1); transform:perspective(900px) rotateY(-7deg); }
.dash-top,.dash-flow { display:flex; align-items:center; gap:.7rem; font:500 .48rem "IBM Plex Mono",monospace; letter-spacing:.1em; }.dash-top i,.dash-flow i { flex:1; height:1px; background:var(--red); }.dash-top b { color:var(--red); }.dash-units { display:grid; grid-template-columns:repeat(2,1fr); gap:.7rem; margin:2rem 0; }.dash-units>span { padding:1rem; border:1px solid var(--line); font:600 .7rem "IBM Plex Mono",monospace; }.dash-units small { display:block; margin-top:.4rem; color:var(--muted); font-size:.45rem; }.dash-units span:nth-child(3) { border-color:var(--red); }.dash-flow strong { color:var(--red-dark); }
.gap-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:1.3rem; align-items:center; margin-top:3rem; }.gap-flow>div { min-height:230px; padding:1.5rem; border:1px solid var(--line); }.gap-flow>div>span,.gap-flow b { display:block; }.gap-flow>div>span { margin-bottom:1.5rem; color:var(--red-dark); font:500 .52rem "IBM Plex Mono",monospace; letter-spacing:.12em; }.gap-flow b { padding:.5rem 0; border-bottom:1px solid var(--line-soft); font-size:.8rem; }.gap-flow>i { color:var(--red); font-style:normal; }.gap-flow .gap-core { display:grid; place-content:center; text-align:center; border-color:var(--red); }.gap-core strong { font:600 1rem "IBM Plex Mono",monospace; }
.family-graph { position:relative; opacity:.55; }.family-graph span { position:absolute; padding:.6rem; border:1px solid var(--line); font:500 .48rem "IBM Plex Mono",monospace; letter-spacing:.1em; }.family-graph span:nth-child(1){left:40%;top:42%;border-color:var(--warm)}.family-graph span:nth-child(2){left:8%;top:20%}.family-graph span:nth-child(3){right:5%;top:15%}.family-graph span:nth-child(4){left:10%;bottom:14%}.family-graph span:nth-child(5){right:8%;bottom:20%}.family-graph i { position:absolute; left:45%; top:45%; width:35%; height:1px; background:var(--gold); transform-origin:left; opacity:.5; }.family-graph i:nth-of-type(1){transform:rotate(-145deg)}.family-graph i:nth-of-type(2){transform:rotate(-45deg)}.family-graph i:nth-of-type(3){transform:rotate(145deg)}.family-graph i:nth-of-type(4){transform:rotate(35deg)}

@media (max-width:900px) {
  .capability-grid { grid-template-columns:1fr 1fr; }.capability-grid article:nth-child(3) { border-left:1px solid var(--line); border-top:1px solid var(--line); }.capability-grid article:nth-child(4) { border-top:1px solid var(--line); }
  .group-orbit,.retail-dashboard,.family-graph { opacity:.22; inset:16% -25% 10% 45%; }.retail-dashboard { transform:none; }.thesis-layout,.method-intro { grid-template-columns:1fr; }
  .market-list article,.market-list a { grid-template-columns:40px 1fr; }.market-list p { grid-column:2; }.market-list span { grid-column:2; }
  .gap-flow { grid-template-columns:1fr; }.gap-flow>i { transform:rotate(90deg); text-align:center; }.gap-flow>div { min-height:auto; }
}
@media (max-width:600px) {
  .group-hero,.vertical-hero { min-height:auto; }.group-orbit,.retail-dashboard,.family-graph { display:none; }
  .capability-grid,.intel-capabilities,.engagement-grid,.case-proof { grid-template-columns:1fr; }.capability-grid article { min-height:auto; border-left:1px solid var(--line); border-bottom:1px solid var(--line); }.intel-capabilities article:nth-child(even),.intel-capabilities article:nth-child(n+2),.engagement-grid article+article,.case-proof article+article { border-left:0; border-top:1px solid var(--line); }
  .engagement-grid article { min-height:auto; }.case-proof article,.case-proof article+article { padding:1.5rem 0; }.performance-flow { flex-wrap:wrap; }.performance-flow i { flex-basis:12px; }
  .operation-blueprint { margin-inline:calc(var(--gutter) * -.45); }.blueprint-level.main { flex-direction:column; align-items:stretch; text-align:center; }
  .intel-pipeline article { flex-basis:108px; }.intel-pipeline>i { flex-basis:12px; }
}
@media (prefers-reduced-motion:reduce) { .group-orbit::after { animation:none; }.capability-grid article,.portal-signal i,.market-list a { transition:none; } }

/* ───────────────────────────── EXPERIENCE PASS / visual systems */
body { --scroll-progress:0; }
.site-nav::after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:var(--gold); transform:scaleX(var(--scroll-progress)); transform-origin:left; opacity:.75; }
.site-nav .brand b { transition:letter-spacing var(--motion-standard) var(--ease-out); }.site-nav .brand:hover b { letter-spacing:.32em; }
.line-mask { display:block; overflow:hidden; }.line-mask::after { content:""; position:absolute; inset:0; pointer-events:none; }
.hero-status { position:absolute; left:var(--gutter); bottom:1.5rem; display:flex; align-items:center; gap:.8rem; color:var(--muted); font:500 .47rem "IBM Plex Mono",monospace; letter-spacing:.12em; }
.hero-status i { width:60px; height:1px; overflow:hidden; background:var(--line); }.hero-status i::after { content:""; display:block; width:45%; height:100%; background:var(--gold); animation:statusTravel 2.4s var(--ease-precision) infinite; }.hero-status b { color:var(--gold); font-weight:500; }
.interactive-card { --pointer-x:50%; --pointer-y:50%; isolation:isolate; }
.interactive-card::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; opacity:0; background:radial-gradient(420px circle at var(--pointer-x) var(--pointer-y),rgba(212,165,116,.12),transparent 45%); transition:opacity var(--motion-standard); }
.interactive-card:hover::before { opacity:1; }

/* GROUP / a dual instrument, not a decorative orbit. */
.group-hero { transition:background var(--motion-deliberate) var(--ease-out),color var(--motion-deliberate) var(--ease-out); }
.dual-console { border:1px solid var(--line); overflow:hidden; background:#09090a; box-shadow:0 40px 100px rgba(0,0,0,.32); opacity:0; animation:visualIn 1.2s .45s var(--ease-out) forwards; }
.dual-console::before { content:""; position:absolute; inset:0; background:linear-gradient(rgba(240,237,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(240,237,232,.025) 1px,transparent 1px); background-size:42px 42px; }
.dual-switch { position:absolute; z-index:4; top:1rem; left:1rem; right:1rem; display:flex; align-items:center; gap:.75rem; color:rgba(240,237,232,.35); font:500 .5rem "IBM Plex Mono",monospace; letter-spacing:.14em; }.dual-switch i { flex:1; height:1px; background:linear-gradient(90deg,var(--red),var(--warm)); }.dual-switch .is-active { color:var(--ice); }
.dual-scene { position:absolute; inset:3.5rem 1rem 3.4rem; transition:opacity var(--motion-deliberate) var(--ease-out),transform var(--motion-deliberate) var(--ease-out); }
.systems-scene { background:var(--paper); color:var(--graphite); }.scene-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(22,23,25,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,23,25,.06) 1px,transparent 1px); background-size:38px 38px; }
.scene-units { position:absolute; inset:14% 8% auto; display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }.scene-units i { padding:.55rem; border:1px solid rgba(22,23,25,.15); font:500 .48rem "IBM Plex Mono",monospace; font-style:normal; text-align:center; animation:unitSync 3s var(--ease-precision) infinite; }.scene-units i:nth-child(2n){animation-delay:.3s}.scene-units i:nth-child(3n){animation-delay:.6s}
.scene-core { position:absolute; left:50%; top:56%; transform:translate(-50%,-50%); display:grid; place-items:center; width:110px; aspect-ratio:1; border:1px solid var(--red); background:inherit; }.scene-core small,.scene-core strong { display:block; }.scene-core small { font:500 .48rem "IBM Plex Mono",monospace; letter-spacing:.16em; }.scene-core strong { margin-top:.35rem; font:600 1.25rem "Cormorant Garamond",serif; }
.scene-output { position:absolute; left:12%; right:12%; bottom:10%; display:flex; justify-content:space-between; }.scene-output span { font:500 .48rem "IBM Plex Mono",monospace; letter-spacing:.12em; }
.intel-scene { opacity:0; transform:translateY(14px); background:radial-gradient(circle at center,rgba(184,150,12,.11),transparent 35%); }.intel-scene svg { width:100%; height:100%; }.intel-scene path,.intel-scene circle,.intel-scene rect { fill:#09090a; stroke:var(--gold); stroke-width:1; vector-effect:non-scaling-stroke; }.intel-scene path { fill:none; opacity:.38; }.intel-scene text { fill:var(--muted); font:500 9px "IBM Plex Mono",monospace; letter-spacing:1px; }.intel-scene .scene-core { border-color:var(--warm); color:var(--ice); background:#09090a; }
.dual-caption { position:absolute; left:1rem; right:1rem; bottom:1rem; display:flex; justify-content:space-between; color:rgba(240,237,232,.38); font:500 .45rem "IBM Plex Mono",monospace; letter-spacing:.1em; }.dual-caption b { color:rgba(240,237,232,.6); font-weight:500; }
.group-theme[data-dual-mode="intel"] .systems-scene { opacity:0; transform:translateY(-14px); }.group-theme[data-dual-mode="intel"] .intel-scene { opacity:1; transform:none; }.group-theme[data-dual-mode="intel"] .dual-console { border-color:rgba(184,150,12,.32); }.group-theme[data-dual-mode="intel"] .dual-switch [data-mode-label="systems"] { color:rgba(240,237,232,.35); }.group-theme[data-dual-mode="intel"] .dual-switch [data-mode-label="intel"] { color:var(--ice); }

/* SYSTEMS / the operation comes online. */
.ops-console { z-index:1; padding:1.1rem; border:1px solid rgba(22,23,25,.18); background:rgba(244,242,237,.92); box-shadow:0 35px 90px rgba(22,23,25,.14); transform:perspective(1200px) rotateY(-5deg) rotateX(2deg); opacity:0; animation:consoleBoot 1s .35s var(--ease-out) forwards; }
.hero-systems h1 { max-width:650px; }.hero-intelligence h1 { max-width:720px; }.group-hero h1 { max-width:650px; }
.ops-console::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 45%,rgba(255,255,255,.45),transparent 58%); transform:translateX(-100%); animation:consoleSweep 5s 1.8s var(--ease-precision) infinite; }
.console-head,.console-foot { display:flex; align-items:center; justify-content:space-between; padding:.55rem 0; border-bottom:1px solid var(--line); font:500 .45rem "IBM Plex Mono",monospace; letter-spacing:.1em; }.console-head i { display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--red); box-shadow:0 0 0 4px rgba(229,43,47,.1); animation:statusPulse 1.8s infinite; }.console-head b { color:var(--red-dark); font-weight:500; }
.console-kpis { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:1rem; background:var(--line); }.console-kpis article { position:relative; min-height:145px; padding:1rem; background:var(--paper); overflow:hidden; }.console-kpis small,.console-kpis span,.console-kpis strong { display:block; }.console-kpis small { color:var(--muted); font:500 .43rem "IBM Plex Mono",monospace; letter-spacing:.1em; }.console-kpis strong { margin-top:.8rem; font:600 2rem "Manrope",sans-serif; letter-spacing:-.06em; }.console-kpis span { color:var(--muted); font-size:.6rem; }.console-kpis svg { position:absolute; left:1rem; right:1rem; bottom:.7rem; width:calc(100% - 2rem); height:34px; }.console-kpis svg path { fill:none; stroke:var(--red); stroke-width:1.5; stroke-dasharray:240; stroke-dashoffset:240; animation:chartDraw 1.4s 1.2s var(--ease-out) forwards; }
.unit-pulse { display:grid; grid-template-columns:repeat(6,1fr); gap:.3rem; margin-top:1.2rem; }.unit-pulse i { aspect-ratio:1; border:1px solid var(--line); background:rgba(229,43,47,.08); animation:unitSync 2.6s infinite; }.unit-pulse i:nth-child(2){animation-delay:.2s}.unit-pulse i:nth-child(3){animation-delay:.4s}.unit-pulse i:nth-child(4){animation-delay:.6s}.unit-pulse i:nth-child(5){animation-delay:.8s}.unit-pulse i:nth-child(6){animation-delay:1s}
.console-stream { margin-top:1rem; padding:1rem; border:1px solid var(--line); }.stream-label,.stream-track { display:flex; align-items:center; justify-content:space-between; }.stream-label { color:var(--muted); font:500 .4rem "IBM Plex Mono",monospace; letter-spacing:.1em; }.stream-track { margin-top:.8rem; }.stream-track i { flex:1; height:1px; margin:.3rem; background:var(--line); overflow:hidden; }.stream-track i::after { content:""; display:block; width:28%; height:100%; background:var(--red); animation:dataPacket 2.1s linear infinite; }.stream-track b,.stream-track strong { padding:.35rem; font:500 .44rem "IBM Plex Mono",monospace; }.stream-track strong { border:1px solid var(--red); color:var(--red-dark); }
.console-events { display:grid; grid-template-columns:auto 1fr auto; gap:.5rem 1rem; margin-top:1rem; padding:.8rem 0; border-block:1px solid var(--line); font:500 .43rem "IBM Plex Mono",monospace; }.console-events span { color:var(--muted); }.console-events em { color:var(--red-dark); font-style:normal; text-align:right; }.console-foot { border:0; }.console-foot span { color:var(--muted); }.console-foot i { flex:1; height:1px; margin:0 .7rem; background:var(--line); }.console-foot b { color:var(--red-dark); }
.systems-theme .hero { overflow:visible; }.systems-theme #capacidades { overflow:hidden; }.systems-theme #capacidades::before { content:""; position:absolute; z-index:2; top:0; bottom:0; left:calc((100% - min(1160px,100%))/2 + var(--gutter) + 5px); width:1px; background:linear-gradient(var(--red),rgba(229,43,47,.05)); }
.cap-viz { position:relative; height:78px; margin:1.4rem 0 .2rem; border-bottom:1px solid var(--line); overflow:hidden; }.revenue-viz { display:flex; align-items:end; gap:.3rem; }.revenue-viz b { position:absolute; right:0; top:0; color:var(--red-dark); font:600 1.4rem "Manrope",sans-serif; }.revenue-viz i { width:8px; height:var(--h); background:rgba(22,23,25,.14); transition:height var(--motion-deliberate) var(--ease-out),background var(--motion-standard); }.interactive-card:hover .revenue-viz i { height:calc(var(--h) + 9%); background:var(--red); }
.efficiency-viz { display:flex; align-items:center; gap:.35rem; }.efficiency-viz i,.efficiency-viz strong { padding:.4rem; border:1px solid var(--line); font:500 .4rem "IBM Plex Mono",monospace; font-style:normal; transition:opacity var(--motion-standard),transform var(--motion-standard); }.efficiency-viz strong { margin-left:auto; border-color:var(--red); color:var(--red-dark); }.interactive-card:hover .efficiency-viz i:nth-child(2){opacity:.25;transform:scale(.8)}.interactive-card:hover .efficiency-viz i:nth-child(3){opacity:0;transform:scale(.6)}
.control-viz { display:grid; grid-template-columns:repeat(3,1fr); place-items:center; gap:.55rem; border:0; }.control-viz i { width:9px; height:9px; border:1px solid var(--line); }.control-viz strong { position:absolute; left:50%; top:50%; width:24px; height:24px; border:1px solid var(--red); transform:translate(-50%,-50%); }.control-viz strong::before,.control-viz strong::after { content:""; position:absolute; left:50%; top:50%; width:110px; height:1px; background:var(--line); transform:translate(-50%,-50%); }.control-viz strong::after { transform:translate(-50%,-50%) rotate(90deg); }.interactive-card:hover .control-viz i { background:var(--red); border-color:var(--red); }
.intelligence-viz { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.6rem; }.intelligence-viz i { width:8px; height:8px; border-radius:50%; background:var(--red); animation:statusPulse 2s infinite; }.intelligence-viz span,.intelligence-viz b { font:500 .42rem "IBM Plex Mono",monospace; }.intelligence-viz b { padding:.35rem; border:1px solid var(--red); color:var(--red-dark); }
.case-story { --story-progress:0; }.case-stage { position:relative; margin-top:3rem; padding-left:3rem; }.story-rail { position:absolute; left:0; top:0; bottom:0; display:flex; flex-direction:column; justify-content:space-between; align-items:center; }.story-rail i { position:absolute; top:0; bottom:0; width:1px; background:var(--line); }.story-rail i::after { content:""; display:block; width:1px; height:calc(var(--story-progress) * 100%); background:var(--red); }.story-rail span { z-index:1; display:grid; place-items:center; width:24px; height:24px; background:var(--black-2); border:1px solid var(--line); color:var(--muted); font:500 .42rem "IBM Plex Mono",monospace; }
.case-story .operation-blueprint { position:relative; margin-top:0; }.case-story .blueprint-level,.case-story .blueprint-units { opacity:calc(.25 + var(--story-progress)); transform:translateY(calc((1 - var(--story-progress)) * 12px)); transition:opacity var(--motion-standard),transform var(--motion-standard); }.data-packet { position:absolute; top:50%; left:calc(8% + var(--story-progress) * 72%); padding:.3rem .4rem; background:var(--red); color:white; font:500 .4rem "IBM Plex Mono",monospace; box-shadow:0 8px 24px rgba(229,43,47,.22); }
.performance-engine { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:.55rem; margin-top:1.3rem; }.performance-engine>div { min-width:0; padding:.7rem; border:1px solid var(--line); }.performance-engine small,.performance-engine strong,.performance-engine em { display:block; }.performance-engine small { color:var(--muted); font:500 .4rem "IBM Plex Mono",monospace; }.performance-engine strong { margin-top:.35rem; font:600 .85rem "Manrope",sans-serif; }.performance-engine em { color:var(--red-dark); font:500 .37rem "IBM Plex Mono",monospace; font-style:normal; }.performance-engine i { display:block; height:2px; margin-top:.6rem; background:var(--line); }.performance-engine i b { display:block; width:74%; height:100%; background:var(--red); }.performance-engine>span { color:var(--red); }

/* INTEL / structured information and deliberate discovery. */
.intel-theme { --motion-standard:520ms; --motion-deliberate:900ms; --motion-cinematic:1800ms; }
.intel-graph { --graph-x:0px; --graph-y:0px; opacity:0; transform:translate3d(var(--graph-x),var(--graph-y),0); animation:visualIn var(--motion-cinematic) .25s var(--ease-out) forwards; }.intel-graph::before { content:""; position:absolute; inset:10% 8%; background:radial-gradient(circle at 54% 44%,rgba(184,150,12,.1),transparent 45%); filter:blur(8px); }.intel-graph svg { position:relative; width:100%; height:100%; overflow:visible; }
.graph-grid path { fill:none; stroke:rgba(184,150,12,.07); stroke-width:.6; }.graph-links path { fill:none; stroke:var(--gold); stroke-width:1; opacity:.32; stroke-dasharray:700; stroke-dashoffset:700; animation:drawMap 2.8s .75s var(--ease-out) forwards; transition:opacity var(--motion-standard),stroke-width var(--motion-standard); }.graph-links .edge-noise { opacity:.1; stroke-dasharray:3 7; }.graph-halos circle { fill:none; stroke:var(--gold); stroke-width:.6; opacity:.12; stroke-dasharray:4 10; transform-origin:450px 292px; animation:scanRotate 24s linear infinite; }.graph-halos circle+circle { animation-direction:reverse; animation-duration:17s; }
.graph-nodes g { cursor:default; outline:none; opacity:0; animation:nodeIn .65s var(--ease-out) forwards; }.graph-nodes g:nth-child(1){animation-delay:1s}.graph-nodes g:nth-child(2){animation-delay:1.25s}.graph-nodes g:nth-child(3){animation-delay:1.5s}.graph-nodes g:nth-child(4){animation-delay:1.75s}.graph-nodes g:nth-child(5){animation-delay:2s}.graph-nodes g:nth-child(6){animation-delay:.6s}.graph-nodes circle,.graph-nodes rect,.graph-nodes path { fill:#080808; stroke:var(--gold); stroke-width:1.2; vector-effect:non-scaling-stroke; transition:fill var(--motion-standard),stroke-width var(--motion-standard); }.graph-nodes text { fill:rgba(240,237,232,.62); font:500 8px "IBM Plex Mono",monospace; letter-spacing:1px; }.graph-nodes .node-meta { fill:rgba(240,237,232,.26); font-size:6px; }.graph-nodes g:hover circle,.graph-nodes g:focus circle,.graph-nodes g:hover rect,.graph-nodes g:focus rect,.graph-nodes g:hover path,.graph-nodes g:focus path { fill:rgba(184,150,12,.22); stroke-width:2; }.node-aura { stroke:none!important; }
.intel-graph[data-focus="company"] [data-edge~="company"],.intel-graph[data-focus="person"] [data-edge~="person"],.intel-graph[data-focus="document"] [data-edge~="document"],.intel-graph[data-focus="event"] [data-edge~="event"],.intel-graph[data-focus="process"] [data-edge~="process"] { opacity:.8; stroke-width:1.7; }.intel-graph[data-focus] .edge-noise { opacity:.025; }
.graph-console { position:absolute; left:12%; right:7%; bottom:2%; display:grid; grid-template-columns:2fr repeat(3,1fr); border:1px solid var(--line); background:rgba(8,8,8,.78); backdrop-filter:blur(10px); }.graph-console>div { padding:.7rem; }.graph-console>div+div { border-left:1px solid var(--line); }.graph-console span,.graph-console b,.graph-console small,.graph-console strong { display:block; }.graph-console span,.graph-console small { color:var(--muted); font:500 .4rem "IBM Plex Mono",monospace; letter-spacing:.12em; }.graph-console b { margin-top:.3rem; color:var(--warm); font:500 .48rem "IBM Plex Mono",monospace; }.graph-console strong { margin-top:.2rem; font:500 1rem "Cormorant Garamond",serif; }
.graph-focus { position:absolute; right:8%; top:12%; padding:.7rem; border-left:1px solid var(--gold); }.graph-focus span,.graph-focus strong,.graph-focus small { display:block; }.graph-focus span { color:var(--gold); font:500 .4rem "IBM Plex Mono",monospace; }.graph-focus strong { margin:.25rem 0; font:500 .6rem "IBM Plex Mono",monospace; }.graph-focus small { color:var(--muted); font-size:.55rem; }
.intel-story { min-height:135vh; --story-progress:0; --story-step:0; }.intel-story-stage { display:grid; grid-template-columns:.7fr 1.3fr; gap:clamp(2rem,8vw,7rem); margin-top:4rem; align-items:start; }.story-copy article { min-height:135px; padding:1.2rem 0; border-top:1px solid var(--line-soft); opacity:.3; transition:opacity var(--motion-deliberate),transform var(--motion-deliberate); }.story-copy article.is-active { opacity:1; transform:translateX(8px); }.story-copy b,.story-copy span { color:var(--gold); font:500 .52rem "IBM Plex Mono",monospace; }.story-copy span { margin-left:1rem; letter-spacing:.16em; }.story-copy p { max-width:420px; margin-top:.7rem; color:var(--muted); font-size:.8rem; }
.story-visual { position:sticky; top:16vh; height:min(68vh,620px); border:1px solid var(--line); background:radial-gradient(circle at center,rgba(184,150,12,.1),transparent 42%); overflow:hidden; }.story-visual svg { width:100%; height:calc(100% - 54px); }.story-noise circle { fill:var(--gold); opacity:calc(.35 - var(--story-progress) * .3); }.story-links path { fill:none; stroke:var(--gold); opacity:calc(.12 + var(--story-progress) * .55); stroke-dasharray:700; stroke-dashoffset:calc(700 - var(--story-progress) * 700); }.story-nodes circle,.story-nodes rect,.story-nodes path { fill:#09090a; stroke:var(--gold); opacity:calc(.25 + var(--story-progress)); }.story-core { fill:rgba(184,150,12,.12)!important; }.story-ring { fill:none; stroke:var(--warm); stroke-dasharray:5 12; opacity:calc(var(--story-progress) * .55); transform-origin:center; animation:scanRotate 20s linear infinite; }.story-visual text { fill:var(--warm); font:500 8px "IBM Plex Mono",monospace; letter-spacing:1px; }
.story-readout { position:absolute; left:1rem; right:1rem; bottom:1rem; display:flex; align-items:center; gap:.8rem; font:500 .48rem "IBM Plex Mono",monospace; }.story-readout span,.story-readout small { color:var(--muted); }.story-readout strong { color:var(--warm); letter-spacing:.14em; }.story-readout i { flex:1; height:1px; background:linear-gradient(90deg,var(--gold) calc(var(--story-progress) * 100%),var(--line) 0); }
.ecosystem-intro { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(2rem,8vw,7rem); align-items:end; }.ecosystem-intro h2 { font-size:clamp(2.5rem,4.5vw,4.2rem); }.ecosystem-intro>p { color:var(--muted); }.intel-ecosystem { display:grid; grid-template-columns:.42fr 1.45fr .55fr; gap:1px; margin-top:3rem; border:1px solid var(--line); background:var(--line); }.intel-ecosystem>* { background:var(--black); }.ecosystem-sources,.ecosystem-output { padding:1rem; }.ecosystem-sources span,.ecosystem-output span,.ecosystem-output strong,.ecosystem-output small { display:block; }.ecosystem-sources span { padding:.75rem 0; border-bottom:1px solid var(--line-soft); color:var(--muted); font:500 .43rem "IBM Plex Mono",monospace; }.ecosystem-sources i { display:block; width:1px; height:50px; margin:1.2rem auto 0; background:linear-gradient(var(--gold),transparent); }.intel-ecosystem .tool-experience { margin:0; border:0; }.ecosystem-output span,.ecosystem-output small { color:var(--gold); font:500 .42rem "IBM Plex Mono",monospace; letter-spacing:.1em; }.ecosystem-output strong { padding:1rem 0; font:500 .7rem "IBM Plex Mono",monospace; }.ecosystem-output i { display:block; height:1px; background:var(--line); }.ecosystem-output small { margin-top:2rem; color:var(--warm); }.principle-line { display:grid; grid-template-columns:.4fr 1fr; gap:2rem; margin-top:1rem; padding:1.5rem 0; border-block:1px solid var(--line); }.principle-line p { max-width:700px; color:var(--ice-2); font:500 1.35rem/1.35 "Cormorant Garamond",serif; }

@keyframes statusTravel { from{transform:translateX(-120%)}to{transform:translateX(280%)} }
@keyframes unitSync { 0%,100%{background:transparent;border-color:var(--line)}45%,60%{background:rgba(229,43,47,.13);border-color:var(--red)} }
@keyframes consoleBoot { from{opacity:0;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg) translateY(18px) scale(.98)}to{opacity:1;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)} }
@keyframes consoleSweep { 0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)} }
@keyframes statusPulse { 50%{opacity:.4;box-shadow:0 0 0 8px rgba(229,43,47,0)} }
@keyframes chartDraw { to{stroke-dashoffset:0} }
@keyframes dataPacket { from{transform:translateX(-130%)}to{transform:translateX(460%)} }

@media (max-width:1050px) {
  .performance-engine { grid-template-columns:1fr 1fr; }.performance-engine>span { display:none; }
  .intel-ecosystem { grid-template-columns:1fr; }.ecosystem-sources { display:flex; gap:1rem; overflow:hidden; }.ecosystem-sources span { flex:1; }.ecosystem-sources i { display:none; }.ecosystem-output { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.ecosystem-output>span,.ecosystem-output>small { grid-column:1/-1; }.ecosystem-output i { display:none; }
}
@media (max-width:800px) {
  .nav-links { display:flex; visibility:hidden; opacity:0; transform:translateY(-10px); pointer-events:none; transition:opacity var(--motion-standard) var(--ease-out),transform var(--motion-standard) var(--ease-out),visibility var(--motion-standard); }
  .nav-links.open { display:flex; visibility:visible; opacity:1; transform:none; pointer-events:auto; }
  .dual-console,.ops-console,.intel-graph { position:relative; order:2; inset:auto; width:calc(100% - var(--gutter) * 2); height:390px; margin:2rem var(--gutter) 0; transform:none; }.group-hero,.hero-systems,.hero-intelligence { display:flex; flex-direction:column; align-items:stretch; }.group-hero .wrap,.hero-systems .wrap,.hero-intelligence .wrap { order:1; padding-bottom:0; }.group-hero,.hero-systems,.hero-intelligence { padding-bottom:2.5rem; }.hero-status { display:none; }
  .intel-story { min-height:0; }.intel-story-stage { grid-template-columns:1fr; }.story-copy { display:grid; grid-template-columns:1fr 1fr; }.story-copy article { padding-right:1rem; }.story-visual { position:relative; top:auto; height:440px; }
  .ecosystem-intro { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .dual-console,.ops-console { height:330px; margin-top:1.5rem; }.intel-graph { height:340px; margin-top:1rem; opacity:.55!important; }.intel-graph .graph-console { left:0; right:0; grid-template-columns:1.5fr repeat(3,1fr); }.graph-console>div { padding:.45rem; }.graph-console strong { font-size:.8rem; }.graph-focus { display:none; }.graph-nodes text { display:none; }
  .console-kpis article { min-height:115px; }.console-events { display:none; }.console-stream { margin-top:.7rem; }.console-foot span:nth-child(2),.console-foot span:nth-child(3) { display:none; }
  .story-copy { grid-template-columns:1fr; }.story-copy article { min-height:auto; }.story-visual { height:360px; }.principle-line { grid-template-columns:1fr; gap:.8rem; }
  .case-stage { padding-left:2rem; }.data-packet { display:none; }.performance-engine { grid-template-columns:1fr 1fr; }
  .ecosystem-sources { display:grid; grid-template-columns:1fr 1fr; }.ecosystem-output { grid-template-columns:1fr; }.ecosystem-output>span,.ecosystem-output>small { grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-status i::after,.scene-units i,.ops-console::after,.console-head i,.console-kpis svg path,.unit-pulse i,.stream-track i::after,.graph-halos circle,.story-ring { animation:none!important; }
  .dual-console,.ops-console,.intel-graph { opacity:1; transform:none; animation:none; }.console-kpis svg path { stroke-dashoffset:0; }.graph-links path { stroke-dashoffset:0; animation:none; }.story-copy article { opacity:1; transform:none; }.case-story .blueprint-level,.case-story .blueprint-units { opacity:1; transform:none; }
}

/* ───────────────────────────── COMPOSITION CORRECTION / reserved hero columns */
.hero-layout {
  width:min(1440px,100%);
  min-width:0;
  min-height:clamp(560px,calc(100svh - 12rem),760px);
  margin-inline:auto;
  padding-inline:var(--gutter);
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(440px,1.04fr);
  gap:clamp(2.5rem,4.5vw,5.5rem);
  align-items:center;
}
.hero-layout>.wrap {
  grid-column:1;
  grid-row:1;
  width:auto;
  min-width:0;
  margin:0;
  padding:0;
}
.hero-layout>.dual-console,
.hero-layout>.ops-console,
.hero-layout>.intel-graph {
  position:relative;
  grid-column:2;
  grid-row:1;
  inset:auto;
  left:auto;
  right:auto;
  width:100%;
  min-width:0;
  height:clamp(440px,61vh,620px);
  margin:0;
}
.hero-layout>.dual-console { transform:none; }
.hero-layout>.ops-console { transform:perspective(1200px) rotateY(-3deg) rotateX(1deg); }
.hero-layout>.intel-graph { transform:translate3d(var(--graph-x),var(--graph-y),0); }
.hero-layout .hero-sequence h1,
.hero-layout .hero-sequence .lede { max-inline-size:100%; }
.hero-layout .hero-sequence h1 { font-size:clamp(2.55rem,3.25vw,3.75rem); line-height:1.01; }
.hero-layout .hero-sequence .lede { max-width:40rem; }
.group-hero .hero-layout { grid-template-columns:minmax(0,1fr) minmax(440px,1fr); }
.group-hero .hero-layout .hero-sequence h1 { max-width:11.5em; }
.hero-systems .hero-layout { grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr); }
.hero-systems .hero-layout .hero-sequence h1 { max-width:10.8em; }
.hero-intelligence .hero-layout { grid-template-columns:minmax(0,.98fr) minmax(440px,1.02fr); }
.hero-intelligence .hero-layout .hero-sequence h1 { max-width:11.8em; }

/* Editorial phrases keep a deliberate 2 + 1 rhythm where the container supports it. */
.ecosystem-intro { grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); }
.ecosystem-intro>div { min-width:0; }
.ecosystem-intro h2 { max-inline-size:21ch; font-size:clamp(2.65rem,3.85vw,4.15rem); line-height:1.02; }
.ecosystem-intro .keep-phrase { white-space:nowrap; }
.section-copy h2,.case-heading h2,.method-intro h2,.ecosystem-intro h2,.discretion h2 { text-wrap:balance; }
.section-copy>p,.case-heading>p,.method-intro>p,.ecosystem-intro>p { text-wrap:pretty; }

/* Notebook range: preserve impact while giving both columns real, bounded space. */
@media (min-width:981px) and (max-width:1366px) {
  .hero-layout {
    grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);
    gap:clamp(2rem,3.25vw,3rem);
    min-height:540px;
  }
  .hero-layout>.dual-console,
  .hero-layout>.ops-console,
  .hero-layout>.intel-graph { height:clamp(400px,58vh,510px); }
  .hero-layout .wordmark strong { font-size:clamp(4.65rem,7.4vw,6.4rem); }
  .hero-layout .hero-sequence h1 { font-size:clamp(2.35rem,3.15vw,3.05rem); }
  .hero-layout .lede { font-size:.92rem; max-width:36rem; }
  .group-hero .hero-layout,.hero-systems .hero-layout,.hero-intelligence .hero-layout { grid-template-columns:minmax(0,1fr) minmax(390px,.92fr); }
  .console-kpis article { min-height:124px; }
  .console-events { gap:.4rem .7rem; }
  .graph-console { left:5%; right:3%; }
}
@media (min-width:1367px) and (max-width:1600px) {
  .hero-layout { width:min(1360px,100%); gap:clamp(3rem,4vw,4.5rem); }
  .hero-layout>.dual-console,.hero-layout>.ops-console,.hero-layout>.intel-graph { height:clamp(450px,60vh,570px); }
}

/* The visual becomes a second row before either column becomes compressed. */
@media (max-width:980px) {
  .hero-layout {
    min-height:0;
    grid-template-columns:minmax(0,1fr);
    gap:2.5rem;
    align-items:start;
  }
  .hero-layout>.wrap { grid-column:1; grid-row:1; }
  .hero-layout>.dual-console,
  .hero-layout>.ops-console,
  .hero-layout>.intel-graph {
    position:relative;
    grid-column:1;
    grid-row:2;
    order:initial;
    inset:auto;
    left:auto;
    right:auto;
    width:100%;
    height:clamp(360px,58vw,500px);
    margin:0;
    transform:none;
  }
  .hero-layout .hero-sequence h1 { max-width:13em; font-size:clamp(2.55rem,6vw,3.5rem); }
  .hero-layout .hero-sequence .lede { max-width:44rem; }
  .ecosystem-intro { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .hero-layout { gap:1.75rem; }
  .hero-layout>.dual-console,.hero-layout>.ops-console,.hero-layout>.intel-graph { height:clamp(310px,88vw,390px); }
  .hero-layout .hero-sequence h1 { max-width:none; font-size:clamp(2.1rem,9.7vw,2.75rem); line-height:1.02; }
  .hero-layout .wordmark strong { font-size:clamp(4rem,21vw,5.2rem); }
  .ecosystem-intro h2 { max-inline-size:none; font-size:clamp(2.25rem,10.5vw,3rem); }
  .ecosystem-intro .keep-phrase { white-space:normal; }
}
@media (max-width:360px) {
  .hero-layout>.dual-console,.hero-layout>.ops-console,.hero-layout>.intel-graph { height:300px; }
  .hero-layout .hero-sequence h1 { font-size:clamp(1.95rem,9.4vw,2.25rem); }
}
@media (prefers-reduced-motion:reduce) {
  .hero-layout>.ops-console,.hero-layout>.intel-graph { transform:none; }
}

/* ───────────────────────────── GROUP / neutral premium technology */
.group-theme {
  --group-ivory:#eeeae2; --group-paper:#e6e1d8; --group-ink:#151719;
  --group-charcoal:#17191b; --group-deep:#101214; --group-silver:#aeb2b3;
  --group-muted:#5d6162; --group-line:rgba(21,23,25,.14); --group-gold:#c1a46c;
  background:var(--group-ivory); color:var(--group-ink);
}
.group-theme .site-nav { min-height:82px; background:rgba(18,20,22,.78); color:#f1eee7; border-color:rgba(255,255,255,.08); backdrop-filter:blur(18px); }
.group-theme .site-nav.scrolled { min-height:68px; background:rgba(16,18,20,.96); border-color:rgba(255,255,255,.12); }
.group-theme .site-nav::after { background:linear-gradient(90deg,var(--red),var(--group-silver) 50%,var(--group-gold)); opacity:.75; }
.group-theme .brand b { font-size:1.5rem; }.group-theme .brand span { color:var(--group-silver); }
.group-theme .nav-links a::after { background:var(--group-silver); }
.group-theme .nav-links a:nth-child(1):hover { color:#ff686b; }.group-theme .nav-links a:nth-child(1)::after { background:var(--red); }
.group-theme .nav-links a:nth-child(2):hover { color:var(--group-gold); }.group-theme .nav-links a:nth-child(2)::after { background:var(--group-gold); }
.group-theme .nav-links a:hover,.group-theme .nav-links a.active { color:#fff; }
.group-theme .brief { padding:.78rem 1.1rem; border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.04); }
.group-theme .brief:hover { border-color:#fff; background:#f1eee7; color:var(--group-ink); }
.group-theme .menu { color:#f1eee7; border-color:rgba(255,255,255,.25); }
.group-hero { min-height:clamp(720px,100svh,980px); padding:10rem 0 5.5rem; color:#f1eee7; background:radial-gradient(circle at 72% 46%,rgba(174,178,179,.11),transparent 28%),linear-gradient(135deg,#1c1f21,#101214 70%); }
.group-hero::before { background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px); background-size:72px 72px; opacity:1; mask-image:radial-gradient(ellipse at 65% 48%,#000,transparent 72%); }
.group-hero::after { width:160px; height:1px; top:auto; left:auto; right:var(--gutter); bottom:3rem; border:0; background:linear-gradient(90deg,var(--red),var(--group-silver),var(--group-gold)); opacity:.8; }
.group-hero .wrap { width:min(1320px,100%); }
.group-signature { display:flex; align-items:flex-end; gap:1.2rem; margin-bottom:clamp(3rem,7vh,5rem); }
.group-signature strong { font:500 clamp(5rem,10.5vw,9.5rem)/.68 "Cormorant Garamond",serif; letter-spacing:.045em; text-shadow:0 18px 55px rgba(0,0,0,.28); }
.group-signature span { margin-bottom:.15rem; padding:.4rem 0 .25rem 1.15rem; border-left:2px solid var(--group-silver); color:var(--group-silver); font:500 .64rem "IBM Plex Mono",monospace; letter-spacing:.35em; }
.group-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.72fr); gap:clamp(3rem,7vw,8rem); align-items:end; }
.group-hero h1 { display:flex; flex-direction:column; max-width:760px; font-size:clamp(2.75rem,4.25vw,4.6rem); line-height:.98; }
.group-hero h1 span:last-child { color:var(--group-silver); }
.group-hero .lede { max-width:600px; margin-top:1.7rem; color:rgba(241,238,231,.72); font-size:clamp(1rem,1.25vw,1.12rem); }
.hero-links { display:flex; align-items:center; gap:2rem; margin-top:2rem; }.hero-links>a { color:rgba(241,238,231,.72); text-decoration:none; font:500 .55rem "IBM Plex Mono",monospace; letter-spacing:.14em; transition:color .25s; }.hero-links>a:hover { color:#fff; }
.hero-next { display:inline-flex; gap:1rem; align-items:center; color:#f1eee7!important; }
.hero-next span { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.25); transition:transform .25s,border-color .25s; }.hero-next:hover span { transform:translateY(4px); border-color:#fff; }
.group-convergence { position:relative; height:300px; isolation:isolate; }
.group-convergence::before { content:""; position:absolute; inset:7% 10%; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.07),transparent 62%); filter:blur(14px); }
.convergence-core { position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-content:center; width:150px; aspect-ratio:1; border-radius:50%; background:linear-gradient(145deg,#2b2e30,#151719); box-shadow:0 24px 70px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.12); text-align:center; }
.convergence-core small,.convergence-core span { color:var(--group-silver); font:500 .42rem "IBM Plex Mono",monospace; letter-spacing:.12em; }.convergence-core strong { margin:.35rem 0; font:500 1.65rem "Cormorant Garamond",serif; letter-spacing:.08em; }
.convergence-label { position:absolute; z-index:2; top:47%; transform:translateY(-50%); }.convergence-label b,.convergence-label span { display:block; }.convergence-label b { font:500 .62rem "IBM Plex Mono",monospace; letter-spacing:.14em; }.convergence-label span { margin-top:.3rem; color:var(--group-silver); font-size:.58rem; }.systems-label { left:0; color:#ff595d; }.intel-label { right:0; color:var(--group-gold); text-align:right; }
.systems-path,.intel-path { position:absolute; z-index:1; top:50%; width:36%; height:2px; }.systems-path { left:8%; background:linear-gradient(90deg,transparent,var(--red)); }.intel-path { right:8%; background:linear-gradient(90deg,var(--group-gold),transparent); }
.systems-pulse { position:absolute; z-index:2; left:10%; top:calc(50% - 3px); width:42px; height:6px; background:linear-gradient(90deg,transparent,var(--red),transparent); animation:groupSystemsFlow 2.2s ease-in-out infinite; }
.intel-node { position:absolute; z-index:2; width:7px; height:7px; border:1px solid var(--group-gold); border-radius:50%; box-shadow:0 0 0 5px rgba(193,164,108,.08); }.node-one { right:25%; top:32%; }.node-two { right:16%; bottom:27%; }.intel-node::after { content:""; position:absolute; left:3px; top:3px; width:70px; height:1px; background:rgba(193,164,108,.4); transform-origin:left; }.node-one::after { transform:rotate(24deg); }.node-two::after { transform:rotate(-28deg); }
.group-theme .trust-strip { background:#232628; border:0; box-shadow:0 -20px 60px rgba(0,0,0,.18); }.group-theme .trust-strip .wrap { padding-block:1.35rem; }.group-theme .trust-strip span { color:rgba(241,238,231,.55); border-color:rgba(255,255,255,.1); }.group-theme .trust-strip b { color:#f1eee7; }
.group-theme section { border-color:var(--group-line); }.group-theme .section-no,.group-theme .eyebrow { color:var(--group-muted); }.group-theme .eyebrow::before { background:var(--group-muted); }.group-theme .section-copy .lead,.group-theme .section-copy>p { color:var(--group-muted); }
.dual-section { background:linear-gradient(160deg,var(--group-ivory),#dcd7ce); overflow:hidden; }.dual-section::before { content:""; position:absolute; width:42vw; aspect-ratio:1; left:-18vw; top:18%; border-radius:50%; background:rgba(255,255,255,.45); filter:blur(60px); }
.dual-section .section-grid { margin-bottom:3.5rem; }.dual-section .section-copy h2 { font-size:clamp(2.8rem,5vw,4.8rem); }.dual-section .section-copy .lead { font-size:1.12rem; }
.division-grid { display:flex; gap:clamp(.8rem,1.4vw,1.25rem); background:transparent; border:0; }
.group-theme .division-card { flex:1 1 50%; min-width:0; min-height:610px; display:flex; flex-direction:column; padding:clamp(1.6rem,3vw,2.6rem); transform:translateZ(0); overflow:hidden; border:0; box-shadow:0 25px 65px rgba(25,27,29,.14); transition:flex .7s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s; }
.group-theme .division-card:hover { transform:translateY(-8px); box-shadow:0 36px 90px rgba(20,22,24,.23); }.group-theme .division-card::after { display:none; }
.systems-portal { background:linear-gradient(145deg,#f8f7f3,#dfddd7); color:var(--group-ink); }.systems-portal::before { background:radial-gradient(500px circle at var(--pointer-x) var(--pointer-y),rgba(229,43,47,.13),transparent 44%); }
.intel-portal,.group-theme .intel-portal:hover { background:radial-gradient(circle at 70% 30%,rgba(193,164,108,.12),transparent 35%),linear-gradient(145deg,#1a1c1e,#090a0b); color:#f0ede8; }.intel-portal::before { background:radial-gradient(500px circle at var(--pointer-x) var(--pointer-y),rgba(193,164,108,.12),transparent 45%); }
.division-grid:has(.systems-portal:hover) .systems-portal,.division-grid:has(.intel-portal:hover) .intel-portal { flex-grow:1.15; }.division-grid:has(.division-card:hover) .division-card:not(:hover) { flex-grow:.88; opacity:.86; }
.portal-index { display:flex; justify-content:space-between; gap:1rem; color:currentColor; opacity:.67; font:500 .54rem "IBM Plex Mono",monospace; letter-spacing:.14em; }.portal-index span { font-family:Manrope,sans-serif; letter-spacing:.08em; }
.division-card h3 { margin-top:auto; font-size:clamp(2.65rem,3.8vw,4rem); }.division-card h3 strong { display:block; font-weight:500; }.systems-portal h3 strong { color:var(--red-dark); }.intel-portal h3 strong { color:var(--group-gold); }
.group-theme .division-card .portal-thesis { max-width:460px; margin:.8rem 0 0; color:currentColor; opacity:.82; font-size:clamp(.95rem,1.12vw,1.08rem); }.portal-more { max-height:0; margin-top:.65rem; overflow:hidden; opacity:0; transform:translateY(8px); font-size:.75rem; transition:.4s; }.division-card:hover .portal-more { max-height:3rem; opacity:.58; transform:none; }
.group-theme .division-card .arrow-link { margin-top:1.6rem; color:currentColor; font-size:.58rem; }
.systems-motif,.intel-motif { position:relative; height:230px; margin:2rem 0; overflow:hidden; }
.systems-motif { padding:1rem; background:rgba(255,255,255,.7); box-shadow:0 18px 42px rgba(24,26,28,.1),inset 0 1px #fff; }.ops-head,.ops-foot { display:flex; align-items:center; gap:.7rem; font:600 .46rem "IBM Plex Mono",monospace; letter-spacing:.08em; }.ops-head i,.ops-foot i { flex:1; height:2px; background:rgba(21,23,25,.12); }.ops-head i::after { content:""; display:block; width:38%; height:100%; background:var(--red); animation:groupSystemsStatus 2.4s ease-in-out infinite; }.ops-head span { color:var(--red-dark); }
.ops-rows { margin:1.1rem 0; }.ops-rows>span { display:grid; grid-template-columns:78px 1fr auto; gap:.7rem; align-items:center; padding:.55rem .65rem; margin-top:.4rem; background:#eeece7; font:600 .44rem "IBM Plex Mono",monospace; }.ops-rows i { height:5px; background:rgba(21,23,25,.1); }.ops-rows i::after { content:""; display:block; width:68%; height:100%; background:linear-gradient(90deg,#4e5355,var(--red)); transition:width .35s; }.ops-rows span:nth-child(2) i::after { width:82%; }.ops-rows span:nth-child(3) i::after { width:54%; }.systems-portal:hover .ops-rows i::after { width:92%; }.ops-rows em { color:var(--group-muted); font-style:normal; }.ops-foot strong { color:var(--red-dark); }
.intel-motif { background:rgba(0,0,0,.2); box-shadow:inset 0 1px rgba(255,255,255,.06),0 22px 50px rgba(0,0,0,.2); }.intel-motif svg { width:100%; height:calc(100% - 34px); }.intel-links path { fill:none; stroke:var(--group-gold); stroke-width:1; opacity:.28; stroke-dasharray:500; stroke-dashoffset:500; transition:stroke-dashoffset 1.1s cubic-bezier(.16,1,.3,1),opacity .6s; }.intel-portal:hover .intel-links path { stroke-dashoffset:0; opacity:.62; }.intel-nodes circle { fill:#111315; stroke:var(--group-gold); }.intel-nodes .focus { fill:rgba(193,164,108,.12); stroke-width:1.5; }.intel-labels text { fill:rgba(240,237,232,.55); font:500 8px "IBM Plex Mono",monospace; letter-spacing:1px; }.intel-readout { position:absolute; left:1rem; right:1rem; bottom:.7rem; display:flex; align-items:center; gap:.7rem; color:rgba(240,237,232,.55); font:500 .44rem "IBM Plex Mono",monospace; }.intel-readout i { flex:1; height:1px; background:linear-gradient(90deg,var(--group-gold),rgba(193,164,108,.1)); }.intel-readout strong { color:var(--group-gold); }
.group-theme .section-alt { background:radial-gradient(circle at 50% 20%,rgba(174,178,179,.1),transparent 35%),var(--group-charcoal); color:#f1eee7; }.group-theme .section-alt .section-no,.group-theme .section-alt .section-copy>p { color:rgba(241,238,231,.6); }.group-theme .section-alt .section-copy em { color:var(--group-silver); }
.group-theme .proof-grid { gap:clamp(1rem,2vw,1.8rem); border:0; background:transparent; }.group-theme .proof-card { background:linear-gradient(145deg,#242729,#1c1e20); color:#f1eee7; box-shadow:0 22px 55px rgba(0,0,0,.22); }.group-theme .proof-card:hover { background:#282b2d; transform:translateY(-5px); }.group-theme .proof-card>p { color:rgba(241,238,231,.64); }.group-theme .proof-card:first-child { box-shadow:inset 3px 0 var(--red),0 22px 55px rgba(0,0,0,.22); }.group-theme .proof-card:last-child { box-shadow:inset 3px 0 var(--group-gold),0 22px 55px rgba(0,0,0,.22); }.group-theme .proof-card:first-child .case-label { color:#ff686b; }.group-theme .proof-card:last-child .case-label { color:var(--group-gold); }.group-theme .case-flow { border-color:rgba(255,255,255,.1); }.group-theme .case-flow span { color:rgba(241,238,231,.55); }.group-theme .case-flow i { background:rgba(255,255,255,.14); }
.group-theme #institucional { background:var(--group-ivory); }.group-theme .discretion p { color:var(--group-muted); }.group-theme .institutional-facts { border-color:var(--group-line); }.group-theme .institutional-facts span { color:var(--group-muted); border-color:var(--group-line); }
.group-theme .cta { background:linear-gradient(135deg,#202326,#111315); color:var(--group-ivory); }.group-theme .cta .lede { color:rgba(241,238,231,.65); }.group-theme .cta .intel-action { border-color:var(--group-gold); color:var(--group-gold); }.group-theme .cta .systems-action { border-color:var(--red); color:#ff686b; }
.group-theme footer { background:var(--group-deep); color:rgba(241,238,231,.58); border-color:rgba(255,255,255,.1); }
@keyframes groupSystemsFlow { 0%{transform:translateX(0);opacity:0}25%{opacity:1}100%{transform:translateX(230px);opacity:0} }
@keyframes groupSystemsStatus { 50%{width:86%} }
@media (max-width:980px) { .group-hero-grid { grid-template-columns:1fr; }.group-convergence { width:min(600px,100%); height:230px; margin-top:1rem; }.group-theme .division-card { min-height:580px; } }
@media (max-width:800px) { .group-theme .nav-links { top:100%; background:#151719; border-color:rgba(255,255,255,.1); }.group-hero { min-height:auto; padding:9rem 0 4rem; }.division-grid { display:grid; grid-template-columns:1fr; }.group-theme .division-card { min-height:540px; }.division-grid:has(.division-card:hover) .division-card:not(:hover) { opacity:1; }.portal-more { max-height:3rem; opacity:.58; transform:none; } }
@media (max-width:560px) { .group-signature { margin-bottom:2.8rem; }.group-signature strong { font-size:clamp(4.2rem,22vw,5.7rem); }.group-hero h1 { font-size:clamp(2.25rem,10.8vw,3rem); }.group-convergence { height:190px; }.convergence-core { width:112px; }.convergence-label span,.convergence-core small,.convergence-core span { display:none; }.systems-path,.intel-path { width:32%; }.hero-links { align-items:flex-start; flex-direction:column; gap:1rem; }.group-theme .trust-strip .wrap { grid-template-columns:1fr 1fr; }.group-theme .trust-strip span { padding:.75rem .4rem; }.group-theme .division-card { min-height:490px; padding:1.35rem; }.portal-index span { display:none; }.systems-motif,.intel-motif { height:190px; margin:1.4rem 0; }.division-card h3 { font-size:2.65rem; }.ops-rows>span { grid-template-columns:62px 1fr; }.ops-rows em { display:none; } }
@media (max-width:360px) { .group-signature span { padding-left:.6rem; letter-spacing:.2em; }.group-hero h1 { font-size:2.05rem; }.group-convergence { height:160px; }.convergence-core { width:96px; }.convergence-label b { font-size:.52rem; }.group-theme .trust-strip .wrap { grid-template-columns:1fr; }.group-theme .division-card { min-height:460px; }.systems-motif,.intel-motif { height:170px; } }
@media (prefers-reduced-motion:reduce) { .group-theme .division-card,.portal-more,.ops-rows i::after,.intel-links path,.hero-next span { transition:none; }.systems-pulse,.ops-head i::after { animation:none; }.intel-links path { stroke-dashoffset:0; } }

/* Vertical landing heroes use the same reserved-column contract. */
.hero-layout>.retail-dashboard,
.hero-layout>.family-graph {
  position:relative;
  grid-column:2;
  grid-row:1;
  inset:auto;
  left:auto;
  right:auto;
  width:100%;
  min-width:0;
  height:clamp(420px,58vh,570px);
  margin:0;
}
.vertical-layout { grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr); }
.vertical-layout .hero-sequence h1 { max-width:12em; font-size:clamp(2.7rem,3.6vw,4.35rem); }
.vertical-layout>.retail-dashboard { transform:perspective(1000px) rotateY(-3deg); }
@media (min-width:981px) and (max-width:1366px) {
  .vertical-layout { grid-template-columns:minmax(0,1fr) minmax(380px,.82fr); }
  .vertical-layout>.retail-dashboard,.vertical-layout>.family-graph { height:clamp(380px,55vh,480px); }
  .vertical-layout .hero-sequence h1 { font-size:clamp(2.45rem,3.25vw,3.35rem); }
}
@media (max-width:980px) {
  .hero-layout>.retail-dashboard,.hero-layout>.family-graph {
    position:relative;
    grid-column:1;
    grid-row:2;
    inset:auto;
    width:100%;
    height:clamp(340px,55vw,470px);
    margin:0;
    transform:none;
  }
  .vertical-layout .hero-sequence h1 { max-width:14em; }
}
@media (max-width:600px) {
  .hero-layout>.retail-dashboard,.hero-layout>.family-graph { display:block; height:clamp(290px,82vw,360px); }
  .vertical-layout .hero-sequence h1 { max-width:none; font-size:clamp(2.1rem,9.4vw,2.7rem); }
}