/* Strona glowna — spojna ze stopka i kontaktem: granat #0B1A2E, akcent #1790E7/#34B5E7, Geomanist. */
:root{--eh-granat:#0B1A2E;--eh-granat2:#10233D;--eh-tekst:#4A5B70;--eh-szary:#6B7C91;--eh-linia:#E3EAF2;--eh-akcent:#1790E7;--eh-akcent2:#34B5E7;--eh-tlo:#F4F8FC}
.eh-hero,.eh-sekcja{font-family:"Geomanist","ct_font_geomanist",system-ui,-apple-system,"Segoe UI",sans-serif}
.eh-sekcja{padding:88px 0}
.eh-sekcja h2{margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.02em;font-weight:500;color:var(--eh-granat)}
.eh-sekcja h3{color:var(--eh-granat);font-weight:500}
.eh-naglowek{max-width:720px;margin:0 auto 44px;text-align:center}
.eh-naglowek p{margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--eh-tekst);font-weight:300}
.eh-kicker-s{margin:0 0 10px;color:var(--eh-akcent);font-size:13.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.eh-przypis{font-size:13px;color:var(--eh-szary)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* przyciski */
.eh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:500;text-decoration:none!important;transition:filter .15s,background .15s,border-color .15s,transform .15s;white-space:nowrap}
.eh-btn:active{transform:translateY(1px)}
.eh-btn:focus-visible{outline:2px solid var(--eh-akcent);outline-offset:3px}
.eh-btn-glowny{color:#fff!important;background:linear-gradient(135deg,#1778C8,#0E62AD);box-shadow:0 12px 28px -12px rgba(23,144,231,.85)}
.eh-btn-glowny:hover{filter:brightness(.92)}
.eh-btn-cena{padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.2);font-size:13px;font-weight:400}
.eh-btn-drugi,.eh-btn-obrys{color:var(--eh-granat)!important;border:1.5px solid #C9D6E4;background:#fff}
.eh-btn-drugi:hover,.eh-btn-obrys:hover{border-color:var(--eh-akcent);color:var(--eh-akcent)!important}
.eh-btn-obrys-jasny{color:#fff!important;border:1.5px solid rgba(255,255,255,.35)}
.eh-btn-obrys-jasny:hover{border-color:#fff;background:rgba(255,255,255,.06)}

/* HERO */
.eh-hero{position:relative;overflow:hidden;padding:56px 0 72px;background:radial-gradient(900px 500px at 85% 20%,rgba(52,181,231,.16),transparent 65%),radial-gradient(700px 420px at 0% 100%,rgba(23,144,231,.08),transparent 70%)}
.eh-hero-siatka{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.eh-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px 6px 8px;border:1px solid var(--eh-linia);border-radius:999px;background:#fff;font-size:13.5px;font-weight:500;color:var(--eh-granat)}
.eh-kicker img{width:20px;height:20px}
.eh-hero h1{margin:0;font-size:clamp(34px,4.6vw,56px);line-height:1.07;letter-spacing:-.025em;font-weight:500;color:var(--eh-granat)}
.eh-lead{margin:20px 0 0;max-width:560px;font-size:18.5px;line-height:1.6;color:var(--eh-tekst);font-weight:300}
.eh-termin{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 16px;border-radius:12px;background:#FFF6E5;border:1px solid #F6D58E;color:#6B4A00!important;font-size:14.5px;line-height:1.4;text-decoration:none!important}
.eh-termin:hover{background:#FFF0D1}
.eh-kropka{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#F29D0B;box-shadow:0 0 0 0 rgba(242,157,11,.6);animation:eh-puls 2s infinite}
@keyframes eh-puls{70%{box-shadow:0 0 0 9px rgba(242,157,11,0)}100%{box-shadow:0 0 0 0 rgba(242,157,11,0)}}
.eh-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.eh-zaufanie{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 0;padding:0}
.eh-zaufanie li{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--eh-tekst)}
.eh-zaufanie li::before{content:"";width:18px;height:18px;flex-shrink:0;border-radius:50%;background:#E3F6EA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E9E50' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.eh-hero-media{position:relative}
.eh-hero-media::before{content:"";position:absolute;inset:8% -6% -8% 10%;border-radius:32px;background:linear-gradient(145deg,var(--eh-akcent2),var(--eh-akcent) 55%,#0B5BB5);transform:rotate(-4deg);z-index:0}
.eh-ramka{position:relative;z-index:1;overflow:hidden;border-radius:20px;background:#fff;border:1px solid rgba(11,26,46,.08);box-shadow:0 30px 60px -30px rgba(11,26,46,.55)}
.eh-ramka video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#EEF3F8}

/* CENNIK */
.eh-cennik{background:var(--eh-tlo)}
.eh-plany{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.eh-plan{position:relative;display:flex;flex-direction:column;padding:28px 24px 24px;background:#fff;border:1px solid var(--eh-linia);border-radius:20px}
.eh-plan h3{margin:0;font-size:22px}
.eh-plan-opis{margin:6px 0 0;min-height:42px;font-size:14px;color:var(--eh-szary)}
.eh-cena{margin:18px 0 20px;color:var(--eh-szary);font-size:14px}
.eh-cena b{font-size:34px;font-weight:500;letter-spacing:-.02em;color:var(--eh-granat)}
.eh-plan ul{list-style:none;display:grid;gap:10px;margin:0 0 24px;padding:18px 0 0;border-top:1px solid #EEF2F6;font-size:14.5px;color:#23344A}
.eh-plan li{position:relative;padding-left:26px;line-height:1.4}
.eh-plan li::before{content:"";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:center/11px no-repeat}
.eh-plan li.tak::before{background-color:#E3F6EA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E9E50' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E")}
.eh-plan li.nie{color:var(--eh-szary)}
.eh-plan li.nie::before{background-color:#F1F3F6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A99AB' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}
.eh-plan .eh-btn{margin-top:auto;width:100%}
.eh-plan-tekst{margin:0 0 24px;padding-top:18px;border-top:1px solid #EEF2F6;font-size:14.5px;line-height:1.55;color:var(--eh-tekst)}
.eh-plan-wyr{border:2px solid var(--eh-akcent);box-shadow:0 24px 50px -28px rgba(23,144,231,.7)}
.eh-plakietka{position:absolute;top:-13px;left:24px;margin:0;padding:4px 12px;border-radius:999px;background:var(--eh-akcent);color:#fff;font-size:12.5px;font-weight:500}
.eh-plan-api{background:linear-gradient(165deg,var(--eh-granat2),var(--eh-granat));border-color:transparent}
.eh-plan-api h3,.eh-plan-api .eh-cena b{color:#fff}.eh-plan-api .eh-plan-opis,.eh-plan-api .eh-cena{color:#9FB2C8}
.eh-plan-api .eh-plan-tekst{color:#C3D1E0;border-color:rgba(255,255,255,.1)}
.eh-plan-api .eh-btn-obrys{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.35)}
.eh-dopisek{margin:28px 0 0;text-align:center;font-size:15px;color:var(--eh-tekst)}
.eh-dopisek a{color:var(--eh-akcent);font-weight:500;white-space:nowrap}

/* CZYM SĄ — kafle */
.eh-kafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.eh-kafel{display:flex;flex-direction:column;padding:28px;border:1px solid var(--eh-linia);border-radius:20px;background:#fff;text-decoration:none!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.eh-kafel:hover{border-color:#B9DDF6;box-shadow:0 22px 44px -28px rgba(23,144,231,.6);transform:translateY(-2px)}
.eh-kafel:focus-visible{outline:2px solid var(--eh-akcent);outline-offset:3px}
.eh-ikona{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#E8F4FD;margin-bottom:18px}
.eh-ikona svg{width:24px;height:24px;fill:none;stroke:var(--eh-akcent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.eh-kafel h3{margin:0 0 8px;font-size:20px}
.eh-kafel p{margin:0 0 18px;color:var(--eh-tekst);font-size:15.5px;line-height:1.55;font-weight:300}
.eh-wiecej{margin-top:auto;color:var(--eh-akcent);font-weight:500;font-size:15px}
.eh-wiecej::after{content:" →"}

/* KORZYŚCI */
.eh-korzysci{background:var(--eh-tlo)}
.eh-siatka3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.eh-siatka3 li{padding:26px;background:#fff;border:1px solid var(--eh-linia);border-radius:18px;counter-increment:k;position:relative}
.eh-siatka3 li::before{content:"";display:block;width:36px;height:36px;margin-bottom:14px;border-radius:10px;background:#E3F6EA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E9E50' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/18px no-repeat}
.eh-siatka3 h3{margin:0 0 6px;font-size:18px}
.eh-siatka3 p{margin:0;font-size:15px;line-height:1.55;color:var(--eh-tekst);font-weight:300}

/* JAK ZAŁOŻYĆ */
.eh-jak-siatka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.eh-kroki{list-style:none;counter-reset:krok;margin:26px 0;padding:0;display:grid;gap:14px}
.eh-kroki li{counter-increment:krok;position:relative;padding:6px 0 6px 52px;min-height:36px;font-size:16px;line-height:1.5;color:var(--eh-tekst)}
.eh-kroki li b{color:var(--eh-granat);font-weight:500;margin-right:4px}
.eh-kroki li::before{content:counter(krok);position:absolute;left:0;top:2px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--eh-granat);color:#fff;font-weight:500}
.eh-dokumenty{margin:0 0 28px;padding:20px 22px;border-radius:16px;background:var(--eh-tlo);border:1px solid var(--eh-linia)}
.eh-dokumenty h3{margin:0 0 10px;font-size:16px}
.eh-dokumenty ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px;line-height:1.5;color:var(--eh-tekst)}
.eh-dokumenty b{color:var(--eh-granat);font-weight:500}
.eh-jak-media{margin:0}
.eh-jak-media figcaption{margin-top:14px;font-size:14.5px;color:var(--eh-szary);text-align:center}

/* HARMONOGRAM */
.eh-harmonogram{background:var(--eh-tlo)}
.eh-os{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;position:relative}
@media (max-width:1240px){.eh-os{grid-template-columns:repeat(3,minmax(0,1fr))}}
.eh-etap{padding:24px 22px;background:#fff;border:1px solid var(--eh-linia);border-radius:18px;position:relative}
.eh-etap-status{display:inline-block;margin:0 0 12px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:500;background:#EEF2F6;color:var(--eh-szary)}
.eh-etap-ok .eh-etap-status{background:#E3F6EA;color:#1E7E44}
.eh-etap-teraz{border:2px solid #F29D0B;box-shadow:0 20px 44px -28px rgba(242,157,11,.7)}
.eh-etap-teraz .eh-etap-status{background:#FFF0D1;color:#8A5A00}
.eh-etap h3{margin:0 0 12px;font-size:19px}
.eh-etap ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;line-height:1.5;color:var(--eh-tekst)}
.eh-etap li{padding-left:14px;position:relative}.eh-etap li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--eh-akcent)}
.eh-etap .eh-przypis{margin:12px 0 0}

/* ZAWODY */
.eh-zawody{padding-top:0;background:var(--eh-tlo)}
.eh-karta-duza{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 44px;border-radius:24px;background:linear-gradient(150deg,var(--eh-granat2),var(--eh-granat));color:#C3D1E0}
.eh-karta-duza h2{color:#fff}
.eh-karta-duza p{max-width:720px;margin:14px 0 0;font-size:16px;line-height:1.6;font-weight:300}
.eh-karta-duza .eh-kicker-s{color:var(--eh-akcent2);margin:0}
.eh-karta-duza .eh-przypis{color:#8FA3BC}

/* FAQ */
.eh-faq-siatka{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:56px;align-items:start}
.eh-faq-siatka>div:first-child{position:sticky;top:110px}
.eh-faq-siatka>div:first-child p{margin:14px 0 0;color:var(--eh-tekst);font-size:16px;line-height:1.6}
.eh-faq-siatka a{color:var(--eh-akcent)}
.eh-faq-lista{display:grid;gap:10px}
.eh-faq-lista details{border:1px solid var(--eh-linia);border-radius:16px;background:#fff;transition:border-color .15s}
.eh-faq-lista details[open]{border-color:#B9DDF6}
.eh-faq-lista summary{list-style:none;cursor:pointer;position:relative;padding:20px 56px 20px 22px;font-size:16.5px;font-weight:500;color:var(--eh-granat);line-height:1.4}
.eh-faq-lista summary::-webkit-details-marker{display:none}
.eh-faq-lista summary::after{content:"";position:absolute;right:22px;top:50%;width:10px;height:10px;border-right:2px solid var(--eh-akcent);border-bottom:2px solid var(--eh-akcent);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.eh-faq-lista details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.eh-faq-lista summary:focus-visible{outline:2px solid var(--eh-akcent);outline-offset:-2px;border-radius:16px}
.eh-odp{padding:0 22px 20px;font-size:15.5px;line-height:1.65;color:var(--eh-tekst)}
.eh-odp ul{margin:6px 0 0;padding-left:20px}.eh-odp code{padding:1px 6px;border-radius:6px;background:#EEF3F8;font-size:14px}

/* FINAŁ + NEWSLETTER */
.eh-final{padding-top:0}
.eh-final-karta{text-align:center;padding:56px 32px;border-radius:28px;color:#C3D1E0;background:radial-gradient(600px 260px at 50% 0%,rgba(52,181,231,.28),transparent 70%),linear-gradient(160deg,var(--eh-granat2),var(--eh-granat))}
.eh-final-karta h2{color:#fff}
.eh-final-karta p{margin:12px auto 0;max-width:560px;font-size:17px;font-weight:300}
.eh-final-karta .eh-cta{justify-content:center}
.eh-newsletter{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin-top:28px;padding:28px 32px;border:1px solid var(--eh-linia);border-radius:20px;background:#fff}
.eh-newsletter h2{font-size:22px}
.eh-newsletter p{margin:6px 0 0;color:var(--eh-tekst);font-size:15px}
.eh-nl-form{display:flex;gap:10px;flex:1 1 440px;max-width:620px}
.eh-nl-form input{flex:1;min-width:0;min-height:52px;padding:0 16px;font:inherit;font-size:16px;border:1px solid #D5DFEA;border-radius:999px;background:#F7FAFD}
.eh-nl-form input:focus{outline:none;border-color:var(--eh-akcent);background:#fff;box-shadow:0 0 0 4px rgba(23,144,231,.15)}
.eh-pulapka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* PASEK (telefon) */
.eh-pasek{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:18px;background:rgba(11,26,46,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -16px rgba(11,26,46,.7);color:#C3D1E0;font-family:"Geomanist",system-ui,sans-serif;font-size:13px;line-height:1.3;transform:translateY(140%);transition:transform .3s ease}
.eh-pasek b{display:block;color:#fff;font-size:15.5px;font-weight:500}
.eh-pasek .eh-btn{min-height:44px;padding:0 22px}
.eh-pasek.widoczny{transform:translateY(0)}

/* RESPONSYWNOŚĆ */
@media (max-width:1100px){ .eh-plany{grid-template-columns:repeat(2,minmax(0,1fr))} .eh-os{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){
  .eh-sekcja{padding:64px 0}
  .eh-hero{padding:32px 0 56px}
  .eh-hero-siatka,.eh-jak-siatka,.eh-faq-siatka{grid-template-columns:1fr;gap:40px}
  .eh-faq-siatka>div:first-child{position:static}
  .eh-kafle,.eh-siatka3{grid-template-columns:1fr 1fr}
  .eh-karta-duza{flex-direction:column;align-items:flex-start;padding:32px 28px}
}
@media (max-width:640px){
  .eh-sekcja{padding:52px 0}
  .eh-naglowek{margin-bottom:30px;text-align:left}
  .eh-lead{font-size:17px}
  .eh-cta .eh-btn{width:100%}
  .eh-plany,.eh-kafle,.eh-siatka3,.eh-os{grid-template-columns:1fr}
  .eh-plan-opis{min-height:0}
  .eh-hero-media::before{inset:6% -3% -6% 6%}
  .eh-nl-form{flex-direction:column}
  .eh-newsletter{padding:24px 20px}
  .eh-final-karta{padding:40px 22px}
  .eh-pasek{display:flex}
  .eh-dopisek{text-align:left;line-height:1.9}
}
@media (prefers-reduced-motion:reduce){ .eh-kropka{animation:none} .eh-pasek{transition:none} .eh-kafel{transition:none} }

/* cena brutto pod netto — obowiazek wobec konsumentow */
.eh-brutto{display:block;margin-top:4px;font-size:14px;font-weight:400;color:var(--eh-szary)}
.eh-cena b{white-space:nowrap}

.eh-plan-maly-link{display:block;margin-top:10px;text-align:center;font-size:14px;color:var(--eh-akcent,#1790E7);text-decoration:none}
.eh-plan-maly-link:hover{text-decoration:underline}
