*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--text:#1a1a2e;--accent:#059669;--accent2:#1d4ed8;--savings:#16a34a;--warning:#dc2626;--section:#f8fafc;--border:#e2e8f0;--muted:#64748b;--radius:12px;--max-w:1100px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}html{font-family:var(--font);color:var(--text);line-height:1.6;scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1{font-size:2.25rem;font-weight:800;line-height:1.2;margin-bottom:.5rem}h2{font-size:1.5rem;font-weight:700;margin:2rem 0 .75rem}h3{font-size:1.2rem;font-weight:600;margin:1.5rem 0 .5rem}p{margin-bottom:1rem}ul,ol{margin:0 0 1rem 1.5rem}li{margin-bottom:.35rem}table{width:100%;border-collapse:collapse;margin:1.5rem 0}th,td{padding:.6rem .8rem;border:1px solid var(--border);text-align:left;font-size:.95rem}th{background:var(--section);font-weight:600}tr:nth-child(2n){background:#f9fafb}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.25rem}.section{padding:3rem 0}.section-alt{background:var(--section);padding:3rem 0}.btn{display:inline-block;padding:.7rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:opacity .2s}.btn-primary{background:var(--accent2);color:#fff}.btn-primary:hover{opacity:.9;text-decoration:none}.btn-green{background:var(--accent);color:#fff}.btn-green:hover{opacity:.9;text-decoration:none}.calc-wrap{background:#fff;border:2px solid var(--accent);border-radius:var(--radius);padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 24px #0000000f}.calc-grid{display:grid;gap:1rem}.calc-label{display:block;font-weight:600;margin-bottom:.3rem;font-size:.95rem}.calc-input{width:100%;padding:.6rem .8rem;border:1.5px solid var(--border);border-radius:8px;font-size:1rem;font-family:var(--font);transition:border-color .2s}.calc-input:focus{outline:none;border-color:var(--accent)}.calc-select{width:100%;padding:.6rem .8rem;border:1.5px solid var(--border);border-radius:8px;font-size:1rem;background:#fff;font-family:var(--font)}.calc-results{display:grid;gap:.75rem;margin-top:1.25rem}.calc-result-card{background:var(--section);border-radius:8px;padding:1rem;text-align:center}.calc-result-card .label{font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.calc-result-card .value{font-size:1.6rem;font-weight:800;color:var(--accent)}.calc-result-card .value.blue{color:var(--accent2)}.calc-result-card.highlight{background:#ecfdf5;border:2px solid var(--accent)}.calc-result-card.highlight .value{font-size:2rem;color:var(--savings)}.calc-result-card.savings{background:#f0fdf4;border:2px solid var(--savings)}.calc-result-card.savings .value{color:var(--savings)}.disclaimer-badge{display:inline-block;background:#fef2f2;color:var(--warning);font-size:.82rem;padding:.4rem .8rem;border-radius:6px;margin:.75rem 0;font-weight:500}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.card{border:1.5px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0596691a;text-decoration:none}.card h3{margin:0 0 .35rem;color:var(--text);font-size:1.05rem}.card p{color:var(--muted);font-size:.9rem;margin:0}.card .badge{display:inline-block;background:#fef3c7;color:#92400e;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;margin-bottom:.35rem}.faq{margin:2rem 0}.faq details{border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem}.faq summary{padding:.8rem 1rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary:after{content:"+";font-size:1.3rem;color:var(--muted);transition:transform .2s}.faq details[open] summary:after{content:"-"}.faq .faq-body{padding:0 1rem 1rem}.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:1rem;padding-top:.5rem}.breadcrumbs a{color:var(--muted)}.breadcrumbs span{margin:0 .35rem}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0}.compare-col{border-radius:8px;padding:1.25rem;text-align:center}.compare-col.before{background:#fef2f2;border:2px solid #fca5a5}.compare-col.after{background:#f0fdf4;border:2px solid var(--savings)}.compare-col h3{margin:0 0 .75rem;font-size:1rem}.compare-col .big{font-size:1.8rem;font-weight:800}.compare-col.before .big{color:var(--warning)}.compare-col.after .big{color:var(--savings)}header{background:var(--text);color:#fff;padding:.75rem 0}header .container{display:flex;justify-content:space-between;align-items:center}header a{color:#fff}header .logo{font-weight:800;font-size:1.15rem}header nav{display:flex;gap:1.25rem;font-size:.9rem}header nav a:hover{color:var(--accent);text-decoration:none}footer{background:var(--text);color:#cbd5e1;padding:2.5rem 0 1.5rem;font-size:.88rem;margin-top:3rem}footer a{color:#cbd5e1;text-decoration:underline;text-decoration-color:#475569;text-underline-offset:2px}footer a:hover{color:#fff;text-decoration-color:#fff}footer .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}footer .footer-heading{color:#fff;margin-bottom:.75rem;font-size:.95rem;font-weight:700}footer ul{list-style:none;margin:0;padding:0}footer li{margin-bottom:.4rem}footer .copyright{border-top:1px solid #334155;padding-top:1rem;text-align:center;color:#94a3b8;font-size:.8rem}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.25rem}.cards,.compare-grid{grid-template-columns:1fr}.calc-result-card .value{font-size:1.3rem}.calc-result-card.highlight .value{font-size:1.5rem}header nav{gap:.75rem;font-size:.8rem}footer .footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){header .container{flex-direction:column;gap:.5rem}header nav{flex-wrap:wrap;justify-content:center}table{font-size:.8rem}th,td{padding:.4rem}}.rate-row:target{background:#ecfdf5!important}.ad-slot{background:var(--section);border:1px dashed var(--border);border-radius:8px;padding:1rem;text-align:center;color:var(--muted);font-size:.8rem;margin:1.5rem 0;min-height:90px;display:flex;align-items:center;justify-content:center}
