:root{
  --paper:#f4f3ee;
  --ink:#111311;
  --muted:#71736d;
  --line:#d9d8d1;
  --accent:#ff4f36;
  --dark:#0e1312;
  --on-dark:#f4f3ec;
}

body{background:var(--paper);color:var(--ink)}
.header{border-bottom-color:var(--line)}
.brand-period,.status-dot{color:var(--accent);background:var(--accent)}
.hero h1>span{color:#8b8d87}
.hero-intro{max-width:390px}
.hero-intro>p{font-size:18px;line-height:1.58}
.arrow-link{border-bottom-color:var(--accent)}
.arrow-link:hover,.contact-title:hover{color:var(--accent)}
.beta-label{letter-spacing:.02em}

.product-signals{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px}
.product-signals span{padding:13px 14px 12px 0;font-size:9px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.product-signals span+span{border-left:1px solid var(--line);padding-left:14px}
.product-signals strong{font-weight:650;color:var(--ink)}

/* v4.6: light editorial front half, cinematic dark product back half. */
.motion-section{background:#0b0f0e;color:var(--on-dark)}
.motion-heading>p,.film-player figcaption,.motion-bottom>span{color:#bfc1bb}
.video-stage{background:#060807}

.technology{
  width:100%;
  max-width:none;
  margin:0;
  padding:106px max(40px,calc((100vw - 1520px)/2)) 90px;
  background:#121715;
  color:#f3f1ea;
  border-top:1px solid rgba(255,255,255,.06);
}
.technology-heading{max-width:1520px;margin-inline:auto}
.technology-heading>p{color:#a9aca5}
.technology .eyebrow{color:#c6c8c2}

.engine{max-width:1520px;margin-inline:auto;background:#191e1c;border-color:rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.16)}
.engine-top,.engine-bottom{border-color:rgba(255,255,255,.10)}
.engine-title{color:#f3f1ea}
.engine-label,.routing-caption,.engine-footnote,.technology-caption{color:#9fa39d}
.engine-input,.engine-result{background:#212624;box-shadow:0 16px 40px rgba(0,0,0,.18);color:#f3f1ea}
.node-label,.brief-meta,.engine-result figcaption{color:#a4a8a2}
.brief-meta{border-color:rgba(255,255,255,.10)}
.brief-square{background:#6c6f69}
.brief-circle{background:#090c0b}
.brief-line{background:var(--accent)}
.flow-lines{stroke:#59615d}
.flow-lines .route-active{stroke:var(--accent);stroke-width:2}
.engine-orbit{background:#171c1a;border-color:#4b524f}
.engine-orbit::before{border-color:#424946}
.orbit-inner{background:#202624;border-color:#444c48}
.engine-orbit>span{color:#f3f1ea}
.engine-orbit>span>span{color:var(--accent)}
.workflow-tabs button{background:#1b211f;border-color:#424a46;color:#c9ccc7}
.workflow-tabs button:hover{border-color:#6a716d}
.workflow-tabs button[aria-pressed=true]{background:#f3f1ea;border-color:#f3f1ea;color:#111311}
.engine-film-link{color:#f3f1ea}
.technology-caption{max-width:1520px;margin-left:auto;margin-right:auto}
.technology-caption details p{color:#a9aca5}
.technology-caption summary{color:#d7d9d3}
/* Cast / scene choices on graphite: the selected state inverts to paper, like the workflow tabs. */
.technology .demo-controls legend{color:#8d918b}
.technology .choice-options button{color:#c9ccc7}
.technology .choice-options button:hover{border-color:rgba(255,255,255,.14)}
.technology .choice-options button[aria-pressed=true]{background:#f3f1ea;border-color:#f3f1ea;color:#111311}
.technology .demo-status:not(.sr-only){color:#a9aca5}

@media(max-width:1100px){
  .technology{padding-left:28px;padding-right:28px}
}

@media(max-width:760px){
  .hero-intro{max-width:none}
  .product-signals{grid-template-columns:1fr 1fr;margin-top:14px}
  .product-signals span{padding:11px 10px 10px 0;font-size:8px}
  .product-signals span+span{padding-left:10px}
  .product-signals span:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .product-signals span:nth-child(4){border-top:1px solid var(--line)}
  .technology{padding:60px 18px 50px}
  .engine-routing::before{background:#4b524f}
  .routing-caption{background:#191e1c}
}