/* LUK-NET: nowa identyfikacja 16.10.2026 — warstwa wizualna, bez zmian CMS */
:root{
 --brand:#0878d8;--brand-2:#009fe7;--brand-dark:#0d4e8c;
 --accent:#00aeec;--accent-2:#59d2fb;--ink:#14283a;--ink-2:#2c465c;
 --muted:#5e7387;--line:#dbe9f3;--soft:#f3f8fc;--soft-2:#e9f5fd;
 --dark:#10243b;--dark-2:#173a5c;
 --shadow:0 24px 70px rgba(13,54,92,.13);
 --shadow-sm:0 10px 28px rgba(13,54,92,.08);
}
body{color:var(--ink);background:#fff}
h1,h2,h3,h4{letter-spacing:-.047em}
h1,h2{font-weight:850}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #28b8f3;outline-offset:3px}
html{scroll-padding-top:110px}
.utility-bar{background:#0e253e;color:#c9deef}
.utility-promise{letter-spacing:.015em}
.status-dot{background:#2fc8ff;box-shadow:0 0 0 4px rgba(47,200,255,.14)}
.site-header{background:rgba(255,255,255,.97);border-color:#e0edf7}
.site-header.is-scrolled{box-shadow:0 12px 30px rgba(12,54,96,.10)}
.nav-wrap{min-height:96px;height:96px;gap:20px}
.brand-photo{width:275px;height:92px}
.brand-photo img{width:100%;height:100%;object-fit:contain}
.main-nav a{color:#354d61;border-radius:9px;font-weight:780}
.main-nav a:hover,.main-nav a[aria-current=page]{background:#e8f5ff;color:#075ba6}
.main-nav a[aria-current=page]:after{background:#00b6ef}
.nav-cta{background:#0878d8;box-shadow:0 8px 20px rgba(8,120,216,.16)}
.nav-cta:hover{background:#075ca8}
.btn-primary{background:linear-gradient(112deg,#086fcb,#00a1e9);box-shadow:0 12px 24px rgba(0,114,205,.19)}
.btn-primary:hover{box-shadow:0 16px 30px rgba(0,114,205,.27)}
.btn-secondary{border-color:#bcd6ea;color:#1b405f}
.btn-secondary:hover{background:#f2f9ff;border-color:#69bdec}
.btn-light{color:#0a4c88}
.hero{background:radial-gradient(circle at 83% 24%,rgba(0,173,236,.14),transparent 35%),radial-gradient(circle at 18% 17%,rgba(8,120,216,.10),transparent 31%),linear-gradient(180deg,#fff 0%,#f5faff 100%)}
.hero:after{border-color:rgba(8,120,216,.11)}
.hero-gridlines{opacity:.37}
.hero-grid{min-height:645px;padding-top:62px;padding-bottom:64px}
.hero h1{color:#142b42}
.hero h1 span{color:#0878d8}
.hero h1 span:after{background:linear-gradient(90deg,#00b7ee,transparent)}
.hero-chip{background:#eff8ff;border:1px solid #cce8fa;color:#22638d}
.hero-proofline{color:#526f86}
.hero-proofline i{background:#00aeec}
.hero-tech-visual{background:radial-gradient(circle at 76% 16%,rgba(0,187,248,.32),transparent 31%),radial-gradient(circle at 18% 82%,rgba(11,121,220,.31),transparent 40%),linear-gradient(145deg,#0d2744,#104879 60%,#086aa9)!important}
.hero-tech-visual:after{border-color:rgba(112,210,255,.19)!important}
.tech-core{background:linear-gradient(145deg,#fff,#eff9ff)!important;color:#075ea9!important;box-shadow:0 0 0 8px rgba(0,162,225,.09),0 24px 60px rgba(0,13,35,.28)!important}
.tech-node{border-color:rgba(149,220,255,.32);background:rgba(4,38,77,.40)}
.hero-panel{background:rgba(8,26,47,.94);box-shadow:0 22px 46px rgba(5,26,54,.25)}
.hero-panel-label{color:#66d1ff}
.hero-panel-grid span{color:#e4f4ff}
.hero-float{box-shadow:0 12px 30px rgba(0,47,91,.11);border-color:#d1e9f9}
.hero-float span{color:#007bcf}
.hero-gradient-card{border-color:#d7edfa;box-shadow:0 12px 34px rgba(2,72,123,.12)}
.hero-gradient-card span{color:#0878d8}

/* Pasek 6 specjalizacji z nowo wybranego logo */
.brand-services{border-top:1px solid #dceaf5;border-bottom:1px solid #dceaf5;background:#fff}
.brand-services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
.brand-service{display:flex;align-items:center;flex-direction:column;gap:4px;text-align:center;justify-content:center;min-height:156px;padding:21px 8px 17px;position:relative;transition:background .2s ease}
.brand-service:not(:last-child):after{content:"";position:absolute;right:0;top:24px;bottom:24px;width:1px;background:#e1edf6}
.brand-service:hover{background:#f0f9ff}
.brand-service-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:7px;color:#18364e;transition:transform .2s ease,color .2s ease}
.brand-service:first-child .brand-service-icon{color:#007bda}
.brand-service:hover .brand-service-icon{transform:translateY(-3px);color:#008cdf}
.brand-service-icon svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:2.45;stroke-linecap:round;stroke-linejoin:round}
.brand-service strong{font-size:.84rem;font-weight:860;line-height:1.2;color:#183248}
.brand-service small{font-size:.68rem;line-height:1.3;color:#658296;font-weight:550}
.trust{background:#f7fbfe}
.trust-item strong{font-size:.86rem}
.trust-no{color:#0882d9}

/* Karty i wszystkie obecne podstrony */
.services-section{background:#fff}
.service-card{border-color:#dbe9f5;background:#fff;box-shadow:0 6px 18px rgba(19,63,104,.035)}
.service-card--internet{background:linear-gradient(145deg,#fff,#e9f6ff);border-color:#aedcf8}
.service-card--internet:after{content:"";position:absolute;right:26px;bottom:26px;width:165px;height:165px;border-radius:50%;border:1px solid rgba(4,130,215,.07);pointer-events:none}
.service-card--przetargi{background:linear-gradient(125deg,#10243b,#0d578d)}
.service-card:hover{border-color:#87c9f1;box-shadow:0 20px 45px rgba(11,83,143,.13)}
.service-card:before{background:rgba(0,170,235,.055)}
.service-icon{background:#e8f5ff;color:#0878d8}
.service-card--przetargi .service-icon{background:rgba(255,255,255,.12);color:#60d3ff}
.service-name{color:#0878d8}
.service-card--przetargi .service-name{color:#7bddff}
.service-card--przetargi p{color:#c7e2f4}
.service-bottom b{color:#0878d8}
.section-soft{background:#f3f8fc}
.section-dark{background:linear-gradient(140deg,#0d2138,#0b4774)}
.section-dark .section-head p,.process-note{color:#bbd4e8!important}
.process-eyebrow{color:#65d8ff!important}
.cta-box{background:linear-gradient(120deg,#0f3d6d,#0878d8 68%,#00a4e5);box-shadow:0 24px 50px rgba(5,80,145,.22)}
.cta-box p{color:#e5f5ff}
.cta-eyebrow{color:#8be2ff!important}
.cta-mark{overflow:hidden;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.95);padding:7px}
.cta-mark img{width:100%;height:100%;object-fit:contain}
.proof-stats{background:linear-gradient(110deg,#10243b,#0a477b)}
.proof-stat span{color:#b9d7eb}
.process-visual{background:radial-gradient(circle at 75% 19%,rgba(0,198,255,.25),transparent 32%),linear-gradient(130deg,#0c2946,#09588d)!important}
.page-hero{background:radial-gradient(circle at 82% 18%,rgba(0,175,238,.13),transparent 34%),linear-gradient(180deg,#fff,#f4faff)}
.page-tech-visual{background:radial-gradient(circle at 70% 20%,rgba(0,181,236,.24),transparent 34%),linear-gradient(135deg,#0f2944,#106497)!important}
.page-tech-visual--internet{background:radial-gradient(circle at 70% 20%,rgba(0,195,255,.28),transparent 33%),linear-gradient(140deg,#092b50,#0472b0)!important}
.page-tech-visual--sprzedaz{background:linear-gradient(140deg,#102d4c,#205c92)!important}
.page-tech-visual--uslugi{background:linear-gradient(140deg,#0c304b,#177ba8)!important}
.page-tech-visual--wdrozenia{background:linear-gradient(140deg,#0e2944,#345c87)!important}
.page-tech-visual--instalacje{background:linear-gradient(140deg,#0e2942,#056c95)!important}
.page-tech-visual--przetargi{background:linear-gradient(140deg,#122940,#34678d)!important}
.demo-case-shell{background:linear-gradient(135deg,#10243b,#0d5488)}
.page-demo-case .demo-case-grid p{color:#d3e7f6}
.feature-r3:after,.audience-card:after{border-color:#dfedf7}
.audience-card .tag{background:#e6f5ff;color:#0b74c4}
.field label{color:#294358}
.field input,.field select,.field textarea{background:#f7fbfe}
.contact-info{background:linear-gradient(150deg,#10243b,#0c507b)}
.site-footer{background:#10243b;color:#bdd4e7}
.site-footer a{color:#c6dbe9}
.site-footer a:hover{color:#66d5ff}
.footer-logo-framed{background:#fff!important;width:min(100%,310px)!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:14px!important;filter:none!important;margin-bottom:20px!important}
.footer-brand p{color:#bad4e7}
.footer-bottom{color:#8eafc8}
@media(max-width:1180px){
 .nav-wrap{gap:14px}
 .brand-photo{width:235px;height:82px}
 .main-nav a{font-size:.77rem;padding-inline:7px}
}
@media(max-width:1100px){
 .brand-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .brand-service:nth-child(3):after{display:none}
 .brand-service:nth-child(-n+3){border-bottom:1px solid #e1edf6}
}
@media(max-width:920px){
 .nav-wrap{height:80px;min-height:80px}
 .brand-photo{width:228px;height:72px}
 .main-nav{top:126px}
 .hero-grid{padding-top:50px}
}
@media(max-width:680px){
 .nav-wrap{height:74px;min-height:74px}
 .brand-photo{height:68px;width:207px}
 .main-nav{top:112px}
 .brand-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .brand-service{min-height:124px;padding:12px 6px;gap:2px}
 .brand-service-icon{width:43px;height:43px;margin-bottom:4px}
 .brand-service-icon svg{width:37px;height:37px}
 .brand-service strong{font-size:.73rem}
 .brand-service small{font-size:.59rem}
 .brand-service:nth-child(-n+3){border-bottom:1px solid #dfeef8}
 .brand-service:not(:last-child):after{top:16px;bottom:16px}
 .hero h1{font-size:clamp(2.55rem,12.3vw,4rem)}
 .hero-grid{padding-bottom:40px}
 .hero-visual{min-height:395px}
 .hero-panel-grid span{font-size:.68rem}
 .service-card--internet:after{display:none}
 .footer-logo-framed{width:min(100%,280px)!important}
}
@media(max-width:360px){
 .brand-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brand-service:nth-child(3){border-bottom:1px solid #dfeef8}
 .brand-service:nth-child(even):after{display:none}
 .brand-service:nth-child(odd):after{display:block}
 .brand-photo{width:184px}
}

/* 19.10.2026 — umiarkowane powiększenie logo nagłówka, bez zmiany wysokości nawigacji */