.g8-hero{position:relative;overflow:hidden;padding-top:clamp(56px,9vw,120px);isolation:isolate}
.g8-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);opacity:.45}
.g8-hero__glow{position:absolute;z-index:-1;width:900px;height:900px;left:50%;top:-420px;transform:translateX(-30%);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%);filter:blur(20px)}
.g8-hero__inner{display:grid;gap:24px}
.g8-hero__title{max-width:12ch;font-size:clamp(2rem,9.5vw,6.6rem)} /* long words (Społeczność) fit a phone */
.g8-hero__line{display:block}
.g8-hero__lead{max-width:52ch}
.g8-hero__actions{margin-top:12px}
.g8-hero__car{position:relative;margin:clamp(24px,4vw,8px) 0 0 auto;width:min(1180px,118vw);transform:translateX(9%);animation:g8-drive 1.4s cubic-bezier(.2,.8,.2,1) both}
@media (min-width:1080px){.g8-hero__car{margin-top:-120px;width:min(1100px,72vw);transform:translateX(4%)}}
.g8-hero__car img{width:100%;height:auto;filter:drop-shadow(0 40px 40px #0009)}
@keyframes g8-drive{from{opacity:0;translate:12% 0}to{opacity:1;translate:0 0}}
.g8-hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:clamp(24px,4vw,48px) 0 0;border-top:1px solid var(--line)}
@media (min-width:760px){.g8-hero__stats{grid-template-columns:repeat(var(--cols,4),1fr)}}
.g8-hero__stat{padding:24px 20px 8px 0;border-right:1px solid var(--line)}
.g8-hero__stat:last-child{border-right:0}
.g8-hero__stat + .g8-hero__stat{padding-left:20px}
@media (max-width:759px){.g8-hero__stat:nth-child(2n){border-right:0}.g8-hero__stat:nth-child(3){padding-left:0}}
.g8-hero__stat dt{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.g8-hero__stat dd{margin:6px 0 0;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--text)}
.g8-hero__stat{display:flex;flex-direction:column;justify-content:space-between}
@media (max-width:759px){.g8-hero__stat{padding-bottom:20px}.g8-hero__stat + .g8-hero__stat{border-top:0}.g8-hero__stat:nth-child(n+3){border-top:1px solid var(--line);padding-top:20px}}