/* 3PG – style strony „metodologia-acra” (inline z Metodologia-ACRA.html, 1:1). Ładowane po slugu. */

/* ============================================================
   ACRA LANDING – scoped pod .acra-lp (odrębny branding ACRA)
   ============================================================ */
.acra-lp{
  --g:#0B1D3A;--g2:#10324a;
  --nb:#1E5AA8;--nb-l:#4A82CC;--nb-p:#DCE7F4;
  --tk:#00A3A3;--tk-d:#00807F;--tk-l:#4DBDBD;--tk-p:#CCEBEB;
  --zl:#5E8B30;--zl-2:#7CB342;--zl-p:#E2EFD0;
  --am:#F5A91E;--am-d:#B47800;--am-p:#FCE4B7;
  --co:#E0463A;--co-p:#FBE0DC;
  --pap:#F2F4F7;--pap2:#E9EEF3;--bd:#D9DDE3;--ink:#243240;--mut:#6F7B8A;
  --font:'Plus Jakarta Sans',system-ui,sans-serif;
  font-family:var(--font);color:var(--ink);line-height:1.6;
}
.acra-lp *{box-sizing:border-box}
.acra-lp .wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.acra-lp .sec{padding:76px 0}
.acra-lp .sec.tight{padding:54px 0}
.acra-lp .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--tk-d)}
.acra-lp .eyebrow::before{content:"";width:11px;height:11px;border-radius:3px;background:var(--am)}
.acra-lp .eyebrow.on-dark{color:var(--tk-l)}
.acra-lp h2.st{font-size:clamp(27px,3.4vw,40px);font-weight:800;color:var(--g);letter-spacing:-.025em;line-height:1.1;margin-top:14px}
.acra-lp .lede{font-size:17px;color:var(--mut);line-height:1.65;margin-top:14px;max-width:64ch}
.acra-lp .lede b{color:var(--ink)}
.acra-lp .center{text-align:center}
.acra-lp .center .eyebrow{justify-content:center}
.acra-lp .center .lede{margin-left:auto;margin-right:auto}

/* HERO */
.acra-lp .hero{background:radial-gradient(120% 120% at 80% 0%,#14507a 0%,var(--g2) 45%,var(--g) 100%);color:#fff;position:relative;overflow:hidden}
.acra-lp .hero::after{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(60,179,234,.22),transparent 62%);pointer-events:none}
.acra-lp .hero .wrap{position:relative;z-index:2;padding-top:84px;padding-bottom:90px}
.acra-lp .hero .badge{display:inline-flex;align-items:center;gap:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:8px 16px 8px 10px;margin-bottom:24px}
.acra-lp .hero .badge img{height:20px;width:auto;filter:brightness(0) invert(1)}
.acra-lp .hero .badge span{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.acra-lp .hero h1{font-size:clamp(34px,5vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1.04;max-width:18ch}
.acra-lp .hero h1 em{font-style:normal;color:var(--am)}
.acra-lp .hero .sub{font-size:18.5px;color:rgba(255,255,255,.8);line-height:1.6;margin-top:22px;max-width:60ch}
.acra-lp .hero .sub b{color:#fff;font-weight:700}
.acra-lp .hero .acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.acra-lp .btn{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:700;border-radius:12px;padding:14px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;cursor:pointer;border:0}
.acra-lp .btn-primary{background:var(--am);color:#3a2600;box-shadow:0 14px 30px -12px rgba(245,169,30,.6)}
.acra-lp .btn-primary:hover{transform:translateY(-2px)}
.acra-lp .btn-ghost{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.22)}
.acra-lp .btn-ghost:hover{background:rgba(255,255,255,.13)}
.acra-lp .hero .strip{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.13)}
.acra-lp .hero .strip .s{display:flex;align-items:baseline;gap:9px}
.acra-lp .hero .strip .s b{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.02em}
.acra-lp .hero .strip .s span{font-size:12.5px;color:rgba(255,255,255,.65);max-width:20ch;line-height:1.3}

/* generic card grids */
.acra-lp .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.acra-lp .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.acra-lp .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}

/* problem cards */
.acra-lp .prob{padding:24px 24px 26px;background:#fff;border:1px solid var(--bd);border-radius:16px;border-left:4px solid var(--co)}
.acra-lp .prob .ic{width:40px;height:40px;border-radius:11px;background:var(--co-p);color:#b3392c;display:grid;place-items:center;margin-bottom:14px}
.acra-lp .prob .ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acra-lp .prob h3{font-size:16px;font-weight:800;color:var(--g);line-height:1.25;margin-bottom:7px}
.acra-lp .prob p{font-size:13.5px;color:var(--mut);line-height:1.55}
.acra-lp .prob-band{margin-top:30px;background:var(--g);border-radius:18px;padding:30px 34px;color:#fff;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.acra-lp .prob-band .big{font-size:21px;font-weight:800;letter-spacing:-.01em;line-height:1.25;flex:1;min-width:280px}
.acra-lp .prob-band .big em{font-style:normal;color:var(--am)}
.acra-lp .prob-band p{font-size:14px;color:rgba(255,255,255,.76);flex:1;min-width:260px;line-height:1.6}

/* funnel A-C-R-A */
.acra-lp .funnel{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.acra-lp .fstep{margin:0 auto;border-radius:12px;padding:18px 24px;display:flex;align-items:center;gap:18px;color:#fff;box-shadow:0 12px 26px -16px rgba(0,0,0,.5)}
.acra-lp .fstep .fl{flex:none;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:17px;font-weight:800}
.acra-lp .fstep .fm{flex:1}
.acra-lp .fstep .fm b{font-size:17px;font-weight:800;display:block}
.acra-lp .fstep .fm span{font-size:13px;opacity:.86}
.acra-lp .fstep .fv{flex:none;font-size:22px;font-weight:800}
.acra-lp .fstep.s1{background:linear-gradient(90deg,var(--nb),var(--nb-l));width:100%}
.acra-lp .fstep.s2{background:linear-gradient(90deg,var(--tk-d),var(--tk));width:86%}
.acra-lp .fstep.s3{background:linear-gradient(90deg,var(--zl),var(--zl-2));width:72%}
.acra-lp .fstep.s4{background:linear-gradient(90deg,var(--am-d),var(--am));color:#3a2600;width:58%}
.acra-lp .funnel-cap{text-align:center;font-size:13px;color:var(--mut);margin-top:16px}

/* stage explainer */
.acra-lp .stage{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:24px;border-top:3px solid var(--nb);display:flex;flex-direction:column}
.acra-lp .stage.c2{border-top-color:var(--tk)}.acra-lp .stage.c3{border-top-color:var(--zl-2)}.acra-lp .stage.c4{border-top-color:var(--am)}
.acra-lp .stage .lt{width:42px;height:42px;border-radius:12px;background:var(--nb);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;margin-bottom:14px}
.acra-lp .stage.c2 .lt{background:var(--tk)}.acra-lp .stage.c3 .lt{background:var(--zl-2)}.acra-lp .stage.c4 .lt{background:var(--am);color:var(--g)}
.acra-lp .stage h3{font-size:17px;font-weight:800;color:var(--g)}
.acra-lp .stage .sn{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:2px 0 10px}
.acra-lp .stage p{font-size:13.5px;color:var(--mut);line-height:1.55}
.acra-lp .stage .q{margin-top:12px;font-size:12.5px;font-weight:700;color:var(--nb);background:var(--nb-p);border-radius:9px;padding:9px 12px;line-height:1.4}
.acra-lp .stage.c2 .q{color:var(--tk-d);background:var(--tk-p)}.acra-lp .stage.c3 .q{color:var(--zl);background:var(--zl-p)}.acra-lp .stage.c4 .q{color:var(--am-d);background:var(--am-p)}

/* section variants */
.acra-lp .tint{background:var(--pap2)}
.acra-lp .dark{background:linear-gradient(160deg,var(--g2),var(--g));color:#fff}
.acra-lp .dark h2.st{color:#fff}
.acra-lp .dark .lede{color:rgba(255,255,255,.78)}

/* funnel intro note */
.acra-lp .corewrap{max-width:880px;margin:0 auto}

/* catalog */
.acra-lp .cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.acra-lp .catc{background:#fff;border:1px solid var(--bd);border-radius:18px;padding:24px 26px;display:grid;grid-template-columns:46px 1fr;gap:18px;border-top:3px solid var(--nb)}
.acra-lp .catc.c2{border-top-color:var(--tk)}.acra-lp .catc.c3{border-top-color:var(--zl-2)}.acra-lp .catc.c4{border-top-color:var(--am)}
.acra-lp .catc .lt{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:21px;font-weight:800;color:#fff;background:var(--nb)}
.acra-lp .catc.c2 .lt{background:var(--tk)}.acra-lp .catc.c3 .lt{background:var(--zl-2)}.acra-lp .catc.c4 .lt{background:var(--am);color:var(--g)}
.acra-lp .catc h3{font-size:17px;font-weight:800;color:var(--g);line-height:1.1}
.acra-lp .catc .qq{font-size:12.5px;font-weight:700;color:var(--nb);margin:3px 0 4px}
.acra-lp .catc.c2 .qq{color:var(--tk-d)}.acra-lp .catc.c3 .qq{color:var(--zl)}.acra-lp .catc.c4 .qq{color:var(--am-d)}
.acra-lp .catc .lead{font-size:13px;color:var(--mut);line-height:1.5}
.acra-lp .catc .inds{display:flex;flex-direction:column;gap:8px;margin-top:13px;border-top:1px solid var(--pap);padding-top:13px}
.acra-lp .catc .indr{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:baseline;font-size:12.5px}
.acra-lp .catc .indr b{font-family:ui-monospace,monospace;font-weight:800;font-size:10.5px;border-radius:5px;padding:3px 6px;text-align:center;color:var(--nb);background:var(--nb-p)}
.acra-lp .catc.c2 .indr b{color:var(--tk-d);background:var(--tk-p)}.acra-lp .catc.c3 .indr b{color:var(--zl);background:var(--zl-p)}.acra-lp .catc.c4 .indr b{color:var(--am-d);background:var(--am-p)}
.acra-lp .catc .indr span{color:var(--mut);line-height:1.4}

/* chart explainer */
.acra-lp .cx{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;background:#fff;border:1px solid var(--bd);border-radius:20px;padding:28px 30px;margin-bottom:18px;box-shadow:0 20px 44px -34px rgba(11,29,58,.35)}
.acra-lp .cx.rev .cx-chart{order:2}
.acra-lp .cx-chart{min-width:0}
.acra-lp .ctitle{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.acra-lp .cx-txt .tag{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--tk-d)}
.acra-lp .cx-txt h3{font-size:20px;font-weight:800;color:var(--g);letter-spacing:-.01em;line-height:1.2;margin:6px 0 4px}
.acra-lp .cx-txt .pair{display:flex;flex-direction:column;gap:11px;margin-top:14px}
.acra-lp .cx-txt .pp{background:var(--pap);border-radius:11px;padding:12px 14px}
.acra-lp .cx-txt .pp .k{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--g);display:block;margin-bottom:3px}
.acra-lp .cx-txt .pp.why .k{color:var(--tk-d)}
.acra-lp .cx-txt .pp p{font-size:13px;color:var(--mut);line-height:1.5}

/* vbars + CI */
.acra-lp .vbars{display:flex;align-items:flex-end;gap:9px;height:190px;border-bottom:1px solid var(--bd)}
.acra-lp .vbar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}
.acra-lp .vbar .v{font-size:12px;font-weight:800;color:var(--g);margin-bottom:6px}
.acra-lp .vbar .col{width:60%;max-width:38px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--nb-l),var(--nb));position:relative}
.acra-lp .vbar:first-child .col{background:linear-gradient(180deg,var(--tk-l),var(--tk))}
.acra-lp .vbar .ci{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:1.5px;height:var(--ci,16px);background:rgba(11,29,58,.4)}
.acra-lp .vbar .ci::before,.acra-lp .vbar .ci::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:9px;height:1.5px;background:inherit}
.acra-lp .vbar .ci::before{top:0}.acra-lp .vbar .ci::after{bottom:0}
.acra-lp .vbar .x{font-size:10px;color:var(--mut);margin-top:7px;font-weight:600;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}

/* hbars */
.acra-lp .hbars{display:flex;flex-direction:column;gap:13px}
.acra-lp .hbar .t{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:12.5px}
.acra-lp .hbar .t span{color:var(--ink)}
.acra-lp .hbar .t b{color:var(--g);font-weight:800}
.acra-lp .hbar .track{height:9px;border-radius:6px;background:var(--pap)}
.acra-lp .hbar .fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#c43d3d,var(--co))}

/* mini-funnel */
.acra-lp .mfun{display:flex;flex-direction:column;gap:8px}
.acra-lp .mstep{margin:0 auto;border-radius:9px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;font-size:13px}
.acra-lp .mstep b{font-weight:800;font-size:16px}
.acra-lp .mstep.m1{background:var(--nb);width:100%}.acra-lp .mstep.m2{background:var(--tk);width:76%}.acra-lp .mstep.m3{background:var(--zl-2);width:54%}

/* radar */
.acra-lp .radar svg{width:100%;max-width:240px;height:auto;display:block;margin:0 auto}
.acra-lp .rleg{display:flex;gap:16px;justify-content:center;font-size:11.5px;color:var(--mut);margin-top:8px}
.acra-lp .rleg span{display:inline-flex;align-items:center;gap:6px}.acra-lp .rleg i{width:11px;height:11px;border-radius:3px}

/* pre/post */
.acra-lp .ppwide{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
.acra-lp .ppcard{background:#fff;border:1px solid var(--bd);border-radius:18px;padding:26px 28px}
.acra-lp .ppcard .pph{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.acra-lp .ppcard .pph b{font-size:15px;font-weight:800;color:var(--g)}
.acra-lp .ppcard .pph .chip{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--g);background:var(--am-p);border-radius:100px;padding:5px 11px}
.acra-lp .ppr{margin-bottom:15px}
.acra-lp .ppr .t{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}
.acra-lp .ppr .t span{font-weight:700;color:var(--ink)}.acra-lp .ppr .t .d{color:var(--zl);font-weight:800}
.acra-lp .ppr .bar{height:10px;border-radius:6px;margin-bottom:5px}
.acra-lp .ppr .bar.pre{background:var(--pap);border:1px solid var(--bd)}
.acra-lp .ppr .bar.post{background:linear-gradient(90deg,var(--nb),var(--tk))}
.acra-lp .pp-leg{display:flex;gap:16px;font-size:11px;color:var(--mut);margin-top:4px}
.acra-lp .pp-leg i{width:11px;height:11px;border-radius:3px;display:inline-block;margin-right:6px;vertical-align:middle}
.acra-lp .pp-note{font-size:11px;color:var(--mut);margin-top:12px;line-height:1.45;border-top:1px solid var(--bd);padding-top:11px}

/* loop on dark */
.acra-lp .loopcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:26px 28px;display:flex;flex-direction:column}
.acra-lp .loopcard h3{font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:#fff}
.acra-lp .loopcard h3 em{font-style:normal;color:var(--am)}
.acra-lp .loopcard>p{font-size:13.5px;color:rgba(255,255,255,.76);line-height:1.6;margin-top:10px}
.acra-lp .loopcard>p b{color:#fff}
.acra-lp .loop{display:flex;flex-direction:column;gap:11px;margin-top:18px}
.acra-lp .lstep{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:14px 16px}
.acra-lp .lstep .n{flex:none;width:30px;height:30px;border-radius:9px;background:var(--tk);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}
.acra-lp .lstep:last-child .n{background:var(--am);color:var(--g)}
.acra-lp .lstep b{color:#fff;font-weight:700;font-size:14px}
.acra-lp .lstep p{font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.5;margin-top:2px}

/* daje */
.acra-lp .daje{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:24px 26px}
.acra-lp .daje .n{font-size:13px;font-weight:800;color:var(--tk-d);font-family:ui-monospace,monospace;margin-bottom:10px}
.acra-lp .daje h3{font-size:16.5px;font-weight:800;color:var(--g);margin-bottom:7px;line-height:1.25}
.acra-lp .daje p{font-size:13.5px;color:var(--mut);line-height:1.55}

/* analizy CTA */
.acra-lp .analizy{background:linear-gradient(150deg,#10324a,var(--g));border-radius:24px;padding:48px 50px;color:#fff;position:relative;overflow:hidden}
.acra-lp .analizy::after{content:"";position:absolute;right:-120px;bottom:-150px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(0,163,163,.2),transparent 62%)}
.acra-lp .analizy .inner{position:relative;z-index:2}
.acra-lp .analizy h2{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-top:12px;max-width:24ch;color:#fff}
.acra-lp .analizy .inner>p{font-size:16px;color:rgba(255,255,255,.78);margin-top:13px;max-width:62ch;line-height:1.6}
.acra-lp .acards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.acra-lp .ac{display:block;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:24px 26px;transition:transform .2s,background .2s}
.acra-lp .ac:hover{transform:translateY(-3px);background:rgba(255,255,255,.1)}
.acra-lp .ac .k{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tk-l)}
.acra-lp .ac h3{font-size:19px;font-weight:800;color:#fff;margin:8px 0 7px}
.acra-lp .ac p{font-size:13px;color:rgba(255,255,255,.74);line-height:1.5}
.acra-lp .ac .go{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--am);margin-top:14px}

@media(max-width:980px){
  .acra-lp .grid-4{grid-template-columns:1fr 1fr}
  .acra-lp .grid-3{grid-template-columns:1fr}
  .acra-lp .grid-2{grid-template-columns:1fr}
  .acra-lp .cat-grid{grid-template-columns:1fr}
  .acra-lp .cx,.acra-lp .cx.rev{grid-template-columns:1fr;gap:20px}
  .acra-lp .cx.rev .cx-chart{order:0}
  .acra-lp .ppwide{grid-template-columns:1fr}
  .acra-lp .acards{grid-template-columns:1fr}
  .acra-lp .analizy{padding:34px 26px}
}
@media(max-width:560px){.acra-lp .grid-4{grid-template-columns:1fr}.acra-lp .catc{grid-template-columns:1fr}}