
  :root{
    --ink:#0B2019;        /* ciemna butelkowa */
    --ink-card:#0A1E15;   /* karta na papierze */
    --ink-soft:#122E23;   /* karta na ciemnym */
    --lime:#92AB35;       /* akcent linii */
    --lime-hi:#ACCC69;    /* akcent tekstu na ciemnym */
    --paper:#F5F4EF;
    --paper-2:#EDEDE6;
    --line:#D6D6CD;
    --line-dk:#2A4034;
    --muted:#5C6660;
    --muted-dk:#A8B5AB;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:"Inter",system-ui,sans-serif;background:var(--paper);color:var(--ink);
    line-height:1.6;-webkit-font-smoothing:antialiased}
  h1,h2,h3,.serif{font-family:"Source Serif 4",Georgia,serif;font-weight:400;line-height:1.14;letter-spacing:-.005em}
  .wrap{max-width:1120px;margin:0 auto;padding:0 32px}
  section{padding:70px 0}
  .eyebrow{font-family:"JetBrains Mono",monospace;font-size:11.5px;font-weight:700;
    letter-spacing:.18em;text-transform:uppercase;color:#6E8A2E}
  .dark .eyebrow{color:var(--lime-hi)}
  .dark{background:var(--ink);color:#EDF2EE}
  .alt{background:var(--paper-2)}
  a{color:inherit}

  h2{font-size:clamp(27px,3.7vw,40px);max-width:20ch;margin-top:14px}
  .dark h2{color:#F3F5F0}
  .sub{color:var(--muted);margin-top:14px;max-width:62ch;font-size:16.5px}
  .dark .sub{color:#B8C7BC}

  /* nagłówek */
  .top{background:var(--ink);color:#fff}
  .top .wrap{display:flex;align-items:center;justify-content:space-between;padding:22px 32px}
  .logo{font-family:"Source Serif 4",serif;font-weight:600;font-size:23px;
    border-bottom:3px solid var(--lime);padding-bottom:2px}

  /* hero */
  .hero{background:var(--ink);color:#fff;padding:76px 0 80px}
  .hero h1{font-size:clamp(34px,5.6vw,58px);max-width:15ch;color:#F3F5F0}
  .hero .lead{margin-top:22px;font-size:17.5px;color:#C6D5C9;max-width:50ch}
  .metric{margin-top:44px;padding-left:26px;border-left:1px solid var(--line-dk);max-width:340px}
  .metric .val{font-family:"Source Serif 4",serif;font-size:66px;color:var(--lime-hi);line-height:1}
  .metric .val span{font-family:"JetBrains Mono",monospace;font-size:24px;color:#8C9B90}
  .metric .cap{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.12em;
    text-transform:uppercase;color:#C6D5C9;margin-top:10px}
  .personas{margin-top:52px;padding-top:26px;border-top:1px solid var(--line-dk);
    display:grid;grid-template-columns:repeat(3,1fr);gap:0}
  .personas div{padding:0 26px;border-left:1px solid var(--line-dk);font-size:15.5px;color:#DCE7DE}
  .personas div:first-child{padding-left:0;border-left:none}
  .btn{display:inline-block;background:var(--lime);color:#15200C;font-weight:600;font-size:16px;
    text-decoration:none;padding:15px 28px;margin-top:38px;transition:background .15s}
  .btn:hover{background:#A6C044}
  .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}

  /* siatki */
  .grid{display:grid;gap:0;margin-top:36px;border-top:1px solid var(--ink)}
  .dark .grid{border-top-color:var(--line-dk)}
  .g4{grid-template-columns:repeat(4,1fr)}
  .g3{grid-template-columns:repeat(3,1fr)}
  .cell{padding:24px 26px 26px;border-left:1px solid var(--line)}
  .dark .cell{border-left-color:var(--line-dk)}
  .cell:first-child{padding-left:0;border-left:none}
  .cell .k{font-family:"JetBrains Mono",monospace;font-size:11.5px;font-weight:700;
    letter-spacing:.16em;text-transform:uppercase;color:#6E8A2E}
  .dark .cell .k{color:var(--lime-hi)}
  .cell h3{font-size:19px;margin:8px 0 10px}
  .cell p{font-size:15px;color:#3E4A43}
  .dark .cell p{color:#B8C7BC}

  /* karta wyróżniona (ryzyko) */
  .stress{background:var(--ink-card);color:#EDF2EE}
  .stress h3,.stress p{color:#EDF2EE}
  .stress .k{color:var(--lime-hi)}

  /* pasek konkluzji */
  .note{margin-top:38px;padding:16px 0 16px 20px;border-left:4px solid var(--lime);font-size:16px}
  .dark .note{color:#DCE7DE}

  /* oś terminów */
  .clock{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:17px;
    color:var(--lime-hi);margin-top:14px;padding-top:12px;border-top:1px solid var(--line-dk);display:block}

  /* tabela mapowania i pytań */
  table{width:100%;border-collapse:collapse;margin-top:34px;font-size:16px}
  td{padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:top}
  tr:first-child td{border-top:1px solid var(--ink)}
  td.n{width:52px;font-family:"JetBrains Mono",monospace;font-weight:700;font-size:12.5px;color:#6E8A2E;padding-top:19px}
  td.q{font-weight:600;width:40%}
  td.a{color:var(--muted)}

  /* pokrycie a-j */
  .strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}
  .chip{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:14px;
    width:42px;height:42px;display:flex;align-items:center;justify-content:center}
  .chip.on{background:var(--lime);color:#15200C}
  .chip.off{border:1px dashed #B9C4AE;color:#96A38F}

  /* model */
  .pills{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}
  .pill{border:1px solid var(--line-dk);padding:11px 18px;font-size:14.5px;color:#DCE7DE}
  .pill b{color:var(--lime-hi);font-weight:600}

  /* cta */
  .cta{background:var(--ink);color:#fff;padding:76px 0}
  .cta h2{max-width:24ch}
  .cta .contact{margin-top:26px;font-family:"JetBrains Mono",monospace;font-size:14px;color:#B8C7BC}

  footer{background:var(--ink);color:var(--muted-dk);padding:26px 0 40px;font-size:12.5px}
  footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}

  @media(max-width:880px){
    .g4{grid-template-columns:1fr 1fr}
    .personas{grid-template-columns:1fr;gap:16px}
    .personas div{padding:0 0 0 18px;border-left:1px solid var(--line-dk)}
    .personas div:first-child{padding-left:18px;border-left:1px solid var(--line-dk)}
  }
  @media(max-width:600px){
    .g4,.g3{grid-template-columns:1fr}
    .cell{padding:20px 0;border-left:none;border-bottom:1px solid var(--line)}
    .cell:first-child{padding-top:20px}
    .dark .cell{border-bottom-color:var(--line-dk)}
    section{padding:52px 0}
    td.q{width:auto}
    table,tbody,tr,td{display:block}
    td.n{padding-bottom:0;border:none}
    td{border-bottom:none}
    tr{border-bottom:1px solid var(--line);padding-bottom:12px;display:block}
  }
  @media(prefers-reduced-motion:reduce){*{transition:none!important}}
.logo{border:0;padding:0;display:inline-flex;align-items:center;text-decoration:none}.logo img{display:block;max-width:100%;height:auto}@media(max-width:420px){.top .wrap{padding:20px}.top .logo{width:170px}.top .eyebrow{font-size:9px;letter-spacing:.08em}}

@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url('../fonts/source-serif-4-latin-opsz-normal.woff2') format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:200 900;font-display:swap;src:url('../fonts/source-serif-4-latin-ext-opsz-normal.woff2') format('woff2');unicode-range:U+0100-017F}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url('../fonts/inter-tight-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url('../fonts/inter-tight-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-017F}
@font-face{font-family:Inter;font-weight:500 600;font-display:swap;src:url('../fonts/inter-tight-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:Inter;font-weight:500 600;font-display:swap;src:url('../fonts/inter-tight-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-017F}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-display:swap;src:url('../fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-display:swap;src:url('../fonts/jetbrains-mono-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-017F}
@font-face{font-family:'JetBrains Mono';font-weight:700;font-display:swap;src:url('../fonts/jetbrains-mono-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:700;font-display:swap;src:url('../fonts/jetbrains-mono-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-017F}
:root{color-scheme:light;--strong-bg:#e7eddf;--strong-text:#0b2019;--strong-muted:#46594b;--accent-text:#526a22;--body-muted:#3e4a43;--strong-line:#b6c5ad}
:root[data-theme=dark]{color-scheme:dark;--ink:#edf2ee;--paper:#0b1912;--paper-2:#11241a;--line:#304438;--muted:#b0c1b5;--strong-bg:#07150e;--strong-text:#edf2ee;--strong-muted:#bacabd;--accent-text:#accc69;--body-muted:#b0c1b5;--strong-line:#2a4034}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--ink:#edf2ee;--paper:#0b1912;--paper-2:#11241a;--line:#304438;--muted:#b0c1b5;--strong-bg:#07150e;--strong-text:#edf2ee;--strong-muted:#bacabd;--accent-text:#accc69;--body-muted:#b0c1b5;--strong-line:#2a4034}}
.top,.hero,.dark,.cta,footer{background:var(--strong-bg);color:var(--strong-text)}
.hero h1,.dark h2,.cta h2{color:var(--strong-text)}
.hero .lead,.dark .sub,.cta .sub,.cta .contact,footer,.metric .cap,.personas div,.dark .cell p,.dark .note,.pill{color:var(--strong-muted)}
.eyebrow,.top .eyebrow,.dark .eyebrow,.cell .k,.dark .cell .k,td.n,.clock,.pill b,.metric .val{color:var(--accent-text)!important}
.cell p{color:var(--body-muted)}
.stress p,.stress h3{color:#edf2ee}.stress .k{color:#accc69!important}
.stress{padding-left:24px!important;padding-right:24px!important}
.metric,.personas,.personas div,.dark .grid,.dark .cell,.clock,.pill{border-color:var(--strong-line)}
.metric .val span{color:var(--strong-muted)}
.header-tools{display:flex;gap:10px;align-items:center}
.control,.cookie-settings{font:500 13px Inter,system-ui,sans-serif;cursor:pointer;color:var(--strong-text);background:transparent;border:1px solid var(--strong-line);padding:11px 14px;min-height:44px;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.control:hover,.cookie-settings:hover{background:var(--paper)}
.control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.theme-toggle{display:none}.js .theme-toggle{display:inline-flex}
.theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .sun{display:block}:root[data-theme=dark] .theme-toggle .moon{display:none}
.logo .logo-light{display:none}:root[data-theme=dark] .logo .logo-light{display:block}:root[data-theme=dark] .logo .logo-day{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .logo .logo-light{display:block}:root:not([data-theme]) .logo .logo-day{display:none}}
button:focus-visible,a:focus-visible{outline:3px solid var(--accent-text);outline-offset:4px}
.footer-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cookie-settings{font-size:12px;min-height:36px;padding:7px 10px}
[hidden]{display:none!important}
.cookie-banner{position:fixed;inset:auto 20px 20px auto;z-index:100;max-width:480px;width:calc(100% - 40px);padding:28px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--lime);box-shadow:0 12px 45px #0003}
.cookie-banner h2{font-size:27px;margin:8px 0 14px}.cookie-banner p{font-size:14px;color:var(--muted)}
.cookie-actions{display:flex;gap:10px;margin-top:20px}.cookie-actions .btn{margin:0;font-size:13px;padding:12px 16px;flex:1;cursor:pointer;border:1px solid var(--lime)}
.cookie-policy{margin-top:16px}.cookie-policy a{color:var(--ink)}
.policy-main{min-height:65vh}.policy-main h1{font-size:clamp(36px,5vw,54px);margin-bottom:30px}.policy-main h2{font-size:26px;max-width:none;margin:30px 0 12px}.policy-main p{max-width:75ch;margin-bottom:14px;color:var(--muted)}.policy-main .cookie-settings{color:var(--ink);border-color:var(--line)}
.skip-link{position:absolute;left:16px;top:12px;padding:12px;background:var(--paper);z-index:101;transform:translateY(-200%)}.skip-link:focus{transform:none}
@media(max-width:600px){.top .wrap{padding:18px 20px;gap:12px;flex-wrap:wrap}.top .logo{width:155px}.top .eyebrow{display:none}.control{padding:10px;font-size:12px}.theme-label{display:none}.wrap{padding-inline:22px}.cookie-banner{inset:auto 12px 12px;width:calc(100% - 24px);max-width:none;padding:22px}.cookie-actions{flex-wrap:wrap}.cookie-actions .btn{min-width:120px}.stress{padding:24px!important}}
