/* MelioraPOS quiz funnel — built on the existing site tokens (see site.css :root) */

.quiz-body{background:radial-gradient(circle at 15% 0%,#e7f0ff 0,transparent 45%),radial-gradient(circle at 100% 100%,#eef5ff 0,transparent 40%),var(--paper);min-height:100vh;display:flex;flex-direction:column}
.quiz-header{display:flex;align-items:center;justify-content:space-between;padding:22px max(20px,calc((100% - 1180px)/2))}
.quiz-header .brand{display:flex;align-items:center;gap:11px;line-height:1}
.quiz-exit{display:inline-flex;align-items:center;gap:6px;font:700 12px "Manrope";color:var(--muted);padding:8px 12px;border-radius:20px;transition:.2s}
.quiz-exit:hover{background:#e9f0fb;color:var(--deep)}
.quiz-exit span{font-size:16px;line-height:1}

.quiz-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 20px 60px}
.quiz-frame{position:relative;width:min(720px,100%);background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 90px rgba(7,31,66,.12);padding:52px}

.quiz-progress{display:flex;align-items:center;gap:14px;margin-bottom:36px}
.quiz-progress[hidden]{display:none}
.quiz-back{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--line);border-radius:50%;background:white;color:var(--deep);cursor:pointer;font-size:15px;transition:.2s}
.quiz-back:hover:not(:disabled){border-color:var(--green);color:var(--green)}
.quiz-back:disabled{opacity:.35;cursor:default}
.quiz-progress-track{flex:1;height:6px;border-radius:6px;background:#e6edf7;overflow:hidden}
.quiz-progress-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--green),var(--mint));transition:width .35s ease}
.quiz-step-count{flex:none;font:700 11px "Manrope";letter-spacing:.06em;color:var(--muted);white-space:nowrap}

.quiz-eyebrow{font:700 11px "Manrope";letter-spacing:.18em;color:var(--green);margin:0 0 14px}
.quiz-headline{font:600 clamp(30px,4.2vw,44px)/1.14 "Manrope";letter-spacing:-.03em;margin:0 0 18px;color:var(--ink)}
.quiz-headline em{font-family:"Playfair Display";font-style:italic;font-weight:600;color:var(--green)}
.quiz-subtext{font-size:16px;color:var(--muted);max-width:520px;margin:0 0 28px;line-height:1.7}

.quiz-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px;padding:0}
.quiz-trust li{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;background:#f0f6ff;border-radius:20px;font:600 12px "DM Sans";color:#274669}
.quiz-trust li span{font-size:13px}

.quiz-start,.quiz-continue,.quiz-lead-submit{gap:10px}
.quiz-start span,.quiz-continue span,.quiz-lead-submit span,.quiz-report-cta span{margin-left:2px;transition:transform .2s}
.quiz-start:hover span,.quiz-continue:hover span,.quiz-lead-submit:hover span,.quiz-report-cta:hover span{transform:translateX(3px)}
.is-loading{opacity:.65;pointer-events:none}
.quiz-continue:disabled,.quiz-lead-submit:disabled,.quiz-start:disabled{opacity:.4;cursor:not-allowed}

.quiz-question-prompt{font:600 clamp(24px,3.2vw,32px)/1.25 "Manrope";letter-spacing:-.02em;margin:0 0 10px;color:var(--ink)}
.quiz-question-subtext{color:var(--muted);font-size:14px;margin:0 0 26px}

.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}
.quiz-option{display:flex;align-items:center;gap:13px;padding:16px 18px;text-align:left;background:#f8fafd;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;transition:.15s;font:inherit}
.quiz-option:hover{border-color:#9cbde8;background:#f2f7ff}
.quiz-option.is-selected{border-color:var(--green);background:#eaf2ff;box-shadow:0 0 0 3px rgba(21,89,166,.12)}
.quiz-option-icon{font-size:22px;line-height:1;flex:none}
.quiz-option-label{flex:1;font:600 14px "DM Sans";color:var(--ink);line-height:1.4}
.quiz-option-check{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid #c3d1e4;background:white;position:relative}
.quiz-option.is-selected .quiz-option-check{border-color:var(--green);background:var(--green)}
.quiz-option.is-selected .quiz-option-check:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(40deg)}

.quiz-continue{margin-top:22px;width:100%}
.quiz-error{color:#a63d32;margin-bottom:16px}

.quiz-teaser-tier{font:700 clamp(32px,5vw,52px)/1.05 "Manrope";letter-spacing:-.03em;margin:0 0 14px;color:var(--deep)}
.quiz-teaser-reason{font-size:17px;color:var(--muted);margin:0 0 32px;line-height:1.6}

.quiz-lead-form{padding-top:28px;border-top:1px solid var(--line)}
.quiz-lead-intro{font-size:13px;color:var(--muted);margin:0 0 20px}
.quiz-lead-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.quiz-lead-form label{display:block;margin-bottom:20px}
.quiz-lead-form label>span{display:block;margin-bottom:7px;font:700 10px "Manrope";letter-spacing:.08em}
.quiz-lead-form label em{font-weight:400;color:var(--muted);font-style:normal}
.quiz-lead-form input{width:100%;padding:12px 13px;border:1px solid #cbd5e2;border-radius:6px;background:white;color:var(--ink);outline:none}
.quiz-lead-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(21,89,166,.1)}
.quiz-lead-error{color:#a63d32;font-size:12px;margin:-8px 0 16px}
.quiz-lead-error:empty{display:none}
.quiz-lead-submit{width:100%}
.quiz-lead-privacy{display:block;text-align:center;color:var(--muted);margin-top:12px;font-size:11px}

.quiz-report-headline{font:600 clamp(26px,3.4vw,36px)/1.2 "Manrope";letter-spacing:-.02em;margin:0 0 26px;color:var(--ink)}
.quiz-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.quiz-report-card{position:relative;padding:26px;border:1.5px solid var(--line);border-radius:14px;background:#fbfcfe;display:flex;flex-direction:column}
.quiz-report-card.is-primary{border-color:var(--green);background:linear-gradient(160deg,#f3f8ff,#fff);box-shadow:0 22px 48px rgba(21,89,166,.14)}
.quiz-report-badge{position:absolute;top:-12px;left:24px;padding:5px 11px;background:var(--deep);color:var(--lime);border-radius:20px;font:700 9px "Manrope";letter-spacing:.1em}
.quiz-report-kicker{font:700 10px "Manrope";letter-spacing:.14em;color:var(--green);margin:0 0 8px}
.quiz-report-card h3{font:700 24px "Manrope";letter-spacing:-.02em;margin:0 0 8px;color:var(--ink)}
.quiz-report-tagline{font-size:13px;color:var(--muted);margin:0 0 6px;line-height:1.6}
.quiz-report-capacity{font:700 11px "Manrope";color:#3d6b34;background:#e6f3d3;display:inline-block;padding:4px 9px;border-radius:20px;margin-bottom:16px;width:fit-content}
.quiz-report-reasons{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:8px}
.quiz-report-reasons li{font-size:12.5px;color:#274669;padding-left:18px;position:relative;line-height:1.5}
.quiz-report-reasons li:before{content:"\2713";position:absolute;left:0;color:var(--green);font-weight:700}
.quiz-report-features{margin:0 0 18px;padding:14px 0 0;border-top:1px solid #e4eaf2;list-style:none;display:grid;gap:7px}
.quiz-report-features li{font-size:12.5px;color:var(--muted)}
.quiz-report-features li:before{content:"\2014";color:var(--green);margin-right:7px}
.quiz-price-rows{margin:auto 0 18px;padding-top:14px;border-top:1px solid #e4eaf2;display:grid;gap:10px}
.quiz-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.quiz-price-row strong{font:700 18px "Manrope";color:var(--ink)}
.quiz-price-row span{display:block;font-size:11px;color:var(--muted)}
.quiz-price-choose{flex:none;padding:8px 15px;border-radius:20px;background:var(--deep);color:white;font:700 11px "Manrope";letter-spacing:.02em;white-space:nowrap;transition:.2s}
.quiz-price-choose:hover{background:var(--green)}
.quiz-report-cta{width:100%;margin-top:auto}
.quiz-report-footnote{margin:26px 0 0;text-align:center;font-size:12px;color:var(--muted)}
.quiz-report-footnote a{color:var(--green);font-weight:700}

.quiz-footer{display:flex;justify-content:center;gap:20px;padding:24px;color:var(--muted);font-size:11px}
.quiz-footer a{color:var(--muted)}
.quiz-footer a:hover{color:var(--green)}

@media(max-width:760px){
    .quiz-header{padding:18px 20px}
    .quiz-header .brand small{display:none}
    .quiz-frame{padding:30px 22px;border-radius:16px}
    .quiz-options{grid-template-columns:1fr}
    .quiz-lead-row{grid-template-columns:1fr}
    .quiz-report-grid{grid-template-columns:1fr}
    .quiz-trust{gap:8px}
}

@media(prefers-reduced-motion:reduce){
    .quiz-progress-fill{transition:none}
    .quiz-start span,.quiz-continue span,.quiz-lead-submit span,.quiz-report-cta span{transition:none}
}