/* White theme – clean, premium */

:root{
  --bg:#ffffff;
  --bg2:#f6f7fb;
  --card:#ffffff;
  --text:#121826;
  --muted:#5b6476;
  --line:#e6e9f2;
  --shadow: 0 18px 60px rgba(16,24,40,.10);
  --radius: 18px;
  --radius2: 26px;
  --container: 1120px;
  --a1:#2dd4ff;
  --a2:#8b5cf6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    url('/assets/bg-hero.jpg') top center / cover no-repeat,
    linear-gradient(180deg, var(--bg), var(--bg2));
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
.container{max-width:var(--container);margin:0 0;padding:0 18px}
.muted{color:var(--muted)}
.small{font-size:12px}
.skip-link{position:absolute;left:-9999px;top:10px;background:#111;color:#fff;padding:10px 14px;border-radius:10px}
.skip-link:focus{left:12px;z-index:9999}
.sr-only{position:absolute;left:-9999px}

.header{
  position:sticky;top:0;z-index:50;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.header__inner{display:flex;align-items:right;justify-content:space-between;height:88px;gap:14px}
.brand{display:flex;gap:12px;align-items:center}
.brand__mark{
  width:44px;height:44px;border-radius:14px; border: -1px;
  background: radial-gradient(18px 18px at 30% 30%, rgba(45,212,255,.95), transparent 60%),
              radial-gradient(22px 22px at 70% 65%, rgba(139,92,246,.90), transparent 60%),
              linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.35));
  border:1px solid var(--line);
  box-shadow: 0 10px 24px rgba(16,24,40,.10);
}
.brand__name{display:block;font-weight:900;letter-spacing:.2px;background: none;}
.brand__tag{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.nav{display:flex;align-items:right;gap:16px}
.nav a{font-size:14px;color:rgba(18,24,38,.85)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:12px;padding:10px;cursor:pointer}
.nav-toggle__bar{display:block;width:18px;height:2px;background:rgba(18,24,38,.9);margin:4px 0}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:14px;border:1px solid var(--line);
  background: rgba(255,255,255,.90);font-weight:800;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.btn:hover{transform: translateY(-1px); background:#fff}
.btn--small{padding:10px 12px;border-radius:12px}
.btn--primary{border-color: rgba(45,212,255,.55);background: linear-gradient(135deg, rgba(45,212,255,.28), rgba(139,92,246,.18))}
.btn--ghost{background:transparent}
.pill{display:inline-flex;gap:10px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background: rgba(255,255,255,.8);font-weight:700;font-size:60px}

.hero{padding:58px 0 18px;}
.hero__grid{display:grid;grid-template-columns: 1.05fr .95fr;gap:26px; align-items:center}
.hero h1{font-size:44px;line-height:1.05;margin:14px 0 12px}
.lead{font-size:16px;color:rgba(18,24,38,.78);max-width:60ch}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hero__trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.trust-card{border:1px solid var(--line);background: rgba(255,255,255,.88);border-radius: var(--radius);padding:12px 14px;box-shadow: 0 10px 26px rgba(16,24,40,.06)}
.trust-card__kpi{font-weight:900}
.trust-card__txt{font-size:12px;color:var(--muted);margin-top:4px}
.hero__media{border-radius: var(--radius2);border:1px solid var(--line);box-shadow: var(--shadow);overflow:hidden;background:#fff}
.hero__media img{display:block;width:100%;height:auto}

.section{padding:58px 0}
.section--alt{
  background: linear-gradient(135deg, rgba(45,212,255,.28), rgba(139,92,246,.18));
  border-color: rgba(45,212,255,.55);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.section h2{font-size:30px;margin:0 0 10px}

.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.card{border:1px solid var(--line);background: rgba(255,255,255,.92);border-radius: var(--radius2);padding:18px;box-shadow: 0 12px 36px rgba(16,24,40,.06)}
.card h3{margin:0 0 8px}

.feature{display:flex;gap:14px;align-items:flex-start}
.feature img{width:54px;height:54px}

.steps{display:grid;gap:12px;margin-top:16px}
.step{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);background: rgba(255,255,255,.88);border-radius: var(--radius2);padding:14px}
.step__icon{width:54px;height:54px;border-radius:16px;background: rgba(45,212,255,.10);border:1px solid rgba(45,212,255,.30);display:flex;align-items:center;justify-content:center}
.step__icon img{width:34px;height:34px}
.step__body h3{margin:0 0 4px}
.step__body p{margin:0;color:rgba(18,24,38,.76)}

.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.price-card{position:relative;border:1px solid var(--line);background: rgba(255,255,255,.92);border-radius: var(--radius2);padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow: 0 12px 36px rgba(16,24,40,.06);}
.price-card--featured{background: linear-gradient(180deg, rgba(45,212,255,.12), rgba(139,92,246,.08));border-color: rgba(45,212,255,.35);box-shadow: var(--shadow)}
.price-card__badge{position:absolute;top:14px;right:14px;font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(45,212,255,.45);background: rgba(255,255,255,.85);}
.price-card__head .price{font-size:30px;font-weight:900;margin:6px 0 0}
.meta{color:var(--muted);font-size:13px;margin:0}
.bullets{margin:0;padding-left:18px}
.bullets li{margin:7px 0}

.addons{margin-top:14px}
.addons__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.addon{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:16px;border:1px solid var(--line);background: rgba(255,255,255,.9)}

.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.gallery figure{margin:0;border-radius: var(--radius2);border:1px solid var(--line);overflow:hidden;background: url(/assets/tlo.jpg);box-shadow: 0 12px 36px rgba(16,24,40,.06);}
.zdjecia{display:block;width:100%;height:auto; border-radius: var(--radius2);}
.gallery figcaption{padding:10px 12px;color:black;font-size:13px}

.form label{display:block;font-weight:700}
.form input,.form textarea{width:100%;margin-top:6px;padding:12px 12px;border-radius:14px;border:1px solid rgba(18,24,38,.16);background:#fff;color:var(--text);outline:none}
.form input:focus,.form textarea:focus{border-color: rgba(45,212,255,.55)}
.form__row{margin-bottom:12px}
.checkbox{display:flex;gap:10px;align-items:flex-start;margin:10px 0 12px}
.checkbox input{margin-top:5px}
.form__hint{margin:10px 0 0}

.faq{display:grid;gap:10px;margin-top:16px}
.faq__item{border:1px solid var(--line);background: rgba(255,255,255,.92);border-radius: var(--radius2);padding:12px 14px}
.faq__item summary{cursor:pointer;font-weight:900}
.faq__content{margin-top:10px;color:rgba(18,24,38,.80)}

.contact{margin-top:12px;display:grid;gap:10px}
.contact__row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(18,24,38,.10);padding-bottom:10px}
.contact__row:last-child{border-bottom:none;padding-bottom:0}
.contact__label{color:var(--muted)}
.contact__value{font-weight:800; text-align: right;}

.map-placeholder{min-height:240px;display:flex;align-items:center;justify-content:center;border-radius: var(--radius2);border:1px dashed rgba(18,24,38,.18);color:rgba(18,24,38,.70);background: rgba(255,255,255,.92);text-align:center;padding:16px}

.final-cta{margin-top:18px;border:1px solid rgba(45,212,255,.25);background: linear-gradient(135deg, rgba(45,212,255,.12), rgba(139,92,246,.08));border-radius: var(--radius2);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

.footer{border-top:1px solid var(--line);padding:26px 0;background: rgba(255,255,255,.75)}
.footer__grid{display:grid;grid-template-columns: 1fr auto auto;gap:14px;align-items:center}
.footer__brand{font-weight:900}
.footer__muted{color:var(--muted);font-size:12px}
.footer__links{display:flex;gap:14px;flex-wrap:wrap;color:rgba(18,24,38,.82);font-size:13px}
.footer__copy{color:var(--muted);font-size:12px}

/* Responsive */
@media (max-width: 980px){
  .hero__grid{grid-template-columns:1fr; gap:18px}
  .hero h1{font-size:36px}
  .hero__trust{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .pricing{grid-template-columns:1fr}
  .addons__grid{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .nav{display:none}
  .nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}
  .nav-toggle__bar{margin:0}
.nav.nav--open{
    display:flex;flex-direction:column;align-items:flex-start;
    position:absolute;top:74px;right:18px;left:18px;
    padding:14px;border-radius:16px;
    background: rgba(255,255,255,.98);
    border:1px solid var(--line);
    box-shadow: 0 18px 60px rgba(16,24,40,.12);
  }
}

.brand__logo{display:flex;align-items:center}
.brand__logo img{height:128px;width:auto;display:block}
.hero__explain{
  margin-top:24px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.86);
  border-radius: var(--radius2);
  padding:14px;
  box-shadow: 0 12px 36px rgba(16,24,40,.06);
}
.hero__explain ul{margin:10px 0 0; padding-left:18px}
.hero__explain li{margin:6px 0; color: rgba(18,24,38,.82)}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:10px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(45,212,255,.45);
  background: rgba(255,255,255,.92);
  font-weight:800;
  font-size:12px;
}
.nav-toggle__bar{width:20px;height:2px;border-radius:999px}