*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071016;color:#f5f7f8;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{height:82px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:rgba(5,13,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;font-weight:900;letter-spacing:-.5px}.brand-mark{width:35px;height:35px;border:2px solid #ffc400;border-radius:9px;display:grid;place-items:center;color:#ffc400}.brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#9ca8ad;margin-top:2px}.nav nav{display:flex;gap:27px;align-items:center}.nav nav a{color:#b9c2c5;text-decoration:none;font-size:12px;font-weight:700;position:relative;padding:32px 0}.nav nav a:hover,.nav nav a.active{color:#ffc400}.nav nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:21px;height:2px;background:#ffc400}.nav-call{color:#fff;text-decoration:none;font-weight:800;font-size:12px;white-space:nowrap}.nav-call span{color:#ffc400;margin-right:8px}.menu{display:none;background:none;color:#fff;border:0;font-size:22px}.page-hero{min-height:480px;padding:165px 6vw 75px;position:relative;display:flex;align-items:end;overflow:hidden}
.page-hero:before
{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050d12 5%,rgba(5,13,18,.72),rgba(5,13,18,.18)),
url("assets/naglowek.png") center/cover}
.page-hero>*{position:relative;z-index:1}.page-hero h1{font:900 clamp(50px,7vw,90px)/.9 Manrope,Inter,sans-serif;letter-spacing:-5px;margin:0}.page-hero h1 em{font-style:normal;color:#ffc400}.page-hero p:not(.eyebrow){max-width:620px;color:#b7c1c5;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#ffc400;font-weight:900;margin:0 0 20px}.eyebrow i{display:inline-block;width:25px;height:2px;background:#ffc400;vertical-align:middle;margin-right:8px}.section{padding:110px 6vw}.light{background:#f0f2f1;color:#071016}.dark{background:#09141b}.section h2{font:900 clamp(42px,5vw,70px)/.95 Manrope;margin:0;letter-spacing:-3px}.section h2 em{font-style:normal;color:#ffc400}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-head>p{max-width:440px;color:#879398;line-height:1.8;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;border:0;cursor:pointer;border-radius:8px;padding:15px 19px;font-weight:800;font-size:13px}.btn span{font-size:18px}.primary{background:#ffc400;color:#071016;box-shadow:0 10px 40px rgba(255,196,0,.16)}.ghost{border:1px solid rgba(255,255,255,.35);color:#fff}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{min-height:330px;border:1px solid #26343b;border-radius:18px;padding:26px;position:relative;background:linear-gradient(145deg,#0d1b23,#071117);transition:.35s}.card:hover{transform:translateY(-7px);border-color:#ffc400}.card .n{font-size:10px;letter-spacing:2px;color:#ffc400}.card h3{font:800 27px/1.05 Manrope;margin:80px 0 14px}.card p{color:#87959a;font-size:12px;line-height:1.7}.card a{position:absolute;bottom:26px;color:#ffc400;text-decoration:none;font-size:11px;font-weight:800}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.about-photo
{min-height:570px;border-radius:24px;background:linear-gradient(180deg,transparent,rgba(4,12,17,.35)),url("assets/onas.png") center/cover;box-shadow:0 30px 80px rgba(0,0,0,.18)}.about-copy p{color:#657075;line-height:1.85;font-size:14px}.about-copy .lead{font-size:18px;color:#39454a}.feature-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfd5d5;margin-top:40px}.feature-list div{padding:22px 15px 22px 0;border-bottom:1px solid #cfd5d5}.feature-list b{color:#ffc400;margin-right:10px}.feature-list strong{display:block;margin:9px 0 6px}.feature-list span{font-size:11px;color:#778286;line-height:1.6}.locations{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.locations span{padding:10px 13px;border:1px solid #2a3a41;border-radius:100px;color:#b9c3c6;font-size:11px;background:#0b171e}.price-table{width:100%;border-collapse:collapse;margin-top:35px;overflow:hidden;border-radius:15px}.price-table th,.price-table td{text-align:left;padding:17px 19px;border-bottom:1px solid #d8dddd;font-size:13px}.price-table th{background:#071016;color:#ffc400;text-transform:uppercase;letter-spacing:1px;font-size:10px}.price-table tr:nth-child(even) td{background:#e9eceb}.price-note{margin-top:25px;color:#667378;font-size:12px;line-height:1.7}.warning{margin-top:25px;padding:22px;border-left:3px solid #ffc400;background:#fff;color:#4e595d;font-size:12px;line-height:1.7}.tow-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}
.tow-photo{min-height:430px;border-radius:20px;background:url("assets/holowanie.png") center/cover}..tow-copy{padding:20px 0}.tow-copy h3{font:800 30px Manrope;margin:0 0 25px}.tow-copy ul{padding-left:20px;color:#9aa5a9;line-height:2;font-size:14px}.parking-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.parking-card{border:1px solid #28363d;border-radius:18px;padding:28px;background:#0c1920}.parking-card h3{font:800 24px Manrope;color:#ffc400;margin-top:0}.parking-card p{color:#9ba7ab;line-height:1.7;font-size:13px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.phones{display:grid;gap:12px;margin:40px 0}.phone{display:flex;align-items:center;gap:15px;color:#071016;text-decoration:none;font:900 25px Manrope}.phone b{font-size:10px;background:#ffc400;border-radius:100px;padding:8px 10px;font-family:Inter}.contact-form{background:#fff;border:1px solid #dce1e0;padding:38px;border-radius:18px;box-shadow:0 25px 80px rgba(12,25,30,.08)}.contact-form h3{font:800 25px Manrope;margin-top:0}.contact-form label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin:16px 0}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #d8dede;border-radius:7px;padding:13px;font:inherit;background:#fafbfb}.contact-form textarea{height:110px;resize:vertical}.contact-form .btn{width:100%;margin-top:10px}.contact-form small{display:block;margin-top:14px;color:#557}.map-box{margin-top:35px;border-radius:20px;min-height:260px;background:linear-gradient(135deg,#101e25,#1c2d34);display:grid;place-items:center;color:#ffc400;font-weight:900;letter-spacing:2px}
.cta{min-height:470px;position:relative;overflow:hidden;background:#050d12 url("assets/cta.png") center/cover;display:flex;align-items:center;padding:90px 6vw}.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050d12 10%,rgba(5,13,18,.72),rgba(5,13,18,.12))}.cta-content{position:relative;z-index:2}.cta h2{font:900 clamp(45px,6vw,78px)/.95 Manrope;letter-spacing:-4px;margin:0}.cta h2 em{font-style:normal;color:#ffc400}.cta p:not(.eyebrow){color:#aab5b9}.cta-mark{position:absolute;right:10vw;z-index:2;font:900 125px/.72 Manrope;color:#ffc400;transform:rotate(-10deg);opacity:.85}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:12px}.gallery-item{position:relative;border-radius:16px;overflow:hidden;border:1px solid #26353c;cursor:pointer;background:#0d1a21}.gallery-item:nth-child(5n+1){grid-column:span 2;grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease,filter .55s ease}.gallery-item:after{content:"⌕";position:absolute;right:16px;bottom:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffc400;color:#071016;font-size:20px;opacity:0;transform:translateY(10px);transition:.3s}.gallery-item:hover img{transform:scale(1.06);filter:saturate(1.1)}.gallery-item:hover:after{opacity:1;transform:none}.gallery-empty{grid-column:1/-1;padding:70px 20px;text-align:center;border:1px dashed #314149;border-radius:20px;color:#839096}.lightbox{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;padding:5vw}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:85vh;object-fit:contain;border-radius:8px}.lightbox button{position:absolute;border:0;background:#ffc400;color:#071016;width:46px;height:46px;border-radius:50%;font-size:22px;cursor:pointer}.lb-close{right:28px;top:25px}.lb-prev{left:28px;top:50%;transform:translateY(-50%)}.lb-next{right:28px;top:50%;transform:translateY(-50%)}.lb-caption{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#dce3e5;font-size:12px}.quick-call{position:fixed;right:22px;bottom:22px;z-index:19;background:#ffc400;color:#071016;text-decoration:none;padding:14px 18px;border-radius:100px;font-weight:900;font-size:12px;box-shadow:0 12px 35px rgba(255,196,0,.3);display:flex;gap:10px;align-items:center}.quick-call:before{content:"☎";font-size:17px}footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 6vw;background:#050d12;color:#67747a;font-size:10px}footer .brand{color:#fff}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:950px){.nav nav{display:none}.menu{display:block}.nav-call{font-size:11px}.cards{grid-template-columns:1fr 1fr}.about-grid,.tow-grid,.contact-grid{grid-template-columns:1fr}.about-photo{min-height:420px}.parking-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.gallery-item:nth-child(5n+1){grid-column:span 2}.cta-mark{right:4vw;font-size:85px}.contact-grid{gap:35px}}@media(max-width:600px){.nav{padding:0 5vw}.nav-call{display:none}.page-hero{min-height:430px;padding:140px 5vw 55px}.page-hero h1{letter-spacing:-3px}.section{padding:80px 5vw}.section-head{display:block}.section-head>p{margin-top:22px}.cards,.feature-list{grid-template-columns:1fr}.card{min-height:300px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:250px}.gallery-item:nth-child(5n+1){grid-column:span 1;grid-row:span 1}.phone{font-size:21px}.contact-form{padding:25px}.quick-call{right:12px;bottom:12px}.cta{padding:80px 5vw;min-height:530px}.cta-mark{opacity:.25;right:15px;bottom:35px}footer{flex-direction:column;text-align:center}.tow-photo{min-height:330px}}
/* ===== MOBILE MENU FIX ===== */
@media (max-width: 950px){
  .nav{
    height:72px;
    padding:0 22px;
  }

  .nav .brand{
    min-width:0;
  }

  .nav .brand > span:last-child{
    white-space:nowrap;
  }

  .nav nav{
    display:none;
    position:absolute;
    top:72px;
    left:12px;
    right:12px;
    width:auto;
    padding:10px;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    background:rgba(5,13,18,.98);
    border:1px solid rgba(255,255,255,.10);
    border-radius:0 0 16px 16px;
    box-shadow:0 22px 50px rgba(0,0,0,.42);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    z-index:25;
  }

  .nav nav.mobile-open{
    display:flex;
  }

  .nav nav a,
  .nav nav a.active{
    display:flex;
    align-items:center;
    min-height:52px;
    padding:0 16px;
    border-radius:10px;
    color:#c6ced1;
    font-size:13px;
    font-weight:800;
  }

  .nav nav a:hover,
  .nav nav a:focus,
  .nav nav a.active{
    color:#ffc400;
    background:rgba(255,196,0,.07);
  }

  .nav nav a.active:after{
    display:none;
  }

  .nav nav a.active:before{
    content:"";
    width:3px;
    height:20px;
    border-radius:3px;
    background:#ffc400;
    margin-right:11px;
  }

  .menu{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    background:rgba(255,255,255,.04);
    color:#fff;
    cursor:pointer;
    font-size:0;
    line-height:1;
    transition:.25s ease;
    z-index:30;
  }

  .menu:before,
  .menu:after{
    content:"";
    position:absolute;
    width:19px;
    height:2px;
    border-radius:2px;
    background:#fff;
    transition:.25s ease;
  }

  .menu:before{transform:translateY(-5px)}
  .menu:after{transform:translateY(5px)}

  .menu.is-open{
    border-color:rgba(255,196,0,.5);
    background:rgba(255,196,0,.08);
  }

  .menu.is-open:before{
    transform:rotate(45deg);
    background:#ffc400;
  }

  .menu.is-open:after{
    transform:rotate(-45deg);
    background:#ffc400;
  }

  .nav-call{
    display:none;
  }
}

@media (max-width:600px){
  .nav{
    padding:0 14px;
  }

  .nav nav{
    top:72px;
    left:8px;
    right:8px;
  }

  .nav nav a{
    min-height:50px;
  }
}

/* Prevent the mobile dropdown from being hidden by page content. */
.nav{
  z-index:1000;
}

/* Szybki kontakt: telefon i WhatsApp */
.floating-contact{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;gap:9px;align-items:center}
.floating-contact .quick-call{position:static}
.quick-whatsapp{display:flex;align-items:center;gap:8px;background:#1fbf68;color:#fff;text-decoration:none;padding:14px 17px;border-radius:100px;font-size:12px;font-weight:900;box-shadow:0 12px 35px rgba(31,191,104,.25)}
.quick-whatsapp:before{content:"◉";font-size:17px}
footer a:not(.brand){color:#aab5b9;text-decoration:none}
@media(max-width:950px){
 .nav nav{display:none;position:absolute;top:81px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 5vw 20px;background:rgba(5,13,18,.98);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 22px 35px rgba(0,0,0,.3);max-height:calc(100vh - 82px);overflow-y:auto}
 .nav nav.mobile-open{display:flex}
 .nav nav a{padding:15px 4px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.07)}
 .nav nav a.active:after{display:none}
 .nav nav a.active{border-left:3px solid #ffc400;padding-left:12px}
 .menu{display:block;cursor:pointer;position:relative;z-index:22;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:9px}
 .menu.is-open{color:#ffc400;border-color:#ffc400}
 .nav-call{margin-left:auto;margin-right:12px}
}
@media(max-width:600px){
 .floating-contact{left:10px;right:10px;bottom:10px;justify-content:center}
 .floating-contact .quick-call,.floating-contact .quick-whatsapp{flex:1;justify-content:center;padding:13px 10px}
 footer{padding-bottom:82px}
}