:root{--navy:#132a46;--deep:#0e233b;--blue:#2563eb;--teal:#00aeb5;--ink:#18324f;--muted:#64758a;--line:#e0e8f1;--surface:#fff;--bg:#f5f8fc;--green:#13744e;--shadow:0 20px 60px rgba(22,44,73,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--blue)}:focus-visible{outline:3px solid #7dc4ff;outline-offset:3px}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{min-height:84px;background:#fff;border-bottom:1px solid #edf1f6;padding:16px max(24px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;color:var(--navy);font-weight:800;font-size:20px;line-height:1.15;white-space:nowrap;letter-spacing:-.7px}.brand small{display:block;color:#7d8ba0;font-weight:500;font-size:10px;letter-spacing:.9px;text-transform:uppercase;margin-top:4px}.brand-mark{display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;letter-spacing:-.6px;width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,var(--blue),var(--teal))}.brand-blue{color:#2170dd}.header-link{font-size:13px;font-weight:750;text-decoration:none;color:var(--navy);white-space:nowrap}.header-link span{color:var(--blue);margin-left:4px}main{flex:1}.intro{max-width:930px;text-align:center;margin:54px auto 35px;padding:0 24px}.pill{border:1px solid #d8e9ff;background:#ebf5ff;color:#225993;display:inline-flex;gap:8px;align-items:center;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:750}.pill-dot{height:7px;width:7px;border-radius:50%;background:var(--teal)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.8px;font-weight:800;color:#38849c;margin:18px 0 8px}.intro h1,.result-container h1{font-size:clamp(32px,4.5vw,54px);line-height:1.12;letter-spacing:-2.4px;margin:0 0 17px;color:var(--navy)}.intro h1 span{color:var(--blue)}.intro-text{font-size:17px;line-height:1.7;max-width:700px;margin:0 auto 20px;color:var(--muted)}.intro-meta{display:flex;justify-content:center;gap:27px;flex-wrap:wrap;color:#587089;font-size:13px;font-weight:650}.survey-wrap{max-width:1160px;margin:0 auto 68px;display:grid;grid-template-columns:350px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}.survey-side{background:linear-gradient(155deg,#122b47 0%,#183e64 65%,#165978 100%);padding:45px 38px 34px;color:white;min-height:580px}.survey-side h2{margin:13px 0 16px;font-size:25px;line-height:1.24;letter-spacing:-.7px}.survey-side>p{font-size:14px;line-height:1.7;color:#c7d9e9;margin:0 0 35px}.side-bullet{display:flex;gap:11px;align-items:center;font-size:13px;margin:16px 0;color:#e8f3ff}.side-bullet span{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;background:#237c8c;color:white;font-weight:800}.side-illustration{height:176px;position:relative;display:grid;place-items:center;margin:0 0 11px}.illustration-card{position:absolute;width:182px;height:117px;border-radius:14px;box-shadow:0 15px 35px rgba(0,0,0,.18)}.illustration-card.back{transform:rotate(-13deg) translate(-22px,6px);background:#3c83b1;opacity:.7}.illustration-card.front{transform:rotate(6deg) translate(15px,5px);background:#fff;color:#173956;display:flex;align-items:center;gap:18px;padding:22px}.illustration-card.front>span{font-size:33px;color:#00aeb5}.illustration-card.front b{display:block;font-size:14px}.illustration-card.front i{display:block;width:78px;height:7px;background:#dceaf6;border-radius:5px;margin:10px 0}.illustration-card.front i:last-child{width:54px}.illustration-pin{position:absolute;top:15px;right:37px;font-size:38px;color:#56c4d6}.survey-panel{padding:40px 44px 37px;min-height:580px}.survey-head{display:flex;justify-content:space-between;align-items:center;color:#4d6782;font-size:13px;font-weight:800;margin-bottom:14px}.progress-percent{color:var(--blue)}.progress{height:7px;background:#e9eff6;border-radius:99px;overflow:hidden;margin-bottom:34px}.progress-fill{height:100%;width:10%;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:99px;transition:width .2s ease}.survey-step{border:0;padding:0;margin:0 0 6px;min-width:0}.survey-step legend{font-size:clamp(21px,2.2vw,26px);color:var(--navy);font-weight:800;line-height:1.34;letter-spacing:-.5px;padding:0;margin-bottom:9px}.question-help{font-size:14px;color:var(--muted);margin:0 0 24px}.options{display:grid;gap:11px}.choice{position:relative;display:flex;gap:13px;align-items:center;min-height:59px;border:1.5px solid #e0e8f0;border-radius:12px;padding:13px 16px;cursor:pointer;transition:background .15s,border-color .15s;line-height:1.35;color:#263d55;font-size:14px;font-weight:620}.choice:hover{background:#f6fafe;border-color:#a7c4e9}.choice input{position:absolute;opacity:0;pointer-events:none}.choice-control{width:22px;height:22px;border:2px solid #a6b6c9;flex:0 0 22px;border-radius:50%;position:relative;background:white;transition:.15s}.survey-step[data-type="multiple"] .choice-control{border-radius:6px}.choice:has(input:checked){border-color:#3a88e8;background:#f1f7ff;box-shadow:0 0 0 1px #3a88e8 inset}.choice input:checked+.choice-control{background:var(--blue);border-color:var(--blue)}.choice input:checked+.choice-control:after{content:"";position:absolute;inset:5px;border-radius:50%;background:white}.survey-step[data-type="multiple"] .choice input:checked+.choice-control:after{inset:3px 5px 5px 4px;border-right:2px solid white;border-bottom:2px solid white;width:6px;height:10px;transform:rotate(45deg);background:transparent;border-radius:0}.choice:has(input:focus-visible){outline:3px solid #7dc4ff;outline-offset:2px}.choice-text{flex:1}.step-error{color:#ad283a;font-size:13px;font-weight:650;min-height:18px;margin:13px 0}.step-error:empty{display:none}.step-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:27px}.btn{border-radius:10px;padding:13px 20px;min-height:47px;font-size:14px;font-weight:750;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 6px 14px rgba(37,99,235,.16)}.btn-primary:hover{background:#184ed3}.btn-plain{background:#fff;color:#58718b;border:1px solid #e0e8f1}.btn-plain:hover{background:#f6f9fc}.btn[disabled]{opacity:.42;cursor:not-allowed;transform:none}.js .survey-step{display:none}.js .survey-step.active{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.contact-bubble{width:50px;height:50px;background:#e6f2ff;color:var(--blue);display:grid;place-items:center;border-radius:15px;font-size:24px;margin-bottom:13px}.contact-step h2{margin:0 0 8px;color:var(--navy);font-size:27px;letter-spacing:-.6px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:22px}.field{min-width:0}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750;color:#2b405b;display:block;margin-bottom:6px}.field label span{color:#d04d55}.field label .optional{color:#8290a0;font-weight:500}.field input,.field select{width:100%;min-width:0;display:block;border:1px solid #ccd8e6;border-radius:9px;background:white;color:#24384d;font-size:14px;padding:12px 13px;height:46px}.field input::placeholder{color:#9ba8b8}.field input:focus,.field select:focus{outline:2px solid #97c4f9;border-color:var(--blue)}.check-options{background:#f8fafc;border:1px solid #e5edf4;border-radius:12px;padding:16px 17px;margin:23px 0 13px;display:grid;gap:15px}.checkline{display:flex;align-items:flex-start;gap:11px;cursor:pointer;color:#405571;font-size:13px;line-height:1.4}.checkline input{width:18px;height:18px;accent-color:var(--blue);flex:0 0 18px;margin:0}.checkline em{font-style:normal;color:#788ba1}.checkline strong{font-weight:700}.privacy-check{border-top:1px solid #e1e9f0;padding-top:14px}.privacy-note{font-size:11px;line-height:1.6;color:#788ca1;margin:9px 0 14px}.trap{position:absolute!important;left:-9999px!important;height:1px!important;overflow:hidden!important}.alert{padding:12px 15px;border-radius:9px;margin:0 0 20px;font-size:14px}.alert.error{color:#922638;background:#fff0f0;border:1px solid #ffd4da}.site-footer{padding:25px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e6edf5;color:#8b9bad;font-size:12px}.site-footer nav{display:flex;gap:24px}.site-footer a{color:#607e99;text-decoration:none}.result-container{max-width:1050px;margin:58px auto 70px;padding:0 24px;text-align:center}.check-bubble{width:65px;height:65px;border-radius:50%;background:#e3f7ed;color:#15835c;font-size:34px;font-weight:800;margin:auto;display:grid;place-items:center}.result-container h1{font-size:43px;margin:0}.lead{max-width:720px;margin:0 auto 32px;color:#61788f;font-size:16px}.score-card{display:flex;text-align:left;align-items:center;gap:32px;padding:27px 33px;background:#fff;border:1px solid #e3eaf3;border-radius:18px;box-shadow:var(--shadow)}.score-ring{--score:0;width:135px;height:135px;flex:0 0 135px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--score)*1%),#e5edf8 0);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;isolation:isolate;color:var(--navy)}.score-ring:before{content:"";position:absolute;inset:11px;background:white;border-radius:50%;z-index:-1}.score-ring strong{font-size:37px;line-height:1}.score-ring span{font-size:13px;color:var(--muted)}.score-kicker{color:var(--blue)!important;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:1px;margin:0}.score-card h2{font-size:25px;letter-spacing:-.5px;margin:3px 0 5px;color:var(--navy)}.score-card p{font-size:13px;margin:0;color:var(--muted)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left;margin:20px 0}.report-card{background:#fff;border:1px solid #e5edf5;border-radius:17px;padding:24px}.report-card h2{font-size:20px;letter-spacing:-.4px;margin:7px 0 13px}.card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:20px;font-weight:800}.card-icon.good{background:#e5f7ef;color:#188658}.card-icon.tip{background:#eaf2ff;color:#1e66d5}.report-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:#4e6176;font-size:14px}.report-list li{position:relative;padding-left:20px}.report-list li:before{position:absolute;left:0;content:"•";color:#36a2b2;font-size:20px;line-height:1}.result-cta{background:linear-gradient(115deg,#112a46,#205377);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 34px;border-radius:18px;text-align:left}.result-cta h2{font-size:20px;line-height:1.3;margin:0 0 7px}.result-cta p{font-size:13px;color:#c4d9ec;max-width:600px;margin:0}.result-cta .btn{white-space:nowrap}.email-status{font-size:13px;color:#698093;line-height:1.6;margin:24px auto;max-width:780px}.restart-link{font-size:13px;text-decoration:none}.simple-content{width:min(820px,calc(100% - 36px));margin:60px auto 90px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:36px;box-shadow:var(--shadow)}.simple-content h1{color:var(--navy);letter-spacing:-1px}.simple-content h2{color:var(--navy);font-size:20px;margin-top:28px}.simple-content p,.simple-content li{color:#5d7087;font-size:14px}.simple-content a{overflow-wrap:anywhere}
@media(max-width:1000px){.survey-wrap{margin-left:16px;margin-right:16px;grid-template-columns:270px minmax(0,1fr)}.survey-side{padding:35px 24px}.survey-panel{padding:35px 28px}}
@media(max-width:760px){.site-header{min-height:70px;padding:12px 18px}.header-link{font-size:12px}.intro{margin:38px auto 28px}.intro h1{letter-spacing:-1.3px}.intro-text{font-size:15px}.intro-meta{gap:11px 15px;font-size:11px}.survey-wrap{display:block;border-radius:18px}.survey-side{min-height:auto;padding:21px 24px}.survey-side h2{font-size:18px;margin:0 0 7px}.survey-side>p{margin:0;font-size:12px}.survey-side .side-illustration,.survey-side .side-bullet{display:none}.survey-panel{padding:27px 22px 25px;min-height:470px}.progress{margin-bottom:29px}.survey-step legend{font-size:21px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.result-container{margin:40px auto;padding:0 17px}.score-card{gap:18px;padding:18px}.score-ring{width:105px;height:105px;flex-basis:105px}.score-ring strong{font-size:28px}.score-card h2{font-size:20px}.result-grid{grid-template-columns:1fr}.result-cta{display:block}.result-cta .btn{margin-top:18px}.site-footer{padding:20px;font-size:11px}}
@media(max-width:430px){.brand{font-size:17px}.brand-mark{width:37px;height:37px}.header-link{max-width:104px;white-space:normal;text-align:right;line-height:1.25}.intro-meta{display:grid;gap:7px}.step-actions{gap:9px}.step-actions .btn{padding:11px 12px;font-size:12px}.choice{font-size:13px}.score-card{display:block;text-align:center}.score-ring{margin:0 auto 14px}.score-card h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}