.retHero{padding:78px 0;background:#f5f7fb}.retHeroGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:62px;align-items:center}.retHero h1{font-size:56px;line-height:1.04;letter-spacing:-2.5px;margin:14px 0 20px;color:#0d1b3d}.retHero .lead{color:#66738a}.retPills{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.retPills span{font-size:12px;padding:8px 12px;border:1px solid #dce4ee;border-radius:20px;background:#fff;color:#59677f}.retPreview,.retResult{background:linear-gradient(145deg,#0d1b3d,#122951);color:#fff;border-radius:24px;padding:34px;box-shadow:0 25px 60px rgba(13,27,61,.14)}.retPreview>span{font-size:12px;letter-spacing:1.3px;color:#9fb1cc}.retPreview>strong{display:block;font-size:44px;line-height:1.08;letter-spacing:-1.8px;margin:14px 0 4px}.retPreview>small{color:#a9b7cc}.retPreview hr{border:0;border-top:1px solid #ffffff1c;margin:22px 0}.retPreview p{display:flex;justify-content:space-between;gap:20px;color:#aebbd0;font-size:13px}.retPreview b{color:#fff;text-align:right}.retGrid{display:grid;grid-template-columns:1.06fr .94fr;gap:26px}.retForm{border:1px solid #e1e7ef;border-radius:22px;padding:32px}.step{display:flex;gap:13px;align-items:center;margin-bottom:22px}.step>span{width:38px;height:38px;display:grid;place-items:center;background:#eaf6f1;color:#16835b;border-radius:12px;font-weight:800;flex:0 0 auto}.step b,.step small{display:block}.step b{font-size:18px}.step small{font-size:11px;color:#8490a3}.step.second{margin-top:29px;padding-top:25px;border-top:1px solid #e6ebf2}.retForm label{display:block;font-size:14px;font-weight:700;margin:0 0 9px}.unit{display:flex;align-items:center;border:1px solid #dce2ec;border-radius:13px;overflow:hidden;margin-bottom:10px}.unit input{border:0;outline:0;width:100%;padding:14px;font-size:20px;font-weight:800;color:#0d1b3d;background:#fff}.unit span{padding:0 14px;color:#68758b;font-size:13px;font-weight:700;white-space:nowrap}.retForm input[type=range]{width:100%;accent-color:#0d1b3d}.ends{display:flex;justify-content:space-between;font-size:11px;color:#929bad;margin-bottom:22px}.futureSpend{background:#eef8f4;border:1px solid #dcefe7;border-radius:15px;padding:16px 18px;margin:5px 0 8px}.futureSpend span,.futureSpend small{display:block;color:#68788a;font-size:11px}.futureSpend strong{display:block;color:#0d1b3d;font-size:22px;margin:3px 0}.advanced{margin-top:27px;border:1px solid #dfe6ef;border-radius:15px;overflow:hidden}.advanced summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:800;color:#0d1b3d;display:flex;justify-content:space-between}.advanced summary::-webkit-details-marker{display:none}.advanced summary span{font-size:10px;background:#eef3f8;color:#718096;padding:4px 7px;border-radius:10px}.advancedBody{border-top:1px solid #e6ebf2;padding:20px;background:#fafbfd}.note{font-size:11px;color:#8b96a8;margin-top:18px}.retResult .big{font-size:45px;font-weight:800;letter-spacing:-1.7px;line-height:1.05;margin-top:10px}.statusLine>span{display:block;color:#aab8cc;font-size:12px;margin-top:7px}.resultTiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 14px}.resultTiles div{background:#ffffff0d;border:1px solid #ffffff12;border-radius:13px;padding:16px}.resultTiles span{display:block;font-size:11px;color:#9aabc4}.resultTiles b{font-size:16px}.gapBox{background:#173e38;border:1px solid #2c6557;border-radius:14px;padding:17px;margin-bottom:18px}.gapBox.shortfall{background:#4a3029;border-color:#725044}.gapBox span{display:block;font-size:10px;letter-spacing:1.2px;color:#7de0b7}.gapBox.shortfall span{color:#ffd0b9}.gapBox strong{display:block;font-size:27px;margin-top:2px}.gapBox small{color:#b7c8c2;font-size:11px}.resultRows{border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c}.resultRows p{display:flex;justify-content:space-between;gap:18px;font-size:13px;color:#aebbd0}.resultRows b{color:#fff;text-align:right}.actionBox{margin-top:20px;background:#ffffff0c;border:1px solid #ffffff12;border-radius:14px;padding:17px}.actionBox>span{font-size:10px;letter-spacing:1.2px;color:#60d6a7}.actionBox>b{display:block;font-size:19px;margin-top:5px}.actionBox p{font-size:11px;line-height:1.5;color:#a9b7cc;margin:6px 0 0}.benchmarkSection{background:#f5f7fb}.benchmarkBar{background:#fff;border:1px solid #e0e6ee;border-radius:20px;padding:38px 34px 34px;margin-bottom:18px;overflow:visible}.benchScale{height:100px;position:relative;margin:15px 48px 0;border-bottom:8px solid #e5eaf0}.benchScale:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,#dfe8e4,#a9d8c5)}.benchScale>span{position:absolute;bottom:19px;transform:translateX(-50%);text-align:center;z-index:2}.benchScale>span:after{content:"";display:block;width:2px;height:17px;background:#8fa19a;margin:5px auto -17px}.benchScale>span b,.benchScale>span small{display:block;white-space:nowrap}.benchScale>span b{font-size:12px}.benchScale>span small{font-size:10px;color:#7f8a9b}.benchScale .enhanced{transform:translateX(-50%);text-align:center}.benchScale .enhanced:after{margin-left:auto;margin-right:auto}.benchScale>i{position:absolute;top:calc(100% + 4px);transform:translateX(-50%);font-style:normal;text-align:center;z-index:4;transition:left .2s ease;min-width:76px}.benchScale>i:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#0d1b3d;border:3px solid #fff;box-shadow:0 2px 8px #0002;margin:0 auto;transform:translateY(-50%)}.benchScale>i b{display:block;color:#16835b;font-size:9px;margin-top:-5px}.benchScale>i small{display:block;font-size:10px;color:#0d1b3d;font-weight:800;white-space:nowrap}.benchmarkBar>p{text-align:center;color:#5f6d80;font-size:13px;margin:54px 0 0;line-height:1.55}.benchmarkCards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.benchmarkCards article{background:#fff;border:1px solid #e0e6ee;border-radius:17px;padding:22px}.benchmarkCards>article>span{font-size:10px;color:#16835b;font-weight:800;letter-spacing:1px}.benchmarkCards>article>strong{display:block;font-size:24px;color:#0d1b3d;margin:7px 0}.benchmarkCards>article>p{font-size:12px;color:#778397;margin:0}.benchmarkSpend{background:#f4f8f6;border:1px solid #e0ebe6;border-radius:13px;padding:13px 14px;margin:14px 0}.benchmarkSpend small{display:block;color:#7b8796;font-size:10px;line-height:1.4}.benchmarkSpend b{display:block;color:#0d1b3d;font-size:18px;margin:3px 0}.benchmarkSpend small span{color:#566579;font-weight:700;letter-spacing:0}.benchmarkNote{font-size:11px;color:#8b96a7;margin-top:15px;line-height:1.55}.benchmarkNote strong{color:#657286}.scenarioCards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.scenarioCards article{background:#fff;border:1px solid #e1e7ef;border-radius:18px;padding:25px}.scenarioCards article:first-child{border:2px solid #0d1b3d;padding:24px}.scenarioCards span{font-size:10px;letter-spacing:1.1px;color:#16835b;font-weight:800}.scenarioCards>article>strong{display:block;font-size:29px;color:#0d1b3d;margin:12px 0 0}.scenarioCards small{color:#8792a5;font-size:11px}.scenarioCards p{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #e7ebf1;padding-top:12px;margin-top:18px;color:#7b8799;font-size:12px}.scenarioCards p+p{margin-top:0}.scenarioCards p b{color:#142038;text-align:right}.retCompare{padding-bottom:80px}@media(max-width:900px){.retHeroGrid,.retGrid{grid-template-columns:1fr}.retPreview{max-width:620px}}@media(max-width:650px){.retHero{padding:48px 0}.retHero h1{font-size:40px;letter-spacing:-1.7px}.retForm,.retResult,.retPreview{padding:22px}.retForm .two,.scenarioCards,.benchmarkCards{grid-template-columns:1fr}.retResult .big{font-size:39px}.retPreview p{display:block}.retPreview p b{display:block;margin-top:2px}.resultRows p{font-size:12px}.benchmarkBar{padding:22px 20px;margin-bottom:18px;background:#eef8f4;border-color:#d7ebe3}.benchScale{display:none}.benchmarkBar:before{content:"YOUR PROJECTION VS EPF";display:block;font-size:10px;letter-spacing:1.2px;font-weight:800;color:#16835b;margin-bottom:8px}.benchmarkBar>p{margin:0!important;padding:0!important;text-align:left;font-size:15px;line-height:1.5;color:#21354b;font-weight:700}.benchmarkCards{gap:12px}.benchmarkCards article{padding:20px}.benchmarkCards>article>strong{font-size:23px}.benchmarkSpend{margin:12px 0;padding:12px 13px}.benchmarkSpend b{font-size:20px}.benchmarkNote{font-size:12px;line-height:1.6}}