/* Customer Compass — YEB / BBM-derived visual skin
   Presentation only. Diagnostic logic, scoring, CRM and report generation are unchanged. */
:root{
  --yeb-green:#004741;
  --yeb-deep:#002d29;
  --yeb-sand:#f0ede4;
  --yeb-paper:#f8f6ef;
  --yeb-ink:#123b35;
  --yeb-muted:#536b63;
  --yeb-line:#00474126;
  --yeb-warm:#d2c5a7;
  --yeb-focus:#bc8b38;
  --yeb-soft-green:#e2e8de;
  --yeb-soft-warm:#efe7d9;
  --yeb-danger:#a94d46;
  --yeb-success:#2f755e;
  --primary-teal:var(--yeb-green);
  --primary-teal-dark:var(--yeb-deep);
  --teal-soft:var(--yeb-soft-green);
  --teal-pale:var(--yeb-paper);
  --secondary-orange:var(--yeb-warm);
  --secondary-orange-light:#e7ddc9;
  --orange-soft:var(--yeb-soft-warm);
  --action-red:var(--yeb-danger);
  --red-soft:#f3e5e1;
  --success-green:var(--yeb-success);
  --green-soft:#e5eee8;
  --deep-navy:var(--yeb-deep);
  --soft-navy:#184d42;
  --dark-gray:var(--yeb-ink);
  --ink-muted:var(--yeb-muted);
  --off-white:var(--yeb-sand);
  --warm-paper:var(--yeb-paper);
  --radius-md:8px;
  --radius-lg:12px;
  --radius-xl:16px;
  --shadow-soft:0 14px 38px rgba(0,45,41,.07);
  --shadow-strong:0 24px 68px rgba(0,45,41,.16);
  --transition-fast:160ms ease;
  --transition-med:240ms cubic-bezier(.2,.8,.2,1);
  --transition-slow:420ms cubic-bezier(.2,.8,.2,1);
}
html{background:var(--yeb-sand)}
body{
  background-color:var(--yeb-sand)!important;
  background-image:radial-gradient(rgba(0,71,65,.10) 1px,transparent 1px)!important;
  background-size:28px 28px!important;
  color:var(--yeb-ink)!important;
  font-family:"IBM Plex Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  line-height:1.72;
  min-height:0!important;
}
/* Auto-height iframe safety: never size the active diagnostic stage from the iframe viewport itself.
   Using svh/vh here creates a resize feedback loop with the YEB parent-frame bridge. */
.step-stage{min-height:640px!important;height:auto!important}
.tool-step.active{min-height:640px!important;height:auto!important}
::selection{background:var(--yeb-warm);color:var(--yeb-deep)}
.app-shell{width:min(100%,1180px);padding:18px clamp(12px,2vw,24px) 62px}

/* Opening chapter */
.brand-hero{
  background:radial-gradient(ellipse at 10% 25%,#14554c 0,transparent 48%),var(--yeb-deep)!important;
  border:1px solid rgba(240,237,228,.12);
  border-radius:16px;
  box-shadow:0 24px 70px rgba(0,45,41,.18);
  padding:clamp(26px,4vw,46px)!important;
}
.brand-hero::before{
  inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;
  background-image:radial-gradient(rgba(240,237,228,.14) 1px,transparent 1px)!important;
  background-size:25px 25px!important;opacity:.48;
}
.brand-hero::after{background:radial-gradient(circle,rgba(210,197,167,.18),transparent 68%)!important}
.tool-kicker{
  padding:0 0 8px!important;border:0!important;border-bottom:1px solid rgba(210,197,167,.45)!important;
  border-radius:0!important;background:transparent!important;color:var(--yeb-warm)!important;
  font-size:.72rem!important;letter-spacing:.11em!important;text-transform:uppercase;
}
h1{font-size:clamp(2.35rem,7.2vw,4.9rem)!important;line-height:1.03!important;letter-spacing:-.055em!important;font-weight:700!important}
h1 span{color:var(--yeb-warm)!important}
.hero-copy{color:#d9e2dd!important;font-size:clamp(1rem,1.4vw,1.1rem)!important;line-height:1.75}
.hero-principle{
  border:0!important;border-left:3px solid var(--yeb-warm)!important;background:rgba(240,237,228,.06)!important;
  border-radius:0!important;padding:12px 16px!important;color:#edf0eb!important;
}
.younes-card{
  border-radius:10px!important;background:rgba(240,237,228,.055)!important;border-color:rgba(240,237,228,.14)!important;
  backdrop-filter:none!important;
}
.younes-card p{color:#c8d4ce!important}.creator-img{filter:drop-shadow(0 12px 22px rgba(0,0,0,.18))}

/* Progress = editorial navigation rather than SaaS pills */
.progress-shell{
  top:0;padding:10px 0 12px;background:linear-gradient(to bottom,rgba(240,237,228,.98),rgba(240,237,228,.90))!important;
  backdrop-filter:blur(10px);
}
.progress-card{
  background:rgba(248,246,239,.96)!important;border:1px solid var(--yeb-line)!important;border-radius:8px!important;
  box-shadow:0 10px 26px rgba(0,45,41,.06)!important;padding:6px!important;
}
.progress-step{border-radius:5px!important;color:#687a72!important;font-weight:700!important}
.progress-step.active{background:var(--yeb-green)!important;color:var(--yeb-sand)!important;box-shadow:none!important}
.progress-step.done{background:var(--yeb-soft-green)!important;color:var(--yeb-green)!important}
.mobile-live-bar{
  background:var(--yeb-deep)!important;border-radius:10px!important;border-color:rgba(240,237,228,.13)!important;
  box-shadow:0 14px 36px rgba(0,45,41,.13)!important;
}
.mobile-live-top strong{color:var(--yeb-warm)!important}
.mobile-live-metric{border-radius:6px!important;background:rgba(240,237,228,.055)!important}

/* Diagnostic drawing surface */
.diagnostic-card,.live-panel{
  background:var(--yeb-paper)!important;border:1px solid var(--yeb-line)!important;border-radius:12px!important;
  box-shadow:var(--shadow-soft)!important;
}
.diagnostic-card::before{
  opacity:.62!important;
  background-image:radial-gradient(rgba(0,71,65,.12) 1px,transparent 1px)!important;
  background-size:24px 24px!important;
}
.step-stage::before{background:linear-gradient(135deg,rgba(226,232,222,.36),transparent 48%,rgba(239,231,217,.34))!important}
.step-label{
  color:var(--yeb-green)!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--yeb-line)!important;
  border-radius:0!important;padding:0 0 7px!important;font-size:.72rem!important;letter-spacing:.08em!important;text-transform:uppercase;
}
h2{color:var(--yeb-ink)!important;font-weight:700!important;letter-spacing:-.035em!important}
.step-subtitle,.field-hint,.question-note{color:var(--yeb-muted)!important}
.question-block{
  background:rgba(248,246,239,.91)!important;border:1px solid var(--yeb-line)!important;border-radius:9px!important;
  box-shadow:none!important;
}
.question-title{
  color:var(--yeb-ink)!important;text-decoration-color:rgba(210,197,167,.72)!important;text-decoration-thickness:8px!important;
  text-underline-offset:-3px!important;
}
.choice-card{
  text-align:left!important;border:1px solid var(--yeb-line)!important;background:#fffdf8!important;border-radius:8px!important;
  box-shadow:0 8px 20px rgba(0,45,41,.035)!important;min-height:78px;
}
.choice-card:hover{transform:translateY(-1px)!important;border-color:rgba(0,71,65,.34)!important;box-shadow:0 12px 26px rgba(0,45,41,.075)!important}
.choice-card.selected{
  background:var(--yeb-soft-green)!important;border-color:var(--yeb-green)!important;
  box-shadow:inset 4px 0 0 var(--yeb-green),0 10px 24px rgba(0,45,41,.07)!important;
}
.choice-card.warning.selected{background:var(--yeb-soft-warm)!important;border-color:var(--yeb-focus)!important;box-shadow:inset 4px 0 0 var(--yeb-focus),0 10px 24px rgba(188,139,56,.08)!important}
.choice-card.danger.selected{background:#f3e5e1!important;border-color:var(--yeb-danger)!important;box-shadow:inset 4px 0 0 var(--yeb-danger),0 10px 24px rgba(169,77,70,.07)!important}
.choice-card .tick{border-color:rgba(0,71,65,.34)!important;background:var(--yeb-paper)!important}
.choice-card.selected .tick{background:var(--yeb-green)!important;border-color:var(--yeb-green)!important}
input[type="text"],input[type="number"],select,textarea{
  background:#fffdf8!important;color:var(--yeb-ink)!important;border:1px solid rgba(0,71,65,.22)!important;border-radius:7px!important;
}
input:focus,select:focus,textarea:focus{border-color:var(--yeb-focus)!important;box-shadow:0 0 0 3px rgba(188,139,56,.13)!important}
label{color:var(--yeb-ink)!important}
.creator-note,.live-advice{
  background:var(--yeb-soft-warm)!important;border:1px solid rgba(188,139,56,.25)!important;border-left:3px solid var(--yeb-focus)!important;
  border-radius:8px!important;
}
.creator-note strong,.live-advice strong{color:var(--yeb-ink)!important}.creator-note p,.live-advice p{color:var(--yeb-muted)!important}

/* Calls to action */
.button{border-radius:6px!important;font-weight:700!important;transition:background var(--transition-med),color var(--transition-med),border-color var(--transition-med),transform var(--transition-med)!important}
.button-primary{background:var(--yeb-green)!important;color:var(--yeb-sand)!important;box-shadow:none!important}
.button-primary:hover{background:var(--yeb-deep)!important;transform:translateY(-1px)!important;filter:none!important}
.button-dark{background:var(--yeb-deep)!important;color:var(--yeb-sand)!important;box-shadow:none!important}.button-dark:hover{background:#184d42!important;transform:translateY(-1px)!important}
.button-gold,.unlock-button{background:var(--yeb-warm)!important;color:var(--yeb-deep)!important;box-shadow:none!important}
.button-ghost,.report-only-button{background:transparent!important;color:var(--yeb-green)!important;border:1px solid rgba(0,71,65,.25)!important}

/* Scores */
.score-value{color:var(--yeb-green)!important}.score-badge{background:var(--yeb-soft-green)!important;border-color:rgba(0,71,65,.22)!important;color:var(--yeb-green)!important}
.metric-line,.mini-score-card,.compass-mini-card{background:#fffdf8!important;border-color:var(--yeb-line)!important;border-radius:7px!important;box-shadow:none!important}
.bar-track{background:rgba(0,71,65,.10)!important}.bar-fill{background:var(--yeb-green)!important}.bar-fill.warning{background:var(--yeb-focus)!important}.bar-fill.danger{background:var(--yeb-danger)!important}
.diagnosis-card{background:#fffdf8!important;border:1px solid var(--yeb-line)!important;border-left:3px solid var(--yeb-green)!important;border-radius:8px!important}

/* Lead capture chapter */
.lead-unlock-card{
  background:radial-gradient(ellipse at 88% 12%,#14554c 0,transparent 42%),var(--yeb-deep)!important;
  border-radius:16px!important;border:1px solid rgba(240,237,228,.12)!important;box-shadow:var(--shadow-strong)!important;
}
.lead-unlock-card::before{background-image:radial-gradient(rgba(240,237,228,.13) 1px,transparent 1px)!important;background-size:25px 25px!important;opacity:.55!important}
.ready-pill{background:transparent!important;border:1px solid rgba(210,197,167,.42)!important;color:var(--yeb-warm)!important;border-radius:5px!important}
.price-card{background:rgba(240,237,228,.055)!important;border:1px solid rgba(210,197,167,.36)!important;border-radius:9px!important;box-shadow:none!important}
.price-card .free-badge,.price-card .free-strip{background:#184d42!important;border-color:rgba(240,237,228,.18)!important;color:var(--yeb-sand)!important;border-radius:5px!important}
.price-card .value-amount{background:transparent!important;border-color:rgba(210,197,167,.38)!important;border-radius:8px!important;box-shadow:none!important}.price-card .price-number{color:var(--yeb-warm)!important}
.benefit-chip{border-radius:5px!important;background:rgba(240,237,228,.06)!important}
.unlock-form-card{background:var(--yeb-paper)!important;color:var(--yeb-ink)!important;border-radius:10px!important;box-shadow:0 18px 46px rgba(0,45,41,.14)!important}
.unlock-form-card h3{color:var(--yeb-ink)!important}.form-microcopy{color:var(--yeb-muted)!important}
.compact-selective-note{background:var(--yeb-soft-warm)!important;border-color:rgba(188,139,56,.28)!important;border-left:3px solid var(--yeb-focus)!important;border-right:1px solid rgba(188,139,56,.28)!important;color:var(--yeb-ink)!important;border-radius:7px!important}
.free-qualification-note{background:var(--yeb-soft-green)!important;border-color:var(--yeb-line)!important;color:var(--yeb-ink)!important;border-radius:7px!important}.phone-row span{background:var(--yeb-soft-green)!important;border-color:var(--yeb-line)!important;color:var(--yeb-green)!important;border-radius:7px!important}

/* Report = editorial paper */
.report-card{background:var(--yeb-paper)!important;border:1px solid var(--yeb-line)!important;border-radius:10px!important;box-shadow:var(--shadow-soft)!important}
.report-header{border-top:4px solid var(--yeb-green)!important;background:radial-gradient(circle at 94% 4%,rgba(210,197,167,.20),transparent 30%),var(--yeb-paper)!important}
.report-kicker{color:var(--yeb-green)!important;letter-spacing:.08em;text-transform:uppercase}.report-title,.report-section-title,.report-metric strong,.dimension-card h3,.pillar-item strong,.prompt-item strong,.check-item strong,.action-item strong{color:var(--yeb-ink)!important}
.brand-name-highlight{color:var(--yeb-green)!important;background:var(--yeb-soft-green)!important;border-color:var(--yeb-line)!important;border-radius:5px!important}.report-meta,.report-metric span,.dimension-card p{color:var(--yeb-muted)!important}
.report-metric,.dimension-card,.zone-card,.idea-card,.pillar-item,.prompt-item,.check-item,.action-item{background:#fffdf8!important;border-color:var(--yeb-line)!important;border-radius:8px!important;box-shadow:none!important}
.report-section-title::before{width:28px!important;height:2px!important;border-radius:0!important;background:var(--yeb-warm)!important}
.verdict-box{background:var(--yeb-soft-green)!important;border-left:3px solid var(--yeb-green)!important;border-radius:7px!important}.verdict-box.warning{background:#f3e5e1!important;border-left-color:var(--yeb-danger)!important}.verdict-box.gold{background:var(--yeb-soft-warm)!important;border-left-color:var(--yeb-focus)!important}.verdict-box.success{background:#e5eee8!important;border-left-color:var(--yeb-success)!important}
.dimension-tag,.zone-tag,.idea-badge{background:var(--yeb-soft-green)!important;color:var(--yeb-green)!important;border-color:var(--yeb-line)!important;border-radius:4px!important}.num-box{background:var(--yeb-deep)!important;color:var(--yeb-warm)!important;border-radius:5px!important}.check-box{border-color:var(--yeb-green)!important;border-radius:4px!important}
.bridge-box{background:var(--yeb-deep)!important;border-radius:10px!important}.bridge-line{border-radius:6px!important;background:rgba(240,237,228,.055)!important}.bridge-line strong{color:var(--yeb-warm)!important}.answer-chip{background:var(--yeb-sand)!important;color:var(--yeb-deep)!important;border-color:rgba(210,197,167,.48)!important;border-radius:4px!important;box-shadow:none!important}
.info-bubble{background:var(--yeb-soft-green)!important;color:var(--yeb-green)!important;border-color:var(--yeb-line)!important}.info-bubble::after{background:var(--yeb-deep)!important;border-radius:7px!important;color:var(--yeb-sand)!important;text-align:left!important}

/* Closing chapter */
.footer-cta{background:radial-gradient(circle at 90% 5%,rgba(210,197,167,.18),transparent 36%),var(--yeb-deep)!important;border-radius:14px!important;box-shadow:var(--shadow-strong)!important}
.footer-copy h2{color:var(--yeb-sand)!important}.footer-copy p{color:#cbd8d2!important}.footer-link{background:var(--yeb-warm)!important;color:var(--yeb-deep)!important;border-radius:6px!important;box-shadow:none!important}.footer-link:hover{transform:translateY(-1px)!important;box-shadow:none!important}

/* Keep step variation inside the brand palette. */
:root{--step-accent:var(--yeb-green);--step-accent-2:var(--yeb-warm);--step-soft:var(--yeb-soft-green)}
.step-label{color:var(--yeb-green)!important;background:transparent!important;border-color:var(--yeb-line)!important}
.diagnostic-card{border-color:var(--yeb-line)!important}.question-block,.choice-card{border-color:var(--yeb-line)!important}

/* Mobile */
@media(max-width:640px){
  body{background-size:22px 22px!important}.step-stage,.tool-step.active{min-height:560px!important}.app-shell{padding:10px 10px 42px}.brand-hero{padding:24px 18px!important;border-radius:12px}.hero-grid{gap:18px}h1{font-size:clamp(2.15rem,11vw,3.2rem)!important}.hero-copy{font-size:.96rem!important}.progress-shell{padding-block:7px 9px}.progress-card{border-radius:7px!important}.mobile-live-bar{border-radius:8px!important}.diagnostic-card,.live-panel,.lead-unlock-card,.report-card{border-radius:9px!important;padding:18px!important}.question-block{padding:14px!important}.choice-card{min-height:84px!important;padding:14px!important}.button{min-height:54px!important}.report-header-top{align-items:flex-start}.report-logo-img{height:48px}.footer-cta{border-radius:10px!important}.footer-content-with-younes{text-align:left!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.choice-card:hover,.button:hover,.footer-link:hover{transform:none!important}
}
@media print{
  body{background:#fff!important;color:var(--yeb-ink)!important}.report-card{background:#fff!important;box-shadow:none!important}.footer-cta{background:var(--yeb-deep)!important}.footer-link{background:var(--yeb-warm)!important;color:var(--yeb-deep)!important}
}

/* Phase 3B Step 2 — Customer Compass mobile flow optimization.
   Presentation only: scoring, diagnosis, report generation and CRM payload logic are unchanged. */
.consult-price-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:430px;margin:0 auto 12px;direction:ltr}
.price-regular,.price-free{display:grid;gap:2px;align-content:center;min-height:78px;padding:10px 12px;border:1px solid rgba(210,197,167,.32);border-radius:8px;background:rgba(240,237,228,.055)}
.price-regular small,.price-free small{font-size:.68rem;line-height:1.25;color:#c8d4ce!important;font-weight:500}
.price-regular s{font-size:1.45rem;line-height:1.05;color:#aebbb4!important;font-weight:500;text-decoration-thickness:1.5px}
.price-free{background:rgba(210,197,167,.13);border-color:rgba(210,197,167,.48)}
.price-free strong{font-size:1.18rem;line-height:1.15;color:var(--yeb-warm)!important;font-weight:700}
.consult-price-note{display:flex!important;flex-wrap:wrap;gap:7px 15px;align-items:center;margin:-4px 0 15px!important;font-size:.82rem!important}
.consult-price-note span{color:#bfcfc7!important}.consult-price-note strong{color:var(--yeb-warm)!important;font-weight:700}
.mobile-progress-row,.mobile-progress-track,.mobile-live-legacy{display:none}

@media(max-width:640px){
  /* The outer YEB page already introduces the tool; enter the diagnostic immediately on mobile. */
  .brand-hero{display:none!important}
  .app-shell{padding:0 7px 28px!important}

  /* Compact, useful progress instead of a horizontally scrolling 13-item rail. */
  .progress-shell{padding:5px 0 7px!important;background:rgba(240,237,228,.97)!important;backdrop-filter:blur(9px);scroll-margin-top:6px}
  .progress-card{display:none!important}
  .mobile-live-bar{display:block!important;margin:0!important;padding:8px 10px 9px!important;border-radius:7px!important;background:var(--yeb-deep)!important}
  .mobile-live-top,.mobile-live-metrics{display:none!important}
  .mobile-progress-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px}
  .mobile-step-count{font-size:.68rem;line-height:1;color:#b8c8c0!important;font-weight:500;letter-spacing:.04em;white-space:nowrap}
  .mobile-stage-label{font-size:.82rem;line-height:1.15;color:var(--yeb-sand)!important;font-weight:600;text-align:right}
  .mobile-progress-track{display:block;height:3px;margin-top:7px;border-radius:999px;background:rgba(240,237,228,.14);overflow:hidden}
  .mobile-progress-track span{display:block;width:7.6923%;height:100%;border-radius:inherit;background:var(--yeb-warm);transition:width 220ms var(--transition-med)}
  .mobile-live-legacy{display:none!important}

  /* Let content define iframe height; no artificial mobile floor for each question. */
  .diagnostic-card{padding:11px!important;border-radius:8px!important}
  .step-stage,.tool-step.active{min-height:0!important;height:auto!important}
  .step-stage::before{border-radius:7px!important}
  .tool-step.active{display:flex!important}
  .step-header{margin-bottom:7px!important;padding:2px 1px 2px!important;text-align:left!important}
  .step-label{margin-bottom:5px!important;padding-bottom:4px!important;font-size:clamp(.62rem,2.8vw,.7rem)!important;line-height:1.15!important;font-weight:600!important}
  h2{font-size:clamp(1.34rem,6.2vw,1.72rem)!important;line-height:1.13!important;letter-spacing:-.035em!important;text-align:left!important;margin-bottom:4px!important;font-weight:600!important}
  .step-subtitle{font-size:clamp(.78rem,3.35vw,.88rem)!important;line-height:1.42!important;text-align:left!important;margin:0!important;font-weight:400!important}

  .question-block{gap:7px!important;margin:6px 0 8px!important;padding:9px!important;border-radius:7px!important}
  .question-title{font-size:clamp(.9rem,3.9vw,.98rem)!important;line-height:1.35!important;margin-bottom:1px!important;text-decoration-thickness:5px!important;text-underline-offset:-2px!important;font-weight:600!important}
  .question-note{font-size:.74rem!important;line-height:1.35!important}
  .choice-grid,.choice-grid.compact{grid-template-columns:1fr!important;gap:6px!important}
  .choice-card{min-height:58px!important;padding:9px 36px 9px 11px!important;border-radius:7px!important;gap:2px!important;align-content:center!important;box-shadow:none!important}
  .choice-card strong{font-size:clamp(.88rem,3.75vw,.96rem)!important;line-height:1.25!important;font-weight:600!important}
  .choice-card span:not(.tick){font-size:clamp(.72rem,3.15vw,.8rem)!important;line-height:1.32!important;font-weight:400!important;color:var(--yeb-muted)!important}
  .choice-card .tick{width:19px!important;height:19px!important;top:50%!important;right:10px!important;left:auto!important;transform:translateY(-50%)!important}
  .choice-card.selected{box-shadow:inset 3px 0 0 var(--yeb-green)!important}
  .choice-card.warning.selected{box-shadow:inset 3px 0 0 var(--yeb-focus)!important}
  .choice-card.danger.selected{box-shadow:inset 3px 0 0 var(--yeb-danger)!important}
  .choice-card.selected .tick::after{left:5px!important;top:2px!important;width:5px!important;height:9px!important}
  .info-bubble{width:19px!important;height:19px!important;font-size:.62rem!important;margin-inline-start:3px!important}
  .info-bubble::after{width:min(238px,calc(100vw - 42px))!important;top:25px!important;padding:9px 10px!important;font-size:.7rem!important;line-height:1.45!important}

  .error-box{margin-top:6px!important;padding:8px 10px!important;font-size:.74rem!important;border-radius:6px!important}
  .step-actions{padding-top:7px!important;margin-top:2px!important;gap:6px!important}
  .button-row{grid-template-columns:.72fr 1.28fr!important;gap:6px!important}
  .button{min-height:44px!important;padding:9px 11px!important;border-radius:6px!important;font-size:.82rem!important;line-height:1.2!important;font-weight:600!important}
  .tool-step[data-step="1"] .button,.tool-step[data-step="13"] .button{min-height:48px!important;font-size:.88rem!important}
  .creator-note{grid-template-columns:40px 1fr!important;gap:8px!important;padding:9px!important;margin-top:7px!important}
  .creator-note .creator-img{width:40px!important}.creator-note strong{font-size:.78rem!important}.creator-note p{font-size:.72rem!important;line-height:1.4!important}
  .verdict-box{padding:10px!important;margin-top:7px!important}.verdict-box strong{font-size:.82rem!important}.verdict-box p{font-size:.74rem!important;line-height:1.42!important}

  /* Lead capture: compact decision + compact form, without changing fields/schema. */
  .lead-unlock-card{padding:13px!important;border-radius:9px!important}
  .lead-unlock-top{margin-bottom:9px!important}.ready-pill{padding:5px 8px!important;margin-bottom:6px!important;font-size:.66rem!important}
  .lead-unlock-top h2{font-size:clamp(1.42rem,6.6vw,1.82rem)!important;line-height:1.12!important;margin-bottom:4px!important}
  .lead-unlock-top p{font-size:.78rem!important;line-height:1.4!important}
  .value-stack{gap:7px!important;margin:9px 0!important}.price-card{padding:10px 9px!important}
  .price-card .free-badge{margin-bottom:7px!important;padding:5px 8px!important;font-size:.72rem!important}.price-card .value-label{font-size:.7rem!important;margin-bottom:5px!important}
  .consult-price-row{gap:6px!important;margin-bottom:7px!important}.price-regular,.price-free{min-height:58px!important;padding:7px 8px!important}.price-regular small,.price-free small{font-size:.58rem!important}.price-regular s{font-size:1.05rem!important}.price-free strong{font-size:.92rem!important}
  .price-card .free-strip{padding:5px 8px!important;font-size:.72rem!important}.price-card small{margin-top:5px!important;font-size:.68rem!important;line-height:1.35!important}.price-card .no-payment-note{margin-top:6px!important;padding:7px 8px!important;font-size:.66rem!important;line-height:1.35!important}
  .benefit-chips{grid-template-columns:1fr 1fr!important;gap:5px!important}.benefit-chip{padding:7px 8px!important;font-size:.68rem!important;line-height:1.3!important;text-align:left!important}
  .unlock-form-card{padding:12px!important;margin-top:9px!important;border-radius:8px!important}.unlock-form-card h3{font-size:1rem!important;line-height:1.25!important;margin-bottom:2px!important;text-align:left!important}.form-microcopy{font-size:.72rem!important;line-height:1.4!important;text-align:left!important;margin-bottom:9px!important}
  .field-group{gap:9px!important;margin-top:8px!important}.field-group.two-cols{grid-template-columns:1fr 1fr!important;gap:8px!important}.whatsapp-field{grid-column:1/-1!important}.input-group{gap:4px!important}label{font-size:.74rem!important;font-weight:600!important}.field-hint{font-size:.64rem!important;line-height:1.3!important;margin-top:-1px!important}
  input[type="text"],input[type="number"],select,textarea{padding:10px!important;min-height:43px!important;font-size:.82rem!important;border-radius:6px!important}.phone-row{gap:5px!important}.phone-row span{min-height:43px!important;padding:0 9px!important;font-size:.78rem!important;border-radius:6px!important}
  .compact-selective-note,.free-qualification-note{margin-top:7px!important;padding:8px 9px!important;font-size:.67rem!important;line-height:1.4!important;text-align:left!important}.highlight-problem{padding:1px 5px!important}

  /* Report: no horizontal overflow, tighter editorial rhythm, touchable info bubbles. */
  .report-card{padding:13px!important;margin-bottom:9px!important;border-radius:8px!important;overflow:visible!important}
  .report-header-top{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:start!important;margin-bottom:9px!important}.report-logo-img{height:42px!important;max-width:52px!important}
  .report-kicker{font-size:.62rem!important;margin-bottom:3px!important}.report-title{font-size:clamp(1.28rem,6.1vw,1.58rem)!important;line-height:1.16!important;margin-bottom:4px!important}.brand-name-highlight{padding:1px 5px!important;margin-top:3px!important}.report-meta{font-size:.66rem!important;line-height:1.3!important}
  .report-metric-grid{grid-template-columns:1fr!important;gap:6px!important;margin-top:9px!important}.report-metric{padding:9px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.report-metric span{font-size:.7rem!important;margin:0!important}.report-metric strong{font-size:1rem!important;white-space:nowrap}
  .report-section-title{font-size:1.02rem!important;line-height:1.25!important;gap:7px!important;margin-bottom:5px!important}.report-section-title::before{width:20px!important;height:2px!important}.report-copy{font-size:.76rem!important;line-height:1.48!important;margin-bottom:8px!important}
  .bridge-box{padding:9px!important;gap:7px!important}.bridge-line{padding:9px!important}.bridge-line strong{font-size:.77rem!important;margin-bottom:5px!important}.bridge-conclusion{font-size:.72rem!important;line-height:1.48!important}.answer-chip-wrap{gap:5px!important;margin:6px 0!important}.answer-chip{padding:5px 7px!important;font-size:.68rem!important}
  .dimension-grid{gap:7px!important;margin-top:8px!important}.dimension-card{padding:10px!important}.dimension-card h3{font-size:.84rem!important;margin-bottom:3px!important}.dimension-card p{font-size:.72rem!important;line-height:1.45!important}.dimension-tag{margin-top:5px!important;padding:3px 6px!important;font-size:.62rem!important}
  .pillar-list,.prompt-list,.check-list,.action-list{gap:7px!important;margin-top:8px!important}.pillar-item,.prompt-item,.check-item,.action-item{grid-template-columns:32px 1fr!important;gap:8px!important;padding:9px!important}.num-box{width:32px!important;height:32px!important;font-size:.72rem!important}.check-box{width:23px!important;height:23px!important}.pillar-item strong,.prompt-item strong,.check-item strong,.action-item strong{font-size:.78rem!important;margin-bottom:2px!important}.pillar-item span,.prompt-item span,.check-item span,.action-item span{font-size:.7rem!important;line-height:1.4!important}
  .footer-cta{padding:15px 13px!important;margin-top:9px!important}.footer-content-with-younes{gap:9px!important}.footer-younes-wrap{min-height:115px!important}.footer-younes-img{width:min(140px,42vw)!important;transform:translateY(7px)!important}.footer-copy h2{font-size:1.18rem!important}.footer-copy p{font-size:.74rem!important;line-height:1.45!important;margin-bottom:9px!important}.consult-price-note{font-size:.7rem!important;margin:0 0 8px!important}.footer-link{margin:10px 0 0!important;padding:10px 13px!important;font-size:.78rem!important;width:100%!important}
  .no-print-actions{gap:6px!important;margin:9px 0 24px!important;grid-template-columns:1fr 1fr!important}
}

@media(max-width:420px){.field-group.two-cols{grid-template-columns:1fr!important}.whatsapp-field{grid-column:auto!important}.benefit-chips{grid-template-columns:1fr!important}}

@media(prefers-reduced-motion:reduce){.mobile-progress-track span{transition:none!important}}

/* Phase 3B — BBM visual-system restyle.
   Presentation only. Diagnostic questions, scoring, report logic and CRM schema remain unchanged. */

/* Mobile progress regression guard: the compact block is the only mobile status UI. */
.mobile-live-bar{display:none!important}
.mobile-progress-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0}
.mobile-step-count{font:600 .72rem/1 "IBM Plex Sans",sans-serif;letter-spacing:.06em;color:var(--yeb-warm)!important;white-space:nowrap}
.mobile-stage-label{min-width:0;font-size:.72rem;line-height:1.2;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#c4d2cc!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-step-title{display:block;max-width:100%;margin-top:5px;color:var(--yeb-sand)!important;font-size:clamp(.92rem,3.9vw,1.02rem);line-height:1.25;font-weight:600;letter-spacing:-.015em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.mobile-progress-track{display:block;height:3px;margin-top:8px;border-radius:999px;background:rgba(240,237,228,.14);overflow:hidden}
.mobile-progress-track span{display:block;width:7.6923%;height:100%;background:var(--yeb-warm);transition:width .28s var(--yeb-app-ease)}

/* Chapter rhythm and editorial hierarchy.
   Only the active diagnostic step participates in layout. Inactive steps are
   removed from flow so the same-origin auto-height iframe measures the current
   question, not all 13 questions stacked invisibly underneath it. */
.tool-step{position:absolute}
.tool-step:not(.active){display:none!important}
.tool-step.active{position:relative!important;inset:auto!important;display:flex!important}
.tool-step::after{content:attr(data-step);position:absolute;right:3px;top:-8px;font:500 4.5rem/1 "IBM Plex Sans",sans-serif;color:rgba(0,71,65,.045);letter-spacing:-.07em;pointer-events:none;z-index:0}
.step-header,.question-block,.cc-concept,.step-actions{position:relative;z-index:1}
.step-header h2{font-weight:600!important;max-width:820px}
.step-subtitle{font-weight:400!important;max-width:760px}
.question-title{font-weight:600!important;text-decoration:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='18' viewBox='0 0 360 18' preserveAspectRatio='none'%3E%3Cpath d='M4 12Q108 3 190 10T356 7M22 16Q168 8 329 13' fill='none' stroke='%23d2c5a7' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:0 100%!important;background-size:min(260px,82%) .18em!important;padding-bottom:.08em!important}
.question-block{background-color:rgba(248,246,239,.96)!important;background-image:radial-gradient(rgba(0,71,65,.09) 1px,transparent 1px)!important;background-size:22px 22px!important;box-shadow:0 14px 38px rgba(0,45,41,.045)!important}
.choice-card{position:relative;overflow:hidden}
.choice-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--step-accent);transition:width .24s var(--yeb-app-ease)}
.choice-card.selected::before{width:3px}
.choice-card strong{font-weight:600!important}.choice-card span:not(.tick){font-weight:400!important}

/* BBM-inspired conceptual mini-scenes. All are explanatory and aria-hidden. */
.cc-concept{margin:2px 0 12px;color:var(--yeb-ink)}
.cc-concept b,.cc-concept strong{font-weight:600}
.cc-concept--fit{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:28px}
.cc-fit-crowd{display:flex;gap:7px;align-items:end}.cc-fit-crowd i{width:21px;height:21px;border:1px solid rgba(0,71,65,.34);border-radius:50%;background:#fffaf0;position:relative}.cc-fit-crowd i::after{content:"";position:absolute;width:25px;height:12px;border:1px solid rgba(0,71,65,.22);border-radius:18px 18px 4px 4px;left:50%;top:17px;transform:translateX(-50%);background:#fffaf0}.cc-fit-crowd i:nth-child(1){opacity:.42}.cc-fit-crowd i:nth-child(2){opacity:.62}.cc-fit-crowd i:nth-child(4){opacity:.45}.cc-fit-crowd .is-fit{background:var(--yeb-green);border-color:var(--yeb-green);box-shadow:0 0 0 6px rgba(0,71,65,.07)}.cc-filter-gate{padding:8px 10px;border-inline:1px solid rgba(0,71,65,.24);font-size:8px;letter-spacing:.12em;color:var(--yeb-muted);transform:skewX(-6deg)}.cc-fit-result{padding:10px 14px;font-size:10px;letter-spacing:.1em;color:var(--yeb-green)}
.cc-concept--motive{display:grid;place-items:center;padding-top:28px}.cc-motive-path{width:min(650px,88%);display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:9px;align-items:center}.cc-motive-path b{padding:8px 11px;background:#fffaf0;border:1px solid var(--yeb-line);border-radius:6px;font-size:10px;text-align:center}.cc-motive-path i{height:1px;background:var(--yeb-green);position:relative}.cc-motive-path i::after{content:"";position:absolute;right:-1px;top:-3px;border-left:5px solid var(--yeb-green);border-block:3px solid transparent}
.cc-concept--exclusion{display:grid;grid-template-columns:1fr 54px .7fr;gap:14px;align-items:center;padding-top:28px}.cc-exclusion-in{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.cc-exclusion-in span{padding:5px 7px;background:#fffaf0;border:1px solid var(--yeb-line);border-radius:4px;font-size:9px;color:var(--yeb-muted)}.cc-exclusion-in .is-fit{color:var(--yeb-green);border-color:rgba(0,71,65,.34);font-weight:600}.cc-exclusion-gate{height:58px;clip-path:polygon(0 0,100% 0,64% 100%,36% 100%);background:linear-gradient(180deg,var(--yeb-green),#1e5c53);opacity:.9}.cc-exclusion-out{padding:11px 13px;font-size:11px;color:var(--yeb-green);text-align:center}
.cc-concept--message{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:13px;align-items:center;padding-top:28px}.cc-message-broad{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cc-message-broad i{height:18px;border:1px solid var(--yeb-line);background:#fffaf0;transform:rotate(var(--r,-2deg))}.cc-message-broad i:nth-child(2){--r:2deg}.cc-message-broad i:nth-child(3){--r:1deg}.cc-message-broad i:nth-child(4){--r:-1deg}.cc-message-line{height:2px;background:linear-gradient(90deg,rgba(0,71,65,.16),var(--yeb-green));position:relative}.cc-message-line::after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid var(--yeb-green);border-block:5px solid transparent}.cc-message-focus{padding:12px;font-size:11px;text-align:center;color:var(--yeb-green);font-weight:600}
.cc-concept--team{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding-top:28px}.cc-team-papers{display:flex;gap:9px;align-items:center;justify-content:center}.cc-team-papers>span{min-width:98px;padding:10px 9px;text-align:center;font-size:10px;font-weight:600}.cc-team-papers small{display:block;margin-top:4px;font-size:7px;font-weight:400;color:var(--yeb-muted)}.cc-team-axis{padding:10px 12px;background:var(--yeb-green);color:var(--yeb-sand);font-size:9px;letter-spacing:.09em;white-space:nowrap}
.cc-concept--offer{display:grid;place-items:center;padding-top:28px;min-height:132px}.cc-offer-card{position:absolute;width:150px;padding:15px;text-align:center;font-size:10px;font-weight:600;letter-spacing:.09em}.cc-offer-message{transform:translateX(-52px) rotate(-4deg)}.cc-offer-value{transform:translateX(52px) rotate(4deg);background:#e4e8db}.cc-offer-fit{position:relative;z-index:3;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--yeb-green);color:var(--yeb-sand);font-size:10px;box-shadow:0 0 0 7px rgba(210,197,167,.23)}
.cc-concept--system{display:grid;place-items:center;padding-top:28px}.cc-system-loop{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.cc-system-loop span{padding:8px 10px;background:#fffaf0;border:1px solid var(--yeb-line);border-radius:5px;font-size:10px}.cc-system-loop i{font-style:normal;color:var(--yeb-focus);font-size:18px;animation:yeb-app-drift 4.8s ease-in-out infinite}

/* Dark/light transition moments and report depth without changing report structure. */
.tool-step[data-step="13"] .initial-result{padding:12px;border:1px solid var(--yeb-line);border-radius:9px;background-image:radial-gradient(rgba(0,71,65,.11) 1px,transparent 1px);background-size:22px 22px}
.lead-unlock-card::before{background-image:radial-gradient(rgba(240,237,228,.12) 1px,transparent 1px)!important;background-size:24px 24px!important;opacity:.58!important}
.report-header{position:relative;overflow:hidden}.report-header::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,71,65,.11) 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent,#000 65%,transparent)}.report-header>*{position:relative;z-index:1}.report-section-title{font-weight:600!important}.report-card{box-shadow:0 16px 38px rgba(0,45,41,.055)!important}.report-metric,.dimension-card,.bridge-line,.action-item,.prompt-item,.check-item{transition:transform .25s var(--yeb-app-ease),border-color .25s var(--yeb-app-ease)}
@media(hover:hover){.report-metric:hover,.dimension-card:hover,.action-item:hover,.prompt-item:hover,.check-item:hover{transform:translateY(-2px);border-color:rgba(0,71,65,.28)!important}}

@media(max-width:760px){
  /* Exactly one compact mobile progress system. */
  .progress-card{display:none!important}
  .mobile-live-bar{display:block!important;margin:0!important;padding:9px 11px 10px!important;border-radius:7px!important;background:var(--yeb-deep)!important;overflow:hidden!important}
  .progress-shell{padding:5px 0 7px!important}
  .mobile-progress-meta{gap:8px}.mobile-step-count{font-size:.68rem}.mobile-stage-label{font-size:.66rem}.mobile-step-title{font-size:clamp(.84rem,3.7vw,.94rem);line-height:1.2;margin-top:4px}.mobile-progress-track{margin-top:7px}

  /* Keep the BBM richness compact enough for one-question-per-screen flow. */
  .tool-step::after{font-size:2.6rem;top:-2px;right:2px}
  .cc-concept{margin:3px 0 6px;min-height:54px!important;max-height:64px;padding-top:18px!important}
  .cc-concept .yeb-app-concept-label{display:none}
  .cc-concept--fit{gap:9px}.cc-fit-crowd{gap:4px}.cc-fit-crowd i{width:13px;height:13px}.cc-fit-crowd i::after{width:16px;height:7px;top:11px}.cc-filter-gate{padding:4px 6px;font-size:6px}.cc-fit-result{padding:6px 8px;font-size:7px}
  .cc-motive-path{width:96%;gap:4px}.cc-motive-path b{padding:5px 6px;font-size:7px}.cc-motive-path i::after{top:-2px;border-left-width:4px;border-block-width:2px}
  .cc-concept--exclusion{grid-template-columns:1fr 30px .65fr;gap:6px}.cc-exclusion-in{gap:3px}.cc-exclusion-in span{padding:3px 4px;font-size:6px}.cc-exclusion-gate{height:30px}.cc-exclusion-out{padding:5px 6px;font-size:7px}
  .cc-concept--message{gap:5px}.cc-message-broad{gap:3px}.cc-message-broad i{height:9px}.cc-message-focus{padding:6px;font-size:7px}.cc-message-line::after{top:-2px;border-left-width:4px;border-block-width:3px}
  .cc-concept--team{gap:7px}.cc-team-papers{gap:4px}.cc-team-papers>span{min-width:0;flex:1;padding:5px 4px;font-size:7px}.cc-team-papers small{display:none}.cc-team-axis{padding:6px;font-size:6px}
  .cc-concept--offer{min-height:58px!important}.cc-offer-card{width:95px;padding:7px;font-size:7px}.cc-offer-message{transform:translateX(-32px) rotate(-3deg)}.cc-offer-value{transform:translateX(32px) rotate(3deg)}.cc-offer-fit{width:31px;height:31px;font-size:7px;box-shadow:0 0 0 4px rgba(210,197,167,.23)}
  .cc-system-loop{gap:4px}.cc-system-loop span{padding:4px 6px;font-size:7px}.cc-system-loop i{font-size:11px}
  .question-block{margin-top:4px!important}.step-header{margin-bottom:5px!important}
}

@media(prefers-reduced-motion:reduce){
  .mobile-progress-track span,.choice-card::before,.report-metric,.dimension-card,.bridge-line,.action-item,.prompt-item,.check-item,.cc-system-loop i{transition:none!important;animation:none!important;transform:none!important}
}
@media(max-width:760px) and (max-height:700px){.cc-concept{display:none!important}}
.report-title .brand-name-highlight{background-color:transparent!important;border:0!important;border-radius:0!important;padding:0 .04em .06em!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='18' viewBox='0 0 360 18' preserveAspectRatio='none'%3E%3Cpath d='M4 12Q108 3 190 10T356 7M22 16Q168 8 329 13' fill='none' stroke='%23bba77c' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:0 100%!important;background-size:100% .22em!important}
/* Dots are sectional, not a page-wide texture. */
body{background-image:none!important}
.diagnostic-card{background-color:var(--yeb-paper)!important;background-image:radial-gradient(rgba(0,71,65,.055) 1px,transparent 1px)!important;background-size:28px 28px!important}

/* v0.5.6 — responsive question-canvas hardening.
   The stage itself must not be a row flex container: an auto-width active step can
   otherwise shrink to its content and appear left/center/right depending on copy. */
.step-stage{display:block!important;width:100%!important;min-width:0!important}
.tool-step.active{
  display:flex!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:0 0 100%!important;
}
.tool-step.active>.step-header,
.tool-step.active>.question-block,
.tool-step.active>.cc-concept,
.tool-step.active>.step-actions,
.tool-step.active>.creator-note,
.tool-step.active>.verdict-box,
.tool-step.active>.initial-result{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
}
.choice-grid,.choice-card{min-width:0!important;max-width:100%!important}

/* The live-score sidebar needs real room. Between phone and wide desktop widths,
   use the full canvas and compact progress instead of squeezing the diagnostic. */
@media (min-width:761px) and (max-width:1179px){
  .main-layout{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
  .live-panel{display:none!important}
  .progress-card{display:none!important}
  .mobile-live-bar{display:block!important;margin:0!important;padding:10px 13px 11px!important;border-radius:8px!important;background:var(--yeb-deep)!important;overflow:hidden!important}
  .progress-shell{padding:6px 0 8px!important}
  .mobile-progress-meta{display:flex!important}
  .mobile-step-title{display:-webkit-box!important}
  .mobile-progress-track{display:block!important}
  .diagnostic-card{width:100%!important;min-width:0!important}
  .step-stage,.tool-step.active{min-height:0!important;height:auto!important}
}

/* Coarse-pointer devices should never be forced into the squeezed desktop split,
   even when a mobile browser reports an unusually wide iframe layout viewport. */
@media (pointer:coarse){
  .main-layout{grid-template-columns:minmax(0,1fr)!important}
  .live-panel{display:none!important}
  .progress-card{display:none!important}
  .mobile-live-bar{display:block!important}
  .step-stage,.tool-step.active{min-height:0!important;height:auto!important}
}


/* v0.5.7 — single-step height integrity.
   Regression guard: inactive screens must never contribute to scrollHeight. */
.step-stage>.tool-step:not(.active){display:none!important;position:absolute!important;inset:0!important}
.step-stage>.tool-step.active{display:flex!important;position:relative!important;inset:auto!important;width:100%!important}

/* YEB 0.6.0 — signature/brand-mark visibility. Asset remains unchanged. */
.signature-img-print{height:72px!important;width:auto!important;max-width:min(260px,70vw)!important;object-fit:contain!important}
@media(max-width:760px){.signature-img-print{height:58px!important;max-width:min(220px,72vw)!important}}