@import url('./assets/card-surfaces.css?v=20261029-company');
/* Site theme: black, white and original lime (#DDFA23). */
:root {
  --card-bg:#111111; --card-raised:#1c1c1c; --card-inset:#080808;
  --card-line:#3d3d3d; --card-control-line:#737373;
  --card-radius:24px; --card-shadow:0 12px 32px rgba(0,0,0,.22);
  --concept-scheme:dark;
  --concept-bg:#000000; --concept-surface:#111111; --concept-raised:#1c1c1c;
  --concept-text:#ffffff; --concept-muted:#bdbdbd; --concept-line:#484848;
  --concept-accent:#ddfa23; --concept-accent-ink:#050600; --concept-accent-text:#ddfa23;
  --concept-inverse-bg:#000000; --concept-inverse-text:#ffffff; --concept-inverse-muted:#bdbdbd;
  --concept-inverse-line:#484848; --concept-inverse-accent:#ddfa23;
  --concept-logo-filter:invert(1); --concept-logo-blend:screen;
  --concept-hero-tint:transparent;
  --on-text:var(--concept-text); --on-muted:var(--concept-muted);
  --on-line:var(--concept-line); --on-accent:var(--concept-accent-text);
  color-scheme:var(--concept-scheme);
}
html, body {
  background:var(--concept-bg)!important; color:var(--concept-text);
  --on-text:var(--concept-text); --on-muted:var(--concept-muted);
  --on-line:var(--concept-line); --on-accent:var(--concept-accent-text);
}
body {padding-bottom:0}
::selection {background:var(--concept-accent);color:var(--concept-accent-ink)}
/* Large fields are quiet neutrals. Accent color is reserved for small elements. */
.page,.hero,.about-hero,.move-hero,.focus-hero,.careers-hero,.team-hero,.contact-hero,
.compare-hero,.calculator-hero,.search-close,.refer-section,.contact-section,.application-section,
.hero::before,.proof::before,.navigation::before,.focus-section::before {
  background:var(--concept-bg)!important; color:var(--concept-text);
  --on-text:var(--concept-text); --on-muted:var(--concept-muted);
  --on-line:var(--concept-line); --on-accent:var(--concept-accent-text);
}
.hero::before,.proof::before,.navigation::before,.focus-section::before {
  box-shadow:0 0 0 100vmax var(--concept-bg)!important;
}
#home-view .page {background:radial-gradient(ellipse at 50% 36%,var(--concept-hero-tint),transparent 66%),var(--concept-bg)!important}
#home-view .hero {background:transparent!important}
#home-view .hero h1 {color:var(--concept-text)}
#home-view .competition {color:var(--concept-muted)}
#home-view .company {color:var(--concept-accent-text)}
#home-view .support {color:var(--concept-muted)}
.button:not(.secondary),.form-actions button:not(.back) {
  background:var(--concept-accent)!important;color:var(--concept-accent-ink)!important;
  border-color:var(--concept-accent)!important;box-shadow:none;
  --on-text:var(--concept-accent-ink);--on-muted:var(--concept-accent-ink);
}
.button.secondary,.form-actions .back {color:var(--concept-text)!important;background:transparent!important}
.button:hover,.form-actions button:hover {filter:brightness(1.07)}
.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline-color:var(--concept-accent-text)!important;
}
.form-card,.form-panel {background:var(--concept-surface)!important}
/* Field boundaries use the shared control line so they stay visible on the dark surfaces. */
.field input,.field textarea,.field select {background:var(--concept-raised);color:var(--concept-text);border-color:var(--card-control-line)}
:root .select-wrap::after {border-color:#bdbdb7}
input::placeholder,textarea::placeholder {color:var(--concept-muted);opacity:1}
.field-error,.error {color:#ffadad}
/* Keep logos faithful: composite existing black artwork, then reverse only this strip. */
.client-strip,.vc-cylinder,.vc-strip {isolation:isolate}
.vc-cylinder,.vc-strip {
  background:#fff!important;filter:var(--concept-logo-filter)!important;
  mix-blend-mode:var(--concept-logo-blend);color:#050600!important;
  --on-text:#050600;--on-muted:#62655b;
}
.vc-cylinder .recommenders>span,.vc-strip .vc-index {color:#050600}
.client-event {color:#62655b!important}
.client-strip {border-top:1px solid var(--concept-line);padding-top:24px;padding-bottom:14px}
.proof-heading p {color:var(--concept-muted)!important}
.focus-shape {fill:var(--concept-raised);stroke:var(--concept-line)}
.focus-segment text {fill:var(--concept-text)}
.focus-segment:is([aria-selected="true"],.is-previewing) .focus-shape {fill:var(--concept-accent);stroke:var(--concept-accent)}
.focus-segment:is([aria-selected="true"],.is-previewing) text {fill:var(--concept-accent-ink)}
.focus-center-logo,.bridge-logo img,.about-logo img {filter:var(--concept-logo-filter)}
.hc-footer {border-top:1px solid var(--concept-inverse-line)}
.hc-footer .hc-footer-group h3 {color:var(--concept-accent)}
.hc-footer-main,.hc-footer-meta {border-color:var(--concept-inverse-line)}
.hc-footer a:hover {color:var(--concept-inverse-accent)!important}
.hc-footer-tagline {display:block;margin-top:8px}
/* Areas with inline legacy colors receive the same surface context. */
.search-close-note {color:var(--concept-muted)!important}
#progress [aria-current] span {background:var(--concept-accent);color:var(--concept-accent-ink);border-color:var(--concept-accent)}
site-navigation {background:var(--concept-bg)!important;color:var(--concept-text)!important;--on-text:var(--concept-text);--on-muted:var(--concept-muted)}
@media(max-width:650px){.client-strip{padding-top:18px}}
@media print {body{padding-bottom:0}palette-picker{display:none}}

@media(max-width:650px){:root{--card-radius:20px}}