:root{--bg:#e9eceb;--surface:#f6f7f5;--ink:#171b1d;--muted:#586267;--accent:#ff6b1a;--teal:#176a70;--line:rgba(23,27,29,.16);--lineStrong:rgba(23,27,29,.42);--button:#ff6b1a;--buttonText:#171b1d;--buttonRadius:2px;--footerBg:#111517;--footerInk:#edf0ed;--sans:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;--display:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,monospace;--radius:0}
body{background-image:linear-gradient(rgba(23,27,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,27,29,.035) 1px,transparent 1px);background-size:32px 32px}
.site-header{border-top:4px solid var(--accent)}
.brand-mark{border-radius:1px}.brand-mark::before{content:"";position:absolute;inset:5px;border-left:2px solid var(--teal);border-right:2px solid var(--teal)}
.brand span:last-child{text-transform:uppercase;letter-spacing:.03em;font-size:1.05rem}
.button{text-transform:uppercase;letter-spacing:.055em;font-size:.8rem;box-shadow:4px 4px 0 var(--ink)}
.button.secondary{box-shadow:none}
.de-hero{background:#171b1d;color:#edf0ed;border-bottom:8px solid var(--accent)}
.de-hero::after{content:"SPEC / 01";position:absolute;right:2vw;top:1rem;font:800 clamp(3rem,11vw,10rem)/1 var(--mono);color:rgba(255,255,255,.035);letter-spacing:-.08em}
.de-hero .hero-grid{grid-template-columns:1fr 1fr;min-height:720px}
.de-hero h1{font-size:clamp(3.2rem,5.3vw,5.3rem);font-weight:900;text-transform:uppercase;max-width:11ch;letter-spacing:-.065em;line-height:.96}
.de-hero .lede{color:#bac3c4}.de-hero .button.secondary{color:#edf0ed;border-color:#718083}
.de-hero .hero-media{border:1px solid #455054;padding:8px;background:#23292c}
.de-hero .hero-media img{box-shadow:none;filter:saturate(.92)}
.de-hero .chip-a{left:-2rem;top:1.4rem}.de-hero .chip-b{right:-1rem;bottom:1.4rem}
.trust-grid{background:var(--surface)}.trust-item{padding:1.3rem 1.5rem}.trust-item span{font:800 .66rem/1 var(--mono);letter-spacing:.12em}.trust-item strong{margin-top:.45rem;font-family:var(--mono);font-size:1.02rem}
.section-head{grid-template-columns:1fr 1fr;border-top:3px solid var(--ink);padding-top:1.2rem}.section-head h2{text-transform:uppercase;font-weight:900}
.matrix-table{border:2px solid var(--ink);background:var(--surface)}.matrix-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:1.15rem;border-top:1px solid var(--lineStrong);text-decoration:none}.matrix-row:first-child{border-top:0}.matrix-head{background:var(--ink);color:#fff;font:800 .68rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.matrix-row:not(.matrix-head):hover{background:#dbe8e7}.matrix-row strong{font-family:var(--mono)}
.de-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ink);border:1px solid var(--ink)}.de-image-grid figure{margin:0;background:var(--surface)}.de-image-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.de-image-grid figcaption{padding:.8rem;font:800 .7rem/1 var(--mono);letter-spacing:.1em}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:2px solid var(--ink)}.process-grid>div{padding:1.4rem;border-left:1px solid var(--lineStrong)}.process-grid>div:first-child{border-left:0}.process-grid span{font:900 2rem/1 var(--mono);color:var(--accent)}
.de-card-list{display:grid;border-top:2px solid var(--ink)}.de-card-list .content-card{display:grid;grid-template-columns:160px 130px minmax(0,1fr) 150px;gap:1.2rem;align-items:center;padding:1rem 0;border:0;border-bottom:1px solid var(--lineStrong);background:transparent}.de-card-list .card-media{grid-column:1;margin:0;aspect-ratio:4/3;border:1px solid var(--ink)}.de-card-list .card-index{grid-column:2}.de-card-list .card-copy{grid-column:3;display:block}.de-card-list .content-card h3{margin:0 0 .35rem}.de-card-list .content-card p{margin:0}.de-card-list .content-card:hover{transform:none;padding-inline:1rem;background:var(--surface);box-shadow:none}.de-card-list .card-link{grid-column:4;text-align:right}
.de-title-grid{display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:end}.de-page-hero{background:#1c2224;color:#f3f5f2;border-bottom:6px solid var(--accent)}.de-page-hero h1{font-weight:900;text-transform:uppercase}.de-page-hero .lede{color:#c4cccc}.header-spec{margin:0;border:1px solid #556166}.header-spec div{display:grid;grid-template-columns:1fr 1fr;padding:.7rem;border-top:1px solid #556166}.header-spec div:first-child{border-top:0}.header-spec dt{font:800 .66rem/1 var(--mono);text-transform:uppercase}.header-spec dd{margin:0;text-align:right;font-family:var(--mono);font-size:.72rem}
.de-article .article-image{border:1px solid var(--ink);padding:7px;background:var(--surface);margin:0 0 2rem}.de-article .article-image img{aspect-ratio:16/9;object-fit:cover}
.de-article h2{font-weight:900;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:.6rem}.de-article .decision-box{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--teal)}
.box-label{font:900 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.warning-box{border:2px solid var(--ink);border-left:10px solid var(--accent);background:#fff0e6}
.side-panel{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.side-panel h2{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em}.side-panel li{font-family:var(--mono)}
.content-card{border-radius:0}.hub-intro{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--ink);background:var(--surface);margin-bottom:3rem}.hub-intro img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}.hub-intro>div{padding:2rem;align-self:end}.hub-intro h2{text-transform:uppercase;font-weight:900}
.tool-card{display:grid;gap:.8rem;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--teal);margin:1.5rem 0}.tool-card input,.tool-card select{padding:.8rem;border:1px solid var(--ink);background:#fff}.tool-result{font-family:var(--mono);font-size:.86rem}
.faq-item{border-radius:0;border-color:var(--lineStrong)}.trademark-note{font-size:.76rem;font-family:var(--mono);border-top:2px solid var(--ink);padding-top:1rem}.quote-panel{border:2px solid var(--ink);box-shadow:10px 10px 0 var(--teal)}
.scenario{padding:1rem;border-left:8px solid var(--teal);background:var(--surface);font-family:var(--mono);font-size:.88rem}
.de-article .visual-dossier{border-top:4px solid var(--ink);padding-top:1.2rem}.de-article .technical-gallery{gap:1px;border:2px solid var(--ink);background:var(--ink)}.de-article .technical-gallery-item{border:0}.de-article .technical-gallery-item figcaption{border-top:1px solid var(--ink)}.de-article .evidence-table{border:2px solid var(--ink)}.de-article .evidence-table>div{border-color:var(--lineStrong)}.de-article .route-note{border:2px solid var(--ink);border-left:10px solid var(--teal);font-family:var(--mono);font-size:.9rem}.de-article .source-grid a{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--teal)}
@media(max-width:1000px){.de-card-list .content-card{grid-template-columns:130px 105px minmax(0,1fr)}.de-card-list .card-link{grid-column:3;text-align:left}.process-grid{grid-template-columns:1fr 1fr}.process-grid>div:nth-child(3){border-left:0;border-top:1px solid var(--lineStrong)}.process-grid>div:nth-child(4){border-top:1px solid var(--lineStrong)}}
@media(max-width:900px){.de-title-grid,.hub-intro{grid-template-columns:1fr}.header-spec{margin-top:2rem}.de-hero .hero-grid{grid-template-columns:1fr}.de-hero h1{max-width:12ch}.de-card-list .content-card{grid-template-columns:112px minmax(0,1fr)}.de-card-list .card-media{grid-column:1;grid-row:1/4}.de-card-list .card-index,.de-card-list .card-copy,.de-card-list .card-link{grid-column:2}.de-card-list .card-index{grid-row:1}.de-card-list .card-copy{grid-row:2}.de-card-list .card-link{grid-row:3}.de-image-grid{grid-template-columns:1fr}}
@media(max-width:620px){.matrix-row{grid-template-columns:1fr}.matrix-head{display:none}.process-grid{grid-template-columns:1fr}.process-grid>div{border-left:0;border-top:1px solid var(--lineStrong)}.process-grid>div:first-child{border-top:0}.de-card-list .content-card{grid-template-columns:92px minmax(0,1fr);gap:.8rem}.de-card-list .card-media{grid-column:1;grid-row:1/4}.de-card-list .card-index,.de-card-list .card-copy,.de-card-list .card-link{grid-column:2}.de-hero .hero-grid{min-height:auto}}
