/* Layout: uma coluna central, um cartão por pergunta, resultado em painéis empilhados */
 .quiz{
  --bg:#0B1A2C; --panel:#13283F; --line:#26425F; --text:#F3EFE6; --mute:#AFC0D2;
  --amber:#F2A33A; --amber-ink:#0B1A2C; --green:#4CC38A; --red:#F07A5E; --yellow:#F2C94C;
  --display:'Montserrat',Arial,sans-serif; --body:'Inter',Arial,sans-serif;
}
.quiz{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.5}
.app{max-width:640px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:20px 48px;box-sizing:border-box}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.brand span{font-family:var(--display);font-weight:900;font-size:13px;letter-spacing:2px;line-height:1.05}
.progress{height:6px;background:var(--panel);border-radius:999px;overflow:hidden;margin-bottom:8px}
.progress i{display:block;height:100%;background:var(--amber);border-radius:999px;transition:width .3s}
.step{font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin:14px 0 6px}
.app h1,.app h2,.app h3{font-family:var(--display);margin:0;text-wrap:balance}
.app h1{font-weight:900;font-size:clamp(30px,8vw,44px);line-height:1.08}
.app h2{font-weight:800;font-size:clamp(21px,5.5vw,26px);line-height:1.25}
.app h3{font-weight:800;font-size:17px}
.app p{margin:0}
.muted{color:var(--mute)}
.help{margin-top:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14.5px;color:#DDE5EE}
.help b{color:var(--amber)}
.opts{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.opt{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;text-align:left;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:12px 16px;color:var(--text);font:inherit;font-size:16px;cursor:pointer;box-sizing:border-box}
.opt:hover{border-color:#3E6288}
.opt[aria-pressed="true"]{border-color:var(--amber);background:#1A3350}
.opt .dot{width:20px;height:20px;border-radius:50%;border:2px solid #5A7898;flex:none;box-sizing:border-box}
.opt[aria-pressed="true"] .dot{border:6px solid var(--amber)}
.opt:focus-visible,.btn:focus-visible,.cnt button:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.app .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-family:var(--display);font-weight:800;font-size:15px;border:0;cursor:pointer}
.app .btn-amber{background:var(--amber);color:var(--amber-ink)}
.app .btn-amber:disabled{opacity:.4;cursor:not-allowed}
.app .btn-ghost{background:transparent;color:var(--mute);border:2px solid var(--line)}
.counters{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.cnt{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px 10px 16px}
.cnt small{display:block;color:var(--mute);font-size:13px}
.cnt .ctl{display:flex;align-items:center;gap:10px}
.cnt button{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:var(--bg);color:var(--text);font-size:22px;font-weight:700;cursor:pointer}
.cnt output{min-width:24px;text-align:center;font-family:var(--display);font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}
.intro-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.intro-list div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14.5px}
.intro-list b{display:block;font-family:var(--display);color:var(--amber);font-size:20px}
/* resultado */
.score{display:flex;align-items:center;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:16px}
.ring{width:132px;height:132px;flex:none;position:relative}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;font-size:42px;font-variant-numeric:tabular-nums}
.band{display:inline-block;font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;padding:5px 10px;border-radius:999px;margin-bottom:8px}
.crit{margin-top:14px;background:#3A1E1E;border:1px solid #7A3A30;border-radius:14px;padding:14px 16px}
.crit h3{color:var(--red);font-size:15px;display:flex;gap:8px;align-items:center}
.crit p{font-size:14.5px;margin-top:4px;color:#F4DAD3}
.qpillars{display:flex;flex-direction:column;gap:12px;margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}
.pill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}
.pill-row .bar{grid-column:1/-1;height:10px;border-radius:999px;background:#0B1A2C;overflow:hidden}
.pill-row .bar i{display:block;height:100%;border-radius:999px}
.pill-row span{font-size:14.5px;font-weight:600}
.pill-row em{font-style:normal;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.prio{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.prio li{list-style:none;display:flex;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.prio ol{margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.prio .n{width:32px;height:32px;flex:none;border-radius:50%;background:var(--amber);color:var(--amber-ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900}
.prio p{font-size:15px}
.prio small{display:block;color:var(--mute);font-size:13px;margin-top:3px}
.good{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.good span{background:#173A2E;border:1px solid #2E6B52;color:#BFEBD5;border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600}
.lead-form{margin-top:18px;background:var(--amber);color:var(--amber-ink);border-radius:18px;padding:20px}
.lead-form h3{font-size:19px}
.lead-form label{display:block;font-weight:600;font-size:14px;margin:12px 0 4px}
.lead-form input[type=text],.lead-form input[type=email]{width:100%;min-height:48px;border:0;border-radius:12px;padding:0 14px;font:inherit;box-sizing:border-box;background:#fff;color:#14212F}
.lead-form .chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:500;margin-top:12px}
.lead-form .chk input{width:20px;height:20px;margin:0;flex:none}
.app .lead-form .btn{width:100%;margin-top:14px;background:var(--bg);color:#fff}
.note{font-size:12.5px;color:var(--mute);margin-top:16px;line-height:1.5}
.sec-title{margin-top:26px}
@media (prefers-reduced-motion:reduce){.progress i{transition:none}}
@media (max-width:420px){.score{flex-direction:column;text-align:center}.intro-list{grid-template-columns:1fr}}