  :root{--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--bg:#f8fafc;--acc:#1d4ed8;--good:#1a7f37;--needs:#b45309;--poor:#b91c1c}
  *{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}
  .wrap{max-width:1040px;margin:0 auto;padding:0 20px}header{padding:20px 0;display:flex;justify-content:space-between;align-items:center}
  .logo{font-weight:800;font-size:22px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.logo span{color:var(--acc)}
  nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-size:15px}
  .hero{padding:40px 0 8px}.hero.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}h1{font-size:40px;line-height:1.15;letter-spacing:-.02em;margin:0 0 16px}
  .lead{font-size:20px;color:#374151;max-width:640px}
  .btn{display:inline-block;background:var(--acc);color:#fff;padding:14px 24px;border-radius:10px;font-weight:700;text-decoration:none;font-size:17px}
  .btn.sec{background:#fff;color:var(--acc);border:2px solid var(--acc)}
  .cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}
  .card{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--bg)}.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:#374151;font-size:15px}
  h2{font-size:28px;letter-spacing:-.02em;margin:48px 0 12px}
  .price{border:2px solid var(--acc);border-radius:14px;padding:24px 28px;display:grid;grid-template-columns:auto 1fr auto;gap:20px 36px;align-items:center}.price .btn{white-space:nowrap}
  .price .amt{font-size:44px;font-weight:800}.price small{color:var(--muted);font-size:15px}
  ul.check{list-style:none;padding:0;margin:12px 0}ul.check li{padding-left:28px;position:relative;margin:6px 0}ul.check li::before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:800}
  .scores{display:flex;gap:14px;margin:12px 0;flex-wrap:wrap}.score{text-align:center;flex:0 0 auto}.score b{display:block;width:56px;height:56px;line-height:50px;border-radius:50%;border:3px solid;font-size:20px}
  .good b{color:var(--good);border-color:var(--good)}.needs b{color:var(--needs);border-color:var(--needs)}.poor b{color:var(--poor);border-color:var(--poor)}.score small{color:var(--muted);font-size:12px;line-height:1.3;display:block;margin-top:4px}
  details{border-bottom:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:600}
  .orderbox{display:grid;grid-template-columns:minmax(0,560px) minmax(260px,1fr);gap:40px;align-items:start}.orderaside{border:1px solid var(--line);border-radius:12px;padding:20px 22px;background:var(--bg);font-size:15px;color:#374151}.orderaside h3{margin:0 0 10px;font-size:17px;color:var(--ink)}.orderaside ol{margin:0;padding-left:20px}.orderaside li{margin:0 0 8px}.orderaside p{margin:12px 0 0}@media(max-width:900px){.orderbox{grid-template-columns:1fr;gap:24px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid{grid-template-columns:1fr}}
.order{display:grid;gap:10px;max-width:560px}form.order label{display:block}form.order input:not([type=checkbox]){width:100%}input{font:inherit;padding:12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--ink)}form.order+.note{max-width:560px;margin-top:14px}
  .note{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px;font-size:15px}
  footer{margin:64px 0 32px;color:var(--muted);font-size:14px;border-top:1px solid var(--line);padding-top:20px}
  @media(max-width:600px){h1{font-size:30px}.lead{font-size:18px}}
.consent{display:block;font-size:14px;color:var(--muted);margin:10px 0}.consent input{margin-right:6px}
.legal h2{font-size:20px;margin-top:28px}.legal p,.legal li{font-size:15px}

/* szybki skan */
form.scanform{display:flex;gap:8px;max-width:560px;margin:18px 0 8px}form.scanform input{flex:1;min-width:0;font-size:17px}form.scanform .btn{border:0;cursor:pointer;font:inherit;font-weight:700}
.scanhint{color:var(--muted);font-size:14px;margin:0 0 18px}
.scores.big .score b{width:72px;height:72px;line-height:66px;font-size:26px;border-width:4px}.scores.big{gap:20px;flex-wrap:wrap}.scores.big .score small{font-size:13px}
.small{font-size:14px}.muted{color:var(--muted)}
main.scan table{width:100%;border-collapse:collapse;margin:8px 0}main.scan th,main.scan td{text-align:left;padding:8px;border-bottom:1px solid var(--line)}main.scan th{font-size:12px;text-transform:uppercase;color:var(--muted)}
td.good{color:var(--good);font-weight:600}td.needs{color:var(--needs);font-weight:600}td.poor{color:var(--poor);font-weight:600}
ul.issues{list-style:none;padding:0;margin:12px 0}ul.issues li{border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:10px;padding:12px 14px;margin:10px 0;background:#fff}ul.issues li.high{border-left-color:var(--poor)}ul.issues li.medium{border-left-color:var(--needs)}ul.issues li.low{border-left-color:var(--good)}
ul.issues li b{display:block;margin-top:4px}ul.issues li p{margin:4px 0 0;color:#374151;font-size:15px}
.badge{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:600;color:#fff;background:var(--muted)}.badge.good{background:var(--good)}.badge.needs{background:var(--needs)}.badge.poor{background:var(--poor)}
.chip{display:inline-block;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:999px;padding:2px 10px;font-size:14px;margin:3px 2px}
.fullbox{border:2px solid var(--acc);border-radius:14px;padding:24px;margin-top:36px;background:var(--bg)}.fullbox h2{margin-top:0}.fullbox h3{margin:20px 0 8px}
.progress{height:6px;background:var(--line);border-radius:3px;overflow:hidden;max-width:560px}.progress div{height:100%;width:40%;background:var(--acc);border-radius:3px;animation:slide 1.4s ease-in-out infinite}@keyframes slide{0%{margin-left:-40%}100%{margin-left:100%}}

/* hero v2 */
.eyebrow{margin:0 0 10px;color:var(--acc);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.h-scan{font-size:20px;margin:26px 0 0}
.hero-img{position:relative}.hero-img a{display:block;position:relative}
.hero-img img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 60px -28px rgba(17,24,39,.45),0 8px 20px -12px rgba(17,24,39,.2);transform:rotate(1.2deg);background:#fff}
.imgtag{position:absolute;left:12px;bottom:-12px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px}
.cta .link{color:var(--acc);font-weight:600;text-decoration:none;font-size:16px}.cta .link:hover{text-decoration:underline}
.trust{color:var(--muted);font-size:14px;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.step{position:relative;border:1px solid var(--line);border-radius:12px;padding:22px 18px 18px;background:#fff}
.step .n{display:inline-flex;width:32px;height:32px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800;align-items:center;justify-content:center;margin-bottom:10px}
.step h3{margin:0 0 6px;font-size:17px}.step p{margin:0;color:#374151;font-size:15px}
section{scroll-margin-top:16px}
@media(max-width:860px){.hero.split{grid-template-columns:1fr;gap:28px}.hero-img{max-width:420px;margin:12px auto 0}.steps{grid-template-columns:1fr}}
@media(max-width:600px){form.scanform{flex-direction:column}form.scanform .btn{text-align:center}nav a{margin-left:12px;font-size:14px}}
@media(max-width:600px){nav a.m-hide{display:none}}

/* poprawki responsywności (2026-11-05) */
html{-webkit-text-size-adjust:100%}img,svg,video{max-width:100%;height:auto}
h1,h2,h3,p,li,td,th,summary{overflow-wrap:break-word}code,main.scan h1,main.scan td:first-child{overflow-wrap:anywhere}
code{font-size:.92em;background:#f1f5f9;border-radius:4px;padding:1px 5px}
.btn{transition:background .15s,border-color .15s,color .15s;line-height:1.3;text-align:center}.btn:hover{background:#1e40af}.btn.sec:hover{background:#eff6ff}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #93c5fd;outline-offset:2px;border-radius:6px}
input:focus-visible{outline:3px solid #93c5fd;outline-offset:0;border-color:var(--acc)}
nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}nav a{margin-left:0;white-space:nowrap}
.cta .link{white-space:nowrap}
.hero-img img{aspect-ratio:760/670}
@media(max-width:760px){.price{grid-template-columns:1fr;gap:16px;padding:22px}.price .btn{justify-self:start}}
@media(max-width:600px){nav{gap:12px}.price .amt{font-size:38px}.fullbox{padding:18px 16px}.fullbox h2{font-size:24px}h2{font-size:26px;margin-top:40px}.btn{display:block;width:100%}.cta{flex-direction:column;align-items:stretch;gap:14px}.cta .link{text-align:center;white-space:normal}.price .btn{justify-self:stretch}.imgtag{left:8px;right:8px;text-align:center;bottom:-10px}}
@media(max-width:420px){.scores.big{gap:10px}.scores.big .score b{width:60px;height:60px;line-height:54px;font-size:22px;border-width:3px}.scores{gap:10px}.wrap{padding:0 16px}}
@media(max-width:900px){.price{grid-template-columns:auto 1fr;gap:16px 32px}.price .btn{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.price{grid-template-columns:1fr}}
@media(max-width:600px){.price .btn{justify-self:stretch}}
@media(max-width:480px){.scores,.scores.big{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:360px}.score b{margin:0 auto}.score small{font-size:11px}.scores.big .score b{width:58px;height:58px;line-height:52px;font-size:21px;border-width:3px}}
.post{max-width:720px}.post h1{font-size:36px;line-height:1.15;letter-spacing:-.02em;margin:8px 0 16px}.post .lead{font-size:19px;color:#374151;margin:0 0 28px}.post h2{font-size:24px;margin:40px 0 10px}.post p,.post li{font-size:17px;line-height:1.65}.post li{margin:0 0 8px}.post ul,.post ol{padding-left:22px}.post code{font-size:.9em;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.post .eyebrow{margin:0 0 4px;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:500}.post .fullbox{margin-top:48px}.post .fullbox h2{font-size:24px}.post .fullbox .scanform{margin:16px 0}
.vitals{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}.vitals th,.vitals td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.vitals th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.vitals td:nth-child(3){color:var(--good);font-weight:600;white-space:nowrap}.vitals td:nth-child(4){color:var(--poor);font-weight:600;white-space:nowrap}
.post .postlist{list-style:none;padding:0;margin:28px 0}.postlist li{border-top:1px solid var(--line);padding:22px 0}.postlist li a{font-size:21px;font-weight:700;text-decoration:none;color:var(--ink)}.postlist li a:hover{color:var(--acc)}.postlist li .muted{display:block;font-size:14px;margin:4px 0 8px}.postlist li p{margin:0;font-size:16px;color:#374151}
@media(max-width:600px){.post h1{font-size:28px}.post .lead{font-size:17px}.post h2{font-size:22px}.vitals,.vitals tbody,.vitals tr,.vitals td{display:block}.vitals thead{display:none}.vitals tr{border-bottom:1px solid var(--line);padding:12px 0}.vitals td{border:0;padding:2px 0}.vitals td:nth-child(3),.vitals td:nth-child(4){display:inline-block;margin:6px 18px 0 0}.vitals td[data-l]::before{content:attr(data-l) ": ";color:var(--muted);font-weight:500}}
.post h3{font-size:19px;margin:28px 0 8px}.post pre{background:#0f172a;color:#e2e8f0;border-radius:8px;padding:14px 16px;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5;margin:14px 0}.post pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit}.headers td:nth-child(3),.headers td:nth-child(4){color:inherit;font-weight:400;white-space:normal}.headers td:nth-child(4){color:#374151}
@media(max-width:600px){.headers td:nth-child(3),.headers td:nth-child(4){display:block;margin:4px 0 0}.headers td[data-l]{font-size:14px}}
