/* CHE Quiet Spectrum — lower commercial screens.
   Matches the existing upper-screen stellar palette:
   amber-white / blue-white / lavender-white / pale cyan.
   No perpetual animation; pointer-only for mouse users. */

/* Reuse the existing card cursor tracker. Three different star temperatures. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-card:nth-child(1){
  --che-spectrum-rgb:204,174,131; /* warm stellar ivory */
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-card:nth-child(2){
  --che-spectrum-rgb:151,188,218; /* blue-white */
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-card:nth-child(3){
  --che-spectrum-rgb:184,169,208; /* subtle violet-white */
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-card{
  border-color:rgba(var(--che-spectrum-rgb),.32);
  background:
    linear-gradient(138deg,rgba(var(--che-spectrum-rgb),.045),transparent 74%),
    #111718;
  box-shadow:inset 0 1px 0 rgba(var(--che-spectrum-rgb),.065);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-card.featured{
  background:
    radial-gradient(ellipse at 95% 5%,rgba(var(--che-spectrum-rgb),.065),transparent 70%),
    linear-gradient(150deg,#161d20,#111718);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-card::after{
  background:radial-gradient(315px circle at var(--che-pricing-x,50%) var(--che-pricing-y,45%),
    rgba(var(--che-spectrum-rgb),.155),rgba(var(--che-spectrum-rgb),.035) 42%,transparent 76%);
}
@media(min-width:701px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #pricing .price-card.che-pricing-lit{
    border-color:rgba(var(--che-spectrum-rgb),.7);
    box-shadow:inset 0 1px 0 rgba(var(--che-spectrum-rgb),.12),
      0 0 0 1px rgba(var(--che-spectrum-rgb),.08);
  }
}

/* Remove the rogue two-pixel stroke outside the retainer's top frame.
   Keep its normal border as the sole edge. Do not clip its open ⓘ popup. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer::before{
  content:none;
  display:none;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer{
  --che-spectrum-rgb:225,203,170;
  --che-spectrum-x:72%;
  --che-spectrum-y:45%;
  isolation:isolate;
  overflow:visible;
  border-color:rgba(var(--che-spectrum-rgb),.37);
  background:
    radial-gradient(ellipse at 94% 6%,rgba(193,205,229,.054),transparent 52%),
    linear-gradient(122deg,#111819,#141c1d 61%,#161b21);
  box-shadow:inset 0 1px 0 rgba(var(--che-spectrum-rgb),.09);
  transition:border-color .25s ease,box-shadow .25s ease;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  clip-path:inset(0 round 19px);
  background:
    radial-gradient(370px circle at var(--che-spectrum-x,70%) var(--che-spectrum-y,40%),
      rgba(232,208,166,.14),rgba(205,190,221,.045) 44%,transparent 77%);
  opacity:0;
  transition:opacity .34s ease;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer>.che-retainer-copy,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer>.che-retainer-offer{
  position:relative;
  z-index:1;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer .che-pricing-info{
  z-index:6;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer .che-pricing-info-panel{
  z-index:12;
}

/* A separate cooler stellar signature for the interactive example. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-examples{
  --che-spectrum-rgb:154,191,202;
  --che-spectrum-x:50%;
  --che-spectrum-y:48%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(var(--che-spectrum-rgb),.32);
  background:
    radial-gradient(ellipse at 80% 0%,rgba(var(--che-spectrum-rgb),.037),transparent 64%),
    #0e1416;
  transition:border-color .25s ease;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-examples::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(330px circle at var(--che-spectrum-x,45%) var(--che-spectrum-y,45%),
    rgba(159,202,215,.125),rgba(185,201,235,.028) 45%,transparent 78%);
  opacity:0;
  transition:opacity .34s ease;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-examples>*{
  position:relative;
  z-index:1;
}

/* Distinct light temperatures for the two calculator halves.
   The parent already clips at its rounded frame. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator{
  border-color:rgba(188,199,215,.47);
  box-shadow:0 16px 46px rgba(0,0,0,.13);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-left,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-right{
  --che-spectrum-x:50%;
  --che-spectrum-y:45%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-left{
  --che-spectrum-rgb:218,187,143;
  background:
    radial-gradient(ellipse at 4% 96%,rgba(220,193,152,.11),transparent 60%),
    #f2f1ed;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-right{
  --che-spectrum-rgb:161,191,229;
  background:
    radial-gradient(ellipse at 94% 7%,rgba(169,195,237,.095),transparent 68%),
    #192026;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-left::after,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-right::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(315px circle at var(--che-spectrum-x,50%) var(--che-spectrum-y,45%),
    rgba(var(--che-spectrum-rgb),.18),rgba(var(--che-spectrum-rgb),.035) 49%,transparent 80%);
  opacity:0;
  transition:opacity .3s ease;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-left>*,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-right>*{
  position:relative;
  z-index:1;
}

/* One restrained, reactive system. No always-on glow. */
@media(min-width:701px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview .che-spectrum-lit.che-retainer{
    border-color:rgba(225,203,170,.61);
    box-shadow:inset 0 1px 0 rgba(225,203,170,.13),0 0 0 1px rgba(225,203,170,.055);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview .che-spectrum-lit.price-examples{
    border-color:rgba(154,191,202,.65);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview .che-spectrum-lit.che-retainer::after,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview .che-spectrum-lit.price-examples::before,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview .che-spectrum-lit.calculator-left::after,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview .che-spectrum-lit.calculator-right::after{
    opacity:1;
  }
}
@media(max-width:700px){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #pricing .che-retainer::after{
    clip-path:inset(0 round 17px);
  }
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  #che-page.che-canonical #che-commercial-preview .che-retainer::after,
  #che-page.che-canonical #che-commercial-preview .price-examples::before,
  #che-page.che-canonical #che-commercial-preview .calculator-left::after,
  #che-page.che-canonical #che-commercial-preview .calculator-right::after{
    display:none!important;
    opacity:0!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #che-page.che-canonical #che-commercial-preview .che-retainer,
  #che-page.che-canonical #che-commercial-preview .price-examples,
  #che-page.che-canonical #che-commercial-preview .che-retainer::after,
  #che-page.che-canonical #che-commercial-preview .price-examples::before,
  #che-page.che-canonical #che-commercial-preview .calculator-left::after,
  #che-page.che-canonical #che-commercial-preview .calculator-right::after{
    transition:none!important;
  }
}


/* ============================================================================
   CHE QUIET STELLAR SYSTEM / v1.0 — 2026-10-17
   Pricing's three star-temperature cards are the design authority.
   The adjacent audit, accordion, subscription, examples and calculator inherit
   this shared visual grammar. This is visual-only, no new offers/copy.
   Canonical implementation notes: docs/CHE_QUIET_STELLAR_DESIGN_SYSTEM.md
   ============================================================================ */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview{
  --che-star-ivory-rgb:204,174,131;
  --che-star-blue-rgb:151,188,218;
  --che-star-lilac-rgb:184,169,208;
  --che-star-cyan-rgb:154,191,202;
  --che-star-base:#090d0f;
  --che-star-surface:#12191c;
  --che-star-type:#f2f5f1;
  --che-star-secondary:#d1ded6;
  --che-star-radius:19px;
  --che-star-stroke-opacity:.36;
  --che-star-active-stroke-opacity:.70;
  --che-star-spot-size:370px;
  --che-star-transition:.28s ease;
}

/* Light Audit: primary invitation = warm star. Keep its one clear CTA and
   two-column asymmetry, never make the explanatory rail another sales card. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .audit-main{
  --che-spectrum-rgb:var(--che-star-ivory-rgb);
  border-color:rgba(var(--che-spectrum-rgb),.44);
  background:
    radial-gradient(ellipse at 91% 4%,rgba(var(--che-spectrum-rgb),.092),transparent 59%),
    linear-gradient(148deg,#13191c 0%,#111719 76%);
  box-shadow:inset 0 1px 0 rgba(var(--che-spectrum-rgb),.09);
  transition:border-color var(--che-star-transition),box-shadow var(--che-star-transition);
}
/* Earlier decorative strip competed with the true outline. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .audit-main::before{
  content:none;
  display:none;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .audit-main::after{
  background:radial-gradient(var(--che-star-spot-size) circle
    at var(--che-audit-x,50%) var(--che-audit-y,40%),
    rgba(var(--che-spectrum-rgb),.205),
    rgba(var(--che-star-lilac-rgb),.046) 48%,transparent 79%);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .audit-main.che-audit-lit{
  border-color:rgba(var(--che-spectrum-rgb),var(--che-star-active-stroke-opacity));
  box-shadow:inset 0 1px 0 rgba(var(--che-spectrum-rgb),.16),
    0 0 0 1px rgba(var(--che-spectrum-rgb),.065);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .audit-main.che-audit-lit::after{
  opacity:1;
}
/* The reply remains a reading rail, distinguished by ice-blue edge / subtle
   pointer halo rather than another full bordered card. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .reply-card{
  --che-spectrum-rgb:var(--che-star-blue-rgb);
  --che-spectrum-x:50%;
  --che-spectrum-y:50%;
  position:relative;
  isolation:isolate;
  border-top-color:rgba(var(--che-spectrum-rgb),.52);
  background:radial-gradient(ellipse at 85% 3%,rgba(var(--che-spectrum-rgb),.047),transparent 70%);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .reply-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(350px circle at var(--che-spectrum-x,50%) var(--che-spectrum-y,50%),
    rgba(var(--che-spectrum-rgb),.155),rgba(var(--che-star-cyan-rgb),.034) 51%,transparent 81%);
  opacity:0;
  transition:opacity var(--che-star-transition);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .reply-card>*{
  position:relative;
  z-index:1;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .reply-card .reply-row{
  border-top-color:rgba(var(--che-spectrum-rgb),.17);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .reply-card .reply-pill{
  color:#c9dceb;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .reply-card .reply-row strong{
  color:#c8d6e5;
}

/* Expandable example reply: one unified lilac-white stellar surface. Keep the
   native <details> keyboard behavior, original plus/minus and content order. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit #audit-example.audit-detail{
  --che-spectrum-rgb:var(--che-star-lilac-rgb);
  --che-spectrum-x:50%;
  --che-spectrum-y:45%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(var(--che-spectrum-rgb),.39);
  border-radius:16px;
  background:
    radial-gradient(ellipse at 95% 0%,rgba(var(--che-spectrum-rgb),.070),transparent 60%),
    linear-gradient(133deg,#13191d,#101517);
  box-shadow:inset 0 1px 0 rgba(var(--che-spectrum-rgb),.075);
  transition:border-color var(--che-star-transition),box-shadow var(--che-star-transition);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit #audit-example.audit-detail::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(350px circle at var(--che-spectrum-x,45%) var(--che-spectrum-y,45%),
    rgba(var(--che-spectrum-rgb),.18),rgba(var(--che-star-blue-rgb),.03) 47%,transparent 80%);
  opacity:0;
  transition:opacity var(--che-star-transition);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit #audit-example.audit-detail>*{
  position:relative;
  z-index:1;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit #audit-example summary{
  background:transparent;
  color:#f0f3f4;
  border-bottom-color:rgba(var(--che-spectrum-rgb),.21);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit #audit-example[open]{
  border-color:rgba(var(--che-spectrum-rgb),.60);
  box-shadow:inset 0 1px 0 rgba(var(--che-spectrum-rgb),.09),
    0 0 0 1px rgba(var(--che-spectrum-rgb),.04);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit #audit-example .sample-side{
  border-left-color:rgba(var(--che-spectrum-rgb),.24);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit #audit-example .sample-head{
  color:#c8bedf;
}

/* Stronger but restrained cursor spectrum on all existing converted panels.
   Static washes stay visible when no mouse is present. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer{
  border-color:rgba(var(--che-star-ivory-rgb),.47);
  background:
    radial-gradient(ellipse at 89% 2%,rgba(var(--che-star-blue-rgb),.095),transparent 60%),
    radial-gradient(ellipse at 5% 95%,rgba(var(--che-star-ivory-rgb),.043),transparent 73%),
    linear-gradient(121deg,#12191c,#151c22);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer::after{
  background:radial-gradient(390px circle at var(--che-spectrum-x,70%) var(--che-spectrum-y,40%),
    rgba(var(--che-star-ivory-rgb),.22),
    rgba(var(--che-star-lilac-rgb),.075) 44%,transparent 78%);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer .che-retainer-cta{
  border-color:#edf2ed;
  background:#edf2ed;
  color:#14231b;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-examples{
  border-color:rgba(var(--che-star-cyan-rgb),.43);
  background:
    radial-gradient(ellipse at 88% 0%,rgba(var(--che-star-cyan-rgb),.091),transparent 64%),
    linear-gradient(130deg,#11181a,#11171b 84%);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .price-examples::before{
  background:radial-gradient(365px circle at var(--che-spectrum-x,50%) var(--che-spectrum-y,48%),
    rgba(var(--che-star-cyan-rgb),.22),
    rgba(var(--che-star-blue-rgb),.045) 49%,transparent 81%);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .example-chip{
  border-color:rgba(var(--che-star-cyan-rgb),.33);
  background:#192126;
  color:#e4ecf0;
  transition:border-color .18s ease,background-color .18s ease;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .example-chip[aria-pressed="true"]{
  border-color:#f1f4ef;
  background:#f1f4ef;
  color:#141d20;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .example-case{
  border-top-color:rgba(var(--che-star-cyan-rgb),.21);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .example-case .case-phase{
  border-left-color:rgba(var(--che-star-blue-rgb),.27);
}

/* The calculator keeps warm-white input and cool-blue result, but the static
   and pointer light now match the visual depth of the pricing trio. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator{
  border-color:rgba(var(--che-star-blue-rgb),.56);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-left{
  background:
    radial-gradient(ellipse at 10% 93%,rgba(var(--che-star-ivory-rgb),.15),transparent 57%),
    linear-gradient(140deg,#f3f2ee,#f0f1f0);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-right{
  background:
    radial-gradient(ellipse at 92% 0%,rgba(var(--che-star-blue-rgb),.15),transparent 65%),
    radial-gradient(ellipse at 6% 100%,rgba(var(--che-star-lilac-rgb),.055),transparent 73%),
    #1a2229;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-left::after,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-right::after{
  background:radial-gradient(360px circle at var(--che-spectrum-x,50%) var(--che-spectrum-y,45%),
    rgba(var(--che-spectrum-rgb),.24),rgba(var(--che-spectrum-rgb),.044) 49%,transparent 80%);
}
/* Shared interaction language: ghost controls + off-white selected/primary.
   Do not change touch target sizes or calculator interaction semantics. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .opp-mode-switch{
  border-color:rgba(var(--che-star-blue-rgb),.39);
  background:#141b21;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .opp-mode[aria-selected="true"]{
  background:#f1f4ef;
  color:#17222b;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .opp-choice-group button{
  border-color:#8899a5;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .opp-choice-group button[aria-pressed="true"]{
  background:#253847;
  border-color:#253847;
  color:#f6f8f7;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .range-group input[type="range"]{
  accent-color:#344f66;
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calc-method summary,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-pricing-info summary{
  border-color:rgba(var(--che-star-lilac-rgb),.47);
}
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .opp-audit-cta{
  border-color:rgba(var(--che-star-blue-rgb),.72);
}

/* One focus system. Keyboard indicators do NOT depend on pointer glow. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit #audit-example summary:focus-visible,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #audit .audit-main .pill-btn:focus-visible,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .example-chip:focus-visible,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #pricing .che-retainer-cta:focus-visible,
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator :focus-visible{
  outline:2px solid #c4d6e9;
  outline-offset:3px;
}

/* Only fine-pointer desktops show moving light, never a perpetual glow. */
@media(min-width:701px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #audit .che-spectrum-lit.reply-card::before,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #audit .che-spectrum-lit.audit-detail::after{
    opacity:1;
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #audit .che-spectrum-lit.audit-detail{
    border-color:rgba(var(--che-star-lilac-rgb),.69);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #audit .che-spectrum-lit.reply-card{
    border-top-color:rgba(var(--che-star-blue-rgb),.78);
  }
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #pricing .che-spectrum-lit.che-retainer::after,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #pricing .che-spectrum-lit.price-examples::before,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #value.opportunity-calculator .che-spectrum-lit.calculator-left::after,
  #che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
    #che-commercial-preview #value.opportunity-calculator .che-spectrum-lit.calculator-right::after{
    opacity:1;
  }
}
/* Disabled on touch, coarse pointer and reduced motion. Reading surfaces
   remain visible and retain their static gradient without motion. */
@media(max-width:700px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  #che-page.che-canonical #che-commercial-preview #audit .reply-card::before,
  #che-page.che-canonical #che-commercial-preview #audit #audit-example.audit-detail::after{
    display:none!important;
    opacity:0!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #che-page.che-canonical #che-commercial-preview #audit #audit-example,
  #che-page.che-canonical #che-commercial-preview #audit #audit-example::after,
  #che-page.che-canonical #che-commercial-preview #audit .reply-card::before,
  #che-page.che-canonical #che-commercial-preview #pricing .example-chip{
    transition:none!important;
  }
}

/* The calculator input side is off-white: use a deeper focus ring there for
   accessible contrast, while the dark result retains the pale blue ring. */
#che-page.che-canonical.che-heritage-preview.che-layout-preview.che-desktop-vnext
  #che-commercial-preview #value.opportunity-calculator .calculator-left :focus-visible{
  outline-color:#315573;
}