.c-section{position:relative;padding-block:var(--oak-space-7)}
.c-section--compact{padding-block:var(--oak-space-5)}
.c-section--warm{background:var(--oak-warm);color:var(--oak-ink)}
.c-section--violet{background:var(--oak-surface);color:var(--oak-ink)}
.c-section--dark{background:var(--oak-ink);color:#fcf9f5}
.c-section--dark .c-section__copy{color:#bdb2c1}
.c-section__head{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--oak-space-4);margin-bottom:var(--oak-space-4);align-items:start}
.c-section__label{padding-top:.55rem;color:var(--oak-violet-dark);font-family:var(--oak-font-mono);font-size:var(--oak-fs-0);line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.c-section--dark .c-section__label{color:#d7a9ef}
.c-section__title{max-width:850px}
.c-section__copy{max-width:720px;margin-top:var(--oak-space-2);color:var(--oak-muted);font-size:var(--oak-fs-3)}
.c-page-hero{padding-block:var(--oak-space-6);background:#fff;color:var(--oak-ink)}
.c-page-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--oak-space-5);align-items:start}
.c-page-hero__copy{max-width:570px}
.c-page-hero__copy>p{max-width:520px;margin-top:var(--oak-space-3);color:var(--oak-muted)}
.c-page-hero__copy>:is(.c-kicker,.c-badge)+ :is(h1,h2,h3){margin-top:var(--oak-space-2)}
.c-page-hero__actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.75rem;margin-top:var(--oak-space-3)}
.c-page-hero__stage{position:relative;min-width:0;height:clamp(300px,32vw,420px);overflow:hidden;text-align:left}
.c-page-hero__stage>*{position:relative;z-index:1}
[data-hero-form="terminal"] .c-page-hero__stage::before{
  content:"";
  position:absolute;
  inset:0 -8% 0 -5%;
  opacity:.42;
  pointer-events:none;
  background-image:linear-gradient(rgba(149,100,200,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(149,100,200,.13) 1px,transparent 1px);
  background-size:24px 24px;
  mask-image:radial-gradient(ellipse at 55% 50%,#000 20%,transparent 72%)
}
[data-hero-form="terminal"] .c-page-hero__scene{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.68
}
.c-doc-hero{padding-block:var(--oak-space-5);background:var(--oak-warm)}
.c-doc-hero h1{max-width:780px;font-size: clamp(2.2rem,4vw,3rem)}
.c-doc-hero p{max-width:720px;margin-top:var(--oak-space-2);color:var(--oak-muted)}
.c-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--oak-space-3);align-items:start}
.c-stat strong{display:block;color:var(--oak-violet-dark);font-family:var(--oak-font-mono);font-size: clamp(1.65rem,4cqi,2.2rem);line-height:1;font-weight:550;letter-spacing:-.05em;overflow-wrap:anywhere}
.c-stat span{display:block;margin-top:.65rem;color:var(--oak-muted);font-size:var(--oak-fs-1)}
@media(max-width:64rem){
  .c-page-hero__grid{grid-template-columns:1fr}
  .c-page-hero__stage:has(> img),.c-page-hero__stage:has(.c-page-hero__scene){height:460px}
  .c-page-hero__stage:not(:has(> img)):not(:has(.c-page-hero__scene)){height:auto;max-height:none;min-height:0;overflow:visible}
  .c-page-hero__stage:not(:has(> img)):not(:has(.c-page-hero__scene))>*{height:auto;max-height:none;min-height:0;overflow:visible}
}
@media(max-width:44rem){
  .c-section__head{grid-template-columns:1fr;gap:.75rem}
  .c-section__label{padding-top:0}
  .c-page-hero{padding-block:var(--oak-space-5)}
  .c-page-hero__stage:has(> img),.c-page-hero__stage:has(.c-page-hero__scene){height:360px}
  .c-page-hero__stage:not(:has(> img)):not(:has(.c-page-hero__scene)){height:auto;max-height:none;min-height:0;overflow:visible}
  .c-page-hero__stage:not(:has(> img)):not(:has(.c-page-hero__scene))>*{height:auto;max-height:none;min-height:0;overflow:visible}
}