:root{--bg:#f8fafc;--paper:#fff;--line:#e9eef5;--ink:#17212b;--muted:#6b7384;--accent:#0e7c66;--accent2:#14a384;--soft:#e9f5f1;--max:1200px;--stage:760px;--side:340px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--radius-1:10px;--radius-2:14px;--radius-3:16px;--radius-4:18px}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
h1,h2,h3{font-family:"Source Serif 4",Georgia,serif}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--space-6)}.hidden{display:none}.center{text-align:center}.mt{margin-top:var(--space-7)}.fine{font-size:13px}.h2{font-size:28px;margin:.2rem 0 .6rem}.h3{font-size:22px;margin:.2rem 0 .4rem}.display{font-size:44px;line-height:1.15;margin:.2rem 0 .6rem}.lead{font-size:18px;color:#2a3646;margin:0 0 var(--space-4)}.muted{color:var(--muted)}
.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:50}.topbar .wrap{display:grid;grid-template-columns:240px 1fr 80px;align-items:center;gap:var(--space-6);padding:var(--space-3) 0}
.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.b1{font-weight:700}.b2{font-size:12px;color:var(--muted)}
.progress{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-8)}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.stepper .step{height:24px;border-radius:999px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);background:#fff}.stepper .step.active{border-color:var(--accent);color:var(--accent);font-weight:700}
.bar{height:10px;background:#f1f4fa;border-radius:6px;border:1px solid var(--line);overflow:hidden}.fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .25s}.link{appearance:none;background:none;border:none;color:var(--muted);cursor:pointer;justify-self:end}
.hero{padding:var(--space-9) 0;background:linear-gradient(180deg,#fff,#f7faf9)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-8);align-items:center}.hero-cta{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-3);box-shadow:0 10px 36px rgba(14,25,38,.06);padding:var(--space-6)}.hero-aside .quote{display:grid;grid-template-columns:40px 1fr;gap:var(--space-3);align-items:flex-start}.avatar{width:40px;height:40px;border-radius:50%;background:var(--soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:900}.mini-points{padding-left:18px;margin:.4rem 0 .6rem}.ticks{padding-left:18px;margin:.4rem 0 0}
.quiz{padding:var(--space-8) 0}.quiz-frame{display:grid;grid-template-columns:minmax(0,var(--stage)) minmax(0,var(--side));gap:var(--space-8);justify-content:center}.stage{padding:var(--space-7)}.qhead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.qindex{font-weight:700;color:var(--accent)}.qtitle{margin:.2rem 0 .6rem}.qwrap{display:grid;gap:var(--space-3)}.tile{display:flex;gap:var(--space-3);align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:var(--space-4);background:#fff;cursor:pointer}.tile:hover{border-color:var(--accent)}.tile input{margin-top:3px}.nav{display:flex;justify-content:space-between;margin-top:var(--space-5)}
.side .side-title{font-weight:700;margin-bottom:var(--space-3)}.tracks{list-style:none;padding:0;margin:0}.tracks li{margin:var(--space-2) 0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot-aga{background:#6bd1ff}.dot-te{background:#7bdcff}.dot-aa{background:#f8b8e1}.dot-tr{background:#ffb4b4}.dot-th{background:#ffe38a}.dot-ir{background:#b4ffd5}hr{border:none;border-top:1px solid var(--line);margin:var(--space-4) 0}
.results{padding:var(--space-9) 0}.result-head{margin-bottom:var(--space-4)}.result-grid{display:grid;grid-template-columns:minmax(0,var(--stage)) minmax(0,var(--side));gap:var(--space-8);justify-content:center}.track{padding:var(--space-4);border:1px solid var(--line);border-radius:12px;background:#fff}.track .bar{height:8px;background:#eef3f8;border-radius:999px;overflow:hidden;margin-top:var(--space-3);border:1px solid var(--line)}.track .fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:#465164;margin-left:8px;background:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6)}
.btn{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;border-radius:12px;cursor:pointer;transition:.2s;font-weight:600}.btn:hover{border-color:var(--accent)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none}.btn-outline{background:#fff;border-color:var(--accent);color:var(--accent);font-weight:700}.btn-ghost{background:#fff}.btn-lg{padding:14px 18px;border-radius:14px}.w-full{width:100%}
.footer{padding:var(--space-6) 0;border-top:1px solid var(--line);background:#fff;margin-top:var(--space-8)}
/* V3.4.3 Additions */
.smart-rec {margin-top: var(--space-7)}
.smart-rec .grid3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}
.smart-rec .rec-card {background:#fff;border:1px solid var(--line);border-radius:12px;padding:var(--space-5);display:flex;flex-direction:column;gap:10px}
.smart-rec .rec-eyebrow{font-size:12px;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}
.smart-rec .rec-title{font-weight:700}
.smart-rec .rec-bullets{margin:6px 0 0 0;padding-left:18px}
.smart-rec .rec-cta{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.email-cap {margin-top: var(--space-7)}
.email-cap .cap-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-6);align-items:center}
.email-cap .cap-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:var(--space-6)}
.email-cap .input-row{display:flex;gap:10px;margin-top:10px}
.email-cap input[type="email"]{flex:1;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:16px}
.email-cap .note{font-size:13px;color:var(--muted);margin-top:6px}
.badge-soft{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef3f8;border:1px solid var(--line);font-size:12px;color:#465164}
@media (max-width: 1000px){:root{--max:100%}.topbar .wrap{grid-template-columns:1fr}.progress{padding:0}.quiz-frame,.result-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}}
@media (max-width: 768px){:root{--space-6:20px}.btn,.tile{padding:14px 16px}.display{font-size:36px}.lead{font-size:17px}.quiz,.results{padding:32px 0}.hero{padding:40px 0}.grid2{grid-template-columns:1fr}.cta{flex-direction:column;align-items:stretch}.btn-lg,.w-full,.cta .btn{width:100%}.topbar .wrap{padding:10px 20px}.smart-rec .grid3{grid-template-columns:1fr}}
@media (max-width: 480px){.display{font-size:30px}.h2{font-size:24px}.h3{font-size:18px}body{line-height:1.8}.tile{gap:12px}.qhead{flex-direction:column;align-items:flex-start;gap:6px}.progress .bar{height:8px}.stepper .step{height:20px;font-size:11px}}