:root{--ink:#183d35;--paper:#f7f2e8;--coral:#e97052;--gold:#e8b84a;--line:#ddd7cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#29443d;background:#fcfaf5;font:16px Arial,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Georgia,serif;color:var(--ink)}.header{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:5}.brand{display:flex;gap:10px;align-items:center;font-size:14px;line-height:1}.brand strong{font-size:19px}.logo{width:40px;height:40px;border-radius:50%;background:var(--ink);position:relative}.logo i,.logo b{position:absolute;border-radius:10px 10px 2px;background:var(--gold);width:10px;height:24px;left:13px;top:8px;transform:rotate(-38deg)}.logo b{background:var(--coral);width:8px;height:18px;left:24px;transform:rotate(38deg)}nav{display:flex;align-items:center;gap:28px;font-weight:bold;font-size:14px}.nav-cta,.button{background:var(--coral);color:#fff;padding:15px 20px;border-radius:4px;font-weight:bold}.menu{display:none;border:0;background:none;font-size:26px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.hero-copy{padding:100px 6vw}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.17em;color:var(--coral)}.hero h1{font-size:clamp(48px,5vw,76px);line-height:1;margin:20px 0}.hero h1 em{color:var(--coral);font-weight:normal}.hero-copy>p{font-size:19px;line-height:1.6;color:#60756f}.actions{display:flex;gap:25px;align-items:center;margin:32px 0}.text-link{text-decoration:underline;font-weight:bold}.trust{display:flex;gap:20px;font-size:12px}.hero-image{background:url('images/hero-savings.png') center/cover;position:relative}.hero-image>span{position:absolute;left:30px;bottom:30px;background:#fff;border-left:5px solid var(--gold);padding:16px 20px;box-shadow:0 8px 25px #0002}.hero-image small,.hero-image b{display:block}.hero-image small{margin-top:5px}.promise{text-align:center;background:var(--ink);color:#c9d9d5;padding:42px 20px}.promise h2{color:#fff;margin:10px}.section{padding:100px 6vw}.shade{background:var(--paper)}.heading{max-width:1180px;margin:0 auto 50px;display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:50px}.heading h2{font-size:clamp(38px,4vw,54px);line-height:1.05;margin:12px 0}.heading>p{line-height:1.6;color:#657a74}.auto-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:70px}.steps article{display:grid;grid-template-columns:50px 1fr;border-top:1px solid var(--line);padding:23px 0}.steps article>b{color:var(--coral);font:italic 23px Georgia}.steps h3{font-size:23px;margin:0}.steps p{color:#687a75;line-height:1.55}.dark{display:inline-block;background:var(--ink);margin-top:15px}.calculator{background:var(--paper);border-top:6px solid var(--gold);padding:35px}.calculator h3{font-size:30px}.calculator label{display:block;font-weight:bold;margin-top:25px}.calculator output{float:right;color:var(--coral)}input[type=range]{width:100%;accent-color:var(--coral);margin-top:12px}.result{text-align:center;background:#fff;border:1px solid var(--line);padding:20px;margin:28px 0 12px}.result strong,.result span{display:block}.result strong{font:42px Georgia;color:var(--ink)}.cards,.article-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards>a{background:#fff;padding:28px;min-height:250px}.cards>a>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#f3d3c8;font-size:24px}.cards h3{font-size:24px}.cards p,.article-grid p{line-height:1.55;color:#687a75}.cards b,.article-grid b{color:var(--coral);font-size:13px}.article-grid{grid-template-columns:repeat(3,1fr)}.article-grid>a{background:#fff;border:1px solid var(--line)}.article-grid>a>div:last-child{padding:25px}.article-grid small{color:var(--coral);font-weight:bold}.article-grid h3{font-size:24px}.art{height:170px;display:grid;place-items:center;color:#fff!important;font:bold 18px Georgia;letter-spacing:.15em}.coral{background:#d96c50}.green{background:#2d675a}.gold{background:#d5a63e}.newsletter{background:var(--coral);color:#fff;padding:70px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.newsletter h2{color:#fff;font-size:46px}.newsletter form>div{display:flex}.newsletter input{flex:1;padding:16px;border:0}.newsletter button{background:var(--ink);color:#fff;border:0;padding:0 18px;font-weight:bold}.newsletter label,.newsletter small{display:block;margin:8px 0}.newsletter small{color:#ffe3da}footer{background:#102e28;color:#c6d5d1;padding:60px 6vw 30px}.light{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-grid>div{display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-grid b{color:#fff}.disclosure{border-top:1px solid #36554e;border-bottom:1px solid #36554e;margin:40px 0 20px;padding:20px 0;font-size:12px;line-height:1.6}.page-head{min-height:300px;background:var(--paper);padding:80px max(6vw,30px)}.page-head h1{font-size:clamp(44px,6vw,70px);margin:15px 0}.content{max-width:820px;margin:auto;padding:70px 30px;font-size:17px;line-height:1.75}.content article{padding:50px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.content h2{font-size:34px}.content h3{font-size:25px;margin-top:35px}.note{background:var(--paper);border-left:5px solid var(--gold);padding:22px;margin-top:35px}
@media(max-width:850px){.menu{display:block}nav{display:none;position:absolute;top:84px;left:0;right:0;padding:25px;background:#fff;flex-direction:column;align-items:stretch;box-shadow:0 12px 25px #0002}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-image{order:-1;min-height:400px}.hero-copy{padding:65px 30px}.heading,.auto-grid,.newsletter{grid-template-columns:1fr}.cards,.article-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.header{height:72px}.hero-image{min-height:300px}.hero h1{font-size:46px}.actions,.trust{align-items:flex-start;flex-direction:column}.section{padding:70px 22px}.cards,.article-grid{grid-template-columns:1fr}.newsletter{padding:55px 22px}.newsletter form>div{flex-direction:column}.newsletter button{padding:16px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
