/* Drive Smart Covered - front page. Palette: forest green + pale yellow, practical checklist feel. */
.hp{--ink:#17241a;--green:#2f5d3a;--green-d:#20422a;--yellow:#f2d785;--bg:#fcfdfb;--panel:#eef3ec;--line:#d6e0d5;--muted:#55665a;
  font-family:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.62}
.hp *{box-sizing:border-box}
.hp .ds-wrap{max-width:1080px;margin:0 auto;padding:0 24px}

.hp .ds-hero{background:var(--green);color:#fff;padding:80px 0}
.hp .ds-split{display:grid;grid-template-columns:1.35fr 1fr;gap:52px;align-items:center}
@media(max-width:860px){.hp .ds-split{grid-template-columns:1fr;gap:34px}}
.hp .ds-hero h1{font-size:clamp(2rem,4.8vw,3.3rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 18px;font-weight:700;color:#fff}
.hp .ds-hero p{font-size:clamp(1.02rem,1.9vw,1.22rem);margin:0;color:#c9dbcd;max-width:46ch}
.hp .ds-keys{background:rgba(255,255,255,.09);border-left:4px solid var(--yellow);padding:26px 24px}
.hp .ds-keys p{margin:0 0 14px;color:#fff;font-weight:600;font-size:.95rem}
.hp .ds-keys ul{margin:0;padding:0;list-style:none}
.hp .ds-keys li{padding:9px 0 9px 26px;position:relative;color:#d8e6db;font-size:.96rem;border-top:1px solid rgba(255,255,255,.14)}
.hp .ds-keys li:first-child{border-top:0}
.hp .ds-keys li:before{content:"";position:absolute;left:2px;top:17px;width:9px;height:9px;background:var(--yellow);border-radius:50%}

.hp .ds-sec{padding:70px 0}
.hp .ds-lab{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green);font-weight:700;margin:0 0 10px}
.hp .ds-sec h2{font-size:clamp(1.5rem,3.1vw,2.15rem);margin:0 0 42px;letter-spacing:-.015em;max-width:24ch;line-height:1.2}

.hp .ds-check{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.hp .ds-item{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:24px 22px}
.hp .ds-item h3{margin:0 0 9px;font-size:1.08rem;color:var(--green-d)}
.hp .ds-item p{margin:0;color:var(--muted);font-size:.95rem}

.hp .ds-rows{border-top:1px solid var(--line)}
.hp .ds-row{display:grid;grid-template-columns:auto 1fr;gap:26px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}
.hp .ds-tag{background:var(--yellow);color:var(--green-d);font-weight:700;font-size:.78rem;letter-spacing:.06em;padding:6px 12px;border-radius:3px;white-space:nowrap}
.hp .ds-row h3{margin:0 0 7px;font-size:1.1rem}
.hp .ds-row p{margin:0;color:var(--muted);max-width:64ch}
@media(max-width:640px){.hp .ds-row{grid-template-columns:1fr;gap:12px}.hp .ds-tag{justify-self:start}}

.hp .ds-end{background:var(--panel);padding:58px 0;text-align:center;border-top:1px solid var(--line)}
.hp .ds-end p{max-width:56ch;margin:0 auto 20px;color:var(--muted)}
.hp .ds-end a{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:600;padding:13px 28px;border-radius:4px}
.hp .ds-end a:hover{background:var(--green-d)}