:root{
      --accent:#0849AA;
      --accent-2:#0b5dcc;
      --bg:#08090b;
      --surface:#101216;
      --surface-2:#15181d;
      --text:#f3f4f6;
      --muted:#9da2aa;
      --muted-2:#6e747d;
      --line:rgba(255,255,255,.12);
      --line-strong:rgba(255,255,255,.22);
      --max:1440px;
      --ease:cubic-bezier(.2,.7,.2,1);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scrollbar-color:var(--accent) var(--bg);scrollbar-width:thin}
    body{
      margin:0;
      background:var(--bg);
      color:var(--text);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
      line-height:1.45;
      overflow-x:hidden;
    }
    body.menu-open{overflow:hidden}
    ::selection{background:var(--accent);color:#fff}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    img,video{display:block;width:100%}

    .container{
      width:min(calc(100% - 72px),var(--max));
      margin-inline:auto;
    }

    .eyebrow{
      display:flex;
      align-items:center;
      gap:12px;
      color:#aeb4bc;
      font-size:11px;
      font-weight:750;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    .eyebrow::before{
      content:"";
      width:26px;
      height:1px;
      background:var(--accent);
    }

    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{font-weight:800}
    h1{
      margin:20px 0 30px;
      font-size:clamp(64px,10.5vw,164px);
      line-height:.8;
      letter-spacing:-.075em;
    }
    h2{
      margin:16px 0 28px;
      font-size:clamp(45px,6.6vw,96px);
      line-height:.88;
      letter-spacing:-.065em;
    }
    h3{
      margin-bottom:14px;
      font-size:28px;
      line-height:1;
      letter-spacing:-.035em;
    }
    p{
      color:var(--muted);
      font-size:18px;
      line-height:1.55;
    }

    .section{
      position:relative;
      padding:130px 0;
      border-top:1px solid var(--line);
    }

    /* HEADER */
    .site-header{
      position:fixed;
      z-index:100;
      inset:0 0 auto;
      padding:22px 0;
      transition:background .35s ease,border-color .35s ease,padding .35s ease;
    }
    .site-header.scrolled{
      padding:14px 0;
      background:rgba(8,9,11,.82);
      border-bottom:1px solid var(--line);
      backdrop-filter:blur(18px);
    }
    .nav{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:30px;
    }
    .logo{
      font-size:27px;
      font-weight:950;
      letter-spacing:-.075em;
    }
    .logo-mark{color:var(--accent)}
    .nav-links{
      display:flex;
      align-items:center;
      gap:30px;
      font-size:11px;
      font-weight:750;
      letter-spacing:.11em;
      text-transform:uppercase;
    }
    .nav-links a{opacity:.78;transition:opacity .2s ease}
    .nav-links a:hover{opacity:1}
    .nav-links > a{padding:18px 0;white-space:nowrap}
    .nav-item{
      position:relative;
      display:flex;
      align-items:center;
    }
    .nav-parent{
      display:inline-flex;
      align-items:center;
      gap:7px;
      padding:18px 0;
      white-space:nowrap;
    }
    .nav-parent::after{
      content:"+";
      color:var(--accent);
      font-size:13px;
      line-height:1;
      transition:transform .2s ease;
    }
    .nav-item:hover .nav-parent::after,
    .nav-item:focus-within .nav-parent::after{transform:rotate(45deg)}
    .nav-dropdown{
      position:absolute;
      z-index:20;
      top:calc(100% - 2px);
      left:-24px;
      width:max-content;
      min-width:270px;
      padding:12px;
      border:1px solid rgba(8,73,170,.22);
      background:#fff;
      box-shadow:0 22px 55px rgba(16,17,20,.18);
      opacity:0;
      visibility:hidden;
      transform:translateY(10px);
      transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
    }
    .nav-item:hover .nav-dropdown,
    .nav-item:focus-within .nav-dropdown{
      opacity:1;
      visibility:visible;
      transform:none;
    }
    .nav-item:nth-last-child(2) .nav-dropdown{right:-24px;left:auto}
    .nav-links .nav-dropdown a{
      display:flex;
      align-items:center;
      gap:13px;
      min-height:42px;
      padding:10px 12px;
      border-bottom:1px solid rgba(16,17,20,.10);
      color:#101114;
      font-size:10px;
      letter-spacing:.11em;
      opacity:.76;
      white-space:nowrap;
    }
    .nav-links .nav-dropdown a:last-child{border-bottom:0}
    .nav-dropdown a::before{
      content:"";
      width:8px;
      height:1px;
      flex:0 0 auto;
      background:var(--accent);
      transition:width .2s ease;
    }
    .nav-links .nav-dropdown a:hover,
    .nav-links .nav-dropdown a:focus-visible{
      color:#101114;
      opacity:1;
      background:rgba(8,73,170,.09);
      box-shadow:inset 3px 0 0 var(--accent);
    }
    .nav-dropdown a:hover::before,
    .nav-dropdown a:focus-visible::before{width:18px}
    .nav-cta{
      padding:12px 16px;
      background:var(--accent);
      color:#fff;
      font-size:10px;
      letter-spacing:.12em;
      font-weight:800;
      text-transform:uppercase;
    }
    .menu-toggle{
      display:none;
      width:42px;
      height:42px;
      border:1px solid var(--line-strong);
      background:transparent;
      color:#fff;
      cursor:pointer;
    }

    /* BUTTONS */
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:14px;
      min-height:52px;
      padding:0 20px;
      border:1px solid rgba(255,255,255,.28);
      font-size:11px;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
      transition:transform .25s var(--ease),background .25s ease,color .25s ease,border-color .25s ease;
    }
    .btn:hover{
      transform:translateY(-2px);
      border-color:#fff;
      background:#fff;
      color:#08090b;
    }
    .btn-primary{
      border-color:var(--accent);
      background:var(--accent);
      color:#fff;
    }
    .btn-primary:hover{
      background:#fff;
      border-color:#fff;
      color:#08090b;
    }

    /* HERO */
    .hero{
      min-height:100svh;
      position:relative;
      display:flex;
      align-items:flex-end;
      padding:150px 0 46px;
      overflow:hidden;
      isolation:isolate;
    }
    .hero-media{
      position:absolute;
      z-index:-3;
      inset:0;
      background:
        radial-gradient(circle at 70% 35%,rgba(8,73,170,.22),transparent 28%),
        #111317;
    }
    .hero-media video{
      width:100%;
      height:100%;
      object-fit:cover;
      filter:saturate(.82) contrast(1.06);
    }
    .hero-overlay{
      position:absolute;
      z-index:-2;
      inset:0;
      background:
        linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.20) 37%,rgba(0,0,0,.82) 100%),
        linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.18) 65%,rgba(0,0,0,.35) 100%);
    }
    .hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1fr) 360px;
      gap:70px;
      align-items:end;
    }
    .hero-kicker{
      color:#d8dce1;
      font-size:12px;
      font-weight:800;
      letter-spacing:.17em;
      text-transform:uppercase;
    }
    .hero h1 .accent-text{color:var(--accent)}
    .hero-lead{
      max-width:730px;
      margin-bottom:34px;
      color:#e4e7eb;
      font-size:clamp(19px,2vw,27px);
      line-height:1.25;
      letter-spacing:-.02em;
    }
    .hero-side{
      align-self:end;
      border-left:1px solid rgba(255,255,255,.25);
      padding-left:25px;
    }
    .hero-side .eyebrow{margin-bottom:20px}
    .hero-side p{
      font-size:14px;
      line-height:1.5;
      color:#c2c6cc;
    }
    .hero-meta{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:22px;
      margin-top:75px;
      padding-top:20px;
      border-top:1px solid rgba(255,255,255,.3);
    }
    .hero-meta strong{
      display:block;
      margin-bottom:7px;
      color:#858b94;
      font-size:10px;
      font-weight:750;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
    .hero-meta span{
      color:#f0f1f3;
      font-size:13px;
    }
    .scroll-note{
      position:absolute;
      right:36px;
      bottom:46px;
      writing-mode:vertical-rl;
      color:#888e96;
      font-size:9px;
      font-weight:750;
      letter-spacing:.17em;
      text-transform:uppercase;
    }

    /* PROBLEM */
    .split{
      display:grid;
      grid-template-columns:1fr 1.05fr;
      gap:100px;
      align-items:start;
    }
    .split-copy{padding-top:12px}
    .split-copy p{
      max-width:650px;
      font-size:20px;
    }
    .statement{
      padding-top:15px;
      border-top:1px solid var(--line-strong);
    }
    .statement p{
      color:#d9dce0;
      font-size:clamp(24px,3vw,43px);
      line-height:1.12;
      letter-spacing:-.045em;
    }
    .statement em{
      color:#737981;
      font-style:normal;
    }

    /* CAPABILITY GRID */
    .section-head{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      margin-bottom:75px;
    }
    .section-head p{max-width:560px;margin:18px 0 0}
    .cap-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      border-top:1px solid var(--line);
    }
    .cap{
      min-height:330px;
      padding:34px 42px 45px 0;
      border-bottom:1px solid var(--line);
      transition:background .3s ease;
    }
    .cap:nth-child(even){
      padding-left:42px;
      border-left:1px solid var(--line);
    }
    .cap:hover{background:linear-gradient(90deg,rgba(255,255,255,.025),transparent)}
    .cap-num{
      color:#626871;
      font-size:11px;
      font-weight:750;
      letter-spacing:.13em;
    }
    .cap h3{
      margin-top:72px;
      font-size:39px;
    }
    .cap p{max-width:550px;font-size:16px}

    /* STATS */
    .stats{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }
    .stat{
      padding:54px 36px 60px 0;
    }
    .stat+.stat{
      border-left:1px solid var(--line);
      padding-left:36px;
    }
    .stat-number{
      color:#fff;
      font-size:clamp(66px,8vw,132px);
      font-weight:850;
      line-height:.78;
      letter-spacing:-.08em;
    }
    .stat-number .accent{color:var(--accent)}
    .stat-label{
      margin-top:26px;
      color:#9298a0;
      font-size:10px;
      font-weight:750;
      letter-spacing:.15em;
      text-transform:uppercase;
    }

    /* RAIL */
    .rail-section{
      overflow:hidden;
      background:#0b0d10;
    }
    .rail-grid{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:80px;
      align-items:end;
    }
    .rail-title{
      margin:25px 0 30px;
      font-size:clamp(48px,6.7vw,100px);
      line-height:.84;
      letter-spacing:-.07em;
    }
    .rail-title .accent-text{color:var(--accent)}
    .rail-copy p{max-width:650px}
    .rail-mark{
      position:relative;
      height:270px;
      overflow:hidden;
      border-left:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }
    .rail-mark::before{
      content:"RAIL";
      position:absolute;
      right:-15px;
      bottom:-55px;
      color:var(--accent);
      font-size:clamp(130px,19vw,270px);
      font-weight:950;
      line-height:.75;
      letter-spacing:-.11em;
    }
    .rail-mark::after{
      content:"2026";
      position:absolute;
      right:25px;
      top:25px;
      color:#8e949c;
      font-size:11px;
      font-weight:750;
      letter-spacing:.16em;
    }

    /* LOCATIONS */
    .locations{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:90px;
      align-items:center;
    }
    .location-map{
      position:relative;
      min-height:560px;
      overflow:hidden;
      border:1px solid var(--line);
      background:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
        radial-gradient(circle at 55% 48%,rgba(8,73,170,.30),transparent 22%),
        #101216;
      background-size:60px 60px,60px 60px,auto,auto;
    }
    .location-map::before{
      content:"INFRASTRUCTURE / EASTERN CORRIDOR";
      position:absolute;
      top:25px;
      left:25px;
      color:#686e77;
      font-size:9px;
      font-weight:750;
      letter-spacing:.15em;
    }
    .map-line{
      position:absolute;
      left:18%;
      top:56%;
      width:67%;
      height:1px;
      background:linear-gradient(90deg,transparent,var(--accent),transparent);
      transform:rotate(-12deg);
      opacity:.7;
    }
    .pin{
      position:absolute;
      width:12px;
      height:12px;
      border-radius:50%;
      background:var(--accent);
      box-shadow:0 0 0 9px rgba(8,73,170,.14);
    }
    .pin::after{
      content:attr(data-label);
      position:absolute;
      left:22px;
      top:-7px;
      white-space:nowrap;
      color:#dce0e5;
      font-size:10px;
      font-weight:750;
      letter-spacing:.1em;
      text-transform:uppercase;
    }
    .pin-1{left:25%;top:58%}
    .pin-2{left:48%;top:48%}
    .pin-3{left:71%;top:30%}
    .pin-4{left:57%;top:73%}
    .location-list{
      border-top:1px solid var(--line);
    }
    .location-item{
      display:grid;
      grid-template-columns:80px 1fr;
      gap:30px;
      padding:28px 0;
      border-bottom:1px solid var(--line);
    }
    .location-code{
      color:var(--accent);
      font-size:11px;
      font-weight:850;
      letter-spacing:.12em;
    }
    .location-item h3{margin:0 0 7px;font-size:28px}
    .location-item p{margin:0;font-size:14px}

    /* CARGO */
    .cargo-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:80px;
    }
    .cargo-list{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      border-top:1px solid var(--line);
    }
    .cargo-item{
      padding:24px 25px 25px 0;
      border-bottom:1px solid var(--line);
      font-size:16px;
      font-weight:650;
    }
    .cargo-item:nth-child(even){
      padding-left:25px;
      border-left:1px solid var(--line);
    }
    .cargo-item small{
      display:block;
      margin-bottom:8px;
      color:#636a73;
      font-size:9px;
      letter-spacing:.15em;
    }

    /* EQUIPMENT */
    .equipment{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:0;
    }
    .equipment-media{
      min-height:620px;
      background:
        linear-gradient(135deg,rgba(8,73,170,.3),transparent 50%),
        repeating-linear-gradient(135deg,#171a1f 0,#171a1f 2px,#121519 2px,#121519 8px);
      position:relative;
      overflow:hidden;
    }
    .equipment-media::after{
      content:"BORSUK / EQUIPMENT";
      position:absolute;
      left:30px;
      bottom:30px;
      color:#8e949c;
      font-size:10px;
      font-weight:750;
      letter-spacing:.15em;
    }
    .equipment-copy{
      padding:70px 0 70px 70px;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }
    .equipment-copy p{max-width:550px}
    .equipment-points{
      margin-top:55px;
      border-top:1px solid var(--line);
    }
    .equipment-point{
      display:flex;
      justify-content:space-between;
      gap:25px;
      padding:18px 0;
      border-bottom:1px solid var(--line);
      color:#d5d9de;
      font-size:13px;
    }
    .equipment-point span:last-child{color:#6f757e}

    /* COMPANY */
    .company{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:90px;
      align-items:end;
    }
    .company-big{
      font-size:clamp(100px,16vw,245px);
      font-weight:950;
      line-height:.7;
      letter-spacing:-.1em;
    }
    .company-copy p{max-width:600px}

    /* CTA */
    .final-cta{
      padding:145px 0;
      background:var(--accent);
      overflow:hidden;
    }
    .final-cta h2{
      max-width:1050px;
      font-size:clamp(52px,8vw,120px);
    }
    .final-cta p{max-width:650px;color:rgba(255,255,255,.78)}
    .final-cta .btn{border-color:#fff}
    .final-cta .btn:hover{color:var(--accent)}

    /* FOOTER */
    footer{padding:55px 0 35px}
    .footer-top{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:80px;
      padding-bottom:55px;
    }
    .footer-logo{
      font-size:58px;
      font-weight:950;
      letter-spacing:-.075em;
    }
    .footer-logo span{color:var(--accent)}
    .footer-links{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:15px 35px;
      align-content:start;
    }
    .footer-links a{
      color:#a0a5ad;
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.1em;
    }
    .footer-links a:hover{color:#fff}
    .footer-bottom{
      display:flex;
      justify-content:space-between;
      gap:20px;
      padding-top:20px;
      border-top:1px solid var(--line);
      color:#666c74;
      font-size:10px;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    /* REVEAL */
    .reveal{
      opacity:0;
      transform:translateY(35px);
      transition:opacity .8s var(--ease),transform .8s var(--ease);
    }
    .reveal.visible{opacity:1;transform:none}
    .delay-1{transition-delay:.08s}
    .delay-2{transition-delay:.16s}
    .delay-3{transition-delay:.24s}

    /* MOBILE NAV */
    .mobile-menu{
      position:fixed;
      z-index:90;
      inset:0;
      display:flex;
      align-items:flex-start;
      padding:100px 36px 50px;
      background:#08090b;
      opacity:0;
      overflow-y:auto;
      pointer-events:none;
      transform:translateY(-10px);
      transition:.3s ease;
    }
    .mobile-menu.open{
      opacity:1;
      pointer-events:auto;
      transform:none;
    }
    .mobile-menu nav{display:flex;width:100%;flex-direction:column}
    .mobile-menu-group{border-bottom:1px solid var(--line);color:var(--text)}
    .mobile-menu-group summary{
      display:flex;
      width:100%;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:18px 0;
      list-style:none;
      color:var(--text);
      font-family:var(--display);
      font-size:clamp(28px,8vw,40px);
      line-height:1;
      text-transform:uppercase;
      cursor:pointer;
    }
    .mobile-menu-group summary::-webkit-details-marker{display:none}
    .mobile-menu-index{
      margin-right:10px;
      color:var(--accent);
      font-family:var(--mono);
      font-size:10px;
      letter-spacing:.12em;
      vertical-align:middle;
    }
    .mobile-menu-plus{
      color:var(--accent);
      font-family:var(--mono);
      font-size:24px;
      transition:transform .2s ease;
    }
    .mobile-menu-group[open] .mobile-menu-plus{transform:rotate(45deg)}
    .mobile-submenu{display:grid;padding:0 0 16px 24px}
    .mobile-submenu a{
      padding:10px 0;
      color:var(--muted);
      font-family:var(--mono);
      font-size:12px;
      font-weight:500;
      letter-spacing:.04em;
      line-height:1.35;
    }
    .mobile-submenu a:hover{color:var(--accent)}
    .mobile-menu-direct{
      display:flex;
      align-items:center;
      padding:18px 0;
      border-bottom:1px solid var(--line);
      color:var(--text);
      font-family:var(--display);
      font-size:clamp(28px,8vw,40px);
      line-height:1;
      text-transform:uppercase;
    }
    .mobile-menu-contact{
      display:flex;
      min-height:54px;
      align-items:center;
      justify-content:center;
      margin-top:24px;
      border:1px solid var(--accent);
      background:var(--accent);
      color:#fff!important;
      font-family:var(--mono);
      font-size:11px;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    @media (max-width:1000px){
      .container{width:min(calc(100% - 48px),var(--max))}
      .nav-links,.nav-cta{display:none}
      .menu-toggle{display:block}
      .hero-grid,.split,.section-head,.rail-grid,.locations,.cargo-grid,.equipment,.company,.footer-top{
        grid-template-columns:1fr;
      }
      .hero-grid{gap:50px}
      .hero-side{display:none}
      .hero-meta{margin-top:50px}
      .section{padding:95px 0}
      .split,.locations,.cargo-grid,.company{gap:55px}
      .cap-grid{grid-template-columns:1fr}
      .cap:nth-child(even){padding-left:0;border-left:0}
      .cap{min-height:auto;padding:32px 0}
      .cap h3{margin-top:50px}
      .stats{grid-template-columns:1fr}
      .stat{padding:40px 0}
      .stat+.stat{border-left:0;padding-left:0}
      .location-map{min-height:430px}
      .equipment-copy{padding:55px 0}
      .company-big{font-size:clamp(90px,24vw,190px)}
    }

    @media (max-width:650px){
      .container{width:calc(100% - 32px)}
      .site-header{padding:16px 0}
      .hero{padding:120px 0 30px}
      h1{font-size:clamp(60px,18vw,105px)}
      h2{font-size:clamp(42px,13vw,72px)}
      .hero-meta{grid-template-columns:1fr;gap:16px}
      .scroll-note{display:none}
      .section{padding:78px 0}
      .section-head{margin-bottom:45px}
      .cargo-list{grid-template-columns:1fr}
      .cargo-item:nth-child(even){padding-left:0;border-left:0}
      .equipment-media{min-height:380px}
      .location-map{min-height:360px}
      .pin::after{font-size:8px}
      .pin-1{left:17%}.pin-2{left:43%}.pin-3{left:69%}.pin-4{left:53%}
      .footer-top{gap:45px}
      .footer-logo{font-size:48px}
      .footer-links{grid-template-columns:1fr}
      .footer-bottom{flex-direction:column}
      .final-cta{padding:95px 0}
    }

    @media (prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      .reveal{opacity:1;transform:none;transition:none}
      *{animation:none!important;transition:none!important}
    }

    /* STYL REFERENCYJNY: industrial / system interface */
    :root{
      --accent:#0849aa;
      --accent-2:#0849aa;
      --bg:#050505;
      --surface:#050505;
      --surface-2:#0a0a0a;
      --text:#fff;
      --muted:#7a7a7a;
      --muted-2:#666;
      --line:rgba(255,255,255,.10);
      --line-strong:rgba(255,255,255,.18);
      --mono:"IBM Plex Mono",monospace;
      --display:"Bebas Neue",sans-serif;
      --sans:"Inter",sans-serif;
      --max:1600px;
    }

    html{background:var(--bg)}
    body{
      min-height:100%;
      background-color:var(--bg);
      background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 0);
      background-size:40px 40px;
      background-attachment:fixed;
      color:var(--text);
      font-family:var(--sans);
      -webkit-font-smoothing:antialiased;
    }
    body::before{
      content:"";
      position:fixed;
      z-index:1000;
      inset:20px;
      border:1px solid var(--line);
      pointer-events:none;
    }
    ::-webkit-scrollbar{width:4px}
    ::-webkit-scrollbar-track{background:var(--bg)}
    ::-webkit-scrollbar-thumb{background:var(--accent)}

    .container{width:min(calc(100% - 120px),var(--max))}
    h1,h2,h3,.rail-title,.company-big,.footer-logo{
      font-family:var(--display);
      font-weight:400;
      text-transform:uppercase;
    }
    h1{
      font-size:clamp(92px,12.5vw,210px);
      line-height:.78;
      letter-spacing:-.035em;
    }
    h2{
      font-size:clamp(58px,8vw,128px);
      line-height:.86;
      letter-spacing:-.025em;
    }
    h3{font-size:34px;letter-spacing:.01em}
    p{color:#a3a3a3}
    .eyebrow,.hero-kicker,.cap-num,.stat-label,.location-code,.equipment-point,
    .footer-links,.footer-bottom,.scroll-note,.hero-meta,.btn,.nav-links,.nav-cta{
      font-family:var(--mono);
    }
    .eyebrow{color:var(--accent);font-weight:500;letter-spacing:.12em}
    .eyebrow::before{width:40px}
    .eyebrow + h2,
    .eyebrow + .rail-title{margin-top:20px}

    /* RUCHOME WYPEŁNIENIE BIAŁYCH NAGŁÓWKÓW */
    .brand-video{
      position:absolute;
      z-index:-3;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      opacity:var(--video-opacity,1);
      filter:grayscale(.28) contrast(1.08) saturate(.9);
      transform:scale(1.015);
      transition:opacity .12s linear;
      will-change:opacity;
      pointer-events:none;
    }
    .video-text{
      position:relative;
      display:inline-block;
      color:#fff;
      -webkit-text-fill-color:currentColor;
    }
    .video-text canvas{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      pointer-events:none;
    }
    html.video-text-ready .video-text{
      color:transparent!important;
      -webkit-text-fill-color:transparent!important;
    }
    .accent-text{
      display:inline;
      margin:0;
      padding:0;
      border:0;
      font:inherit;
      font-family:inherit;
      font-size:1em;
      font-weight:inherit;
      font-style:inherit;
      line-height:inherit;
      letter-spacing:inherit;
      text-transform:inherit;
      vertical-align:baseline;
    }

    .site-header{
      inset:20px 20px auto;
      padding:20px 40px;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateY(-16px);
      transition:background .35s ease,border-color .35s ease,padding .35s ease,opacity .35s ease,transform .35s ease,visibility .35s ease;
    }
    .site-header.scrolled{
      padding:14px 40px;
      background:rgba(5,5,5,.92);
      border-bottom-color:var(--line);
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:none;
    }
    .logo{
      font-family:var(--display);
      font-size:32px;
      font-weight:400;
      letter-spacing:.08em;
    }
    .logo span,.logo-mark{color:var(--text)}
    .nav-links{gap:40px;font-size:10px;letter-spacing:.18em}
    .nav-links a{opacity:.6}
    .nav-links a:hover{color:var(--accent);opacity:1}
    .nav-cta{border:1px solid var(--accent);background:transparent;color:var(--text)}
    .nav-cta:hover{background:var(--accent)}
    .theme-toggle{
      display:inline-flex;
      align-items:center;
      gap:9px;
      min-height:38px;
      padding:0 12px;
      border:1px solid var(--line-strong);
      background:transparent;
      color:var(--text);
      font-family:var(--mono);
      font-size:9px;
      letter-spacing:.13em;
      text-transform:uppercase;
      cursor:pointer;
      transition:background .25s ease,color .25s ease,border-color .25s ease;
    }
    .theme-toggle:hover{border-color:var(--accent);background:rgba(8,73,170,.12)}
    .theme-toggle-indicator{
      width:8px;
      height:8px;
      border:1px solid currentColor;
      border-radius:50%;
      background:currentColor;
      box-shadow:inset 4px 0 0 var(--bg);
    }
    .theme-toggle-hero{
      position:absolute;
      z-index:3;
      top:43px;
      right:60px;
      border-color:rgba(255,255,255,.28);
      color:#fff;
    }
    .theme-toggle-hero .theme-toggle-indicator{box-shadow:inset 4px 0 0 #08090b}

    .btn{
      min-height:54px;
      padding:0 22px;
      border-radius:0;
      font-size:10px;
      letter-spacing:.16em;
    }

    /* EKRAN OTWIERAJĄCY */
    .brand-hero{
      position:sticky;
      top:0;
      z-index:0;
      min-height:100svh;
      display:grid;
      place-items:center;
      overflow:hidden;
      isolation:isolate;
      border-bottom:1px solid var(--line);
      background:#08090b;
    }
    .brand-hero::after{
      content:"";
      position:absolute;
      z-index:-2;
      inset:0;
      background:
        linear-gradient(180deg,rgba(5,5,5,.62),rgba(5,5,5,.28) 48%,rgba(5,5,5,.72)),
        linear-gradient(90deg,rgba(5,5,5,.25),transparent 45%,rgba(5,5,5,.18));
    }
    .brand-corner-logo{
      position:absolute;
      top:48px;
      left:60px;
      color:#fff;
      -webkit-text-fill-color:#fff;
      font-family:var(--display);
      font-size:34px;
      line-height:1;
      letter-spacing:.08em;
      text-transform:uppercase;
      text-shadow:0 2px 18px rgba(0,0,0,.55);
    }
    .brand-word{
      width:100%;
      padding:0 5vw;
      color:#fff;
      -webkit-text-fill-color:#fff;
      font-family:var(--display);
      font-size:clamp(150px,30vw,520px);
      line-height:.72;
      letter-spacing:-.035em;
      text-align:center;
      text-transform:uppercase;
      white-space:nowrap;
      text-shadow:0 8px 50px rgba(0,0,0,.28);
      opacity:var(--brand-opacity,1);
      transform:translateY(var(--brand-shift,0)) scale(var(--brand-scale,1));
      transform-origin:center;
      will-change:transform,opacity;
    }
    .brand-meta{
      position:absolute;
      right:60px;
      bottom:62px;
      left:60px;
      display:flex;
      gap:70px;
      color:#fff;
      -webkit-text-fill-color:#fff;
      font-family:var(--mono);
      font-size:11px;
      line-height:1.5;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .brand-meta div{min-width:200px}
    .brand-meta strong{
      display:block;
      margin-bottom:5px;
      color:var(--accent);
      -webkit-text-fill-color:var(--accent);
      font-size:10px;
      font-weight:500;
      letter-spacing:.16em;
    }
    .brand-scroll{
      position:absolute;
      right:60px;
      bottom:62px;
      color:rgba(255,255,255,.55);
      font-family:var(--mono);
      font-size:9px;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    .hero{
      min-height:100vh;
      padding:170px 0 60px;
      border-bottom:1px solid var(--line);
      z-index:2;
      margin-top:-1px;
      border-radius:32px 32px 0 0;
      box-shadow:0 -28px 80px rgba(0,0,0,.48);
    }
    .hero-media{
      background:
        radial-gradient(circle at 78% 22%,rgba(8,73,170,.18),transparent 24%),
        linear-gradient(145deg,#0a0a0a 0%,#050505 58%,#090b0f 100%);
    }
    .hero-media video{display:none}
    .hero-overlay{
      background:
        linear-gradient(180deg,rgba(5,5,5,.70),rgba(5,5,5,.25) 42%,rgba(5,5,5,.94)),
        linear-gradient(90deg,rgba(5,5,5,.72),transparent 72%);
    }
    .hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:80px}
    .hero-kicker{font-size:11px;font-weight:500;letter-spacing:.15em}
    .hero h1 .accent-text{color:var(--accent)}
    .hero-lead{font-size:clamp(18px,1.7vw,24px);max-width:680px;opacity:.84}
    .hero-side{border-left-color:var(--line-strong)}
    .hero-meta{border-top-color:var(--line-strong);font-size:10px;letter-spacing:.08em}
    .hero-meta strong{color:var(--accent);font-family:var(--mono);font-weight:500}

    .section{padding:160px 0;border-top:0;border-bottom:1px solid var(--line)}
    .section,.final-cta,footer{
      position:relative;
      z-index:2;
      background-color:var(--bg);
    }
    .section[data-chapter]::after,
    .final-cta[data-chapter]::after{
      content:attr(data-chapter);
      position:absolute;
      top:58px;
      right:4vw;
      color:#fff;
      font-family:var(--display);
      font-size:clamp(150px,19vw,300px);
      line-height:.75;
      opacity:.025;
      pointer-events:none;
    }
    .section > .container,.final-cta > .container{position:relative;z-index:1}
    .split,.section-head,.cargo-grid{gap:80px}
    .split-copy p,.p-lead{font-size:24px;line-height:1.42}
    .statement{border-top-color:var(--line)}

    /* OFERTA — OBRAZOWE PUNKTY WEJŚCIA */
    .offer-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:2px;
      background:var(--line);
    }
    .offer-card{
      --offer-image:none;
      position:relative;
      isolation:isolate;
      display:flex;
      min-height:460px;
      align-items:flex-end;
      overflow:hidden;
      padding:38px;
      color:#fff;
      background:#07080a;
    }
    .offer-card::before{
      content:"";
      position:absolute;
      z-index:-2;
      inset:0;
      background:
        linear-gradient(180deg,rgba(5,5,5,.08) 18%,rgba(5,5,5,.92) 100%),
        var(--offer-image) center/cover no-repeat;
      filter:grayscale(.35) contrast(1.08);
      transform:scale(1.002);
      transition:transform .8s var(--ease),filter .8s ease;
    }
    .offer-card::after{
      content:"";
      position:absolute;
      z-index:-1;
      inset:0;
      border-top:1px solid rgba(255,255,255,.14);
      background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.24) 100%);
      transition:border-color .35s ease,background .35s ease;
    }
    .offer-card:hover::before{transform:scale(1.045);filter:grayscale(0) contrast(1.05)}
    .offer-card:hover::after{border-top-color:rgba(255,255,255,.3);background:linear-gradient(180deg,transparent 44%,rgba(0,0,0,.3) 100%)}
    .offer-card-content{max-width:570px;text-shadow:0 2px 18px rgba(0,0,0,.72)}
    .offer-section .offer-card small{
      font-family:var(--mono);
      color:rgba(255,255,255,.82);
      font-size:10px;
      font-weight:700;
      letter-spacing:.17em;
      text-transform:uppercase;
    }
    .offer-section .offer-card h3{
      margin:14px 0 12px;
      color:#fff;
      font-size:clamp(34px,4vw,58px);
      font-weight:400;
      line-height:.92;
      text-transform:uppercase;
    }
    .offer-section .offer-card p{margin:0;color:#fff;font-size:16px;line-height:1.5}
    .offer-card-transshipment{--offer-image:url("https://images.unsplash.com/photo-1784911544737-add375bb6aff?auto=format&fit=crop&q=84&w=1600")}
    .offer-card-storage{--offer-image:url("https://images.unsplash.com/photo-1553413077-190dd305871c?auto=format&fit=crop&q=84&w=1600")}
    .offer-card-rail{--offer-image:url("https://images.unsplash.com/photo-1552063532-848cb11f891f?auto=format&fit=crop&q=84&w=1600")}
    .offer-card-terminal{--offer-image:url("https://images.unsplash.com/photo-1780783331097-f120f5f47808?auto=format&fit=crop&q=84&w=1600")}

    /* OFERTA — SCROLL PIONOWY STERUJE POZIOMYM PRZEJAZDEM */
    .section.offer-section{
      --offer-shift:0px;
      --offer-progress:0;
      height:320vh;
      padding:0;
      overflow:visible;
      color:#fff;
      background:#050505;
    }
    .offer-sticky{
      position:sticky;
      top:0;
      z-index:2;
      display:flex;
      height:100vh;
      height:100svh;
      min-height:680px;
      flex-direction:column;
      justify-content:center;
      overflow:hidden;
      padding:clamp(84px,10vh,118px) 0 38px;
    }
    .offer-section .section-head{
      grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);
      align-items:end;
      margin-bottom:clamp(28px,4vh,48px);
    }
    .offer-section .section-head h2{
      color:#fff;
      font-size:clamp(48px,5.2vw,86px);
      line-height:.88;
    }
    .offer-section .section-head p{color:rgba(255,255,255,.64);font-size:17px}
    .offer-viewport{width:100%;overflow:hidden}
    .offer-section .offer-grid{
      display:flex;
      width:max-content;
      gap:clamp(28px,5vw,92px);
      padding:0 max(5vw,calc((100vw - var(--max))/2));
      background:transparent;
      transform:translate3d(var(--offer-shift),0,0);
      will-change:transform;
    }
    .offer-section .offer-card{
      flex:0 0 clamp(560px,42vw,780px);
      min-height:clamp(390px,52vh,610px);
      border:1px solid rgba(255,255,255,.08);
    }
    .offer-scroll-progress{
      position:relative;
      width:min(calc(100% - 10vw),var(--max));
      height:1px;
      margin:clamp(24px,3.5vh,40px) auto 0;
      background:rgba(255,255,255,.14);
    }
    .offer-scroll-progress::after{
      content:"";
      position:absolute;
      inset:0;
      background:var(--accent);
      transform:scaleX(var(--offer-progress));
      transform-origin:left;
    }
    .cap-grid{
      gap:2px;
      border:0;
      background:var(--line);
    }
    .cap,.cap:nth-child(even){
      min-height:320px;
      padding:40px;
      border:0;
      background:var(--bg);
      transition:padding .4s cubic-bezier(.23,1,.32,1),background .4s ease;
    }
    .cap:hover{padding-left:60px;background:#0a0a0a}
    .cap-num{color:var(--muted);font-weight:500}
    .cap h3{font-size:44px;font-weight:400;text-transform:uppercase}

    /* SEKCJA 02 — PINNED HORIZONTAL STORY */
    .section.capabilities-story{
      --cap-shift:0px;
      --cap-progress:0;
      height:320vh;
      padding:0;
      overflow:visible;
      color:#fff;
      background:#050505;
    }
    .capabilities-story::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 72% 34%,rgba(8,73,170,.11),transparent 28%),
        linear-gradient(180deg,#050505,#07080a);
      pointer-events:none;
    }
    .capabilities-sticky{
      position:sticky;
      top:0;
      z-index:2;
      display:flex;
      height:100vh;
      height:100svh;
      min-height:680px;
      flex-direction:column;
      justify-content:center;
      overflow:hidden;
      padding:clamp(84px,10vh,118px) 0 44px;
    }
    .capabilities-story .section-head{
      grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);
      align-items:end;
      margin-bottom:clamp(28px,4vh,52px);
    }
    .capabilities-story .section-head h2{
      color:#fff;
      font-size:clamp(48px,5.3vw,88px);
      line-height:.88;
    }
    .capabilities-story .section-head p{color:rgba(255,255,255,.62);font-size:17px}
    .capabilities-viewport{width:100%;overflow:hidden}
    .capabilities-story .cap-grid{
      display:flex;
      width:max-content;
      gap:clamp(28px,5vw,92px);
      padding:0 max(5vw,calc((100vw - var(--max))/2));
      border:0;
      background:transparent;
      transform:translate3d(var(--cap-shift),0,0);
      will-change:transform;
    }
    .capabilities-story .cap,
    .capabilities-story .cap:nth-child(even){
      position:relative;
      display:flex;
      flex:0 0 clamp(560px,42vw,780px);
      min-height:clamp(390px,52vh,610px);
      flex-direction:column;
      padding:clamp(40px,4vw,70px);
      border:1px solid rgba(255,255,255,.08);
      color:#fff;
      background:#141619;
      transition:border-color .35s ease,background .35s ease;
    }
    .capabilities-story .cap::before{
      content:"";
      width:76px;
      height:2px;
      margin-bottom:38px;
      background:var(--accent);
    }
    .capabilities-story .cap:hover{
      padding-left:clamp(40px,4vw,70px);
      border-color:rgba(8,73,170,.72);
      background:#17191c;
    }
    .capabilities-story .cap-num{color:#999fa7;font-family:var(--mono);letter-spacing:.28em}
    .capabilities-story .cap h3{
      max-width:620px;
      margin:16px 0 0;
      color:#fff;
      font-size:clamp(38px,4.4vw,70px);
      line-height:.95;
      text-transform:none;
    }
    .capabilities-story .cap p{
      max-width:600px;
      margin:auto 0 0;
      color:rgba(255,255,255,.6);
      font-size:clamp(16px,1.2vw,20px);
    }
    .capabilities-progress{
      position:relative;
      width:min(calc(100% - 10vw),var(--max));
      height:1px;
      margin:clamp(26px,4vh,44px) auto 0;
      background:rgba(255,255,255,.13);
    }
    .capabilities-progress::after{
      content:"";
      position:absolute;
      inset:0;
      background:var(--accent);
      transform:scaleX(var(--cap-progress));
      transform-origin:left;
    }
    .capabilities-progress span{
      position:absolute;
      right:0;
      bottom:14px;
      color:rgba(255,255,255,.45);
      font-family:var(--mono);
      font-size:9px;
      letter-spacing:.18em;
      text-transform:uppercase;
    }

    .stats{
      gap:2px;
      border:0;
      background:var(--line);
    }
    .stat,.stat+.stat{
      padding:80px 40px;
      border:0;
      background:var(--bg);
      text-align:center;
    }
    .stat-number{
      font-family:var(--display);
      font-size:clamp(100px,10vw,160px);
      font-weight:400;
      letter-spacing:0;
      line-height:.8;
    }
    .stat-label{color:var(--muted);font-weight:500;letter-spacing:.18em}

    .rail-section{
      overflow:hidden;
      isolation:isolate;
      background:#0a0a0a;
    }
    .rail-section::before{
      content:"";
      position:absolute;
      z-index:0;
      inset:0;
      pointer-events:none;
    }
    .rail-section::before{
      background:
        linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.78) 50%,rgba(5,5,5,.38) 100%),
        url("https://images.unsplash.com/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&q=84&w=2400") center/cover no-repeat;
      filter:grayscale(.35) contrast(1.12);
    }
    .rail-title{font-size:clamp(64px,8vw,128px);letter-spacing:-.025em}
    .rail-mark::before{font-family:var(--display);font-weight:400;letter-spacing:-.03em}
    .rail-mark::after{font-family:var(--mono);font-weight:500}

    .location-map{
      border-color:var(--line);
      background:
        linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
        radial-gradient(circle at 55% 48%,rgba(8,73,170,.32),transparent 23%),
        #050505;
      background-size:40px 40px,40px 40px,auto,auto;
    }
    .light-section{
      color:#101114;
      background:#f1efe9;
    }
    .light-section h2,.light-section h3,.light-section .company-big{color:#101114}
    .light-section p{color:#5d6168}
    .cargo-section{background:#f1efe9}
    .location-map::before,.pin::after{font-family:var(--mono);font-weight:500}
    .location-item{transition:padding .35s ease,background .35s ease}
    .location-item:hover{padding-left:20px;background:#0a0a0a}

    .cargo-list{gap:2px;border:0;background:var(--line)}
    .cargo-item,.cargo-item:nth-child(even){
      padding:34px;
      border:0;
      background:#f1efe9;
      color:#101114;
      text-transform:uppercase;
      transition:padding .35s ease,background .35s ease;
    }
    .cargo-item:hover{padding-left:48px;background:#fff}
    .cargo-item small{font-family:var(--mono);color:var(--accent)}

    .equipment-media{
      filter:grayscale(1) contrast(1.1);
      background:
        linear-gradient(135deg,rgba(8,73,170,.34),rgba(5,5,5,.08) 55%),
        url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&q=84&w=1600") center/cover no-repeat;
      transition:filter .8s ease;
    }
    .equipment-media:hover{filter:grayscale(0) contrast(1)}
    .equipment-media::after{font-family:var(--mono);font-weight:500}
    .equipment-copy{border-color:var(--line)}
    .equipment-point{border-color:var(--line)}
    .company-big{font-weight:400;letter-spacing:-.03em}

    .company-video-section{
      min-height:88vh;
      overflow:hidden;
      isolation:isolate;
      display:flex;
      align-items:center;
      color:#fff;
      background:#050505;
    }
    .company-video-section::before{
      content:"";
      position:absolute;
      z-index:1;
      inset:0;
      background:
        linear-gradient(180deg,transparent 0%,transparent 58%,rgba(3,4,6,.58) 100%),
        linear-gradient(90deg,rgba(3,4,6,.58) 0%,rgba(3,4,6,.28) 53%,rgba(3,4,6,.18) 100%);
      pointer-events:none;
    }
    .company-video-section .section-video{
      position:absolute;
      z-index:0;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      filter:saturate(.78) contrast(1.08);
    }
    .company-video-section > .container{z-index:2}
    .company-video-section h2,
    .company-video-section .company-big,
    .company-video-section .video-text{color:#fff}
    .company-video-section p{color:rgba(255,255,255,.78)}

    .final-cta{
      padding:150px 0;
      background:#fff;
      color:#101114;
      border-bottom:1px solid var(--line);
    }
    .final-cta h2{font-size:clamp(80px,13vw,210px);line-height:.78}
    .final-cta p{color:#5d6168}
    .final-cta .btn{border-color:var(--accent);background:var(--accent)}
    .final-cta .btn:hover{border-color:#101114;background:#101114;color:#fff}

    /* WSPÓLNY STYL NIEBIESKICH CTA */
    .btn-primary,
    .final-cta .btn,
    .nav-cta{
      display:inline-flex;
      min-height:54px;
      align-items:center;
      justify-content:center;
      gap:14px;
      padding:0 22px;
      border:1px solid var(--accent);
      border-radius:0;
      background:var(--accent);
      color:#fff;
      font-size:10px;
      font-weight:800;
      letter-spacing:.16em;
      line-height:1;
      text-transform:uppercase;
      transition:transform .25s var(--ease),background .25s ease,color .25s ease,border-color .25s ease;
    }
    .btn-primary:hover,
    .final-cta .btn:hover,
    .nav-cta:hover{
      border-color:#050505;
      background:#050505;
      color:#fff;
      transform:translateY(-2px);
    }

    footer{padding:90px 0 42px;background:#000;color:#fff}
    footer .footer-top{
      grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);
      align-items:start;
    }
    .footer-logo{font-size:76px;font-weight:400;letter-spacing:.03em;color:#fff}
    .footer-logo span{color:#fff}
    .footer-tagline{max-width:430px;margin-top:22px;color:rgba(255,255,255,.66);font-size:14px}
    .footer-contact{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:42px 64px;
    }
    .footer-contact h3{
      margin:0 0 22px;
      color:#fff;
      font-size:24px;
      letter-spacing:-.02em;
    }
    .footer-contact-group{margin-top:20px}
    .footer-contact-label{
      display:block;
      margin-bottom:6px;
      color:rgba(255,255,255,.48);
      font-family:var(--mono);
      font-size:9px;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    .footer-contact p,.footer-contact a{
      margin:0;
      color:#fff;
      font-size:15px;
      line-height:1.65;
    }
    .footer-contact a{transition:color .2s ease}
    .footer-contact a:hover{color:#6da7ff}
    footer .footer-bottom{border-top-color:rgba(255,255,255,.18);color:rgba(255,255,255,.46)}
    .scroll-to-top{
      position:fixed;
      right:22px;
      bottom:22px;
      z-index:95;
      display:flex;
      width:38px;
      height:38px;
      align-items:center;
      justify-content:center;
      border:1px solid rgba(255,255,255,.22);
      border-radius:50%;
      background:rgba(5,7,10,.7);
      color:rgba(255,255,255,.78);
      font-size:16px;
      line-height:1;
      backdrop-filter:blur(10px);
      transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
    }
    .scroll-to-top:hover{
      border-color:var(--accent);
      background:var(--accent);
      color:#fff;
      transform:translateY(-2px);
    }
    .reveal{
      transform:translateY(56px);
      filter:blur(4px);
      transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s var(--ease);
    }
    .reveal.visible{filter:blur(0)}

    /* MOTYW JASNY */
    html[data-theme="dark"]{color-scheme:dark}
    html[data-theme="light"]{
      color-scheme:light;
      --bg:#f1efe9;
      --surface:#fff;
      --surface-2:#e8e5de;
      --text:#101114;
      --muted:#5f6268;
      --muted-2:#787b80;
      --line:rgba(10,12,16,.13);
      --line-strong:rgba(10,12,16,.24);
    }
    html[data-theme="light"] body{
      background-color:var(--bg);
      background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 0);
    }
    html[data-theme="light"] h1,
    html[data-theme="light"] h2,
    html[data-theme="light"] h3,
    html[data-theme="light"] .company-big{color:var(--text)}
    html[data-theme="light"] p{color:#5d6168}
    html[data-theme="light"] .video-text{color:var(--text)}
    html[data-theme="light"] .site-header.scrolled{
      background:rgba(241,239,233,.92);
      box-shadow:0 14px 45px rgba(20,22,26,.08);
    }
    html[data-theme="light"] .nav-links a{color:var(--text)}
    html[data-theme="light"] .hero{
      box-shadow:0 -28px 80px rgba(0,0,0,.18);
    }
    html[data-theme="light"] .hero-media{
      background:
        radial-gradient(circle at 78% 22%,rgba(8,73,170,.11),transparent 25%),
        linear-gradient(145deg,#fff 0%,#f1efe9 60%,#e9edf4 100%);
    }
    html[data-theme="light"] .hero-overlay{
      background:
        linear-gradient(180deg,rgba(255,255,255,.18),rgba(241,239,233,.10) 42%,rgba(241,239,233,.65)),
        linear-gradient(90deg,rgba(255,255,255,.46),transparent 72%);
    }
    html[data-theme="light"] .hero-kicker,
    html[data-theme="light"] .hero-lead,
    html[data-theme="light"] .hero-meta span{color:#292c31}
    html[data-theme="light"] .hero-side{border-left-color:var(--line-strong)}
    html[data-theme="light"] .hero-side p{color:#555960}
    html[data-theme="light"] .cap:hover{background:#fff}
    html[data-theme="light"] .stat-number{color:var(--text)}
    html[data-theme="light"] .rail-section,
    html[data-theme="light"] .company-video-section,
    html[data-theme="light"] .capabilities-story{color:#fff}
    html[data-theme="light"] .rail-section h2,
    html[data-theme="light"] .company-video-section h2,
    html[data-theme="light"] .company-video-section .company-big,
    html[data-theme="light"] .rail-section .video-text,
    html[data-theme="light"] .company-video-section .video-text{color:#fff}
    html[data-theme="light"] .rail-section p,
    html[data-theme="light"] .company-video-section p{color:rgba(255,255,255,.76)}
    html[data-theme="light"] footer{background:#000;color:#fff}
    html[data-theme="light"] footer h3{color:#fff}
    html[data-theme="light"] footer p,
    html[data-theme="light"] footer a{color:#fff}
    html[data-theme="light"] .footer-tagline{color:rgba(255,255,255,.66)}
    html[data-theme="light"] .footer-contact-label{color:rgba(255,255,255,.48)}
    html[data-theme="light"] .final-cta .btn:hover{color:#fff}
    html[data-theme="light"] .mobile-menu{background:#f1efe9}
    html[data-theme="light"] .mobile-menu a{color:var(--text)}
    html[data-theme="light"] .mobile-submenu a{color:#5d6168}
    html[data-theme="light"] .mobile-submenu a:hover{color:var(--accent)}
    html[data-theme="light"] .menu-toggle{border-color:var(--line-strong);color:var(--text)}

    @media (max-width:1000px){
      .container{width:min(calc(100% - 80px),var(--max))}
      .site-header{padding-inline:20px}
      .site-header.scrolled{padding-inline:20px}
      .section{padding:110px 0}
      .cap,.cap:nth-child(even){padding:36px}
      .cap:hover{padding-left:48px}
      .stat,.stat+.stat{padding:60px 34px}
      .offer-card{min-height:400px;padding:32px}
      .brand-word{font-size:clamp(140px,31vw,330px)}
      .brand-meta{right:40px;bottom:48px;left:40px;gap:32px}
      .brand-meta div{min-width:0}
      .brand-scroll{display:none}
      .theme-toggle:not(.theme-toggle-hero) .theme-toggle-state{display:none}
    }

    @media (min-width:1001px) and (max-width:1320px){
      .site-header.scrolled{padding-inline:22px}
      .nav{gap:18px}
      .nav-links{gap:18px;font-size:9px;letter-spacing:.12em}
      .nav-cta{padding-inline:12px}
      .theme-toggle .theme-toggle-state{display:none}
    }

    @media (max-width:650px){
      body::before{inset:10px}
      .container{width:calc(100% - 48px)}
      .site-header{inset:10px 10px auto;padding:12px 14px}
      .site-header.scrolled{padding:10px 14px}
      .logo{font-size:28px}
      .brand-corner-logo{top:32px;left:28px;font-size:28px}
      .theme-toggle-hero{top:26px;right:28px}
      .brand-word{padding:0 18px;font-size:clamp(100px,32vw,150px)}
      .brand-meta{
        right:28px;
        bottom:38px;
        left:28px;
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px 24px;
        font-size:9px;
      }
      .brand-meta div:last-child{grid-column:1/-1}
      .hero{border-radius:20px 20px 0 0}
      .section[data-chapter]::after,.final-cta[data-chapter]::after{top:34px;right:20px}
      .hero{padding:130px 0 36px}
      h1{font-size:clamp(66px,21vw,112px)}
      h2{font-size:clamp(52px,16vw,82px)}
      .section{padding:90px 0}
      .split-copy p{font-size:20px}
      .cap-grid,.stats{gap:1px}
      .cap,.cap:nth-child(even){padding:30px 24px}
      .cap:hover{padding-left:32px}
      .cargo-item,.cargo-item:nth-child(even){padding:28px 24px}
      .stat,.stat+.stat{padding:54px 24px}
      .final-cta{padding:100px 0}
      .final-cta h2{font-size:clamp(68px,21vw,110px)}
      footer{padding:70px 0 36px}
      footer .footer-top{grid-template-columns:1fr;gap:44px}
      .footer-contact{grid-template-columns:1fr;gap:34px}
      .scroll-to-top{right:16px;bottom:16px;width:36px;height:36px}
    }

    @media (max-width:650px){
      .offer-grid{grid-template-columns:1fr}
      .offer-card{min-height:350px;padding:26px}
      .company-video-section{min-height:760px}
      .capabilities-sticky{min-height:620px;padding:82px 0 28px}
      .capabilities-story .section-head{display:block;margin-bottom:26px}
      .capabilities-story .section-head h2{font-size:clamp(40px,12vw,60px)}
      .capabilities-story .section-head p{display:none}
      .capabilities-story .cap-grid{gap:20px;padding-inline:16px}
      .capabilities-story .cap,
      .capabilities-story .cap:nth-child(even){
        flex-basis:calc(100vw - 48px);
        min-height:clamp(340px,53vh,500px);
        padding:30px;
      }
      .capabilities-story .cap:hover{padding-left:30px}
      .capabilities-story .cap h3{font-size:clamp(36px,11vw,52px)}
      .capabilities-progress{width:calc(100% - 32px);margin-top:25px}
      .offer-sticky{min-height:620px;padding:82px 0 28px}
      .offer-section .section-head{display:block;margin-bottom:26px}
      .offer-section .section-head h2{font-size:clamp(40px,12vw,60px)}
      .offer-section .section-head p{display:none}
      .offer-section .offer-grid{gap:20px;padding-inline:16px}
      .offer-section .offer-card{
        flex-basis:calc(100vw - 48px);
        min-height:clamp(340px,53vh,500px);
        padding:28px;
      }
      .offer-scroll-progress{width:calc(100% - 32px);margin-top:25px}
    }

    @media (prefers-reduced-motion:reduce){
      .capabilities-story{height:auto!important;padding:90px 0}
      .capabilities-sticky{position:relative;height:auto;min-height:0;padding:0;overflow:visible}
      .capabilities-viewport{overflow-x:auto;scroll-snap-type:x mandatory}
      .capabilities-story .cap-grid{transform:none!important}
      .capabilities-story .cap{scroll-snap-align:start}
      .section.offer-section{height:auto!important;padding:90px 0}
      .offer-sticky{position:relative;height:auto;min-height:0;padding:0;overflow:visible}
      .offer-viewport{overflow-x:auto;scroll-snap-type:x mandatory}
      .offer-section .offer-grid{transform:none!important}
      .offer-section .offer-card{scroll-snap-align:start}
    }

    @media (prefers-reduced-motion:reduce){
      .brand-word{animation:none!important;transform:none!important;opacity:1!important}
      .reveal,.reveal.visible{opacity:1;transform:none;filter:none;transition:none}
      .scroll-to-top{transition:none}
    }

    /* MOBILNY UKŁAD — PEŁNA SZEROKOŚĆ KOLUMN I 10 PX OD KRAWĘDZI */
    @media (max-width:650px){
      html,body{width:100%;max-width:100%;overflow-x:hidden}
      body::before{
        inset:5px 0;
        border-right:0;
        border-left:0;
      }

      main > section,
      body > footer{
        width:100%;
        max-width:100%;
        margin-right:0;
        margin-left:0;
      }
      .container{width:100%;max-width:none;margin-inline:0;padding-inline:10px}

      .site-header{inset:5px 5px auto;padding:10px 8px}
      .site-header.scrolled{padding:9px 8px}
      .site-header .container{width:100%;padding-inline:0}
      .logo{font-size:25px}
      .menu-toggle{width:38px;height:38px}
      .theme-toggle{min-height:36px;padding-inline:9px}
      .mobile-menu{inset:5px;padding:78px 10px 28px}
      .mobile-menu nav{width:100%}
      .mobile-menu-group summary,
      .mobile-menu-direct{width:100%;font-size:clamp(27px,8.5vw,38px)}
      .mobile-submenu a{width:100%;font-size:12px}

      .brand-hero{min-height:100svh}
      .brand-corner-logo{top:24px;left:10px;font-size:26px}
      .theme-toggle-hero{top:18px;right:10px}
      .brand-word{width:100%;padding:0 5px;font-size:clamp(78px,30.5vw,126px)}
      .brand-meta{
        right:10px;
        bottom:28px;
        left:10px;
        grid-template-columns:1fr;
        gap:12px;
        font-size:8px;
      }
      .brand-meta div,
      .brand-meta div:last-child{grid-column:auto;width:100%;min-width:0}

      .hero{min-height:0;padding:105px 0 54px;border-radius:16px 16px 0 0}
      .hero-grid,
      .hero-meta,
      .split,
      .section-head,
      .rail-grid,
      .locations,
      .cargo-grid,
      .cargo-list,
      .equipment,
      .company,
      .stats,
      .cap-grid,
      .footer-top,
      .footer-contact{
        width:100%;
        min-width:0;
        grid-template-columns:minmax(0,1fr)!important;
      }
      .hero-grid > *,
      .hero-meta > *,
      .split > *,
      .section-head > *,
      .rail-grid > *,
      .locations > *,
      .cargo-grid > *,
      .equipment > *,
      .company > *,
      .footer-top > *,
      .footer-contact > *{width:100%;min-width:0;max-width:100%}

      h1{font-size:clamp(51px,17.2vw,76px);line-height:.84;overflow-wrap:break-word}
      h2,
      .final-cta h2{font-size:clamp(40px,13.2vw,62px);line-height:.9;overflow-wrap:break-word}
      h3{max-width:100%;overflow-wrap:break-word}
      p{max-width:100%;font-size:16px}
      .hero-lead,.split-copy p,.p-lead{font-size:17px;line-height:1.5}
      .eyebrow{flex-wrap:wrap;font-size:9px;overflow-wrap:anywhere}
      .section[data-chapter]::after,
      .final-cta[data-chapter]::after{display:none}

      .section{padding:72px 0}
      .section-head{gap:18px;margin-bottom:34px}
      .hero-meta{gap:0;margin-top:42px}
      .hero-meta > div{padding:15px 0;border-bottom:1px solid var(--line)}
      .btn,.btn-primary,.final-cta .btn{max-width:100%;min-height:50px;padding:10px 14px;white-space:normal;text-align:center}

      .section.offer-section{height:auto!important;padding:72px 0;overflow:hidden}
      .offer-sticky{position:relative;height:auto;min-height:0;padding:0;overflow:visible}
      .offer-section .section-head{display:grid;margin-bottom:28px}
      .offer-section .section-head h2{font-size:clamp(40px,13.2vw,62px)}
      .offer-section .section-head p{display:block;font-size:16px}
      .offer-viewport{width:100%;overflow:visible}
      .offer-section .offer-grid{
        display:grid;
        width:100%;
        grid-template-columns:minmax(0,1fr);
        gap:10px;
        padding:0;
        transform:none!important;
      }
      .offer-section .offer-card{
        width:100%;
        max-width:100%;
        min-height:320px;
        flex:none;
        padding:24px 18px;
      }
      .offer-section .offer-card h3{font-size:clamp(34px,12vw,48px)}
      .offer-section .offer-card p{font-size:15px}
      .offer-scroll-progress{display:none}

      .capabilities-story{height:auto!important;padding:72px 0}
      .capabilities-sticky{position:relative;height:auto;min-height:0;padding:0;overflow:visible}
      .capabilities-viewport{width:100%;overflow:visible}
      .capabilities-story .cap-grid{
        display:grid;
        width:100%;
        grid-template-columns:minmax(0,1fr);
        gap:10px;
        padding:0;
        transform:none!important;
      }
      .capabilities-story .cap,
      .capabilities-story .cap:nth-child(even){width:100%;max-width:100%;min-height:320px;flex:none;padding:24px 18px}
      .capabilities-story .cap:hover{padding-left:18px}
      .capabilities-progress{display:none}

      .stat,.stat + .stat{width:100%;padding:42px 10px;border-left:0}
      .stat-number{font-size:clamp(76px,29vw,112px)}
      .stat-label{overflow-wrap:anywhere}
      .cargo-item,.cargo-item:nth-child(even){width:100%;padding:24px 12px;border-left:0}
      .cargo-item:hover{padding-left:12px}
      .company-video-section{min-height:0;padding:84px 0}
      .company{gap:42px}
      .company-big{font-size:clamp(88px,35vw,132px)}

      .final-cta{padding:76px 0}
      footer{padding:58px 0 30px}
      footer .footer-top{gap:38px;padding-bottom:40px}
      .footer-logo{font-size:48px}
      .footer-contact{gap:32px}
      .footer-contact h3{font-size:22px}
      .footer-contact p,.footer-contact a{font-size:14px;overflow-wrap:anywhere}
      .footer-bottom{width:100%;flex-direction:column;align-items:flex-start;gap:9px}
      .scroll-to-top{right:10px;bottom:10px}

      img,video,canvas,svg{max-width:100%}
    }

    @media (max-width:360px){
      .theme-toggle-hero .theme-toggle-state{display:none}
      .brand-word{font-size:clamp(72px,29vw,104px)}
      h1{font-size:clamp(46px,16.5vw,60px)}
      h2,.final-cta h2{font-size:clamp(36px,12.4vw,46px)}
      .offer-section .offer-card{min-height:290px;padding:22px 14px}
    }

    /* Compact spacing with enough room for Polish diacritics. */
    .site-header.scrolled.is-hidden{
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateY(calc(-100% - 44px));
    }
    .hero h1{line-height:1}
    .hero-grid h1{
      position:relative;
      z-index:1;
      width:calc(100% + 380px);
      font-size:clamp(76px,10vw,160px);
      white-space:nowrap;
    }
    @media (max-width:1000px){
      .hero-grid h1{width:100%;font-size:clamp(48px,9.8vw,98px)}
    }
    @media (max-width:650px){
      .hero-grid h1{font-size:clamp(32px,10.4vw,62px)}
    }
    h2,
    .offer-section .section-head h2,
    .capabilities-story .section-head h2,
    .final-cta h2{line-height:1.04}

    /* TERMINALS MAP */
    .terminal-section{overflow:hidden}
    .terminal-section .section-head{display:block;margin-bottom:54px}
    .terminal-section .section-head p{max-width:750px;margin:22px 0 0}
    .terminal-showcase{
      display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);
      min-height:590px;border:1px solid var(--line-strong);
      background:var(--surface);
    }
    .terminal-map{
      position:relative;min-height:590px;overflow:hidden;isolation:isolate;
      background:#111b28;
    }
    .terminal-map svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    .terminal-map::after{
      content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
      background:linear-gradient(90deg,rgba(6,18,31,.1),transparent 50%,rgba(6,18,31,.15));
    }
    .terminal-map-caption{
      position:absolute;top:27px;left:30px;z-index:2;color:#f2f5fa;
      font:700 11px/1.5 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;
    }
    .terminal-map-note{
      position:absolute;bottom:25px;left:30px;z-index:2;color:#e7edf5;
      font:500 10px/1.5 "IBM Plex Mono",monospace;letter-spacing:.05em;
    }
    .terminal-point{
      position:absolute;z-index:3;display:flex;align-items:center;gap:13px;
      padding:10px;border:0;background:transparent;color:#fff;cursor:pointer;
      transform:translate(-14px,-50%);white-space:nowrap;text-align:left;
      font:800 clamp(12px,1.1vw,16px)/1 Inter,sans-serif;
      text-shadow:0 2px 12px rgba(0,0,0,.9);
    }
    .terminal-point::before{
      content:"";width:17px;height:17px;flex:none;border:4px solid #fff;
      border-radius:50%;background:var(--accent);
      box-shadow:0 0 0 6px rgba(8,73,170,.35),0 3px 17px rgba(0,0,0,.5);
      transition:transform .2s ease,box-shadow .2s ease;
    }
    .terminal-point:hover::before,.terminal-point:focus-visible::before,
    .terminal-point[aria-pressed="true"]::before{
      transform:scale(1.25);
      box-shadow:0 0 0 9px rgba(30,114,238,.33),0 3px 17px rgba(0,0,0,.5);
    }
    .terminal-point:focus-visible{outline:2px solid #fff;outline-offset:2px}
    .terminal-point[data-terminal="chelm"]{left:33%;top:34%}
    .terminal-point[data-terminal="dorohusk"]{left:61%;top:41%}
    .terminal-point[data-terminal="hrubieszow"]{left:60%;top:76%}
    .terminal-detail{display:flex;flex-direction:column;min-width:0;background:var(--surface-2)}
    .terminal-photo{position:relative;height:58%;min-height:285px;overflow:hidden;background:#24303c}
    .terminal-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08)}
    .terminal-photo::after{
      content:"";position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 60%);
    }
    .terminal-photo-label{
      position:absolute;bottom:18px;left:23px;z-index:1;color:#fff;
      font:500 10px/1.4 "IBM Plex Mono",monospace;letter-spacing:.05em;
    }
    .terminal-detail-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:32px}
    .terminal-detail-index{
      margin:0 0 18px;color:var(--accent);
      font:700 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;
    }
    .terminal-detail h3{margin:0 0 11px;font-size:clamp(33px,3.8vw,56px);line-height:.95}
    .terminal-detail p{margin:0 0 28px;font-size:15px}
    .terminal-detail .btn{margin-top:auto}
    html[data-theme="light"] .terminal-showcase{background:#e8edf1}
    html[data-theme="light"] .terminal-detail{background:#fff}
    html[data-theme="light"] .terminal-detail h3{color:#101114}
    @media (max-width:1000px){
      .terminal-showcase{grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr)}
      .terminal-map{min-height:510px}
    }
    @media (max-width:720px){
      .terminal-section{padding-block:76px}
      .terminal-section .section-head{margin-bottom:32px}
      .terminal-showcase{display:flex;flex-direction:column}
      .terminal-map{min-height:390px}
      .terminal-point{gap:8px;font-size:11px}
      .terminal-point::before{width:13px;height:13px;border-width:3px;box-shadow:0 0 0 4px rgba(8,73,170,.35)}
      .terminal-point[data-terminal="chelm"]{left:28%;top:34%}
      .terminal-point[data-terminal="dorohusk"]{left:65%;top:41%}
      .terminal-point[data-terminal="hrubieszow"]{left:69%;top:78%}
      .terminal-map-caption{top:18px;left:18px;font-size:9px}
      .terminal-map-note{bottom:17px;left:18px;font-size:9px}
      .terminal-photo{height:240px;min-height:240px}
      .terminal-detail-body{padding:25px}
    }
    @media (max-width:390px){
      .terminal-map{min-height:330px}
      .terminal-point{font-size:10px}
      .terminal-point[data-terminal="chelm"]{left:28%}
      .terminal-point[data-terminal="dorohusk"]{left:65%}
      .terminal-point[data-terminal="hrubieszow"]{left:69%}
    }

  

.terminal-hero{padding:180px 0 105px;border-bottom:1px solid var(--line)}
.terminal-hero h1{font-size:clamp(70px,12vw,190px);line-height:.82;margin:26px 0 35px}
.terminal-hero p{font-size:clamp(19px,2vw,28px);max-width:850px}
.terminal-section{padding:115px 0;border-bottom:1px solid var(--line)}
.terminal-section .eyebrow + h2{margin-top:20px}
.terminal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:55px}
.terminal-tile{padding:32px;border:1px solid var(--line);min-height:210px}
.terminal-tile h3{margin:0 0 22px;font-size:clamp(27px,3vw,42px)}
.terminal-tile p{margin:0}.terminal-section .intro{max-width:740px;font-size:20px}
.terminal-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:40px}
.terminal-links a{color:var(--text);border:1px solid var(--line);padding:16px 20px;text-decoration:none}
.terminal-links a:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:760px){.terminal-hero{padding:125px 0 70px}.terminal-section{padding:75px 0}.terminal-grid{grid-template-columns:1fr}}

.terminal-video-hero{position:relative;isolation:isolate;min-height:clamp(630px,100vh,960px)}.terminal-video-hero .hero-media{display:block;position:absolute;inset:0;overflow:hidden}.terminal-video-hero .hero-media video{display:block;width:100%;height:100%;object-fit:cover}.terminal-video-hero .hero-overlay{position:absolute;inset:0;pointer-events:none}.terminal-video-hero .container{position:relative;z-index:1}.terminal-video-hero h1{font-size:clamp(64px,8vw,132px);line-height:.88}.terminal-video-hero .hero-lead{max-width:690px}.terminal-video-hero .hero-grid{align-items:end}@media(max-width:760px){.terminal-video-hero{min-height:680px}.terminal-video-hero h1{font-size:clamp(56px,13vw,90px)}}


.storage-section .terminal-tile:first-child,.storage-section .terminal-tile:nth-child(2){border-top:3px solid var(--accent)}
.protection-video-section{min-height:760px;display:flex;align-items:center;background:#080a0d}
.protection-video-section .company{align-items:center}
.protection-video-section .protection-mark{font-family:var(--mono);font-size:clamp(180px,28vw,420px);line-height:.8;color:rgba(255,255,255,.16)}
.protection-video-section .company-copy h2{font-size:clamp(54px,7vw,100px)}
.protection-video-section .company-copy .eyebrow{color:#0849AA}
.location-map-section{position:relative;min-height:680px;display:flex;align-items:flex-end;overflow:hidden;background:#1a242f;isolation:isolate}
.location-map-frame{position:absolute;top:-90px;bottom:-90px;left:50%;transform:translateX(-50%);width:100vw;min-width:100%;height:calc(100% + 180px);border:0;filter:grayscale(.25) contrast(.95);pointer-events:none;z-index:-2}
.location-map-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,15,.93) 0%,rgba(5,9,15,.67) 38%,rgba(5,9,15,.05) 80%);z-index:-1;pointer-events:none}
.location-map-section .location-map-content{width:min(calc(100% - 120px),var(--max));max-width:var(--max);margin-inline:auto;padding:140px 0 90px}
.location-panel{max-width:710px;color:#fff}.location-panel h2{margin:20px 0 32px;color:#fff}.location-panel p{max-width:570px;color:#fff;font-size:clamp(18px,2vw,24px)}
.location-panel .eyebrow{color:#0849AA}html[data-theme="light"] .location-map-section .location-panel h2,html[data-theme="dark"] .location-map-section .location-panel h2{color:#fff}html[data-theme="light"] .location-map-section .location-panel p,html[data-theme="dark"] .location-map-section .location-panel p{color:rgba(255,255,255,.92)}
@media(max-width:1000px){.location-map-section .location-map-content{width:min(calc(100% - 80px),var(--max))}}@media(max-width:760px){.protection-video-section{min-height:620px}.protection-video-section .protection-mark{display:none}.location-map-section{min-height:600px}.location-map-shade{background:linear-gradient(0deg,rgba(5,9,15,.94),rgba(5,9,15,.48))}.location-map-section .location-map-content{width:calc(100% - 48px);padding:100px 0 65px}}
@media(max-width:650px){.location-map-section .location-map-content{width:100%;padding:100px 10px 65px}}


/* Jeden jasny motyw; ciemne tła tylko pod filmem i w nagłówku. */
html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.scrolled{background:rgba(6,9,14,.94);color:#fff;border-color:rgba(255,255,255,.18)}
html[data-theme="light"] .site-header .logo,html[data-theme="light"] .site-header .nav-links a,html[data-theme="light"] .site-header .nav-cta,html[data-theme="light"] .site-header .menu-toggle{color:#fff}
html[data-theme="light"] .site-header .nav-dropdown a{color:#101114}
html[data-theme="light"] .terminal-video-hero .hero-overlay{background:linear-gradient(180deg,rgba(2,5,9,.57) 0%,rgba(2,5,9,.67) 53%,rgba(2,5,9,.82) 100%),linear-gradient(90deg,rgba(2,5,9,.60),transparent 80%)}
html[data-theme="light"] .terminal-video-hero h1,html[data-theme="light"] .terminal-video-hero h1 .video-text{color:#fff!important}
html[data-theme="light"] .terminal-video-hero h1 .accent-text,html[data-theme="light"] .terminal-video-hero h1 .accent-text .video-text{color:#0849AA!important}
html[data-theme="light"] .terminal-video-hero .hero-kicker,html[data-theme="light"] .terminal-video-hero .hero-lead,html[data-theme="light"] .terminal-video-hero .hero-side p{color:#fff}
html[data-theme="light"] .terminal-video-hero .hero-side{border-left-color:rgba(255,255,255,.28)}
html[data-theme="light"] .terminal-video-hero .hero-side .eyebrow{color:#0849AA}


html[data-theme="light"] .site-header .logo span{color:inherit}
@media(max-width:1366px){
.site-header .nav-links,.site-header .nav-cta{display:none}
.site-header .menu-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.site-header .nav{justify-content:space-between}
}
@media(min-width:1367px){.site-header .menu-toggle{display:none}}


:root{--accent:#0849AA;--accent-2:#0849AA}
html[data-theme="light"] .site-header,html[data-theme="light"] .site-header.scrolled{background:#fff;color:#101114;border-color:rgba(16,17,20,.12);box-shadow:0 12px 35px rgba(0,0,0,.10)}
html[data-theme="light"] .site-header .logo,html[data-theme="light"] .site-header .logo span,html[data-theme="light"] .site-header .nav-links a,html[data-theme="light"] .site-header .nav-cta,html[data-theme="light"] .site-header .menu-toggle{color:#101114;opacity:1}
html[data-theme="light"] .site-header .nav-links a:hover,html[data-theme="light"] .site-header .nav-links a:focus-visible{color:#0849AA}
html[data-theme="light"] .site-header .nav-cta{border-color:#0849AA}
html[data-theme="light"] .site-header .nav-cta:hover{background:#0849AA;color:#fff}
html[data-theme="light"] .mobile-menu{background:#fff;color:#101114}
html[data-theme="light"] .mobile-menu a,html[data-theme="light"] .mobile-menu summary{color:#101114;opacity:1}
html[data-theme="light"] .mobile-menu a:hover,.mobile-menu-index,.mobile-menu-plus{color:#0849AA}
html[data-theme="light"] .brand-corner-logo,html[data-theme="light"] .brand-word{color:#fff;-webkit-text-fill-color:#fff}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .hero-kicker{color:#0849AA!important;opacity:1!important}
html[data-theme="light"] .eyebrow::before{background:#0849AA!important;opacity:1!important}
html[data-theme="light"] .accent-text,html[data-theme="light"] .accent-text .video-text{color:#0849AA!important;-webkit-text-fill-color:#0849AA!important;opacity:1!important;filter:none!important}
html[data-theme="light"] .accent-text canvas{display:none!important}


/* Pełna szerokość, ostre narożniki i jasna mapa Google. */
html[data-theme="light"] .terminal-video-hero,html[data-theme="light"] .terminal-video-hero .hero-media,html[data-theme="light"] .terminal-video-hero .hero-overlay,html[data-theme="light"] .terminal-video-hero video{border-radius:0!important}
.location-map-section{background:#f8f8f6}
.location-map-section .location-map-frame{top:0;bottom:0;height:100%;filter:grayscale(1) contrast(1.25) brightness(1.08)}
.location-map-section .location-map-shade{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 30%,rgba(255,255,255,.2) 55%,transparent 78%)}
html[data-theme="light"] .location-map-section .location-panel,html[data-theme="light"] .location-map-section .location-panel h2,html[data-theme="light"] .location-map-section .location-panel h2 .video-text,html[data-theme="light"] .location-map-section .location-panel p{color:#101114;-webkit-text-fill-color:#101114}
html[data-theme="light"] .location-map-section .location-panel .eyebrow{-webkit-text-fill-color:#0849AA}
@media(max-width:650px){.location-map-section .location-map-shade{background:linear-gradient(0deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 38%,rgba(255,255,255,.12) 85%)}}


.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}
button,.btn,.menu-toggle,summary{-webkit-appearance:none;appearance:none}
.menu-toggle{color:inherit}.menu-toggle .menu-icon{display:block;width:24px;height:20px;position:relative}
.menu-icon::before,.menu-icon::after,.menu-icon span{content:"";position:absolute;left:0;width:24px;height:2px;background:currentColor;transition:transform .2s,opacity .2s,top .2s}
.menu-icon::before{top:2px}.menu-icon span{top:9px}.menu-icon::after{top:16px}
.menu-toggle[aria-expanded="true"] .menu-icon::before{top:9px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-icon::after{top:9px;transform:rotate(-45deg)}
.menu-toggle[aria-expanded="true"] .menu-icon span{opacity:0}
.nav-parent::after{content:"";display:block;width:10px;height:10px;background:linear-gradient(#0849AA,#0849AA) center/100% 2px no-repeat,linear-gradient(#0849AA,#0849AA) center/2px 100% no-repeat}
.mobile-menu-plus{display:inline-block;position:relative;width:14px;height:14px;background:linear-gradient(#0849AA,#0849AA) center/100% 2px no-repeat,linear-gradient(#0849AA,#0849AA) center/2px 100% no-repeat}
.mobile-menu-group[open] .mobile-menu-plus{transform:rotate(45deg)}
.scroll-to-top{display:flex;align-items:center;justify-content:center}


.inline-direction{width:1.1em;height:1em;vertical-align:-.13em;margin-inline:.08em}
video[autoplay]{pointer-events:none}
video[autoplay]::-webkit-media-controls,video[autoplay]::-webkit-media-controls-panel,video[autoplay]::-webkit-media-controls-start-playback-button,video[autoplay]::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}
@media(max-width:760px){
.hero-grid,.hero-grid>div,.hero-grid>aside{min-width:0;max-width:100%}
html[data-theme="light"] main .hero h1,html[data-theme="light"] main h1{width:100%;max-width:100%;white-space:normal!important;font-size:clamp(38px,10.5vw,76px);line-height:1.02;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
html[data-theme="light"] main h1 .accent-text{white-space:normal;overflow-wrap:anywhere}
html[data-theme="light"] main h1 .video-text{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}


html[data-theme="light"] .site-header .nav-cta{background:#0849AA;color:#fff;border:1px solid #0849AA;opacity:1;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
html[data-theme="light"] .site-header .nav-cta:hover,html[data-theme="light"] .site-header .nav-cta:focus-visible{background:#101114;border-color:#101114;color:#fff;opacity:1}


.final-cta h2{max-width:100%;font-size:clamp(64px,8vw,118px);line-height:.92;overflow-wrap:normal}
@media(max-width:760px){.final-cta h2{font-size:clamp(42px,10.5vw,72px);line-height:1.02;overflow-wrap:anywhere}}


html[data-theme="light"] :is(a.btn,.company-link-row a,.about-terminals a,.terminal-links a,.offer-terminal-links a,.offer-time a,.terminal-tile a){
 display:inline-flex;align-items:center;justify-content:center;gap:12px;
 min-height:52px;padding:13px 20px;margin-right:8px;
 border:1px solid #0849AA;border-radius:0;
 background:#0849AA;color:#fff;-webkit-text-fill-color:#fff;
 font:800 11px/1.35 var(--mono,"IBM Plex Mono",monospace);
 letter-spacing:.12em;text-transform:uppercase;text-decoration:none;
 opacity:1;white-space:normal;text-align:center;
 transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
}
html[data-theme="light"] :is(a.btn,.company-link-row a,.about-terminals a,.terminal-links a,.offer-terminal-links a,.offer-time a,.terminal-tile a):is(:hover,:focus-visible){
 background:#101114;border-color:#101114;color:#fff;-webkit-text-fill-color:#fff;opacity:1;
}
html[data-theme="light"] :is(a.btn,.company-link-row a,.about-terminals a,.terminal-links a,.offer-terminal-links a,.offer-time a,.terminal-tile a):focus-visible{outline:2px solid #0849AA;outline-offset:3px}
html[data-theme="light"] :is(a.btn,.company-link-row a,.about-terminals a,.terminal-links a,.offer-terminal-links a,.offer-time a,.terminal-tile a) .ui-icon{color:currentColor}
@media(max-width:650px){html[data-theme="light"] :is(a.btn,.company-link-row a,.about-terminals a,.terminal-links a,.offer-terminal-links a,.offer-time a,.terminal-tile a){max-width:100%;padding:13px 16px}}


.photo-feature{margin:75px 0 0;border:1px solid var(--line-strong);background:#e3e7e8}
.photo-frame{position:relative;min-height:clamp(340px,44vw,640px);display:flex;align-items:center;justify-content:center;padding:38px;overflow:hidden;background:linear-gradient(135deg,#dde4e8,#f3f3ee 52%,#d9e0e4)}
.photo-frame::before{content:"";position:absolute;inset:20px;border:1px dashed rgba(8,73,170,.45);pointer-events:none}
.photo-frame::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(8,73,170,.13) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.photo-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.photo-prompt{position:relative;z-index:2;max-width:550px;background:rgba(255,255,255,.92);padding:25px 30px;border-left:4px solid #0849AA}
.photo-prompt strong{display:block;font:700 11px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#0849AA;margin-bottom:12px}
.photo-prompt span{display:block;font-size:clamp(17px,2vw,24px);line-height:1.4;color:#101114}
.photo-feature figcaption{padding:17px 23px;color:#5d6168;font-size:13px}
.photo-break{padding:110px 0;border-top:1px solid var(--line)}
.photo-break-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:35px}
.photo-break h2{font-size:clamp(54px,7vw,105px);margin:20px 0 0}
.photo-carousel{border:1px solid var(--line-strong);background:#fff}
.photo-slide[hidden]{display:none!important}
.photo-slide{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);min-height:500px}
.photo-slide .photo-frame{min-height:500px}
.photo-slide-copy{padding:40px;display:flex;flex-direction:column;justify-content:end}
.photo-slide-copy small{font:700 11px var(--mono,monospace);color:#0849AA;letter-spacing:.12em;text-transform:uppercase}
.photo-slide-copy h3{font-size:clamp(36px,4vw,60px);line-height:.95;margin:24px 0}
.photo-slide-copy p{font-size:17px}
.photo-carousel-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-top:1px solid var(--line)}
.photo-carousel-nav button{width:50px;height:50px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #0849AA;background:#0849AA;color:#fff;cursor:pointer}
.photo-carousel-nav button:hover,.photo-carousel-nav button:focus-visible{background:#101114;border-color:#101114}
.photo-carousel-nav svg{width:20px;height:20px}
.photo-carousel-status{font:700 11px var(--mono,monospace);letter-spacing:.13em;color:#101114}
@media(max-width:850px){.photo-slide{grid-template-columns:1fr}.photo-slide .photo-frame{min-height:380px}.photo-slide-copy{padding:28px}.photo-break{padding:75px 0}}
@media(max-width:650px){.photo-frame{min-height:300px;padding:18px}.photo-frame::before{inset:10px}.photo-prompt{padding:17px}.photo-break h2{font-size:clamp(42px,10vw,68px)}.photo-slide .photo-frame{min-height:300px}}


.terminal-tile.material-photo-card{position:relative;isolation:isolate;overflow:hidden;transition:background-color .32s ease,border-color .32s ease,color .32s ease;cursor:default}
.terminal-tile.material-photo-card::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(115deg,rgba(5,15,29,.84),rgba(5,15,29,.61)),var(--material-photo);background-position:center;background-size:cover;opacity:0;transform:scale(1.07);transition:opacity .38s ease,transform .65s ease;pointer-events:none}
.terminal-tile.material-photo-card>*{position:relative;z-index:1}
html[data-theme="light"] .terminal-tile.material-photo-card:is(:hover,:focus-visible,:focus-within,.photo-active){background-color:#101820;border-color:#0849aa;color:#fff}
html[data-theme="light"] .terminal-tile.material-photo-card:is(:hover,:focus-visible,:focus-within,.photo-active)::before{opacity:1;transform:scale(1)}
html[data-theme="light"] .terminal-tile.material-photo-card:is(:hover,:focus-visible,:focus-within,.photo-active) :is(h3,p,small,strong,span){color:#fff}
.terminal-tile.material-photo-card:focus-visible{outline:3px solid #0849aa;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.terminal-tile.material-photo-card,.terminal-tile.material-photo-card::before{transition:none}}


.cta-contact-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:14px;margin-top:32px}
html[data-theme="light"] .final-cta .cta-contact-actions a.btn{margin:0;min-width:150px}
html[data-theme="light"] .final-cta .cta-contact-actions a.cta-call{background:#0849AA;border-color:#0849AA;color:#fff;-webkit-text-fill-color:#fff}
html[data-theme="light"] .final-cta .cta-contact-actions a.cta-write{background:#fff;border:1px solid #a5a9ae;color:#686e75;-webkit-text-fill-color:#686e75;box-shadow:none}
html[data-theme="light"] .final-cta .cta-contact-actions a.btn:is(:hover,:focus-visible){background:#101114;border-color:#101114;color:#fff;-webkit-text-fill-color:#fff}
.final-cta h2.direct-contact-heading{font-size:clamp(50px,7vw,100px);line-height:1.04}
@media(max-width:650px){.cta-contact-actions{align-items:stretch;gap:12px}.cta-contact-actions a.btn{flex:1 1 130px}.final-cta h2.direct-contact-heading{font-size:clamp(40px,11vw,64px)}}


.borsuk-logo-image{display:block;height:auto;object-fit:contain}
.borsuk-logo-image.logo-black{mix-blend-mode:multiply}
.borsuk-logo-image.logo-white{mix-blend-mode:screen}
.site-header .logo{display:flex;align-items:center;flex-shrink:0;line-height:1}
.site-header .logo img{width:140px;height:auto}
.brand-corner-logo img{width:155px;height:auto}
.brand-word img{width:min(80vw,1100px);height:auto;margin:0 auto}
.footer-logo img{width:240px;max-width:100%;height:auto}
@media(max-width:1100px){.site-header .logo img{width:125px}}
@media(max-width:650px){.site-header .logo img{width:105px}.brand-corner-logo img{width:125px}.brand-word img{width:88vw}.footer-logo img{width:200px}}

body.admin-bar .site-header{top:42px} .photo-frame:has(>img)::before,.photo-frame:has(>img)::after{display:none} @media(max-width:782px){body.admin-bar .site-header{top:56px}}