:root{
      --bg:#0b1220; --fg:#f8fafc; --muted:#94a3b8; --brand:#0ea5e9; --brand2:#22c55e; --card:#0f172a; --stroke:#1e293b; --accent:#38bdf8;
    }
    *{box-sizing:border-box}
    html,body{margin:0;height:100%;scroll-behavior:smooth}
    body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#070c17,#0b1220 40%,#0b1220);color:var(--fg)}
    a{color:inherit;text-decoration:none}
    .container{max-width:1120px;margin:0 auto;padding:0 20px}
    .shadow{box-shadow:0 10px 30px rgba(2,8,23,.35)}
    .btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem;border-radius:16px;border:1px solid transparent;font-weight:700;letter-spacing:.2px}
    .btn-primary{background:linear-gradient(135deg,var(--brand),#60a5fa);color:#00131d}
    .btn-outline{border-color:#38bdf833;background:#0b1220cc;color:#e2f2ff}
    .chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border:1px solid #1e293b;border-radius:999px;background:#0b1220}
    .nav{position:sticky;top:0;z-index:50;background:rgba(7,12,23,.6);backdrop-filter:blur(10px);border-bottom:1px solid #0f2740}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
    .logo{display:flex;align-items:center;gap:.6rem;font-weight:800}
    .logo-mark{width:34px;height:34px;border-radius:10px;background:conic-gradient(from 180deg,var(--brand),#22c55e,#22d3ee,var(--brand));display:grid;place-items:center}
    .logo-mark svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
    .nav-cta{display:flex;align-items:center;gap:.7rem}
    .hero{padding:80px 0 50px;position:relative;overflow:hidden}
    .hero .bg{position:absolute;inset:-10% -20% auto -20%;height:70vh;background:radial-gradient(800px 360px at 20% 10%, #0ea5e9 0%, transparent 55%), radial-gradient(700px 280px at 90% 10%, #22c55e 0%, transparent 50%)}
    .hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}
    h1{font-size:clamp(30px,4.6vw,54px);line-height:1.05;margin:0 0 14px}
    .lead{color:var(--muted);font-size:clamp(16px,2.2vw,18px)}
    .hero-card{background:linear-gradient(180deg,#0c162a,#0e1b31);border:1px solid #183656;border-radius:20px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .tile{background:linear-gradient(180deg,#0b1220,#0e1729);border:1px solid #1b3350;border-radius:16px;padding:14px;min-height:115px;display:flex;flex-direction:column;justify-content:space-between}
    .tile h4{margin:0;font-size:16px}
    .tile p{margin:4px 0 0;color:#a8c1d9;font-size:13px}
    .section{padding:60px 0}
    .section h2{font-size:clamp(24px,3.6vw,34px);margin:0 0 10px}
    .sub{color:var(--muted);margin:0 0 28px}
    .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .card{background:linear-gradient(180deg,#0b1220,#0e1729);border:1px solid #1b3350;border-radius:18px;overflow:hidden}
    .card .img{height:140px;background:repeating-linear-gradient(45deg,#0b2a3d,#0b2a3d 12px,#0d334a 12px,#0d334a 24px)}
    .card .body{padding:14px}
    .card h3{margin:0 0 6px;font-size:18px}
    .card p{margin:0;color:#a8c1d9;font-size:14px}
    .bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
    .bullet{display:flex;gap:10px;align-items:flex-start}
    .bullet svg{flex:0 0 20px}
    .prices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .price{background:linear-gradient(180deg,#0b1220,#0e1729);border:1px solid #1b3350;border-radius:18px;padding:18px}
    .price h3{margin:0 0 8px}
    .price .tag{display:inline-block;background:#082b3d;border:1px solid #165579;color:#d2f1ff;padding:4px 8px;border-radius:999px;font-size:12px;margin-bottom:10px}
    .grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
    .gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
    .ph{aspect-ratio:4/3;border-radius:12px;background:linear-gradient(180deg,#0b2a3d,#0e2436);border:1px dashed #1d3c58}
    form{display:grid;gap:10px}
    input,textarea,select{background:#0b1220;border:1px solid #1b3350;color:#e5f3ff;padding:12px 14px;border-radius:12px;font:inherit}
    textarea{min-height:120px}
    label{font-size:13px;color:#9cb6cc}
    .footer{border-top:1px solid #0f2740;padding:26px 0;color:#9fb6c9}
    .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
    .kpi{background:#0a1527;border:1px solid #14314b;border-radius:16px;padding:12px;text-align:center}
    .sticky-cta{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:10px;background:#071222d9;border:1px solid #174262;border-radius:16px;padding:8px 10px;backdrop-filter:blur(8px)}
    .hide-mobile{display:block}
    .only-mobile{display:none}
   .img {
    background: #11477400 !important; 
  display: flex;
  align-items: center;   /* wyśrodkuje pionowo */
  justify-content: center; /* wyśrodkuje poziomo */
  width: 100%;
  height: 200px;  /* ustal wysokość kontenera */
  overflow: hidden;
  
}
    @media (max-width:960px){
      
      .hero-grid{grid-template-columns:1fr}
      .cards{grid-template-columns:repeat(2,1fr)}
      .prices{grid-template-columns:1fr}
      .grid-2{grid-template-columns:1fr}
      .gallery{grid-template-columns:repeat(3,1fr)}
      .kpis{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:560px){
     
      .cards{grid-template-columns:1fr}
      .hide-mobile{display:none}
      .only-mobile{display:flex}
    }