/* Advantage Marketing — wspólny arkusz stylów (strona + podstrony) */
@import url('/fonts/inter.css');
*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0b0b0c;--navy2:#1a1a1a;--gold:#bd0d18;--gold-d:#8f0a12;--ink:#16161a;--muted:#5b5b5b;--line:#e7e7e7;--cream:#f6f6f6;--good:#2A6839}
html{scroll-behavior:smooth}
body{font-family:'Inter','Segoe UI',sans-serif;color:var(--ink);line-height:1.55;background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;border-radius:11px;padding:13px 22px;cursor:pointer;border:none;font-family:inherit;transition:all .15s;letter-spacing:-.01em}
.btn-red{background:var(--gold);color:#fff}.btn-red:hover{background:var(--gold-d)}
.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#000}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-light{background:#fff;color:var(--navy);border:1.5px solid var(--line)}.btn-light:hover{border-color:var(--navy)}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:800}
h2.sec{font-size:clamp(24px,3.4vw,36px);font-weight:900;letter-spacing:-.025em;line-height:1.1;color:var(--navy);margin:10px 0 8px}
.sec-lead{color:var(--muted);font-size:clamp(15px,1.7vw,17px);max-width:640px;line-height:1.6}
section{padding:72px 0}
.cream{background:var(--cream)}
.band{background:linear-gradient(135deg,#0b0b0c,#1a1a1a);color:#fff}
.band h2.sec,.band .sec-lead{color:#fff}.band .sec-lead{color:rgba(255,255,255,.78)}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(11,11,12,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
nav .row{display:flex;align-items:center;justify-content:space-between;height:64px}
nav .logo{color:#fff;font-weight:900;font-size:18px;letter-spacing:-.02em}
nav .logo b{color:var(--gold)}
nav .links{display:flex;gap:26px;align-items:center}
nav .links a{color:rgba(255,255,255,.8);font-size:14.5px;font-weight:600}
nav .links a:hover,nav .links a.active{color:#fff}
nav .links a.active{color:var(--gold)}
nav .navcta{display:flex;gap:10px;align-items:center}
.burger{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}
@media(max-width:900px){
  nav .links{display:none}
  .burger{display:block}
  nav.open .links{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--navy);padding:18px 20px;gap:16px;border-bottom:1px solid rgba(255,255,255,.1)}
  nav .navcta .btn:not(.burger){display:none}
}

/* SUBPAGE HERO */
.subhero{background:linear-gradient(135deg,#0b0b0c 0%,#1a1a1a 60%,#0b0b0c 100%);color:#fff;padding:58px 0 60px}
.subhero .crumb{font-size:13px;color:rgba(255,255,255,.55);font-weight:600;margin-bottom:14px}
.subhero .crumb a:hover{color:#fff}
.subhero h1{font-size:clamp(30px,5vw,48px);font-weight:900;letter-spacing:-.03em;line-height:1.05;max-width:760px}
.subhero h1 em{color:var(--gold);font-style:normal}
.subhero p{color:rgba(255,255,255,.82);font-size:clamp(15px,1.8vw,18px);max-width:620px;margin-top:14px;line-height:1.6}
.subhero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

/* clean line icons (red) */
.ic-red{color:var(--gold);line-height:0}
.ic-red svg{stroke:currentColor}

/* WHY / feature grid */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
@media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.why-grid{grid-template-columns:1fr}}
.why .ic{width:48px;height:48px;border-radius:12px;background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:12px;border:1px solid var(--line);color:var(--gold)}
.why .ic svg{width:24px;height:24px;display:block}
.why h3{font-size:17px;font-weight:800;color:var(--navy);margin-bottom:6px}
.why p{font-size:14px;color:var(--muted);line-height:1.55}

/* SERVICE cards */
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
@media(max-width:900px){.srv-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.srv-grid{grid-template-columns:1fr}}
.srv{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;transition:transform .15s,box-shadow .15s,border-color .15s}
.srv:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08);border-color:#d8d8d8}
.srv .ic{color:var(--gold);line-height:0}
.srv .ic svg{width:30px;height:30px;display:block}
.srv h3{font-size:16.5px;font-weight:800;color:var(--navy);margin:11px 0 5px}
.srv p{font-size:13.5px;color:var(--muted);line-height:1.5}
.srv ul{list-style:none;margin-top:9px}
.srv li{font-size:13px;color:#39404e;padding:4px 0 4px 18px;position:relative;line-height:1.45}
.srv li::before{content:'✓';position:absolute;left:0;color:var(--good);font-weight:800}

/* STEPS */
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
@media(max-width:900px){.step-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.step-grid{grid-template-columns:1fr}}
.stp{padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}
.stp .n{width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--gold);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:12px}
.stp h3{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:5px}
.stp p{font-size:13.5px;color:var(--muted);line-height:1.5}

/* PORTFOLIO */
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
@media(max-width:820px){.work-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.work-grid{grid-template-columns:1fr}}
.wcard{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.wcard img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.wcard:hover img{transform:scale(1.05)}
.wcard .ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,11,12,.85) 0%,rgba(11,11,12,.1) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff}
.wcard .ov .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:800}
.wcard .ov h3{font-size:17px;font-weight:800;margin-top:3px}
.wcard .ov p{font-size:12.5px;color:rgba(255,255,255,.8);margin-top:3px;line-height:1.4}

/* CASE STUDY block */
.case{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;margin-top:26px}
.case:nth-child(even){direction:rtl}.case:nth-child(even)>*{direction:ltr}
@media(max-width:760px){.case{grid-template-columns:1fr;direction:ltr}}
.case img{width:100%;height:280px;object-fit:cover;border-radius:14px}
.case .k{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);font-weight:800}
.case h3{font-size:22px;font-weight:900;color:var(--navy);margin:6px 0 8px;letter-spacing:-.02em}
.case p{font-size:14.5px;color:#39404e;line-height:1.65;margin-bottom:8px}
.case .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.case .tags span{background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;color:var(--navy)}

/* stats */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px}
@media(max-width:780px){.stats-grid{grid-template-columns:1fr 1fr}}
.stbox{text-align:center;padding:24px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.band .stbox{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.stbox b{font-size:32px;font-weight:900;color:var(--gold);letter-spacing:-.02em}
.stbox span{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-top:4px}
.band .stbox span{color:rgba(255,255,255,.7)}

/* prose / values */
.prose p{font-size:15.5px;color:#39404e;line-height:1.75;margin-bottom:14px;max-width:760px}
.prose p b{color:var(--navy)}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
@media(max-width:760px){.vals{grid-template-columns:1fr}}
.val{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:18px 20px}
.val h3{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:5px}
.val p{font-size:13.5px;color:var(--muted);line-height:1.55}

/* FAQ */
.faq-list{margin-top:30px;display:flex;flex-direction:column;gap:14px;border-top:none}
.faq{border-bottom:none;position:relative;padding-right:52px}
.faq button{position:relative;display:inline-block;width:auto;max-width:100%;text-align:left;font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;color:var(--navy);background:#fff;border:1.5px solid var(--line);border-radius:18px 18px 18px 5px;padding:13px 18px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.04);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.faq button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.09);border-color:#d8d9dd}
.faq.open button{background:rgba(189,13,24,.06);color:var(--gold);border-color:rgba(189,13,24,.22);box-shadow:0 4px 14px rgba(189,13,24,.10)}
.faq button::after{content:'';position:absolute;right:-44px;top:50%;margin-top:-16px;width:32px;height:32px;border-radius:50%;background-color:#fff;border:1.5px solid var(--line);background-image:linear-gradient(#0b0b0c,#0b0b0c),linear-gradient(#0b0b0c,#0b0b0c);background-size:12px 2px,2px 12px;background-position:center,center;background-repeat:no-repeat;transition:background-color .18s ease,border-color .18s ease,background-size .26s cubic-bezier(.4,0,.2,1)}
.faq.open button::after{background-color:var(--gold);border-color:var(--gold);background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:12px 2px,0 0;transform:none}
.faq .a{max-height:0;overflow:hidden;opacity:0;margin:0 0 0 46px;padding:0 18px;max-width:560px;background:var(--gold);color:#fff;border-radius:5px 18px 18px 18px;font-size:14.7px;line-height:1.62;box-shadow:0 10px 24px -10px rgba(189,13,24,.5);transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s ease,margin-top .3s ease,opacity .3s ease}
.faq.open .a{max-height:460px;opacity:1;padding:14px 18px;margin-top:12px}
@media(max-width:640px){
.faq{padding-right:44px}
.faq button{font-size:15px;padding:12px 15px}
.faq button::after{right:-38px;width:28px;height:28px;margin-top:-14px;font-size:17px;line-height:25px}
.faq .a{margin-left:20px;padding:0 15px;font-size:14px}
.faq.open .a{padding:13px 15px}
}
@media(prefers-reduced-motion:reduce){
.faq button,.faq button::after{transition:none}
.faq .a{transition:opacity .15s linear}
}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;margin-top:10px}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr}}
.cinfo .row{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.cinfo .row:last-child{border-bottom:none}
.cinfo .ic{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:var(--cream);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.cinfo .ic svg{width:20px;height:20px}
.cinfo .t{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.cinfo .v{font-size:16px;font-weight:800;color:var(--navy);margin-top:2px}
.form{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:26px}
.form .r{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
@media(max-width:560px){.form .r{grid-template-columns:1fr}}
.form label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:5px}
.form input,.form textarea,.form select{width:100%;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:11px 13px;color:var(--ink);font-family:inherit;font-size:14.5px;outline:none}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--navy)}
.form .note{font-size:11.5px;color:var(--muted);margin-top:10px}

/* FINAL CTA band */
.final{background:linear-gradient(135deg,#0b0b0c,#1a1a1a);color:#fff;text-align:center}
.final h2{font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:-.03em;line-height:1.1}
.final h2 em{color:var(--gold);font-style:normal}
.final p{color:rgba(255,255,255,.82);font-size:17px;margin:14px auto 0;max-width:560px}
.final .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}

/* FOOTER */
footer{background:#070707;color:rgba(255,255,255,.7);padding:50px 0 28px}
.fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}
@media(max-width:820px){.fcols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fcols{grid-template-columns:1fr}}
footer .logo{color:#fff;font-weight:900;font-size:19px}
footer .logo b{color:var(--gold)}
footer p.d{font-size:13.5px;line-height:1.7;margin-top:10px;max-width:280px}
footer h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
footer ul{list-style:none}
footer li{margin-bottom:9px;font-size:14px}
footer li a:hover{color:#fff}
footer .bottom{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:rgba(255,255,255,.45);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
footer .bottom b{color:var(--gold)}

/* link "więcej" na kartach usług + karty-linki narzędzi */
.more{display:inline-block;margin-top:12px;font-weight:800;font-size:13.5px;color:var(--gold)}
.srv:hover .more{color:var(--gold-d)}
a.srv{color:inherit}
a.srv .rel{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-d)}
a.srv .arr{display:inline-block;margin-top:10px;font-weight:800;font-size:13px;color:var(--gold)}

/* BLOG — artykuł */
.article{max-width:760px;margin:0 auto}
.article .meta-row{font-size:13px;color:#94a3b8;font-weight:700;margin-bottom:20px}
.article p{font-size:16px;color:#2c3340;line-height:1.75;margin-bottom:16px}
.article h2{font-size:24px;font-weight:900;color:var(--navy);letter-spacing:-.02em;margin:30px 0 12px;line-height:1.2}
.article h3{font-size:19px;font-weight:800;color:var(--navy);margin:22px 0 10px}
.article ul,.article ol{margin:8px 0 18px;list-style:none}
.article li{font-size:16px;color:#2c3340;line-height:1.7;padding:5px 0 5px 28px;position:relative}
.article ul li::before{content:'';position:absolute;left:3px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.article ol{counter-reset:li}
.article ol li::before{counter-increment:li;content:counter(li);position:absolute;left:0;top:5px;font-size:11px;font-weight:800;color:#fff;background:var(--gold);width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.article li b,.article p b{color:var(--navy)}
.article blockquote{border-left:4px solid var(--gold);background:var(--cream);padding:14px 18px;border-radius:0 10px 10px 0;margin:16px 0;font-size:16px;color:#39404e;font-style:italic}
.article a{color:var(--gold-d);font-weight:700;text-decoration:underline}

/* BLOG — index */
.blog-cat{margin-top:36px}
.blog-cat .h{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.blog-cat .h .ic{color:var(--gold);line-height:0}
.blog-cat .h .ic svg{width:24px;height:24px;display:block}
.blog-cat .h h2{font-size:21px;font-weight:900;color:var(--navy);letter-spacing:-.02em}
.blog-cat .h .cnt{font-size:12px;color:var(--muted);font-weight:700;background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:2px 9px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.bgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bgrid{grid-template-columns:1fr}}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;transition:transform .15s,box-shadow .15s,border-color .15s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.08);border-color:#d8d8d8}
.bcard h3{font-size:15.5px;font-weight:800;color:var(--navy);line-height:1.3;margin-bottom:7px}
.bcard p{font-size:13px;color:var(--muted);line-height:1.55;flex:1}
.bcard .r{margin-top:12px;font-weight:800;font-size:12.5px;color:var(--gold)}
.bcard:hover .r{color:var(--gold-d)}

/* blog — miniaturki kart */
.bcard{padding:0;overflow:hidden}
.bthumb{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:#0b0b0c}
.bcard h3{margin:14px 18px 7px}
.bcard p{margin:0 18px}
.bcard .r{margin:12px 18px 16px}
.bcard:hover .bthumb{transform:none}

/* === STRONY USLUG v2 — portfolio-first, zero kafelkow === */

/* SCIANA ZDJEC */
.pw{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:34px;grid-auto-flow:dense}
.pw a{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:8px;background:#ececee}
.pw a.big{grid-column:span 2;grid-row:span 2}
.pw img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.pw a:hover img{transform:scale(1.07)}
.pw a::after{content:"";position:absolute;inset:0;background:rgba(11,11,12,0);transition:background .3s ease}
.pw a:hover::after{background:rgba(11,11,12,.15)}
.pw-more{display:flex;justify-content:center;margin-top:28px}

/* LINIA "co dostajesz" — zamiast kafli */
.spec{margin-top:24px;display:flex;flex-wrap:wrap;gap:2px 30px}
.spec span{position:relative;padding-left:19px;font-size:16px;font-weight:700;color:var(--navy);line-height:2.05}
.spec span::before{content:"";position:absolute;left:0;top:.86em;width:7px;height:7px;border-radius:50%;background:var(--gold)}

/* CIEMNY PAS SPRZETU */
.gear{background:var(--navy);color:#fff;padding:60px 0}
.gear .eyebrow{color:#ff5f68}
.gear h2{font-size:clamp(23px,2.7vw,32px);font-weight:900;letter-spacing:-.022em;margin:10px 0 0;line-height:1.18;color:#fff}
.gear p{color:#9ca0a6;font-size:15.5px;line-height:1.62;margin:13px 0 0;max-width:56ch}
.gear-list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.gear-list li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:9px 17px;font-size:14px;font-weight:700;color:#fff}

/* OS CZASU — linia + kropki, bez boxow */
.tl{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;counter-reset:tl}
.tl li{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px 20px 22px;box-shadow:0 18px 40px -30px rgba(11,11,12,.34);transition:transform .25s ease,box-shadow .25s ease}
.tl li:hover{transform:translateY(-3px);box-shadow:0 26px 52px -30px rgba(11,11,12,.42)}
.tl .n{position:absolute;top:-19px;left:20px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:var(--gold);color:#fff;font-weight:900;font-size:17px;box-shadow:0 12px 24px -8px rgba(189,13,24,.5)}
.tl h4{margin:2px 0 8px;font-size:16.5px;font-weight:800;color:var(--navy);line-height:1.3}
.tl p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.tl .t{display:inline-block;margin-top:12px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:rgba(189,13,24,.09);border-radius:6px;padding:4px 9px}
/* Co dostajesz — połączona siatka */
.deliver{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.deliver .di{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 18px 17px;box-shadow:0 14px 34px -28px rgba(11,11,12,.3)}
.deliver .di-n{flex:none;font-size:12.5px;font-weight:900;color:var(--gold);background:rgba(189,13,24,.08);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;letter-spacing:-.02em}
.deliver .di>div b{display:block;font-size:15.5px;font-weight:800;color:var(--navy);line-height:1.25}
.deliver .di>div span{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:var(--muted)}
/* Remarketing — wyróżniony blok */
.rmk{margin-top:30px;display:flex;gap:22px;align-items:flex-start;background:var(--cream);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 16px 16px 0;padding:26px 28px}
.rmk-ic{flex:none;width:54px;height:54px;border-radius:15px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center}
.rmk-ic svg{width:27px;height:27px;display:block}
.rmk-k{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.rmk h3{margin:0 0 9px;font-size:clamp(18px,2.2vw,23px);font-weight:800;color:var(--navy);letter-spacing:-.012em;line-height:1.25}
.rmk p{margin:0;font-size:15px;line-height:1.66;color:#39404e}
.rmk p b{color:var(--gold)}
@media(max-width:560px){.rmk{flex-direction:column;gap:15px;padding:22px 20px}}
/* Mapa decyzji gościa */
.jmap-start{margin-top:28px;display:flex;gap:14px;align-items:center;background:var(--navy);color:#fff;border-radius:14px;padding:16px 20px;font-size:15px;line-height:1.45}
.jm-si{flex:none;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff}
.jm-si svg{width:20px;height:20px}
.jmap{margin-top:16px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}
.jm-col{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 22px 20px;display:flex;flex-direction:column;box-shadow:0 16px 38px -30px rgba(11,11,12,.3)}
.jm-col.bad{border-top:3px solid var(--gold)}
.jm-col.good{border-top:3px solid #2A6839}
.jm-head{font-size:13.5px;font-weight:800;color:var(--navy);letter-spacing:-.005em}
.jm-col ol{list-style:none;margin:14px 0 0;padding:0;counter-reset:jm;flex:1}
.jm-col li{position:relative;padding:11px 0 11px 36px;font-size:14.5px;line-height:1.4;color:#39404e;border-bottom:1px dashed var(--line)}
.jm-col li:last-child{border-bottom:0}
.jm-col li::before{counter-increment:jm;content:counter(jm);position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:8px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.jm-col.bad li::before{background:rgba(189,13,24,.1);color:var(--gold)}
.jm-col.good li::before{background:rgba(42,104,57,.13);color:#2A6839}
.jm-out{margin-top:16px;border-radius:11px;padding:12px;text-align:center;font-size:15px;font-weight:800}
.jm-out.bad{background:rgba(189,13,24,.1);color:var(--gold)}
.jm-out.good{background:rgba(42,104,57,.13);color:#2A6839}
.jm-vs{align-self:center;font-weight:900;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.jmap-punch{margin-top:22px;text-align:center;font-size:clamp(17px,2.3vw,23px);font-weight:700;color:var(--navy);letter-spacing:-.01em}
.jmap-punch b{color:var(--gold)}
@media(max-width:720px){.jmap{grid-template-columns:1fr;gap:12px}.jm-vs{padding:2px 0}}
/* Nasze strony — portfolio */
.sites{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.site-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 16px 38px -28px rgba(11,11,12,.32);transition:transform .25s ease,box-shadow .25s ease}
.site-card:hover{transform:translateY(-4px);box-shadow:0 28px 54px -30px rgba(11,11,12,.42)}
.site-shot{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--cream)}
.site-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.site-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:15px 18px}
.site-meta b{font-size:16px;font-weight:800;color:var(--navy)}
.site-meta em{font-style:normal;font-size:12px;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:.05em}
@media(max-width:820px){.sites{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sites{grid-template-columns:1fr}}
/* Donut — gdzie klienci szukają */
.donut-wrap{margin-top:32px;display:flex;gap:44px;align-items:center;flex-wrap:wrap;justify-content:center}
.donut{position:relative;flex:none;width:260px;height:260px}
.dn-svg{transform:rotate(-90deg);display:block}
.dn-seg{transition:opacity .2s ease}
.dn-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.dn-c-lab{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.dn-c-val{font-size:clamp(34px,5vw,44px);font-weight:900;letter-spacing:-.03em;color:var(--navy);line-height:1;margin:5px 0 3px}
.dn-c-sub{font-size:13px;color:var(--muted);font-weight:600;max-width:150px;line-height:1.3}
.dn-legend{list-style:none;margin:0;padding:0;flex:1;min-width:250px;max-width:430px}
.dn-li{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:12px;cursor:default;transition:background .2s ease}
.dn-li+.dn-li{border-top:1px solid var(--line)}
.dn-li.on{background:#fff}
.dn-dot{flex:none;width:13px;height:13px;border-radius:50%}
.dn-name{flex:1;font-size:14.5px;font-weight:700;color:var(--navy)}
.dn-val{font-size:15px;font-weight:900;color:var(--navy);letter-spacing:-.01em}
.dn-src{margin-top:20px;font-size:11px;color:var(--muted);line-height:1.55;max-width:78ch}
@media(max-width:560px){.donut-wrap{gap:26px}.dn-li+.dn-li{border-top:0}.dn-li{padding:10px 10px}}
/* Akordeon narzędzi (upMenu) */
.acc{margin-top:30px;border-top:1px solid var(--line)}
.acc-i{border-bottom:1px solid var(--line);transition:box-shadow .2s ease,background .2s ease}
.acc-i.on{box-shadow:inset 3px 0 0 var(--gold);background:linear-gradient(90deg,rgba(189,13,24,.035),transparent 60%)}
.acc-h{width:100%;display:flex;align-items:center;gap:16px;padding:19px 8px 19px 14px;background:none;border:0;cursor:pointer;text-align:left;font:inherit}
.acc-n{flex:none;font-size:12px;font-weight:900;color:var(--gold);letter-spacing:-.02em;min-width:24px}
.acc-t{flex:1;font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);line-height:1.3}
.acc-i.on .acc-t{color:var(--gold)}
.acc-ic{flex:none;position:relative;width:18px;height:18px}
.acc-ic::before,.acc-ic::after{content:"";position:absolute;background:var(--navy);border-radius:2px;transition:transform .25s ease,background .2s ease}
.acc-ic::before{top:8px;left:0;width:18px;height:2px}
.acc-ic::after{top:0;left:8px;width:2px;height:18px}
.acc-i.on .acc-ic::before,.acc-i.on .acc-ic::after{background:var(--gold)}
.acc-i.on .acc-ic::after{transform:scaleY(0)}
.acc-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.acc-i.on .acc-b{grid-template-rows:1fr}
.acc-b>div{overflow:hidden}
.acc-b p{margin:0;padding:0 14px 22px 54px;font-size:15px;line-height:1.62;color:#39404e;max-width:74ch}
@media(max-width:560px){.acc-h{gap:12px;padding:16px 6px 16px 12px}.acc-t{font-size:12.5px;letter-spacing:.03em}.acc-b p{padding-left:42px;font-size:14.5px}}

/* CYTAT — redakcyjnie, zero boxa */
.pq-in{max-width:820px;margin:0 auto;text-align:center}
.pq-in .q{display:block;font-size:88px;line-height:.55;color:var(--gold);font-weight:900;margin-bottom:14px}
.pq-in blockquote{margin:0}
.pq-in .big{font-size:clamp(19px,2.25vw,27px);line-height:1.44;font-weight:700;color:var(--navy);letter-spacing:-.015em;margin:0}
.pq-in .sub{margin:18px 0 0;font-size:16.5px;line-height:1.66;color:var(--muted)}
.pq-sig{margin-top:28px}
.pq-sig b{display:block;font-size:15.5px;font-weight:800;color:var(--navy)}
.pq-sig span{display:block;margin-top:3px;font-size:13px;color:var(--muted)}

/* SZYNA LEJKA — jeden pasek zamiast 8 kafli */
.rail{display:flex;margin-top:36px;position:relative;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}
.rail::-webkit-scrollbar{display:none}
.rail::before{content:"";position:absolute;top:16px;left:0;right:0;height:2px;background:var(--line)}
.rail-i{flex:1 0 auto;min-width:110px;text-align:center;position:relative;padding:0 5px}
.rail-i .dot{display:block;width:12px;height:12px;border-radius:50%;background:#d3d4d8;margin:10px auto 15px;position:relative;z-index:2;box-shadow:0 0 0 5px var(--cream)}
.rail-i.on .dot{background:var(--gold);box-shadow:0 0 0 5px var(--cream),0 0 0 9px rgba(189,13,24,.15)}
.rail-i b{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#a9aaae}
.rail-i.on b{color:var(--gold)}
.rail-i span{display:block;font-size:13.5px;font-weight:700;color:#a9aaae;margin-top:3px;line-height:1.3}
.rail-i.on span{color:var(--navy)}
.rail-more{margin-top:26px;display:flex;justify-content:center}

/* BLOK LINKOW — 3 kolumny tekstu zamiast 9 kafli */
.lnks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 46px;margin-top:32px}
.lnk h4{margin:0 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.lnk a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding-left .2s ease}
.lnk a:hover{padding-left:6px}
.lnk a strong{font-size:15px;font-weight:700;color:var(--navy);line-height:1.35}
.lnk a:hover strong{color:var(--gold)}
.lnk a em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#a9aaae;white-space:nowrap}
.lnk a em.free{color:var(--good)}

@media(max-width:900px){
 .pw{grid-template-columns:repeat(3,1fr);gap:5px}
 .spec span{font-size:15px;line-height:1.95}
 .tl{grid-template-columns:1fr 1fr;gap:34px 16px}
 .tl li{padding:34px 18px 18px}
 .tl .n{top:-18px;left:18px;width:40px;height:40px;font-size:16px}
 .deliver{grid-template-columns:1fr 1fr}
 .lnks{grid-template-columns:1fr;gap:26px}
 .pq-in .q{font-size:64px}
 .gear{padding:46px 0}
}

/* === WYKRESY (social / reklama) === */
.agc{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;align-items:stretch}
.agc-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 24px 22px;box-shadow:0 12px 34px -20px rgba(11,11,12,.28)}
.agc-card.dark{background:var(--navy);border-color:transparent;color:#fff}
.agc-k{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}
.agc-card.dark .agc-k{color:#ff5f68}
.agc-h{font-size:18px;font-weight:800;color:var(--navy);letter-spacing:-.01em;margin:0 0 4px;line-height:1.28}
.agc-card.dark .agc-h{color:#fff}
.agc-sub{font-size:13.5px;color:var(--muted);line-height:1.5;margin:0}
.agc-card.dark .agc-sub{color:#9ca0a6}
.agc svg{display:block;width:100%;height:auto;overflow:visible;margin-top:14px}
.agc-big{font-size:clamp(46px,7vw,68px);font-weight:900;letter-spacing:-.03em;color:var(--gold);line-height:.95;margin:20px 0 0}
.agc-card.dark .agc-big{color:#fff}
.agc-twin{display:flex;gap:14px;margin-top:20px}
.agc-twin>div{flex:1;background:var(--cream);border-radius:14px;padding:16px 14px;text-align:center}
.agc-card.dark .agc-twin>div{background:rgba(255,255,255,.06)}
.agc-twin b{display:block;font-size:clamp(30px,4.4vw,42px);font-weight:900;letter-spacing:-.02em;color:var(--gold);line-height:1}
.agc-card.dark .agc-twin b{color:#fff}
.agc-twin span{display:block;margin-top:8px;font-size:12.5px;line-height:1.4;color:var(--muted)}
.agc-card.dark .agc-twin span{color:#9ca0a6}
.agc-note{margin-top:18px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.agc-card.dark .agc-note{color:#c7cace}
.agc-src{margin-top:14px;font-size:10.5px;color:#a9aaae;letter-spacing:.01em}
.agc-card.dark .agc-src{color:#6c7075}
/* SVG helpers */
.agc .grid{stroke:var(--line);stroke-width:1}
.agc-card.dark .grid{stroke:rgba(255,255,255,.12)}
.agc .axl{font:600 11px Inter,system-ui,sans-serif;fill:#a9aaae}
.agc-card.dark .axl{fill:#7e8288}
.agc .area{fill:var(--gold);opacity:.10}
.agc-card.dark .area{opacity:.18}
.agc .line{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.agc .dot{fill:#fff;stroke:var(--gold);stroke-width:3}
.agc .dlab{font:800 12px Inter,system-ui,sans-serif;fill:var(--navy)}
.agc-card.dark .dlab{fill:#fff}
.agc .bar{fill:var(--gold)}
.agc .bar.mut{fill:#d7d8dc}
.agc-card.dark .bar.mut{fill:rgba(255,255,255,.16)}
.agc-lead{margin-top:26px;padding:22px 24px;background:var(--cream);border-left:3px solid var(--gold);border-radius:0 14px 14px 0}
.agc-lead p{margin:0;font-size:15.5px;line-height:1.62;color:var(--navy)}
.agc-lead p b{color:var(--gold)}
@media(max-width:820px){.agc{grid-template-columns:1fr}}

/* === PEŁNE BANERY (grafika/wydarzenia na stronach usług) === */
.usev{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-top:34px;align-items:start}
.usev a{display:block;border-radius:14px;overflow:hidden;background:#0b0b0c;box-shadow:0 12px 30px -18px rgba(11,11,12,.4)}
.usev img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.usev a:hover img{transform:scale(1.045)}
@media(max-width:760px){.usev{grid-template-columns:1fr}}
.agc-big small{display:block;font-size:14px;font-weight:700;color:var(--muted);letter-spacing:0;margin-top:12px;line-height:1.4}
.agc-card.dark .agc-big small{color:#9ca0a6}

/* === DASHBOARD v2 (social/reklama) — panel z wykresem słupkowym === */
.dash{background:var(--navy);border-radius:26px;padding:30px 30px 24px;color:#fff;margin-top:34px;overflow:hidden;
  box-shadow:11px 21px 3px rgba(11,11,12,.03),14px 27px 7px rgba(11,11,12,.05),19px 38px 14px rgba(11,11,12,.09),27px 54px 27px rgba(11,11,12,.13),39px 78px 50px rgba(11,11,12,.17)}
.dash-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px;flex-wrap:wrap}
.dash-ttl{display:flex;align-items:center;gap:11px;font-size:clamp(17px,2.4vw,21px);font-weight:800;letter-spacing:-.015em}
.dash-ttl .dt{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(189,13,24,.28);flex:none}
.dash-tabs{display:flex;gap:7px}
.dash-tabs span{font-size:11px;font-weight:800;letter-spacing:.02em;color:#9296a0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 13px}
.dash-tabs span.on{color:#fff;background:var(--gold);border-color:var(--gold)}
.dash-psub{margin:0 0 14px;font-size:12.5px;color:#9296a0;line-height:1.5;max-width:56ch}
/* wykres słupkowy */
.dbc-wrap{position:relative;margin:4px 0 2px}
.dbc-grid{position:absolute;left:0;right:0;top:0;bottom:34px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.dbc-grid i{display:block;height:1px;background:rgba(255,255,255,.07)}
.dbc{position:relative;display:flex;align-items:flex-end;gap:10px;height:262px}
.dbc .col{flex:1;display:flex;flex-direction:column;min-width:0}
.dbc .colbar{height:218px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.dbc .bv2{font:900 14px Inter,system-ui,sans-serif;color:#fff;margin-bottom:9px;opacity:0;transform:translateY(6px);transition:opacity .45s .55s ease,transform .45s .55s ease}
.dbc.in .bv2{opacity:1;transform:none}
.dbc .bar2{width:100%;max-width:54px;border-radius:11px 11px 3px 3px;height:0;background:var(--c,#bd0d18);box-shadow:0 0 24px -4px var(--c,#bd0d18);transition:height 1s cubic-bezier(.22,.7,.24,1)}
.dbc.in .bar2{height:var(--h,0)}
.dbc .bx{height:34px;display:flex;align-items:center;justify-content:center;font:700 11.5px Inter,system-ui,sans-serif;color:#9296a0;text-align:center;line-height:1.15;padding-top:8px}
/* KPI (count-up) */
.dash-kpi{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 2px}
.dash-kpi.k3{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.dash-kpi.k3{grid-template-columns:1fr}}
.dash-kpi>div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:18px 18px 16px}
.dash-kpi .l{font-size:12.5px;color:#9296a0;margin-bottom:12px;line-height:1.42}
.dash-kpi .vrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dash-kpi .v{font:900 clamp(30px,4.6vw,42px)/.95 Inter,system-ui,sans-serif;letter-spacing:-.03em;color:#fff}
.dash-kpi .v.red{color:#ff5f68}
.dash-kpi .t{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#ff8087;background:rgba(189,13,24,.16);border-radius:999px;padding:4px 10px}
.dash-kpi .t.up{color:#6ad29a;background:rgba(42,104,57,.24)}
.dash-kpi .t svg{width:13px;height:13px}
.dash-kpi .cmp{margin-top:10px;font-size:11.5px;color:#797d86;line-height:1.4}
/* lista wskaźników */
.dash-metrics{display:flex;flex-direction:column;margin-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.dash-metrics .row{display:flex;align-items:center;gap:13px;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.06)}
.dash-metrics .row:last-child{border-bottom:0}
.dash-metrics .ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none;background:rgba(255,255,255,.06);color:#c2c5cc}
.dash-metrics .ic svg{width:19px;height:19px;display:block}
.dash-metrics .ml{flex:1;font-size:13.5px;color:#c2c5cc;min-width:0;line-height:1.35}
.dash-metrics .mv{font:800 17px Inter,system-ui,sans-serif;color:#fff;white-space:nowrap}
.dash-metrics .mv.red{color:#ff7078}
.dash-metrics .mv.badge{font-size:12px;font-weight:800;color:#6ad29a;background:rgba(42,104,57,.22);border-radius:999px;padding:5px 11px}
.dash-foot{margin-top:15px;font-size:10.5px;color:#6c7075;line-height:1.5}
@media(prefers-reduced-motion:reduce){.dbc .bar2{transition:none}.dbc .bv2{transition:none;opacity:1;transform:none}}
@media(max-width:720px){
 .dash{padding:22px 16px 18px;border-radius:20px}
 .dbc{gap:6px;height:238px}
 .dbc .colbar{height:196px}
 .dbc .bar2{border-radius:8px 8px 2px 2px}
 .dbc .bv2{font-size:12px;margin-bottom:6px}
 .dbc .bx{font-size:10px}
 .dash-kpi{grid-template-columns:1fr;gap:10px}
 .dash-metrics .mv{font-size:15px}
}
@media(max-width:560px){.tl{grid-template-columns:1fr;gap:28px}.deliver{grid-template-columns:1fr}}

/* AG-SZEROKOSC: szersza kolumna + wiekszy tekst w artykulach (dlugosc linii ~80 znakow) */
.article{max-width:800px}
.article p{font-size:19px;line-height:1.7}
.article li{font-size:19px;line-height:1.68}
.article h2{font-size:30px;margin:40px 0 14px}
.article h3{font-size:23px;margin:30px 0 10px}
.article blockquote{font-size:17.5px}
@media(max-width:860px){.article p,.article li{font-size:17px;line-height:1.7}}