/* Pro Dark (główny motyw kazusai.pl od 28.10.2026): czerń, złoto szampańskie, Temidy w kości słoniowej.
   Jeden krój (IBM Plex Sans), bez gradientów tekstu, poświat i pigułek. Kolor tylko tam, gdzie coś znaczy: w oknach aplikacji.
   Za Temidą w hero lekki „deszcz cyfr” (kazusai.js, tylko body.t-pro, wyłączany przy prefers-reduced-motion).
   Poprzednia wersja: motyw-pro-v1.css (baza miksów noir/aurora/deco). */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/ibm-plex-sans-normal-400-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/ibm-plex-sans-normal-400-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}

body.t-pro{
  /* paleta */
  --night:#000; --deep:#111113; --raise:#19191c; --rule:#1f1f23; --rule-2:#2e2e33;
  --gold:#d4b483; --gold-2:#e8d3ab; --brass:#d4b483; --acc:212 180 131; --okc:121 209 143;
  --text:#f5f5f7; --text-2:#c7c7cc; --text-3:#8e8e93;
  /* znaczenia w aplikacji */
  --ok:#79d18f; --risk:#ff8f7e; --warn:#f2c46b; --law:#b8a4ff; --doc:#82c8ff;
  /* tokeny bazy */
  --paper:var(--night); --paper-2:#0a0a0c; --paper-3:var(--raise); --card:var(--deep);
  --ink:var(--text); --ink-2:var(--text-2); --muted:var(--text-3); --line:var(--rule); --line-2:var(--rule-2);
  --seal:var(--risk); --seal-bg:rgba(255,143,126,.12); --gold-bg:rgba(242,196,107,.12);
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --serif:var(--sans);
  --shadow:none; --cut:var(--night);
  color-scheme:dark;font-size:17px;
}
.t-pro::before{display:none}
.t-pro :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.t-pro a{color:inherit}
.t-pro a:hover{color:var(--gold-2)}

/* typografia: jeden krój, hierarchia wagą i rozmiarem */
.t-pro h1,.t-pro h2,.t-pro h3{font-family:var(--sans);color:var(--text);font-variation-settings:normal}
.t-pro h1{font-size:clamp(2.6rem,5.6vw,4.7rem);line-height:1.02;font-weight:600;letter-spacing:-.032em}
.t-pro h1 em{font-style:normal;font-weight:400;font-size:.5em;line-height:1.2;letter-spacing:-.015em;color:var(--text-2);margin-top:.45em}
.t-pro h2{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.1;font-weight:600;letter-spacing:-.025em}
.t-pro h3{font-size:1.2rem;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.t-pro .lead{color:var(--text-2);max-width:34em}

/* nagłówek */
.t-pro .top{background:var(--night);border-bottom:1px solid transparent}
.t-pro .top.is-stuck{border-bottom-color:var(--rule)}
.t-pro .brand img{filter:brightness(0) invert(1);opacity:.92}
.t-pro .nav a{color:var(--text-2);font-weight:500}
.t-pro .nav a:hover{color:var(--text)}

/* przyciski: prostokąt z zagiętym rogiem kartki zamiast pigułki */
.t-pro .btn{position:relative;background:var(--gold);color:var(--night);border-radius:3px;box-shadow:none;font-weight:600;letter-spacing:0;padding:.95em 1.5em .95em 1.35em;transition:background .15s}
.t-pro .btn::after{content:"";position:absolute;top:0;right:0;width:12px;height:12px;border-bottom-left-radius:2px;
  background:linear-gradient(225deg,var(--cut) 50%,rgba(0,0,0,.35) 50%)}
.t-pro .btn:hover{background:var(--gold-2);color:var(--night);transform:none;box-shadow:none}
.t-pro .btn--ghost,.t-pro .btn--paper{background:transparent;color:var(--gold);box-shadow:inset 0 0 0 1px var(--rule-2)}
.t-pro .btn--ghost::after,.t-pro .btn--paper::after{background:linear-gradient(225deg,var(--cut) 50%,var(--rule-2) 50%)}
.t-pro .btn--ghost:hover,.t-pro .btn--paper:hover{background:rgb(var(--acc) / .08);color:var(--gold-2);box-shadow:inset 0 0 0 1px var(--gold)}
.t-pro .top .btn{padding:.7em 1.15em .7em 1em;font-size:.88rem}

/* bez wjeżdżania sekcji przy przewijaniu – treść jest od razu */
.t-pro .rv{opacity:1;transform:none;transition:none}

/* hero: Temida z księgą na tle w kolorze ilustracji */
.t-pro .hero{background:none;padding-bottom:clamp(48px,7vw,96px)}
.t-pro .hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.t-pro .status{background:transparent;border:1px solid var(--rule-2);border-radius:3px;color:var(--text-2);font-weight:500}
.t-pro .status i{background:var(--gold);animation:none;box-shadow:none}
.t-pro .hero__art{top:84px;padding-top:0}
.t-pro .hero__art img{filter:none;max-width:540px;width:100%}
.t-pro .hero__art figcaption{display:none}
/* „deszcz cyfr” za Temidą (kolumny tworzy kazusai.js) */
.t-pro .hero__art{isolation:isolate}
.t-pro .rain{position:absolute;inset:-6% 0 0;z-index:-1;overflow:hidden;pointer-events:none;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 16%,#000 72%,transparent 100%);mask:linear-gradient(180deg,transparent 0,#000 16%,#000 72%,transparent 100%)}
.t-pro .rain span{position:absolute;top:0;width:1ch;font:500 13px/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;color:var(--gold);
  word-break:break-all;white-space:normal;text-align:center;animation:kz-rain linear infinite;will-change:transform}
.t-pro .rain.is-paused span{animation-play-state:paused}
@keyframes kz-rain{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.t-pro .rain{display:none}}

/* formularz */
.t-pro .signup{--cut:var(--deep);background:var(--deep);border:1px solid var(--rule);border-radius:6px;box-shadow:none}
.t-pro .signup__title{font:600 1.2rem/1.25 var(--sans);color:var(--text)}
.t-pro .signup__sub,.t-pro .signup__note{color:var(--text-3)}
.t-pro .field>label,.t-pro .legend{color:var(--text-2);font-weight:500}
.t-pro .input,.t-pro .select{background:var(--night);border:1px solid var(--rule-2);border-radius:4px;color:var(--text)}
.t-pro .input::placeholder{color:#6c6c72}
.t-pro .input:focus,.t-pro .select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgb(var(--acc) / .2)}
.t-pro .input[aria-invalid="true"]{border-color:var(--risk)}
.t-pro .select option{background:var(--deep);color:var(--text)}
.t-pro .sel::after{color:var(--text-2)}
.t-pro .chip span{background:transparent;border:1px solid var(--rule-2);border-radius:4px;color:var(--text-2);font-weight:500}
.t-pro .chip input:hover+span{border-color:var(--gold);color:var(--text)}
.t-pro .chip input:checked+span{background:var(--gold);border-color:var(--gold);color:var(--night)}
.t-pro .consent{color:var(--text-2)}
.t-pro .consent input{accent-color:var(--gold)}
.t-pro .form-msg.is-error{background:rgba(255,143,126,.12);color:#ffb3a7}
.t-pro .form-msg.is-info{background:rgba(242,196,107,.12);color:#f5d593}
.t-pro .thanks svg{color:var(--gold)}

/* sekcje: numer paragrafu wysunięty na margines, jak w ustawie */
.t-pro .sec{border-top:1px solid var(--rule)}
.t-pro .sec--tint{background:var(--paper-2)}
.t-pro .sec__head{grid-template-columns:64px minmax(0,1fr);column-gap:0;row-gap:12px;max-width:900px;margin-left:-64px}
.t-pro .sec__head>*{grid-column:2}
.t-pro .sec__head .eyebrow{grid-column:1;grid-row:1/span 2;align-self:start;font-size:0;letter-spacing:0;padding-top:.5rem}
.t-pro .sec__head .eyebrow .par{font:500 1.05rem/1 var(--sans);color:var(--brass)}
.t-pro .sec__head p{color:var(--text-2)}
@media (max-width:1320px){.t-pro .sec__head{margin-left:0}}
@media (max-width:640px){
  .t-pro .sec__head{grid-template-columns:1fr}
  .t-pro .sec__head>*,.t-pro .sec__head .eyebrow{grid-column:1;grid-row:auto}
  .t-pro .sec__head .eyebrow{padding-top:0}
}

/* okno aplikacji: kolory znaczeń */
.t-pro .app{background:var(--deep);border:1px solid var(--rule-2);border-radius:8px;box-shadow:0 40px 80px -50px rgba(0,0,0,.8)}
.t-pro .app__bar{background:var(--raise);border-bottom:1px solid var(--rule)}
.t-pro .app__bar i{box-shadow:none}
.t-pro .app__bar i:nth-child(1){background:var(--risk)}
.t-pro .app__bar i:nth-child(2){background:var(--warn)}
.t-pro .app__bar i:nth-child(3){background:var(--ok)}
.t-pro .app__bar span{color:var(--text-3)}
.t-pro .app__side{background:#0d0d0f;border-right:1px solid var(--rule)}
.t-pro .app__side h4{color:var(--text-3)}
.t-pro .case{color:var(--text-2);border-radius:5px}
.t-pro .case small{display:flex;align-items:center;gap:6px;color:var(--text-3)}
.t-pro .case small::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--risk);flex:none}
.t-pro .case:nth-of-type(2) small::before{background:var(--doc)}
.t-pro .case:nth-of-type(3) small::before{background:var(--law)}
.t-pro .case.is-on{background:rgb(var(--acc) / .07);box-shadow:inset 0 0 0 1px rgb(var(--acc) / .35);color:var(--text)}
.t-pro .app__side .new{border:1px dashed var(--rule-2);color:var(--gold);border-radius:5px}
.t-pro .app__case p{color:var(--text-3)}
.t-pro .tabs{border-bottom:1px solid var(--rule)}
.t-pro .tab{color:var(--text-3)}
.t-pro .tab:hover{color:var(--text)}
.t-pro .tab[aria-selected="true"]{color:var(--text);border-bottom-color:var(--gold)}
.t-pro .box,.t-pro .strat,.t-pro .doclist li{background:#16161a;border:1px solid var(--rule);border-radius:6px}
.t-pro .box h5,.t-pro .app__side h4{text-transform:none;letter-spacing:0;font-size:.82rem;font-weight:600;color:var(--text-3)}
.t-pro .strat dt{text-transform:none;letter-spacing:0;font-size:.78rem}
.t-pro .strat .tag{align-self:flex-start}
.t-pro .paper-doc{padding-bottom:52px}
.t-pro .tag{background:rgba(228,242,239,.07);color:var(--text-2);border-radius:4px}
.t-pro .tag--ok{background:rgb(var(--okc) / .14);color:var(--ok)}
.t-pro .tag--gold{background:rgba(242,196,107,.14);color:var(--warn)}
.t-pro .tag--seal{background:rgba(255,143,126,.14);color:var(--risk)}
/* akta: oś zdarzeń i pliki według rodzaju */
.t-pro .timeline time{font-family:ui-monospace,"SF Mono",Menlo,monospace;color:var(--text-3)}
.t-pro .timeline li div{border-left-color:var(--rule-2)}
.t-pro .timeline li::before{background:var(--text-3);box-shadow:0 0 0 3px #16161a}
.t-pro .timeline li:nth-child(2)::before,.t-pro .timeline li:nth-child(3)::before{background:var(--risk)}
.t-pro .timeline li:nth-child(4)::before{background:var(--warn)}
.t-pro .timeline li:nth-child(5)::before{background:var(--doc)}
.t-pro .files b::before{border-color:var(--text-3);background:linear-gradient(135deg,transparent 70%,var(--text-3) 70% 74%,transparent 74%)}
.t-pro .files li:nth-child(-n+3) .tag{background:rgb(var(--okc) / .14);color:var(--ok)}
.t-pro .files li:nth-child(-n+3) b::before{border-color:var(--ok)}
.t-pro .files li:nth-child(5) .tag{background:rgba(130,200,255,.14);color:var(--doc)}
.t-pro .files li:nth-child(5) b::before{border-color:var(--doc)}
.t-pro .missing{background:rgba(242,196,107,.1);color:var(--warn);border:1px solid rgba(242,196,107,.25)}
/* analiza: mocne strony / ryzyka */
.t-pro .qual{font-weight:500;color:var(--text)}
.t-pro .qual code{background:rgba(184,164,255,.14);color:var(--law)}
.t-pro .pm .box:first-child h5{color:var(--ok)}
.t-pro .pm .box:last-child h5{color:var(--risk)}
.t-pro .pm ul{list-style:none;padding-left:0}
.t-pro .pm li{padding-left:1.4em;position:relative}
.t-pro .pm .box:first-child li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.t-pro .pm .box:last-child li::before{content:"!";position:absolute;left:.3em;color:var(--risk);font-weight:700}
/* orzeczenia */
.t-pro .ruling{border-bottom-color:var(--rule)}
.t-pro .ruling strong{font-weight:500;color:var(--text);display:flex;gap:10px;align-items:baseline}
.t-pro .ruling strong::before{content:"§";color:var(--law);font-weight:600}
.t-pro .ruling .sig{font-family:ui-monospace,"SF Mono",Menlo,monospace;color:var(--text-3)}
.t-pro .ruling .tag--gold{background:rgba(242,196,107,.14);color:var(--warn)}
/* strategie */
.t-pro .strat h6{font-weight:600;color:var(--text)}
.t-pro .strat dt{color:var(--text-3)}
.t-pro .strat dd{color:var(--text-2)}
.t-pro .strat dt:nth-of-type(1){color:var(--ok)}
.t-pro .strat dt:nth-of-type(2){color:var(--risk)}
.t-pro .strat.is-on{border-color:rgb(var(--acc) / .55);background:rgb(var(--acc) / .06)}
/* pisma */
.t-pro .doclist li.is-on{border-color:rgba(130,200,255,.5)}
.t-pro .doclist b{color:var(--text)}
.t-pro .paper-doc{background:#f4f8f6;color:#1d2a29;border:0;border-radius:3px;box-shadow:0 24px 50px -30px rgba(0,0,0,.9);font-family:Georgia,"Times New Roman",serif}
.t-pro .paper-doc h6{font-family:inherit}
.t-pro .paper-doc mark{background:rgba(242,196,107,.42)}
.t-pro .paper-doc::after{color:#c4513f;border-color:#c4513f}
/* zadania i kalendarz */
.t-pro .todo li{color:var(--text-2)}
.t-pro .todo li::before{background:var(--night);border-color:var(--rule-2);border-radius:4px}
.t-pro .todo li.done{color:var(--text-3);text-decoration-color:var(--rule-2)}
.t-pro .todo li.done::before{background-color:#4c9a62;border-color:#4c9a62}
.t-pro .cal .d{background:var(--night);border:1px solid var(--rule-2);color:var(--text);font-family:var(--sans);border-radius:6px}
.t-pro .cal li:nth-child(1) .d{border-color:rgba(130,200,255,.6);color:var(--doc)}
.t-pro .cal li:nth-child(2) .d{border-color:rgba(242,196,107,.6);color:var(--warn)}
.t-pro .cal .d.seal{border-color:rgba(255,143,126,.7);color:var(--risk);background:rgba(255,143,126,.08)}
.t-pro .cal b{color:var(--text)}
.t-pro .cal div{color:var(--text-2)}
.t-pro .app__note{color:var(--text-3)}

/* funkcje */
.t-pro .feat{background:var(--deep);border:1px solid var(--rule);border-radius:8px;padding:28px 26px}
.t-pro .feat:hover{transform:none;box-shadow:none;border-color:var(--rule-2)}
.t-pro .feat svg{color:var(--gold);width:40px;height:40px}
.t-pro .feat p{color:var(--text-2)}
.t-pro .feat--wide{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-content:start}
.t-pro .feat--wide>*{grid-column:2}
.t-pro .feat--wide svg{grid-column:1;grid-row:1/span 2;margin:2px 0 0}
@media (max-width:640px){.t-pro .feat--wide{display:flex}}

/* pisma (lista) */
.t-pro .doc{background:var(--deep);border:1px solid var(--rule);border-radius:6px}
.t-pro .doc::after{background:linear-gradient(225deg,var(--paper-2) 50%,var(--rule-2) 50%);border-radius:0 6px 0 3px}
.t-pro .doc .to{text-transform:none;letter-spacing:0;font-size:.82rem;font-weight:500;color:var(--gold)}
.t-pro .doc p{color:var(--text-2)}
.t-pro .docs__note{color:var(--text-3)}

/* dla kogo: bez ozdobnych cyfr (to nie jest sekwencja) */
.t-pro .who article{--cut:var(--deep);background:var(--deep);border:1px solid var(--rule);border-radius:8px}
.t-pro .who .num{display:none}
.t-pro .who ul{color:var(--text-2)}
.t-pro .who p{color:var(--text-2)}
.t-pro .who article.is-b2b{--cut:#17140f;background:#17140f;border-color:rgb(var(--acc) / .45);color:var(--text)}
.t-pro .who article.is-b2b ul,.t-pro .who article.is-b2b p{color:var(--text-2)}
.t-pro .who article.is-b2b .btn--paper{background:var(--gold);color:var(--night);box-shadow:none}
.t-pro .who article.is-b2b .btn--paper::after{background:linear-gradient(225deg,var(--cut) 50%,rgba(0,0,0,.35) 50%)}

/* kroki (to jest sekwencja, numeracja zostaje) */
.t-pro .steps::before{border-top:1px solid var(--rule-2)}
.t-pro .steps li::before{background:var(--paper-2);border:1px solid var(--rule-2);border-radius:6px;color:var(--gold);font:600 1.15rem/1 var(--sans)}
.t-pro .steps p{color:var(--text-2)}

/* pouczenie */
.t-pro .notice{background:transparent;border:1px solid rgb(var(--acc) / .45);border-radius:6px}
.t-pro .notice::before{display:none}
.t-pro .notice h2{text-align:left;text-transform:none;letter-spacing:-.01em;font-size:1.5rem;color:var(--brass);margin-bottom:14px}
.t-pro .notice ol{color:var(--text-2)}
.t-pro .notice li::marker{color:var(--brass);font-family:var(--sans)}

/* FAQ */
.t-pro .faq details{background:var(--deep);border:1px solid var(--rule);border-radius:6px}
.t-pro .faq summary{font:500 1.08rem/1.35 var(--sans);color:var(--text)}
.t-pro .faq summary::after{color:var(--gold)}
.t-pro .faq details>div{color:var(--text-2)}

/* zaproszenie: druga Temida (z kodem) jako tło */
.t-pro .cta{--cut:var(--deep);border:1px solid var(--rule-2);border-radius:8px;padding-block:clamp(48px,7vw,96px);
  grid-template-columns:minmax(0,560px);justify-items:start;gap:28px;
  background:linear-gradient(90deg,var(--deep) 42%,rgba(17,17,19,.55) 62%,rgba(17,17,19,0) 80%),
    url(temida-kod-2.webp) right 6% top 46%/auto 150% no-repeat,var(--deep)}
.t-pro .cta h2{color:var(--text)}
.t-pro .cta p{color:var(--text-2)}
.t-pro .cta svg.circ{display:none}
.t-pro .cta .btn--paper{background:var(--gold);color:var(--night);box-shadow:none}
.t-pro .cta .btn--paper::after{background:linear-gradient(225deg,var(--cut) 50%,rgba(0,0,0,.35) 50%)}
@media (max-width:760px){
  .t-pro .cta{background:linear-gradient(180deg,rgba(17,17,19,.94) 40%,rgba(17,17,19,.7)),url(temida-kod-2.webp) right -20% bottom -10%/auto 90% no-repeat,var(--deep)}
}

/* stopka */
.t-pro .foot{color:var(--text-3)}
.t-pro .foot a{color:var(--text-2)}
.t-pro .foot .wrap{border-top-color:var(--rule)}

@media (max-width:900px){
  .t-pro .hero .wrap{grid-template-columns:1fr}
  .t-pro .hero__art{position:relative;top:auto;max-width:320px}
}

/* podstrony (prywatność, 404) */
.t-pro .page .eyebrow{text-transform:none;letter-spacing:0;color:var(--gold);font-weight:500}
.t-pro .page .eyebrow .par{color:var(--gold)}
.t-pro .page h1{font-size:clamp(2rem,4vw,3rem)}
.t-pro .page h2{font-size:1.35rem;color:var(--text)}
.t-pro .page p,.t-pro .page li{color:var(--text-2)}
.t-pro .page a:not(.btn){color:var(--gold-2)}

/* pasek zgody: tło --deep, róg przycisku w tym samym kolorze */
.t-pro .cbar{--cut:var(--deep);background:var(--deep);border-top-color:var(--rule-2);box-shadow:none}
.t-pro .cbar p{color:var(--text-2)}
.t-pro .cbar p a{color:var(--gold)}
.t-pro .foot .linkbtn{color:var(--text-2)}