*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left, rgba(212,175,55,.16), transparent 32%),linear-gradient(180deg,#0b0b0c,#141416 45%,#0b0b0c);color:#f4f4f4;min-height:100dvh}.shell{max-width:980px;margin:0 auto;padding:18px 14px 32px}.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:24px;box-shadow:0 18px 54px rgba(0,0,0,.35);overflow:hidden}.hero{display:grid;grid-template-columns:1.05fr .95fr}.hero-media img{display:block;width:100%;height:100%;object-fit:cover;min-height:280px}.hero-copy{padding:26px 24px 24px}.eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(212,175,55,.14);border:1px solid rgba(212,175,55,.30);color:#f1d37b;font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.04;margin:16px 0 12px}.lead{font-size:16px;line-height:1.6;color:#d7d7d7;max-width:46ch}.trust{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}.trust span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-size:13px;color:#ececec}.btn{appearance:none;border:none;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:46px}.btn.primary{background:linear-gradient(180deg,#e2c051,#cfa42a);color:#161616}.btn.ghost{background:rgba(255,255,255,.06);color:#f2f2f2;border:1px solid rgba(255,255,255,.12)}.hidden{display:none!important}.quiz,.result{margin-top:18px;padding:18px}.progress-row{display:grid;gap:10px;margin-bottom:12px}.progress-topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.progress-label,.progress-aux{font-size:13px;color:#cfcfcf;font-weight:700}.progress-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.progress-bar div{height:100%;width:0;background:linear-gradient(90deg,#d4af37,#f1d37b)}#questionText{font-size:clamp(21px,2.8vw,30px);line-height:1.16;margin:6px 0 8px;max-width:27ch}.question-support{margin:0 0 12px;color:#bfc2c6;font-size:13px;line-height:1.5}.answers{display:grid;gap:10px}.answer{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);cursor:pointer;transition:.15s transform,.15s border-color,.15s background;text-align:left}.answer:hover{transform:translateY(-1px);border-color:rgba(212,175,55,.45)}.answer.active{background:rgba(212,175,55,.10);border-color:rgba(212,175,55,.55);box-shadow:0 0 0 1px rgba(212,175,55,.15) inset}.answer strong,.answer .answer-title{display:block;font-size:15px;line-height:1.32;margin-bottom:4px;color:#e0e0e0}.answer span,.answer .answer-subtext{display:block;font-size:12px;line-height:1.4;color:#c8c8c8}.nav-row{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.result-header{max-width:720px;margin-bottom:8px}.result .eyebrow{margin-bottom:12px}.result h3,.result-title{font-size:clamp(22px,2.7vw,30px);line-height:1.22;margin:0 0 10px;max-width:22ch;color:#f0f0f0;font-weight:700}.result-copy{font-size:16px;line-height:1.65;color:#ede7d0;max-width:64ch;margin:0 0 10px}.result-copy.secondary{color:#d7d7d7}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.meta-grid .wide{grid-column:1 / -1}.meta-grid div{padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}.meta-grid strong{display:block;font-size:12px;color:#cfb45f;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.meta-grid span{font-size:15px;color:#f2f2f2;line-height:1.5}.cta-box{padding:18px;border-radius:20px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.22)}.cta-box p{margin:0 0 14px;line-height:1.6;color:#ece7d2}.actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:760px){.shell{padding:12px 10px 18px}.hero{grid-template-columns:1fr}.hero-media img{min-height:220px;max-height:260px}.hero-copy{padding:20px 18px}.quiz,.result{padding:14px}.progress-row{gap:8px;margin-bottom:8px}#questionText{font-size:clamp(18px,5vw,23px);line-height:1.14;margin:4px 0 6px;max-width:100%}.question-support{margin-bottom:10px;font-size:12px}.answers{gap:8px}.answer{padding:10px 12px;border-radius:16px}.answer strong,.answer .answer-title{font-size:14px;line-height:1.25}.answer span,.answer .answer-subtext{font-size:11.5px;line-height:1.32}.nav-row{margin-top:12px}.nav-row .btn{flex:1}.meta-grid{grid-template-columns:1fr}.result h3,.result-title{font-size:22px;line-height:1.24;max-width:100%}}@media (max-height:760px) and (max-width:760px){.shell{padding:8px 8px 14px}.quiz{min-height:calc(100dvh - 16px);display:grid;grid-template-rows:auto auto auto 1fr auto;align-content:start}.quiz,.result{padding:12px}.progress-bar{height:8px}#questionText{font-size:18px}.answer{padding:9px 11px}.btn{min-height:42px;padding:10px 15px}.answers{gap:6px}.question-support{font-size:11.5px;line-height:1.35}}
.answer{background:rgba(255,255,255,.05)}.answer:hover{background:rgba(255,255,255,.065)}


/* V8 UX premium push: larger mobile answer typography without enlarging card footprint */
.answer{overflow:hidden;position:relative;will-change:transform,box-shadow,border-color,background}.answer *{word-break:break-word}.answer::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 0 rgba(212,175,55,0);transition:box-shadow .18s ease,opacity .18s ease;opacity:.9}.answer:hover{box-shadow:0 10px 26px rgba(0,0,0,.20),0 0 0 1px rgba(212,175,55,.08) inset}.answer:hover::after{box-shadow:inset 0 0 0 1px rgba(212,175,55,.10)}.answer:active{transform:scale(.988)}.answer.active{background:linear-gradient(180deg,rgba(212,175,55,.13),rgba(212,175,55,.08));box-shadow:0 12px 28px rgba(0,0,0,.22),0 0 0 1px rgba(212,175,55,.14) inset}.answer.active::after{box-shadow:inset 0 0 0 1px rgba(212,175,55,.18)}
@media (max-width:760px){.answer{min-height:76px;display:flex;flex-direction:column;justify-content:center}.answer strong,.answer .answer-title{font-size:14.125pt;line-height:1.12;letter-spacing:.01em}.answer span,.answer .answer-subtext{font-size:12.5pt;line-height:1.12}.answers{gap:8px}}
@media (max-height:760px) and (max-width:760px){.answer{min-height:72px;padding:9px 11px}.answer strong,.answer .answer-title{font-size:14pt;line-height:1.1}.answer span,.answer .answer-subtext{font-size:12.35pt;line-height:1.1}}

.answer strong{font-size:1.08rem;line-height:1.35;display:block;margin-bottom:4px;}
.answer span{font-size:0.98rem;line-height:1.45;display:block;opacity:.92;}
.hero-media img{object-fit:cover}


/* Header fixpack: correct image + full visibility */
.hero-media{background:#0b0b0c;display:flex;align-items:center;justify-content:center}.hero-media img{width:100%;height:100%;object-fit:contain;object-position:center center;background:#0b0b0c}@media (max-width:760px){.hero-media img{min-height:180px;max-height:240px;object-fit:contain}}


/* Header reduced by 15% to show full image more elegantly */
.hero-media{padding:18px;background:#0b0b0c}
.hero-media img{
  width:85%;
  max-width:85%;
  height:auto;
  min-height:0 !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center;
  margin:0 auto;
  display:block;
}
@media (max-width:760px){
  .hero-media{padding:12px}
  .hero-media img{
    width:85%;
    max-width:85%;
    min-height:0 !important;
    max-height:none !important;
  }
}