@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}@font-face{font-family:__Space_Grotesk_68a4d1;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Grotesk_68a4d1;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Space_Grotesk_68a4d1;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Grotesk_68a4d1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Grotesk_68a4d1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Space_Grotesk_68a4d1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Grotesk_Fallback_68a4d1;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_68a4d1{font-family:__Space_Grotesk_68a4d1,__Space_Grotesk_Fallback_68a4d1;font-style:normal}.__variable_68a4d1{--font-space-grotesk:"__Space_Grotesk_68a4d1","__Space_Grotesk_Fallback_68a4d1"}:root{--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-bg-primary:#f8fafc;--color-bg-secondary:#fff;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--color-bg-hover:#f1f5f9;--spacing-1:8px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--spacing-6:48px;--spacing-8:64px;--font-primary:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:var(--font-space-grotesk),var(--font-inter),sans-serif;--font-size-h1:40px;--font-size-h2:30px;--font-size-h3:22px;--font-size-body:16px;--font-size-small:12px;--radius-card:12px;--radius-input:8px;--radius-button:8px;--shadow-none:none;--shadow-soft:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--max-width:1280px;--grid-columns-desktop:12;--grid-columns-mobile:4}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);line-height:1.6;font-size:var(--font-size-body);overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--font-size-h1);font-weight:700;letter-spacing:-.03em}h2{font-size:var(--font-size-h2)}h2,h3{font-weight:600}h3{font-size:var(--font-size-h3)}p{line-height:1.6;color:var(--color-text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-4)}@media (max-width:768px){.container{padding:0 var(--spacing-2)}}header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-2) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.95);transition:all var(--transition-base)}.header-content{display:flex;justify-content:space-between}.header-content,.header-nav{align-items:center;gap:var(--spacing-4)}.header-nav{display:none}.header-nav a{color:var(--color-text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color var(--transition-fast);padding:var(--spacing-1) 0}.header-nav a:hover{color:var(--color-accent)}@media (min-width:769px){.header-nav{display:flex}}.logo{text-decoration:none;color:inherit;display:inline-flex;flex-direction:column;gap:0;transition:all var(--transition-fast);position:relative}.logo:hover{opacity:.85}.logo-text{display:inline-flex;align-items:baseline;font-family:var(--font-heading);font-weight:700;line-height:1;letter-spacing:-.04em}.logo-header .logo-text{font-size:24px;color:var(--color-text-primary)}.logo-footer .logo-text{font-size:18px;color:var(--color-text-primary)}.logo-letter{display:inline-block;font-size:1.15em;color:var(--color-accent);font-weight:700;position:relative;margin-right:1px;transform:translateY(-1px)}.logo-letter:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--color-accent);opacity:.2;border-radius:1px}.logo-rest{color:var(--color-text-primary);font-weight:600;letter-spacing:-.02em}.logo-tagline{color:var(--color-text-secondary);font-size:12px;font-weight:400;line-height:1.4;font-style:italic;margin-top:2px;font-family:var(--font-primary);opacity:.9}.logo-header .logo-tagline{font-size:11px;margin-top:0}.logo-footer .logo-tagline{font-size:11px;margin-top:2px}header p{font-size:14px;margin-top:var(--spacing-1);line-height:1.5}.breadcrumb,header p{color:var(--color-text-secondary)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-1);margin-bottom:var(--spacing-4);font-size:13px}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb-separator{color:var(--color-text-secondary);opacity:.5;margin:0 var(--spacing-1)}.breadcrumb-current{color:var(--color-text-primary);font-weight:500}main{min-height:calc(100vh - 300px);padding:var(--spacing-6) 0}.calculator-container{background:var(--color-bg-secondary);border-radius:var(--radius-card);padding:var(--spacing-6);border:1px solid var(--color-border);max-width:900px;margin:0 auto;box-shadow:var(--shadow-none);transition:all var(--transition-base)}.calculator-container:hover{box-shadow:var(--shadow-soft);border-color:var(--color-border-hover)}.calculator-inputs h2,.calculator-results h2{font-size:var(--font-size-h3);margin-bottom:var(--spacing-4);color:var(--color-text-primary);font-weight:600}.input-group{margin-bottom:var(--spacing-4)}.input-group label{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--color-text-primary);font-size:14px;line-height:1.5}.input-group .required{color:var(--color-error);margin-left:4px}.input-group .optional{color:var(--color-text-secondary);margin-left:4px;font-size:12px;font-weight:400}.input-group input,.input-group select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:var(--font-size-body);font-family:var(--font-primary);background:var(--color-bg-secondary);color:var(--color-text-primary);transition:all var(--transition-fast);-moz-appearance:none;appearance:none;min-height:48px;-webkit-appearance:none}.input-group input[type=number]::-webkit-inner-spin-button,.input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.input-group input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media (max-width:768px){.input-group input,.input-group select{font-size:16px;padding:var(--spacing-3)}}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.input-group input:hover,.input-group select:hover{border-color:var(--color-border-hover)}.input-group .help-text{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:1.5}.down-payment-mode-toggle{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.mode-toggle-btn{flex:1 1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.mode-toggle-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.mode-toggle-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.loan-term-mode-toggle,.loan-term-quick-select{margin-bottom:var(--spacing-3);margin-top:var(--spacing-2)}.loan-term-quick-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:var(--spacing-2);gap:var(--spacing-2)}.input-group .input-with-prefix,.input-group .input-with-suffix{margin-bottom:4px}.input-group>input[type=number]:not([class*=value-slider]),.input-group>input[type=text]:not([class*=value-slider]){margin-bottom:var(--spacing-2)}.input-group input[type=range].value-slider{margin-top:0}.quick-select-btn{padding:var(--spacing-2) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:center;width:100%}.quick-select-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.quick-select-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.input-group .error{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-small);color:var(--color-error)}.calculator-results{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);margin-bottom:var(--spacing-2);background:var(--color-bg-primary);border-radius:var(--radius-input);border:1px solid var(--color-border);transition:all var(--transition-fast)}.result-item:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.result-label{font-weight:500;color:var(--color-text-secondary);font-size:14px}.result-value{font-weight:600;font-size:20px;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-primary)}footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-2) 0 var(--spacing-1);margin-top:var(--spacing-3);color:var(--color-text-secondary)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--spacing-2);gap:var(--spacing-2);margin-bottom:var(--spacing-1);padding-bottom:var(--spacing-1);border-bottom:1px solid var(--color-border)}.footer-section{display:flex;flex-direction:column;gap:0}.footer-heading{font-size:12px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px;font-family:var(--font-heading)}.footer-nav{gap:1px}.footer-nav a{color:var(--color-text-secondary);font-size:12px;text-decoration:none;transition:color var(--transition-fast);line-height:1.3}.footer-nav a:hover{color:var(--color-accent)}.footer-bottom{text-align:center;padding-top:4px}.footer-copyright{font-size:10px;margin:0}.footer-copyright,.footer-note{color:var(--color-text-secondary);line-height:1.2}.footer-note{font-size:9px;margin:1px 0 0;opacity:.8}@media (max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-4)}footer{padding:var(--spacing-6) 0 var(--spacing-4)}}.calculator-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-3);gap:var(--spacing-3);margin-top:var(--spacing-3)}@media (max-width:768px){.calculator-list{grid-template-columns:1fr;gap:var(--spacing-2)}.calculator-card{padding:var(--spacing-3)}.calculator-card h3{font-size:18px}.calculator-card p{font-size:13px}}.calculator-card{background:var(--color-bg-secondary);padding:var(--spacing-4);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-none);transition:all var(--transition-base);cursor:pointer;position:relative;display:block;text-decoration:none;color:inherit}.calculator-card:hover{box-shadow:var(--shadow-soft);border-color:var(--color-border-hover);transform:translateY(-2px)}.calculator-card h3{font-size:var(--font-size-h3);margin-bottom:var(--spacing-2);color:var(--color-text-primary);font-weight:600;font-family:var(--font-heading)}.calculator-card p{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-3);line-height:1.6}.calculator-card-link{color:var(--color-accent);font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:var(--spacing-1);transition:all var(--transition-fast)}.calculator-card:hover .calculator-card-link{color:var(--color-accent-hover);gap:var(--spacing-2)}.calculator-card-link:after{content:"→";transition:transform var(--transition-fast);display:inline-block}.calculator-card:hover .calculator-card-link:after{transform:translateX(4px)}.seo-content{max-width:800px;margin:var(--spacing-8) auto;background:var(--color-bg-secondary);padding:var(--spacing-6);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-none)}.seo-content h2{font-size:var(--font-size-h2);margin-bottom:var(--spacing-4)}.seo-content h2,.seo-content h3{color:var(--color-text-primary);font-weight:600;font-family:var(--font-heading)}.seo-content h3{font-size:var(--font-size-h3);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3)}.seo-content p{line-height:1.6}.seo-content ol,.seo-content p,.seo-content ul{margin-bottom:var(--spacing-3);color:var(--color-text-secondary)}.seo-content ol,.seo-content ul{margin-left:var(--spacing-4)}.seo-content li{margin-bottom:var(--spacing-1);line-height:1.6}.faq-section{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.faq-item{margin-bottom:var(--spacing-4);padding:var(--spacing-3);background:var(--color-bg-primary);border-radius:var(--radius-input);border:1px solid var(--color-border);transition:all var(--transition-fast)}.faq-item:hover{border-color:var(--color-border-hover);background:var(--color-bg-secondary)}.faq-question{font-weight:600;margin-bottom:var(--spacing-2);color:var(--color-text-primary);font-size:16px;font-family:var(--font-heading)}.faq-answer{color:var(--color-text-secondary);line-height:1.6}.disclaimer-section{margin-top:var(--spacing-6);border-top:1px solid var(--color-border);padding:var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-input);border:1px solid var(--color-border)}.disclaimer-section h3{font-size:var(--font-size-h3);margin-bottom:var(--spacing-3);color:var(--color-text-primary);font-weight:600;font-family:var(--font-heading)}.disclaimer-section p{margin-bottom:0;line-height:1.6;color:var(--color-text-secondary);font-size:14px}.disclaimer-section strong{color:var(--color-text-primary);font-weight:600}.last-updated{margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);font-size:13px;color:var(--color-text-secondary);opacity:.8;text-align:center}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-1);z-index:1001}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px;height:18px;position:relative}.hamburger span{display:block;width:100%;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all var(--transition-base)}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn .2s ease-out;pointer-events:auto;cursor:pointer}.mobile-menu{position:fixed;top:0;right:0;width:85%;max-width:320px;height:100vh;background:var(--color-bg-secondary);z-index:1000;box-shadow:-4px 0 12px rgba(0,0,0,.1);display:flex;flex-direction:column;animation:slideIn .3s ease-out;overflow-y:auto}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.mobile-menu-header h2{font-size:20px;margin:0;color:var(--color-text-primary)}.mobile-menu-content{padding:var(--spacing-2);flex:1 1}.mobile-menu-section{margin-bottom:var(--spacing-2)}.mobile-menu-category{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:var(--spacing-3) 0 var(--spacing-2) 0;padding:0 var(--spacing-2);text-transform:capitalize;font-family:var(--font-heading)}.mobile-menu-link{display:block;padding:var(--spacing-2) var(--spacing-3);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-input);transition:all var(--transition-fast);font-size:15px}.mobile-menu-link:active,.mobile-menu-link:hover{background:var(--color-bg-hover);color:var(--color-accent)}.mobile-menu-link.sub{padding-left:var(--spacing-6);font-size:14px;color:var(--color-text-secondary)}.footer-section-toggle{display:none;width:100%;background:none;border:none;padding:var(--spacing-2) 0;cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center}.footer-toggle-icon{font-size:20px;color:var(--color-text-secondary);transition:transform var(--transition-base);font-weight:300}.footer-section-toggle[aria-expanded=true] .footer-toggle-icon{transform:rotate(45deg)}.footer-nav{display:flex;flex-direction:column;gap:var(--spacing-1)}@media (max-width:768px){h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}.calculator-container{padding:var(--spacing-4);border-radius:var(--radius-card)}.calculator-inputs h2,.calculator-results h2{font-size:var(--font-size-h3)}.seo-content{padding:var(--spacing-4)}header{padding:var(--spacing-1) 0}main{padding:var(--spacing-3) 0}.mobile-menu-toggle{display:block}.header-content{justify-content:space-between}.logo-header .logo-text{font-size:20px}.logo-header .logo-tagline{font-size:10px;margin-top:0}footer{padding:var(--spacing-1) 0 4px;margin-top:var(--spacing-2)}.footer-content{grid-template-columns:1fr;gap:0;margin-bottom:4px;padding-bottom:4px}.footer-section{border-bottom:1px solid var(--color-border);padding:4px 0}.footer-section:last-child{border-bottom:none}.footer-brand{border-bottom:1px solid var(--color-border);padding-bottom:4px}.footer-section-toggle{display:flex}.footer-nav{max-height:0;overflow:hidden;transition:max-height var(--transition-base);padding-top:0}.footer-nav.expanded{max-height:200px;padding-top:4px}.footer-heading{margin:0;font-size:12px}.footer-bottom{margin-top:4px;padding-top:4px}.footer-copyright{font-size:9px}.footer-note{font-size:8px;margin-top:0}}@media (min-width:769px){.footer-section-toggle{display:none!important}.footer-nav{max-height:none!important;padding-top:0!important}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:rgba(37,99,235,.1);color:var(--color-text-primary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.calculator-card,.enhanced-calculator{max-width:1400px;margin:0 auto}.calculator-layout{display:flex;flex-direction:column;gap:var(--spacing-6)}@media (min-width:1024px){.calculator-layout{flex-direction:row;align-items:flex-start;gap:var(--spacing-8)}.calculator-inputs-section{flex:0 0 45%;margin-bottom:0}.calculator-results-section{flex:1 1;position:-webkit-sticky;position:sticky;top:var(--spacing-4);max-height:calc(100vh - var(--spacing-8));overflow-y:auto;overflow-x:hidden;min-width:0}}.value-slider{width:100%;height:20px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:2px;cursor:pointer;padding:0;background:transparent}.value-slider::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:3px;background:#e5e7eb;border:none}.value-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);margin-top:-7px;position:relative}.value-slider::-webkit-slider-thumb:hover{background:#1d4ed8;transform:scale(1.1)}.value-slider::-moz-range-track{width:100%;height:6px;border-radius:3px;background:#e5e7eb;border:none}.value-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#2563eb;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-transition:all var(--transition-fast);transition:all var(--transition-fast)}.value-slider::-moz-range-thumb:hover{background:#1d4ed8;transform:scale(1.1)}.value-slider::-moz-focus-outer{border:0}.donut-chart-wrapper-full{margin:var(--spacing-2) 0 var(--spacing-4) 0;text-align:center}.donut-chart-title{margin-bottom:var(--spacing-2)}.donut-chart-title h3{font-size:var(--font-size-h3);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.donut-chart-title p{font-size:13px;color:var(--color-text-secondary);margin:0}.donut-chart-container-full{justify-content:center;margin:var(--spacing-2) 0;min-height:400px;padding:var(--spacing-2);max-width:100%;box-sizing:border-box;overflow:visible}.donut-chart-container-full,.donut-chart-relative-wrapper{display:flex;align-items:center;position:relative;width:100%}.donut-chart-relative-wrapper{flex-direction:column;margin-bottom:var(--spacing-2)}.donut-chart-relative-wrapper .donut-chart-svg{width:280px;height:280px;max-width:100%}.donut-segment{transition:opacity .2s ease,transform .2s ease}.donut-values-under-chart{display:flex;justify-content:center;align-items:flex-start;gap:var(--spacing-4);margin-top:var(--spacing-3);width:100%;flex-wrap:wrap}.donut-value-item{display:flex;align-items:flex-start;gap:var(--spacing-2);transition:opacity .2s ease;cursor:pointer;max-width:200px}.donut-label-content-under{display:flex;flex-direction:column;gap:4px}.donut-value-number{font-size:18px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.donut-label-indicator{width:12px;height:12px;border-radius:3px;flex-shrink:0;margin-top:2px}.donut-label-text-below{font-size:12px;font-weight:500;color:var(--color-text-secondary);line-height:1.4}@media (min-width:1024px){.donut-values-under-chart{gap:var(--spacing-6)}.donut-value-item{max-width:220px}.donut-value-number{font-size:20px}}@media (max-width:768px){.donut-chart-relative-wrapper .donut-chart-svg{width:100%;max-width:280px;height:auto}.donut-values-under-chart{gap:var(--spacing-3);flex-direction:column;align-items:center}.donut-value-item{max-width:100%;width:100%;justify-content:center}.donut-value-number{font-size:16px}}.donut-chart-with-labels{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.donut-chart-svg{flex-shrink:1;width:350px;max-width:100%;height:350px;overflow:visible}@media (min-width:1024px){.donut-chart-with-labels{flex-wrap:nowrap;max-width:100%;width:100%;gap:var(--spacing-2);align-items:flex-start;box-sizing:border-box}.donut-chart-svg{width:260px;max-width:260px;height:260px;flex-shrink:0}.donut-chart-labels-side{max-width:200px;flex-shrink:0;min-width:0;flex:0 0 200px;width:200px;box-sizing:border-box}.donut-chart-label-row{gap:var(--spacing-1);justify-content:space-between;width:100%;align-items:center;box-sizing:border-box}.donut-chart-label-text{font-size:12px;flex:0 1 auto;min-width:0;padding-right:var(--spacing-1);line-height:1.4;max-width:120px;overflow:hidden;text-overflow:ellipsis}.donut-chart-label-value{font-size:14px;flex:0 0 auto;min-width:75px;text-align:right;white-space:nowrap;overflow:visible}}@media (max-width:768px){.donut-chart-svg{width:100%;max-width:300px;height:auto}}.donut-chart-center-large{font-size:36px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.donut-chart-labels-side{display:flex;flex-direction:column;gap:var(--spacing-3);min-width:180px;max-width:220px;flex:0 0 auto}.donut-chart-label-item{display:flex;flex-direction:column;width:100%;min-width:0}.donut-chart-label-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);width:100%;min-width:0;max-width:100%}.donut-chart-label-text{font-size:13px;font-weight:500;color:var(--color-text-secondary);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-chart-label-value{font-size:15px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:0 0 auto;white-space:nowrap;text-align:right}@media (min-width:1024px){.donut-chart-container-full{min-height:450px}.donut-chart-with-labels{flex-wrap:nowrap}}.calculator-inputs-section{background:var(--color-bg-secondary);border-radius:var(--radius-card);padding:var(--spacing-6);border:1px solid var(--color-border);margin-bottom:var(--spacing-6)}@media (min-width:1024px){.calculator-inputs-section{margin-bottom:0}}.calculator-inputs-section h2{font-size:var(--font-size-h2);margin-bottom:var(--spacing-4);color:var(--color-text-primary);font-weight:600}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.input-with-prefix,.input-with-suffix{position:relative;display:flex;align-items:center}.input-prefix{left:var(--spacing-3)}.input-prefix,.input-suffix{position:absolute;color:var(--color-text-secondary);font-weight:500;z-index:1}.input-suffix{right:var(--spacing-3)}.input-with-prefix input{padding-left:calc(var(--spacing-3) + 12px)}.input-with-suffix input{padding-right:calc(var(--spacing-3) + 24px)}.input-with-buttons input{padding-right:calc(var(--spacing-3) + 80px)}.input-with-buttons .input-suffix{right:calc(var(--spacing-3) + 32px)}.input-buttons{position:absolute;right:var(--spacing-3);display:flex;flex-direction:column;gap:2px;z-index:2}.input-button{width:24px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.input-button:active{background:var(--color-border);transform:scale(.95)}.input-button svg{width:10px;height:10px}.toggle-advanced{background:none;border:none;color:var(--color-accent);font-weight:500;padding:var(--spacing-2) 0;cursor:pointer;text-align:left;font-size:14px;transition:color var(--transition-fast)}.toggle-advanced:hover{color:var(--color-accent-hover)}.advanced-inputs{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.calculator-results-section{background:var(--color-bg-secondary);border-radius:var(--radius-card);padding:var(--spacing-6);border:1px solid var(--color-border)}@media (min-width:1024px){.calculator-results-section{padding:var(--spacing-6)}}.total-payment-display{text-align:center;padding:var(--spacing-4) var(--spacing-5);background:var(--color-bg-primary);border-radius:var(--radius-card);margin-bottom:var(--spacing-4);border:1px solid var(--color-border)}.total-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.total-amount{font-size:32px;font-weight:700;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.total-payment-display{padding:var(--spacing-3) var(--spacing-4)}.tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);border-bottom:2px solid var(--color-border)}.tabs button{background:none;padding:var(--spacing-2) var(--spacing-4);font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast)}.tabs button:hover{color:var(--color-text-primary)}.tabs button.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.breakdown-section{margin-bottom:var(--spacing-4);margin-top:0}.breakdown-visual{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-input);border:1px solid var(--color-border)}.breakdown-item.large{padding:var(--spacing-4);background:var(--color-bg-secondary);border:2px solid var(--color-accent)}.breakdown-label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.breakdown-value{font-size:20px;font-weight:600;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.breakdown-item.large .breakdown-value{font-size:28px;color:var(--color-accent)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-4);gap:var(--spacing-4)}.stat-item{padding:var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-input);border:1px solid var(--color-border);text-align:center}.stat-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:600;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-value.highlight-increase{color:var(--color-success)}.stat-value.highlight-warning{color:var(--color-warning)}.schedule-toggle-section{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2)}.toggle-schedule-btn{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-input);font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);text-align:left}.toggle-schedule-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.schedule-section{overflow-x:auto;margin-top:var(--spacing-4)}.amortization-table{width:100%;border-collapse:collapse;font-size:14px}.amortization-table thead{background:var(--color-bg-primary);border-bottom:2px solid var(--color-border)}.amortization-table th{padding:var(--spacing-3);text-align:left;font-weight:600;color:var(--color-text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.amortization-table td{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.amortization-table tbody tr:hover{background:var(--color-bg-hover)}.comparison-section{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:2px solid var(--color-border)}.comparison-section h3{font-size:var(--font-size-h3);margin-bottom:var(--spacing-4);color:var(--color-text-primary);font-weight:600}.comparison-table{display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2)}.comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--spacing-4);gap:var(--spacing-4);padding:var(--spacing-3);background:var(--color-bg-primary);border-radius:var(--radius-input);border:1px solid var(--color-border)}.comparison-row:first-child{background:var(--color-bg-secondary);font-weight:600;border:2px solid var(--color-border)}.comparison-label{font-weight:500;color:var(--color-text-secondary);font-size:14px}.comparison-value{font-weight:600;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}@media (max-width:768px){.input-grid{grid-template-columns:1fr}.total-amount{font-size:28px}.total-payment-display{padding:var(--spacing-3) var(--spacing-4)}.comparison-row{grid-template-columns:1fr;gap:var(--spacing-2)}.comparison-value{text-align:left}.summary-stats{grid-template-columns:1fr}.donut-chart-container-full{min-height:400px;padding:var(--spacing-2);overflow-x:hidden}.donut-chart-with-labels{flex-direction:column;gap:var(--spacing-4);width:100%;max-width:100%}.donut-chart-svg{width:100%;max-width:300px;height:auto}.donut-chart-center-large{font-size:24px}.donut-chart-labels-side{width:100%;min-width:auto;max-width:100%}.donut-chart-label-row{width:100%}.donut-chart-label-text{font-size:13px}.donut-chart-label-value{font-size:15px}}.calculator-container,.seo-content{animation:fadeIn .3s ease-out}.retirement-results{display:flex;flex-direction:column;gap:var(--spacing-4)}.retirement-main-card{background:linear-gradient(135deg,var(--color-accent) 0,#1d4ed8 100%);border-radius:var(--radius-card);padding:var(--spacing-6);text-align:center;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.retirement-main-label{font-size:14px;font-weight:500;opacity:.95;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-2)}.retirement-main-value{font-size:42px;font-weight:700;line-height:1.1;margin-bottom:var(--spacing-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.retirement-main-subtitle{font-size:16px;opacity:.9;font-weight:400}.retirement-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-3);gap:var(--spacing-3)}.retirement-breakdown-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-4);text-align:center;transition:all var(--transition-base)}.retirement-breakdown-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.retirement-breakdown-icon{font-size:32px;margin-bottom:var(--spacing-2)}.retirement-breakdown-label{font-size:13px;color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.3px}.retirement-breakdown-value{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.retirement-breakdown-note{font-size:12px;color:var(--color-text-secondary);font-weight:400}.retirement-growth-section{margin-top:var(--spacing-2)}.retirement-growth-title{font-size:20px;font-weight:600;margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.retirement-growth-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.retirement-growth-table{width:100%;border-collapse:collapse;background:var(--color-bg-secondary);border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--color-border);display:table}.retirement-growth-table thead{background:var(--color-bg-primary)}.retirement-growth-table th{padding:var(--spacing-3) var(--spacing-2);text-align:left;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}.retirement-growth-table td{padding:var(--spacing-3) var(--spacing-2);font-size:14px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.retirement-growth-table tbody tr:last-child td{border-bottom:none}.retirement-growth-table tbody tr:hover{background:var(--color-bg-hover)}.retirement-table-currency{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-text-primary)}.retirement-growth-cards{display:none}.retirement-growth-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-4);margin-bottom:var(--spacing-3)}.retirement-growth-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.retirement-growth-card-year{font-size:16px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.retirement-growth-card-age{font-size:14px;color:var(--color-text-secondary)}.retirement-growth-card-balance{font-size:20px;font-weight:700;color:var(--color-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.retirement-growth-card-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.retirement-growth-card-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.retirement-growth-card-row span:first-child{color:var(--color-text-secondary)}.retirement-growth-card-row span:last-child{font-weight:600;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.retirement-growth-highlight{color:var(--color-success)!important}.retirement-note{background:var(--color-bg-primary);border-left:3px solid var(--color-accent);border-radius:var(--radius-input);padding:var(--spacing-3) var(--spacing-4);margin-top:var(--spacing-2)}.retirement-note p{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin:0}.retirement-note strong{color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.retirement-main-card{padding:var(--spacing-4)}.retirement-main-value{font-size:32px}.retirement-main-subtitle{font-size:14px}.retirement-breakdown-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.retirement-breakdown-card{padding:var(--spacing-3)}.retirement-breakdown-value{font-size:20px}.retirement-growth-table-wrapper{display:none}.retirement-growth-cards{display:block}.retirement-growth-title{font-size:18px;margin-bottom:var(--spacing-3)}.retirement-note{padding:var(--spacing-2) var(--spacing-3)}.retirement-note p{font-size:12px}}@media (min-width:769px){.retirement-growth-cards{display:none}.retirement-growth-table-wrapper{display:block}}.affordability-results{display:flex;flex-direction:column;gap:var(--spacing-4)}.affordability-main-card{background:linear-gradient(135deg,var(--color-success) 0,#059669 100%);border-radius:var(--radius-card);padding:var(--spacing-6);text-align:center;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.affordability-main-label{font-size:14px;font-weight:500;opacity:.95;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-2)}.affordability-main-value{font-size:42px;font-weight:700;line-height:1.1;margin-bottom:var(--spacing-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.affordability-main-subtitle{font-size:16px;opacity:.9;font-weight:400}.affordability-payment-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-4);transition:all var(--transition-base)}.affordability-payment-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-soft)}.affordability-payment-label{font-size:14px;color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.3px}.affordability-payment-value{font-size:32px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.affordability-payment-breakdown{display:flex;flex-direction:column;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.affordability-breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.affordability-breakdown-label{color:var(--color-text-secondary)}.affordability-breakdown-amount{font-weight:600;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.affordability-ratio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-3);gap:var(--spacing-3)}.affordability-ratio-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-4);text-align:center;transition:all var(--transition-base)}.affordability-ratio-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.affordability-ratio-card.good{border-color:var(--color-success)}.affordability-ratio-card.warning{border-color:var(--color-warning)}.affordability-ratio-icon{font-size:32px;margin-bottom:var(--spacing-2)}.affordability-ratio-label{font-size:13px;color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.3px}.affordability-ratio-value{font-size:28px;font-weight:700;margin-bottom:var(--spacing-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.affordability-ratio-value.good{color:var(--color-success)}.affordability-ratio-value.warning{color:var(--color-warning)}.affordability-ratio-note{font-size:12px;color:var(--color-text-secondary);font-weight:400}.affordability-details-section{margin-top:var(--spacing-2)}.affordability-details-title{font-size:20px;font-weight:600;margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.affordability-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--spacing-3);gap:var(--spacing-3)}.affordability-detail-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-3);text-align:center;transition:all var(--transition-base)}.affordability-detail-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.affordability-detail-icon{font-size:28px;margin-bottom:var(--spacing-2)}.affordability-detail-label{font-size:12px;color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.3px}.affordability-detail-value{font-size:18px;font-weight:700;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.affordability-note{background:var(--color-bg-primary);border-left:3px solid var(--color-accent);border-radius:var(--radius-input);padding:var(--spacing-3) var(--spacing-4);margin-top:var(--spacing-2)}.affordability-note p{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin:0}.affordability-note strong{color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.affordability-main-card{padding:var(--spacing-4)}.affordability-main-value{font-size:32px}.affordability-main-subtitle{font-size:14px}.affordability-payment-card{padding:var(--spacing-3)}.affordability-payment-value{font-size:28px}.affordability-ratio-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.affordability-ratio-card{padding:var(--spacing-3)}.affordability-ratio-value{font-size:24px}.affordability-details-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.affordability-detail-card{padding:var(--spacing-2)}.affordability-detail-value{font-size:16px}.affordability-details-title{font-size:18px;margin-bottom:var(--spacing-3)}.affordability-note{padding:var(--spacing-2) var(--spacing-3)}.affordability-note p{font-size:12px}}@media (max-width:480px){.affordability-details-grid{grid-template-columns:1fr}}.affordability-error-card{background:linear-gradient(135deg,var(--color-warning) 0,#d97706 100%);border-radius:var(--radius-card);padding:var(--spacing-6);text-align:center;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.affordability-error-icon{font-size:48px;margin-bottom:var(--spacing-3)}.affordability-error-title{font-size:24px;font-weight:700;margin-bottom:var(--spacing-3)}.affordability-error-message{font-size:16px;line-height:1.6;margin-bottom:var(--spacing-4);opacity:.95}.affordability-error-suggestion{background:hsla(0,0%,100%,.2);border-radius:var(--radius-input);padding:var(--spacing-4);text-align:left;margin-top:var(--spacing-4)}.affordability-error-suggestion strong{display:block;margin-bottom:var(--spacing-2);font-size:16px}.affordability-error-suggestion ul{list-style:none;padding:0;margin:0}.affordability-error-suggestion li{padding:var(--spacing-1) 0;padding-left:var(--spacing-4);position:relative;font-size:14px;line-height:1.6}.affordability-error-suggestion li:before{content:"•";position:absolute;left:var(--spacing-2);font-weight:700}@media (max-width:768px){.affordability-error-card{padding:var(--spacing-4)}.affordability-error-icon{font-size:36px}.affordability-error-title{font-size:20px}.affordability-error-message{font-size:14px}.affordability-error-suggestion{padding:var(--spacing-3)}}.rent-vs-buy-results{display:flex;flex-direction:column;gap:var(--spacing-4)}.rent-vs-buy-recommendation{border-radius:var(--radius-card);padding:var(--spacing-6);text-align:center;color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.rent-vs-buy-recommendation.buy{background:linear-gradient(135deg,var(--color-success) 0,#059669 100%)}.rent-vs-buy-recommendation.rent{background:linear-gradient(135deg,var(--color-accent) 0,#1d4ed8 100%)}.rent-vs-buy-recommendation-icon{font-size:48px;margin-bottom:var(--spacing-2)}.rent-vs-buy-recommendation-title{font-size:28px;font-weight:700;margin-bottom:var(--spacing-2);line-height:1.2}.rent-vs-buy-recommendation-text{font-size:16px;opacity:.95;line-height:1.6;font-weight:400}.rent-vs-buy-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-3);gap:var(--spacing-3)}.rent-vs-buy-comparison-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-4);text-align:center;transition:all var(--transition-base)}.rent-vs-buy-comparison-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.rent-vs-buy-comparison-card.highlight{border-color:var(--color-success);background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(5,150,105,.05))}.rent-vs-buy-comparison-icon{font-size:32px;margin-bottom:var(--spacing-2)}.rent-vs-buy-comparison-label{font-size:13px;color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.3px}.rent-vs-buy-comparison-value{font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rent-vs-buy-comparison-note{font-size:12px;color:var(--color-text-secondary);font-weight:400}.rent-vs-buy-yearly-section{margin-top:var(--spacing-2)}.rent-vs-buy-yearly-title{font-size:20px;font-weight:600;margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.rent-vs-buy-yearly-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.rent-vs-buy-yearly-table{width:100%;border-collapse:collapse;background:var(--color-bg-secondary);border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--color-border);display:table}.rent-vs-buy-yearly-table thead{background:var(--color-bg-primary)}.rent-vs-buy-yearly-table th{padding:var(--spacing-3) var(--spacing-2);text-align:left;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}.rent-vs-buy-yearly-table td{padding:var(--spacing-3) var(--spacing-2);font-size:14px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.rent-vs-buy-yearly-table tbody tr:last-child td{border-bottom:none}.rent-vs-buy-yearly-table tbody tr:hover{background:var(--color-bg-hover)}.rent-vs-buy-yearly-table tbody tr.rent-vs-buy-better{background:rgba(16,185,129,.05)}.rent-vs-buy-table-currency{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;color:var(--color-text-primary)}.rent-vs-buy-table-currency.rent-vs-buy-saved{color:var(--color-success);font-weight:600}.rent-vs-buy-table-currency.rent-vs-buy-more{color:var(--color-text-secondary)}.rent-vs-buy-yearly-cards{display:none}.rent-vs-buy-yearly-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-4);margin-bottom:var(--spacing-3);transition:all var(--transition-base)}.rent-vs-buy-yearly-card.rent-vs-buy-better{border-color:var(--color-success);background:rgba(16,185,129,.05)}.rent-vs-buy-yearly-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.rent-vs-buy-yearly-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.rent-vs-buy-yearly-card-year{font-size:18px;font-weight:700;color:var(--color-text-primary)}.rent-vs-buy-yearly-card-badge{font-size:11px;font-weight:600;color:var(--color-success);background:rgba(16,185,129,.1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-input);text-transform:uppercase;letter-spacing:.5px}.rent-vs-buy-yearly-card-details{display:flex;flex-direction:column;gap:var(--spacing-2)}.rent-vs-buy-yearly-card-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.rent-vs-buy-yearly-card-row span:first-child{color:var(--color-text-secondary)}.rent-vs-buy-yearly-card-row span:last-child{font-weight:600;color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rent-vs-buy-yearly-card-row .rent-vs-buy-saved{color:var(--color-success)!important}.rent-vs-buy-yearly-card-row .rent-vs-buy-more{color:var(--color-text-secondary)!important}.rent-vs-buy-note{background:var(--color-bg-primary);border-left:3px solid var(--color-accent);border-radius:var(--radius-input);padding:var(--spacing-3) var(--spacing-4);margin-top:var(--spacing-2)}.rent-vs-buy-note p{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin:0}.rent-vs-buy-note strong{color:var(--color-text-primary);font-weight:600}@media (max-width:768px){.rent-vs-buy-recommendation{padding:var(--spacing-4)}.rent-vs-buy-recommendation-icon{font-size:36px}.rent-vs-buy-recommendation-title{font-size:24px}.rent-vs-buy-recommendation-text{font-size:14px}.rent-vs-buy-comparison-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.rent-vs-buy-comparison-card{padding:var(--spacing-3)}.rent-vs-buy-comparison-value{font-size:20px}.rent-vs-buy-yearly-table-wrapper{display:none}.rent-vs-buy-yearly-cards{display:block}.rent-vs-buy-yearly-title{font-size:18px;margin-bottom:var(--spacing-3)}.rent-vs-buy-note{padding:var(--spacing-2) var(--spacing-3)}.rent-vs-buy-note p{font-size:12px}}@media (min-width:769px){.rent-vs-buy-yearly-cards{display:none}.rent-vs-buy-yearly-table-wrapper{display:block}}