/* Unified graphite visual system */
:root{--night:#070a0c;--night-2:#0d1215;--paper:#0b0f12;--warm:#101619;--ink:#f2f4f3;--muted:#98a4a5;--teal:#69d7c2;--teal-dark:#69d7c2;--amber:#d9b66d;--line:rgba(255,255,255,.12);--light-line:rgba(255,255,255,.12)}
body{color:var(--ink);background:var(--paper)}
.site-header{height:82px;padding:0 clamp(22px,4.5vw,72px);background:rgba(7,10,12,.96);backdrop-filter:blur(16px)}
.site-header nav{color:#a4b0b1}.site-header nav a:hover,.header-cta{color:#f4f6f5}
.hero{min-height:calc(100svh - 82px);background:var(--night)}
.hero-image{filter:saturate(.12) contrast(1.08) brightness(.72);opacity:.52}
.hero-image:after{background:linear-gradient(90deg,#070a0c 0%,rgba(7,10,12,.97) 34%,rgba(7,10,12,.66) 64%,rgba(7,10,12,.2) 100%),linear-gradient(0deg,#070a0c 0%,transparent 42%)}
.hero-grid{opacity:.08}.hero-lede,.hero-status{color:#aeb9b9}
.section{background:var(--paper)}
.manifesto,.difference,.products,.cta{color:var(--ink);background:var(--paper);border-color:var(--line)}
.manifesto>div>p,.difference-list p,.use-case-intro>p:last-child,.family-intro,.design-signature p,.family-card p,.concept-note p,.silicon-path p,.text-link{color:var(--muted)}
.section-index,.manifesto h2 em,.split-heading h2 em,.products h2 em,.cta h2 em,.use-case-intro h2 em,.difference-list b,.family-meta,.family-board figcaption a,.silicon-path span,.text-link span{color:var(--teal)}
.dark-section{color:var(--ink);background:#090d0f}
.warm-section{color:var(--ink);background:var(--warm)}
.use-case-grid{border-color:var(--line)}
.use-case-grid article{background:#11181b;border-color:var(--line)}
.use-case-grid article>span,.use-case-grid small{color:var(--teal)}
.use-case-grid p{color:var(--muted)}
.difference-list,.difference-list article{border-color:var(--line)}
.button.ghost.light{color:var(--ink);border-color:rgba(255,255,255,.28)}
.hardware-family{color:var(--ink);background:#090d0f}
.family-board{border-color:var(--line);background:#12181b;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.family-board figcaption{color:#bdc6c6;background:#101619;border-color:var(--line)}
.family-board figcaption span{color:#9aa7a7}
.design-signature,.silicon-path{border-color:var(--line)}
.family-grid{background:var(--line);border-color:var(--line)}
.family-card{background:#101619}
.family-meta small{color:#818e8f}
.concept-note{color:#dce9e6;background:rgba(105,215,194,.08);border-left-color:var(--teal)}
.cta{border-top:1px solid var(--line)}
footer{grid-template-columns:1fr auto;padding:34px clamp(22px,4.5vw,72px);background:#06090b}
footer>small{grid-column:1/-1}
@media(max-width:720px){.site-header{height:76px}.hero{min-height:760px}footer{grid-template-columns:1fr auto}}
@media(max-width:460px){footer{grid-template-columns:1fr}}
