@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap");:root{--ink:#17211d;--muted:#6b7771;--cream:#f5f3ec;--green:#1d4b3b;--lime:#d9ed9b;--line:#dfe3dc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Noto Sans SC,system-ui,sans-serif;color:var(--ink);background:#fbfcf9}a,button{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.nav{height:76px;max-width:1180px;margin:auto;padding:0 28px;position:relative;z-index:20}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-weight:800;font-size:21px}.brand-mark{width:38px;height:38px;background:var(--green);color:var(--lime);border-radius:12px;display:grid;place-items:center}.nav-links{display:flex;gap:36px;margin:auto;color:#4c5852;font-size:14px}.nav-links a:hover{color:var(--green)}.nav-cta,.primary{border:0;border-radius:999px;background:var(--green);color:white;padding:12px 20px;display:flex;align-items:center;gap:9px;font-weight:600}.nav-cta:hover,.primary:hover{background:#11392c;transform:translateY(-1px)}.menu{background:none;border:0}.menu,.mobile-menu{display:none}.hero{max-width:1180px;margin:0 auto;padding:78px 28px 40px;text-align:center;position:relative;overflow:hidden}.hero-glow{position:absolute;width:620px;height:420px;border-radius:50%;background:radial-gradient(circle,#e8f3c8 0,transparent 68%);top:-80px;left:50%;transform:translateX(-50%);z-index:-1}.eyebrow,.kicker{display:inline-flex;gap:7px;align-items:center;color:var(--green);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(44px,6.7vw,84px);line-height:1.12;letter-spacing:-.055em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--green);position:relative}.hero h1 em:after{content:"";position:absolute;height:9px;background:var(--lime);left:2%;right:2%;bottom:0;z-index:-1;border-radius:50%}.hero-copy{max-width:650px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.8}.hero-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:30px}.primary{padding:15px 24px}.text-link{display:flex;align-items:center;font-size:14px;font-weight:600}.trust-row{display:flex;justify-content:center;gap:30px;margin-top:26px;color:#647068;font-size:13px}.trust-row span{display:flex;gap:6px;align-items:center}.road-card{height:270px;margin-top:58px;border-radius:28px;background:linear-gradient(145deg,#e7eadf,#d8ddd4);position:relative;overflow:hidden}.road-card:after{content:"";position:absolute;height:80px;left:-5%;right:-5%;bottom:28px;border:2px dashed rgba(255,255,255,.75);border-left:0;border-right:0;transform:perspective(300px) rotateX(58deg)}.car-visual{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);z-index:2}.car-body{width:340px;height:76px;border-radius:70% 45% 18px 20px;background:linear-gradient(160deg,#305f4f,#143b2f);position:relative;box-shadow:0 24px 35px #233d3238}.car-body:before{content:"";position:absolute;width:190px;height:62px;left:67px;top:-45px;background:#244d40;-webkit-clip-path:polygon(23% 0,75% 0,100% 100%,0 100%);clip-path:polygon(23% 0,75% 0,100% 100%,0 100%);border-radius:45px 50px 0 0}.window{position:absolute;width:142px;height:39px;left:91px;top:-35px;background:linear-gradient(150deg,#9bb6ac,#476d60);-webkit-clip-path:polygon(20% 0,75% 0,100% 100%,0 100%);clip-path:polygon(20% 0,75% 0,100% 100%,0 100%);z-index:2}.wheel{width:55px;height:55px;border:8px solid #17231f;background:#89918d;bottom:-25px}.wheel,.wheel:after{position:absolute;border-radius:50%}.wheel:after{content:"";inset:8px;background:#d9dfdb}.wheel.one{left:48px}.wheel.two{right:48px}.metric{position:absolute;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:13px 17px;border-radius:14px;box-shadow:0 12px 30px #304b3d17;z-index:3;text-align:left}.metric span,.metric strong{display:block}.metric strong{font-size:16px}.metric span{font-size:11px;color:var(--muted);margin-top:3px}.m1{left:7%;top:22%}.m2{right:7%;top:17%}.m3{right:13%;bottom:12%}.section{max-width:1120px;margin:0 auto;padding:110px 28px}.section-head{text-align:center;max-width:670px;margin:0 auto 48px}.compare-copy h2,.section-head h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;line-height:1.2;margin:15px 0}.compare-copy p,.section-head p{color:var(--muted);line-height:1.7}.advisor{padding-top:120px}.quiz-card{max-width:720px;margin:auto;background:white;border:1px solid #e5e8e2;border-radius:24px;box-shadow:0 25px 70px #37514112;overflow:hidden}.quiz-top{display:flex;justify-content:space-between;padding:20px 26px 14px;color:var(--muted);font-size:13px}.progress{height:3px;background:#eef0ec}.progress i{display:block;height:100%;background:var(--green);transition:.3s}.quiz-body{padding:38px 52px 45px;text-align:center}.question-icon,.step-icon{width:52px;height:52px;border-radius:16px;background:#edf4db;color:var(--green);display:grid;place-items:center;margin:auto}.quiz-body h3{font-size:27px;margin:17px 0 7px}.quiz-body>p{color:var(--muted);font-size:13px}.options{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:29px}.options button{border:1px solid var(--line);background:#fbfcfa;border-radius:13px;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;text-align:left}.options button.selected,.options button:hover{border-color:var(--green);background:#f1f6e7;color:var(--green)}.back{background:none;border:0;color:var(--muted);margin-top:20px;font-size:13px}.results{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;position:relative}.car-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative}.car-art{height:145px;display:grid;place-items:center;position:relative;color:#315649}.car-art span{position:absolute;top:13px;left:13px;font-size:11px;background:#ffffffdd;padding:6px 9px;border-radius:999px}.car-art.amber{background:#eee4cc}.car-art.blue{background:#dce8ec}.car-art.green{background:#dcebd9}.car-content{padding:22px}.car-content small{color:var(--green);font-weight:700}.car-content h3{font-size:22px;margin:6px 0 3px}.car-content p{color:var(--muted);font-size:13px;margin:0 0 18px}.car-content>strong{font-size:16px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.chips span{background:#f1f3ef;padding:5px 8px;border-radius:6px;font-size:10px}.detail{border:0;background:none;color:var(--green);font-weight:700;padding:5px 0;display:flex;gap:6px}.heart{position:absolute;right:12px;top:155px;background:white;border:1px solid var(--line);width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.heart.active{color:#c6504d;background:#fff2f1}.restart{grid-column:1/-1;justify-self:center;border:1px solid var(--line);background:white;padding:12px 22px;border-radius:999px}.process{max-width:none;background:var(--cream)}.process>.section-head,.process>.steps{max-width:1064px;margin-left:auto;margin-right:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.steps article{background:#fafbf7;padding:32px;border-radius:18px;position:relative}.steps article>span{position:absolute;right:24px;top:20px;font-size:34px;color:#d6dcd4;font-weight:800}.steps .step-icon{margin:0}.steps h3{margin:26px 0 9px}.guide-grid p,.steps p{color:var(--muted);line-height:1.7;font-size:14px}.compare{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:90px;gap:90px;align-items:center}.compare-copy .primary{margin-top:26px}.compare-panel{background:var(--cream);border-radius:22px;padding:18px}.compare-head,.compare-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;align-items:center;text-align:center;padding:17px 13px}.compare-head{font-size:12px;color:var(--muted)}.compare-head span,.compare-row span{text-align:left}.compare-row{border-top:1px solid #daddd4;font-size:13px}.compare-row b{padding:8px}.compare-row .winner{background:white;color:var(--green);border-radius:8px;box-shadow:0 4px 15px #344b3d0b}.guide{padding-top:50px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.guide-grid article{border:1px solid var(--line);background:white;border-radius:18px;padding:30px}.guide-grid svg{color:var(--green)}.guide-grid h3{font-size:20px;margin:22px 0 7px}.guide-grid a{color:var(--green);font-size:13px;font-weight:700;gap:6px;margin-top:22px}.final-cta,.guide-grid a{display:flex;align-items:center}.final-cta{max-width:1064px;margin:30px auto 90px;padding:58px 64px;background:var(--green);border-radius:26px;color:white;justify-content:space-between;gap:40px}.final-cta .kicker{color:var(--lime)}.final-cta h2{font-size:36px;max-width:650px;margin:12px 0}.final-cta p{color:#cddbd5}.light-btn{border:0;background:var(--lime);color:var(--green);padding:15px 22px;border-radius:999px;white-space:nowrap;font-weight:700;gap:8px}.light-btn,footer{display:flex;align-items:center}footer{border-top:1px solid var(--line);max-width:1120px;margin:auto;padding:35px 28px;gap:28px;color:var(--muted);font-size:12px}footer p{margin-right:auto}@media(max-width:800px){.nav{height:66px}.nav-cta,.nav-links{display:none}.menu{display:block;margin-left:auto}.mobile-menu{display:flex;position:absolute;top:60px;left:20px;right:20px;background:white;border:1px solid var(--line);border-radius:16px;padding:22px;flex-direction:column;gap:20px;box-shadow:0 20px 45px #263a3020}.hero{padding-top:52px}.hero h1{font-size:46px}.hero-copy{font-size:16px}.trust-row{gap:12px;flex-wrap:wrap}.road-card{height:220px}.car-body{transform:scale(.72)}.metric{transform:scale(.84)}.m1{left:2%}.m2{right:2%}.m3{right:4%;bottom:4%}.section{padding:80px 20px}.quiz-body{padding:30px 20px}.compare,.guide-grid,.options,.results,.steps{grid-template-columns:1fr}.compare{gap:40px}.final-cta{margin:20px 20px 65px;padding:38px 28px;display:block}.final-cta h2{font-size:30px}.light-btn{margin-top:26px}footer{margin:0 20px;padding:28px 0;flex-wrap:wrap}footer p{width:100%;order:3}.hero-actions{flex-direction:column}.m3{display:none}}