@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url("fonts/inter-latin-ext-400-normal.0a6ff1a7c1e4.woff2") format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url("fonts/inter-latin-400-normal.da03732a27e1.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url("fonts/inter-latin-ext-600-normal.65aed4e1ef63.woff2") format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url("fonts/inter-latin-600-normal.2ede57db1a3a.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url("fonts/inter-latin-ext-700-normal.aa4c26661f64.woff2") format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url("fonts/inter-latin-700-normal.8ca0a5155296.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-weight:700;font-display:swap;src:url("fonts/space-grotesk-latin-ext-700-normal.a3fe6f980acc.woff2") format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-weight:700;font-display:swap;src:url("fonts/space-grotesk-latin-700-normal.f9e147a59a93.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--zielen:#02902f;--zielen-c:#027226;--zielen-bg:#e8f5ec;--txt:#222427;--mut:#5d6466;--linia:#e3e7e4;--tlo:#f7f8f6;
  --pilne:#c62828;--pilne-bg:#fdecec;--zal:#9a6400;--zal-bg:#fff4dc}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--tlo);color:var(--txt);font:16px/1.55 Inter,system-ui,sans-serif;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
a{color:var(--zielen)}
b,strong{font-weight:700}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.02em;line-height:1.1;margin:0}

.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding:18px 0}
.top img{height:34px;width:auto;display:block}
.chip{font-size:13px;font-weight:600;color:var(--zielen-c);background:var(--zielen-bg);border-radius:99px;padding:5px 12px;white-space:nowrap}

.hero{display:grid;gap:36px;padding:28px 0 56px;align-items:center}
.hero h1{font-size:clamp(34px,7vw,58px)}
.hero h1 em{font-style:normal;color:var(--zielen)}
.lead{font-size:18px;color:var(--mut);margin:18px 0 26px;max-width:34em}
.lead b{color:var(--txt)}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--zielen);color:#fff;text-decoration:none;
  font-weight:700;font-size:17px;border-radius:14px;padding:16px 24px;min-height:54px;box-shadow:0 6px 18px rgba(2,144,47,.25)}
.cta:hover{background:var(--zielen-c)}
.notka{font-size:14px;color:var(--mut);margin-top:14px}

.telefon{justify-self:center;width:min(100%,330px);background:#fff;border:1px solid var(--linia);border-radius:34px;padding:16px;
  box-shadow:0 24px 60px rgba(34,36,39,.12)}
.sms{background:#eef0ee;border-radius:18px 18px 18px 4px;padding:12px 14px;font-size:14px;margin-bottom:14px}
.sms small{display:block;color:var(--mut);font-size:12px;margin-bottom:4px}
.sms a{word-break:break-all}
.raport{border:1px solid var(--linia);border-radius:18px;overflow:hidden}
.raport h3{font-size:15px;padding:12px 14px;border-bottom:1px solid var(--linia);display:flex;align-items:center;gap:8px}
.raport h3 img{height:20px;width:auto}
.poz{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--linia);font-size:14px}
.poz:last-of-type{border-bottom:0}
.tag{font-size:11px;font-weight:700;border-radius:99px;padding:3px 9px;text-transform:uppercase;letter-spacing:.03em}
.tag.p{color:var(--pilne);background:var(--pilne-bg)}.tag.z{color:var(--zal);background:var(--zal-bg)}.tag.o{color:var(--zielen-c);background:var(--zielen-bg)}
.akcept{margin:12px 14px 14px;background:var(--zielen);color:#fff;font-weight:700;text-align:center;border-radius:12px;padding:12px;font-size:14px}

.sekcja{padding:56px 0;border-top:1px solid var(--linia)}
.eyebrow{font-size:13px;font-weight:700;color:var(--zielen-c);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.sekcja h2{font-size:clamp(26px,5vw,38px);margin-bottom:28px}
.karty{display:grid;gap:16px}
.karta{background:#fff;border:1px solid var(--linia);border-radius:20px;padding:22px}
.karta .nr{font-family:"Space Grotesk",sans-serif;font-weight:700;color:var(--zielen);font-size:15px}
.karta h3{font-size:21px;margin:8px 0}
.karta p{margin:0;color:var(--mut)}
.karta p b{color:var(--txt)}
.kroki{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:k}
.kroki li{counter-increment:k;display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--linia);border-radius:20px;padding:18px 20px}
.kroki li::before{content:counter(k);flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--zielen-bg);color:var(--zielen-c);
  font:700 16px/36px "Space Grotesk",sans-serif;text-align:center}
.kroki b{display:block;font-size:17px}
.kroki span{color:var(--mut)}

.pilotaz{background:var(--txt);color:#f2f4f3;border-radius:28px;padding:34px 26px;text-align:center}
.pilotaz h2{color:#fff;margin-bottom:12px}
.pilotaz p{color:#c9cfcb;max-width:34em;margin:0 auto 24px}
.pilotaz .furtka{font-size:14px;margin:16px auto 0}
.pilotaz .furtka a{color:#7fe0a0}

footer{padding:36px 0 48px;color:var(--mut);font-size:14px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
footer img{height:22px;width:auto;display:block}

@media (min-width:860px){
  .hero{grid-template-columns:1.15fr .85fr;padding:48px 0 80px}
  .karty{grid-template-columns:repeat(3,1fr)}
  .kroki{grid-template-columns:repeat(3,1fr)}
  .kroki li{flex-direction:column}
  .pilotaz{padding:52px}
}