/* GrowActive — strony publiczne (landing, instrukcja). System font, 16px body, 12px floor. */

:root {
  --pub-text: #292524;
  --pub-body: #57534e;
  --pub-muted: #78716c;
  --pub-line: #e7e5e4;
  --pub-bg: #fafaf9;
  --pub-card: #ffffff;
  --pub-action: #0f766e;
  --pub-action-soft: #ecfdf5;
  --pub-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-family: var(--pub-font); font-size: 16px; line-height: 1.6;
  color: var(--pub-body); background: var(--pub-bg);
}
h1, h2 { color: var(--pub-text); line-height: 1.25; margin: 0 0 12px; }
h1 { font-size: 32px; font-weight: 700; max-width: 21em; }
h2 { font-size: 18px; font-weight: 600; }
p { margin: 0 0 12px; }
a { color: var(--pub-action); }

.pub-bar {
  display: flex; align-items: center; gap: 10px;
  padding: 16px 24px; background: var(--pub-card); border-bottom: 1px solid var(--pub-line);
}
.pub-mark {
  width: 34px; height: 34px; border-radius: 10px; background: #070707; color: #fff;
  display: grid; place-items: center;
}
.pub-bar strong { color: var(--pub-text); font-size: 16px; }
.pub-by { font-size: 13px; color: var(--pub-muted); }

.pub-main { max-width: 920px; margin: 0 auto; padding: 48px 24px 64px; }
.pub-main--narrow { max-width: 720px; }
.pub-title { font-size: 26px; }
.pub-hero p { font-size: 18px; max-width: 34em; }
.pub-cta {
  display: inline-block; margin-top: 12px; padding: 12px 22px; border-radius: 10px;
  background: var(--pub-action); color: #fff; text-decoration: none; font-weight: 600; font-size: 16px;
}
.pub-cta:hover { background: #0b5d57; }

.pub-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 48px; }
.pub-tile { background: var(--pub-card); border: 1px solid var(--pub-line); border-radius: 14px; padding: 20px; }

.pub-price { margin-top: 48px; padding: 24px; background: var(--pub-action-soft); border-radius: 14px; }
.pub-price-line { font-size: 18px; color: var(--pub-text); }

.pub-foot {
  display: flex; flex-wrap: wrap; gap: 16px; align-items: center;
  padding: 20px 24px; border-top: 1px solid var(--pub-line); font-size: 13px; color: var(--pub-muted);
}

@media (max-width: 560px) {
  h1 { font-size: 26px; }
  .pub-main { padding: 32px 16px 48px; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* ===== Landing „prawdziwy moduł w akcji” (view/landing.php) — płaskie kolory, bez inline style (CSP nonce) ===== */
.gx-brand-icon{width:36px;height:36px;flex:none;display:block;border-radius:10px}
.gx-brand-txt{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.15}
.gx-brand-txt > span:first-child{font-size:16px;font-weight:700;color:var(--pub-text)}
.gx-by{display:flex;flex-direction:row;align-items:center;gap:5px;margin:3px 0 0;font-size:12px;font-weight:600;line-height:1;color:#6b645f;white-space:nowrap}
.gx-by svg{display:block;width:16px;height:15px;flex:none}
.gx-by b{font-weight:600;font-size:12px;color:#2b3246}
.gact-bar{justify-content:space-between;flex-wrap:wrap;gap:12px 24px}
.gact-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.gact-nav{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:15px}
.gact-nav a{color:var(--pub-body);text-decoration:none;padding:6px 0}
.gact-nav a:hover{color:var(--pub-action)}
.gact-wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.gact-hero{padding:56px 0 48px}
.gact-hero h1{font-size:40px;max-width:19em;margin-bottom:16px}
.gact-eyebrow{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--pub-action)}
.gact-lead{font-size:19px;max-width:34em;color:var(--pub-body)}
.gact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:20px 0 36px}
.gact-actions .pub-cta{margin-top:0}
.gact-link{font-weight:600;color:var(--pub-action)}
.gact-hero__shot{margin:0;max-width:1040px}
.gact-hero__shot img,.gact-panelfig img,.gact-fig img,.gact-uc img{display:block;width:100%;height:auto;border:1px solid var(--pub-line);border-radius:14px;background:var(--pub-card)}
.gact-hero__shot figcaption,.gact-panelfig figcaption{margin-top:10px;font-size:14px;color:var(--pub-muted)}
.gact-section{padding:56px 0}
.gact-section--tint{background:var(--pub-card);border-top:1px solid var(--pub-line);border-bottom:1px solid var(--pub-line)}
.gact-section h2{font-size:28px;margin-bottom:8px}
.gact-sub{max-width:40em;margin-bottom:28px}
.gact-group{display:block;margin:0 0 40px;padding:24px;background:var(--pub-card);border:1px solid var(--pub-line);border-radius:16px}
.gact-group__intro h3{margin:0 0 4px;font-size:20px;color:var(--pub-text)}
.gact-group__intro p{margin:0 0 20px;color:var(--pub-muted)}
.gact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;align-items:start}
.gact-fig{margin:0}
.gact-fig figcaption,.gact-panelfig figcaption{display:block}
.gact-fig figcaption b,.gact-panelfig figcaption b{display:block;margin:10px 0 2px;font-size:16px;color:var(--pub-text)}
.gact-fig figcaption span,.gact-panelfig figcaption span{display:block;font-size:14px;color:var(--pub-body)}
.gact-group.is-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:8px 40px;align-items:start}
.gact-group.is-tabs .gact-grid{display:block}
.gact-group.is-tabs .gact-fig[hidden]{display:none}
.gact-pills{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.gact-pill{font:inherit;font-size:15px;font-weight:600;text-align:left;padding:10px 16px;min-height:44px;border:1px solid var(--pub-line);border-radius:999px;background:var(--pub-bg);color:var(--pub-text);cursor:pointer}
.gact-pill:hover{border-color:var(--pub-action)}
.gact-pill[aria-pressed="true"]{background:#1c1917;border-color:#1c1917;color:#fff}
.gact-pill:focus-visible{outline:3px solid var(--pub-action);outline-offset:2px}
.gact-group.is-tabs .gact-fig figcaption b{display:none}
.gact-group.is-tabs .gact-fig figcaption span{margin-top:12px;font-size:15px}
.gact-ucs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.gact-uc{background:var(--pub-bg);border:1px solid var(--pub-line);border-radius:16px;padding:16px}
.gact-uc img{margin:0 auto 16px;max-width:440px}
.gact-uc h3{margin:0 0 6px;font-size:18px;color:var(--pub-text)}
.gact-uc p{margin:0;font-size:15px}
.gact-panelfigs{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start}
.gact-panelfig{margin:0}
.gact-pricing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:24px 40px;align-items:center}
.gact-price{padding:24px;background:var(--pub-action-soft);border-radius:16px}
.gact-faq{max-width:760px}
.gact-faq details{border-top:1px solid var(--pub-line);padding:14px 0}
.gact-faq summary{cursor:pointer;font-weight:600;color:var(--pub-text)}
.gact-faq p{margin:8px 0 0}
.gact-family{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:20px}
.gact-app{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--pub-line);border-radius:14px;background:var(--pub-bg);text-decoration:none;color:var(--pub-body)}
.gact-app:hover{border-color:var(--pub-action)}
.gact-app__mark svg{display:block;width:44px;height:44px}
.gact-app b{display:block;color:var(--pub-text);font-size:15px}
.gact-app span span{display:block;font-size:13px}
@media (max-width: 860px){
  .gact-group.is-tabs{grid-template-columns:minmax(0,1fr)}
  .gact-pricing{grid-template-columns:minmax(0,1fr)}
  .gact-pills{flex-direction:row;flex-wrap:wrap}
}
@media (max-width: 640px){
  .gact-hero{padding:32px 0 32px}
  .gact-hero h1{font-size:28px}
  .gact-lead{font-size:17px}
  .gact-wrap{padding:0 16px}
  .gact-section{padding:40px 0}
  .gact-group{padding:16px}
  .gact-grid,.gact-ucs{grid-template-columns:minmax(0,1fr)}
  .gact-uc img{max-width:390px}
  .gact-fig img{max-width:390px;margin:0 auto}
}