/* Canonical concept surfaces · deep-page edition
   Home establishes recognition. Deep pages must exceed Home in resolution,
   authority and compositional finish — never merely reproduce it. */

:root{
  --deep-cyan:var(--cyb-cyan);
  --deep-blue:#4FA0DA;
  --deep-green:#66D9AE;
  --deep-ink:#050b12;
  --deep-panel:#081522;
  --deep-line:color-mix(in srgb,var(--cyb-cyan) 14%,transparent);
  --deep-muted:rgba(219,238,248,.68);
}

/* --------------------------------------------------------------------------
   Shared deep-page law — not a shared template
   -------------------------------------------------------------------------- */
.concept-hero{position:relative;isolation:isolate;overflow:hidden;color:#edf8ff;background:var(--deep-ink)}
.concept-hero>.cyb-wrap{position:relative;z-index:2}
.concept-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:
  linear-gradient(90deg,color-mix(in srgb,var(--cyb-cyan) 4.5%,transparent) 1px,transparent 1px) 0 0/120px 120px,
  linear-gradient(color-mix(in srgb,var(--cyb-cyan) 4.5%,transparent) 1px,transparent 1px) 0 0/120px 120px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.82) 54%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.82) 54%,transparent 100%)}
.concept-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cyb-cyan) 32%,transparent),transparent)}
.concept-hero .cyb-eyebrow{display:inline-flex;align-items:center;gap:.72rem;color:#89d5f3;font:500 .68rem/1.2 var(--f-mono,monospace);letter-spacing:.24em;text-transform:uppercase}
.concept-hero .cyb-eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.65}
.concept-hero h1{font-family:var(--cyb-editorial,var(--f-display,sans-serif));text-wrap:balance}
.concept-hero .lede{color:rgba(226,241,249,.74);line-height:1.72}
.concept-hero .actions{display:flex;gap:.75rem;flex-wrap:wrap}

.concept-kicker{font:500 .69rem/1.2 var(--f-mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--accent,var(--deep-blue))}
.concept-section{position:relative;padding:clamp(5.25rem,9vw,9rem) 0;border-top:1px solid color-mix(in srgb,var(--line,rgba(127,160,190,.18)) 70%,transparent)}
.concept-section .section-intro{max-width:72ch;font-size:clamp(1.03rem,1.3vw,1.2rem);line-height:1.8;color:var(--fg-2,#667789)}
.concept-title-row{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:start;margin-bottom:clamp(2.5rem,5vw,5rem)}
.concept-title-row h2{margin:.65rem 0 0;font-family:var(--cyb-editorial,var(--f-display,sans-serif));font-size:clamp(1.7rem,3vw,3.2rem);line-height:1.16;letter-spacing:var(--cyb-tracking-display);max-width:10.46em;text-wrap:balance}
.concept-title-row .copy{max-width:68ch;padding-top:.2rem}

/* --------------------------------------------------------------------------
   TECHNOLOGY · system observatory
   The Home animation is the executive synopsis. Here the same logic becomes a
   larger operational instrument with more state, more depth and slower causality.
   -------------------------------------------------------------------------- */
.concept-hero:has(.system-instrument){
  min-height:120svh;
  padding:calc(var(--cyb-nav-h,72px) + clamp(5rem,8vw,7.5rem)) 0 0;
  background:
    radial-gradient(54% 36% at 72% 8%,rgba(79,160,218,.17),transparent 70%),
    radial-gradient(36% 44% at 18% 42%,rgba(61,191,132,.055),transparent 72%),
    linear-gradient(180deg,#071523 0%,#050d17 46%,#03080e 100%);
}
.concept-hero:has(.system-instrument) .cyb-wrap{padding-bottom:0}
.concept-hero:has(.system-instrument) h1{
  max-width:9.7em;
  margin:.85rem 0 1.65rem;
  font-size:clamp(4.5rem,8.6vw,9rem);
  line-height:.88;
  letter-spacing:var(--cyb-tracking-display);
}
.concept-hero:has(.system-instrument) .lede{max-width:59ch;margin-left:min(13vw,170px);font-size:clamp(1.08rem,1.35vw,1.32rem)}
.concept-hero:has(.system-instrument) .actions{margin:1.75rem 0 0 min(13vw,170px)}

.system-instrument{
  width:min(1540px,calc(100vw - clamp(1.25rem,4vw,4rem)));
  margin:clamp(4rem,7vw,7rem) 50% 0;
  transform:translateX(-50%);
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--cyb-cyan) 18%,transparent);
  border-bottom:0;
  border-radius:20px 20px 0 0;
  background:
    radial-gradient(ellipse 52% 76% at 50% 48%,rgba(79,160,218,.12),transparent 72%),
    linear-gradient(180deg,rgba(7,22,36,.985),rgba(3,10,18,.99));
  box-shadow:0 60px 150px -70px #000,inset 0 1px rgba(255,255,255,.035);
}
.system-instrument::before{
  content:"";position:absolute;z-index:5;pointer-events:none;inset:48px 0 auto;height:22%;
  background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--cyb-cyan) 5.5%,transparent),transparent);
  transform:translateY(-160%);
  animation:observatoryScan 9s cubic-bezier(.22,.61,.36,1) infinite;
}
.system-instrument::after{
  content:"LIVE PROJECT STATE · CAUSALITY · FORECAST · GOVERNANCE";
  position:absolute;right:1.5rem;bottom:.8rem;z-index:6;
  font:500 .55rem/1 var(--f-mono,monospace);letter-spacing:.22em;color:rgba(145,190,214,.38);
}
.system-instrument__head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.35rem;border-bottom:1px solid color-mix(in srgb,var(--cyb-cyan) 12%,transparent);background:rgba(3,10,18,.46);font:500 .66rem/1.2 var(--f-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:rgba(205,234,249,.62)}
.system-instrument__head span:last-child{display:flex;align-items:center;gap:.55rem;color:var(--deep-green)}
.system-instrument__head span:last-child::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 16px currentColor;animation:statusLive 2.4s ease-in-out infinite}
.system-instrument__scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding:clamp(1.5rem,3vw,3rem) clamp(1rem,2.5vw,2.8rem) clamp(2.4rem,4vw,4rem)}
.system-instrument svg{display:block;min-width:1180px;width:100%;height:auto;font-family:var(--f-body,system-ui);filter:drop-shadow(0 24px 55px rgba(0,0,0,.2))}
.system-instrument .ph{font:500 10px var(--f-mono,monospace);letter-spacing:.24em;fill:#7f99ac;text-anchor:middle}.system-instrument .ph.warn{fill:#d88a74}.system-instrument .ph.ok{fill:#66d9ae}
.system-instrument .silo{fill:#0b2032;stroke:#2c719d;stroke-width:1.1}.system-instrument .silo-ring{fill:none;stroke:#4fa0da;stroke-width:1;opacity:.12;transform-box:fill-box;transform-origin:center;animation:sourceWake 10.5s cubic-bezier(.2,.7,.25,1) infinite}.system-instrument .ic{color:var(--cyb-cyan);fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.system-instrument .ic.ok{color:#69dcae}
.system-instrument .lb,.system-instrument .out-l{font:600 10.5px var(--f-body,system-ui);fill:#d9edf8;text-anchor:middle}.system-instrument .sl{font:500 8px var(--f-mono,monospace);fill:#6d899f;text-anchor:middle}.system-instrument .sl.ok{fill:#69dcae}.system-instrument .flow{fill:none;stroke:#315f7d;stroke-width:1.1;opacity:.34}.system-instrument .flow.ok{stroke:#3f9e79}.system-instrument .dash{fill:none;stroke:var(--cyb-cyan);stroke-width:1.4;stroke-dasharray:2 13;animation:deepFlow 2.5s linear infinite;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--cyb-cyan) 45%,transparent))}.system-instrument .dash.ok{stroke:#69dcae;filter:drop-shadow(0 0 3px rgba(102,217,174,.45))}
.system-instrument .dag{fill:#0b2234;stroke:#66d9ae;stroke-width:1.25;animation:graphWake 8s ease-in-out infinite}.system-instrument .dag-l,.system-instrument .dag-t{font:500 8px var(--f-mono,monospace);fill:#7895aa;text-anchor:middle}.system-instrument .dag-t{fill:#70cba8;letter-spacing:.13em}.system-instrument .band{fill:none;stroke:#377aa7;stroke-width:1.2;animation:modelBreath 7s ease-in-out infinite}.system-instrument .band-fill{opacity:.58;animation:modelFill 7s ease-in-out infinite}.system-instrument .band-l{font:500 8px var(--f-mono,monospace);fill:#7593aa;text-anchor:middle;letter-spacing:.1em}.system-instrument .core{fill:#091d2e;stroke:#62b8ed;stroke-width:1.4;filter:drop-shadow(0 0 10px rgba(79,160,218,.2))}.system-instrument .ai-ring{fill:none;stroke:var(--cyb-cyan);stroke-width:1;opacity:.18;animation:reasonPulse 3.4s ease-out infinite}.system-instrument .core-l{font:600 10px var(--f-mono,monospace);fill:#f0f9ff;text-anchor:middle;letter-spacing:.08em}.system-instrument .core-s{font:500 8px var(--f-mono,monospace);fill:#82a4b9;text-anchor:middle}.system-instrument .out{fill:#0c2931;stroke:#3b9a76;stroke-width:1.2;animation:outputWake 10.5s ease-in-out infinite}.system-instrument .win{fill:#0d342b;stroke:#69dcae;stroke-width:1.4;filter:drop-shadow(0 0 7px rgba(102,217,174,.14))}.system-instrument .win-ring{fill:none;stroke:#69dcae;opacity:.16;animation:decisionPulse 3.6s ease-out infinite}
.system-instrument__legend{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid color-mix(in srgb,var(--cyb-cyan) 11%,transparent);background:rgba(2,8,14,.5)}
.system-instrument__legend div{position:relative;padding:1.35rem 1.45rem 1.55rem;border-right:1px solid color-mix(in srgb,var(--cyb-cyan) 9%,transparent);color:rgba(218,238,248,.62);font-size:.88rem;line-height:1.6}.system-instrument__legend div:last-child{border-right:0}.system-instrument__legend div::before{content:"";position:absolute;left:1.45rem;top:0;width:24px;height:1px;background:var(--deep-blue)}.system-instrument__legend strong{display:block;color:#eaf7ff;margin-bottom:.4rem;font-size:.94rem;font-weight:500}

@keyframes deepFlow{to{stroke-dashoffset:-45}}
@keyframes sourceWake{0%,8%,100%{opacity:.1;transform:scale(.94)}18%,64%{opacity:.55;transform:scale(1.05)}76%{opacity:.15;transform:scale(1)}}
@keyframes graphWake{0%,18%,100%{opacity:.42}33%,70%{opacity:1;filter:drop-shadow(0 0 4px rgba(102,217,174,.42))}}
@keyframes modelBreath{0%,26%,100%{opacity:.42}43%,78%{opacity:1;filter:drop-shadow(0 0 8px rgba(79,160,218,.24))}}
@keyframes modelFill{0%,26%,100%{opacity:.28}43%,78%{opacity:.78}}
@keyframes reasonPulse{0%{transform:scale(.72);opacity:.42}100%{transform:scale(1.9);opacity:0}}
@keyframes outputWake{0%,48%,100%{opacity:.42}62%,88%{opacity:1;filter:drop-shadow(0 0 5px rgba(102,217,174,.35))}}
@keyframes decisionPulse{0%{transform:scale(.78);opacity:.4}100%{transform:scale(1.8);opacity:0}}
@keyframes observatoryScan{0%,12%{transform:translateY(-160%);opacity:0}20%{opacity:1}72%{opacity:.5}82%,100%{transform:translateY(430%);opacity:0}}
@keyframes statusLive{50%{opacity:.38;box-shadow:0 0 4px currentColor}}

/* Technology body gets more architectural rhythm than generic content. */
body:has(.system-instrument) .concept-section:nth-of-type(even){background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2,#071321) 92%,transparent),transparent 86%)}
body:has(.system-instrument) .concept-title-row{grid-template-columns:minmax(210px,.34fr) minmax(0,1fr)}
body:has(.system-instrument) .concept-title-row .concept-kicker{position:sticky;top:calc(var(--cyb-nav-h,72px) + 5rem)}

/* --------------------------------------------------------------------------
   DYĒŬS · identity + brain as one authority surface
   -------------------------------------------------------------------------- */
.concept-hero:has(.dyeus-deep-ident){
  min-height:105svh;
  display:flex;align-items:center;
  padding:calc(var(--cyb-nav-h,72px) + clamp(4.5rem,7vw,6.5rem)) 0 clamp(7rem,11vw,11rem);
  background:
    radial-gradient(ellipse 50% 58% at 50% 34%,rgba(34,105,155,.21),transparent 72%),
    radial-gradient(ellipse 28% 30% at 78% 70%,rgba(102,217,174,.055),transparent 72%),
    linear-gradient(160deg,#071522,#030911 72%,#020509 100%);
}
.concept-hero:has(.dyeus-deep-ident)::before{background:
  radial-gradient(circle at center,color-mix(in srgb,var(--cyb-cyan) 7.5%,transparent) 1px,transparent 1px) 0 0/34px 34px;
  -webkit-mask-image:radial-gradient(circle at 50% 36%,#000 0%,rgba(0,0,0,.72) 34%,transparent 70%);mask-image:radial-gradient(circle at 50% 36%,#000 0%,rgba(0,0,0,.72) 34%,transparent 70%);opacity:.65}
.concept-hero:has(.dyeus-deep-ident) .cyb-wrap{width:min(1240px,calc(100% - 2*var(--cyb-gutter,24px)));text-align:center}
.dyeus-deep-ident{position:relative;text-align:center;margin:0 auto clamp(2.6rem,5vw,4.6rem);max-width:1180px}
.dyeus-deep-ident::before,.dyeus-deep-ident::after{content:"";position:absolute;top:50%;width:min(13vw,170px);height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cyb-cyan) 34%,transparent))}.dyeus-deep-ident::before{right:calc(100% - 10%)}.dyeus-deep-ident::after{left:calc(100% - 10%);transform:scaleX(-1)}
.dyeus-deep-ident .kicker{display:block;font:500 .64rem var(--f-mono,monospace);letter-spacing:.4em;color:var(--cyb-cyan);margin-bottom:1.2rem}
.dyeus-deep-wordmark{display:flex;justify-content:center;align-items:flex-start;font:400 clamp(4.3rem,12vw,11.5rem)/.84 Michroma,var(--f-display,sans-serif);letter-spacing:.14em;text-indent:.14em;color:#eef9ff;text-shadow:0 0 55px rgba(79,160,218,.19)}
.dyeus-deep-wordmark .e,.dyeus-deep-wordmark .u{position:relative;display:inline-block}
.dyeus-deep-wordmark .e:before{content:"";position:absolute;left:4%;right:22%;top:-.18em;height:.075em;background:var(--cyb-cyan);box-shadow:0 0 12px color-mix(in srgb,var(--cyb-cyan) 26%,transparent)}
.dyeus-deep-wordmark .u:before{content:"";position:absolute;left:50%;translate:-50% 0;top:-.16em;width:.46em;height:.19em;border:.065em solid currentColor;border-top:0;border-radius:0 0 60% 60% / 0 0 100% 100%;box-sizing:border-box}
.dyeus-deep-ident .architecture{display:block;margin-top:1.4rem;font:500 .61rem var(--f-mono,monospace);letter-spacing:.24em;color:rgba(177,214,232,.52)}
.concept-hero:has(.dyeus-deep-ident) h1{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.14;letter-spacing:var(--cyb-tracking-display);max-width:16.16em;margin:0 auto 1.25rem}
.concept-hero:has(.dyeus-deep-ident) .lede{max-width:66ch;margin:0 auto;font-size:clamp(1.06rem,1.3vw,1.24rem)}
.concept-hero:has(.dyeus-deep-ident) .actions{justify-content:center;margin-top:1.7rem}
.dyeus-principle{max-width:860px;margin:2.5rem auto 0;padding:1.25rem 1.5rem;border-block:1px solid rgba(102,217,174,.16);background:linear-gradient(90deg,transparent,rgba(62,161,123,.045),transparent);font-size:clamp(.98rem,1.2vw,1.12rem);color:rgba(226,241,249,.72)}.dyeus-principle strong{color:#65d4a9;font-weight:500}

/* Pull the actual reasoning brain upward into the hero's gravitational field. */
body:has(.dyeus-deep-ident) #project-state{position:relative;margin-top:clamp(-5.5rem,-6vw,-3rem);padding-top:0;border-top:0;z-index:4}
body:has(.dyeus-deep-ident) #project-state>.wrap{width:min(1380px,calc(100% - 2*var(--cyb-gutter,24px)))}
body:has(.dyeus-deep-ident) #project-state .section-head{padding-top:clamp(7rem,10vw,10rem)}
body:has(.dyeus-deep-ident) .dycore{margin-top:clamp(2rem,4vw,3.5rem);border-radius:20px!important;border-color:color-mix(in srgb,var(--cyb-cyan) 20%,transparent)!important;box-shadow:0 60px 160px -90px #000,inset 0 1px rgba(255,255,255,.03)!important}
body:has(.dyeus-deep-ident) .reason-grid{border-radius:0;border-inline:0;background:transparent;border-color:transparent}
body:has(.dyeus-deep-ident) .reason-grid article{border-top:1px solid var(--line,rgba(127,160,190,.18));background:transparent!important;padding:clamp(2rem,4vw,3.5rem) clamp(1rem,3vw,3rem)}
body:has(.dyeus-deep-ident) .reason-grid article:nth-child(odd){border-right:1px solid var(--line,rgba(127,160,190,.18))}

/* --------------------------------------------------------------------------
   ASSESSMENT · one schedule as an instrument, not a marketing card flow
   -------------------------------------------------------------------------- */
.concept-hero:has(.assessment-instrument){
  min-height:112svh;
  padding:calc(var(--cyb-nav-h,72px) + clamp(5rem,8vw,7.5rem)) 0 0;
  background:
    radial-gradient(40% 35% at 82% 22%,rgba(79,160,218,.14),transparent 75%),
    linear-gradient(180deg,#07131f,#040b13 70%,#02070c);
}
.concept-hero:has(.assessment-instrument)::before{content:"ONE SCHEDULE";display:flex;align-items:flex-start;justify-content:flex-end;padding:clamp(8rem,14vw,13rem) clamp(1rem,4vw,5rem) 0;font:400 clamp(5rem,17vw,18rem)/.78 Michroma,var(--f-display,sans-serif);letter-spacing:-.08em;color:color-mix(in srgb,var(--cyb-cyan) 2.5%,transparent);white-space:nowrap;-webkit-mask-image:none;mask-image:none;background:none}
.concept-hero:has(.assessment-instrument) h1{max-width:16.16em;margin:.85rem 0 1.6rem;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.14;letter-spacing:var(--cyb-tracking-display)}
.concept-hero:has(.assessment-instrument) .lede{max-width:60ch;margin-left:min(12vw,150px);font-size:clamp(1.06rem,1.3vw,1.27rem)}
.concept-hero:has(.assessment-instrument) .actions{margin:1.7rem 0 0 min(12vw,150px)}

.assessment-instrument{width:min(1480px,calc(100vw - clamp(1.25rem,4vw,4rem)));margin:clamp(4rem,7vw,7rem) 50% 0;transform:translateX(-50%);position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--cyb-cyan) 17%,transparent);border-bottom:0;border-radius:20px 20px 0 0;background:linear-gradient(180deg,rgba(8,21,34,.98),rgba(3,10,18,.99));box-shadow:0 55px 145px -75px #000}
.assessment-instrument__head{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;border-bottom:1px solid color-mix(in srgb,var(--cyb-cyan) 11%,transparent);font:500 .65rem var(--f-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:rgba(205,234,249,.62)}
.assessment-instrument__head span:last-child{color:#66d9ae}
.assessment-flow{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 46px minmax(0,1fr);align-items:stretch;padding:clamp(1rem,2.5vw,2.4rem)}
.assessment-stage{position:relative;min-height:370px;padding:clamp(1.5rem,3vw,2.7rem);border:1px solid color-mix(in srgb,var(--cyb-cyan) 10%,transparent);background:linear-gradient(160deg,rgba(11,31,49,.66),rgba(4,12,21,.5));display:flex;flex-direction:column;justify-content:space-between}
.assessment-stage::before{content:"";position:absolute;left:0;top:0;width:38px;height:1px;background:#4fa0da}
.assessment-stage__num{font:500 .62rem var(--f-mono,monospace);letter-spacing:.18em;color:#79c9ee}.assessment-stage h2,.assessment-stage h3{font-family:var(--cyb-editorial,var(--f-display,sans-serif));font-size:clamp(1.15rem,1.6vw,1.8rem);line-height:1.22;letter-spacing:var(--cyb-tracking-display);margin:.75rem 0 1.5rem}.assessment-stage p{font-size:.94rem;line-height:1.7;color:rgba(215,236,247,.62);margin:0}.assessment-stage__signal{font:500 .58rem var(--f-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#66d9ae;border-top:1px solid rgba(102,217,174,.12);padding-top:1rem;margin-top:1.5rem}
.assessment-arrow{position:relative}.assessment-arrow::before{content:"";position:absolute;top:50%;left:6px;right:6px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--cyb-cyan) 12%,transparent),color-mix(in srgb,var(--cyb-cyan) 65%,transparent))}.assessment-arrow::after{content:"›";position:absolute;right:2px;top:50%;transform:translateY(-54%);font-size:1.4rem;color:var(--cyb-cyan)}
.assessment-input{padding:1.1rem;border:1px dashed color-mix(in srgb,var(--cyb-cyan) 17%,transparent);background:rgba(4,13,22,.5)}.assessment-file{display:block;width:36px;height:46px;margin-bottom:1rem;border:1px solid #6eb9e3;clip-path:polygon(0 0,72% 0,100% 28%,100% 100%,0 100%);box-shadow:inset 0 0 0 7px rgba(79,160,218,.03)}
.assessment-diagnostic{height:106px;display:flex;align-items:flex-end;gap:9px;margin:1rem 0 1.4rem;padding:0 1rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--cyb-cyan) 13%,transparent)}.assessment-diagnostic i{display:block;flex:1;height:var(--h);background:linear-gradient(to top,rgba(79,160,218,.25),var(--cyb-cyan));transform-origin:bottom;animation:diagnosticRise 7s cubic-bezier(.2,.8,.2,1) infinite}.assessment-diagnostic i:nth-child(2){animation-delay:-1s}.assessment-diagnostic i:nth-child(3){animation-delay:-2s}.assessment-diagnostic i:nth-child(4){animation-delay:-3s}.assessment-diagnostic i:nth-child(5){animation-delay:-4s}
.assessment-action{display:grid;gap:.55rem;margin:1rem 0 1.4rem}.assessment-action span{display:block;padding:.72rem .8rem;border-left:2px solid rgba(102,217,174,.72);background:rgba(102,217,174,.04);font:500 .65rem var(--f-mono,monospace);letter-spacing:.08em;color:rgba(217,242,232,.82)}
@keyframes diagnosticRise{0%,12%,100%{transform:scaleY(.35);opacity:.35}28%,72%{transform:scaleY(1);opacity:1}}

.assessment-proof{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line,rgba(127,160,190,.18))}.assessment-proof article{padding:clamp(1.7rem,3vw,2.8rem);border-right:1px solid var(--line,rgba(127,160,190,.18))}.assessment-proof article:last-child{border-right:0}.assessment-proof .k{font:500 .63rem var(--f-mono,monospace);letter-spacing:.17em;text-transform:uppercase;color:var(--accent,#4fa0da);margin-bottom:1rem}.assessment-proof h3{font-size:clamp(1.2rem,2vw,1.6rem);margin:0 0 .7rem}.assessment-proof p{color:var(--fg-2,#687989);line-height:1.7;margin:0}
.assessment-output{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(2rem,5vw,5rem);align-items:start}.assessment-output__list{border-top:1px solid var(--line,rgba(127,160,190,.18))}.assessment-output__list article{display:grid;grid-template-columns:minmax(160px,.35fr) 1fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--line,rgba(127,160,190,.18))}.assessment-output__list h3{margin:0;font-size:1.1rem}.assessment-output__list p{margin:0;color:var(--fg-2,#687989);line-height:1.7}.assessment-decision{position:sticky;top:calc(var(--cyb-nav-h,72px) + 5rem);padding:2rem;border-left:2px solid var(--accent,#4fa0da);background:color-mix(in srgb,var(--accent,#4fa0da) 3%,var(--bg-2,#071321))}.assessment-decision .k{font:500 .62rem var(--f-mono,monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--accent,#4fa0da)}.assessment-decision h3{font-family:var(--cyb-editorial,var(--f-display,sans-serif));font-size:clamp(1.15rem,1.7vw,1.7rem);line-height:1.26;letter-spacing:var(--cyb-tracking-display)}.assessment-decision p{color:var(--fg-2,#687989);line-height:1.7}

/* --------------------------------------------------------------------------
   Shared analytical structures — quieter than the signature surfaces
   -------------------------------------------------------------------------- */
.concept-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2.5rem;border-block:1px solid var(--line,rgba(127,160,190,.18));background:transparent}.concept-rail article{position:relative;background:transparent;padding:clamp(1.7rem,3vw,2.8rem);min-height:210px;border-right:1px solid var(--line,rgba(127,160,190,.18))}.concept-rail article:last-child{border-right:0}.concept-rail article::before{content:"";position:absolute;left:clamp(1.7rem,3vw,2.8rem);top:0;width:28px;height:1px;background:var(--accent,#4fa0da)}.concept-rail .num{font:500 .65rem var(--f-mono,monospace);letter-spacing:.17em;color:var(--accent,#4fa0da)}.concept-rail h3{font-size:clamp(1.1rem,1.6vw,1.42rem);margin:.85rem 0}.concept-rail p{margin:0;color:var(--fg-2,#687989);font-size:.92rem;line-height:1.7}
.reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--line,rgba(127,160,190,.18));background:transparent}.reason-grid article{background:transparent;padding:clamp(2rem,4vw,3.4rem);border-bottom:1px solid var(--line,rgba(127,160,190,.18))}.reason-grid article:nth-child(odd){border-right:1px solid var(--line,rgba(127,160,190,.18))}.reason-grid h3{font-family:var(--cyb-editorial,var(--f-display,sans-serif));font-size:clamp(1.05rem,1.5vw,1.5rem);line-height:1.28;letter-spacing:var(--cyb-tracking-display);margin:0 0 .9rem}.reason-grid p{color:var(--fg-2,#687989);margin:0;line-height:1.72}.reason-grid .tag{display:inline-block;margin-top:1.2rem;font:500 .63rem var(--f-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#4fa0da)}
.provenance-chain{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:2.5rem;border-block:1px solid var(--line,rgba(127,160,190,.18))}.provenance-chain div{position:relative;padding:1.5rem 1.3rem;background:transparent;border-right:1px solid var(--line,rgba(127,160,190,.18))}.provenance-chain div:last-child{border-right:0}.provenance-chain b{display:block;font-size:.9rem;margin-bottom:.45rem}.provenance-chain span{color:var(--fg-2,#687989);font-size:.82rem;line-height:1.5}.provenance-chain div:not(:last-child):after{content:"→";position:absolute;right:-.42rem;top:50%;transform:translateY(-50%);z-index:2;color:var(--accent,#4fa0da);background:var(--bg,#fff);padding:.08rem}
.concept-cta{padding:clamp(6rem,10vw,10rem) 0;text-align:center;border-top:1px solid var(--line,rgba(127,160,190,.18))}.concept-cta h2{font-family:var(--cyb-editorial,var(--f-display,sans-serif));font-size:clamp(1.85rem,3.4vw,3.4rem);max-width:13.31em;margin:.7rem auto 1.2rem;line-height:1.14;letter-spacing:var(--cyb-tracking-display)}.concept-cta p{max-width:62ch;margin:0 auto 1.8rem;color:var(--fg-2,#687989);line-height:1.75}.concept-cta .actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}

:root[data-theme="dark"] .provenance-chain div:not(:last-child):after{background:#071321}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media(max-width:1050px){
  .concept-title-row,body:has(.system-instrument) .concept-title-row{grid-template-columns:1fr;gap:1.5rem}
  body:has(.system-instrument) .concept-title-row .concept-kicker{position:static}
  .concept-rail{grid-template-columns:1fr 1fr}.concept-rail article:nth-child(2){border-right:0}.concept-rail article:nth-child(-n+2){border-bottom:1px solid var(--line,rgba(127,160,190,.18))}
  .assessment-flow{grid-template-columns:1fr}.assessment-arrow{height:42px}.assessment-arrow::before{left:50%;top:5px;bottom:5px;width:1px;height:auto;background:linear-gradient(color-mix(in srgb,var(--cyb-cyan) 12%,transparent),color-mix(in srgb,var(--cyb-cyan) 65%,transparent))}.assessment-arrow::after{right:auto;left:50%;top:auto;bottom:-1px;transform:translateX(-50%) rotate(90deg)}
  .assessment-output{grid-template-columns:1fr}.assessment-decision{position:static}
}
@media(max-width:760px){
  .concept-hero:has(.system-instrument),.concept-hero:has(.assessment-instrument),.concept-hero:has(.dyeus-deep-ident){min-height:auto;padding-top:calc(var(--cyb-nav-h,72px) + 4.5rem)}
  .concept-hero:has(.system-instrument) h1,.concept-hero:has(.assessment-instrument) h1{font-size:clamp(1.8rem,6.6vw,2.7rem)}
  .concept-hero:has(.system-instrument) .lede,.concept-hero:has(.system-instrument) .actions,.concept-hero:has(.assessment-instrument) .lede,.concept-hero:has(.assessment-instrument) .actions{margin-left:0}
  .dyeus-deep-wordmark{font-size:clamp(3.5rem,17vw,6rem);letter-spacing:.1em;text-indent:.1em}
  .dyeus-deep-ident::before,.dyeus-deep-ident::after{display:none}
  body:has(.dyeus-deep-ident) #project-state{margin-top:-2rem}
  .concept-rail,.reason-grid,.assessment-proof,.provenance-chain{grid-template-columns:1fr}
  .concept-rail article,.concept-rail article:nth-child(2),.reason-grid article:nth-child(odd),.assessment-proof article,.provenance-chain div{border-right:0;border-bottom:1px solid var(--line,rgba(127,160,190,.18))}
  .assessment-output__list article{grid-template-columns:1fr;gap:.5rem}
  .system-instrument::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .system-instrument *, .assessment-diagnostic i{animation:none!important}
  .system-instrument .dash{stroke-dasharray:none;opacity:.72}
  .system-instrument::before{display:none}
}

/* CYB / ZK-UPE is the trust substrate the intelligence stack stands on. It is
   deliberately quieter than the numbered concept sections: no display heading
   scale, no card grid, so it reads as foundation rather than as the product. */
.substrate{padding-block:clamp(2rem,4vw,3.25rem)}
.substrate__row{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.75rem);align-items:start;
  border-top:1px solid var(--cyb-line);border-bottom:1px solid var(--cyb-line);padding-block:clamp(1.5rem,3vw,2.25rem)}
.substrate__label{display:flex;flex-direction:column;gap:.4rem}
.substrate__mark{font:500 .92rem/1.3 var(--cyb-mono);letter-spacing:.02em;color:var(--cyb-fg)}
.substrate__note{font:500 .68rem/1 var(--cyb-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyb-fg-3)}
.cyb-page .section.substrate .substrate__body h2,.substrate .substrate__body h2{max-width:26.62em;font-size:clamp(1.15rem,1rem + .6vw,1.65rem);line-height:1.32;margin:0 0 .75rem;letter-spacing:var(--cyb-tracking-display);font-family:var(--cyb-display);text-wrap:balance}
.substrate__body p{margin:0 0 .9rem;color:var(--cyb-fg-2);line-height:1.65;max-width:76ch}
.substrate__list{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}
.substrate__list li{font-size:.9rem;color:var(--cyb-fg-2);padding-left:1rem;position:relative}
.substrate__list li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--cyb-accent);opacity:.65}
.substrate__list b{color:var(--cyb-fg);font-weight:600}
@media(max-width:760px){.substrate__row{grid-template-columns:1fr}}