/* Unified light visual system */
:root{
  --night:#ffffff;
  --night-2:#f5f8f7;
  --paper:#ffffff;
  --warm:#f3f7f5;
  --ink:#102326;
  --muted:#5f7072;
  --teal:#2aa88f;
  --teal-dark:#167764;
  --amber:#9a6a18;
  --line:rgba(16,35,38,.14);
  --light-line:rgba(16,35,38,.14)
}
body{color:var(--ink);background:#fff}
.site-header{
  height:82px;
  padding:0 clamp(22px,4.5vw,72px);
  color:var(--ink);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(16px);
  border-color:var(--line)
}
.site-header nav{color:#506164}
.site-header nav a:hover,.header-cta{color:var(--ink)}
.site-header .wordmark img,footer .wordmark img{filter:none}
.site-header .wordmark img{
  width:68px;
  height:68px;
  object-fit:contain;
  filter:drop-shadow(0 4px 10px rgba(145,19,139,.22))
}
.site-header .wordmark strong{font-size:24px}
.header-cta span{color:var(--teal-dark)}
.hero{min-height:calc(100svh - 82px);color:var(--ink);background:#fff}
.hero-copy{width:min(960px,90%)}
.hero-image{
  background-position:76% center;
  filter:saturate(.18) contrast(.92) brightness(1.28);
  opacity:.25
}
.hero-image:after{
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 36%,rgba(255,255,255,.82) 64%,rgba(255,255,255,.38) 100%),
    linear-gradient(0deg,#fff 0%,transparent 42%)
}
.hero-grid{
  opacity:.12;
  background-image:
    linear-gradient(rgba(22,119,100,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,119,100,.18) 1px,transparent 1px)
}
.eyebrow{color:#506164}
.hero h1 em,.section h2 em{color:var(--teal-dark)}
.hero-lede,.hero-status{color:var(--muted)}
.hero-lede{max-width:680px}
.hero-status span{color:var(--teal-dark)}
.button.primary{color:#fff;background:var(--teal-dark);border-color:var(--teal-dark)}
.button.ghost,.button.ghost.light{color:var(--ink);border-color:var(--line)}
.section{color:var(--ink);background:#fff}
.manifesto,.difference,.products,.cta{background:#fff;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)}
.dark-section{color:var(--ink);background:#f7faf9}
.dark-section .section-index{color:var(--teal-dark)}
.architecture-map,.stack-label,.stack-row,.principles,
.principles article+article,.roadmap-steps,.roadmap-steps li{border-color:var(--line)}
.stack-label{color:#607173}
.stack-row small,.principles p,.roadmap-copy p,.roadmap-steps small{color:var(--muted)}
.workload-row span{color:#35494c;border-color:var(--line)}
.accent-label,.accent-row{color:#fff;background:var(--teal-dark)}
.accent-row small{color:#d9f5ef}
.principles span,.difference-number,.roadmap-steps span{color:var(--teal-dark)}
.warm-section{color:var(--ink);background:var(--warm)}
.use-case-grid{border-color:var(--line)}
.use-case-grid article{background:#fff;border-color:var(--line)}
.use-case-grid article>span,.use-case-grid small{color:var(--teal-dark)}
.use-case-grid p{color:var(--muted)}
.difference-list,.difference-list article{border-color:var(--line)}
.hardware-family{color:var(--ink);background:#fff}
.family-board{
  border-color:var(--line);
  background:#fff;
  box-shadow:0 28px 80px rgba(16,35,38,.08)
}
.family-board figcaption{color:#405255;background:#f8faf9;border-color:var(--line)}
.family-board figcaption span{color:#5f7072}
.design-signature,.silicon-path{border-color:var(--line)}
.family-grid{background:var(--line);border-color:var(--line)}
.family-card{background:#fff}
.family-meta small{color:#667779}
.concept-note{color:var(--ink);background:#eef7f4;border-left-color:var(--teal-dark)}
.cta{border-top:1px solid var(--line)}
footer{
  grid-template-columns:1fr auto;
  padding:34px clamp(22px,4.5vw,72px);
  color:var(--ink);
  background:#f7faf9;
  border-color:var(--line)
}
footer .wordmark small,footer>div,footer>small{color:var(--muted)}
footer .wordmark img{
  width:38px;
  height:38px;
  object-fit:contain;
  filter:drop-shadow(0 3px 8px rgba(145,19,139,.16))
}
footer>div a:hover{color:var(--teal-dark)}
footer>small{grid-column:1/-1;border-color:var(--line)}
@media(max-width:720px){.site-header{height:76px}.site-header .wordmark img{width:58px;height:58px}.site-header .wordmark strong{font-size:21px}.hero{min-height:760px}.hero-copy{width:100%;padding:150px 24px 220px}footer{grid-template-columns:1fr auto}}
@media(min-width:601px) and (max-width:720px){.site-header{height:82px}.site-header .wordmark img{width:68px;height:68px}.site-header .wordmark strong{font-size:24px}}
@media(max-width:460px){footer{grid-template-columns:1fr}}