/* Wyglad dariuszmlynarski.pl: cieply grafit + kosc, pomarancz marki, Archivo Black + Inter z naszego serwera */
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/mu-plugins/dm-wyglad/fonts/ArchivoBlack-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/mu-plugins/dm-wyglad/fonts/ArchivoBlack-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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-style:normal;font-weight:400 700;font-display:swap;src:url(/wp-content/mu-plugins/dm-wyglad/fonts/Inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/wp-content/mu-plugins/dm-wyglad/fonts/Inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --pom:#fc5400; --pom-h:#ff6a1f; --pom-ciemny:#a83a00;
  --ciemne:#1c1a18; --pas:#232120; --grafit:#2c2926; --grafit-r:#3a3632;
  --tekst-j:#e6e1da; --szary:#b0a99f;
  --papier:#ebe7e0; --karta:#f5f2ec; --atrament:#3a3530; --drugi:#6b645b; --ramka:#ddd6cc;
  --display:'Archivo Black','Arial Black',sans-serif;
  --sans:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
html{scroll-behavior:smooth}
body{background:var(--ciemne);color:var(--tekst-j);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--pom)}
[hidden]{display:none !important}
.ukryte{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.akc{color:var(--pom)}
.w{max-width:1040px;margin:0 auto;padding:0 16px}

/* Belka */
.gora{border-bottom:1px solid var(--pas)}
.gora .w{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;padding-bottom:16px}
.marka{display:inline-flex;align-items:center;gap:10px;color:var(--tekst-j);text-decoration:none;font-weight:700}
.marka img{border-radius:50%}
.gora-link{color:var(--tekst-j);text-decoration:none;font-weight:600;font-size:15px}
.gora-link:hover{color:var(--pom)}

/* Sekcje strony lądowania */
.sek{padding:64px 0}
.sek.jasna{background:var(--papier);color:var(--atrament)}
.sek h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,4vw,34px);line-height:1.15;margin:0 0 22px;color:#f5f1ea}
.sek.jasna h2,.karta h2{color:#26221f}
.nadtytul{margin:0 0 8px;color:var(--pom);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.sek.jasna .nadtytul,.karta .nadtytul{color:var(--pom-ciemny)}
h1{font-family:var(--display);font-weight:400;font-size:clamp(32px,5.5vw,52px);line-height:1.08;margin:0 0 18px;color:#f5f1ea}
h2{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.2;margin:0 0 14px;color:#26221f}
.lead{font-size:19px;margin:0 0 24px;color:var(--tekst-j)}
.lead strong{color:#fff}

/* Scena: wstęp, potem rozmowa i wynik */
.scena{padding:48px 0 64px;background:radial-gradient(ellipse 70% 60% at 85% 20%,rgba(252,84,0,.16),transparent 70%),var(--ciemne)}
.wstep{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px 44px;align-items:center}
.wstep .info{grid-column:1 / -1}
.awatar{margin:0;background:var(--grafit);border:1px solid var(--grafit-r);border-radius:18px;padding:28px 24px;text-align:center}
.awatar-ramka{width:200px;height:200px;margin:0 auto 16px;border-radius:50%;padding:6px;background:radial-gradient(circle at 30% 30%,#ff8a3d,#fc5400 60%,#a83a00)}
.awatar-ramka img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.awatar figcaption strong{display:block;color:#f5f1ea;font-size:17px}
.awatar figcaption span{display:block;color:var(--szary);font-size:14.5px;margin-top:4px}
.scena .karta{max-width:760px;margin:0 auto}
.karta{background:var(--papier);color:var(--atrament);border-radius:16px;padding:32px 28px}
.info{background:var(--grafit);border:1px solid var(--grafit-r);border-radius:10px;padding:14px 16px;font-size:14.5px;color:var(--szary);margin:0}
.info p{margin:0 0 8px}
.info details summary{cursor:pointer;color:var(--tekst-j);font-weight:600}
.info details p{margin:8px 0 0}

.przycisk{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 28px;border:0;border-radius:8px;background:var(--pom);color:#fff;font:700 18px/1.3 var(--sans);text-decoration:none;cursor:pointer}
.przycisk:hover{background:var(--pom-h)}
.przycisk[disabled]{opacity:.6;cursor:wait}
.przycisk.duzy{min-height:64px;font-size:19px;flex:1 1 220px}
.przycisk.drugi{background:var(--grafit);color:var(--tekst-j);border:1px solid var(--grafit-r)}
.przycisk.drugi:hover{background:var(--grafit-r)}
.przycisk.maly{min-height:48px;padding:10px 18px;font-size:16px}
.ikona{font-size:22px}
.wybor{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 10px}
.blad{color:#ff8a7a;font-size:15px;margin:10px 0 0;min-height:1em}
.karta .blad{color:#b3261e}
.sukces{font-weight:700;font-size:17px;margin:14px 0 0;color:#2e6b1f}
.drobne{font-size:14px;color:var(--szary);margin:10px 0 0}
.karta .drobne{color:var(--drugi)}

/* Co dostajesz */
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kafel{background:var(--karta);border:1px solid var(--ramka);border-radius:14px;padding:22px 20px}
.kafel h3{margin:0 0 8px;font-size:18px;line-height:1.3;color:#26221f}
.kafel p{margin:0;font-size:16px;color:var(--drugi)}

/* Jak to działa */
.kroki{list-style:none;counter-reset:krok;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.kroki li{counter-increment:krok;background:var(--grafit);border:1px solid var(--grafit-r);border-radius:14px;padding:22px 20px;color:var(--szary);font-size:16px}
.kroki li::before{content:"0" counter(krok);display:block;font-family:var(--display);color:var(--pom);font-size:28px;line-height:1;margin:0 0 12px}
.kroki strong{display:block;color:#f5f1ea;font-size:18px;margin:0 0 6px}

/* Kto za tym stoi */
.kto-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:40px;align-items:center}
.kto-g img{width:100%;max-height:520px;object-fit:cover;object-position:center 20%;border-radius:16px;display:block}
.kto-g p{margin:0 0 14px}
.link{font-weight:700;color:var(--pom-ciemny)}

/* FAQ */
.faq{display:grid;gap:10px;max-width:820px}
.faq details{background:var(--grafit);border:1px solid var(--grafit-r);border-radius:12px;padding:16px 18px}
.faq summary{cursor:pointer;font-weight:700;color:#f5f1ea}
.faq p{margin:10px 0 0;color:var(--szary)}

/* Polecanie */
.polec{background:var(--karta);border:1px solid var(--ramka);border-radius:16px;padding:28px 24px;color:var(--atrament)}
.polec h2{color:#26221f}
.polec p{margin:0 0 18px;color:var(--drugi)}
.polec-przyciski{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.polec-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1.5px solid var(--ramka);border-radius:999px;background:#fff;color:var(--atrament);font:600 15px/1.2 var(--sans);text-decoration:none;cursor:pointer}
.polec-btn:hover{border-color:var(--pom);color:var(--pom-ciemny)}
.polec .przycisk{min-height:46px;padding:10px 22px;font-size:16px}
#polec-po-wyniku .polec{margin:22px 0 0}

/* Wezwanie na koniec i stopka */
.koniec-sek{text-align:center}
.koniec-sek h2{max-width:720px;margin:0 auto 24px}
.stopka{border-top:1px solid var(--pas);padding:22px 0 28px;font-size:14px;color:var(--szary)}
.stopka a{color:var(--szary)}

@media (max-width:860px){
  .wstep{grid-template-columns:1fr}
  .awatar{display:flex;align-items:center;gap:16px;text-align:left;padding:16px}
  .awatar-ramka{width:84px;height:84px;margin:0;flex:0 0 auto;padding:4px}
  .g3,.kroki{grid-template-columns:1fr}
  .kto-g{grid-template-columns:1fr;gap:24px}
  .kto-g img{max-height:360px}
}
@media (max-width:600px){.karta{padding:24px 18px;border-radius:12px}.sek{padding:44px 0}.scena{padding:28px 0 44px}}

.glowa{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.glowa .kto{margin:0;font-weight:700;color:#26221f}
.glowa .stan{margin:0;font-size:14.5px;color:var(--drugi)}
.akcje{margin-left:auto;display:flex;gap:8px}
.ikonka{min-height:44px;min-width:44px;border:1.5px solid var(--ramka);background:#fff;border-radius:999px;font:600 15px var(--sans);color:var(--atrament);cursor:pointer;padding:0 14px}
.ikonka[aria-pressed=true]{background:#f3d9cc;border-color:var(--pom)}
.ikonka.koniec{border-color:#d9b2ac;color:#8c2a1f}
.orb{width:68px;height:68px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#ff8a3d,#fc5400 60%,#a83a00);box-shadow:0 0 0 calc(var(--glos,0) * 14px) rgba(252,84,0,.22);transition:box-shadow .08s linear}
.orb img{border-radius:50%;width:58px;height:58px;object-fit:cover}
.orb.slucha{background:radial-gradient(circle at 30% 30%,#9a938a,#6b645b 60%,#3a3530)}

.watek{display:flex;flex-direction:column;gap:10px;margin:0 0 14px;max-height:52vh;overflow-y:auto;padding-right:4px}
.dymek{max-width:88%;padding:11px 15px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word;font-size:16px}
.dymek.asystent{align-self:flex-start;background:var(--karta);border:1px solid var(--ramka);border-bottom-left-radius:4px}
.dymek.ja{align-self:flex-end;background:var(--grafit);color:var(--tekst-j);border-bottom-right-radius:4px}
.pisz{display:flex;gap:8px;align-items:flex-end}
.pisz textarea{flex:1;min-height:48px;resize:vertical;padding:12px 14px;border:1.5px solid var(--ramka);border-radius:8px;font:16px/1.5 var(--sans);background:#fff;color:var(--atrament)}
.pisz textarea:focus,.dane input:focus{outline:2px solid var(--pom);outline-offset:1px;border-color:var(--pom)}

.dane,.kalendarz{margin-top:18px;padding:18px;border:2px solid var(--pom);border-radius:12px;background:#fff8f2}
.pola{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 14px}
.pola label{flex:1 1 200px;display:flex;flex-direction:column;font-weight:600;font-size:15px;gap:4px}
.dane input[type=email],.dane input[name=imie]{min-height:50px;padding:0 14px;border:1.5px solid var(--ramka);border-radius:8px;font:16px var(--sans);background:#fff;color:var(--atrament)}
.zgoda{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--drugi);margin:0 0 16px}
.zgoda input{margin-top:4px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--pom)}
.kalendarz p{margin:0 0 12px}

.kreciolek{width:44px;height:44px;border-radius:50%;border:4px solid var(--ramka);border-top-color:var(--pom);animation:kreci 1s linear infinite;margin:0 0 16px}
@keyframes kreci{to{transform:rotate(360deg)}}
.pakiet{font-size:16px;line-height:1.65}
.pakiet h3{font-family:var(--display);font-weight:400;font-size:21px !important}
.pakiet ul{padding-left:20px}
.lista{max-width:560px;margin:60px auto;padding:28px;background:var(--papier);color:var(--atrament);border-radius:16px}
.lista h1{color:#26221f;font-size:clamp(26px,5vw,36px)}
@media (max-width:600px){.karta{padding:22px 16px}.przycisk{width:100%}.pisz .przycisk.maly{width:auto}.glowa{flex-wrap:wrap}.watek{max-height:46vh}}
@media (prefers-reduced-motion:reduce){.orb{transition:none}.kreciolek{animation:none}}