/* ============================================================
   MocSEO — Agencja Google Ads · Strona główna (Wariant A)
   Ladowany globalnie PO main.css.
   ============================================================ */

:root{
  --blue-50:#F4EEFF; --blue-100:#E9DEFB; --blue-200:#D6C4F8; --blue-300:#A472F5;
  --blue-400:#8B4FF0; --blue-500:#7C3AED; --blue-600:#7C3AED; --blue-700:#5B21B6;
  --blue-800:#4A1D96; --blue-900:#2E1065;
  --g-ads:#1A73E8; --g-ga4:#34A853; --g-gtm:#F9AB00; --g-looker:#9334E6;
  --gray-50:#F9FAFB; --gray-100:#F3F4F6; --gray-200:#E5E7EB; --gray-300:#D1D5DB;
  --gray-400:#9CA3AF; --gray-500:#6B7280; --gray-600:#4B5563; --gray-700:#374151;
  --gray-800:#1F2937; --gray-900:#0A0E1A;
  --surface:#F4F7FF;
  --fg-1:#0A0E1A; --fg-2:#374151; --fg-3:#6B7280;
  --shadow-sm:0 1px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 4px 16px rgba(46,16,101,.08),0 2px 4px rgba(0,0,0,.04);
  --shadow-lg:0 12px 40px rgba(46,16,101,.12),0 4px 12px rgba(0,0,0,.05);
  --shadow-xl:0 28px 70px rgba(46,16,101,.16),0 8px 20px rgba(0,0,0,.06);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--fg-2); background:#fff; line-height:1.5;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
.section{padding:96px 0;}
.section--alt{background:var(--surface);}
.section--navy{background:var(--blue-900);}
h1,h2,h3,h4{color:var(--fg-1);letter-spacing:-.02em;text-wrap:balance;}

/* ── Eyebrow + section head ── */
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-600);}
.eyebrow--white{color:var(--blue-300);}
.section-head{max-width:680px;margin:0 auto 56px;text-align:center;}
.section-head .eyebrow{margin-bottom:14px;}
.section-title{font-size:42px;font-weight:800;line-height:1.12;margin-bottom:16px;}
.section-title--white{color:#fff;}
.section-sub{font-size:18px;color:var(--fg-3);line-height:1.6;text-wrap:pretty;}
.section-sub--white{color:rgba(255,255,255,.7);}

/* ── Buttons ── */
.btn{font-family:inherit;font-weight:600;cursor:pointer;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;border:none;white-space:nowrap;}
.btn-primary{background:var(--blue-600);color:#fff;font-size:15px;padding:14px 28px;box-shadow:0 6px 18px rgba(124,58,237,.28);}
.btn-primary:hover{background:var(--blue-700);transform:translateY(-1px);box-shadow:0 10px 24px rgba(124,58,237,.34);}
.btn-outline{background:transparent;color:var(--blue-600);font-size:15px;padding:13px 27px;border:1.5px solid var(--blue-200);}
.btn-outline:hover{background:var(--blue-50);border-color:var(--blue-300);}
.btn-ghost{background:#fff;border:1.5px solid var(--gray-200);padding:12px 24px;font-size:14px;color:var(--gray-700);}
.btn-ghost:hover{border-color:var(--gray-300);background:var(--gray-50);}
.btn-white{background:#fff;color:var(--blue-700);font-size:15px;padding:14px 28px;box-shadow:var(--shadow-md);}
.btn-white:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);}
.btn-lg{font-size:16px;padding:16px 34px;}

/* ════════════════ HEADER ════════════════ */
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--gray-200);}
.header-inner{display:flex;align-items:center;height:72px;gap:20px;}
.site-logo{display:flex;align-items:center;gap:11px;}
.logo-mark{width:38px;height:38px;border-radius:9px;background:var(--blue-600) url(mocseo-sygnet-mono-bialy.svg) center/60% no-repeat;display:flex;align-items:center;justify-content:center;font-size:0;color:transparent;}
.logo-name{font-size:15px;font-weight:800;color:var(--fg-1);letter-spacing:-.3px;line-height:1.15;}
.logo-sub{font-size:9.5px;font-weight:600;color:var(--gray-400);letter-spacing:.7px;text-transform:uppercase;display:block;}
.site-nav{margin-left:18px;}
.nav-list{display:flex;gap:2px;align-items:center;}
.nav-list>li>a{font-size:14px;font-weight:500;color:var(--gray-700);padding:8px 13px;border-radius:7px;transition:all .15s;display:flex;align-items:center;gap:5px;}
.nav-list>li>a:hover{color:var(--blue-600);background:var(--blue-50);}
.nav-list .caret{font-size:11px;opacity:.5;}
/* mega menu */
.has-mega{position:relative;}
.mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);width:560px;background:#fff;border:1px solid var(--gray-200);border-radius:16px;box-shadow:var(--shadow-xl);padding:14px;opacity:0;visibility:hidden;transition:all .18s;display:grid;grid-template-columns:1fr 1fr;gap:4px;}
.has-mega:hover .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.mega-item{display:flex;gap:12px;padding:12px;border-radius:11px;transition:background .15s;}
.mega-item:hover{background:var(--blue-50);}
.mega-ico{width:38px;height:38px;border-radius:9px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;}
.mega-t{display:block;font-size:13.5px;font-weight:600;color:var(--fg-1);margin-bottom:2px;}
.mega-d{display:block;font-size:12px;color:var(--gray-500);line-height:1.4;}
.header-spacer{flex:1;}
.header-cta{display:flex;align-items:center;gap:14px;}
.header-phone{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--fg-1);}
.header-phone i{color:var(--blue-600);}
.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--gray-700);border-radius:2px;}

/* ════════════════ HERO (shared) ════════════════ */
.hero{position:relative;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(900px 500px at 78% -8%, rgba(27,98,246,.10), transparent 60%),
  radial-gradient(700px 500px at 0% 110%, rgba(124,58,237,.06), transparent 55%);
  z-index:0;}
.hero .container{position:relative;z-index:1;}
.trust-pill-row{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;}
.trust-pill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--gray-600);background:#fff;border:1px solid var(--gray-200);padding:7px 13px;border-radius:9999px;box-shadow:var(--shadow-sm);}
.trust-pill i{color:var(--blue-600);font-size:15px;}
.trust-pill .stars{color:var(--g-gtm);letter-spacing:1px;}
.partner-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--gray-200);padding:8px 14px;border-radius:11px;box-shadow:var(--shadow-sm);}
.partner-dots{display:flex;gap:2px;}
.partner-dots span{width:8px;height:8px;border-radius:50%;}
.pd-b{background:#4285F4;}.pd-r{background:#EA4335;}.pd-y{background:#FBBC05;}.pd-g{background:#34A853;}
.partner-txt b{font-size:12.5px;font-weight:700;color:var(--fg-1);display:block;line-height:1.2;}
.partner-txt small{font-size:10.5px;color:var(--gray-500);}

.hero-h1{font-size:54px;font-weight:800;line-height:1.06;letter-spacing:-.03em;color:var(--fg-1);}
.hero-h1 .hl{color:var(--blue-600);position:relative;white-space:nowrap;}
.hero-sub{font-size:19px;color:var(--fg-2);line-height:1.6;max-width:540px;text-wrap:pretty;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;}
.hero-micro{font-size:13px;color:var(--gray-500);display:flex;align-items:center;gap:7px;}
.hero-micro i{color:var(--g-ga4);}

/* Dashboard mock (hero visual) */
.dash{background:#fff;border:1px solid var(--gray-200);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;}
.dash-top{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--gray-100);}
.dash-dot{width:10px;height:10px;border-radius:50%;}
.dd1{background:#FF5F57;}.dd2{background:#FEBC2E;}.dd3{background:#28C840;}
.dash-url{margin-left:8px;font-size:11.5px;color:var(--gray-400);background:var(--gray-50);padding:4px 12px;border-radius:7px;}
.dash-body{padding:20px;}
.dash-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;}
.dash-label{font-size:12px;color:var(--gray-500);font-weight:500;}
.dash-roas{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--g-ga4);background:var(--blue-50);padding:5px 10px;border-radius:8px;}
.dash-big{font-size:34px;font-weight:800;color:var(--fg-1);letter-spacing:-.02em;line-height:1;}
.dash-chart{margin:16px 0 18px;}
.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.dash-kpi{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:12px;padding:12px;}
.dash-kpi .k-l{font-size:10.5px;color:var(--gray-500);font-weight:500;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em;}
.dash-kpi .k-v{font-size:18px;font-weight:800;color:var(--fg-1);}
.dash-kpi .k-up{font-size:11px;font-weight:700;color:var(--g-ga4);}
.float-card{position:absolute;background:#fff;border:1px solid rgba(124,58,237,.12);border-radius:14px;box-shadow:var(--shadow-xl);padding:13px 16px;display:flex;align-items:center;gap:11px;z-index:2;}
.float-card .fc-ico{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;}
.float-card .fc-v{font-size:15px;font-weight:800;color:var(--fg-1);line-height:1.1;}
.float-card .fc-l{font-size:11px;color:var(--gray-500);}

/* Variant layouts */
.hero-variant{display:none;}
body[data-hero="A"] #hero-A{display:block;}
body[data-hero="B"] #hero-B{display:block;}
body[data-hero="C"] #hero-C{display:block;}

/* Variant A — split */
#hero-A{padding:80px 0 90px;}
.heroA-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.heroA-copy{display:flex;flex-direction:column;gap:24px;}
.heroA-visual{position:relative;}
.heroA-visual .float-card.fc-1{top:-18px;right:18px;}
.heroA-visual .float-card.fc-2{bottom:-18px;left:18px;}

/* Variant B — centered */
#hero-B{padding:84px 0 0;text-align:center;}
.heroB-copy{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px;}
.heroB-copy .hero-h1{font-size:60px;}
.heroB-copy .hero-sub{margin:0 auto;}
.heroB-copy .trust-pill-row{justify-content:center;}
.heroB-dash{max-width:940px;margin:56px auto 0;transform:translateY(40px);}
.heroB-wrap{position:relative;padding-bottom:60px;}
.heroB-wrap .float-card.fc-1{top:30px;left:max(24px,calc(50% - 540px));}
.heroB-wrap .float-card.fc-2{bottom:90px;right:max(24px,calc(50% - 540px));}

/* Variant C — proof-forward */
#hero-C{padding:80px 0 90px;}
.heroC-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;}
.heroC-copy{display:flex;flex-direction:column;gap:24px;}
.heroC-proof{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.proof-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:22px;box-shadow:var(--shadow-md);}
.proof-card .pc-v{font-size:34px;font-weight:800;color:var(--blue-600);letter-spacing:-.02em;line-height:1;}
.proof-card .pc-l{font-size:13px;color:var(--gray-600);margin-top:8px;line-height:1.4;}
.proof-card--dark{background:var(--blue-600);border-color:var(--blue-600);}
.proof-card--dark .pc-v{color:#fff;}
.proof-card--dark .pc-l{color:rgba(255,255,255,.8);}
.proof-card--wide{grid-column:1 / -1;display:flex;align-items:center;gap:16px;}
.proof-card--wide .partner-dots span{width:11px;height:11px;}

/* ════════════════ LOGO WALL / TRUST ════════════════ */
.logowall{padding:44px 0;border-bottom:1px solid var(--gray-100);}
.logowall-label{text-align:center;font-size:12.5px;font-weight:600;color:var(--gray-400);letter-spacing:.06em;text-transform:uppercase;margin-bottom:26px;}
.logowall-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 40px;}
.logo-item{font-size:19px;font-weight:800;color:var(--gray-300);letter-spacing:-.02em;transition:color .2s;display:flex;align-items:center;gap:7px;}
.logo-item:hover{color:var(--gray-500);}
.logo-item i{font-size:20px;}
.logo-img{height:40px;width:auto;max-width:160px;object-fit:contain;filter:grayscale(1) opacity(.62);transition:filter .25s ease;}
.logo-img:hover{filter:grayscale(0) opacity(1);}

/* ════════════════ PROBLEM TILES ════════════════ */
.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.prob-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:30px;box-shadow:var(--shadow-sm);transition:all .2s;}
.prob-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
.prob-q{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--fg-1);margin-bottom:12px;}
.prob-q i{color:var(--g-gtm);font-size:22px;}
.prob-d{font-size:14.5px;color:var(--fg-3);line-height:1.6;margin-bottom:16px;}
.prob-arrow{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;font-weight:600;color:var(--blue-700);line-height:1.5;}
.prob-arrow i{color:var(--g-ga4);font-size:18px;margin-top:1px;flex:none;}

/* ════════════════ OFFER GRID ════════════════ */
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.offer-card{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:18px;padding:30px;box-shadow:var(--shadow-sm);transition:all .2s;display:flex;flex-direction:column;gap:14px;overflow:hidden;}
.offer-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--blue-200);}
.offer-ico{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:27px;color:var(--blue-600);background:var(--blue-50);}
.offer-t{font-size:19px;font-weight:700;color:var(--fg-1);}
.offer-d{font-size:14px;color:var(--fg-3);line-height:1.6;flex:1;}
.offer-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue-600);}
.offer-card:hover .offer-link i{transform:translateX(3px);}
.offer-link i{transition:transform .2s;}

/* ════════════════ PROCESS ════════════════ */
.proc-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative;}
.proc-step{position:relative;}
.proc-num{width:46px;height:46px;border-radius:13px;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;margin-bottom:18px;box-shadow:0 6px 16px rgba(124,58,237,.25);}
.proc-step:not(:last-child)::after{content:"";position:absolute;top:23px;left:58px;right:-9px;height:2px;background:linear-gradient(90deg,var(--blue-200),var(--gray-200));}
.proc-t{font-size:16px;font-weight:700;color:var(--fg-1);margin-bottom:8px;}
.proc-d{font-size:13.5px;color:var(--fg-3);line-height:1.55;}
.proc-foot{margin-top:44px;display:flex;justify-content:center;}
.proc-banner{display:flex;align-items:center;gap:14px;background:var(--blue-50);border:1px solid var(--blue-100);border-radius:14px;padding:16px 24px;font-size:15px;color:var(--blue-800);font-weight:500;}
.proc-banner i{font-size:24px;color:var(--blue-600);}
.proc-banner b{font-weight:700;}

/* ════════════════ STATS STRIP ════════════════ */
.stats-strip{display:flex;justify-content:center;align-items:stretch;gap:24px;flex-wrap:wrap;}
.stat{text-align:center;padding:14px;flex:1;min-width:170px;}
.stat-v{font-size:48px;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1;background:linear-gradient(180deg,#fff,#D6C4F8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.stat-l{font-size:14px;color:rgba(255,255,255,.65);margin-top:12px;line-height:1.5;}
.stat-divider{width:1px;background:rgba(255,255,255,.12);}

/* ════════════════ CASE STUDIES ════════════════ */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.case-card{background:#fff;border:1px solid var(--gray-200);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s;display:flex;flex-direction:column;}
.case-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.case-chart{height:130px;background:linear-gradient(160deg,var(--blue-600),var(--blue-800));position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:0;}
.case-tag{position:absolute;top:14px;left:14px;font-size:11px;font-weight:700;color:#fff;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);padding:5px 11px;border-radius:9999px;letter-spacing:.02em;z-index:2;}
.case-body{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1;}
.case-metric{display:flex;align-items:baseline;gap:8px;}
.case-metric .cm-v{font-size:32px;font-weight:800;color:var(--blue-600);letter-spacing:-.02em;}
.case-metric .cm-l{font-size:13px;color:var(--gray-500);font-weight:500;}
.case-desc{font-size:14px;color:var(--fg-3);line-height:1.6;flex:1;}
.case-sub{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--gray-100);padding-top:14px;}
.case-sub div{font-size:12px;color:var(--gray-500);}
.case-sub b{display:block;font-size:15px;font-weight:700;color:var(--fg-1);}
.case-cta{display:flex;justify-content:center;margin-top:40px;}

/* ════════════════ TESTIMONIALS ════════════════ */
.testi-track{display:flex;gap:22px;overflow-x:auto;padding:6px 4px 20px;scroll-snap-type:x mandatory;}
.testi-track::-webkit-scrollbar{height:8px;}
.testi-track::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:9999px;}
.testi-card{flex:0 0 380px;scroll-snap-align:start;background:#fff;border:1px solid var(--gray-200);border-radius:18px;padding:28px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:18px;}
.testi-stars{color:var(--g-gtm);font-size:16px;letter-spacing:2px;}
.testi-quote{font-size:16px;color:var(--fg-2);line-height:1.65;flex:1;text-wrap:pretty;}
.testi-who{display:flex;align-items:center;gap:13px;border-top:1px solid var(--gray-100);padding-top:18px;}
.testi-av{width:44px;height:44px;border-radius:50%;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex:none;}
.testi-name{font-size:14.5px;font-weight:700;color:var(--fg-1);}
.testi-role{font-size:12.5px;color:var(--gray-500);}
.testi-g{margin-left:auto;font-size:11px;color:var(--gray-400);display:flex;align-items:center;gap:5px;}
.testi-nav{display:flex;justify-content:center;gap:10px;margin-top:8px;}
.testi-btn{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--gray-200);background:#fff;color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .15s;}
.testi-btn:hover{border-color:var(--blue-300);color:var(--blue-600);background:var(--blue-50);}

/* ════════════════ WHY + COMPARE ════════════════ */
.why-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;}
.why-list{display:flex;flex-direction:column;gap:18px;}
.why-item{display:flex;gap:15px;}
.why-ico{width:44px;height:44px;border-radius:12px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;font-size:22px;flex:none;}
.why-t{font-size:16.5px;font-weight:700;color:var(--fg-1);margin-bottom:4px;}
.why-d{font-size:14px;color:var(--fg-3);line-height:1.55;}
.compare{background:#fff;border:1px solid var(--gray-200);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-md);}
.compare table{width:100%;border-collapse:collapse;}
.compare th,.compare td{padding:15px 16px;text-align:center;font-size:14px;border-bottom:1px solid var(--gray-100);}
.compare th{font-size:13px;font-weight:700;color:var(--fg-1);background:var(--gray-50);}
.compare th.col-hl{background:var(--blue-600);color:#fff;}
.compare td.col-hl{background:var(--blue-50);font-weight:600;}
.compare td:first-child,.compare th:first-child{text-align:left;font-weight:600;color:var(--fg-2);}
.compare .yes{color:var(--g-ga4);font-size:18px;}
.compare .no{color:var(--gray-300);font-size:18px;}
.compare .mid{color:var(--g-gtm);}
.why-note{margin-top:18px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--blue-800);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:12px;padding:14px 18px;}
.why-note i{color:var(--blue-600);font-size:20px;}

/* ════════════════ PRICING ════════════════ */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}
.price-card{background:#fff;border:1px solid var(--gray-200);border-radius:20px;padding:32px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:18px;position:relative;transition:all .2s;}
.price-card:hover{box-shadow:var(--shadow-md);}
.price-card--feat{border:2px solid var(--blue-600);box-shadow:var(--shadow-lg);transform:scale(1.02);}
.price-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue-600);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 16px;border-radius:9999px;box-shadow:0 6px 16px rgba(124,58,237,.3);}
.price-name{font-size:14px;font-weight:700;color:var(--blue-600);text-transform:uppercase;letter-spacing:.05em;}
.price-amt{display:flex;align-items:baseline;gap:6px;}
.price-amt .pa-pre{font-size:14px;color:var(--gray-500);}
.price-amt .pa-v{font-size:40px;font-weight:800;color:var(--fg-1);letter-spacing:-.02em;}
.price-amt .pa-suf{font-size:14px;color:var(--gray-500);}
.price-for{font-size:13.5px;color:var(--fg-3);line-height:1.5;}
.price-feats{display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--gray-100);padding-top:18px;}
.price-feat{display:flex;gap:10px;font-size:14px;color:var(--fg-2);line-height:1.45;}
.price-feat i{color:var(--g-ga4);font-size:17px;flex:none;margin-top:1px;}
.price-card .btn{margin-top:auto;width:100%;}
.price-models{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.model-pill{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--fg-2);background:#fff;border:1px solid var(--gray-200);padding:10px 18px;border-radius:9999px;box-shadow:var(--shadow-sm);}
.model-pill i{color:var(--blue-600);}

/* FAQ: style przeniesione do main.css (.ms-faq) */

/* ════════════════ CONVERSION FORM ════════════════ */
.form-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:start;}
.form-aside{display:flex;flex-direction:column;gap:24px;}
.form-aside .section-title{font-size:38px;}
.form-benefits{display:flex;flex-direction:column;gap:14px;}
.form-benefit{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--fg-2);line-height:1.5;}
.form-benefit i{color:var(--g-ga4);font-size:20px;flex:none;margin-top:1px;}
.form-alts{display:flex;flex-direction:column;gap:12px;margin-top:24px;}
.form-alt{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--gray-200);border-radius:13px;padding:14px 18px;transition:all .15s;}
.form-alt:hover{border-color:var(--blue-200);box-shadow:var(--shadow-sm);}
.form-alt i{width:40px;height:40px;border-radius:10px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;font-size:19px;flex:none;}
.form-alt>span{display:flex;flex-direction:column;gap:3px;}
.form-alt .fa-l{font-size:12px;color:var(--gray-500);}
.form-alt .fa-v{font-size:15px;font-weight:700;color:var(--fg-1);}
.form-box{background:#fff;border:1px solid var(--gray-200);border-radius:22px;padding:34px;box-shadow:var(--shadow-lg);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.field{display:flex;flex-direction:column;gap:6px;}
.field.full{grid-column:1 / -1;}
.field label{font-size:13px;font-weight:600;color:var(--fg-2);}
.field input,.field select,.field textarea{font-family:inherit;font-size:15px;color:var(--fg-1);border:1.5px solid var(--gray-200);border-radius:11px;padding:12px 14px;transition:all .15s;background:#fff;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(27,98,246,.12);}
.field textarea{resize:vertical;min-height:90px;}
.form-consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--gray-500);line-height:1.5;margin:6px 0 16px;}
.form-consent input{margin-top:2px;}
.form-submit{width:100%;}
.form-micro{text-align:center;font-size:12.5px;color:var(--gray-400);margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px;}
.form-micro i{color:var(--g-ga4);}

/* ════════════════ SEO TEXT ════════════════ */
.seo-block{max-width:840px;margin:0 auto;}
.seo-content{position:relative;font-size:15.5px;color:var(--fg-3);line-height:1.75;max-height:220px;overflow:hidden;transition:max-height .4s;}
.seo-content.open{max-height:2000px;}
.seo-content::after{content:"";position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(transparent,var(--surface));transition:opacity .3s;}
.seo-content.open::after{opacity:0;}
.seo-content h3{font-size:20px;color:var(--fg-1);margin:24px 0 10px;}
.seo-content p{margin-bottom:14px;}
.seo-content a{color:var(--blue-600);font-weight:600;}
.seo-toggle{display:flex;justify-content:center;margin-top:24px;}

/* ════════════════ FOOTER ════════════════ */
.site-footer{background:var(--blue-900);padding:72px 0 32px;}
.footer-top{display:grid;grid-template-columns:1.3fr 2.2fr;gap:64px;margin-bottom:48px;}
.footer-brand{display:flex;flex-direction:column;gap:18px;}
.footer-logo{display:flex;align-items:center;gap:11px;}
.footer-logo-mark{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.14) url(mocseo-sygnet-mono-bialy.svg) center/60% no-repeat;display:flex;align-items:center;justify-content:center;font-size:0;color:transparent;}
.footer-logo-name{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.3px;line-height:1.2;}
.footer-logo-sub{font-size:9.5px;font-weight:600;color:rgba(255,255,255,.4);letter-spacing:.7px;text-transform:uppercase;display:block;}
.footer-tagline{font-size:14px;color:rgba(255,255,255,.5);line-height:1.65;max-width:300px;}
.footer-cta{display:inline-flex;width:fit-content;}
.footer-socials{display:flex;gap:10px;}
.footer-social{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:18px;transition:all .15s;}
.footer-social:hover{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.06);}
.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.footer-col-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;}
.footer-link{display:block;font-size:14px;color:rgba(255,255,255,.62);margin-bottom:9px;transition:color .15s;}
.footer-link:hover{color:#fff;}
.footer-info{display:block;font-size:14px;color:rgba(255,255,255,.45);margin-bottom:7px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:13px;color:rgba(255,255,255,.4);}
.footer-gp{height:84px;width:auto;display:block;border-radius:10px;}
.footer-partner{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:7px 13px;border-radius:10px;}
.footer-partner .partner-txt b{color:#fff;}
.footer-partner .partner-txt small{color:rgba(255,255,255,.5);}

/* ── Sticky mobile call bar ── */
.mobile-callbar{display:none;}

/* ── Variant switcher ── */
.vswitch{position:fixed;top:84px;right:18px;z-index:200;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid var(--gray-200);border-radius:14px;box-shadow:var(--shadow-lg);padding:12px 14px;width:208px;}
.vswitch-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);margin-bottom:9px;display:flex;align-items:center;gap:6px;}
.vswitch-label i{color:var(--blue-600);font-size:13px;}
.vswitch-opts{display:flex;flex-direction:column;gap:6px;}
.vopt{display:flex;align-items:center;gap:10px;border:1.5px solid var(--gray-200);border-radius:10px;padding:9px 11px;cursor:pointer;transition:all .15s;background:#fff;text-align:left;font-family:inherit;}
.vopt:hover{border-color:var(--blue-200);background:var(--blue-50);}
.vopt.active{border-color:var(--blue-600);background:var(--blue-50);}
.vopt-key{width:24px;height:24px;border-radius:7px;background:var(--gray-100);color:var(--gray-600);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;}
.vopt.active .vopt-key{background:var(--blue-600);color:#fff;}
.vopt-txt b{font-size:12.5px;font-weight:700;color:var(--fg-1);display:block;line-height:1.2;}
.vopt-txt small{font-size:10.5px;color:var(--gray-500);}
.vswitch-hint{font-size:10px;color:var(--gray-400);margin-top:9px;line-height:1.4;text-align:center;}

/* ════════════════ RESPONSIVE ════════════════ */
@media(max-width:1000px){
  .heroA-grid,.heroC-grid,.why-grid,.form-grid{grid-template-columns:1fr;gap:40px;}
  .heroC-proof{max-width:480px;}
  .offer-grid,.case-grid,.prob-grid,.price-grid{grid-template-columns:1fr 1fr;}
  .proc-wrap{grid-template-columns:1fr 1fr 1fr;}
  .proc-step:not(:last-child)::after{display:none;}
  .stats-strip{grid-template-columns:1fr 1fr;}
  .stat-divider{display:none;}
  .footer-top{grid-template-columns:1fr;gap:40px;}
  .footer-links{grid-template-columns:1fr 1fr;}
  .site-nav,.header-phone{display:none;}
  .nav-toggle{display:flex;}
  .heroB-copy .hero-h1{font-size:44px;}
}
@media(max-width:680px){
  .section{padding:64px 0;}
  .section-title{font-size:32px;}
  .hero-h1{font-size:38px!important;}
  .offer-grid,.case-grid,.prob-grid,.price-grid,.proc-wrap,.footer-links{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .price-card--feat{transform:none;}
  .vswitch{display:none;}
  .mobile-callbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:150;background:#fff;border-top:1px solid var(--gray-200);padding:10px 14px;gap:10px;box-shadow:0 -4px 16px rgba(0,0,0,.06);}
  .mobile-callbar .btn{flex:1;}
  body{padding-bottom:70px;}
}

/* === CASE STUDIES (dodane) === */
/* --- Lista realizacji --- */
/* ── Case-list specifics ── */
.subhero{padding:56px 0 8px;text-align:center;}
.breadcrumb{display:flex;justify-content:center;gap:8px;font-size:13px;color:var(--gray-500);margin-bottom:22px;}
.breadcrumb a:hover{color:var(--blue-600);}
.breadcrumb i{opacity:.5;}
.subhero h1{font-size:46px;font-weight:800;line-height:1.1;margin-bottom:16px;}
.subhero .sub{font-size:18px;color:var(--fg-3);max-width:620px;margin:0 auto;line-height:1.6;}
.result-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;margin:36px 0 8px;}
.result-bar .rb{text-align:center;}
.result-bar .rb-v{font-size:32px;font-weight:800;color:var(--blue-600);letter-spacing:-.02em;}
.result-bar .rb-l{font-size:13px;color:var(--gray-500);margin-top:4px;}

.filter-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:8px 0 48px;}
.chip{font-family:inherit;font-size:14px;font-weight:600;color:var(--gray-600);background:#fff;border:1.5px solid var(--gray-200);padding:9px 18px;border-radius:9999px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:7px;}
.chip:hover{border-color:var(--blue-300);color:var(--blue-600);}
.chip.active{background:var(--blue-600);border-color:var(--blue-600);color:#fff;box-shadow:0 6px 16px rgba(124,58,237,.25);}
.chip .n{font-size:11px;opacity:.6;}

.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cs-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gray-200);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s;}
.cs-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.cs-card.hide{display:none;}
.cs-top{height:148px;position:relative;display:flex;align-items:flex-end;overflow:hidden;}
.cs-top svg{position:absolute;inset:0;width:100%;height:100%;}
.cs-tag{position:absolute;top:14px;left:14px;z-index:2;font-size:11px;font-weight:700;color:#fff;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);padding:5px 11px;border-radius:9999px;}
.cs-logo{position:absolute;top:12px;right:14px;z-index:2;font-size:14px;font-weight:800;color:rgba(255,255,255,.92);display:flex;align-items:center;gap:6px;}
.cs-body{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1;}
.cs-headline{display:flex;align-items:baseline;gap:9px;}
.cs-headline .h-v{font-size:34px;font-weight:800;color:var(--blue-600);letter-spacing:-.02em;}
.cs-headline .h-l{font-size:13px;color:var(--gray-500);font-weight:500;}
.cs-title{font-size:17px;font-weight:700;color:var(--fg-1);line-height:1.3;}
.cs-desc{font-size:14px;color:var(--fg-3);line-height:1.6;flex:1;}
.cs-sub{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--gray-100);padding-top:14px;}
.cs-sub div{font-size:12px;color:var(--gray-500);}
.cs-sub b{display:block;font-size:15px;font-weight:700;color:var(--fg-1);}
.cs-link{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--blue-600);padding-top:4px;}
.cs-card:hover .cs-link i{transform:translateX(3px);}
.cs-link i{transition:transform .2s;}
.cs-empty{text-align:center;color:var(--gray-400);padding:48px;font-size:15px;grid-column:1/-1;display:none;}
@media(max-width:1000px){.cs-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:680px){.cs-grid{grid-template-columns:1fr;}.subhero h1{font-size:34px;}.result-bar{gap:24px;}}

/* --- Pojedynczy case study --- */
.cs-hero{padding:48px 0 64px;position:relative;overflow:hidden;}
.cs-hero .breadcrumb{display:flex;gap:8px;font-size:13px;color:var(--gray-500);margin-bottom:26px;}
.cs-hero .breadcrumb a:hover{color:var(--blue-600);}.cs-hero .breadcrumb i{opacity:.5;}
.cs-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;}
.cs-meta{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.cs-pill{font-size:12px;font-weight:700;color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-100);padding:6px 13px;border-radius:9999px;}
.cs-client{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--fg-1);}
.cs-client i{color:var(--blue-600);font-size:18px;}
.cs-h1{font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:18px;}
.cs-lead{font-size:18px;color:var(--fg-2);line-height:1.6;max-width:520px;}
.cs-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;}
.cs-res{background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm);}
.cs-res .v{font-size:30px;font-weight:800;color:var(--blue-600);letter-spacing:-.02em;line-height:1;}
.cs-res .l{font-size:12.5px;color:var(--gray-500);margin-top:7px;line-height:1.35;}
.cs-shot{background:#fff;border:1px solid var(--gray-200);border-radius:18px;box-shadow:var(--shadow-xl);overflow:hidden;}
.cs-shot-top{display:flex;align-items:center;gap:8px;padding:12px 15px;border-bottom:1px solid var(--gray-100);}
.cs-shot-dot{width:10px;height:10px;border-radius:50%;}
.cs-shot-url{margin-left:6px;font-size:11px;color:var(--gray-400);background:var(--gray-50);padding:4px 11px;border-radius:7px;}
.cs-shot-body{padding:22px;}
.shot-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:200px;border:2px dashed var(--gray-200);border-radius:12px;color:var(--gray-400);font-size:13px;background:var(--gray-50);}
.shot-ph i{font-size:30px;}

.cs-section{padding:64px 0;}
.cs-section.alt{background:var(--surface);}
.cs-narrow{max-width:760px;margin:0 auto;}
.cs-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.cs-kicker .num{width:38px;height:38px;border-radius:11px;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;box-shadow:0 6px 16px rgba(124,58,237,.25);}
.cs-kicker .eyebrow{margin:0;}
.cs-h2{font-size:30px;font-weight:800;line-height:1.18;margin-bottom:18px;}
.cs-p{font-size:16.5px;color:var(--fg-2);line-height:1.7;margin-bottom:16px;}
.cs-p strong{color:var(--fg-1);}
.problem-list{display:grid;gap:12px;margin-top:8px;}
.problem-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--gray-200);border-radius:13px;padding:16px 18px;font-size:15px;color:var(--fg-2);line-height:1.5;}
.problem-item i{color:var(--g-gtm);font-size:21px;flex:none;margin-top:1px;}

.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}
.action-card{background:#fff;border:1px solid var(--gray-200);border-radius:15px;padding:24px;box-shadow:var(--shadow-sm);}
.action-card .a-ico{width:46px;height:46px;border-radius:12px;background:var(--blue-50);color:var(--blue-600);display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:14px;}
.action-card .a-t{font-size:16.5px;font-weight:700;color:var(--fg-1);margin-bottom:7px;}
.action-card .a-d{font-size:14px;color:var(--fg-3);line-height:1.6;}

.results-wrap{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;}
.results-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.rm-card{background:#fff;border:1px solid var(--gray-200);border-radius:15px;padding:22px;box-shadow:var(--shadow-sm);}
.rm-card.dark{background:var(--blue-600);border-color:var(--blue-600);}
.rm-card .rm-v{font-size:36px;font-weight:800;color:var(--blue-600);letter-spacing:-.02em;line-height:1;}
.rm-card.dark .rm-v{color:#fff;}
.rm-card .rm-l{font-size:13px;color:var(--gray-500);margin-top:8px;line-height:1.4;}
.rm-card.dark .rm-l{color:rgba(255,255,255,.8);}
.results-chart{background:#fff;border:1px solid var(--gray-200);border-radius:18px;padding:24px;box-shadow:var(--shadow-md);}
.rc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.rc-title{font-size:14px;font-weight:700;color:var(--fg-1);}
.rc-legend{font-size:12px;color:var(--gray-500);display:flex;align-items:center;gap:6px;}
.rc-legend .dot{width:9px;height:9px;border-radius:50%;background:var(--blue-600);}

.cs-quote{background:linear-gradient(160deg,#7C3AED,#4A1D96);border-radius:22px;padding:48px;color:#fff;position:relative;overflow:hidden;}
.cs-quote .qmark{position:absolute;top:18px;right:30px;font-size:120px;line-height:1;color:rgba(255,255,255,.1);font-weight:800;}
.cs-quote .qt{font-size:24px;font-weight:600;line-height:1.5;letter-spacing:-.01em;position:relative;z-index:1;text-wrap:pretty;}
.cs-quote .qstars{color:#FBBC05;font-size:18px;letter-spacing:2px;margin-bottom:18px;}
.cs-quote .qwho{display:flex;align-items:center;gap:14px;margin-top:26px;position:relative;z-index:1;}
.cs-quote .qav{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;}
.cs-quote .qn{font-size:16px;font-weight:700;}
.cs-quote .qr{font-size:13px;color:rgba(255,255,255,.7);}

.similar-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
@media(max-width:900px){
  .cs-hero-grid,.results-wrap{grid-template-columns:1fr;gap:36px;}
  .action-grid,.similar-grid{grid-template-columns:1fr;}
  .cs-h1{font-size:34px;}.cs-results{grid-template-columns:1fr 1fr 1fr;}
}
@media(max-width:560px){.cs-results,.results-metrics{grid-template-columns:1fr 1fr;}.cs-quote{padding:32px;}.cs-quote .qt{font-size:20px;}}


/* === BLOG (dodane) === */
/* --- Lista bloga --- */
.subhero{padding:56px 0 8px;text-align:center;}
.breadcrumb{display:flex;justify-content:center;gap:8px;font-size:13px;color:var(--gray-500);margin-bottom:22px;}
.breadcrumb a:hover{color:var(--blue-600);}.breadcrumb i{opacity:.5;}
.subhero h1{font-size:46px;font-weight:800;line-height:1.1;margin-bottom:16px;}
.subhero .sub{font-size:18px;color:var(--fg-3);max-width:620px;margin:0 auto;line-height:1.6;}

.filter-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:36px 0 48px;}
.chip{font-family:inherit;font-size:14px;font-weight:600;color:var(--gray-600);background:#fff;border:1.5px solid var(--gray-200);padding:9px 18px;border-radius:9999px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:7px;}
.chip:hover{border-color:var(--blue-300);color:var(--blue-600);}
.chip.active{background:var(--blue-600);border-color:var(--blue-600);color:#fff;box-shadow:0 6px 16px rgba(124,58,237,.25);}

/* category accents */
.cat-ads{--c:#1A73E8;--cl:#E8F0FD;}
.cat-ga4{--c:#34A853;--cl:#E6F4EA;}
.cat-looker{--c:#9334E6;--cl:#F3E8FF;}
.cat-guide{--c:#7C3AED;--cl:#F4EEFF;}

/* featured */
.feat{display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:#fff;border:1px solid var(--gray-200);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:48px;transition:box-shadow .2s;}
.feat:hover{box-shadow:var(--shadow-lg);}
.feat-thumb{position:relative;min-height:320px;background:linear-gradient(150deg,var(--blue-600),var(--blue-900));display:flex;align-items:center;justify-content:center;}
.feat-thumb .ic{font-size:88px;color:rgba(255,255,255,.92);}
.feat-thumb .deco{position:absolute;inset:0;background:radial-gradient(420px 220px at 80% 10%,rgba(255,255,255,.16),transparent 60%);}
.feat-flag{position:absolute;top:18px;left:18px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 13px;border-radius:9999px;}
.feat-body{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:16px;}
.post-cat{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:12px;font-weight:700;color:var(--c);background:var(--cl);padding:5px 12px;border-radius:9999px;}
.feat-title{font-size:30px;font-weight:800;line-height:1.18;color:var(--fg-1);}
.feat-excerpt{font-size:16px;color:var(--fg-3);line-height:1.65;}
.post-meta{display:flex;align-items:center;gap:12px;margin-top:4px;}
.post-av{width:40px;height:40px;border-radius:50%;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none;}
.post-meta .pm-name{font-size:14px;font-weight:700;color:var(--fg-1);}
.post-meta .pm-sub{font-size:12.5px;color:var(--gray-500);}
.feat-read{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:var(--blue-600);margin-top:6px;}
.feat:hover .feat-read i{transform:translateX(3px);}.feat-read i{transition:transform .2s;}

/* grid */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gray-200);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s;}
.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.post-card.hide{display:none;}
.post-thumb{height:160px;background:var(--cl);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.post-thumb .ic{font-size:52px;color:var(--c);}
.post-thumb .ring{position:absolute;width:200px;height:200px;border-radius:50%;border:18px solid var(--c);opacity:.08;right:-70px;top:-70px;}
.post-body{padding:24px;display:flex;flex-direction:column;gap:13px;flex:1;}
.post-title{font-size:18px;font-weight:700;color:var(--fg-1);line-height:1.32;}
.post-card:hover .post-title{color:var(--blue-700);}
.post-excerpt{font-size:14px;color:var(--fg-3);line-height:1.6;flex:1;}
.post-foot{display:flex;align-items:center;gap:10px;border-top:1px solid var(--gray-100);padding-top:14px;}
.post-foot .pf-av{width:30px;height:30px;border-radius:50%;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none;}
.post-foot .pf-meta{font-size:12px;color:var(--gray-500);line-height:1.3;}
.post-foot .pf-meta b{display:block;color:var(--fg-1);font-size:12.5px;font-weight:600;}
.post-foot .pf-time{margin-left:auto;font-size:12px;color:var(--gray-400);display:flex;align-items:center;gap:5px;}

/* newsletter */
.newsletter{background:linear-gradient(150deg,var(--blue-700),var(--blue-900));border-radius:24px;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;color:#fff;margin-top:64px;position:relative;overflow:hidden;}
.newsletter .deco{position:absolute;inset:0;background:radial-gradient(500px 260px at 90% 0%,rgba(255,255,255,.12),transparent 60%);}
.newsletter h2{font-size:30px;font-weight:800;color:#fff;line-height:1.18;margin-bottom:10px;position:relative;}
.newsletter p{font-size:15px;color:rgba(255,255,255,.72);line-height:1.6;position:relative;}
.nl-form{display:flex;gap:10px;position:relative;flex-wrap:wrap;}
.nl-form input{flex:1;min-width:200px;font-family:inherit;font-size:15px;padding:14px 16px;border-radius:11px;border:none;background:rgba(255,255,255,.12);color:#fff;}
.nl-form input::placeholder{color:rgba(255,255,255,.55);}
.nl-form input:focus{outline:2px solid rgba(255,255,255,.5);}
.nl-note{font-size:12px;color:rgba(255,255,255,.5);margin-top:10px;position:relative;}

@media(max-width:1000px){.post-grid{grid-template-columns:1fr 1fr;}.feat{grid-template-columns:1fr;}.feat-thumb{min-height:220px;}.newsletter{grid-template-columns:1fr;}}
@media(max-width:680px){.post-grid{grid-template-columns:1fr;}.subhero h1{font-size:34px;}.feat-body,.newsletter{padding:28px;}}

/* --- Pojedynczy wpis --- */
.art-hero{padding:48px 0 0;}
.art-wrap{max-width:760px;margin:0 auto;padding:0 24px;}
.breadcrumb{display:flex;gap:8px;font-size:13px;color:var(--gray-500);margin-bottom:26px;}
.breadcrumb a:hover{color:var(--blue-600);}.breadcrumb i{opacity:.5;}
.art-cat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1A73E8;background:#E8F0FD;padding:6px 13px;border-radius:9999px;margin-bottom:18px;}
.art-h1{font-size:42px;font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--fg-1);margin-bottom:22px;}
.art-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--gray-200);padding-bottom:24px;}
.art-av{width:46px;height:46px;border-radius:50%;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex:none;}
.art-meta .am-name{font-size:15px;font-weight:700;color:var(--fg-1);}
.art-meta .am-sub{font-size:13px;color:var(--gray-500);}
.art-share{margin-left:auto;display:flex;gap:8px;}
.art-share a{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:17px;transition:all .15s;}
.art-share a:hover{border-color:var(--blue-300);color:var(--blue-600);background:var(--blue-50);}

.art-cover{max-width:980px;margin:40px auto 0;padding:0 24px;}
.art-cover-inner{height:360px;border-radius:20px;background:linear-gradient(150deg,var(--blue-600),var(--blue-900));position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-lg);}
.art-cover-inner .deco{position:absolute;inset:0;background:radial-gradient(520px 280px at 82% 8%,rgba(255,255,255,.16),transparent 60%);}
.art-cover-inner i{font-size:110px;color:rgba(255,255,255,.92);}

/* prose */
.prose{padding:48px 0 8px;}
.prose .lead{font-size:20px;line-height:1.6;color:var(--fg-2);font-weight:500;margin-bottom:28px;}
.prose p{font-size:17px;line-height:1.78;color:var(--fg-2);margin-bottom:20px;}
.prose h2{font-size:26px;font-weight:800;color:var(--fg-1);line-height:1.25;margin:40px 0 14px;letter-spacing:-.01em;}
.prose h3{font-size:20px;font-weight:700;color:var(--fg-1);margin:28px 0 10px;}
.prose a{color:var(--blue-600);font-weight:600;}
.prose strong{color:var(--fg-1);}
.prose ul{margin:0 0 20px;padding-left:4px;display:flex;flex-direction:column;gap:11px;}
.prose ul li{position:relative;padding-left:30px;font-size:16.5px;line-height:1.6;color:var(--fg-2);}
.prose ul li::before{content:"\2713";position:absolute;left:0;top:1px;color:var(--g-ga4);font-weight:800;}
.callout{display:flex;gap:14px;background:var(--blue-50);border:1px solid var(--blue-100);border-left:3px solid var(--blue-600);border-radius:12px;padding:20px 22px;margin:28px 0;}
.callout i{color:var(--blue-600);font-size:24px;flex:none;margin-top:1px;}
.callout .c-t{font-size:14px;font-weight:700;color:var(--blue-800);margin-bottom:4px;}
.callout .c-d{font-size:15px;color:var(--fg-2);line-height:1.6;}
.pullquote{border:none;margin:32px 0;padding:0;}
.pullquote p{font-size:24px;font-weight:700;line-height:1.4;color:var(--fg-1);letter-spacing:-.01em;border-left:4px solid var(--blue-600);padding-left:22px;}

/* author box */
.author-box{max-width:760px;margin:48px auto 0;padding:28px;background:var(--surface);border:1px solid var(--gray-200);border-radius:18px;display:flex;gap:18px;align-items:flex-start;}
.author-box .ab-av{width:60px;height:60px;border-radius:50%;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;flex:none;}
.author-box .ab-name{font-size:17px;font-weight:800;color:var(--fg-1);}
.author-box .ab-role{font-size:13px;color:var(--blue-600);font-weight:600;margin-bottom:8px;}
.author-box .ab-bio{font-size:14.5px;color:var(--fg-3);line-height:1.6;}

/* related */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.rel-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s;}
.rel-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);}
.rel-thumb{height:120px;display:flex;align-items:center;justify-content:center;}
.rel-thumb i{font-size:42px;}
.rel-body{padding:18px;}
.rel-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;}
.rel-title{font-size:15.5px;font-weight:700;color:var(--fg-1);line-height:1.35;}
.rel-card:hover .rel-title{color:var(--blue-700);}

@media(max-width:768px){.art-h1{font-size:32px;}.related-grid{grid-template-columns:1fr;}.art-cover-inner{height:240px;}.prose .lead{font-size:18px;}}


/* === PAGINACJA === */
.blog-pagination,nav.pagination{margin-top:48px;display:flex;justify-content:center;}
.pagination .nav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.pagination .page-numbers{min-width:42px;height:42px;padding:0 12px;border-radius:10px;border:1.5px solid var(--gray-200);background:#fff;color:var(--gray-700);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;}
.pagination a.page-numbers:hover{border-color:var(--blue-300);color:var(--blue-600);background:var(--blue-50);}
.pagination .page-numbers.current{background:var(--blue-600);border-color:var(--blue-600);color:#fff;}
.pagination .page-numbers.dots{border:none;background:none;}

/* Tabela porównawcza — pewne znaczniki tekstowe (poprawka audytu #7) */
.compare .cmp-mark{font-size:16px;font-weight:800;font-style:normal;line-height:1;}
.compare .cmp-mark.yes{color:#1F8A4C;}
.compare .cmp-mark.mid{color:#9CA3AF;}
.compare .cmp-mark.no{color:#D33;}

/* Sekcja kontaktu bez formularza */
.contact-simple{max-width:640px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:24px;align-items:center;}
.contact-simple .form-benefits{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.contact-simple-alts{width:100%;max-width:440px;}