/* Distribution Partners page: executive B2B. Dark navy bands reuse the .cta-band values from site.css and switch
   the site tokens to their dark side with color-scheme, so lime numerals and cards stay on-system in both themes. */
@layer components{
  .dist-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
  .dist-hero .dist-row{margin-top:32px}
  .dist-row .btn-sm,.dist-copy .btn-sm,.calc .btn-sm{min-height:44px}
  .dist-track{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.6em;margin-top:22px;padding:.5em .9em;border-radius:999px;border:1px solid var(--line-strong);background:color-mix(in oklab,var(--surface) 70%,transparent);font:600 .8rem/1.3 var(--f-mono);color:var(--ink-2)}
  .dist-track b{color:var(--ink)}
  .dist-cond{font-size:.88rem;line-height:1.5;color:var(--ink-2);max-width:68ch;padding-left:12px;border-left:2px solid var(--warn)}
  .dist-hero .dist-cond{margin-top:20px}
  .dist-hero .notice{margin-top:20px;max-width:60ch}
  .dist-not{margin-top:28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:baseline;padding-top:20px;border-top:1px solid var(--line);max-width:62rem}
  .dist-not dt{font:600 .72rem/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .dist-not dd{margin:0;color:var(--ink-2);font-size:.95rem}
  @media (max-width:560px){.dist-not{grid-template-columns:minmax(0,1fr)}}

  /* ---------- dark navy bands (values from .cta-band) ---------- */
  .dist-dark{color-scheme:dark;position:relative;isolation:isolate;overflow:clip;background:oklch(.17 .03 265);color:var(--ink);border-block:1px solid var(--line)}
  .dist-dark::before{content:"";position:absolute;inset:0;z-index:-2;background:
    radial-gradient(55% 80% at 92% 105%,oklch(.8 .19 125/.2),transparent 60%),
    radial-gradient(50% 70% at 0% 0%,oklch(.5 .09 235/.4),transparent 60%)}
  .dist-dark::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/64px 64px;
    -webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 85%);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 85%)}
  .dist-dark .card{background:color-mix(in oklab,var(--surface) 82%,transparent)}
  .dist-dark .lede{color:var(--ink-2)}
  .dist-cta{color-scheme:dark}
  .dist-cta .notice{margin-top:24px;max-width:56ch}
  .dist-cta .muted a,.dist-link{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
  .dist-link:hover{color:var(--accent-text)}

  /* lime financial numerals */
  .dist-fig{display:block;font:800 clamp(2.4rem,1.6rem + 3.2vw,4.6rem)/.95 var(--f-display);letter-spacing:-.04em;color:var(--accent-text);font-variant-numeric:tabular-nums}
  .dist-fig small{display:block;margin-top:12px;font:600 .95rem/1.3 var(--f-text);letter-spacing:0;color:var(--muted)}
  .dist-assume{margin-top:16px}

  /* ---------- programme ledger strip ---------- */
  .dist-ledger{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line-strong)}
  .dist-ledger>div{padding:22px 18px 4px 0;border-right:1px solid var(--line)}
  .dist-ledger>div+div{padding-left:18px}
  .dist-ledger>div:last-child{border-right:0}
  .dist-ledger dt{font:600 .7rem/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .dist-ledger dd{margin:10px 0 0;font:750 clamp(1.5rem,1.1rem + 1.2vw,2.2rem)/1 var(--f-display);letter-spacing:-.03em;color:var(--accent-text);font-variant-numeric:tabular-nums}
  .dist-ledger dd span{display:block;margin-top:8px;font:500 .82rem/1.35 var(--f-text);letter-spacing:0;color:var(--ink-2)}
  .dist-ledger-foot{margin-top:28px}
  @media (max-width:1100px){.dist-ledger{grid-template-columns:repeat(3,minmax(0,1fr))}.dist-ledger>div{padding:20px 14px 18px;border-bottom:1px solid var(--line)}.dist-ledger>div:nth-child(3n){border-right:0}}
  @media (max-width:560px){.dist-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.dist-ledger>div,.dist-ledger>div+div{padding:18px 12px 16px}.dist-ledger>div:nth-child(3n){border-right:1px solid var(--line)}.dist-ledger>div:nth-child(2n){border-right:0}}

  /* ---------- audience + economics ---------- */
  .dist-who .card{display:grid;align-content:start;gap:6px}
  .dist-who svg{width:28px;height:28px;color:var(--accent-text);margin-bottom:10px}
  .dist-price summary{cursor:pointer;display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
  .dist-price dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin-top:6px;font-variant-numeric:tabular-nums}
  .dist-price dd{margin:0;font-family:var(--f-mono);text-align:right}
  .dist-price .tot{padding-top:8px;border-top:1px solid var(--line);font-weight:700;color:var(--ink)}
  .dist-price p{margin-top:16px}
  .dist-list{display:grid;gap:10px;margin-top:6px}
  .dist-list li{position:relative;padding-left:26px;color:var(--ink-2)}
  .dist-list li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);rotate:-45deg}
  .dist-list.minus li::before{width:12px;height:0;top:.7em;border-left:0;rotate:0deg;border-color:var(--muted)}
  .dist-posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
  @media (max-width:760px){.dist-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
  .dist-posts-foot{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-top:20px}

  /* ---------- the two commission states ---------- */
  .dist-state{display:grid;gap:14px;align-content:start}
  .dist-state .chip{justify-self:start}
  .dist-state-growth{border-color:color-mix(in oklab,var(--accent) 45%,transparent)}
  .dist-tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin-top:8px}
  .dist-tl li{position:relative;padding:22px 18px 0 0}
  .dist-tl li::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--line-strong)}
  .dist-tl li::after{content:"";position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--accent)}
  .dist-tl b{display:block;font:600 .72rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin-bottom:8px}
  .dist-tl p{font-size:.93rem;color:var(--ink-2)}
  @media (max-width:700px){.dist-tl{grid-template-columns:minmax(0,1fr);gap:18px}.dist-tl li{padding:0 0 0 24px}.dist-tl li::before{left:5px;right:auto;top:14px;bottom:-18px;width:2px;height:auto}.dist-tl li:last-child::before{display:none}.dist-tl li::after{top:2px}}

  /* ---------- growth qualification check ---------- */
  .dist-qual{display:grid;gap:18px}
  .dist-qual>*,.dist-field>*{min-width:0}
  .dist-select{width:100%}
  .dist-field{display:grid;gap:8px}
  .dist-field label{font:600 .95rem/1.3 var(--f-display)}
  .dist-select,.dist-input{min-height:44px;padding:8px 12px;border-radius:var(--r-s);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:600 1rem/1.2 var(--f-text);max-width:100%}
  .dist-input{font-family:var(--f-mono);text-align:right;width:100%}
  .dist-meter{--p:0%;position:relative;height:14px;border-radius:999px;background:var(--surface-3);overflow:hidden}
  .dist-meter::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);border-radius:inherit;background:var(--warn);transition:width .35s var(--ease),background .3s}
  .dist-meter[data-done]::before{background:var(--accent)}
  .dist-meter-scale{display:flex;justify-content:space-between;font:500 .78rem/1 var(--f-mono);color:var(--muted)}
  .dist-qual-result{font:650 clamp(1.15rem,1rem + .6vw,1.45rem)/1.3 var(--f-display);letter-spacing:-.015em;color:var(--ink)}
  .dist-qual-result b{color:var(--warn);font-variant-numeric:tabular-nums}
  .dist-qual-result[data-ok] b{color:var(--accent-text)}
  .dist-qual .calc-presets .chip{font-family:var(--f-mono)}

  /* ---------- planner ---------- */
  .dist-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  @media (max-width:520px){.dist-plan-grid{grid-template-columns:minmax(0,1fr)}}
  .dist-hint{font-size:.82rem;color:var(--warn)}

  /* ---------- dashboard preview ---------- */
  .dist-dash{display:grid;gap:22px}
  .dist-dash-top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
  .dist-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px}
  .dist-kpis>div{padding:16px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface-2)}
  .dist-kpis dt{font:600 .7rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .dist-kpis dd{margin:10px 0 0;font:750 1.8rem/1 var(--f-display);letter-spacing:-.03em;color:var(--accent-text);font-variant-numeric:tabular-nums}
  .dist-kpis dd small{display:block;margin-top:6px;font:500 .8rem/1.3 var(--f-text);letter-spacing:0;color:var(--ink-2)}
  .dist-st{display:inline-flex;align-items:center;gap:.45em;font:600 .78rem/1 var(--f-mono);white-space:nowrap}
  .dist-st::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
  .dist-st[data-s="hold"]{color:var(--warn)}
  .dist-st[data-s="approved"]{color:var(--good)}
  .dist-st[data-s="paid"]{color:var(--accent-text)}
  .dist-st[data-s="reversed"]{color:var(--muted)}
  .dist-earn tbody th{font:600 1rem/1.2 var(--f-mono);text-align:left}
  .dist-earn thead th span{display:block;margin-top:4px;font-size:.72rem;font-weight:500}
  .dist-dash .earn-table td{white-space:nowrap}
  .dist-dash .earn-table :is(th,td):is(:nth-child(2),:last-child){text-align:left}
  .dist-dash .earn-table td:last-child{font:500 .86rem/1.3 var(--f-text);color:var(--ink-2);white-space:normal;min-width:14rem}

  /* ---------- sales support ---------- */
  .dist-quote{font:500 clamp(1.05rem,.98rem + .3vw,1.2rem)/1.6 var(--f-text);color:var(--ink);padding-left:16px;border-left:3px solid var(--accent)}
  .dist-copy{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:16px}
  .dist-copy [data-copied]{font-size:.86rem;color:var(--accent-text)}
  .dist-lines{display:grid;gap:14px;margin-top:6px}
  .dist-lines li{padding:14px 16px;border-radius:var(--r-m);background:var(--surface-2);border:1px solid var(--line)}
  .dist-lines p{font-family:var(--f-mono);font-size:.88rem;color:var(--ink);overflow-wrap:anywhere}
  .dist-lines .dist-copy{margin-top:10px}
  .dist-obj{margin-top:4px}
  .card .faq summary{font-size:1rem}
  .card a:not(.btn){text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
  .card a:not(.btn):hover{color:var(--accent-text)}

  @media (prefers-reduced-motion:reduce){.dist-meter::before{transition:none}}
  @media print{.dist-dark,.dist-cta{background:none;color:#000}.dist-dark::before,.dist-dark::after{display:none}.dist-qual,.dist-plan,.dist-copy button{display:none!important}}
}