.home-hero {
  padding:90px 0 70px;
  text-align:center;
}
.home-hero h1 {
  font-size:clamp(40px,5.7vw,76px);
  line-height:1.08;
  letter-spacing:-2.4px;
  margin:0 0 27px;
}
.home-page em {font-style:normal;color:var(--accent)}
.home-lead {
  max-width:720px;
  margin:0 auto 30px;
  color:var(--muted);
  font-size:20px;
  line-height:1.6;
}
.home-hero .actions {justify-content:center}
.home-topics {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 24px;
  margin-top:32px;
  font-size:12px;
  color:var(--muted);
}
.home-topics span:before {content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:9px;vertical-align:middle}
.home-modules {padding:40px 0 45px}
.home-module {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:50px;
  align-items:center;
  padding:46px;
  margin-top:25px;
  border:1px solid #dce7dc;
  border-radius:20px;
  background:linear-gradient(135deg,#f0f8ed, #fff 65%);
}
.home-module-copy,.home-module-demo {min-width:0}
.home-module h2 {font-size:clamp(29px,3vw,40px);line-height:1.15}
.home-module-number {display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#dfeedd;color:#33964b;margin-right:9px;letter-spacing:0}
.home-module-description {font-size:18px;line-height:1.6;margin:22px 0;color:var(--muted)}
.home-module-points {padding:0;margin:0 0 28px;list-style:none;font-size:14px;color:var(--ink)}
.home-module-points li {position:relative;padding-left:21px;margin-bottom:9px}
.home-module-points li:before {content:"✓";position:absolute;left:0;color:#33964b}
.home-module-demo {padding:24px;border:1px solid var(--line);background:white;border-radius:14px;box-shadow:0 18px 40px #20383108}
.home-demo-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;letter-spacing:.6px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}
.home-demo-title {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}
.home-demo-title strong {font-size:20px}
.home-demo-title>span {font-size:27px;font-weight:700;color:#33964b;white-space:nowrap}
.home-fuel-chart {display:block;width:100%;height:auto;margin:15px 0 20px}
.home-module-refuelings {background:linear-gradient(135deg,#fff 35%,#eef5ed)}
.home-volume-comparison {display:grid;gap:23px;margin:26px 0}
.home-volume-comparison>div {display:grid;grid-template-columns:1fr auto;gap:9px;font-size:14px}
.home-volume-comparison>div>span {color:var(--muted)}
.home-volume-track {grid-column:1/-1;display:block;height:11px;border-radius:8px;background:#eff3ed;overflow:hidden}
.home-volume-track i {display:block;height:100%;background:#33964b;border-radius:8px}
.home-volume-comparison>div:first-child .home-volume-track i {background:#bdd8bd}
.home-gps-note {display:flex;gap:13px;padding:16px;border:1px solid #d7e7d3;background:#f1f7ee;border-radius:9px}
.home-gps-note>span {font-size:25px;color:#33964b}
.home-gps-note strong {font-size:14px}
.home-gps-note p {margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.home-status-list {margin:22px 0}
.home-status-list>div {display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
.home-status-list dd {margin:0;padding:5px 8px;border-radius:5px;font-weight:700;text-align:right}
.home-status-ok {color:#15803d;background:#ecfdf5}
.home-status-error {color:#b91c1c;background:#fef2f2}
.home-note-error {background:#fef2f2;border-color:#fecaca}
.home-note-error>span,.home-note-error strong,.home-note-error p {color:#b91c1c}
@media(max-width:1000px) {
  .home-module {padding:30px;gap:28px}
}
@media(max-width:740px) {
  .home-hero {padding:55px 0 35px}
  .home-hero h1 {letter-spacing:-1.3px}
  .home-lead {font-size:17px}
  .home-topics {gap:8px 16px;font-size:11px}
  .home-modules {padding-top:30px}
  .home-module {grid-template-columns:1fr;padding:24px 18px;border-radius:14px;gap:28px}
  .home-module-description {font-size:16px}
  .home-module-demo {padding:18px}
  .home-demo-title strong {font-size:18px}
  .home-demo-heading {flex-wrap:wrap}
}