:root {
  --v-white: var(--fil-paper);
  --v-surface: var(--fil-paper-warm);
  --v-ink: var(--fil-ink);
  --v-muted: var(--fil-ink-muted);
  --v-blue: var(--fil-cyan-ink);
  --v-navy: var(--fil-petrol);
  --fil-photo-tint: rgb(8 38 48 / .78);
  --fil-registration-width: 160px;
  --fil-art-height: 208px;
  --fil-content-width: 1200px;
}
@media (min-width: 1280px) {
  .study-header, .hero, .method-study, .benefit-study, .domain-study,
  .integration-study, .case-study, .quote-banner, .discovery-form,
  .faq-grid, .closing-study, .controls-section, .reference-section,
  .brand-study__caption {
    padding-inline: max(var(--s10), calc((100% - var(--fil-content-width)) / 2));
  }
  .hero .fil-registration {
    right: max(var(--s10), calc((100% - var(--fil-content-width)) / 2));
  }
}
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
::selection { background: var(--fil-cyan-soft); color: var(--fil-ink); }
.study-header .small-action { background: var(--fil-petrol); }
.hero-actions .action-tile:not(.action-tile--dark) { background: var(--fil-cyan); color: var(--fil-petrol-deep); }
.hero-actions .action-tile:not(.action-tile--dark):hover { background: var(--fil-cyan-soft); }
.method-study { --method-photo-tint: var(--fil-photo-tint); --method-blue-tint: var(--fil-photo-tint); }
.method-card--blue { background: var(--fil-petrol); }
.method-card--blue::before { background: none; }
.optimization { --optimization-surface: var(--fil-petrol); }
.wire-fan__paths { stroke: var(--fil-cyan-ink); stroke-width: 1; }
.domain-study { --domains-copy-color: var(--fil-cyan-soft); }
.integration-study { --integration-light: var(--fil-cyan-ink); --integration-dark: var(--fil-petrol); }
.case-study { --case-surface-grey: var(--fil-paper-warm); }
.case-card--blue { background: var(--fil-cyan-ink); }
.case-card--navy :focus-visible,
.case-card--blue :focus-visible,
.optimization :focus-visible,
.discovery-form form :focus-visible { outline-color: var(--fil-cyan-soft); }
.closing-study { --closing-photo-tint: var(--fil-photo-tint); }
.audit-screen {
  --screen-paper: var(--fil-paper);
  --screen-surface: var(--fil-paper-warm);
  --screen-ink: var(--fil-ink);
  --screen-muted: var(--fil-ink-muted);
  --screen-teal: var(--fil-cyan-ink);
  --screen-line: var(--fil-rule);
  --screen-blue: var(--fil-cyan-ink);
}
.discovery-form {
  --discovery-panel: var(--fil-petrol);
  --discovery-field: var(--fil-petrol-deep);
  --discovery-border: color-mix(in srgb, var(--fil-cyan-soft) 55%, transparent);
  --discovery-copy: var(--fil-cyan-soft);
}
.discovery-form input:focus, .discovery-form select:focus { border-color: var(--fil-cyan); outline-color: var(--fil-cyan); }
.faq-grid { --faq-open-bg: var(--fil-cyan-soft); }
.closing-card--electric { background: var(--fil-cyan-ink); }
.fil-registration {
  position: absolute; top: calc(var(--nav-height) + var(--s8)); right: var(--s10);
  width: var(--fil-registration-width); height: var(--s8); pointer-events: none;
}
.fil-registration::before, .fil-registration::after { content: ''; position: absolute; background: var(--fil-rule); }
.fil-registration::before { top: 50%; width: 100%; height: 1px; }
.fil-registration::after { top: 0; left: 75%; height: 100%; width: 1px; }
.fil-registration span { position: absolute; top: 50%; left: 75%; width: var(--fil-mark-size); height: var(--fil-mark-size); background: var(--fil-cyan); transform: translate(-50%,-50%) rotate(45deg); z-index: 1; }
.fil-retrieval { display: block; width: 100%; height: var(--fil-art-height); margin-top: var(--s6); fill: none; stroke: var(--fil-cyan-soft); stroke-width: 1.5; }
.fil-retrieval__signal { stroke: var(--fil-cyan); stroke-width: 3; }
.fil-retrieval__mark { fill: var(--fil-cyan); stroke: none; }
@media (max-width: 1000px) { .fil-registration { right: var(--s4); top: calc(var(--nav-height) + var(--s2)); } }