/* HOOKFABRIK TECHNOLOGY · v127
   Gallery / product-tile system derived from the supplied design reference.
   Brand font and HOOKFABRIK colors intentionally preserved. */
:root{
  --bg:#15151c;
  --paper:#f3f2ec;
  --muted:#aeadb4;
  --coral:#ff4b58;
  --cyan:#00fafc;
  --line-dark:rgba(243,242,236,.11);
  --line-light:rgba(21,21,28,.12);
  --ink-light:#15151c;
  --copy-light:rgba(21,21,28,.72);
  --copy-dark:#aeadb4;
  --shell:min(1440px,calc(100% - 48px));
  --reading:min(980px,calc(100% - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.tech-menu-open,html.contact-open,html.contact-open body{overflow:hidden}
a,button,input,textarea,select{font:inherit}
a{color:inherit}
button{color:inherit}
::selection{background:var(--coral);color:white}
.tech-shell{width:var(--shell);margin-inline:auto}
.tech-skip{position:fixed;z-index:700;top:-80px;left:16px;padding:12px 16px;border-radius:8px;background:var(--paper);color:var(--bg);text-decoration:none;font-size:14px}
.tech-skip:focus{top:16px}
.tech-noise{display:none}
.tech-scroll-progress{position:fixed;z-index:680;top:0;left:0;right:0;height:1px;background:transparent;pointer-events:none}
.tech-scroll-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--coral)}

/* --- two-level navigation --- */
.tech-header{position:fixed;z-index:650;top:0;left:0;right:0;background:var(--bg)}
.tech-header.is-hidden{transform:none}
.tech-header-inner{width:min(980px,calc(100% - 32px));height:44px;margin:auto;padding:0;display:grid;grid-template-columns:132px 1fr 132px;align-items:center}
.tech-brand{display:block;width:112px}
.tech-brand img{display:block;width:100%;height:auto}
.tech-nav{justify-self:center;display:flex;gap:24px;align-items:center}
.tech-nav a,.tech-header-cta{font-size:12px;font-weight:400;line-height:1;letter-spacing:-.12px;text-decoration:none;color:rgba(243,242,236,.82);text-transform:none}
.tech-nav a:hover,.tech-nav a.is-active,.tech-header-cta:hover{color:var(--paper)}
.tech-header-cta{justify-self:end;display:inline-flex;align-items:center;gap:7px;padding:0;border:0}
.tech-header-cta span{color:var(--coral)}
.tech-menu-toggle{display:none}
.tech-subnav{height:52px;background:rgba(243,242,236,.94);color:var(--bg);border-bottom:1px solid rgba(21,21,28,.08);backdrop-filter:saturate(160%) blur(20px)}
.tech-subnav-inner{width:min(980px,calc(100% - 32px));height:100%;margin:auto;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center}
.tech-subnav-title{font-size:21px;font-weight:600;line-height:1.19;letter-spacing:.1px;text-decoration:none}
.tech-subnav nav{display:flex;gap:22px}
.tech-subnav nav a{font-size:14px;font-weight:400;letter-spacing:-.224px;text-decoration:none;color:rgba(21,21,28,.74)}
.tech-subnav nav a:hover{color:var(--bg)}
.tech-subnav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 15px;border-radius:9999px;background:var(--coral);color:white;text-decoration:none;font-size:14px;font-weight:400;letter-spacing:-.224px}
.tech-subnav-cta:active{transform:scale(.95)}
.tech-mobile-menu{display:none}

/* --- general typography --- */
.tech-eyebrow,.tech-index,.tech-kicker{margin:0;font-size:12px;font-weight:400;line-height:1;letter-spacing:-.12px;text-transform:none}
.tech-eyebrow span{color:var(--coral)}
.tech-index,.tech-kicker{color:inherit;opacity:.56}
.tech-section-heading{width:var(--reading);margin-inline:auto;text-align:center}
.tech-section-heading .tech-index{margin-bottom:17px}
.tech-section-heading h2{margin:0;font-size:40px;font-weight:600;line-height:1.1;letter-spacing:-.4px}
.tech-section-heading h2 em,.validation-hero h2 em{font-style:normal;color:inherit}
.tech-section-heading>p:not(.tech-index){max-width:760px;margin:17px auto 0;color:inherit;opacity:.72;font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}
.tech-section-heading>.tech-text-link{margin-top:17px}
.tech-text-link{display:inline-flex;align-items:center;gap:7px;color:var(--coral);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px;text-decoration:none}
.tech-text-link span{color:inherit}
.tech-text-link:active{transform:scale(.95)}

/* --- hero product tile --- */
.tech-hero{position:relative;min-height:auto;padding-top:96px;background:var(--bg);border:0;overflow:hidden}
.tech-hero-grid{display:none}
.tech-hero-layout{position:relative;z-index:2;min-height:calc(100svh - 96px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px;padding:80px 0 48px;text-align:center}
.tech-hero-copy{width:var(--reading)}
.tech-hero h1{max-width:920px;margin:17px auto 0;font-size:56px;font-weight:600;line-height:1.07;letter-spacing:-.8px;text-wrap:balance}
.tech-hero h1 em{font-style:normal;color:var(--coral)}
.tech-hero-lead{max-width:820px;margin:17px auto 0;color:var(--copy-dark);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}
.tech-hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}
.tech-button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 22px;border-radius:9999px;text-decoration:none;font-size:17px;font-weight:400;line-height:1;letter-spacing:-.374px;text-transform:none;transition:transform .12s ease}
.tech-button:active{transform:scale(.95)}
.tech-button-primary{background:var(--coral);color:white}
.tech-hero-visual{position:relative;width:min(860px,92vw);min-height:0;margin:0 auto}
.tech-hero-visual svg{display:block;width:100%;height:auto;filter:drop-shadow(3px 5px 30px rgba(0,0,0,.22))}
.hv-grid path{stroke:var(--paper);stroke-opacity:.035;stroke-width:1}
.hv-flow path{fill:none;stroke-width:1}
.hv-node text,.hv-core text{fill:var(--paper);font-size:10px;font-weight:600;letter-spacing:.08em;text-anchor:middle}
.hv-node text.tiny,.hv-core text.tiny{fill:var(--muted);font-size:7px;font-weight:400}
.hv-gate rect{fill:var(--bg);stroke:var(--paper);stroke-opacity:.2}
.hv-gate path{stroke:var(--paper);stroke-opacity:.4}
.hv-pulse{fill:var(--cyan)}
.hv-pulse-a{animation:heroPulse 6s linear infinite}
.hv-pulse-b{animation:heroPulse 6s linear infinite 3s}
@keyframes heroPulse{0%{cx:140;opacity:0}8%{opacity:1}42%{cx:350}72%{cx:560;opacity:1}82%,100%{cx:560;opacity:0}}
.tech-visual-label{display:none}
.tech-principle-strip{position:relative;z-index:3;width:100%;min-height:64px;padding:0 max(24px,calc((100vw - 980px)/2));display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:var(--paper);color:var(--bg)}
.tech-principle-strip span{padding:0 12px;font-size:12px;font-weight:400;line-height:1;letter-spacing:-.12px;text-align:center;text-transform:none}
.tech-principle-strip span+span{border-left:1px solid var(--line-light)}
.tech-principle-strip span+span:before{display:none}

/* --- full bleed section rhythm --- */
.tech-section{position:relative;padding:80px 0;border:0;background:var(--bg);color:var(--paper)}
#principle,#engineering,#execution,#systems,#security,#about{background:var(--paper);color:var(--bg)}
#principle .tech-section-heading>p,
#engineering .tech-section-heading>p,
#execution .tech-section-heading>p,
#systems .tech-section-heading>p,
#security .tech-section-heading>p,
#about .tech-section-heading>p{color:var(--copy-light)}
.tech-section-lightline,.tech-meta,.tech-authority,.tech-evidence,.tech-validation,.tech-library{background:var(--bg)}

/* --- decision sequence / product information band --- */
.decision-sequence{width:var(--reading);margin:48px auto 0;display:grid;grid-template-columns:repeat(13,auto);align-items:center;gap:8px;padding:24px 0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);overflow-x:visible}
.decision-sequence div{min-width:105px}
.decision-sequence div b{display:block;margin-bottom:6px;color:var(--coral);font-size:12px;font-weight:400}
.decision-sequence div span{font-size:14px;font-weight:600;line-height:1.29;letter-spacing:-.224px;white-space:nowrap}
.decision-sequence i{width:24px;height:1px;background:rgba(21,21,28,.18)}
.decision-sequence .is-final span,.decision-sequence .is-final b{color:var(--coral)}

/* --- complexity tile --- */
.complexity-layout{width:var(--reading);margin:64px auto 0;display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:start}
.complexity-copy{position:sticky;top:128px}
.complexity-copy h3,.coverage-copy h3{margin:12px 0 17px;font-size:34px;font-weight:600;line-height:1.18;letter-spacing:-.374px}
.complexity-copy>p:not(.tech-kicker),.coverage-copy>p:not(.tech-kicker){margin:0;color:var(--copy-light);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}
.complexity-statements{margin-top:32px;border-top:1px solid var(--line-light)}
.complexity-statements p{margin:0;padding:12px 0;border-bottom:1px solid var(--line-light);font-size:14px;font-weight:600;line-height:1.29;letter-spacing:-.224px}
.complexity-ladder{list-style:none;margin:0;padding:0}
.complexity-ladder li{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:center;min-height:80px;padding:17px 18px;border-bottom:1px solid var(--line-light);background:transparent}
.complexity-ladder li:first-child{border-top:1px solid var(--line-light)}
.complexity-ladder b{color:rgba(21,21,28,.48);font-size:12px;font-weight:400}
.complexity-ladder strong{display:block;font-size:17px;font-weight:600;line-height:1.24;letter-spacing:-.374px}
.complexity-ladder small{display:block;margin-top:4px;color:rgba(21,21,28,.58);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.complexity-ladder .is-agentic{background:rgba(255,75,88,.055);border:0;border-bottom:1px solid rgba(255,75,88,.18)}
.complexity-ladder .is-agentic strong,.complexity-ladder .is-agentic b{color:var(--coral)}

/* --- dark product tile: Meta Brain --- */
.tech-meta .tech-section-heading>p{color:var(--copy-dark)}
.meta-map{width:var(--shell);margin:48px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border:0}
.meta-map article{min-height:250px;padding:24px;border:1px solid var(--line-dark);border-radius:18px;background:transparent}
.meta-map article b{color:var(--coral);font-size:12px;font-weight:400}
.meta-map article h3{margin:48px 0 12px;font-size:21px;font-weight:600;line-height:1.19;letter-spacing:.1px}
.meta-map article p{margin:0;color:var(--copy-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.meta-map article:nth-child(3) b,.meta-map article:nth-child(6) b{color:var(--cyan)}
.meta-artifacts{width:var(--reading);margin:24px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.meta-artifacts span{padding:12px 16px;border:1px solid var(--line-dark);border-radius:9999px;color:var(--muted);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}

/* --- engineering light tile --- */
.engineering-flow{width:var(--reading);margin:48px auto 0;display:grid;grid-template-columns:repeat(15,auto);align-items:center;gap:8px;padding:24px 0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);overflow-x:visible}
.eng-step{min-width:110px}
.eng-step b{display:block;color:rgba(21,21,28,.48);font-size:12px;font-weight:400}
.eng-step span{display:block;margin-top:6px;font-size:14px;font-weight:600;line-height:1.29}
.eng-step small{display:block;margin-top:4px;color:rgba(21,21,28,.55);font-size:12px;font-weight:400}
.eng-step.assurance span{color:var(--bg)}
.eng-step.human span{color:var(--coral)}
.engineering-flow>i{width:22px;height:1px;background:rgba(21,21,28,.18)}
.engineering-flow>i.boundary{width:7px;height:32px;border-left:1px solid var(--coral);border-right:1px solid var(--coral);background:none}
.engineering-editorial{width:var(--reading);margin:48px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tech-large-card{min-height:390px;padding:32px;border:1px solid var(--line-light);border-radius:18px;background:transparent}
.tech-large-card h3{max-width:520px;margin:24px 0 17px;font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.374px}
.tech-large-card>p:not(.tech-kicker){max-width:560px;margin:0;color:var(--copy-light);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}
.tech-large-card ul{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line-light)}
.tech-large-card li{padding:12px 0;border-bottom:1px solid var(--line-light);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.verdict-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.verdict-row span{padding:12px 16px;border:1px solid var(--line-light);border-radius:9999px;font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}

/* --- authority dark tile --- */
.authority-layout{width:var(--reading);margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;align-items:start}
.authority-layout .tech-section-heading{width:auto;margin:0;text-align:left}
.authority-layout .tech-section-heading>p:not(.tech-index){color:var(--copy-dark)}
.authority-spectrum{position:relative;padding-left:38px}
.authority-track{position:absolute;left:10px;top:24px;bottom:24px;width:1px;background:rgba(243,242,236,.18)}
.authority-track i{position:absolute;left:-4px;bottom:16px;width:9px;height:9px;border-radius:50%;background:var(--coral)}
.authority-spectrum article{position:relative;padding:17px 0;border-bottom:1px solid var(--line-dark)}
.authority-spectrum article:first-of-type{border-top:1px solid var(--line-dark)}
.authority-spectrum article:before{content:"";position:absolute;left:-31px;top:24px;width:7px;height:7px;border:1px solid rgba(243,242,236,.42);border-radius:50%;background:var(--bg)}
.authority-spectrum article.is-active:before{border-color:var(--coral);background:var(--coral)}
.authority-spectrum b{color:rgba(243,242,236,.48);font-size:12px;font-weight:400}
.authority-spectrum h3{margin:5px 0 4px;font-size:17px;font-weight:600;line-height:1.24;letter-spacing:-.374px}
.authority-spectrum p{margin:0;color:var(--copy-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.authority-spectrum article.is-active h3{color:var(--coral)}
.authority-rules{width:var(--reading);margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:transparent}
.authority-rules blockquote{margin:0;padding:24px;border:1px solid var(--line-dark);border-radius:18px;font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}

/* --- execution light tile --- */
.execution-diagram{position:relative;width:var(--reading);height:520px;margin:48px auto 0;border:0;background:transparent;overflow:hidden}
.execution-diagram svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.execution-diagram svg path{fill:none;stroke:rgba(21,21,28,.16);stroke-width:1}
.execution-core{position:absolute;z-index:2;left:50%;top:50%;width:220px;height:150px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border:1px solid rgba(255,75,88,.35);border-radius:18px;background:var(--paper)}
.execution-core span{color:var(--coral);font-size:12px;font-weight:400}
.execution-core strong{margin-top:8px;font-size:17px;font-weight:600;line-height:1.24}
.execution-core small{margin-top:6px;color:rgba(21,21,28,.55);font-size:12px}
.execution-binding{position:absolute;z-index:2;width:170px;padding:17px;border:1px solid var(--line-light);border-radius:18px;background:var(--paper)}
.execution-binding b{display:block;color:var(--coral);font-size:12px;font-weight:400}
.execution-binding span{display:block;margin-top:6px;font-size:14px;font-weight:600}
.binding-a{left:8%;top:12%}.binding-b{left:50%;top:7%;transform:translateX(-50%)}.binding-c{right:8%;top:12%}.binding-d{left:8%;bottom:12%}.binding-e{left:50%;bottom:7%;transform:translateX(-50%)}.binding-f{right:8%;bottom:12%}
.checkpoint-band{width:var(--reading);margin:24px auto 0;padding:32px;border:0;border-top:1px solid var(--line-light);display:grid;grid-template-columns:.65fr 1.35fr;gap:48px}
.checkpoint-band h3{margin:12px 0 0;font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.374px}
.checkpoint-items{display:flex;flex-wrap:wrap;gap:8px;align-content:start}
.checkpoint-items span{padding:12px 16px;border:1px solid var(--line-light);border-radius:9999px;font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}

/* --- evidence dark tile --- */
.tech-evidence .tech-section-heading>p{color:var(--copy-dark)}
.evidence-classes{width:var(--reading);margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:transparent}
.evidence-class{min-height:300px;padding:32px;border:1px solid var(--line-dark);border-radius:18px;background:transparent}
.evidence-class>b{font-size:12px;font-weight:400}
.evidence-class.direct>b{color:var(--cyan)}
.evidence-class.context>b{color:var(--muted)}
.evidence-class.trash>b{color:rgba(243,242,236,.5)}
.evidence-class h3{margin:54px 0 12px;font-size:21px;font-weight:600;line-height:1.19;letter-spacing:.1px}
.evidence-class p{margin:0;color:var(--copy-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.coverage-layout{width:var(--reading);margin:64px auto 0;display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:center}
.coverage-copy>p:not(.tech-kicker){color:var(--copy-dark)}
.coverage-board{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;padding:24px;border:0}
.coverage-col{display:grid;gap:8px}
.coverage-col b{margin-bottom:4px;color:rgba(243,242,236,.52);font-size:12px;font-weight:400}
.coverage-col span{padding:12px 16px;border:1px solid var(--line-dark);border-radius:9999px;color:var(--muted);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.coverage-col .ok{color:var(--paper);border-color:rgba(0,250,252,.28)}
.coverage-col .missing{color:var(--paper);border-color:rgba(255,75,88,.36)}
.coverage-col.recovery span{border-style:dashed}
.coverage-col .status{color:var(--coral)}
.coverage-arrow{color:rgba(243,242,236,.42)}
.search-validation{width:var(--reading);margin:64px auto 0;padding:32px;border:1px solid var(--line-dark);border-radius:18px;background:transparent}
.search-validation-head,.release-record-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.search-validation h3,.release-record h3{margin:12px 0 0;font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.374px}
.record-scope{margin:17px 0;color:var(--copy-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.record-metrics,.release-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:transparent}
.record-metrics div,.release-metrics div{min-height:130px;padding:24px;border:1px solid var(--line-dark);border-radius:18px;background:transparent}
.record-metrics strong,.release-metrics strong{display:block;font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.374px}
.record-metrics span,.release-metrics span{display:block;margin-top:8px;color:var(--copy-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.record-limit{max-width:900px;margin:17px 0 0;color:var(--copy-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.status-badge{display:inline-flex;padding:8px 14px;border:1px solid currentColor;border-radius:9999px;font-size:14px;font-weight:400;line-height:1.29;letter-spacing:-.224px;white-space:nowrap}
.status-badge.pass,.status-badge.stable{color:var(--cyan)}
.status-badge.frozen{color:var(--paper)}
.status-badge.pending{color:var(--coral)}

/* --- systems light utility grid --- */
.systems-grid{width:var(--shell);margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:transparent}
.system-card{position:relative;min-height:310px;padding:24px;border:1px solid var(--line-light);border-radius:18px;background:transparent;overflow:hidden}
.system-card>b{color:rgba(21,21,28,.48);font-size:12px;font-weight:400}
.system-card h3{margin:70px 0 12px;font-size:21px;font-weight:600;line-height:1.19;letter-spacing:.1px}
.system-card p{max-width:360px;margin:0;color:var(--copy-light);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}
.system-card>span{position:absolute;left:24px;bottom:24px;color:rgba(21,21,28,.48);font-size:12px;font-weight:400}
.system-card:after{display:none}
.system-card.agentic{border-color:rgba(255,75,88,.3)}
.system-card.agentic h3,.system-card.agentic>span{color:var(--coral)}

/* --- validation dark product tile --- */
.validation-hero{width:var(--reading);margin:auto;text-align:center}
.validation-hero h2{margin:17px 0;font-size:56px;font-weight:600;line-height:1.07;letter-spacing:-.8px}
.validation-hero p:not(.tech-index){max-width:760px;margin:0 auto;color:var(--copy-dark);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}
.release-gates{width:var(--shell);list-style:none;margin:48px auto 0;padding:0;display:grid;grid-template-columns:repeat(11,1fr);overflow-x:visible}
.release-gates li{min-width:110px;min-height:132px;padding:17px;border-right:1px solid var(--line-dark)}
.release-gates li:first-child{border-left:1px solid var(--line-dark)}
.release-gates b{display:block;color:rgba(243,242,236,.48);font-size:12px;font-weight:400}
.release-gates span{display:block;margin-top:44px;font-size:14px;font-weight:600;line-height:1.29;letter-spacing:-.224px}
.release-gates .release{background:rgba(255,75,88,.06)}
.release-gates .release b,.release-gates .release span{color:var(--coral)}
.release-record{width:var(--reading);margin:48px auto 0;padding:32px;border:1px solid var(--line-dark);border-radius:18px;background:transparent}
.release-record h3 span{color:var(--coral)}
.release-tags{display:flex;gap:8px}
.release-metrics{grid-template-columns:repeat(3,1fr);margin-top:24px}
.release-pending{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:17px 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.release-pending span{color:var(--copy-dark);font-size:14px;font-weight:400}
.release-pending strong{color:var(--coral);font-size:14px;font-weight:600}

/* --- security light --- */
.security-grid{width:var(--reading);margin:48px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:transparent}
.security-item{min-height:270px;padding:24px;border:1px solid var(--line-light);border-radius:18px;background:transparent}
.security-item b{color:var(--coral);font-size:12px;font-weight:400}
.security-item h3{margin:55px 0 12px;font-size:21px;font-weight:600;line-height:1.19;letter-spacing:.1px}
.security-item p{margin:0;color:var(--copy-light);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.fail-closed{width:var(--reading);margin:48px auto 0;padding:24px 0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);display:flex;align-items:center;justify-content:space-between;gap:24px}
.fail-closed span{color:var(--coral);font-size:12px;font-weight:400}
.fail-closed strong{font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.374px}
.provider-neutral{width:var(--reading);margin:64px auto 0;padding-top:32px;border-top:1px solid var(--line-light);display:grid;grid-template-columns:.72fr 1.28fr;gap:48px}
.provider-neutral h3{margin:12px 0 0;font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.374px}
.provider-neutral>p{margin:0;color:var(--copy-light);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}

/* --- evidence library dark --- */
.tech-library .tech-section-heading>p{color:var(--copy-dark)}
.evidence-preview{width:var(--shell);margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.evidence-record{min-height:370px;padding:24px;border:1px solid var(--line-dark);border-radius:18px;background:transparent}
.evidence-record header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.evidence-record header>span{color:var(--copy-dark);font-size:12px;font-weight:400}
.evidence-record>p:first-of-type{margin:62px 0 8px;color:var(--copy-dark);font-size:12px;font-weight:400}
.evidence-record h3{margin:0 0 32px;font-size:21px;font-weight:600;line-height:1.19;letter-spacing:.1px}
.evidence-record dl{margin:0;border-top:1px solid var(--line-dark)}
.evidence-record dl div{display:grid;grid-template-columns:100px 1fr;gap:17px;padding:12px 0;border-bottom:1px solid var(--line-dark)}
.evidence-record dt{color:var(--copy-dark);font-size:14px;font-weight:400}
.evidence-record dd{margin:0;font-size:14px;font-weight:600;line-height:1.43;letter-spacing:-.224px}
.ghost-copy{color:var(--copy-dark)!important;font-size:17px!important;font-weight:400!important;line-height:1.47!important;letter-spacing:-.374px!important}
.insight-heading{width:var(--reading);margin:64px auto 0;padding-top:32px;border-top:1px solid var(--line-dark);display:grid;grid-template-columns:.72fr 1.28fr;gap:48px}
.insight-heading h3{margin:0;font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.374px}
.insight-grid{width:var(--reading);margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.insight-card{min-height:300px;padding:24px;border:1px solid var(--line-dark);border-radius:18px;background:transparent}
.insight-card span{color:var(--cyan);font-size:12px;font-weight:400}
.insight-card h3{margin:70px 0 12px;font-size:21px;font-weight:600;line-height:1.19;letter-spacing:.1px}
.insight-card p{margin:0;color:var(--copy-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}

/* --- about light / final action --- */
.about-layout{width:var(--reading);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:48px}
.about-layout .tech-section-heading{width:auto;margin:0;text-align:left}
.about-copy>p{margin:36px 0 0;color:var(--copy-light);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}
.brand-principles{margin-top:32px;border-top:1px solid var(--line-light)}
.brand-principles span{display:block;padding:12px 0;border-bottom:1px solid var(--line-light);font-size:14px;font-weight:600;line-height:1.29;letter-spacing:-.224px}
.final-cta{width:var(--reading);margin:80px auto 0;padding:80px 32px;background:var(--bg);color:var(--paper);text-align:center}
.final-cta h2{margin:17px 0;font-size:56px;font-weight:600;line-height:1.07;letter-spacing:-.8px}
.final-cta>p:not(.tech-kicker){max-width:720px;margin:0 auto 24px;color:var(--copy-dark);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}

/* --- footer parchment analogue using HOOKFABRIK paper --- */
.tech-footer{padding:64px 0 24px;background:var(--paper);color:var(--bg)}
.tech-footer .tech-shell{width:min(980px,calc(100% - 48px))}
.tech-footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--line-light)}
.footer-brand{width:132px;filter:brightness(.2)}
.tech-footer-top p{margin:0;color:rgba(21,21,28,.58);font-size:12px;font-weight:400;line-height:1.3}
.tech-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:32px 0}
.tech-footer-grid>div{display:grid;align-content:start}
.tech-footer-grid b{margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.29;letter-spacing:-.224px}
.tech-footer-grid a{color:rgba(21,21,28,.78);text-decoration:none;font-size:14px;font-weight:400;line-height:2.05;letter-spacing:-.224px}
.tech-footer-grid a:hover{color:var(--bg)}
.tech-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line-light);color:rgba(21,21,28,.52);font-size:12px;font-weight:400;line-height:1.3}
.tech-footer-bottom nav{display:flex;gap:18px}
.tech-footer-bottom a{text-decoration:none;color:inherit}

/* --- contact: same server contract, quieter component styling --- */
.contact-overlay{position:fixed;inset:0;z-index:800;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.contact-overlay.is-open,.contact-overlay:target{opacity:1;visibility:visible;pointer-events:auto}
.contact-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(21,21,28,.86);backdrop-filter:blur(20px)}
.contact-dialog{position:relative;z-index:1;width:min(980px,100%);max-height:min(900px,92svh);overflow:auto;border:1px solid var(--line-dark);border-radius:18px;background:var(--bg)}
.contact-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:32px;border-bottom:1px solid var(--line-dark)}
.contact-kicker{display:block;margin-bottom:12px;color:var(--coral);font-size:12px;font-weight:400;line-height:1}
.contact-dialog h2{margin:0;font-size:40px;font-weight:600;line-height:1.1;letter-spacing:-.4px}
.contact-close{position:relative;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(243,242,236,.14);cursor:pointer}
.contact-close:active{transform:scale(.95)}
.contact-close span{position:absolute;left:13px;right:13px;top:21px;height:1px;background:var(--paper)}
.contact-close span:first-child{transform:rotate(45deg)}.contact-close span:last-child{transform:rotate(-45deg)}
.contact-dialog-grid{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr)}
.contact-intro{padding:32px;border-right:1px solid var(--line-dark)}
.contact-intro>p{margin:0;color:var(--copy-dark);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}
.contact-process{display:grid;margin:32px 0;border-top:1px solid var(--line-dark)}
.contact-process span{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.contact-process b{color:var(--coral);font-weight:400}
.contact-direct strong{color:var(--paper)}
.contact-form-view{padding:32px}
.contact-form{display:grid;gap:17px}
.contact-fields{display:grid;gap:17px}.contact-fields-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-field{display:grid;gap:8px;min-width:0}
.contact-field>span,.contact-systemtypes legend{color:var(--copy-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.contact-field>span b,.contact-privacy b{color:var(--coral)}
.contact-field input,.contact-field textarea,.contact-field select{width:100%;min-height:44px;border:1px solid var(--line-dark);border-radius:9999px;outline:none;background:transparent;color:var(--paper);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px;padding:11px 20px}
.contact-field textarea{min-height:130px;border-radius:18px;resize:vertical}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:rgba(174,173,180,.52)}
.contact-field select option{background:var(--bg);color:var(--paper)}
.contact-field input:focus,.contact-field textarea:focus,.contact-field select:focus{outline:2px solid var(--cyan);outline-offset:2px}
.contact-systemtypes{min-width:0;margin:0;padding:0;border:0}.contact-systemtypes legend{margin-bottom:8px}
.contact-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.contact-chip-grid label{position:relative;cursor:pointer}.contact-chip-grid input{position:absolute;opacity:0;pointer-events:none}.contact-chip-grid span{display:block;padding:12px 16px;border:1px solid var(--line-dark);border-radius:9999px;color:var(--copy-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}.contact-chip-grid input:checked+span{color:var(--bg);border-color:var(--cyan);background:var(--cyan)}
.contact-privacy{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;color:var(--copy-dark);font-size:12px;font-weight:400;line-height:1.43;cursor:pointer}.contact-privacy input{appearance:none;width:16px;height:16px;margin:1px 0 0;border:1px solid rgba(243,242,236,.25);border-radius:5px;background:transparent}.contact-privacy input:checked{border-color:var(--cyan);background:var(--cyan)}
.contact-privacy a{color:var(--paper)}
.contact-status{min-height:18px;color:var(--copy-dark);font-size:14px}.contact-status.is-error{color:var(--coral)}.contact-status.is-success{color:var(--cyan)}
.contact-submit-row{display:flex;align-items:center;gap:18px}.contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 22px;border:0;border-radius:9999px;background:var(--coral);color:white;font-size:17px;font-weight:400;line-height:1;letter-spacing:-.374px;cursor:pointer}.contact-submit:active{transform:scale(.95)}.contact-submit:disabled{opacity:.58;cursor:wait}.contact-submit-row small{max-width:300px;color:var(--copy-dark);font-size:12px;line-height:1.3}
.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-success-view{display:none;min-height:420px;padding:64px;align-content:center;justify-items:start}.contact-dialog.is-success .contact-intro,.contact-dialog.is-success .contact-form-view{display:none}.contact-dialog.is-success .contact-dialog-grid{display:block}.contact-dialog.is-success .contact-success-view{display:grid}.contact-success-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:24px;border-radius:50%;background:rgba(0,250,252,.14);color:var(--cyan);font-size:21px}.contact-success-view h3{margin:0 0 12px;font-size:40px;font-weight:600;line-height:1.1;letter-spacing:-.4px}.contact-success-view p{margin:0 0 24px;color:var(--copy-dark);font-size:17px;line-height:1.47}.contact-success-close{padding:0;border:0;background:none;color:var(--coral);font-size:17px;font-weight:400;cursor:pointer}

/* --- simple reveals only --- */
.tech-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
.tech-reveal.is-visible{opacity:1;transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

/* 1068px */
@media(max-width:1068px){
  :root{--shell:min(100% - 40px,1000px);--reading:min(900px,100% - 40px)}
  .tech-nav{gap:18px}
  .meta-map{grid-template-columns:repeat(2,1fr)}
  .systems-grid{grid-template-columns:repeat(2,1fr)}
  .security-grid{grid-template-columns:repeat(2,1fr)}
  .release-metrics{grid-template-columns:repeat(3,1fr)}
}

/* 833px: navigation collapse */
@media(max-width:833px){
  :root{--shell:calc(100% - 32px);--reading:calc(100% - 32px)}
  .tech-header-inner{width:calc(100% - 32px);grid-template-columns:1fr auto;height:44px}
  .tech-brand{width:116px}
  .tech-nav,.tech-header-cta{display:none}
  .tech-menu-toggle{position:relative;display:grid;grid-template-columns:auto 22px;grid-template-rows:1fr 1fr;gap:0 9px;align-items:center;border:0;background:none;padding:8px 0;cursor:pointer}
  .tech-menu-toggle span{grid-row:1/3;color:rgba(243,242,236,.82);font-size:12px;font-weight:400}
  .tech-menu-toggle i{display:block;width:22px;height:1px;background:var(--paper);transition:.15s ease}
  body.tech-menu-open .tech-menu-toggle i:first-of-type{transform:translateY(4px) rotate(45deg)}
  body.tech-menu-open .tech-menu-toggle i:last-of-type{transform:translateY(-4px) rotate(-45deg)}
  .tech-subnav-inner{width:calc(100% - 32px);grid-template-columns:1fr auto}
  .tech-subnav nav{display:none}
  .tech-subnav-title{font-size:17px}
  .tech-subnav-cta{min-height:32px;padding:7px 14px;font-size:14px}
  .tech-mobile-menu{position:fixed;z-index:640;inset:44px 0 0;display:flex;visibility:hidden;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;padding:52px 24px 32px;background:var(--bg);transition:opacity .18s ease,visibility .18s ease}
  .tech-mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:auto}
  .tech-mobile-menu nav{display:grid;border-top:1px solid var(--line-dark)}
  .tech-mobile-menu nav a{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line-dark);font-size:28px;font-weight:600;line-height:1.1;letter-spacing:-.28px;text-decoration:none}
  .tech-mobile-menu nav span{color:var(--copy-dark);font-size:12px;font-weight:400}
  .tech-mobile-contact{margin-top:24px;padding:11px 22px;border-radius:9999px;background:var(--coral);font-size:17px;font-weight:400;text-align:center;text-decoration:none}
  .tech-hero-layout{min-height:auto;padding-top:64px}
  .complexity-layout,.coverage-layout,.provider-neutral,.insight-heading,.about-layout,.authority-layout{grid-template-columns:1fr;gap:32px}
  .complexity-copy{position:static}
  .authority-layout .tech-section-heading,.about-layout .tech-section-heading{text-align:center}
  .authority-rules{grid-template-columns:1fr}
  .engineering-editorial{grid-template-columns:1fr}
  .execution-diagram{height:auto;display:grid;gap:12px;padding:0}
  .execution-diagram svg{display:none}
  .execution-core{position:static;transform:none;width:100%;height:130px;order:0}
  .execution-binding{position:static!important;transform:none!important;width:100%;display:grid;grid-template-columns:110px 1fr;align-items:center}
  .binding-a{order:1}.binding-b{order:2}.binding-c{order:3}.binding-d{order:4}.binding-e{order:5}.binding-f{order:6}
  .checkpoint-band{grid-template-columns:1fr;gap:24px}
  .evidence-classes{grid-template-columns:1fr}
  .coverage-board{grid-template-columns:1fr;padding:0}
  .coverage-arrow{transform:rotate(90deg);justify-self:center}
  .evidence-preview,.insight-grid{grid-template-columns:1fr}
  .release-gates{grid-template-columns:1fr}
  .release-gates li{min-height:62px;display:grid;grid-template-columns:42px 1fr;align-items:center;border-left:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
  .release-gates span{margin-top:0}
  .contact-dialog-grid{display:block}
  .contact-intro{border-right:0;border-bottom:1px solid var(--line-dark)}
}

/* 640px */
@media(max-width:640px){
  :root{--shell:calc(100% - 28px);--reading:calc(100% - 28px)}
  .tech-hero-layout{padding:48px 0}
  .tech-hero h1{font-size:34px;line-height:1.1;letter-spacing:-.4px}
  .tech-hero-lead{font-size:17px}
  .tech-hero-actions{flex-direction:column}
  .tech-button,.tech-text-link{font-size:17px}
  .tech-hero-visual{width:108vw;margin-left:-6vw}
  .tech-principle-strip{grid-template-columns:1fr 1fr;padding:0}
  .tech-principle-strip span{min-height:52px;padding:12px 8px;border-bottom:1px solid var(--line-light)}
  .tech-principle-strip span+span{border-left:0}
  .tech-principle-strip span:nth-child(even){border-left:1px solid var(--line-light)}
  .tech-principle-strip span:last-child{grid-column:1/-1}
  .tech-section{padding:64px 0}
  .tech-section-heading h2,.validation-hero h2{font-size:34px;line-height:1.1;letter-spacing:-.374px}
  .tech-section-heading>p:not(.tech-index),.validation-hero p:not(.tech-index){font-size:17px}
  .decision-sequence,.engineering-flow{grid-template-columns:1fr;margin-top:40px;padding:17px 0}
  .decision-sequence div,.eng-step{display:grid;grid-template-columns:36px 1fr;align-items:center;min-width:0;padding:7px 0}
  .decision-sequence div b,.eng-step b{margin:0}
  .eng-step small{grid-column:2}
  .decision-sequence i,.engineering-flow>i{width:1px;height:17px;margin-left:17px}
  .engineering-flow>i.boundary{width:7px;height:28px;margin-left:14px}
  .complexity-layout{margin-top:48px}
  .complexity-copy h3,.coverage-copy h3,.checkpoint-band h3,.provider-neutral h3,.insight-heading h3,.search-validation h3,.release-record h3,.fail-closed strong{font-size:28px}
  .complexity-ladder li{padding:17px 0}
  .meta-map,.systems-grid,.security-grid{grid-template-columns:1fr;gap:12px}
  .meta-map article,.system-card,.security-item{min-height:230px}
  .tech-large-card{min-height:0;padding:24px}
  .tech-large-card h3{font-size:28px}
  .checkpoint-band{padding:24px 0}
  .record-metrics,.release-metrics{grid-template-columns:1fr 1fr;gap:12px}
  .record-metrics div,.release-metrics div{min-height:110px}
  .search-validation,.release-record{padding:24px}
  .search-validation-head,.release-record-top{flex-direction:column}
  .release-pending{align-items:flex-start;flex-direction:column}
  .fail-closed{align-items:flex-start;flex-direction:column}
  .final-cta{margin-top:64px;padding:64px 24px}
  .final-cta h2{font-size:34px;line-height:1.1;letter-spacing:-.374px}
  .tech-footer-grid{grid-template-columns:1fr 1fr}
  .contact-overlay{align-items:stretch;padding:0}
  .contact-dialog{width:100%;max-height:100svh;min-height:100svh;border:0;border-radius:0}
  .contact-dialog-head{position:sticky;top:0;z-index:4;padding:20px;background:var(--bg)}
  .contact-dialog h2{font-size:34px}
  .contact-intro,.contact-form-view{padding:24px 20px}
  .contact-fields-two{grid-template-columns:1fr}
  .contact-field input,.contact-field textarea,.contact-field select{font-size:17px}
  .contact-submit-row{align-items:flex-start;flex-direction:column}.contact-submit{width:100%}
  .contact-success-view{min-height:calc(100svh - 100px);padding:42px 20px}
}

/* 419px */
@media(max-width:419px){
  .tech-hero h1{font-size:28px}
  .tech-section-heading h2,.validation-hero h2,.final-cta h2{font-size:28px}
  .tech-principle-strip{grid-template-columns:1fr}
  .tech-principle-strip span:last-child{grid-column:auto}
  .tech-principle-strip span:nth-child(even){border-left:0}
  .record-metrics,.release-metrics{grid-template-columns:1fr}
  .tech-footer-grid{grid-template-columns:1fr}
  .tech-footer-top,.tech-footer-bottom{align-items:flex-start;flex-direction:column}
}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .tech-reveal{opacity:1!important;transform:none!important}
  .hv-pulse{display:none}
}


/* 129 · HERO SYSTEM MAP REBUILD
   Entire graphic is inline SVG. No generated image asset. */
.tech-hero-visual{
  position:relative;
  width:min(1240px,96vw);
  min-height:0;
  margin:8px auto 0
}
.tech-hero-visual svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  filter:drop-shadow(3px 5px 30px rgba(0,0,0,.22))
}
.hsm-grid path{
  fill:none;
  stroke:var(--paper);
  stroke-opacity:.035;
  stroke-width:1;
  vector-effect:non-scaling-stroke
}
.hsm-guide,.hsm-cross{
  fill:none;
  stroke:var(--paper);
  stroke-opacity:.07;
  stroke-width:1;
  vector-effect:non-scaling-stroke
}
.hsm-guide.dashed{stroke-dasharray:7 12;stroke-opacity:.085}
.hsm-guide.dotted{stroke-dasharray:2 11;stroke-opacity:.065}
.hsm-cross{stroke:var(--coral);stroke-opacity:.72}
.hsm-cross.faint{stroke:var(--paper);stroke-opacity:.055}
.hsm-axis-dot{fill:var(--coral)}

.hsm-backbone{
  fill:none;
  stroke-width:1.25;
  vector-effect:non-scaling-stroke
}
.hsm-backbone.evidence{stroke:var(--cyan);stroke-opacity:.72}
.hsm-backbone.authority{stroke:var(--coral);stroke-opacity:.72}

/* outer nodes */
.hsm-node .outer,.hsm-node .middle,.hsm-node .inner{
  fill:var(--bg);
  vector-effect:non-scaling-stroke
}
.hsm-node .outer{stroke-width:1.1}
.hsm-node .middle{stroke-width:1;stroke-dasharray:3 5}
.hsm-node .inner{stroke-width:1}
.hsm-node.problem .outer,.hsm-node.problem .middle,.hsm-node.problem .inner,
.hsm-node.system .outer,.hsm-node.system .middle,.hsm-node.system .inner{
  stroke:var(--coral)
}
.hsm-node.problem .outer,.hsm-node.system .outer{stroke-opacity:.5}
.hsm-node.problem .middle,.hsm-node.system .middle{stroke-opacity:.3}
.hsm-node.problem .inner,.hsm-node.system .inner{stroke-opacity:.38}
.hsm-node.evidence .outer,.hsm-node.evidence .middle,.hsm-node.evidence .inner,
.hsm-node.validate .outer,.hsm-node.validate .middle,.hsm-node.validate .inner{
  stroke:var(--cyan)
}
.hsm-node.evidence .outer,.hsm-node.validate .outer{stroke-opacity:.52}
.hsm-node.evidence .middle,.hsm-node.validate .middle{stroke-opacity:.3}
.hsm-node.evidence .inner,.hsm-node.validate .inner{stroke-opacity:.4}
.hsm-node .marker{vector-effect:non-scaling-stroke}
.hsm-node.problem .marker,.hsm-node.system .marker{fill:var(--coral)}
.hsm-node.evidence .marker,.hsm-node.validate .marker{fill:var(--cyan)}
.hsm-node .tick{
  fill:none;
  stroke:var(--paper);
  stroke-opacity:.18;
  stroke-width:1;
  vector-effect:non-scaling-stroke
}
.hsm-node text{text-anchor:middle}
.hsm-node .title{
  fill:var(--paper);
  font-size:18px;
  font-weight:600;
  letter-spacing:.05em
}
.hsm-node .sub{
  fill:var(--muted);
  font-size:11px;
  font-weight:400;
  letter-spacing:.12em
}

/* connector modules */
.hsm-connector rect{
  fill:var(--bg);
  stroke-width:1;
  vector-effect:non-scaling-stroke
}
.hsm-connector.coral rect{stroke:var(--coral);stroke-opacity:.52}
.hsm-connector.cyan rect{stroke:var(--cyan);stroke-opacity:.52}
.hsm-connector.coral circle{fill:var(--coral)}
.hsm-connector.cyan circle{fill:var(--cyan)}

/* central Meta Brain */
.hsm-brain .ring,.hsm-brain .ring-neutral,.hsm-brain .ring-dashed{
  fill:none;
  vector-effect:non-scaling-stroke
}
.hsm-brain .ring{stroke-width:2.1}
.hsm-brain .ring.cyan{stroke:var(--cyan);stroke-opacity:.62}
.hsm-brain .ring.coral{stroke:var(--coral);stroke-opacity:.68}
.hsm-brain .ring-neutral{stroke:var(--paper);stroke-opacity:.12;stroke-width:1}
.hsm-brain .ring-dashed{stroke:var(--paper);stroke-opacity:.08;stroke-width:1;stroke-dasharray:6 10}
.hsm-brain .arc{
  fill:none;
  stroke-width:5;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke
}
.hsm-brain .arc.cyan{stroke:var(--cyan);stroke-opacity:.68}
.hsm-brain .arc.coral{stroke:var(--coral);stroke-opacity:.72}

.hsm-brain .brain-half{
  vector-effect:non-scaling-stroke;
  stroke-width:1.55
}
.hsm-brain .brain-half.cyan{
  fill:rgba(0,250,252,.025);
  stroke:var(--cyan);
  stroke-opacity:.88
}
.hsm-brain .brain-half.coral{
  fill:rgba(255,75,88,.025);
  stroke:var(--coral);
  stroke-opacity:.88
}
.hsm-brain .lobe,.hsm-brain .circuit{
  fill:none;
  stroke-width:1;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke
}
.hsm-brain .lobe.cyan,.hsm-brain .circuit.cyan{stroke:var(--cyan);stroke-opacity:.56}
.hsm-brain .lobe.coral,.hsm-brain .circuit.coral{stroke:var(--coral);stroke-opacity:.56}
.hsm-brain .circuit.cyan circle{fill:var(--cyan);stroke:none}
.hsm-brain .circuit.coral circle{fill:var(--coral);stroke:none}

.hsm-brain .authority-gate{
  fill:var(--bg);
  stroke:var(--paper);
  stroke-opacity:.48;
  stroke-width:1.3;
  vector-effect:non-scaling-stroke
}
.hsm-brain .authority-bars{
  fill:none;
  stroke:var(--coral);
  stroke-width:2.2;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke
}
.hsm-brain .gate-core{fill:var(--coral)}
.hsm-brain .port{
  fill:none;
  stroke-width:2;
  vector-effect:non-scaling-stroke
}
.hsm-brain .port.cyan{stroke:var(--cyan)}
.hsm-brain .port.coral{stroke:var(--coral)}
.hsm-brain .brain-title{
  fill:var(--paper);
  font-size:26px;
  font-weight:600;
  letter-spacing:.14em;
  text-anchor:middle
}
.hsm-brain .brain-sub{
  fill:var(--muted);
  font-size:12px;
  font-weight:400;
  letter-spacing:.14em;
  text-anchor:middle
}

.hsm-pulse{filter:none}
.hsm-pulse.cyan{fill:var(--cyan)}
.hsm-pulse.coral{fill:var(--coral)}
.hsm-pulse.p1{animation:hsmPulseIn 5s linear infinite}
.hsm-pulse.p2{animation:hsmPulseOut 5s linear infinite}
@keyframes hsmPulseIn{
  0%,8%{cx:355;opacity:0}
  15%{opacity:1}
  75%{cx:610;opacity:1}
  86%,100%{cx:610;opacity:0}
}
@keyframes hsmPulseOut{
  0%,8%{cx:990;opacity:0}
  15%{opacity:1}
  75%{cx:1295;opacity:1}
  86%,100%{cx:1295;opacity:0}
}

/* let the diagram dominate on desktop, like the supplied reference */
@media(min-width:1070px){
  .tech-hero-layout{gap:18px;padding-bottom:32px}
  .tech-hero-copy{position:relative;z-index:3}
  .tech-hero-visual{margin-top:-6px}
}
@media(max-width:833px){
  .tech-hero-visual{
    width:1180px;
    max-width:none;
    margin-left:50%;
    transform:translateX(-50%)
  }
}
@media(max-width:640px){
  .tech-hero-visual{
    width:1020px;
    margin-top:-8px
  }
}

/* ================================================================
   130 · FINE TUNING
   Content truth unchanged. Layout, visual balance and mobile only.
   ================================================================ */

/* anchor targets clear both navigation rows */
main section[id]{scroll-margin-top:112px}

/* global polish */
.tech-header-inner,
.tech-subnav-inner,
.tech-footer .tech-shell{
  width:min(1040px,calc(100% - 40px))
}
.tech-nav a,
.tech-header-cta,
.tech-subnav nav a{
  transition:opacity .16s ease,color .16s ease
}
.tech-nav a:hover,
.tech-header-cta:hover,
.tech-subnav nav a:hover{opacity:.72}
.tech-subnav-cta{
  transition:transform .12s ease,opacity .16s ease
}
.tech-subnav-cta:hover{opacity:.9}
.tech-button-primary{transition:transform .12s ease,opacity .16s ease}
.tech-button-primary:hover{opacity:.92}

/* hero: tighter composition and stronger product hierarchy */
.tech-hero-layout{
  min-height:calc(100svh - 96px);
  justify-content:flex-start;
  gap:16px;
  padding:58px 0 34px
}
.tech-hero-copy{max-width:1040px}
.tech-hero h1{
  max-width:900px;
  font-size:clamp(48px,4.25vw,64px);
  letter-spacing:-.62px
}
.tech-hero-lead{
  max-width:790px;
  margin-top:20px
}
.tech-hero-support{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:18px auto 0;
  color:rgba(243,242,236,.42);
  font-size:12px;
  font-weight:400;
  line-height:1;
  letter-spacing:-.12px
}
.tech-hero-support i{
  display:block;
  width:16px;
  height:1px;
  background:rgba(243,242,236,.14)
}
.tech-hero-actions{margin-top:22px}
.tech-hero-visual{
  width:min(1180px,91vw);
  margin-top:-6px
}
.hero-system-map{display:block}
.hero-system-map-mobile{display:none}
.tech-principle-strip{
  min-height:58px
}

/* make the system map feel less HUD-like and more product-like */
.hsm-grid{opacity:.72}
.hsm-guide{opacity:.9}
.hsm-brain .ring.cyan,
.hsm-brain .ring.coral{stroke-width:1.7}
.hsm-brain .arc{stroke-width:4}
.hsm-brain .brain-title{font-size:25px}
.hsm-node .title{font-size:17px}
.hsm-node .sub{font-size:10px}
.hsm-connector rect{fill:rgba(21,21,28,.96)}
.hsm-backbone{stroke-width:1}
.hsm-pulse{opacity:.88}

/* section rhythm: more gallery, less dashboard */
.tech-section{padding:clamp(72px,6vw,96px) 0}
.tech-section-heading h2{max-width:880px;margin-inline:auto;text-wrap:balance}
.tech-section-heading>p:not(.tech-index){max-width:720px}
.meta-map,
.systems-grid{
  max-width:1280px
}
.meta-map article,
.system-card,
.security-item,
.evidence-record,
.insight-card,
.tech-large-card,
.evidence-class{
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease
}
#meta-brain .meta-map article:hover,
.tech-library .evidence-record:hover,
.tech-library .insight-card:hover{
  border-color:rgba(243,242,236,.2);
  background:rgba(243,242,236,.015)
}
#systems .system-card:hover,
#security .security-item:hover,
#engineering .tech-large-card:hover{
  border-color:rgba(21,21,28,.22);
  background:rgba(21,21,28,.018)
}
.system-card.agentic:hover{border-color:rgba(255,75,88,.5)}
.meta-map article:nth-child(3),
.meta-map article:nth-child(6){
  border-color:rgba(0,250,252,.16)
}

/* readability: dense technical records */
.record-metrics strong,
.release-metrics strong{
  font-variant-numeric:tabular-nums
}
.release-record,
.search-validation{
  max-width:980px
}
.release-pending strong{letter-spacing:.02em}
.record-limit{max-width:760px}
.evidence-record dl div{align-items:baseline}
.evidence-record dd{line-height:1.35}

/* clearer information bands */
.fail-closed{
  position:relative;
  padding-left:28px;
  padding-right:28px
}
.fail-closed:before{
  content:"";
  position:absolute;
  left:0;
  top:20%;
  bottom:20%;
  width:3px;
  background:var(--coral)
}
.checkpoint-band{
  padding-left:0;
  padding-right:0
}

/* footer balance */
.tech-footer-top p{max-width:430px;text-align:right}
.tech-footer-grid{padding-top:38px;padding-bottom:38px}

/* mobile true recomposition */
@media(max-width:833px){
  main section[id]{scroll-margin-top:104px}
  .tech-hero-layout{
    gap:22px;
    padding:48px 0 30px
  }
  .tech-hero-copy{width:calc(100% - 32px)}
  .tech-hero h1{
    max-width:620px;
    font-size:clamp(38px,8vw,52px);
    line-height:1.05
  }
  .tech-hero-lead{max-width:650px}
  .tech-hero-support{flex-wrap:wrap}
  .tech-hero-visual{
    width:min(430px,100%);
    max-width:430px;
    margin:4px auto 0;
    transform:none
  }
  .hero-system-map{display:none}
  .hero-system-map-mobile{
    display:block;
    width:100%;
    height:auto;
    overflow:visible
  }

  /* mobile SVG */
  .hsmm-axis path{
    fill:none;
    stroke:var(--paper);
    stroke-opacity:.07;
    stroke-width:1
  }
  .hsmm-axis circle{fill:var(--coral)}
  .hsmm-node .outer,.hsmm-node .inner{
    fill:var(--bg);
    stroke-width:1;
    vector-effect:non-scaling-stroke
  }
  .hsmm-node.problem .outer,.hsmm-node.problem .inner,
  .hsmm-node.system .outer,.hsmm-node.system .inner{
    stroke:var(--coral);
    stroke-opacity:.48
  }
  .hsmm-node.evidence .outer,.hsmm-node.evidence .inner{
    stroke:var(--cyan);
    stroke-opacity:.52
  }
  .hsmm-node text{text-anchor:middle}
  .hsmm-node .title{
    fill:var(--paper);
    font-size:13px;
    font-weight:600;
    letter-spacing:.05em
  }
  .hsmm-node .sub{
    fill:var(--muted);
    font-size:8px;
    letter-spacing:.11em
  }
  .hsmm-link rect{
    fill:var(--bg);
    stroke-width:1
  }
  .hsmm-link.coral rect{stroke:var(--coral);stroke-opacity:.5}
  .hsmm-link.cyan rect{stroke:var(--cyan);stroke-opacity:.5}
  .hsmm-link.coral circle{fill:var(--coral)}
  .hsmm-link.cyan circle{fill:var(--cyan)}
  .hsmm-brain .ring{fill:none;stroke-width:1.4}
  .hsmm-brain .ring.outer{stroke:var(--paper);stroke-opacity:.15}
  .hsmm-brain .ring.inner{stroke:var(--paper);stroke-opacity:.07;stroke-dasharray:4 7}
  .hsmm-brain .half{stroke-width:1.4}
  .hsmm-brain .half.cyan{fill:rgba(0,250,252,.025);stroke:var(--cyan)}
  .hsmm-brain .half.coral{fill:rgba(255,75,88,.025);stroke:var(--coral)}
  .hsmm-brain .trace{fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
  .hsmm-brain .trace.cyan{stroke:var(--cyan);fill:var(--cyan)}
  .hsmm-brain .trace.coral{stroke:var(--coral);fill:var(--coral)}
  .hsmm-brain .gate{fill:var(--bg);stroke:var(--paper);stroke-opacity:.45}
  .hsmm-brain .bars{fill:none;stroke:var(--coral);stroke-width:1.7;stroke-linecap:round}
  .hsmm-brain .brain-title{
    fill:var(--paper);
    font-size:16px;
    font-weight:600;
    letter-spacing:.11em;
    text-anchor:middle
  }
  .hsmm-brain .brain-sub{
    fill:var(--muted);
    font-size:7px;
    letter-spacing:.1em;
    text-anchor:middle
  }
  .hsmm-validate{
    fill:var(--paper);
    font-size:12px;
    font-weight:600;
    letter-spacing:.08em;
    text-anchor:middle
  }

  .meta-map,
  .systems-grid,
  .security-grid,
  .evidence-preview{
    width:calc(100% - 32px)
  }
  .authority-rules,
  .engineering-editorial,
  .evidence-classes,
  .coverage-layout,
  .search-validation,
  .release-record,
  .insight-grid,
  .checkpoint-band,
  .decision-sequence,
  .engineering-flow{
    width:calc(100% - 32px)
  }
}

/* phone refinement */
@media(max-width:640px){
  .tech-hero-layout{padding-top:42px}
  .tech-hero-copy{width:calc(100% - 28px)}
  .tech-hero h1{
    font-size:clamp(34px,10vw,44px);
    letter-spacing:-.45px
  }
  .tech-hero-support{
    max-width:300px;
    row-gap:7px
  }
  .tech-hero-support i:nth-of-type(2){display:none}
  .tech-hero-actions{gap:14px}
  .tech-principle-strip span{font-size:11px}
  .hero-system-map-mobile{margin-top:-8px}
  .meta-map,
  .systems-grid,
  .security-grid,
  .evidence-preview,
  .authority-rules,
  .engineering-editorial,
  .evidence-classes,
  .coverage-layout,
  .search-validation,
  .release-record,
  .insight-grid,
  .checkpoint-band,
  .decision-sequence,
  .engineering-flow{
    width:calc(100% - 28px)
  }
  .record-metrics div,
  .release-metrics div{
    padding:20px
  }
  .tech-footer-top p{text-align:left}
}

/* very small screens */
@media(max-width:419px){
  .tech-hero h1{font-size:32px}
  .tech-hero-support{display:none}
  .tech-hero-visual{width:100%}
  .hero-system-map-mobile{margin-top:-18px}
}

/* ================================================================
   131 · NO NESTED PAGE SCROLL / DESKTOP FLOW REBUILD
   The page itself scrolls. Desktop content never creates its own
   horizontal scrollbars. Mobile hero is opt-in only.
   ================================================================ */

/* hard default: alternate mobile hero can never leak onto desktop */
.hero-system-map-mobile{display:none!important}

/* 7-stage decision flow: fit the page, no nested scrollbar */
.decision-sequence{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:0!important;
  overflow:visible!important;
  scrollbar-width:none
}
.decision-sequence>i{display:none!important}
.decision-sequence>div{
  position:relative;
  min-width:0!important;
  padding:0 14px!important
}
.decision-sequence>div:first-child{padding-left:0!important}
.decision-sequence>div:last-child{padding-right:0!important}
.decision-sequence>div:not(:first-of-type):before{
  content:"";
  position:absolute;
  left:0;
  top:5px;
  bottom:5px;
  width:1px;
  background:var(--line-light)
}
.decision-sequence div span{
  white-space:normal!important;
  overflow-wrap:anywhere
}

/* 8-stage engineering flow: one clean rail, no horizontal scrollbar */
.engineering-flow{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:0!important;
  overflow:visible!important;
  scrollbar-width:none;
  align-items:stretch!important
}
.engineering-flow>i{display:none!important}
.eng-step{
  position:relative;
  min-width:0!important;
  padding:0 12px!important
}
.eng-step:first-of-type{padding-left:0!important}
.eng-step:last-of-type{padding-right:0!important}
.eng-step:not(:first-of-type):before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:1px;
  background:var(--line-light)
}
.eng-step.assurance:after,
.eng-step.human:after{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  width:2px;
  height:24px;
  background:var(--coral)
}
.eng-step.assurance span{color:var(--bg)!important}
.eng-step span,.eng-step small{overflow-wrap:anywhere}

/* release gates: never force a horizontal viewport */
.release-gates{
  grid-template-columns:repeat(11,minmax(0,1fr))!important;
  overflow:visible!important;
  scrollbar-width:none
}
.release-gates li{
  min-width:0!important;
  padding:17px 11px!important
}
.release-gates span{overflow-wrap:anywhere}

/* intermediate desktop/tablet: reflow instead of scroll */
@media(max-width:1180px){
  .decision-sequence{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:22px!important}
  .decision-sequence>div{padding:0 14px!important}
  .decision-sequence>div:nth-child(4n+1){padding-left:0!important}
  .decision-sequence>div:nth-child(4n+1):before{display:none}

  .engineering-flow{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:28px!important}
  .eng-step{padding:0 14px!important}
  .eng-step:nth-of-type(4n+1){padding-left:0!important}

  .release-gates{grid-template-columns:repeat(6,minmax(0,1fr))!important;row-gap:1px!important}
  .release-gates li{border-bottom:1px solid var(--line-dark)}
}

@media(max-width:833px){
  /* current CSS declares these as vertical; make that authoritative */
  .hero-system-map-mobile{display:block!important}

  .decision-sequence,
  .engineering-flow,
  .release-gates{
    grid-template-columns:1fr!important;
    overflow:visible!important
  }
  .decision-sequence>div,
  .eng-step{
    padding:10px 0!important
  }
  .decision-sequence>div:before,
  .eng-step:before,
  .eng-step:after{display:none!important}
  .release-gates li{min-width:0!important}
}

/* ================================================================
   132 · USER-SPECIFIED LAYOUT CORRECTIONS
   ================================================================ */
.meta-map{width:min(1120px,calc(100% - 48px))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.meta-map article{min-width:0!important;min-height:220px!important;height:100%!important}
.meta-map-axis{display:none!important}

.engineering-flow{width:min(980px,calc(100% - 48px))!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:48px auto 0!important;padding:0!important;border:0!important;overflow:visible!important}
.engineering-flow>i{display:none!important}
.eng-step{min-width:0!important;min-height:132px!important;padding:20px!important;border:1px solid var(--line-light)!important;border-radius:18px!important;background:transparent!important}
.eng-step:before,.eng-step:after{display:none!important}
.eng-step b{margin:0 0 24px!important;color:rgba(21,21,28,.48)!important}
.eng-step span{margin:0!important;color:var(--bg)!important;font-size:15px!important;line-height:1.25!important}
.eng-step small{margin-top:6px!important;color:rgba(21,21,28,.56)!important;line-height:1.35!important}
.eng-step.human{border-color:rgba(255,75,88,.34)!important}
.eng-step.human span,.eng-step:last-of-type span{color:var(--coral)!important}

.authority-model{border-top:1px solid var(--line-dark)}
.authority-model-label{padding:0 0 14px;color:rgba(243,242,236,.45);font-size:12px;font-weight:400;letter-spacing:-.12px}
.authority-model article{display:grid;grid-template-columns:42px minmax(220px,1fr) minmax(110px,.72fr);gap:18px;align-items:center;min-height:78px;padding:15px 0;border-bottom:1px solid var(--line-dark)}
.authority-model article>b{color:rgba(243,242,236,.42);font-size:12px;font-weight:400}
.authority-model h3{margin:0 0 4px;color:var(--paper);font-size:17px;font-weight:600;line-height:1.24;letter-spacing:-.374px}
.authority-model p{margin:0;color:var(--copy-dark);font-size:14px;font-weight:400;line-height:1.43;letter-spacing:-.224px}
.authority-bar{position:relative;display:block;width:100%;height:3px;background:rgba(243,242,236,.08);overflow:hidden}
.authority-bar i{display:block;width:var(--authority);height:100%;background:rgba(243,242,236,.42)}
.authority-model article.is-boundary h3{color:var(--coral)}
.authority-model article.is-boundary .authority-bar i{background:var(--coral)}

.release-pipeline{width:min(1120px,calc(100% - 48px));margin:48px auto 0;display:grid;grid-template-columns:1.35fr .85fr 1fr .85fr;gap:14px}
.release-pipeline>article{min-width:0;min-height:258px;padding:24px;border:1px solid var(--line-dark);border-radius:18px;background:transparent}
.release-pipeline header{display:flex;align-items:baseline;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line-dark)}
.release-pipeline header b{color:rgba(243,242,236,.42);font-size:12px;font-weight:400}
.release-pipeline header h3{margin:0;color:var(--paper);font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.25px}
.release-pipeline ol{list-style:none;margin:0;padding:10px 0 0}
.release-pipeline li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(243,242,236,.07);color:var(--paper);font-size:14px;line-height:1.35}
.release-pipeline li:last-child{border-bottom:0}
.release-pipeline li span{color:rgba(243,242,236,.42);font-size:12px}
.release-pipeline .release-phase{border-color:rgba(255,75,88,.32)}
.release-pipeline .release-phase header h3,.release-pipeline .release-step{color:var(--coral)}
.release-pipeline .release-step span{color:var(--coral)}
.release-gates{display:none!important}

.final-cta-section{width:100%;margin:0;padding:0;background:var(--bg);color:var(--paper)}
.final-cta{width:min(980px,calc(100% - 48px))!important;margin:0 auto!important;padding:104px 24px!important;background:transparent!important;color:var(--paper)!important;text-align:center}
.final-cta h2{max-width:820px;margin:17px auto!important}
.final-cta>p:not(.tech-kicker){max-width:680px!important}
.footer-brand img{display:block;width:100%;height:auto}

@media(max-width:1068px){
  .meta-map{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .engineering-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .release-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:833px){
  .authority-model article{grid-template-columns:36px 1fr;gap:12px}
  .authority-bar{grid-column:2;margin-top:-6px}
}
@media(max-width:640px){
  .meta-map{width:calc(100% - 28px)!important;grid-template-columns:1fr!important}
  .engineering-flow{width:calc(100% - 28px)!important;grid-template-columns:1fr!important}
  .eng-step{min-height:0!important}
  .release-pipeline{width:calc(100% - 28px);grid-template-columns:1fr}
  .release-pipeline>article{min-height:0}
  .final-cta{width:calc(100% - 28px)!important;padding:76px 0!important}
}


/* ======================================================================
   136 · SURGICAL GRAPHIC FINISH · technical.html only
   No copy/order changes. Visual hierarchy and semantic form tuning only.
   ====================================================================== */
:root{
  --tech-radius-content:18px;
  --tech-radius-system:9px;
  --tech-radius-control:6px;
  --tech-radius-container:14px;
}

/* ----------------------------------------------------------------------
   P1 · META BRAIN = one controlled system, not eight isolated cards
   ---------------------------------------------------------------------- */
.meta-map{
  position:relative!important;
  width:min(1120px,calc(100% - 48px))!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  padding:12px!important;
  border:1px solid rgba(243,242,236,.15)!important;
  border-radius:var(--tech-radius-container)!important;
  background:rgba(243,242,236,.012)!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
.meta-map-axis{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
}
.meta-map-axis:before{
  content:"";
  position:absolute;
  left:50%;
  top:12px;
  bottom:12px;
  width:1px;
  background:linear-gradient(to bottom,rgba(0,250,252,.06),rgba(0,250,252,.24) 48%,rgba(255,75,88,.24) 52%,rgba(255,75,88,.06));
}
.meta-map-axis:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:50%;
  height:1px;
  background:rgba(243,242,236,.10);
}
.meta-map article{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  min-height:218px!important;
  height:100%!important;
  padding:24px!important;
  border:0!important;
  border-right:1px solid rgba(243,242,236,.075)!important;
  border-bottom:1px solid rgba(243,242,236,.075)!important;
  border-radius:0!important;
  background:rgba(21,21,28,.70)!important;
}
.meta-map article:nth-of-type(4n){border-right:0!important}
.meta-map article:nth-of-type(n+5){border-bottom:0!important}
.meta-map article:nth-of-type(2),
.meta-map article:nth-of-type(6){border-right-color:rgba(0,250,252,.18)!important}
.meta-map article:before{
  content:"";
  position:absolute;
  left:24px;
  top:0;
  width:28px;
  height:2px;
  background:var(--coral);
  opacity:.62;
}
.meta-map article:nth-of-type(2):before,
.meta-map article:nth-of-type(3):before,
.meta-map article:nth-of-type(5):before,
.meta-map article:nth-of-type(6):before{background:var(--cyan);opacity:.48}
.meta-map article h3{margin-top:54px!important}
.meta-artifacts{margin-top:18px!important}
.meta-artifacts span{
  border-radius:999px!important;
  background:rgba(243,242,236,.01)!important;
}

/* ----------------------------------------------------------------------
   P2 · FORM LANGUAGE: content remains soft, system/runtime becomes precise
   ---------------------------------------------------------------------- */
.tech-large-card{border-radius:var(--tech-radius-content)!important}
.eng-step,
.system-card,
.security-item,
.evidence-class,
.evidence-record,
.release-pipeline>article{
  border-radius:var(--tech-radius-system)!important;
}
.execution-core,
.execution-binding,
.search-validation,
.release-record{
  border-radius:var(--tech-radius-control)!important;
}
.authority-rules blockquote{border-radius:12px!important}
.verdict-row span,
.status-badge,
.meta-artifacts span,
.checkpoint-items span,
.coverage-col span{border-radius:999px!important}

/* ----------------------------------------------------------------------
   P2 · SYSTEMS: Agentic = conditional escalation, never product tier
   ---------------------------------------------------------------------- */
.systems-grid{
  width:min(1180px,calc(100% - 48px))!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.system-card:not(.agentic){grid-column:span 2!important}
.system-card:nth-child(4){grid-column:2 / span 2!important}
.system-card:nth-child(5){grid-column:4 / span 2!important}
.system-card{
  min-height:286px!important;
  padding:24px!important;
}
.system-card.agentic{
  grid-column:1 / -1!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:50px minmax(170px,.55fr) minmax(0,1fr) auto!important;
  gap:22px!important;
  align-items:center!important;
  margin-top:16px!important;
  padding:22px 24px!important;
  border:1px dashed rgba(21,21,28,.28)!important;
  border-left:3px solid rgba(21,21,28,.34)!important;
  background:rgba(21,21,28,.018)!important;
}
.system-card.agentic:before{
  content:"";
  position:absolute;
  left:50%;
  top:-17px;
  width:1px;
  height:16px;
  background:rgba(21,21,28,.22);
}
.system-card.agentic>b{grid-column:1!important;color:rgba(21,21,28,.48)!important}
.system-card.agentic h3{
  grid-column:2!important;
  margin:0!important;
  color:var(--ink-light)!important;
}
.system-card.agentic p{
  grid-column:3!important;
  max-width:none!important;
  margin:0!important;
  color:var(--copy-light)!important;
}
.system-card.agentic>span{
  position:static!important;
  grid-column:4!important;
  align-self:center!important;
  padding:8px 12px!important;
  border:1px solid rgba(21,21,28,.20)!important;
  border-radius:999px!important;
  color:rgba(21,21,28,.64)!important;
  background:transparent!important;
  white-space:nowrap!important;
  font-weight:600!important;
  letter-spacing:.04em!important;
}

/* ----------------------------------------------------------------------
   P3 · SECURITY: provider-neutral architecture statement is the anchor
   ---------------------------------------------------------------------- */
.security-grid{
  width:min(1040px,calc(100% - 48px))!important;
  margin-top:38px!important;
  gap:12px!important;
}
.security-item{
  min-height:222px!important;
  padding:22px!important;
  border-color:rgba(21,21,28,.13)!important;
}
.security-item h3{margin-top:40px!important}
.fail-closed{
  width:min(1040px,calc(100% - 48px))!important;
  margin-top:24px!important;
  padding:18px 0 18px 20px!important;
}
.provider-neutral{
  position:relative!important;
  width:min(1040px,calc(100% - 48px))!important;
  margin-top:34px!important;
  padding:34px!important;
  border:1px solid rgba(21,21,28,.16)!important;
  border-left:3px solid var(--coral)!important;
  border-radius:var(--tech-radius-container)!important;
  display:grid!important;
  grid-template-columns:.92fr 1.08fr!important;
  gap:46px!important;
  background:rgba(21,21,28,.018)!important;
}
.provider-neutral:before{
  content:"";
  position:absolute;
  left:34px;
  top:0;
  width:64px;
  height:2px;
  background:var(--coral);
}
.provider-neutral h3{
  max-width:500px!important;
  margin-top:14px!important;
  font-size:clamp(36px,3.4vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}
.provider-neutral>p{
  align-self:end!important;
  font-size:16px!important;
  line-height:1.58!important;
}

/* ----------------------------------------------------------------------
   P3 · EVIDENCE first; Insights become technical reading notes, not blog cards
   ---------------------------------------------------------------------- */
.evidence-preview{
  width:min(1120px,calc(100% - 48px))!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.evidence-record{
  min-height:350px!important;
  border-color:rgba(243,242,236,.14)!important;
  background:rgba(243,242,236,.01)!important;
}
.evidence-record.ghost{
  grid-column:1 / -1!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr 1.15fr!important;
  column-gap:36px!important;
  align-items:start!important;
  padding:24px!important;
  border-style:dashed!important;
  background:transparent!important;
}
.evidence-record.ghost header{grid-column:1 / -1!important}
.evidence-record.ghost>p:first-of-type,
.evidence-record.ghost h3{grid-column:1!important}
.evidence-record.ghost .ghost-copy{grid-column:2!important;grid-row:2 / span 2!important;margin-top:58px!important}
.insight-heading{
  width:min(980px,calc(100% - 48px))!important;
  grid-template-columns:.55fr 1.45fr!important;
  margin-top:76px!important;
  padding-top:24px!important;
  opacity:.78!important;
}
.insight-heading h3{
  max-width:700px!important;
  font-size:28px!important;
  line-height:1.12!important;
}
.insight-grid{
  width:min(980px,calc(100% - 48px))!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  margin-top:18px!important;
  border-top:1px solid var(--line-dark)!important;
}
.insight-card{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:130px minmax(250px,.8fr) minmax(0,1fr)!important;
  gap:24px!important;
  align-items:baseline!important;
  padding:20px 0!important;
  border:0!important;
  border-bottom:1px solid var(--line-dark)!important;
  border-radius:0!important;
  background:transparent!important;
}
.insight-card span{
  color:rgba(0,250,252,.70)!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
}
.insight-card h3{
  margin:0!important;
  font-size:18px!important;
  line-height:1.25!important;
}
.insight-card p{
  margin:0!important;
  color:rgba(174,173,180,.72)!important;
}

/* ----------------------------------------------------------------------
   RESPONSIVE: preserve information, recompose instead of shrink
   ---------------------------------------------------------------------- */
@media(max-width:1068px){
  .meta-map{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .meta-map-axis:before{left:50%!important}
  .meta-map-axis:after{display:none!important}
  .meta-map article:nth-of-type(4n){border-right:1px solid rgba(243,242,236,.075)!important}
  .meta-map article:nth-of-type(2n){border-right:0!important}
  .meta-map article:nth-of-type(n+5){border-bottom:1px solid rgba(243,242,236,.075)!important}
  .meta-map article:nth-last-of-type(-n+2){border-bottom:0!important}

  .systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .system-card:not(.agentic),
  .system-card:nth-child(4),
  .system-card:nth-child(5){grid-column:auto!important}
  .system-card:nth-child(5){grid-column:1 / -1!important;max-width:calc(50% - 7px)!important;justify-self:center!important;width:100%!important}
  .system-card.agentic{grid-column:1 / -1!important;max-width:none!important}

  .provider-neutral{grid-template-columns:1fr!important;gap:20px!important}
  .provider-neutral>p{align-self:start!important}

  .evidence-preview{grid-template-columns:1fr!important}
  .evidence-record.ghost{grid-column:auto!important}
}

@media(max-width:833px){
  .meta-map{padding:10px!important}
  .meta-map article{min-height:188px!important;padding:20px!important}
  .meta-map article:before{left:20px!important}

  .system-card.agentic{
    grid-template-columns:44px 1fr auto!important;
    row-gap:10px!important;
  }
  .system-card.agentic h3{grid-column:2!important}
  .system-card.agentic p{grid-column:2 / -1!important;grid-row:2!important}
  .system-card.agentic>span{grid-column:3!important;grid-row:1!important}

  .provider-neutral{padding:26px!important}
  .provider-neutral:before{left:26px!important}

  .insight-heading{grid-template-columns:1fr!important;gap:12px!important}
  .insight-card{grid-template-columns:100px 1fr!important;gap:14px 20px!important}
  .insight-card p{grid-column:2!important}
}

@media(max-width:640px){
  .meta-map{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr!important;
    padding:8px!important;
  }
  .meta-map-axis:before{
    left:26px!important;
    top:8px!important;
    bottom:8px!important;
    background:rgba(243,242,236,.09)!important;
  }
  .meta-map article{
    min-height:0!important;
    padding:20px 18px 20px 42px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(243,242,236,.075)!important;
  }
  .meta-map article:last-of-type{border-bottom:0!important}
  .meta-map article:before{
    left:20px!important;
    top:26px!important;
    width:12px!important;
    height:2px!important;
  }
  .meta-map article h3{margin-top:26px!important}

  .systems-grid{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr!important;
  }
  .system-card:not(.agentic),
  .system-card:nth-child(4),
  .system-card:nth-child(5),
  .system-card.agentic{
    grid-column:auto!important;
    max-width:none!important;
    width:100%!important;
  }
  .system-card{min-height:230px!important}
  .system-card.agentic{
    display:grid!important;
    grid-template-columns:42px 1fr!important;
    gap:10px 14px!important;
    padding:20px!important;
    margin-top:12px!important;
  }
  .system-card.agentic:before{left:22px!important}
  .system-card.agentic>b{grid-column:1!important;grid-row:1!important}
  .system-card.agentic h3{grid-column:2!important;grid-row:1!important}
  .system-card.agentic p{grid-column:1 / -1!important;grid-row:2!important}
  .system-card.agentic>span{
    grid-column:1 / -1!important;
    grid-row:3!important;
    justify-self:start!important;
  }

  .security-grid,
  .fail-closed,
  .provider-neutral,
  .evidence-preview,
  .insight-heading,
  .insight-grid{
    width:calc(100% - 28px)!important;
  }
  .provider-neutral{padding:22px!important}
  .provider-neutral:before{left:22px!important;width:48px!important}
  .provider-neutral h3{font-size:32px!important}

  .evidence-record.ghost{
    display:block!important;
  }
  .evidence-record.ghost .ghost-copy{margin-top:18px!important}
  .insight-card{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:18px 0!important;
  }
  .insight-card p{grid-column:auto!important}
}

/* 136.1 · breakpoint hardening after 320px validation */
@media(max-width:833px){
  .hero-system-map{display:none!important}
  .hero-system-map-mobile{display:block!important}
}
@media(min-width:834px){
  .hero-system-map{display:block!important}
  .hero-system-map-mobile{display:none!important}
}
@media(max-width:640px){
  .evidence-record{min-width:0!important;width:100%!important;overflow:hidden!important}
  .evidence-record header{flex-wrap:wrap!important;align-items:flex-start!important}
  .evidence-record .status-badge{max-width:100%!important;white-space:normal!important;text-align:center!important}
  .evidence-record dl div{grid-template-columns:minmax(84px,100px) minmax(0,1fr)!important}
  .evidence-record dd{min-width:0!important;overflow-wrap:anywhere!important}
}

/* 136.2 · Systems mobile label flow: no absolute label overlap */
@media(max-width:640px){
  .system-card:not(.agentic){min-height:0!important}
  .system-card:not(.agentic)>span{
    position:static!important;
    display:block!important;
    margin-top:18px!important;
  }
}

/* ================================================================
   138 · INFORMATION HERO
   Statement + Architecture Specification. No hero illustration.
   ================================================================ */
.tech-hero-layout{
  position:relative!important;
  z-index:2!important;
  min-height:clamp(620px,calc(78svh - 96px),720px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;
  gap:clamp(52px,6vw,96px)!important;
  align-items:center!important;
  justify-content:initial!important;
  padding:72px 0 62px!important;
  text-align:left!important;
}
.tech-hero-copy{
  width:auto!important;
  max-width:760px!important;
  margin:0!important;
  text-align:left!important;
}
.tech-hero h1{
  max-width:760px!important;
  margin:17px 0 0!important;
  font-size:clamp(50px,4.7vw,66px)!important;
  line-height:1.04!important;
  letter-spacing:-.68px!important;
}
.tech-hero-lead{
  max-width:720px!important;
  margin:20px 0 0!important;
}
.tech-hero-support{
  justify-content:flex-start!important;
}
.tech-hero-actions{
  justify-content:flex-start!important;
}

/* Architecture specification: document object, not a card. */
.tech-architecture-spec{
  min-width:0;
  border-top:1px solid rgba(243,242,236,.24);
  border-bottom:1px solid rgba(243,242,236,.24);
}
.tech-spec-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:20px 0 22px;
  border-bottom:1px solid var(--line-dark);
}
.tech-spec-kicker{
  margin:0 0 8px;
  color:var(--cyan);
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:.14em;
}
.tech-spec-head strong{
  font-size:20px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.02em;
}
.tech-spec-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border:1px solid rgba(255,75,88,.42);
  border-radius:9999px;
  color:var(--coral);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
}
.tech-spec-list{
  margin:0;
}
.tech-spec-list>div{
  display:grid;
  grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);
  gap:22px;
  align-items:center;
  min-height:54px;
  border-bottom:1px solid var(--line-dark);
}
.tech-spec-list dt{
  color:rgba(243,242,236,.46);
  font-size:12px;
  font-weight:400;
}
.tech-spec-list dd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0;
  color:var(--paper);
  font-size:15px;
  font-weight:600;
  letter-spacing:-.015em;
}
.tech-spec-list dd i{
  width:6px;
  height:6px;
  margin-left:auto;
  border-radius:50%;
}
.tech-spec-list dd i.is-cyan{background:var(--cyan)}
.tech-spec-list dd i.is-coral{background:var(--coral)}
.tech-spec-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 0;
}
.tech-spec-foot span{
  color:rgba(243,242,236,.42);
  font-size:10px;
  font-weight:400;
  letter-spacing:.12em;
}
.tech-spec-foot strong{
  color:var(--coral);
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
}

@media(max-width:1068px){
  .tech-hero-layout{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    gap:48px!important;
    padding:68px 0 58px!important;
  }
  .tech-hero-copy{
    max-width:820px!important;
  }
  .tech-architecture-spec{
    width:min(820px,100%);
  }
}
@media(max-width:833px){
  .tech-hero-layout{
    padding:58px 0 52px!important;
  }
  .tech-hero-copy{
    width:auto!important;
  }
}
@media(max-width:640px){
  .tech-hero-layout{
    gap:38px!important;
    padding:48px 0 44px!important;
  }
  .tech-hero h1{
    font-size:clamp(36px,10.2vw,44px)!important;
    line-height:1.06!important;
  }
  .tech-hero-support{
    justify-content:flex-start!important;
  }
  .tech-hero-actions{
    align-items:flex-start!important;
  }
  .tech-architecture-spec{
    width:100%;
  }
  .tech-spec-head{
    padding-top:17px;
  }
  .tech-spec-list>div{
    grid-template-columns:100px minmax(0,1fr);
    min-height:50px;
  }
  .tech-spec-list dd{
    font-size:14px;
  }
  .tech-spec-foot{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
}

/* 143 · PUBLIC REVIEWS · compact cover tiles */
.public-reviews{
  width:var(--shell);
  margin:64px auto 0;
  padding-top:32px;
  border-top:1px solid var(--line-dark);
}
.public-reviews-heading{
  width:var(--reading);
  margin:0 auto;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:48px;
  align-items:start;
}
.public-reviews-heading h3{
  margin:10px 0 0;
  font-size:34px;
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.374px;
}
.public-reviews-disclosure{
  margin:0;
  padding:16px 0 16px 20px;
  border-left:1px solid var(--coral);
  color:var(--copy-dark);
  font-size:14px;
  line-height:1.5;
}
.public-reviews-disclosure strong{color:var(--paper);font-weight:600}
.public-review-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.public-review-tile{
  position:relative;
  display:block;
  min-width:0;
  overflow:hidden;
  aspect-ratio:1200/630;
  border:1px solid var(--line-dark);
  border-radius:10px;
  background:#08090d;
  color:var(--paper);
  transition:border-color .16s ease,transform .16s ease;
}
.public-review-tile:hover{
  border-color:rgba(243,242,236,.28);
  transform:translateY(-2px);
}
.public-review-tile img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.public-review-overlay{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:38px;
  padding:9px 11px;
  background:rgba(8,9,13,.88);
  border-top:1px solid rgba(243,242,236,.12);
  backdrop-filter:blur(10px);
}
.public-review-overlay b,
.public-review-overlay i{
  font-style:normal;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.055em;
  white-space:nowrap;
}
.public-review-overlay b{color:rgba(243,242,236,.76);font-weight:500}
.public-review-overlay i{color:var(--coral);font-weight:600}
.public-reviews-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:18px;
  padding:18px 0 0;
  border-top:1px solid var(--line-dark);
}
.public-reviews-footer span{color:var(--copy-dark);font-size:12px}
.public-reviews-footer a{color:var(--coral);font-size:14px}
@media(max-width:1068px){
  .public-reviews-heading{grid-template-columns:1fr;gap:18px}
  .public-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .public-reviews{margin-top:48px;padding-top:24px}
  .public-reviews-heading{width:100%}
  .public-reviews-heading h3{font-size:28px}
  .public-reviews-disclosure{padding:14px 0 14px 16px}
  .public-review-grid{grid-template-columns:1fr;gap:12px}
  .public-review-overlay{min-height:36px;padding:8px 10px}
  .public-review-overlay b{font-size:8px}
  .public-review-overlay i{font-size:9px}
  .public-reviews-footer{align-items:flex-start;flex-direction:column;gap:8px}
}