* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body { font-family:'Poppins', sans-serif; color:#1c1c1e; line-height:1.6; background:#fafafa; }
.container { max-width:1180px; margin:0 auto; padding:0 24px; }
h1,h2,h3 { font-weight:600; line-height:1.25; }
h2 { font-size:2rem; margin-bottom:12px; text-align:center; }
.section-lead { text-align:center; max-width:640px; margin:0 auto 40px; color:#555; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
section { padding:80px 0; }

.btn { display:inline-block; padding:14px 28px; border-radius:8px; font-weight:600; font-size:.95rem; transition:.25s; cursor:pointer; border:2px solid transparent; }
.btn--primary { background:#0f2a3f; color:#fff; }
.btn--primary:hover { background:#153b58; }
.btn--ghost { border-color:#0f2a3f; color:#0f2a3f; }
.btn--ghost:hover { background:#0f2a3f; color:#fff; }
.btn--outline { border-color:#0f2a3f; color:#0f2a3f; display:block; text-align:center; margin-top:16px; }
.btn--outline:hover { background:#0f2a3f; color:#fff; }
.btn--small { padding:10px 20px; font-size:.85rem; }
.btn--full { width:100%; text-align:center; border:none; }

.header { position:fixed; top:0; left:0; width:100%; background:rgba(250,250,250,.95); backdrop-filter:blur(6px); z-index:1000; box-shadow:0 2px 10px rgba(0,0,0,.05); }
.header__inner { display:flex; align-items:center; justify-content:space-between; padding:16px 24px; }
.logo { font-size:1.4rem; font-weight:700; color:#0f2a3f; }
.logo span { color:#c9a24b; }
.nav ul { display:flex; gap:28px; }
.nav a { font-weight:500; }
.nav a:hover { color:#c9a24b; }
.header__cta { margin-left:16px; }
.burger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; }
.burger span { width:26px; height:3px; background:#0f2a3f; border-radius:3px; }

.hero { padding:160px 0 100px; background:linear-gradient(135deg,#0f2a3f,#1c4a68); color:#fff; }
.hero__inner { display:flex; align-items:center; gap:50px; flex-wrap:wrap; }
.hero__text { flex:1; min-width:300px; }
.hero__text h1 { font-size:2.6rem; margin-bottom:20px; }
.hero__text p { font-size:1.1rem; margin-bottom:30px; color:#dce6ef; }
.hero__buttons { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:40px; }
.hero .btn--ghost { border-color:#fff; color:#fff; }
.hero .btn--ghost:hover { background:#fff; color:#0f2a3f; }
.hero__stats { display:flex; gap:40px; flex-wrap:wrap; }
.hero__stats strong { font-size:1.6rem; display:block; color:#c9a24b; }
.hero__stats span { font-size:.85rem; color:#cfd9e2; }
.hero__image { flex:1; min-width:280px; height:340px; border-radius:16px; background:linear-gradient(135deg,#c9a24b,#0f2a3f); }

.grid { display:grid; gap:28px; }
.grid--3 { grid-template-columns:repeat(3,1fr); }
@media (max-width:900px){ .grid--3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .grid--3{ grid-template-columns:1fr; } }

.card { background:#fff; padding:32px 24px; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.05); text-align:center; transition:.25s; }
.card:hover { transform:translateY(-6px); box-shadow:0 12px 24px rgba(0,0,0,.08); }
.card__icon { font-size:2.2rem; margin-bottom:12px; }
.card h3 { margin-bottom:10px; }
.card p { color:#555; font-size:.95rem; }

.o-nama__inner { display:flex; align-items:center; gap:50px; flex-wrap:wrap; }
.o-nama__image { flex:1; min-width:280px; height:320px; border-radius:16px; background:linear-gradient(135deg,#c9a24b,#0f2a3f); }
.o-nama__text { flex:1; min-width:300px; }
.o-nama__text p { color:#555; margin-bottom:20px; }
.checklist li { padding:8px 0; padding-left:28px; position:relative; color:#333; }
.checklist li::before { content:'✓'; position:absolute; left:0; color:#c9a24b; font-weight:700; }

.cjenik { background:#f2f2f2; }
.price-card { background:#fff; border-radius:12px; padding:36px 28px; text-align:center; box-shadow:0 6px 18px rgba(0,0,0,.05); }
.price-card--featured { border:2px solid #c9a24b; transform:scale(1.03); }
.price-card h3 { margin-bottom:10px; }
.price { font-size:1.8rem; font-weight:700; color:#0f2a3f; margin-bottom:20px; }
.price-card ul { margin-bottom:10px; text-align:left; }
.price-card ul li { padding:6px 0; color:#555; }

.gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.gallery-item { height:220px; border-radius:12px; background:linear-gradient(135deg,#0f2a3f,#c9a24b); }
@media (max-width:768px){ .gallery-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .gallery-grid{ grid-template-columns:1fr; } }

.testimonials { background:#0f2a3f; color:#fff; }
.testimonials h2 { color:#fff; }
.testimonial { background:rgba(255,255,255,.06); padding:28px; border-radius:12px; }
.testimonial p { margin-bottom:16px; font-style:italic; color:#e3e9ef; }

.kontakt__inner { display:flex; gap:50px; flex-wrap:wrap; }
.kontakt__info { flex:1; min-width:280px; }
.kontakt__info p { color:#555; margin-bottom:20px; }
.contact-list li { padding:8px 0; color:#333; }
.socials { display:flex; gap:16px; margin-top:20px; }
.socials a { padding:10px 18px; border:2px solid #0f2a3f; border-radius:8px; font-weight:600; color:#0f2a3f; }
.socials a:hover { background:#0f2a3f; color:#fff; }

.kontakt__form { flex:1; min-width:300px; background:#fff; padding:32px; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,.05); }
.form-group { margin-bottom:18px; }
.form-group label { display:block; margin-bottom:6px; font-weight:500; font-size:.9rem; }
.form-group input, .form-group textarea { width:100%; padding:12px; border:1px solid #ddd; border-radius:8px; font-family:inherit; font-size:.95rem; }
.form-group input:focus, .form-group textarea:focus { outline:none; border-color:#c9a24b; }
.form-success { margin-top:14px; color:#1a7f37; font-weight:600; text-align:center; }

.footer { background:#0b1e2c; color:#cfd9e2; padding:50px 0 0; }
.footer__inner { display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap; padding-bottom:30px; }
.footer__links { display:flex; flex-direction:column; gap:10px; }
.footer__links a:hover { color:#c9a24b; }
.footer .logo { color:#fff; }
.footer p { margin-top:8px; font-size:.9rem; }
.footer__bottom { text-align:center; padding:18px 0; border-top:1px solid rgba(255,255,255,.1); font-size:.85rem; }

.legal-page { padding:160px 0 80px; max-width:900px; margin:0 auto; }
.legal-page h1 { margin-bottom:20px; font-size:2.2rem; }
.legal-page h2 { text-align:left; font-size:1.3rem; margin-top:30px; margin-bottom:10px; }
.legal-page p { color:#444; margin-bottom:10px; }
.legal-page .btn { margin-top:30px; }

@media (max-width:860px){
  .nav { position:fixed; top:74px; left:0; width:100%; background:#fff; flex-direction:column; padding:20px; box-shadow:0 8px 20px rgba(0,0,0,.08); transform:translateY(-150%); transition:.3s; }
  .nav.open { transform:translateY(0); }
  .nav ul { flex-direction:column; gap:18px; }
  .burger { display:flex; }
  .header__cta { display:none; }
}