@layer legacy, reset, tokens, base, layout, components, utilities;
@layer legacy {
        @font-face {
            font-family: 'Fraunces';
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url('/assets/fonts/Fraunces-variable.woff2?v=2026-10-19.edc291') format('woff2-variations'),
                 url('/assets/fonts/Fraunces-variable.woff2?v=2026-10-19.edc291') format('woff2');
        }
        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url('/assets/fonts/Inter-variable.woff2?v=2026-10-19.72ee8e') format('woff2-variations'),
                 url('/assets/fonts/Inter-variable.woff2?v=2026-10-19.72ee8e') format('woff2');
        }
        @font-face {
            font-family: 'Geist Mono';
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url('/assets/fonts/GeistMono-variable.woff2?v=2026-10-19.4f896d') format('woff2-variations'),
                 url('/assets/fonts/GeistMono-variable.woff2?v=2026-10-19.4f896d') format('woff2');
        }
        .display-h1 {
          font-family: var(--font-display);
          font-size: var(--text-display);
          font-weight: 400;
          font-variation-settings: 'opsz' 144, 'SOFT' 50, 'wght' 400;
          line-height: var(--leading-tight);
          letter-spacing: var(--tracking-tight);
          color: var(--color-text-primary);
        }
        .btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: var(--space-2);
          box-sizing: border-box;
          min-height: 44px;
          padding: var(--space-3) var(--space-6);
          font-family: var(--font-body);
          font-size: var(--text-base);
          font-weight: 500;
          letter-spacing: -0.005em;
          border-radius: var(--radius-sm);
          border: 1px solid transparent;
          cursor: pointer;
          transition: background-color var(--duration-fast) var(--ease-out),
                      border-color var(--duration-fast) var(--ease-out),
                      color var(--duration-fast) var(--ease-out);
          text-decoration: none;
        }
        .artifact-card {
          background: var(--color-bg-raised);
          border: 1px solid var(--color-border);
          border-radius: var(--radius-md);
          padding: var(--space-5);
          transition: border-color var(--duration-med) var(--ease-out);
        }
        .artifact-card:hover { border-color: var(--color-border-subtle); }
        .artifact-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding-bottom: var(--space-3);
          border-bottom: 1px solid var(--color-border);
          margin-bottom: var(--space-4);
        }
        .artifact-meta { display: flex; gap: var(--space-4); flex-wrap: wrap; }
        .status-sent { color: var(--color-success); display: inline-flex; align-items: center; gap: var(--space-1); }
        .status-sent::before { content: '●'; font-size: 8px; line-height: 1; }
        .faq-summary { cursor: pointer; list-style: none; display: flex; align-items: baseline; gap: 0.6em; }
        .faq-summary::-webkit-details-marker { display: none; }
        .faq-plus { color: var(--color-accent-text); font-family: var(--font-mono); flex: 0 0 auto; display: inline-block; transition: transform 0.2s ease; }
        details.faq-item[open] .faq-plus { transform: rotate(45deg); }
        .faq-summary h3 { color: var(--color-text-primary); }
        .mobile-sticky-cta { position: fixed; bottom: 0; left: 0; right: 0; z-index: 90; display: none; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(10, 9, 8, 0.94); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-top: 1px solid var(--color-border-subtle); }
        .mobile-sticky-cta .btn { width: 100%; justify-content: center; }
        @media (max-width: 768px) { .mobile-sticky-cta.is-visible { display: block; } }
}
@layer components {
        .hero-split [data-reveal], .hero-split .kinetic { opacity: 1; transform: none; }
}
@layer legacy {
        .navbar {
            position: relative;
            z-index: 10;
            padding: var(--space-6) var(--space-8);
            border-bottom: 1px solid var(--color-border);
        }
        .navbar-inner {
            max-width: var(--container-wide);
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: var(--space-8);   
        }
        .brand {
            font-family: var(--font-display);
            font-variation-settings: 'opsz' 24, 'SOFT' 0, 'wght' 600;
            font-size: var(--text-lg);
            color: var(--color-text-primary);
            text-decoration: none;
            letter-spacing: -0.01em;
        }
        .brand-accent {
            color: var(--color-accent-text);
        }
        .nav-links {
            display: flex;
            gap: var(--space-5);   
            list-style: none;
            font-family: var(--font-body);
            font-size: var(--text-xs);
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }
        .nav-links a {
            color: var(--color-text-secondary);
            text-decoration: none;
            transition: color var(--duration-fast) var(--ease-out);
        }
        .nav-links a:hover {
            color: var(--color-text-primary);
        }
        .nav-dropdown { position: relative; }
        .nav-dropdown-toggle {
            font: inherit;
            color: var(--color-text-secondary);
            background: none;
            border: none;
            padding: 0;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            transition: color var(--duration-fast) var(--ease-out);
        }
        .nav-dropdown:hover .nav-dropdown-toggle,
        .nav-dropdown:focus-within .nav-dropdown-toggle { color: var(--color-text-primary); }
        .nav-dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            margin-top: var(--space-3);
            padding: var(--space-3) var(--space-4);
            display: flex;
            flex-direction: column;
            gap: var(--space-3);
            min-width: 180px;
            background: var(--color-bg-raised, var(--color-bg-secondary));
            border: 1px solid var(--color-border);
            border-radius: var(--radius-sm);
            list-style: none;
            opacity: 0;
            visibility: hidden;
            transition: opacity var(--duration-fast) var(--ease-out), visibility var(--duration-fast);
            z-index: 20;
        }
        .nav-dropdown:hover .nav-dropdown-menu,
        .nav-dropdown:focus-within .nav-dropdown-menu {
            opacity: 1;
            visibility: visible;
        }
        .nav-dropdown-menu a { white-space: nowrap; }
        @media (max-width: 1269px) {
            .nav-links { display: none; }   
        }
        @media (min-width: 1200px) and (max-width: 1279px) {
            .nav-links { gap: var(--space-3); }
            .navbar-inner { gap: var(--space-4); }
        }
        .hamburger-toggle { display: none; }
        @media (max-width: 1269px) {
            .hamburger-toggle {
                display: flex;
                flex-direction: column;
                gap: 4px;
                width: 44px;
                height: 44px;
                background: transparent;
                border: 0;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                padding: 0;
            }
            .hamburger-toggle span {
                width: 24px;
                height: 2px;
                background: var(--color-text-primary);
                display: block;
            }
            .mobile-menu-overlay[hidden] { display: none; }
            .mobile-menu-overlay {
                position: fixed;
                inset: 0;
                background: rgba(0, 0, 0, 0.95);
                z-index: 1000;
                padding: var(--space-6);
                padding-top: calc(var(--space-6) + env(safe-area-inset-top, 0));
                padding-bottom: calc(var(--space-6) + env(safe-area-inset-bottom, 0));
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
                overscroll-behavior: contain;
            }
            .mobile-menu-close {
                position: absolute;
                top: var(--space-4);
                right: var(--space-4);
                width: 44px;
                height: 44px;
                background: transparent;
                border: 0;
                color: white;
                font-size: 32px;
                cursor: pointer;
                line-height: 1;
            }
            .mobile-menu-nav ul {
                list-style: none;
                padding: 0;
                margin: var(--space-12) 0 0;
            }
            .mobile-menu-nav li {
                margin-bottom: var(--space-4);
            }
            .mobile-menu-nav a {
                color: white;
                text-decoration: none;
                font-size: 20px;
                display: block;
                padding: var(--space-3) 0;
                min-height: 44px;
                font-family: var(--font-body);
                letter-spacing: 0.04em;
                text-transform: uppercase;
            }
        }
        .hero {
            position: relative;
            max-width: var(--container-wide);
            margin: 0 auto;
            padding: var(--space-20) var(--space-8) var(--space-24);
            display: flex;
            flex-direction: column;
        }
        .hero-topmeta-divider {
            width: 32px;
            height: 1px;
            background: var(--color-border-subtle);
        }
        @media (max-width: 860px) {
            .sku-strip > div {
                grid-template-columns: 1fr !important;
                gap: var(--space-6) !important;
            }
            .sku-strip article {
                border-right: none !important;
                border-bottom: 1px solid var(--color-border-subtle);
                padding-bottom: var(--space-6) !important;
            }
            .sku-strip article:last-child { border-bottom: none; padding-bottom: 0 !important; }
        }
        .artifacts-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--space-6);
            margin-bottom: var(--space-20);
        }
        @media (max-width: 860px) {
            .artifacts-grid {
                grid-template-columns: 1fr;
                gap: var(--space-4);
            }
        }
        .artifact-card-meta-label {
            color: var(--color-text-tertiary);
        }
        .artifact-card-meta-value {
            color: var(--color-text-primary);
        }
        .hero-headline {
            max-width: 880px;
            margin-bottom: var(--space-10);
            order: -1; 
        }
        .hero-headline .display-h2 {
            margin-bottom: var(--space-6);
        }
        .hero-headline em {
            font-style: italic;
            font-variation-settings: 'opsz' 72, 'SOFT' 50, 'wght' 500;
            color: var(--color-accent-text);
        }
        .hero-sublead {
            font-size: var(--text-lg);
            line-height: var(--leading-relaxed);
            color: var(--color-text-secondary);
            max-width: 620px;
        }
        .cta-row {
            display: flex;
            gap: var(--space-4);
            align-items: center;
            margin-top: var(--space-10);
            flex-wrap: wrap;
        }
        .cta-note {
            font-family: var(--font-body);
            font-size: var(--text-xs);
            color: var(--color-text-tertiary);
            letter-spacing: 0.02em;
            margin-top: var(--space-4);
        }
        .hero-stats-mobile { display: none; }
        @media (max-width: 768px) and (orientation: portrait) {
            .hero-split .cta-row { margin-top: var(--space-6); }
            .hero-split .hero-price { font-size: var(--text-xl) !important; margin-top: var(--space-4) !important; }
            .hero-stats-mobile {
                display: grid;
                grid-template-columns: 1fr;
                gap: var(--space-3);
                max-width: var(--container-mobile, 380px);
                margin: var(--space-8) auto var(--space-6);
                padding: 0 var(--space-4);
                padding-bottom: env(safe-area-inset-bottom, 0px);
            }
            @media (min-width: 600px) {
                .hero-stats-mobile { grid-template-columns: 1fr 1fr; }
            }
            .hero-stat-card {
                background: rgba(255, 255, 255, 0.02);
                border: 1px solid rgba(255, 255, 255, 0.06);
                border-radius: 12px;
                padding: var(--space-4);
                text-align: center;
                transition: transform 0.15s ease, background 0.15s ease;
            }
            .hero-stat-card:active {
                transform: scale(0.98);
                background: rgba(42, 143, 184, 0.04);
            }
            .hero-stat-num {
                font-family: var(--font-display);
                font-variation-settings: 'opsz' 144, 'wght' 500;
                font-size: 56px;
                line-height: 1;
                color: var(--color-text-primary);
                margin-bottom: var(--space-2);
                font-variant-numeric: tabular-nums;
            }
        }
        @media (prefers-reduced-motion: reduce) {
            .hero-stat-num { transition: none; }
        }
        .section-placeholder {
            max-width: var(--container-med);
            margin: 0 auto;
            padding: 0 var(--space-8) var(--space-24);
        }
        .section-body {
            max-width: var(--container-med);
            margin: 0 auto;
            padding: 0 var(--space-8) var(--space-24);
        }
        .section-headline {
            margin-bottom: var(--space-6);
            max-width: 820px;
        }
        .section-headline em {
            font-style: italic;
            font-variation-settings: 'opsz' 72, 'SOFT' 50, 'wght' 500;
            color: var(--color-accent-text);
        }
        .section-footnote-label {
            font-family: var(--font-mono);   
            color: var(--color-text-tertiary);
            letter-spacing: 0.06em;
            text-transform: uppercase;
            font-size: var(--text-xs);
            margin-right: var(--space-2);
        }
        .section-footnote em {
            font-style: italic;
            color: var(--color-accent-text);
        }
        .before-after {
            display: flex;
            flex-direction: column;
        }
        .ba-row {
            display: grid;
            grid-template-columns: 72px 1fr 1fr;
            gap: var(--space-8);
            padding: var(--space-10) 0;
            border-bottom: 1px solid var(--color-border);
        }
        .ba-row:first-child {
            padding-top: 0;
        }
        .ba-row:last-child {
            border-bottom: none;
        }
        .ba-left, .ba-right {
            display: flex;
            flex-direction: column;
            gap: var(--space-3);
        }
        .ba-left p {
            font-size: var(--text-base);
            line-height: var(--leading-relaxed);
            color: var(--color-text-secondary);
        }
        .ba-right p {
            font-size: var(--text-base);
            line-height: var(--leading-relaxed);
            color: var(--color-text-primary);
        }
        .amber {
            color: var(--color-accent-text);
        }
        @media (max-width: 720px) {
            .ba-row {
                grid-template-columns: 1fr;
                gap: var(--space-5);
                padding: var(--space-8) 0;
            }
        }
        .rozwiazanie-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-6);
        }
        @media (max-width: 860px) {
            .rozwiazanie-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 560px) {
            .rozwiazanie-grid {
                grid-template-columns: 1fr;
            }
        }
        .feature-card {
            padding: var(--space-8);
            background: transparent;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-md);
            display: flex;
            flex-direction: column;
            gap: var(--space-4);
            transition: border-color var(--duration-med) var(--ease-out);
        }
        .feature-card:hover {
            border-color: var(--color-accent-dim);
        }
        .feature-icon {
            width: 28px;
            height: 28px;
            color: var(--color-accent-text);
        }
        .feature-icon svg {
            width: 100%;
            height: 100%;
            stroke: currentColor;
            stroke-width: 1.5;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }
        .feature-title {
            font-family: var(--font-display);
            font-variation-settings: 'opsz' 24, 'SOFT' 0, 'wght' 600;
            font-size: var(--text-xl);
            color: var(--color-text-primary);
            letter-spacing: -0.01em;
            line-height: var(--leading-snug);
        }
        .feature-body {
            font-size: var(--text-sm);
            line-height: var(--leading-relaxed);
            color: var(--color-text-secondary);
        }
        .scenariusze-list {
            font-size: var(--text-xs);
            line-height: var(--leading-relaxed);
            color: var(--color-text-tertiary);
            margin-top: var(--space-1);
            letter-spacing: 0.01em;
        }
        .section-preview-proof {
            padding-bottom: var(--space-16);
        }
        .preview-proof-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--space-12);
            border-top: 1px solid var(--color-border);
            padding-top: var(--space-12);
        }
        @media (max-width: 860px) {
            .preview-proof-grid {
                grid-template-columns: 1fr;
                gap: var(--space-10);
            }
        }
        .preview-col-heading {
            font-family: var(--font-display);
            font-variation-settings: 'opsz' 36, 'SOFT' 20, 'wght' 500;
            font-size: var(--text-2xl);
            color: var(--color-text-primary);
            letter-spacing: -0.015em;
            line-height: var(--leading-snug);
            margin-bottom: var(--space-4);
        }
        .preview-col-lead {
            font-size: var(--text-sm);
            line-height: var(--leading-relaxed);
            color: var(--color-text-secondary);
            margin-bottom: var(--space-6);
        }
        .preview-bullets {
            list-style: none;
            padding: 0;
            margin: 0 0 var(--space-8) 0;
            display: flex;
            flex-direction: column;
            gap: var(--space-3);
        }
        .preview-bullets li {
            font-size: var(--text-sm);
            line-height: var(--leading-relaxed);
            color: var(--color-text-primary);
            padding-left: var(--space-5);
            position: relative;
        }
        .btn-inline {
            display: inline-flex;
            align-self: flex-start;
            align-items: center;
            gap: var(--space-2);
        }
        .proof-points {
            list-style: none;
            padding: 0;
            margin: 0 0 var(--space-6) 0;
            display: flex;
            flex-direction: column;
            gap: var(--space-5);
        }
        .proof-points li {
            display: grid;
            grid-template-columns: 130px 1fr;
            gap: var(--space-5);
            align-items: baseline;
        }
        .proof-metric {
            font-family: var(--font-display);
            font-variation-settings: 'opsz' 36, 'SOFT' 30, 'wght' 500;
            font-size: var(--text-xl);
            color: var(--color-accent-text);
            letter-spacing: -0.01em;
            line-height: var(--leading-snug);
        }
        .proof-detail {
            font-size: var(--text-sm);
            line-height: var(--leading-relaxed);
            color: var(--color-text-secondary);
        }
        @media (max-width: 560px) {
            .proof-points li {
                grid-template-columns: 1fr;
                gap: var(--space-1);
            }
        }
        .diy-picker {
            margin-top: var(--space-6);
            margin-bottom: var(--space-6);
        }
        .diy-picker-buttons {
            display: flex;
            flex-direction: column;
            gap: var(--space-2);
        }
        .diy-picker-button-marker {
            color: var(--color-accent-text);
            font-weight: 500;
        }
        .diy-output {
            display: none;
            margin-top: var(--space-5);
            padding: var(--space-6);
            background: var(--color-bg-raised);
            border: 1px solid var(--color-border);
            border-radius: var(--radius-md);
            opacity: 0;
            transition: opacity var(--duration-med) var(--ease-out);
        }
        .diy-output.is-active {
            display: block;
            opacity: 1;
        }
        @media (max-width: 560px) {
            .diy-output {
                padding: var(--space-5) var(--space-4);
            }
        }
        .audit-pack {
            margin-bottom: var(--space-12);
            padding: var(--space-10) var(--space-8);
            border: 1px solid var(--color-accent);
            border-radius: var(--radius-md);
            background: var(--color-accent-faint);
            display: grid;
            grid-template-columns: 1fr auto;
            gap: var(--space-10);
            align-items: start;
        }
        .audit-pack-title {
            font-family: var(--font-display);
            font-variation-settings: 'opsz' 36, 'SOFT' 0, 'wght' 500;
            font-size: var(--text-2xl);
            color: var(--color-text-primary);
            line-height: var(--leading-snug);
            letter-spacing: -0.01em;
            margin-bottom: var(--space-4);
        }
        .audit-pack-title em {
            font-style: italic;
            font-variation-settings: 'opsz' 72, 'SOFT' 50, 'wght' 500;
            color: var(--color-accent-text);
        }
        .audit-pack-lead {
            font-size: var(--text-base);
            line-height: var(--leading-relaxed);
            color: var(--color-text-secondary);
            margin-bottom: var(--space-6);
            max-width: 60ch;
        }
        .audit-pack-list {
            list-style: none;
            padding: 0;
            margin: 0 0 var(--space-6) 0;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--space-3) var(--space-6);
        }
        .audit-pack-list li {
            font-size: var(--text-sm);
            line-height: var(--leading-relaxed);
            color: var(--color-text-primary);
            padding-left: var(--space-5);
            position: relative;
        }
        .audit-pack-side {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: var(--space-4);
            min-width: 200px;
        }
        .audit-pack-price {
            font-family: var(--font-display);
            font-variation-settings: 'opsz' 72, 'SOFT' 30, 'wght' 500;
            font-size: var(--text-3xl);
            color: var(--color-text-primary);
            letter-spacing: -0.02em;
            line-height: 1;
            text-align: right;
        }
        @media (max-width: 860px) {
            .audit-pack {
                grid-template-columns: 1fr;
                gap: var(--space-6);
                padding: var(--space-8) var(--space-6);
            }
            .audit-pack-list {
                grid-template-columns: 1fr;
            }
            .audit-pack-side {
                align-items: flex-start;
            }
            .audit-pack-price, .audit-pack-price-meta, .audit-pack-credit {
                text-align: left;
            }
        }
        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: var(--space-6);
            margin-bottom: var(--space-12);
        }
        @media (max-width: 720px) {
            .pricing-grid {
                grid-template-columns: 1fr;
            }
        }
        .pricing-card {
            position: relative;
            padding: var(--space-10) var(--space-8);
            border: 1px solid var(--color-border);
            border-radius: var(--radius-md);
            background: var(--color-bg-raised);
            display: flex;
            flex-direction: column;
            gap: var(--space-6);
        }
        .pricing-card-accent {
            border-color: var(--color-accent);
        }
        .pricing-header {
            display: flex;
            flex-direction: column;
            gap: var(--space-1);
        }
        .pricing-tier {
            font-family: var(--font-mono);
            font-size: var(--text-xs);
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--color-text-secondary);
        }
        .pricing-price {
            font-family: var(--font-display);
            font-variation-settings: 'opsz' 72, 'SOFT' 30, 'wght' 500;
            font-size: var(--text-4xl);
            color: var(--color-text-primary);
            letter-spacing: -0.02em;
            line-height: 1;
            margin-top: var(--space-2);
        }
        .pricing-subprice {
            font-family: var(--font-mono);
            font-size: var(--text-xs);
            color: var(--color-text-tertiary);
            letter-spacing: 0.04em;
            margin-top: var(--space-2);
        }
        .pricing-features {
            list-style: none;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: var(--space-3);
            margin: 0;
            flex-grow: 1;
        }
        .pricing-features li {
            font-size: var(--text-sm);
            line-height: var(--leading-relaxed);
            color: var(--color-text-primary);
            padding-left: var(--space-5);
            position: relative;
        }
        .pricing-features li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: var(--color-accent-text);
        }
        .cta-final {
            display: flex;
            gap: var(--space-6);
            align-items: center;
            flex-wrap: wrap;
            padding-top: var(--space-8);
            border-top: 1px solid var(--color-border);
            margin-top: var(--space-12);
        }
        .site-footer {
            border-top: 1px solid var(--color-border);
            padding: var(--space-12) var(--space-8);
            margin-top: var(--space-20);
        }
        .footer-inner {
            max-width: var(--container-wide);
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: var(--space-6);
            flex-wrap: wrap;
        }
        .footer-meta {
            font-family: var(--font-body);
            font-size: var(--text-xs);
            color: var(--color-text-tertiary);
            letter-spacing: 0.02em;
            line-height: 1.6;
        }
        .footer-year {
            font-family: var(--font-display);
            font-variation-settings: 'opsz' 24, 'SOFT' 0, 'wght' 500;
            font-size: var(--text-sm);
            color: var(--color-text-tertiary);
            letter-spacing: 0.14em;
        }
        .breadcrumb-scope {
            padding: var(--space-16) var(--space-6);
            border-top: 1px solid var(--color-border);
            border-bottom: 1px solid var(--color-border);
            background: var(--color-bg-raised);
        }
        .breadcrumb-inner {
            max-width: var(--container-narrow);
            margin: 0 auto;
        }
        .breadcrumb-steps {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: var(--space-6);
            flex-wrap: wrap;
            margin-bottom: var(--space-10);
        }
        .breadcrumb-step {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            gap: var(--space-1);
        }
        .breadcrumb-step-metric {
            font-family: var(--font-display);
            font-variation-settings: 'opsz' 48, 'SOFT' 0, 'wght' 500;
            font-size: var(--text-2xl);
            color: var(--color-accent-text);
            line-height: 1;
        }
        .breadcrumb-copy {
            text-align: center;
            font-family: var(--font-body);
            font-size: var(--text-base);
            line-height: 1.65;
            color: var(--color-text-secondary);
            max-width: 58ch;
            margin: 0 auto;
        }
        .breadcrumb-copy em {
            color: var(--color-text-primary);
            font-style: normal;
            font-weight: 500;
        }
        @media (max-width: 560px) {
            .breadcrumb-scope { padding: var(--space-12) var(--space-4); }
            .breadcrumb-steps { gap: var(--space-3); margin-bottom: var(--space-8); }
            .breadcrumb-step-metric { font-size: var(--text-xl); }
        }
        .section-kalibracja {
            padding: var(--space-24) var(--space-6);
        }
        .kalibracja-inner {
            max-width: var(--container-med);
            margin: 0 auto;
        }
        .kalibracja-lead {
            max-width: 62ch;
            font-family: var(--font-body);
            font-size: var(--text-lg);
            line-height: 1.65;
            color: var(--color-text-secondary);
            margin: var(--space-8) 0 var(--space-16) 0;
        }
        .kalibracja-lead em {
            color: var(--color-text-primary);
            font-style: normal;
            font-weight: 500;
        }
        .kalibracja-timeline {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-6);
            margin-bottom: var(--space-16);
        }
        .kalibracja-step {
            padding: var(--space-8) var(--space-6);
            border: 1px solid var(--color-border);
            background: var(--color-bg-raised);
        }
        .kalibracja-step-title {
            font-family: var(--font-display);
            font-variation-settings: 'opsz' 36, 'SOFT' 0, 'wght' 500;
            font-size: var(--text-xl);
            color: var(--color-text-primary);
            line-height: 1.2;
            margin: 0 0 var(--space-3) 0;
        }
        .kalibracja-step-body {
            font-family: var(--font-body);
            font-size: var(--text-sm);
            line-height: 1.6;
            color: var(--color-text-secondary);
            margin: 0;
        }
        .kalibracja-cta {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: var(--space-6);
            padding-top: var(--space-10);
            border-top: 1px solid var(--color-border);
            flex-wrap: wrap;
        }
        @media (max-width: 860px) {
            .kalibracja-timeline { grid-template-columns: 1fr; gap: var(--space-6); }
        }
        @media (max-width: 560px) {
            .section-kalibracja { padding: var(--space-16) var(--space-4); }
            .kalibracja-cta { flex-direction: column; gap: var(--space-3); }
        }
}
@layer components {
        @media (max-width: 768px) and (orientation: portrait) {
            .hero-split .hero-sublead { font-size: 17px; }}
        .section-lead {
            font-size: var(--text-lg);
            line-height: var(--leading-relaxed);
            color: var(--color-text-secondary);
            max-width: 680px;
            margin-bottom: var(--space-16);
        }
        .section-footnote {
            font-family: var(--font-body);
            font-size: var(--text-sm);
            line-height: var(--leading-relaxed);
            color: var(--color-text-secondary);
            max-width: 680px;
            margin-top: var(--space-16);
            padding-top: var(--space-6);
            border-top: 1px solid var(--color-border);
        }
}
@layer legacy {
.nav-mode-slot { display: flex; align-items: center; flex: 0 0 auto; }
@media (min-width: 1270px) {
  body > .navbar { padding-top: var(--space-5); padding-bottom: var(--space-5); }
  body > .navbar .navbar-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "brand menu" "switch cta";
    row-gap: var(--space-3);
    column-gap: var(--space-8);
    align-items: center;
    max-width: min(100%, 1440px);
  }
  body > .navbar .brand { grid-area: brand; }
  body > .navbar .nav-links { grid-area: menu; justify-self: end; gap: var(--space-3); display: flex; }
  body > .navbar .nav-mode-slot { grid-area: switch; }
  body > .navbar .btn-primary { grid-area: cta; justify-self: end; }
  body > .navbar .nav-links a,
  body > .navbar .nav-dropdown-toggle,
  body > .navbar .btn-primary { white-space: nowrap; }
}
@media (max-width: 899px) {
  .navbar { padding: var(--space-4) var(--space-4); }
  .navbar-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "brand cta burger" "switch switch switch";
    gap: var(--space-3) var(--space-3);
    align-items: center;
  }
  .brand { grid-area: brand; }
  .hamburger-toggle { grid-area: burger; justify-self: end; }
  .nav-mode-slot { grid-area: switch; }
  .navbar .btn-primary { grid-area: cta; justify-self: end; padding: var(--space-3) var(--space-4); font-size: var(--text-sm); }
}
@media (max-width: 400px) {
  .navbar-inner { column-gap: var(--space-2); }
  .navbar .btn-primary { font-size: var(--text-xs); padding: var(--space-3); }
}
}
@layer components {
.mobile-menu-nav .mm-mode a { color: var(--color-accent-text); }
.mobile-menu-nav .mm-note {
  font-family: var(--font-body); font-size: var(--text-sm); text-transform: none;
  letter-spacing: 0; color: #8A837C; margin: calc(-1 * var(--space-3)) 0 var(--space-6);
}
}
@layer legacy {
.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; }
.hero-przeglad-dnia {
  max-width: var(--container-med);
  margin: var(--space-16) auto var(--space-8);
  padding: 0 var(--space-4);
}
.przeglad-wstep { max-width: 62ch; margin: 0 0 var(--space-8); }
.przeglad-eyebrow {
  margin: 0 0 var(--space-3);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-text-tertiary);
}
.przeglad-tytul {
  margin: 0 0 var(--space-4);
  font-family: var(--font-display);
  font-variation-settings: 'opsz' 32, 'wght' 600;
  font-size: var(--text-2xl);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-snug);
  color: var(--color-text-primary);
  text-wrap: balance;
}
.przeglad-lead {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}
.przeglad-figura { margin: 0; }
.wydruk {
  background: var(--color-bg-raised);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-5);
}
.wydruk-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2) var(--space-3);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.06em;
  text-transform: none;
}
.wydruk-label  { color: var(--color-text-primary); }
.wydruk-czas   { color: var(--color-text-tertiary); }
.wydruk-zakres {
  margin-left: auto;
  padding: 2px var(--space-2);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  color: var(--color-text-tertiary);
  white-space: normal;           
}
.wydruk-lista {
  counter-reset: wydruk;
  list-style: none;
  margin: var(--space-5) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1.75;
  color: var(--color-text-secondary);
}
.wydruk-lista > li {
  counter-increment: wydruk;
  position: relative;
  padding-left: 3.2ch;           
}
.wydruk-lista > li::before {
  content: counter(wydruk, decimal-leading-zero);   
  position: absolute;
  left: 0;
  top: 0;
  color: var(--papier-akcent);
  font-variant-numeric: tabular-nums;
}
.wydruk-lista strong {
  font-weight: 600;
  color: var(--color-text-primary);   
}
.wydruk-stopka {
  margin-top: var(--space-5);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.04em;
  color: var(--color-text-tertiary);
}
.przeglad-podpis {
  margin: var(--space-4) 0 0;
  font-family: var(--font-body);
  font-size: var(--text-sm);
  color: var(--color-text-tertiary);
}
@media (min-width: 720px) {
  .hero-przeglad-dnia { padding: 0 var(--space-8); }
  .przeglad-tytul     { font-size: var(--text-3xl); }
  .przeglad-lead      { font-size: var(--text-lg); }
  .wydruk             { padding: var(--space-6) var(--space-8); }
}
.dowod-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-8); max-width: var(--container-med); margin: var(--space-10) auto 0; }
.dowod-item { border: 1px solid var(--color-border); background: var(--color-bg-secondary, var(--color-bg-raised)); padding: var(--space-6); }
.dowod-h { font-family: var(--font-display); font-variation-settings: 'opsz' 32, 'wght' 600; font-size: var(--text-xl); color: var(--color-text-primary); margin: 0 0 var(--space-3); line-height: 1.3; }
.dowod-item > p { margin: 0 0 var(--space-4); font-size: var(--text-base); line-height: 1.65; color: var(--color-text-secondary); }
.dowod-cytat { margin: 0; padding-left: var(--space-5); border-left: 3px solid var(--color-accent); font-size: var(--text-base); line-height: 1.65; color: var(--color-text-primary); }
.dowod-cytat footer { margin-top: var(--space-3); font-family: var(--font-body); font-size: var(--text-xs); letter-spacing: 0.04em; color: var(--color-text-secondary); line-height: 1.5; }
.dowod-cytat footer a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.dowod-zrodlo { margin: 0; font-family: var(--font-body); font-size: var(--text-xs); letter-spacing: 0.04em; color: var(--color-text-secondary); line-height: 1.5; }
@media (min-width: 860px) { .dowod-grid { grid-template-columns: 1fr 1fr; } }
.kwalifikator-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-5); max-width: var(--container-med); margin: var(--space-10) auto 0; }
.kwalifikator-kafel { display: block; padding: var(--space-6); border: 1px solid var(--color-border); background: var(--color-bg-secondary, var(--color-bg-raised)); color: inherit; text-decoration: none; transition: border-color 160ms ease, transform 160ms ease; }
.kwalifikator-kafel:hover, .kwalifikator-kafel:focus-visible { border-color: var(--color-accent); }
.kwalifikator-h { font-family: var(--font-display); font-variation-settings: 'opsz' 32, 'wght' 600; font-size: var(--text-xl); color: var(--color-text-primary); margin: 0 0 var(--space-3); line-height: 1.3; }
.kwalifikator-kafel p { margin: 0 0 var(--space-4); font-size: var(--text-base); line-height: 1.65; color: var(--color-text-secondary); }
.kwalifikator-cta { font-family: var(--font-body); font-size: var(--text-sm); letter-spacing: 0.03em; color: var(--color-accent-text); }
@media (min-width: 860px) { .kwalifikator-grid { grid-template-columns: repeat(3, 1fr); } }
.drabina-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-6); max-width: var(--container-med); margin: var(--space-10) auto 0; }
.drabina-karta { display: flex; flex-direction: column; min-width: 0; }
.drabina-karta-wyrozniona { order: -1; border-color: var(--color-accent); }
.drabina-opis { margin: 0 0 var(--space-4); font-size: var(--text-base); line-height: 1.65; color: var(--color-text-secondary); }
.drabina-lista { margin: 0; padding-left: 1.4em; display: flex; flex-direction: column; gap: var(--space-3); font-size: var(--text-base); line-height: 1.65; color: var(--color-text-secondary); }
.drabina-lista li::marker { color: var(--color-accent-text); }
.logo-pasek-naglowek { margin: 0 0 var(--space-2); font-family: var(--font-body); font-size: var(--text-base); line-height: 1.4; color: var(--color-text-primary); }
.logo-pasek-liczba { margin: 0 0 var(--space-5); font-size: 14px; line-height: 1.5; color: var(--color-text-secondary); }
.logo-pasek-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
@media (min-width: 860px) { .logo-pasek-lista { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.logo-pasek-poz { display: flex; flex-direction: column; gap: var(--space-2); height: 100%; text-decoration: none; color: var(--color-text-primary); }
.logo-pasek-znak { display: flex; align-items: center; justify-content: center; height: 64px; padding: 0 var(--space-3); background: #FFFFFF; border: 1px solid var(--color-border); border-radius: 4px; }
.logo-pasek-znak.is-dark { background: #0A0908; }
.logo-pasek-znak img { height: 36px; width: auto; max-width: 100%; object-fit: contain; }
.logo-pasek-nazwa { font-size: 14px; line-height: 1.35; color: var(--color-text-primary); }
.logo-pasek-link { font-size: 14px; line-height: 1.35; color: var(--color-accent-text); }
.logo-pasek-poz:hover .logo-pasek-link { text-decoration: underline; text-underline-offset: 2px; }
.logo-pasek-poz:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; }
main > #klienci-pasek.section-body { padding-top: var(--space-8) !important; padding-bottom: 0 !important; }
.drabina-karta .btn { margin-top: auto; }
.std-lead { margin: 0; font-family: var(--font-display); font-size: var(--text-xl, 1.35rem); line-height: 1.3; color: var(--color-text-primary); }
.std-kroki { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-5); position: relative; }
.std-kroki::before { content: ""; position: absolute; left: 7px; top: 10px; bottom: 10px; width: 1px; background: linear-gradient(var(--color-accent), color-mix(in srgb, var(--color-accent) 15%, transparent)); }
.std-krok { position: relative; padding-left: var(--space-8, 2rem); display: flex; flex-direction: column; gap: 2px; }
.std-krok::before { content: ""; position: absolute; left: 0; top: 4px; width: 15px; height: 15px; border-radius: 50%; border: 1px solid var(--color-accent); background: var(--color-bg-raised, #131110); box-shadow: inset 0 0 0 4px var(--color-bg-raised, #131110), inset 0 0 0 8px var(--color-accent); }
.std-krok-etap { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-accent-text); }
.std-krok-tytul { font-size: var(--text-base); line-height: 1.4; color: var(--color-text-primary); font-weight: 600; }
.std-krok-opis { font-size: 15px; line-height: 1.6; color: var(--color-text-secondary); }
.std-pakiet { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); font-size: 15px; line-height: 1.5; color: var(--color-text-secondary); }
.std-pakiet li { position: relative; padding-left: 1.6em; }
.std-pakiet li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--color-accent-text); font-weight: 600; }
.std-przypis { margin: 0; font-size: 13px; line-height: 1.6; color: var(--color-text-tertiary); }
.drabina-karta.zwinieta > :not(.pricing-header) { display: none; }
.drabina-karta > .pricing-header[role="button"] { cursor: pointer; }
.drabina-rozwin { display: none; }
.drabina-karta.zwinieta .drabina-rozwin { display: block; margin-top: var(--space-3); font-family: var(--font-body); font-size: var(--text-xs); letter-spacing: 0.03em; color: var(--color-accent-text); }
.drabina-mikrotekst { margin: var(--space-3) 0 0; font-family: var(--font-body); font-size: var(--text-xs); letter-spacing: 0.03em; line-height: 1.6; color: var(--color-text-tertiary); }
@media (min-width: 900px) {
    .drabina-grid { grid-template-columns: repeat(2, 1fr); align-items: stretch; } 
    .drabina-karta-wyrozniona { order: 0; }
}
.zespol-blok { max-width: var(--container-narrow, 760px); margin: var(--space-12) auto 0; padding: var(--space-6) var(--space-8); border-left: 3px solid var(--color-accent); background: var(--color-bg-secondary, var(--color-bg-raised)); line-height: 1.7; }
.zespol-h { font-family: var(--font-display); font-variation-settings: 'opsz' 32, 'wght' 600; font-size: var(--text-2xl); color: var(--color-text-primary); margin: 0 0 var(--space-4); }
.zespol-blok p { margin: 0 0 var(--space-4); font-size: var(--text-base); color: var(--color-text-primary); }
.polka-lista { list-style: none; padding: 0; max-width: var(--container-narrow, 760px); margin: var(--space-10) auto 0; display: flex; flex-direction: column; gap: var(--space-5); }
.polka-pozycja { border: 1px solid var(--color-border); background: var(--color-bg-secondary, var(--color-bg-raised)); padding: var(--space-6); }
.polka-h { font-family: var(--font-display); font-variation-settings: 'opsz' 32, 'wght' 600; font-size: var(--text-xl); color: var(--color-text-primary); margin: 0 0 var(--space-3); line-height: 1.35; }
.polka-cena { color: var(--color-accent-text); }
.polka-pozycja p { margin: 0 0 var(--space-3); font-size: var(--text-base); line-height: 1.65; color: var(--color-text-secondary); }
.polka-pozycja p:last-child { margin-bottom: 0; }
.polka-slot { border-style: dashed; background: transparent; }
.polka-slot .polka-h { color: var(--color-text-tertiary); }
.wa0-wrap { max-width: var(--container-wide); margin: var(--space-10) auto 0; }
.wa0-table { width: 100%; border-collapse: collapse; font-size: var(--text-base); line-height: 1.55; }
.wa0-table th, .wa0-table td { text-align: left; vertical-align: top; padding: var(--space-4); border-bottom: 1px solid var(--color-border); }
.wa0-table thead th { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-text-tertiary); }
.wa0-table tbody th { font-weight: 600; color: var(--color-text-primary); }
.wa0-table td { color: var(--color-text-secondary); }
.wa0-table .wa0-nasza { color: var(--color-text-primary); background: var(--color-accent-faint); }
.wa0-zamkniecie { max-width: var(--container-narrow, 760px); margin: var(--space-8) auto 0; font-size: var(--text-lg); line-height: 1.6; color: var(--color-text-primary); text-align: center; }
@media (max-width: 859px) {
    .wa0-table, .wa0-table tbody, .wa0-table tr, .wa0-table td, .wa0-table th { display: block; }
    .wa0-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
    .wa0-table tr { margin-bottom: var(--space-6); border: 1px solid var(--color-border); padding: var(--space-4); }
    .wa0-table tbody th { border-bottom: 1px solid var(--color-border); padding-left: 0; padding-right: 0; }
    .wa0-table td { border-bottom: none; padding-left: 0; padding-right: 0; }
    .wa0-table td::before { content: attr(data-kol); display: block; font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.05em; text-transform: uppercase; color: var(--color-text-tertiary); margin-bottom: 2px; }
}
.footer-inner-cols { display: flex; flex-direction: column; gap: var(--space-8); align-items: flex-start; }
.footer-claim { margin: var(--space-3) 0 0; max-width: 46ch; font-size: var(--text-sm); line-height: 1.6; color: var(--color-text-secondary); }
.footer-cols { display: grid; grid-template-columns: 1fr; gap: var(--space-6); width: 100%; }
.footer-col-h { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-text-tertiary); margin: 0 0 var(--space-3); font-weight: 400; }
.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.footer-col a { color: var(--color-text-secondary); text-decoration: underline; text-underline-offset: 2px; font-size: var(--text-sm); }
.footer-legal { display: flex; flex-direction: column; gap: var(--space-2); width: 100%; padding-top: var(--space-6); border-top: 1px solid var(--color-border-subtle); }
.footer-legal a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
@media (min-width: 860px) { .footer-cols { grid-template-columns: repeat(3, 1fr); gap: var(--space-10); } }
}
@layer components {
.hero-price { text-wrap: balance; }
.std-rozbicie { max-width: none; white-space: nowrap; margin: calc(-1 * var(--space-2)) 0 0; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em; color: var(--color-text-tertiary); }
.std-pakiet-h { max-width: none; margin: var(--space-2) 0 0; padding-top: var(--space-4); border-top: 1px solid var(--color-border); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-text-tertiary); }
.footer-col a:hover, .footer-col a:focus-visible { color: var(--color-text-primary); }
}
@layer legacy {
.opinie { max-width: var(--container-med, 960px); margin: var(--space-10, 40px) auto 0; }
.opinie-gora { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4, 16px); margin-bottom: var(--space-4, 16px); }
.opinie-zakladki { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.opinie-zakladki a { padding: 6px 0; font-size: var(--text-sm, 14px); font-weight: 500; color: var(--color-text-tertiary); text-decoration: none; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; }
.opinie-zakladki a:hover { color: var(--color-text-secondary); }
.opinie-zakladki a[aria-current="true"] { color: var(--color-text-primary); border-bottom-color: var(--color-accent); }
.opinie-strzalki { display: none; gap: 8px; flex-shrink: 0; }
.opinie.js-gotowe .opinie-strzalki { display: inline-flex; }
.opinie-strzalki button { width: 38px; height: 38px; border-radius: 999px; border: 1px solid var(--color-line, var(--color-border-subtle)); background: transparent; color: var(--color-text-primary); font-size: 16px; line-height: 1; cursor: pointer; transition: border-color .2s, opacity .2s; }
.opinie-strzalki button:hover { border-color: var(--color-accent); }
.opinie-strzalki button:disabled { opacity: .3; cursor: default; }
.opinie-strzalki button:focus-visible, .opinie-zakladki a:focus-visible, .opinie-tor:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; }
.opinie-tor { position: relative; display: flex; gap: var(--space-5, 20px); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 4px; }
.opinie-tor::-webkit-scrollbar { display: none; }
.opinia .dowod-cytat { order: -1; border-left: 0; padding: 0; margin: 0 0 var(--space-5, 20px); font-family: var(--font-display); font-size: clamp(1.15rem, 1.9vw, 1.4rem); line-height: 1.45; }
.opinia .dowod-cytat footer { margin-top: var(--space-4, 16px); font-family: var(--font-body); color: #5A5046; }
.opinia .dowod-h { margin: auto calc(-1 * var(--opinia-pad)) var(--space-2, 8px); padding: var(--space-4, 16px) var(--opinia-pad) 0; border-top: 1px solid #C9AD88; font-size: var(--text-base, 16px); }
.opinia > p { font-size: var(--text-sm, 14px); margin: 0 0 var(--space-5, 20px); }
.opinie.js-gotowe .opinie-tor { align-items: flex-start; overflow-y: hidden; transition: height .35s ease; }
.opinie.js-gotowe .opinie-tor > .opinia:not(.is-aktywna) { opacity: .38; filter: saturate(.6); cursor: pointer; }
.opinie.js-gotowe .opinie-tor > .opinia:not(.is-aktywna):hover { opacity: .6; }
#jak-to-dziala .dowod-grid--solo { grid-template-columns: 1fr; }
#jak-to-dziala .dowod-grid--solo > .dowod-item { grid-column: 1 / -1; }
@media (max-width: 760px) {
  .opinie.js-gotowe .opinie-strzalki { display: none; }
  .opinie-zakladki { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
  .opinie-zakladki::-webkit-scrollbar { display: none; }
}
@media (min-width: 761px) {
  html:not([data-theme="light"]) .hero > .hero-split::before {
    -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 340px), transparent calc(100% - 40px));
    mask-image: linear-gradient(180deg, #000 calc(100% - 340px), transparent calc(100% - 40px));
  }
}
.opinie.js-gotowe .opinie-tor > .opinia:not(.is-aktywna) {
  max-height: 100%; overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 80px), transparent);
  mask-image: linear-gradient(180deg, #000 calc(100% - 80px), transparent);
}
#polka .polka-lista { margin-left: 0; }
html [data-reveal], html .kinetic { opacity: 1; transform: none !important; transition: none !important; will-change: auto; }
html .kinetic.display-h1 { font-variation-settings: 'opsz' 144, 'SOFT' 50, 'wght' 400 !important; }
html body #dla-kogo::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; background: var(--color-bg); }
@media (prefers-reduced-motion: reduce) {
  .opinie-tor, .opinie.js-gotowe .opinie-tor { scroll-behavior: auto; transition: none; }
}
}
@layer components {
.opinie-tor > .dowod-item.opinia {
  --color-text-primary: #1A1814; --color-text-secondary: #4F473D; --color-accent: #8F6537; --color-accent-text: #7A5429;
  --opinia-pad: var(--space-6, 24px);
  flex: 0 0 min(640px, 84%); scroll-snap-align: start; display: flex; flex-direction: column;
  background: #EAD6BB; border: 1px solid #C9AD88; border-top: 3px solid #1A1814; border-radius: 4px;
  padding: var(--opinia-pad) var(--opinia-pad) 0; color: var(--color-text-primary);
  transition: opacity .45s ease, filter .45s ease;
}
.opinie-tor > .dowod-item.opinia:hover { border-color: #B8956A; border-top-color: #1A1814; }
@media (max-width: 760px) {
  .opinie-tor > .dowod-item.opinia { flex-basis: 88%; --opinia-pad: var(--space-5, 20px); }}
html:not([data-theme="light"]) .hero-split .hero-sublead { color: rgba(247, 243, 236, 0.92); }
html .kinetic.display-h2 { font-variation-settings: 'opsz' 72, 'SOFT' 30, 'wght' 500; }
html body #dla-kogo a.kwalifikator-cta { color: var(--color-accent-text, var(--color-accent)); }
html body #dla-kogo { position: relative; z-index: 1; text-align: center; padding-top: var(--space-12); }
html body #dla-kogo .body-lead { font-family: var(--font-display); font-style: italic; font-size: var(--text-2xl); line-height: 1.35; color: var(--color-text-primary); margin: 0 auto var(--space-4); max-width: 640px; }
html body .btn-primary, html body .navbar .btn-primary, html[data-theme="light"] body .btn-primary { color: var(--color-on-accent); }
@media (prefers-reduced-motion: reduce) {
  .opinie-tor > .dowod-item.opinia { transition: none; }}
}