
  :root{
    --navy:#12142B;
    --navy-soft:#1C2046;
    --navy-line:rgba(255,255,255,0.14);
    --red:#E23744;
    --red-dark:#C22633;
    --white:#FFFFFF;
    --paper:#F5F4F2;
    --ink:#14172B;
    --muted:#666B80;
    --muted-light:#9AA0B4;
    --radius:2px;
    --maxw:1220px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{animation-duration:.001ms !important; transition-duration:.001ms !important;} }
  body{
    font-family:'Inter', sans-serif;
    color:var(--ink);
    background:var(--white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
  h1,h2,h3,h4{font-family:'Space Grotesk', sans-serif; font-weight:700; line-height:1.12; letter-spacing:-0.01em;}
  .eyebrow{
    font-family:'JetBrains Mono', monospace;
    font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  }
  .btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:15px 26px; font-family:'Inter'; font-weight:600; font-size:15px;
    border-radius:var(--radius); border:1.5px solid transparent; cursor:pointer;
    transition:transform .15s ease, background .15s ease, border-color .15s ease;
  }
  .btn:focus-visible{outline:3px solid var(--red); outline-offset:3px;}
  .btn-primary{background:var(--red); color:var(--white);}
  .btn-primary:hover{background:var(--red-dark); transform:translateY(-2px);}
  .btn-ghost{border-color:var(--navy-line); color:var(--white);}
  .btn-ghost:hover{border-color:var(--white); transform:translateY(-2px);}
  .btn-dark{border-color:var(--ink); color:var(--ink);}
  .btn-dark:hover{background:var(--ink); color:var(--white);}
  .section{padding:88px 0;}
  .section-tight{padding:64px 0;}
  .sec-head{max-width:640px; margin-bottom:56px;}
  .sec-head h2{font-size:clamp(28px,3.6vw,42px); margin-top:12px;}
  .sec-head p{color:var(--muted); font-size:17px; margin-top:16px;}
  .sec-head .eyebrow{color:var(--red);}

  /* ===== NAV ===== */
  header.site{
    position:sticky; top:0; z-index:50; background:var(--navy);
    border-bottom:1px solid var(--navy-line);
  }
  .nav-row{display:flex; align-items:center; justify-content:space-between; height:76px;}
  .logo{display:inline-flex; align-items:center; line-height:0; text-decoration:none;}
  .logo img{display:block; width:auto; max-width:100%;}
  .header-logo-img{height:58px;}
  .footer-logo-img{height:88px;}
  .foot-brand .logo{margin-bottom:16px;}
  nav.main-links{display:none; gap:32px;}
  nav.main-links a{color:var(--muted-light); font-size:14.5px; font-weight:500; transition:color .15s;}
  nav.main-links a:hover{color:var(--white);}
  .nav-right{display:flex; align-items:center; gap:18px;}
  .nav-phone{display:none; flex-direction:column; text-align:right;}
  .nav-phone small{color:var(--muted-light); font-size:11px; font-family:'JetBrains Mono'; letter-spacing:.06em;}
  .nav-phone a{color:var(--white); font-weight:600; font-size:15px;}
  .menu-toggle{display:flex; background:none; border:none; color:var(--white); font-size:22px; cursor:pointer; padding:6px;}
  .mobile-panel{display:none; flex-direction:column; gap:2px; background:var(--navy-soft); border-top:1px solid var(--navy-line);}
  .mobile-panel.open{display:flex;}
  .mobile-panel a{padding:16px 24px; color:var(--white); border-bottom:1px solid var(--navy-line); font-size:15px;}

  @media(min-width:900px){
    nav.main-links{display:flex;}
    .nav-phone{display:flex;}
    .menu-toggle{display:none;}
    .mobile-panel{display:none !important;}
  }

  /* ===== HERO ===== */
  .hero{
    position:relative;
    overflow:hidden;
    background:var(--navy);
    color:var(--white);
  }
  .hero-media{
    position:absolute;
    inset:0;
    z-index:0;
  }
  .hero-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg, rgba(9,18,70,.98) 0%, rgba(9,18,70,.98) 28%, rgba(9,18,70,.94) 40%, rgba(9,18,70,.80) 50%, rgba(9,18,70,.38) 61%, rgba(9,18,70,0) 74%),
      linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.16));
    z-index:2;
    pointer-events:none;
  }
  .hero-grid{
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:1fr;
    gap:42px;
    padding:64px 0 72px;
    align-items:center;
    min-height:620px;
  }
  @media(min-width:960px){
    .hero-grid{
      grid-template-columns:minmax(360px, 560px) 1fr;
      padding:96px 0 78px;
      min-height:640px;
    }
  }
  .hero-copy{position:relative; z-index:4; max-width:540px;}
  .hero-copy h1{color:var(--white); font-size:clamp(34px,5.4vw,58px); margin-top:18px;}
  .hero-copy .eyebrow{color:var(--red);}
  .hero-copy p.lede{color:rgba(255,255,255,.78); font-size:18px; max-width:520px; margin-top:22px;}
  .hero-cta{display:flex; flex-wrap:wrap; gap:14px; margin-top:34px;}
  .hero-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:52px; border-top:1px solid var(--navy-line); padding-top:28px; max-width:520px;}
  .hero-stats .num{font-family:'JetBrains Mono'; font-weight:600; font-size:26px; color:var(--white);}
  .hero-stats .lab{font-size:12px; color:rgba(255,255,255,.74); margin-top:4px;}
  .hero-art{position:relative; min-height:1px;}
  .truck-real-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:right center;
    display:block;
    transform:scale(.88);
    transform-origin:right center;
    filter:saturate(.98) contrast(1.04);
  }
  @media(max-width:959px){
    .hero-grid{min-height:560px; padding:54px 0 60px;}
    .hero-media::after{
      background:
        linear-gradient(180deg, rgba(9,18,70,.82) 0%, rgba(9,18,70,.78) 24%, rgba(9,18,70,.88) 54%, rgba(9,18,70,.98) 100%),
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.16));
    }
    .truck-real-img{
      object-fit:cover;
      object-position:center center;
      transform:none;
    }
  }
  @media(max-width:620px){
    .hero-grid{min-height:520px;}
    .hero-stats{grid-template-columns:1fr; gap:12px; max-width:260px;}
    .header-logo-img{height:48px;}
    .footer-logo-img{height:72px;}
  }

  /* ===== BENEFITS ===== */
  .benefits-grid{display:grid; grid-template-columns:1fr; gap:2px; background:var(--navy-line); border:1px solid #E7E6E2;}
  @media(min-width:760px){ .benefits-grid{grid-template-columns:repeat(3,1fr);} }
  .benefit-card{background:var(--white); padding:38px 30px;}
  .ico-badge{width:52px; height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:22px;}
  .ico-badge.tint-red{background:#FBE1E3;}
  .ico-badge.tint-navy{background:#E4E5F1;}
  .benefit-card h3{font-size:20px; margin-bottom:10px;}
  .benefit-card p{color:var(--muted); font-size:15px;}

  /* ===== OFERTA ===== */
  .oferta{background:var(--paper);}
  .oferta-grid{display:grid; grid-template-columns:1fr; gap:40px;}
  @media(min-width:960px){ .oferta-grid{grid-template-columns:.9fr 1.1fr; gap:56px;} }
  .fleet-card{background:var(--navy); color:var(--white); padding:36px; position:relative; overflow:hidden;}
  .fleet-card::after{content:""; position:absolute; right:-40px; bottom:-40px; width:180px; height:180px; background:var(--red); border-radius:50%; opacity:.16;}
  .fleet-card .big-num{font-family:'JetBrains Mono'; font-size:56px; font-weight:600; color:var(--red);}
  .fleet-card .cap{font-size:15px; color:var(--muted-light); margin-top:6px;}
  .fleet-card ul{margin-top:26px; display:flex; flex-direction:column; gap:12px;}
  .fleet-card li{font-size:14.5px; color:var(--muted-light); padding-left:18px; position:relative;}
  .fleet-card li::before{content:""; position:absolute; left:0; top:8px; width:8px; height:2px; background:var(--red);}
  .oferta-list{display:flex; flex-direction:column; gap:0;}
  .oferta-item{display:grid; grid-template-columns:56px 1fr; gap:20px; padding:26px 0; border-bottom:1px solid #E2E0DA;}
  .oferta-item:first-child{padding-top:0;}
  .oferta-item .idx{font-family:'JetBrains Mono'; color:var(--red); font-weight:600; font-size:14px;}
  .oferta-item h3{font-size:19px; margin-bottom:6px;}
  .oferta-item p{color:var(--muted); font-size:15px;}

  /* ===== DLACZEGO MY ===== */
  .why{background:var(--white);}
  .why-grid{display:grid; grid-template-columns:1fr; gap:0;}
  @media(min-width:860px){ .why-grid{grid-template-columns:repeat(2,1fr); gap:0 60px;} }
  .why-item{display:flex; gap:18px; padding:22px 0; border-bottom:1px solid #ECEBE7;}
  .why-item .n{font-family:'JetBrains Mono'; color:var(--muted-light); font-size:13px; padding-top:3px;}
  .why-item h3{font-size:17px; margin-bottom:6px;}
  .why-item p{color:var(--muted); font-size:14.5px;}

  /* ===== TRUST / OPINIE ===== */
  .trust{background:var(--navy); color:var(--white);}
  .trust .sec-head p{color:var(--muted-light);}
  .trust-row{display:flex; flex-wrap:wrap; gap:16px; align-items:center;}
  .trust-badge{border:1px solid var(--navy-line); padding:22px 26px; flex:1 1 220px; min-width:220px;}
  .trust-badge .num{font-family:'JetBrains Mono'; font-size:24px; color:var(--red); font-weight:600;}
  .trust-badge .lab{font-size:13.5px; color:var(--muted-light); margin-top:4px;}
  .trust-note{margin-top:34px; font-size:14.5px; color:var(--muted-light);}
  .trust-note a{color:var(--white); border-bottom:1px solid var(--red);}

  /* ===== FAQ ===== */
  .faq-list{border-top:1px solid #E2E0DA;}
  .faq-item{border-bottom:1px solid #E2E0DA;}
  .faq-q{width:100%; text-align:left; background:none; border:none; cursor:pointer; padding:24px 0; display:flex; justify-content:space-between; align-items:center; gap:20px; font-family:'Space Grotesk'; font-weight:600; font-size:16.5px; color:var(--ink);}
  .faq-q .plus{font-family:'JetBrains Mono'; color:var(--red); font-size:20px; flex-shrink:0; transition:transform .2s ease;}
  .faq-item.open .plus{transform:rotate(45deg);}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .25s ease;}
  .faq-a p{color:var(--muted); font-size:15px; padding-bottom:24px; max-width:640px;}
  .faq-q:focus-visible{outline:3px solid var(--red); outline-offset:3px;}

  /* ===== CTA BANNER ===== */
  .cta-banner{background:var(--red); color:var(--white);}
  .cta-inner{display:flex; flex-direction:column; gap:26px; padding:56px 0; align-items:flex-start;}
  @media(min-width:800px){ .cta-inner{flex-direction:row; align-items:center; justify-content:space-between;} }
  .cta-inner h2{color:var(--white); font-size:clamp(24px,3vw,34px); max-width:560px;}
  .cta-inner p{color:rgba(255,255,255,.85); margin-top:10px; font-size:15px;}
  .cta-banner .btn-primary{background:var(--navy);}
  .cta-banner .btn-primary:hover{background:var(--ink);}

  /* ===== KONTAKT ===== */
  .contact{background:var(--paper);}
  .contact-grid{display:grid; grid-template-columns:1fr; gap:48px;}
  @media(min-width:960px){ .contact-grid{grid-template-columns:.85fr 1.15fr; gap:60px;} }
  .contact-info h3{font-size:19px; margin-bottom:18px;}
  .contact-list{display:flex; flex-direction:column; gap:16px; margin-bottom:32px;}
  .contact-list li{font-size:15px; color:var(--muted);}
  .contact-list a{color:var(--ink); font-weight:600;}
  .contact-list a:hover{color:var(--red);}
  .map-frame{width:100%; height:220px; border:0; border-radius:var(--radius); filter:grayscale(.3);}
  form.quote{background:var(--white); border:1px solid #E2E0DA; padding:32px; border-radius:var(--radius);}
  .field{margin-bottom:18px;}
  .field label{display:block; font-size:13px; font-weight:600; margin-bottom:7px;}
  .field input, .field textarea{
    width:100%; padding:13px 14px; border:1.5px solid #DEDCD5; border-radius:var(--radius);
    font-family:'Inter'; font-size:15px; background:var(--white); color:var(--ink);
  }
  .field input:focus, .field textarea:focus{outline:none; border-color:var(--red);}
  .field-row{display:grid; grid-template-columns:1fr; gap:18px;}
  @media(min-width:520px){ .field-row{grid-template-columns:1fr 1fr;} }
  .consent{display:flex; gap:10px; align-items:flex-start; font-size:13px; color:var(--muted); margin-bottom:22px;}
  .consent input{margin-top:3px; flex-shrink:0;}
  .consent a{color:var(--ink); text-decoration:underline;}
  form.quote .btn-primary{width:100%; justify-content:center;}
  .hp-field{position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden;}
  .form-notice{padding:13px 16px; border-radius:var(--radius); font-size:14px; margin-bottom:18px;}
  .form-notice-blad{background:#FBEAEA; color:#8A2A2A; border:1px solid #F0C4C4;}

  /* ===== FOOTER ===== */
  footer.site{background:var(--navy); color:var(--muted-light);}
  .foot-grid{display:grid; grid-template-columns:1fr; gap:40px; padding:64px 0 40px;}
  @media(min-width:760px){ .foot-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;} }
  .foot-brand p{font-size:14px; max-width:280px; line-height:1.7;}
  .foot-col h4{font-family:'Space Grotesk'; color:var(--white); font-size:14px; margin-bottom:16px; letter-spacing:.02em;}
  .foot-col ul{display:flex; flex-direction:column; gap:11px;}
  .foot-col a{font-size:14px;}
  .foot-col a:hover{color:var(--white);}
  .foot-bottom{border-top:1px solid var(--navy-line); padding:22px 0; display:flex; flex-direction:column; gap:10px; font-size:12.5px;}
  @media(min-width:760px){ .foot-bottom{flex-direction:row; justify-content:space-between;} }
  .foot-bottom a{border-bottom:1px solid transparent;}
  .foot-bottom a:hover{color:var(--white); border-color:var(--white);}

  /* ===== COOKIE CONSENT (wzorowane na ochroad.pl) ===== */
  .cookie-overlay{
    position:fixed; inset:0; z-index:500; background:rgba(10,12,20,.62);
    display:none; align-items:center; justify-content:center; padding:20px;
  }
  .cookie-overlay.show{display:flex;}
  .cookie-card{
    background:var(--white); color:var(--ink); width:100%; max-width:400px;
    border-radius:14px; box-shadow:0 30px 70px rgba(6,8,24,.45);
    padding:26px 26px 6px;
  }
  .cookie-card h3{font-size:17px; line-height:1.3; margin-bottom:12px;}
  .cookie-card p{font-size:13.5px; line-height:1.65; color:var(--muted);}
  .cookie-card-actions{display:flex; flex-direction:column; gap:10px; margin-top:20px;}
  .cookie-btn{
    display:flex; align-items:center; justify-content:center; width:100%;
    padding:13px 16px; border-radius:8px; font-family:'Inter'; font-weight:600; font-size:14px;
    border:none; cursor:pointer; transition:opacity .15s ease, background .15s ease;
  }
  .cookie-btn-dark{background:var(--navy); color:var(--white);}
  .cookie-btn-dark:hover{background:#090B1E;}
  .cookie-btn-light{background:#EFEFF2; color:var(--ink);}
  .cookie-btn-light:hover{background:#E4E4E9;}
  .cookie-card-links{
    display:flex; gap:18px; margin-top:18px; padding:14px 0;
    border-top:1px solid #ECECEF; font-size:12.5px;
  }
  .cookie-card-links a{color:var(--muted); font-weight:500;}
  .cookie-card-links a:hover{color:var(--ink); text-decoration:underline;}

  /* ===== MODALS (Ustawienia cookies / Polityka cookies) ===== */
  .modal-overlay{
    position:fixed; inset:0; z-index:400; background:rgba(10,12,30,.66);
    display:none; align-items:center; justify-content:center; padding:20px;
    backdrop-filter:blur(2px);
  }
  .modal-overlay.open{display:flex;}
  .modal-box{
    background:var(--white); color:var(--ink); width:100%; max-width:640px;
    max-height:86vh; overflow-y:auto; border-radius:14px;
    box-shadow:0 30px 60px rgba(6,8,24,.4);
  }
  .modal-box.modal-wide{max-width:760px;}
  .modal-head{
    position:sticky; top:0; background:var(--white); color:var(--ink); z-index:2;
    padding:24px 26px 4px; display:flex; align-items:center; justify-content:space-between;
  }
  .modal-head h3{font-size:19px;}
  .modal-close{
    background:#F2F2F5; border:none; color:var(--ink); font-size:16px; line-height:1;
    cursor:pointer; padding:8px 10px; border-radius:8px;
  }
  .modal-close:hover{background:#E4E4E9;}
  .modal-body{padding:6px 26px 26px;}
  .modal-body h4{font-family:'Space Grotesk'; font-size:15px; margin:22px 0 8px;}
  .modal-body h4:first-child{margin-top:6px;}
  .modal-body p{color:var(--muted); font-size:14px; line-height:1.7; margin-bottom:10px;}
  .modal-body ul{margin:8px 0 14px 0; display:flex; flex-direction:column; gap:6px;}
  .modal-body li{color:var(--muted); font-size:14.5px; line-height:1.6; padding-left:16px; position:relative;}
  .modal-body li::before{content:"—"; position:absolute; left:0; color:var(--red);}
  .cookie-table{width:100%; border-collapse:collapse; margin:10px 0 18px; font-size:13.5px;}
  .cookie-table th, .cookie-table td{text-align:left; padding:9px 10px; border-bottom:1px solid #eceae6; vertical-align:top;}
  .cookie-table th{font-family:'JetBrains Mono'; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted);}
  .modal-foot{
    padding:16px 26px 26px; border-top:1px solid #ECECEF;
    display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between;
  }
  .modal-foot-left{display:flex; flex-wrap:wrap; gap:10px;}
  .modal-foot .cookie-btn{width:auto; padding:12px 20px;}

  /* ===== Wiersze kategorii z akordeonem i przełącznikiem ===== */
  .consent-category{background:#F5F5F7; border-radius:10px; margin-bottom:10px; overflow:hidden;}
  .consent-row{
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:14px 14px; cursor:pointer; user-select:none;
  }
  .consent-row-label{display:flex; align-items:center; gap:10px;}
  .consent-chevron{
    flex:none; width:20px; height:20px; display:flex; align-items:center; justify-content:center;
    color:var(--muted); transition:transform .18s ease;
  }
  .consent-category.open .consent-chevron{transform:rotate(180deg);}
  .consent-row-label h5{font-family:'Inter'; font-weight:600; font-size:14.5px; color:var(--ink);}
  .always-on-label{font-size:12px; color:var(--muted); margin-right:6px; white-space:nowrap;}
  .consent-row-right{display:flex; align-items:center;}
  .consent-detail{
    max-height:0; overflow:hidden; transition:max-height .22s ease;
    padding:0 14px;
  }
  .consent-category.open .consent-detail{padding:0 14px 16px;}
  .consent-detail p{font-size:13px; color:var(--muted); line-height:1.6; margin:0;}

  .cookie-toggle{position:relative; flex:none; width:42px; height:24px;}
  .cookie-toggle input{opacity:0; width:0; height:0; position:absolute;}
  .cookie-toggle .track{
    position:absolute; inset:0; background:#C9CDD9; border-radius:20px; cursor:pointer;
    transition:background .18s ease;
  }
  .cookie-toggle .track::after{
    content:"✕"; position:absolute; width:18px; height:18px; left:3px; top:3px;
    background:var(--white); border-radius:50%; transition:transform .18s ease, color .18s ease;
    font-size:9px; font-weight:700; line-height:18px; text-align:center; color:#9A9FB0;
    box-shadow:0 1px 2px rgba(0,0,0,.2);
  }
  .cookie-toggle input:checked + .track{background:var(--navy);}
  .cookie-toggle input:checked + .track::after{content:"✓"; transform:translateX(18px); color:var(--navy);}
  .cookie-toggle input:disabled + .track{background:var(--navy); cursor:not-allowed;}
  .cookie-toggle input:disabled + .track::after{content:"✓"; transform:translateX(18px); color:var(--navy);}

  .more-info-box{background:#F5F5F7; border-radius:10px; padding:16px 16px 4px; margin-top:6px;}
  .more-info-box h4{margin-top:0 !important;}
  .more-info-box a{color:var(--ink); font-weight:600; text-decoration:underline;}


  /* ===== SITE NAV (rozszerzona o więcej sekcji) ===== */
  nav.main-links{gap:22px;}
  nav.main-links a{font-size:14px; white-space:nowrap;}
  .nav-cta-btn{display:none;}
  @media(min-width:1080px){ .nav-cta-btn{display:inline-flex;} }

  /* ===== BREADCRUMB / EYEBROW LINK BACK ===== */
  .back-link{display:inline-flex; align-items:center; gap:8px; font-family:'JetBrains Mono'; font-size:12.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:18px;}
  .back-link:hover{color:var(--red);}

  /* ===== INNER PAGE HERO (bez zdjęcia — ilustracja SVG) ===== */
  .page-hero{background:var(--navy); color:var(--white); position:relative; overflow:hidden;}
  .page-hero-grid{display:grid; grid-template-columns:1fr; gap:36px; padding:56px 0 60px; align-items:center; position:relative; z-index:2;}
  @media(min-width:900px){ .page-hero-grid{grid-template-columns:1.15fr .85fr; padding:78px 0 70px;} }
  .page-hero h1{color:var(--white); font-size:clamp(30px,4.4vw,46px); margin-top:14px;}
  .page-hero .lede{color:rgba(255,255,255,.78); font-size:17px; max-width:560px; margin-top:18px;}
  .page-hero-cta{display:flex; flex-wrap:wrap; gap:14px; margin-top:30px;}
  .page-hero-art{display:flex; align-items:center; justify-content:center; position:relative;}
  .page-hero-art svg{width:100%; max-width:300px; height:auto;}
  .page-hero-icon-plate{
    width:100%; max-width:280px; aspect-ratio:1; border-radius:28px;
    background:var(--paper); box-shadow:0 30px 60px rgba(6,8,24,.35);
    display:flex; align-items:center; justify-content:center; padding:44px;
  }
  .page-hero-icon-plate svg{width:100%; max-width:210px; height:auto;}
  .page-hero::after{content:""; position:absolute; right:-120px; top:-120px; width:360px; height:360px; border-radius:50%; background:var(--red); opacity:.10; z-index:1;}
  .page-hero-mini-stats{display:flex; flex-wrap:wrap; gap:26px; margin-top:36px; border-top:1px solid var(--navy-line); padding-top:22px; max-width:560px;}
  .page-hero-mini-stats .num{font-family:'JetBrains Mono'; font-weight:600; font-size:20px; color:var(--white);}
  .page-hero-mini-stats .lab{font-size:11.5px; color:rgba(255,255,255,.7); margin-top:3px;}

  /* ===== PILLARS (homepage hub) ===== */
  .pillars-grid{display:grid; grid-template-columns:1fr; gap:2px; background:var(--navy-line); border:1px solid #E7E6E2;}
  @media(min-width:640px){ .pillars-grid{grid-template-columns:repeat(2,1fr);} }
  @media(min-width:1020px){ .pillars-grid{grid-template-columns:repeat(4,1fr);} }
  .pillar-card{background:var(--white); padding:32px 26px; display:flex; flex-direction:column; gap:16px; transition:background .15s ease;}
  .pillar-card:hover{background:var(--paper);}
  .pillar-card .ico-badge{margin-bottom:0;}
  .pillar-card h3{font-size:18px;}
  .pillar-card p{color:var(--muted); font-size:14px; flex-grow:1;}
  .pillar-card .pillar-link{font-family:'JetBrains Mono'; font-size:12.5px; font-weight:600; letter-spacing:.04em; color:var(--red); display:inline-flex; align-items:center; gap:6px;}
  .pillar-card:hover .pillar-link{text-decoration:underline;}

  /* ===== CASE STUDY (PKP) ===== */
  .case-study{background:var(--navy); color:var(--white); padding:44px; border-radius:2px; position:relative; overflow:hidden;}
  .case-study::after{content:""; position:absolute; right:-60px; bottom:-60px; width:220px; height:220px; background:var(--red); border-radius:50%; opacity:.14;}
  .case-study .tag{display:inline-flex; align-items:center; gap:8px; font-family:'JetBrains Mono'; font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--red); background:rgba(226,55,68,.14); padding:7px 12px; border-radius:20px;}
  .case-study h2{color:var(--white); margin-top:18px; font-size:clamp(24px,3.2vw,32px); max-width:640px;}
  .case-study p{color:rgba(255,255,255,.78); margin-top:16px; max-width:640px; font-size:15.5px;}
  .case-study-points{display:grid; grid-template-columns:1fr; gap:16px; margin-top:32px; position:relative; z-index:2;}
  @media(min-width:760px){ .case-study-points{grid-template-columns:repeat(3,1fr);} }
  .case-study-points div{border-top:1px solid var(--navy-line); padding-top:14px;}
  .case-study-points h4{font-size:15px; color:var(--white); margin-bottom:6px;}
  .case-study-points p{font-size:13.5px; margin-top:0; color:var(--muted-light);}

  /* ===== SERVICE LIST (ikona + tekst, szersze karty) ===== */
  .service-grid{display:grid; grid-template-columns:1fr; gap:28px;}
  @media(min-width:760px){ .service-grid{grid-template-columns:repeat(2,1fr);} }
  .service-card{border:1px solid #E2E0DA; padding:30px; background:var(--white);}
  .service-card .ico-badge{margin-bottom:18px;}
  .service-card h3{font-size:19px; margin-bottom:8px;}
  .service-card p{color:var(--muted); font-size:14.5px;}
  .service-card ul{margin-top:14px; display:flex; flex-direction:column; gap:8px;}
  .service-card li{font-size:14px; color:var(--muted); padding-left:16px; position:relative;}
  .service-card li::before{content:"—"; position:absolute; left:0; color:var(--red);}

  /* ===== TIMELINE (O nas) ===== */
  .timeline{border-left:2px solid #E2E0DA; margin-left:6px; display:flex; flex-direction:column; gap:34px; padding-left:30px;}
  .timeline-item{position:relative;}
  .timeline-item::before{content:""; position:absolute; left:-37px; top:4px; width:12px; height:12px; border-radius:50%; background:var(--red); border:3px solid var(--white); box-shadow:0 0 0 2px var(--red);}
  .timeline-item .yr{font-family:'JetBrains Mono'; color:var(--red); font-weight:600; font-size:13px;}
  .timeline-item h3{font-size:18px; margin:6px 0 8px;}
  .timeline-item p{color:var(--muted); font-size:14.5px; max-width:600px;}

  /* ===== DEPT CONTACT CARDS ===== */
  .dept-grid{display:grid; grid-template-columns:1fr; gap:2px; background:var(--navy-line); border:1px solid #E7E6E2; margin-top:10px;}
  @media(min-width:760px){ .dept-grid{grid-template-columns:repeat(3,1fr);} }
  .dept-card{background:var(--white); padding:30px 26px;}
  .dept-card .ico-badge{margin-bottom:16px;}
  .dept-card h3{font-size:17px; margin-bottom:8px;}
  .dept-card p{color:var(--muted); font-size:14px; margin-bottom:14px;}
  .dept-card a.dept-phone{display:block; font-family:'JetBrains Mono'; font-weight:600; font-size:16px; color:var(--ink); margin-bottom:4px;}
  .dept-card a.dept-phone:hover{color:var(--red);}
  .dept-card .dept-mail{font-size:13.5px;}

  /* ===== BLOG ===== */
  .blog-grid{display:grid; grid-template-columns:1fr; gap:2px; background:var(--navy-line); border:1px solid #E7E6E2;}
  @media(min-width:700px){ .blog-grid{grid-template-columns:repeat(2,1fr);} }
  .blog-card{background:var(--white); padding:32px; display:flex; flex-direction:column; gap:12px;}
  .blog-card .tag{font-family:'JetBrains Mono'; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--red);}
  .blog-card h3{font-size:19px; line-height:1.25;}
  .blog-card p{color:var(--muted); font-size:14.5px; flex-grow:1;}
  .blog-card .read-more{font-family:'JetBrains Mono'; font-size:12.5px; font-weight:600; color:var(--ink); display:inline-flex; align-items:center; gap:6px;}
  .blog-note{background:var(--paper); border:1px solid #E2E0DA; padding:20px 24px; font-size:14px; color:var(--muted); margin-top:36px;}

  /* ===== FAQ CATEGORIES ===== */
  .faq-cat{margin-bottom:52px;}
  .faq-cat:last-child{margin-bottom:0;}
  .faq-cat h3{font-size:21px; margin-bottom:6px;}
  .faq-cat .faq-cat-lab{color:var(--muted); font-size:14.5px; margin-bottom:8px;}

  /* ===== CHECKLIST (kariera warunki) ===== */
  .check-grid{display:grid; grid-template-columns:1fr; gap:14px; margin-top:10px;}
  @media(min-width:700px){ .check-grid{grid-template-columns:1fr 1fr;} }
  .check-item{display:flex; gap:14px; align-items:flex-start; padding:18px; background:var(--white); border:1px solid #E2E0DA;}
  .check-item .tick{flex-shrink:0; width:26px; height:26px; border-radius:50%; background:#FBE1E3; display:flex; align-items:center; justify-content:center;}
  .check-item p{font-size:14.5px; color:var(--ink); font-weight:500;}

  /* ===== GENERIC INFO TABLE ===== */
  .info-table{width:100%; border-collapse:collapse; margin:18px 0; font-size:14.5px;}
  .info-table th, .info-table td{text-align:left; padding:12px 14px; border-bottom:1px solid #E2E0DA; vertical-align:top;}
  .info-table th{font-family:'JetBrains Mono'; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); background:var(--paper);}

  /* ===== PROSE (dokumenty prawne) ===== */
  .prose{max-width:760px;}
  .prose h2{font-size:24px; margin:38px 0 12px;}
  .prose h2:first-child{margin-top:0;}
  .prose h3{font-size:17px; margin:24px 0 8px;}
  .prose p{color:var(--muted); font-size:15px; margin-bottom:12px;}
  .prose ul{margin:10px 0 16px 0; display:flex; flex-direction:column; gap:8px;}
  .prose li{font-size:14.5px; color:var(--muted); padding-left:18px; position:relative;}
  .prose li::before{content:"—"; position:absolute; left:0; color:var(--red);}

  /* ===== STAT ROW (dowód społeczny) ===== */
  .stat-row{display:grid; grid-template-columns:repeat(2,1fr); gap:2px; background:var(--navy-line); border:1px solid var(--navy-line); margin-top:40px;}
  @media(min-width:760px){ .stat-row{grid-template-columns:repeat(4,1fr);} }
  .stat-cell{background:var(--navy-soft); padding:26px 22px;}
  .stat-cell .num{font-family:'JetBrains Mono'; font-weight:600; font-size:26px; color:var(--white);}
  .stat-cell .lab{font-size:12.5px; color:var(--muted-light); margin-top:6px;}

  /* ===== STEPS (jak zamówić) ===== */
  .steps-grid{display:grid; grid-template-columns:1fr; gap:0;}
  @media(min-width:760px){ .steps-grid{grid-template-columns:repeat(3,1fr); gap:0 40px;} }
  .step-item{padding:22px 0; border-bottom:1px solid #ECEBE7;}
  @media(min-width:760px){ .step-item{border-bottom:none;} }
  .step-item .n{font-family:'JetBrains Mono'; color:var(--red); font-size:22px; font-weight:600;}
  .step-item h3{font-size:17px; margin:10px 0 6px;}
  .step-item p{color:var(--muted); font-size:14.5px;}

  /* ===== ROUTE / DESTINATION LIST ===== */
  .route-grid{display:grid; grid-template-columns:1fr; gap:2px; background:var(--navy-line); border:1px solid #E7E6E2; margin-top:18px;}
  @media(min-width:640px){ .route-grid{grid-template-columns:repeat(2,1fr);} }
  @media(min-width:960px){ .route-grid{grid-template-columns:repeat(3,1fr);} }
  .route-item{background:var(--white); padding:20px 22px; display:flex; align-items:center; gap:12px; font-size:14.5px; font-weight:500;}
  .route-item svg{flex-shrink:0;}

  /* ===== FLEET GRID (flota.html) ===== */
  .fleet-specs{display:grid; grid-template-columns:1fr; gap:2px; background:var(--navy-line); border:1px solid #E7E6E2; margin-top:30px;}
  @media(min-width:700px){ .fleet-specs{grid-template-columns:repeat(2,1fr);} }
  @media(min-width:1020px){ .fleet-specs{grid-template-columns:repeat(4,1fr);} }
  .fleet-spec-card{background:var(--white); padding:28px 24px;}
  .fleet-spec-card .num{font-family:'JetBrains Mono'; font-size:30px; font-weight:600; color:var(--red);}
  .fleet-spec-card .lab{font-size:13.5px; color:var(--muted); margin-top:6px;}

  /* ===== TRUST ROW — poprawione wyrównanie (grid zamiast flex) ===== */
  .trust-row{
    display:grid !important; grid-template-columns:1fr; gap:2px;
    background:var(--navy-line); border:1px solid var(--navy-line);
    align-items:stretch;
  }
  @media(min-width:640px){ .trust-row{grid-template-columns:repeat(2,1fr);} }
  @media(min-width:960px){ .trust-row{grid-template-columns:repeat(4,1fr);} }
  .trust-badge{
    background:var(--navy-soft); border:none !important; flex:none; min-width:0;
    padding:24px 26px; display:flex; flex-direction:column; justify-content:center;
  }
  .trust-row.trust-row-light{ background:#E7E6E2; border-color:#E7E6E2; }
  .trust-row.trust-row-light .trust-badge{ background:var(--white); }
  .trust-row.trust-row-light .trust-badge .num{ color:var(--red); }
  .trust-row.trust-row-light .trust-badge .lab{ color:var(--muted); }

  /* ===== JOB FORM SIDE NOTE ===== */
  .job-note{display:flex; gap:12px; align-items:flex-start; background:var(--paper); border:1px solid #E2E0DA; padding:18px 20px; font-size:13.5px; color:var(--muted); margin-top:18px;}

  /* ===== ZDJĘCIE HERO NA STRONIE GŁÓWNEJ (inne kadrowanie niż na podstronach) ===== */
  .page-index .truck-real-img{
    object-fit:cover;
    object-position:65% center;
    transform:none;
  }
  @media(max-width:959px){
    .page-index .truck-real-img{
      object-fit:cover;
      object-position:center center;
      transform:none;
    }
  }
