/* ─────────────────────────────────────────────
   DESIGN TOKENS – Google-style, czyste, białe
   Paleta z signup.php: --purple #667eea
───────────────────────────────────────────── */
:root {
    --blue:     #667eea;
    --blue-h:   #455fd6;
    --purple:   #b900b4;
    --purple-h: #a100a0;
    --purple-l: #f0ccf0;
    --green:    #1e8e3e;
    --green-l:  #e6f4ea;
    --g1:  #202124;
    --g2:  #3c4043;
    --g3:  #5f6368;
    --g4:  #80868b;
    --g5:  #dadce0;
    --g6:  #f1f3f4;
    --g7:  #f8f9fa;
    --wh:  #ffffff;
    --sh1: 0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    --sh2: 0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15);
    --font: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    --r:   8px;
    --rl:  16px;
    --rxl: 24px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--g1);background:var(--wh);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{color:var(--g1);line-height:1.2;letter-spacing: -0.05em;}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
p{color:var(--g3);line-height:1.6}
strong{color:var(--g2)}

/* ── DARK MODE ── */
.theme-toggle{background:none;border:1px solid var(--g5);border-radius:var(--r);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--g3);font-size:16px;transition:all .2s;flex-shrink:0}
.theme-toggle:hover{background:var(--g6);color:var(--g1)}

body.dark{
  --blue:     #667eea;
  --blue-h:   #667eea;
  --purple:   #b900b4;
  --purple-h: #a100a0;
  --purple-l: #f0ccf0;
  --green:    #34a853;
  --green-l:  #0d2b18;
  --g1:  #e8eaed;
  --g2:  #bdc1c6;
  --g3:  #9aa0a6;
  --g4:  #80868b;
  --g5:  #3c4043;
  --g6:  #2d2f31;
  --g7:  #1e2022;
  --wh:  #17181a;
  --sh1: 0 1px 2px rgba(0,0,0,.6),0 1px 3px 1px rgba(0,0,0,.4);
  --sh2: 0 1px 3px rgba(0,0,0,.6),0 4px 8px 3px rgba(0,0,0,.4);
}
body.dark .site-hdr{background:#17181a;border-color:#3c4043}
body.dark .mob{background:#17181a}
body.dark .page-hdr{background:linear-gradient(135deg,#1a1b2e 0%,#1e1a2e 100%)}
body.dark .cta-in{background:linear-gradient(135deg,#353535 0%,#1e1e1e 100%);border-color:#0a0a0a}
body.dark .about-strip{background:#0f1011}
body.dark .theme-toggle{border-color:#3c4043;color:#9aa0a6}
body.dark .theme-toggle:hover{background:#2d2f31;color:#e8eaed}
body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6{color:var(--g1)}
body.dark .btn-o{color:var(--g2);border-color:var(--g5)}
body.dark .btn-o:hover{background:var(--g6);color:var(--g1)}
body.dark input[type=range]{background:var(--g5)}
body.dark .nc-visual{background:#1e2022}
body.dark .accordion-button{background:var(--wh);color:var(--g1)}
body.dark .accordion-button:not(.collapsed){background:#1e2045;color:var(--blue)}
body.dark .accordion-collapse{background:var(--wh)}
body.dark .ct td{background:var(--wh)}
body.dark .ct td:first-child{background:var(--g7)}
body.dark .ct th{background:var(--g2)}
body.dark .ct th:first-child{background:var(--g1)}
body.dark .ct th.mb{background:var(--purple)}
body.dark{background:var(--wh)}
body.dark .hero{background:var(--wh)}
body.dark .trust{background:var(--g7);border-color:var(--g5)}
body.dark .sec-bg{background:var(--g7);border-color:var(--g5)}
body.dark .page-cta{background:var(--wh)}
body.dark .faq-sec{background:var(--wh)}
body.dark .nocookies-sec{background:var(--g7);border-color:var(--g5)}
body.dark .priv-sec{background:var(--g7);border-color:var(--g5)}
body.dark .text-muted{color:var(--g3) !important}

/* karty */
body.dark .st-card,
body.dark .role-card,
body.dark .fc,
body.dark .fmt-card,
body.dark .why-box,
body.dark .why-item,
body.dark .how-step,
body.dark .ben-card,
body.dark .svc-card,
body.dark .for-whom-card,
body.dark .pi,
body.dark .c-card,
body.dark .nc-visual{background:var(--wh);border-color:var(--g5)}

/* hero pill */
body.dark .hero-pill{background:#1e2045;color:var(--purple)}

/* hfc floating cards */
body.dark .hfc{background:var(--g6);border-color:var(--g5)}

/* ikony tła */
body.dark .fi{background:#1e2045}
body.dark .why-ico{background:#1e2045}
body.dark .ai-ico{background:var(--g6)}
body.dark .ben-ico{background:var(--blue)}
body.dark .svc-icon{background:#1e2045}
body.dark .fw-ico{background:var(--blue)}
body.dark .st-num{background:var(--purple)}

/* page header */
body.dark .page-hdr{background:linear-gradient(135deg,#1a1b2e 0%,#1e1a2e 100%);border-color:var(--g5)}

/* calc */
body.dark .calc-box{background:var(--g7);border-color:var(--g5)}
body.dark .c-lead{background:var(--wh);border-color:var(--g5)}
body.dark .c-diff{background:var(--purple-l);border-color:rgba(123,147,245,.2);color:#202124}

/* nc tags */
body.dark .nc-tag.ok{background:#0d2b18;color:#34a853}
body.dark .nc-tag.no{background:#2b0d0d;color:#f28b82}

/* fmt tags */
body.dark .ftg{background:#1e2045;color:var(--purple)}
body.dark .ftg.g{background:var(--green-l);color:var(--green)}
body.dark .ftg.or{background:#2b1f0d;color:#fbb96e}

/* tabela mb-d */
body.dark .ct td.mb-d{background:#1e2045}

/* accordion */
body.dark .accordion-button::after{display:none}
body.dark .accordion-collapse .accordion-body{border-top:none}
body.dark .accordion-button:not(.collapsed){border-bottom:none;box-shadow:none}

/* footer zostaje ciemny - bez zmian */

/* ── BUTTONS – identyczne jak signup.php ── */
/* ── BUTTONS ── */
.btn-p{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;border:none;border-radius:var(--r);padding:10px 24px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}
.btn-p:hover{background:var(--blue-h);transform:translateY(-1px);box-shadow:0 4px 12px rgba(26,115,232,.4);color:#fff;text-decoration:none}
.btn-p.lg{padding:12px 32px;font-size:15px}

.btn-pur{display:inline-flex;align-items:center;gap:6px;background:#b900b4;color:#fff;border:none;border-radius:var(--r);padding:10px 24px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}
.btn-pur:hover{background:#a100a0;transform:translateY(-1px);box-shadow:0 4px 12px rgba(185,0,180,.4);color:#fff;text-decoration:none}
.btn-pur.lg{padding:12px 32px;font-size:15px}

.btn-o{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--g2);border:1.5px solid var(--g5);border-radius:var(--r);padding:10px 24px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}
.btn-o:hover{background:var(--g7);border-color:var(--g4);color:var(--g1);text-decoration:none}
.btn-o.lg{padding:12px 32px;font-size:15px}

.btn-g{display:inline-flex;align-items:center;gap:6px;background:var(--green);color:#fff;border:none;border-radius:var(--r);padding:10px 24px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}
.btn-g:hover{background:#187534;transform:translateY(-1px);color:#fff;text-decoration:none}
.btn-g.lg{padding:12px 32px;font-size:15px}

/* ── NAVBAR ── */
.site-hdr{position:sticky;top:0;z-index:900;background:var(--wh);border-bottom:1px solid var(--g5);transition:box-shadow .2s}
.site-hdr.sh{box-shadow:var(--sh1)}
.nav-in{display:flex;align-items:center;height:64px;gap:0}
.nav-logo img{height:44px;width:auto}
.nav-mid{flex:1;display:flex;align-items:center;justify-content:center;gap:0}
.nav-mid a{font-size:15px;font-weight:500;color:var(--g3);padding:8px 13px;border-radius:var(--r);transition:color .15s,background .15s;text-decoration:none}
.nav-mid a:hover{color:var(--g1);background:var(--g6);text-decoration:none}
.nav-rt{display:flex;align-items:center;gap:8px}
.burger{display:none;background:none;border:1px solid var(--g5);border-radius:var(--r);width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer;color:var(--g2);font-size:18px}

/* ── MOBILE NAV ── */
.mob{display:none;position:fixed;inset:0;background:var(--wh);z-index:9999;flex-direction:column;padding:20px 24px;overflow-y:auto}
.mob.open{display:flex}
.mob-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.mob-top img{height:36px}
.mob-x{background:none;border:none;font-size:22px;cursor:pointer;color:var(--g2)}
.mob-links{list-style:none;flex:1}
.mob-links li a{display:block;padding:12px 16px;font-size:15px;font-weight:500;color:var(--g1);border-radius:var(--r);text-decoration:none}
.mob-links li a:hover{background:var(--g6)}
.mob-btns{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.mob-btns a{text-align:center;justify-content:center}

/* ── SECTION HELPERS ── */
.sec-lbl{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-bottom:12px;display:block}
.sec-h{font-size:clamp(26px,3.2vw,42px);font-weight:700;color:var(--g1);margin-bottom:16px;line-height:1.15}
.sec-sub{font-size:16px;color:var(--g3);line-height:1.7;max-width:580px}
.sec{padding:80px 0}
.sec-bg{background:var(--g7);border-top:1px solid var(--g5);border-bottom:1px solid var(--g5)}

/* ── HERO ── */
.hero{padding:80px 0 68px;background:var(--wh)}
.hero-pill{display:inline-flex;align-items:center;gap:7px;background:#e8f0fe;color:var(--blue);font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px;margin-bottom:24px}
.hero-pill .live{width:6px;height:6px;background:#34a853;border-radius:50%;flex-shrink:0;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(34px,5vw,58px);font-weight:700;color:var(--g1);line-height:1.1;margin-bottom:20px}
.hero h1 .acc{color:var(--blue)}
.hero-lead{font-size:clamp(15px,1.7vw,18px);color:var(--g3);line-height:1.65;margin-bottom:36px;max-width:510px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px}
.hero-stats{display:flex;gap:36px;flex-wrap:wrap;padding-top:26px;border-top:1px solid var(--g5)}
.h-stat strong{font-size:24px;font-weight:700;color:var(--g1);display:block;line-height:1;margin-bottom:3px}
.h-stat span{font-size:12px;color:var(--g4)}

.hero-vis{position:relative}
.hero-vis>img{width:100%;
    /* border-radius:var(--rxl);box-shadow:var(--sh2) */
    }
.hfc{position:absolute;background:var(--wh);border:1px solid var(--g5);border-radius:12px;padding:11px 15px;box-shadow:var(--sh1);font-size:13px;font-weight:500;color:var(--g1);display:flex;align-items:center;gap:9px;white-space:nowrap}
.hfc.c1{top:-14px;right:10px;animation:fl 3s ease-in-out infinite}
.hfc.c2{bottom:69px;left:-14px;animation:fl 3s ease-in-out infinite .9s}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hfc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.hfc-dot.gr{background:#34a853}
.hfc-dot.bl{background:var(--blue)}
.hfc-val{font-weight:700;color:var(--g1)}
.hfc-lbl{font-size:11px;color:var(--g4);display:block}

/* ── TRUST BAR ── */
.trust{padding:22px 0;background:var(--g7);border-top:1px solid var(--g5);border-bottom:1px solid var(--g5)}
.ti{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--g3)}
.ti .bi{font-size:15px;color:var(--blue)}

/* ── STEP CARDS ── */
.st-card{background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);padding:26px 22px;height:100%;transition:box-shadow .2s}
.st-card:hover{box-shadow:var(--sh2)}
.st-num{width:38px;height:38px;background:var(--purple);color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin-bottom:16px}
.st-card h4{font-size:15px;font-weight:600;margin-bottom:7px}
.st-card p{font-size:14px;color:var(--g3);margin:0;line-height:1.55}

/* ── ROLE CARDS ── */
.role-card{border:1px solid var(--g5);border-radius:var(--rxl);padding:36px 32px;height:100%;background:var(--wh);transition:box-shadow .2s}
.role-card:hover{box-shadow:var(--sh2)}
.role-card.pub{border-top:3px solid var(--purple)}
.role-card.adv{border-top:3px solid var(--green)}
.role-card h3{font-size:20px;font-weight:700;margin-bottom:10px}
.role-card>.rp{font-size:15px;color:var(--g3);margin-bottom:22px;line-height:1.6}
.ck{list-style:none;padding:0;margin:0 0 26px}
.ck li{font-size:14px;color:var(--g2);padding:8px 0;display:flex;gap:9px;align-items:flex-start;border-bottom:1px solid var(--g6)}
.ck li:last-child{border-bottom:none}
.ck li .bi-check-circle-fill{color:var(--purple);flex-shrink:0;margin-top:2px;font-size:14px}
.ck li .bi-check-circle-fill.g{color:var(--green)}
.ri{margin-top:24px;border-radius:var(--rl);overflow:hidden;border:1px solid var(--g5)}
.ri img{width:100%;display:block}

/* ── FEAT CARDS ── */
.fc{background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);padding:22px;height:100%;transition:box-shadow .2s}
.fc:hover{box-shadow:var(--sh2)}
.fi{width:42px;height:42px;border-radius:10px;background:#e8f0fe;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--blue);margin-bottom:14px}
.fi.am{background:#fef3c7;color:#d97706}
.fc h5{font-size:15px;font-weight:600;margin-bottom:7px}
.fc p{font-size:13px;color:var(--g3);margin:0;line-height:1.55}
.fbadge{display:inline-block;margin-top:9px;font-size:11px;font-weight:600;padding:2px 9px;border-radius:20px;background:var(--green-l);color:var(--green)}
.fbadge.or{background:#fef3c7;color:#92400e}

/* ── FORMAT CARDS ── */
.fmt-card{background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);overflow:hidden;height:100%;transition:box-shadow .2s}
.fmt-card:hover{box-shadow:var(--sh2)}
.fmt-img{width:100%;height:185px;object-fit:cover;display:block;background:var(--g6)}
.fmt-body{padding:18px 16px}
.fmt-body h5{font-size:15px;font-weight:600;margin-bottom:6px}
.fmt-body p{font-size:13px;color:var(--g3);margin-bottom:10px;line-height:1.5}
.ftgs{display:flex;gap:5px;flex-wrap:wrap}
.ftg{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;background:#e8f0fe;color:var(--blue)}
.ftg.g{background:var(--green-l);color:var(--green)}
.ftg.or{background:#fef3c7;color:#92400e}
.ftg.u{background:var(--purple);color:#fff}

/* ── PRIVACY SECTION ── */
.priv-sec{padding:80px 0;background:var(--g7);border-top:1px solid var(--g5);border-bottom:1px solid var(--g5)}
.priv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pi{background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);padding:18px}
.pi-n{font-size:11px;font-weight:700;color:var(--purple);letter-spacing:1px;text-transform:uppercase;margin-bottom:7px;display:block}
.pi h6{font-size:14px;font-weight:600;margin-bottom:5px}
.pi p{font-size:13px;color:var(--g3);margin:0;line-height:1.5}
.priv-img{border-radius:var(--rxl);overflow:hidden;border:1px solid var(--g5);box-shadow:var(--sh1)}
.priv-img img{width:100%;display:block}

/* ── AI SECTION ── */
.ai-row{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--g5)}
.ai-row:last-child{border-bottom:none}
.ai-ico{width:38px;height:38px;border-radius:9px;background:var(--g6);display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--blue);flex-shrink:0}
.ai-txt h6{font-size:14px;font-weight:600;margin-bottom:3px}
.ai-txt p{font-size:13px;color:var(--g3);margin:0;line-height:1.5}
.ai-vis{border-radius:var(--rxl);overflow:hidden;border:1px solid var(--g5);box-shadow:var(--sh2);position:relative}
.ai-vis img{width:100%;display:block}
.ai-cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(32,33,36,.8) 0%,transparent 100%);padding:18px 16px 14px}
.ai-cap p{color:rgba(255,255,255,.85);font-size:13px;margin:0;line-height:1.4}

/* ── CALCULATOR ── */
.calc-box{background:var(--g7);border:1px solid var(--g5);border-radius:var(--rxl);padding:44px;max-width:780px;margin:0 auto}
.cl-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.cl-text{font-size:14px;font-weight:500;color:var(--g2)}
.cl-val{font-size:15px;font-weight:700;color:var(--purple);min-width:88px;text-align:right;font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:4px;background:var(--g5);outline:none;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--purple);border:3px solid var(--wh);box-shadow:0 1px 4px rgba(102,126,234,.5);cursor:pointer;transition:transform .15s}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}
.c-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
.c-card{background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);padding:20px;text-align:center}
.c-card.main{border:2px solid var(--purple)}
.c-amt{font-size:28px;font-weight:700;color:var(--g1);display:block;line-height:1;margin-bottom:6px;font-variant-numeric:tabular-nums}
.c-card.main .c-amt{color:var(--purple);font-size:34px}
.c-lbl{font-size:12px;color:var(--g4);line-height:1.4;display:block}
.c-lead{margin-top:12px;background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.c-lead .ll{font-size:13px;color:var(--g3)}
.c-lead .ll strong{color:var(--g1);display:block;font-size:14px;margin-bottom:2px}
.c-lead-amt{font-size:20px;font-weight:700;color:var(--purple);font-variant-numeric:tabular-nums}
.c-diff{margin-top:14px;font-size:13px;color:var(--g3);text-align:center;padding:11px 14px;background:var(--purple-l);border-radius:var(--r);border:1px solid #ceead6}
.c-diff strong{color:var(--purple)}
.c-note{font-size:11px;color:var(--g4);margin-top:14px;text-align:center;line-height:1.5}

/* ── COMPARISON ── */
.ctw{border:1px solid var(--g5);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh1)}
.ct{width:100%;border-collapse:collapse}
.ct th{padding:15px 18px;font-size:14px;font-weight:600;background:var(--g1);color:var(--wh);text-align:center}
.ct th:first-child{text-align:left;background:var(--g2)}
.ct th.mb{background:var(--purple)}
.ct td{padding:12px 18px;font-size:14px;border-bottom:1px solid var(--g5);text-align:center;color:var(--g2);background:var(--wh)}
.ct td:first-child{text-align:left;font-weight:500;background:var(--g7);color:var(--g2)}
.ct td.mb-d{background:#f8f7ff}
.ct tr:last-child td{border-bottom:none}
.cyes{color:#34a853;font-size:16px}
.cno{color:#ea4335;font-size:16px}
.cpar{color:#fbbc04;font-size:16px}

/* ── WHY ── */
.why-item{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--g5)}
.why-item:last-child{border-bottom:none}
.why-ico{width:40px;height:40px;border-radius:10px;background:#e8f0fe;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--blue);flex-shrink:0}
.why-ico.g{background:var(--green-l);color:var(--green)}
.why-ico.p{background:#ede7f6;color:#7c3aed}
.why-ico.am{background:#fef3c7;color:#d97706}
.why-ico.r{background:#fce8e6;color:#c5221f}
.why-txt h5{font-size:15px;font-weight:600;margin-bottom:3px}
.why-txt p{font-size:14px;color:var(--g3);margin:0;line-height:1.55}
.why-img{border-radius:var(--rxl);overflow:hidden;border:1px solid var(--g5);box-shadow:var(--sh2)}
.why-img img{width:100%;display:block}

/* ── CTA ── */
.cta-sec{padding:80px 0;background:var(--wh);text-align:center}
.cta-in {
  background: linear-gradient(135deg, #3c4043 0%, #202124 100%);
  border-radius: var(--rxl); 
  padding: 52px 48px;
  border: 1px solid #d0c0f0;
}
.cta-in h2 {
  font-size: clamp(22px, 2.8vw, 36px);
  font-weight: 700;
  color: var(--wh);
}
.cta-in p{font-size:16px;color:var(--g3);margin-bottom:28px;max-width:500px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}



/* ── FOOTER ── */
.ft{background:#202124;padding:60px 0 0;color:rgba(255,255,255,.6)}
.ft-br img{height:38px;margin-bottom:14px}
.ft-br p{font-size:12px;line-height:140%;color:rgba(255,255,255,.45);/*max-width:250px;*/margin-bottom:0}
.ft-col h6{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:16px}
.ft-col ul{list-style:none;padding:0;margin:0}
.ft-col ul li{margin-bottom:0px;line-height:120%;}
.ft-col ul li a{font-size:12px;color:rgba(255,255,255,.45);transition:color .15s;text-decoration:none}
.ft-col ul li a:hover{color:rgba(255,255,255,.9);text-decoration:none}
.ft-priv{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl);padding:16px;margin-top:20px}
.ft-priv h6{color:rgba(255,255,255,.9);font-size:12px;font-weight:600;margin-bottom:7px}
.ft-priv p{font-size:12px;color:rgba(255,255,255,.38);margin:0;line-height:1.55}
.ft-cta{display:flex;flex-direction:column;gap:7px;margin-top:18px}
.ft-cta a{text-align:center;justify-content:center;font-size:13px;padding:9px 16px}
.btn-ft-o{display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}
.btn-ft-o:hover{background:rgba(255,255,255,.08);color:#fff;text-decoration:none}
.ft-bot{margin-top:48px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.ft-bot p{font-size:12px;color:rgba(255,255,255,.32);margin:0}
.ft-bot p a{color:rgba(255,255,255,.45);text-decoration:none}
.ft-bot p a:hover{color:rgba(255,255,255,.8)}
.socs{display:flex;gap:7px}
.socs a{width:32px;height:32px;border-radius:var(--r);background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-size:14px;transition:all .15s;text-decoration:none}
.socs a:hover{background:var(--purple);color:#fff;text-decoration:none}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(22px);transition:opacity .52s ease,transform .52s ease}
.rv.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}

/* ── RESPONSIVE ── */
@media(max-width:991px){
    .nav-mid,.nav-rt .btn-p,.nav-rt .btn-o{display:none}
    .burger{display:flex}
    .hero{padding:50px 0 40px}
    .hero-vis{margin-top:38px}
    .hfc.c2{display:none}
    .role-card{padding:26px 20px}
    .calc-box{padding:30px 20px}
    .cta-in{padding:48px 22px}
    .priv-grid{grid-template-columns:1fr}
}
@media(max-width:767px){
    .hero-btns{flex-direction:column}
    .hero-btns a{text-align:center;justify-content:center}
    .hero-stats{gap:20px}
    .c-grid{grid-template-columns:1fr}
    .ct td,.ct th{padding:9px 11px;font-size:12.5px}
    .cta-btns{flex-direction:column;align-items:center}
    .ft-bot{flex-direction:column;text-align:center}
}
/* ── WHY BOXES ── */
.why-box, .why-item {background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);overflow:hidden;height:100%;transition:box-shadow .2s}
.why-box:hover, .why-item:hover {box-shadow:0 0 0 1px rgba(102,126,234,.15),0 4px 16px rgba(102,126,234,.12)}
.why-box-img{width:100%;height:200px;overflow:hidden;background:var(--g6)}
.why-box-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.why-box:hover .why-box-img img{transform:scale(1.03)}
.why-box-body{padding:22px 24px}
.why-box-body h5{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--g1)}
.why-box-body p{font-size:13.5px;color:var(--g3);margin:0;line-height:1.6}
/* scroll to top */
#scrollTop {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--blue);
  color: #fff;
  border: none;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(102,126,234,.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s, transform .2s;
  z-index: 999;
}
#scrollTop:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(102,126,234,.55);
}

#scrollTop.vis {
  opacity: 0.6;
  visibility: visible;
}
#scrollTop.vis:hover {
  opacity: 1;
}

/* ── PAGE HEADER ── */
.page-hdr{padding:52px 0 44px;background:linear-gradient(135deg,#f8f9ff 0%,#f0f0ff 100%);border-bottom:1px solid var(--g5)}
.page-hdr .breadcrumb{font-size:13px;margin-bottom:12px}
.page-hdr .breadcrumb-item a{color:var(--blue);text-decoration:none}
.page-hdr .breadcrumb-item.active{color:var(--g4)}
.page-hdr .breadcrumb-item+.breadcrumb-item::before{color:var(--g4)}
.page-hdr h1{font-size:clamp(26px,3.5vw,42px);font-weight:700;color:var(--g1);margin-bottom:12px;line-height:1.15}
.page-hdr p{font-size:16px;color:var(--g3);max-width:600px;line-height:1.65;margin:0}

/* ── SERVICES GRID (4 col) ── */
.svc-card{background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);padding:28px 24px;height:100%;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.svc-card:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.svc-card:hover::before{transform:scaleX(1)}
.svc-icon{width:48px;height:48px;border-radius:12px;background:#e8eeff;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--blue);margin-bottom:16px;flex-shrink:0}
.svc-card h3{font-size:15px;font-weight:700;color:var(--g1);margin-bottom:10px}
.svc-card p{font-size:13px;color:var(--g3);line-height:1.6;margin:0}

/* ── ABOUT STRIP ── */
.about-strip{background:var(--g1);padding:72px 0;position:relative;overflow:hidden}
.about-strip::before{content:'';position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:50%;background:rgba(102,126,234,.08);pointer-events:none}
.about-strip::after{content:'';position:absolute;bottom:-60px;left:-60px;width:300px;height:300px;border-radius:50%;background:rgba(185,0,180,.06);pointer-events:none}
.about-strip .sec-lbl{color:var(--blue)}
.about-strip h2{color:#fff;font-size:clamp(24px,3vw,38px);font-weight:700;margin-bottom:20px;line-height:1.2}
.about-strip p{color:rgba(255,255,255,.65);font-size:15px;line-height:1.75;margin-bottom:28px}
.about-strip-img{border-radius:var(--rxl);overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.4);position:relative}
.about-strip-img img{width:100%;display:block}
.about-strip-badge{position:absolute;bottom:20px;left:20px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 18px;color:#fff}
.about-strip-badge strong{display:block;font-size:20px;font-weight:700;line-height:1}
.about-strip-badge span{font-size:12px;color:rgba(255,255,255,.6)}

/* ── NO COOKIES TIMELINE ── */
.nocookies-sec{padding:80px 0;background:var(--g7);border-top:1px solid var(--g5);border-bottom:1px solid var(--g5)}
.nc-lead{font-size:clamp(15px,1.6vw,18px);color:var(--g2);line-height:1.75;font-weight:400;margin-bottom:48px;max-width:860px}
.nc-lead span{color:var(--blue);font-weight:600}
.nc-steps{display:flex;flex-direction:column;gap:0}
.nc-step{display:flex;gap:24px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--g5);position:relative}
.nc-step:last-child{border-bottom:none}
.nc-num{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;margin-top:2px}
.nc-txt h5{font-size:15px;font-weight:700;color:var(--g1);margin-bottom:5px}
.nc-txt p{font-size:13.5px;color:var(--g3);margin:0;line-height:1.6}
.nc-visual{border-radius:var(--rxl);overflow:hidden;border:1px solid var(--g5);box-shadow:var(--sh2);background:var(--wh);padding:32px;display:flex;flex-direction:column;gap:16px}
.nc-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:30px;font-size:13px;font-weight:600}
.nc-tag.ok{background:#e6f4ea;color:var(--green)}
.nc-tag.no{background:#fce8e6;color:#c5221f}
.nc-tag .bi{font-size:15px}
.nc-badge{background:linear-gradient(135deg,var(--blue),var(--blue-h));border-radius:var(--rl);padding:20px 24px;color:#fff;text-align:center}
.nc-badge strong{display:block;font-size:28px;font-weight:800;line-height:1;margin-bottom:4px}
.nc-badge span{font-size:12px;opacity:.75}

/* ── FAQ ── */
.faq-sec{padding:80px 0}
.faq-sec .accordion-button{font-size:15px;font-weight:600;color:var(--g1)}
.faq-sec .accordion-button:not(.collapsed){color:var(--blue);background:#f8f7ff}
.faq-sec .accordion-button:focus{box-shadow:none;border-color:var(--g5)}
.faq-sec .accordion-button::after{filter:none}
.faq-sec .accordion-button:not(.collapsed)::after{filter:none}
.faq-sec .accordion-item{border:1px solid var(--blue);border-radius:var(--r) !important;margin-bottom:10px;overflow:hidden}
.faq-sec .accordion-body{font-size:14px;color:var(--g3);line-height:1.7}
.faq-img-wrap{border-radius:var(--rxl);overflow:hidden;border:1px solid var(--g5);box-shadow:var(--sh2)}
.faq-img-wrap img{width:100%;display:block}

/* ── CTA BOTTOM ── */
.page-cta{padding:80px 0;background:var(--wh)}

/* ── PAGE HDR STATS ── */
.page-hdr-stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid rgba(102,126,234,.2)}
.page-hdr-stat strong{display:block;font-size:22px;font-weight:800;color:var(--blue);line-height:1;margin-bottom:3px}
.page-hdr-stat span{font-size:12px;color:var(--g4)}

/* ── FOR WHOM CARDS ── */
.for-whom-card{background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);padding:24px;text-align:center;height:100%;transition:box-shadow .2s,transform .2s}
.for-whom-card:hover{box-shadow:var(--sh2);transform:translateY(-3px)}
.for-whom-card .fw-ico{width:52px;height:52px;border-radius:14px;background:var(--blue);color:var(--wh);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px}
.for-whom-card h5{font-size:15px;font-weight:700;color:var(--g1);margin-bottom:6px}
.for-whom-card p{font-size:13px;color:var(--g3);margin:0;line-height:1.5}

/* ── HOW STEPS ── */
.how-step{display:flex;gap:20px;align-items:flex-start;padding:32px;background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);margin-bottom:16px;transition:box-shadow .2s}
.how-step:hover{box-shadow:var(--sh2)}
.how-step-num{width:52px;height:52px;border-radius:14px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0}
.how-step-num.done{background:var(--green)}
.how-step h4{font-size:16px;font-weight:700;color:var(--g1);margin-bottom:6px}
.how-step p{font-size:14px;color:var(--g3);margin:0;line-height:1.6}
.step-tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 10px;border-radius:12px;background:var(--blue);color:var(--wh);margin-bottom:8px}
.step-tag.g{background:var(--green-l);color:var(--green)}
.how-img-wrap{border-radius:var(--rxl);overflow:hidden;border:1px solid var(--g5);box-shadow:var(--sh2);position:sticky;top:80px}
.how-img-wrap img{width:100%;display:block}

/* ── BENEFITS CARDS ── */
.ben-card{background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);padding:24px;height:100%;transition:box-shadow .2s,border-color .2s;position:relative}
.ben-card:hover{box-shadow:var(--sh2);border-color:rgba(102,126,234,.3)}
.ben-num{position:absolute;top:16px;right:20px;font-size:32px;font-weight:800;color:var(--g6);line-height:1}
.ben-ico{width:42px;height:42px;border-radius:10px;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:18px;color:#ffffff;margin-bottom:14px}
.ben-card h5{font-size:15px;font-weight:700;color:var(--g1);margin-bottom:8px}
.ben-card p{font-size:13px;color:var(--g3);margin:0;line-height:1.6}

/* ── NAV DROPDOWN ── */
.nav-drop{position:relative;display:inline-flex;align-items:center}
.nav-drop>a{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:500;color:var(--g3);padding:8px 13px;border-radius:var(--r);transition:color .15s,background .15s;text-decoration:none;cursor:pointer}
.nav-drop>a .bi-chevron-down{font-size:11px;transition:transform .2s}
.nav-drop:hover>a{color:var(--g1);background:var(--g6);text-decoration:none}
.nav-drop:hover>a .bi-chevron-down{transform:rotate(180deg)}
.nav-drop-menu{display:none;position:absolute;top:100%;left:0;background:var(--wh);border:1px solid var(--g5);border-radius:var(--rl);box-shadow:var(--sh2);min-width:220px;padding:8px;padding-top:16px;margin-top:0;z-index:800}
.nav-drop-menu::before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px}
.nav-drop:hover .nav-drop-menu{display:flex;flex-direction:column;gap:2px}
.nav-drop-menu a{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:500;color:var(--g2);border-radius:var(--r);transition:background .15s,color .15s;text-decoration:none;white-space:nowrap}
.nav-drop-menu a:hover{background:var(--g6);color:var(--g1);text-decoration:none}
.nav-drop-menu a .bi{font-size:14px;color:var(--purple);flex-shrink:0}
/* mobile */
.mob-lbl{display:block;padding:12px 16px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--g4)}
.mob-sub{list-style:none;padding:0;margin:0 0 8px 0}
.mob-sub li a{display:flex;align-items:center;gap:10px;padding:10px 24px;font-size:14px;font-weight:500;color:var(--g2);border-radius:var(--r);text-decoration:none}
.mob-sub li a:hover{background:var(--g6)}
.mob-sub li a .bi{font-size:13px;color:var(--purple)}
/* dark mode */
body.dark .nav-drop-menu{background:var(--g6);border-color:var(--g5)}
body.dark .nav-drop-menu a{color:var(--g2)}
body.dark .nav-drop-menu a:hover{background:var(--g7);color:var(--g1)}

/* ══ BLOG PODSTRONY ══ */
.blog-toc{background:var(--g6);border:1px solid var(--g5);border-radius:var(--r);padding:20px 24px;margin-top:24px}
.blog-toc h6{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--g3);margin-bottom:12px}
.blog-toc ol{padding-left:18px;margin:0}
.blog-toc ol li{margin-bottom:6px;font-size:14px;line-height:1.5}
.blog-toc ol li a{color:var(--g2);text-decoration:none;transition:color .2s}
.blog-toc ol li a:hover{color:var(--blue)}
.blog-img-sticky{position:sticky;top:80px}
.blog-img-sticky img{border-radius:var(--rl);width:100%;height:auto;border:1px solid var(--g5)}
.blog-content h2{font-size:1.35rem;font-weight:700;margin-top:2rem;margin-bottom:.75rem;padding-top:.5rem;scroll-margin-top:70px}
.blog-content p{line-height:1.75;color:var(--g2)}
.blog-content strong{color:var(--g1)}
.blog-content table{font-size:14px;width:100%;margin:1.5rem 0;border-collapse:collapse}
.blog-content table th{background:var(--g6);font-weight:600;font-size:13px;padding:10px 14px;text-align:left;border:1px solid var(--g5)}
.blog-content table td{padding:10px 14px;border:1px solid var(--g5);vertical-align:top}
.blog-content table tr:nth-child(even) td{background:var(--g6)}
.blog-content a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(102,126,234,.3);transition:text-decoration-color .2s}
.blog-content a:hover{text-decoration-color:var(--blue)}
body.dark .blog-toc{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
body.dark .blog-content table th{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
body.dark .blog-content table td{border-color:rgba(255,255,255,.08)}
body.dark .blog-content table tr:nth-child(even) td{background:rgba(255,255,255,.03)}

/* ── Social ikony – light & dark ── */
/* ── .socs domyślnie (jasne tło) ── */
.socs a {
  width: 32px;
  height: 32px;
  border-radius: var(--r);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
  transition: all .15s;
  color: var(--g3);
  background: var(--g6);
  border: 1px solid var(--g5);
}
.socs a:hover {
  background: var(--purple);
  color: #fff;
  border-color: var(--purple);
  text-decoration: none;
}

/* ── .socs w stopce (ciemne tło) ── */
footer .socs a {
  color: rgba(255,255,255,.45);
  background: rgba(255,255,255,.07);
  border: none;
}
footer .socs a:hover {
  background: var(--purple);
  color: #fff;
}/* ── .socs domyślnie (jasne tło) ── */
.socs a {
  width: 32px;
  height: 32px;
  border-radius: var(--r);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
  transition: all .15s;
  color: var(--blue);          /* zmiana z var(--g3) */
  background: var(--g6);
  border: 1px solid var(--g5);
}
.socs a:hover {
  background: var(--purple);
  color: #fff;
  border-color: var(--purple);
  text-decoration: none;
}

/* ── .socs w stopce (ciemne tło) ── */
footer .socs a {
  color: var(--wh);          /* zmiana z var(--g3) */
  background: var(--blue);
  border: 1px solid var(--g5);
  border: none;
}
footer .socs a:hover {
  background: var(--purple);
  color: #fff;
}

.sticky-top {
  z-index: 100 !important;
}