<style>
:root{
--bg:#fffdf9;
--ink:#1f1f1f;
--muted:#6b6b6b;
--brand:#2d7a6d; /* akcent – mięta/zieleń */
--brand-2:#ffe9a8; /* delikatny beż/żółty */
--card:#ffffff;
--ring:rgba(45,122,109,.18);
--radius:18px;
--shadow:0 6px 24px rgba(0,0,0,.06);
}
.k-container{max-width:1100px;margin:0 auto;padding:clamp(16px,3vw,28px);}
.k-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;background:linear-gradient(180deg,var(--bg),#fff);padding:36px;border-radius:var(--radius);box-shadow:var(--shadow);}
.k-hero h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:0 0 10px;color:var(--ink);}
.k-hero p.lead{font-size:clamp(16px,2.2vw,18px);color:var(--muted);margin:0 0 18px;}
.k-badge{display:inline-block;background:var(--brand-2);color:#5c4a00;font-weight:600;padding:6px 12px;border-radius:999px;margin-bottom:12px;}
.k-cta{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#fff !important;font-weight:700;padding:14px 20px;border-radius:12px;text-decoration:none;box-shadow:0 8px 20px var(--ring);transition:.2s transform;}
.k-cta:hover{transform:translateY(-2px)}
.k-hero img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow);object-fit:cover;}
.k-section{margin-top:48px}
.k-section h2{font-size:clamp(22px,3vw,28px);margin:0 0 12px}
.k-section p{color:var(--muted);margin:0 0 10px}
.k-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.k-card{background:var(--card);border:1px solid #eee;border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.k-card h3{margin:0 0 8px;font-size:18px}
.k-card p{margin:0;color:var(--muted)}
.k-mods{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px}
.k-mod{background:var(--card);border:1px solid #eee;border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.k-mod h4{margin:0 0 8px;font-size:17px}
.k-mod ul{margin:6px 0 0 18px;color:var(--muted)}
.k-mod li{margin:6px 0}
.k-bonuses{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:10px}
.k-chip{background:#f8f8f8;border:1px dashed #e5e5e5;border-radius:12px;padding:12px;font-weight:600}
.k-pricing{display:grid;grid-template-columns:1fr .9fr;gap:22px;align-items:center;background:linear-gradient(180deg,#ffffff,var(--bg));border:1px solid #eee;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.k-price{font-size:36px;font-weight:800;color:var(--brand)}
.k-old{color:#a1a1a1;text-decoration:line-through;margin-left:10px;font-weight:500}
.k-faq details{background:#fff;border:1px solid #eee;border-radius:12px;padding:14px;margin-top:10px}
.k-faq summary{cursor:pointer;font-weight:700}
@media (max-width:920px){
.k-hero{grid-template-columns:1fr;gap:18px}
.k-list,.k-mods{grid-template-columns:1fr}
.k-bonuses{grid-template-columns:1fr;gap:10px}
.k-pricing{grid-template-columns:1fr}
}
</style>
<div class="k-container">
<!-- HERO -->
<section class="k-hero">
<div>
<span class="k-badge">Kurs online dla rodziców nastolatków</span>
<h1>Wspieraj z głową. AI i nastolatek w jednym domu</h1>
<p class="lead">Jak rozmawiać, wspierać i mądrze wprowadzać sztuczną inteligencję w życie nastolatka – bez strachu i bez zakazów. 5 modułów + karty PDF + bonusy.</p>
<a class="k-cta" href="TU-WSTAW-LINK-DO-PRODUKTU-WOOCOMMERCE">Kup teraz – odbierz dostęp</a>
<p style="margin-top:8px;color:#8a8a8a;">Dostęp natychmiast po płatności. Materiały na zawsze.</p>
</div>
<img src="https://images.unsplash.com/photo-1515378791036-0648a3ef77b2?q=80&w=1200&auto=format&fit=crop" alt="Rodzic i nastolatek pracują z laptopem – kurs AI">
</section>
<!-- PROBLEM/ROZWIĄZANIE -->
<section class="k-section">
<h2>Twoje dziecko korzysta z AI – czy tego chcesz, czy nie</h2>
<div class="k-list">
<div class="k-card">
<h3>Znany lęk</h3>
<p>„Przestanie myśleć samodzielnie”, „Nie znam się na tym”, „Jak o tym rozmawiać?”. To normalne – i rozwiązywalne.</p>
</div>
<div class="k-card">
<h3>Nasze podejście</h3>
<p>Nie uczymy zakazów. Uczymy rozmowy, zasad fair use i mądrego korzystania z narzędzi, które już są w plecakach.</p>
</div>
</div>
</section>
<!-- PROGRAM -->
<section class="k-section">
<h2>Program kursu</h2>
<div class="k-mods">
<div class="k-mod">
<h4>Moduł 1 — Czym w ogóle jest ta cała AI?</h4>
<ul>
<li>Jak działa i skąd jej „magia”.</li>
<li>Typy narzędzi: tekst, obraz, głos, wideo.</li>
<li>Fakty i mity bez paniki.</li>
</ul>
</div>
<div class="k-mod">
<h4>Moduł 2 — Czy to napisał mój nastolatek, czy ChatGPT?</h4>
<ul>
<li>Dlaczego „wykrywacze AI” często się mylą.</li>
<li>Sygnały użycia AI (to nie dowody!).</li>
<li>Reakcje, które nie niszczą zaufania.</li>
</ul>
</div>
<div class="k-mod">
<h4>Moduł 3 — Jak rozmawiać z dzieckiem o AI?</h4>
<ul>
<li>Gotowe pytania zamiast przesłuchań.</li>
<li>Empatia > moralizowanie.</li>
<li>Wspólne eksperymentowanie.</li>
</ul>
</div>
<div class="k-mod">
<h4>Moduł 4 — AI jako pomoc, nie proteza</h4>
<ul>
<li>Kreatywne i rozwojowe użycia.</li>
<li>Domowe i szkolne zasady fair use.</li>
<li>Przykłady: nauka, pisanie, inspiracja.</li>
</ul>
</div>
<div class="k-mod">
<h4>Moduł 5 — Jak wspierać, gdy „nie ogarniam”?</h4>
<ul>
<li>Autorytet bez kontroli.</li>
<li>Regulacja własnego lęku.</li>
<li>10 zasad mądrego towarzyszenia.</li>
</ul>
</div>
</div>
<div class="k-bonuses">
<div class="k-chip">📄 PDF: 5 pytań do rozmowy o AI</div>
<div class="k-chip">🗂️ Karta: 10 zasad fair use</div>
<div class="k-chip">🛠️ Lista narzędzi AI dla rodziców</div>
</div>
</section>
<!-- CENA/CTA -->
<section class="k-section k-pricing">
<div>
<h2>Dołącz teraz w cenie przedsprzedażowej</h2>
<p class="k-price">149 zł <span class="k-old">199 zł</span></p>
<p style="color:var(--muted)">Promocja obowiązuje przez pierwsze 4 dni sprzedaży. Dostęp bez ograniczeń czasu, aktualizacje w cenie.</p>
</div>
<div>
<a class="k-cta" href="TU-WSTAW-LINK-DO-PRODUKTU-WOOCOMMERCE">Kup teraz – zacznij wspierać z głową</a>
<p style="margin-top:10px;color:#8a8a8a">Płatności: Stripe / Przelewy24 / Blik • Faktura na maila • 7 dni gwarancji satysfakcji</p>
</div>
</section>
<!-- O AUTORCE -->
<section class="k-section">
<h2>O autorce</h2>
<p>Karolina Piłka — polonistka, edukatorka i twórczyni „Szkoły po Polsku”. Wspiera młodych w nauce i pomaga rodzicom rozumieć cyfrowy świat. Ten kurs powstał z misji: dać rodzinom język do rozmowy o AI, bez lęku i bez zakazów.</p>
</section>
<!-- FAQ -->
<section class="k-section k-faq">
<h2>FAQ</h2>
<details><summary>Nie znam się na technologii. Czy sobie poradzę?</summary>
<p>Tak. Kurs jest „po ludzku” — zero żargonu, dużo przykładów, gotowe pytania do rozmów.</p>
</details>
<details><summary>Ile mam dostępu?</summary>
<p>Bez limitu czasu. Otrzymujesz dostęp na stałe, wraz z aktualizacjami.</p>
</details>
<details><summary>Czy dostanę fakturę?</summary>
<p>Tak — faktura przychodzi automatycznie na maila po zakupie.</p>
</details>
</section>
</div>
