/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-3z5seg3kfq] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-3z5seg3kfq] { flex: 1; }

/* Page transition wrapper */
.page-transition[b-3z5seg3kfq] { 
    opacity:1; 
    transform:translateY(0); 
    transition: opacity .3s ease-in-out, transform .3s ease-in-out; 
    will-change:opacity,transform; 
}
.page-transition.is-fading-out[b-3z5seg3kfq] { opacity:0; transform:translateY(4px); }
.page-transition.is-fading-in[b-3z5seg3kfq] { opacity:0; }
.page-transition.is-visible[b-3z5seg3kfq] { opacity:1; transform:translateY(0); }

/* Navbar tweaks */
.navbar[b-3z5seg3kfq] { position: sticky; top: 0; z-index: 1030; backdrop-filter: saturate(180%) blur(6px); }
.navbar[b-3z5seg3kfq]  .nav-link { position: relative; color: var(--bs-emphasis-color); font-weight: 600; font-size: .95rem; padding: .5rem .7rem; border-radius: .65rem; text-transform: uppercase; letter-spacing: .03em; }
[data-bs-theme="dark"] .navbar[b-3z5seg3kfq]  .nav-link:hover { background: rgba(255,255,255,.06); }
.navbar[b-3z5seg3kfq]  .nav-link.active { font-weight: 700; color: var(--bs-primary); }
.navbar[b-3z5seg3kfq]  .nav-link::after { content:""; position:absolute; left:.7rem; right:.7rem; bottom:.35rem; height:2px; background:linear-gradient(90deg,var(--bs-primary),var(--bs-info)); opacity:0; transform:scaleX(.2); transform-origin:left; transition:opacity .25s ease,transform .25s ease; }
.navbar[b-3z5seg3kfq]  .nav-link:hover::after, .navbar[b-3z5seg3kfq]  .nav-link.active::after { opacity:1; transform:scaleX(1); }
.cta-btn[b-3z5seg3kfq]{ box-shadow:0 2px 8px rgba(22,163,74,.25); }

@media (min-width: 992px){ .collapse-inner[b-3z5seg3kfq]{ display:flex; width:100%; } .collapse-inner .navbar-nav[b-3z5seg3kfq]{ flex:1 1 auto; gap: 1.4rem; } .collapse-inner .nav-actions[b-3z5seg3kfq]{ margin-left:auto; } }
@media (max-width: 991.98px){ #topNav.overlay-open[b-3z5seg3kfq]{ position:fixed !important; left:0; right:0; z-index: 1031; opacity:1; } #topNav.overlay-open.overlay-fade[b-3z5seg3kfq]{ transition: opacity .16s ease-in; opacity:0; } }
.navbar-light .navbar-toggler[b-3z5seg3kfq] { border-color: rgba(0,0,0,.2); }
.navbar-light .navbar-toggler-icon[b-3z5seg3kfq] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%280,0,0,.100%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
[data-bs-theme="dark"] .navbar-light .navbar-toggler[b-3z5seg3kfq] { border-color: rgba(255,255,255,.3); }
[data-bs-theme="dark"] .navbar-light .navbar-toggler-icon[b-3z5seg3kfq] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255,255,255,.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
footer[b-3z5seg3kfq] { background: transparent; }
.navbar-logo[b-3z5seg3kfq]{ height:64px; } @media (max-width: 576px){ .navbar-logo[b-3z5seg3kfq]{ height:48px; } }
@media (max-width: 991.98px) { header.navbar[b-3z5seg3kfq] { position: sticky; top: 0; } header .navbar-collapse[b-3z5seg3kfq] { position: static; background: var(--bs-body-bg); padding: .5rem 0; max-height: none; overflow: visible; box-shadow: none; border: 0; } header .navbar-nav[b-3z5seg3kfq]  .nav-link { padding: .75rem .95rem; border-radius: .7rem; } header .navbar[b-3z5seg3kfq]  .nav-link { color: var(--bs-emphasis-color); } }
@media (max-width: 991.98px){ .navbar-light .navbar-toggler[b-3z5seg3kfq] { display: inline-flex; border-color: rgba(0,0,0,.3); background-color: rgba(0,0,0,.03); padding: .35rem .5rem; } .navbar-light .navbar-toggler-icon[b-3z5seg3kfq]{ filter: none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%280,0,0,.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); width: 1.8rem; height: 1.8rem; } header .navbar-collapse[b-3z5seg3kfq] { position: static; background: var(--bs-body-bg); padding: .5rem 0; } }
@media (max-width: 991.98px){ .navbar-light .navbar-toggler[b-3z5seg3kfq]{display:inline-flex;border-color:rgba(0,0,0,.7);background:rgba(0,0,0,.15);padding:.5rem .7rem;border-radius:.6rem;box-shadow:0 3px 8px rgba(0,0,0,.35);}  .navbar-light .navbar-toggler-icon[b-3z5seg3kfq]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");width:2rem;height:2rem;} #topNav.collapse:not(.show)[b-3z5seg3kfq]{display:block; height:0; overflow:hidden;} #topNav[b-3z5seg3kfq]{padding:0 !important; background:var(--bs-body-bg);}  #topNav.collapse[b-3z5seg3kfq]{padding:0; background:var(--bs-body-bg);}  #topNav.show[b-3z5seg3kfq]{ box-shadow:0 10px 24px -6px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.08); } #topNav.collapsing[b-3z5seg3kfq]{ overflow:hidden;  transition:height 0.4s ease-in-out;  box-shadow:0 10px 24px -6px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.08); } #topNav.instant-hide.collapsing[b-3z5seg3kfq]{ transition-duration:.01s !important; } #topNav > .collapse-inner[b-3z5seg3kfq]{ padding:.6rem 1rem .7rem; opacity:0;  transform:translateY(-4px);  transition:opacity .22s ease-out, transform .22s ease-out;  will-change:opacity,transform; }  #topNav.opening.content-visible > .collapse-inner[b-3z5seg3kfq]{opacity:1; transform:translateY(0);}  #topNav.show > .collapse-inner[b-3z5seg3kfq]{opacity:1; transform:none;}  #topNav.closing > .collapse-inner[b-3z5seg3kfq]{opacity:0!important; transform:translateY(-4px)!important; transition:none!important;}  #topNav .navbar-nav[b-3z5seg3kfq]{ gap:.15rem; } #topNav[b-3z5seg3kfq]  .nav-link{padding:.60rem .95rem; border-radius:.7rem; } .nav-actions[b-3z5seg3kfq]{margin-top:.4rem;}  }
.navbar .navbar-toggler[b-3z5seg3kfq] { --tg-bg: rgba(0,0,0,.62); --tg-bg-hover: rgba(0,0,0,.78); --tg-ring: rgba(25,135,84,.55); --tg-border: rgba(255,255,255,.35); display: inline-flex; align-items: center; justify-content: center; padding: .5rem .7rem; border-radius: .8rem; border: 1px solid var(--tg-border); background: var(--tg-bg); box-shadow: 0 4px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06); transition: background .18s ease, transform .12s ease, box-shadow .18s ease; }
.navbar .navbar-toggler:hover[b-3z5seg3kfq] { background: var(--tg-bg-hover); transform: translateY(-1px); }
.navbar .navbar-toggler:active[b-3z5seg3kfq] { transform: translateY(0); }
.navbar .navbar-toggler:focus-visible[b-3z5seg3kfq] { outline: 2px solid transparent; box-shadow: 0 6px 18px rgba(0,0,0,.4), 0 0 0 .2rem var(--tg-ring); }
.navbar .navbar-toggler .navbar-toggler-icon[b-3z5seg3kfq] { width: 2rem; height: 2rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.95)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M5 8h20M5 15h20M5 22h20'/%3E%3C/svg%3E"); background-size: 100% 100%; filter: none; }
.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon[b-3z5seg3kfq] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.98)' stroke-linecap='round' stroke-width='2' d='M7 7l16 16M23 7L7 23'/%3E%3C/svg%3E"); }

/* Global Back-to-top styles with attention slide */
.back-to-top[b-3z5seg3kfq] { position: fixed; right: 28px; bottom: 15px; z-index: 1050; opacity: 0; pointer-events: none; transform: translateX(0) translateY(12px); transition: opacity .35s ease, transform .35s ease; display:flex; flex-direction:column; align-items:center; }
.back-to-top.visible[b-3z5seg3kfq] { opacity:1; transform: translateX(0) translateY(0); pointer-events:auto; }
.back-to-top.attention[b-3z5seg3kfq] { animation: backToTopSlide-b-3z5seg3kfq 0.6s ease-out forwards; }
@media(max-width:768px) { .back-to-top.attention[b-3z5seg3kfq] { animation: backToTopSlide-b-3z5seg3kfq 0.5s ease-out forwards; } }
@keyframes backToTopSlide-b-3z5seg3kfq { 0% { transform: translateX(calc(-50vw + 28px)) translateY(0); opacity:0; } 55% { transform: translateX(8px) translateY(0); } 70% { transform: translateX(-4px) translateY(0); } 20% { opacity:1; } 85% { transform: translateX(3px) translateY(0); } 100% { transform: translateX(0) translateY(0); opacity:1; } }

.backToTopBtn[b-3z5seg3kfq] { background:none; border:none; padding:2px; cursor:pointer; color:#0ea5e9; display:inline-flex; align-items:center; justify-content:center; font-size:2.6rem; line-height:1; transition: color .25s ease, transform .2s ease; text-shadow:0 3px 10px rgba(0,0,0,.35); -webkit-tap-highlight-color: transparent; user-select: none; touch-action: manipulation; }
.backToTopBtn:hover[b-3z5seg3kfq] { color:#16a34a; transform: translateY(-3px); }
.backToTopBtn:active[b-3z5seg3kfq] { transform: translateY(0); }
.backToTopBtn:focus-visible[b-3z5seg3kfq] { outline:2px solid #16a34a; outline-offset:3px; border-radius:6px; }

/* Disable color/hover/focus effects and tooltip on touch devices */
@media (hover: none), (pointer: coarse) {
  .backToTopBtn:hover[b-3z5seg3kfq], .backToTopBtn:active[b-3z5seg3kfq] { color: #0ea5e9; transform: none; }
  .backToTopBtn:focus[b-3z5seg3kfq], .backToTopBtn:focus-visible[b-3z5seg3kfq] { outline: none; }
  .back-to-top.visible:hover .backToTopTooltip[b-3z5seg3kfq] { display: none !important; }
  .backToTopTooltip[b-3z5seg3kfq] { display: none !important; }
}

.backToTopTooltip[b-3z5seg3kfq] { font-size:.78rem; line-height:1.1; padding:.4rem .55rem; border-radius:6px; background:rgba(17,24,39,.9); color:#e5e7eb; border:1px solid rgba(255,255,255,.12); box-shadow:0 6px 18px rgba(0,0,0,.35); opacity:0; transform:translateY(6px); transition:opacity .18s ease, transform .18s ease; pointer-events:none; white-space:nowrap; margin-top:6px; text-align:center; }
.back-to-top.visible:hover .backToTopTooltip[b-3z5seg3kfq] { opacity:1; transform:translateY(0); }
@media (max-width:576px){ .backToTopTooltip[b-3z5seg3kfq]{display:none;} .back-to-top[b-3z5seg3kfq]{ right:22px; } }

/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Professional topbar styling */
.topbar[b-wqfpujqjxi]{position:sticky;top:0;z-index:1030;display:flex;gap:1rem;align-items:center;padding:10px 20px;background:var(--bs-body-bg);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid rgba(0,0,0,.06)}
.topbar .brand[b-wqfpujqjxi]{font-weight:800;margin-right:auto;color:var(--bs-emphasis-color);text-decoration:none}
.topbar .links[b-wqfpujqjxi]{display:flex;gap:.5rem}
.topbar .nav-link[b-wqfpujqjxi]{position:relative;padding:8px 12px;border-radius:10px;color:var(--bs-emphasis-color);text-decoration:none;font-weight:500;transition:color .2s ease,background-color .2s ease}
.topbar .nav-link:hover[b-wqfpujqjxi]{background:rgba(0,0,0,.04)}
[data-bs-theme="dark"] .topbar .nav-link:hover[b-wqfpujqjxi]{background:rgba(255,255,255,.06)}
.topbar .nav-link.active[b-wqfpujqjxi]{font-weight:700;color:var(--bs-primary)}
.topbar .nav-link[b-wqfpujqjxi]::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:linear-gradient(90deg,var(--bs-primary),var(--bs-info));opacity:0;transform:scaleX(.2);transform-origin:left;transition:opacity .25s ease,transform .25s ease}
.topbar .nav-link:hover[b-wqfpujqjxi]::after,.topbar .nav-link.active[b-wqfpujqjxi]::after{opacity:1;transform:scaleX(1)}
.topbar .cta[b-wqfpujqjxi]{background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff;border-radius:999px;padding:8px 14px;box-shadow:0 2px 8px rgba(22,163,74,.25)}
.topbar .cta:hover[b-wqfpujqjxi]{filter:brightness(1.05)}
@media (max-width:768px){.topbar[b-wqfpujqjxi]{gap:.5rem;padding:8px 12px}.topbar .links[b-wqfpujqjxi]{gap:.25rem}.topbar .nav-link[b-wqfpujqjxi]{padding:6px 8px}.topbar .brand[b-wqfpujqjxi]{font-size:1rem}}
/* /Components/Pages/FunctionalityPage.razor.rz.scp.css */
.functionality[b-co1t2cfwjw] {
    padding-block: 0.5rem 1rem;
}

/* Wideo */
.video-card[b-co1t2cfwjw] {
    border-radius: .9rem;
    overflow: hidden;
    background: #000;
    box-shadow: 0 10px 26px rgba(0,0,0,.16);
}

.functionality--video[b-co1t2cfwjw] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Opis i lista funkcjonalności */
.functionality--description[b-co1t2cfwjw]{
    background: linear-gradient(180deg, #ffffff, #f8fbff 70%);
    border-left: 6px solid var(--color-primary--violet);
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,.16);
    padding: 1rem 1.25rem;
}

.functionality--videoDescription[b-co1t2cfwjw]{
    /* zarezerwowane na ewentualny opis wideo */
}

.functionality-list[b-co1t2cfwjw] {
    list-style: none; /* usuwa domyślne kropki */
    padding: 0;
    margin: 0;
}

.functionality-list li[b-co1t2cfwjw] {
    position: relative;
    padding-left: 0; /* przenosimy padding do .feature-item */
    margin-bottom: .6rem;
    font-size: 1.08rem;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    transition: transform .12s ease, color .12s ease;
}

.functionality-list li:hover[b-co1t2cfwjw] { transform: translateX(2px); }

/* kontener jednej pozycji */
.feature-item[b-co1t2cfwjw] {
    background: linear-gradient(135deg,#ffffff,#f6f9ff 80%);
    border: 1px solid rgba(23,1,164,.12);
    border-radius: 14px;
    padding: .45rem 1rem .45rem 3.2rem; /* miejsce na pseudoikonę */
    position: relative;
    box-shadow: 0 2px 6px rgba(0,0,0,.06);
}
.feature-item:hover[b-co1t2cfwjw] {
    box-shadow: 0 4px 12px rgba(0,0,0,.10);
}

/* ikona check przeniesiona na feature-item */
.feature-item[b-co1t2cfwjw]::before {
    content: "✔";
    position: absolute;
    left: .9rem;
    top: .55rem;
    color: var(--color-primary--violet);
    font-weight: 800;
    font-size: 1.05rem;
}

/* usuń ikonę check dla nieaktywnych, zachowaj wyrównanie (padding zostaje) */
.feature-item.feature-item--inactive[b-co1t2cfwjw]::before {
    content: "";
}

/* niedostępne funkcjonalności – jak benefity (bez przekreślenia, bez ikony) */
.functionality-list .benefitItem--disabled[b-co1t2cfwjw] {
    opacity: 0.55;
    filter: grayscale(100%);
    cursor: not-allowed;
}

.functionality--header[b-co1t2cfwjw]{
    font-weight: 630;
    font-size: 1.4rem;
}

/* Grid korzyści – pionowe separatory na desktopie */
.benefits-grid[b-co1t2cfwjw] { row-gap: 1.25rem; }

@media (min-width: 768px) {
    .functionality[b-co1t2cfwjw] { padding-block: 1rem 1.5rem; }
    .functionality--description[b-co1t2cfwjw] { padding: 1.25rem 1.5rem; }
}


/* /Components/Pages/Home components/BadgeWithShortcuts.razor.rz.scp.css */

/* Karty kroków */
.process-card[b-sd9kjypxpu] {
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    background: #fff;
}

    .process-card:hover[b-sd9kjypxpu] {
        transform: translateY(-2px);
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,.1);
        border-color: rgba(18, 184, 134, .45);
    }

/* Numerowane „badges” (lekkie, techniczne) */
.num-badge[b-sd9kjypxpu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-weight: 700;
    font-size: .9rem;
    color: #0f5132;
    background: #d1fae5;
    border: 1px solid #a7f3d0;
    border-radius: 999px;
}

/* Małe chipy podsumowujące */
.mini-chip[b-sd9kjypxpu] {
    display: inline-block;
    font-size: .75rem;
    font-weight: 600;
    padding: .2rem .5rem;
    border-radius: .5rem;
    background: #f1f3f5;
    border: 1px solid #e9ecef;
    color: #495057;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.hero[b-s6piwgojnl] {
        position: relative;
        width: 100%; /* wypełnij całe body */
        max-width: 100%;
        overflow: hidden; /* utnij wszelkie 1px wycieki */
        margin: 0; /* brak marginesów bocznych */
        background-color: black;
        z-index: 0;
        padding: 0 0 10px 0;
    }

    .hero__bg2[b-s6piwgojnl] {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-repeat: no-repeat;
        background-size: cover; /* pełne pokrycie */
        background-position: center top; /* ładne ułożenie */
        box-shadow: 0 0 10px 0 rgb(2, 77, 218);
        z-index: -1;
        will-change: transform;
        transform: translateZ(0);
    }
    .hero__headerContainer[b-s6piwgojnl]{
        position: relative;
        width: 40%;
        margin: 6rem 0 20rem 8%;
        color: white;
        z-index: 1;
    }

    .hero__h1[b-s6piwgojnl] {
        font-size: clamp(32px, 4vw, 44px);
        outline: none;
    }
    .hero__h2[b-s6piwgojnl] {
        font-size: clamp(22px, 2vw, 32px);
    }
    .hero__h3[b-s6piwgojnl] {
        font-size: clamp(16px, 1vw, 28px);
        font-weight: 600;
    }

    
    .hero__list[b-s6piwgojnl] {
        font-weight: 500;
        width: 70%;
        list-style: none;
    }
    .hero__list img[b-s6piwgojnl] {
        width: 40px;
        margin: 0 10px 0 0px;
    }
        .hero__list li[b-s6piwgojnl] {
            display: flex;
            align-items: center;
            margin: 0.5rem 0 0.5rem 0;
            opacity: 0;
            font-size: 1.2rem; /* większy tekst */
            /* Fade-in transition for non-animated (seen) state */
            transition: opacity .55s ease; 
        }

/* --- CTA buttons --- */
.hero__cta[b-s6piwgojnl] {
    display: inline-flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .75rem;
}

.btn-offer[b-s6piwgojnl] {
    --b: 1.5px; /* border width */
    --r: 999px; /* radius */
    --p: .55rem .95rem; /* padding */
    --bg: #111; /* base bg */
    --fg: #fff; /* base color */
    --hover: #fff; /* hover bg */
    --hover-fg: #111; /* hover fg */
    position: relative;
    display: inline-block;
    padding: var(--p);
    border-radius: var(--r);
    color: var(--fg);
    background: var(--bg);
    border: var(--b) solid #222;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: .3px;
    box-shadow: 0 8px 24px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.06);
    transition: all .25s ease;
}
    /* Ujednolicenie rozmiarów, wagi i zaokrąglenia obu przycisków */

.functionality-section .btn-offer-blue[b-s6piwgojnl],
.hero__cta .btn[b-s6piwgojnl],
/* ---------- WSPÓLNE USTAWIENIA CTA W HERO ---------- */
.hero__cta .btn-offer-blue[b-s6piwgojnl] {
    padding: .375rem 1rem; /* taki sam odstęp jak standardowy .btn, daje zrównoważoną wysokość */
    line-height: 1.5; /* wysokość linii równa innym przyciskom – identyczny „rytm” tekstu */
    font-weight: 700; /* gruby font, żeby przycisk był czytelny na tle zdjęcia */
    border-radius: 999px !important; /* maksymalne zaokrąglenie, tworzy kapsułkę matching z zielonym */
}

.functionality-section .btn-offer-blue[b-s6piwgojnl] {
    padding: .7rem 2.1rem;
}
/* ---------- GŁÓWNY STYL PRZYCISKU OFERTA ---------- */
.btn-offer-blue[b-s6piwgojnl] {
    position: relative; /* pozwala dodawać pseudo-elementy/efekty w przyszłości */
    display: inline-flex; /* umożliwia ustawienie ikony + tekstu w jednej linii */
    align-items: center; /* pionowe wyrównanie środka – wygląda równo i estetycznie */
    gap: .5rem; /* odstęp między ikoną a tekstem, zwiększa czytelność */

    color: #fff; /* biały tekst – maksymalny kontrast na ciemniejszym niebieskim */
    /* lekko przygaszony, bardziej „produkcyjny” niebieski – połączenie blue + 7% czerni */
    background: #2b78db; /* mniej „plastikowy” niż dodgerblue, ale dalej żywy */

    border: 1.5px solid rgba(0,0,0,.22); /* cieńsza, ciemniejsza obwódka daje poczucie masy, jak metal */

    text-decoration: none; /* wyłączenie podkreśleń – standard dla przycisków */
    letter-spacing: .3px; /* lekko rozsunięte litery – czytelniejsze na dużych ekranach */
    /* zewnętrzny cień (miękki) + subtelny wewnętrzny highlight */
    box-shadow: 0 6px 18px rgba(0,0,0,.28), /* główny cień, nadaje „odrywanie” od tła */
    inset 0 0 0 1px rgba(255,255,255,.07); /* delikatny highlight w środku, efekt pół-gloss */

    transition: background-color .18s ease, /* miękkie przejście przy hoverze */
    box-shadow .22s ease, /* cień reaguje płynnie */
    transform .1s ease; /* lekkie „wciśnięcie” przy kliknięciu */
}

    /* ---------- EFEKT HOVER (bardziej „metalowy” niż „plastikowy”) ---------- */
.btn-offer-blue:hover[b-s6piwgojnl] {
    background: #246ac6; /* odrobina ciemniejszy odcień – jak przyciemniony anodowany metal */
    box-shadow: 0 8px 24px rgba(0,0,0,.32), /* mocniejszy cień – efekt uniesienia ponad tło */
    inset 0 0 0 1px rgba(255,255,255,.09); /* highlight trochę mocniejszy, ale bardzo subtelny */
}

    /* ---------- EFEKT KLIKNIĘCIA (krótki, przyjemny, fizyczny) ---------- */
btn-offer:active[b-s6piwgojnl],
.btn-offer-blue:active[b-s6piwgojnl] {
    transform: scale(.97); /* lekkie „dociśnięcie” przy kliknięciu */
    box-shadow: 0 4px 12px rgba(0,0,0,.25), /* cień słabszy – naturalny efekt przycisku wciśniętego */
    inset 0 0 0 1px rgba(255,255,255,.05);
}

/* Strzałka z Font Awesome, w kontrastowym kafelku */
.btn-offer-blue[b-s6piwgojnl]::after {
    content: "\f08e"; /* fa-arrow-up-right-from-square */
    font-family: "Font Awesome 6 Free","Font Awesome 5 Free";
    font-weight: 900; /* solid */
    display: inline-grid;
    place-items: center;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .35rem;
    background: #fff; /* kontrast do niebieskiego */
    color: #0b5ed7; /* niebieska ikona (kontrast wobec bieli) */
    border: 1px solid rgba(0,0,0,.2);
}

.btn-offer-blue:hover[b-s6piwgojnl],
.btn-offer-blue:focus-visible[b-s6piwgojnl] {
    background: #1e73ff; /* ciemniejszy niebieski na hover */
    color: #fff;
    border-color: rgba(0,0,0,.2);
    box-shadow: 0 10px 26px rgba(0,0,0,.3), 0 0 0 4px rgba(30, 115, 255,.15) inset;
    text-decoration: none;
}

.btn-offer-blue:active[b-s6piwgojnl] {
    transform: translateY(1px);
}

/* shared CTA group below sections */
.cta-group[b-s6piwgojnl] {
    display: inline-flex;
    gap: .75rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/* nowy napis nad tytułem – wersja stonowana/profesjonalna z zielonym akcentem */
.hero__pretitle[b-s6piwgojnl] {
    font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: .12em; /* ciut mniej = mniej zawijania */
    line-height: 1.25;
    color: var(--color-primary--skyBlue);
    display: inline-block; /* kontrola paddingu bez ucinania */
    margin-right: 20px;
    font-size: clamp(16px, .95vw, 21px);
    position: relative;
    text-shadow: 0 1px 0 rgba(0,0,0,.55), 0 0 2px rgba(18,184,134,.25), 0 0 5px rgba(18,184,134,.25);
    box-sizing: border-box;
}


@keyframes lineFlash-b-s6piwgojnl {
    0%, 100% {
        opacity: 0.3;
        transform: translateY(-50%) scaleX(1);
    }

    50% {
        opacity: 1;
        transform: translateY(-50%) scaleX(1.6);
    }
}


@keyframes pretitleDotPulse-b-s6piwgojnl {
    0%, 100% { transform: scale(1); box-shadow: 0 0 6px rgba(18,184,134,.35), 0 0 12px rgba(18,184,134,.2); opacity:.95; }
    50% { transform: scale(1.22); box-shadow: 0 0 10px rgba(18,184,134,.6), 0 0 20px rgba(18,184,134,.4); opacity:1; }
}
@media (max-width: 480px) { .hero__pretitle[b-s6piwgojnl] { letter-spacing:.09em; padding-left:.9rem; } }

/* #region Animacje listy*/
@keyframes slideInRight-b-s6piwgojnl {
    from {
        transform: translateX(50%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}
.hero__list li[b-s6piwgojnl] {
    opacity: 0;
    transform: translateX(100%);
}

/* Animacja nadająca miękkie, długie wyhamowanie */
.hero__list.animate li[b-s6piwgojnl] {
    animation: slideInRight-b-s6piwgojnl 0.8s cubic-bezier(0.15, 0.65, 0.35, 1) forwards; /* <-- tu */
}

    .hero__list.animate li:nth-child(1)[b-s6piwgojnl] {
        animation-delay: .0s;
    }

    .hero__list.animate li:nth-child(2)[b-s6piwgojnl] {
        animation-delay: 1.2s;
    }

    .hero__list.animate li:nth-child(3)[b-s6piwgojnl] {
        animation-delay: 2.5s;
    }


/* Final state for already seen hero list (no animation) */
.hero__list.seen li[b-s6piwgojnl] {
    opacity: 1;
    transform: none;
    /* Allow fade-in via transition instead of instant show */
    animation: none !important; /* keep animations off (slide) */
}

/* #endregion */

/* #region maksyma*/

.welcome__image[b-s6piwgojnl] {
    max-width: 400px; /* kontrolujesz szerokość */
    min-width: 120px;
    width: 50%;
    height: auto; /* zachowuje proporcje */
}

.welcome__text[b-s6piwgojnl]{
}
/* MAXIM */
.maxim[b-s6piwgojnl] {
    opacity: 0; /* Domyślnie niewidoczny (żeby nie migał przed aktywacją). */
    transform: translateY(8px); /* Lekki offset w dół – subtelniejszy start. */
    transition: opacity .4s ease, transform .4s ease; /* Płynne pojawienie się, nawet bez kluczowych klatek. */
}

    .maxim[b-s6piwgojnl]::before {
        /* delikatny akcent tła za tekstem – "biją po oczach", ale z klasą */
        content: "";
        position: absolute;
        inset: 10% 40% auto -5%;
        height: 55%;
        background: radial-gradient(120px 70px at left, rgba(2,77,218,.15), transparent 70%);
        pointer-events: none;
        z-index: -1;
    }


.maxim__quote[b-s6piwgojnl] {
    font-size: 1.6rem;
    line-height: 1.25;
    letter-spacing: .2px;
}

.maxim__highlight[b-s6piwgojnl] {
    background: linear-gradient(transparent 60%, rgba(2,77,218,.18) 0);
    padding: 0 .1em;
}

.maxim__author[b-s6piwgojnl] {
    font-size: clamp(14px, 1.9vw, 16px);
    color: #666;
}


.maxim__ring[b-s6piwgojnl] {
    /* niebieski pierścień + lekki cień */
    --ring: 6px;
    padding: var(--ring);
    border-radius: 999px;
    background: #0836ff;
    box-shadow: 0 8px 24px rgba(8,54,255,.18);
    display: inline-block;
}

    .maxim__ring img[b-s6piwgojnl] {
        display: block;
        height: auto;
        border: 6px solid #fff; /* biały kołnierz w środku pierścienia */
    }

    /* Cytatowy "gryz" w lewym górnym rogu */
    .maxim__quote[b-s6piwgojnl]::before {
    content: "“";
    font-size: clamp(56px, 8vw, 96px);
    line-height: 0;
    color: rgba(0,0,0,.08);
    position: absolute;
    transform: translate(-.2em, -.1em);
}

/* RESPONSYWNOŚĆ */
@media (max-width: 992px) {
    .maxim__ring img[b-s6piwgojnl] {
        width: clamp(150px, 2vw, 360px); /* min 100px, rośnie do max 360px */
    }
}

/*#region Animacje */
/* --- Animacje --- */

/* tekst wjeżdża z lewej */
@keyframes slideInLeft-b-s6piwgojnl {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* avatar wjeżdża z prawej z lekkim zoomem */
@keyframes slideInRightZoom-b-s6piwgojnl {
    from {
        opacity: 0;
        transform: translateX(40px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

/* delikatny błysk highlighta */
@keyframes shimmer-b-s6piwgojnl {
    0%, 90%, 100% {
        background: linear-gradient(transparent 100%, rgba(2,77,218,.18) 2);
    }

    30%, 70% {
        background: linear-gradient(transparent 60%, rgba(2,77,218,.35) 2);
    }
}
@keyframes fadeIn-b-s6piwgojnl {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* aktywacja animacji po wejściu kontenera */
.maxim.animate .maxim__text[b-s6piwgojnl] {
    animation: slideInLeft-b-s6piwgojnl 1.2s ease-out both;
}

.maxim.animate .maxim__avatar[b-s6piwgojnl] {
    animation: slideInRightZoom-b-s6piwgojnl 1.2s ease-out both;
    animation-delay: .3s;
}

.maxim.animate .maxim__highlight[b-s6piwgojnl] {
    animation: shimmer-b-s6piwgojnl 2.5s ease-in-out 1.5s infinite 3 alternate;
}

/* Opcjonalnie: lekki fade-in całego bloku */
.maxim.animate[b-s6piwgojnl] { 
    opacity: 1;                         /* Po wejściu w viewport – pokaż. */
}

/* Final state for already seen maxim (no animation) */
.maxim.seen[b-s6piwgojnl] {
    opacity: 1;
    transform: none;
}
.maxim.seen .maxim__text[b-s6piwgojnl],
.maxim.seen .maxim__avatar[b-s6piwgojnl],
.maxim.seen .maxim__highlight[b-s6piwgojnl] {
    animation: none !important;
}


/* #endregion */

/* #endregion */






/*#region What we do section*/
.whatWeDo__list[b-s6piwgojnl] {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    .whatWeDo__list li[b-s6piwgojnl] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 12px;
        padding: 0.6rem 0.9rem;
        margin-bottom: 0.5rem;
        transition: all 1s ease;
        font-size: 1rem;
        line-height: 1.3;
        color: #e0e0e0;
        cursor: default;
    }

        .whatWeDo__list li:hover[b-s6piwgojnl] {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.15);
        }

    .whatWeDo__list i[b-s6piwgojnl] {
        font-size: 1.3rem;
        flex-shrink: 0;
        transition: transform 0.3s ease, filter 0.3s ease;
    }

    .whatWeDo__list li:hover i[b-s6piwgojnl] {
        filter: brightness(1.2);
    }

.whatWeDo__list--good i[b-s6piwgojnl] {
    color: #00c851; /* soczysta zieleń */
    text-shadow: 0 0 5px rgba(0, 255, 0, 0.4);
}

.whatWeDo__list--bad i[b-s6piwgojnl] {
    color: #ff4444; /* żywa czerwień */
    text-shadow: 0 0 5px rgba(255, 80, 80, 0.4);
}

.whatWeDo__list span[b-s6piwgojnl] {
    font-weight: bold;
    text-align: left;
    background: linear-gradient(90deg, var(--color-primary--black), var(--color-primary--black));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    /*#endregion What we do section*/


.howWeDoItSection img[b-s6piwgojnl]{
    margin-bottom: 5rem;
}

@media (max-width: 400px) {
    .hero__bg2[b-s6piwgojnl] {
        background-size: cover; /* zamiast stałej szerokości */
        background-position: center top; /* ładne ułożenie */
    }
}

@media (max-width: 768px) {
    .hero__headerContainer[b-s6piwgojnl] {
        width: 80%;
        margin: 3rem 0 3rem 6%;
    }

    .hero__bg2[b-s6piwgojnl] {
        background-size: cover; /* zamiast stałej szerokości */
        background-position: right top; /* opcjonalnie */
        filter: brightness(50%); /* przyciemnia o połowę */
    }

    .hero[b-s6piwgojnl] {
        height: auto;
    }

    .hero__pretitle[b-s6piwgojnl] { margin-left: 0; }
}
    /* Akcenty sekcji */
    .section-divider2[b-s6piwgojnl] {
    width: 64px;
    height: 4px;
    background: linear-gradient(90deg, #12b886, #4dabf7);
    border-radius: 6px;
    }


    /* ===== Testimonials ===== */
    .testimonials[b-s6piwgojnl] {
        opacity: 0;
        transform: translateY(12px);
        transition: opacity .45s ease, transform .45s ease;
        padding: 2.25rem 1.5rem;
        background: #ffffff; /* zawsze jasne */
        border: 1px solid #e6eaf5;
        border-radius: 20px;
        box-shadow: 0 8px 28px rgba(17,24,39,.06);
    }

    .testimonials.animate[b-s6piwgojnl] {
        opacity: 1;
        transform: translateY(0);
    }

    /* Final state for already seen testimonials (no animation) */
    .testimonials.seen[b-s6piwgojnl] {
        opacity: 1;
        transform: none;
    }

    .testimonial-card[b-s6piwgojnl] {
        border: 1px solid #e5e7eb;
        border-radius: 16px;
        padding: 1.1rem 1.25rem 1rem;
        background: #ffffff; /* zawsze jasne */
        box-shadow: 0 10px 22px rgba(17, 24, 39, .05);
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    /* Story layout */
    .testimonial-card.story .head[b-s6piwgojnl] { display:flex; gap:.75rem; align-items:center; }
    .testimonial-card.story .timeline[b-s6piwgojnl] { display:flex; flex-wrap:wrap; gap:.4rem; }
    .testimonial-card.story .tag[b-s6piwgojnl] { background:#eef4ff; color:#1d2bd1; font-weight:600; font-size:.8rem; padding:.2rem .5rem; border-radius:999px; border:1px solid #dbe6ff; }
    .testimonial-card.story .block[b-s6piwgojnl] { margin-top: .8rem; padding: .75rem .85rem; border:1px dashed #e6eaf5; border-radius:12px; background:#fbfdff; }
    .testimonial-card.story .block .label[b-s6piwgojnl] { font-size:.78rem; font-weight:800; letter-spacing:.4px; color:#64748b; text-transform:uppercase; margin-bottom:.35rem; }
    .testimonial-card.story .effect[b-s6piwgojnl] { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.75rem; }
    .testimonial-card.story .chip[b-s6piwgojnl] { display:inline-flex; align-items:center; gap:.35rem; background:#f3f4f6; color:#111827; border:1px solid #e5e7eb; border-radius:999px; padding:.28rem .6rem; font-size:.82rem; font-weight:600; }

    .testimonial-card .avatar[b-s6piwgojnl] {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        object-fit: cover;
        box-shadow: 0 2px 8px rgba(0,0,0,.12);
    }

    /* Logo wariant: prostokątny w ramce, skalowany do wysokości z zachowaniem proporcji */
    .testimonial-card .avatar--logo[b-s6piwgojnl] {
        width: 56px; /* zachowujemy spójność wysokości z avatarami */
        height: 56px;
        border-radius: 10px; /* lekko zaokrąglone, nie koło */
        object-fit: contain; /* ważne: całe logo w ramce */
        background: #fff; /* kontrast dla przezroczystych logotypów */
        padding: 4px; /* oddech wewnątrz ramki */
        border: 1px solid #e5e7eb;
    }

    .testimonial-card .name[b-s6piwgojnl] {
        font-weight: 800;
        color: #0f172a;
    }

    .testimonial-card .role[b-s6piwgojnl] {
        font-size: .92rem;
        color: #475569;
    }

    .testimonial-card .quote[b-s6piwgojnl] {
        font-size: 1.05rem;
        line-height: 1.75; /* dłuższe zdania czytelniejsze */
        color: #1f2937;
        margin-bottom: .75rem;
    }

    /* Wyrównanie wysokości – rating/koniec na dole przy krótszych opiniach */
    .testimonial-card .quote:last-of-type[b-s6piwgojnl] { flex:1 1 auto; }

    @media (prefers-color-scheme: dark) {
        /* Sekcja i karty nadal jasne w trybie ciemnym */
        .testimonials[b-s6piwgojnl] { background: #ffffff; border-color: #e6eaf5; }
        .testimonial-card[b-s6piwgojnl] { background: #ffffff; border-color: #e5e7eb; box-shadow: 0 10px 22px rgba(0,0,0,.35); }
        .testimonial-card .quote[b-s6piwgojnl] { color: #1f2937; }
        .testimonial-card .name[b-s6piwgojnl] { color: #0f172a; }
        .testimonial-card .role[b-s6piwgojnl] { color: #475569; }
    }


    .gradient-outline-text[b-s6piwgojnl] {
        font-style: italic;
        /* Responsywny rozmiar, aby uniknąć artefaktów obrysu na bardzo małych ekranach */
        font-size: clamp(36px, 10vw, 52px);
        font-weight: 900;
        padding: 5px;
        background: linear-gradient(to right, white 0%, silver 39%, antiquewhite 100% );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        /* Cieńszy domyślny obrys dla lepszego renderingu na mobile */
        display: inline-block;
        paint-order: stroke fill; /* upewnia się, że obrys rysowany przed wypełnieniem */
        /* Lepsze wygładzanie na WebKit / mobilnych */
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        /* Delikatny cień na kontrast – zmniejsza potrzebę grubego obrysu */
    }

    /* Na bardzo małych ekranach: usuń stroke (źródło artefaktów) i zastąp mocniejszym cieniem */
    @media (max-width: 480px) {
        .gradient-outline-text[b-s6piwgojnl] {
            -webkit-text-stroke: 0; /* brak obrysu – eliminuje nakładanie ciemnych krawędzi */
            letter-spacing: .5px; /* minimalny oddech między literami */
        }
    }




/* /Components/Pages/Kontakt.razor.rz.scp.css */
/* ===== Kontakt – estetyka i czytelność ===== */
:host[b-8zu4gmoodd] {
    --ink: #1f2937;
    --muted: #4b5563;
    --line: #e5e7eb;
    --line-strong: #cbd5e1;
    --subtle: #f8fafc;
    /* brand accent aligned with O Nas */
    --primary: #0d6efd;
}

/* HERO with subtle brand gradient */
.contact-wrap header[b-8zu4gmoodd] {
    background: linear-gradient(180deg, rgba(13,110,253,.06), rgba(13,110,253,0));
    border: 1px solid rgba(13,110,253,.15);
    border-radius: 12px;
    padding: 1.25rem;
}

.contact-wrap .display-6[b-8zu4gmoodd] {
    letter-spacing: .2px;
}

/* Chips for quick facts under the hero */
.contact-wrap .small.text-muted > .d-flex[b-8zu4gmoodd] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .6rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    border-radius: 999px;
    background: rgba(13,110,253,.08);
    color: #0b5ed7;
    border: 1px solid rgba(13,110,253,.2);
}

/* Cards – lighter, elegant look consistent with O Nas */
.card-lite[b-8zu4gmoodd] {
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(16,24,40,.04);
    padding: 1rem;
    transition: box-shadow .2s ease, transform .2s ease;
}
.card-lite:hover[b-8zu4gmoodd] {
    box-shadow: 0 6px 22px rgba(13,110,253,.12);
}

/* Checklist bullets accented */
.checklist[b-8zu4gmoodd] { list-style: none; padding-left: 0; margin: 0; }
.checklist li[b-8zu4gmoodd] { position: relative; padding-left: 1.6rem; margin: .35rem 0; }
.checklist li[b-8zu4gmoodd]::before {
    content: "";
    position: absolute;
    left: .4rem; top: .55rem;
    width: .6rem; height: .6rem;
    border-radius: 50%;
    border: 2px solid var(--primary);
}

/* Form */
.form-label[b-8zu4gmoodd] { font-weight: 600; }
.form-control[b-8zu4gmoodd], .form-select[b-8zu4gmoodd] { border-radius: 10px; border-color: var(--line); }
.form-control:focus[b-8zu4gmoodd], .form-select:focus[b-8zu4gmoodd] {
    border-color: rgba(13,110,253,.45);
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.12);
}

/* Buttons aligned to brand */
.btn[b-8zu4gmoodd] { border-radius: 10px; font-weight: 600; }
.btn-primary[b-8zu4gmoodd] {
    background-color: var(--primary, #3563ff);
    border-color: var(--primary, #3563ff);
    color: #fff;
    box-shadow: 0 6px 14px rgba(13,110,253,.18);
}
.btn-primary:hover[b-8zu4gmoodd] { background-color: #0b5ed7; border-color: #0b5ed7; }
.btn-primary:active[b-8zu4gmoodd] { background-color: #0a58ca; border-color: #0a58ca; }
.btn-primary:focus-visible[b-8zu4gmoodd] { outline: none; box-shadow: 0 0 0 .2rem rgba(13,110,253,.18), 0 6px 14px rgba(13,110,253,.18); }

/* Disabled state more visible */
.btn:disabled[b-8zu4gmoodd], .btn.disabled[b-8zu4gmoodd] { opacity: .95; }
.btn-primary:disabled[b-8zu4gmoodd], .btn-primary.disabled[b-8zu4gmoodd] { background-color: var(--primary); border-color: var(--primary); color: #fff; }

/* Secondary outline contrast – improved readability */
.btn-outline-secondary[b-8zu4gmoodd] {
    color: #0b1220;
    background-color: #fff;
    border-color: #475569; /* darker border for contrast */
    font-weight: 700;
}
.btn-outline-secondary:hover[b-8zu4gmoodd] {
    color: #0a58ca;
    background-color: #eef2ff; /* subtle tint */
    border-color: #0a58ca;
}
.btn-outline-secondary:active[b-8zu4gmoodd] {
    color: #0a58ca;
    background-color: #e0e7ff;
    border-color: #0a58ca;
}
.btn-outline-secondary:focus-visible[b-8zu4gmoodd] { outline: none; box-shadow: 0 0 0 .2rem rgba(13,110,253,.22); }

/* Icons */
.bi[b-8zu4gmoodd] { color: #64748b; }

/* Responsive */
@media (max-width: 576px) {
    .contact-wrap header .lead[b-8zu4gmoodd] { font-size: 1rem; }
}



/* /Components/Pages/Oferta.razor.rz.scp.css */
/* ========= Sekcja licencji: tło i kolumny o równej wysokości ========= */
.pricing-section[b-nmv3j0yz2n] {
    background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
    border: 1px solid #eef2ff;
    border-radius: 18px;
}

    .pricing-section .row.g-3 > [class*="col-"][b-nmv3j0yz2n] {
        display: flex;
    }

        .pricing-section .row.g-3 > [class*="col-"] > .license-badge[b-nmv3j0yz2n] {
            width: 100%;
        }

/* ===== Licencje – badge cards ===== */
.license-badge[b-nmv3j0yz2n] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    background: var(--bg-panel, var(--bs-body-bg));
    border: 1px solid var(--line, rgba(0,0,0,.08));
    border-radius: 14px;
    box-shadow: var(--shadow-1, 0 6px 18px rgba(15,23,42,.06));
    min-height: 270px;
    overflow: hidden;
    position: relative;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}


.license-badge[b-nmv3j0yz2n]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 3px;
    border-radius: 14px 14px 0 0;
    opacity: .9;
    background: linear-gradient(90deg, #3563ff, #b26cff);
}

    .license-badge.test[b-nmv3j0yz2n]::before {
        background: linear-gradient(90deg, #60a5fa, #6366f1);
    }

    .license-badge.annual[b-nmv3j0yz2n]::before {
        background: linear-gradient(90deg, #22c55e, #16a34a);
    }

    .license-badge.custom[b-nmv3j0yz2n]::before {
        background: linear-gradient(90deg, #b26cff, #3563ff);
    }

    .license-badge:hover[b-nmv3j0yz2n] {
        transform: translateY(-1px);
        box-shadow: 0 8px 24px rgba(15,23,42,.12);
        border-color: var(--line-strong, rgba(0,0,0,.14));
    }

/* wyróżnienie rocznej */
.lb-featured[b-nmv3j0yz2n] {
    border: 2px solid #16a34a;
    box-shadow: 0 10px 30px rgba(22,163,74,.12);
}

/* ikona + tytuły */
.badge-ico[b-nmv3j0yz2n] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: inline-grid;
    place-items: center;
    background: var(--bg-subtle, #f8fafc);
    border: 1px solid var(--line, #e5e7eb);
    margin-bottom: .35rem;
    font-size: 1.15rem;
}

.badge-title[b-nmv3j0yz2n] {
    font-weight: 800;
    letter-spacing: .2px;
}

.badge-sub[b-nmv3j0yz2n] {
    font-weight: 700;
    color: var(--primary, #3563ff);
}

/* ===== Sekcja zakresu licencji (lista) ===== */
#zakres-licencji[b-nmv3j0yz2n] {
    max-width: 900px;
}

.license-list[b-nmv3j0yz2n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .50rem;
}

    .license-list li[b-nmv3j0yz2n] {
        display: flex;
        align-items: flex-start;
        gap: .6rem;
        padding: .6rem 1rem;
        background: var(--bg-subtle, #f8fafc);
        border: 1px solid var(--line, #e5e7eb);
        border-radius: 10px;
        line-height: 1.5;
        font-size: .95rem;
        transition: background .2s ease, border-color .2s ease;
    }

.icon-wrap[b-nmv3j0yz2n] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3e6bff;
    font-size: 1.1rem;
    line-height: 1;
    min-width: 22px;
    margin-top: .15rem;
}

.license-list strong[b-nmv3j0yz2n] {
    color: #111827;
}

/* ===== Korzyści ===== */
.benefit-card[b-nmv3j0yz2n], .lic-card[b-nmv3j0yz2n] {
    background: var(--bs-body-bg);
    border: 1px solid rgba(0,0,0,.075);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: .35rem;
    transition: transform .2s ease, box-shadow .2s ease;
}

    .benefit-card:hover[b-nmv3j0yz2n] {
        transform: translateY(-2px);
        box-shadow: 0 10px 20px rgba(15,23,42,.08);
    }

.benefit-ico[b-nmv3j0yz2n] {
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: .35rem;
}

.text-emph[b-nmv3j0yz2n] {
    font-weight: 600;
}

/* ===== Ścieżka wdrożeniowa ===== */
.steps-grid[b-nmv3j0yz2n] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: .75rem;
}

.step-card[b-nmv3j0yz2n] {
    background: var(--bg-subtle, #f8fafc);
    border: 1px solid var(--line, #e5e7eb);
    border-radius: 12px;
    padding: .9rem;
    text-align: center;
    height: 100%;
}

.step-nr[b-nmv3j0yz2n] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #3563ff;
    font-weight: 700;
    margin-bottom: .35rem;
}

.step-title[b-nmv3j0yz2n] {
    font-weight: 700;
    margin-bottom: .15rem;
}

.step-desc[b-nmv3j0yz2n] {
    font-size: .925rem;
    color: #4b5563;
}

@media (max-width: 992px) {
    .steps-grid[b-nmv3j0yz2n] {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width: 576px) {
    .steps-grid[b-nmv3j0yz2n] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/ONas.razor.rz.scp.css */
.about-hero[b-wcikwdwidl]{background:linear-gradient(180deg,rgba(13,110,253,.06),transparent)}
.about-box[b-wcikwdwidl]{border:1px solid rgba(0,0,0,.08);border-radius:14px;background:var(--bs-body-bg);box-shadow:0 6px 22px rgba(0,0,0,.04)}
.about-text[b-wcikwdwidl]{font-size:1.05rem;line-height:1.7}
.about-list[b-wcikwdwidl]{margin:0 0 1rem 0;padding-left:1.25rem}
.about-list li[b-wcikwdwidl]{margin:.35rem 0}
.trust-strip[b-wcikwdwidl]{border:1px dashed rgba(0,0,0,.12);background:linear-gradient(180deg,rgba(0,0,0,.02),transparent)}
.metric[b-wcikwdwidl]{display:flex;gap:.5rem;justify-content:center;align-items:baseline}
.metric .num[b-wcikwdwidl]{font-weight:800;font-size:2rem}
.metric .lbl[b-wcikwdwidl]{color:var(--bs-secondary-color)}

.eyebrow[b-wcikwdwidl]{letter-spacing:.08em;color:#0d6efd}
.accent[b-wcikwdwidl]{color:#0d6efd}

.stat-pill[b-wcikwdwidl]{display:inline-block;padding:.5rem .75rem;border-radius:999px;background:#e9f2ff;color:#0a58ca;border:1px solid #8bb8ff;font-size:.95rem;font-weight:600}

.about-sections .about-card[b-wcikwdwidl]{border:1px solid rgba(0,0,0,.06);border-radius:.75rem;padding:1.25rem;background:var(--bs-body-bg);box-shadow:0 1px 2px rgba(16,24,40,.04)}

.step-card[b-wcikwdwidl]{position:relative;border:1px solid rgba(13,110,253,.2);border-radius:.75rem;padding:1.25rem 1rem 1rem;background:linear-gradient(180deg,rgba(13,110,253,.06),rgba(13,110,253,0))}
.step-index[b-wcikwdwidl]{position:absolute;top:-12px;left:-12px;width:36px;height:36px;border-radius:50%;background:#0d6efd;color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:0 4px 12px rgba(13,110,253,.35)}

.benefit-list[b-wcikwdwidl]{margin:0;padding-left:1.25rem}

.kpi-grid[b-wcikwdwidl]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.kpi[b-wcikwdwidl]{border:1px solid rgba(0,0,0,.06);border-radius:.75rem;padding:1rem;background:var(--bs-body-bg)}
.kpi-value[b-wcikwdwidl]{font-size:1.5rem;font-weight:800;color:#0d6efd;line-height:1.1}
.kpi-label[b-wcikwdwidl]{color:var(--bs-secondary-color)}

.about-cta[b-wcikwdwidl]{background:linear-gradient(90deg,rgba(13,110,253,.06),rgba(13,110,253,0));border-top:1px solid rgba(13,110,253,.15);border-bottom:1px solid rgba(13,110,253,.15)}

@media (prefers-color-scheme: dark){
  .about-hero[b-wcikwdwidl]{background:linear-gradient(180deg,rgba(13,110,253,.12),transparent)}
  .trust-strip[b-wcikwdwidl]{border-color:rgba(255,255,255,.2)}
  .stat-pill[b-wcikwdwidl]{background:rgba(13,110,253,.08);border-color:rgba(164,195,255,.6);color:#0b5ed7}
  .about-sections .about-card[b-wcikwdwidl]{border-color:rgba(255,255,255,.12);box-shadow:0 1px 2px rgba(0,0,0,.35)}
  .step-card[b-wcikwdwidl]{border-color:rgba(13,110,253,.35);background:linear-gradient(180deg,rgba(13,110,253,.12),rgba(13,110,253,0))}
  .kpi[b-wcikwdwidl]{border-color:rgba(255,255,255,.12)}
}
/* /Components/Regular/HoverBox.razor.rz.scp.css */
/* 1) Kontener ma dokładnie opakowywać treść + padding */
.popup-container[b-r20p8frxo3] {
    max-width: 300px;
    white-space: normal;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    z-index: 1; /* ponad overlay i resztę treści */
    box-sizing: border-box; /* pewność co do paddingu */
    transform: translateY(-100%); /* przesuwa o 100% własnej wysokości w górę */
}

/* półprzezroczysty overlay łapiący klik poza popupem */
.popup-overlay[b-r20p8frxo3] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0); /* bez ściemniania, tylko warstwa do przechwycenia kliknięć */
    z-index: 2;
}


.popup-prefix[b-r20p8frxo3] {
    display: block;
    font-weight: 600;
    color: #6c63ff;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 2px; /* mikro-odstęp od treści */
}
/* /Components/Regular/TestimonialStory.razor.rz.scp.css */
/* Styles isolated for TestimonialStory component */

.testimonial-card[b-ii36xzt9ml] {
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 1.1rem 1.25rem 1rem;
    background: #ffffff;
    box-shadow: 0 10px 22px rgba(17, 24, 39, .05);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Layout */
.story .head[b-ii36xzt9ml] { display:flex; gap:.75rem; align-items:center; }
.story .timeline[b-ii36xzt9ml] { display:flex; flex-wrap:wrap; gap:.4rem; }
.story .tag[b-ii36xzt9ml] { background:#eef4ff; color:#1d2bd1; font-weight:600; font-size:.8rem; padding:.2rem .5rem; border-radius:999px; border:1px solid #dbe6ff; }
.story .block[b-ii36xzt9ml] { margin-top: .8rem; padding: .75rem .85rem; border:1px dashed #e6eaf5; border-radius:12px; background:#fbfdff; }
.story .block .label[b-ii36xzt9ml] { font-size:.78rem; font-weight:800; letter-spacing:.4px; color:#64748b; text-transform:uppercase; margin-bottom:.35rem; }
.story .effect[b-ii36xzt9ml] { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.75rem; }
.story .chip[b-ii36xzt9ml] { display:inline-flex; align-items:center; gap:.35rem; background:#f3f4f6; color:#111827; border:1px solid #e5e7eb; border-radius:999px; padding:.28rem .6rem; font-size:.82rem; font-weight:600; }

/* Avatars / Logos */
.avatar[b-ii36xzt9ml] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
}

/* Keep logos inside the frame */
.avatar--logo[b-ii36xzt9ml] {
    border-radius: 10px;
    object-fit: contain;
    background: #fff;
    padding: 4px;
    border: 1px solid #e5e7eb;
}

/* Typography */
.name[b-ii36xzt9ml] { font-weight: 800; color: #0f172a; }
.role[b-ii36xzt9ml] { font-size: .92rem; color: #475569; }
.quote[b-ii36xzt9ml] { font-size: 1.05rem; line-height: 1.75; color: #1f2937; margin-bottom: .75rem; }

/* Make the last quote push the footer down for equal-height cards */
.quote:last-of-type[b-ii36xzt9ml] { flex: 1 1 auto; }
/* /Components/Regular/UserCalculationSettingsTable.razor.rz.scp.css */
.userCalcSettingsTable[b-v9spqonor8] {
    display: flex;
    flex-direction: column; /* każdy wiersz pod sobą */
    gap: 8px; /* odstęp między wierszami */
    padding: 12px;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 6px;
    max-width: 420px; /* żeby nie rozciągało się na całą szerokość */
}

    .userCalcSettingsTable .d-flex[b-v9spqonor8] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px; /* odstęp między label/input/jednostką */
    }

    .userCalcSettingsTable span[b-v9spqonor8] {
        font-size: 0.95rem;
        color: #333;
        white-space: nowrap; /* nie łamie się w środku */
        min-width: 160px; /* szerokość etykiety */
    }

    .userCalcSettingsTable .time-input[b-v9spqonor8] {
        width: 80px; /* stała szerokość inputa */
        text-align: right; /* liczby wyrównane do prawej */
        padding: 4px 6px;
        font-size: 0.95rem;
    }

        .userCalcSettingsTable .time-input:focus[b-v9spqonor8] {
            border-color: var(--color-primary--skyBlue);
            box-shadow: 0 0 0 2px rgba(74,144,226,0.2);
        }
/* /Components/Value proposition/BenefitItem.razor.rz.scp.css */
.benefitItem--imgContainer[b-clyijaba0i] {
    display: flex;
    align-items: center;
    justify-content: center;
    /* SZTYWNE 30×30 uwzględniając border */
    width: 30px;
    height: 30px;
    box-sizing: border-box; /* <-- klucz */
    flex: 0 0 30px; /* nie rozciągaj w osi X */

    border: 1px solid var(--color-primary--violet);
    border-radius: 9999px;
    background: #f0f4ff;
    overflow: hidden; /* na wszelki wypadek, przy dużych ikonach */
    line-height: 0; /* brak wpływu linii tekstu */
    box-shadow: 0 0px 2px rgba(0,0,0,.6);
    padding: 0; /* upewnij się, że brak paddingu */
}

.benefitItem--image[b-clyijaba0i] {
    width: auto;
    height: 18px;
    display: block; /* eliminuje dolną „szparę” inline */
}




/* /Components/Value proposition/BenefitList.razor.rz.scp.css */
.benefit-list[b-htcf3pcc5w] {
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    padding: 1rem 1.5rem;
    box-shadow: 2px 2px 0 #007bff, 4px 4px 0 #00c851;
}
/* /Components/Value proposition/BenefitPopup.razor.rz.scp.css */
.popup-container[b-q9n4fpdvos] {
    position: relative;
    display: inline-block;
}

.popup-box[b-q9n4fpdvos] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    white-space: nowrap;
}
.popup-box[b-q9n4fpdvos] {
    opacity: 0;
    transform: translate(-50%, 5px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.popup-container:hover .popup-box[b-q9n4fpdvos] {
    opacity: 1;
    transform: translate(-50%, 0);
}
/* /Components/Value proposition/MyGlobalFunctionalityComponent.razor.rz.scp.css */
.customBox[b-czhjpqnmn3] {
    border: 4px solid var(--color-primary--violet);
    box-shadow: 0 0 1px 1px rgba(0,0,0,.6);
    border-radius: 1rem;
    overflow: hidden;
    background-color: black;
    transition: all 0.2s ease;
}

    /* Hover */
    .customBox:hover[b-czhjpqnmn3] {
        box-shadow: 0 0 4px 2px rgba(138, 43, 226, 0.6);
        transform: translateY(-1px);
        cursor: pointer;
    }

    /* Kliknięcie (active) */
    .customBox:active[b-czhjpqnmn3] {
        transform: scale(0.999); /* lekkie „wciśnięcie” */
        box-shadow: 0 0 4px 2px rgba(138, 43, 226, 0.4);
        transition: transform 0.07s ease; /* szybka reakcja */
    }


.customBox--headerContainer[b-czhjpqnmn3] {
    height: 5rem;
}

.customBox--header[b-czhjpqnmn3] {
    font-size: 1rem;
    text-decoration: underline;
    text-decoration-color: black;
}

.imageContainer--textContainer[b-czhjpqnmn3] {
    z-index: 2;
    bottom: 18px;
    right: 10px;
    font-size: .8rem;
    background-color: rgb(0, 0, 0, 0.5); /* czarny, 50% przezroczystości */
    border-color: white;
    border-width: 5px;
    border-radius: 1rem;
    padding: 2px 8px 2px 8px
}
/* /Components/Value proposition/MySectionComponent.razor.rz.scp.css */
.sectionFunctionalityDiv[b-kec7cvwnsc]{
    width: 190px;
}

@media (max-width: 768px) {
    .sectionFunctionalityDiv[b-kec7cvwnsc] {
        width: calc(1/2* 100%);
    }
}
/* /Components/Value proposition/ProgressBar.razor.rz.scp.css */
.share-cell[b-9vbvyo6tsu] {
    display: flex;
    flex-direction: column;
    align-items: center; /* wyśrodkowanie w kolumnie */
    font-size: 12px;
    width: 100%;
    padding-inline: .7rem;
}

.share-label[b-9vbvyo6tsu] {
    margin-bottom: 2px;
    font-weight: bold;
}

.share-bar[b-9vbvyo6tsu] {
    width: 100%;
    height: 12px;
    background-color: #eee;
    border-radius: 4px;
    overflow: hidden;
}

.share-fill[b-9vbvyo6tsu] {
    height: 100%;
    background-color: #4A90E2; /* domyślny kolor */
    transition: width 0.3s ease;
}

.share-fill--success[b-9vbvyo6tsu] { background-color: #16a34a; }
.share-fill--danger[b-9vbvyo6tsu] { background-color: #dc2626; }
/* /Components/Value proposition/StarRatingComponent.razor.rz.scp.css */



.starsContainer[b-sihvp3zuo5] {
    
}
.starsContainer img[b-sihvp3zuo5] {
    max-width: 100%;
    max-height: 100%
}


.starsContainer--stars[b-sihvp3zuo5] {
    /*padding: 0 7px 0 7px*/
}
.starsContainer--iconContainer[b-sihvp3zuo5] {
}
/* /Components/Value proposition/TimeSaveBenefitTable.razor.rz.scp.css */
/* Akcent oszczędności */
:root[b-7xfowlqx8c] {
    --saving-fg: #176b42;
    --saving-border: #bfe7d1;
    --saving-bg: #eaf7ef;

}
/* Ogólne stylowanie tabel korzyści */
.benefits-table[b-7xfowlqx8c] {
    border-collapse: collapse;
    font-size: 0.95rem;
    text-align: left;
    border: 3px solid rgba(0, 0, 0, 0.9);
    width: max-content; /* tabela ma tyle, ile potrzebuje, nie rozpycha kontenera */
}
    .benefits-table tfoot span[b-7xfowlqx8c] {
        display: flex;
        margin-bottom: 2px;
    }

    /* Nagłówki */
    .benefits-table th[b-7xfowlqx8c] {
        background-color: #f6f8ff; /* delikatny niebieskawy odcień */
        color: #222;
        font-weight: 700;
        border-bottom: 2px solid rgba(0, 0, 0, 0.3);
        align-items: start;
        text-align: center; /* wyrównanie w poziomie */
        vertical-align: central; /* wyrównanie w pionie */
        border-inline: 2px solid rgba(0, 0, 0, 0.15);
    }

th:hover[b-7xfowlqx8c],
th.virtual-hover[b-7xfowlqx8c] {
    cursor: pointer;
    background-color: #e0e7ff; /* delikatny niebieskawy odcień */
}

    /* Komórka z oszczędnością */
    .benefits-table td[b-7xfowlqx8c] {
        font-weight: 600;
        color: var(--saving-fg);
        height: 4em;
        border-inline: 2px solid rgba(0, 0, 0, 0.15);
    }

/* Wiersze */
.benefits-table tbody tr[b-7xfowlqx8c] {
    border-bottom: 1px solid rgba(0,0,0,0.08);
    transition: background-color 0.2s ease;
}
        .benefits-table tbody tr:last-child[b-7xfowlqx8c] {
            border-bottom: 2px solid rgba(0, 0, 0, 0.3);
        }

    .benefits-table tfoot tr[b-7xfowlqx8c] {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        background-color: rgba(12,83,191,0.08);
    }

.benefits-table--timeDataContainer[b-7xfowlqx8c] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: 5px;
    text-wrap: nowrap;
}

/* Ikony obrazkowe (PNG/SVG) */
.benefits-table--timeDataContainer img.benefits-table--timeDataIcon[b-7xfowlqx8c] {
    margin-inline-end: 4px;
    width: 12px;
    height: 13px;
}
/* Ikony Font Awesome */
.benefits-table--timeDataContainer i.benefits-table--timeDataIcon[b-7xfowlqx8c] {
    margin-inline-end: 6px;
    font-size: 1rem; /* ~16px */
    line-height: 1;
    color: currentColor; /* dziedziczy kolor komórki (var(--saving-fg)) */
    opacity: .95;
}
/* Kolorowanie ikon wg typu częstotliwości */
.icon-scope[b-7xfowlqx8c] {
    color: #d97706 !important; /* bursztyn */
}

.icon-periodic-part[b-7xfowlqx8c] {
    color: #2563eb !important; /* niebieski */
}

.icon-few-per-day[b-7xfowlqx8c] {
    color: #0ea5e9 !important; /* jasny niebieski */
}

.icon-day[b-7xfowlqx8c] {
    color: #16a34a !important; /* zielony */
}

.icon-few-per-week[b-7xfowlqx8c] {
    color: #22c55e !important; /* zielony jasny */
}

.icon-week[b-7xfowlqx8c] {
    color: #059669 !important; /* zielono-morski */
}

.icon-few-per-month[b-7xfowlqx8c] {
    color: #7c3aed !important; /* fiolet */
}

.icon-month[b-7xfowlqx8c] {
    color: #6d28d9 !important; /* fiolet ciemniejszy */
}

.icon-year[b-7xfowlqx8c] {
    color: #9333ea !important; /* purpura */
}

.icon-employee[b-7xfowlqx8c] {
    color: #ea580c !important; /* pomarańcz */
}


/* Większe ikony (np. pieniądze) */
.benefits-table--timeDataContainer img.benefits-table--MoneyDataIcon[b-7xfowlqx8c] {
    width: auto;
    height: 24px;
}
.benefits-table--timeDataContainer i.benefits-table--MoneyDataIcon[b-7xfowlqx8c] {
    font-size: 1.25rem; /* ~20px */
}

.benefits-table--totalTimeCell[b-7xfowlqx8c]{
    vertical-align: bottom;
    margin: 0px;
    margin-inline-end: .5rem;
    text-align: end;
    margin-left: auto;
    font-weight: bold;
    font-size: 1.1rem;
    max-width: 120px;
}

/* efekt rozmycia */
/*.benefits-table td.blurred {
    filter: blur(4px);
}
.no-blur {
    filter: none !important;*/ /* nigdy nie rozmywaj */
/*}*/

/* Hover – zachowaj spójność koloru ikon (dziedziczą currentColor) */
.benefits-table tbody tr:hover[b-7xfowlqx8c] {
    background-color: rgba(59,61,191,0.1);
}
.benefits-table tfoot tr:hover[b-7xfowlqx8c] {
    background-color: rgba(72,43,121,0.1);
}
.benefits-table td:first-child[b-7xfowlqx8c] {
}

.benefits-table--benefitNameCol[b-7xfowlqx8c] {
    font-weight: 500;
    color: #111;
    width: 300px; /* albo np. 20% */
    white-space: nowrap; /* zapobiega łamaniu wiersza */
    overflow: visible; /* ukrywa nadmiar */
    text-overflow: ellipsis; /* dodaje "..." przy obcięciu */
}

.benefits-table thead tr:first-child th:nth-child(1)[b-7xfowlqx8c],
.benefits-table tbody th:nth-child(1)[b-7xfowlqx8c] {
}
.benefits-table thead tr:first-child th:nth-child(2)[b-7xfowlqx8c] {
    width: auto; /* albo np. 20% */
}


/* Responsywność – przewijanie poziome */
@media (max-width: 768px) {
    .benefits-table[b-7xfowlqx8c] {
    }
}




    .nav-tabs .nav-item[b-7xfowlqx8c] {
        margin-right: 2px;
        max-width: 50%
    }
.nav-tabs .nav-link[b-7xfowlqx8c] {
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px 6px 0 0;
    padding: 10px 18px;
    color: #555;
    background-color: #f8f9fa;
    transition: all 0.3s ease;
    font-weight: 500;
}

        .nav-tabs .nav-link:hover[b-7xfowlqx8c] {
            background-color: #e9f2fb;
            color: #007bff;
            cursor: default;
        }

        .nav-tabs .nav-link.active[b-7xfowlqx8c] {
            color: #fff;
            background: linear-gradient(135deg, #4A90E2, var(--color-primary--skyBlue));
            font-weight: 600;
            box-shadow: 0 -2px 6px rgba(0,0,0,0.1) inset;
            position: relative;
        }
table tbody tr:nth-child(even)[b-7xfowlqx8c] {
    background-color: #fafafa;
}


.benefits-table td.borderOnLeft[b-7xfowlqx8c],
.benefits-table th.borderOnLeft[b-7xfowlqx8c] {
    /*border-left: 3px solid var(--color-primary--orange);*/
}

.benefits-table td.borderOnRight[b-7xfowlqx8c],
.benefits-table th.borderOnRight[b-7xfowlqx8c] {
    /*border-right: 3px solid var(--color-primary--orange);*/
}