body{display:flex;min-height:100vh;flex-direction:column}.main{flex:1;padding:58px 0 76px}.intro{max-width:880px;margin:0 auto 34px;text-align:center}.intro h1{margin:18px auto 14px;font-size:clamp(2.65rem,7vw,4.8rem)}.breadcrumbs{margin-bottom:18px;color:var(--muted);font-size:.82rem}.breadcrumbs a{color:var(--primary);font-weight:750}.breadcrumbs span{margin:0 7px}.privacy-note{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:#087b6c;font-size:.8rem;font-weight:750}.privacy-note svg{width:15px;height:15px}.simulator{max-width:1110px;margin:auto}.sim-shell{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:30px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}.sim-shell:before{content:"";position:absolute;width:340px;height:340px;top:-235px;right:-85px;border-radius:50%;background:rgba(0,194,168,.12);pointer-events:none}.workspace{display:grid;grid-template-columns:390px 1fr;position:relative}.inputs{padding:30px;border-right:1px solid var(--border);background:rgba(250,250,255,.8)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:24px}.panel-heading h2{margin:0 0 5px;font-size:1.2rem}.panel-heading p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.saved{display:flex;align-items:center;gap:5px;flex:0 0 auto;margin-top:3px;color:#087b6c;font-size:.7rem;font-weight:800;opacity:0;transition:.2s}.saved.show{opacity:1}.saved i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.field{display:grid;gap:7px}.field.wide{grid-column:1/-1}.field label{display:flex;justify-content:space-between;gap:8px;color:#393b52;font-size:.78rem;font-weight:800}.field-hint{color:var(--muted);font-weight:600}.input-wrap{display:flex;align-items:center;min-width:0;border:1px solid rgba(31,34,62,.14);border-radius:13px;background:#fff;overflow:hidden;transition:.2s}.input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(108,92,231,.1)}.prefix,.suffix{flex:0 0 auto;color:var(--muted);font-size:.78rem;font-weight:800}.prefix{padding-left:13px}.suffix{padding-right:12px}.input-wrap input,.input-wrap select{min-width:0;width:100%;height:48px;padding:0 11px;border:0;outline:0;color:var(--text);background:transparent;font-weight:750}.input-wrap .with-prefix{padding-left:7px}.input-wrap select{cursor:pointer}.range-row{gap:12px}.range-row input[type=range]{height:auto;padding:0;accent-color:var(--primary)}.range-value{min-width:48px;margin-right:8px;padding:8px;border-radius:10px;color:var(--primary);background:rgba(108,92,231,.08);text-align:center;font-size:.77rem;font-weight:850}.years-value{min-width:68px}.error{min-height:18px;margin:12px 0 0;color:#a43a51;font-size:.76rem;font-weight:700}.input-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:17px;border-top:1px solid var(--border);color:var(--muted);font-size:.69rem}.reset-btn{padding:0;border:0;color:var(--muted);background:none;font-size:.77rem;font-weight:750}.reset-btn:hover{color:#a43a51}.results{min-width:0;padding:31px 33px 33px}.result-top{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:22px;align-items:center}.result-label{color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.result-value{margin:8px 0 7px;color:var(--primary);font-size:clamp(2.65rem,6vw,4.45rem);font-weight:900;letter-spacing:-.06em;line-height:1;overflow-wrap:anywhere}.result-value.pop{animation:resultPop .28s ease}.result-sub{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.jar-wrap{position:relative;display:grid;place-items:center;height:154px}.jar{position:relative;width:102px;height:118px;margin-top:16px;overflow:hidden;border:4px solid rgba(108,92,231,.2);border-top:0;border-radius:12px 12px 29px 29px;background:rgba(255,255,255,.45);box-shadow:inset 9px 0 20px rgba(108,92,231,.05),0 15px 30px rgba(53,49,110,.09)}.jar-rim{position:absolute;z-index:4;top:0;left:50%;width:76px;height:12px;border:4px solid rgba(108,92,231,.28);border-radius:7px;transform:translate(-50%,-1px);background:#fff}.jar-fill{position:absolute;inset:auto 0 0;height:var(--fill,0%);min-height:3px;background:linear-gradient(180deg,rgba(0,194,168,.48),rgba(0,194,168,.82));transition:height .7s cubic-bezier(.22,1,.36,1)}.jar-fill:before{content:"";position:absolute;top:-5px;left:0;right:0;height:10px;border-radius:50%;background:#80dfd2}.jar-fill i{position:absolute;width:21px;height:7px;border-radius:50%;background:#ffd36a;border:2px solid #e6a93c;box-shadow:0 2px 0 rgba(120,78,0,.12);transform:rotate(var(--rotate))}.jar-fill i:nth-child(1){left:11%;bottom:12%;--rotate:8deg}.jar-fill i:nth-child(2){right:8%;bottom:23%;--rotate:-12deg}.jar-fill i:nth-child(3){left:36%;bottom:40%;--rotate:3deg}.jar-fill i:nth-child(4){right:25%;bottom:57%;--rotate:15deg}.jar-fill i:nth-child(5){left:18%;bottom:73%;--rotate:-8deg}.jar-shine{position:absolute;z-index:3;top:25px;left:11px;width:7px;height:56px;border-radius:9px;background:rgba(255,255,255,.67)}.jar-label{position:absolute;z-index:5;display:grid;place-items:center;bottom:35px;width:67px;min-height:43px;border-radius:11px;background:rgba(255,255,255,.91);box-shadow:0 5px 15px rgba(53,49,110,.1);text-align:center}.jar-label strong{font-size:.95rem}.jar-label span{color:var(--muted);font-size:.56rem;font-weight:750}.falling-coin{position:absolute;z-index:7;top:-8px;left:50%;display:grid;place-items:center;width:27px;height:27px;border:2px solid #e4a738;border-radius:50%;color:#986b10;background:#ffd36a;box-shadow:0 5px 12px rgba(165,111,14,.2);font-size:.7rem;font-weight:900;opacity:0;transform:translateX(-50%)}.falling-coin.drop{animation:coinDrop .58s cubic-bezier(.5,0,.8,.45)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:23px}.summary{padding:15px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.75)}.summary span,.summary strong{display:block}.summary span{margin-bottom:7px;color:var(--muted);font-size:.68rem;font-weight:750}.summary strong{font-size:1rem;letter-spacing:-.025em}.summary.accent strong{color:#087b6c}.insight{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:16px;color:#45455f;background:linear-gradient(110deg,rgba(108,92,231,.09),rgba(0,194,168,.08));font-size:.79rem;line-height:1.5}.insight-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:11px;color:var(--primary);background:#fff;box-shadow:0 6px 15px rgba(53,49,110,.08)}.insight strong{color:var(--text)}.chart-card{margin-top:18px;padding:17px 18px 12px;border:1px solid var(--border);border-radius:19px;background:#fff}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.chart-head h3{margin:0;font-size:.85rem}.legend{display:flex;gap:12px;color:var(--muted);font-size:.66rem;font-weight:700}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:50%;background:var(--primary)}.legend span+span i{background:var(--accent)}.chart-wrap{height:184px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#efeff6;stroke-width:1}.area{fill:url(#areaGradient)}.balance-line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 5px rgba(108,92,231,.15))}.contribution-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:5 6;stroke-linecap:round;stroke-linejoin:round}.end-dot{fill:#fff;stroke:var(--primary);stroke-width:3}.axis{display:flex;justify-content:space-between;margin-top:4px;color:var(--muted);font-size:.63rem}.roundup-demo{position:relative;display:grid;grid-template-columns:1fr 330px;gap:50px;align-items:center;margin-top:25px;padding:30px 34px;overflow:hidden;border:1px solid rgba(108,92,231,.13);border-radius:25px;background:linear-gradient(125deg,#302a73,#6c5ce7 65%,#796cdb);box-shadow:0 22px 50px rgba(55,47,126,.18);color:#fff}.roundup-demo:before{content:"";position:absolute;width:240px;height:240px;right:-75px;top:-120px;border-radius:50%;background:rgba(255,255,255,.09)}.demo-copy{position:relative;z-index:2}.demo-kicker{font-size:.69rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#9ff4e8}.demo-copy h2{margin:8px 0;font-size:clamp(1.4rem,3vw,2.15rem)}.demo-copy p{margin:0;color:rgba(255,255,255,.72);font-size:.85rem}.receipt{position:relative;z-index:2;padding:19px;border-radius:17px;color:var(--text);background:#fff;box-shadow:0 16px 35px rgba(25,20,70,.22)}.receipt-row,.receipt-save{display:flex;align-items:center;justify-content:space-between;gap:14px}.receipt-row>span,.receipt-row label{color:var(--muted);font-size:.77rem;font-weight:750}.demo-input{display:flex;align-items:center;width:112px;border:1px solid var(--border);border-radius:9px;overflow:hidden}.demo-input span{padding-left:9px;color:var(--muted);font-size:.76rem;font-weight:800}.demo-input input{min-width:0;width:100%;height:36px;padding:0 8px 0 4px;border:0;outline:0;font-weight:800}.receipt-rule{margin:13px 0;border-top:1px dashed #d9d7e7}.receipt-save{margin-top:13px;padding:11px 12px;border-radius:11px;background:rgba(0,194,168,.1)}.receipt-save span,.receipt-save strong{color:#087b6c}.receipt-save span{font-size:.74rem;font-weight:800}.coin-trail i{position:absolute;width:19px;height:19px;border:2px solid rgba(255,211,106,.8);border-radius:50%;background:rgba(255,211,106,.25)}.coin-trail i:nth-child(1){left:49%;top:18px}.coin-trail i:nth-child(2){left:55%;bottom:20px;width:11px;height:11px}.coin-trail i:nth-child(3){left:43%;bottom:13px;width:15px;height:15px}.content-section{padding:70px 0;border-top:1px solid rgba(31,34,62,.06)}.content-section.alt{background:rgba(255,255,255,.42)}.content{max-width:920px;margin:auto}.content h2{margin:0 0 13px;font-size:clamp(1.8rem,4vw,2.5rem)}.content>p,.info-card p,.faq p,.formula p{color:var(--muted);line-height:1.75}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:25px}.info-card{padding:22px;border:1px solid var(--border);border-radius:19px;background:#fff}.info-card .number{display:grid;place-items:center;width:38px;height:38px;margin-bottom:15px;border-radius:12px;color:var(--primary);background:#f1efff;font-weight:900}.info-card h3{margin:0 0 8px;font-size:.98rem}.info-card p{margin:0;font-size:.85rem}.formula{display:flex;gap:15px;align-items:center;margin-top:20px;padding:18px;border:1px solid rgba(0,194,168,.16);border-radius:17px;background:rgba(0,194,168,.06)}.formula-icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:14px;color:#087b6c;background:#fff;font-size:1.3rem;font-weight:900}.formula strong{font-size:.87rem}.formula p{margin:3px 0 0;font-size:.79rem}.disclaimer{margin-top:20px;padding:14px 16px;border-radius:13px;color:var(--muted);background:rgba(108,92,231,.06);font-size:.77rem;line-height:1.6}.faq{display:grid;gap:11px;margin-top:24px}.faq details{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:#fff}.faq summary{padding:17px 19px;cursor:pointer;font-weight:800}.faq p{margin:0;padding:0 19px 18px}.try-section{padding:70px 0}.try-wrap{max-width:1000px;margin:auto}.try-head{text-align:center}.try-head h2{margin:0 0 10px;font-size:clamp(1.8rem,4vw,2.55rem)}.try-head p{margin:0;color:var(--muted)}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.try-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--border);border-radius:19px;background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(53,49,110,.05);transition:.22s}.try-card:hover{transform:translateY(-4px);border-color:rgba(108,92,231,.25);box-shadow:0 17px 38px rgba(53,49,110,.1)}.try-icon{display:grid;place-items:center;flex:0 0 auto;width:45px;height:45px;border-radius:13px;color:var(--primary);background:rgba(108,92,231,.1);font-weight:900}.try-card strong,.try-card span{display:block}.try-card strong{margin-bottom:4px;font-size:.9rem}.try-card span{color:var(--muted);font-size:.75rem}.celebrate{position:absolute;z-index:8;inset:0;overflow:hidden;pointer-events:none}.confetti{position:absolute;top:-14px;width:7px;height:13px;border-radius:2px;animation:confettiFall 1.5s ease-in forwards}
@keyframes resultPop{0%{opacity:.4;transform:translateY(6px) scale(.985)}100%{opacity:1;transform:none}}@keyframes coinDrop{0%{opacity:0;transform:translate(-50%,-12px) rotate(0)}20%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(-50%,82px) rotate(360deg)}}@keyframes confettiFall{to{transform:translate(var(--drift),430px) rotate(540deg);opacity:0}}@media(max-width:920px){.workspace{grid-template-columns:350px 1fr}.inputs,.results{padding:24px}.result-top{grid-template-columns:minmax(0,1fr) 115px}.summary-grid{grid-template-columns:1fr}.summary{display:flex;align-items:center;justify-content:space-between}.summary span{margin:0}.roundup-demo{grid-template-columns:1fr 310px;gap:25px}.info-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.workspace{grid-template-columns:1fr}.inputs{border-right:0;border-bottom:1px solid var(--border)}.summary-grid{grid-template-columns:repeat(3,1fr)}.summary{display:block}.summary span{margin-bottom:7px}.roundup-demo{grid-template-columns:1fr;padding:27px}.try-grid,.info-grid{grid-template-columns:1fr}.content-section,.try-section{padding:54px 0}.coin-trail{display:none}}@media(max-width:520px){.main{padding:40px 0 52px}.sim-shell{border-radius:23px}.inputs,.results{padding:20px}.fields{grid-template-columns:1fr}.field.wide{grid-column:auto}.result-top{grid-template-columns:minmax(0,1fr) 92px;gap:10px}.result-value{font-size:clamp(2.25rem,12vw,3.15rem)}.jar-wrap{height:130px;transform:scale(.86)}.summary-grid{grid-template-columns:1fr}.summary{display:flex;align-items:center;justify-content:space-between}.summary span{margin:0}.chart-card{padding:15px 12px 11px}.chart-wrap{height:155px}.legend{align-items:flex-end;flex-direction:column;gap:4px}.roundup-demo{padding:23px 20px}.receipt{padding:16px}.input-actions{align-items:flex-start}.formula{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.result-value.pop,.falling-coin.drop,.confetti{animation:none}.jar-fill,.saved,.try-card{transition:none}}