/*
  Styl strony głównej — "Ubezpieczamy zdrowie i życie"
  Ładowany TYLKO na stronie głównej, zależny od global.css (zmienne, .uzz-wrap,
  przyciski .uzz-btn-cta/.uzz-btn-ghost i .uzz-section-head są już tam zdefiniowane —
  nie duplikujemy ich tutaj).
*/

.uzz-page{
  font-family:var(--sans);
  color:var(--ink);
  background:var(--white);
  font-size:18px;
  line-height:1.6;
}

.uzz-page h1, .uzz-page h2, .uzz-page h3{
  font-family:var(--serif);
  color:var(--navy);
  line-height:1.2;
  font-weight:600;
}

.uzz-page a{color:var(--navy); text-decoration:none;}

/* .uzz-wrap jest już zdefiniowany w global.css — nie powtarzamy tutaj */

/* ---------- HERO ---------- */
.uzz-hero{ padding:88px 0 72px; }
.uzz-hero .uzz-wrap{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:56px;
  align-items:center;
}
.uzz-hero h1{ font-size:44px; max-width:20ch; margin-bottom:20px; }
.uzz-hero p.uzz-lead{
  font-size:20px;
  color:var(--ink-light);
  max-width:44ch;
  margin-bottom:32px;
}
.uzz-hero-photo{
  width:100%;
  aspect-ratio:4/5;
  background:linear-gradient(160deg, var(--surface), #E9ECF1);
  border-radius:var(--radius);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--ink-light);
  font-size:15px;
  text-align:center;
  padding:24px;
  border:1px solid var(--border);
}

/* ---------- CTA BUTTON ---------- */
/* .uzz-btn-cta i .uzz-btn-ghost są już zdefiniowane w global.css — nie powtarzamy tutaj */

/* ---------- TRUST BAR ---------- */
.uzz-trust-bar{ background:var(--navy); color:var(--white); }
.uzz-trust-bar .uzz-wrap{
  padding:14px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-size:15px;
  flex-wrap:wrap;
  text-align:center;
}
.uzz-trust-bar strong{ color:var(--orange); }

/* ---------- PILLARS ---------- */
.uzz-pillars{ padding:80px 0; }
/* .uzz-section-head jest już zdefiniowany w global.css — nie powtarzamy tutaj */
.uzz-pillar-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:32px; }
.uzz-pillar{ border-top:3px solid var(--orange); padding-top:20px; }
.uzz-pillar h3{ font-size:22px; margin-bottom:10px; }
.uzz-pillar p{ color:var(--ink-light); font-size:16px; margin-bottom:14px; }
.uzz-pillar a{ font-weight:600; font-size:15px; color:var(--navy-soft); }

/* ---------- PROCESS ---------- */
.uzz-process{ background:var(--surface); padding:80px 0; }
.uzz-process-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:28px; }
.uzz-step{ background:var(--white); border:1px solid var(--border); border-radius:var(--radius); padding:24px 20px; }
.uzz-step .uzz-num{ font-family:var(--serif); font-size:28px; color:var(--orange); margin-bottom:10px; display:block; }
.uzz-step h3{ font-size:18px; margin-bottom:8px; }
.uzz-step p{ font-size:15px; color:var(--ink-light); }

/* ---------- BLOG PREVIEW ---------- */
.uzz-blog{ padding:80px 0; }
.uzz-blog-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:32px; }
.uzz-post{ border-bottom:1px solid var(--border); padding-bottom:20px; }
.uzz-post .uzz-date{ font-size:13px; color:var(--ink-light); margin-bottom:8px; }
.uzz-post h3{ font-size:19px; margin-bottom:8px; }
.uzz-post p{ font-size:15px; color:var(--ink-light); }

/* ---------- FINAL CTA ---------- */
.uzz-final-cta{ background:var(--navy); color:var(--white); padding:72px 0; text-align:center; }
.uzz-final-cta h2{ color:var(--white); font-size:32px; max-width:26ch; margin:0 auto 16px; }
.uzz-final-cta p{ color:#C7D2E0; max-width:48ch; margin:0 auto 32px; font-size:18px; }

/* ---------- RESPONSIVE ---------- */
@media (max-width:860px){
  .uzz-hero .uzz-wrap{ grid-template-columns:1fr; }
  .uzz-hero-photo{ max-width:340px; margin:0 auto; }
  .uzz-pillar-grid, .uzz-process-grid, .uzz-blog-grid{ grid-template-columns:1fr; }
  .uzz-hero h1{ font-size:34px; }
  .uzz-btn-ghost{ display:block; margin-left:0; margin-top:16px; width:fit-content; }
}
/* :focus-visible jest już zdefiniowany globalnie w global.css — nie powtarzamy tutaj */