:root{
    --navy:#1B3461; --yellow:#FDB714; --orange:#F6861F; --blue:#219FBD;
    --light:#F2F5FA; --sand:#ECEAE4; --black:#111; --white:#fff;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:Poppins,system-ui,sans-serif;color:var(--navy);background:var(--white);line-height:1.6}
  a{color:inherit}
  .wrap{max-width:1080px;margin:0 auto;padding:0 20px}

  /* Pasek górny */
  .top{background:var(--white);border-bottom:1px solid #e5e9f0}
  .top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
  .top img{height:52px}
  .top a.tel{font-weight:700;text-decoration:none;white-space:nowrap}

  /* Hero Black Week */
  .hero{background:var(--sand);position:relative;overflow:hidden}
  .hero::before{content:"% % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % % %";
    position:absolute;inset:-20px;font-family:Anton;font-size:90px;line-height:1.1;color:#000;opacity:.04;word-spacing:30px;pointer-events:none}
  .hero .wrap{position:relative;padding:56px 20px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
  .kicker{display:inline-block;background:var(--black);color:var(--yellow);font-weight:700;font-size:13px;letter-spacing:.18em;padding:6px 12px;border-radius:4px}
  .hero h1{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(64px,11vw,128px);line-height:.92;color:var(--black);margin:16px 0 12px;letter-spacing:.01em}
  .hero p.lead{font-size:19px;color:#222;max-width:520px}
  .price{display:flex;align-items:baseline;gap:16px;margin:24px 0 8px}
  .price .new{font-family:Anton;font-size:64px;color:var(--black);line-height:1}
  .price .old{font-size:24px;color:#777;text-decoration:line-through}
  .price .badge{background:var(--yellow);color:var(--black);font-weight:700;padding:4px 10px;border-radius:4px}
  .small{font-size:14px;color:#555}
  .cta{display:inline-block;background:var(--black);color:var(--white);font-weight:700;text-decoration:none;padding:16px 28px;border-radius:999px;margin:24px 12px 0 0;font-size:17px}
  .cta.alt{background:transparent;color:var(--black);border:2px solid var(--black)}
  .hero .photo{align-self:end;background:var(--white);border-radius:24px 24px 0 0;min-height:360px;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;text-align:center;padding:20px;border:2px dashed #cfcac0;border-bottom:none}
  .hero .photo.has-img{border:none;padding:0;background:none;min-height:0;align-self:center;margin-bottom:40px}
  .hero .photo.has-img img{width:100%;max-width:420px;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.18);display:block;margin:0 auto}
  .band{background:var(--black);color:var(--white);text-align:center;padding:18px 20px;font-size:14px;letter-spacing:.2em;font-weight:600}
  .band b{color:var(--yellow)}

  section{padding:72px 0}
  h2{font-size:clamp(26px,4vw,36px);line-height:1.2;margin-bottom:12px}
  h2 .y{color:var(--blue)}
  .sub{color:#4a5b7a;max-width:640px;margin-bottom:36px}

  /* Czego się nauczy */
  .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .card{background:var(--light);border-radius:20px;padding:24px}
  .card .ico{font-size:32px}
  .card h3{font-size:18px;margin:10px 0 6px}
  .card p{font-size:15px;color:#4a5b7a}

  /* Grupy */
  .groups{background:var(--light)}
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .groups .grid3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
  .groups .group{padding:22px}
  .group{background:var(--white);border-radius:20px;padding:28px;border-top:6px solid var(--yellow)}
  .group .age{font-weight:700;font-size:22px}
  .group .when{color:var(--blue);font-weight:600;margin:4px 0 12px}
  .group .free{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;background:#FFF4D6;color:#8a5a00;padding:4px 10px;border-radius:999px}

  /* Jak to działa */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
  .step{padding-left:56px;position:relative}
  .step::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--yellow);color:var(--black);font-weight:700;display:flex;align-items:center;justify-content:center}
  .step h3{font-size:18px;margin-bottom:4px}

  /* Formularz */
  .form-sec{background:var(--black);color:var(--white)}
  .form-sec .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
  .form-sec h2{color:var(--white)}
  .form-sec .sub{color:#c9c9c9}
  .form-sec ul{list-style:none;margin-top:12px}
  .form-sec li{margin:8px 0;padding-left:28px;position:relative}
  .form-sec li::before{content:"✓";position:absolute;left:0;color:var(--yellow);font-weight:700}
  form{background:var(--white);color:var(--navy);border-radius:20px;padding:28px}
  label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px}
  label .opt{font-weight:400;color:#8592aa}
  input,select,textarea{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid #cfd6e3;border-radius:10px;background:#fff;color:var(--navy)}
  input:focus,select:focus,textarea:focus{outline:none;border-color:var(--black)}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;color:#4a5b7a}
  .chk input{width:18px;height:18px;margin-top:3px;flex:none}
  button{width:100%;margin-top:20px;background:var(--yellow);color:var(--black);font:inherit;font-weight:700;font-size:18px;border:none;border-radius:999px;padding:16px;cursor:pointer}
  .note{font-size:13px;color:#8592aa;text-align:center;margin-top:10px}

  /* FAQ */
  details{border-bottom:1px solid #e5e9f0;padding:18px 0}
  summary{font-weight:600;cursor:pointer;font-size:17px}
  details p{margin-top:8px;color:#4a5b7a}

  footer{background:var(--navy);color:#d7deea;padding:40px 0;font-size:14px}
  footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
  footer b{color:var(--white)}

  @media (max-width:860px){
    .hero .wrap,.form-sec .wrap{grid-template-columns:1fr}
    .hero .photo{min-height:220px}
    .grid4{grid-template-columns:1fr 1fr}
    .grid3,.steps{grid-template-columns:1fr}
  }
  @media (max-width:520px){
    .grid4,.row2{grid-template-columns:1fr}
    .top img{height:42px}
    .cta{display:block;text-align:center;margin-right:0}
    section{padding:56px 0}
  }

  /* Strona główna */
  .promo{display:block;background:var(--black);color:var(--white);text-align:center;padding:12px 20px;font-weight:600;text-decoration:none;font-size:15px}
  .promo b{color:var(--yellow)}
  .promo span{text-decoration:underline}
  .hero-main{background:var(--navy);color:var(--white)}
  .hero-main .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:64px 20px}
  .hero-main .kicker{background:var(--yellow);color:var(--navy)}
  .hero-main h1{font-size:clamp(34px,5.5vw,56px);line-height:1.12;margin:18px 0 14px}
  .hero-main h1 .y{color:var(--yellow)}
  .hero-main p.lead{font-size:19px;color:#d7deea;max-width:560px}
  .hero-main .cta{background:var(--yellow);color:var(--navy)}
  .hero-main .cta.alt{background:transparent;color:var(--white);border:2px solid var(--white)}
  .stats{background:rgba(255,255,255,.08);border-radius:24px;padding:28px;display:grid;gap:18px}
  .stat b{display:block;font-size:34px;color:var(--yellow);line-height:1.1}
  .stat span{color:#d7deea;font-size:15px}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
  .ticks{list-style:none}
  .ticks li{padding:10px 0 10px 34px;position:relative;border-bottom:1px solid #e5e9f0}
  .ticks li::before{content:"✓";position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--navy);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
  .pricebox{background:var(--light);border-radius:24px;padding:32px;text-align:center}
  .pricebox .big{font-size:56px;font-weight:700;line-height:1}
  .pricebox .big small{font-size:20px;font-weight:600}
  .pricebox p{color:#4a5b7a;margin-top:10px}
  .form-sec.navy{background:var(--navy)}
  .form-sec.navy .sub,.form-sec.navy .small{color:#d7deea!important}
  @media (max-width:860px){.hero-main .wrap,.split{grid-template-columns:1fr}}
  .plain-groups .grid3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
  .plain-groups .group{padding:22px;background:var(--light)}
  .groups .card,.groups .pricebox{background:var(--white)}
  .hero-wings{display:grid;grid-template-columns:1.05fr 1fr;background:#fff;align-items:center}
  .hw-img{background:#F7B517;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
  .hw-img img{width:100%;max-width:640px;display:block}
  .hw-text{padding:48px 40px;max-width:600px}
  .hw-text .mozg{width:150px;display:block;margin-bottom:14px}
  .hw-text .kicker{background:var(--navy);color:var(--yellow)}
  .hw-text h1{font-size:clamp(34px,4.6vw,54px);line-height:1.08;color:var(--navy);margin:16px 0 14px}
  .hw-text .lead{font-size:18px;color:#2d4372}
  .hw-text .cta{background:var(--yellow);color:var(--navy)}
  .hw-text .cta.alt{background:transparent;color:var(--navy);border:2px solid var(--navy)}
  .statband{background:var(--navy);color:#fff}
  .statband .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:28px 20px;text-align:center}
  .statband b{display:block;font-size:32px;color:var(--yellow);line-height:1.1}
  .statband span{color:#d7deea;font-size:14px}
  .ytgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
  .yt,.ytgrid iframe{position:relative;aspect-ratio:16/9;width:100%;border:0;border-radius:16px;overflow:hidden;cursor:pointer;padding:0;background:#000}
  .yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
  .yt .play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:var(--yellow);color:var(--navy);font-size:22px;display:flex;align-items:center;justify-content:center;padding-left:4px}
  @media (max-width:860px){.hero-wings{grid-template-columns:1fr}.hw-text{padding:32px 20px}.hw-img img{max-width:480px}}
  @media (max-width:520px){.statband .wrap{grid-template-columns:1fr;gap:12px}}
  .offer{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
  .offer .card{background:var(--light);border-top:5px solid var(--blue)}
  .offer .age{color:var(--blue);font-weight:600;font-size:14px;margin-bottom:6px}
  .offer .soon{opacity:.75;border-top-color:#c7cfdd}
  .first-lesson{background:#FFF6DC}
  .first-lesson .kicker{background:var(--navy);color:var(--yellow)}
  .first-lesson .cta{background:var(--navy);color:#fff}
  /* Menu i podstrony */
  .top .wrap{gap:16px}
  .menu{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;flex:1}
  .menu a{text-decoration:none;font-weight:600;font-size:14px;padding:8px 10px;border-radius:999px;color:var(--navy);white-space:nowrap}
  .menu a:hover,.menu a.on{background:var(--light)}
  .menu a.bw{background:var(--black);color:var(--yellow)}
  a.card{text-decoration:none;color:inherit;display:block;transition:transform .15s}
  a.card:hover{transform:translateY(-3px)}
  .card .more{display:inline-block;margin-top:10px;font-weight:600;font-size:14px;color:var(--blue)}
  .subhero{background:var(--navy);color:#fff;padding:56px 0}
  .subhero .kicker{background:var(--yellow);color:var(--navy)}
  .subhero h1{font-size:clamp(32px,5vw,50px);line-height:1.1;margin:14px 0 12px}
  .subhero .lead{color:#d7deea;font-size:18px;max-width:720px}
  .courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
  .course{background:var(--light);border-radius:20px;padding:28px;border-top:6px solid var(--yellow)}
  .course .ico{font-size:36px}
  .course h3{font-size:20px;margin:10px 0 2px}
  .course .age{color:var(--blue);font-weight:600;margin-bottom:10px}
  .course .when{margin-top:14px;font-weight:600}
  .course .free{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;background:#FFF4D6;color:#8a5a00;padding:4px 10px;border-radius:999px}
  @media (max-width:980px){
    .top .wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}
    .menu{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}
  }
  .first-lesson .cta.alt{background:transparent;color:var(--navy);border:2px solid var(--navy)}