/* ===== Style strony głównej (index.html) — przeniesione z inline <style> ===== */

        /* ===== Style specyficzne dla przebudowanej strony głównej ===== */

        /* Hero: mocniejszy, konkretny */
        .masthead .eyebrow {
            display: inline-block;
            font-family: 'Inter', sans-serif;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.04em;
            color: var(--accent);
            background: var(--accent-bg);
            padding: 5px 12px;
            border-radius: 20px;
            margin-bottom: 1.25rem;
        }
        .masthead h1 { max-width: 640px; }
        .hero-sub { max-width: 540px; font-size: 1.0625rem; color: var(--ink-secondary); line-height: 1.7; }

        /* Ścieżki: 3 sytuacje klienta */
        .path-card {
            background: var(--surface);
            border: 1px solid var(--border);
            border-top: 3px solid var(--accent-hover);
            box-shadow: var(--shadow-sm);
            padding: 1.75rem;
            height: 100%;
            display: flex;
            flex-direction: column;
            transition: all 0.2s var(--ease);
        }
        .path-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
        .path-card .path-quote {
            font-family: 'Lora', serif;
            font-style: italic;
            font-size: 1.1875rem;
            font-weight: 500;
            color: var(--ink);
            line-height: 1.45;
            margin-bottom: 1rem;
        }
        .path-card .path-quote::before { content: '\201E'; color: var(--accent); }
        .path-card .path-quote::after { content: '\201D'; color: var(--accent); }
        .path-card .path-label {
            font-family: 'Inter', sans-serif;
            font-size: 0.6875rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--ink-faint);
            margin-bottom: 0.35rem;
        }
        .path-card .path-name {
            font-family: 'Lora', serif;
            font-weight: 600;
            font-size: 1.125rem;
            color: var(--ink);
            margin-bottom: 0.5rem;
        }
        .path-card .path-text { color: var(--ink-muted); font-size: 0.9375rem; line-height: 1.65; }
        .path-card .path-price { font-family: 'Inter', sans-serif; font-size: 0.8125rem; color: var(--ink-faint); margin: 0.75rem 0 1rem; }
        .path-guide { font-size: 0.9375rem; color: var(--ink-secondary); }

        /* Proces: kroki 1-2-3-4 */
        .process-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.75rem;
        }
        @media (max-width: 991px) { .process-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 575px) { .process-grid { grid-template-columns: 1fr; } }
        .process-step { position: relative; }
        .process-step .step-num {
            width: 40px; height: 40px;
            display: inline-flex; align-items: center; justify-content: center;
            border-radius: 50%;
            background: var(--accent); color: #fff;
            font-family: 'Inter', sans-serif; font-weight: 700; font-size: 1rem;
            margin-bottom: 0.9rem;
        }
        .process-step h5 { font-family: 'Lora', serif; font-weight: 600; font-size: 1.0625rem; color: var(--ink); margin-bottom: 0.4rem; }
        .process-step p { color: var(--ink-muted); font-size: 0.9375rem; line-height: 1.6; margin-bottom: 0; }
        .process-note { font-size: 0.9375rem; color: var(--ink-secondary); }

        /* Dlaczego tak, a nie taniej */
        .why-list { list-style: none; padding: 0; margin: 0; }
        .why-list li { display: flex; gap: 0.85rem; margin-bottom: 1rem; color: var(--ink-secondary); line-height: 1.65; }
        .why-list li i { flex-shrink: 0; margin-top: 0.3em; color: var(--accent); }
        .why-list li strong { color: var(--ink); }

        /* Pasek zaufania: firmy + inicjatywy */
        .proof-groups { margin-top: 2.25rem; display: flex; flex-direction: column; gap: 1.75rem; }
        .proof-eyebrow {
            font-family: 'Inter', sans-serif;
            font-size: 0.6875rem; font-weight: 700;
            text-transform: uppercase; letter-spacing: 0.12em;
            color: var(--ink-faint); margin-bottom: 0.9rem;
        }
        .proof-list.proof-env li { padding: 0; border: none; background: transparent; }
        .proof-list.proof-env li a {
            display: inline-block;
            padding: 6px 14px;
            border: 1px solid var(--border);
            border-radius: 20px;
            background: var(--surface-alt);
            color: var(--ink-secondary);
            text-decoration: none;
            transition: all 0.15s var(--ease);
        }
        .proof-list.proof-env li a:hover { border-color: var(--accent); color: var(--accent-hover); }
        /* Firmy: równa siatka, wypełnia szerokość, ale pojedynczy kafelek w nowym wierszu się nie rozciąga */
        .proof-list-wide {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
            gap: 0.75rem;
        }
        .proof-list-wide li { text-align: center; }
        .proof-env-note { margin-top: 0.9rem; font-size: 0.875rem; color: var(--ink-muted); max-width: 620px; margin-left: auto; margin-right: auto; line-height: 1.6; }

        /* Miejsce na dowód (do uzupełnienia) */
        .proof-placeholder {
            border: 1px dashed var(--border);
            border-radius: var(--radius);
            padding: 2.5rem 1.5rem;
            text-align: center;
            background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(180,83,9,0.015) 10px, rgba(180,83,9,0.015) 20px);
        }
        .proof-placeholder .ph-label { font-family: 'Inter', sans-serif; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-faint); }
        .proof-placeholder p { color: var(--ink-muted); margin: 0.5rem auto 0; max-width: 460px; font-size: 0.9375rem; }

        /* Środowisko / społeczność praktyków */
        .community-panel {
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: var(--radius);
            padding: 1.75rem;
        }
        .community-grid { display: flex; flex-wrap: wrap; gap: 0.75rem; }
        .community-chip {
            display: inline-flex; align-items: center; gap: 0.5rem;
            padding: 0.6rem 1.15rem;
            border: 1px solid var(--border);
            border-radius: 999px;
            background: var(--surface-alt);
            font-family: 'Inter', sans-serif;
            font-size: 0.9375rem; font-weight: 500;
            color: var(--ink-secondary);
            text-decoration: none;
            transition: all 0.15s var(--ease);
        }
        a.community-chip:hover { border-color: var(--accent); color: var(--accent-hover); background: var(--surface); transform: translateY(-2px); box-shadow: var(--shadow-sm); }
        .community-chip i { font-size: 0.6875rem; color: var(--ink-faint); }
        a.community-chip:hover i { color: var(--accent); }
        .community-chip.is-static { color: var(--ink-muted); }