:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#14251c;background:#f8faf6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #236c40;outline-offset:3px}.shell{max-width:1080px;margin:auto;padding:22px 24px 72px}.top{display:flex;justify-content:space-between;align-items:center;padding:12px 0 36px;font-weight:800}.brand{letter-spacing:.03em}.brand span{display:inline-grid;place-items:center;background:#d9f75d;border-radius:50%;width:34px;height:34px;margin-right:9px}.top small{font-weight:500;color:#64746a}.stage{display:grid;grid-template-columns:1.04fr .96fr;gap:32px;align-items:stretch;min-height:590px}.intro,.card,.results{background:#fff;border:1px solid #e2e9df;border-radius:28px;box-shadow:0 16px 50px #183c2010}.intro{padding:clamp(28px,5vw,60px);display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#2d6841;font-size:13px}.intro h1{font-size:clamp(38px,5.8vw,70px);line-height:1.13;letter-spacing:-.055em;margin:22px 0}.accent{color:#287c45}.intro p{font-size:18px;line-height:1.75;color:#526258;max-width:500px}.primary,.secondary{border:0;border-radius:15px;padding:16px 25px;font-weight:800;min-height:54px}.primary{background:#c8f241;color:#183221}.primary:hover{background:#b7e72e}.secondary{background:#eff3ed;color:#214a2f}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.fine{font-size:13px!important;color:#728075!important;margin-top:22px}.visual{border-radius:28px;background:radial-gradient(circle at 70% 40%,#96cd4c 0,#368450 43%,#164d39 100%);position:relative;min-height:440px;overflow:hidden;color:white;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.visual:before{content:"";position:absolute;inset:15% -45%;border:3px solid #ffffff43;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 110px #ffffff0c,0 0 0 220px #ffffff0a}.ball{width:185px;height:185px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e8ff91,#bded36 65%,#8cba22);box-shadow:25px 32px 45px #0b3b2b9c;align-self:center;position:relative;transform:rotate(-26deg);margin:50px 0}.ball:before,.ball:after{content:"";position:absolute;width:150px;height:100%;border:5px solid #f8ffe4;border-radius:50%;top:0}.ball:before{left:-105px}.ball:after{right:-105px}.visual strong{z-index:1;font-size:50px;letter-spacing:-.06em}.visual .caption{z-index:1;color:#d6f1db}.quiz{max-width:740px;margin:10px auto}.meter{display:flex;justify-content:space-between;color:#476150;font-weight:700;margin:0 0 12px}.track{height:9px;background:#e4ebdf;border-radius:99px;overflow:hidden}.fill{height:100%;background:#a9df32;transition:width .25s}.card{margin-top:22px;padding:clamp(24px,5vw,48px)}.card h2{font-size:clamp(25px,4vw,36px);line-height:1.35;margin:12px 0 28px}.options{display:grid;gap:12px}.option{width:100%;text-align:left;background:white;border:1.5px solid #dce6dc;border-radius:14px;padding:18px;display:flex;gap:15px;align-items:center;color:#253d2c;min-height:64px}.option:hover{border-color:#7cb04e}.option.selected{border-color:#4d9a47;background:#f2fae8}.letter{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid #afc4ac;border-radius:7px;font-size:13px;font-weight:800}.selected .letter{background:#3c8745;color:white;border-color:#3c8745}.quiznav{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.quiznav button:disabled{opacity:.45;cursor:not-allowed}.results{max-width:930px;margin:auto;padding:clamp(24px,5vw,48px)}.results h1{font-size:clamp(31px,5vw,52px);line-height:1.2;margin:13px 0}.results .lead{font-size:18px;color:#53675b;line-height:1.6}.estimate{border-radius:22px;background:#1c593d;color:white;padding:28px;margin:26px 0}.estimate small{color:#c4eccb}.estimate strong{display:block;font-size:clamp(36px,6vw,64px);margin:8px 0}.estimate p{margin:0;color:#d5e9d9;line-height:1.55}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.metric{border:1px solid #e1e9df;border-radius:18px;padding:21px}.metric span{color:#617367}.metric strong{display:block;font-size:36px;margin-top:8px}.metric small{color:#6b796e}.detail{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:26px}.detail section{background:#f5f8f2;border-radius:18px;padding:22px}.detail h2{font-size:18px;margin:0 0 9px}.detail p,.detail li{line-height:1.65;color:#4b5c51}.detail ul{padding-left:20px;margin:0}.share{border:2px dashed #a8c99e;border-radius:20px;padding:25px;margin-top:25px;background:#f9fdf4}.share h2{margin:0 0 10px}.share p{line-height:1.65}.foot{color:#718073;font-size:13px;line-height:1.7;margin-top:27px}@media(max-width:760px){.shell{padding:14px 16px 40px}.top{padding-bottom:18px}.stage{grid-template-columns:1fr;gap:16px}.intro{padding:32px 25px;min-height:430px}.intro h1{font-size:42px}.visual{min-height:240px;flex-direction:row;align-items:end}.visual .ball{position:absolute;width:120px;height:120px;right:12%;top:-18px}.visual strong{font-size:40px}.visual .caption{align-self:start}.metrics,.detail{grid-template-columns:1fr}.quiznav button{flex:1}.results{padding:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}