/* Introductory copy and results are separate reading groups. */
.hero .hero-copy{width:min(65%,760px);max-width:760px;padding-right:0}
.hero h1{font-size:clamp(40px,4.5vw,70px);letter-spacing:-2.5px;margin-bottom:20px}
.hero .intro-panel{display:block;padding:16px 20px;max-width:650px}
.hero .intro-panel .intro{font-size:14px;line-height:1.65;max-width:none}
.hero-results{margin-top:24px}
.hero-results h2{font-family:Manrope,Arial,sans-serif;font-size:13px;line-height:1.4;font-weight:600;letter-spacing:.2px;color:#30372e;margin:0 0 12px;text-shadow:0 1px 12px #fff}
.result-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.result-card{padding:18px 17px;border-radius:22px;background:linear-gradient(140deg,#fff9f1f5,#eed8c7f2);border:1px solid #fff9ef;box-shadow:0 10px 25px #513b2826,inset 0 0 0 3px #fff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#30372e}
.result-card:nth-child(2){background:linear-gradient(140deg,#eef0e3f5,#cbd0b9f2)}
.result-card:nth-child(3){background:linear-gradient(140deg,#f6dfd1f7,#e6c3b0f5)}
.result-card strong{display:block;font-size:clamp(32px,3vw,46px);line-height:1.1;font-weight:600;letter-spacing:-1.8px;color:#8d5f4d;margin-bottom:12px;white-space:nowrap}
.result-card:nth-child(2) strong{color:#59694c}
.result-card p{font-size:12px;line-height:1.6;margin:0}
.result-card>span{display:block;font-size:10px;line-height:1.4;margin-top:10px;color:#69584e}
.hero .hero-contact{margin-top:20px;font-size:14px;padding:14px 22px}
.hero .platforms{right:5%;top:40%;width:25%;max-width:270px}
.hero{min-height:max(950px,110svh)}
@media(min-width:1500px){.hero{padding-left:7%}.hero .platforms{right:7%}}
@media(max-width:900px){.hero .hero-copy{width:65%}.hero h1{font-size:42px}.result-cards{gap:8px}.result-card{padding:15px 12px}.result-card p{font-size:11px}.hero .platforms{right:4%;width:25%}.hero .signpost button{font-size:13px;padding:12px}.hero .intro-panel .intro{font-size:13px}}
@media(max-width:600px){.hero .hero-copy{width:100%;max-width:none}.hero h1{font-size:clamp(33px,8.5vw,43px);letter-spacing:-1.5px}.hero .intro-panel{padding:14px 16px}.hero .intro-panel .intro{font-size:13px}.hero-results{margin-top:20px}.result-cards{grid-template-columns:1fr;gap:9px}.result-card{display:grid;grid-template-columns:100px 1fr;align-items:center;column-gap:12px;padding:15px 16px;border-radius:18px}.result-card strong{font-size:34px;margin:0;grid-row:1 / span 2}.result-card p{font-size:12px}.result-card>span{grid-column:2;margin-top:5px}.hero .hero-contact{font-size:12px;width:100%;justify-content:space-between}.hero .platforms{position:relative;top:auto;right:auto;width:210px;max-width:75%;margin:38px 0 110px auto;transform:rotate(-2deg)}.hero .signpost button{font-size:14px}.hero{min-height:1250px;padding-bottom:100px}.hero .hero-bottom{bottom:60px}}
/* Compact results leave more of the car and city visible. */
.hero-results{max-width:590px;margin-top:17px}
.hero-results h2{font-size:11px;margin-bottom:8px}
.result-cards{gap:8px;align-items:start}
.result-card{padding:12px 13px;border-radius:16px;box-shadow:0 5px 16px #513b281c,inset 0 0 0 2px #fff4}
.result-card strong{font-size:32px;letter-spacing:-1px;margin-bottom:7px}
.result-card p{font-size:10px;line-height:1.45}
.result-card>span{font-size:9px;margin-top:5px}
.hero .hero-contact{margin-top:14px;padding:11px 18px;font-size:12px}
@media(max-width:900px) and (min-width:601px){.result-card{padding:10px}.result-card strong{font-size:28px}.result-card p{font-size:10px}}
@media(max-width:600px){.hero-results{max-width:100%;margin-top:15px}.result-cards{gap:7px}.result-card{grid-template-columns:82px 1fr;padding:10px 13px;column-gap:10px;border-radius:14px}.result-card strong{font-size:28px;margin:0}.result-card p{font-size:11px;line-height:1.4}.result-card>span{font-size:9px;margin-top:3px}.hero .hero-contact{padding:11px 15px}.hero .platforms{margin-top:28px}.hero{min-height:1130px}}
/* Equal-height glass cards, matching the service signs with a sage accent. */
.result-cards{align-items:stretch}
.result-card,.result-card:nth-child(3){background:linear-gradient(115deg,rgba(244,239,229,.78),rgba(243,220,205,.68));border:1px solid rgba(255,249,237,.95);box-shadow:inset 0 0 0 3px rgba(244,239,229,.25),inset 0 0 0 4px rgba(165,117,100,.36),0 7px 18px rgba(63,46,34,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.result-card:nth-child(2){background:linear-gradient(115deg,rgba(238,240,227,.78),rgba(185,198,160,.68))}
@media(max-width:600px){.result-cards{grid-auto-rows:1fr}}

/* Keep the results close to the introduction without a visible heading. */
.hero .hero-results{margin-top:12px}