@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}main{background:radial-gradient(circle at 8% 15%,#edf6ef 0,#0000 28%),radial-gradient(circle at 95% 12%,#f8ead4 0,#0000 20%);min-height:100vh}.brand{letter-spacing:.02em;align-items:center;gap:12px;max-width:1120px;height:82px;margin:auto;padding:0 24px;font-weight:700;display:flex}.brandMark{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Playfair Display;font-size:15px;display:grid}.hero,.emailStep{text-align:center;max-width:770px;margin:8vh auto 0;padding:30px 24px 80px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#65827a;margin-bottom:20px;font-size:12px;font-weight:700}h1{letter-spacing:-.035em;margin:0 0 24px;font-family:Playfair Display,serif;font-size:clamp(42px,7vw,72px);line-height:1.05}.lead{color:#58706a;max-width:680px;margin:0 auto 34px;font-size:19px;line-height:1.7}.primary,.secondary{cursor:pointer;border:0;border-radius:999px;padding:16px 25px;font-weight:700;transition:all .2s}.primary{background:var(--ink);color:#fff;box-shadow:0 8px 24px #183b3728}.primary:hover{background:#24534d;transform:translateY(-2px)}.primary:disabled,.secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.secondary{color:var(--ink);background:0 0;border:1px solid #bfcfc9}.scalePreview{align-items:center;gap:16px;max-width:430px;margin:0 auto 34px;font-weight:700;display:flex}.scalePreview i{background:linear-gradient(90deg,var(--sage),var(--gold));flex:1;height:2px}.scalePreview small{color:#71857f;font-weight:400}.fine{color:#83928e;font-size:13px}.quiz{max-width:900px;margin:5vh auto;padding:0 24px 80px}.progressMeta{color:#6c817b;justify-content:space-between;font-size:13px;font-weight:700;display:flex}.progress{background:#e1e9e5;border-radius:8px;height:5px;margin:10px 0 40px;overflow:hidden}.progress span{background:var(--gold);height:100%;transition:all .3s;display:block}.questionCard{border:1px solid var(--line);text-align:center;background:#fff;border-radius:28px;padding:50px;box-shadow:0 18px 60px #284d3e10}.number{color:var(--gold);font-family:Playfair Display;font-size:20px}.questionCard h2{max-width:720px;margin:18px auto 44px;font-family:Playfair Display;font-size:clamp(27px,4vw,40px);line-height:1.3}.labels{color:#788b85;justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.scores{grid-template-columns:repeat(11,1fr);gap:7px;display:grid}.scores button{aspect-ratio:1;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #cdd9d4;border-radius:50%;font-weight:700}.scores button:hover,.scores .selected{background:var(--ink);border-color:var(--ink);color:#fff;transform:scale(1.08)}.nav{justify-content:space-between;margin-top:28px;display:flex}.emailStep{max-width:680px;margin-top:3vh}.emailStep h1{font-size:clamp(38px,6vw,58px)}.resultIcon{background:var(--mint);border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 24px;font-size:24px;display:grid}.emailStep form{border:1px solid var(--line);text-align:left;background:#fff;border-radius:24px;padding:30px;box-shadow:0 15px 40px #183b3710}.emailStep label:not(.check){gap:9px;font-weight:700;display:grid}.emailStep input[type=email]{background:#fcfdfb;border:1px solid #bfcfc9;border-radius:12px;padding:15px}.check{color:#647872;align-items:flex-start;gap:11px;margin:18px 0;font-size:13px;line-height:1.5;display:flex}.check input{margin-top:3px}.full{width:100%}.error{color:#a33434;font-size:13px}.textButton{color:#627a73;cursor:pointer;background:0 0;border:0;margin-top:20px}.results{text-align:center;max-width:1050px;margin:4vh auto;padding:20px 24px 90px}.results h1{font-size:clamp(42px,7vw,66px)}.topCards{text-align:left;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.topCard{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px;position:relative;box-shadow:0 12px 40px #183b370d}.topCard>span{color:var(--gold);font-weight:700}.topCard h2{font-family:Playfair Display;font-size:26px}.topCard p{color:#657b75;line-height:1.55}.ring{float:right;text-align:center;background:conic-gradient(var(--gold) var(--score),#edf0ed 0);border-radius:50%;place-content:center;width:88px;height:88px;display:grid;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.ring b,.ring small{z-index:1}.ring b{font-size:23px}.ring small{color:#71817d;font-size:10px}.allTitle{text-align:left;margin-top:54px;font-family:Playfair Display;font-size:32px}.bars{border:1px solid var(--line);text-align:left;background:#fff;border-radius:24px;padding:30px}.barRow+.barRow{margin-top:20px}.barRow>div:first-child{justify-content:space-between;margin-bottom:8px;display:flex}.barRow span{font-weight:700}.bar{background:#eef1ef;border-radius:9px;height:9px;overflow:hidden}.bar span{background:linear-gradient(90deg,var(--sage),var(--gold));border-radius:9px;height:100%;display:block}aside{background:var(--mint);text-align:left;border-radius:20px;margin-top:28px;padding:26px}aside p{margin-bottom:0;line-height:1.6}footer{text-align:center;color:#788b85;border-top:1px solid var(--line);padding:24px;font-size:12px}@media (max-width:700px){.brand{height:65px}.hero{margin-top:3vh}.questionCard{padding:30px 18px}.scores{grid-template-columns:repeat(6,1fr);gap:10px}.scores button{min-height:44px}.topCards{grid-template-columns:1fr}.nav{gap:10px}.nav button{flex:1}.labels{font-size:10px}.lead{font-size:17px}}:root{--ink:#4f121a;--mint:#f1e9de;--sage:#bd8f53;--gold:#8b4819;--paper:#fffdfa;--line:#e2d4c3}main{background:radial-gradient(circle at 8% 15%,#f1e9de 0,#0000 30%),radial-gradient(circle at 95% 12%,#bd8f5330 0,#0000 24%)}.primary{box-shadow:0 8px 24px #4f121a28}.primary:hover{background:#6b1e28}.eyebrow,.lead,.fine,.progressMeta,.labels,.textButton{color:#8b4819}.secondary{border-color:#bd8f53}.questionCard,.emailStep form,.topCard{box-shadow:0 16px 48px #4f121a12}.emailNotice{color:#8b4819;background:#f1e9de;border-radius:14px;max-width:680px;margin:0 auto 28px;padding:14px 18px}.privacyCard{text-align:left;border:1px solid var(--line);background:#fff;border-radius:20px;max-width:680px;margin:0 auto 28px;padding:24px}.privacyCard label:not(.check){gap:8px;font-weight:700;display:grid}.privacyCard input[type=email]{border:1px solid #bd8f53;border-radius:10px;padding:14px}.privacyCard p{color:#8b4819;font-size:14px;line-height:1.55}.privacyCard a{color:#4f121a;font-weight:700}.routeError{text-align:center}