@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --bg:#101010;
  --bg2:#171717;
  --text:#f6f3eb;
  --muted:#bdb9b0;
  --gold:#d6a52e;
  --gold2:#f0c34b;
  --line:rgba(214,165,46,.35);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.nav{position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(#080808cc,transparent);padding:22px 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.logo{width:112px;height:auto;filter:invert(1);object-fit:contain}
.nav-phone{font-weight:700;letter-spacing:.03em}
.hero{min-height:780px;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:
linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.62) 48%,rgba(5,5,5,.25) 100%),
url('ogloszenie.jpg') center 25%/cover no-repeat;
filter:saturate(.92)}
.hero-content{position:relative;padding-top:70px}
.hero-copy{max-width:720px}
.badge{display:inline-block;background:var(--gold);color:#111;font-weight:800;font-size:22px;padding:4px 18px;border-radius:8px;margin-bottom:18px}
.eyebrow,.kicker{color:var(--gold2);font-weight:800;letter-spacing:.12em;font-size:14px;margin:0 0 8px}
h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.95;margin:0}
h1{font-size:clamp(62px,9vw,120px);letter-spacing:.01em}
h1 span{color:var(--gold2)}
.lead{font-size:20px;color:#eee;max-width:670px;margin:28px 0}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:15px 25px;border-radius:5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.btn-gold{background:var(--gold);color:#111}
.btn-outline{border:1px solid #fff;background:#1118}
.intro,.details,.fleet,.cta{padding:100px 0}
.intro{background:#151515}
.section-heading{max-width:750px}
.section-heading h2,.fleet h2,.cta h2{font-size:clamp(44px,6vw,72px)}
.section-heading>p:last-child,.fleet p{color:var(--muted);font-size:18px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:55px;background:var(--line)}
.features article{background:#151515;padding:35px 26px;min-height:210px}
.icon{color:var(--gold);font-size:34px;margin-bottom:18px}
.features h3{font-size:27px;margin-bottom:12px}
.features p{color:var(--muted);margin:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.panel{border-top:1px solid var(--line);padding:28px 4px}
.panel ul{list-style:none;margin:20px 0 0;padding:0}
.panel li{position:relative;padding-left:26px;margin:13px 0;color:#e8e5dd}
.panel li:before{content:'✓';position:absolute;left:0;top:0;color:var(--gold);font-weight:900}
.fleet{background:#0d0d0d}
.fleet-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.fleet img{width:100%;border-radius:8px;box-shadow:0 25px 70px #0008}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.stats div{border-top:1px solid var(--line);padding-top:15px}
.stats strong{display:block;color:var(--gold2);font-family:'Barlow Condensed';font-size:34px}
.stats span{color:var(--muted);font-size:13px}
.cta{background:linear-gradient(135deg,#1a1a1a,#0e0e0e)}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.phone-big{font-family:'Barlow Condensed';font-size:clamp(38px,5vw,68px);color:var(--gold2);white-space:nowrap}
footer{border-top:1px solid #282828;padding:24px 0;background:#090909}
.footer-inner{display:flex;align-items:center;gap:25px;color:#999}
.footer-inner span{margin-right:auto}
.footer-logo{width:70px;filter:invert(1)}
@media(max-width:850px){
  .hero{min-height:720px}
  .hero-bg{background-position:62% center;filter:saturate(.8)}
  .features,.grid-3,.fleet-grid{grid-template-columns:1fr 1fr}
  .fleet-grid{gap:40px}
  .cta-inner{display:block}
  .phone-big{display:inline-block;margin-top:25px}
}
@media(max-width:560px){
  .wrap{width:min(calc(100% - 28px),var(--max))}
  .nav-phone{font-size:13px}
  .hero{min-height:690px}
  .hero-bg{background-position:65% center}
  .hero-copy{padding-top:40px}
  h1{font-size:62px}
  .lead{font-size:16px}
  .features,.grid-3,.fleet-grid{grid-template-columns:1fr}
  .intro,.details,.fleet,.cta{padding:70px 0}
  .stats{grid-template-columns:1fr}
  .footer-inner{flex-wrap:wrap}
}