/* Noise Studio shared editorial theme — intentionally static: no background graphics or animation layers. */
:root {
  --void:#05070a;
  --bone:#dfe7e0;
  --mist:#aab4ad;
  --steel:#78837c;
  --signal:#e0231c;
  --flare:#ff5a3c;
  --glass:rgba(5,7,10,.86);
  --line:rgba(223,231,224,.2);
  --font-display:'Onest',Arial,sans-serif;
  --font-body:'Onest',Arial,sans-serif;
  --font-editorial:'Onest',Arial,sans-serif;
  --paper:var(--void);
  --paper-deep:#0c1110;
  --ink:var(--bone);
  --muted:var(--mist);
  --red:var(--signal);
  --white:var(--bone);
  --acid:var(--flare);
  --cobalt:#18201e;
  --surface:#0c1110;
  --surface-2:#111618;
  --border:var(--line);
  --border-hover:var(--flare);
  --accent:var(--signal);
  --accent-hover:var(--flare);
  --shadow-card:none;
  --shadow-small:none;
}

html,body { background:var(--void)!important; color:var(--bone); }
body { font-weight:400; }
main,.site-footer,.site-header { position:relative; z-index:1; }
.site-header { height:78px; background:rgba(5,7,10,.96); border-bottom:1px solid var(--line); }
.header-brand__logo { font-family:var(--font-body); font-weight:500; letter-spacing:.14em; font-size:.72rem; }
.header-brand__logo strong { color:var(--bone); font-weight:300; }
.site-nav__links { gap:clamp(.65rem,1.3vw,1.45rem); }
.nav-link,.btn,.section-kicker,.form-group label { font-weight:500; letter-spacing:.12em; }
.nav-link { color:var(--mist); }
.nav-link.is-active,.nav-link:hover { color:var(--bone); }
.nav-link::after { height:1px; background:var(--flare); }
.btn { min-height:44px; border:1px solid rgba(223,231,224,.42); border-radius:0; background:transparent; color:var(--bone); font-size:.67rem; }
.btn--primary { border-color:var(--signal); background:var(--signal); }
.btn--ghost { background:transparent; }
.btn:hover { border-color:var(--flare); background:var(--flare); color:var(--void); box-shadow:none; transform:none; }
.display-xl,.display-lg,.display-md { color:var(--bone); font-weight:300; letter-spacing:-.055em; text-transform:none; line-height:.94; }
.body-lg,.body-sm { color:var(--mist); font-weight:300; }
.section { padding-block:clamp(5.5rem,11vw,11rem); }
.section::before { content:''; display:block; width:100%; border-top:1px solid var(--line); margin-bottom:1.25rem; }
.section-header::before { font:500 .62rem/1 var(--font-body); letter-spacing:.16em; color:var(--steel); }
.section-kicker { color:var(--mist); font-size:.62rem; }
.section-kicker::before { width:1rem; height:1px; background:var(--signal); }
.editorial-hero,.page-hero { min-height:88vh; padding-top:calc(var(--nav-h) + 5rem); background:transparent; border-color:var(--line); }
.page-hero__deco { display:none!important; }
.editorial-hero__copy,.page-hero .container { max-width:55rem; }
.editorial-hero__note { color:var(--steel); font:300 clamp(1.1rem,2vw,1.7rem)/1.25 var(--font-body); }

.card,.taxonomy-card,.feature-ledger__primary,.mini-case,.offer-card,.care-card,.ai-capability,.output-card,.case-study__content,.mentor-profile__content,.technology-card,.contact-sidebar,.guardrail-list article,.faq-item { border:1px solid var(--line); background:var(--surface); box-shadow:none; }
.vertical-cards--audience .card:nth-child(n) .body-sm,.technology-card:nth-child(n)>p:last-child,.contact-sidebar p,.contact-sidebar li { color:var(--mist); }
.technology-card h3,.contact-sidebar h3 { font-family:var(--font-body); font-weight:400; text-transform:none; }
.contact-sidebar a { color:var(--steel); }
.card-grid,.vertical-cards,.outcome-grid,.technology-grid { border-color:var(--line); }
.card-grid .card,.vertical-cards .card,.outcome-grid .card,.technology-card { border-color:var(--line); }
.card:hover,.taxonomy-card:hover { transform:none; border-color:var(--flare); box-shadow:none; }
.taxonomy-card__num,.status-pill,.case-study__eyebrow { color:var(--steel); }
.status-pill { border-color:rgba(120,131,124,.6); background:transparent; font-weight:500; }
.status-pill--verified,.status-pill--ai { color:var(--flare); border-color:rgba(255,90,60,.6); background:transparent; }
.status-pill--concept { color:var(--mist); }
.feature-ledger__media,.case-study__media,.hero-stack__event,.mentor-profile__portrait { border:1px solid var(--line); box-shadow:none; }
.hero-stack__interface,.hero-stack__signal { border:1px solid var(--line); background:var(--surface); box-shadow:none; }
.page-cta { position:relative; padding:clamp(6rem,13vw,13rem) 0; background:transparent; border-top:1px solid var(--line); }
.site-footer { background:#05070a; border-top:1px solid var(--line); }
.site-footer__bottom,.site-footer__col h4 { border-color:var(--line); color:var(--steel); }
.mobile-menu { background:#0c1110; }
.mobile-menu__links a { font-family:var(--font-body); font-weight:300; text-transform:none; }
.form-group input,.form-group select,.form-group textarea { color:var(--bone); border-color:var(--line); background:transparent; }
.form-group input:focus,.form-group select:focus,.form-group textarea:focus { border-color:var(--flare); box-shadow:0 2px 0 var(--flare); }
select option { color:var(--void); }
::selection { background:var(--signal); color:var(--bone); }
:focus-visible { outline-color:var(--flare); }

/* Override older page-specific palettes without adding background decoration. */
body[data-scene] { --paper:var(--void); --paper-deep:#0c1110; --ink:var(--bone); --white:var(--bone); --red:var(--signal); --acid:var(--flare); --cobalt:#18201e; --muted:var(--mist); --line:rgba(223,231,224,.2); --surface:#0c1110; }
body[data-scene] .site-header { background:rgba(5,7,10,.96)!important; border-bottom-color:var(--line)!important; color:var(--bone)!important; }
body[data-scene] .site-footer { background:#05070a!important; color:var(--bone)!important; border-top-color:var(--line)!important; }
body[data-scene] .credibility-bar { background:#05070a!important; border-block:1px solid var(--line)!important; color:var(--bone)!important; }
body[data-scene] .credibility-bar__item { color:var(--bone)!important; border-color:var(--line)!important; font-weight:500!important; text-transform:none!important; }
body[data-scene] .credibility-bar__item span { color:var(--flare)!important; font-family:var(--font-body)!important; font-weight:500!important; }
body[data-scene] .site-footer :is(a,p,h4,span) { color:var(--mist)!important; }
body[data-scene] .site-footer .site-nav__logo { color:var(--bone)!important; }
body[data-scene] main :is(.editorial-hero,.page-hero,.section,.ai-section,.ai-section--dark,.page-cta) { background:transparent!important; color:var(--bone)!important; border-color:var(--line)!important; }
body[data-scene] main :is(.card,.taxonomy-card,.feature-ledger__primary,.mini-case,.offer-card,.care-card,.ai-capability,.output-card,.case-study__content,.mentor-profile__content,.technology-card,.contact-sidebar,.guardrail-list article,.faq-item) { background:var(--surface)!important; color:var(--bone)!important; border-color:var(--line)!important; box-shadow:none!important; }
body[data-scene] main :is(.card-grid,.vertical-cards,.outcome-grid,.technology-grid,.faq-list,.process-list,.commercial-list,.guardrail-list) { border-color:var(--line)!important; }
body[data-scene] main :is(h1,h2,h3,h4,summary,strong,th,dt) { color:var(--bone)!important; }
body[data-scene] main :is(p,li,td,dd,.card__list li,.technology-card>p:last-child,.contact-sidebar p,.contact-sidebar li) { color:var(--mist)!important; }
body[data-scene] main :is(.status-pill,.taxonomy-card__num,.technology-card__num,.section-header::before,.editorial-hero__note,.text-accent) { color:var(--steel)!important; }
body[data-scene] main :is(.status-pill--verified,.status-pill--ai) { color:var(--flare)!important; }
body[data-scene] :is(.tag,.tag--orange,.tag--yellow,.tag--blue,.tag--cyan,.icon-chip,.icon-chip--lg,.flywheel__diagram,.form-success) { background:#0c1110!important; border-color:rgba(255,90,60,.6)!important; color:var(--bone)!important; box-shadow:none!important; }
body[data-scene] :is(.tag,.tag--orange,.tag--yellow,.tag--blue,.tag--cyan) { color:var(--bone)!important; }
body[data-scene] :is(.mobile-menu__links a span,.mobile-menu__links a:hover,.mobile-menu__links a.is-active,.flywheel__dot.is-active,.flywheel__dot.is-done) { color:var(--flare)!important; border-color:var(--flare)!important; }
body[data-scene] :is(.flywheel__progress-fill,.hero-home__dot,.proof-ticker) { background:var(--signal)!important; }
body[data-scene] :is(.site-footer__col h4,.contact-sidebar a) { color:var(--steel)!important; }
body[data-scene] :focus-visible { outline-color:var(--flare)!important; }
body[data-scene] main :is(.btn--primary) { background:var(--signal)!important; border-color:var(--signal)!important; color:var(--bone)!important; }
body[data-scene] main :is(.btn--ghost,.btn--cta) { background:transparent!important; border-color:rgba(223,231,224,.42)!important; color:var(--bone)!important; }
body[data-scene] .skip-link { background:var(--signal)!important; border-color:var(--bone)!important; color:var(--bone)!important; }
body[data-scene] .mobile-menu { background:#0c1110!important; color:var(--bone)!important; }
body[data-scene] main aside.credibility-bar p.credibility-bar__item { color:var(--bone)!important; }
body[data-scene] main aside.credibility-bar p.credibility-bar__item span { color:var(--flare)!important; }

/* Pricing comparison is essential content: never leave it hidden by motion. */
body[data-scene] .comparison-wrap { background:#0c1110!important; border:1px solid rgba(223,231,224,.32)!important; opacity:1!important; visibility:visible!important; transform:none!important; }
body[data-scene] .comparison-table { color:var(--mist)!important; opacity:1!important; visibility:visible!important; transform:none!important; }
body[data-scene] .comparison-table thead { background:#111618!important; color:var(--bone)!important; }
body[data-scene] .comparison-table :is(th,td) { border-color:var(--line)!important; opacity:1!important; visibility:visible!important; }
body[data-scene] .comparison-table thead th,body[data-scene] .comparison-table tbody th { color:var(--bone)!important; font-weight:500!important; }
body[data-scene] .comparison-table td { color:var(--mist)!important; }

@media (max-width:767px) {
  .site-header { height:68px; }
  .editorial-hero,.page-hero { min-height:auto; padding-top:8rem; }
  .section { padding-block:5rem; }
  .header-cta { display:none; }
  .nav-toggle { border-color:var(--line); background:transparent; }
  .nav-toggle span { background:var(--bone); }
}