:root{color:#14283f;background:#f7fafd;--blue:#075bc7;--teal:#087e8b;--border:#dbe5ec}
body{background:radial-gradient(ellipse at 90% 0,#dbf4ef88,transparent 42%),radial-gradient(ellipse at 0 0,#e6effe,transparent 40%);min-height:100vh}
main{width:min(1160px,calc(100% - 40px))}
a{color:#0759aa}
.brand{font-size:17px;letter-spacing:.06em;color:#0759aa}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.site-header .header-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
.site-header .header-links a{font-size:.9rem;text-decoration:none}
.trust-strip{margin:18px 0 0;font-size:.76rem}
.trust-strip span{border-color:var(--border)}
h1{color:#14283f;letter-spacing:-.045em}
h2{color:#14283f;line-height:1.25}
p,li{color:#526579}
.eyebrow{color:#087480}
.home-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;padding:64px 0}
.home-hero h1{font-size:clamp(2.7rem,5.3vw,4.7rem);margin-top:18px}
.home-hero h1 span{color:#075bc7}
.home-hero p{font-size:1.05rem}
.home-search{margin-top:28px}
.home-search label{display:block;font-size:.88rem;font-weight:700;margin-bottom:10px}
.home-search>div{display:flex;gap:8px;padding:7px;border:1px solid #cbdce9;border-radius:14px;background:white;box-shadow:0 12px 25px #183d5d0a}
.home-search input{min-width:0;flex:1;border:0;padding:12px;font:inherit;background:transparent}
.home-search button,.primary-link{background:#075bc7;color:white;border:0;border-radius:10px;padding:13px 18px;font-weight:750;text-decoration:none;cursor:pointer;display:inline-block}
.hero-links{font-size:.88rem!important}
.hero-example{padding:34px;background:linear-gradient(145deg,#fff,#edf8f7);border:1px solid #c8e5e4;border-radius:26px;box-shadow:0 22px 55px #24466a15;transform:rotate(1deg)}
.example-badge{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#086878;background:#e2f1f1;padding:7px 10px;border-radius:8px}
.hero-example>strong{display:block;font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.04em;color:#12364e}
.hero-example small{font-size:1rem;font-weight:500;letter-spacing:0}
.hero-example p{font-size:.92rem;line-height:1.7}
.hero-stack{display:flex;gap:5px;height:24px;margin:24px 0;border-radius:8px;overflow:hidden}
.hero-stack i:first-child{width:80.8%;background:#075bc7}
.hero-stack i:last-child{flex:1;background:#09999c}
.hero-example a{font-size:.9rem}
.home-section{padding:25px 0 35px}
.home-section h2{font-size:2rem;margin:10px 0}
.home-section .grid{margin-top:22px}
.card,.calc,.tool,.catalog-controls{border-color:var(--border);box-shadow:0 5px 18px #15365005}
.tool{font-weight:400;transition:border-color .15s,box-shadow .15s}
.tool strong{color:#172e45}
.tool span{color:#526579}
.tool:hover{border-color:#2690b0;box-shadow:0 9px 25px #075bc70c}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-icon{display:grid!important;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:12px;background:#eaf3ff;color:#075bc7!important;font-size:.85rem!important;font-weight:850}
.category-card:nth-child(even) .category-icon{background:#e5f5ef;color:#096e67!important}
.feature-tool{padding:28px;background:linear-gradient(135deg,#fff,#eef7fc)}
.tool .eyebrow{display:block;color:#087480;font-size:.75rem}
.tool .read-link{display:block;margin-top:22px;color:#0759aa;font-weight:750;font-size:.85rem}
.calc-output{background:linear-gradient(140deg,#eef7fe,#edf8f5);border-color:#bbd9e6}
.calc-output h3,.calc .result::first-line{color:#0759aa}
.calc .result::first-line{font-size:1.2rem}
#mortgage-widget .result::first-line{font-size:1.5rem}
.calc button{background:#075bc7}
.calc-insights{border-color:#087e8b;background:#f4f9fc}
.bar-fill{background:linear-gradient(90deg,#075bc7,#09999c)}
.calc .compare-shortcut{background:#eaf3ff;color:#0759aa;border:1px solid #bfd8ec}
.method{border-left-color:#087e8b}
.blog-hero{padding:42px 0 12px}
.blog-hero h1{max-width:780px}
.article{max-width:860px;margin:0 auto}
.article h1{font-size:clamp(2rem,4.5vw,3.3rem)}
.article p,.article li{max-width:none;font-size:1.03rem;line-height:1.85}
.article .article-meta{font-size:.83rem;color:#526579}
.article-answer{background:#edf6fd;border-left:4px solid #075bc7;border-radius:0 16px 16px 0;padding:24px}
.article-cta{padding:28px;border-radius:18px;background:linear-gradient(135deg,#e5f2ff,#e6f5ef);margin:36px 0}
.article-cta h2{margin-top:0}
.article-table,.workflow-results{overflow-x:auto;margin:24px 0}
.article table,.workflow table{width:100%;border-collapse:collapse;background:white}
.article th,.article td,.workflow th,.workflow td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}
caption{text-align:left;color:#526579;font-size:.85rem;margin-bottom:12px}
.example-chart{margin:30px 0;padding:22px;border:1px solid var(--border);border-radius:16px;background:white}
.example-chart figcaption{font-weight:800;margin-bottom:18px}
.example-bar{display:grid;grid-template-columns:140px 1fr auto;gap:12px;align-items:center;margin:16px 0;font-size:.88rem}
.example-bar>div{height:20px;background:#edf2f7;border-radius:6px;overflow:hidden}
.example-bar i{display:block;height:100%;background:#075bc7}
.example-bar:nth-child(3) i{background:#087e8b}
.workflow textarea{width:100%;font:14px/1.6 ui-monospace,monospace;border:1px solid #bfcfdd;border-radius:10px;padding:12px;resize:vertical;margin-top:10px}
.workflow label{margin:12px 0 0}
.workflow select{width:100%;min-height:44px;border:1px solid #bfcfdd;border-radius:8px;padding:9px;background:white;color:#14283f;font:inherit}
.workflow input{width:100%;min-width:0}
.workflow fieldset{min-width:0;border:1px solid var(--border);border-radius:14px;padding:20px}
.workflow legend{font-weight:850;color:#0759aa;padding:0 8px}
.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.workflow-total{font-size:1.2rem;font-weight:750;color:#0759aa}
.workflow-error{color:#9d261c;font-weight:650}
.workflow button:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:3px solid #087e8b;outline-offset:3px}
@media(max-width:700px){
 main{width:calc(100% - 28px)}.home-hero{grid-template-columns:1fr;gap:25px;padding:34px 0 16px}
 .home-hero h1{font-size:3rem}.hero-example{transform:none;padding:24px}
 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{padding:16px}
 .home-search>div{flex-direction:column}.home-search button{width:100%}
 .site-header .header-links{gap:12px}.site-header .header-links a{font-size:.8rem}
 .offer-grid{grid-template-columns:1fr;gap:16px}
 .example-bar{grid-template-columns:1fr auto}.example-bar>div{grid-row:2;grid-column:1/-1}
 .article-table td,.article-table th{min-width:100px}.workflow-results td{min-width:100px;overflow-wrap:anywhere}
 .workflow-results td:first-child{max-width:250px}.article-cta{padding:20px}
}
@media(prefers-reduced-motion:reduce){.tool{transition:none}}
@media print{body{background:white}.home-hero,.header-links,.home-search,.article-cta,.workflow form,.workflow button{display:none!important}.workflow-results,.article-table{overflow:visible}.workflow table{font-size:9pt}.workflow td,.workflow th{padding:5px;white-space:normal;overflow-wrap:anywhere}.example-chart,.article table{break-inside:avoid}}