/* BWLAW — wspólne style podstron (specjalizacje + zespół)
   Branding: terakota #C25531 · grafit #161513 · kość słoniowa #FAF7F3
   Fonty jak na stronie głównej (w produkcji self-host — RODO) */
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/comfortaa-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/comfortaa-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-tight-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-tight-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-tight-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-tight-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/inter-tight-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/inter-tight-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

@font-face{font-family:'Inter Fallback';src:local('Arial');ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%}@font-face{font-family:'Inter Tight Fallback';src:local('Arial');ascent-override:96.28%;descent-override:23.98%;line-gap-override:0%;size-adjust:100.6%}
:root{
  --ink:#161513;--ivory:#FAF7F3;--terra:#C25531;--terra-dark:#A84425;
  --line:#E5DED6;--ink-soft:#4A4642;--ivory-dim:#F1EAE2;--wa:#1FA855;
  --font-head:'Inter Tight','Inter Tight Fallback','Segoe UI',sans-serif;
  --font-body:'Inter','Inter Fallback','Segoe UI',sans-serif;
  --font-accent:'Comfortaa',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--ink);background:var(--ivory);line-height:1.7;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);line-height:1.1;letter-spacing:-.02em;font-weight:700;color:inherit;margin:0;padding:0}

.wrap{max-width:1140px;margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem)}
.eyebrow{font-family:var(--font-accent);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--terra);display:inline-flex;align-items:center;gap:.7rem;font-weight:600}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--terra);border-radius:2px}

#progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--terra),#E07B4F);z-index:1000}

/* header */
header{position:fixed;top:0;left:0;right:0;z-index:900;padding:1rem 0;transition:padding .35s,background .35s,box-shadow .35s;background:rgba(250,247,243,.85);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
header.scrolled{padding:.55rem 0}
header .wrap{display:flex;align-items:center;gap:1.6rem;max-width:1340px}
.brand img{width:42px;height:auto}
nav{margin-left:auto;display:flex;gap:1.5rem;font-size:.9rem;font-weight:600;align-items:center}
nav a{position:relative;padding:.2rem 0;white-space:nowrap}
nav a::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:var(--terra);transition:width .28s}
nav a:hover::after{width:100%}
nav a.active{color:var(--terra);font-weight:600}
nav a.active::after{width:100%}
.btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--terra);color:#fff;font-weight:600;font-size:.95rem;padding:.85rem 1.7rem;border-radius:999px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer;border:0;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(194,85,49,.35);background:var(--terra-dark)}
.btn .arr{transition:transform .25s}
.btn:hover .arr{transform:translateX(4px)}
.btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover::after{left:130%}
.btn.ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.btn.ghost:hover{background:var(--ivory-dim);box-shadow:none}
.btn.wa{background:var(--wa)}
.btn.wa:hover{background:#178A45;box-shadow:0 12px 28px rgba(31,168,85,.35)}
header .btn{padding:.65rem 1.3rem;font-size:.85rem}
.burger{display:none}

/* hero podstrony */
.shero{position:relative;background:var(--ink);color:#fff;padding:9.5rem 0 4.5rem;overflow:hidden}
.shero .glow{position:absolute;width:44vw;height:44vw;border-radius:50%;filter:blur(100px);opacity:.15;background:var(--terra);top:-16%;right:-8%;animation:drift 30s ease-in-out infinite;pointer-events:none}
@keyframes drift{50%{transform:translate(-6%,10%) scale(1.1)}}
.shero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,4rem);align-items:center;position:relative;z-index:2}
.crumbs{font-size:.8rem;color:rgba(255,255,255,.6);margin-bottom:1.2rem;display:flex;gap:.5rem;flex-wrap:wrap}
.crumbs a:hover{color:#E8946B}
.crumbs span{color:rgba(255,255,255,.35)}
.shero .eyebrow{color:#E8946B}.shero .eyebrow::before{background:#E8946B}
.shero h1{font-size:clamp(2.1rem,4.6vw,3.6rem);margin:1rem 0 1.2rem;max-width:18ch}
.shero h1 em{font-style:normal;color:#E8946B}
.shero p.lead{font-size:1.08rem;color:rgba(255,255,255,.85);max-width:56ch;margin-bottom:1.8rem}
.shero .cta-row{display:flex;gap:.9rem;flex-wrap:wrap}
.shero .ph{border-radius:22px;overflow:hidden;aspect-ratio:4/4.6;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:rotate(1.5deg)}
.shero .ph img{width:100%;height:100%;object-fit:cover}
.shero .badges{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.6rem}
.shero .badge{font-size:.76rem;letter-spacing:.04em;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.35rem .9rem;color:rgba(255,255,255,.85)}

/* sekcje treści */
section{position:relative}
.sec{padding:clamp(3.2rem,7vw,5.5rem) 0}
.sec.alt{background:#fff}
.sec-head{max-width:780px;margin-bottom:clamp(1.8rem,4vw,2.8rem)}
.sec-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-top:1rem}
.sec-head p{margin-top:.9rem;color:var(--ink-soft)}
.prose{max-width:760px;color:var(--ink-soft);font-size:1rem}
.prose h3{font-size:1.3rem;margin:2rem 0 .7rem;color:var(--ink)}
.prose p{margin-bottom:1rem}
.prose strong{color:var(--ink)}
.prose a{color:var(--terra);font-weight:600}

/* karty problemów */
.probs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.prob{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s}
.prob:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(22,21,19,.12);border-color:rgba(194,85,49,.45)}
.sec.alt .prob{background:var(--ivory)}
.prob .no{font-family:var(--font-accent);font-size:.72rem;color:var(--terra);letter-spacing:.16em;display:block;margin-bottom:.6rem}
.prob b{font-family:var(--font-head);font-size:1.06rem;display:block;margin-bottom:.45rem}
.prob p{font-size:.9rem;color:var(--ink-soft)}

/* lista kroków / cechy */
.steps{display:flex;flex-direction:column;gap:0;max-width:820px;counter-reset:st}
.stp{display:flex;gap:1.3rem;padding:1.3rem 0;border-bottom:1px solid var(--line);counter-increment:st}
.stp:last-child{border-bottom:0}
.stp::before{content:counter(st,decimal-leading-zero);font-family:var(--font-accent);color:var(--terra);font-size:.85rem;font-weight:600;flex:0 0 2.4rem;padding-top:.2rem}
.stp b{font-family:var(--font-head);display:block;margin-bottom:.3rem;font-size:1.05rem}
.stp p{font-size:.94rem;color:var(--ink-soft)}

/* wyróżnik */
.hl{background:var(--ink);color:#fff;border-radius:22px;padding:clamp(1.6rem,4vw,2.6rem);position:relative;overflow:hidden;margin:2.4rem 0}
.hl::after{content:"bw";position:absolute;right:1rem;bottom:-2.4rem;font-family:var(--font-accent);font-weight:600;font-size:8rem;opacity:.06;line-height:1}
.hl .eyebrow{color:#E8946B}.hl .eyebrow::before{background:#E8946B}
.hl h3{font-size:clamp(1.25rem,2.4vw,1.7rem);margin:.8rem 0 .7rem}
.hl p{color:rgba(255,255,255,.85);max-width:62ch;font-size:.97rem}

/* FAQ */
.faq-list{max-width:820px}
.qa{border-bottom:1px solid var(--line)}
.qa button{all:unset;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;padding:1.3rem .2rem;cursor:pointer;font-family:var(--font-head);font-weight:600;font-size:1.04rem}
.qa button .pl{flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--terra);color:var(--terra);display:grid;place-items:center;font-size:1.1rem;transition:transform .35s,background .35s,color .35s}
.qa.open button .pl{transform:rotate(45deg);background:var(--terra);color:#fff}
.qa .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,.8,.3,1)}
.qa .ans>div{overflow:hidden}
.qa .ans p{padding:0 3.2rem 1.4rem .2rem;color:var(--ink-soft);font-size:.95rem;max-width:64ch}
.qa.open .ans{grid-template-rows:1fr}

/* prowadzący sprawę / autor */
.lawyer{display:flex;gap:1.6rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.5rem 1.7rem;max-width:720px}
.lawyer img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top;filter:grayscale(.2)}
.lawyer b{font-family:var(--font-head);font-size:1.12rem;display:block}
.lawyer .role{font-family:var(--font-accent);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);margin:.2rem 0 .5rem}
.lawyer p{font-size:.9rem;color:var(--ink-soft)}
.lawyer a{color:var(--terra);font-weight:600;font-size:.9rem}

/* CTA końcowe */
.cta-end{background:var(--ink);color:#fff;padding:clamp(3.5rem,8vw,6rem) 0;position:relative;overflow:hidden}
.cta-end .glow{position:absolute;width:40vw;height:40vw;border-radius:50%;filter:blur(110px);opacity:.14;background:var(--terra);bottom:-20%;left:-10%;animation:drift 34s ease-in-out infinite}
.cta-end .eyebrow{color:#E8946B}.cta-end .eyebrow::before{background:#E8946B}
.cta-end h2{font-size:clamp(1.8rem,3.8vw,2.8rem);max-width:22ch;margin:1rem 0 1rem}
.cta-end p{color:rgba(255,255,255,.85);max-width:56ch;margin-bottom:1.8rem}
.cta-end .row{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center}
.cta-end .phone{color:#fff;font-weight:600;border-bottom:1.5px solid rgba(255,255,255,.4);padding-bottom:.2rem}

/* mini-CTA w treści */
.mini-cta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;background:var(--ivory-dim);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.4rem;margin:2rem 0;max-width:760px}
.mini-cta b{font-family:var(--font-head);font-size:.98rem}
.mini-cta .btn{padding:.6rem 1.2rem;font-size:.85rem;margin-left:auto}

/* kalkulator terminu (prawo pracy) */
.calc{background:#fff;border:1.5px solid var(--terra);border-radius:22px;padding:clamp(1.6rem,4vw,2.4rem);max-width:760px;box-shadow:0 20px 60px rgba(194,85,49,.12)}
.calc label{font-weight:600;font-size:.95rem;display:block;margin-bottom:.6rem}
.calc input[type=date]{font-family:var(--font-body);font-size:1.05rem;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:12px;background:var(--ivory);width:100%;max-width:280px}
.calc input[type=date]:focus{outline:none;border-color:var(--terra)}
.calc .out{margin-top:1.3rem;display:none}
.calc .out.show{display:block}
.calc .deadline{font-family:var(--font-head);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:800}
.calc .deadline i{font-style:normal;color:var(--terra)}
.calc .days{font-size:.95rem;margin-top:.4rem;color:var(--ink-soft)}
.calc .days b.ok{color:#1F8A4C}
.calc .days b.warn{color:var(--terra)}
.calc .note{font-size:.78rem;color:var(--ink-soft);margin-top:1rem;border-top:1px solid var(--line);padding-top:.8rem}

/* stopka */
footer{background:#100F0E;color:rgba(255,255,255,.72);padding:3rem 0 2rem;font-size:.9rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;margin-bottom:2.2rem}
footer h4,footer .foot-h{font-family:var(--font-accent);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#E8946B;margin-bottom:1rem;font-weight:700;line-height:1.1}
footer li{margin-bottom:.55rem}
footer a:hover{color:#fff}
.foot-brand img{width:38px;height:26px;object-fit:contain;flex:0 0 auto;margin-bottom:1rem}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:rgba(255,255,255,.5)}

/* sticky CTA mobile */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:950;display:none;background:rgba(22,21,19,.96);backdrop-filter:blur(10px);padding:.7rem .9rem;gap:.7rem}
.sticky-cta a{flex:1;text-align:center;padding:.8rem .4rem;border-radius:12px;font-weight:600;font-size:.85rem}
.sticky-cta .call{background:rgba(255,255,255,.12);color:#fff}
.sticky-cta .wa-btn{background:var(--wa);color:#fff}
.sticky-cta .book{background:var(--terra);color:#fff}

/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,.8,.3,1),transform .8s cubic-bezier(.22,.8,.3,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}

/* bio (strony zespołu) */
.bio-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.bio-side{position:sticky;top:100px}
.bio-side .ph{border-radius:22px;overflow:hidden;aspect-ratio:4/5;margin-bottom:1.2rem}
.bio-side .ph img{width:100%;height:100%;object-fit:cover;object-position:top}
.bio-facts{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem 1.5rem}
.bio-facts h4{font-family:var(--font-accent);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);margin-bottom:.8rem}
.bio-facts li{font-size:.88rem;color:var(--ink-soft);padding:.45rem 0;border-bottom:1px solid var(--line);display:flex;gap:.6rem}
.bio-facts li:last-child{border-bottom:0}
.bio-facts li::before{content:"—";color:var(--terra);flex:0 0 auto}
.chips{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.4rem 0}
.chips a{font-size:.82rem;font-weight:600;border:1.5px solid var(--line);border-radius:999px;padding:.45rem 1rem;transition:border-color .25s,background .25s,color .25s}
.chips a:hover{border-color:var(--terra);color:var(--terra)}
.tl-edu{margin:1.4rem 0;max-width:640px}
.tl-edu li{position:relative;padding:0 0 1.3rem 1.8rem;border-left:2px solid var(--line);margin-left:.4rem}
.tl-edu li:last-child{padding-bottom:0}
.tl-edu li::before{content:"";position:absolute;left:-7px;top:.35rem;width:12px;height:12px;border-radius:50%;background:var(--terra)}
.tl-edu b{font-family:var(--font-head);display:block;font-size:.98rem}
.tl-edu span{font-size:.88rem;color:var(--ink-soft)}

@media(max-width:1020px){
  nav,header .btn{display:none}
  .burger{display:block;margin-left:auto;background:none;border:0;color:var(--ink);font-size:1.6rem;cursor:pointer}
  .sticky-cta{display:flex}
  .shero .wrap,.bio-grid{grid-template-columns:1fr}
  .shero .ph{max-width:420px;aspect-ratio:4/3}
  .bio-side{position:relative;top:0}
  .probs{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  footer{padding-bottom:6.5rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .rv{opacity:1;transform:none}
}

/* == lead magnet == */
.magnet{display:grid;grid-template-columns:auto 1.2fr 1fr;gap:1.6rem;align-items:center;background:#fff;border:1.5px solid var(--terra);border-radius:22px;padding:clamp(1.5rem,3.5vw,2.2rem);box-shadow:0 20px 60px rgba(194,85,49,.10)}
.magnet-ico{width:58px;height:58px;border-radius:16px;background:rgba(194,85,49,.12);border:1.5px solid var(--terra);display:grid;place-items:center;font-size:1.5rem;color:var(--terra)}
.magnet b{font-family:var(--font-head);font-size:1.12rem;display:block;margin-bottom:.35rem}
.magnet p{font-size:.9rem;color:var(--ink-soft)}
.magnet-form input[type=email]{width:100%;font-family:var(--font-body);font-size:.95rem;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:12px;background:var(--ivory);margin-bottom:.6rem}
.magnet-form input[type=email]:focus{outline:none;border-color:var(--terra)}
.magnet-form .optin{display:flex;gap:.5rem;align-items:flex-start;font-size:.72rem;color:var(--ink-soft);margin-bottom:.7rem;cursor:pointer;line-height:1.45}
.magnet-form .optin input{margin-top:.15rem;accent-color:var(--terra);flex:0 0 auto}
.magnet-form .optin a{color:var(--terra);font-weight:600}
.magnet-form .btn{width:100%;justify-content:center;padding:.75rem 1.2rem;font-size:.9rem}

/* == case study == */
.case{display:grid;grid-template-columns:1.15fr .85fr;gap:0;background:var(--ink);color:#fff;border-radius:22px;overflow:hidden}
.case-body{padding:clamp(1.6rem,4vw,2.4rem)}
.case-body .tag{font-family:var(--font-accent);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#E8946B;display:block;margin-bottom:.8rem}
.case-body h3{font-size:clamp(1.25rem,2.4vw,1.6rem);margin-bottom:.8rem}
.case-body p{color:rgba(255,255,255,.82);font-size:.95rem;margin-bottom:1rem}
.case-facts{display:flex;flex-direction:column;gap:.5rem}
.case-facts li{font-size:.9rem;color:rgba(255,255,255,.85);display:flex;gap:.6rem;align-items:flex-start}
.case-facts li::before{content:"✓";color:#E8946B;font-weight:700;flex:0 0 auto}
.case blockquote{background:rgba(194,85,49,.14);border-left:3px solid var(--terra);padding:clamp(1.6rem,4vw,2.2rem);display:flex;flex-direction:column;justify-content:center}
.case blockquote .stars{color:#E8946B;letter-spacing:.2em;margin-bottom:.9rem;font-size:.85rem}
.case blockquote p{font-size:1rem;line-height:1.6;color:rgba(255,255,255,.92);font-style:italic;margin-bottom:1rem}
.case blockquote cite{font-style:normal;font-size:.85rem;color:rgba(255,255,255,.7)}
.case blockquote cite b{font-family:var(--font-head);color:#fff;display:block;font-size:.92rem}

/* == baza wiedzy == */
.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}
.filters button{all:unset;cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:600;border:1.5px solid var(--line);border-radius:999px;padding:.5rem 1.1rem;transition:all .25s;background:#fff}
.filters button:hover{border-color:var(--terra);color:var(--terra)}
.filters button.on{background:var(--terra);border-color:var(--terra);color:#fff}
.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.kb-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;gap:.6rem;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}
.kb-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(22,21,19,.12);border-color:rgba(194,85,49,.45)}
.kb-card .cat{font-family:var(--font-accent);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}
.kb-card h3{font-size:1.08rem;line-height:1.3}
.kb-card p{font-size:.88rem;color:var(--ink-soft);flex:1}
.kb-card .meta{font-size:.76rem;color:var(--ink-soft);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:.8rem}
.kb-card .meta a{color:var(--terra);font-weight:600}
.kb-card .soon{position:absolute;top:1.1rem;right:1.1rem;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--ivory-dim);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;color:var(--ink-soft)}
.kb-card.hidden{display:none}

/* == youtube facade (RODO: iframe dopiero po kliknięciu) == */
.yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.yt{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:var(--ink);cursor:pointer;border:0;padding:0;display:block;width:100%}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s,transform .5s}
.yt:hover img{opacity:1;transform:scale(1.04)}
.yt .play{position:absolute;inset:0;display:grid;place-items:center}
.yt .play span{width:64px;height:64px;border-radius:50%;background:rgba(194,85,49,.92);display:grid;place-items:center;color:#fff;font-size:1.4rem;padding-left:4px;transition:transform .25s;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.yt:hover .play span{transform:scale(1.1)}
.yt .yt-note{position:absolute;left:0;right:0;bottom:0;padding:.7rem 1rem;background:linear-gradient(0deg,rgba(22,21,19,.85),transparent);color:#fff;font-size:.82rem;text-align:left;font-weight:600}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-consent{font-size:.78rem;color:var(--ink-soft);margin-top:1rem;max-width:70ch}

@media(max-width:1020px){
  .magnet{grid-template-columns:1fr}
  .magnet-ico{display:none}
  .case{grid-template-columns:1fr}
  .kb-grid,.yt-grid{grid-template-columns:1fr}
}

/* == artykul bazy wiedzy == */
.art-meta{display:flex;gap:1rem;align-items:center;margin-top:1.6rem;font-size:.85rem;color:rgba(255,255,255,.78)}
.art-meta img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top}
.art-meta b{font-family:var(--font-head);color:#fff;display:block;font-size:.92rem}
.prose ul{list-style:disc;padding-left:1.3rem;margin-bottom:1rem}
.prose ul li{margin-bottom:.45rem}
.prose ol{padding-left:1.3rem;margin-bottom:1rem}
.prose ol li{margin-bottom:.45rem}

/* == kolory specjalizacji (baza wiedzy) — 1 kolor : 1 specjalizacja == */
:root{--acc-praca:#41608D;--acc-budowlane:#C25531;--acc-windykacja:#4E6B51;--acc-firmy:#8A6D3B}
.kb-card{border-top:3px solid var(--line)}
.kb-card[data-cat="praca"]{--acc:var(--acc-praca)}
.kb-card[data-cat="budowlane"]{--acc:var(--acc-budowlane)}
.kb-card[data-cat="windykacja"]{--acc:var(--acc-windykacja)}
.kb-card[data-cat="firmy"]{--acc:var(--acc-firmy)}
.kb-card{border-top-color:var(--acc,var(--line))}
.kb-card .cat{color:var(--acc,var(--terra))}
.kb-card .meta a{color:var(--acc,var(--terra))}
.kb-card:hover{border-color:var(--acc,var(--terra));border-top-color:var(--acc,var(--terra))}
.filters button[data-f="praca"].on{background:var(--acc-praca);border-color:var(--acc-praca)}
.filters button[data-f="budowlane"].on{background:var(--acc-budowlane);border-color:var(--acc-budowlane)}
.filters button[data-f="windykacja"].on{background:var(--acc-windykacja);border-color:var(--acc-windykacja)}
.filters button[data-f="firmy"].on{background:var(--acc-firmy);border-color:var(--acc-firmy)}
.filters button[data-f="praca"]:not(.on):hover{border-color:var(--acc-praca);color:var(--acc-praca)}
.filters button[data-f="budowlane"]:not(.on):hover{border-color:var(--acc-budowlane);color:var(--acc-budowlane)}
.filters button[data-f="windykacja"]:not(.on):hover{border-color:var(--acc-windykacja);color:var(--acc-windykacja)}
.filters button[data-f="firmy"]:not(.on):hover{border-color:var(--acc-firmy);color:var(--acc-firmy)}
.yt{--acc:var(--terra)}
.yt[data-cat="praca"]{--acc:var(--acc-praca)}
.yt[data-cat="budowlane"]{--acc:var(--acc-budowlane)}
.yt[data-cat="windykacja"]{--acc:var(--acc-windykacja)}
.yt[data-cat="firmy"]{--acc:var(--acc-firmy)}
.yt .yt-tag{position:absolute;top:.8rem;left:.8rem;font-family:var(--font-accent);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;background:var(--acc);color:#fff;border-radius:999px;padding:.3rem .8rem;z-index:2}
.yt .play span{background:var(--acc)}
.kb-legend{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1.2rem;font-size:.78rem;color:var(--ink-soft)}
.kb-legend span{display:inline-flex;align-items:center;gap:.45rem}
.kb-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}

/* == poprawka znieksztalconych zdjec: kwadrat z zaokragleniem + zakaz sciskania we flexie == */
.lawyer img{flex:0 0 auto;width:96px;height:96px;border-radius:18px;object-fit:cover;object-position:top;filter:none}
.art-meta img{flex:0 0 auto;border-radius:14px}

/* == quiz kwalifikacji sprawy == */
.quiz{background:#fff;border:1.5px solid var(--terra);border-radius:22px;padding:clamp(1.6rem,4vw,2.4rem);max-width:760px;box-shadow:0 20px 60px rgba(194,85,49,.10)}
.quiz .qz-prog{height:5px;background:var(--ivory-dim);border-radius:99px;margin-bottom:1.4rem;overflow:hidden}
.quiz .qz-prog i{display:block;height:100%;background:var(--terra);width:0;transition:width .35s;border-radius:99px}
.quiz .qz-count{font-family:var(--font-accent);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--terra);margin-bottom:.6rem;display:block}
.quiz h3{font-size:1.25rem;margin-bottom:1.1rem}
.quiz .qz-opts{display:flex;flex-direction:column;gap:.6rem}
.quiz .qz-opts button{all:unset;cursor:pointer;font-family:var(--font-body);font-size:.95rem;border:1.5px solid var(--line);border-radius:14px;padding:.85rem 1.1rem;transition:all .22s;background:var(--ivory)}
.quiz .qz-opts button:hover{border-color:var(--terra);background:#fff;transform:translateX(4px)}
.quiz .qz-res{display:none}
.quiz .qz-res.show{display:block}
.quiz .qz-res .verdict{font-family:var(--font-head);font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800;margin-bottom:.6rem}
.quiz .qz-res .verdict.good{color:#1F8A4C}
.quiz .qz-res .verdict.mid{color:var(--terra)}
.quiz .qz-res .verdict.low{color:var(--ink)}
.quiz .qz-res p{color:var(--ink-soft);font-size:.95rem;margin-bottom:1.2rem;max-width:58ch}
.quiz .qz-note{font-size:.75rem;color:var(--ink-soft);margin-top:1.2rem;border-top:1px solid var(--line);padding-top:.8rem}
.quiz .qz-restart{all:unset;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--terra);margin-left:1rem}

/* == kalkulator RVG == */
.rvg-out{display:none;margin-top:1.3rem}
.rvg-out.show{display:block}
.rvg-rows{display:flex;flex-direction:column;gap:.5rem;max-width:460px}
.rvg-rows div{display:flex;justify-content:space-between;gap:1.5rem;font-size:.95rem;color:var(--ink-soft);border-bottom:1px dashed var(--line);padding-bottom:.4rem}
.rvg-rows div b{font-family:var(--font-head);color:var(--ink);white-space:nowrap}
.rvg-rows .sum{border-bottom:0;padding-top:.3rem}
.rvg-rows .sum b{color:var(--terra);font-size:1.15rem}
.calc input[type=number]{font-family:var(--font-body);font-size:1.05rem;padding:.8rem 1rem;border:1.5px solid var(--line);border-radius:12px;background:var(--ivory);width:100%;max-width:280px}
.calc input[type=number]:focus{outline:none;border-color:var(--terra)}

/* == mobilne menu (burger) + iOS: twarde ucięcie poziomego overflowu == */
html{overflow-x:clip}
body{overflow-x:clip}
@media(max-width:1020px){
  header.menu-open nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:1.05rem;background:rgba(250,247,243,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.3rem clamp(1.2rem,5vw,2rem) 1.6rem;border-bottom:1px solid var(--line);box-shadow:0 24px 48px rgba(22,21,19,.18);color:var(--ink);margin-left:0}
  header.menu-open nav a{font-size:1.06rem;padding:.25rem 0}
  header.menu-open .burger{color:var(--ink)}
  .hero h1,.shero h1{overflow-wrap:break-word;hyphens:auto}
}

/* dlugie przyciski CTA na waskich ekranach: lamanie zamiast wystawania */
@media(max-width:640px){
.btn{white-space:normal;text-align:center;max-width:100%}
}