* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0;font-family:Arial, sans-serif;color:#171717;line-height:1.6}
a {color:inherit}
.wrap {max-width:1180px;margin:auto;padding:0 22px}

.section {padding:60px 0}
.light {background:#f6f6f6}
.section h2 {text-align:center;font-size:34px;line-height:1.15}
.lead {text-align:center;max-width:760px;margin:0 auto 30px;color:#555}
.cards {display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}
.card {padding:24px;border:1px solid #ddd;border-radius:10px;background:#fff}
.card h3 {margin-top:0}
.area {background:#ffd000}
.cta {background:#111;color:#fff;text-align:center;padding:60px 0}

.cta h2 {font-size:40px}
.cta .btn {background:#ffd000;color:#111!important}
.footer {background:#111;color:#ddd;padding:45px 0}
.footer-grid {display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.footer h3 {color:#ffd000}
.footer a {text-decoration:none}
.copy {border-top:1px solid #333;margin-top:25px;padding-top:18px;font-size:14px}
.mobilebar {display:none}

.cta.area {background:#ffd000; color:#000;}
.cta.area .btn {background:#000;color:#fff !important; margin-top:20px;}
section.hero.policy-hero {
    padding: 50px 0;
}

@media(max-width:800px) {

.hero-grid, .cards, .footer-grid {grid-template-columns:1fr}
.hero {padding:45px 0}
.section {padding:45px 0}
.mobilebar {display:flex;position:fixed;bottom:0;left:0;right:0;background:#ffd000;z-index:20}
.mobilebar a {flex:1;text-align:center;padding:5px;font-weight:500;text-decoration:none;background: #000; color:#fff;}
.footer {padding-bottom:65px}
.mobilebar a.call{font-weight:900;background: #ffd000; color: #0f0f0f;}
section.hero.policy-hero {padding:30px 0;}
}

@media(max-width:767px) {
.hero-grid{padding:0;}
}