/* Signature identity, from the approved October 2026 logo pack.
   Vivid gradients identify actions. Solid, accessible tones support reading. */
:root {
  --brand-turquoise:#12bec3;
  --brand-mint:#80d9af;
  --brand-gold:#ffd094;
  --brand-coral:#ff5d58;
  --gradient:linear-gradient(110deg,#12bec3 0%,#80d9af 37%,#ffd094 68%,#ff5d58 100%);
  /* Horizontal interpolation avoids the flat corner wedges of angled gradients. */
  --button-gradient:linear-gradient(90deg,#12bec3 0%,#80d9af 37%,#ffd094 68%,#ff5d58 100%);
  --accent:#67d9d2;
  --red:var(--accent);
  --red-light:#80d9af;
  --editorial-teal:#67d9d2;
  --editorial-coral:#ffab72;
  --positive:#80d9af;
  --warning:#ffd094;
  --text-gradient:linear-gradient(110deg,#53d7d5 0%,#80d9af 35%,#ffd094 65%,#ff8372 100%);
}
:root[data-theme=light] {
  --accent:#08777b;
  --red:var(--accent);
  --red-light:#08777b;
  --editorial-teal:#08777b;
  --editorial-coral:#ae4431;
  --positive:#286746;
  --warning:#885814;
  --text-gradient:linear-gradient(110deg,#08777b 0%,#326a50 35%,#8b5b21 65%,#b23c36 100%);
}
::selection{background:color-mix(in srgb,var(--brand-turquoise) 30%,transparent);color:var(--ink)}
.logo{display:inline-flex;flex-shrink:0;gap:0;padding:4px 0;line-height:1;max-width:100%}
.brand-logo{display:block;width:206px;height:auto;object-fit:contain}
.brand-on-light{display:none}
[data-theme=light] .brand-on-dark{display:none}
[data-theme=light] .brand-on-light{display:block}
.footer-top .logo{margin-bottom:8px}
.footer-top .brand-logo{width:220px}
.finder-brand{display:flex;gap:12px;align-items:center}
.finder-brand>img{width:32px;height:32px;object-fit:contain}
.finder-brand .eyebrow{margin:0}
.button.primary,.button.dark,.company-cta,.profile-aside .referral-action>.company-cta{
  /* Include the transparent border in the gradient's bounds. Padding-box + repeat
     wraps the opposite endpoint into a one-pixel strip along each side. */
  background:var(--button-gradient) border-box no-repeat;color:#142126;border-color:transparent;
  box-shadow:0 4px 16px #00000014;
}
.button.primary:hover,.button.dark:hover,.company-cta:hover,.profile-aside .referral-action>.company-cta:hover{
  background:var(--button-gradient) border-box no-repeat;color:#142126;filter:brightness(1.06);
  box-shadow:0 6px 22px #12bec31c,0 3px 12px #0002;
}
#live-range,[data-theme=light] #live-range{background:var(--text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.live-dot{background:var(--brand-turquoise)}
/* One viewport-wide atmosphere, independent of the content column. */
body{isolation:isolate}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 12%,#12bec312,transparent 65%),radial-gradient(ellipse at 100% 60%,#ff5d5810,transparent 68%),radial-gradient(ellipse at 48% 100%,#80d9af08,transparent 65%)}
[data-theme=light] body::before{background:radial-gradient(ellipse at 0% 12%,#12bec315,transparent 65%),radial-gradient(ellipse at 100% 60%,#ff5d5812,transparent 68%),radial-gradient(ellipse at 48% 100%,#ffd0941c,transparent 65%)}
.value-hero:before{content:none}
.hero-slider output,.detail-control output{color:var(--accent)}
.hero-slider input[type=range]::-webkit-slider-thumb{background:var(--gradient);box-shadow:0 0 0 1px var(--accent),0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}
.hero-slider input[type=range]::-moz-range-thumb{background:var(--gradient);box-shadow:0 0 0 1px var(--accent),0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}
.quiz-option[aria-pressed=true]{box-shadow:inset 3px 0 var(--accent)}
.quiz-option:hover{border-color:var(--accent)}
.element-tile,.company-row:nth-of-type(even) .element-tile{border-color:color-mix(in srgb,var(--brand-turquoise) 45%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--brand-turquoise) 8%,var(--surface)),var(--surface))}
.company-row:nth-of-type(3n + 2) .element-tile{border-color:color-mix(in srgb,var(--brand-gold) 42%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--brand-gold) 8%,var(--surface)),var(--surface))}
.company-row:nth-of-type(3n) .element-tile{border-color:color-mix(in srgb,var(--brand-coral) 40%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--brand-coral) 7%,var(--surface)),var(--surface))}
.home-guide-cover:before,.guide-preview:before{background:radial-gradient(ellipse at 20% 70%,#12bec32b,transparent 65%),radial-gradient(ellipse at 80% 30%,#ff5d582b,transparent 60%)}
.closing{background:radial-gradient(ellipse at 85% 100%,#12bec30b,transparent 55%),var(--surface)}
#match-dialog{background:var(--paper)}
@media(max-width:600px){.brand-logo{width:168px}.footer-top .brand-logo{width:206px}.header-inner{gap:10px}.header-actions{gap:10px}}
@media(max-width:360px){.brand-logo{width:156px}.finder-brand{gap:9px}.finder-brand .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.button.primary,.button.dark,.company-cta{transition:none}}
@media print{.brand-on-dark{display:none!important}.brand-on-light{display:block!important}}
@media print{body::before{display:none}}