:root{--ink:#17302d;--muted:#61706d;--brand:#244842;--cream:#f7f2eb;--line:#e5ddd1;--soft:#edf6f2}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--cream);color:var(--ink)}
.topbar{height:78px;background:#213f46;color:white;display:flex;align-items:center;padding:0 34px;gap:26px;position:sticky;top:0;z-index:10}
.brand{font-size:28px;letter-spacing:3px;font-weight:700}.nav{display:flex;gap:22px;flex:1}.nav a{color:white;text-decoration:none}.cta{border:2px solid white;border-radius:999px;padding:13px 22px;color:white;text-decoration:none;font-weight:800}
.hero{min-height:430px;background:linear-gradient(135deg,rgba(20,45,43,.74),rgba(20,45,43,.58)),radial-gradient(circle at 20% 20%,#d8c0a1,transparent 32%),radial-gradient(circle at 80% 80%,#8b6c50,transparent 38%),#21443f;display:grid;place-items:center;text-align:center;color:white;padding:40px}
.hero h1{font-size:64px;letter-spacing:12px;font-weight:500;margin:0 0 8px}.hero p{font-size:22px;letter-spacing:4px;line-height:1.35}.button,.btn{background:#28534c;color:white;border:0;border-radius:999px;padding:16px 26px;text-decoration:none;font-weight:900;font-size:16px;cursor:pointer}.btn.secondary{background:#ede4d8;color:#28534c}
.wrap{max-width:1080px;margin:0 auto;padding:54px 24px}.panel{background:white;border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 55px rgba(44,37,26,.08);overflow:hidden}.intro{padding:34px;background:#254e47;color:white}.intro h2{font-size:38px;margin:0 0 12px}.intro p{color:#dcece8;font-size:18px;line-height:1.5}.form{padding:30px}.section{display:none}.section.active{display:block}.helper{color:var(--muted);line-height:1.45}
.question{margin:22px 0;padding:22px;border:1px solid var(--line);border-radius:22px;background:#fffdf9}.title{font-weight:850;font-size:18px;display:block;margin-bottom:14px}.options{display:grid;gap:10px}.option{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid #eadfce;border-radius:16px;background:#fbf8f3}
.option:hover{border-color:#28534c;background:#f2eee5}input[type=radio],input[type=checkbox]{width:20px;height:20px;accent-color:#28534c}input[type=text],input[type=email],input[type=tel],textarea{width:100%;border:1px solid #d8cbbb;border-radius:16px;padding:15px 16px;font-size:16px}textarea{min-height:100px}
.progress{height:10px;background:#e9dfd1;border-radius:99px;overflow:hidden;margin-bottom:28px}.progress span{display:block;height:100%;width:16%;background:linear-gradient(90deg,#28534c,#5fa398);transition:.25s}
.actions{display:flex;justify-content:space-between;gap:12px;padding-top:18px}.result{display:none;padding:34px}.score{font-size:76px;font-weight:950;color:#28534c}.profile{font-size:25px;font-weight:900;margin:8px 0 20px}
.radar,.badges,.leadgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:22px 0}.meter,.badge,.leadcard{background:var(--soft);border:1px solid #cfe5dc;border-radius:18px;padding:16px;font-weight:750}.bar{height:10px;background:#e9dfd1;border-radius:99px;overflow:hidden;margin-top:10px}.bar span{display:block;height:100%;background:linear-gradient(90deg,#28534c,#5fa398)}.small{font-size:13px;color:#6b7b77}.footer{text-align:center;padding:28px;color:#64706d}
.hidden-form{display:none}
@media(max-width:800px){.nav{display:none}.hero h1{font-size:42px}.hero p{font-size:16px}.form{padding:18px}.wrap{padding:28px 14px}}