/*
  v1.9.9 Pro redesign
  - Calmer, more professional look (less gradients / gimmicks)
  - Distinct section layouts (trust bar, steps, panel, table, quote)
  - Fully scoped to .fhm-mmq-scope
*/

.fhm-mmq-scope{
  --mmq-ink:#0b1220;
  --mmq-muted:#475467;
  --mmq-muted2:#667085;
  --mmq-border:rgba(16,24,40,.10);
  --mmq-border2:rgba(16,24,40,.14);
  --mmq-bg:#ffffff;
  --mmq-bg-alt:#f7f8fb;
  --mmq-card:#ffffff;
  --mmq-primary:#E10600;
  --mmq-primary-weak:rgba(225,6,0,.10);
  --mmq-radius:18px;
  --mmq-radius-sm:14px;
  --mmq-shadow:0 18px 40px rgba(16,24,40,.10);
  --mmq-shadow-soft:0 10px 24px rgba(16,24,40,.08);
  --mmq-focus:0 0 0 4px rgba(225,6,0,.12);
}

.fhm-mmq-scope, .fhm-mmq-scope *{box-sizing:border-box}
.fhm-mmq-scope{color:var(--mmq-ink)}

/* Width + rhythm */
.fhm-mmq-scope .fhm-wrap{max-width:1160px !important;padding:0 22px !important}
.fhm-mmq-scope .fhm-section{padding:84px 0 !important}
.fhm-mmq-scope .fhm-section h2{font-size:40px !important;letter-spacing:-0.02em !important;line-height:1.15 !important;margin:0 0 14px !important}
.fhm-mmq-scope .fhm-section p{color:var(--mmq-muted) !important}

/* Hero */
.fhm-mmq-scope .fhm-hero.light{
  background:linear-gradient(180deg, rgba(225,6,0,.06) 0%, #ffffff 55%) !important;
  padding:76px 0 62px !important;
}
.fhm-mmq-scope .fhm-hero .fhm-wrap{gap:44px !important;align-items:flex-start !important}
.fhm-mmq-scope .fhm-hero-text{max-width:640px}
.fhm-mmq-scope .fhm-hero h1{font-size:56px !important;line-height:1.05 !important;letter-spacing:-0.03em !important;margin:12px 0 14px !important}
.fhm-mmq-scope .fhm-hero .lead{font-size:18px !important;line-height:1.7 !important;max-width:60ch !important}

.fhm-mmq-scope .fhm-pill{
  background:rgba(225,6,0,.08) !important;
  border:1px solid rgba(225,6,0,.16) !important;
  color:#9b120e !important;
}

.fhm-mmq-scope .fhm-bullets{margin-top:18px !important;gap:10px !important}
.fhm-mmq-scope .fhm-bullets li{color:var(--mmq-muted) !important;position:relative;padding-left:18px !important}
.fhm-mmq-scope .fhm-bullets li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:99px;background:rgba(225,6,0,.35)}

/* Right quiz container */
.fhm-mmq-scope .fhm-hero-quiz .fhm-quiz-box{
  border-radius:var(--mmq-radius) !important;
  box-shadow:var(--mmq-shadow) !important;
  border:1px solid var(--mmq-border) !important;
  padding:22px !important;
  min-height:640px !important;
  background:var(--mmq-card) !important;
}

/* Quiz shell */
.fhm-mmq-scope .fhm-card-inline{
  border-radius:var(--mmq-radius-sm) !important;
  border:1px solid var(--mmq-border) !important;
  padding:18px !important;
  min-height:590px !important;
  background:#fff !important;
}
.fhm-mmq-scope .fhm-card-inline h2{font-size:22px !important;letter-spacing:-0.01em !important;margin:0 0 10px !important}

/* Quiz redesign (scoped) */
.fhm-mmq-scope .mmq-quizcard{display:flex !important;flex-direction:column !important;gap:16px !important}
.fhm-mmq-scope .mmq-qhead{padding:4px 2px 2px !important}
.fhm-mmq-scope .mmq-kicker{font-size:12px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--mmq-muted) !important;margin-bottom:6px !important}
.fhm-mmq-scope .mmq-title{font-size:22px !important;letter-spacing:-0.02em !important;margin:0 0 6px !important;color:var(--mmq-ink) !important;font-weight:700 !important}
.fhm-mmq-scope .mmq-sub{font-size:14px !important;line-height:1.5 !important;color:var(--mmq-muted) !important}

.fhm-mmq-scope .mmq-start-grid{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;margin-top:6px !important}
.fhm-mmq-scope .mmq-start-item{display:flex !important;gap:12px !important;align-items:flex-start !important;border:1px solid var(--mmq-border) !important;border-radius:16px !important;padding:12px 12px !important;background:rgba(16,24,40,.02) !important}
.fhm-mmq-scope .mmq-ic{width:34px !important;height:34px !important;display:grid !important;place-items:center !important;border-radius:12px !important;background:rgba(225,6,0,.08) !important;border:1px solid rgba(225,6,0,.14) !important;color:#9b120e !important;flex:0 0 auto !important}
.fhm-mmq-scope .mmq-ic svg{fill:currentColor !important}
.fhm-mmq-scope .mmq-start-h{font-size:14px !important;font-weight:700 !important;color:var(--mmq-ink) !important;margin-bottom:2px !important}
.fhm-mmq-scope .mmq-start-p{font-size:13px !important;color:var(--mmq-muted) !important}
.fhm-mmq-scope .mmq-start-actions{margin-top:auto !important;display:flex !important;flex-direction:column !important;gap:10px !important}
.fhm-mmq-scope .mmq-note{font-size:12px !important;color:var(--mmq-muted) !important}

.fhm-mmq-scope .mmq-progress{padding:2px 2px 0 !important}
.fhm-mmq-scope .mmq-progress-top{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important}
.fhm-mmq-scope .mmq-count{font-size:13px !important;color:var(--mmq-muted) !important}
.fhm-mmq-scope .mmq-count strong{color:var(--mmq-ink) !important}
.fhm-mmq-scope .mmq-pct{font-size:12px !important;color:var(--mmq-muted) !important;border:1px solid var(--mmq-border) !important;border-radius:999px !important;padding:4px 10px !important;background:#fff !important}
.fhm-mmq-scope .mmq-progress-bar{height:10px !important;border-radius:999px !important;background:rgba(16,24,40,.06) !important;margin-top:10px !important;overflow:hidden !important}
.fhm-mmq-scope .mmq-progress-bar > span{display:block !important;height:100% !important;border-radius:999px !important;background:linear-gradient(90deg, rgba(225,6,0,.85), rgba(225,6,0,.55)) !important}

.fhm-mmq-scope .mmq-q{display:flex !important;flex-direction:column !important;gap:12px !important}
.fhm-mmq-scope .mmq-question{font-size:20px !important;letter-spacing:-0.02em !important;margin:0 !important;color:var(--mmq-ink) !important}

.fhm-mmq-scope .mmq-choices{display:flex !important;flex-direction:column !important;gap:10px !important}
.fhm-mmq-scope .mmq-choice{display:block !important}
.fhm-mmq-scope .mmq-choice input{position:absolute !important;opacity:0 !important;pointer-events:none !important}
.fhm-mmq-scope .mmq-choice-ui{
  display:flex !important;align-items:center !important;gap:12px !important;
  border-radius:16px !important;padding:13px 14px !important;
  border:1px solid var(--mmq-border) !important;background:#fff !important;
  box-shadow:0 1px 0 rgba(16,24,40,.02) !important;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease !important;
}
.fhm-mmq-scope .mmq-dot{width:14px !important;height:14px !important;border-radius:999px !important;border:2px solid rgba(16,24,40,.22) !important;background:#fff !important;flex:0 0 auto !important}
.fhm-mmq-scope .mmq-choice-text{flex:1 1 auto !important;color:var(--mmq-ink) !important;font-size:14px !important;line-height:1.35 !important}
.fhm-mmq-scope .mmq-choice-tick{width:24px !important;height:24px !important;border-radius:10px !important;display:grid !important;place-items:center !important;border:1px solid rgba(16,24,40,.10) !important;background:rgba(16,24,40,.03) !important;opacity:0 !important;transform:scale(.92) !important;transition:opacity .12s ease, transform .12s ease, background .12s ease, border-color .12s ease !important}
.fhm-mmq-scope .mmq-choice-tick svg{fill:currentColor !important}
.fhm-mmq-scope .mmq-choice-ui:hover{transform:translateY(-1px) !important;box-shadow:0 14px 28px rgba(16,24,40,.08) !important;border-color:rgba(225,6,0,.22) !important}
.fhm-mmq-scope .mmq-choice input:focus-visible + .mmq-choice-ui{box-shadow:var(--mmq-focus) !important;border-color:rgba(225,6,0,.35) !important}
.fhm-mmq-scope .mmq-choice input:checked + .mmq-choice-ui{
  border-color:rgba(225,6,0,.34) !important;
  background:rgba(225,6,0,.045) !important;
  box-shadow:0 18px 34px rgba(225,6,0,.10) !important;
}
.fhm-mmq-scope .mmq-choice input:checked + .mmq-choice-ui .mmq-dot{border-color:rgba(225,6,0,.7) !important;background:rgba(225,6,0,.15) !important}
.fhm-mmq-scope .mmq-choice input:checked + .mmq-choice-ui .mmq-choice-tick{opacity:1 !important;transform:scale(1) !important;background:rgba(225,6,0,.10) !important;border-color:rgba(225,6,0,.22) !important;color:#9b120e !important}

.fhm-mmq-scope .mmq-nav{margin-top:auto !important;display:flex !important;gap:10px !important}
.fhm-mmq-scope .mmq-nav .fhm-btn{flex:1 1 0 !important}

@media (min-width: 820px){
  .fhm-mmq-scope .mmq-start-grid{grid-template-columns:1fr 1fr !important}
  .fhm-mmq-scope .mmq-start-item:nth-child(3){grid-column:1 / -1 !important}
}

.fhm-mmq-scope .fhm-prog{height:10px !important;background:rgba(16,24,40,.06) !important}
.fhm-mmq-scope .fhm-prog>span{border-radius:99px !important}

/* Answer options: calm */
.fhm-mmq-scope .fhm-opts{gap:10px !important}
.fhm-mmq-scope .fhm-opt{
  border-radius:14px !important;
  padding:12px 14px !important;
  border:1px solid var(--mmq-border) !important;
  background:#fff !important;
  box-shadow:none !important;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
  align-items:center !important;
}
.fhm-mmq-scope .fhm-opt:hover{border-color:rgba(225,6,0,.25) !important;box-shadow:0 10px 22px rgba(16,24,40,.06) !important}
.fhm-mmq-scope .fhm-opt:has(input:checked){
  border-color:rgba(225,6,0,.35) !important;
  background:rgba(225,6,0,.06) !important;
  box-shadow:var(--mmq-focus) !important;
}
.fhm-mmq-scope .fhm-opt input{margin-left:auto !important}

/* Buttons */
.fhm-mmq-scope .fhm-btn{
  border-radius:12px !important;
  padding:12px 16px !important;
  font-size:15px !important;
  box-shadow:0 10px 22px rgba(225,6,0,.14) !important;
}
.fhm-mmq-scope .fhm-btn:hover{box-shadow:0 14px 28px rgba(225,6,0,.18) !important}
.fhm-mmq-scope .fhm-btn.alt{background:#fff !important;color:var(--mmq-primary) !important;border:1px solid rgba(225,6,0,.22) !important;box-shadow:none !important}
.fhm-mmq-scope .fhm-btn:focus{outline:none !important;box-shadow:var(--mmq-focus) !important}

/* Base cards used across results */
.fhm-mmq-scope .fhm-card,
.fhm-mmq-scope .fhm-feature{
  border-radius:var(--mmq-radius) !important;
  border:1px solid var(--mmq-border) !important;
  background:#fff !important;
  box-shadow:var(--mmq-shadow-soft) !important;
}

/* Results */
.fhm-mmq-scope .fhm-results{background:var(--mmq-bg-alt) !important}
.fhm-mmq-scope .fhm-results-wrap{gap:18px !important}
.fhm-mmq-scope .fhm-results-wrap .summary,
.fhm-mmq-scope .fhm-results-wrap .card{
  border-radius:20px !important;
  border:1px solid var(--mmq-border) !important;
  background:#fff !important;
  box-shadow:var(--mmq-shadow) !important;
}
.fhm-mmq-scope .fhm-results-wrap .badge{background:rgba(225,6,0,.08) !important;border:1px solid rgba(225,6,0,.16) !important;color:#9b120e !important}
.fhm-mmq-scope .fhm-results-wrap .score{font-size:64px !important;letter-spacing:-0.04em !important}
.fhm-mmq-scope .fhm-pillars .row{grid-template-columns:190px 1fr 44px !important}

/* New section backgrounds */
.fhm-mmq-scope .fhm-trust{padding:44px 0 !important;background:#fff !important}
.fhm-mmq-scope .fhm-steps{background:var(--mmq-bg-alt) !important}
.fhm-mmq-scope .fhm-deliverables{background:#fff !important}
.fhm-mmq-scope .fhm-benchmark{background:var(--mmq-bg-alt) !important}
.fhm-mmq-scope .fhm-quote{background:#fff !important}
.fhm-mmq-scope .fhm-deep{background:var(--mmq-bg-alt) !important}
.fhm-mmq-scope .fhm-faq{background:#fff !important}

/* Trust bar */
.fhm-mmq-scope .trust-bar{
  display:flex;
  gap:18px;
  align-items:center;
  justify-content:space-between;
  border:1px solid var(--mmq-border);
  border-radius:16px;
  padding:18px 18px;
  background:#fff;
  box-shadow:0 10px 22px rgba(16,24,40,.06);
}
.fhm-mmq-scope .trust-kicker{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mmq-muted2)}
.fhm-mmq-scope .trust-line{margin:6px 0 0 !important;color:var(--mmq-ink) !important;font-size:16px !important}
.fhm-mmq-scope .trust-right{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.fhm-mmq-scope .trust-chip{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid var(--mmq-border);
  background:rgba(16,24,40,.02);
  color:var(--mmq-muted);
  font-size:13px;
}

/* Split head */
.fhm-mmq-scope .split-head{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.fhm-mmq-scope .mini-note{border:1px solid var(--mmq-border);background:#fff;border-radius:14px;padding:10px 12px;color:var(--mmq-muted);font-size:14px;box-shadow:0 10px 22px rgba(16,24,40,.06)}

/* Steps */
.fhm-mmq-scope .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fhm-mmq-scope .step{border:1px solid var(--mmq-border);border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(16,24,40,.06);padding:18px}
.fhm-mmq-scope .step-no{width:34px;height:34px;border-radius:999px;background:rgba(225,6,0,.08);border:1px solid rgba(225,6,0,.16);display:flex;align-items:center;justify-content:center;font-weight:700;color:#9b120e;margin-bottom:10px}
.fhm-mmq-scope .step h3{margin:0 0 6px !important;font-size:18px !important}

/* Deliverables layout */
.fhm-mmq-scope .deliverables{display:grid;grid-template-columns:1.2fr .9fr;gap:22px;align-items:start}
.fhm-mmq-scope .checklist{list-style:none;margin:18px 0 0 !important;padding:0 !important;display:grid;gap:10px}
.fhm-mmq-scope .checklist li{display:flex;gap:10px;align-items:flex-start;color:var(--mmq-muted) !important}
.fhm-mmq-scope .checklist strong{color:var(--mmq-ink)}
.fhm-mmq-scope .tick{width:18px;height:18px;border-radius:6px;border:1px solid rgba(225,6,0,.22);background:rgba(225,6,0,.08);position:relative;flex:0 0 18px;margin-top:2px}
.fhm-mmq-scope .tick:after{content:"";position:absolute;left:5px;top:3px;width:6px;height:9px;border-right:2px solid #9b120e;border-bottom:2px solid #9b120e;transform:rotate(40deg)}

.fhm-mmq-scope .panel{border:1px solid var(--mmq-border);border-radius:18px;background:#fff;box-shadow:var(--mmq-shadow);padding:18px}
.fhm-mmq-scope .panel-top{display:flex;gap:12px;align-items:flex-start}
.fhm-mmq-scope .panel-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(225,6,0,.16);background:rgba(225,6,0,.08);color:#9b120e;font-weight:700;font-size:12px;padding:6px 10px;flex:0 0 auto}
.fhm-mmq-scope .panel h3{margin:0 0 6px !important}
.fhm-mmq-scope .panel .muted{margin:0 !important;color:var(--mmq-muted) !important}
.fhm-mmq-scope .panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.fhm-mmq-scope .panel-item{border:1px solid var(--mmq-border);background:rgba(16,24,40,.02);border-radius:14px;padding:10px 12px;color:var(--mmq-muted);font-size:14px}
.fhm-mmq-scope .panel-foot{margin-top:14px;border-top:1px solid rgba(16,24,40,.08);padding-top:12px}
.fhm-mmq-scope .panel-foot .small{color:var(--mmq-muted2);font-size:13px}

/* Benchmark table */
.fhm-mmq-scope .bench-table-wrap{border:1px solid var(--mmq-border);border-radius:18px;overflow:hidden;box-shadow:0 10px 22px rgba(16,24,40,.06);background:#fff}
.fhm-mmq-scope .bench-table{width:100%;border-collapse:collapse}
.fhm-mmq-scope .bench-table th{background:rgba(16,24,40,.02);text-align:left;padding:14px 16px;font-size:13px;color:var(--mmq-muted2);letter-spacing:.06em;text-transform:uppercase}
.fhm-mmq-scope .bench-table td{padding:14px 16px;border-top:1px solid rgba(16,24,40,.08);color:var(--mmq-muted)}
.fhm-mmq-scope .bench-table td strong{color:var(--mmq-ink)}
.fhm-mmq-scope .bench-table tbody tr:nth-child(even) td{background:rgba(16,24,40,.015)}

/* Quote */
.fhm-mmq-scope .quote-card{border:1px solid var(--mmq-border);border-radius:18px;background:#fff;box-shadow:var(--mmq-shadow);padding:22px;position:relative}
.fhm-mmq-scope .quote-card:before{content:"“";position:absolute;left:18px;top:10px;font-size:64px;line-height:1;color:rgba(225,6,0,.16);font-weight:700}
.fhm-mmq-scope .quote{margin:18px 0 18px !important;color:var(--mmq-ink) !important;font-size:18px !important;line-height:1.7 !important}
.fhm-mmq-scope .quote-meta{display:flex;gap:12px;align-items:center}
.fhm-mmq-scope .quote-avatar{width:40px;height:40px;border-radius:12px;border:1px solid var(--mmq-border);background:rgba(16,24,40,.02);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--mmq-muted)}
.fhm-mmq-scope .quote-name{font-weight:600}
.fhm-mmq-scope .quote-sub{color:var(--mmq-muted2);font-size:13px}

/* Tabs */
.fhm-mmq-scope .tab-nav{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin:18px 0 14px !important}
.fhm-mmq-scope .tab-btn{
  appearance:none;
  border:1px solid var(--mmq-border) !important;
  background:#fff !important;
  color:var(--mmq-muted) !important;
  border-radius:999px !important;
  padding:10px 12px !important;
  font-size:14px !important;
  cursor:pointer;
}
.fhm-mmq-scope .tab-btn.active{border-color:rgba(225,6,0,.28) !important;background:rgba(225,6,0,.06) !important;color:#9b120e !important}
.fhm-mmq-scope .tab-panel{display:none}
.fhm-mmq-scope .tab-panel.active{display:block}
.fhm-mmq-scope .tab-card{border:1px solid var(--mmq-border);border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(16,24,40,.06);padding:18px}
.fhm-mmq-scope .tab-card h3{margin:0 0 8px !important}
.fhm-mmq-scope .tab-card ul{margin:10px 0 0 !important;padding-left:18px;color:var(--mmq-muted)}

/* FAQ */
.fhm-mmq-scope .fhm-accordion .acc-item{border:1px solid var(--mmq-border) !important;border-radius:16px !important;background:#fff !important;box-shadow:0 10px 22px rgba(16,24,40,.06) !important;overflow:hidden !important}
.fhm-mmq-scope .fhm-accordion{display:grid;gap:12px}
.fhm-mmq-scope .acc-q{width:100% !important;text-align:left !important;padding:14px 16px !important;background:#fff !important;border:0 !important;font-size:16px !important;color:var(--mmq-ink) !important}
.fhm-mmq-scope .acc-q:after{content:"+";float:right;color:var(--mmq-muted2)}
.fhm-mmq-scope .acc-item.open .acc-q:after{content:"–"}
.fhm-mmq-scope .acc-a{max-height:0;overflow:hidden;transition:max-height .22s ease}
.fhm-mmq-scope .acc-item.open .acc-a{max-height:260px}
.fhm-mmq-scope .acc-a p{padding:0 16px 16px !important;margin:0 !important}

/* CTA */
.fhm-mmq-scope .fhm-cta .fhm-card{box-shadow:var(--mmq-shadow) !important;border-radius:22px !important}

/* Responsive */
@media (max-width: 980px){
  .fhm-mmq-scope .fhm-section{padding:64px 0 !important}
  .fhm-mmq-scope .fhm-hero h1{font-size:44px !important}
  .fhm-mmq-scope .fhm-hero .fhm-wrap{gap:22px !important}
  .fhm-mmq-scope .deliverables{grid-template-columns:1fr !important}
  .fhm-mmq-scope .steps-grid{grid-template-columns:1fr !important}
  .fhm-mmq-scope .split-head{flex-direction:column;align-items:flex-start}
  .fhm-mmq-scope .trust-bar{flex-direction:column;align-items:flex-start}
  .fhm-mmq-scope .trust-right{justify-content:flex-start}
}