/* =====================================================================
   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:0 !important;padding: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}

/* ---------------------------------------------------------------------
   ERFOLGSGESCHICHTEN switcher (approved variant A) - Startseite, Interim-PM, Beratung (DE/EN)
   Works on light and dark sections via the --sx-* tokens.
   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-ink:var(--ink);--sx-ink-2:var(--ink-2);--sx-mute:#5E6977;--sx-rule:var(--rule-light);--sx-rule-strong:var(--rule-light-strong);--sx-hover:rgba(22,31,40,.04)}
.sx.tone-navy,.sx.tone-dark{--sx-ink:#FAFFFC;--sx-ink-2:rgba(250,255,252,.72);--sx-mute:rgba(250,255,252,.6);--sx-rule:rgba(250,255,252,.14);--sx-rule-strong:rgba(250,255,252,.3);--sx-hover:rgba(250,255,252,.06)}
.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(--sx-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(--sx-rule-strong);border-radius:2px;color:var(--sx-ink);cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s}
.sx-btn:hover:not(:disabled){border-color:var(--sx-ink);background:var(--sx-hover)}
.sx-btn:disabled{opacity:.35;cursor:default}
.sx-btn:focus-visible,.sx-tab:focus-visible{outline:2px solid var(--sx-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(--sx-rule);border-radius:0;text-align:left;font-family:inherit;font-size:15px;font-weight:600;line-height:1.35;color:var(--sx-mute);cursor:pointer;transition:color .2s,border-color .3s}
.sx-tabs-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-tab:hover{color:var(--sx-ink)}
.sx-tab.is-active{color:var(--sx-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(--sx-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(--sx-ink)}

.sx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:48px;border-top:1px solid var(--sx-rule)}
.sx-metric{padding:26px 28px 4px;border-right:1px solid var(--sx-rule);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(--sx-ink)}
.sx-num-s{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.02em;line-height:1.1}
.sx-num-xs{font-size:clamp(20px,1.8vw,24px);letter-spacing:-.015em;line-height:1.15}
.sx-num-s,.sx-num-xs{min-height:clamp(32px,3.2vw,44px);display:flex;align-items:flex-end}
.sx-lbl{font-size:14px;line-height:1.45;color:var(--sx-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(--sx-rule);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(--sx-ink)}
.sx-step-num{color:var(--sx-mute);font-variant-numeric:tabular-nums}
.sx-step p{margin:0;font-size:15.5px;line-height:1.7;color:var(--sx-ink-2)}
.sx-step-result p{color:var(--sx-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(--sx-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(--sx-ink);text-underline-offset:10px}
.sx-note{font-size:13px;color:var(--sx-mute)}

@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(--sx-rule)}
  .sx-btn{width:44px;height:44px}
  .sx-tabs{gap:16px;margin-top:36px}
  .sx-tabs-3{grid-template-columns:minmax(0,1fr);gap:0}
  .sx-tabs-3 .sx-tab{padding:12px 0}
  .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(--sx-rule)}
  .sx-metric:nth-child(odd){padding-left:0;border-right:1px solid var(--sx-rule)}
  .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}
}

/* ---------------------------------------------------------------------
   LESS GREEN (2026-10-22): result lists and value taglines in grey,
   green stays only on the small check marks
   --------------------------------------------------------------------- */
.sol-result-item{color:rgba(250,255,252,.78)}
.sol-check{color:var(--neon)}
.value-card .vdef{color:rgba(250,255,252,.78)}

/* ---------------------------------------------------------------------
   ERFOLGSGESCHICHTEN page (DE/EN): breathing room at the end of every
   story and no dark gap between the carousel and the CTA section
   --------------------------------------------------------------------- */
.sc-wrap{margin-bottom:0 !important}
.sc-slide .story{padding-bottom:clamp(72px,8vw,112px) !important}
.success-bar{margin-top:40px !important;padding-top:28px !important;gap:14px 28px !important}
.sc-slide .story{padding-bottom:clamp(56px,6vw,80px) !important}
/* fixed side arrows only where there is a free margin for them */
@media(max-width:1399px){.sc-arrow{display:none !important}}
/* prev / next row at the end of every story */
.sc-endnav{background:var(--paper);color:var(--ink)}
.sc-endnav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:0;padding-bottom:64px;background:linear-gradient(var(--rule-light),var(--rule-light)) top/100% 1px no-repeat;background-origin:content-box;background-clip:content-box}
.sc-endnav-inner>*{margin-top:28px}
.sc-endbtn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px;background:transparent;border:1px solid var(--rule-light-strong);border-radius:2px;color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.sc-endbtn:hover{border-color:var(--ink);background:rgba(22,31,40,.04)}
.sc-endbtn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.sc-endcount{font-size:14px;font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink-2)}
@media(max-width:560px){.sc-endbtn{width:48px;padding:0;justify-content:center}.sc-endbtn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* clip the carousel to the active story, otherwise longer (invisible) stories cover what follows on phones */
.sc-wrap{overflow:hidden !important}
/* side CTA steps aside where the page already shows prev/next or the closing CTA */
.sticky-cta.sc-hide{opacity:0 !important;pointer-events:none !important;transform:translateY(-50%) translateX(100%) !important}

/* Startseite hero 2026: industrial photo, text on the dark left side */
.hero-home .hero-bg{background:linear-gradient(90deg,rgba(22,31,40,.9) 0%,rgba(22,31,40,.72) 36%,rgba(22,31,40,.2) 68%,rgba(22,31,40,0) 100%),linear-gradient(0deg,rgba(22,31,40,.55) 0%,rgba(22,31,40,0) 28%)}
.hero-home .hero-grid-pattern{display:none}
.hero-home .hero-layout{align-items:flex-start;text-align:left}
.hero-home .hero-content{max-width:780px}
.hero-home .hero-sub{margin-left:0;margin-right:0;max-width:560px}
.hero-home .hero-ctas{justify-content:flex-start}
.hero-hook{display:inline-flex;align-items:flex-start;gap:16px;margin-top:44px;text-decoration:none;color:var(--txt-2);animation:fadeUp .8s .4s both}
.hero-hook svg{width:36px;height:36px;flex-shrink:0;color:var(--neon)}
.hero-hook-text{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.5;color:rgba(250,255,252,.72)}
.hero-hook-text strong{font-size:16px;font-weight:700;color:var(--ci-white);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:5px;transition:text-decoration-color .2s}
.hero-hook:hover .hero-hook-text strong{text-decoration-color:var(--neon)}
@media(max-width:760px){
  .hero.hero-home::after{background-position:64% center}
  .hero-home .hero-bg{background:linear-gradient(0deg,rgba(22,31,40,.92) 0%,rgba(22,31,40,.78) 55%,rgba(22,31,40,.6) 100%)}
}

/* ---------------------------------------------------------------------
   STARTSEITE - Leistungen: three image cards (Projektumsetzung,
   Projektsysteme, Kompetenzaufbau)
   --------------------------------------------------------------------- */
.lv-head{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:20px 56px;margin-bottom:48px}
.lv-head .section-title{margin-bottom:0;font-size:clamp(30px,3vw,42px);line-height:1.15}
.lv-intro{max-width:360px;margin:0;font-size:15.5px;line-height:1.6;color:rgba(250,255,252,.72)}
.lv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.lv-card{display:flex;flex-direction:column;background:#1E2B38;backface-visibility:hidden;border:1px solid rgba(250,255,252,.1);border-radius:4px;overflow:hidden;isolation:isolate;text-decoration:none;color:#FAFFFC;transition:opacity .7s cubic-bezier(.16,1,.3,1),border-color .25s ease 0s,transform .25s ease 0s,box-shadow .25s ease 0s}
.lv-card:hover{border-color:rgba(46,255,130,.45);transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.28);color:#FAFFFC}
.lv-img{position:relative;aspect-ratio:16/7;overflow:hidden;background:#1E2B38}
.lv-img img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(.8) contrast(1.05)}
.lv-img::after{content:'';position:absolute;inset:0 0 -2px 0;background:linear-gradient(180deg,rgba(22,31,40,.15) 0%,rgba(22,31,40,.05) 45%,#1E2B38 100%);pointer-events:none}
.lv-body{position:relative;z-index:1;margin-top:-1px;background:#1E2B38;display:flex;align-items:flex-start;gap:18px;padding:23px 24px 24px;flex:1}
.lv-icon{width:40px;height:40px;flex-shrink:0;color:var(--neon)}
.lv-text{flex:1;min-width:0;display:flex;flex-direction:column;align-self:stretch}
.lv-text h3{margin:0 0 6px;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:#FAFFFC}
.lv-text p{margin:0;font-size:15px;line-height:1.55;color:rgba(250,255,252,.7)}
.lv-arrow{align-self:flex-end;font-size:18px;line-height:1;color:var(--neon);transition:transform .2s}
.lv-card:hover .lv-arrow{transform:translateX(4px)}
@media(min-width:961px){.lv-text p{min-height:4.65em}}
@media(min-width:961px) and (max-width:1199px){.lv-text p{min-height:6.2em}}
.lv-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.lv-list li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:rgba(250,255,252,.8)}
.lv-list svg{width:15px;height:15px;flex-shrink:0;color:var(--neon)}
.lv-link{margin-top:auto;padding-top:22px;font-size:14.5px;font-weight:600;color:var(--neon)}
.lv-link span{display:inline-block;transition:transform .2s}
.lv-card:hover .lv-link span{transform:translateX(4px)}
@media(max-width:960px){.lv-head{grid-template-columns:minmax(0,1fr)}.lv-grid{grid-template-columns:minmax(0,1fr)}.lv-intro{max-width:none}}

/* Subpage heroes with a full-strength photo (dark left side carries the text) */
.hero-photo .hero-bg{background:linear-gradient(90deg,rgba(22,31,40,.92) 0%,rgba(22,31,40,.8) 40%,rgba(22,31,40,.2) 70%,rgba(22,31,40,0) 100%),linear-gradient(0deg,rgba(22,31,40,.55) 0%,rgba(22,31,40,0) 28%) !important;z-index:1}
.hero-photo .hero-grid-pattern{display:none}
@media(max-width:760px){
  .sub-hero.hero-photo::after{background-position:66% center}
  .hero-photo .hero-bg{background:linear-gradient(0deg,rgba(22,31,40,.92) 0%,rgba(22,31,40,.78) 55%,rgba(22,31,40,.6) 100%) !important}
}

/* ---------------------------------------------------------------------
   NAVIGATION (DE): Projektumsetzung · Projektsysteme · Kompetenzaufbau ▾
   Seven items need ~1150px, so the burger menu takes over up to 1180px.
   --------------------------------------------------------------------- */
html[lang] .nav-links a{white-space:nowrap}
@media(min-width:1181px){html[lang] .nav-links{gap:22px}}
@media(min-width:921px) and (max-width:1180px){
  html[lang] .nav-links{display:none}
  html[lang] .nav-toggle{display:flex}
  html[lang] .nav-links.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:76px;left:0;right:0;background:rgba(22,31,40,.97);backdrop-filter:blur(20px);padding:16px 24px;gap:4px;border-bottom:1px solid var(--border-s);text-align:left}
  html[lang] .nav-links.open>li{width:100%}
  html[lang] .nav-links.open a{padding:12px 0;display:block;font-size:15px;text-align:left}
  html[lang] .nav-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;background:none;border:none;border-radius:0;box-shadow:none;margin:0;padding:0 0 0 16px;min-width:0}
  html[lang] .nav-dropdown-menu a{font-size:14px!important;color:var(--txt-2);padding:8px 0!important}
  html[lang] .nav-dropdown>a::after{display:none}
  html[lang] .nav-links.open .lang-switch{display:none}
  html[lang] .lang-switch-mobile{display:flex}
}

/* ---------------------------------------------------------------------
   STARTSEITE - "Messbare Wirkung" strip right after hero + trust bar
   --------------------------------------------------------------------- */
.impact{background:#161F28;border-bottom:1px solid rgba(250,255,252,.06)}
.impact-inner{display:flex;align-items:center;gap:24px 56px;padding-top:40px;padding-bottom:44px;flex-wrap:wrap}
.impact-label{display:flex;align-items:center;gap:12px;flex:0 0 auto;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,255,252,.72)}
.impact-label::before{content:'';width:28px;height:2px;background:var(--neon)}
.impact-items{flex:1 1 640px;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between}
.impact-item{display:flex;flex-direction:column;gap:6px;padding:4px 24px;border-left:1px solid rgba(250,255,252,.12)}
.impact-num{font-size:clamp(24px,2.25vw,32px);line-height:1.05;font-weight:700;letter-spacing:-.02em;color:var(--neon);white-space:nowrap}
.impact-lbl{font-size:14px;color:rgba(250,255,252,.68)}
@media(max-width:760px){
  .impact-inner{padding-top:32px;padding-bottom:32px}
  .impact-items{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;row-gap:22px}
  .impact-item{padding:2px 14px}
  .impact-item:nth-child(odd){border-left:0;padding-left:0}
}

/* Navigation (DE): "Erstgespräch" as button instead of "Kontakt" */
html[lang] .nav-links .nav-cta{padding:10px 18px;border-radius:2px;color:#161F28!important}
html[lang] .nav-links .nav-cta:hover{color:#161F28!important}
@media(max-width:1180px){
  html[lang] .nav-links.open .nav-cta{display:inline-flex;padding:12px 22px!important;margin-top:10px;font-size:15px!important}
}

/* =====================================================================
   EVOLVE DYNAMICS METHOD (Startseite, "Unsere Methode") - 4 perspectives + 5 phases
   Tone-aware: works on tone-light (default) and on dark/navy sections.
   ===================================================================== */
.method{padding:var(--sec-pad,112px) 0;position:relative;
  --m-fg:250,255,252;--m-accent-text:var(--ci-green,#2EFF82);color:var(--ci-white)}
.method.tone-light{--m-fg:22,31,40;--m-accent-text:var(--ink)}
.method .m-title{font-size:clamp(32px,4.2vw,54px);font-weight:700;line-height:1.08;letter-spacing:-.015em;max-width:960px;color:var(--ci-white);margin:0}
.method .m-lead{font-size:19px;font-weight:300;color:var(--txt-2);max-width:720px;margin-top:26px;line-height:1.65}
.method .m-lead b{color:var(--ci-white);font-weight:600}
.method .m-arch{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:56px;padding:26px 0;border-top:1px solid var(--border-l);border-bottom:1px solid var(--border-l);align-items:center}
.method .m-arch-l{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--ci-white)}
.method .m-arch-l .al{display:block;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--m-accent-text);margin-bottom:8px}
.method .m-arch-r{font-size:16px;color:var(--txt-2);line-height:1.6}
.method .m-arch-r b{color:var(--ci-white);font-weight:600}
.method .m-arch-note{grid-column:1/-1;font-size:15px;font-weight:600;color:var(--ci-white);padding-top:18px;margin-top:4px;border-top:1px solid var(--border-s);display:flex;align-items:center;gap:14px}
.method .m-arch-note::before{content:"";width:28px;height:2px;background:var(--neon);flex:none}
.method .m-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:0 64px;align-items:start;margin-top:48px}
.method .m-colh{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--txt-3);margin-bottom:14px}
.method .m-colh span{color:var(--m-accent-text);margin-left:10px}
.method .m-phases{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-l)}
.method .m-phases li{display:grid;grid-template-columns:52px 170px minmax(0,1fr);gap:24px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--border-l)}
.method .m-phases .n{font-size:12px;letter-spacing:.2em;color:var(--txt-3);font-weight:600}
.method .m-phases .t{font-size:21px;font-weight:700;letter-spacing:-.01em;color:var(--ci-white)}
.method .m-phases .d{font-size:16px;color:var(--txt-2);line-height:1.6}
.method .m-phases .d b{color:var(--ci-white);font-weight:600}
.method .m-phases li.last .t{color:var(--ci-green)}
.method.tone-light .m-phases li.last .t{color:var(--ink);background-image:linear-gradient(transparent 62%,rgba(46,255,130,.7) 62%,rgba(46,255,130,.7) 90%,transparent 90%);justify-self:start;padding:0 .06em}
.method .m-diff{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px;border-top:1px solid var(--border-l)}
.method .m-diff>div{padding:22px 24px 0 0}
.method .m-diff>div+div{border-left:1px solid var(--border-s);padding-left:24px}
.method .m-diff h4{font-size:16px;font-weight:700;line-height:1.3;margin:0 0 6px;color:var(--ci-white)}
.method .m-diff h4::before{content:"";display:block;width:24px;height:2px;background:var(--neon);margin-bottom:12px}
.method .m-diff p{font-size:14px;color:var(--txt-2);line-height:1.55;margin:0}
.method .m-proof{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3);margin-top:36px;padding-top:18px;border-top:1px solid var(--border-s);line-height:1.7}
/* perspectives diagram */
.method .sm{display:flex;flex-direction:column;gap:28px}
.method .sm-head{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;letter-spacing:2.4px;font-weight:700;text-transform:uppercase}
.method .sm-head span:first-child{color:rgba(var(--m-fg),.5)}
.method .sm-head span:last-child{color:var(--m-accent-text)}
.method .sm svg{width:100%;height:auto;display:block;overflow:visible}
.method .sm svg *{transition:stroke .25s,fill .25s,opacity .25s}
.method .sm svg text{font-family:'Kumbh Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:2.2px}
.method .r1{--c:rgba(var(--m-fg),.62)}.method .r2{--c:rgba(var(--m-fg),.44)}.method .r3{--c:rgba(var(--m-fg),.3)}.method .r0{--c:#2EFF82}
.method .ring path,.method .ring line{stroke:var(--c);fill:none}
.method .ring circle.dot{fill:var(--c)}
.method .ring circle.core{fill:rgba(46,255,130,.08);stroke:#2EFF82}
.method .ring text{fill:rgba(var(--m-fg),.78)}
.method .r0 text{fill:var(--m-accent-text)}
.method .sm.active .ring path,.method .sm.active .ring line{stroke:rgba(var(--m-fg),.14)}
.method .sm.active .ring circle.dot{fill:rgba(var(--m-fg),.14)}
.method .sm.active .ring text{fill:rgba(var(--m-fg),.32)}
.method .sm.active .r0 circle.core{stroke:rgba(46,255,130,.35)}
.method .sm.active .r0 circle.dot,.method .sm.active .r0 line{fill:rgba(46,255,130,.35);stroke:rgba(46,255,130,.35)}
.method .sm.active .ring.on path,.method .sm.active .ring.on line,.method .sm.active .ring.on circle.core{stroke:#2EFF82}
.method .sm.active .ring.on circle.dot{fill:#2EFF82}
.method .sm.active .ring.on text{fill:var(--m-accent-text)}
.method .sm-legend{border-top:1px solid rgba(var(--m-fg),.12)}
.method .sm-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid rgba(var(--m-fg),.12);font-size:13px;line-height:1.45;cursor:default}
.method .sm-row .n{font-weight:600;color:rgba(var(--m-fg),.95);transition:color .25s,box-shadow .25s;justify-self:start}
.method .sm-row .d{color:rgba(var(--m-fg),.55)}
.method .sm-row.on .n{color:var(--m-accent-text)}
.method.tone-light .sm-row.on .n{box-shadow:inset 0 -3px 0 rgba(46,255,130,.8)}
.method .m-cta{margin-top:40px;padding-top:32px;border-top:1px solid var(--border-l)}
.method .m-cta h3{font-size:22px;font-weight:700;line-height:1.25;margin:0 0 20px;color:var(--ci-white)}
.method .m-cta .btn{display:flex;width:100%;justify-content:center}
.method .m-micro{display:block;font-size:12.5px;color:var(--txt-3);margin-top:10px;text-align:center}
@media(max-width:980px){
  .method .m-arch{grid-template-columns:1fr;gap:16px}
  .method .m-grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .method .sm{max-width:480px}
  .method .m-diff{grid-template-columns:minmax(0,1fr)}
  .method .m-diff>div+div{border-left:0;padding-left:0;border-top:1px solid var(--border-s);margin-top:18px}
}
@media(max-width:640px){
  .method .m-lead{font-size:17px}
  .method .m-phases li{grid-template-columns:40px minmax(0,1fr);row-gap:4px}
  .method .m-phases .d{grid-column:2}
  .method .sm-row{grid-template-columns:120px minmax(0,1fr)}
}