*{box-sizing:border-box}body{color:#16241c;background:#f6faf7;margin:0;font-family:system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}header{z-index:5;background:#fff;border-bottom:1px solid #dfe9e2;justify-content:space-between;align-items:center;padding:18px 6%;display:flex;position:sticky;top:0}header nav{align-items:center;gap:18px;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1160px;margin:auto;padding:70px 6%;display:grid}.eyebrow{letter-spacing:3px;color:var(--accent);font-size:12px;font-weight:700}h1{letter-spacing:-2px;white-space:pre-line;margin:14px 0;font-size:clamp(40px,6vw,72px);line-height:1.05}.hero img{object-fit:cover;border-radius:calc(var(--radius)*1.5);width:100%;height:460px}p{color:#4b5d52;line-height:1.7}.button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;font:inherit;border:0;padding:14px 24px;font-weight:600;display:inline-block}.button.sm{padding:9px 16px}.button:disabled{opacity:.6}.wrap{max-width:1160px;margin:auto;padding:60px 6%}h2{margin:0 0 24px;font-size:clamp(28px,4vw,40px)}.grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}article{border-radius:var(--radius);background:#fff;border:1px solid #dfe9e2;padding:26px}article svg{color:var(--accent)}.band{background:var(--accent);color:#fff}.band .wrap{padding:34px 6%}.trio{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.trio div{align-items:center;gap:10px;display:flex}.rates{gap:10px;max-width:600px;padding:0;list-style:none;display:grid}.rates li{background:#fff;border:1px solid #dfe9e2;border-radius:12px;justify-content:space-between;padding:16px;display:flex}.rates b{color:var(--accent)}form{gap:16px;max-width:520px;display:grid}label{gap:6px;font-size:14px;display:grid}input,textarea{font:inherit;background:#fff;border:1px solid #c9d8ce;border-radius:10px;padding:13px}:focus-visible{outline-offset:2px;outline:3px solid #f2b705}footer{text-align:center;color:#4b5d52;border-top:1px solid #dfe9e2;padding:28px 6%}@media (width<=800px){.hero{grid-template-columns:1fr;padding-top:36px}.hero img{height:280px}.grid{grid-template-columns:1fr 1fr}.trio{grid-template-columns:1fr}header nav a:not(.button){display:none}}@media (width<=480px){.grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.button{transition:transform .2s}.button:hover{transform:translateY(-2px)}}
