/* silvanos.ai — KONSOLA: system wizualny stron grupy (DORADCA_DESIGN, PD-735 = a, wdrożenie A1–A8 2026-09-10).
   Blok :root i pierwiastki (.lbl .num .btn .card .tick .flow .big .chart .price .faq) skopiowane 1:1 z
   DORADCA_DESIGN/silvanos_konsola_2026-09-10/strona_glowna_konsola.html — wartości NIE przepisywane ręcznie.
   Źródło prawdy o wyglądzie: SYSTEM_WIZUALNY.md (tam każda liczba ma rolę i zmierzony kontrast).
   Ten plik ładuje CAŁA strona: index.html i 8 podstron (K0 2026-09-10 — blok PODSTRONY na końcu, wyłącznie tokeny systemu; styles.css martwy).
   Zasady: 7 stopni pisma (--t1…--t7), 2 kroje systemowe (0 KB do pobrania), 4 promienie, 3 cienie, ruch 120 ms;
   liczby w kroju maszynowym z tabular-nums i wąską spacją U+202F; zero animacji ujawniania. */
/* ============================================================
   SYSTEM WIZUALNY „KONSOLA" — jedyne miejsce, w którym żyją wartości.
   Każda liczba niżej ma rolę. Nie ma wartości „bo pasowała".
   ============================================================ */
:root{
  /* --- POWIERZCHNIE (4 stopnie głębi, nic więcej) --- */
  --ink:#07100C;        /* tło strony */
  --ink-2:#0B1712;      /* sekcja naprzemienna */
  --panel:#0F211A;      /* powierzchnia wypiętrzona (panel, kafel) */
  --line:rgba(125,180,156,.16);   /* linia siatki i krawędź */
  --line-2:rgba(125,180,156,.28); /* krawędź podkreślona */

  /* --- TEKST (3 role, każda zmierzona) --- */
  --fg:#EAF3EE;         /* zdanie główne        min 14,81:1 */
  --fg-2:#93AEA2;       /* opis, akapit wtórny  min  7,04:1 */
  --fg-3:#7C978A;       /* etykieta, mikro      min  5,31:1 */

  /* --- ZNAK (kanon grupy) --- */
  --sig:#10B26D;        /* końcówka .AI i akcent NA CIEMNYM  min 6,08:1 */
  --sig-deep:#0B7A4B;   /* ta sama barwa na JASNYM tle — tu tylko wypełnienia, nigdy tekst */
  --on-sig:#07100C;     /* tekst na zielonym                      6,99:1 */

  /* --- SKALA TYPOGRAFICZNA: 7 stopni, monitor / telefon --- */
  --t7:64px;  --t7m:38px;   /* nagłówek strony i duża liczba */
  --t6:40px;  --t6m:27px;   /* nagłówek sekcji */
  --t5:24px;  --t5m:20px;   /* nagłówek bloku, liczba w pasie */
  --t4:19px;  --t4m:16.5px; /* zdanie wiodące */
  --t3:15.5px;--t3m:15px;   /* tekst zwykły */
  --t2:13.5px;--t2m:13px;   /* tekst drobny */
  --t1:11px;  --t1m:11px;   /* etykieta maszynowa */

  /* --- SIATKA --- */
  --max:1200px; --gut:40px; --gut-m:20px; --col:12;

  /* --- MIARA WIERSZA (13.5b): 72 znaki w PIKSELACH, nigdy w ch — ch zależy od stopnia pisma i zawyża wiersz o ~15 % --- */
  --miara-t4:600px;   /* esej, zdanie wiodące (tekst --t4) */
  --miara-t3:540px;   /* dokument, opis (tekst --t3) */

  /* --- PROMIENIE: 2 stopnie + kropka --- */
  --r-mik:2px;   /* znacznik ≤10 px: kwadracik listy, słupek wykresu */
  --r-ctl:6px;   /* kontrolka: przycisk, pole, chip */
  --r-box:12px;  /* powierzchnia: panel, kafel, sekcja */
  --r-okr:999px; /* okrąg: kropka stanu, pigułka */

  /* --- WYPIĘTRZENIE: 2 stopnie --- */
  --sh-linia:0 1px 0 var(--line);              /* 1. rozdzielenie: pasek górny */
  --sh-panel:0 40px 90px -50px #000;           /* 2. wypiętrzenie: panel, cennik, formularz */
  --sh-ring:0 0 0 4px rgba(16,178,109,.18);    /* 3. pierścień: kropka stanu „żywe” */

  /* --- KROJE (systemowe, 0 KB do pobrania) --- */
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,sans-serif;

  /* --- RUCH: jedna wartość --- */
  --ruch:120ms;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--sans);
  font-size:var(--t3);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}

/* --- pierwiastki systemu --- */
.lbl{font-family:var(--mono);font-size:var(--t1);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);display:block}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;border-radius:var(--r-ctl);padding:12px 18px;
  font-size:var(--t2);font-weight:650;text-decoration:none;border:1px solid transparent;white-space:nowrap;
  transition:background var(--ruch),border-color var(--ruch),color var(--ruch);cursor:pointer}
.btn-p{background:var(--sig);color:var(--on-sig)}
.btn-p:hover{background:#13C578}
.btn-g{border-color:var(--line-2);color:var(--fg)}
.btn-g:hover{border-color:var(--sig);color:var(--sig)}
h2{font-size:var(--t6);line-height:1.12;letter-spacing:-.028em;font-weight:750;max-width:22ch}
.sec{padding:88px 0;scroll-margin-top:78px}   /* 62 px paska + 16 px oddechu */
.sec.alt{background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.head{max-width:70ch;margin-bottom:48px}
.head h2{margin:14px 0 0}
.head p{color:var(--fg-2);font-size:var(--t4);margin-top:18px;max-width:62ch}

/* ============ PASEK GÓRNY ============ */
.top{position:sticky;top:0;z-index:9;background:rgba(7,16,12,.88);backdrop-filter:blur(10px);box-shadow:var(--sh-linia)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:62px;gap:20px}
.logo{font-weight:800;letter-spacing:-.02em;font-size:var(--t4);text-decoration:none}
.logo b{color:var(--sig)}   /* KANON GRUPY: końcówka .ai zawsze w zieleni znaku */
.topnav{display:flex;gap:26px;align-items:center}
.topnav a:not(.btn){color:var(--fg-2);text-decoration:none;font-size:var(--t2);transition:color var(--ruch)}
.topnav a:not(.btn):hover{color:var(--fg)}

/* ============ HERO ============ */
.hero{padding:76px 0 0;position:relative;overflow:hidden;scroll-margin-top:78px}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(900px 420px at 78% 6%,rgba(16,178,109,.12),transparent 62%),
  linear-gradient(180deg,rgba(16,178,109,.045),transparent 38%)}
.rails{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:calc((100% - var(--gut)*2)/var(--col)) 100%;background-position:var(--gut) 0}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:start}
.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--r-okr);padding:7px 13px;margin-bottom:26px}
.eyebrow i{width:6px;height:6px;border-radius:var(--r-okr);background:var(--sig);box-shadow:var(--sh-ring)}
h1{font-size:var(--t7);line-height:1.02;letter-spacing:-.035em;font-weight:800;
   text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
h1 .g{color:var(--sig)}
.lead{font-size:var(--t4);line-height:1.62;color:var(--fg-2);max-width:46ch;margin-top:26px}
.cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.guar{margin-top:26px;padding-left:14px;border-left:2px solid var(--sig);font-size:var(--t2);
  line-height:1.6;color:var(--fg-3);max-width:52ch}
.guar b{color:var(--fg)}

/* --- konsola: panel testu --- */
.console{border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden;
  background:linear-gradient(180deg,var(--panel),var(--ink-2));box-shadow:var(--sh-panel)}
.chead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;
  border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.dots{display:flex;gap:6px;flex:none}.dots i{width:8px;height:8px;border-radius:var(--r-okr);background:rgba(255,255,255,.14)}
.live{display:flex;align-items:center;gap:7px;color:var(--sig);text-align:right}
.live i{width:6px;height:6px;border-radius:var(--r-okr);background:var(--sig);flex:none;animation:puls 1.8s infinite}
@keyframes puls{0%,100%{opacity:1}50%{opacity:.25}}
.crow{display:grid;grid-template-columns:78px 1fr;gap:16px;padding:17px 18px;border-bottom:1px solid var(--line);position:relative}
.crow:last-child{border-bottom:0}
.day{font-family:var(--mono);font-size:var(--t1);letter-spacing:.14em;color:var(--fg-3)}
.day b{display:block;font-size:var(--t5);letter-spacing:-.02em;color:var(--fg);margin-top:3px;font-weight:600}
.crow h4{font-size:var(--t3);font-weight:650;margin-bottom:5px}
.crow p{font-size:var(--t2);line-height:1.5;color:var(--fg-2)}
.rail{position:absolute;left:39px;top:0;bottom:0;width:1px;background:var(--line)}
.crow:first-child .rail{top:50%}.crow:last-child .rail{bottom:50%}
.cfoot{padding:15px 18px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:rgba(255,255,255,.02)}
.chip{font-family:var(--mono);font-size:var(--t1);letter-spacing:.06em;border:1px solid var(--line);
  border-radius:var(--r-ctl);padding:6px 10px;color:var(--fg-2)}
.chip.on{background:rgba(16,178,109,.14);border-color:rgba(16,178,109,.42);color:var(--sig)}

/* ============ PAS FAKTÓW ============ */
.strip{margin-top:76px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:26px 0;border-right:1px solid var(--line)}
.fact:last-child{border-right:0}
.fact b{display:block;font-family:var(--mono);font-size:var(--t5);letter-spacing:-.02em;font-weight:600;white-space:nowrap}
.fact span{display:block;margin-top:6px;font-size:var(--t2);color:var(--fg-3);max-width:22ch;line-height:1.45}

/* ============ UKŁADY WSPÓLNE ============ */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.chips span{font-family:var(--mono);font-size:var(--t1);letter-spacing:.1em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:var(--r-ctl);padding:7px 11px;color:var(--fg-2)}
.card{border:1px solid var(--line);border-radius:var(--r-box);background:var(--panel);padding:24px}
.card + .card{margin-top:16px}
.card h3{font-size:var(--t3);font-weight:700;display:flex;align-items:center;gap:9px;margin-bottom:14px}
.tick li{position:relative;padding-left:22px;font-size:var(--t2);line-height:1.6;color:var(--fg-2);margin-bottom:9px}
.tick li:last-child{margin-bottom:0}
.tick li:before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:var(--r-mik);
  border:1.5px solid var(--sig)}
.tick.no li:before{border-color:var(--fg-3);border-radius:var(--r-okr)}
.tick b{color:var(--fg)}
.ic{width:16px;height:16px;flex:none;fill:none;stroke:var(--sig);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.card.no .ic{stroke:var(--fg-3)}

/* ============ JAK TO DZIAŁA ============ */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.flow li{background:var(--ink);padding:26px 24px;position:relative}
.sec.alt .flow li{background:var(--ink-2)}
.flow .step-n{font-family:var(--mono);font-size:var(--t1);letter-spacing:.16em;color:var(--fg-3)}
.flow b{display:block;font-size:var(--t3);font-weight:680;margin:12px 0 7px;line-height:1.35}
.flow span.d{display:block;font-size:var(--t2);color:var(--fg-2);line-height:1.55}
.flow .mierz{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);
  font-family:var(--mono);font-size:var(--t1);letter-spacing:.06em;color:var(--sig);line-height:1.6;text-transform:none}
.mierz-note{margin-top:22px;font-size:var(--t2);color:var(--fg-3);max-width:78ch}

/* ============ DOWÓD ============ */
.big{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.big>div{background:var(--ink);padding:30px 26px}
.sec.alt .big>div{background:var(--ink-2)}
.big b{font-family:var(--mono);font-size:var(--t7);line-height:1;letter-spacing:-.04em;font-weight:600;display:block}
.big b s{text-decoration:none;color:var(--sig);font-size:var(--t5);vertical-align:super}
.big p{margin-top:14px;font-size:var(--t2);line-height:1.55;color:var(--fg-2)}
.chart{border:1px solid var(--line);border-radius:var(--r-box);padding:26px;margin-top:44px}
.chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.chart-head b{font-size:var(--t3);font-weight:680}
.bar{display:grid;grid-template-columns:96px 1fr 84px;gap:14px;align-items:center;padding:9px 0}
.bar em{font-style:normal;font-size:var(--t2);color:var(--fg-2)}
.bar i{display:block;height:6px;border-radius:var(--r-mik);background:linear-gradient(90deg,var(--sig-deep),var(--sig))}
.bar u{text-decoration:none;text-align:right;font-family:var(--mono);font-size:var(--t2);color:var(--fg);font-variant-numeric:tabular-nums}
.bar-rest{font-size:var(--t2);color:var(--fg-3);padding-top:6px}
.chart-foot{display:flex;gap:28px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.chart-foot span{font-size:var(--t2);color:var(--fg-3)}
.chart-foot b{font-family:var(--mono);color:var(--fg);font-size:var(--t3)}
.src{margin-top:18px;font-size:var(--t2);color:var(--fg-3);max-width:76ch}

/* ============ KONTRAKT (nowa sekcja) ============ */
.pakt{border:1px solid var(--line-2);border-radius:var(--r-box);overflow:hidden}
.pakt-row{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:26px 28px;border-bottom:1px solid var(--line);align-items:start}
.pakt-row:last-child{border-bottom:0}
.pakt-row.hi{background:rgba(16,178,109,.06)}
.pakt-row p{font-size:var(--t4);line-height:1.55;max-width:60ch}
.pakt-row .small{font-size:var(--t2);color:var(--fg-2);margin-top:8px;max-width:66ch}
.slot{border:1px solid var(--line-2);border-radius:var(--r-ctl);padding:14px 16px;color:var(--fg-3);
  font-size:var(--t2);line-height:1.55;background:rgba(255,255,255,.015)}
.slot b{font-family:var(--mono);font-size:var(--t1);letter-spacing:.14em;color:var(--sig);display:block;margin-bottom:6px}

/* ============ OFERTA ============ */
.offer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:24px;align-items:start}
.offer-main{border:1px solid var(--line-2);border-radius:var(--r-box);background:var(--panel);padding:30px;box-shadow:var(--sh-panel)}
.offer-price{font-family:var(--mono);font-size:var(--t6);letter-spacing:-.03em;font-weight:600;margin:10px 0 22px}
.offer-price small{font-family:var(--sans);font-size:var(--t2);color:var(--fg-3);font-weight:400;letter-spacing:0;margin-left:8px}
.mini{border:1px solid var(--line);border-radius:var(--r-box);padding:20px;margin-top:16px}
.mini label{display:block;font-size:var(--t2);font-weight:650;margin-bottom:10px}
.mini-row{display:flex;gap:8px}
.mini input{flex:1;min-width:0;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--r-ctl);
  padding:11px 12px;color:var(--fg);font:inherit;font-size:var(--t2)}
.mini input::placeholder{color:var(--fg-3)}
.mini input:focus{outline:2px solid var(--sig);outline-offset:1px}
.side-note{font-size:var(--t2);color:var(--fg-3);margin-top:12px;line-height:1.55}

/* ============ CENNIK ============ */
.prices{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.price{border:1px solid var(--line);border-radius:var(--r-box);padding:28px;background:var(--ink)}
.sec.alt .price{background:var(--ink-2)}
.price.featured{border-color:var(--line-2);background:var(--panel);box-shadow:var(--sh-panel)}
.price-amt{font-family:var(--mono);font-size:var(--t6);letter-spacing:-.03em;font-weight:600;margin:12px 0 4px}
.price-unit{font-size:var(--t2);color:var(--fg-3);margin-bottom:20px}
.price .tick{margin-bottom:20px}
.price-guar{font-size:var(--t2);color:var(--fg-3);line-height:1.55;margin-bottom:20px;padding-top:16px;border-top:1px solid var(--line)}
.price-guar b{color:var(--fg)}
.addons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.addon{border:1px solid var(--line);border-radius:var(--r-box);padding:20px}
.addon b{display:block;font-size:var(--t3);font-weight:680}
.addon .kw{font-family:var(--mono);font-size:var(--t2);color:var(--sig);margin:6px 0 10px;display:block}
.addon p{font-size:var(--t2);color:var(--fg-2);line-height:1.55}
.cmp{width:100%;border-collapse:collapse;margin-top:44px;font-size:var(--t2)}
.cmp th,.cmp td{border:1px solid var(--line);padding:14px 16px;text-align:left;vertical-align:top}
.cmp thead th{font-family:var(--mono);font-size:var(--t1);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-weight:400}
.cmp thead th:nth-child(2){color:var(--sig)}
.cmp tbody td:first-child{color:var(--fg-3);width:190px}
.cmp tbody td:nth-child(2){background:rgba(16,178,109,.06);color:var(--fg)}
.cmp td{color:var(--fg-2)}
.table-wrap{overflow-x:auto}

/* ============ FAQ ============ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:20px 0;font-size:var(--t3);font-weight:650;list-style:none;
  display:flex;justify-content:space-between;gap:20px;align-items:center;transition:color var(--ruch)}
.faq summary:hover{color:var(--sig)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-family:var(--mono);color:var(--fg-3);font-size:var(--t5);flex:none;line-height:1}
.faq details[open] summary:after{content:"–"}
.faq p{padding:0 0 22px;color:var(--fg-2);font-size:var(--t2);line-height:1.65;max-width:82ch}

/* ============ KTO PROWADZI ============ */
.roles li{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.roles li:last-child{border-bottom:0}
.roles .ico{width:36px;height:36px;border:1px solid var(--line);border-radius:var(--r-ctl);display:grid;place-items:center}
.roles b{display:block;font-size:var(--t3);font-weight:680;margin-bottom:5px}
.roles span.d{font-size:var(--t2);color:var(--fg-2);line-height:1.6;display:block}
.fakty{margin-top:26px}
.fakty li{font-size:var(--t2);color:var(--fg-2);padding:9px 0 9px 22px;position:relative}
.fakty li:before{content:"";position:absolute;left:0;top:16px;width:9px;height:1px;background:var(--sig)}

/* ============ KONTAKT ============ */
.cform{border:1px solid var(--line-2);border-radius:var(--r-box);background:var(--panel);padding:30px;box-shadow:var(--sh-panel)}
.cform .form-title{font-size:var(--t3);font-weight:700;margin-bottom:20px}
.cform label{display:block;font-size:var(--t2);color:var(--fg-2);margin:16px 0 7px}
.cform label i{color:var(--sig);font-style:normal}
.cform input,.cform select,.cform textarea{width:100%;background:var(--ink);border:1px solid var(--line-2);
  border-radius:var(--r-ctl);padding:12px 13px;color:var(--fg);font:inherit;font-size:var(--t2)}
.cform input::placeholder,.cform textarea::placeholder{color:var(--fg-3)}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:2px solid var(--sig);outline-offset:1px}
.cform .btn{margin-top:22px;width:100%;justify-content:center;padding:14px}
.phones{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}
.phone{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--r-box);
  padding:14px;text-decoration:none;transition:border-color var(--ruch)}
.phone:hover{border-color:var(--sig)}
.phone .flag{font-family:var(--mono);font-size:var(--t1);letter-spacing:.1em;color:var(--fg-3);
  border:1px solid var(--line);border-radius:var(--r-ctl);padding:5px 7px;flex:none}
.phone b{display:block;font-size:var(--t2);font-family:var(--mono)}
.phone small{display:block;font-size:var(--t1);color:var(--fg-3);margin-top:2px}
.kontakt-lista li{font-size:var(--t2);color:var(--fg-2);padding:8px 0 8px 22px;position:relative}
.kontakt-lista li:before{content:"";position:absolute;left:0;top:15px;width:9px;height:1px;background:var(--sig)}


/* ============ TELEFON ============ */
@media(max-width:900px){
  :root{--gut:var(--gut-m);
    --t7:var(--t7m);--t6:var(--t6m);--t5:var(--t5m);--t4:var(--t4m);--t3:var(--t3m);--t2:var(--t2m);--t1:var(--t1m)}
  .rails{display:none}
  .topnav a:not(.btn){display:none}
  .hero{padding:40px 0 0}
  .hero .wrap{grid-template-columns:1fr;gap:34px}
  h1{letter-spacing:-.03em}
  h2{max-width:none}
  .sec{padding:54px 0}
  .head{margin-bottom:32px}
  .strip{margin-top:54px}
  .strip .wrap{grid-template-columns:1fr 1fr}
  .fact{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}
  .fact:nth-child(odd){border-right:1px solid var(--line);padding-right:16px}
  .fact:nth-child(even){padding-left:16px}
  .fact:nth-last-child(-n+2){border-bottom:0}
  .split,.offer{grid-template-columns:1fr;gap:28px}
  .flow,.big,.prices,.addons{grid-template-columns:1fr}
  .flow li,.big>div{padding:22px 20px}
  .pakt-row{grid-template-columns:1fr;gap:12px;padding:22px 20px}
  .chart{padding:20px}
  .bar{grid-template-columns:74px 1fr 68px;gap:10px}
  .chart-foot{gap:18px}
  .phones{grid-template-columns:1fr}
  .cform,.offer-main{padding:22px}
  .cmp{font-size:var(--t2)}
  .cmp tbody td:first-child{width:auto}
}
/* ============ DODATKI WDROŻENIOWE (poza makietą; wyłącznie tokeny systemu) ============ */
html{color-scheme:dark}
button,input,select,textarea{font-family:inherit}   /* A2: button nie dziedziczy kroju z body */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nowrap{white-space:nowrap}
h1 em{font-style:normal;color:var(--sig)}
.sub{color:var(--fg-2);font-size:var(--t4);margin-top:18px;max-width:52ch;line-height:1.6}

/* pasek: prawa strona (CTA + burger na telefonie) */
.top-r{display:flex;align-items:center;gap:10px;flex:none}
.topnav{margin-left:auto}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px;color:var(--fg);border-radius:var(--r-ctl)}
.burger svg{display:block}
.burger:hover{color:var(--sig)}

/* details zwijane na telefonie (Nie dla Ciebie, dodatki) — na monitorze zawsze otwarte, bez nagłówka */
.fold-m>summary{display:none}
.fold-m>summary::-webkit-details-marker{display:none}
.fold-sum{cursor:pointer;list-style:none;font-size:var(--t2);line-height:1.5;color:var(--fg-2);padding:10px 12px;
  border:1px dashed var(--line-2);border-radius:var(--r-ctl);transition:color var(--ruch)}
.fold-sum:hover{color:var(--fg)}
.fold-sum:after{content:" +";font-family:var(--mono);color:var(--sig)}
details[open]>.fold-sum:after{content:" –"}
details[open]>.fold-sum{margin-bottom:10px}
.form-more{margin-top:16px}

/* formularze: elementy spoza makiety (status, RODO, honeypot, textarea, mini-formularz o raport) */
.cform textarea{min-height:120px;resize:vertical}
.form-status{display:none;margin-top:14px;font-size:var(--t2);font-weight:650}
.form-status.ok{display:block;color:var(--sig)}
.form-status.err{display:block;color:#F5A3A3}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.rodo{font-size:var(--t1);color:var(--fg-3);margin-top:14px;line-height:1.5}
.rodo a{color:var(--fg-2)}
.cform.mini{background:transparent;box-shadow:none;border:1px solid var(--line);padding:20px;margin-top:16px}
.cform.mini label{margin:0 0 10px;color:var(--fg);font-weight:650}
.cform.mini .btn{width:auto;margin-top:0;padding:11px 16px}
.cform.mini .form-status{text-align:left;margin-top:10px}
.cform.mini .side-note{margin-top:12px}
.cal-box:empty{display:none}
.cal-box{margin-top:22px;border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden}
.cal-box iframe{width:100%;height:560px;border:0;display:block}

/* dowód: link do platformy, tabela porównawcza jako karty na telefonie */
#wm-name a{color:var(--fg);text-decoration:underline}
.compare h3{font-size:var(--t5);font-weight:700;margin-top:48px;margin-bottom:16px}
.compare .cmp{margin-top:0}
.cmp-cards{display:none}

/* kto to prowadzi: link LinkedIn (po założeniu strony), szkielet wariantu `osoba` */
.li-line{margin-top:20px;font-size:var(--t2);color:var(--fg-2)}
.li-line a{color:var(--sig)}
.founder{display:flex;align-items:center;gap:16px;margin-top:22px}
.founder img{width:72px;height:72px;border-radius:var(--r-okr);object-fit:cover;flex:none}
.founder .fname{font-weight:700}
.founder .frole{color:var(--fg-2);font-size:var(--t2)}

/* biura (#biura) pod formularzem */
.offices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}
.office{border:1px solid var(--line);border-radius:var(--r-box);padding:20px 22px}
.office b{display:block;font-size:var(--t3);font-weight:680;margin-top:8px}
.office p{color:var(--fg-2);font-size:var(--t2);margin-top:6px;line-height:1.5}
.office small{display:block;font-family:var(--mono);color:var(--fg-3);font-size:var(--t1);margin-top:8px;letter-spacing:.04em}

/* ============ STOPKA (3 kolumny: opis · Na stronie · firma) ============ */
.foot{border-top:1px solid var(--line);padding:56px 0 34px;font-size:var(--t2);color:var(--fg-3)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
.foot .logo{display:inline-block}
.foot h4{font-family:var(--mono);font-size:var(--t1);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-weight:400;margin-bottom:12px}
.foot p{color:var(--fg-2);line-height:1.6}
.foot a{color:var(--fg-2);text-decoration:none;display:block;padding:4px 0;transition:color var(--ruch)}
.foot a:hover{color:var(--sig)}
.foot-bottom{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.foot-bottom a{display:inline;padding:0}

/* przełącznik języka (K6 2026-09-10; wzór .lsw z makiety MARKETINGU, tu LINKI między adresami /en/ … — warunek hreflang) */
.lsw{display:flex;gap:4px;margin-right:4px}
.lsw a{font-family:var(--mono);font-size:var(--t1);letter-spacing:.12em;border:1px solid var(--line);color:var(--fg-2);border-radius:var(--r-ctl);
  padding:6px 10px;text-decoration:none;transition:background var(--ruch),border-color var(--ruch),color var(--ruch)}
.lsw a:hover{border-color:var(--sig);color:var(--fg)}
.lsw a.on{background:rgba(16,178,109,.14);border-color:rgba(16,178,109,.42);color:var(--sig)}
.day,.step-n{text-transform:uppercase}   /* słownik daje „dzień”/„krok” zdaniem; wersaliki robi CSS w każdym języku */

/* ============ TELEFON: dodatki ============ */
@media(max-width:900px){
  .burger{display:block}
  .topnav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--ink-2);border-bottom:1px solid var(--line);
    flex-direction:column;align-items:stretch;padding:8px var(--gut) 14px;gap:0;box-shadow:var(--sh-panel);margin:0}
  .topnav.open{display:flex}
  .topnav a:not(.btn){display:block;padding:12px 0;font-size:var(--t3);border-bottom:1px solid var(--line)}
  .topnav a:not(.btn):last-child{border-bottom:0}
  .top-r .btn{padding:10px 14px}
  .lsw a{padding:6px 7px;letter-spacing:.06em}
  .fold-m>summary{display:block}
  .table-wrap{display:none}
  .cmp-cards{display:grid;gap:10px}
  .cmp-card{border:1px solid var(--line);border-radius:var(--r-box);padding:16px 16px 6px}
  .cmp-card.hi{border-color:var(--line-2);background:rgba(16,178,109,.06)}
  .cmp-card b{display:block;font-size:var(--t3);font-weight:680;margin-bottom:8px}
  .cmp-card li{padding:8px 0;border-top:1px solid var(--line);font-size:var(--t2);color:var(--fg)}
  .cmp-card li span{display:block;font-family:var(--mono);font-size:var(--t1);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:2px}
  .cmp-more{display:grid;gap:10px}
  .cmp-more>summary{display:block}
  .offices,.foot-grid{grid-template-columns:1fr}
  .offices{margin-top:36px;padding-top:28px}
}
/* ============ RUCH: jedna zasada ============ */
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ============ PODSTRONY (K0, 2026-09-10 — osiem podstron na Konsoli) ============
   Wyłącznie tokeny systemu: powierzchnie, 3 role tekstu, 7 stopni pisma, promienie --r-*, cienie --sh-*, ruch --ruch.
   Liczby odstępów = te same, które już stoją wyżej (14/16/22/26/28/30/34/36/44/48/54/76). Nowy pierwiastek tylko tam,
   gdzie istniejący nie niesie znaczenia (ogłoszenie o pracę, cytat, przypisy, dokument prawny, panel CTA).
   Ocena DESIGNU po fakcie (SYSTEM_WIZUALNY §13, 2026-09-10): miara wiersza w px (--miara-*), siatka 2×2, pas dwóch faktów,
   jedna forma etykiety (.lbl), krawędź kreskowana tylko na tym, co się rozwija, panel pełnej szerokości 30 px. W tym bloku ZERO `ch`. */
.hero.solo .wrap{grid-template-columns:minmax(0,1fr)}
.hero.solo{padding-bottom:76px}
.hero.solo h1{max-width:900px}
.hero.solo .lead{max-width:var(--miara-t4)}
.guar a{color:var(--fg)}
.strip.n3 .wrap{grid-template-columns:repeat(3,1fr)}
.strip.n2 .wrap{grid-template-columns:repeat(2,1fr)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.grid3 .card+.card,.grid2 .card+.card{margin-top:0}
.card>.lbl{margin-bottom:12px}
.card>p{font-size:var(--t2);line-height:1.6;color:var(--fg-2)}
a.card{display:block;text-decoration:none;transition:border-color var(--ruch)}
a.card:hover{border-color:var(--sig)}
.card.card-new{border-color:var(--line-2)}
.card .more,.sec-more .more{display:block;margin-top:14px;font-family:var(--mono);font-size:var(--t1);letter-spacing:.06em;color:var(--sig);text-decoration:none}
.sec-more{margin:44px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.sec-more .more{margin-top:0}
.flow.n4{grid-template-columns:repeat(4,1fr)}
.cta-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;border:1px solid var(--line-2);
  border-radius:var(--r-box);background:var(--panel);padding:30px;box-shadow:var(--sh-panel)}
.cta-panel h2{font-size:var(--t5);max-width:none;margin-top:0}
.cta-panel .lbl+h2{margin-top:14px}
.cta-panel p{color:var(--fg-2);font-size:var(--t3);margin-top:14px;max-width:var(--miara-t3)}
/* praca: ogłoszenie = kafel .card z własnym nagłówkiem, metryką i zwijanymi szczegółami */
.jobs{display:grid;gap:16px}
.jobs .card+.card{margin-top:0}
.card.job{padding:30px}
.job-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.job h3{display:block;font-size:var(--t5);font-weight:700;letter-spacing:-.02em;margin:8px 0 0}
.job-meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:16px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.job-meta-item{display:flex;flex-direction:column;gap:4px;font-size:var(--t2)}
.job-meta-item b{color:var(--fg);font-weight:600}
.job h4.lbl{margin:22px 0 10px}   /* wygląd daje .lbl (jedna forma etykiety, 13.4a) — tu wyłącznie odstęp */
.job-role{font-size:var(--t3);line-height:1.6;color:var(--fg-2);max-width:var(--miara-t3)}
.job-more{margin-top:18px}
.job-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px}
.job-cols h4{margin-top:0}
.job .slot{margin-top:26px}
.split .sub+.sub{margin-top:14px}
/* teoria: cytat, esej, przypisy */
.theory{max-width:var(--miara-t4)}
.theory p{font-size:var(--t4);line-height:1.62;color:var(--fg-2);margin-top:26px}
.theory strong{color:var(--fg)}
.quote{margin:0;border-left:2px solid var(--sig);padding-left:14px}
.quote p{font-size:var(--t5);line-height:1.4;color:var(--fg);font-weight:600;margin-top:0}
sup.fn{font-family:var(--mono);font-size:var(--t1);line-height:0}
sup.fn a{color:var(--sig);text-decoration:none}
.refs{margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}
.refs h2{font-size:var(--t5);max-width:none}
.refs ol{list-style:decimal;padding-left:22px;margin-top:16px}
.refs li{font-size:var(--t2);line-height:1.6;color:var(--fg-2);padding:6px 0}
.refs li:target{color:var(--fg)}
/* dokumenty prawne */
.legal{max-width:var(--miara-t3)}
.legal h1{font-size:var(--t6);line-height:1.12;letter-spacing:-.028em;font-weight:750;margin-top:14px}
.legal-date{font-family:var(--mono);font-size:var(--t2);color:var(--fg-3);margin:12px 0 34px}
.legal h2{font-size:var(--t5);max-width:none;margin:36px 0 12px}
.legal p,.legal li{font-size:var(--t3);line-height:1.7;color:var(--fg-2);margin-bottom:12px}
.legal ul{list-style:disc;padding-left:22px;margin-bottom:12px}
.legal strong{color:var(--fg)}
.legal a{color:var(--sig)}
/* automatyzacje: „dla kogo” i nagłówki bloków produktu */
.prod-who{font-size:var(--t3);line-height:1.6;color:var(--fg-2);margin-bottom:34px}
.prod-who b{color:var(--fg)}
.prod-h3{margin:38px 0 16px}
@media(max-width:900px){
  .hero.solo{padding-bottom:54px}
  .strip.n3 .wrap,.strip.n2 .wrap{grid-template-columns:1fr}
  .strip.n3 .fact,.strip.n3 .fact:nth-child(odd),.strip.n2 .fact,.strip.n2 .fact:nth-child(odd){border-right:0;padding-right:0;border-bottom:1px solid var(--line)}
  .strip.n3 .fact:nth-child(even),.strip.n2 .fact:nth-child(even){padding-left:0}
  .strip.n3 .fact:last-child,.strip.n2 .fact:last-child{border-bottom:0}
  .grid3,.grid2,.flow.n4,.job-cols,.cta-panel{grid-template-columns:1fr}
  .cta-panel,.card.job{padding:22px}
  .cta-panel{gap:22px}
  .theory p{font-size:var(--t3)}
}