:root{--navy:#031226;--navy2:#071c34;--blue:#087cff;--cyan:#18c9ff;--ink:#102033;--muted:#6c7a8d;--line:#dfe7f0;--light:#f7f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.site-header{height:82px;background:#fff;border-bottom:1px solid #e7edf3;position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;font-weight:900; }
.logo-mark{font-size:30px;font-weight:900;letter-spacing:-7px;color:#07162b;position:relative}
.logo-mark:first-letter{color:#07162b}
.logo-img {
  max-width: 470px;      /* Ustaw dowolną wysokość dopasowaną do projektu */
  width: 100%;
  height: auto;       /* Automatycznie zachowa proporcje obrazka */
  object-fit: cover; /* Odpowiednik background-size: cover */
}
.logo-rays{color:var(--blue);font-size:26px;margin-left:4px}.logo-text{font-size:25px;letter-spacing:2px}.logo-text>span{color:var(--blue)}.logo-text small{display:block;font-size:8px;letter-spacing:1.2px;font-weight:700}.logo-text b{color:var(--blue)}nav{display:flex;gap:34px;font-size:12px;font-weight:800}nav a{padding:31px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--blue);border-color:var(--blue)}.menu{display:none;border:0;background:none;font-size:28px}.hero{height:500px;background:var(--navy);color:#fff;overflow:hidden;position:relative}.hero-bg{position:absolute;inset:0;background:#06172c url('../assets/hero.jpg') center/cover no-repeat}.hero-inner{height:100%;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative}.kicker{font-size:12px;letter-spacing:2px;font-weight:900;color:#1caaff}.hero h1{font-size:54px;line-height:.99;letter-spacing:-2px;margin:10px 0 22px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:17px;color:#d0dbe7}.ticks{list-style:none;padding:0;margin:23px 0 28px}.ticks li{margin:8px 0;font-size:12px;font-weight:800}.ticks li:before{content:"✓";display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid var(--blue);border-radius:50%;margin-right:9px;color:#21c5ff}.btn{display:inline-flex;gap:22px;align-items:center;background:var(--blue);color:#fff;padding:14px 20px;font-weight:900;font-size:12px;box-shadow:0 10px 30px rgba(8,124,255,.22)}.hero-visual{height:100%;position:relative}.network{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 45%,transparent 0 44px,rgba(32,190,255,.22) 45px 47px,transparent 48px 75px);transform:rotate(-5deg);opacity:.9}.van{position:absolute;width:520px;height:245px;right:3%;bottom:80px;background:linear-gradient(#fff,#dfe6ec);border-radius:14px 34px 22px 14px;box-shadow:0 30px 50px rgba(0,0,0,.45);color:#0a1930;transform:perspective(800px) rotateY(-5deg)}.van-logo{position:absolute;left:50px;top:65px;font-size:35px;font-weight:900;color:#0a1930}.van-logo span{color:var(--blue)}.van>strong{position:absolute;left:150px;top:70px;font-size:27px;letter-spacing:2px}.van>small{position:absolute;left:150px;top:105px;font-size:7px;font-weight:800}.van>small b{color:var(--blue)}.van-fibers{position:absolute;left:80px;right:-15px;bottom:30px;height:80px}.van-fibers i{display:block;height:3px;background:linear-gradient(90deg,#081a32,var(--blue),var(--cyan));margin:13px 0;border-radius:20px;box-shadow:0 0 9px rgba(24,201,255,.5);transform:rotate(-6deg)}.wheel{position:absolute;bottom:-22px;width:58px;height:58px;border-radius:50%;background:#182536;border:8px solid #6d7882;box-shadow:inset 0 0 0 7px #111}.w1{left:85px}.w2{right:65px}.section{padding:78px 0}.section-title{text-align:center;margin-bottom:48px}.section-title span{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:2px}.section-title h2{font-size:31px;margin:9px 0}.section-title i{display:block;width:45px;height:3px;background:var(--blue);margin:auto}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service-grid article{padding:32px 25px;border-right:1px solid var(--line);text-align:center}.service-grid article:last-child{border:0}.ico{font-size:38px;color:var(--blue);height:55px}.service-grid h3{font-size:14px}.service-grid p{font-size:12px;color:var(--muted)}.section-dark{background:var(--navy);color:#fff;padding:75px 0}.about-grid{display:grid;grid-template-columns:18% 32% 50%;align-items:center}.about-art{height:240px;position:relative;overflow:hidden}.fiber-burst{position:absolute;width:400px;height:240px;left:-170px;top:10px;border-radius:50%;border:3px solid var(--blue);box-shadow:0 0 25px rgba(0,175,255,.5);transform:rotate(-25deg)}.fiber-burst:after{content:"";position:absolute;inset:35px;border:3px solid var(--cyan);border-radius:50%}.about-copy{padding:0 35px}.about-copy h2{font-size:31px;line-height:1.1}.about-copy p{font-size:13px;color:#bcc9d8}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stats>div{border-left:1px solid #334257;text-align:center;padding:10px}.stats strong{display:block;color:#16a7ff;font-size:30px}.stats span{font-size:9px;color:#b9c6d6;font-weight:800}.projects{background:var(--light)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.project-grid article{background:#fff;padding-bottom:17px}.photo{height:125px;background:linear-gradient(135deg,#18344c,#5e716c);position:relative;overflow:hidden}.photo:after{content:"";position:absolute;left:-10%;width:120%;height:3px;top:60%;background:#0b8cff;box-shadow:0 20px 0 #19c9ff,0 -18px 0 #0b8cff;transform:rotate(-10deg)}.p2{background:linear-gradient(135deg,#7d6b50,#c7b48f)}.p3{background:linear-gradient(135deg,#475f55,#a3aa9d)}.p4{background:linear-gradient(135deg,#b9b2a3,#ddd8cc)}.project-grid h3{font-size:11px;margin:13px 15px 3px}.project-grid p{font-size:9px;color:var(--muted);margin:0 15px}.all-projects{display:block;text-align:right;margin-top:18px;color:var(--blue);font-size:11px;font-weight:900}.contact{background:linear-gradient(100deg,#061426,#092849);color:#fff;padding:35px 0}.contact-inner{display:flex;align-items:center;gap:22px}.contact-icon{width:54px;height:54px;border-radius:50%;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:25px}.contact h2{margin:0;font-size:23px}.contact p{margin:4px 0;color:#c3cfdd;font-size:12px}.contact .btn{margin-left:auto}footer{background:#020b17;color:#aebacc;padding:45px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:35px}.footer-logo{font-size:25px;color:#fff;font-weight:900}.footer-logo span{color:var(--blue)}footer small{font-size:8px}footer h4{font-size:10px;color:#fff}footer a{display:block;font-size:11px;margin:7px 0}footer p{font-size:11px}.copyright{border-top:1px solid #1d2b3e;margin-top:30px;padding-top:15px;font-size:10px}@media(max-width:900px){nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:12px}.menu{display:block}.hero{height:auto}.hero-inner{grid-template-columns:1fr;padding:70px 0}.hero-visual{height:330px;margin-top:30px}.van{right:0;width:90%}.service-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.about-art{display:none}.about-copy{padding:0 0 35px}.stats{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.logo-text{font-size:18px}.logo-text small{font-size:6px}.hero h1{font-size:43px}.service-grid,.project-grid,.footer-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid var(--line)}.stats{grid-template-columns:repeat(2,1fr);gap:15px}.contact-inner{flex-wrap:wrap}.contact .btn{margin-left:0}.van{transform:none;width:100%;height:190px}.van>strong{left:125px;top:50px;font-size:21px}.van>small{left:125px;top:78px}.van-logo{left:30px;top:47px;font-size:28px}.van-fibers{bottom:17px}.wheel{width:45px;height:45px;bottom:-18px}.w1{left:55px}.w2{right:40px}}