/* Holzen - wspólny arkusz stron statycznych (marketing). Generowany: node scripts/build_css.js */
/* ===== Fonty ===== */
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/e6cf2809-9760-46d1-aed2-6231d4ea08b6.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/d00d4c8c-bd80-4a4a-a5b1-f5dfb2f50301.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/2804a7c9-5090-44ac-ba15-19e813433543.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fbe85ab5-4f0e-4d80-a747-0ecef3a35f15.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/5c7f4eb6-b12e-4e2f-b108-28ad861a8a98.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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/b7fd56f1-c147-4cf6-81f8-200a4162a91c.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/eec9e4c1-9f2f-495e-bdf7-4a5e6d0c9351.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/1acfd2e6-bf0a-4ea8-8d03-e89a26a40c63.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/1868f831-8191-431f-8045-f447dbaff91b.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/09435a38-e16a-4bf9-914b-8341fea86274.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/929911e6-b77c-41f7-8b9f-431e4be9fecc.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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/48dfe6ea-3e31-41a9-a641-ab8210109d53.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/dd63d342-58a0-4e7e-90e4-19f46cb79c2a.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/5396b995-186c-4d90-abf3-aad80cbe7e50.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/5be2912f-86db-4c4f-a737-77f07796b7a0.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/0449c104-6d2f-4d46-a62d-240899ecdcec.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/d9a5e38f-f042-4874-b560-7f90013814b4.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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/9ca167a6-efac-47cc-af59-62d6f7fbf17a.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;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/e3496e9b-54cb-4159-9442-fe69e55df860.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/e2b8b84d-d267-4f59-8f7d-6c89380929e4.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;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/d23262d7-72f4-4e60-a7eb-9bfe7bd90556.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;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/4b4866d7-0bc5-4a50-99af-ab7cdd76e07e.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/87206b82-6219-463e-8cac-6cdb611d402b.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;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/116cca86-0b38-4b10-bf70-eb22b29aa6b1.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;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/b948c0f8-bac0-4a2e-91b3-e6f78086a982.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/61cc6899-2eae-43a3-a530-6db37c833972.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;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/3816bd1f-2948-4fe3-8bb1-1bf827d3b63d.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;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/473bca5d-d8bd-4150-a18f-1013761abb9b.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/0203e303-16e5-4010-ac67-72ccfdedac33.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;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/de2ae0b1-cce5-4c52-99e0-c2020a1d8ba5.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;
}
/* ===== Motyw (ciemny, akcent amber - domyślny jak w aplikacji) ===== */
:root{--accent:#eab54d;--accent-2:#f2c76a;--accent-ink:#1b1509;--glow-op:1;--accent-soft:color-mix(in srgb,var(--accent) 14%,transparent);--accent-line:color-mix(in srgb,var(--accent) 32%,transparent);--glow:color-mix(in srgb,var(--accent) 46%,transparent);--bg:#0a0a0b;--bg-2:#0e0d10;--surface:#131217;--surface-2:#1a1920;--surface-3:#232129;--glass:rgba(20,19,24,0.62);--glass-2:rgba(30,29,36,0.5);--border:rgba(255,255,255,0.08);--border-2:rgba(255,255,255,0.15);--text:#f4f2ec;--text-2:#a6a3ae;--text-3:#6e6b77;--pos:#57d19a;--neg:#f2726b;--info:#6ea8fe;--pos-soft:color-mix(in srgb,var(--pos) 15%,transparent);--neg-soft:color-mix(in srgb,var(--neg) 15%,transparent);--grid:rgba(255,255,255,0.04);--shadow:0 30px 60px -24px rgba(0,0,0,0.65);--shadow-sm:0 10px 26px -14px rgba(0,0,0,0.6);color-scheme:dark;}body{background:var(--bg);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;}a{color:inherit;}
/* ===== Design ===== */
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{background:#0a0a0b;}
  ::selection{background:color-mix(in srgb,#eab54d 32%,transparent);}
  /* Widoczny fokus klawiatury (dostępność) - dla linków, przycisków i elementów interaktywnych. */
  a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible,[role="button"]:focus-visible,[data-navlink]:focus-visible{outline:2px solid var(--accent,#eab54d);outline-offset:2px;border-radius:6px;}
  ::-webkit-scrollbar{width:10px;height:10px;}
  ::-webkit-scrollbar-thumb{background:rgba(140,140,150,0.28);border-radius:10px;border:3px solid transparent;background-clip:content-box;}
  ::-webkit-scrollbar-track{background:transparent;}
  input,button,select,textarea{font-family:inherit;}
  input::placeholder,textarea::placeholder{color:var(--text-3);}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  @keyframes floaty2{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @keyframes fadeIn{from{opacity:0}to{opacity:1}}
  @keyframes drawLine{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
  @keyframes growY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  @keyframes spinIn{from{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(-90deg) scale(1)}}
  /* --- Holzen brand mark: premium metallic mini-animation (Resend-inspired) --- */
  @keyframes hzGlow{0%,100%{filter:drop-shadow(0 1px 2px rgba(195,166,100,0));opacity:.96}50%{filter:drop-shadow(0 3px 12px rgba(195,166,100,.45));opacity:1}}
  @keyframes hzReveal{from{opacity:0;transform:translateY(3px) scale(.9)}to{opacity:1;transform:none}}
  .hz-logo{display:block;animation:hzReveal .7s cubic-bezier(.2,.8,.2,1) both,hzGlow 5s ease-in-out 1s infinite;transition:transform .55s cubic-bezier(.2,.85,.25,1);transform-origin:50% 55%;will-change:transform,filter;}
  [data-logo-wrap]{display:flex;align-items:center;gap:11px;cursor:pointer;}
  [data-logo-wrap] .hz-word{background:linear-gradient(92deg,var(--text) 30%,#d8bf83 50%,var(--text) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .6s ease;background-position:100% 0;}
  [data-logo-wrap]:hover .hz-logo{transform:rotate(-5deg) scale(1.08);}
  [data-logo-wrap]:hover .hz-word{background-position:0 0;}
  @media (prefers-reduced-motion:reduce){.hz-logo{animation:none;}}
  /* refined nav + button micro-interactions */
  [data-navlink]{position:relative;transition:color .2s ease;}
  [data-navlink]::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1.5px;background:currentColor;border-radius:2px;transition:right .28s cubic-bezier(.2,.8,.2,1);opacity:.85;}
  [data-navlink]:hover::after{right:0;}
  [data-sheen]{position:relative;overflow:hidden;}
  [data-sheen]::before{content:"";position:absolute;top:0;left:-140%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .6s cubic-bezier(.2,.8,.2,1);pointer-events:none;}
  [data-sheen]:hover::before{left:160%;}
  /* SEO prose + FAQ */
  .hz-prose{counter-reset:hzc;}
  .hz-prose h1,.hz-prose h2{font-size:30px;line-height:1.18;font-weight:600;letter-spacing:-0.01em;margin:0 0 4px;position:relative;}
  .hz-prose>h1:first-child,.hz-prose>h2:first-child{padding-bottom:14px;}
  .hz-prose>h1:first-child::after,.hz-prose>h2:first-child::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),transparent);}
  .hz-prose h3{counter-increment:hzc;font-size:18.5px;font-weight:600;margin:30px 0 6px;padding-left:54px;min-height:40px;display:flex;align-items:center;position:relative;}
  .hz-prose h3::before{content:counter(hzc,decimal-leading-zero);position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -10px var(--glow);}
  .hz-prose h3+p{padding-left:54px;}
  .hz-prose p{color:var(--text-2);font-size:15.5px;line-height:1.75;margin:10px 0 0;}
  .hz-prose strong{color:var(--text);font-weight:600;}
  .hz-faq{border:1px solid var(--border);border-radius:14px;background:var(--glass);overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
  .hz-faq+.hz-faq{margin-top:10px;}
  .hz-faq:hover{border-color:var(--border-2);transform:translateY(-1px);}
  .hz-faq[open]{border-color:var(--accent-line);box-shadow:0 14px 40px -26px var(--glow);}
  .hz-faq summary{list-style:none;cursor:pointer;padding:17px 22px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:flex-start;gap:13px;color:var(--text);}
  .hz-faq summary::-webkit-details-marker{display:none;}
  .hz-faq summary::before{content:"?";flex-shrink:0;width:27px;height:27px;border-radius:8px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:14px;display:grid;place-items:center;transition:transform .25s ease;}
  .hz-faq[open] summary::before{transform:rotate(360deg);}
  .hz-faq summary::after{content:"+";margin-left:auto;font-size:22px;font-weight:400;color:var(--accent);transition:transform .25s ease;line-height:1;}
  .hz-faq[open] summary::after{transform:rotate(45deg);}
  .hz-faq .hz-faq-body{padding:0 22px 20px 62px;color:var(--text-2);font-size:14.5px;line-height:1.7;}
  /* ===== Hero 3D phone - realny mockup aplikacji + ciągłe świecące linie ===== */
  @keyframes hzPhoneFloat{0%{transform:rotateY(-6deg) rotateX(3deg) translateY(-5px)}50%{transform:rotateY(6deg) rotateX(1.5deg) translateY(7px)}100%{transform:rotateY(-6deg) rotateX(3deg) translateY(-5px)}}
  @keyframes hzBob{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-9px) rotate(-1.4deg)}}
  .hz-phone-stage{position:relative;width:100%;max-width:470px;height:500px;margin:0 auto;perspective:1600px;}
  .hz-phone-pos{position:absolute;left:3%;top:50%;transform:translateY(-50%) rotateX(var(--hz-tx,0deg)) rotateY(calc(13deg + var(--hz-ty,0deg)));transform-style:preserve-3d;transition:transform .22s ease-out;z-index:3;}
  .hz-phone{position:relative;width:214px;height:436px;border-radius:39px;padding:3px;transform-style:preserve-3d;animation:hzPhoneFloat 10s ease-in-out infinite;
    background:linear-gradient(145deg,#f0dcaa 0%,#b99c58 20%,#6f5726 48%,#8d7335 62%,#d8c188 80%,#63501f 100%);
    border:1px solid #55411a;
    box-shadow:0 46px 100px -34px rgba(0,0,0,.92),inset 0 1px 1px rgba(255,247,225,.42),inset 0 -1px 2px rgba(62,46,14,.62),inset 1px 0 1.5px rgba(245,233,198,.26),inset -1px 0 1.5px rgba(62,46,14,.5),0 0 44px -12px var(--glow);}
  .hz-phone::after{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:76px;height:19px;border-radius:12px;background:#0a0a0c;z-index:5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
  /* bryła obudowy: warstwy w głąb osi Z = realna grubość telefonu widoczna przy obrocie */
  .hz-ext{position:absolute;inset:0;border-radius:inherit;pointer-events:none;}
  .hz-ext.e1{transform:translateZ(-3px);background:linear-gradient(150deg,#fdf0c6,#c9ab63 44%,#e5cf95);}
  .hz-ext.e2{transform:translateZ(-6px);background:linear-gradient(150deg,#eddcaa,#b1934e 44%,#d4bb7c);}
  .hz-ext.e3{transform:translateZ(-9px);background:linear-gradient(150deg,#d9c48c,#93783a 44%,#bda164);}
  .hz-ext.e4{transform:translateZ(-12px);background:linear-gradient(150deg,#bfa871,#7a6329 44%,#a2884b);}
  .hz-ext.e5{transform:translateZ(-15px);background:linear-gradient(150deg,#9e8a58,#5f4c1e 44%,#836c39);}
  .hz-ext.e6{transform:translateZ(-18px);background:linear-gradient(150deg,#7a6a44,#463818 44%,#63512b);}
  .hz-ext.e7{transform:translateZ(-21px);background:linear-gradient(150deg,#564b31,#2c2311 44%,#463a20);}
  .hz-ext.e8{transform:translateZ(-23.5px);border-radius:39px;background:linear-gradient(150deg,#6a5c3c,#211a0c 40%,#5a4a2c);
    box-shadow:0 40px 80px -34px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,235,180,.18);}
  /* fizyczne przyciski na krawędziach (wyciszenie + głośność po lewej, blokada po prawej) */
  .hz-key{position:absolute;pointer-events:none;border-radius:2px;
    background:linear-gradient(180deg,#f7e6b4,#b1934a 46%,#6a5426);box-shadow:0 1px 3px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,248,224,.5);}
  .hz-key.k-mute{left:-3px;top:84px;width:3.5px;height:15px;transform:translateZ(-11px);}
  .hz-key.k-vup{left:-3px;top:110px;width:3.5px;height:31px;transform:translateZ(-11px);}
  .hz-key.k-vdn{left:-3px;top:148px;width:3.5px;height:31px;transform:translateZ(-11px);}
  .hz-key.k-pow{right:-3px;top:126px;width:3.5px;height:48px;transform:translateZ(-11px);}
  /* aparat w wyspie + refleks szkła na ekranie */
  .hz-cam{position:absolute;top:11px;left:calc(50% + 19px);width:11px;height:11px;border-radius:50%;z-index:6;
    background:radial-gradient(circle at 34% 30%,#4d6488 0%,#141b28 48%,#04060a 100%);
    box-shadow:inset 0 0 0 1px rgba(190,215,255,.22),0 0 6px rgba(94,142,222,.35);}
  .hz-cam::after{content:"";position:absolute;top:2px;left:2.2px;width:3px;height:3px;border-radius:50%;background:rgba(178,208,255,.72);}
  .hz-glass{position:absolute;inset:0;z-index:7;pointer-events:none;border-radius:inherit;
    background:linear-gradient(116deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.055) 14%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 74%,rgba(255,255,255,.05) 100%);}
  .hz-screen{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;background:#08080a;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 1.5px rgba(120,95,40,.45);}
  .hz-statusbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:13px 18px 6px;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--text);letter-spacing:.02em;}
  .hz-statusbar .hz-dots{display:inline-flex;gap:3px;align-items:center;}
  .hz-statusbar .hz-dots span{width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--accent) 70%,transparent);}
  /* mini-aplikacja w telefonie */
  .hz-app{flex:1;display:flex;flex-direction:column;gap:6px;padding:2px 11px 0;overflow:hidden;}
  .hz-app-top{display:flex;align-items:center;justify-content:space-between;}
  .hz-app-hi{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-family:'JetBrains Mono',monospace;}
  .hz-app-name{font-size:13px;font-weight:600;letter-spacing:-.01em;margin-top:1px;}
  .hz-app-bell{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.05);display:grid;place-items:center;color:var(--text-2);}
  .hz-bal{border-radius:16px;padding:10px 12px 7px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 15%,#141416),#141416);border:1px solid var(--accent-line);}
  .hz-bal .lbl{font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-family:'JetBrains Mono',monospace;}
  .hz-bal .amt{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:600;letter-spacing:-.03em;margin-top:1px;color:var(--text);white-space:nowrap;}
  .hz-chip-pos{display:inline-flex;align-items:center;gap:3px;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:600;color:var(--pos);background:var(--pos-soft);padding:3px 7px;border-radius:999px;white-space:nowrap;}
  .hz-kpis{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
  .hz-kpi{border-radius:12px;background:#131315;border:1px solid rgba(255,255,255,.06);padding:8px 9px;}
  .hz-kpi .k-l{font-size:8.5px;color:var(--text-3);}
  .hz-kpi .k-v{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;margin-top:2px;}
  .hz-seclbl{font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-family:'JetBrains Mono',monospace;margin-top:1px;}
  .hz-tx{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:11px;background:#131315;border:1px solid rgba(255,255,255,.06);}
  .hz-tx .t-ic{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;}
  .hz-tx .t-nm{flex:1;min-width:0;font-size:10.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);}
  .hz-tx .t-am{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:600;white-space:nowrap;}
  .hz-tabs{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;padding:8px 12px 4px;margin-top:auto;border-top:1px solid rgba(255,255,255,.06);}
  .hz-tab{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--text-3);}
  .hz-tab.on{color:var(--accent-ink);background:var(--accent);box-shadow:0 6px 16px -6px var(--glow);}
  .hz-homebar{flex-shrink:0;width:92px;height:4px;border-radius:4px;background:rgba(255,255,255,.28);margin:5px auto 9px;}
  /* ciągłe, nieprzerywane, świecące linie do funkcji */
  .hz-streams{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--accent) 75%,transparent)) drop-shadow(0 0 8px var(--glow));}
  .hz-appicon{position:absolute;width:74px;height:74px;border-radius:21px;display:grid;place-items:center;z-index:4;color:color-mix(in srgb,var(--accent) 78%,#fff2cf);
    background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 20%,rgba(24,22,18,.6)),rgba(14,14,16,.62));
    border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);
    box-shadow:0 24px 54px -24px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.10),0 0 30px -12px var(--glow);
    -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:hzBob 6.5s ease-in-out infinite;}
  .hz-appicon svg{filter:drop-shadow(0 2px 7px color-mix(in srgb,var(--accent) 55%,transparent));}
  .hz-appicon.i1{top:5%;right:4%;animation-delay:0s;}
  .hz-appicon.i2{top:35%;right:0%;animation-delay:1.4s;}
  .hz-appicon.i3{top:64%;right:9%;animation-delay:2.6s;}
  @media (prefers-reduced-motion:reduce){.hz-phone,.hz-appicon{animation:none!important;}.hz-streams circle{display:none;}}
  /* ===== Responsywność: układy wielokolumnowe składają się na telefonie ===== */
  @media (max-width:900px){
    /* Telefon w hero jest wycentrowany w pionie w scenie o mniejszej wysokości i skalowany od góry,
       więc wystaje ponad scenę o (436-h)/2*skala + animacja - margines musi to pokryć, inaczej zakrywa tekst wyżej. */
    .hz-phone-stage{transform:scale(.78);transform-origin:top center;height:372px;margin-top:44px;}
    .hz-rgrid{grid-template-columns:1fr !important;}
    [style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns:repeat(2,1fr)"]{grid-template-columns:1fr !important;}
    .hz-hero-grid{gap:26px !important;padding:34px 20px 24px !important;}
    .hz-foot-grid{grid-template-columns:1fr !important;gap:26px !important;}
    .hz-demo-grid{grid-template-columns:1fr !important;}
    .hz-auth-grid{grid-template-columns:1fr !important;min-height:auto !important;}
    .hz-auth-aside{display:none !important;}
    .hz-nav{display:none !important;}
  }
  @media (max-width:640px){
    .hz-phone-stage{transform:scale(.62);height:300px;margin-top:62px;}
    .hz-hero-grid h1{font-size:34px !important;line-height:1.12 !important;}
    .hz-hdr-actions{gap:7px !important;}
    .hz-hdr-actions button{padding:9px 12px !important;font-size:13px !important;}
    .hz-hdr-login{display:none !important;}
  }
  /* ===== Aplikacja na telefonie (≤900px): pasek górny + wysuwane menu boczne, układy jednokolumnowe ===== */
  .hz-nav-toggle{display:none;}
  .hz-mobile-bar{display:none;}
  .hz-nav-backdrop{display:none;}
  @media (max-width:900px){
    .hz-shell{flex-direction:column !important;}
    .hz-mobile-bar{display:flex;position:sticky;top:0;z-index:55;align-items:center;gap:12px;height:56px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
    .hz-burger{width:40px;height:40px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4.5px;cursor:pointer;flex-shrink:0;}
    .hz-burger span{display:block;width:17px;height:1.8px;border-radius:2px;background:var(--text);transition:transform .2s,opacity .2s;}
    .hz-nav-toggle:checked ~ .hz-mobile-bar .hz-burger span:nth-child(1){transform:translateY(6.3px) rotate(45deg);}
    .hz-nav-toggle:checked ~ .hz-mobile-bar .hz-burger span:nth-child(2){opacity:0;}
    .hz-nav-toggle:checked ~ .hz-mobile-bar .hz-burger span:nth-child(3){transform:translateY(-6.3px) rotate(-45deg);}
    .hz-mobile-brand{display:flex;align-items:center;cursor:pointer;}
    .hz-mobile-screen{margin-left:auto;font-size:13px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%;}
    .hz-side{position:fixed !important;top:0;left:0;bottom:0;height:100dvh !important;width:min(84vw,300px) !important;z-index:70;transform:translateX(-105%);transition:transform .26s ease;overflow-y:auto;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);}
    .hz-nav-toggle:checked ~ .hz-side{transform:translateX(0);}
    .hz-nav-backdrop{display:block;position:fixed;inset:0;z-index:65;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .26s ease;}
    .hz-nav-toggle:checked ~ .hz-nav-backdrop{opacity:1;pointer-events:auto;}
    /* nagłówek ekranu: tytuł w pierwszym wierszu, szukajka i przyciski w drugim; klei się pod paskiem górnym */
    .hz-main > header{top:56px !important;flex-wrap:wrap;gap:10px !important;padding:12px 16px !important;}
    .hz-main > header > div:first-child{flex:1 1 100%;}
    .hz-main > header > div[style*="max-width:280px"]{max-width:none !important;min-width:0;}
    .hz-main > header + div{padding:16px 14px !important;}
    /* układy wielokolumnowe w aplikacji składają się do jednej kolumny (React zapisuje style z odstępem po dwukropku - stąd obie postacie selektora) */
    [style*="grid-template-columns:1fr 1fr"],[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:repeat(2,1fr)"],[style*="grid-template-columns: repeat(2,1fr)"],[style*="grid-template-columns:repeat(2, 1fr)"],[style*="grid-template-columns: repeat(2, 1fr)"],[style*="grid-template-columns:repeat(3,1fr)"],[style*="grid-template-columns: repeat(3,1fr)"],[style*="grid-template-columns:repeat(3, 1fr)"],[style*="grid-template-columns: repeat(3, 1fr)"],[style*="grid-template-columns:repeat(4,1fr)"],[style*="grid-template-columns: repeat(4,1fr)"],[style*="grid-template-columns:repeat(4, 1fr)"],[style*="grid-template-columns: repeat(4, 1fr)"],[style*="grid-template-columns:1fr 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns:1.5fr 1fr 1fr 1fr"],[style*="grid-template-columns: 1.5fr 1fr 1fr 1fr"],[style*="grid-template-columns:1.6fr 1fr"],[style*="grid-template-columns: 1.6fr 1fr"],[style*="grid-template-columns:1fr 1.3fr"],[style*="grid-template-columns: 1fr 1.3fr"],[style*="grid-template-columns:1.05fr 0.95fr"],[style*="grid-template-columns: 1.05fr 0.95fr"],[style*="grid-template-columns:220px 1fr"],[style*="grid-template-columns: 220px 1fr"],[style*="grid-template-columns:280px 1fr"],[style*="grid-template-columns: 280px 1fr"],[style*="grid-template-columns:212px 1fr"],[style*="grid-template-columns: 212px 1fr"]{grid-template-columns:1fr !important;}
    /* elementy siatek nie mogą rozpychać kolumn swoją treścią (długie tytuły z nowrap) */
    .hz-main [style*="display: grid"] > *,.hz-main [style*="display:grid"] > *{min-width:0;}
    /* ostatnie transakcje na pulpicie: kwota bez sztywnej szerokości 110px, żeby tytuł nie skracał się do dwóch liter */
    .hz-main span[style*="min-width: 110px"],.hz-main span[style*="min-width:110px"]{min-width:0 !important;}
    /* ...a na wąskim ekranie plakietka statusu w tych wierszach znika (jest w pełnej liście transakcji) */
    .hz-main .scpg[style*="display: flex"] > span[style*="border-radius: 999px"]{display:none !important;}
    /* lista transakcji: wiersz tabeli → karta (tytuł na całą szerokość, kategoria + kwota, status + edycja); nagłówek tabeli ukryty */
    [style*="grid-template-columns:2.4fr 1.3fr"][style*="text-transform:uppercase"],[style*="grid-template-columns:2.4fr 1.3fr"][style*="text-transform: uppercase"],[style*="grid-template-columns: 2.4fr 1.3fr"][style*="text-transform:uppercase"],[style*="grid-template-columns: 2.4fr 1.3fr"][style*="text-transform: uppercase"]{display:none !important;}
    [style*="grid-template-columns:2.4fr 1.3fr"],[style*="grid-template-columns: 2.4fr 1.3fr"]{grid-template-columns:minmax(0,1fr) auto !important;row-gap:6px !important;padding:12px 14px !important;}
    [style*="grid-template-columns:2.4fr 1.3fr"] > :nth-child(1),[style*="grid-template-columns: 2.4fr 1.3fr"] > :nth-child(1){grid-column:1 / -1;}
    [style*="grid-template-columns:2.4fr 1.3fr"] > :nth-child(2),[style*="grid-template-columns: 2.4fr 1.3fr"] > :nth-child(2){grid-row:2;grid-column:1;}
    [style*="grid-template-columns:2.4fr 1.3fr"] > :nth-child(4),[style*="grid-template-columns: 2.4fr 1.3fr"] > :nth-child(4){grid-row:2;grid-column:2;text-align:right;}
    [style*="grid-template-columns:2.4fr 1.3fr"] > :nth-child(3),[style*="grid-template-columns: 2.4fr 1.3fr"] > :nth-child(3){grid-row:3;grid-column:1;}
    [style*="grid-template-columns:2.4fr 1.3fr"] > :nth-child(5),[style*="grid-template-columns: 2.4fr 1.3fr"] > :nth-child(5){grid-row:3;grid-column:2;justify-self:end;}
    /* import CSV: pola wiersza w dwóch kolumnach zamiast sześciu */
    [style*="grid-template-columns:130px 1.6fr"][style*="text-transform:uppercase"],[style*="grid-template-columns:130px 1.6fr"][style*="text-transform: uppercase"],[style*="grid-template-columns: 130px 1.6fr"][style*="text-transform:uppercase"],[style*="grid-template-columns: 130px 1.6fr"][style*="text-transform: uppercase"]{display:none !important;}
    [style*="grid-template-columns:130px 1.6fr"],[style*="grid-template-columns: 130px 1.6fr"]{grid-template-columns:1fr 1fr !important;}
    /* modale i panele nie mogą być szersze niż ekran */
    [style*="width:344px"],[style*="width: 344px"],[style*="width:520px"],[style*="width: 520px"],[style*="width:560px"],[style*="width: 560px"],[style*="width:600px"],[style*="width: 600px"],[style*="width:640px"],[style*="width: 640px"],[style*="width:680px"],[style*="width: 680px"],[style*="width:720px"],[style*="width: 720px"]{max-width:calc(100vw - 24px) !important;}
  }
/* ===== Nawigacja statycznych stron: responsywny header + menu mobilne ===== */
.hz-menu-btn{display:none;}
.hz-mobile-menu{display:none;flex-direction:column;position:absolute;top:74px;left:16px;right:16px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px;z-index:60;box-shadow:var(--shadow);}
@media(max-width:900px){
  .hz-nav{display:none !important;}
  .hz-actions{display:none !important;}
  .hz-menu-btn{display:grid !important;}
  .hz-foot-grid{grid-template-columns:1fr !important;gap:26px !important;}
}