/* Fonty hostowane lokalnie (fonts/) zamiast z fonts.googleapis.com — patrz TASK.md, Priorytet 1 pkt 5. */
@font-face { font-family:'Barlow Condensed'; font-style:normal; font-weight:500; font-display:swap; src:url('fonts/barlow-condensed-500-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Barlow Condensed'; font-style:normal; font-weight:500; font-display:swap; src:url('fonts/barlow-condensed-500-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Barlow Condensed'; font-style:normal; font-weight:600; font-display:swap; src:url('fonts/barlow-condensed-600-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Barlow Condensed'; font-style:normal; font-weight:600; font-display:swap; src:url('fonts/barlow-condensed-600-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Barlow Condensed'; font-style:normal; font-weight:700; font-display:swap; src:url('fonts/barlow-condensed-700-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Barlow Condensed'; font-style:normal; font-weight:700; font-display:swap; src:url('fonts/barlow-condensed-700-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'DM Sans'; font-style:normal; font-weight:400 700; font-display:swap; src:url('fonts/dm-sans-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'DM Sans'; font-style:normal; font-weight:400 700; font-display:swap; src:url('fonts/dm-sans-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; }

:root { --coal:#1d2029; --black:#111319; --red:#fa5a46; --paper:#f4f3f1; --white:#fff; --line:#deddd9; --text:#23232a; --muted:#666871; --max:1240px; }
body.secondary-page { margin:0; background:var(--white); color:var(--text); font-family:"DM Sans",sans-serif; line-height:1.65; }
body.secondary-page a { color:inherit; }
body.secondary-page img { max-width:100%; }
.secondary-topbar { display:grid; grid-template-columns:38% 62%; min-height:117px; position:sticky; top:0; z-index:200; background:var(--white); box-shadow:0 8px 24px rgba(17,19,25,.09); }
.secondary-brand-box { display:flex; align-items:center; padding-left:max(26px,calc((100vw - var(--max))/2)); }
.secondary-brand { color:var(--coal); font-family:"Barlow Condensed",sans-serif; font-size:30px; font-weight:700; letter-spacing:.055em; text-decoration:none; text-transform:uppercase; }
.secondary-brand span { display:inline-block; padding-left:15px; border-left:4px solid var(--red); }
.secondary-brand .brand-logo { display:block; width:96px; height:96px; object-fit:cover; }
.secondary-menu-toggle { display:none; }
.secondary-nav-box { display:flex; justify-content:flex-end; align-items:center; padding-right:max(26px,calc((100vw - var(--max))/2)); }
.secondary-topbar nav.secondary-nav { position:static; inset:auto; z-index:auto; display:flex; gap:30px; padding:0; background:transparent; box-shadow:none; backdrop-filter:none; font-family:"Barlow Condensed",sans-serif; font-size:18px; font-weight:600; text-transform:uppercase; }
.secondary-nav a { padding:5px 0; border-bottom:2px solid transparent; text-decoration:none; }
.secondary-nav a:hover, .secondary-nav a[aria-current="page"] { border-bottom-color:var(--red); }
.secondary-page a:focus-visible, .secondary-page button:focus-visible { outline:3px solid var(--red); outline-offset:4px; }
.secondary-page .hero, .secondary-page .hero-compact { min-height:440px; margin:0; padding:94px 0 82px; position:relative; overflow:hidden; background:var(--coal); color:#fff; }
.secondary-page .hero::after, .secondary-page .hero-compact::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(29,32,41,.98),rgba(29,32,41,.82),rgba(29,32,41,.56)); z-index:0; }
.secondary-page .hero .hero-bg, .secondary-page .hero-compact-bg { position:absolute; inset:0; background:url('img/aerial-town-night.webp') center/cover no-repeat; opacity:.28; filter:grayscale(.3) contrast(1.05); }
.secondary-page .hero .hero-in, .secondary-page .hero-compact > .wrap { width:min(var(--max),calc(100% - 52px)); margin:auto; position:relative; z-index:1; }
.secondary-page .hero .hero-in { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(300px,.7fr); align-items:end; gap:68px; }
.secondary-page .hero h1, .secondary-page .hero-compact h1 { margin:0 0 24px; color:#fff; font-family:"Barlow Condensed",sans-serif; font-size:clamp(56px,6.4vw,96px); font-weight:600; letter-spacing:0; line-height:.9; text-transform:uppercase; }
.secondary-page .hero-compact h1 { max-width:760px; }
.secondary-page .hero .lead, .secondary-page .hero-compact p { max-width:720px; color:rgba(255,255,255,.78); font-size:17px; line-height:1.65; }
.secondary-page .hero-compact .meta { color:rgba(255,255,255,.5); font-size:13px; }
.secondary-page .eyebrow, .secondary-page .kicker { margin-bottom:16px; color:var(--red); font-size:12px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.secondary-page .eyebrow::before, .secondary-page .kicker::before { display:none; }
.secondary-page .hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:29px; }
.secondary-page .btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:14px 20px; border-radius:0; border:1px solid var(--red); font-size:13px; font-weight:700; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; box-shadow:none; }
.secondary-page .btn-primary { background:var(--red); color:#fff; }
.secondary-page .btn-ghost { border-color:rgba(255,255,255,.5); background:transparent; color:#fff; }
.secondary-page .btn:hover { transform:translateY(-2px); box-shadow:none; background:#fff; border-color:#fff; color:var(--coal); }
.secondary-page .hero-panel, .secondary-page .status-panel { padding:26px; border:1px solid rgba(255,255,255,.2); border-radius:0; background:rgba(17,19,25,.52); box-shadow:none; }
.secondary-page .panel-title { margin-bottom:16px; color:var(--red); font-family:"Barlow Condensed",sans-serif; font-size:20px; letter-spacing:.04em; text-transform:uppercase; }
.secondary-page .facts, .secondary-page .status-panel { display:grid; gap:0; }
.secondary-page .fact, .secondary-page .status-row { padding:16px 0; border-top:1px solid rgba(255,255,255,.16); border-radius:0; background:none; }
.secondary-page .fact:first-child, .secondary-page .status-row:first-child { border-top:0; }
.secondary-page .fact { display:flex; gap:12px; }
.secondary-page .fact b, .secondary-page .status-row b { color:#fff; }
.secondary-page .fact span, .secondary-page .status-row span { color:rgba(255,255,255,.66); }
.secondary-page .ico { width:35px; height:35px; border-radius:0; background:var(--red); border:0; color:#fff; }
.secondary-page .ui-icon { width:19px; height:19px; }
.secondary-page section { padding:100px 0; }
.secondary-page .section-light { background:var(--paper); color:var(--text); }
.secondary-page .section-dark { background:var(--coal); color:#fff; }
.secondary-page .section-ink { background:var(--black); color:#fff; }
.secondary-page .section-head { max-width:780px; margin-bottom:46px; }
.secondary-page .h2 { margin:0; color:inherit; font-family:"Barlow Condensed",sans-serif; font-size:clamp(46px,5.5vw,76px); font-weight:600; letter-spacing:0; line-height:.92; text-transform:uppercase; }
.secondary-page .sub { margin-top:18px; color:inherit; opacity:.75; line-height:1.7; }
.secondary-page .grid-3, .secondary-page .grid-4 { gap:0; }
.secondary-page .card { min-height:220px; padding:28px; border:1px solid var(--line); border-radius:0; background:#fff; box-shadow:none; }
.secondary-page .section-dark .card, .secondary-page .section-ink .card { border-color:rgba(255,255,255,.18); background:transparent; }
.secondary-page .card::after { display:none; }
.secondary-page .card:hover { transform:translateY(-4px); border-color:var(--red); box-shadow:none; }
.secondary-page .card h3 { color:inherit; font-family:"Barlow Condensed",sans-serif; font-size:28px; line-height:1; text-transform:uppercase; }
.secondary-page .card p { color:inherit; opacity:.72; }
.secondary-page .split { gap:70px; }
.secondary-page .image-frame, .secondary-page .price-box { border-radius:0; }
.secondary-page .image-frame { border:0; box-shadow:none; }
.secondary-page .image-frame::after { content:""; display:block; height:12px; background:var(--red); }
.secondary-page .list-item, .secondary-page .benefit-list li { border-radius:0; border-color:var(--line); background:#fff; box-shadow:none; }
.secondary-page .section-dark .list-item, .secondary-page .section-ink .list-item { background:transparent; border-color:rgba(255,255,255,.17); }
.secondary-page .list-item strong, .secondary-page .benefit-list li strong { color:inherit; }
.secondary-page .list-item span, .secondary-page .benefit-list li span { color:inherit; opacity:.7; }
.secondary-page .price-box { background:var(--red); box-shadow:none; }
.secondary-page .cta-band { padding:86px 0; background:var(--red); }
.secondary-page .cta-box { width:min(var(--max),calc(100% - 52px)); margin:auto; }
.secondary-page .cta-box .h2, .secondary-page .cta-box p { color:#fff; }
.secondary-page .cta-box .btn-primary { background:#fff; border-color:#fff; color:var(--coal); }
/* Helpdesk and formal documents */
.secondary-page main { background:var(--paper); }
.secondary-page main > .wrap, .secondary-page .content-wrap, .secondary-page .legal-wrap { width:min(1000px,calc(100% - 52px)); margin:auto; }
.secondary-page .support-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:28px; padding:80px 0; }
.secondary-page .side-card, .secondary-page .form-card, .secondary-page .legal-card, .secondary-page .toc { border:1px solid var(--line); border-radius:0; background:#fff; box-shadow:none; }
.secondary-page .side-card, .secondary-page .form-card { padding:30px; }
.secondary-page .side-card h2, .secondary-page .form-card h2, .secondary-page .legal-card h2, .secondary-page .toc h2 { font-family:"Barlow Condensed",sans-serif; font-size:32px; line-height:1; text-transform:uppercase; }
.secondary-page .support-item { border-top:1px solid var(--line); padding:15px 0; }
.secondary-page .field label { font-weight:700; }
.secondary-page input, .secondary-page select, .secondary-page textarea { border-radius:0; border:1px solid #cfcfcb; font-family:"DM Sans",sans-serif; }
.secondary-page input:focus, .secondary-page select:focus, .secondary-page textarea:focus { border-color:var(--red); outline:2px solid rgba(250,90,70,.15); }
.secondary-page .form-actions .btn-ghost { border-color:var(--coal); color:var(--coal); }
.secondary-page .section-light .content-wrap, .secondary-page .section-light .legal-wrap { display:block; }
.secondary-page .legal-card, .secondary-page .prose, .secondary-page .document, .secondary-page .content-card { max-width:920px; margin:0 auto; padding:38px; }
.secondary-page .legal-card h2, .secondary-page .prose h2, .secondary-page .document h2, .secondary-page .content-card h2 { margin-top:42px; color:var(--coal); }
.secondary-page .legal-card h2:first-child, .secondary-page .prose h2:first-child, .secondary-page .document h2:first-child, .secondary-page .content-card h2:first-child { margin-top:0; }
.secondary-page .legal-card h3, .secondary-page .prose h3, .secondary-page .document h3, .secondary-page .content-card h3 { color:var(--coal); }
.secondary-page .legal-card a, .secondary-page .prose a, .secondary-page .document a, .secondary-page .content-card a { color:#c64031; }

/* Treść dokumentów prawnych (polityka-prywatnosci / regulamin / rodo-dpa) — przeniesione ze zdublowanego inline <style>, zmapowane na wspólne zmienne. */
.secondary-page .legal-wrap { max-width:780px; }
.secondary-page .legal-wrap > .intro { margin:0 0 44px; padding-bottom:28px; border-bottom:1px solid var(--line); color:var(--muted); font-size:16px; line-height:1.75; }
.secondary-page .legal-section { margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid var(--line); }
.secondary-page .legal-section:last-child { border-bottom:0; margin-bottom:0; }
.secondary-page .legal-section h3 { display:flex; align-items:center; gap:10px; margin:0 0 16px; color:var(--coal); font-size:19px; font-weight:700; }
.secondary-page .art-num { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:28px; height:28px; background:var(--red); color:#fff; font-size:12px; font-weight:800; }
.secondary-page .legal-section p { margin:0 0 14px; color:var(--muted); font-size:14px; line-height:1.75; }
.secondary-page .legal-section p:last-child { margin-bottom:0; }
.secondary-page .legal-section ol { counter-reset:legal-ol; list-style:none; display:flex; flex-direction:column; gap:10px; margin:14px 0 0; padding:0; }
.secondary-page .legal-section ol li { counter-increment:legal-ol; padding:12px 16px; border:1px solid var(--line); border-left:3px solid var(--red); background:#fff; color:var(--muted); font-size:13px; line-height:1.7; }
.secondary-page .legal-section ol li::before { content:counter(legal-ol) '.'; margin-right:8px; color:var(--red); font-weight:700; }
.secondary-page .highlight-box { margin-top:18px; padding:20px 22px; border:1px solid var(--line); border-left:4px solid var(--red); background:#fff; }
.secondary-page .highlight-box strong { display:block; margin-bottom:6px; color:var(--coal); font-size:14px; font-weight:700; }
.secondary-page .highlight-box p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.secondary-page .highlight-box p + p { margin-top:8px; }
.secondary-page .back-link { display:inline-flex; align-items:center; gap:8px; margin-top:40px; color:var(--red); font-size:14px; font-weight:600; text-decoration:none; transition:gap .2s ease; }
.secondary-page .back-link:hover { gap:12px; }
.secondary-page .back-link::before { content:'←'; }
/* Cennik (regulamin.html) i tabela ról RODO (rodo-dpa.html) */
.secondary-page .price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px; }
.secondary-page .price-card { position:relative; padding:22px; border:1px solid var(--line); background:#fff; overflow:hidden; }
.secondary-page .price-card::after { content:''; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--red); }
.secondary-page .price-card .label { margin-bottom:8px; color:var(--red); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.secondary-page .price-card .amount { color:var(--coal); font-size:28px; font-weight:800; line-height:1; letter-spacing:-.02em; }
.secondary-page .price-card .period { margin-top:4px; color:var(--muted); font-size:12px; }
.secondary-page .price-card .desc { margin-top:12px; color:var(--muted); font-size:13px; line-height:1.65; }
.secondary-page .role-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:20px; }
.secondary-page .role-card { position:relative; padding:20px; border:1px solid var(--line); background:#fff; overflow:hidden; }
.secondary-page .role-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--red); }
.secondary-page .role-card .role-label { margin-bottom:10px; color:var(--red); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.secondary-page .role-card strong { display:block; margin-bottom:10px; color:var(--coal); font-size:16px; font-weight:700; }
.secondary-page .role-card ul { display:flex; flex-direction:column; gap:6px; list-style:none; margin:0; padding:0; }
.secondary-page .role-card ul li { position:relative; padding-left:16px; color:var(--muted); font-size:13px; line-height:1.65; }
.secondary-page .role-card ul li::before { content:'–'; position:absolute; left:0; color:var(--red); font-weight:700; }
@media (max-width:640px) { .secondary-page .price-grid, .secondary-page .role-grid { grid-template-columns:1fr; } }

.secondary-footer { padding:58px 0 28px; background:var(--black); color:#fff; }
.secondary-footer .secondary-foot-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; width:min(var(--max),calc(100% - 52px)); margin:auto; padding-bottom:34px; border-bottom:1px solid rgba(255,255,255,.18); }
.secondary-footer .brand { display:inline-block; margin:0 0 15px; padding:0; }
.secondary-footer .brand-logo { display:block; width:112px; height:112px; object-fit:cover; }
.secondary-footer .foot-title { margin:0 0 15px; color:#fff; font-family:"Barlow Condensed",sans-serif; font-size:30px; letter-spacing:.055em; text-transform:uppercase; }
.secondary-footer .foot-title span { padding-left:13px; border-left:3px solid var(--red); }
.secondary-footer p { max-width:420px; margin:0; color:rgba(255,255,255,.6); font-size:13px; }
.secondary-footer h4 { margin:0 0 13px; color:var(--red); font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.secondary-footer a { display:block; margin:8px 0; color:rgba(255,255,255,.67); font-size:13px; text-decoration:none; }
.secondary-footer a:hover { color:#fff; }
.secondary-foot-bottom { display:flex; justify-content:space-between; gap:18px; width:min(var(--max),calc(100% - 52px)); margin:22px auto 0; color:rgba(255,255,255,.42); font-size:12px; }

/* O TRIDOT — editorial story */
.secondary-page .origin-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:84px; align-items:start; }
.secondary-page .origin-copy { position:sticky; top:150px; }
.secondary-page .origin-emphasis { margin:28px 0 0; padding:3px 0 3px 22px; border-left:4px solid var(--red); color:var(--coal); font-size:17px; font-weight:600; line-height:1.65; }
.secondary-page .origin-sequence { border-top:1px solid #bfc0bd; }
.secondary-page .origin-sequence article { display:grid; grid-template-columns:72px 1fr; gap:22px; padding:29px 0; border-bottom:1px solid #c8c8c5; }
.secondary-page .origin-sequence article > span { color:var(--red); font-family:"Barlow Condensed",sans-serif; font-size:42px; font-weight:600; line-height:.85; }
.secondary-page .origin-sequence h3 { margin:0 0 9px; color:var(--coal); font-family:"Barlow Condensed",sans-serif; font-size:30px; font-weight:600; line-height:1; text-transform:uppercase; }
.secondary-page .origin-sequence p { margin:0; color:var(--muted); font-size:14px; }

.secondary-page .team-story-head { display:block; max-width:850px; }
.secondary-page .team-story-head p { max-width:780px; margin:22px 0 0; color:rgba(255,255,255,.72); font-size:16px; line-height:1.75; }
.secondary-page .team-story blockquote { max-width:880px; margin:56px 0 62px; padding-left:28px; border-left:6px solid var(--red); color:#fff; font-family:"Barlow Condensed",sans-serif; font-size:clamp(36px,4.2vw,60px); font-weight:500; line-height:1.02; text-transform:uppercase; }
.secondary-page .experience-rail { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.25); }
.secondary-page .experience-rail article { min-height:245px; padding:25px 28px 10px 0; border-right:1px solid rgba(255,255,255,.2); }
.secondary-page .experience-rail article + article { padding-left:28px; }
.secondary-page .experience-rail article:last-child { border-right:0; }
.secondary-page .experience-rail span { display:block; margin-bottom:45px; color:var(--red); font-family:"Barlow Condensed",sans-serif; font-size:30px; }
.secondary-page .experience-rail h3 { margin:0 0 12px; color:#fff; font-family:"Barlow Condensed",sans-serif; font-size:29px; font-weight:600; line-height:1; text-transform:uppercase; }
.secondary-page .experience-rail p { margin:0; color:rgba(255,255,255,.62); font-size:14px; }

.secondary-page .data-section { background:#fff; }
.secondary-page .data-layout { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); gap:76px; align-items:center; }
.secondary-page .data-visual { position:relative; padding:28px 28px 58px 0; }
.secondary-page .data-visual::after { content:""; position:absolute; z-index:0; top:0; right:0; bottom:28px; width:84%; background:var(--coal); }
.secondary-page .data-visual img { position:relative; z-index:1; display:block; width:100%; height:auto; border:1px solid #c7c7c4; box-shadow:0 22px 50px rgba(17,19,25,.18); }
.secondary-page .data-visual > span { position:absolute; z-index:2; right:25px; bottom:0; padding:10px 13px; background:var(--red); color:#fff; font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.secondary-page .data-copy .h2 { margin-bottom:20px; }
.secondary-page .data-steps { list-style:none; padding:0; margin:34px 0 0; border-top:1px solid #bfc0bd; }
.secondary-page .data-steps li { display:grid; grid-template-columns:50px 1fr; gap:16px; padding:17px 0; border-bottom:1px solid #c8c8c5; }
.secondary-page .data-steps li > span { color:var(--red); font-family:"Barlow Condensed",sans-serif; font-size:25px; line-height:1; }
.secondary-page .data-steps strong { display:block; color:var(--coal); font-family:"Barlow Condensed",sans-serif; font-size:23px; font-weight:600; line-height:1; text-transform:uppercase; }
.secondary-page .data-steps p { margin:5px 0 0; color:var(--muted); font-size:13px; }

.secondary-page .principles-head { display:block; max-width:820px; margin-bottom:58px; }
.secondary-page .principles-head .kicker { margin-bottom:16px; }
.secondary-page .principles-head > p { max-width:720px; margin:21px 0 0; color:rgba(255,255,255,.66); }
.secondary-page .principles-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.25); }
.secondary-page .principles-grid article { min-height:310px; display:flex; flex-direction:column; padding:30px 30px 24px 0; border-right:1px solid rgba(255,255,255,.22); }
.secondary-page .principles-grid article + article { padding-left:30px; }
.secondary-page .principles-grid article:last-child { border-right:0; }
.secondary-page .principles-grid span { display:block; margin-bottom:32px; color:var(--red); font-family:"Barlow Condensed",sans-serif; font-size:54px; font-weight:600; line-height:1; }
.secondary-page .principles-grid h3 { max-width:320px; margin:0 0 15px; color:#fff; font-family:"Barlow Condensed",sans-serif; font-size:34px; font-weight:600; line-height:.95; text-transform:uppercase; }
.secondary-page .principles-grid p { margin:0; color:rgba(255,255,255,.65); font-size:14px; }

@media (max-width:900px) { .secondary-topbar { display:block; min-height:76px; } .secondary-brand-box { min-height:76px; padding:0 26px; position:relative; } .secondary-brand .brand-logo { width:66px; height:66px; } .secondary-menu-toggle { display:block; position:absolute; right:20px; top:17px; min-width:58px; height:42px; padding:0 7px; border:0; background:transparent; color:var(--coal); font:700 18px "Barlow Condensed",sans-serif; text-transform:uppercase; } .secondary-nav-box { display:none; position:absolute; top:76px; left:0; right:0; justify-content:flex-start; padding:14px 26px 20px; background:#fff; box-shadow:0 16px 28px rgba(17,19,25,.16); } .secondary-nav-box.open { display:block; } .secondary-topbar nav.secondary-nav { flex-direction:column; align-items:stretch; gap:4px; white-space:normal; } .secondary-nav a { min-height:44px; display:flex; align-items:center; padding:8px 0; } .secondary-page .hero .hero-in, .secondary-page .support-grid { grid-template-columns:1fr; } .secondary-page .hero-panel { display:none; } .secondary-page .grid-3, .secondary-page .grid-4, .secondary-page .split { grid-template-columns:1fr; } .secondary-footer .secondary-foot-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:600px) { .secondary-page .hero, .secondary-page .hero-compact { min-height:360px; padding:72px 0; } .secondary-page section { padding:72px 0; } .secondary-page .hero h1, .secondary-page .hero-compact h1 { font-size:54px; } .secondary-page .hero-actions .btn { width:100%; } .secondary-page .support-grid { padding:52px 0; } .secondary-page .legal-card, .secondary-page .prose, .secondary-page .document, .secondary-page .content-card { padding:24px; } .secondary-footer .secondary-foot-grid { grid-template-columns:1fr; } .secondary-foot-bottom { display:block; } .secondary-footer .brand-logo { width:100px; height:100px; } }
@media (max-width:900px) { .secondary-page .origin-layout,.secondary-page .team-story-head,.secondary-page .data-layout,.secondary-page .principles-head { grid-template-columns:1fr; gap:38px; } .secondary-page .origin-copy { position:static; } .secondary-page .experience-rail,.secondary-page .principles-grid { grid-template-columns:1fr; } .secondary-page .experience-rail article,.secondary-page .experience-rail article + article,.secondary-page .principles-grid article,.secondary-page .principles-grid article + article { min-height:0; padding:25px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.2); } .secondary-page .experience-rail span { margin-bottom:22px; } .secondary-page .principles-head .kicker { grid-column:auto; margin-bottom:-22px; } .secondary-page .principles-grid span { margin-bottom:28px; } .secondary-page .principles-grid h3 { margin:0 0 13px; } }
@media (max-width:600px) { .secondary-page .origin-sequence article { grid-template-columns:52px 1fr; gap:14px; } .secondary-page .team-story blockquote { margin:52px 0; padding-left:20px; border-left-width:5px; } .secondary-page .data-visual { padding:18px 18px 44px 0; } .secondary-page .data-visual > span { right:15px; } }
@media (max-width:900px) { .secondary-page .principles-head .kicker { margin-bottom:16px; } }

/* Motion system shared with the landing page: restrained, one-time reveals. */
.has-motion .secondary-page .hero .eyebrow,
.has-motion .secondary-page .hero h1,
.has-motion .secondary-page .hero .lead,
.has-motion .secondary-page .hero-actions { opacity:0; translate:0 22px; transition:opacity .72s ease, translate .72s cubic-bezier(.2,.7,.2,1); }
.has-motion .secondary-page .hero h1 { transition-delay:.08s; }
.has-motion .secondary-page .hero .lead { transition-delay:.16s; }
.has-motion .secondary-page .hero-actions { transition-delay:.24s; }
.has-motion .secondary-page .hero-panel { opacity:0; translate:26px 0; animation:none; transition:opacity .76s ease .24s, translate .76s cubic-bezier(.2,.7,.2,1) .24s; }
.has-motion .secondary-page .hero-panel .fact { opacity:0; translate:0 14px; animation:none; transition:opacity .52s ease var(--fact-delay, .42s), translate .52s ease var(--fact-delay, .42s), background .25s ease, border-color .25s ease; }
.has-motion .secondary-page .hero-panel .fact:nth-child(2) { --fact-delay:.52s; }
.has-motion .secondary-page .hero-panel .fact:nth-child(3) { --fact-delay:.62s; }
.has-motion .secondary-page.page-ready .hero .eyebrow,
.has-motion .secondary-page.page-ready .hero h1,
.has-motion .secondary-page.page-ready .hero .lead,
.has-motion .secondary-page.page-ready .hero-actions,
.has-motion .secondary-page.page-ready .hero-panel,
.has-motion .secondary-page.page-ready .hero-panel .fact { opacity:1; translate:0 0; }

.has-motion .secondary-page .motion-rise { opacity:0; translate:0 26px; transition:opacity .66s ease var(--motion-delay,0s), translate .66s cubic-bezier(.2,.7,.2,1) var(--motion-delay,0s); }
.has-motion .secondary-page .motion-rise.is-visible { opacity:1; translate:0 0; }
.has-motion .secondary-page .motion-card { opacity:0; translate:0 20px; transition:opacity .58s ease var(--motion-delay,0s), translate .58s cubic-bezier(.2,.7,.2,1) var(--motion-delay,0s); }
.has-motion .secondary-page .motion-card.is-visible { opacity:1; translate:0 0; }
.has-motion .secondary-page .motion-slide-right { opacity:0; translate:28px 0; transition:opacity .68s ease var(--motion-delay,0s), translate .68s cubic-bezier(.2,.7,.2,1) var(--motion-delay,0s); }
.has-motion .secondary-page .motion-slide-right.is-visible { opacity:1; translate:0 0; }
.has-motion .secondary-page .motion-mask { opacity:.35; clip-path:inset(0 100% 0 0); transition:clip-path .85s cubic-bezier(.2,.75,.2,1) var(--motion-delay,0s), opacity .45s ease var(--motion-delay,0s); }
.has-motion .secondary-page .motion-mask.is-visible { opacity:1; clip-path:inset(0 0 0 0); }

@media (hover:none) {
  .secondary-page .btn:hover,.secondary-page .card:hover,.secondary-page .list-item:hover,.secondary-page .benefit-list li:hover { transform:none; box-shadow:none; }
  .secondary-page .image-frame:hover img { transform:none; }
}

@media (max-width:780px) {
  .has-motion .secondary-page .motion-rise,.has-motion .secondary-page .motion-card { translate:0 16px; }
  .has-motion .secondary-page .motion-rise.is-visible,.has-motion .secondary-page .motion-card.is-visible { translate:0 0; }
  .has-motion .secondary-page .motion-slide-right { translate:18px 0; }
  .has-motion .secondary-page .motion-slide-right.is-visible { translate:0 0; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  .secondary-page *, .secondary-page *::before, .secondary-page *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* ===== Przebudowa 9.10.2026 (audyt): marginesy, kontrast WCAG AA, dostępność ===== */
.secondary-page { --red-ink:#c8321f; }
.secondary-page .wrap { width:min(var(--max),calc(100% - 52px)); margin-inline:auto; }
@media (max-width:600px) { .secondary-page .wrap { width:calc(100% - 32px); } }
html { scroll-padding-top:110px; }
.skip-link { position:absolute; left:-999px; top:0; z-index:100; padding:12px 16px; background:#fff; color:var(--coal); font-weight:700; }
.skip-link:focus { left:16px; top:16px; }
.svg-sprite { position:absolute; width:0; height:0; overflow:hidden; }
/* Tekst czerwony na jasnym tle i białe napisy na czerwonym — ciemniejszy odcień */
.secondary-page .section-light .kicker,.secondary-page .legal-wrap .eyebrow,.secondary-page .back-link,.secondary-page .content-wrap .eyebrow { color:var(--red-ink); }
.secondary-page .btn-primary { background:var(--red-ink); border-color:var(--red-ink); }
.secondary-page .cta-band { background:var(--red-ink); }
.secondary-page .cta-band .kicker,.secondary-page .cta-band p { color:#fff; }
.secondary-page .cta-band .btn:focus-visible { outline-color:#fff; }
.secondary-page .art-num,.secondary-page .data-visual > span,.secondary-page .data-visual figcaption { background:var(--red-ink); }
.secondary-page .section-dark a:focus-visible,.secondary-page .hero a:focus-visible,.secondary-footer a:focus-visible { outline-color:#fff; }
/* Panel faktów w hero o-nas */
.secondary-page .fact b { display:block; margin-bottom:4px; }
.secondary-page .ui-icon { fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.secondary-page .ico { display:flex; flex-shrink:0; align-items:center; justify-content:center; }
.secondary-page .team-note { max-width:880px; margin:42px 0 0; color:rgba(255,255,255,.7); font-size:14px; }
.secondary-page .data-visual { margin:0; }
.secondary-page .data-visual figcaption { position:absolute; z-index:2; right:25px; bottom:0; padding:10px 13px; color:#fff; font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
/* Nawigacja: przycisk „Wersja testowa” */
.secondary-nav a.nav-cta { padding:6px 14px; background:var(--red-ink); color:#fff; border-bottom:0; }
.secondary-nav a.nav-cta:hover { background:var(--coal); }
/* Stopka i nagłówki sekcji dokumentów */
.secondary-footer .footer-title { margin:0 0 13px; color:#fff; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.secondary-foot-bottom { color:rgba(255,255,255,.6); }
.secondary-page .legal-section h2 { display:flex; align-items:center; gap:10px; margin:0 0 16px; color:var(--coal); font-size:19px; font-weight:700; }
.secondary-page .legal-section p,.secondary-page .legal-section ol li { font-size:15px; }
@media print { .has-motion [class*="motion-"] { opacity:1 !important; translate:none !important; clip-path:none !important; } .secondary-topbar,.skip-link { display:none; } }
/* Podstrony prawne i helpdesk (zamiast usuniętych atrybutów style="") */
.secondary-page .legal-section .highlight-box + p { margin-top:16px; }
.secondary-page .legal-section .highlight-box + .highlight-box { margin-top:12px; }
.secondary-page .legal-section a,.secondary-page .sub a { color:var(--red-ink); font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.secondary-page .legal-wrap > .highlight-box:first-child { margin:0 0 28px; }
.secondary-page .hero-compact a:not(.btn) { color:#fff; text-decoration:underline; text-decoration-color:var(--red); }
.secondary-page .hero-compact .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
/* Menu z pozycją „Strona główna”: jedna linia */
.secondary-nav a { white-space:nowrap; }
@media (min-width:1051px) { .secondary-topbar { grid-template-columns:minmax(calc((100vw - var(--max))/2 + 150px),30%) minmax(0,1fr); } } /* na bardzo szerokich ekranach kolumna z logo rośnie, by logo nie chowało się pod menu */
@media (min-width:901px) and (max-width:1300px) { .secondary-topbar nav.secondary-nav { gap:18px; font-size:17px; } }

/* 2026-11-04: etykiety słowne zamiast numeracji 01/02/03 (numeracja tylko w krokach przygotowania danych) */
.secondary-page .seq-tags article > span { font-family:inherit; font-size:12px; font-weight:700; letter-spacing:.14em; line-height:1.2; text-transform:uppercase; }
.secondary-page .origin-sequence.seq-tags article { grid-template-columns:110px 1fr; }
.secondary-page .origin-sequence.seq-tags article > span { padding-top:6px; }
.secondary-page .experience-rail.seq-tags span,.secondary-page .principles-grid.seq-tags span { margin-bottom:18px; padding-top:14px; border-top:2px solid var(--red); width:max-content; }
@media (max-width:600px) { .secondary-page .origin-sequence.seq-tags article { grid-template-columns:1fr; gap:8px; } .secondary-page .origin-sequence.seq-tags article > span { padding-top:0; } }