:root{--ink:#13263a;--dark:#102235;--accent:#e6ac34;--muted:#647487;--bg:#f3f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 25px}.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 18px #0b20310e}.nav{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand img{width:150px;max-height:65px;object-fit:contain}.brand span{font-size:10px;letter-spacing:1.5px;color:#5c6974;max-width:115px;line-height:1.5}.nav nav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:650}.nav nav a:hover{color:#ad7910}.nav .login{background:var(--dark);color:white;padding:12px 16px;border-radius:5px}.menu{display:none;background:none;border:0;font-size:28px}.hero{background:var(--dark);color:white;padding:90px 0}.heroGrid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px}.eyebrow{font-size:12px;letter-spacing:2.2px;color:#bc841d;font-weight:800;margin-bottom:17px}.hero .eyebrow{color:var(--accent)}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(36px,4.3vw,59px);margin:0 0 24px}h2{font-size:clamp(30px,3.5vw,44px);margin:0 0 20px}h3{font-size:21px}.hero p{color:#d2dce6;font-size:17px;max-width:560px}.heroPhoto img{width:100%;height:360px;object-fit:cover;border-radius:8px;box-shadow:20px 20px 0 #263c50}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;border:0;background:var(--accent);color:#152538;padding:14px 22px;font-size:14px;font-weight:800;border-radius:5px;cursor:pointer}.btn.outline{border:1px solid #8090a0;color:#fff;background:transparent}.section{padding:94px 0}.shade{background:var(--bg)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.muted{color:var(--muted);font-size:14px}.lead{color:var(--muted);margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:30px;background:white;border:1px solid #e1e7ed;border-radius:8px;min-height:220px}.cards span{font-weight:800;color:#bd831d}.cards h3{margin:22px 0 10px}.cards p{color:var(--muted);font-size:14px}.feature{background:var(--dark);color:white;padding:42px;border-radius:9px}.feature p{color:#bfcddc}.featureIcon{font-size:48px;color:var(--accent)}.certificate{display:flex;align-items:center;gap:20px;padding:25px;background:white;border-radius:8px}.certificate img{max-width:130px}.certificate small{color:var(--muted)}.form{display:grid;gap:17px}.form label{display:grid;gap:6px;font-size:13px;font-weight:700}.form input:not([type=checkbox]),.form textarea{font:inherit;width:100%;padding:12px 14px;border:1px solid #c9d2da;border-radius:5px;background:white}.form .check{display:flex;align-items:start;gap:10px;font-weight:400;color:#667583}.form .check input{margin-top:5px}.form button{justify-self:start}footer{background:#0b1a28;color:white;padding:35px 0}.footer{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.footer small{margin-left:auto;color:#b1bdc8}.portal{background:#edf2f6}.portalMain{min-height:calc(100vh - 92px);display:grid;place-items:center;padding:45px 20px}.portalCard{background:white;padding:44px;max-width:490px;width:100%;border-radius:12px;box-shadow:0 15px 45px #13263a14}.portalCard h1{font-size:38px}.portalInfo{background:#f3f6f8;border-left:4px solid var(--accent);padding:18px;margin-top:22px;font-size:14px}.portalInfo p{margin-bottom:0}@media(max-width:950px){.nav nav{gap:11px;font-size:12px}.brand img{width:125px}.brand span{display:none}.heroGrid{gap:25px}}@media(max-width:720px){.nav{min-height:75px}.menu{display:block}.nav nav:not(.always){display:none;position:absolute;left:0;right:0;top:75px;background:white;padding:22px 25px;flex-direction:column;align-items:stretch;box-shadow:0 12px 18px #13263a1c}.nav nav.open{display:flex}.hero{padding:60px 0}.heroGrid,.split{grid-template-columns:1fr;gap:30px}.heroPhoto img{height:240px;box-shadow:9px 9px 0 #263c50}.section{padding:62px 0}.cards{grid-template-columns:1fr}.cards article{min-height:auto}.footer small{margin-left:0;width:100%}.portalCard{padding:25px}}
/* Odświeżenie na podstawie przesłanych zdjęć RED-GAZ */
:root{--dark:#27333b;--ink:#25313a;--accent:#e9b72d;--bg:#f5f5f1}
.hero{background:linear-gradient(125deg,#f2f3f0 0%,#e5e9e8 100%);color:#26343b}
.hero .eyebrow{color:#9a4b24}
.hero p{color:#475760}
.hero .btn.outline{color:#26343b;border-color:#6d7b81}
.heroPhoto img{height:390px;object-fit:cover;object-position:center center;box-shadow:15px 15px 0 #cbd2cf}
.brand img{width:190px;max-height:76px}
.nav{min-height:100px}
@media(max-width:950px){.brand img{width:155px}}
@media(max-width:720px){.nav{min-height:75px}.heroPhoto img{height:250px;box-shadow:8px 8px 0 #cbd2cf}}

/* Certyfikaty i dane firmy — aktualizacja */
.certificateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;text-align:center;align-items:start}
.certificateGrid figure{margin:0;min-width:0}
.certificateGrid img{max-width:100%;width:auto;height:185px;object-fit:contain}
.certificateGrid figcaption{font-size:13px;font-weight:700;margin-top:8px}
.certificateGrid small{grid-column:1/-1;text-align:left}
.companyAddress{font-style:normal;line-height:1.85;margin:20px 0;font-size:16px}
@media(max-width:480px){.certificateGrid img{height:140px}}

/* Znak UDT-CERT w prawym górnym rogu oraz galeria dokumentów */
.headerCertification{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:98px;margin-left:auto;text-align:center;color:#101b54;font-size:10px;font-weight:800;line-height:1.3;white-space:nowrap}
.headerCertification img{width:58px;height:58px;object-fit:contain}
.nav{gap:14px}.nav nav{gap:12px}.brand{margin-right:auto}.brand span{max-width:105px}
.certLayout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:24px;align-items:start}
.certPreview{background:#fff;border:1px solid #dce3e8;border-radius:10px;padding:20px;text-align:center}
.certPreview>a{display:block}.certPreview img{width:100%;height:490px;object-fit:contain}
.certPreview p{font-weight:700;font-size:14px;min-height:42px}.certControls{display:flex;align-items:center;justify-content:center;gap:18px}
.certControls button{border:1px solid #cbd5dd;border-radius:6px;background:white;font-size:22px;padding:2px 16px;cursor:pointer}
.certThumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.certThumb{background:white;border:2px solid #dce3e8;border-radius:9px;padding:10px;cursor:pointer;font:inherit;font-weight:700;color:#243441}
.certThumb img{display:block;width:100%;height:185px;object-fit:contain;margin-bottom:8px}
.certThumb span{display:block;font-size:12px;line-height:1.3}.certThumb.active,.certThumb:focus-visible{border-color:#a8750e;outline-offset:2px}
.certWarning{color:#5c6670;font-size:13px;margin-top:20px}
@media(max-width:1050px){.nav nav{gap:9px;font-size:12px}.brand img{width:145px}.headerCertification{min-width:80px}.headerCertification img{width:48px;height:48px}}
@media(max-width:800px){.headerCertification{margin-left:auto}.nav nav:not(.always){display:none;position:absolute;left:0;right:0;top:75px;background:white;padding:22px 25px;flex-direction:column;align-items:stretch;box-shadow:0 12px 18px #13263a1c}.nav nav.open{display:flex}.menu{display:block}.certLayout{grid-template-columns:1fr}.certPreview img{height:390px}}
@media(max-width:480px){.headerCertification{font-size:8px;min-width:70px}.headerCertification img{width:40px;height:40px}.brand img{width:125px}.certPreview img{height:320px}.certThumb img{height:140px}.certThumbnails{gap:8px}}

/* Niewielka, nieklikalna miniatura certyfikatów; zmiana co 3 sekundy. */
.certMiniGallery{width:210px;max-width:100%;margin:20px auto 0;padding:14px;background:#fff;border:1px solid #dce3e8;border-radius:10px;text-align:center}
.certMiniGallery img{display:block;width:170px;max-width:100%;height:235px;object-fit:contain;margin:auto;cursor:default}
.certMiniGallery p{font-size:12px;line-height:1.4;color:#465667;margin:10px 0 0;min-height:34px}

/* Logo HARDGAZ po prawej stronie nagłówka */
.hardgazHeaderLogo{display:block;width:170px;max-width:20vw;height:auto;max-height:68px;object-fit:contain;flex-shrink:1;margin-left:auto}
.headerCertification{margin-left:0}
@media(max-width:1050px){.hardgazHeaderLogo{width:120px}.nav nav{gap:8px;font-size:12px}}
@media(max-width:720px){.hardgazHeaderLogo{width:110px;max-width:29vw;max-height:45px;margin-left:auto}.headerCertification{min-width:50px;font-size:8px}.headerCertification img{width:34px;height:34px}.brand img{width:120px}.nav{gap:8px}}
@media(max-width:390px){.hardgazHeaderLogo{width:85px}.brand img{width:105px}.headerCertification{font-size:7px;min-width:40px}}

.trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Informacja RODO */
.rodoInfo{font-size:13px;line-height:1.6;color:#465667;margin:8px 0}
.rodoInfo a,.check a,.footer a,.portalPrivacy a{color:#14558a;text-decoration:underline;text-underline-offset:2px}
.privacyPage{max-width:880px;margin:44px auto 75px;padding:0 22px;line-height:1.75}
.privacyPage h1{margin-bottom:16px}.privacyPage h2{margin-top:30px;font-size:1.35rem}
.privacyNote{padding:14px 18px;border-left:4px solid #d7a137;background:#fff8e6;margin:20px 0}
.portalPrivacy{text-align:center;padding:20px;font-size:14px}