/* =====================================================================
   0. FONTS - Kumbh Sans served from our own server (no Google Fonts request,
   no visitor IP sent to Google). Variable font, weights 100-900. OFL licence.
   ===================================================================== */
@font-face{font-family:'Kumbh Sans';font-style:normal;font-display:swap;font-weight:100 900;
  src:url(/assets/fonts/kumbh-sans-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Kumbh Sans';font-style:normal;font-display:swap;font-weight:100 900;
  src:url(/assets/fonts/kumbh-sans-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* =====================================================================
   EVOLVE SECTIONS - shared layer for all subpages
   1) Light / dark section alternation (.tone-light / .tone-dark / .tone-navy)
   2) Editorial, box-free component styling (hairline rules, index numbers)
   Loaded AFTER each page's inline <style>, so it overrides it.
   Hero, trust bar, nav, footer and sticky CTA are intentionally untouched.
   ===================================================================== */

:root{
  --paper:#F4F5F1;
  --ink:#161F28;
  --ink-2:#4A5866;
  --ink-3:#6B7684;
  --rule-light:rgba(22,31,40,.12);
  --rule-light-strong:rgba(22,31,40,.22);
  --neon:#2EFF82;
}

/* ---------------------------------------------------------------------
   1. TONES
   --------------------------------------------------------------------- */
section.tone-dark{background:#161F28 !important}
section.tone-navy{background:#283848 !important}

:is(section,article).tone-light{
  /* remap the dark-theme tokens so existing page CSS turns light */
  --ci-white:var(--ink);
  --txt-1:var(--ink);
  --txt-2:var(--ink-2);
  --txt-3:var(--ink-3);
  --txt-4:rgba(22,31,40,.38);
  --border-s:var(--rule-light);
  --border-l:var(--rule-light-strong);
  --surface-1:transparent;
  --surface-2:transparent;
  --surface-3:transparent;
  --green-dim:transparent;
  --green-glow:transparent;
  background:var(--paper) !important;
  color:var(--ink);
}
/* section-level glows / grid patterns make no sense on paper */
:is(section,article).tone-light::before,
:is(section,article).tone-light::after{display:none !important}

/* Green on light: text goes ink/navy, neon survives only as lines + button fills */
:is(section,article).tone-light .section-label{color:var(--ink)}
:is(section,article).tone-light .section-label::before{background:var(--neon);opacity:1;height:2px}
:is(section,article).tone-light .accent,
:is(section,article).tone-light .hl{
  color:var(--ink) !important;
  background-image:linear-gradient(transparent 62%,rgba(46,255,130,.7) 62%,rgba(46,255,130,.7) 90%,transparent 90%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  padding:0 .06em;
}
:is(section,article).tone-light .btn-outline{color:var(--ink);border-color:var(--rule-light-strong)}
:is(section,article).tone-light .btn-outline:hover{border-color:var(--ink);background:transparent}
:is(section,article).tone-light .btn-primary:hover{box-shadow:0 8px 28px rgba(22,31,40,.14)}

/* Inline links and "more" links on light: ink text with neon underline */
:is(section,article).tone-light .sol-expand-btn,
:is(section,article).tone-light .cs-link,
:is(section,article).tone-light .text-link{
  color:var(--ink);
  text-decoration:underline;
  text-decoration-color:var(--neon);
  text-decoration-thickness:2px;
  text-underline-offset:6px;
}

/* AUTO-LIGHT:START - generated by gen_light.py, do not edit by hand */
:is(section,article).tone-light .action-item .ai,
section.action-item.tone-light .ai,
:is(section,article).tone-light .alt-card a,
section.alt-card.tone-light a,
:is(section,article).tone-light .belief h2 .accent,
section.belief.tone-light h2 .accent,
:is(section,article).tone-light .blog-card-tag,
section.blog-card-tag.tone-light,
:is(section,article).tone-light .blog-kicker,
section.blog-kicker.tone-light,
:is(section,article).tone-light .bottom-form-micro svg,
section.bottom-form-micro.tone-light svg,
:is(section,article).tone-light .closing-cta h2 .accent,
section.closing-cta.tone-light h2 .accent,
:is(section,article).tone-light .cmp .check,
section.cmp.tone-light .check,
:is(section,article).tone-light .cmp thead th,
section.cmp.tone-light thead th,
:is(section,article).tone-light .coach-step .cs-num,
section.coach-step.tone-light .cs-num,
:is(section,article).tone-light .cs-arrow,
section.cs-arrow.tone-light,
:is(section,article).tone-light .cs-link,
section.cs-link.tone-light,
:is(section,article).tone-light .cs-metric .num,
section.cs-metric.tone-light .num,
:is(section,article).tone-light .cs-nav-btn.active,
section.cs-nav-btn.tone-light.active,
:is(section,article).tone-light .cs-overline,
section.cs-overline.tone-light,
:is(section,article).tone-light .cs-tag,
section.cs-tag.tone-light,
:is(section,article).tone-light .diff-card.right .tag,
section.diff-card.tone-light.right .tag,
:is(section,article).tone-light .dual-card .dc-label,
section.dual-card.tone-light .dc-label,
:is(section,article).tone-light .ed-compare-check,
section.ed-compare-check.tone-light,
:is(section,article).tone-light .ed-compare-col.evolve .ed-compare-header,
section.ed-compare-col.tone-light.evolve .ed-compare-header,
:is(section,article).tone-light .ed-dim-benefit,
section.ed-dim-benefit.tone-light,
:is(section,article).tone-light .ed-dim-icon svg,
section.ed-dim-icon.tone-light svg,
:is(section,article).tone-light .faq-q .toggle,
section.faq-q.tone-light .toggle,
:is(section,article).tone-light .fb-check,
section.fb-check.tone-light,
:is(section,article).tone-light .fb-radar-label,
section.fb-radar-label.tone-light,
:is(section,article).tone-light .final-cta .accent,
section.final-cta.tone-light .accent,
:is(section,article).tone-light .flow-dot,
section.flow-dot.tone-light,
:is(section,article).tone-light .flow-dot.dot-green,
section.flow-dot.tone-light.dot-green,
:is(section,article).tone-light .flow-label.green,
section.flow-label.tone-light.green,
:is(section,article).tone-light .format-card .fval,
section.format-card.tone-light .fval,
:is(section,article).tone-light .founder-info .ftitle,
section.founder-info.tone-light .ftitle,
:is(section,article).tone-light .founder-stat strong,
section.founder-stat.tone-light strong,
:is(section,article).tone-light .founders-link,
section.founders-link.tone-light,
:is(section,article).tone-light .gate-lock svg,
section.gate-lock.tone-light svg,
:is(section,article).tone-light .gate-success,
section.gate-success.tone-light,
:is(section,article).tone-light .industry-card .stat,
section.industry-card.tone-light .stat,
:is(section,article).tone-light .journey-phase .weeks,
section.journey-phase.tone-light .weeks,
:is(section,article).tone-light .kicker,
section.kicker.tone-light,
:is(section,article).tone-light .kpi-val,
section.kpi-val.tone-light,
:is(section,article).tone-light .legal-card .value a,
section.legal-card.tone-light .value a{color:var(--ink)}
:is(section,article).tone-light .legal-card a,
section.legal-card.tone-light a,
:is(section,article).tone-light .legal-card a:hover,
section.legal-card.tone-light a:hover,
:is(section,article).tone-light .legal-card h3,
section.legal-card.tone-light h3,
:is(section,article).tone-light .legal-kicker,
section.legal-kicker.tone-light,
:is(section,article).tone-light .lm-icon,
section.lm-icon.tone-light,
:is(section,article).tone-light .lm-inline-check,
section.lm-inline-check.tone-light,
:is(section,article).tone-light .lm-inline-icon,
section.lm-inline-icon.tone-light,
:is(section,article).tone-light .lm-inline-tag,
section.lm-inline-tag.tone-light,
:is(section,article).tone-light .lm-micro a,
section.lm-micro.tone-light a,
:is(section,article).tone-light .lm-modal h3 .accent,
section.lm-modal.tone-light h3 .accent,
:is(section,article).tone-light .lm-success-icon,
section.lm-success-icon.tone-light,
:is(section,article).tone-light .lm-tag,
section.lm-tag.tone-light,
:is(section,article).tone-light .mc-adv-note,
section.mc-adv-note.tone-light,
:is(section,article).tone-light .mc-auth-inner .names,
section.mc-auth-inner.tone-light .names,
:is(section,article).tone-light .mc-compare .check,
section.mc-compare.tone-light .check,
:is(section,article).tone-light .mc-compare thead th,
section.mc-compare.tone-light thead th,
:is(section,article).tone-light .mc-cta-final h2 .accent,
section.mc-cta-final.tone-light h2 .accent,
:is(section,article).tone-light .mc-faq-q .toggle,
section.mc-faq-q.tone-light .toggle,
:is(section,article).tone-light .mc-kicker,
section.mc-kicker.tone-light,
:is(section,article).tone-light .mc-mod-num,
section.mc-mod-num.tone-light,
:is(section,article).tone-light .mc-mod-outcome,
section.mc-mod-outcome.tone-light,
:is(section,article).tone-light .mc-mod-toggle,
section.mc-mod-toggle.tone-light,
:is(section,article).tone-light .mc-pain-bridge .hl,
section.mc-pain-bridge.tone-light .hl,
:is(section,article).tone-light .mc-price-features li svg,
section.mc-price-features.tone-light li svg,
:is(section,article).tone-light .mc-price-tier,
section.mc-price-tier.tone-light,
:is(section,article).tone-light .mc-test-result,
section.mc-test-result.tone-light,
:is(section,article).tone-light .mini-case-link,
section.mini-case-link.tone-light,
:is(section,article).tone-light .mini-case-text .overline,
section.mini-case-text.tone-light .overline,
:is(section,article).tone-light .mini-kpi .val,
section.mini-kpi.tone-light .val,
:is(section,article).tone-light .mod-meta .dur,
section.mod-meta.tone-light .dur,
:is(section,article).tone-light .mod-meta span,
section.mod-meta.tone-light span,
:is(section,article).tone-light .mw-icon,
section.mw-icon.tone-light,
:is(section,article).tone-light .mw-link,
section.mw-link.tone-light,
:is(section,article).tone-light .pain-card .outcome,
section.pain-card.tone-light .outcome,
:is(section,article).tone-light .pain-transition .hl,
section.pain-transition.tone-light .hl,
:is(section,article).tone-light .person-avatar,
section.person-avatar.tone-light,
:is(section,article).tone-light .person-contact a:hover,
section.person-contact.tone-light a:hover,
:is(section,article).tone-light .phase-num.p2,
section.phase-num.tone-light.p2,
:is(section,article).tone-light .price-features li svg,
section.price-features.tone-light li svg,
:is(section,article).tone-light .price-tier,
section.price-tier.tone-light{color:var(--ink)}
:is(section,article).tone-light .problem-transition .hl,
section.problem-transition.tone-light .hl,
:is(section,article).tone-light .q-num,
section.q-num.tone-light,
:is(section,article).tone-light .q-opt[data-score="0"] .score-hint,
section.q-opt.tone-light[data-score="0"] .score-hint,
:is(section,article).tone-light .result-badge.green,
section.result-badge.tone-light.green,
:is(section,article).tone-light .result-score.green,
section.result-score.tone-light.green,
:is(section,article).tone-light .ring-lbl,
section.ring-lbl.tone-light,
:is(section,article).tone-light .sc-arrow,
section.sc-arrow.tone-light,
:is(section,article).tone-light .section-label,
section.section-label.tone-light,
:is(section,article).tone-light .snav-arrow,
section.snav-arrow.tone-light,
:is(section,article).tone-light .sol-detail-inner h4,
section.sol-detail-inner.tone-light h4,
:is(section,article).tone-light .sol-expand-btn,
section.sol-expand-btn.tone-light,
:is(section,article).tone-light .sol-outcome,
section.sol-outcome.tone-light,
:is(section,article).tone-light .sol-result-item,
section.sol-result-item.tone-light,
:is(section,article).tone-light .sol-tag.green,
section.sol-tag.tone-light.green,
:is(section,article).tone-light .solution-link,
section.solution-link.tone-light,
:is(section,article).tone-light .solution-tag,
section.solution-tag.tone-light,
:is(section,article).tone-light .speed-item strong,
section.speed-item.tone-light strong,
:is(section,article).tone-light .speed-item svg,
section.speed-item.tone-light svg,
:is(section,article).tone-light .step-num,
section.step-num.tone-light,
:is(section,article).tone-light .stories-cta h2 .accent,
section.stories-cta.tone-light h2 .accent,
:is(section,article).tone-light .story-badge,
section.story-badge.tone-light,
:is(section,article).tone-light .story-header h2 .accent,
section.story-header.tone-light h2 .accent,
:is(section,article).tone-light .success-check,
section.success-check.tone-light,
:is(section,article).tone-light .success-icon svg,
section.success-icon.tone-light svg,
:is(section,article).tone-light .team-stat .tsv,
section.team-stat.tone-light .tsv,
:is(section,article).tone-light .testi-card blockquote::after,
section.testi-card.tone-light blockquote::after,
:is(section,article).tone-light .testi-card blockquote::before,
section.testi-card.tone-light blockquote::before,
:is(section,article).tone-light .testi-result,
section.testi-result.tone-light,
:is(section,article).tone-light .testimonial-card blockquote::after,
section.testimonial-card.tone-light blockquote::after,
:is(section,article).tone-light .testimonial-card blockquote::before,
section.testimonial-card.tone-light blockquote::before,
:is(section,article).tone-light .testimonial-result,
section.testimonial-result.tone-light,
:is(section,article).tone-light .track-item .tv,
section.track-item.tone-light .tv,
:is(section,article).tone-light .trust-item strong,
section.trust-item.tone-light strong,
:is(section,article).tone-light .trust-item svg,
section.trust-item.tone-light svg,
:is(section,article).tone-light .value-card .vdef,
section.value-card.tone-light .vdef,
:is(section,article).tone-light .voice-avatar,
section.voice-avatar.tone-light,
:is(section,article).tone-light .why-icon,
section.why-icon.tone-light,
:is(section,article).tone-light .xlink-card .xa,
section.xlink-card.tone-light .xa{color:var(--ink)}
:is(section,article).tone-light .coming,
section.coming.tone-light,
:is(section,article).tone-light .flow-dot.dot-amber,
section.flow-dot.tone-light.dot-amber,
:is(section,article).tone-light .flow-dot.dot-teal,
section.flow-dot.tone-light.dot-teal,
:is(section,article).tone-light .flow-label.amber,
section.flow-label.tone-light.amber,
:is(section,article).tone-light .flow-label.teal,
section.flow-label.tone-light.teal,
:is(section,article).tone-light .lm-inline-micro,
section.lm-inline-micro.tone-light,
:is(section,article).tone-light .mc-price-note,
section.mc-price-note.tone-light,
:is(section,article).tone-light .mc-test-stars,
section.mc-test-stars.tone-light,
:is(section,article).tone-light .pain-card .persona-tag,
section.pain-card.tone-light .persona-tag,
:is(section,article).tone-light .phase-num.p1,
section.phase-num.tone-light.p1,
:is(section,article).tone-light .phase-num.p3,
section.phase-num.tone-light.p3,
:is(section,article).tone-light .q-opt[data-score="1"] .score-hint,
section.q-opt.tone-light[data-score="1"] .score-hint,
:is(section,article).tone-light .result-badge.amber,
section.result-badge.tone-light.amber,
:is(section,article).tone-light .result-score.amber,
section.result-score.tone-light.amber,
:is(section,article).tone-light .sol-tag.amber,
section.sol-tag.tone-light.amber,
:is(section,article).tone-light .sol-tag.blue,
section.sol-tag.tone-light.blue,
:is(section,article).tone-light .sol-tag.teal,
section.sol-tag.tone-light.teal,
:is(section,article).tone-light .testi-stars,
section.testi-stars.tone-light,
:is(section,article).tone-light .testimonial-stars,
section.testimonial-stars.tone-light{color:var(--ink-3)}
:is(section,article).tone-light .belief-pillar .bp-icon svg,
section.belief-pillar.tone-light .bp-icon svg,
:is(section,article).tone-light .lm-inline-content>p,
section.lm-inline-content.tone-light>p,
:is(section,article).tone-light .lm-inline-success p,
section.lm-inline-success.tone-light p,
:is(section,article).tone-light .lm-inline>p,
section.lm-inline.tone-light>p,
:is(section,article).tone-light .value-icon svg,
section.value-icon.tone-light svg{color:var(--ink-2)}
/* AUTO-LIGHT:END */

/* ---------------------------------------------------------------------
   2. EDITORIAL COMPONENTS (both tones)
   Principle: no fills, no frames, no rounded containers.
   Structure comes from hairline rules, index numbers and whitespace.
   --------------------------------------------------------------------- */

/* --- Pain blocks: numbered columns with a top rule --- */
.pain-blocks{gap:0 clamp(32px,5vw,72px);counter-reset:pb;margin-bottom:56px}
.pain-block{
  position:relative;counter-increment:pb;
  background:none !important;border:0 !important;border-top:1px solid var(--border-l) !important;
  border-radius:0 !important;padding:28px 0 8px !important;transform:none !important;
}
.pain-block::before{
  content:counter(pb,decimal-leading-zero);display:block;margin-bottom:20px;
  font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--txt-3);
}
.pain-block::after{
  content:'';position:absolute;top:-1px;left:0;width:48px;height:2px;background:var(--neon);
  transition:width .5s cubic-bezier(.16,1,.3,1);
}
.pain-block:hover::after{width:120px}
.pain-block h3{font-size:clamp(20px,2vw,24px);letter-spacing:-.02em;line-height:1.25;margin-bottom:14px}
.pain-block p{font-size:16px;max-width:52ch}
@media(max-width:768px){.pain-blocks{gap:40px}}

.pain-transition{max-width:760px;margin:0 auto}

/* --- Solution cards: open columns, coloured top rule only --- */
.sol-grid{gap:48px clamp(28px,3vw,40px)}
.sol-card{
  background:none !important;border:0 !important;border-radius:0 !important;
  box-shadow:none !important;transform:none !important;
}
.sol-top{height:2px !important;padding:0 !important;border-radius:0 !important;transition:height .3s}
.sol-card:hover .sol-top{height:4px !important}
.sol-body{padding:24px 0 8px !important}
.sol-card h3{font-size:clamp(17px,1.6vw,20px)}
.sol-check{background:none !important;width:auto;height:auto;font-size:13px;font-weight:800}
.sol-includes{padding-top:14px;border-top:1px solid var(--border-s)}
.sol-detail-inner{padding:20px 0 8px !important}
.sol-outcome{background:none !important;border:0 !important;border-left:2px solid var(--neon) !important;border-radius:0 !important;padding:2px 0 2px 12px !important}

:is(section,article).tone-light .sol-tag{color:var(--ink-3) !important}
:is(section,article).tone-light .sol-result-item{color:var(--ink)}
:is(section,article).tone-light .sol-check{color:var(--ink)}
:is(section,article).tone-light .sol-detail-inner h4{color:var(--ink)}
:is(section,article).tone-light .sol-detail-inner li::before{background:var(--ink);opacity:.35}
:is(section,article).tone-light .sol-outcome{color:var(--ink)}

/* --- Case study: open split layout instead of a framed card --- */
.cs-card{
  background:none !important;border:0 !important;border-radius:0 !important;overflow:visible !important;
  gap:0;align-items:stretch;
}
.cs-visual{background:none !important;padding:8px clamp(32px,4vw,56px) 8px 0 !important}
.cs-visual::before{display:none}
.cs-visual h3{font-size:clamp(22px,2.4vw,30px);line-height:1.2}
.cs-metrics{gap:0;border-top:1px solid var(--border-l)}
.cs-metric{
  background:none !important;border:0 !important;border-radius:0 !important;
  border-bottom:1px solid var(--border-s) !important;padding:22px 0 20px !important;
}
.cs-metric:nth-child(odd){border-right:1px solid var(--border-s) !important;padding-right:20px !important}
.cs-metric:nth-child(even){padding-left:24px !important}
.cs-metric .num{font-size:clamp(28px,2.6vw,36px)}
.cs-content{padding:8px 0 8px clamp(32px,4vw,56px) !important;border-left:1px solid var(--border-s)}
@media(max-width:900px){
  .cs-visual{padding:0 0 32px !important}
  .cs-content{padding:32px 0 0 !important;border-left:0;border-top:1px solid var(--border-s)}
}

/* Case-study switcher: pill buttons become underline tabs */
.cs-nav{gap:4px 32px;border-bottom:1px solid var(--border-s);margin-bottom:48px}
.cs-nav-btn{
  background:none !important;border:0 !important;border-radius:0 !important;
  padding:14px 0 !important;margin-bottom:-1px;border-bottom:2px solid transparent !important;
}
.cs-nav-btn.active{border-bottom-color:var(--neon) !important;color:var(--ci-white) !important}
.cs-nav-dot{display:none}
.cs-arrow{background:transparent !important;border:1px solid var(--border-l) !important;color:var(--ci-white) !important}
.cs-arrow:hover{border-color:var(--neon) !important;color:var(--neon) !important}

:is(section,article).tone-light .cs-tag,
:is(section,article).tone-light .cs-overline{color:var(--ink-3)}
:is(section,article).tone-light .cs-metric .num{color:var(--ink)}
:is(section,article).tone-light .cs-arrow:hover{color:var(--ink) !important}

/* ---------------------------------------------------------------------
   3. GENERIC UNBOXING - every card-like container across the subpages
   --------------------------------------------------------------------- */
:is(.pain-card,.out-card,.how-step,.proc-step,.voice-card,.why-card,.mw-card,
    .mc-pain-card,.mc-benefit,.mc-test-card,.value-card,.belief-pillar,.format-card,
    .legal-card,.pain-item,.action-item,.kpi-card,.founder-card,.dual-card,.mc-mod,
    .mod-card,.diff-card,.price-card,.mc-price-card,.init-card,.cta-card,.blog-cta-card,
    .xlink-card,.fb-radar-card,.fb-quotes,.coach-visual,.origin-quote,.mc-guarantee-box,
    .story-header,.success-bar,.preview-card,.next-step,.step-card,.faq-item,.mc-faq-item){
  background:none !important;background-image:none !important;
  border:0 !important;border-radius:0 !important;box-shadow:none !important;
}
:is(.pain-card,.out-card,.how-step,.proc-step,.voice-card,.why-card,.mw-card,
    .mc-pain-card,.mc-benefit,.mc-test-card,.value-card,.belief-pillar,.format-card,
    .pain-item,.action-item,.kpi-card,.founder-card,.dual-card,.mc-mod,.mod-card,
    .diff-card,.price-card,.mc-price-card,.xlink-card,.fb-radar-card,.fb-quotes,
    .preview-card,.next-step,.step-card):hover{transform:none !important;background:none !important}

/* Open columns: a hairline on top, no side padding */
:is(.pain-card,.out-card,.voice-card,.why-card,.mw-card,.mc-pain-card,.mc-benefit,
    .mc-test-card,.value-card,.belief-pillar,.format-card,.founder-card,.dual-card,
    .diff-card,.price-card,.mc-price-card,.fb-radar-card,.fb-quotes,.preview-card,
    .mod-card,.next-step,.step-card){
  position:relative;border-top:1px solid var(--border-l) !important;
  padding-left:0 !important;padding-right:0 !important;padding-top:28px !important;
  text-align:left !important;
}
/* neon accent segment that grows on hover */
:is(.pain-card,.out-card,.why-card,.mw-card,.mc-pain-card,.mc-benefit,.value-card,
    .belief-pillar,.diff-card,.price-card,.mc-price-card,.preview-card,.mod-card,
    .next-step,.step-card,.dual-card)::after{
  content:'';position:absolute;top:-1px;left:0;width:40px;height:2px;background:var(--neon);
  transition:width .5s cubic-bezier(.16,1,.3,1);pointer-events:none;
}
:is(.pain-card,.out-card,.why-card,.mw-card,.mc-pain-card,.mc-benefit,.value-card,
    .belief-pillar,.diff-card,.price-card,.mc-price-card,.preview-card,.mod-card,
    .next-step,.step-card,.dual-card):hover::after{width:120px}

/* Numbered problem lists */
:is(.pain-grid,.mc-pain-grid,.why-grid){counter-reset:idx}
:is(.pain-card,.mc-pain-card,.why-card){counter-increment:idx}
:is(.pain-card,.mc-pain-card,.why-card)::before{
  content:counter(idx,decimal-leading-zero);display:block;margin-bottom:18px;
  font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--txt-3);
}
:is(.pain-grid,.mc-pain-grid,.why-grid,.out-grid,.values-grid,.belief-grid,.mw-grid,
    .mc-benefits-grid,.voices-grid,.format-grid,.mod-grid,.preview-grid){column-gap:clamp(28px,3.5vw,48px) !important;row-gap:48px !important}

/* Cross-links: a ruled row instead of tiles */
.xlink{border:0 !important}
.xlink-grid{gap:0 clamp(28px,3.5vw,48px) !important}
.xlink-card{border-top:1px solid var(--border-l) !important;border-bottom:1px solid var(--border-l) !important;
  padding:22px 0 !important}
.xlink-card:hover .xa{letter-spacing:.01em}
:is(section,article).tone-light .xlink-card .xa,
:is(section,article).tone-light .xa{color:var(--ink);text-decoration:underline;text-decoration-color:var(--neon);
  text-decoration-thickness:2px;text-underline-offset:6px}

/* Centered CTA boxes become plain centered blocks */
:is(.cta-card,.blog-cta-card,.init-card,.mc-guarantee-box){padding-left:0 !important;padding-right:0 !important}

/* ---------------------------------------------------------------------
   4. INLINE SVG ON PAPER - recolour light-on-dark artwork
   (CSS beats SVG presentation attributes)
   --------------------------------------------------------------------- */
:is(section,article).tone-light svg text[fill*="250,255,252"],
:is(section,article).tone-light svg text[fill="#FAFFFC"],:is(section,article).tone-light svg text[fill="#fff"],
:is(section,article).tone-light svg text[fill="white"]{fill:var(--ink-2)}
:is(section,article).tone-light svg [stroke*="250,255,252"]{stroke:rgba(22,31,40,.18)}
:is(section,article).tone-light svg [stroke*="46,255,130,"]{stroke:rgba(22,31,40,.3)}
:is(section,article).tone-light svg [fill*="46,255,130,"]{fill:rgba(22,31,40,.4)}
:is(section,article).tone-light svg :is([fill$=",.03)"],[fill$=",.04)"],[fill$=",.05)"],[fill$=",.06)"],[fill$=",.08)"],[fill$=",.1)"]){fill:rgba(22,31,40,.035)}

/* images inside former cards: crisp corners */
.mod-card img,.mod-img,.mod-card .mod-thumb{border-radius:2px !important}

/* ---------------------------------------------------------------------
   5. INLINE-STYLE COLOURS ON PAPER
   --------------------------------------------------------------------- */
:is(section,article).tone-light [style*="color:var(--ci-green)"]:not([style*="background:var(--ci-green)"]){color:var(--ink) !important}
:is(section,article).tone-light :is(h1,h2,h3,p) span[style*="color:var(--ci-green)"]{
  background-image:linear-gradient(transparent 62%,rgba(46,255,130,.7) 62%,rgba(46,255,130,.7) 90%,transparent 90%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .06em;
}
:is(section,article).tone-light a[style*="color:var(--ci-green)"]{text-decoration:underline;text-decoration-color:var(--neon);
  text-decoration-thickness:2px;text-underline-offset:6px}
:is(section,article).tone-light [style*="color:rgba(250,255,252"]{color:var(--ink-2) !important}

/* small status pills on paper: outline only */
:is(section,article).tone-light .step-badge{background:none !important;border-color:var(--rule-light-strong) !important;color:var(--ink) !important}

/* ---------------------------------------------------------------------
   6. MEDIA CONTAINERS - keep the media, drop the frame
   --------------------------------------------------------------------- */
.office-map,.mc-video-box,.mc-auth-photo{border-radius:2px !important;border:0 !important;box-shadow:none !important}
.mc-video-box:hover{transform:none !important}
:is(section,article).tone-light .office-map iframe{filter:grayscale(1) contrast(.95) brightness(1.02) !important}

/* ---------------------------------------------------------------------
   7. BLOG / PLACEHOLDER LISTINGS - list rows instead of cards
   --------------------------------------------------------------------- */
.blog-card{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
  border-top:1px solid var(--border-l) !important;padding:28px 0 !important;position:relative}
.blog-card:hover{transform:none !important}
.blog-card::after{content:'';position:absolute;top:-1px;left:0;width:40px;height:2px;background:var(--neon);
  transition:width .5s cubic-bezier(.16,1,.3,1)}
.blog-card:hover::after{width:120px}
.blog-card:hover h3{text-decoration:underline;text-decoration-color:var(--neon);text-decoration-thickness:2px;text-underline-offset:5px}
:is(section,article).tone-light .blog-card-meta{color:var(--ink-3)}

/* ---------------------------------------------------------------------
   8. ICONS - plain line icons instead of icon tiles
   --------------------------------------------------------------------- */
:is(.mc-pain-card,.mc-benefit,.out-card) .icon,
.why-icon,.mw-icon,.value-icon,.belief-pillar .bp-icon{
  width:auto !important;height:auto !important;background:none !important;border:0 !important;
  border-radius:0 !important;justify-content:flex-start !important;margin-left:0 !important;margin-right:0 !important;
}
:is(section,article).tone-light :is(.mc-pain-card .icon,.mc-benefit .icon,.why-icon,.mw-icon,.value-icon,.bp-icon){color:var(--ink-2) !important}
:is(section,article).tone-light :is(.mc-pain-card .icon,.mc-benefit .icon,.why-icon,.mw-icon) svg{stroke:currentColor}

/* ---------------------------------------------------------------------
   9. MASTERCLASS
   --------------------------------------------------------------------- */
.mc-benefit::before{display:none !important}
.mc-cur-grid{column-gap:clamp(28px,3.5vw,48px) !important;row-gap:0 !important}
.mc-mod{border-bottom:1px solid var(--border-s) !important;padding:20px 0 !important}
.mc-mod.advanced-only{border-left:0 !important}
.mc-mod.advanced-only .mc-mod-num{position:relative}
.mc-mod-toggle{background:none !important;border:1px solid var(--border-l) !important}
.mc-mod.open .mc-mod-toggle{background:var(--neon) !important;border-color:var(--neon) !important;color:var(--ink) !important}
:is(section,article).tone-light .mc-adv-note{background:none !important;border:1px solid var(--rule-light-strong) !important;color:var(--ink-2) !important}
.mc-test-card{border-top:1px solid var(--border-l) !important;padding:28px 0 0 !important}
.mc-guarantee-box{border-top:2px solid var(--neon) !important;padding-top:32px !important}
.mc-guarantee-box::before{display:none !important}
.mc-price-card.featured,.price-card.featured{border-top:3px solid var(--neon) !important}
.mc-price-card.featured::after,.price-card.featured::after{display:none}

/* ---------------------------------------------------------------------
   10. ERFOLGSGESCHICHTEN / SUCCESS STORIES
   --------------------------------------------------------------------- */
.sc-wrap:has(:is(section,article).tone-light),.sc-slide:has(:is(section,article).tone-light){background:var(--paper)}
.story-header{padding:8px 0 28px !important;margin-bottom:32px !important;border-bottom:1px solid var(--border-l) !important;overflow:visible !important}
.story-header::before{display:none !important}
:is(section,article).tone-light .story-kicker > .story-badge{background:none !important;border:1px solid var(--rule-light-strong) !important;color:var(--ink-2) !important}
.kpi-grid{column-gap:clamp(20px,2.5vw,32px) !important}
.kpi-card{padding:24px 0 8px !important;border-radius:0 !important}
.kpi-card::before{height:1px !important;background:var(--border-l) !important}
.kpi-card.highlight::before{height:2px !important;background:var(--neon) !important}
.pain-item,.action-item{padding:10px 0 !important;border-bottom:1px solid var(--border-s) !important}
.success-bar{padding:20px 0 0 !important;border-top:1px solid var(--border-l) !important}
:is(section,article).tone-light .flow-dot{background:var(--paper) !important}
:is(section,article).tone-light .flow-dot.dot-filled{background:var(--neon) !important;color:var(--ink) !important}
:is(section,article).tone-light .flow-label.red,:is(section,article).tone-light .pain-item .pi{color:#C62828 !important}

/* Story index in the hero: ruled two-column list instead of tiles */
.snav-grid{column-gap:clamp(28px,3.5vw,48px) !important;row-gap:0 !important}
.snav-card{background:none !important;border:0 !important;border-radius:0 !important;
  border-bottom:1px solid var(--border-l) !important;padding:16px 0 !important;transform:none !important}
.snav-card:hover{background:none !important}
.snav-card:hover .snav-title{color:var(--neon)}
.snav-card{text-align:left}
.snav-icon{background:none !important;border:0 !important;width:auto !important;justify-content:flex-start !important}

/* no glow behind accent words on paper */
:is(section,article).tone-light .accent,:is(section,article).tone-light .hl{text-shadow:none !important}

/* ---------------------------------------------------------------------
   11. PROJEKT-CHECK QUIZ - ruled questions, list-style answers
   --------------------------------------------------------------------- */
.q-card{background:none !important;border:0 !important;border-radius:0 !important;
  border-top:1px solid var(--border-l) !important;padding:32px 0 12px !important;margin-bottom:8px !important}
.q-card.answered{border-top-color:var(--neon) !important}
.q-num{background:none !important;border:0 !important;width:auto !important;justify-content:flex-start !important;
  font-size:13px !important;letter-spacing:.1em}
.q-card.answered .q-num{background:none !important;color:var(--neon) !important}
.q-options{gap:0 !important}
.q-opt{background:none !important;border:0 !important;border-radius:0 !important;border-bottom:1px solid var(--border-s) !important;
  padding:16px 0 16px 4px !important}
.q-opt:hover{background:rgba(250,255,252,.025) !important}
.q-opt.selected{background:none !important;box-shadow:inset 2px 0 0 var(--neon);padding-left:14px !important}
.result-card{background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
  border-top:2px solid var(--neon) !important;padding-left:0 !important;padding-right:0 !important}

/* ---------------------------------------------------------------------
   12. BLOG ARTICLES + LEGAL - reading surfaces on paper
   --------------------------------------------------------------------- */
article.blog-body.tone-light blockquote{background:none !important;border-radius:0 !important;border-left:2px solid var(--neon) !important;color:var(--ink-2)}
.legal-card{padding-left:0 !important;padding-right:0 !important}

/* ---------------------------------------------------------------------
   13. MOBILE FIXES - carousel could not shrink below its content width
   (pre-existing horizontal overflow on phones)
   --------------------------------------------------------------------- */
.cs-carousel,.cs-slide{min-width:0}
.cs-slide{min-width:100%}
@media(max-width:900px){
  .cs-card{grid-template-columns:minmax(0,1fr) !important}
  .cs-metric .num{font-size:24px}
}
@media(max-width:900px){
  .hero-inner{grid-template-columns:minmax(0,1fr) !important}
  .hero-content,.hero-right{min-width:0;max-width:100% !important}
  .hero-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .hero-stat{min-width:0}
  .hero-stat .lbl{overflow-wrap:anywhere}
  .cmp{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  p[style*="white-space:nowrap"]{white-space:normal !important}
}

/* ---------------------------------------------------------------------
   14. STARTSEITE (index.html / index-en.html)
   --------------------------------------------------------------------- */
:is(.problem-card,.solution-card,.industry-card,.testimonial-card,.ed-dim,.founders-card,.lm-inline){
  background:none !important;background-image:none !important;border:0 !important;border-radius:0 !important;
  box-shadow:none !important;transform:none !important;
}
:is(.problem-card,.solution-card,.industry-card,.testimonial-card,.ed-dim){
  position:relative;border-top:1px solid var(--border-l) !important;
  padding-left:0 !important;padding-right:0 !important;padding-top:28px !important;text-align:left !important;
}
.solution-card-link:hover .solution-card{background:none !important;transform:none !important;box-shadow:none !important}
:is(.problems-grid,.solutions-grid,.industry-grid,.testimonial-grid,.ed-dims){column-gap:clamp(28px,3.5vw,48px) !important;row-gap:48px !important}
/* neon segment */
:is(.problem-card,.industry-card,.ed-dim)::after{
  content:'';position:absolute;top:-1px;left:0;width:40px;height:2px;background:var(--neon);
  transition:width .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
:is(.problem-card,.industry-card,.ed-dim):hover::after{width:120px}
.solution-card::before{height:2px !important;background:var(--neon) !important;width:40px !important;transition:width .5s cubic-bezier(.16,1,.3,1)}
.solution-card-link:hover .solution-card::before{width:120px !important}
.ed-dim::before{display:none !important}
/* numbered problems */
.problems-grid{counter-reset:idx}
.problem-card{counter-increment:idx}
.problem-card::before{content:counter(idx,decimal-leading-zero);display:block;margin-bottom:18px;
  font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--txt-3)}
/* plain icons */
.problem-icon,.ed-dim-icon,.lm-icon,.lm-inline-icon{width:auto !important;height:auto !important;background:none !important;border:0 !important;
  border-radius:0 !important;justify-content:flex-start !important}
:is(section,article).tone-light .problem-icon{color:#C62828 !important}
/* industries: image on top, no frame */
.industry-card{padding-top:0 !important;border-top:0 !important}
.industry-card::after{top:auto;bottom:auto}
.industry-icon-img{width:100% !important;margin:0 0 18px 0 !important;border-radius:2px !important;height:140px !important}
.industry-card::after{display:none}
.industry-card h4{padding-top:14px;border-top:1px solid var(--border-l)}
/* testimonials: open quotes */
.testimonial-card blockquote{font-size:16.5px}
:is(section,article).tone-light .testimonial-card blockquote::before,
:is(section,article).tone-light .testimonial-card blockquote::after{color:var(--ink)}
:is(section,article).tone-light .testimonial-avatar{color:var(--ink) !important}
/* founders photo: crisp, caption under a rule */
.founders-card{border-bottom:1px solid var(--border-l) !important}
.founders-img{border-radius:2px}
.founders-card > *:not(img){padding-left:0 !important;padding-right:0 !important}
/* lead magnet: open block under a neon rule */
.lm-inline{border-top:2px solid var(--neon) !important;padding:40px 0 0 !important}
.lm-inline::before{display:none !important}
/* compare: two ruled columns */
.ed-compare-grid{border:0 !important;border-radius:0 !important;column-gap:clamp(28px,3.5vw,48px)}
.ed-compare-col{background:none !important;padding:24px 0 0 !important;border-top:1px solid var(--border-l)}
.ed-compare-col.evolve{border-top:2px solid var(--neon)}
.ed-compare-col.evolve::before{display:none !important}

/* ---------------------------------------------------------------------
   15. SHARP BUTTONS - 2px corners everywhere (matches media corners)
   Round icon controls (carousel arrows, FAQ toggles, dots) stay round.
   --------------------------------------------------------------------- */
.btn,.nav-cta,.mobile-cta a,.form-submit,.gate-btn,.lm-inline-btn,.lm-submit,
.lm-success .lm-download-btn,.mc-price-cta,.price-cta,.result-cta .btn,
.bottom-form-row button,.newsletter-row button{border-radius:2px !important}
.sticky-cta a{border-radius:2px 0 0 2px !important}
.lang-switch,.lang-switch-mobile{border-radius:2px !important}
/* fields that sit next to buttons follow the same corner */
.form-field input,.form-field textarea,.gate-input,.lm-inline-input,.lm-field input,
.bottom-form-row input,.newsletter-row input{border-radius:2px !important}

/* ---------------------------------------------------------------------
   16. GOOGLE MAPS - click to load (no request to Google before consent)
   --------------------------------------------------------------------- */
.map-consent{height:100%;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:12px;padding:24px 0 24px 24px;border-left:1px solid var(--border-l);
  background-image:linear-gradient(rgba(250,255,252,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(250,255,252,.035) 1px,transparent 1px);
  background-size:28px 28px}
.map-consent-icon{color:var(--neon);display:flex}
.map-consent-text{font-size:13px;color:var(--txt-3);line-height:1.55;max-width:34ch;margin:0}
.map-consent-text a{color:var(--txt-2);text-decoration:underline;text-underline-offset:3px}
.map-consent-btn{padding:10px 18px !important;font-size:13.5px !important}
.office-map{overflow:visible !important}

/* ---------------------------------------------------------------------
   LANDING - Erfolgsgeschichten (editorial switcher, approved variant A)
   Controls sit in the header row (desktop) or below the story (mobile),
   never on top of the content and clear of the sticky side CTA.
   --------------------------------------------------------------------- */
.sx .sx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}
.sx .sx-head-text{min-width:0}
.sx .sx-head .section-title{margin-bottom:0}
.sx-controls{display:flex;align-items:center;gap:20px;flex-shrink:0}
.sx-count{font-size:14px;font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink-2)}
.sx-arrows{display:flex;gap:8px}
.sx-btn{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--rule-light-strong);border-radius:2px;color:var(--ink);cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s}
.sx-btn:hover:not(:disabled){border-color:var(--ink);background:rgba(22,31,40,.04)}
.sx-btn:disabled{opacity:.35;cursor:default}
.sx-btn:focus-visible,.sx-tab:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.sx-controls-bottom{display:none}

.sx-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:56px}
.sx-tab{display:flex;align-items:baseline;gap:14px;padding:0 0 14px;background:none;border:0;border-bottom:2px solid var(--rule-light);border-radius:0;text-align:left;font-family:inherit;font-size:15px;font-weight:600;line-height:1.35;color:#5E6977;cursor:pointer;transition:color .2s,border-color .3s}
.sx-tab:hover{color:var(--ink)}
.sx-tab.is-active{color:var(--ink);border-bottom-color:var(--neon)}
.sx-tab-num{font-size:12px;letter-spacing:.1em;font-variant-numeric:tabular-nums}

.sx-panel{margin-top:64px}
.sx-panel[hidden]{display:none}
.sx-panel.is-active{animation:sxIn .45s cubic-bezier(.16,1,.3,1)}
@keyframes sxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sx-panel.is-active{animation:none}}
.sx-tag{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.sx-title{margin:18px 0 0;max-width:66%;font-size:clamp(28px,3vw,40px);line-height:1.16;letter-spacing:-.025em;font-weight:700;color:var(--ink)}

.sx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;border-top:1px solid var(--rule-light)}
.sx-metric{padding:26px 28px 4px;border-right:1px solid var(--rule-light);display:flex;flex-direction:column;gap:8px}
.sx-metric:first-child{padding-left:0}
.sx-metric:last-child{border-right:0}
.sx-num{font-size:clamp(32px,3.2vw,44px);line-height:1;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}
.sx-lbl{font-size:14px;line-height:1.45;color:var(--ink-2)}

.sx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:48px;margin-top:56px}
.sx-step{position:relative;border-top:1px solid var(--rule-light);padding-top:22px}
.sx-step::before{content:'';position:absolute;top:-1px;left:0;width:40px;height:2px;background:var(--neon);transition:width .4s cubic-bezier(.16,1,.3,1)}
.sx-step:hover::before{width:120px}
.sx-step-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.sx-step-num{color:#5E6977;font-variant-numeric:tabular-nums}
.sx-step p{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink-2)}
.sx-step-result p{color:var(--ink)}

.sx-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:56px}
.sx-link{font-size:16px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--neon);text-decoration-thickness:2px;text-underline-offset:7px;transition:text-underline-offset .2s}
.sx-link:hover{color:var(--ink);text-underline-offset:10px}
.sx-note{font-size:13px;color:#5E6977}

@media(max-width:1000px){
  .sx-title{max-width:none}
  .sx-steps{grid-template-columns:minmax(0,1fr);row-gap:28px}
}
@media(max-width:760px){
  .sx-controls-top{display:none}
  .sx-controls-bottom{display:flex;justify-content:space-between;margin-top:40px;padding-top:28px;border-top:1px solid var(--rule-light)}
  .sx-btn{width:44px;height:44px}
  .sx-tabs{gap:16px;margin-top:36px}
  .sx-tab{gap:8px;font-size:13.5px;padding-bottom:10px}
  .sx-tab-num{font-size:11px}
  .sx-panel{margin-top:36px}
  .sx-title{margin-top:12px}
  .sx-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}
  .sx-metric{padding:18px 12px 18px 16px;border-bottom:1px solid var(--rule-light)}
  .sx-metric:nth-child(odd){padding-left:0;border-right:1px solid var(--rule-light)}
  .sx-metric:nth-child(even){border-right:0}
  .sx-steps{margin-top:36px}
  .sx-step p{font-size:15px;line-height:1.65}
  .sx-foot{flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px}
}