@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&display=swap";
:root{--ground:#efefea;--surface:#fff;--field:#f7f7f4;--step:#e4e4dd;--ink:#0c0c0d;--ink-2:#2a2a2d;--muted:#5f5f5b;--line:#d6d6ce;--accent:#c8f03c;--accent-ink:#0c0c0d;--brand:var(--ink);--display:"Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gutter:clamp(16px, 3vw, 32px);--section:clamp(64px, 9vw, 128px);--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--text);background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-size:17px;line-height:1.55}::selection{background:var(--accent);color:var(--ink)}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.container{max-width:1280px;padding:0 var(--gutter);margin:0 auto}.section,.section-tight{padding:calc(var(--section) / 2) 0}.button{background:var(--accent);height:52px;color:var(--accent-ink);transition:transform .2s var(--ease), background .2s;border-radius:99px;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)scale(.98)}.site-header{z-index:100;background:var(--ground);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.site-logo{font-family:var(--display);color:var(--ink);letter-spacing:-.03em;font-size:20px;font-weight:700;text-decoration:none}.site-logo span{display:none}.site-nav{align-items:center;gap:4px;list-style:none;display:flex}.site-nav a{color:var(--ink);border-radius:99px;padding:8px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s}.site-nav a:hover{background:var(--step)}.site-nav .nav-action a{background:var(--ink);color:#fff;margin-left:8px}.site-nav .nav-action a:hover{background:var(--ink-2)}.hero{padding:clamp(40px, 6vw, 88px) 0 calc(var(--section) / 2)}.hero .container{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(32px,5vw,80px);display:grid}.hero h1{font-family:var(--display);letter-spacing:-.045em;margin-bottom:36px;font-size:clamp(42px,5.6vw,84px);font-weight:600;line-height:.96}.hero p{color:var(--ink);max-width:34ch;margin-bottom:36px;font-size:clamp(18px,1.6vw,22px);line-height:1.45}.hero-rates{background:var(--surface);border-radius:6px;padding:clamp(24px,3vw,36px)}.hero-rates h2{margin-bottom:20px;font-size:15px;font-weight:600}.hero-rates dl{grid-template-columns:1fr 1fr;gap:28px 24px;display:grid}.hero-rates dl>div{flex-direction:column;display:flex}.hero-rates dt{color:var(--muted);margin-top:4px;font-size:15px}.hero-rates dd{font-family:var(--display);letter-spacing:-.035em;font-variant-numeric:tabular-nums;order:-1;font-size:clamp(28px,2.6vw,38px);font-weight:600;line-height:1}.calc-wrap{grid-template-columns:minmax(300px,4fr) minmax(0,8fr);align-items:start;gap:16px;display:grid}.calc-inputs{background:var(--surface);border-radius:6px;padding:32px;position:sticky;top:88px}.calc-inputs h2,.section-heading{font-family:var(--display);letter-spacing:-.035em;margin-bottom:28px;font-size:clamp(28px,2.6vw,36px);font-weight:600;line-height:1.05}.input-group{margin-bottom:22px}.input-group:last-child{margin-bottom:0}.input-label{color:var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}.input-label-hint{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:400}.input-wrap{position:relative}.input-prefix{color:var(--muted);pointer-events:none;font-size:17px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.calc-input,.calc-select{border:1px solid var(--line);width:100%;height:52px;font-family:var(--text);color:var(--ink);background:var(--field);font-variant-numeric:tabular-nums;border-radius:6px;outline:none;padding:0 16px;font-size:17px;font-weight:500;transition:border-color .2s,background .2s}.calc-input.has-prefix{padding-left:34px}.calc-input:hover,.calc-select:hover{border-color:var(--muted)}.calc-input:focus,.calc-select:focus{border-color:var(--ink);background:var(--surface);outline:2px solid var(--accent);outline-offset:0}.calc-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230c0c0d' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px}.input-divider{height:12px}.calc-assumptions{color:var(--ink-2);background:var(--field);border-radius:6px;padding:16px 18px;font-size:15px;line-height:1.5}.calc-assumptions strong{color:var(--ink);margin-bottom:4px;font-weight:600;display:block}.calc-results{flex-direction:column;gap:16px;display:flex}.results-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.result-card{background:var(--surface);border-radius:6px;padding:32px}.result-card.outside.best{background:var(--ink);color:#f2f2ee;--muted:#a8a8a2;--ink-2:#f2f2ee;--field:#1c1c1e}.result-title{align-items:center;gap:10px;margin-bottom:24px;font-size:16px;font-weight:600;display:flex}.result-title-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.result-title-dot.inside{background:var(--ink)}.result-title-dot.outside{background:var(--accent)}.result-head{align-items:center;gap:18px;display:flex}.result-take-home{font-family:var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:clamp(36px,3.6vw,52px);font-weight:600;line-height:1}.result-card.outside.best .result-take-home{color:var(--accent)}.result-monthly{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.result-rate{color:var(--muted);font-variant-numeric:tabular-nums;margin:18px 0 20px;font-size:15px}.breakdown-row{justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;font-size:15px;display:flex}.breakdown-row span:first-child{color:var(--muted)}.breakdown-row span:last-child{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.breakdown-row.total{background:var(--field);border-radius:6px;margin-top:12px;padding:12px 14px}.breakdown-row.total span{font-size:16px;font-weight:600;color:var(--ink-2)!important}.savings-banner{background:var(--accent);color:var(--ink);border-radius:6px;padding:24px 28px}.savings-banner.neutral{background:var(--surface)}.savings-banner-icon{display:none}.savings-banner-text strong{font-family:var(--display);letter-spacing:-.035em;margin-bottom:4px;font-size:clamp(24px,2.4vw,32px);font-weight:600;line-height:1.1;display:block}.savings-banner-text span{color:var(--ink-2);font-size:16px}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.summary-item{background:var(--surface);border-radius:6px;padding:20px 24px}.summary-item div:first-child{color:var(--muted);margin-bottom:2px;font-size:15px}.summary-item div:last-child{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.rate-mode-wrap{align-items:stretch;gap:8px;display:flex}.rate-toggle{background:var(--step);border-radius:99px;flex-shrink:0;gap:2px;padding:4px;display:flex}.rate-toggle-btn{height:44px;font-family:var(--text);color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:99px;padding:0 16px;font-size:15px;font-weight:500;transition:background .2s,color .2s}.rate-toggle-btn.active{background:var(--ink);color:#fff}.rate-toggle-btn:hover:not(.active){background:var(--surface)}.affiliate-section{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:16px clamp(32px,5vw,80px);display:grid}.affiliate-section h2{font-family:var(--display);letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(32px,3.6vw,52px);font-weight:600;line-height:1}.affiliate-section>div>p{color:var(--ink-2);max-width:32ch;font-size:17px}.affiliate-grid{flex-direction:column;gap:8px;display:flex}.affiliate-card{background:var(--surface);color:inherit;transition:transform .3s var(--ease);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 32px;padding:24px 28px;text-decoration:none;display:grid}.affiliate-card:hover{transform:translate(6px)}.affiliate-card-icon{display:none}.affiliate-card h3{letter-spacing:-.015em;font-size:19px;font-weight:600}.affiliate-card p{color:var(--ink-2);grid-column:1;font-size:15.5px;line-height:1.5}.affiliate-card .cta{white-space:nowrap;background:var(--ink);color:#fff;border-radius:99px;grid-area:1/2/span 2;padding:12px 20px;font-size:15px;font-weight:600;transition:background .2s,color .2s}.affiliate-card:hover .cta{background:var(--accent);color:var(--ink)}.related-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.related-item{background:var(--ink);color:#f2f2ee;transition:transform .3s var(--ease);border-radius:6px;flex-direction:column;gap:8px;padding:28px;text-decoration:none;display:flex}.related-item:hover{transform:translateY(-4px)}.related-item h3{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.1}.related-item p{color:#c4c4be;margin:0;font-size:15.5px}.related-item .related-tag{color:var(--accent);font-size:15px;font-weight:600}.related-item .related-arrow{display:none}.content-section{background:var(--surface);border-radius:6px;padding:clamp(28px,6vw,80px)}.content-section>*{max-width:760px}.content-section>.content-table{max-width:none}.content-section h2{font-family:var(--display);letter-spacing:-.04em;margin:72px 0 18px;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.05}.content-section h2:first-child{margin-top:0}.content-section h3{letter-spacing:-.015em;margin:32px 0 8px;font-size:19px;font-weight:600}.content-section p{color:var(--ink);margin-bottom:18px;font-size:17px;line-height:1.65}.content-section strong{font-weight:600}.content-section ul{margin-bottom:18px;padding-left:22px}.content-section li{margin-bottom:10px;font-size:17px;line-height:1.65}.content-section a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px}.content-section a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.content-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:28px 0 36px;font-size:16px}.content-table th{text-align:left;color:var(--ink);background:var(--field);padding:14px 16px;font-size:15px;font-weight:600}.content-table td{border-bottom:1px solid var(--step);color:var(--ink);vertical-align:top;padding:14px 16px}.content-table tr:last-child td{border-bottom:none}.notice{background:var(--step);color:var(--ink-2);border-radius:6px;align-items:flex-start;gap:12px;padding:16px 20px;font-size:15px;line-height:1.5;display:flex}.notice svg{flex-shrink:0;margin-top:3px}.site-footer{background:var(--ink);color:#c4c4be;margin-top:calc(var(--section) / 2);padding:clamp(56px,8vw,112px) 0 40px;overflow:hidden}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;display:flex}.footer-name{width:100%;font-family:var(--display);letter-spacing:-.06em;color:#f2f2ee;margin-bottom:24px;font-size:clamp(64px,15vw,220px);font-weight:700;line-height:.85}.footer-name span{color:var(--accent)}.footer-copy{color:#f2f2ee;font-size:15px}.footer-links{flex-wrap:wrap;gap:8px 28px;list-style:none;display:flex}.footer-links a{color:#f2f2ee;font-size:15px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-disclaimer{color:#9d9d97;width:100%;max-width:900px;margin-top:16px;font-size:14px;line-height:1.6}.ad-slot{width:100%;min-height:var(--ad-h,120px);text-align:center;margin:0 auto;display:block}.ad-slot-after-calculator,.ad-slot-before-footer{--ad-h:120px;max-width:970px;margin:24px auto}.ad-slot-in-content{--ad-h:280px;margin:40px 0}.ad-slot-results{--ad-h:280px}.ad-slot .ad-label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.ad-slot-placeholder{border:2px dashed var(--line);color:var(--muted);border-radius:6px;place-items:center;font-size:14px;display:grid}a.affiliate-card{color:inherit;text-decoration:none}.next-step{background:var(--accent);color:var(--ink);transition:transform .3s var(--ease);border-radius:6px;flex-direction:column;gap:6px;padding:24px 28px;text-decoration:none;display:flex}.next-step:hover{transform:translateY(-3px)}.next-step-reason{font-size:15px;font-weight:500}.next-step strong{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.1}.next-step-desc{font-size:15px;line-height:1.5}.next-step-cta{background:var(--ink);color:#fff;border-radius:99px;align-self:flex-start;margin-top:8px;padding:12px 20px;font-size:15px;font-weight:600}@media (max-width:720px){.ad-slot-in-content{--ad-h:250px}.ad-slot-after-calculator,.ad-slot-before-footer{--ad-h:100px}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.hero h1,.hero p,.hero .button,.hero-rates{animation:rise .8s var(--ease) both}.hero p{animation-delay:80ms}.hero .button{animation-delay:.16s}.hero-rates{animation-delay:.24s}@supports (animation-timeline:view()){.reveal>*{animation:linear both rise;animation-timeline:view();animation-range:entry entry 40%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media (max-width:960px){.hero .container,.affiliate-section,.calc-wrap{grid-template-columns:1fr}.calc-inputs{position:static}}@media (max-width:720px){.results-grid,.related-list{grid-template-columns:1fr}.site-nav li:not(.nav-action){display:none}.content-table{display:block;overflow-x:auto}.affiliate-card{grid-template-columns:1fr}.affiliate-card .cta{grid-area:auto/1;justify-self:start;margin-top:12px}}@media (max-width:480px){.calc-inputs,.result-card{padding:22px}.hero-rates dl{gap:20px 16px}.summary-strip{grid-template-columns:1fr;gap:8px}.hero h1{margin-bottom:24px}.hero p{margin-bottom:28px}}
