/* GrowAudio — strony publiczne (landing/instrukcja/regulamin/prywatność).
   Odtwarzacz w hero korzysta z prawdziwego /assets/widget.css (ten sam wygląd co w sklepie). */
:root{
  --ink:#1c1917;--soft:#57534e;--paper:#f5f5f4;--card:#fff;--line:#e7e5e4;
  --accent:#2155d9;--accent-hover:#1a46b8;--brand:#c2047f;
  --font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
.pub-wrap{max-width:1060px;margin:0 auto;padding:0 20px}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.pub-header{background:#fff;border-bottom:1px solid var(--line)}
.pub-header .pub-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px}
.pub-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.pub-brand strong{font-size:17px;font-weight:600;line-height:1.15}
.pub-header nav{display:flex;gap:18px;align-items:center;font-size:14px}
.pub-header nav a{color:var(--soft);text-decoration:none}
.pub-header nav a:hover{color:var(--ink)}
.pub-cta{display:inline-flex;align-items:center;min-height:40px;white-space:nowrap;background:var(--accent);color:#fff !important;border-radius:999px;padding:0 18px;text-decoration:none;font-weight:600}
.pub-cta:hover{background:var(--accent-hover)}
.eyebrow{font-size:13px;font-weight:600;color:var(--soft);margin:0 0 8px}
.hero{padding:56px 0 40px;background:#fff;border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(30px,4.6vw,46px);line-height:1.12;letter-spacing:-.01em;margin:0 0 14px;max-width:760px;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--brand)}
.lead{font-size:18px;color:var(--soft);max-width:640px;margin:0 0 28px;text-wrap:pretty}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:48px;align-items:center}
.hero-copy .lead{margin-bottom:24px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0}
.hero-link{font-weight:600;text-decoration:none}
.hero-link:hover{text-decoration:underline}
@media(max-width:960px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}}
.hero-player{max-width:660px;border-radius:16px;box-shadow:0 0 0 1px var(--line),0 24px 48px -24px rgba(28,25,23,.35)}
.hero-player .growaudio{--accent:#1c1917}
.hero-player .ga-btn svg{pointer-events:none}
.hero-player .hero-progress{width:40%}
.hero-note{font-size:13px;color:var(--soft);margin-top:12px;max-width:660px}
section{padding:56px 0}
section h2{font-size:clamp(24px,3vw,30px);line-height:1.2;margin:0 0 24px}
.pub-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:0 0 28px}
.pub-steps li{background:var(--card);border-radius:16px;box-shadow:0 0 0 1px var(--line);padding:22px}
.pub-steps b{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;align-items:center;justify-content:center;margin-bottom:12px;font-size:14px}
.pub-steps h3{margin:0 0 8px;font-size:17px}
.pub-steps p{margin:0;color:var(--soft);font-size:15px}
.pub-feats{margin:0;padding-left:20px;color:var(--soft);columns:2;column-gap:40px;font-size:15px}
.pub-feats li{margin-bottom:8px;break-inside:avoid}
.pricing{background:#fff;border-block:1px solid var(--line)}
.pub-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.plan{border-radius:16px;box-shadow:0 0 0 1px var(--line);padding:24px;background:var(--card)}
.plan.is-main{box-shadow:0 0 0 2px var(--accent),0 16px 32px -20px rgba(33,85,217,.45)}
.plan .price{font-size:34px;font-weight:700;line-height:1.2;margin:6px 0 10px;color:var(--ink)}
.plan .price small{font-size:14px;font-weight:600;color:var(--soft)}
.plan p{color:var(--soft);font-size:15px;margin:0 0 14px}
.fineprint{color:var(--soft);font-size:13px}
.faq details{background:var(--card);border-radius:12px;box-shadow:0 0 0 1px var(--line);padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:600;cursor:pointer}
.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.faq p{color:var(--soft);margin:10px 0 0}
.final-cta{background:var(--ink);color:#fff;text-align:center}
.final-cta h2{color:#fff}
.final-cta p{max-width:560px;margin:0 auto 8px}
.final-cta .fineprint,.final-cta a{color:#e7e5e4}
.pub-footer{padding:24px 0;color:var(--soft);font-size:14px}
.pub-footer .pub-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pub-footer nav{display:flex;flex-wrap:wrap;gap:8px 16px}
.pub-footer a{color:var(--soft)}
@media(max-width:860px){
  .pub-steps,.pub-plans{grid-template-columns:minmax(0,1fr)}
  .pub-feats{columns:1}
  .pub-header nav a:not(.pub-cta){display:none}
}
@media(max-width:480px){.pub-header nav .pub-cta{display:none}.pub-footer a{overflow-wrap:anywhere}}
/* dokumenty */
.doc{background:#fff}
.doc main.pub-wrap{padding:40px 20px 64px;max-width:780px}
.doc h1{font-size:28px;line-height:1.25;margin:0 0 16px}
.doc h2{font-size:19px;margin:28px 0 8px}
.doc p,.doc li{color:#44403c;font-size:15px}
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}

/* GrowX family header brand (2026-09-28): app icon + "od GrowCommerce" */
.gx-brand-icon{width:36px!important;height:36px!important;flex:none!important;display:block!important;border-radius:10px}
.gx-brand-txt{display:inline-flex!important;flex-direction:column!important;justify-content:center;line-height:1.15}
.gx-brand-txt .gx-by{display:flex!important;flex-direction:row!important;align-items:center;gap:5px;margin:3px 0 0!important;font-size:12px!important;font-weight:600!important;line-height:1!important;color:#6b645f!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}
.gx-brand-txt .gx-by svg{display:block!important;width:16px!important;height:15px!important;flex:none!important;margin:0!important}
.gx-brand-txt .gx-by b{font-weight:600!important;font-size:12px!important;color:#2b3246!important;letter-spacing:-.005em!important;text-transform:none!important}