@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";
:root{--ink:#102c2a;--muted:#60706e;--cream:#f5f5ed;--green:#1bc47d;--deep:#0d3430;--line:#dce5df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fbfcf8;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.header{justify-content:space-between;align-items:center;max-width:1180px;height:78px;margin:auto;padding:0 24px;display:flex}.brand{align-items:center;gap:10px;font:800 20px Manrope;display:flex}.brandmark{background:var(--deep);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.nav{align-items:center;gap:30px;font-size:14px;font-weight:600;display:flex}.nav>a:not(.navCta){color:#52635f}.navCta,.primary{background:var(--green);color:#0a2e28;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-weight:700;display:inline-flex}.menu{background:0 0;border:0;display:none}.hero{background:var(--cream);border-radius:28px;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;max-width:1320px;min-height:640px;margin:auto;padding:74px max(44px,50% - 560px);display:grid;overflow:hidden}.eyebrow{color:#bff5d9;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.hero .eyebrow{color:#187153}.eyebrow.dark{color:#17835d}.hero h1{letter-spacing:-.055em;max-width:690px;margin:20px 0 22px;font:800 clamp(45px,5.4vw,72px)/1.03 Manrope}.hero h1 em{color:#17835d;font-style:normal}.lead{color:#586b67;max-width:620px;font-size:19px;line-height:1.65}.heroActions{align-items:center;gap:25px;margin:32px 0;display:flex}.primary{padding:16px 21px}.textLink{border-bottom:1px solid;font-weight:700}.trustline{color:#61716e;flex-wrap:wrap;gap:20px;font-size:13px;display:flex}.trustline span{align-items:center;gap:5px;display:flex}.trustline svg{color:#149263;width:15px}.heroVisual{place-items:center;min-height:430px;display:grid;position:relative}.glow{background:#d8efe2;border-radius:50%;width:460px;height:460px;position:absolute}.paycard{z-index:1;background:#fff;border:1px solid #e4eae5;border-radius:22px;width:100%;max-width:455px;padding:28px;transform:rotate(1deg);box-shadow:0 28px 60px #173b2e24}.paytop{justify-content:space-between;display:flex}.paytop span,.resultLabel{color:#6b7a77;font-size:13px;display:block}.paytop strong{letter-spacing:-.04em;font:800 42px Manrope}.paytop svg{color:#1a9568}.chart{align-items:end;gap:8px;height:120px;margin:25px 0;display:flex}.chart i{background:#bdebd5;border-radius:5px 5px 0 0;flex:1;height:35%}.chart i:nth-child(2){height:47%}.chart i:nth-child(3){height:42%}.chart i:nth-child(4){height:68%}.chart i:nth-child(5){height:62%}.chart i:nth-child(6){height:78%}.chart i:nth-child(7){height:72%}.chart i:nth-child(8){background:#1bc47d;height:92%}.paystats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-top:18px;display:grid}.paystats small,.paystats b{display:block}.paystats small{color:#83908e;font-size:11px}.paystats b{margin-top:5px}.green{color:#139363}.floatBadge{z-index:2;color:#fff;background:#123a35;border-radius:13px;align-items:center;gap:10px;padding:13px 17px;display:flex;position:absolute;bottom:18px;left:3px;box-shadow:0 14px 30px #102b253d}.floatBadge svg{color:#6ce3ab}.floatBadge b,.floatBadge small{display:block}.floatBadge small{color:#b8cbc7}.logoStrip{color:#536562;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:30px 10px;font-size:13px;display:flex}.logoStrip span{color:#8b9795}.logoStrip i{background:#b8c3bf;border-radius:50%;width:4px;height:4px}.calcCard{border:1px solid var(--line);background:#fff;border-radius:24px;max-width:1120px;margin:85px auto;overflow:hidden;box-shadow:0 22px 60px #25473a10}.calcHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:30px 34px;display:flex}.calcHead h2{letter-spacing:-.03em;margin:8px 0 0;font:700 28px Manrope}.year{color:#147a55;background:#e9f8ef;border-radius:30px;padding:7px 10px;font-size:12px;font-weight:700}.calcGrid{grid-template-columns:1fr 1fr;display:grid}.controls,.results{padding:38px}.controls{border-right:1px solid var(--line)}label{justify-content:space-between;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}label span{color:#8b9694;font-weight:400}.moneyInput,.selectWrap{background:#fff;border:1px solid #cfdad4;border-radius:10px;align-items:center;height:54px;margin-bottom:23px;display:flex}.moneyInput span{color:#667674;padding-left:15px}.moneyInput input{background:0 0;border:0;outline:0;width:100%;padding:12px;font-weight:700}.selectWrap select{appearance:none;background:0 0;border:0;outline:0;flex:1;padding:0 14px}.selectWrap svg{margin-right:14px}.segments{background:#f0f3ef;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;display:grid}.segments button{color:#687572;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 3px;font-size:12px}.segments button.active{color:#123c35;background:#fff;font-weight:700;box-shadow:0 2px 5px #173e3020}.privacy{color:#778582;align-items:center;gap:6px;margin-top:22px;font-size:12px;display:flex}.results{color:#fff;background:#123b36}.results .resultLabel{color:#b5cac5}.bigMoney{letter-spacing:-.05em;margin-top:8px;font:800 clamp(36px,4vw,54px) Manrope}.bigMoney span{letter-spacing:0;color:#b5cac5;font:500 15px DM Sans}.annual{color:#c2d2ce;font-size:13px}.bar{background:#345752;border-radius:10px;height:8px;margin:28px 0}.bar i{background:#38d78f;border-radius:10px;height:100%;display:block}.breakdown>div{color:#c6d5d2;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.breakdown b{color:#fff}.breakdown .net{border-top:1px solid #45645f;margin-top:8px;padding-top:17px}.breakdown .net b{color:#58e3a5}.fineprint{color:#87a09b;margin-top:24px;font-size:10px}.why{max-width:1120px;margin:120px auto;padding:0 10px}.sectionIntro{max-width:760px}.sectionIntro h2,.steps h2,.cta h2{letter-spacing:-.045em;margin:15px 0;font:700 clamp(34px,4vw,48px)/1.16 Manrope}.benefits{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px;display:grid}.benefits article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:28px}.iconbox{color:#16865e;background:#e8f7ee;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.benefits h3{margin:22px 0 10px;font:700 18px Manrope}.benefits p{color:#6b7977;font-size:14px;line-height:1.6}.steps{color:#fff;background:#103a35;border-radius:28px;grid-template-columns:1fr 1fr;gap:100px;max-width:1320px;margin:80px auto;padding:78px max(44px,50% - 560px);display:grid}.steps>div>p{color:#b5c9c5;line-height:1.7}.primary.light{background:#fff;margin-top:20px}.steps ol{margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid #385b56;gap:22px;margin-bottom:27px;padding:0 0 25px;display:flex}.steps li>span{color:#57dba0;font:700 13px Manrope}.steps h3{margin:0 0 7px;font:700 18px Manrope}.steps li p{color:#a9c0bb;margin:0;font-size:14px}.cta{background:#e6f4ea;border-radius:22px;justify-content:space-between;align-items:center;gap:40px;max-width:1120px;margin:110px auto;padding:52px;display:flex}.cta h2{margin-bottom:8px}.cta p{color:#60716e;margin:0}footer{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:30px;max-width:1120px;margin:0 auto;padding:40px 10px 50px;display:grid}footer p{color:#73817f;font-size:13px}footer>div{gap:22px;font-size:13px;font-weight:600;display:flex}footer small{color:#929c9a;grid-column:1/-1;font-size:11px}@media (max-width:850px){.nav{z-index:10;background:#fff;border-radius:14px;flex-direction:column;padding:20px;display:none;position:absolute;top:70px;left:20px;right:20px;box-shadow:0 15px 40px #0002}.nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;margin:0 12px;padding:55px 25px}.heroVisual{min-height:370px}.logoStrip{white-space:nowrap;gap:20px;padding:25px;overflow:auto}.calcCard,.why,.cta{margin-left:14px;margin-right:14px}.calcGrid,.steps{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.benefits{grid-template-columns:1fr}.steps{gap:55px;margin:70px 12px;padding:55px 28px}.cta{flex-direction:column;align-items:flex-start;padding:35px}footer{grid-template-columns:1fr;margin:0 20px}footer small{grid-column:auto}}@media (max-width:520px){.hero h1{font-size:44px}.heroActions{flex-direction:column;align-items:flex-start}.trustline{flex-direction:column;gap:8px}.heroVisual{min-height:320px}.paycard{padding:20px}.paytop strong{font-size:34px}.floatBadge{bottom:0}.calcHead{padding:24px 20px}.calcHead h2{font-size:23px}.calcGrid .controls,.calcGrid .results{padding:25px 20px}.segments button{font-size:10px}.bigMoney{font-size:37px}.paystats b{font-size:12px}.benefits{margin-top:30px}}
.lab{grid-template-columns:.7fr 1.3fr;align-items:center;gap:64px;max-width:1120px;margin:110px auto;display:grid}.labIntro h2,.questHead h2{letter-spacing:-.045em;margin:14px 0;font:700 42px/1.12 Manrope}.labIntro>p{color:#677774;line-height:1.7}.mission{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;margin-top:28px;padding:16px;display:flex}.mission svg{color:#16a26c}.mission b,.mission span{display:block}.mission span{color:#798783;margin-top:3px;font-size:12px}.labPanel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:30px;box-shadow:0 20px 50px #163d3012}.labTop{justify-content:space-between;align-items:center;display:flex}.labTop label{margin:0}.labTop strong{font:800 28px Manrope}.range{accent-color:#19bd79;width:100%;margin-top:20px}.rangeMarks{color:#95a09d;justify-content:space-between;font-size:10px;display:flex}.versus{grid-template-columns:1fr 34px 1fr;align-items:center;gap:10px;margin:28px 0;display:grid}.scenario{border:1px solid var(--line);border-radius:14px;min-width:0;padding:18px}.miniSelect{color:#19845d;align-items:center;gap:5px;display:flex}.miniSelect select{background:0 0;border:0;width:100%;min-width:0;font-weight:700}.scenario>strong,.scenario>span{display:block}.scenario>strong{margin-top:18px;font:800 25px Manrope}.scenario>span,.scenario small{color:#7a8885;font-size:11px}.meter{background:#e8eeeb;border-radius:9px;height:6px;margin:15px 0 6px}.meter i{background:#23c983;border-radius:9px;height:100%;display:block}.vs{color:#fff;background:#153b36;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.insight{color:#17563f;background:#e9f8ef;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.insight svg{color:#e0a517}.insight p{margin:0;font-size:13px}.neutral{color:#8b9694;margin-top:12px;font-size:10px;line-height:1.5;display:block}.quest{color:#fff;background:#113934;border-radius:24px;max-width:1120px;margin:110px auto;padding:48px}.questHead{justify-content:space-between;align-items:start;gap:30px;display:flex}.questHead h2{max-width:660px}.score{text-align:center;background:#204b45;border:1px solid #3b615b;border-radius:12px;padding:12px 18px}.score span,.score b{display:block}.score span{color:#a8c0bb;text-transform:uppercase;font-size:10px}.score b{color:#60e4a8;font:800 22px Manrope}.question{max-width:760px;margin:20px auto 0}.progress{background:#315752;border-radius:5px;height:5px;margin-bottom:12px}.progress i{background:#52dfa1;border-radius:5px;height:100%;display:block}.question>small{color:#a7bdb8}.question h3{margin:15px 0 23px;font:700 25px/1.35 Manrope}.answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answers button{color:#fff;text-align:left;cursor:pointer;background:#204a44;border:1px solid #466862;border-radius:12px;justify-content:space-between;padding:17px;font-weight:700;display:flex}.answers button:hover{border-color:#65dba9}.answers .correct{background:#126a49;border-color:#4be19d}.answers .wrong{background:#713d3d;border-color:#b36969}.answers .dim{opacity:.45}.explain{color:#173b36;background:#f5f7f2;border-radius:14px;margin-top:18px;padding:20px}.explain p{color:#63726f}.explain button,.finish button{cursor:pointer;background:#19c27c;border:0;border-radius:9px;align-items:center;gap:7px;padding:11px 15px;font-weight:700;display:inline-flex}.finish{text-align:center;max-width:600px;margin:auto;padding:35px 0}.trophy{color:#f6c953;background:#255049;border-radius:50%;place-items:center;width:70px;height:70px;margin:auto;display:grid}.finish h3{margin:20px 0 8px;font:700 30px Manrope}.finish p{color:#afc5c0;line-height:1.6}.finish button{margin-top:12px}@media (max-width:850px){.lab{grid-template-columns:1fr;gap:30px;margin:80px 14px}.quest{margin:80px 14px;padding:32px 22px}.questHead{align-items:center}.labIntro h2,.questHead h2{font-size:34px}}@media (max-width:520px){.versus{grid-template-columns:1fr}.vs{margin:auto}.questHead{align-items:flex-start}.score{padding:10px}.answers{grid-template-columns:1fr}.labPanel{padding:20px}.scenario>strong{font-size:23px}}
.accountFlow,.rates{max-width:1120px;margin:110px auto}.flowHead,.ratesHead{justify-content:space-between;align-items:start;gap:45px;display:flex}.flowHead>div:first-child,.ratesHead>div:first-child{max-width:760px}.flowHead h2,.ratesHead h2{letter-spacing:-.045em;margin:14px 0;font:700 44px/1.12 Manrope}.flowHead p,.ratesHead p{color:#687875;line-height:1.7}.xp{color:#fff;background:#123b36;border-radius:14px;align-items:center;gap:10px;min-width:165px;padding:14px 18px;display:flex}.xp svg{color:#55dfa3}.xp b,.xp small{display:block}.xp small{color:#a9c2bd}.flowInputs{grid-template-columns:1fr 1fr;gap:14px;margin:34px 0 16px;display:grid}.flowInputs label{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;display:block}.flowInputs select{width:100%;color:var(--ink);background:0 0;border:0;margin-top:8px;font-weight:700;display:block}.contextNote{color:#275e4b;background:#e9f8ef;border-radius:10px;align-items:center;gap:10px;padding:13px 16px;font-size:13px;display:flex}.accountPath{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px;display:grid}.accountNode{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;position:relative;overflow:hidden}.accountNode:before{content:"";background:#5ed4a2;height:5px;position:absolute;inset:0 0 auto}.accountNode.blue:before{background:#6ab7e8}.accountNode.gold:before{background:#e4bd54}.nodeTop{align-items:center;gap:11px;display:flex}.rank{color:#fff;background:#173c36;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.nodeIcon{color:#16875f;background:#e9f8ef;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.blue .nodeIcon{color:#2678aa;background:#eaf5fc}.gold .nodeIcon{color:#98751b;background:#fbf5df}.nodeTop h3{margin:0;font:800 21px Manrope}.nodeTop small{color:#7d8987;font-size:10px}.mechanic{background:#f5f7f3;border-radius:10px;margin-top:18px;padding:12px}.mechanic span,.mechanic b{display:block}.mechanic span{text-transform:uppercase;letter-spacing:.08em;color:#87918f;font-size:9px}.mechanic b{margin-top:5px;font-size:12px;line-height:1.45}.arrowDown{text-align:center;color:#42ae7e;height:15px}.flowDisclaimer{color:#889492;margin-top:16px;font-size:11px;line-height:1.6}.rates{background:#f2f5ef;border-radius:24px;padding:44px}.updated{border:1px solid var(--line);text-align:right;white-space:nowrap;background:#fff;border-radius:10px;padding:12px 16px}.updated span,.updated b{display:block}.updated span{text-transform:uppercase;color:#899391;font-size:9px}.updated b{margin-top:3px;font-size:13px}.filters{gap:7px;margin:28px 0 14px;display:flex}.filters button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:30px;padding:8px 14px;font-size:12px}.filters button.active{color:#fff;background:#123b36;border-color:#123b36}.matrix{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.matrixRow{border-top:1px solid #edf1ee;grid-template-columns:1.25fr .55fr .65fr 1.5fr .55fr;align-items:center;gap:14px;padding:15px 18px;font-size:12px;display:grid}.matrixRow:first-child{border-top:0}.matrixRow>span:first-child b,.matrixRow>span:first-child small{display:block}.matrixRow small{color:#83908d;margin-top:3px}.matrixRow strong{color:#16865e;font:800 19px Manrope}.matrixRow .terms{color:#697875;line-height:1.45}.matrixRow a{color:#177a57;justify-content:flex-end;align-items:center;gap:5px;font-weight:700;display:flex}.matrixHeader{color:#c2d4d0;text-transform:uppercase;letter-spacing:.07em;background:#123b36;font-size:9px}.rateFoot{color:#71807d;align-items:flex-start;gap:10px;margin-top:15px;display:flex}.rateFoot svg{color:#16865e;flex:none}.rateFoot p{margin:0;font-size:11px;line-height:1.55}@media (max-width:850px){.accountFlow,.rates{margin:80px 14px}.rates{padding:28px 18px}.flowHead,.ratesHead{display:block}.xp,.updated{margin-top:14px;display:inline-flex}.accountPath{grid-template-columns:1fr}.matrixHeader{display:none}.matrixRow{grid-template-columns:1fr .6fr}.matrixRow .terms{grid-column:1/-1}.matrixRow>a{justify-content:flex-start}}@media (max-width:520px){.flowInputs{grid-template-columns:1fr}.flowHead h2,.ratesHead h2{font-size:34px}.matrixRow{grid-template-columns:1fr}.matrixRow .terms{grid-column:auto}.matrixRow>a{justify-content:flex-start}}
