:root{--ink:#13231d;--paper:#f6f4ec;--acid:#d9ff43;--orange:#ff6b35;--muted:#69756f;--line:#d5d8ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{touch-action:manipulation}main{overflow:hidden}.hero{position:relative;min-height:500px;padding:22px max(22px,calc((100vw - 1040px)/2));background:var(--ink);color:#fff}.brand{color:var(--acid);font-size:12px;font-weight:900;letter-spacing:.16em;text-decoration:none}.hero-copy{position:relative;z-index:2;margin-top:88px}.kicker,.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em}.kicker{color:var(--acid)}h1{max-width:680px;margin:14px 0 22px;font-size:clamp(48px,9vw,92px);line-height:.96;letter-spacing:-.07em}.subtitle{margin:0;color:#c7d0cc;font-size:clamp(17px,3vw,22px)}.subtitle em{color:#fff;font-style:normal;border-bottom:5px solid var(--orange)}.phone-art{position:absolute;right:max(22px,calc((100vw - 1040px)/2));bottom:-45px;width:230px;height:380px;padding:50px 22px;border:8px solid #2c3d36;border-radius:45px;background:#101c18;transform:rotate(7deg);box-shadow:0 30px 70px #0008}.phone-art:before{content:"";position:absolute;top:14px;left:82px;width:54px;height:7px;border-radius:9px;background:#32443c}.phone-art span{font-size:42px;font-weight:900;letter-spacing:-.05em}.phone-art i{display:block;width:100%;height:120px;margin:34px 0 22px;border-radius:18px;background:linear-gradient(145deg,var(--orange),#ffb13b)}.phone-art b{color:#dbe2df;font-size:17px;line-height:1.5}.input-card,.shock-card,.year-section,.equiv-section,.save-section,.report{width:min(920px,calc(100% - 32px));margin:60px auto}.input-card{position:relative;margin-top:-38px;padding:38px;background:#fff;border-radius:28px;box-shadow:0 24px 80px #13231d1a}.section-head{display:flex;align-items:flex-start;gap:16px}.section-head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--acid);font-size:12px;font-weight:900}.section-head h2{margin:0;font-size:24px;letter-spacing:-.03em}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.field{display:grid;gap:9px;border:0;padding:0;margin:0}.field.wide{grid-column:1/-1}.field>span,.field legend{font-size:13px;font-weight:800}.time-input{display:flex;align-items:center;gap:12px}.time-input label,.number-input{display:flex;align-items:center;width:100%;height:64px;border:1px solid var(--line);border-radius:15px;background:#fafbf8}.time-input input,.number-input input{width:100%;min-width:0;border:0;outline:0;background:none;text-align:center;font-size:27px;font-weight:900}.time-input span,.number-input b{padding-right:18px;color:var(--muted);font-size:13px;white-space:nowrap}.primary,.download{width:100%;min-height:58px;border:0;border-radius:15px;background:var(--ink);color:#fff;font-weight:900;cursor:pointer}.primary{margin-top:22px}.primary span{float:right;margin-right:8px}.primary:hover,.download:hover{background:#243b32}.privacy,.error{text-align:center;font-size:12px}.privacy{margin:12px 0 0;color:var(--muted)}.error{min-height:18px;margin:7px 0 -5px;color:#c43c1c}.shock-card{padding:55px 35px;border-radius:28px;background:var(--acid);text-align:center}.shock-card>p,.shock-card h2{margin:0;font-size:22px}.shock-card strong,.save-result strong{display:block;margin:4px 0;color:var(--ink);font-size:clamp(86px,18vw,150px);line-height:1;letter-spacing:-.08em}.shock-card small,.save-result small{font-size:.25em;letter-spacing:0}.card-foot{margin:36px -35px -55px;padding:17px;border-radius:0 0 28px 28px;background:#c8ec39;color:#405029;font-size:13px}.future-section{padding:74px max(22px,calc((100vw - 920px)/2));background:var(--ink);color:#fff}.section-head.light>span{background:var(--acid);color:var(--ink)}.section-head.light p{color:#9eaaa5}.future-number{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;margin:55px 0 8px;text-align:center}.future-number strong{color:var(--acid);font-size:clamp(90px,19vw,170px);line-height:.8;letter-spacing:-.09em}.future-number>b{color:var(--acid);font-size:34px}.future-number>span{width:100%;color:#c3cbc7;font-size:18px}.future-detail{text-align:center;color:#9faaa5}.future-detail b{color:#fff}.ratio-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:45px}.ratio-row div{display:grid;gap:12px;padding:22px;border:1px solid #394a43;border-radius:17px}.ratio-row span{color:#9faaa5;font-size:12px}.ratio-row strong{font-size:32px}.awake-copy{padding:14px;border-radius:10px;background:#263830;color:#cdd5d1;text-align:center;font-size:13px}.year-section{margin-top:70px}.year-grid{display:grid;grid-template-columns:repeat(25,1fr);gap:4px;margin-top:30px}.year-grid i{aspect-ratio:1;border-radius:2px;background:#dfe1d8}.year-grid i.used{background:var(--orange)}.grid-note{color:var(--muted);font-size:13px}.grid-note b{color:var(--orange)}.equiv-section{text-align:center}.equiv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.equiv-grid div{padding:24px 10px;border:1px solid var(--line);border-radius:18px;background:#fff}.equiv-grid span{font-size:30px}.equiv-grid strong{display:block;margin-top:12px;font-size:26px}.equiv-grid p{margin:4px 0;color:var(--muted);font-size:12px}.ten-year{margin-top:20px;padding:17px;border-radius:12px;background:#eae9e2}.save-section{padding:38px;border-radius:28px;background:#fff}.save-label{margin-top:35px;color:var(--muted);font-size:13px}.choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choices button{padding:12px 5px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.choices button.active{border-color:var(--ink);background:var(--ink);color:#fff;font-weight:800}.save-result{margin-top:28px;padding:35px 15px;border-radius:20px;background:var(--acid);text-align:center}.save-result p,.save-result h3{margin:0}.save-result h3{font-size:18px}.report{padding:42px;border-radius:28px;background:var(--ink);color:#fff}.report-label{color:var(--acid);font-size:10px;font-weight:900;letter-spacing:.15em}.report h2{margin:5px 0 35px}.report-main{padding-bottom:28px;border-bottom:1px solid #3a4943}.report-main span{color:#aeb8b4;font-size:13px}.report-main strong{display:block;margin-top:5px;font-size:52px}.report-main b{color:var(--acid);font-size:82px;letter-spacing:-.07em}.report dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:1px 0;background:#3a4943}.report dl div{padding:17px;background:var(--ink)}.report dt{color:#9eaaa5;font-size:11px}.report dd{margin:6px 0 0;font-weight:900}.report footer{display:flex;justify-content:space-between;margin-top:30px;color:#9eaaa5;font-size:11px}.report footer span{color:var(--acid)}.download{display:block;width:min(920px,calc(100% - 32px));margin:-42px auto 60px;background:var(--orange)}.site-footer{padding:25px;color:var(--muted);text-align:center;font-size:12px}.site-footer a{color:var(--ink)}
@media(max-width:700px){.hero{min-height:435px}.hero-copy{margin-top:75px}.phone-art{right:-85px;bottom:-25px;width:180px;height:300px;opacity:.72}.hero-copy h1{max-width:370px}.input-card{margin-top:-22px;padding:25px 19px}.fields{gap:14px}.time-input{gap:6px}.future-section{padding-top:55px;padding-bottom:55px}.equiv-grid{grid-template-columns:1fr}.equiv-grid div{display:grid;grid-template-columns:45px 1fr 1fr;align-items:center;text-align:left;padding:16px}.equiv-grid strong{margin:0}.equiv-grid p{margin:0}.save-section,.report{padding:25px 19px}.choices{grid-template-columns:1fr 1fr}.report dl{grid-template-columns:1fr}.report-main b{font-size:68px}}@media(max-width:380px){.hero{padding-left:17px}.hero h1{font-size:44px}.input-card{width:calc(100% - 20px)}.ratio-row{grid-template-columns:1fr}.future-number strong{font-size:90px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hidden{display:none!important}.year-grid{grid-template-columns:none;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;grid-auto-columns:1fr}.choices button:disabled{cursor:not-allowed;opacity:.38;text-decoration:line-through}.download[aria-busy="true"]{cursor:wait;opacity:.7}
.result-page[hidden]{display:none}.result-progress{display:flex;align-items:center;justify-content:center;width:min(920px,calc(100% - 32px));margin:34px auto -20px;color:#8b948f}.result-progress span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:900;white-space:nowrap}.result-progress span{padding:7px 11px;border-radius:999px;background:#e6e7df}.result-progress span.active{background:var(--ink);color:var(--acid)}.result-progress span b{font-weight:800}.result-progress i{width:34px;height:1px;background:var(--line)}.page-nav{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;width:min(920px,calc(100% - 32px));margin:28px auto 60px}.page-nav button{min-height:52px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-weight:850;cursor:pointer}.page-nav .next-page{border-color:var(--ink);background:var(--ink);color:#fff}.final-nav{margin-top:-25px}.result-page .shock-card{margin-top:60px}.result-page .future-section{margin-bottom:0}.result-page .year-section{margin-top:60px}.result-page .save-section{margin-top:60px}
@media(max-width:600px){.result-progress{margin-top:24px}.result-progress span b{display:none}.result-progress i{width:26px}.page-nav{grid-template-columns:1fr}.page-nav .next-page{grid-row:1}.final-nav button{grid-row:auto}.result-page .shock-card,.result-page .year-section,.result-page .save-section{margin-top:44px}}
.viewing-results .hero,.viewing-results .input-card{display:none}.viewing-results .site-footer{margin-top:0}.result-header{display:flex;align-items:center;justify-content:space-between;width:min(920px,calc(100% - 32px));margin:0 auto;padding:22px 0 0}.result-header a{color:var(--ink);font-size:12px;font-weight:950;letter-spacing:.16em;text-decoration:none}.result-header button{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:850;cursor:pointer}.viewing-results .result-progress{margin-top:22px}
.core-hero{position:relative;min-height:620px;padding-top:56px;text-align:center}.core-kicker{display:inline-block;margin:0;padding:8px 13px;border:1px solid #405048;border-radius:999px;color:#c7d0cc;font-size:12px;font-weight:850}.core-hero .future-number{margin-top:80px}.core-hero .ratio-row{width:min(620px,100%);margin:55px auto 0;text-align:left}.core-hero .awake-copy{width:min(620px,100%);margin:12px auto 0}.supporting-stat{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:34px 44px;text-align:left}.supporting-stat>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:14px}.supporting-stat p{grid-column:1/-1;margin-bottom:8px;color:#506022;font-size:13px;font-weight:850}.supporting-stat strong{display:inline;margin:0;font-size:74px;letter-spacing:-.07em}.supporting-stat h2{font-size:18px}.support-copy{padding-left:30px;border-left:1px solid #b5d72d;color:#526027;font-size:14px;line-height:1.8}.support-copy b{color:var(--ink);font-size:24px}.result-page[data-page="result"] .page-nav{margin-top:-26px}.result-progress span:not(.active){background:transparent}.result-progress i{background:#cfd3ca}
@media(max-width:600px){.hero{min-height:370px}.hero-copy{margin-top:56px}.hero h1{font-size:46px}.phone-art{opacity:.5}.core-hero{min-height:570px;padding-top:42px}.core-hero .future-number{margin-top:65px}.core-hero .future-number strong{font-size:112px}.core-hero .ratio-row{margin-top:45px}.supporting-stat{grid-template-columns:1fr;gap:18px;padding:28px 25px}.supporting-stat>div:first-child{grid-template-columns:auto 1fr}.supporting-stat strong{font-size:64px}.support-copy{padding:16px 0 0;border-top:1px solid #b5d72d;border-left:0}.result-page[data-page="result"] .page-nav{margin-top:-16px}}
.viewing-results .result-progress{width:auto;margin:14px auto 16px}.result-progress span:not(.active){background:#e2e4dc;color:#768079}.result-progress span.active{background:var(--acid);color:var(--ink)}.result-progress i{width:22px}