/*
 * KamikStudio - Kompetencje (scoped + minified)
 * Sources: strony-internetowe.css, sklepy-ecommerce.css, aplikacje-mobilne.css,
 *          zarzadzanie-projektami.css, integracje-systemow.css,
 *          identyfikacja-wizualna.css, digital-marketing.css, outsourcing-it.css,
 *          automatyzacja-ai.css
 */
/**
 * Projekt: KamikStudio Theme
 * Autor: KamikStudio - Patryk Dariusz Kowalski (ps. Kamik)
 * Web: https://kamikstudio.pl
 * Email: biuro@kamikstudio.pl
 * Data: 2026-01-08
 * Wersja: 3.1.7
 * Opis: Skondensowane style stron kompetencji.
 */
.kompetencja--strony .hero__content .breadcrumbs-nav,body.page-strony-internetowe .hero__content .breadcrumbs-nav{margin-bottom:1.25rem;color:var(--c-text-muted)}
.kompetencja--strony .breadcrumbs-nav a,body.page-strony-internetowe .breadcrumbs-nav a{color:var(--c-text-muted)}
.kompetencja--strony .breadcrumbs-nav a:hover,body.page-strony-internetowe .breadcrumbs-nav a:hover{color:var(--c-accent)}
.kompetencja--branding .branding-hero__content .breadcrumbs-nav,.kompetencja--identyfikacja .branding-hero__content .breadcrumbs-nav,body.page-identyfikacja-wizualna .branding-hero__content .breadcrumbs-nav{margin-bottom:1.25rem;color:var(--brand-text-muted)}
.kompetencja--branding .breadcrumbs-nav a,.kompetencja--identyfikacja .breadcrumbs-nav a,body.page-identyfikacja-wizualna .breadcrumbs-nav a{color:var(--brand-text-muted)}
.kompetencja--branding .breadcrumbs-nav a:hover,.kompetencja--identyfikacja .breadcrumbs-nav a:hover,body.page-identyfikacja-wizualna .breadcrumbs-nav a:hover{color:var(--brand-accent)}
.ecommerce-premium .ep-hero__content .breadcrumbs-nav,body.page-sklepy-ecommerce .ep-hero__content .breadcrumbs-nav{justify-content:center;margin-bottom:1.25rem;color:rgba(255,255,255,.7)}
.ecommerce-premium .breadcrumbs-nav a,body.page-sklepy-ecommerce .breadcrumbs-nav a{color:rgba(255,255,255,.85)}
.ecommerce-premium .breadcrumbs-nav a:hover,body.page-sklepy-ecommerce .breadcrumbs-nav a:hover{color:#fff}
.ecommerce-premium .breadcrumbs-nav span,body.page-sklepy-ecommerce .breadcrumbs-nav span{color:rgba(255,255,255,.5)}
.kompetencja--strony,body.page-strony-internetowe .kompetencja--strony{--c-accent:var(--color-primary);--c-accent-light:var(--color-primary-light);--c-accent-dark:var(--color-primary-dark);--c-accent-lighter:#e8f0f5;--c-heading:var(--color-text-primary);--c-text:var(--color-text);--c-text-muted:var(--color-text-secondary);--c-success:var(--color-success);--c-danger:var(--color-danger);--shadow-card:var(--shadow-md);--shadow-card-hover:var(--shadow-lg)}
.kompetencja--strony .hero--kompetencja,body.page-strony-internetowe .hero--kompetencja{padding:6rem 0 4rem;background:#fff;position:relative;overflow:hidden}
.kompetencja--strony .hero--kompetencja::before,body.page-strony-internetowe .hero--kompetencja::before{content:"";position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:linear-gradient(135deg,rgba(15,51,84,.03) 0%,rgba(15,51,84,.08) 100%);border-radius:50%;z-index:0}
.kompetencja--strony .hero--kompetencja .container,body.page-strony-internetowe .hero--kompetencja .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.kompetencja--strony .hero__content,body.page-strony-internetowe .hero__content{position:relative}
@keyframes iconFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-8px)}
}
.kompetencja--strony .hero__title,body.page-strony-internetowe .hero__title{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;color:var(--c-accent);margin-bottom:1.25rem;line-height:1.15;letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem}
.kompetencja--strony .hero__title-icon,body.page-strony-internetowe .hero__title-icon{flex-shrink:0;opacity:.7}
.kompetencja--strony .hero__title span,body.page-strony-internetowe .hero__title span{background:linear-gradient(135deg,var(--c-accent) 0%,#2d7d9a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.kompetencja--strony .hero__lead,body.page-strony-internetowe .hero__lead{font-size:1.125rem;line-height:1.8;color:#475569;margin-bottom:2rem;max-width:540px}
.kompetencja--strony .hero__cta,body.page-strony-internetowe .hero__cta{display:flex;gap:1rem;flex-wrap:wrap}
.kompetencja--strony .hero__visual,body.page-strony-internetowe .hero__visual{display:flex;justify-content:center;position:relative}
.kompetencja--strony .hero__browser,body.page-strony-internetowe .hero__browser{width:100%;max-width:520px;background:var(--c-accent);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px rgba(15,51,84,.35),0 0 0 1px rgba(15,51,84,.1);overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .4s ease}
.kompetencja--strony .hero__browser:hover,body.page-strony-internetowe .hero__browser:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}
.kompetencja--strony .browser__bar,body.page-strony-internetowe .browser__bar{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:#0a2540;border-bottom:1px solid rgba(255,255,255,.1)}
.kompetencja--strony .browser__dot,body.page-strony-internetowe .browser__dot{width:.75rem;height:.75rem;border-radius:50%}
.kompetencja--strony .browser__dot:first-child,body.page-strony-internetowe .browser__dot:first-child{background:#ff5f57}
.kompetencja--strony .browser__dot:nth-child(2),body.page-strony-internetowe .browser__dot:nth-child(2){background:#ffbd2e}
.kompetencja--strony .browser__dot:nth-child(3),body.page-strony-internetowe .browser__dot:nth-child(3){background:#28ca41}
.kompetencja--strony .browser__url,body.page-strony-internetowe .browser__url{margin-left:auto;font-size:.75rem;font-family:'SF Mono','Fira Code',monospace;color:#94a3b8;background:rgba(255,255,255,.1);padding:.375rem 1rem;border-radius:.375rem;display:flex;align-items:center;gap:.5rem}
.kompetencja--strony .browser__url::before,body.page-strony-internetowe .browser__url::before{content:"";width:8px;height:8px;background:#28ca41;border-radius:50%;box-shadow:0 0 6px #28ca41}
.kompetencja--strony .browser__content,body.page-strony-internetowe .browser__content{padding:1.5rem;min-height:300px;background:#0f172a;font-family:'SF Mono','Fira Code',Consolas,monospace;font-size:.8125rem;line-height:1.7;color:#e2e8f0;position:relative;overflow:hidden}
.kompetencja--strony .code-line,body.page-strony-internetowe .code-line{opacity:0;animation:codeFadeIn .5s ease forwards}
.kompetencja--strony .code-line:nth-child(1),body.page-strony-internetowe .code-line:nth-child(1){animation-delay:.2s}
.kompetencja--strony .code-line:nth-child(2),body.page-strony-internetowe .code-line:nth-child(2){animation-delay:.4s}
.kompetencja--strony .code-line:nth-child(3),body.page-strony-internetowe .code-line:nth-child(3){animation-delay:.6s}
.kompetencja--strony .code-line:nth-child(4),body.page-strony-internetowe .code-line:nth-child(4){animation-delay:.8s}
.kompetencja--strony .code-line:nth-child(5),body.page-strony-internetowe .code-line:nth-child(5){animation-delay:1s}
.kompetencja--strony .code-line:nth-child(6),body.page-strony-internetowe .code-line:nth-child(6){animation-delay:1.2s}
.kompetencja--strony .code-line:nth-child(7),body.page-strony-internetowe .code-line:nth-child(7){animation-delay:1.4s}
.kompetencja--strony .code-line:nth-child(8),body.page-strony-internetowe .code-line:nth-child(8){animation-delay:1.6s}
.kompetencja--strony .code-line:nth-child(9),body.page-strony-internetowe .code-line:nth-child(9){animation-delay:1.8s}
.kompetencja--strony .code-line:nth-child(10),body.page-strony-internetowe .code-line:nth-child(10){animation-delay:2s}
@keyframes codeFadeIn{from{opacity:0;transform:translateX(-10px)}
to{opacity:1;transform:translateX(0)}
}
.kompetencja--strony .code-tag,body.page-strony-internetowe .code-tag{color:#f472b6}
.kompetencja--strony .code-attr,body.page-strony-internetowe .code-attr{color:#a5b4fc}
.kompetencja--strony .code-string,body.page-strony-internetowe .code-string{color:#86efac}
.kompetencja--strony .code-comment,body.page-strony-internetowe .code-comment{color:#64748b;font-style:italic}
.kompetencja--strony .code-bracket,body.page-strony-internetowe .code-bracket{color:#94a3b8}
.kompetencja--strony .hero__floating,body.page-strony-internetowe .hero__floating{position:absolute;pointer-events:none;inset:0}
.kompetencja--strony .hero__floating-item,body.page-strony-internetowe .hero__floating-item{position:absolute;width:50px;height:50px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(15,51,84,.15);animation:float 4s ease-in-out infinite}
.kompetencja--strony .hero__floating-item svg,body.page-strony-internetowe .hero__floating-item svg{width:24px;height:24px;color:var(--c-accent)}
.kompetencja--strony .hero__floating-item:nth-child(1),body.page-strony-internetowe .hero__floating-item:nth-child(1){top:10%;left:-60px;animation-delay:0s}
.kompetencja--strony .hero__floating-item:nth-child(2),body.page-strony-internetowe .hero__floating-item:nth-child(2){top:60%;left:-40px;animation-delay:1s}
.kompetencja--strony .hero__floating-item:nth-child(3),body.page-strony-internetowe .hero__floating-item:nth-child(3){bottom:10%;right:-50px;animation-delay:2s}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-15px) rotate(5deg)}
}
.kompetencja--strony .problem-solution,body.page-strony-internetowe .problem-solution{padding:5rem 0;background:#fff}
.kompetencja--strony .problem-solution__grid,body.page-strony-internetowe .problem-solution__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.kompetencja--strony .problem-solution__label,body.page-strony-internetowe .problem-solution__label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.375rem .75rem;border-radius:2rem;margin-bottom:1rem}
.kompetencja--strony .problem-solution__label--problem,body.page-strony-internetowe .problem-solution__label--problem{background:rgba(239,68,68,.1);color:var(--c-danger)}
.kompetencja--strony .problem-solution__label--solution,body.page-strony-internetowe .problem-solution__label--solution{background:rgba(16,185,129,.1);color:var(--c-success)}
.kompetencja--strony .problem-solution__problem h2,body.page-strony-internetowe .problem-solution__problem h2,.kompetencja--strony .problem-solution__solution h2,body.page-strony-internetowe .problem-solution__solution h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--c-heading)}
.kompetencja--strony .problem-solution__list,body.page-strony-internetowe .problem-solution__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}
.kompetencja--strony .problem-solution__list li,body.page-strony-internetowe .problem-solution__list li{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.5}
.kompetencja--strony .problem-solution__list .icon,body.page-strony-internetowe .problem-solution__list .icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}
.kompetencja--strony .problem-solution__list .icon--x,body.page-strony-internetowe .problem-solution__list .icon--x{color:var(--c-danger)}
.kompetencja--strony .problem-solution__list .icon--check,body.page-strony-internetowe .problem-solution__list .icon--check{color:var(--c-success)}
.kompetencja--strony .section-header,body.page-strony-internetowe .section-header{text-align:center;max-width:600px;margin:0 auto 3rem}
.kompetencja--strony .section-header h2,body.page-strony-internetowe .section-header h2{font-size:clamp(1.75rem,3vw,2.25rem);color:var(--c-heading);margin-bottom:.75rem}
.kompetencja--strony .section-header p,body.page-strony-internetowe .section-header p{font-size:1.125rem;color:var(--c-text-muted)}
.kompetencja--strony .services,body.page-strony-internetowe .services{padding:5rem 0;background:var(--c-accent-lighter)}
.kompetencja--strony .services__grid,body.page-strony-internetowe .services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.kompetencja--strony .service-card,body.page-strony-internetowe .service-card{position:relative;background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease}
.kompetencja--strony .service-card:target,body.page-strony-internetowe .service-card:target{animation:cardHighlight 2s ease}
@keyframes cardHighlight{0%{box-shadow:0 0 0 4px var(--c-accent)}
100%{box-shadow:var(--shadow-card)}
}
.kompetencja--strony .service-card:hover,body.page-strony-internetowe .service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}
.kompetencja--strony .service-card--featured,body.page-strony-internetowe .service-card--featured{border:2px solid var(--c-accent)}
.kompetencja--strony .service-card__badge,body.page-strony-internetowe .service-card__badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);background:var(--c-accent);color:#fff;font-size:.75rem;font-weight:600;padding:.375rem 1rem;border-radius:2rem;white-space:nowrap}
.kompetencja--strony .service-card__icon,body.page-strony-internetowe .service-card__icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:var(--c-accent-lighter);color:var(--c-accent);border-radius:var(--radius-lg);margin-bottom:1.5rem}
.kompetencja--strony .service-card h3,body.page-strony-internetowe .service-card h3{font-size:1.25rem;color:var(--c-heading);margin-bottom:.75rem}
.kompetencja--strony .service-card p,body.page-strony-internetowe .service-card p{font-size:.9375rem;color:var(--c-text-muted);line-height:1.6;margin-bottom:1.25rem}
.kompetencja--strony .service-card__features,body.page-strony-internetowe .service-card__features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem}
.kompetencja--strony .service-card__features li,body.page-strony-internetowe .service-card__features li{font-size:.875rem;color:var(--c-text);padding-left:1.25rem;position:relative}
.kompetencja--strony .service-card__features li::before,body.page-strony-internetowe .service-card__features li::before{content:"✓";position:absolute;left:0;color:var(--c-success);font-weight:700}
.kompetencja--strony .service-card__price,body.page-strony-internetowe .service-card__price{padding-top:1.25rem;border-top:1px solid #e2e8f0}
.kompetencja--strony .service-card__from,body.page-strony-internetowe .service-card__from{font-size:.75rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em}
.kompetencja--strony .service-card__amount,body.page-strony-internetowe .service-card__amount{display:block;font-size:1.5rem;font-weight:700;color:var(--c-accent)}
.kompetencja--strony .why-us,body.page-strony-internetowe .why-us{padding:5rem 0;background:var(--c-accent);color:#fff}
.kompetencja--strony .why-us .section-header h2,body.page-strony-internetowe .why-us .section-header h2,.kompetencja--strony .why-us .section-header p,body.page-strony-internetowe .why-us .section-header p{color:#fff}
.kompetencja--strony .why-us .section-header p,body.page-strony-internetowe .why-us .section-header p{opacity:.85}
.kompetencja--strony .why-us__grid,body.page-strony-internetowe .why-us__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.kompetencja--strony .why-us__item,body.page-strony-internetowe .why-us__item{text-align:center}
.kompetencja--strony .why-us__item h3,body.page-strony-internetowe .why-us__item h3{font-size:1.125rem;margin-bottom:.625rem;color:#fff}
.kompetencja--strony .why-us__item p,body.page-strony-internetowe .why-us__item p{font-size:.9375rem;opacity:.85;line-height:1.6;color:#fff}
.kompetencja--strony .why-us__icon,body.page-strony-internetowe .why-us__icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border-radius:var(--radius-lg);margin:0 auto 1.25rem}
.kompetencja--strony .portfolio,body.page-strony-internetowe .portfolio{padding:5rem 0;background:#f8fafc}
.kompetencja--strony .portfolio__grid,body.page-strony-internetowe .portfolio__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}
.kompetencja--strony .portfolio__item,body.page-strony-internetowe .portfolio__item{position:relative;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/10}
.kompetencja--strony .portfolio__link,body.page-strony-internetowe .portfolio__link{display:block;width:100%;height:100%}
.kompetencja--strony .portfolio__image,body.page-strony-internetowe .portfolio__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.kompetencja--strony .portfolio__link:hover .portfolio__image,body.page-strony-internetowe .portfolio__link:hover .portfolio__image{transform:scale(1.05)}
.kompetencja--strony .portfolio__overlay,body.page-strony-internetowe .portfolio__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,51,84,.9),transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:0;transition:opacity .3s ease}
.kompetencja--strony .portfolio__link:hover .portfolio__overlay,body.page-strony-internetowe .portfolio__link:hover .portfolio__overlay{opacity:1}
.kompetencja--strony .portfolio__title,body.page-strony-internetowe .portfolio__title{color:#fff;font-size:1.125rem;margin-bottom:.25rem}
.kompetencja--strony .portfolio__cta,body.page-strony-internetowe .portfolio__cta{font-size:.875rem;color:rgba(255,255,255,.8)}
.kompetencja--strony .portfolio__placeholder,body.page-strony-internetowe .portfolio__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--c-accent-lighter),#fff);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--c-accent)}
.kompetencja--strony .portfolio__more,body.page-strony-internetowe .portfolio__more{text-align:center}
.kompetencja--strony .cta-form,body.page-strony-internetowe .cta-form{padding:5rem 0;background:linear-gradient(135deg,var(--c-accent-lighter) 0%,#fff 100%)}
.kompetencja--strony .cta-form__wrapper,body.page-strony-internetowe .cta-form__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.kompetencja--strony .cta-form__content h2,body.page-strony-internetowe .cta-form__content h2{font-size:1.75rem;color:var(--c-heading);margin-bottom:1rem}
.kompetencja--strony .cta-form__content p,body.page-strony-internetowe .cta-form__content p{font-size:1.0625rem;color:var(--c-text-muted);line-height:1.7;margin-bottom:1.5rem}
.kompetencja--strony .cta-form__benefits,body.page-strony-internetowe .cta-form__benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}
.kompetencja--strony .cta-form__benefits li,body.page-strony-internetowe .cta-form__benefits li{font-size:.9375rem;color:var(--c-text);padding-left:1.5rem;position:relative}
.kompetencja--strony .cta-form__benefits li::before,body.page-strony-internetowe .cta-form__benefits li::before{content:"✓";position:absolute;left:0;color:var(--c-success);font-weight:700}
.kompetencja--strony .cta-form__form,body.page-strony-internetowe .cta-form__form{background:#fff;padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}
.kompetencja--strony .form-group,body.page-strony-internetowe .form-group{margin-bottom:1.25rem}
.kompetencja--strony .form-group label,body.page-strony-internetowe .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--c-heading);margin-bottom:.5rem}
.kompetencja--strony .form-group input[type="text"],body.page-strony-internetowe .form-group input[type="text"],.kompetencja--strony .form-group input[type="email"],body.page-strony-internetowe .form-group input[type="email"],.kompetencja--strony .form-group input[type="tel"],body.page-strony-internetowe .form-group input[type="tel"],.kompetencja--strony .form-group textarea,body.page-strony-internetowe .form-group textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid #e2e8f0;border-radius:.5rem;transition:border-color .2s ease,box-shadow .2s ease}
.kompetencja--strony .form-group input:focus,body.page-strony-internetowe .form-group input:focus,.kompetencja--strony .form-group textarea:focus,body.page-strony-internetowe .form-group textarea:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(15,51,84,.1)}
.kompetencja--strony .form-group--checkbox,body.page-strony-internetowe .form-group--checkbox{display:flex;align-items:flex-start;gap:.75rem}
.kompetencja--strony .form-group--checkbox input[type="checkbox"],body.page-strony-internetowe .form-group--checkbox input[type="checkbox"]{margin-top:.25rem;flex-shrink:0}
.kompetencja--strony .form-group--checkbox label,body.page-strony-internetowe .form-group--checkbox label{font-size:.8125rem;color:var(--c-text-muted);line-height:1.5}
.kompetencja--strony .form-error,body.page-strony-internetowe .form-error{display:block;font-size:.75rem;color:var(--c-danger);margin-top:.375rem}
.kompetencja--strony .is-invalid,body.page-strony-internetowe .is-invalid{border-color:var(--c-danger)!important}
.kompetencja--strony .btn,body.page-strony-internetowe .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:.5rem;border:2px solid transparent;cursor:pointer;transition:all .2s ease}
.kompetencja--strony .btn--primary,body.page-strony-internetowe .btn--primary{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}
.kompetencja--strony .btn--primary:hover,body.page-strony-internetowe .btn--primary:hover{background:var(--c-accent-light);border-color:var(--c-accent-light)}
.kompetencja--strony .btn--outline,body.page-strony-internetowe .btn--outline{background:transparent;color:var(--c-accent);border-color:var(--c-accent)}
.kompetencja--strony .btn--outline:hover,body.page-strony-internetowe .btn--outline:hover{background:var(--c-accent);color:#fff}
.kompetencja--strony .btn--full,body.page-strony-internetowe .btn--full{width:100%}
@media(max-width:1024px){.kompetencja--strony .hero--kompetencja .container,body.page-strony-internetowe .hero--kompetencja .container{grid-template-columns:1fr;gap:3rem;text-align:center}
.kompetencja--strony .hero__lead,body.page-strony-internetowe .hero__lead{margin-left:auto;margin-right:auto}
.kompetencja--strony .hero__cta,body.page-strony-internetowe .hero__cta{justify-content:center}
.kompetencja--strony .hero__visual,body.page-strony-internetowe .hero__visual{order:-1}
.kompetencja--strony .hero__floating-item:nth-child(1),body.page-strony-internetowe .hero__floating-item:nth-child(1){left:0}
.kompetencja--strony .hero__floating-item:nth-child(2),body.page-strony-internetowe .hero__floating-item:nth-child(2){left:20px}
.kompetencja--strony .hero__floating-item:nth-child(3),body.page-strony-internetowe .hero__floating-item:nth-child(3){right:0}
.kompetencja--strony .services__grid,body.page-strony-internetowe .services__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}
.kompetencja--strony .why-us__grid,body.page-strony-internetowe .why-us__grid{grid-template-columns:repeat(2,1fr)}
.kompetencja--strony .portfolio__grid,body.page-strony-internetowe .portfolio__grid{grid-template-columns:1fr;max-width:500px;margin:0 auto 2rem}
.kompetencja--strony .cta-form__wrapper,body.page-strony-internetowe .cta-form__wrapper{grid-template-columns:1fr;gap:2rem}
}
@media(max-width:768px){.kompetencja--strony .hero--kompetencja,body.page-strony-internetowe .hero--kompetencja{padding:4rem 0 3rem}
.kompetencja--strony .hero__browser,body.page-strony-internetowe .hero__browser{transform:none}
.kompetencja--strony .hero__browser:hover,body.page-strony-internetowe .hero__browser:hover{transform:none}
.kompetencja--strony .problem-solution__grid,body.page-strony-internetowe .problem-solution__grid{grid-template-columns:1fr;gap:2.5rem}
.kompetencja--strony .why-us__grid,body.page-strony-internetowe .why-us__grid{grid-template-columns:1fr;gap:2rem}
}
@media(max-width:480px){.kompetencja--strony .hero__title,body.page-strony-internetowe .hero__title{font-size:1.75rem}
.kompetencja--strony .hero__floating,body.page-strony-internetowe .hero__floating{display:none}
.kompetencja--strony .btn,body.page-strony-internetowe .btn{width:100%}
.kompetencja--strony .hero__cta,body.page-strony-internetowe .hero__cta{flex-direction:column}
.kompetencja--strony .cta-form__form,body.page-strony-internetowe .cta-form__form{padding:1.5rem}
}
.ecommerce-premium,body.page-sklepy-ecommerce .ecommerce-premium{--c-accent:#0f3354;--c-accent-light:#1a4a6d;--c-accent-lighter:#e8f0f5;--c-text:#334155;--c-text-muted:#64748b;--c-success:#10b981;--c-danger:#ef4444;--c-warning:#f59e0b;--c-white:#ffffff;--c-dark:#0a1628}
.ecommerce-premium *,body.page-sklepy-ecommerce .ecommerce-premium *{box-sizing:border-box}
.ecommerce-premium .container,body.page-sklepy-ecommerce .ecommerce-premium .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.ecommerce-premium .ep-hero,body.page-sklepy-ecommerce .ep-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--c-dark);overflow:hidden}
.ecommerce-premium .ep-hero__bg,body.page-sklepy-ecommerce .ep-hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(15,51,84,.4) 0%,transparent 70%);animation:heroPulse 8s ease-in-out infinite}
.ecommerce-premium .ep-hero__content,body.page-sklepy-ecommerce .ep-hero__content{text-align:center;position:relative;z-index:1;padding:2rem}
.ecommerce-premium .ep-hero__eyebrow,body.page-sklepy-ecommerce .ep-hero__eyebrow{margin-bottom:1.5rem;opacity:0;animation:fadeInUp .8s ease forwards .2s}
.ecommerce-premium .ep-hero__eyebrow span,body.page-sklepy-ecommerce .ep-hero__eyebrow span{display:inline-block;font-size:.875rem;text-transform:uppercase;letter-spacing:.2em;color:var(--c-white);background:rgba(255,255,255,.1);padding:.5rem 1.25rem;border-radius:2rem;backdrop-filter:blur(10px)}
.ecommerce-premium .ep-hero__title,body.page-sklepy-ecommerce .ep-hero__title{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;color:var(--c-white);line-height:1.1;margin-bottom:1.5rem;opacity:0;animation:fadeInUp .8s ease forwards .4s}
.ecommerce-premium .ep-hero__title--gradient,body.page-sklepy-ecommerce .ep-hero__title--gradient{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 50%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ecommerce-premium .ep-hero__subtitle,body.page-sklepy-ecommerce .ep-hero__subtitle{font-size:1.25rem;color:rgba(255,255,255,.7);margin-bottom:3rem;opacity:0;animation:fadeInUp .8s ease forwards .6s}
.ecommerce-premium .ep-hero__scroll-hint,body.page-sklepy-ecommerce .ep-hero__scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:rgba(255,255,255,.5);font-size:.75rem;animation:bounce 2s ease-in-out infinite}
@keyframes heroPulse{0%,100%{opacity:.5;transform:scale(1)}
50%{opacity:.8;transform:scale(1.1)}
}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}
50%{transform:translateX(-50%) translateY(10px)}
}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.ecommerce-premium .ep-saas-trap,body.page-sklepy-ecommerce .ep-saas-trap{padding:5rem 0;background:var(--c-accent-lighter);overflow:hidden}
.ecommerce-premium .ep-saas__scroll-wrapper,body.page-sklepy-ecommerce .ep-saas__scroll-wrapper{margin:3rem 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}
.ecommerce-premium .ep-saas__scroll,body.page-sklepy-ecommerce .ep-saas__scroll{display:flex;gap:1.5rem;animation:scrollLeft 30s linear infinite;width:max-content}
.ecommerce-premium .ep-saas__scroll:hover,body.page-sklepy-ecommerce .ep-saas__scroll:hover{animation-play-state:paused}
.ecommerce-premium .ep-saas__card,body.page-sklepy-ecommerce .ep-saas__card{flex-shrink:0;width:280px;background:var(--c-white);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.ecommerce-premium .ep-saas__card--warning,body.page-sklepy-ecommerce .ep-saas__card--warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid var(--c-warning)}
.ecommerce-premium .ep-saas__logo,body.page-sklepy-ecommerce .ep-saas__logo{font-size:1.25rem;font-weight:700;color:var(--c-accent);margin-bottom:.75rem}
.ecommerce-premium .ep-saas__price,body.page-sklepy-ecommerce .ep-saas__price{font-size:1rem;color:var(--c-text)}
.ecommerce-premium .ep-saas__price strong,body.page-sklepy-ecommerce .ep-saas__price strong{font-size:1.5rem;color:var(--c-danger)}
.ecommerce-premium .ep-saas__yearly,body.page-sklepy-ecommerce .ep-saas__yearly{font-size:.875rem;color:var(--c-danger);font-weight:600;margin-bottom:1rem}
.ecommerce-premium .ep-saas__cons,body.page-sklepy-ecommerce .ep-saas__cons{list-style:none;padding:0;margin:0}
.ecommerce-premium .ep-saas__cons li,body.page-sklepy-ecommerce .ep-saas__cons li{font-size:.8125rem;color:var(--c-text-muted);padding:.25rem 0;padding-left:1.25rem;position:relative}
.ecommerce-premium .ep-saas__cons li::before,body.page-sklepy-ecommerce .ep-saas__cons li::before{content:"✗";position:absolute;left:0;color:var(--c-danger)}
.ecommerce-premium .ep-saas__summary,body.page-sklepy-ecommerce .ep-saas__summary{text-align:center;margin-top:2rem}
.ecommerce-premium .ep-saas__calc,body.page-sklepy-ecommerce .ep-saas__calc{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;background:var(--c-white);padding:1.5rem 2.5rem;border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.ecommerce-premium .ep-saas__calc span,body.page-sklepy-ecommerce .ep-saas__calc span{color:var(--c-text)}
.ecommerce-premium .ep-saas__calc strong,body.page-sklepy-ecommerce .ep-saas__calc strong{font-size:2rem;color:var(--c-danger)}
.ecommerce-premium .ep-saas__note,body.page-sklepy-ecommerce .ep-saas__note{display:block;width:100%;font-size:.875rem;color:var(--c-text-muted);margin-top:.5rem}
@keyframes scrollLeft{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
.ecommerce-premium .ep-section-title,body.page-sklepy-ecommerce .ep-section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--c-accent);text-align:center;margin-bottom:1rem}
.ecommerce-premium .ep-section-subtitle,body.page-sklepy-ecommerce .ep-section-subtitle{font-size:1.125rem;color:var(--c-text-muted);text-align:center;margin-bottom:0}
.ecommerce-premium .ep-solution,body.page-sklepy-ecommerce .ep-solution{padding:6rem 0;background:var(--c-white)}
.ecommerce-premium .ep-solution__content,body.page-sklepy-ecommerce .ep-solution__content{max-width:900px;margin:0 auto;text-align:center}
.ecommerce-premium .ep-solution__title,body.page-sklepy-ecommerce .ep-solution__title{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;color:var(--c-accent);margin-bottom:3rem;font-style:italic}
.ecommerce-premium .ep-solution__features,body.page-sklepy-ecommerce .ep-solution__features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;text-align:left}
.ecommerce-premium .ep-solution__feature,body.page-sklepy-ecommerce .ep-solution__feature{display:flex;align-items:center;gap:1rem;font-size:1.125rem;color:var(--c-text);opacity:0;transform:translateX(-30px);transition:all .6s ease}
.ecommerce-premium .ep-solution__feature.is-visible,body.page-sklepy-ecommerce .ep-solution__feature.is-visible{opacity:1;transform:translateX(0)}
.ecommerce-premium .ep-solution__check,body.page-sklepy-ecommerce .ep-solution__check{width:2.5rem;height:2.5rem;background:var(--c-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c-white);font-size:1.25rem;flex-shrink:0}
.ecommerce-premium .ep-case,body.page-sklepy-ecommerce .ep-case{padding:8rem 0;position:relative;background:var(--c-dark);color:var(--c-white);overflow:hidden}
.ecommerce-premium .ep-case__bg,body.page-sklepy-ecommerce .ep-case__bg{position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,.03)" stroke-width=".5"/></svg>') center/200px repeat;opacity:.5}
.ecommerce-premium .ep-case__content,body.page-sklepy-ecommerce .ep-case__content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}
.ecommerce-premium .ep-case__eyebrow,body.page-sklepy-ecommerce .ep-case__eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--c-success);margin-bottom:1rem}
.ecommerce-premium .ep-case__title,body.page-sklepy-ecommerce .ep-case__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--c-white);margin-bottom:1rem}
.ecommerce-premium .ep-case__desc,body.page-sklepy-ecommerce .ep-case__desc{font-size:1.125rem;color:rgba(255,255,255,.7);margin-bottom:3rem}
.ecommerce-premium .ep-case__stats,body.page-sklepy-ecommerce .ep-case__stats{display:flex;justify-content:center;gap:4rem;margin-bottom:3rem}
.ecommerce-premium .ep-case__stat,body.page-sklepy-ecommerce .ep-case__stat{text-align:center}
.ecommerce-premium .ep-case__stat-number,body.page-sklepy-ecommerce .ep-case__stat-number{display:block;font-size:3rem;font-weight:800;color:var(--c-success);font-variant-numeric:tabular-nums}
.ecommerce-premium .ep-case__stat-label,body.page-sklepy-ecommerce .ep-case__stat-label{font-size:.875rem;color:rgba(255,255,255,.6)}
.ecommerce-premium .ep-case__integrations,body.page-sklepy-ecommerce .ep-case__integrations{margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}
.ecommerce-premium .ep-case__integrations>span,body.page-sklepy-ecommerce .ep-case__integrations>span{color:rgba(255,255,255,.5);font-size:.875rem}
.ecommerce-premium .ep-case__integration-list,body.page-sklepy-ecommerce .ep-case__integration-list{display:flex;gap:.5rem;flex-wrap:wrap}
.ecommerce-premium .ep-case__integration,body.page-sklepy-ecommerce .ep-case__integration{padding:.375rem .75rem;background:rgba(255,255,255,.1);border-radius:.25rem;font-size:.8125rem;color:var(--c-white)}
.ecommerce-premium .ep-integrations,body.page-sklepy-ecommerce .ep-integrations{padding:6rem 0;background:var(--c-accent-lighter)}
.ecommerce-premium .ep-integrations__hub,body.page-sklepy-ecommerce .ep-integrations__hub{max-width:1000px;margin:3rem auto 0}
.ecommerce-premium .ep-integrations__center,body.page-sklepy-ecommerce .ep-integrations__center{text-align:center;margin-bottom:2rem}
.ecommerce-premium .ep-integrations__shop-icon,body.page-sklepy-ecommerce .ep-integrations__shop-icon{width:5rem;height:5rem;background:var(--c-accent);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 10px 40px rgba(15,51,84,.25)}
.ecommerce-premium .ep-integrations__shop-icon svg,body.page-sklepy-ecommerce .ep-integrations__shop-icon svg{width:2.5rem;height:2.5rem;color:var(--c-white)}
.ecommerce-premium .ep-integrations__center-label,body.page-sklepy-ecommerce .ep-integrations__center-label{font-size:1rem;font-weight:700;color:var(--c-accent)}
.ecommerce-premium .ep-integrations__categories,body.page-sklepy-ecommerce .ep-integrations__categories{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.ecommerce-premium .ep-integrations__category,body.page-sklepy-ecommerce .ep-integrations__category{background:var(--c-white);border-radius:1rem;padding:1.5rem;opacity:0;transform:translateY(20px);transition:all .5s ease;box-shadow:0 4px 15px rgba(0,0,0,.05)}
.ecommerce-premium .ep-integrations__category.is-visible,body.page-sklepy-ecommerce .ep-integrations__category.is-visible{opacity:1;transform:translateY(0)}
.ecommerce-premium .ep-integrations__category-header,body.page-sklepy-ecommerce .ep-integrations__category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--c-accent-lighter)}
.ecommerce-premium .ep-integrations__category-icon,body.page-sklepy-ecommerce .ep-integrations__category-icon{width:2.5rem;height:2.5rem;background:var(--c-accent);border-radius:.5rem;display:flex;align-items:center;justify-content:center}
.ecommerce-premium .ep-integrations__category-icon svg,body.page-sklepy-ecommerce .ep-integrations__category-icon svg{width:1.25rem;height:1.25rem;color:var(--c-white)}
.ecommerce-premium .ep-integrations__category-title,body.page-sklepy-ecommerce .ep-integrations__category-title{font-size:1rem;font-weight:700;color:var(--c-accent)}
.ecommerce-premium .ep-integrations__list,body.page-sklepy-ecommerce .ep-integrations__list{display:flex;flex-wrap:wrap;gap:.5rem}
.ecommerce-premium .ep-integrations__item,body.page-sklepy-ecommerce .ep-integrations__item{padding:.375rem .75rem;background:var(--c-accent-lighter);border-radius:.375rem;font-size:.8125rem;color:var(--c-text);transition:all .2s ease;cursor:default}
.ecommerce-premium .ep-integrations__item:hover,body.page-sklepy-ecommerce .ep-integrations__item:hover{background:var(--c-accent);color:var(--c-white)}
.ecommerce-premium .ep-pricing,body.page-sklepy-ecommerce .ep-pricing{padding:6rem 0;background:var(--c-white)}
.ecommerce-premium .ep-pricing__switcher,body.page-sklepy-ecommerce .ep-pricing__switcher{display:flex;justify-content:center;gap:.5rem;margin:2rem 0 3rem;flex-wrap:wrap}
.ecommerce-premium .ep-pricing__switch,body.page-sklepy-ecommerce .ep-pricing__switch{position:relative;padding:1rem 2rem;background:var(--c-accent-lighter);border:2px solid transparent;border-radius:.75rem;cursor:pointer;transition:all .3s ease;text-align:center;min-width:180px}
.ecommerce-premium .ep-pricing__switch:hover,body.page-sklepy-ecommerce .ep-pricing__switch:hover{border-color:var(--c-accent)}
.ecommerce-premium .ep-pricing__switch--active,body.page-sklepy-ecommerce .ep-pricing__switch--active{background:var(--c-accent);border-color:var(--c-accent)}
.ecommerce-premium .ep-pricing__switch--active .ep-pricing__switch-name,body.page-sklepy-ecommerce .ep-pricing__switch--active .ep-pricing__switch-name{color:var(--c-white)}
.ecommerce-premium .ep-pricing__switch--active .ep-pricing__switch-desc,body.page-sklepy-ecommerce .ep-pricing__switch--active .ep-pricing__switch-desc{color:rgba(255,255,255,.7)}
.ecommerce-premium .ep-pricing__switch-badge,body.page-sklepy-ecommerce .ep-pricing__switch-badge{position:absolute;top:-.5rem;right:-.5rem;background:var(--c-success);color:var(--c-white);font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:1rem;text-transform:uppercase}
.ecommerce-premium .ep-pricing__switch-name,body.page-sklepy-ecommerce .ep-pricing__switch-name{display:block;font-size:1.125rem;font-weight:700;color:var(--c-accent)}
.ecommerce-premium .ep-pricing__switch-desc,body.page-sklepy-ecommerce .ep-pricing__switch-desc{display:block;font-size:.75rem;color:var(--c-text-muted);margin-top:.25rem}
.ecommerce-premium .ep-pricing__panel,body.page-sklepy-ecommerce .ep-pricing__panel{display:none}
.ecommerce-premium .ep-pricing__panel--active,body.page-sklepy-ecommerce .ep-pricing__panel--active{display:block;animation:fadeIn .4s ease}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
.ecommerce-premium .ep-pricing__header,body.page-sklepy-ecommerce .ep-pricing__header{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start;margin-bottom:2rem;padding:2rem;background:var(--c-accent-lighter);border-radius:1rem}
.ecommerce-premium .ep-pricing__intro h3,body.page-sklepy-ecommerce .ep-pricing__intro h3{font-size:1.5rem;color:var(--c-accent);margin-bottom:.5rem}
.ecommerce-premium .ep-pricing__intro p,body.page-sklepy-ecommerce .ep-pricing__intro p{font-size:.9375rem;color:var(--c-text-muted);line-height:1.6;margin:0}
.ecommerce-premium .ep-pricing__tiers-wrap,body.page-sklepy-ecommerce .ep-pricing__tiers-wrap{display:flex;gap:1rem}
.ecommerce-premium .ep-pricing__tier,body.page-sklepy-ecommerce .ep-pricing__tier{padding:1.25rem 1.5rem;background:var(--c-white);border-radius:.75rem;text-align:center;min-width:160px;border:2px solid transparent}
.ecommerce-premium .ep-pricing__tier--primary,body.page-sklepy-ecommerce .ep-pricing__tier--primary{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-white)}
.ecommerce-premium .ep-pricing__tier--primary .ep-pricing__tier-label,body.page-sklepy-ecommerce .ep-pricing__tier--primary .ep-pricing__tier-label{color:var(--c-white)}
.ecommerce-premium .ep-pricing__tier--primary .ep-pricing__tier-note,body.page-sklepy-ecommerce .ep-pricing__tier--primary .ep-pricing__tier-note{color:rgba(255,255,255,.7)}
.ecommerce-premium .ep-pricing__tier--primary .ep-pricing__tier-price,body.page-sklepy-ecommerce .ep-pricing__tier--primary .ep-pricing__tier-price{color:var(--c-white)}
.ecommerce-premium .ep-pricing__tier-label,body.page-sklepy-ecommerce .ep-pricing__tier-label{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-accent);margin-bottom:.25rem}
.ecommerce-premium .ep-pricing__tier-note,body.page-sklepy-ecommerce .ep-pricing__tier-note{display:block;font-size:.75rem;color:var(--c-text-muted);margin-bottom:.5rem}
.ecommerce-premium .ep-pricing__tier-price,body.page-sklepy-ecommerce .ep-pricing__tier-price{font-size:.875rem;color:var(--c-text)}
.ecommerce-premium .ep-pricing__tier-price strong,body.page-sklepy-ecommerce .ep-pricing__tier-price strong{font-size:1.75rem;font-weight:800}
.ecommerce-premium .ep-pricing__tier-info,body.page-sklepy-ecommerce .ep-pricing__tier-info{display:block;font-size:.6875rem;color:rgba(255,255,255,.6);margin-top:.5rem}
.ecommerce-premium .ep-pricing__table-wrap,body.page-sklepy-ecommerce .ep-pricing__table-wrap{overflow-x:auto;margin-bottom:2rem}
.ecommerce-premium .ep-pricing__table,body.page-sklepy-ecommerce .ep-pricing__table{width:100%;border-collapse:collapse;font-size:.9375rem}
.ecommerce-premium .ep-pricing__table th,body.page-sklepy-ecommerce .ep-pricing__table th,.ecommerce-premium .ep-pricing__table td,body.page-sklepy-ecommerce .ep-pricing__table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--c-accent-lighter)}
.ecommerce-premium .ep-pricing__table th,body.page-sklepy-ecommerce .ep-pricing__table th{background:var(--c-accent);color:var(--c-white);font-weight:600}
.ecommerce-premium .ep-pricing__table th:first-child,body.page-sklepy-ecommerce .ep-pricing__table th:first-child{border-radius:.5rem 0 0 0}
.ecommerce-premium .ep-pricing__table th:last-child,body.page-sklepy-ecommerce .ep-pricing__table th:last-child{border-radius:0 .5rem 0 0}
.ecommerce-premium .ep-pricing__table td:not(:first-child),body.page-sklepy-ecommerce .ep-pricing__table td:not(:first-child){text-align:center;font-weight:500}
.ecommerce-premium .ep-pricing__table-section td,body.page-sklepy-ecommerce .ep-pricing__table-section td{background:var(--c-accent-lighter);font-weight:700;color:var(--c-accent);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}
.ecommerce-premium .ep-pricing__services,body.page-sklepy-ecommerce .ep-pricing__services{padding:2rem;background:var(--c-accent-lighter);border-radius:1rem}
.ecommerce-premium .ep-pricing__services h4,body.page-sklepy-ecommerce .ep-pricing__services h4{font-size:1rem;color:var(--c-accent);margin-bottom:1.5rem}
.ecommerce-premium .ep-pricing__services-grid,body.page-sklepy-ecommerce .ep-pricing__services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ecommerce-premium .ep-pricing__service,body.page-sklepy-ecommerce .ep-pricing__service{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--c-white);border-radius:.5rem}
.ecommerce-premium .ep-pricing__service svg,body.page-sklepy-ecommerce .ep-pricing__service svg{width:1.5rem;height:1.5rem;color:var(--c-accent);flex-shrink:0}
.ecommerce-premium .ep-pricing__service span,body.page-sklepy-ecommerce .ep-pricing__service span{font-size:.875rem;color:var(--c-text)}
.ecommerce-premium .ep-pricing__disclaimer,body.page-sklepy-ecommerce .ep-pricing__disclaimer{display:flex;gap:1.5rem;align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:1rem;padding:1.5rem 2rem;margin-top:2rem;border-left:4px solid var(--c-warning)}
.ecommerce-premium .ep-pricing__disclaimer-icon,body.page-sklepy-ecommerce .ep-pricing__disclaimer-icon{flex-shrink:0}
.ecommerce-premium .ep-pricing__disclaimer-icon svg,body.page-sklepy-ecommerce .ep-pricing__disclaimer-icon svg{width:2rem;height:2rem;color:var(--c-warning)}
.ecommerce-premium .ep-pricing__disclaimer-content strong,body.page-sklepy-ecommerce .ep-pricing__disclaimer-content strong{display:block;font-size:1rem;color:var(--c-accent);margin-bottom:.5rem}
.ecommerce-premium .ep-pricing__disclaimer-content p,body.page-sklepy-ecommerce .ep-pricing__disclaimer-content p{font-size:.875rem;color:var(--c-text);line-height:1.6;margin:0}
.ecommerce-premium .ep-pricing__process,body.page-sklepy-ecommerce .ep-pricing__process{margin-top:3rem;text-align:center}
.ecommerce-premium .ep-pricing__process h4,body.page-sklepy-ecommerce .ep-pricing__process h4{font-size:1.125rem;font-weight:700;color:var(--c-accent);margin-bottom:1.5rem}
.ecommerce-premium .ep-pricing__process-steps,body.page-sklepy-ecommerce .ep-pricing__process-steps{display:flex;align-items:center;justify-content:center;gap:1rem}
.ecommerce-premium .ep-pricing__process-step,body.page-sklepy-ecommerce .ep-pricing__process-step{display:flex;align-items:center;gap:.5rem;background:var(--c-accent-lighter);padding:.75rem 1.25rem;border-radius:2rem;font-size:.875rem;font-weight:600;color:var(--c-accent)}
.ecommerce-premium .ep-pricing__process-step span:first-child,body.page-sklepy-ecommerce .ep-pricing__process-step span:first-child{width:1.5rem;height:1.5rem;background:var(--c-accent);color:var(--c-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}
.ecommerce-premium .ep-pricing__process-step::after,body.page-sklepy-ecommerce .ep-pricing__process-step::after{content:"→";margin-left:.5rem;color:var(--c-accent-light)}
.ecommerce-premium .ep-pricing__process-step:last-child::after,body.page-sklepy-ecommerce .ep-pricing__process-step:last-child::after{display:none}
.ecommerce-premium .ep-cta,body.page-sklepy-ecommerce .ep-cta{padding:8rem 0;background:var(--c-accent);position:relative;overflow:hidden}
.ecommerce-premium .ep-cta__bg,body.page-sklepy-ecommerce .ep-cta__bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.05) 0%,transparent 50%)}
.ecommerce-premium .ep-cta__content,body.page-sklepy-ecommerce .ep-cta__content{position:relative;z-index:1;max-width:600px;margin:0 auto;text-align:center}
.ecommerce-premium .ep-cta__title,body.page-sklepy-ecommerce .ep-cta__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--c-white);margin-bottom:1rem}
.ecommerce-premium .ep-cta__subtitle,body.page-sklepy-ecommerce .ep-cta__subtitle{font-size:1.125rem;color:rgba(255,255,255,.7);margin-bottom:2rem}
.ecommerce-premium .ep-cta__form,body.page-sklepy-ecommerce .ep-cta__form{background:var(--c-white);border-radius:1rem;padding:2rem;text-align:left}
.ecommerce-premium .ep-cta__form-row,body.page-sklepy-ecommerce .ep-cta__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.ecommerce-premium .ep-cta__form input[type="email"],body.page-sklepy-ecommerce .ep-cta__form input[type="email"],.ecommerce-premium .ep-cta__form input[type="tel"],body.page-sklepy-ecommerce .ep-cta__form input[type="tel"],.ecommerce-premium .ep-cta__form textarea,body.page-sklepy-ecommerce .ep-cta__form textarea{width:100%;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease}
.ecommerce-premium .ep-cta__form input:focus,body.page-sklepy-ecommerce .ep-cta__form input:focus,.ecommerce-premium .ep-cta__form textarea:focus,body.page-sklepy-ecommerce .ep-cta__form textarea:focus{outline:none;border-color:var(--c-accent)}
.ecommerce-premium .ep-cta__form textarea,body.page-sklepy-ecommerce .ep-cta__form textarea{margin-bottom:1rem;resize:none}
.ecommerce-premium .ep-cta__form-footer,body.page-sklepy-ecommerce .ep-cta__form-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.ecommerce-premium .ep-cta__consent,body.page-sklepy-ecommerce .ep-cta__consent{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--c-text-muted)}
.ecommerce-premium .ep-cta__consent input,body.page-sklepy-ecommerce .ep-cta__consent input{width:1rem;height:1rem}
.ecommerce-premium .ep-cta__consent a,body.page-sklepy-ecommerce .ep-cta__consent a{color:var(--c-accent)}
.ecommerce-premium .ep-cta__trust,body.page-sklepy-ecommerce .ep-cta__trust{display:flex;justify-content:center;gap:2rem;margin-top:2rem;color:rgba(255,255,255,.7);font-size:.875rem}
.ecommerce-premium .ep-btn,body.page-sklepy-ecommerce .ep-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}
.ecommerce-premium .ep-btn--primary,body.page-sklepy-ecommerce .ep-btn--primary{background:var(--c-accent);color:var(--c-white)}
.ecommerce-premium .ep-btn--primary:hover,body.page-sklepy-ecommerce .ep-btn--primary:hover{background:var(--c-accent-light)}
.ecommerce-premium .ep-btn--light,body.page-sklepy-ecommerce .ep-btn--light{background:var(--c-white);color:var(--c-accent)}
.ecommerce-premium .ep-btn--light:hover,body.page-sklepy-ecommerce .ep-btn--light:hover{background:rgba(255,255,255,.9)}
.ecommerce-premium .ep-btn--large,body.page-sklepy-ecommerce .ep-btn--large{padding:1rem 2.5rem;font-size:1.125rem}
@media (max-width:1024px){.ecommerce-premium .ep-solution__features,body.page-sklepy-ecommerce .ep-solution__features{grid-template-columns:1fr}
.ecommerce-premium .ep-integrations__categories,body.page-sklepy-ecommerce .ep-integrations__categories{grid-template-columns:repeat(2,1fr)}
.ecommerce-premium .ep-pricing__header,body.page-sklepy-ecommerce .ep-pricing__header{grid-template-columns:1fr}
.ecommerce-premium .ep-pricing__tiers-wrap,body.page-sklepy-ecommerce .ep-pricing__tiers-wrap{justify-content:center}
.ecommerce-premium .ep-pricing__services-grid,body.page-sklepy-ecommerce .ep-pricing__services-grid{grid-template-columns:repeat(2,1fr)}
.ecommerce-premium .ep-case__stats,body.page-sklepy-ecommerce .ep-case__stats{flex-direction:column;gap:2rem}
}
@media (max-width:768px){.ecommerce-premium .ep-hero__title,body.page-sklepy-ecommerce .ep-hero__title{font-size:2.5rem}
.ecommerce-premium .ep-pricing__switcher,body.page-sklepy-ecommerce .ep-pricing__switcher{flex-direction:column;align-items:center}
.ecommerce-premium .ep-pricing__switch,body.page-sklepy-ecommerce .ep-pricing__switch{width:100%;max-width:300px}
.ecommerce-premium .ep-pricing__tiers-wrap,body.page-sklepy-ecommerce .ep-pricing__tiers-wrap{flex-direction:column}
.ecommerce-premium .ep-pricing__services-grid,body.page-sklepy-ecommerce .ep-pricing__services-grid{grid-template-columns:1fr}
.ecommerce-premium .ep-cta__form-row,body.page-sklepy-ecommerce .ep-cta__form-row{grid-template-columns:1fr}
.ecommerce-premium .ep-cta__form-footer,body.page-sklepy-ecommerce .ep-cta__form-footer{flex-direction:column;align-items:stretch}
.ecommerce-premium .ep-cta__trust,body.page-sklepy-ecommerce .ep-cta__trust{flex-direction:column;gap:.5rem}
.ecommerce-premium .ep-integrations__categories,body.page-sklepy-ecommerce .ep-integrations__categories{grid-template-columns:1fr}
.ecommerce-premium .ep-pricing__process-steps,body.page-sklepy-ecommerce .ep-pricing__process-steps{flex-direction:column}
.ecommerce-premium .ep-pricing__process-step::after,body.page-sklepy-ecommerce .ep-pricing__process-step::after{display:none}
}
@media (max-width:480px){.ecommerce-premium .ep-hero,body.page-sklepy-ecommerce .ep-hero{min-height:auto;padding:6rem 0}
.ecommerce-premium .ep-solution,body.page-sklepy-ecommerce .ep-solution{padding:4rem 0}
.ecommerce-premium .ep-saas__card,body.page-sklepy-ecommerce .ep-saas__card{width:240px}
}
.kompetencja-aplikacje-mobilne,body.page-aplikacje-mobilne .kompetencja-aplikacje-mobilne,body.page-aplikacje-mobilne-webowe .kompetencja-aplikacje-mobilne{--app-gradient:linear-gradient(135deg,var(--color-primary) 0%,#1a5a8a 100%);--app-gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,#ff8f5a 100%);--app-shadow-glow:0 0 40px rgba(15,51,84,0.15);--app-border-subtle:rgba(15,51,84,0.1)}
.kompetencja-aplikacje-mobilne .app-hero,body.page-aplikacje-mobilne .app-hero,body.page-aplikacje-mobilne-webowe .app-hero{padding:calc(var(--nav-height)+var(--spacing-2xl)) 0 var(--spacing-4xl);background:linear-gradient(180deg,#f0f4f8 0%,var(--color-bg-light) 100%);overflow:hidden}
.kompetencja-aplikacje-mobilne .app-hero .breadcrumb,body.page-aplikacje-mobilne .app-hero .breadcrumb,body.page-aplikacje-mobilne-webowe .app-hero .breadcrumb{margin-bottom:var(--spacing-xl)}
.kompetencja-aplikacje-mobilne .app-hero .breadcrumb ol,body.page-aplikacje-mobilne .app-hero .breadcrumb ol,body.page-aplikacje-mobilne-webowe .app-hero .breadcrumb ol{display:flex;gap:var(--spacing-sm);list-style:none;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:0;margin:0}
.kompetencja-aplikacje-mobilne .app-hero .breadcrumb li:not(:last-child)::after,body.page-aplikacje-mobilne .app-hero .breadcrumb li:not(:last-child)::after,body.page-aplikacje-mobilne-webowe .app-hero .breadcrumb li:not(:last-child)::after{content:'/';margin-left:var(--spacing-sm);opacity:0.5}
.kompetencja-aplikacje-mobilne .app-hero .breadcrumb a,body.page-aplikacje-mobilne .app-hero .breadcrumb a,body.page-aplikacje-mobilne-webowe .app-hero .breadcrumb a{color:var(--color-text-secondary);transition:color var(--transition-fast)}
.kompetencja-aplikacje-mobilne .app-hero .breadcrumb a:hover,body.page-aplikacje-mobilne .app-hero .breadcrumb a:hover,body.page-aplikacje-mobilne-webowe .app-hero .breadcrumb a:hover{color:var(--color-primary)}
.kompetencja-aplikacje-mobilne .app-hero__grid,body.page-aplikacje-mobilne .app-hero__grid,body.page-aplikacje-mobilne-webowe .app-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}
.kompetencja-aplikacje-mobilne .app-hero__badge,body.page-aplikacje-mobilne .app-hero__badge,body.page-aplikacje-mobilne-webowe .app-hero__badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--app-gradient);color:#ffffff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}
.kompetencja-aplikacje-mobilne .app-hero__badge svg,body.page-aplikacje-mobilne .app-hero__badge svg,body.page-aplikacje-mobilne-webowe .app-hero__badge svg{width:16px;height:16px}
.kompetencja-aplikacje-mobilne .app-hero__content h1,body.page-aplikacje-mobilne .app-hero__content h1,body.page-aplikacje-mobilne-webowe .app-hero__content h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:var(--spacing-lg);line-height:1.1;color:var(--color-text-primary)}
.kompetencja-aplikacje-mobilne .text-gradient,body.page-aplikacje-mobilne .text-gradient,body.page-aplikacje-mobilne-webowe .text-gradient{background:var(--app-gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.kompetencja-aplikacje-mobilne .app-hero__lead,body.page-aplikacje-mobilne .app-hero__lead,body.page-aplikacje-mobilne-webowe .app-hero__lead{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:540px;line-height:1.7}
.kompetencja-aplikacje-mobilne .app-hero__stats,body.page-aplikacje-mobilne .app-hero__stats,body.page-aplikacje-mobilne-webowe .app-hero__stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.kompetencja-aplikacje-mobilne .stat,body.page-aplikacje-mobilne .stat,body.page-aplikacje-mobilne-webowe .stat{display:flex;flex-direction:column}
.kompetencja-aplikacje-mobilne .stat__value,body.page-aplikacje-mobilne .stat__value,body.page-aplikacje-mobilne-webowe .stat__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}
.kompetencja-aplikacje-mobilne .stat__label,body.page-aplikacje-mobilne .stat__label,body.page-aplikacje-mobilne-webowe .stat__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}
.kompetencja-aplikacje-mobilne .app-hero__actions,body.page-aplikacje-mobilne .app-hero__actions,body.page-aplikacje-mobilne-webowe .app-hero__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}
.kompetencja-aplikacje-mobilne .hero-btn,body.page-aplikacje-mobilne .hero-btn,body.page-aplikacje-mobilne-webowe .hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:16px 32px;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);text-decoration:none;transition:all var(--transition-fast);border:2px solid transparent;cursor:pointer}
.kompetencja-aplikacje-mobilne .hero-btn svg,body.page-aplikacje-mobilne .hero-btn svg,body.page-aplikacje-mobilne-webowe .hero-btn svg{flex-shrink:0}
.kompetencja-aplikacje-mobilne .hero-btn--primary,body.page-aplikacje-mobilne .hero-btn--primary,body.page-aplikacje-mobilne-webowe .hero-btn--primary{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary)}
.kompetencja-aplikacje-mobilne .hero-btn--primary span,body.page-aplikacje-mobilne .hero-btn--primary span,body.page-aplikacje-mobilne-webowe .hero-btn--primary span{color:#ffffff}
.kompetencja-aplikacje-mobilne .hero-btn--primary svg,body.page-aplikacje-mobilne .hero-btn--primary svg,body.page-aplikacje-mobilne-webowe .hero-btn--primary svg{color:#ffffff}
.kompetencja-aplikacje-mobilne .hero-btn--primary:hover,body.page-aplikacje-mobilne .hero-btn--primary:hover,body.page-aplikacje-mobilne-webowe .hero-btn--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 30px rgba(15,51,84,0.3);color:#ffffff}
.kompetencja-aplikacje-mobilne .hero-btn--outline,body.page-aplikacje-mobilne .hero-btn--outline,body.page-aplikacje-mobilne-webowe .hero-btn--outline{background:#ffffff;color:var(--color-primary);border-color:var(--color-primary)}
.kompetencja-aplikacje-mobilne .hero-btn--outline span,body.page-aplikacje-mobilne .hero-btn--outline span,body.page-aplikacje-mobilne-webowe .hero-btn--outline span{color:var(--color-primary)}
.kompetencja-aplikacje-mobilne .hero-btn--outline:hover,body.page-aplikacje-mobilne .hero-btn--outline:hover,body.page-aplikacje-mobilne-webowe .hero-btn--outline:hover{background:var(--color-primary);color:#ffffff}
.kompetencja-aplikacje-mobilne .hero-btn--outline:hover span,body.page-aplikacje-mobilne .hero-btn--outline:hover span,body.page-aplikacje-mobilne-webowe .hero-btn--outline:hover span{color:#ffffff}
@media (max-width:768px){.kompetencja-aplikacje-mobilne .hero-btn,body.page-aplikacje-mobilne .hero-btn,body.page-aplikacje-mobilne-webowe .hero-btn{width:100%}
}
.kompetencja-aplikacje-mobilne .btn,body.page-aplikacje-mobilne .btn,body.page-aplikacje-mobilne-webowe .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-fast);cursor:pointer;border:2px solid transparent;text-decoration:none}
.kompetencja-aplikacje-mobilne .btn svg,body.page-aplikacje-mobilne .btn svg,body.page-aplikacje-mobilne-webowe .btn svg{width:18px;height:18px;flex-shrink:0}
.kompetencja-aplikacje-mobilne .btn--primary,body.page-aplikacje-mobilne .btn--primary,body.page-aplikacje-mobilne-webowe .btn--primary{background:var(--color-primary);color:#ffffff !important;border-color:var(--color-primary)}
.kompetencja-aplikacje-mobilne .btn--primary:hover,body.page-aplikacje-mobilne .btn--primary:hover,body.page-aplikacje-mobilne-webowe .btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--color-primary-dark);color:#ffffff !important}
.kompetencja-aplikacje-mobilne .btn--outline,body.page-aplikacje-mobilne .btn--outline,body.page-aplikacje-mobilne-webowe .btn--outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}
.kompetencja-aplikacje-mobilne .btn--outline:hover,body.page-aplikacje-mobilne .btn--outline:hover,body.page-aplikacje-mobilne-webowe .btn--outline:hover{background:var(--color-primary);color:#ffffff}
.kompetencja-aplikacje-mobilne .btn--accent,body.page-aplikacje-mobilne .btn--accent,body.page-aplikacje-mobilne-webowe .btn--accent{background:var(--app-gradient-accent);color:#ffffff;border-color:var(--color-accent)}
.kompetencja-aplikacje-mobilne .btn--accent:hover,body.page-aplikacje-mobilne .btn--accent:hover,body.page-aplikacje-mobilne-webowe .btn--accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#ffffff}
.kompetencja-aplikacje-mobilne .btn--lg,body.page-aplikacje-mobilne .btn--lg,body.page-aplikacje-mobilne-webowe .btn--lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}
.kompetencja-aplikacje-mobilne .app-hero__visual,body.page-aplikacje-mobilne .app-hero__visual,body.page-aplikacje-mobilne-webowe .app-hero__visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:450px}
.kompetencja-aplikacje-mobilne .device-showcase,body.page-aplikacje-mobilne .device-showcase,body.page-aplikacje-mobilne-webowe .device-showcase{position:relative}
.kompetencja-aplikacje-mobilne .device--phone,body.page-aplikacje-mobilne .device--phone,body.page-aplikacje-mobilne-webowe .device--phone{width:260px;height:520px;background:#1a1a1a;border-radius:36px;padding:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.1)}
.kompetencja-aplikacje-mobilne .device__screen,body.page-aplikacje-mobilne .device__screen,body.page-aplikacje-mobilne-webowe .device__screen{width:100%;height:100%;background:#ffffff;border-radius:28px;overflow:hidden}
.kompetencja-aplikacje-mobilne .app-preview,body.page-aplikacje-mobilne .app-preview,body.page-aplikacje-mobilne-webowe .app-preview{height:100%;display:flex;flex-direction:column;background:#ffffff}
.kompetencja-aplikacje-mobilne .app-preview__header,body.page-aplikacje-mobilne .app-preview__header,body.page-aplikacje-mobilne-webowe .app-preview__header{background:var(--color-primary);padding:var(--spacing-md)}
.kompetencja-aplikacje-mobilne .app-preview__status-bar,body.page-aplikacje-mobilne .app-preview__status-bar,body.page-aplikacje-mobilne-webowe .app-preview__status-bar{height:24px;background:rgba(255,255,255,0.15);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}
.kompetencja-aplikacje-mobilne .app-preview__nav,body.page-aplikacje-mobilne .app-preview__nav,body.page-aplikacje-mobilne-webowe .app-preview__nav{display:flex;justify-content:space-between;align-items:center;color:#ffffff}
.kompetencja-aplikacje-mobilne .app-preview__logo,body.page-aplikacje-mobilne .app-preview__logo,body.page-aplikacje-mobilne-webowe .app-preview__logo{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:#ffffff}
.kompetencja-aplikacje-mobilne .app-preview__menu-icon,body.page-aplikacje-mobilne .app-preview__menu-icon,body.page-aplikacje-mobilne-webowe .app-preview__menu-icon{width:20px;height:2px;background:#ffffff;position:relative}
.kompetencja-aplikacje-mobilne .app-preview__menu-icon::before,body.page-aplikacje-mobilne .app-preview__menu-icon::before,body.page-aplikacje-mobilne-webowe .app-preview__menu-icon::before,.kompetencja-aplikacje-mobilne .app-preview__menu-icon::after,body.page-aplikacje-mobilne .app-preview__menu-icon::after,body.page-aplikacje-mobilne-webowe .app-preview__menu-icon::after{content:'';position:absolute;width:100%;height:2px;background:#ffffff;left:0}
.kompetencja-aplikacje-mobilne .app-preview__menu-icon::before,body.page-aplikacje-mobilne .app-preview__menu-icon::before,body.page-aplikacje-mobilne-webowe .app-preview__menu-icon::before{top:-6px}
.kompetencja-aplikacje-mobilne .app-preview__menu-icon::after,body.page-aplikacje-mobilne .app-preview__menu-icon::after,body.page-aplikacje-mobilne-webowe .app-preview__menu-icon::after{top:6px}
.kompetencja-aplikacje-mobilne .app-preview__content,body.page-aplikacje-mobilne .app-preview__content,body.page-aplikacje-mobilne-webowe .app-preview__content{flex:1;padding:var(--spacing-md);background:#f8f9fa}
.kompetencja-aplikacje-mobilne .app-preview__card,body.page-aplikacje-mobilne .app-preview__card,body.page-aplikacje-mobilne-webowe .app-preview__card{height:100px;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}
.kompetencja-aplikacje-mobilne .app-preview__list,body.page-aplikacje-mobilne .app-preview__list,body.page-aplikacje-mobilne-webowe .app-preview__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}
.kompetencja-aplikacje-mobilne .app-preview__item,body.page-aplikacje-mobilne .app-preview__item,body.page-aplikacje-mobilne-webowe .app-preview__item{height:48px;background:#ffffff;border-radius:var(--radius-sm);box-shadow:0 1px 3px rgba(0,0,0,0.08)}
.kompetencja-aplikacje-mobilne .app-preview__bottom-nav,body.page-aplikacje-mobilne .app-preview__bottom-nav,body.page-aplikacje-mobilne-webowe .app-preview__bottom-nav{display:flex;justify-content:space-around;padding:var(--spacing-md);background:#ffffff;border-top:1px solid #e2e8f0}
.kompetencja-aplikacje-mobilne .app-preview__nav-item,body.page-aplikacje-mobilne .app-preview__nav-item,body.page-aplikacje-mobilne-webowe .app-preview__nav-item{width:24px;height:24px;background:#e2e8f0;border-radius:var(--radius-sm)}
.kompetencja-aplikacje-mobilne .app-preview__nav-item.active,body.page-aplikacje-mobilne .app-preview__nav-item.active,body.page-aplikacje-mobilne-webowe .app-preview__nav-item.active{background:var(--color-primary)}
.kompetencja-aplikacje-mobilne .floating-badge,body.page-aplikacje-mobilne .floating-badge,body.page-aplikacje-mobilne-webowe .floating-badge{position:absolute;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff;border-radius:var(--radius-full);box-shadow:0 10px 40px rgba(0,0,0,0.12);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);animation:float 3s ease-in-out infinite;border:1px solid rgba(0,0,0,0.05)}
.kompetencja-aplikacje-mobilne .floating-badge svg,body.page-aplikacje-mobilne .floating-badge svg,body.page-aplikacje-mobilne-webowe .floating-badge svg{width:18px;height:18px;color:var(--color-primary)}
.kompetencja-aplikacje-mobilne .floating-badge--pwa,body.page-aplikacje-mobilne .floating-badge--pwa,body.page-aplikacje-mobilne-webowe .floating-badge--pwa{top:20%;right:-20px;animation-delay:0s}
.kompetencja-aplikacje-mobilne .floating-badge--offline,body.page-aplikacje-mobilne .floating-badge--offline,body.page-aplikacje-mobilne-webowe .floating-badge--offline{bottom:30%;left:-30px;animation-delay:1s}
.kompetencja-aplikacje-mobilne .floating-badge--fast,body.page-aplikacje-mobilne .floating-badge--fast,body.page-aplikacje-mobilne-webowe .floating-badge--fast{bottom:15%;right:-10px;animation-delay:2s}
@keyframes float{0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.kompetencja-aplikacje-mobilne .section-header,body.page-aplikacje-mobilne .section-header,body.page-aplikacje-mobilne-webowe .section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-3xl)}
.kompetencja-aplikacje-mobilne .section-header h2,body.page-aplikacje-mobilne .section-header h2,body.page-aplikacje-mobilne-webowe .section-header h2{font-size:var(--font-size-4xl);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}
.kompetencja-aplikacje-mobilne .section-header p,body.page-aplikacje-mobilne .section-header p,body.page-aplikacje-mobilne-webowe .section-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}
.kompetencja-aplikacje-mobilne .decision-grid,body.page-aplikacje-mobilne .decision-grid,body.page-aplikacje-mobilne-webowe .decision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}
.kompetencja-aplikacje-mobilne .decision-card,body.page-aplikacje-mobilne .decision-card,body.page-aplikacje-mobilne-webowe .decision-card{background:#ffffff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 20px rgba(0,0,0,0.08);border:2px solid transparent;transition:all var(--transition-base)}
.kompetencja-aplikacje-mobilne .decision-card:hover,body.page-aplikacje-mobilne .decision-card:hover,body.page-aplikacje-mobilne-webowe .decision-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.12)}
.kompetencja-aplikacje-mobilne .decision-card--yes,body.page-aplikacje-mobilne .decision-card--yes,body.page-aplikacje-mobilne-webowe .decision-card--yes{border-color:var(--color-success)}
.kompetencja-aplikacje-mobilne .decision-card--yes .decision-card__icon,body.page-aplikacje-mobilne .decision-card--yes .decision-card__icon,body.page-aplikacje-mobilne-webowe .decision-card--yes .decision-card__icon{background:rgba(40,167,69,0.1);color:var(--color-success)}
.kompetencja-aplikacje-mobilne .decision-card--no,body.page-aplikacje-mobilne .decision-card--no,body.page-aplikacje-mobilne-webowe .decision-card--no{border-color:#f59e0b}
.kompetencja-aplikacje-mobilne .decision-card--no .decision-card__icon,body.page-aplikacje-mobilne .decision-card--no .decision-card__icon,body.page-aplikacje-mobilne-webowe .decision-card--no .decision-card__icon{background:rgba(245,158,11,0.1);color:#f59e0b}
.kompetencja-aplikacje-mobilne .decision-card__header,body.page-aplikacje-mobilne .decision-card__header,body.page-aplikacje-mobilne-webowe .decision-card__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}
.kompetencja-aplikacje-mobilne .decision-card__icon,body.page-aplikacje-mobilne .decision-card__icon,body.page-aplikacje-mobilne-webowe .decision-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kompetencja-aplikacje-mobilne .decision-card__icon svg,body.page-aplikacje-mobilne .decision-card__icon svg,body.page-aplikacje-mobilne-webowe .decision-card__icon svg{width:24px;height:24px}
.kompetencja-aplikacje-mobilne .decision-card__header h3,body.page-aplikacje-mobilne .decision-card__header h3,body.page-aplikacje-mobilne-webowe .decision-card__header h3{font-size:var(--font-size-xl);margin:0;color:var(--color-text-primary)}
.kompetencja-aplikacje-mobilne .decision-card__list,body.page-aplikacje-mobilne .decision-card__list,body.page-aplikacje-mobilne-webowe .decision-card__list{list-style:none;padding:0;margin:0}
.kompetencja-aplikacje-mobilne .decision-card__list li,body.page-aplikacje-mobilne .decision-card__list li,body.page-aplikacje-mobilne-webowe .decision-card__list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--color-text-secondary);line-height:1.6}
.kompetencja-aplikacje-mobilne .decision-card__list li::before,body.page-aplikacje-mobilne .decision-card__list li::before,body.page-aplikacje-mobilne-webowe .decision-card__list li::before{content:'•';position:absolute;left:0;color:var(--color-primary);font-weight:bold}
.kompetencja-aplikacje-mobilne .decision-card__list li strong,body.page-aplikacje-mobilne .decision-card__list li strong,body.page-aplikacje-mobilne-webowe .decision-card__list li strong{color:var(--color-text-primary)}
.kompetencja-aplikacje-mobilne .decision-card__link,body.page-aplikacje-mobilne .decision-card__link,body.page-aplikacje-mobilne-webowe .decision-card__link{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}
.kompetencja-aplikacje-mobilne .decision-card__link:hover,body.page-aplikacje-mobilne .decision-card__link:hover,body.page-aplikacje-mobilne-webowe .decision-card__link:hover{color:var(--color-primary-dark)}
.kompetencja-aplikacje-mobilne .decision-tip,body.page-aplikacje-mobilne .decision-tip,body.page-aplikacje-mobilne-webowe .decision-tip{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:#f0f7ff;border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}
.kompetencja-aplikacje-mobilne .decision-tip svg,body.page-aplikacje-mobilne .decision-tip svg,body.page-aplikacje-mobilne-webowe .decision-tip svg{width:24px;height:24px;color:var(--color-primary);flex-shrink:0;margin-top:2px}
.kompetencja-aplikacje-mobilne .decision-tip p,body.page-aplikacje-mobilne .decision-tip p,body.page-aplikacje-mobilne-webowe .decision-tip p{margin:0;color:var(--color-text-secondary);line-height:1.6}
.kompetencja-aplikacje-mobilne .decision-tip strong,body.page-aplikacje-mobilne .decision-tip strong,body.page-aplikacje-mobilne-webowe .decision-tip strong{color:var(--color-text-primary)}
.kompetencja-aplikacje-mobilne .app-type,body.page-aplikacje-mobilne .app-type,body.page-aplikacje-mobilne-webowe .app-type{background:#ffffff;border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:0 4px 20px rgba(0,0,0,0.08);position:relative;overflow:hidden}
.kompetencja-aplikacje-mobilne .app-type--featured,body.page-aplikacje-mobilne .app-type--featured,body.page-aplikacje-mobilne-webowe .app-type--featured{border:2px solid var(--color-primary)}
.kompetencja-aplikacje-mobilne .app-type--featured::before,body.page-aplikacje-mobilne .app-type--featured::before,body.page-aplikacje-mobilne-webowe .app-type--featured::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--app-gradient-accent)}
.kompetencja-aplikacje-mobilne .app-type__badge,body.page-aplikacje-mobilne .app-type__badge,body.page-aplikacje-mobilne-webowe .app-type__badge{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--app-gradient-accent);color:#ffffff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:0.5px}
.kompetencja-aplikacje-mobilne .app-type__grid,body.page-aplikacje-mobilne .app-type__grid,body.page-aplikacje-mobilne-webowe .app-type__grid{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-2xl);align-items:start}
.kompetencja-aplikacje-mobilne .app-type__header,body.page-aplikacje-mobilne .app-type__header,body.page-aplikacje-mobilne-webowe .app-type__header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}
.kompetencja-aplikacje-mobilne .app-type__icon,body.page-aplikacje-mobilne .app-type__icon,body.page-aplikacje-mobilne-webowe .app-type__icon{width:56px;height:56px;background:var(--app-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kompetencja-aplikacje-mobilne .app-type__icon svg,body.page-aplikacje-mobilne .app-type__icon svg,body.page-aplikacje-mobilne-webowe .app-type__icon svg{width:28px;height:28px;color:#ffffff}
.kompetencja-aplikacje-mobilne .app-type__icon--secondary,body.page-aplikacje-mobilne .app-type__icon--secondary,body.page-aplikacje-mobilne-webowe .app-type__icon--secondary{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}
.kompetencja-aplikacje-mobilne .app-type__icon--tertiary,body.page-aplikacje-mobilne .app-type__icon--tertiary,body.page-aplikacje-mobilne-webowe .app-type__icon--tertiary{background:linear-gradient(135deg,#10b981 0%,#34d399 100%)}
.kompetencja-aplikacje-mobilne .app-type__header h3,body.page-aplikacje-mobilne .app-type__header h3,body.page-aplikacje-mobilne-webowe .app-type__header h3{font-size:var(--font-size-2xl);margin:0 0 var(--spacing-xs);color:var(--color-text-primary)}
.kompetencja-aplikacje-mobilne .app-type__subtitle,body.page-aplikacje-mobilne .app-type__subtitle,body.page-aplikacje-mobilne-webowe .app-type__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}
.kompetencja-aplikacje-mobilne .app-type__description,body.page-aplikacje-mobilne .app-type__description,body.page-aplikacje-mobilne-webowe .app-type__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7}
.kompetencja-aplikacje-mobilne .app-type__features,body.page-aplikacje-mobilne .app-type__features,body.page-aplikacje-mobilne-webowe .app-type__features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}
.kompetencja-aplikacje-mobilne .feature-item,body.page-aplikacje-mobilne .feature-item,body.page-aplikacje-mobilne-webowe .feature-item{display:flex;align-items:flex-start;gap:var(--spacing-sm)}
.kompetencja-aplikacje-mobilne .feature-item svg,body.page-aplikacje-mobilne .feature-item svg,body.page-aplikacje-mobilne-webowe .feature-item svg{width:20px;height:20px;color:var(--color-success);flex-shrink:0;margin-top:2px}
.kompetencja-aplikacje-mobilne .feature-item span,body.page-aplikacje-mobilne .feature-item span,body.page-aplikacje-mobilne-webowe .feature-item span{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}
.kompetencja-aplikacje-mobilne .feature-item strong,body.page-aplikacje-mobilne .feature-item strong,body.page-aplikacje-mobilne-webowe .feature-item strong{color:var(--color-text-primary)}
.kompetencja-aplikacje-mobilne .app-type__meta,body.page-aplikacje-mobilne .app-type__meta,body.page-aplikacje-mobilne-webowe .app-type__meta{display:flex;gap:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}
.kompetencja-aplikacje-mobilne .meta-item,body.page-aplikacje-mobilne .meta-item,body.page-aplikacje-mobilne-webowe .meta-item{display:flex;flex-direction:column}
.kompetencja-aplikacje-mobilne .meta-label,body.page-aplikacje-mobilne .meta-label,body.page-aplikacje-mobilne-webowe .meta-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--spacing-xs)}
.kompetencja-aplikacje-mobilne .meta-value,body.page-aplikacje-mobilne .meta-value,body.page-aplikacje-mobilne-webowe .meta-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}
.kompetencja-aplikacje-mobilne .app-type__usecases,body.page-aplikacje-mobilne .app-type__usecases,body.page-aplikacje-mobilne-webowe .app-type__usecases{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}
.kompetencja-aplikacje-mobilne .app-type__usecases h4,body.page-aplikacje-mobilne .app-type__usecases h4,body.page-aplikacje-mobilne-webowe .app-type__usecases h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold)}
.kompetencja-aplikacje-mobilne .usecase-tags,body.page-aplikacje-mobilne .usecase-tags,body.page-aplikacje-mobilne-webowe .usecase-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}
.kompetencja-aplikacje-mobilne .usecase-tag,body.page-aplikacje-mobilne .usecase-tag,body.page-aplikacje-mobilne-webowe .usecase-tag{padding:var(--spacing-xs) var(--spacing-md);background:#f1f5f9;border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary)}
.kompetencja-aplikacje-mobilne .app-type__visual,body.page-aplikacje-mobilne .app-type__visual,body.page-aplikacje-mobilne-webowe .app-type__visual{display:flex;align-items:center;justify-content:center}
.kompetencja-aplikacje-mobilne .pwa-demo,body.page-aplikacje-mobilne .pwa-demo,body.page-aplikacje-mobilne-webowe .pwa-demo{display:flex;align-items:center;gap:var(--spacing-lg)}
.kompetencja-aplikacje-mobilne .pwa-demo__browser,body.page-aplikacje-mobilne .pwa-demo__browser,body.page-aplikacje-mobilne-webowe .pwa-demo__browser{width:260px;background:#ffffff;border-radius:var(--radius-lg);box-shadow:0 8px 30px rgba(0,0,0,0.12);overflow:hidden;border:1px solid #e2e8f0}
.kompetencja-aplikacje-mobilne .pwa-demo__bar,body.page-aplikacje-mobilne .pwa-demo__bar,body.page-aplikacje-mobilne-webowe .pwa-demo__bar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#f8fafc;border-bottom:1px solid #e2e8f0}
.kompetencja-aplikacje-mobilne .pwa-demo__dots,body.page-aplikacje-mobilne .pwa-demo__dots,body.page-aplikacje-mobilne-webowe .pwa-demo__dots{display:flex;gap:4px}
.kompetencja-aplikacje-mobilne .pwa-demo__dots span,body.page-aplikacje-mobilne .pwa-demo__dots span,body.page-aplikacje-mobilne-webowe .pwa-demo__dots span{width:10px;height:10px;border-radius:50%}
.kompetencja-aplikacje-mobilne .pwa-demo__dots span:first-child,body.page-aplikacje-mobilne .pwa-demo__dots span:first-child,body.page-aplikacje-mobilne-webowe .pwa-demo__dots span:first-child{background:#ff5f57}
.kompetencja-aplikacje-mobilne .pwa-demo__dots span:nth-child(2),body.page-aplikacje-mobilne .pwa-demo__dots span:nth-child(2),body.page-aplikacje-mobilne-webowe .pwa-demo__dots span:nth-child(2){background:#ffbd2e}
.kompetencja-aplikacje-mobilne .pwa-demo__dots span:last-child,body.page-aplikacje-mobilne .pwa-demo__dots span:last-child,body.page-aplikacje-mobilne-webowe .pwa-demo__dots span:last-child{background:#28c840}
.kompetencja-aplikacje-mobilne .pwa-demo__url,body.page-aplikacje-mobilne .pwa-demo__url,body.page-aplikacje-mobilne-webowe .pwa-demo__url{flex:1;padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);border:1px solid #e2e8f0}
.kompetencja-aplikacje-mobilne .pwa-demo__install,body.page-aplikacje-mobilne .pwa-demo__install,body.page-aplikacje-mobilne-webowe .pwa-demo__install{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:#ffffff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
.kompetencja-aplikacje-mobilne .pwa-demo__install svg,body.page-aplikacje-mobilne .pwa-demo__install svg,body.page-aplikacje-mobilne-webowe .pwa-demo__install svg{width:12px;height:12px}
.kompetencja-aplikacje-mobilne .pwa-demo__content,body.page-aplikacje-mobilne .pwa-demo__content,body.page-aplikacje-mobilne-webowe .pwa-demo__content{padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;background:#ffffff}
.kompetencja-aplikacje-mobilne .pwa-demo__app-icon,body.page-aplikacje-mobilne .pwa-demo__app-icon,body.page-aplikacje-mobilne-webowe .pwa-demo__app-icon{width:64px;height:64px;background:var(--app-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}
.kompetencja-aplikacje-mobilne .pwa-demo__app-icon svg,body.page-aplikacje-mobilne .pwa-demo__app-icon svg,body.page-aplikacje-mobilne-webowe .pwa-demo__app-icon svg{width:32px;height:32px;color:#ffffff}
.kompetencja-aplikacje-mobilne .pwa-demo__text strong,body.page-aplikacje-mobilne .pwa-demo__text strong,body.page-aplikacje-mobilne-webowe .pwa-demo__text strong{display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}
.kompetencja-aplikacje-mobilne .pwa-demo__text span,body.page-aplikacje-mobilne .pwa-demo__text span,body.page-aplikacje-mobilne-webowe .pwa-demo__text span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}
.kompetencja-aplikacje-mobilne .pwa-demo__arrow,body.page-aplikacje-mobilne .pwa-demo__arrow,body.page-aplikacje-mobilne-webowe .pwa-demo__arrow{font-size:var(--font-size-2xl);color:var(--color-primary);animation:arrowPulse 2s ease-in-out infinite}
@keyframes arrowPulse{0%,100%{opacity:1;transform:translateX(0)}
50%{opacity:0.5;transform:translateX(5px)}
}
.kompetencja-aplikacje-mobilne .pwa-demo__phone,body.page-aplikacje-mobilne .pwa-demo__phone,body.page-aplikacje-mobilne-webowe .pwa-demo__phone{width:110px;height:200px;background:#1a1a1a;border-radius:20px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.kompetencja-aplikacje-mobilne .pwa-demo__screen,body.page-aplikacje-mobilne .pwa-demo__screen,body.page-aplikacje-mobilne-webowe .pwa-demo__screen{width:100%;height:100%;background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm)}
.kompetencja-aplikacje-mobilne .pwa-demo__home,body.page-aplikacje-mobilne .pwa-demo__home,body.page-aplikacje-mobilne-webowe .pwa-demo__home{width:100%}
.kompetencja-aplikacje-mobilne .pwa-demo__icon,body.page-aplikacje-mobilne .pwa-demo__icon,body.page-aplikacje-mobilne-webowe .pwa-demo__icon{display:flex;flex-direction:column;align-items:center;gap:4px}
.kompetencja-aplikacje-mobilne .pwa-demo__icon svg,body.page-aplikacje-mobilne .pwa-demo__icon svg,body.page-aplikacje-mobilne-webowe .pwa-demo__icon svg{width:40px;height:40px}
.kompetencja-aplikacje-mobilne .pwa-demo__icon--app svg,body.page-aplikacje-mobilne .pwa-demo__icon--app svg,body.page-aplikacje-mobilne-webowe .pwa-demo__icon--app svg{color:var(--color-accent)}
.kompetencja-aplikacje-mobilne .pwa-demo__icon span,body.page-aplikacje-mobilne .pwa-demo__icon span,body.page-aplikacje-mobilne-webowe .pwa-demo__icon span{font-size:9px;color:rgba(255,255,255,0.9);font-weight:var(--font-weight-medium)}
.kompetencja-aplikacje-mobilne .app-type__visual--simple,body.page-aplikacje-mobilne .app-type__visual--simple,body.page-aplikacje-mobilne-webowe .app-type__visual--simple{padding:var(--spacing-xl);background:#f8fafc;border-radius:var(--radius-lg)}
.kompetencja-aplikacje-mobilne .integration-diagram,body.page-aplikacje-mobilne .integration-diagram,body.page-aplikacje-mobilne-webowe .integration-diagram{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}
.kompetencja-aplikacje-mobilne .integration-center,body.page-aplikacje-mobilne .integration-center,body.page-aplikacje-mobilne-webowe .integration-center{width:100px;height:100px;background:var(--app-gradient);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);color:#ffffff;z-index:2;box-shadow:0 8px 30px rgba(15,51,84,0.3)}
.kompetencja-aplikacje-mobilne .integration-center svg,body.page-aplikacje-mobilne .integration-center svg,body.page-aplikacje-mobilne-webowe .integration-center svg{width:32px;height:32px}
.kompetencja-aplikacje-mobilne .integration-center span,body.page-aplikacje-mobilne .integration-center span,body.page-aplikacje-mobilne-webowe .integration-center span{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
.kompetencja-aplikacje-mobilne .integration-item,body.page-aplikacje-mobilne .integration-item,body.page-aplikacje-mobilne-webowe .integration-item{position:absolute;width:50px;height:50px;background:#ffffff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid #e2e8f0}
.kompetencja-aplikacje-mobilne .integration-item::before,body.page-aplikacje-mobilne .integration-item::before,body.page-aplikacje-mobilne-webowe .integration-item::before{content:'';position:absolute;background:#cbd5e1}
.kompetencja-aplikacje-mobilne .integration-item--erp,body.page-aplikacje-mobilne .integration-item--erp,body.page-aplikacje-mobilne-webowe .integration-item--erp{top:20px;left:50%;transform:translateX(-50%)}
.kompetencja-aplikacje-mobilne .integration-item--erp::before,body.page-aplikacje-mobilne .integration-item--erp::before,body.page-aplikacje-mobilne-webowe .integration-item--erp::before{width:2px;height:35px;bottom:-35px;left:50%;transform:translateX(-50%)}
.kompetencja-aplikacje-mobilne .integration-item--crm,body.page-aplikacje-mobilne .integration-item--crm,body.page-aplikacje-mobilne-webowe .integration-item--crm{right:20px;top:50%;transform:translateY(-50%)}
.kompetencja-aplikacje-mobilne .integration-item--crm::before,body.page-aplikacje-mobilne .integration-item--crm::before,body.page-aplikacje-mobilne-webowe .integration-item--crm::before{width:35px;height:2px;left:-35px;top:50%;transform:translateY(-50%)}
.kompetencja-aplikacje-mobilne .integration-item--api,body.page-aplikacje-mobilne .integration-item--api,body.page-aplikacje-mobilne-webowe .integration-item--api{bottom:20px;left:50%;transform:translateX(-50%)}
.kompetencja-aplikacje-mobilne .integration-item--api::before,body.page-aplikacje-mobilne .integration-item--api::before,body.page-aplikacje-mobilne-webowe .integration-item--api::before{width:2px;height:35px;top:-35px;left:50%;transform:translateX(-50%)}
.kompetencja-aplikacje-mobilne .integration-item--db,body.page-aplikacje-mobilne .integration-item--db,body.page-aplikacje-mobilne-webowe .integration-item--db{left:20px;top:50%;transform:translateY(-50%)}
.kompetencja-aplikacje-mobilne .integration-item--db::before,body.page-aplikacje-mobilne .integration-item--db::before,body.page-aplikacje-mobilne-webowe .integration-item--db::before{width:35px;height:2px;right:-35px;top:50%;transform:translateY(-50%)}
.kompetencja-aplikacje-mobilne .platform-diagram,body.page-aplikacje-mobilne .platform-diagram,body.page-aplikacje-mobilne-webowe .platform-diagram{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl)}
.kompetencja-aplikacje-mobilne .platform-code,body.page-aplikacje-mobilne .platform-code,body.page-aplikacje-mobilne-webowe .platform-code{width:80px;height:80px;background:var(--app-gradient);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff;box-shadow:0 8px 30px rgba(15,51,84,0.3)}
.kompetencja-aplikacje-mobilne .platform-code span,body.page-aplikacje-mobilne .platform-code span,body.page-aplikacje-mobilne-webowe .platform-code span{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}
.kompetencja-aplikacje-mobilne .platform-code small,body.page-aplikacje-mobilne .platform-code small,body.page-aplikacje-mobilne-webowe .platform-code small{font-size:var(--font-size-xs);opacity:0.8}
.kompetencja-aplikacje-mobilne .platform-arrow,body.page-aplikacje-mobilne .platform-arrow,body.page-aplikacje-mobilne-webowe .platform-arrow{font-size:var(--font-size-2xl);color:var(--color-primary)}
.kompetencja-aplikacje-mobilne .platform-targets,body.page-aplikacje-mobilne .platform-targets,body.page-aplikacje-mobilne-webowe .platform-targets{display:flex;gap:var(--spacing-xl)}
.kompetencja-aplikacje-mobilne .platform-target,body.page-aplikacje-mobilne .platform-target,body.page-aplikacje-mobilne-webowe .platform-target{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffffff;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,0.08);border:1px solid #e2e8f0}
.kompetencja-aplikacje-mobilne .platform-target svg,body.page-aplikacje-mobilne .platform-target svg,body.page-aplikacje-mobilne-webowe .platform-target svg{width:32px;height:32px;color:var(--color-text-secondary)}
.kompetencja-aplikacje-mobilne .platform-target span,body.page-aplikacje-mobilne .platform-target span,body.page-aplikacje-mobilne-webowe .platform-target span{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}
.kompetencja-aplikacje-mobilne .section-dark,body.page-aplikacje-mobilne .section-dark,body.page-aplikacje-mobilne-webowe .section-dark{background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);color:#ffffff}
.kompetencja-aplikacje-mobilne .section-header--light h2,body.page-aplikacje-mobilne .section-header--light h2,body.page-aplikacje-mobilne-webowe .section-header--light h2{color:#ffffff}
.kompetencja-aplikacje-mobilne .section-header--light p,body.page-aplikacje-mobilne .section-header--light p,body.page-aplikacje-mobilne-webowe .section-header--light p{color:rgba(255,255,255,0.7)}
.kompetencja-aplikacje-mobilne .comparison-table-wrapper,body.page-aplikacje-mobilne .comparison-table-wrapper,body.page-aplikacje-mobilne-webowe .comparison-table-wrapper{overflow-x:auto;margin-bottom:var(--spacing-xl);-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);background:rgba(255,255,255,0.03)}
.kompetencja-aplikacje-mobilne .comparison-table,body.page-aplikacje-mobilne .comparison-table,body.page-aplikacje-mobilne-webowe .comparison-table{width:100%;border-collapse:collapse;min-width:700px}
.kompetencja-aplikacje-mobilne .comparison-table th,body.page-aplikacje-mobilne .comparison-table th,body.page-aplikacje-mobilne-webowe .comparison-table th,.kompetencja-aplikacje-mobilne .comparison-table td,body.page-aplikacje-mobilne .comparison-table td,body.page-aplikacje-mobilne-webowe .comparison-table td{padding:var(--spacing-lg);text-align:left;border-bottom:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.9)}
.kompetencja-aplikacje-mobilne .comparison-table th,body.page-aplikacje-mobilne .comparison-table th,body.page-aplikacje-mobilne-webowe .comparison-table th{font-weight:var(--font-weight-semibold);background:rgba(255,255,255,0.05);color:#ffffff;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.5px}
.kompetencja-aplikacje-mobilne .comparison-table th.highlight,body.page-aplikacje-mobilne .comparison-table th.highlight,body.page-aplikacje-mobilne-webowe .comparison-table th.highlight{background:rgba(15,51,84,0.6);color:#ffffff}
.kompetencja-aplikacje-mobilne .comparison-table td.highlight,body.page-aplikacje-mobilne .comparison-table td.highlight,body.page-aplikacje-mobilne-webowe .comparison-table td.highlight{background:rgba(15,51,84,0.3)}
.kompetencja-aplikacje-mobilne .comparison-table tbody tr,body.page-aplikacje-mobilne .comparison-table tbody tr,body.page-aplikacje-mobilne-webowe .comparison-table tbody tr{transition:background var(--transition-fast)}
.kompetencja-aplikacje-mobilne .comparison-table tbody tr:hover,body.page-aplikacje-mobilne .comparison-table tbody tr:hover,body.page-aplikacje-mobilne-webowe .comparison-table tbody tr:hover{background:rgba(255,255,255,0.03)}
.kompetencja-aplikacje-mobilne .comparison-table td small,body.page-aplikacje-mobilne .comparison-table td small,body.page-aplikacje-mobilne-webowe .comparison-table td small{display:block;font-size:var(--font-size-xs);color:rgba(255,255,255,0.5);margin-top:var(--spacing-xs)}
.kompetencja-aplikacje-mobilne .comparison-table td strong,body.page-aplikacje-mobilne .comparison-table td strong,body.page-aplikacje-mobilne-webowe .comparison-table td strong{color:#ffffff}
.kompetencja-aplikacje-mobilne .badge,body.page-aplikacje-mobilne .badge,body.page-aplikacje-mobilne-webowe .badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
.kompetencja-aplikacje-mobilne .badge--success,body.page-aplikacje-mobilne .badge--success,body.page-aplikacje-mobilne-webowe .badge--success{background:rgba(34,197,94,0.2);color:#4ade80}
.kompetencja-aplikacje-mobilne .badge--warning,body.page-aplikacje-mobilne .badge--warning,body.page-aplikacje-mobilne-webowe .badge--warning{background:rgba(251,191,36,0.2);color:#fbbf24}
.kompetencja-aplikacje-mobilne .badge--danger,body.page-aplikacje-mobilne .badge--danger,body.page-aplikacje-mobilne-webowe .badge--danger{background:rgba(248,113,113,0.2);color:#f87171}
.kompetencja-aplikacje-mobilne .icon-check,body.page-aplikacje-mobilne .icon-check,body.page-aplikacje-mobilne-webowe .icon-check,.kompetencja-aplikacje-mobilne .icon-x,body.page-aplikacje-mobilne .icon-x,body.page-aplikacje-mobilne-webowe .icon-x{width:20px;height:20px;display:inline-block;vertical-align:middle}
.kompetencja-aplikacje-mobilne .icon-check,body.page-aplikacje-mobilne .icon-check,body.page-aplikacje-mobilne-webowe .icon-check{color:#4ade80}
.kompetencja-aplikacje-mobilne .icon-x,body.page-aplikacje-mobilne .icon-x,body.page-aplikacje-mobilne-webowe .icon-x{color:rgba(255,255,255,0.25)}
.kompetencja-aplikacje-mobilne .comparison-verdict,body.page-aplikacje-mobilne .comparison-verdict,body.page-aplikacje-mobilne-webowe .comparison-verdict{display:flex;justify-content:center}
.kompetencja-aplikacje-mobilne .verdict-card,body.page-aplikacje-mobilne .verdict-card,body.page-aplikacje-mobilne-webowe .verdict-card{max-width:600px;text-align:center;padding:var(--spacing-xl);background:rgba(255,255,255,0.05);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.1)}
.kompetencja-aplikacje-mobilne .verdict-card h4,body.page-aplikacje-mobilne .verdict-card h4,body.page-aplikacje-mobilne-webowe .verdict-card h4{color:var(--color-accent);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}
.kompetencja-aplikacje-mobilne .verdict-card p,body.page-aplikacje-mobilne .verdict-card p,body.page-aplikacje-mobilne-webowe .verdict-card p{margin-bottom:var(--spacing-lg);color:rgba(255,255,255,0.8);line-height:1.7}
.kompetencja-aplikacje-mobilne .verdict-card strong,body.page-aplikacje-mobilne .verdict-card strong,body.page-aplikacje-mobilne-webowe .verdict-card strong{color:#ffffff}
.kompetencja-aplikacje-mobilne .container--narrow,body.page-aplikacje-mobilne .container--narrow,body.page-aplikacje-mobilne-webowe .container--narrow{max-width:800px}
.kompetencja-aplikacje-mobilne .cta-section,body.page-aplikacje-mobilne .cta-section,body.page-aplikacje-mobilne-webowe .cta-section{background:var(--color-primary);padding:var(--spacing-4xl) 0}
.kompetencja-aplikacje-mobilne .cta-box,body.page-aplikacje-mobilne .cta-box,body.page-aplikacje-mobilne-webowe .cta-box{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-3xl);align-items:center}
.kompetencja-aplikacje-mobilne .cta-box__title,body.page-aplikacje-mobilne .cta-box__title,body.page-aplikacje-mobilne-webowe .cta-box__title{color:#ffffff;margin-bottom:var(--spacing-md);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}
.kompetencja-aplikacje-mobilne .cta-box__text,body.page-aplikacje-mobilne .cta-box__text,body.page-aplikacje-mobilne-webowe .cta-box__text{color:rgba(255,255,255,0.9);margin-bottom:var(--spacing-xl);max-width:500px;line-height:1.7;font-size:var(--font-size-lg)}
.kompetencja-aplikacje-mobilne .cta-box__buttons,body.page-aplikacje-mobilne .cta-box__buttons,body.page-aplikacje-mobilne-webowe .cta-box__buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}
.kompetencja-aplikacje-mobilne .cta-btn,body.page-aplikacje-mobilne .cta-btn,body.page-aplikacje-mobilne-webowe .cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);text-decoration:none;transition:all var(--transition-fast);border:2px solid transparent}
.kompetencja-aplikacje-mobilne .cta-btn svg,body.page-aplikacje-mobilne .cta-btn svg,body.page-aplikacje-mobilne-webowe .cta-btn svg{flex-shrink:0}
.kompetencja-aplikacje-mobilne .cta-btn--white,body.page-aplikacje-mobilne .cta-btn--white,body.page-aplikacje-mobilne-webowe .cta-btn--white{background:#ffffff;color:var(--color-primary);border-color:#ffffff}
.kompetencja-aplikacje-mobilne .cta-btn--white:hover,body.page-aplikacje-mobilne .cta-btn--white:hover,body.page-aplikacje-mobilne-webowe .cta-btn--white:hover{background:#f8fafc;color:var(--color-primary);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.kompetencja-aplikacje-mobilne .cta-btn--outline,body.page-aplikacje-mobilne .cta-btn--outline,body.page-aplikacje-mobilne-webowe .cta-btn--outline{background:transparent;color:#ffffff;border-color:rgba(255,255,255,0.5)}
.kompetencja-aplikacje-mobilne .cta-btn--outline:hover,body.page-aplikacje-mobilne .cta-btn--outline:hover,body.page-aplikacje-mobilne-webowe .cta-btn--outline:hover{background:rgba(255,255,255,0.1);border-color:#ffffff;color:#ffffff}
.kompetencja-aplikacje-mobilne .cta-box__features,body.page-aplikacje-mobilne .cta-box__features,body.page-aplikacje-mobilne-webowe .cta-box__features{display:flex;flex-direction:column;gap:var(--spacing-md)}
.kompetencja-aplikacje-mobilne .cta-box__feature,body.page-aplikacje-mobilne .cta-box__feature,body.page-aplikacje-mobilne-webowe .cta-box__feature{display:flex;align-items:center;gap:var(--spacing-sm);color:#ffffff;font-size:var(--font-size-base)}
.kompetencja-aplikacje-mobilne .cta-box__feature svg,body.page-aplikacje-mobilne .cta-box__feature svg,body.page-aplikacje-mobilne-webowe .cta-box__feature svg{color:#FF6B35;flex-shrink:0}
.kompetencja-aplikacje-mobilne .related-grid,body.page-aplikacje-mobilne .related-grid,body.page-aplikacje-mobilne-webowe .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}
.kompetencja-aplikacje-mobilne .related-card,body.page-aplikacje-mobilne .related-card,body.page-aplikacje-mobilne-webowe .related-card{display:block;background:#ffffff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 20px rgba(0,0,0,0.06);transition:all var(--transition-base);text-decoration:none;border:1px solid #e2e8f0}
.kompetencja-aplikacje-mobilne .related-card:hover,body.page-aplikacje-mobilne .related-card:hover,body.page-aplikacje-mobilne-webowe .related-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.1);border-color:var(--color-primary)}
.kompetencja-aplikacje-mobilne .related-card__icon,body.page-aplikacje-mobilne .related-card__icon,body.page-aplikacje-mobilne-webowe .related-card__icon{width:48px;height:48px;background:#f1f5f9;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);transition:all var(--transition-fast)}
.kompetencja-aplikacje-mobilne .related-card:hover .related-card__icon,body.page-aplikacje-mobilne .related-card:hover .related-card__icon,body.page-aplikacje-mobilne-webowe .related-card:hover .related-card__icon{background:var(--app-gradient)}
.kompetencja-aplikacje-mobilne .related-card__icon svg,body.page-aplikacje-mobilne .related-card__icon svg,body.page-aplikacje-mobilne-webowe .related-card__icon svg{width:24px;height:24px;color:var(--color-primary);transition:color var(--transition-fast)}
.kompetencja-aplikacje-mobilne .related-card:hover .related-card__icon svg,body.page-aplikacje-mobilne .related-card:hover .related-card__icon svg,body.page-aplikacje-mobilne-webowe .related-card:hover .related-card__icon svg{color:#ffffff}
.kompetencja-aplikacje-mobilne .related-card h3,body.page-aplikacje-mobilne .related-card h3,body.page-aplikacje-mobilne-webowe .related-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}
.kompetencja-aplikacje-mobilne .related-card p,body.page-aplikacje-mobilne .related-card p,body.page-aplikacje-mobilne-webowe .related-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}
@media (max-width:1024px){.kompetencja-aplikacje-mobilne .app-hero__grid,body.page-aplikacje-mobilne .app-hero__grid,body.page-aplikacje-mobilne-webowe .app-hero__grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}
.kompetencja-aplikacje-mobilne .app-hero__visual,body.page-aplikacje-mobilne .app-hero__visual,body.page-aplikacje-mobilne-webowe .app-hero__visual{order:-1;min-height:350px}
.kompetencja-aplikacje-mobilne .device--phone,body.page-aplikacje-mobilne .device--phone,body.page-aplikacje-mobilne-webowe .device--phone{width:220px;height:440px}
.kompetencja-aplikacje-mobilne .app-type__grid,body.page-aplikacje-mobilne .app-type__grid,body.page-aplikacje-mobilne-webowe .app-type__grid{grid-template-columns:1fr}
.kompetencja-aplikacje-mobilne .app-type__visual,body.page-aplikacje-mobilne .app-type__visual,body.page-aplikacje-mobilne-webowe .app-type__visual{display:none}
.kompetencja-aplikacje-mobilne .app-type__features,body.page-aplikacje-mobilne .app-type__features,body.page-aplikacje-mobilne-webowe .app-type__features{grid-template-columns:1fr}
.kompetencja-aplikacje-mobilne .cta-box,body.page-aplikacje-mobilne .cta-box,body.page-aplikacje-mobilne-webowe .cta-box{grid-template-columns:1fr;text-align:center}
.kompetencja-aplikacje-mobilne .cta-box__text,body.page-aplikacje-mobilne .cta-box__text,body.page-aplikacje-mobilne-webowe .cta-box__text{max-width:none;margin-left:auto;margin-right:auto}
.kompetencja-aplikacje-mobilne .cta-box__buttons,body.page-aplikacje-mobilne .cta-box__buttons,body.page-aplikacje-mobilne-webowe .cta-box__buttons{justify-content:center}
.kompetencja-aplikacje-mobilne .cta-box__features,body.page-aplikacje-mobilne .cta-box__features,body.page-aplikacje-mobilne-webowe .cta-box__features{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:var(--spacing-lg)}
.kompetencja-aplikacje-mobilne .related-grid,body.page-aplikacje-mobilne .related-grid,body.page-aplikacje-mobilne-webowe .related-grid{grid-template-columns:1fr}
}
@media (max-width:768px){.kompetencja-aplikacje-mobilne .app-hero,body.page-aplikacje-mobilne .app-hero,body.page-aplikacje-mobilne-webowe .app-hero{padding-top:calc(var(--nav-height)+var(--spacing-xl));padding-bottom:var(--spacing-2xl)}
.kompetencja-aplikacje-mobilne .app-hero__content h1,body.page-aplikacje-mobilne .app-hero__content h1,body.page-aplikacje-mobilne-webowe .app-hero__content h1{font-size:2rem}
.kompetencja-aplikacje-mobilne .app-hero__stats,body.page-aplikacje-mobilne .app-hero__stats,body.page-aplikacje-mobilne-webowe .app-hero__stats{flex-wrap:wrap;gap:var(--spacing-lg)}
.kompetencja-aplikacje-mobilne .stat,body.page-aplikacje-mobilne .stat,body.page-aplikacje-mobilne-webowe .stat{flex:1 1 calc(50% - var(--spacing-lg))}
.kompetencja-aplikacje-mobilne .app-hero__actions,body.page-aplikacje-mobilne .app-hero__actions,body.page-aplikacje-mobilne-webowe .app-hero__actions{flex-direction:column}
.kompetencja-aplikacje-mobilne .app-hero__actions .btn,body.page-aplikacje-mobilne .app-hero__actions .btn,body.page-aplikacje-mobilne-webowe .app-hero__actions .btn{width:100%;justify-content:center}
.kompetencja-aplikacje-mobilne .decision-grid,body.page-aplikacje-mobilne .decision-grid,body.page-aplikacje-mobilne-webowe .decision-grid{grid-template-columns:1fr}
.kompetencja-aplikacje-mobilne .app-type,body.page-aplikacje-mobilne .app-type,body.page-aplikacje-mobilne-webowe .app-type{padding:var(--spacing-lg)}
.kompetencja-aplikacje-mobilne .app-type__meta,body.page-aplikacje-mobilne .app-type__meta,body.page-aplikacje-mobilne-webowe .app-type__meta{flex-wrap:wrap;gap:var(--spacing-lg)}
.kompetencja-aplikacje-mobilne .meta-item,body.page-aplikacje-mobilne .meta-item,body.page-aplikacje-mobilne-webowe .meta-item{flex:1 1 calc(50% - var(--spacing-lg))}
.kompetencja-aplikacje-mobilne .comparison-table th,body.page-aplikacje-mobilne .comparison-table th,body.page-aplikacje-mobilne-webowe .comparison-table th,.kompetencja-aplikacje-mobilne .comparison-table td,body.page-aplikacje-mobilne .comparison-table td,body.page-aplikacje-mobilne-webowe .comparison-table td{padding:var(--spacing-md);font-size:var(--font-size-sm)}
.kompetencja-aplikacje-mobilne .cta-box__buttons,body.page-aplikacje-mobilne .cta-box__buttons,body.page-aplikacje-mobilne-webowe .cta-box__buttons{flex-direction:column}
.kompetencja-aplikacje-mobilne .cta-btn,body.page-aplikacje-mobilne .cta-btn,body.page-aplikacje-mobilne-webowe .cta-btn{width:100%;justify-content:center}
.kompetencja-aplikacje-mobilne .floating-badge,body.page-aplikacje-mobilne .floating-badge,body.page-aplikacje-mobilne-webowe .floating-badge{display:none}
.kompetencja-aplikacje-mobilne .section-header h2,body.page-aplikacje-mobilne .section-header h2,body.page-aplikacje-mobilne-webowe .section-header h2{font-size:var(--font-size-3xl)}
}
@media (max-width:480px){.kompetencja-aplikacje-mobilne .app-hero__visual,body.page-aplikacje-mobilne .app-hero__visual,body.page-aplikacje-mobilne-webowe .app-hero__visual{min-height:280px}
.kompetencja-aplikacje-mobilne .device--phone,body.page-aplikacje-mobilne .device--phone,body.page-aplikacje-mobilne-webowe .device--phone{width:180px;height:360px;border-radius:28px}
.kompetencja-aplikacje-mobilne .device__screen,body.page-aplikacje-mobilne .device__screen,body.page-aplikacje-mobilne-webowe .device__screen{border-radius:22px}
.kompetencja-aplikacje-mobilne .app-type__badge,body.page-aplikacje-mobilne .app-type__badge,body.page-aplikacje-mobilne-webowe .app-type__badge{position:static;display:inline-block;margin-bottom:var(--spacing-md)}
.kompetencja-aplikacje-mobilne .usecase-tags,body.page-aplikacje-mobilne .usecase-tags,body.page-aplikacje-mobilne-webowe .usecase-tags{gap:var(--spacing-xs)}
.kompetencja-aplikacje-mobilne .usecase-tag,body.page-aplikacje-mobilne .usecase-tag,body.page-aplikacje-mobilne-webowe .usecase-tag{font-size:var(--font-size-xs)}
}
.kompetencja--zarzadzanie,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie{--zp-accent:var(--color-primary);--zp-accent-light:var(--color-primary-light);--zp-accent-dark:var(--color-primary-dark);--zp-accent-bg:rgba(15,51,84,0.08);--zp-success:#10b981;--zp-warning:#f59e0b;--zp-danger:#ef4444;--zp-text:var(--color-text-primary);--zp-text-muted:var(--color-text-secondary);--zp-border:var(--color-border);--zp-card-bg:#ffffff;--zp-card-shadow:var(--shadow-md)}
.kompetencja--zarzadzanie .hero--kompetencja,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero--kompetencja{padding:8rem 0 5rem;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);position:relative;overflow:hidden}
.kompetencja--zarzadzanie .hero--kompetencja::before,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero--kompetencja::before{content:"";position:absolute;top:-30%;right:-15%;width:50%;height:160%;background:linear-gradient(135deg,rgba(15,51,84,0.03) 0%,rgba(15,51,84,0.08) 100%);border-radius:50%;z-index:0}
.kompetencja--zarzadzanie .hero--kompetencja .container,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero--kompetencja .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.kompetencja--zarzadzanie .hero__content,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero__content{position:relative}
.kompetencja--zarzadzanie .breadcrumbs,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .breadcrumbs{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--zp-text-muted);margin-bottom:1.5rem}
.kompetencja--zarzadzanie .breadcrumbs a,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .breadcrumbs a{color:var(--zp-text-muted);text-decoration:none;transition:color 0.2s ease}
.kompetencja--zarzadzanie .breadcrumbs a:hover,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .breadcrumbs a:hover{color:var(--zp-accent)}
.kompetencja--zarzadzanie .hero__title,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero__title{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;color:var(--color-primary);margin-bottom:1.5rem;line-height:1.15;display:flex;align-items:center;gap:0.75rem}
.kompetencja--zarzadzanie .hero__title-icon,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero__title-icon{flex-shrink:0;opacity:0.8;color:var(--color-primary)}
.kompetencja--zarzadzanie .hero__lead,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero__lead{font-size:1.125rem;line-height:1.8;color:var(--zp-text-muted);margin-bottom:2rem;max-width:540px}
.kompetencja--zarzadzanie .hero__cta,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero__cta{display:flex;gap:1rem;flex-wrap:wrap}
.kompetencja--zarzadzanie .hero__kanban,body.page-zarzadzanie-projektami .hero__kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;background:var(--zp-card-bg);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg),0 25px 50px -12px rgba(0,0,0,0.15);transform:perspective(1000px) rotateY(-3deg) rotateX(2deg);transition:transform 0.4s ease}
.kompetencja--zarzadzanie .hero__kanban:hover,body.page-zarzadzanie-projektami .hero__kanban:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}
.kompetencja--zarzadzanie .kanban__column,body.page-zarzadzanie-projektami .kanban__column{background:#f1f5f9;border-radius:var(--radius-md);padding:1rem;min-height:200px}
.kompetencja--zarzadzanie .kanban__header,body.page-zarzadzanie-projektami .kanban__header{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--zp-text-muted);margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:2px solid #e2e8f0}
.kompetencja--zarzadzanie .kanban__card,body.page-zarzadzanie-projektami .kanban__card{background:#ffffff;border-radius:var(--radius-sm);padding:0.75rem;margin-bottom:0.5rem;font-size:0.8125rem;color:var(--zp-text);box-shadow:0 1px 3px rgba(0,0,0,0.1);border-left:3px solid transparent;transition:all 0.2s ease}
.kompetencja--zarzadzanie .kanban__card:hover,body.page-zarzadzanie-projektami .kanban__card:hover{transform:translateX(2px)}
.kompetencja--zarzadzanie .kanban__card--priority-high,body.page-zarzadzanie-projektami .kanban__card--priority-high{border-left-color:var(--zp-danger)}
.kompetencja--zarzadzanie .kanban__card--priority-medium,body.page-zarzadzanie-projektami .kanban__card--priority-medium{border-left-color:var(--zp-warning)}
.kompetencja--zarzadzanie .kanban__card--priority-low,body.page-zarzadzanie-projektami .kanban__card--priority-low{border-left-color:var(--zp-success)}
.kompetencja--zarzadzanie .kanban__card--active,body.page-zarzadzanie-projektami .kanban__card--active{background:var(--zp-accent-bg);border-left-color:var(--zp-accent)}
.kompetencja--zarzadzanie .kanban__card--done,body.page-zarzadzanie-projektami .kanban__card--done{opacity:0.6;text-decoration:line-through}
.kompetencja--zarzadzanie .kanban__tag,body.page-zarzadzanie-projektami .kanban__tag{display:inline-block;font-size:0.625rem;font-weight:700;text-transform:uppercase;background:var(--color-primary);color:#fff;padding:0.125rem 0.375rem;border-radius:var(--radius-sm);margin-bottom:0.25rem}
.kompetencja--zarzadzanie .section-header,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .section-header{text-align:center;margin-bottom:3rem}
.kompetencja--zarzadzanie .section-badge,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .section-badge{display:inline-block;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-primary);background:var(--zp-accent-bg);padding:0.5rem 1rem;border-radius:var(--radius-full);margin-bottom:1rem}
.kompetencja--zarzadzanie .section-header h2,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-primary);margin-bottom:0.75rem}
.kompetencja--zarzadzanie .section-header p,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .section-header p{font-size:1.125rem;color:var(--zp-text-muted);max-width:600px;margin:0 auto}
.kompetencja--zarzadzanie .services,body.page-zarzadzanie-projektami .services{padding:5rem 0;background:#ffffff;overflow:hidden}
.kompetencja--zarzadzanie .services__layout,body.page-zarzadzanie-projektami .services__layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}
.kompetencja--zarzadzanie .service-card--highlight,body.page-zarzadzanie-projektami .service-card--highlight{background:#ffffff;border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:2.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}
.kompetencja--zarzadzanie .service-card--highlight::before,body.page-zarzadzanie-projektami .service-card--highlight::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%)}
.kompetencja--zarzadzanie .service-card--highlight:hover,body.page-zarzadzanie-projektami .service-card--highlight:hover{border-color:var(--color-accent);box-shadow:0 20px 40px rgba(15,51,84,0.15);transform:translateY(-4px)}
.kompetencja--zarzadzanie .service-card__badge,body.page-zarzadzanie-projektami .service-card__badge{position:absolute;top:1rem;right:1rem;background:var(--color-accent);color:#ffffff;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:0.375rem 0.75rem;border-radius:var(--radius-full)}
.kompetencja--zarzadzanie .service-card--highlight h3,body.page-zarzadzanie-projektami .service-card--highlight h3{color:var(--color-primary);font-size:1.5rem;margin-bottom:1rem}
.kompetencja--zarzadzanie .service-card--highlight>p,body.page-zarzadzanie-projektami .service-card--highlight>p{color:var(--zp-text-muted);font-size:1.0625rem;line-height:1.7;margin-bottom:1.5rem}
.kompetencja--zarzadzanie .service-card--highlight .service-card__features,body.page-zarzadzanie-projektami .service-card--highlight .service-card__features{margin-bottom:2rem;flex:1}
.kompetencja--zarzadzanie .service-card--highlight .service-card__features li,body.page-zarzadzanie-projektami .service-card--highlight .service-card__features li{color:var(--zp-text);padding:0.5rem 0;padding-left:1.75rem;font-size:1rem}
.kompetencja--zarzadzanie .service-card--highlight .service-card__features li::before,body.page-zarzadzanie-projektami .service-card--highlight .service-card__features li::before{color:var(--color-accent)}
.kompetencja--zarzadzanie .service-card__icon--accent,body.page-zarzadzanie-projektami .service-card__icon--accent{background:var(--color-primary);width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.kompetencja--zarzadzanie .service-card__icon--accent svg,body.page-zarzadzanie-projektami .service-card__icon--accent svg{width:32px;height:32px;stroke:#ffffff}
.kompetencja--zarzadzanie .services__carousel-wrapper,body.page-zarzadzanie-projektami .services__carousel-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:#f8fafc;padding:1.5rem 0}
.kompetencja--zarzadzanie .services__carousel-wrapper::before,body.page-zarzadzanie-projektami .services__carousel-wrapper::before,.kompetencja--zarzadzanie .services__carousel-wrapper::after,body.page-zarzadzanie-projektami .services__carousel-wrapper::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.kompetencja--zarzadzanie .services__carousel-wrapper::before,body.page-zarzadzanie-projektami .services__carousel-wrapper::before{left:0;background:linear-gradient(90deg,#f8fafc 0%,transparent 100%)}
.kompetencja--zarzadzanie .services__carousel-wrapper::after,body.page-zarzadzanie-projektami .services__carousel-wrapper::after{right:0;background:linear-gradient(270deg,#f8fafc 0%,transparent 100%)}
.kompetencja--zarzadzanie .services__carousel,body.page-zarzadzanie-projektami .services__carousel{overflow:hidden}
.kompetencja--zarzadzanie .services__carousel-track,body.page-zarzadzanie-projektami .services__carousel-track{display:flex;gap:1.5rem;animation:carouselScroll 20s linear infinite;width:max-content}
.kompetencja--zarzadzanie .services__carousel-track:hover,body.page-zarzadzanie-projektami .services__carousel-track:hover{animation-play-state:paused}
@keyframes carouselScroll{0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}
.kompetencja--zarzadzanie .service-card--carousel,body.page-zarzadzanie-projektami .service-card--carousel{background:#ffffff;border:1px solid var(--zp-border);border-radius:var(--radius-lg);padding:1.75rem;min-width:280px;max-width:280px;transition:all 0.3s ease;flex-shrink:0}
.kompetencja--zarzadzanie .service-card--carousel:hover,body.page-zarzadzanie-projektami .service-card--carousel:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-4px)}
.kompetencja--zarzadzanie .service-card--carousel .service-card__icon,body.page-zarzadzanie-projektami .service-card--carousel .service-card__icon{width:48px;height:48px;background:var(--zp-accent-bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.kompetencja--zarzadzanie .service-card--carousel .service-card__icon svg,body.page-zarzadzanie-projektami .service-card--carousel .service-card__icon svg{width:24px;height:24px;stroke:var(--color-primary)}
.kompetencja--zarzadzanie .service-card--carousel h3,body.page-zarzadzanie-projektami .service-card--carousel h3{font-size:1.125rem;margin-bottom:0.5rem;color:var(--color-primary)}
.kompetencja--zarzadzanie .service-card--carousel p,body.page-zarzadzanie-projektami .service-card--carousel p{font-size:0.875rem;color:var(--zp-text-muted);line-height:1.6;margin:0}
.kompetencja--zarzadzanie .services__grid,body.page-zarzadzanie-projektami .services__grid{display:none}
.kompetencja--zarzadzanie .service-card__features,body.page-zarzadzanie-projektami .service-card__features{list-style:none;padding:0;margin:0}
.kompetencja--zarzadzanie .service-card__features li,body.page-zarzadzanie-projektami .service-card__features li{position:relative;padding-left:1.5rem;margin-bottom:0.5rem;font-size:0.9375rem}
.kompetencja--zarzadzanie .service-card__features li::before,body.page-zarzadzanie-projektami .service-card__features li::before{content:"✓";position:absolute;left:0;color:var(--zp-success);font-weight:700}
.kompetencja--zarzadzanie .scenarios,body.page-zarzadzanie-projektami .scenarios{padding:5rem 0;background:#f8fafc}
.kompetencja--zarzadzanie .scenarios__table-wrapper,body.page-zarzadzanie-projektami .scenarios__table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem}
.kompetencja--zarzadzanie .scenarios__table,body.page-zarzadzanie-projektami .scenarios__table{width:100%;border-collapse:collapse;background:#ffffff;font-size:0.875rem}
.kompetencja--zarzadzanie .scenarios__table th,body.page-zarzadzanie-projektami .scenarios__table th{background:var(--color-primary);color:#ffffff;font-weight:600;text-align:left;padding:1rem 1.25rem;white-space:nowrap}
.kompetencja--zarzadzanie .scenarios__table td,body.page-zarzadzanie-projektami .scenarios__table td{padding:1rem 1.25rem;border-bottom:1px solid var(--zp-border);vertical-align:middle}
.kompetencja--zarzadzanie .scenarios__table tbody tr:hover,body.page-zarzadzanie-projektami .scenarios__table tbody tr:hover{background:#f8fafc}
.kompetencja--zarzadzanie .scenarios__table code,body.page-zarzadzanie-projektami .scenarios__table code{font-family:'SF Mono',monospace;font-size:0.8125rem;background:#f1f5f9;padding:0.25rem 0.5rem;border-radius:var(--radius-sm)}
.kompetencja--zarzadzanie .priority,body.page-zarzadzanie-projektami .priority{display:inline-block;font-size:0.6875rem;font-weight:700;text-transform:uppercase;padding:0.25rem 0.625rem;border-radius:var(--radius-full)}
.kompetencja--zarzadzanie .priority--high,body.page-zarzadzanie-projektami .priority--high{background:rgba(239,68,68,0.1);color:var(--zp-danger)}
.kompetencja--zarzadzanie .priority--medium,body.page-zarzadzanie-projektami .priority--medium{background:rgba(245,158,11,0.1);color:var(--zp-warning)}
.kompetencja--zarzadzanie .priority--low,body.page-zarzadzanie-projektami .priority--low{background:rgba(16,185,129,0.1);color:var(--zp-success)}
.kompetencja--zarzadzanie .status,body.page-zarzadzanie-projektami .status{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.75rem;font-weight:600}
.kompetencja--zarzadzanie .status--pass,body.page-zarzadzanie-projektami .status--pass{color:var(--zp-success)}
.kompetencja--zarzadzanie .status--fail,body.page-zarzadzanie-projektami .status--fail{color:var(--zp-danger)}
.kompetencja--zarzadzanie .status--pending,body.page-zarzadzanie-projektami .status--pending{color:var(--zp-warning)}
.kompetencja--zarzadzanie .scenarios__note,body.page-zarzadzanie-projektami .scenarios__note{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--zp-text-muted)}
.kompetencja--zarzadzanie .scenarios__note svg,body.page-zarzadzanie-projektami .scenarios__note svg{flex-shrink:0;stroke:var(--color-primary)}
.kompetencja--zarzadzanie .agile,body.page-zarzadzanie-projektami .agile{padding:5rem 0;background:#ffffff}
.kompetencja--zarzadzanie .agile__grid,body.page-zarzadzanie-projektami .agile__grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:3rem;align-items:start}
.kompetencja--zarzadzanie .sprint-timeline,body.page-zarzadzanie-projektami .sprint-timeline{position:relative;padding-left:2rem}
.kompetencja--zarzadzanie .sprint-timeline::before,body.page-zarzadzanie-projektami .sprint-timeline::before{content:"";position:absolute;left:0.5rem;top:0;bottom:0;width:2px;background:var(--zp-border)}
.kompetencja--zarzadzanie .sprint,body.page-zarzadzanie-projektami .sprint{position:relative;margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:var(--radius-lg);border:1px solid var(--zp-border)}
.kompetencja--zarzadzanie .sprint::before,body.page-zarzadzanie-projektami .sprint::before{content:"";position:absolute;left:-1.625rem;top:1.75rem;width:12px;height:12px;background:var(--zp-border);border-radius:50%;border:3px solid #ffffff}
.kompetencja--zarzadzanie .sprint--active::before,body.page-zarzadzanie-projektami .sprint--active::before{background:var(--color-primary);box-shadow:0 0 0 4px var(--zp-accent-bg)}
.kompetencja--zarzadzanie .sprint__header,body.page-zarzadzanie-projektami .sprint__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}
.kompetencja--zarzadzanie .sprint__number,body.page-zarzadzanie-projektami .sprint__number{font-weight:700;color:var(--color-primary)}
.kompetencja--zarzadzanie .sprint__duration,body.page-zarzadzanie-projektami .sprint__duration{font-size:0.75rem;color:var(--zp-text-muted);background:#e2e8f0;padding:0.25rem 0.5rem;border-radius:var(--radius-sm)}
.kompetencja--zarzadzanie .sprint__content h4,body.page-zarzadzanie-projektami .sprint__content h4{font-size:1rem;margin-bottom:0.5rem;color:var(--color-primary)}
.kompetencja--zarzadzanie .sprint__content ul,body.page-zarzadzanie-projektami .sprint__content ul{list-style:none;padding:0;margin:0}
.kompetencja--zarzadzanie .sprint__content li,body.page-zarzadzanie-projektami .sprint__content li{font-size:0.875rem;color:var(--zp-text-muted);padding:0.25rem 0;padding-left:1.25rem;position:relative}
.kompetencja--zarzadzanie .sprint__content li::before,body.page-zarzadzanie-projektami .sprint__content li::before{content:"→";position:absolute;left:0;color:var(--color-primary)}
.kompetencja--zarzadzanie .agile__benefits h3,body.page-zarzadzanie-projektami .agile__benefits h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--color-primary)}
.kompetencja--zarzadzanie .benefit,body.page-zarzadzanie-projektami .benefit{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;background:var(--zp-accent-bg);border-radius:var(--radius-lg);transition:transform 0.2s ease}
.kompetencja--zarzadzanie .benefit:hover,body.page-zarzadzanie-projektami .benefit:hover{transform:translateX(4px)}
.kompetencja--zarzadzanie .benefit__icon,body.page-zarzadzanie-projektami .benefit__icon{width:48px;height:48px;min-width:48px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}
.kompetencja--zarzadzanie .benefit__icon svg,body.page-zarzadzanie-projektami .benefit__icon svg{width:24px;height:24px;stroke:#ffffff}
.kompetencja--zarzadzanie .benefit__content h4,body.page-zarzadzanie-projektami .benefit__content h4{font-size:1rem;margin-bottom:0.25rem;color:var(--color-primary)}
.kompetencja--zarzadzanie .benefit__content p,body.page-zarzadzanie-projektami .benefit__content p{font-size:0.875rem;color:var(--zp-text-muted);margin:0;line-height:1.6}
.kompetencja--zarzadzanie .audits,body.page-zarzadzanie-projektami .audits{padding:5rem 0;background:linear-gradient(135deg,var(--color-primary) 0%,#0a2540 100%);color:#ffffff}
.kompetencja--zarzadzanie .audits .section-badge,body.page-zarzadzanie-projektami .audits .section-badge{background:rgba(255,255,255,0.15);color:#ffffff}
.kompetencja--zarzadzanie .audits .section-header h2,body.page-zarzadzanie-projektami .audits .section-header h2{color:#ffffff}
.kompetencja--zarzadzanie .audits .section-header p,body.page-zarzadzanie-projektami .audits .section-header p{color:rgba(255,255,255,0.8)}
.kompetencja--zarzadzanie .audits__comparison,body.page-zarzadzanie-projektami .audits__comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem}
.kompetencja--zarzadzanie .audit-type,body.page-zarzadzanie-projektami .audit-type{border-radius:var(--radius-lg);overflow:hidden}
.kompetencja--zarzadzanie .audit-type--bad,body.page-zarzadzanie-projektami .audit-type--bad{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3)}
.kompetencja--zarzadzanie .audit-type--good,body.page-zarzadzanie-projektami .audit-type--good{background:rgba(16,185,129,0.1);border:2px solid var(--zp-success);transform:scale(1.02)}
.kompetencja--zarzadzanie .audit-type__header,body.page-zarzadzanie-projektami .audit-type__header{padding:1.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1)}
.kompetencja--zarzadzanie .audit-type__icon,body.page-zarzadzanie-projektami .audit-type__icon{font-size:2rem;display:block;margin-bottom:0.5rem}
.kompetencja--zarzadzanie .audit-type__header h3,body.page-zarzadzanie-projektami .audit-type__header h3{font-size:1.25rem;margin-bottom:0.5rem;color:#ffffff}
.kompetencja--zarzadzanie .audit-type__price,body.page-zarzadzanie-projektami .audit-type__price{font-size:1.125rem;font-weight:700;color:rgba(255,255,255,0.9)}
.kompetencja--zarzadzanie .audit-type__list,body.page-zarzadzanie-projektami .audit-type__list{list-style:none;padding:1.5rem;margin:0}
.kompetencja--zarzadzanie .audit-type__list li,body.page-zarzadzanie-projektami .audit-type__list li{padding:0.625rem 0;padding-left:1.75rem;position:relative;font-size:0.9375rem;color:rgba(255,255,255,0.85);border-bottom:1px solid rgba(255,255,255,0.05)}
.kompetencja--zarzadzanie .audit-type--bad .audit-type__list li::before,body.page-zarzadzanie-projektami .audit-type--bad .audit-type__list li::before{content:"✗";position:absolute;left:0;color:var(--zp-danger)}
.kompetencja--zarzadzanie .audit-type--good .audit-type__list li::before,body.page-zarzadzanie-projektami .audit-type--good .audit-type__list li::before{content:"✓";position:absolute;left:0;color:var(--zp-success)}
.kompetencja--zarzadzanie .audits__scope,body.page-zarzadzanie-projektami .audits__scope{margin-top:3rem}
.kompetencja--zarzadzanie .audits__scope h3,body.page-zarzadzanie-projektami .audits__scope h3{text-align:center;font-size:1.5rem;margin-bottom:2rem;color:#ffffff}
.kompetencja--zarzadzanie .scope-grid,body.page-zarzadzanie-projektami .scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.kompetencja--zarzadzanie .scope-item,body.page-zarzadzanie-projektami .scope-item{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all 0.3s ease}
.kompetencja--zarzadzanie .scope-item:hover,body.page-zarzadzanie-projektami .scope-item:hover{background:rgba(255,255,255,0.1);transform:translateY(-4px)}
.kompetencja--zarzadzanie .scope-item__icon,body.page-zarzadzanie-projektami .scope-item__icon{width:56px;height:56px;margin:0 auto 1rem;background:rgba(255,255,255,0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}
.kompetencja--zarzadzanie .scope-item__icon svg,body.page-zarzadzanie-projektami .scope-item__icon svg{width:28px;height:28px;stroke:var(--color-accent)}
.kompetencja--zarzadzanie .scope-item h4,body.page-zarzadzanie-projektami .scope-item h4{font-size:1rem;margin-bottom:0.5rem;color:#ffffff}
.kompetencja--zarzadzanie .scope-item p,body.page-zarzadzanie-projektami .scope-item p{font-size:0.8125rem;color:rgba(255,255,255,0.7);margin:0;line-height:1.6}
.kompetencja--zarzadzanie .pricing,body.page-zarzadzanie-projektami .pricing{padding:5rem 0;background:#f8fafc}
.kompetencja--zarzadzanie .pricing__grid,body.page-zarzadzanie-projektami .pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}
.kompetencja--zarzadzanie .pricing-card,body.page-zarzadzanie-projektami .pricing-card{background:#ffffff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--zp-border);transition:all 0.3s ease;position:relative;display:flex;flex-direction:column}
.kompetencja--zarzadzanie .pricing-card:hover,body.page-zarzadzanie-projektami .pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.kompetencja--zarzadzanie .pricing-card--featured,body.page-zarzadzanie-projektami .pricing-card--featured{border:2px solid var(--color-accent);transform:scale(1.03)}
.kompetencja--zarzadzanie .pricing-card--featured:hover,body.page-zarzadzanie-projektami .pricing-card--featured:hover{transform:scale(1.03) translateY(-4px)}
.kompetencja--zarzadzanie .pricing-card__badge,body.page-zarzadzanie-projektami .pricing-card__badge{position:absolute;top:0;right:0;background:var(--color-accent);color:#ffffff;font-size:0.6875rem;font-weight:700;text-transform:uppercase;padding:0.375rem 0.75rem;border-radius:0 0 0 var(--radius-md)}
.kompetencja--zarzadzanie .pricing-card__header,body.page-zarzadzanie-projektami .pricing-card__header{padding:2rem;text-align:center;border-bottom:1px solid var(--zp-border)}
.kompetencja--zarzadzanie .pricing-card__header h3,body.page-zarzadzanie-projektami .pricing-card__header h3{font-size:1.125rem;margin-bottom:1rem;color:var(--color-primary)}
.kompetencja--zarzadzanie .pricing-card__price,body.page-zarzadzanie-projektami .pricing-card__price{display:flex;align-items:baseline;justify-content:center;gap:0.25rem;flex-wrap:wrap}
.kompetencja--zarzadzanie .pricing-card__price .from,body.page-zarzadzanie-projektami .pricing-card__price .from{font-size:0.875rem;color:var(--zp-text-muted)}
.kompetencja--zarzadzanie .pricing-card__price .amount,body.page-zarzadzanie-projektami .pricing-card__price .amount{font-size:2.5rem;font-weight:800;color:var(--color-primary);line-height:1}
.kompetencja--zarzadzanie .pricing-card__price .currency,body.page-zarzadzanie-projektami .pricing-card__price .currency{font-size:1rem;color:var(--zp-text-muted)}
.kompetencja--zarzadzanie .pricing-card__price .period,body.page-zarzadzanie-projektami .pricing-card__price .period{font-size:0.875rem;color:var(--zp-text-muted);width:100%}
.kompetencja--zarzadzanie .pricing-card__body,body.page-zarzadzanie-projektami .pricing-card__body{padding:2rem;flex:1;display:flex;flex-direction:column}
.kompetencja--zarzadzanie .pricing-card__body ul,body.page-zarzadzanie-projektami .pricing-card__body ul{list-style:none;padding:0;margin:0 0 1.5rem 0;flex:1}
.kompetencja--zarzadzanie .pricing-card__body li,body.page-zarzadzanie-projektami .pricing-card__body li{padding:0.625rem 0;padding-left:1.5rem;position:relative;font-size:0.9375rem;color:var(--zp-text-muted);border-bottom:1px solid #f1f5f9}
.kompetencja--zarzadzanie .pricing-card__body li::before,body.page-zarzadzanie-projektami .pricing-card__body li::before{content:"✓";position:absolute;left:0;color:var(--zp-success);font-weight:700}
.kompetencja--zarzadzanie .pricing-card__body .btn,body.page-zarzadzanie-projektami .pricing-card__body .btn{width:100%;text-align:center}
.kompetencja--zarzadzanie .pricing__note,body.page-zarzadzanie-projektami .pricing__note{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff;border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}
.kompetencja--zarzadzanie .pricing__note svg,body.page-zarzadzanie-projektami .pricing__note svg{flex-shrink:0;stroke:var(--color-primary);margin-top:0.125rem}
.kompetencja--zarzadzanie .pricing__note p,body.page-zarzadzanie-projektami .pricing__note p{margin:0;font-size:0.9375rem;color:var(--zp-text-muted);line-height:1.7}
.kompetencja--zarzadzanie .cta-section,body.page-zarzadzanie-projektami .cta-section{padding:5rem 0;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}
.kompetencja--zarzadzanie .cta-box,body.page-zarzadzanie-projektami .cta-box{display:flex;justify-content:space-between;align-items:center;gap:3rem;background:#ffffff;padding:3rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}
.kompetencja--zarzadzanie .cta-box__content h2,body.page-zarzadzanie-projektami .cta-box__content h2{font-size:1.75rem;margin-bottom:0.5rem;color:var(--color-primary)}
.kompetencja--zarzadzanie .cta-box__content p,body.page-zarzadzanie-projektami .cta-box__content p{font-size:1.0625rem;color:var(--zp-text-muted);margin:0}
.kompetencja--zarzadzanie .cta-box__actions,body.page-zarzadzanie-projektami .cta-box__actions{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}
.kompetencja--zarzadzanie .cta-phone,body.page-zarzadzanie-projektami .cta-phone{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:600;color:var(--color-primary);text-decoration:none;transition:color 0.2s ease}
.kompetencja--zarzadzanie .cta-phone:hover,body.page-zarzadzanie-projektami .cta-phone:hover{color:var(--color-accent)}
.kompetencja--zarzadzanie .cta-phone svg,body.page-zarzadzanie-projektami .cta-phone svg{stroke:currentColor}
@media (max-width:1024px){.kompetencja--zarzadzanie .hero--kompetencja .container,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero--kompetencja .container{grid-template-columns:1fr;gap:3rem}
.kompetencja--zarzadzanie .hero__kanban,body.page-zarzadzanie-projektami .hero__kanban{max-width:500px;margin:0 auto;transform:none}
.kompetencja--zarzadzanie .services__layout,body.page-zarzadzanie-projektami .services__layout{grid-template-columns:1fr;gap:2rem}
.kompetencja--zarzadzanie .service-card--highlight,body.page-zarzadzanie-projektami .service-card--highlight{order:-1}
.kompetencja--zarzadzanie .agile__grid,body.page-zarzadzanie-projektami .agile__grid{grid-template-columns:1fr}
.kompetencja--zarzadzanie .audits__comparison,body.page-zarzadzanie-projektami .audits__comparison{grid-template-columns:1fr}
.kompetencja--zarzadzanie .audit-type--good,body.page-zarzadzanie-projektami .audit-type--good{transform:none}
.kompetencja--zarzadzanie .scope-grid,body.page-zarzadzanie-projektami .scope-grid{grid-template-columns:repeat(2,1fr)}
.kompetencja--zarzadzanie .pricing__grid,body.page-zarzadzanie-projektami .pricing__grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}
.kompetencja--zarzadzanie .pricing-card--featured,body.page-zarzadzanie-projektami .pricing-card--featured{transform:none}
.kompetencja--zarzadzanie .cta-box,body.page-zarzadzanie-projektami .cta-box{flex-direction:column;text-align:center}
.kompetencja--zarzadzanie .cta-box__actions,body.page-zarzadzanie-projektami .cta-box__actions{flex-direction:column}
}
@media (max-width:768px){.kompetencja--zarzadzanie .hero--kompetencja,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero--kompetencja{padding:6rem 0 3rem}
.kompetencja--zarzadzanie .hero__kanban,body.page-zarzadzanie-projektami .hero__kanban{grid-template-columns:1fr;gap:0.75rem}
.kompetencja--zarzadzanie .kanban__column,body.page-zarzadzanie-projektami .kanban__column{min-height:auto}
.kompetencja--zarzadzanie .scenarios__table,body.page-zarzadzanie-projektami .scenarios__table{font-size:0.75rem}
.kompetencja--zarzadzanie .scenarios__table th,body.page-zarzadzanie-projektami .scenarios__table th,.kompetencja--zarzadzanie .scenarios__table td,body.page-zarzadzanie-projektami .scenarios__table td{padding:0.625rem 0.75rem}
.kompetencja--zarzadzanie .scope-grid,body.page-zarzadzanie-projektami .scope-grid{grid-template-columns:1fr}
.kompetencja--zarzadzanie .sprint-timeline,body.page-zarzadzanie-projektami .sprint-timeline{padding-left:1.5rem}
.kompetencja--zarzadzanie .sprint,body.page-zarzadzanie-projektami .sprint{padding:1rem}
.kompetencja--zarzadzanie .cta-box,body.page-zarzadzanie-projektami .cta-box{padding:2rem}
.kompetencja--zarzadzanie .service-card--carousel,body.page-zarzadzanie-projektami .service-card--carousel{min-width:260px;max-width:260px;padding:1.5rem}
}
@media (max-width:480px){.kompetencja--zarzadzanie .hero__title,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero__title{font-size:1.75rem;flex-direction:column;align-items:flex-start;gap:0.5rem}
.kompetencja--zarzadzanie .hero__cta,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero__cta{flex-direction:column}
.kompetencja--zarzadzanie .hero__cta .btn,body.page-zarzadzanie-projektami .kompetencja--zarzadzanie .hero__cta .btn{width:100%;justify-content:center}
.kompetencja--zarzadzanie .benefit,body.page-zarzadzanie-projektami .benefit{flex-direction:column;text-align:center}
.kompetencja--zarzadzanie .benefit__icon,body.page-zarzadzanie-projektami .benefit__icon{margin:0 auto}
.kompetencja--zarzadzanie .pricing-card__header,body.page-zarzadzanie-projektami .pricing-card__header,.kompetencja--zarzadzanie .pricing-card__body,body.page-zarzadzanie-projektami .pricing-card__body{padding:1.5rem}
.kompetencja--zarzadzanie .service-card--highlight,body.page-zarzadzanie-projektami .service-card--highlight{padding:1.5rem}
.kompetencja--zarzadzanie .service-card--carousel,body.page-zarzadzanie-projektami .service-card--carousel{min-width:240px;max-width:240px}
}
.kompetencja--integracje,body.page-integracje-systemow .kompetencja--integracje{--int-primary:#0f3354;--int-primary-light:#1a4a6d;--int-primary-dark:#0a2540;--int-accent:#FF6B35;--int-accent-hover:#e85a2a;--int-success:#28a745;--int-bg:#ffffff;--int-bg-alt:#f8f9fa;--int-bg-dark:#0b1e30;--int-text:#212529;--int-text-muted:#6c757d;--int-text-light:#ffffff;--int-border:#e0e0e0;--int-border-light:rgba(255,255,255,.15);--int-radius:12px;--int-shadow:0 4px 20px rgba(15,51,84,.08);--int-shadow-lg:0 8px 40px rgba(15,51,84,.12);--int-transition:0.3s ease}
.kompetencja--integracje .int-hero,body.page-integracje-systemow .int-hero{background:linear-gradient(135deg,var(--int-primary) 0%,var(--int-primary-dark) 100%);color:var(--int-text-light);padding:6rem 0 4rem;position:relative;overflow:hidden}
.kompetencja--integracje .int-hero::before,body.page-integracje-systemow .int-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,53,.1) 0%,transparent 70%);pointer-events:none}
.kompetencja--integracje .int-hero .breadcrumbs-nav,body.page-integracje-systemow .int-hero .breadcrumbs-nav{margin-bottom:2rem;font-size:.875rem}
.kompetencja--integracje .int-hero .breadcrumbs-nav a,body.page-integracje-systemow .int-hero .breadcrumbs-nav a{color:rgba(255,255,255,.7);transition:color var(--int-transition)}
.kompetencja--integracje .int-hero .breadcrumbs-nav a:hover,body.page-integracje-systemow .int-hero .breadcrumbs-nav a:hover{color:var(--int-text-light)}
.kompetencja--integracje .int-hero .breadcrumbs-nav span,body.page-integracje-systemow .int-hero .breadcrumbs-nav span{color:rgba(255,255,255,.4);margin:0 .5rem}
.kompetencja--integracje .int-hero__content,body.page-integracje-systemow .int-hero__content{max-width:800px}
.kompetencja--integracje .int-hero__title,body.page-integracje-systemow .int-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:var(--int-text-light)}
.kompetencja--integracje .int-hero__icon,body.page-integracje-systemow .int-hero__icon{flex-shrink:0;opacity:.9;color:var(--int-text-light)}
.kompetencja--integracje .int-hero__lead,body.page-integracje-systemow .int-hero__lead{font-size:1.25rem;line-height:1.7;color:rgba(255,255,255,.85);margin-bottom:2.5rem}
.kompetencja--integracje .int-hero__lead strong,body.page-integracje-systemow .int-hero__lead strong{color:var(--int-accent)}
.kompetencja--integracje .int-hero__stats,body.page-integracje-systemow .int-hero__stats{display:flex;gap:3rem;margin-bottom:2.5rem;flex-wrap:wrap}
.kompetencja--integracje .int-hero__stat,body.page-integracje-systemow .int-hero__stat{text-align:center}
.kompetencja--integracje .int-hero__stat-num,body.page-integracje-systemow .int-hero__stat-num{font-size:2.5rem;font-weight:700;color:var(--int-accent);display:inline}
.kompetencja--integracje .int-hero__stat span:not(.int-hero__stat-label),body.page-integracje-systemow .int-hero__stat span:not(.int-hero__stat-label){font-size:1.5rem;font-weight:600;color:var(--int-accent)}
.kompetencja--integracje .int-hero__stat-label,body.page-integracje-systemow .int-hero__stat-label{display:block;font-size:.875rem;color:rgba(255,255,255,.7);margin-top:.25rem}
.kompetencja--integracje .int-hero__cta,body.page-integracje-systemow .int-hero__cta{display:flex;gap:1rem;flex-wrap:wrap}
.kompetencja--integracje .int-section-title,body.page-integracje-systemow .int-section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:1rem;color:var(--int-primary)}
.kompetencja--integracje .int-section-subtitle,body.page-integracje-systemow .int-section-subtitle{font-size:1.125rem;color:var(--int-text-muted);text-align:center;max-width:600px;margin:0 auto 3rem}
.kompetencja--integracje .int-problem,body.page-integracje-systemow .int-problem{padding:5rem 0;background:var(--int-bg)}
.kompetencja--integracje .int-problem__grid,body.page-integracje-systemow .int-problem__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}
.kompetencja--integracje .int-problem__card,body.page-integracje-systemow .int-problem__card{background:var(--int-bg);padding:2rem;border-radius:var(--int-radius);box-shadow:var(--int-shadow);border:1px solid var(--int-border);transition:transform var(--int-transition),box-shadow var(--int-transition)}
.kompetencja--integracje .int-problem__card:hover,body.page-integracje-systemow .int-problem__card:hover{transform:translateY(-4px);box-shadow:var(--int-shadow-lg)}
.kompetencja--integracje .int-problem__icon,body.page-integracje-systemow .int-problem__icon{font-size:2.5rem;margin-bottom:1rem}
.kompetencja--integracje .int-problem__card h3,body.page-integracje-systemow .int-problem__card h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--int-primary)}
.kompetencja--integracje .int-problem__card p,body.page-integracje-systemow .int-problem__card p{font-size:.9375rem;color:var(--int-text-muted);line-height:1.6;margin:0}
.kompetencja--integracje .int-possibilities,body.page-integracje-systemow .int-possibilities{padding:5rem 0;background:var(--int-bg-alt)}
.kompetencja--integracje .int-poss__list,body.page-integracje-systemow .int-poss__list{max-width:800px;margin:0 auto}
.kompetencja--integracje .int-poss__item,body.page-integracje-systemow .int-poss__item{display:flex;gap:1.25rem;padding:1.5rem;background:var(--int-bg);border:1px solid var(--int-border);border-radius:var(--int-radius);margin-bottom:1rem;transition:all var(--int-transition)}
.kompetencja--integracje .int-poss__item:hover,body.page-integracje-systemow .int-poss__item:hover{border-color:var(--int-primary-light);box-shadow:var(--int-shadow)}
.kompetencja--integracje .int-poss__check,body.page-integracje-systemow .int-poss__check{width:40px;height:40px;background:linear-gradient(135deg,var(--int-success),#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--int-text-light)}
.kompetencja--integracje .int-poss__content h3,body.page-integracje-systemow .int-poss__content h3{font-size:1.0625rem;font-weight:600;color:var(--int-primary);margin-bottom:.25rem}
.kompetencja--integracje .int-poss__content p,body.page-integracje-systemow .int-poss__content p{font-size:.9375rem;color:var(--int-text-muted);margin:0}
.kompetencja--integracje .int-erp,body.page-integracje-systemow .int-erp{padding:5rem 0;background:var(--int-bg)}
.kompetencja--integracje .int-erp__grid,body.page-integracje-systemow .int-erp__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.kompetencja--integracje .int-erp__card,body.page-integracje-systemow .int-erp__card{background:var(--int-bg);padding:2rem;border-radius:var(--int-radius);box-shadow:var(--int-shadow);border:1px solid var(--int-border);position:relative;transition:transform var(--int-transition)}
.kompetencja--integracje .int-erp__card:hover,body.page-integracje-systemow .int-erp__card:hover{transform:translateY(-4px)}
.kompetencja--integracje .int-erp__card--primary,body.page-integracje-systemow .int-erp__card--primary{background:linear-gradient(135deg,var(--int-primary) 0%,var(--int-primary-light) 100%);color:var(--int-text-light);border:none}
.kompetencja--integracje .int-erp__card--primary h3,body.page-integracje-systemow .int-erp__card--primary h3{color:var(--int-text-light)}
.kompetencja--integracje .int-erp__card--primary .int-erp__list li,body.page-integracje-systemow .int-erp__card--primary .int-erp__list li{color:rgba(255,255,255,.9);border-color:var(--int-border-light)}
.kompetencja--integracje .int-erp__card--primary .int-erp__desc,body.page-integracje-systemow .int-erp__card--primary .int-erp__desc{color:rgba(255,255,255,.8)}
.kompetencja--integracje .int-erp__badge,body.page-integracje-systemow .int-erp__badge{position:absolute;top:1rem;right:1rem;background:var(--int-accent);color:var(--int-text-light);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}
.kompetencja--integracje .int-erp__card h3,body.page-integracje-systemow .int-erp__card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--int-primary)}
.kompetencja--integracje .int-erp__list,body.page-integracje-systemow .int-erp__list{list-style:none;padding:0;margin:0 0 1rem}
.kompetencja--integracje .int-erp__list li,body.page-integracje-systemow .int-erp__list li{padding:.5rem 0;border-bottom:1px solid var(--int-border);font-weight:500;color:var(--int-text)}
.kompetencja--integracje .int-erp__list li:last-child,body.page-integracje-systemow .int-erp__list li:last-child{border:none}
.kompetencja--integracje .int-erp__desc,body.page-integracje-systemow .int-erp__desc{font-size:.9375rem;color:var(--int-text-muted);line-height:1.6;margin:0}
.kompetencja--integracje .int-visual,body.page-integracje-systemow .int-visual{padding:5rem 0;background:var(--int-bg-alt)}
.kompetencja--integracje .int-visual__diagram,body.page-integracje-systemow .int-visual__diagram{position:relative;width:100%;max-width:400px;height:400px;margin:0 auto 4rem}
.kompetencja--integracje .int-visual__center,body.page-integracje-systemow .int-visual__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}
.kompetencja--integracje .int-visual__shop,body.page-integracje-systemow .int-visual__shop{width:80px;height:80px;background:var(--int-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;box-shadow:0 8px 30px rgba(15,51,84,.25)}
.kompetencja--integracje .int-visual__shop svg,body.page-integracje-systemow .int-visual__shop svg{width:40px;height:40px;color:var(--int-text-light)}
.kompetencja--integracje .int-visual__center span,body.page-integracje-systemow .int-visual__center span{font-size:.875rem;font-weight:600;color:var(--int-primary)}
.kompetencja--integracje .int-visual__connections,body.page-integracje-systemow .int-visual__connections{position:absolute;inset:0}
.kompetencja--integracje .int-visual__node,body.page-integracje-systemow .int-visual__node{position:absolute;text-align:center;transition:transform var(--int-transition)}
.kompetencja--integracje .int-visual__node:hover,body.page-integracje-systemow .int-visual__node:hover{transform:scale(1.1)}
.kompetencja--integracje .int-visual__node[data-pos="top-left"],body.page-integracje-systemow .int-visual__node[data-pos="top-left"]{top:10%;left:10%}
.kompetencja--integracje .int-visual__node[data-pos="top-right"],body.page-integracje-systemow .int-visual__node[data-pos="top-right"]{top:10%;right:10%}
.kompetencja--integracje .int-visual__node[data-pos="bottom-left"],body.page-integracje-systemow .int-visual__node[data-pos="bottom-left"]{bottom:10%;left:10%}
.kompetencja--integracje .int-visual__node[data-pos="bottom-right"],body.page-integracje-systemow .int-visual__node[data-pos="bottom-right"]{bottom:10%;right:10%}
.kompetencja--integracje .int-visual__node-icon,body.page-integracje-systemow .int-visual__node-icon{width:60px;height:60px;background:var(--int-bg);border:2px solid var(--int-border);border-radius:var(--int-radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto .5rem;box-shadow:var(--int-shadow);transition:all var(--int-transition)}
.kompetencja--integracje .int-visual__node:hover .int-visual__node-icon,body.page-integracje-systemow .int-visual__node:hover .int-visual__node-icon{border-color:var(--int-primary);background:var(--int-primary)}
.kompetencja--integracje .int-visual__node-label,body.page-integracje-systemow .int-visual__node-label{font-size:.8125rem;font-weight:600;color:var(--int-text-muted)}
.kompetencja--integracje .int-visual__lines,body.page-integracje-systemow .int-visual__lines{position:absolute;inset:0;pointer-events:none}
.kompetencja--integracje .int-visual__line,body.page-integracje-systemow .int-visual__line{stroke:var(--int-border);stroke-width:2;stroke-dasharray:8 4;animation:intDashMove 20s linear infinite}
@keyframes intDashMove{to{stroke-dashoffset:-100}
}
.kompetencja--integracje .int-visual__categories,body.page-integracje-systemow .int-visual__categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}
.kompetencja--integracje .int-visual__cat h3,body.page-integracje-systemow .int-visual__cat h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--int-primary)}
.kompetencja--integracje .int-visual__tags,body.page-integracje-systemow .int-visual__tags{display:flex;flex-wrap:wrap;gap:.5rem}
.kompetencja--integracje .int-visual__tags span,body.page-integracje-systemow .int-visual__tags span{background:var(--int-bg);border:1px solid var(--int-border);padding:.375rem .75rem;border-radius:20px;font-size:.8125rem;color:var(--int-text-muted);transition:all var(--int-transition)}
.kompetencja--integracje .int-visual__tags span:hover,body.page-integracje-systemow .int-visual__tags span:hover{background:var(--int-primary);border-color:var(--int-primary);color:var(--int-text-light)}
.kompetencja--integracje .int-auto,body.page-integracje-systemow .int-auto{padding:5rem 0;background:linear-gradient(135deg,var(--int-bg-dark) 0%,var(--int-primary-dark) 100%);color:var(--int-text-light)}
.kompetencja--integracje .int-auto .int-section-title,body.page-integracje-systemow .int-auto .int-section-title{color:var(--int-text-light)}
.kompetencja--integracje .int-auto .int-section-subtitle,body.page-integracje-systemow .int-auto .int-section-subtitle{color:rgba(255,255,255,.7)}
.kompetencja--integracje .int-auto__flow,body.page-integracje-systemow .int-auto__flow{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:4rem;padding:2rem;background:rgba(255,255,255,.03);border:1px solid var(--int-border-light);border-radius:var(--int-radius)}
.kompetencja--integracje .int-auto__step,body.page-integracje-systemow .int-auto__step{text-align:center;padding:1rem;min-width:120px}
.kompetencja--integracje .int-auto__step-num,body.page-integracje-systemow .int-auto__step-num{width:48px;height:48px;background:var(--int-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.25rem;font-weight:700;color:var(--int-text-light)}
.kompetencja--integracje .int-auto__step h3,body.page-integracje-systemow .int-auto__step h3{font-size:.9375rem;font-weight:600;margin-bottom:.25rem;color:var(--int-text-light)}
.kompetencja--integracje .int-auto__step p,body.page-integracje-systemow .int-auto__step p{font-size:.8125rem;color:rgba(255,255,255,.6);margin:0}
.kompetencja--integracje .int-auto__arrow,body.page-integracje-systemow .int-auto__arrow{font-size:1.5rem;color:var(--int-accent);font-weight:700}
.kompetencja--integracje .int-auto__tools,body.page-integracje-systemow .int-auto__tools{background:rgba(255,255,255,.03);border:1px solid var(--int-border-light);border-radius:var(--int-radius);padding:2rem}
.kompetencja--integracje .int-auto__tools h3,body.page-integracje-systemow .int-auto__tools h3{font-size:1.125rem;margin-bottom:1.5rem;text-align:center;color:var(--int-text-light)}
.kompetencja--integracje .int-auto__tools-grid,body.page-integracje-systemow .int-auto__tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.kompetencja--integracje .int-auto__tool,body.page-integracje-systemow .int-auto__tool{background:rgba(255,255,255,.05);border:1px solid var(--int-border-light);padding:1.25rem;border-radius:var(--int-radius);transition:all var(--int-transition)}
.kompetencja--integracje .int-auto__tool:hover,body.page-integracje-systemow .int-auto__tool:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}
.kompetencja--integracje .int-auto__tool strong,body.page-integracje-systemow .int-auto__tool strong{display:block;font-size:1rem;margin-bottom:.25rem;color:var(--int-text-light)}
.kompetencja--integracje .int-auto__tool span,body.page-integracje-systemow .int-auto__tool span{font-size:.8125rem;color:rgba(255,255,255,.6)}
.kompetencja--integracje .int-pricing,body.page-integracje-systemow .int-pricing{padding:5rem 0;background:var(--int-bg)}
.kompetencja--integracje .int-pricing__grid,body.page-integracje-systemow .int-pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:start}
.kompetencja--integracje .int-pricing__card,body.page-integracje-systemow .int-pricing__card{background:var(--int-bg);padding:2rem;border-radius:var(--int-radius);box-shadow:var(--int-shadow);border:1px solid var(--int-border);position:relative;transition:transform var(--int-transition)}
.kompetencja--integracje .int-pricing__card:hover,body.page-integracje-systemow .int-pricing__card:hover{transform:translateY(-4px)}
.kompetencja--integracje .int-pricing__card--featured,body.page-integracje-systemow .int-pricing__card--featured{background:linear-gradient(135deg,var(--int-primary) 0%,var(--int-primary-light) 100%);color:var(--int-text-light);border:none;transform:scale(1.03)}
.kompetencja--integracje .int-pricing__card--featured:hover,body.page-integracje-systemow .int-pricing__card--featured:hover{transform:scale(1.03) translateY(-4px)}
.kompetencja--integracje .int-pricing__card--featured h3,body.page-integracje-systemow .int-pricing__card--featured h3{color:var(--int-text-light)}
.kompetencja--integracje .int-pricing__card--featured .int-pricing__desc,body.page-integracje-systemow .int-pricing__card--featured .int-pricing__desc{color:rgba(255,255,255,.8)}
.kompetencja--integracje .int-pricing__card--featured .int-pricing__from,body.page-integracje-systemow .int-pricing__card--featured .int-pricing__from{color:rgba(255,255,255,.7)}
.kompetencja--integracje .int-pricing__card--featured .int-pricing__currency,body.page-integracje-systemow .int-pricing__card--featured .int-pricing__currency{color:rgba(255,255,255,.7)}
.kompetencja--integracje .int-pricing__card--featured .int-pricing__features li,body.page-integracje-systemow .int-pricing__card--featured .int-pricing__features li{color:rgba(255,255,255,.9);border-color:var(--int-border-light)}
.kompetencja--integracje .int-pricing__badge,body.page-integracje-systemow .int-pricing__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--int-accent);color:var(--int-text-light);padding:.375rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}
.kompetencja--integracje .int-pricing__card h3,body.page-integracje-systemow .int-pricing__card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--int-primary)}
.kompetencja--integracje .int-pricing__desc,body.page-integracje-systemow .int-pricing__desc{font-size:.9375rem;color:var(--int-text-muted);margin-bottom:1.5rem}
.kompetencja--integracje .int-pricing__price,body.page-integracje-systemow .int-pricing__price{margin-bottom:1.5rem}
.kompetencja--integracje .int-pricing__from,body.page-integracje-systemow .int-pricing__from{font-size:.875rem;color:var(--int-text-muted);display:block}
.kompetencja--integracje .int-pricing__amount,body.page-integracje-systemow .int-pricing__amount{font-size:2.5rem;font-weight:700;color:var(--int-accent)}
.kompetencja--integracje .int-pricing__currency,body.page-integracje-systemow .int-pricing__currency{font-size:.875rem;color:var(--int-text-muted)}
.kompetencja--integracje .int-pricing__features,body.page-integracje-systemow .int-pricing__features{list-style:none;padding:0;margin:0}
.kompetencja--integracje .int-pricing__features li,body.page-integracje-systemow .int-pricing__features li{padding:.5rem 0;border-bottom:1px solid var(--int-border);font-size:.9375rem;color:var(--int-text)}
.kompetencja--integracje .int-pricing__features li:last-child,body.page-integracje-systemow .int-pricing__features li:last-child{border:none}
.kompetencja--integracje .int-cta,body.page-integracje-systemow .int-cta{padding:5rem 0;background:linear-gradient(135deg,var(--int-primary) 0%,var(--int-primary-dark) 100%);color:var(--int-text-light);text-align:center;position:relative;overflow:hidden}
.kompetencja--integracje .int-cta::before,body.page-integracje-systemow .int-cta::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at 70% 50%,rgba(255,107,53,.08) 0%,transparent 60%);pointer-events:none}
.kompetencja--integracje .int-cta__content,body.page-integracje-systemow .int-cta__content{max-width:700px;margin:0 auto;position:relative;z-index:1}
.kompetencja--integracje .int-cta__title,body.page-integracje-systemow .int-cta__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;color:var(--int-text-light)}
.kompetencja--integracje .int-cta__subtitle,body.page-integracje-systemow .int-cta__subtitle{font-size:1.125rem;color:rgba(255,255,255,.8);margin-bottom:2rem}
.kompetencja--integracje .int-cta__buttons,body.page-integracje-systemow .int-cta__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}
.kompetencja--integracje .int-cta__buttons .btn-accent,body.page-integracje-systemow .int-cta__buttons .btn-accent{background:var(--int-accent);border-color:var(--int-accent);color:var(--int-text-light)}
.kompetencja--integracje .int-cta__buttons .btn-accent:hover,body.page-integracje-systemow .int-cta__buttons .btn-accent:hover{background:var(--int-accent-hover);border-color:var(--int-accent-hover)}
.kompetencja--integracje .int-cta__buttons .btn-outline,body.page-integracje-systemow .int-cta__buttons .btn-outline{border:2px solid rgba(255,255,255,.3);color:var(--int-text-light);display:flex;align-items:center;gap:.5rem;background:transparent}
.kompetencja--integracje .int-cta__buttons .btn-outline:hover,body.page-integracje-systemow .int-cta__buttons .btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}
.kompetencja--integracje .int-cta__buttons .btn-outline svg,body.page-integracje-systemow .int-cta__buttons .btn-outline svg{color:var(--int-text-light)}
.kompetencja--integracje .int-cta__trust,body.page-integracje-systemow .int-cta__trust{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;font-size:.875rem;color:rgba(255,255,255,.7)}
.kompetencja--integracje .int-cta__trust span,body.page-integracje-systemow .int-cta__trust span{display:flex;align-items:center;gap:.5rem}
@media(max-width:1024px){.kompetencja--integracje .int-hero__stats,body.page-integracje-systemow .int-hero__stats{gap:2rem}
.kompetencja--integracje .int-auto__flow,body.page-integracje-systemow .int-auto__flow{flex-direction:column}
.kompetencja--integracje .int-auto__arrow,body.page-integracje-systemow .int-auto__arrow{transform:rotate(90deg)}
.kompetencja--integracje .int-pricing__card--featured,body.page-integracje-systemow .int-pricing__card--featured{transform:none}
.kompetencja--integracje .int-pricing__card--featured:hover,body.page-integracje-systemow .int-pricing__card--featured:hover{transform:translateY(-4px)}
}
@media(max-width:768px){.kompetencja--integracje .int-hero,body.page-integracje-systemow .int-hero{padding:4rem 0 3rem}
.kompetencja--integracje .int-hero__title,body.page-integracje-systemow .int-hero__title{font-size:2rem}
.kompetencja--integracje .int-hero__lead,body.page-integracje-systemow .int-hero__lead{font-size:1.0625rem}
.kompetencja--integracje .int-hero__stats,body.page-integracje-systemow .int-hero__stats{gap:1.5rem}
.kompetencja--integracje .int-hero__stat-num,body.page-integracje-systemow .int-hero__stat-num{font-size:2rem}
.kompetencja--integracje .int-poss__item,body.page-integracje-systemow .int-poss__item{flex-direction:column;text-align:center}
.kompetencja--integracje .int-poss__check,body.page-integracje-systemow .int-poss__check{margin:0 auto}
.kompetencja--integracje .int-visual__diagram,body.page-integracje-systemow .int-visual__diagram{height:300px}
.kompetencja--integracje .int-visual__node-icon,body.page-integracje-systemow .int-visual__node-icon{width:50px;height:50px;font-size:1.25rem}
.kompetencja--integracje .int-cta__trust,body.page-integracje-systemow .int-cta__trust{flex-direction:column;gap:.75rem}
}
@media(max-width:480px){.kompetencja--integracje .int-hero__cta,body.page-integracje-systemow .int-hero__cta{flex-direction:column}
.kompetencja--integracje .int-hero__cta .btn,body.page-integracje-systemow .int-hero__cta .btn{width:100%}
.kompetencja--integracje .int-cta__buttons,body.page-integracje-systemow .int-cta__buttons{flex-direction:column}
.kompetencja--integracje .int-cta__buttons .btn,body.page-integracje-systemow .int-cta__buttons .btn{width:100%}
.kompetencja--integracje .int-auto__step,body.page-integracje-systemow .int-auto__step{min-width:100px;padding:.75rem}
.kompetencja--integracje .int-pricing__card,body.page-integracje-systemow .int-pricing__card{padding:1.5rem}
}
.kompetencja--branding,.kompetencja--identyfikacja .kompetencja--branding,body.page-identyfikacja-wizualna .kompetencja--branding{--brand-accent:var(--color-primary);--brand-accent-light:#e8f0f5;--brand-accent-dark:var(--color-primary-dark);--brand-text:var(--color-text-primary);--brand-text-muted:var(--color-text-secondary);--brand-bg:#ffffff;--brand-bg-alt:#f8f9fa;--brand-border:#e2e8f0;--brand-success:#22c55e;--brand-warning:#f59e0b}
.kompetencja--branding [class*="__icon"] svg,.kompetencja--identyfikacja .kompetencja--branding [class*="__icon"] svg,body.page-identyfikacja-wizualna .kompetencja--branding [class*="__icon"] svg{width:1.25rem !important;height:1.25rem !important;max-width:1.25rem !important;max-height:1.25rem !important;flex-shrink:0;display:block}
.kompetencja--branding .why-card__icon svg,.kompetencja--identyfikacja .kompetencja--branding .why-card__icon svg,body.page-identyfikacja-wizualna .kompetencja--branding .why-card__icon svg{width:1.5rem !important;height:1.5rem !important;max-width:1.5rem !important;max-height:1.5rem !important}
.kompetencja--branding .branding-hero,.kompetencja--identyfikacja .branding-hero,body.page-identyfikacja-wizualna .branding-hero{padding:6rem 0 4rem;background:var(--brand-bg);position:relative;overflow:hidden}
.kompetencja--branding .branding-hero::before,.kompetencja--identyfikacja .branding-hero::before,body.page-identyfikacja-wizualna .branding-hero::before{content:"";position:absolute;top:-50%;right:-15%;width:70%;height:200%;background:linear-gradient(135deg,rgba(15,51,84,0.03) 0%,rgba(15,51,84,0.08) 100%);border-radius:50%;z-index:0}
.kompetencja--branding .branding-hero .container,.kompetencja--identyfikacja .branding-hero .container,body.page-identyfikacja-wizualna .branding-hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.kompetencja--branding .branding-hero__eyebrow,.kompetencja--identyfikacja .branding-hero__eyebrow,body.page-identyfikacja-wizualna .branding-hero__eyebrow{display:inline-block;padding:0.375rem 1rem;background:var(--brand-accent-light);color:var(--brand-accent);border-radius:var(--radius-full);font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1rem}
.kompetencja--branding .branding-hero__title,.kompetencja--identyfikacja .branding-hero__title,body.page-identyfikacja-wizualna .branding-hero__title{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;color:var(--brand-accent);line-height:1.15;margin-bottom:1.5rem}
.kompetencja--branding .branding-hero__accent,.kompetencja--identyfikacja .branding-hero__accent,body.page-identyfikacja-wizualna .branding-hero__accent{color:var(--color-accent)}
.kompetencja--branding .branding-hero__lead,.kompetencja--identyfikacja .branding-hero__lead,body.page-identyfikacja-wizualna .branding-hero__lead{font-size:1.125rem;line-height:1.8;color:var(--brand-text-muted);margin-bottom:2rem;max-width:540px}
.kompetencja--branding .branding-hero__cta,.kompetencja--identyfikacja .branding-hero__cta,body.page-identyfikacja-wizualna .branding-hero__cta{display:flex;gap:1rem;flex-wrap:wrap}
.kompetencja--branding .branding-hero__visual,.kompetencja--identyfikacja .branding-hero__visual,body.page-identyfikacja-wizualna .branding-hero__visual{display:flex;justify-content:center}
.kompetencja--branding .branding-hero__showcase,.kompetencja--identyfikacja .branding-hero__showcase,body.page-identyfikacja-wizualna .branding-hero__showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:400px}
.kompetencja--branding .showcase__item,.kompetencja--identyfikacja .showcase__item,body.page-identyfikacja-wizualna .showcase__item{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;box-shadow:var(--shadow-md);transition:transform 0.3s ease,box-shadow 0.3s ease}
.kompetencja--branding .showcase__item:hover,.kompetencja--identyfikacja .showcase__item:hover,body.page-identyfikacja-wizualna .showcase__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.kompetencja--branding .showcase__item--logo,.kompetencja--identyfikacja .showcase__item--logo,body.page-identyfikacja-wizualna .showcase__item--logo{grid-column:span 2}
.kompetencja--branding .showcase__item svg,.kompetencja--identyfikacja .showcase__item svg,body.page-identyfikacja-wizualna .showcase__item svg{width:80px;height:80px;margin-bottom:0.75rem}
.kompetencja--branding .showcase__item>span,.kompetencja--identyfikacja .showcase__item>span,body.page-identyfikacja-wizualna .showcase__item>span{display:block;font-size:0.875rem;font-weight:600;color:var(--brand-text)}
.kompetencja--branding .showcase__colors,.kompetencja--identyfikacja .showcase__colors,body.page-identyfikacja-wizualna .showcase__colors{display:flex;gap:0.5rem;justify-content:center;margin-bottom:0.75rem}
.kompetencja--branding .showcase__colors span,.kompetencja--identyfikacja .showcase__colors span,body.page-identyfikacja-wizualna .showcase__colors span{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.kompetencja--branding .showcase__typo,.kompetencja--identyfikacja .showcase__typo,body.page-identyfikacja-wizualna .showcase__typo{display:flex;gap:1rem;justify-content:center;margin-bottom:0.75rem}
.kompetencja--branding .typo-primary,.kompetencja--identyfikacja .typo-primary,body.page-identyfikacja-wizualna .typo-primary{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--brand-accent)}
.kompetencja--branding .typo-secondary,.kompetencja--identyfikacja .typo-secondary,body.page-identyfikacja-wizualna .typo-secondary{font-family:var(--font-primary);font-size:2rem;font-weight:400;color:var(--brand-text-muted)}
.kompetencja--branding .section-header,.kompetencja--identyfikacja .section-header,body.page-identyfikacja-wizualna .section-header{text-align:center;max-width:700px;margin:0 auto 3rem}
.kompetencja--branding .section-badge,.kompetencja--identyfikacja .section-badge,body.page-identyfikacja-wizualna .section-badge{display:inline-block;padding:0.375rem 1rem;background:var(--brand-accent-light);color:var(--brand-accent);border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1rem}
.kompetencja--branding .section-title,.kompetencja--identyfikacja .section-title,body.page-identyfikacja-wizualna .section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--brand-text);margin-bottom:1rem}
.kompetencja--branding .section-subtitle,.kompetencja--identyfikacja .section-subtitle,body.page-identyfikacja-wizualna .section-subtitle{font-size:1.0625rem;color:var(--brand-text-muted);line-height:1.7}
.kompetencja--branding .branding-why,.kompetencja--identyfikacja .branding-why,body.page-identyfikacja-wizualna .branding-why{padding:5rem 0;background:var(--brand-bg-alt)}
.kompetencja--branding .branding-why__grid,.kompetencja--identyfikacja .branding-why__grid,body.page-identyfikacja-wizualna .branding-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.kompetencja--branding .why-card,.kompetencja--identyfikacja .why-card,body.page-identyfikacja-wizualna .why-card{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}
.kompetencja--branding .why-card:hover,.kompetencja--identyfikacja .why-card:hover,body.page-identyfikacja-wizualna .why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.kompetencja--branding .why-card__icon,.kompetencja--identyfikacja .why-card__icon,body.page-identyfikacja-wizualna .why-card__icon{width:3.5rem;height:3.5rem;min-width:3.5rem;min-height:3.5rem;max-width:3.5rem;max-height:3.5rem;background:var(--brand-accent-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;overflow:hidden}
.kompetencja--branding .why-card__icon svg,.kompetencja--identyfikacja .why-card__icon svg,body.page-identyfikacja-wizualna .why-card__icon svg{width:1.5rem !important;height:1.5rem !important;min-width:1.5rem;min-height:1.5rem;max-width:1.5rem;max-height:1.5rem;color:var(--brand-accent);flex-shrink:0}
.kompetencja--branding .why-card h3,.kompetencja--identyfikacja .why-card h3,body.page-identyfikacja-wizualna .why-card h3{font-size:1.125rem;font-weight:700;color:var(--brand-text);margin-bottom:0.75rem}
.kompetencja--branding .why-card p,.kompetencja--identyfikacja .why-card p,body.page-identyfikacja-wizualna .why-card p{font-size:0.9375rem;color:var(--brand-text-muted);line-height:1.6}
.kompetencja--branding .branding-services,.kompetencja--identyfikacja .branding-services,body.page-identyfikacja-wizualna .branding-services{padding:5rem 0;background:var(--brand-bg)}
.kompetencja--branding .branding-services__grid,.kompetencja--identyfikacja .branding-services__grid,body.page-identyfikacja-wizualna .branding-services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.kompetencja--branding .service-block,.kompetencja--identyfikacja .service-block,body.page-identyfikacja-wizualna .service-block{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:1.75rem;position:relative;transition:transform 0.3s ease,box-shadow 0.3s ease}
.kompetencja--branding .service-block:hover,.kompetencja--identyfikacja .service-block:hover,body.page-identyfikacja-wizualna .service-block:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.kompetencja--branding .service-block--featured,.kompetencja--identyfikacja .service-block--featured,body.page-identyfikacja-wizualna .service-block--featured{border-color:var(--brand-accent);background:linear-gradient(135deg,rgba(15,51,84,0.02) 0%,rgba(15,51,84,0.05) 100%)}
.kompetencja--branding .service-block__badge,.kompetencja--identyfikacja .service-block__badge,body.page-identyfikacja-wizualna .service-block__badge{position:absolute;top:-0.75rem;left:50%;transform:translateX(-50%);background:var(--color-accent);color:white;padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:0.6875rem;font-weight:600;text-transform:uppercase;white-space:nowrap}
.kompetencja--branding .service-block__header,.kompetencja--identyfikacja .service-block__header,body.page-identyfikacja-wizualna .service-block__header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}
.kompetencja--branding .service-block__icon,.kompetencja--identyfikacja .service-block__icon,body.page-identyfikacja-wizualna .service-block__icon{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;max-width:2.5rem;max-height:2.5rem;background:var(--brand-accent-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.kompetencja--branding .service-block__icon svg,.kompetencja--identyfikacja .service-block__icon svg,body.page-identyfikacja-wizualna .service-block__icon svg{width:1.25rem !important;height:1.25rem !important;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem;color:var(--brand-accent);flex-shrink:0}
.kompetencja--branding .service-block h3,.kompetencja--identyfikacja .service-block h3,body.page-identyfikacja-wizualna .service-block h3{font-size:1rem;font-weight:700;color:var(--brand-text);margin:0}
.kompetencja--branding .service-block p,.kompetencja--identyfikacja .service-block p,body.page-identyfikacja-wizualna .service-block p{font-size:0.875rem;color:var(--brand-text-muted);line-height:1.6;margin-bottom:1.25rem}
.kompetencja--branding .service-block__price,.kompetencja--identyfikacja .service-block__price,body.page-identyfikacja-wizualna .service-block__price{display:flex;align-items:baseline;gap:0.25rem}
.kompetencja--branding .price-from,.kompetencja--identyfikacja .price-from,body.page-identyfikacja-wizualna .price-from{font-size:0.75rem;color:var(--brand-text-muted)}
.kompetencja--branding .price-amount,.kompetencja--identyfikacja .price-amount,body.page-identyfikacja-wizualna .price-amount{font-size:1.5rem;font-weight:700;color:var(--brand-accent)}
.kompetencja--branding .price-currency,.kompetencja--identyfikacja .price-currency,body.page-identyfikacja-wizualna .price-currency{font-size:0.875rem;color:var(--brand-text-muted)}
.kompetencja--branding .branding-pricing,.kompetencja--identyfikacja .branding-pricing,body.page-identyfikacja-wizualna .branding-pricing{padding:5rem 0;background:var(--brand-bg-alt)}
.kompetencja--branding .pricing-table-wrapper,.kompetencja--identyfikacja .pricing-table-wrapper,body.page-identyfikacja-wizualna .pricing-table-wrapper{overflow-x:auto;margin-bottom:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.kompetencja--branding .pricing-table,.kompetencja--identyfikacja .pricing-table,body.page-identyfikacja-wizualna .pricing-table{width:100%;min-width:1100px;border-collapse:collapse;background:var(--brand-bg);font-size:0.875rem}
.kompetencja--branding .pricing-table thead,.kompetencja--identyfikacja .pricing-table thead,body.page-identyfikacja-wizualna .pricing-table thead{background:var(--brand-accent);color:white}
.kompetencja--branding .pricing-table th,.kompetencja--identyfikacja .pricing-table th,body.page-identyfikacja-wizualna .pricing-table th{padding:1.25rem 1rem;text-align:center;font-weight:600;border-right:1px solid rgba(255,255,255,0.1)}
.kompetencja--branding .pricing-table th:last-child,.kompetencja--identyfikacja .pricing-table th:last-child,body.page-identyfikacja-wizualna .pricing-table th:last-child{border-right:none}
.kompetencja--branding .pricing-table__feature,.kompetencja--identyfikacja .pricing-table__feature,body.page-identyfikacja-wizualna .pricing-table__feature{text-align:left !important;min-width:200px}
.kompetencja--branding .pricing-table__package,.kompetencja--identyfikacja .pricing-table__package,body.page-identyfikacja-wizualna .pricing-table__package{min-width:100px}
.kompetencja--branding .pricing-table__package--featured,.kompetencja--identyfikacja .pricing-table__package--featured,body.page-identyfikacja-wizualna .pricing-table__package--featured{background:var(--color-accent)}
.kompetencja--branding .package-name,.kompetencja--identyfikacja .package-name,body.page-identyfikacja-wizualna .package-name{display:block;font-size:0.8125rem;margin-bottom:0.25rem}
.kompetencja--branding .package-price,.kompetencja--identyfikacja .package-price,body.page-identyfikacja-wizualna .package-price{display:block;font-size:0.6875rem;opacity:0.9}
.kompetencja--branding .pricing-table tbody tr,.kompetencja--identyfikacja .pricing-table tbody tr,body.page-identyfikacja-wizualna .pricing-table tbody tr{border-bottom:1px solid var(--brand-border);transition:background 0.2s ease}
.kompetencja--branding .pricing-table tbody tr:hover,.kompetencja--identyfikacja .pricing-table tbody tr:hover,body.page-identyfikacja-wizualna .pricing-table tbody tr:hover{background:var(--brand-bg-alt)}
.kompetencja--branding .pricing-table td,.kompetencja--identyfikacja .pricing-table td,body.page-identyfikacja-wizualna .pricing-table td{padding:1rem;text-align:center;vertical-align:middle}
.kompetencja--branding .pricing-table__feature-name,.kompetencja--identyfikacja .pricing-table__feature-name,body.page-identyfikacja-wizualna .pricing-table__feature-name{text-align:left !important;font-weight:500;color:var(--brand-text)}
.kompetencja--branding .pricing-table .check,.kompetencja--identyfikacja .pricing-table .check,body.page-identyfikacja-wizualna .pricing-table .check{color:var(--brand-success);font-weight:700;font-size:1rem}
.kompetencja--branding .pricing-table .cross,.kompetencja--identyfikacja .pricing-table .cross,body.page-identyfikacja-wizualna .pricing-table .cross{color:#cbd5e1;font-size:0.875rem}
.kompetencja--branding .pricing-table .partial,.kompetencja--identyfikacja .pricing-table .partial,body.page-identyfikacja-wizualna .pricing-table .partial{font-size:0.75rem;color:var(--brand-text-muted);background:var(--brand-accent-light);padding:0.125rem 0.5rem;border-radius:var(--radius-sm)}
.kompetencja--branding .pricing-table tfoot td,.kompetencja--identyfikacja .pricing-table tfoot td,body.page-identyfikacja-wizualna .pricing-table tfoot td{padding:1.25rem 1rem;background:var(--brand-bg-alt)}
.kompetencja--branding .pricing-note,.kompetencja--identyfikacja .pricing-note,body.page-identyfikacja-wizualna .pricing-note{text-align:center;font-size:0.8125rem;color:var(--brand-text-muted);line-height:1.7}
.kompetencja--branding .branding-materials,.kompetencja--identyfikacja .branding-materials,body.page-identyfikacja-wizualna .branding-materials{padding:5rem 0;background:var(--brand-bg)}
.kompetencja--branding .materials-grid,.kompetencja--identyfikacja .materials-grid,body.page-identyfikacja-wizualna .materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.kompetencja--branding .material-card,.kompetencja--identyfikacja .material-card,body.page-identyfikacja-wizualna .material-card{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:1.75rem;text-align:center;transition:transform 0.3s ease,box-shadow 0.3s ease}
.kompetencja--branding .material-card:hover,.kompetencja--identyfikacja .material-card:hover,body.page-identyfikacja-wizualna .material-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.kompetencja--branding .material-card__icon,.kompetencja--identyfikacja .material-card__icon,body.page-identyfikacja-wizualna .material-card__icon{width:3rem;height:3rem;min-width:3rem;min-height:3rem;max-width:3rem;max-height:3rem;background:var(--brand-accent-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;overflow:hidden}
.kompetencja--branding .material-card__icon svg,.kompetencja--identyfikacja .material-card__icon svg,body.page-identyfikacja-wizualna .material-card__icon svg{width:1.25rem !important;height:1.25rem !important;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem;color:var(--brand-accent);flex-shrink:0}
.kompetencja--branding .material-card h3,.kompetencja--identyfikacja .material-card h3,body.page-identyfikacja-wizualna .material-card h3{font-size:1rem;font-weight:700;color:var(--brand-text);margin-bottom:0.5rem}
.kompetencja--branding .material-card p,.kompetencja--identyfikacja .material-card p,body.page-identyfikacja-wizualna .material-card p{font-size:0.875rem;color:var(--brand-text-muted);line-height:1.6;margin-bottom:1rem}
.kompetencja--branding .material-card__price,.kompetencja--identyfikacja .material-card__price,body.page-identyfikacja-wizualna .material-card__price{font-size:0.875rem;font-weight:600;color:var(--brand-accent)}
.kompetencja--branding .branding-team,.kompetencja--identyfikacja .branding-team,body.page-identyfikacja-wizualna .branding-team{padding:5rem 0;background:var(--brand-bg)}
.kompetencja--branding .team-stats,.kompetencja--identyfikacja .team-stats,body.page-identyfikacja-wizualna .team-stats{display:flex;justify-content:center;gap:4rem}
.kompetencja--branding .team-stat,.kompetencja--identyfikacja .team-stat,body.page-identyfikacja-wizualna .team-stat{text-align:center}
.kompetencja--branding .team-stat__number,.kompetencja--identyfikacja .team-stat__number,body.page-identyfikacja-wizualna .team-stat__number{display:block;font-size:3rem;font-weight:800;color:var(--brand-accent);line-height:1;margin-bottom:0.5rem}
.kompetencja--branding .team-stat__label,.kompetencja--identyfikacja .team-stat__label,body.page-identyfikacja-wizualna .team-stat__label{font-size:0.9375rem;color:var(--brand-text-muted)}
.kompetencja--branding .branding-cta,.kompetencja--identyfikacja .branding-cta,body.page-identyfikacja-wizualna .branding-cta{padding:5rem 0;background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-accent-dark) 100%);color:white}
.kompetencja--branding .branding-cta__content,.kompetencja--identyfikacja .branding-cta__content,body.page-identyfikacja-wizualna .branding-cta__content{text-align:center;max-width:600px;margin:0 auto}
.kompetencja--branding .branding-cta__content h2,.kompetencja--identyfikacja .branding-cta__content h2,body.page-identyfikacja-wizualna .branding-cta__content h2{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:white;margin-bottom:1rem}
.kompetencja--branding .branding-cta__content p,.kompetencja--identyfikacja .branding-cta__content p,body.page-identyfikacja-wizualna .branding-cta__content p{font-size:1.0625rem;color:rgba(255,255,255,0.9);margin-bottom:2rem}
.kompetencja--branding .branding-cta__buttons,.kompetencja--identyfikacja .branding-cta__buttons,body.page-identyfikacja-wizualna .branding-cta__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.kompetencja--branding .btn,.kompetencja--identyfikacja .btn,body.page-identyfikacja-wizualna .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all 0.2s ease}
.kompetencja--branding .btn--primary,.kompetencja--identyfikacja .btn--primary,body.page-identyfikacja-wizualna .btn--primary{background:var(--color-accent);color:white;border-color:var(--color-accent)}
.kompetencja--branding .btn--primary:hover,.kompetencja--identyfikacja .btn--primary:hover,body.page-identyfikacja-wizualna .btn--primary:hover{background:#e05a28;border-color:#e05a28}
.kompetencja--branding .btn--outline,.kompetencja--identyfikacja .btn--outline,body.page-identyfikacja-wizualna .btn--outline{background:transparent;color:var(--brand-accent);border-color:var(--brand-accent)}
.kompetencja--branding .btn--outline:hover,.kompetencja--identyfikacja .btn--outline:hover,body.page-identyfikacja-wizualna .btn--outline:hover{background:var(--brand-accent);color:white}
.kompetencja--branding .branding-cta .btn--outline,.kompetencja--identyfikacja .branding-cta .btn--outline,body.page-identyfikacja-wizualna .branding-cta .btn--outline{color:white;border-color:white}
.kompetencja--branding .branding-cta .btn--outline:hover,.kompetencja--identyfikacja .branding-cta .btn--outline:hover,body.page-identyfikacja-wizualna .branding-cta .btn--outline:hover{background:white;color:var(--brand-accent)}
.kompetencja--branding .btn--lg,.kompetencja--identyfikacja .btn--lg,body.page-identyfikacja-wizualna .btn--lg{padding:1rem 2rem;font-size:1.0625rem}
.kompetencja--branding .btn--sm,.kompetencja--identyfikacja .btn--sm,body.page-identyfikacja-wizualna .btn--sm{padding:0.5rem 1rem;font-size:0.8125rem}
@media (max-width:1200px){.kompetencja--branding .branding-services__grid,.kompetencja--identyfikacja .branding-services__grid,body.page-identyfikacja-wizualna .branding-services__grid{grid-template-columns:repeat(2,1fr)}
.kompetencja--branding .branding-why__grid,.kompetencja--identyfikacja .branding-why__grid,body.page-identyfikacja-wizualna .branding-why__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){.kompetencja--branding .branding-hero .container,.kompetencja--identyfikacja .branding-hero .container,body.page-identyfikacja-wizualna .branding-hero .container{grid-template-columns:1fr;gap:3rem;text-align:center}
.kompetencja--branding .branding-hero__lead,.kompetencja--identyfikacja .branding-hero__lead,body.page-identyfikacja-wizualna .branding-hero__lead{margin-left:auto;margin-right:auto}
.kompetencja--branding .branding-hero__cta,.kompetencja--identyfikacja .branding-hero__cta,body.page-identyfikacja-wizualna .branding-hero__cta{justify-content:center}
.kompetencja--branding .branding-hero__visual,.kompetencja--identyfikacja .branding-hero__visual,body.page-identyfikacja-wizualna .branding-hero__visual{order:-1}
.kompetencja--branding .branding-hero__showcase,.kompetencja--identyfikacja .branding-hero__showcase,body.page-identyfikacja-wizualna .branding-hero__showcase{max-width:320px}
.kompetencja--branding .materials-grid,.kompetencja--identyfikacja .materials-grid,body.page-identyfikacja-wizualna .materials-grid{grid-template-columns:repeat(2,1fr)}
.kompetencja--branding .team-stats,.kompetencja--identyfikacja .team-stats,body.page-identyfikacja-wizualna .team-stats{gap:2rem}
}
@media (max-width:768px){.kompetencja--branding .branding-hero,.kompetencja--identyfikacja .branding-hero,body.page-identyfikacja-wizualna .branding-hero{padding:4rem 0 3rem}
.kompetencja--branding .branding-why__grid,.kompetencja--identyfikacja .branding-why__grid,body.page-identyfikacja-wizualna .branding-why__grid{grid-template-columns:1fr}
.kompetencja--branding .branding-services__grid,.kompetencja--identyfikacja .branding-services__grid,body.page-identyfikacja-wizualna .branding-services__grid{grid-template-columns:1fr}
.kompetencja--branding .materials-grid,.kompetencja--identyfikacja .materials-grid,body.page-identyfikacja-wizualna .materials-grid{grid-template-columns:1fr}
.kompetencja--branding .team-stats,.kompetencja--identyfikacja .team-stats,body.page-identyfikacja-wizualna .team-stats{flex-direction:column;gap:1.5rem}
.kompetencja--branding .team-stat__number,.kompetencja--identyfikacja .team-stat__number,body.page-identyfikacja-wizualna .team-stat__number{font-size:2.5rem}
.kompetencja--branding .branding-cta__buttons,.kompetencja--identyfikacja .branding-cta__buttons,body.page-identyfikacja-wizualna .branding-cta__buttons{flex-direction:column}
.kompetencja--branding .btn--lg,.kompetencja--identyfikacja .btn--lg,body.page-identyfikacja-wizualna .btn--lg{width:100%}
}
@media (max-width:480px){.kompetencja--branding .branding-hero__title,.kompetencja--identyfikacja .branding-hero__title,body.page-identyfikacja-wizualna .branding-hero__title{font-size:1.75rem}
.kompetencja--branding .branding-hero__showcase,.kompetencja--identyfikacja .branding-hero__showcase,body.page-identyfikacja-wizualna .branding-hero__showcase{grid-template-columns:1fr}
.kompetencja--branding .showcase__item--logo,.kompetencja--identyfikacja .showcase__item--logo,body.page-identyfikacja-wizualna .showcase__item--logo{grid-column:span 1}
.kompetencja--branding .btn,.kompetencja--identyfikacja .btn,body.page-identyfikacja-wizualna .btn{width:100%}
.kompetencja--branding .branding-hero__cta,.kompetencja--identyfikacja .branding-hero__cta,body.page-identyfikacja-wizualna .branding-hero__cta{flex-direction:column}
}
.kompetencja--marketing,body.page-digital-marketing,body.page-marketing-digital{--mkt-bg-light:#f8fafc;--mkt-bg-dark:#0a1628;--mkt-bg-gradient:linear-gradient(135deg,#0f3354 0%,#1a4a7a 50%,#0f3354 100%);--mkt-bg-gradient-dark:linear-gradient(135deg,#050d1a 0%,#0a1628 50%,#0f2035 100%);--mkt-accent:#ff6b35;--mkt-accent-light:#ff8c5a;--mkt-accent-glow:rgba(255,107,53,0.3);--mkt-accent-seo:#10b981;--mkt-accent-ads:#3b82f6;--mkt-accent-content:#8b5cf6;--mkt-warning:#f59e0b;--mkt-danger:#ef4444;--mkt-text-on-dark:#ffffff;--mkt-text-on-dark-muted:rgba(255,255,255,0.75);--mkt-card-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--mkt-card-shadow-hover:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--mkt-glow-accent:0 0 40px rgba(255,107,53,0.15)}
.kompetencja--marketing .hero--marketing,body.page-digital-marketing .hero--marketing,body.page-marketing-digital .hero--marketing{background:var(--mkt-bg-gradient);color:var(--mkt-text-on-dark);padding:var(--spacing-4xl) 0;position:relative;overflow:hidden}
.kompetencja--marketing .hero--marketing::before,body.page-digital-marketing .hero--marketing::before,body.page-marketing-digital .hero--marketing::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.5}
.kompetencja--marketing .hero--marketing::after,body.page-digital-marketing .hero--marketing::after,body.page-marketing-digital .hero--marketing::after{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,var(--mkt-accent-glow) 0%,transparent 70%);pointer-events:none}
.kompetencja--marketing .hero--marketing .breadcrumbs,body.page-digital-marketing .hero--marketing .breadcrumbs,body.page-marketing-digital .hero--marketing .breadcrumbs{margin-bottom:var(--spacing-lg);position:relative;z-index:1}
.kompetencja--marketing .hero--marketing .breadcrumbs a,body.page-digital-marketing .hero--marketing .breadcrumbs a,body.page-marketing-digital .hero--marketing .breadcrumbs a,.kompetencja--marketing .hero--marketing .breadcrumbs span,body.page-digital-marketing .hero--marketing .breadcrumbs span,body.page-marketing-digital .hero--marketing .breadcrumbs span{color:rgba(255,255,255,0.7)}
.kompetencja--marketing .hero--marketing .breadcrumbs a:hover,body.page-digital-marketing .hero--marketing .breadcrumbs a:hover,body.page-marketing-digital .hero--marketing .breadcrumbs a:hover{color:var(--mkt-accent)}
.kompetencja--marketing .hero--marketing .hero__content,body.page-digital-marketing .hero--marketing .hero__content,body.page-marketing-digital .hero--marketing .hero__content{position:relative;z-index:1;max-width:800px}
.kompetencja--marketing .hero--marketing .hero__title,body.page-digital-marketing .hero--marketing .hero__title,body.page-marketing-digital .hero--marketing .hero__title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);color:#ffffff}
.kompetencja--marketing .hero--marketing .hero__title-icon,body.page-digital-marketing .hero--marketing .hero__title-icon,body.page-marketing-digital .hero--marketing .hero__title-icon{flex-shrink:0;color:var(--mkt-accent)}
.kompetencja--marketing .hero--marketing .hero__lead,body.page-digital-marketing .hero--marketing .hero__lead,body.page-marketing-digital .hero--marketing .hero__lead{font-size:var(--font-size-xl);line-height:1.6;color:var(--mkt-text-on-dark-muted);margin-bottom:var(--spacing-2xl)}
.kompetencja--marketing .hero--marketing .hero__lead strong,body.page-digital-marketing .hero--marketing .hero__lead strong,body.page-marketing-digital .hero--marketing .hero__lead strong{color:var(--mkt-accent);font-weight:var(--font-weight-semibold)}
.kompetencja--marketing .hero__subnav,body.page-digital-marketing .hero__subnav,body.page-marketing-digital .hero__subnav{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}
.kompetencja--marketing .hero__subnav-link,body.page-digital-marketing .hero__subnav-link,body.page-marketing-digital .hero__subnav-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radius-full);color:#ffffff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-base);backdrop-filter:blur(4px)}
.kompetencja--marketing .hero__subnav-link:hover,body.page-digital-marketing .hero__subnav-link:hover,body.page-marketing-digital .hero__subnav-link:hover{background:var(--mkt-accent);border-color:var(--mkt-accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--mkt-accent-glow)}
.kompetencja--marketing .hero__subnav-link.is-active,body.page-digital-marketing .hero__subnav-link.is-active,body.page-marketing-digital .hero__subnav-link.is-active{background:var(--mkt-accent);border-color:var(--mkt-accent)}
.kompetencja--marketing .hero__subnav-link svg,body.page-digital-marketing .hero__subnav-link svg,body.page-marketing-digital .hero__subnav-link svg{opacity:0.9}
.kompetencja--marketing .marketing-intro,body.page-digital-marketing .marketing-intro,body.page-marketing-digital .marketing-intro{padding:var(--spacing-4xl) 0;background:var(--color-bg-light)}
.kompetencja--marketing .marketing-intro__grid,body.page-digital-marketing .marketing-intro__grid,body.page-marketing-digital .marketing-intro__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl)}
@media (min-width:1024px){.kompetencja--marketing .marketing-intro__grid,body.page-digital-marketing .marketing-intro__grid,body.page-marketing-digital .marketing-intro__grid{grid-template-columns:1fr 1fr}
}
.kompetencja--marketing .marketing-intro__problem,body.page-digital-marketing .marketing-intro__problem,body.page-marketing-digital .marketing-intro__problem,.kompetencja--marketing .marketing-intro__solution,body.page-digital-marketing .marketing-intro__solution,body.page-marketing-digital .marketing-intro__solution{padding:var(--spacing-2xl);border-radius:var(--radius-xl);background:#ffffff;box-shadow:var(--mkt-card-shadow);transition:var(--transition-base)}
.kompetencja--marketing .marketing-intro__problem:hover,body.page-digital-marketing .marketing-intro__problem:hover,body.page-marketing-digital .marketing-intro__problem:hover,.kompetencja--marketing .marketing-intro__solution:hover,body.page-digital-marketing .marketing-intro__solution:hover,body.page-marketing-digital .marketing-intro__solution:hover{box-shadow:var(--mkt-card-shadow-hover);transform:translateY(-4px)}
.kompetencja--marketing .marketing-intro__label,body.page-digital-marketing .marketing-intro__label,body.page-marketing-digital .marketing-intro__label{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-md)}
.kompetencja--marketing .marketing-intro__label--problem,body.page-digital-marketing .marketing-intro__label--problem,body.page-marketing-digital .marketing-intro__label--problem{background:rgba(239,68,68,0.1);color:var(--mkt-danger)}
.kompetencja--marketing .marketing-intro__label--solution,body.page-digital-marketing .marketing-intro__label--solution,body.page-marketing-digital .marketing-intro__label--solution{background:rgba(255,107,53,0.1);color:var(--mkt-accent)}
.kompetencja--marketing .marketing-intro__problem h2,body.page-digital-marketing .marketing-intro__problem h2,body.page-marketing-digital .marketing-intro__problem h2,.kompetencja--marketing .marketing-intro__solution h2,body.page-digital-marketing .marketing-intro__solution h2,body.page-marketing-digital .marketing-intro__solution h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}
.kompetencja--marketing .marketing-intro__problem p,body.page-digital-marketing .marketing-intro__problem p,body.page-marketing-digital .marketing-intro__problem p,.kompetencja--marketing .marketing-intro__solution p,body.page-digital-marketing .marketing-intro__solution p,body.page-marketing-digital .marketing-intro__solution p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}
.kompetencja--marketing .marketing-intro__list,body.page-digital-marketing .marketing-intro__list,body.page-marketing-digital .marketing-intro__list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}
.kompetencja--marketing .marketing-intro__list li,body.page-digital-marketing .marketing-intro__list li,body.page-marketing-digital .marketing-intro__list li{display:flex;align-items:flex-start;gap:var(--spacing-md)}
.kompetencja--marketing .marketing-intro__list li svg,body.page-digital-marketing .marketing-intro__list li svg,body.page-marketing-digital .marketing-intro__list li svg{flex-shrink:0;width:20px;height:20px;margin-top:2px}
.kompetencja--marketing .marketing-intro__list--problems li svg,body.page-digital-marketing .marketing-intro__list--problems li svg,body.page-marketing-digital .marketing-intro__list--problems li svg{color:var(--mkt-danger)}
.kompetencja--marketing .marketing-intro__list--solutions li svg,body.page-digital-marketing .marketing-intro__list--solutions li svg,body.page-marketing-digital .marketing-intro__list--solutions li svg{color:var(--mkt-accent-seo)}
.kompetencja--marketing .marketing-ecosystem,body.page-digital-marketing .marketing-ecosystem,body.page-marketing-digital .marketing-ecosystem{padding:var(--spacing-4xl) 0;background:#ffffff}
.kompetencja--marketing .marketing-ecosystem .section-header h2,body.page-digital-marketing .marketing-ecosystem .section-header h2,body.page-marketing-digital .marketing-ecosystem .section-header h2{color:var(--color-text-primary)}
.kompetencja--marketing .marketing-ecosystem__flow,body.page-digital-marketing .marketing-ecosystem__flow,body.page-marketing-digital .marketing-ecosystem__flow{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-3xl)}
@media (min-width:1024px){.kompetencja--marketing .marketing-ecosystem__flow,body.page-digital-marketing .marketing-ecosystem__flow,body.page-marketing-digital .marketing-ecosystem__flow{flex-direction:row;align-items:stretch;gap:var(--spacing-md)}
}
.kompetencja--marketing .marketing-ecosystem__step,body.page-digital-marketing .marketing-ecosystem__step,body.page-marketing-digital .marketing-ecosystem__step{flex:1;padding:var(--spacing-xl);background:var(--mkt-bg-light);border-radius:var(--radius-lg);position:relative;transition:var(--transition-base)}
.kompetencja--marketing .marketing-ecosystem__step:hover,body.page-digital-marketing .marketing-ecosystem__step:hover,body.page-marketing-digital .marketing-ecosystem__step:hover{background:#ffffff;box-shadow:var(--mkt-card-shadow);transform:translateY(-4px)}
.kompetencja--marketing .marketing-ecosystem__number,body.page-digital-marketing .marketing-ecosystem__number,body.page-marketing-digital .marketing-ecosystem__number{width:40px;height:40px;background:linear-gradient(135deg,var(--mkt-accent) 0%,var(--mkt-accent-light) 100%);color:#ffffff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);box-shadow:0 4px 12px var(--mkt-accent-glow)}
.kompetencja--marketing .marketing-ecosystem__content h3,body.page-digital-marketing .marketing-ecosystem__content h3,body.page-marketing-digital .marketing-ecosystem__content h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}
.kompetencja--marketing .marketing-ecosystem__content p,body.page-digital-marketing .marketing-ecosystem__content p,body.page-marketing-digital .marketing-ecosystem__content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}
.kompetencja--marketing .marketing-ecosystem__link,body.page-digital-marketing .marketing-ecosystem__link,body.page-marketing-digital .marketing-ecosystem__link{font-size:var(--font-size-sm);color:var(--mkt-accent);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-fast)}
.kompetencja--marketing .marketing-ecosystem__link:hover,body.page-digital-marketing .marketing-ecosystem__link:hover,body.page-marketing-digital .marketing-ecosystem__link:hover{color:var(--color-primary);text-decoration:underline}
.kompetencja--marketing .marketing-ecosystem__arrow,body.page-digital-marketing .marketing-ecosystem__arrow,body.page-marketing-digital .marketing-ecosystem__arrow{display:none;color:var(--mkt-accent);opacity:0.6}
@media (min-width:1024px){.kompetencja--marketing .marketing-ecosystem__arrow,body.page-digital-marketing .marketing-ecosystem__arrow,body.page-marketing-digital .marketing-ecosystem__arrow{display:flex;align-items:center}
}
.kompetencja--marketing .marketing-ecosystem__warning,body.page-digital-marketing .marketing-ecosystem__warning,body.page-marketing-digital .marketing-ecosystem__warning{margin-top:var(--spacing-3xl);padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(245,158,11,0.08) 0%,rgba(245,158,11,0.15) 100%);border:1px solid rgba(245,158,11,0.3);border-radius:var(--radius-lg);display:flex;align-items:flex-start;gap:var(--spacing-md)}
.kompetencja--marketing .marketing-ecosystem__warning svg,body.page-digital-marketing .marketing-ecosystem__warning svg,body.page-marketing-digital .marketing-ecosystem__warning svg{flex-shrink:0;color:var(--mkt-warning)}
.kompetencja--marketing .marketing-ecosystem__warning p,body.page-digital-marketing .marketing-ecosystem__warning p,body.page-marketing-digital .marketing-ecosystem__warning p{margin:0;color:var(--color-text-primary)}
.kompetencja--marketing .marketing-ecosystem__warning strong,body.page-digital-marketing .marketing-ecosystem__warning strong,body.page-marketing-digital .marketing-ecosystem__warning strong{color:var(--mkt-warning)}
.kompetencja--marketing .marketing-seo,body.page-digital-marketing .marketing-seo,body.page-marketing-digital .marketing-seo{padding:var(--spacing-4xl) 0;background:var(--mkt-bg-light)}
.kompetencja--marketing .marketing-seo .section-header h2,body.page-digital-marketing .marketing-seo .section-header h2,body.page-marketing-digital .marketing-seo .section-header h2{color:var(--color-text-primary)}
.kompetencja--marketing .section-badge,body.page-digital-marketing .section-badge,body.page-marketing-digital .section-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--mkt-accent) 0%,var(--mkt-accent-light) 100%);color:#ffffff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-md);box-shadow:0 2px 8px var(--mkt-accent-glow)}
.kompetencja--marketing .marketing-seo__mistakes,body.page-digital-marketing .marketing-seo__mistakes,body.page-marketing-digital .marketing-seo__mistakes{margin-top:var(--spacing-3xl);padding:var(--spacing-2xl);background:#ffffff;border-radius:var(--radius-xl);box-shadow:var(--mkt-card-shadow);border:1px solid var(--color-border)}
.kompetencja--marketing .marketing-seo__mistakes>h3,body.page-digital-marketing .marketing-seo__mistakes>h3,body.page-marketing-digital .marketing-seo__mistakes>h3{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);color:var(--mkt-danger)}
.kompetencja--marketing .marketing-seo__mistakes-grid,body.page-digital-marketing .marketing-seo__mistakes-grid,body.page-marketing-digital .marketing-seo__mistakes-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}
@media (min-width:768px){.kompetencja--marketing .marketing-seo__mistakes-grid,body.page-digital-marketing .marketing-seo__mistakes-grid,body.page-marketing-digital .marketing-seo__mistakes-grid{grid-template-columns:repeat(2,1fr)}
}
.kompetencja--marketing .marketing-seo__mistake,body.page-digital-marketing .marketing-seo__mistake,body.page-marketing-digital .marketing-seo__mistake{padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(239,68,68,0.03) 0%,rgba(239,68,68,0.08) 100%);border-radius:var(--radius-lg);border-left:3px solid var(--mkt-danger)}
.kompetencja--marketing .marketing-seo__mistake h4,body.page-digital-marketing .marketing-seo__mistake h4,body.page-marketing-digital .marketing-seo__mistake h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}
.kompetencja--marketing .marketing-seo__mistake p,body.page-digital-marketing .marketing-seo__mistake p,body.page-marketing-digital .marketing-seo__mistake p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}
.kompetencja--marketing .marketing-seo__test,body.page-digital-marketing .marketing-seo__test,body.page-marketing-digital .marketing-seo__test{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(239,68,68,0.2)}
.kompetencja--marketing .marketing-seo__test strong,body.page-digital-marketing .marketing-seo__test strong,body.page-marketing-digital .marketing-seo__test strong{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}
.kompetencja--marketing .marketing-seo__test a,body.page-digital-marketing .marketing-seo__test a,body.page-marketing-digital .marketing-seo__test a{color:var(--mkt-accent);font-weight:var(--font-weight-medium);text-decoration:none}
.kompetencja--marketing .marketing-seo__test a:hover,body.page-digital-marketing .marketing-seo__test a:hover,body.page-marketing-digital .marketing-seo__test a:hover{text-decoration:underline}
.kompetencja--marketing .marketing-seo__services,body.page-digital-marketing .marketing-seo__services,body.page-marketing-digital .marketing-seo__services{margin-top:var(--spacing-3xl)}
.kompetencja--marketing .marketing-seo__services>h3,body.page-digital-marketing .marketing-seo__services>h3,body.page-marketing-digital .marketing-seo__services>h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);text-align:center;color:var(--color-text-primary)}
.kompetencja--marketing .marketing-seo__services-grid,body.page-digital-marketing .marketing-seo__services-grid,body.page-marketing-digital .marketing-seo__services-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}
@media (min-width:768px){.kompetencja--marketing .marketing-seo__services-grid,body.page-digital-marketing .marketing-seo__services-grid,body.page-marketing-digital .marketing-seo__services-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1200px){.kompetencja--marketing .marketing-seo__services-grid,body.page-digital-marketing .marketing-seo__services-grid,body.page-marketing-digital .marketing-seo__services-grid{grid-template-columns:repeat(4,1fr)}
}
.kompetencja--marketing .marketing-seo__service,body.page-digital-marketing .marketing-seo__service,body.page-marketing-digital .marketing-seo__service{padding:var(--spacing-xl);background:#ffffff;border-radius:var(--radius-lg);box-shadow:var(--mkt-card-shadow);transition:var(--transition-base);border:1px solid transparent}
.kompetencja--marketing .marketing-seo__service:hover,body.page-digital-marketing .marketing-seo__service:hover,body.page-marketing-digital .marketing-seo__service:hover{transform:translateY(-4px);box-shadow:var(--mkt-card-shadow-hover);border-color:var(--mkt-accent-seo)}
.kompetencja--marketing .marketing-seo__service-icon,body.page-digital-marketing .marketing-seo__service-icon,body.page-marketing-digital .marketing-seo__service-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(16,185,129,0.1) 0%,rgba(16,185,129,0.2) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--mkt-accent-seo)}
.kompetencja--marketing .marketing-seo__service h4,body.page-digital-marketing .marketing-seo__service h4,body.page-marketing-digital .marketing-seo__service h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}
.kompetencja--marketing .marketing-seo__service p,body.page-digital-marketing .marketing-seo__service p,body.page-marketing-digital .marketing-seo__service p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}
.kompetencja--marketing .marketing-seo__service-note,body.page-digital-marketing .marketing-seo__service-note,body.page-marketing-digital .marketing-seo__service-note{display:block;font-size:var(--font-size-xs);color:var(--mkt-warning);font-style:italic;padding-top:var(--spacing-sm);border-top:1px dashed var(--color-border);margin-top:var(--spacing-sm)}
.kompetencja--marketing .marketing-seo__reality,body.page-digital-marketing .marketing-seo__reality,body.page-marketing-digital .marketing-seo__reality{margin-top:var(--spacing-3xl);padding:var(--spacing-3xl);background:var(--mkt-bg-gradient-dark);border-radius:var(--radius-xl);color:var(--mkt-text-on-dark);position:relative;overflow:hidden}
.kompetencja--marketing .marketing-seo__reality::before,body.page-digital-marketing .marketing-seo__reality::before,body.page-marketing-digital .marketing-seo__reality::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,var(--mkt-accent-glow) 0%,transparent 70%);pointer-events:none}
.kompetencja--marketing .marketing-seo__reality h3,body.page-digital-marketing .marketing-seo__reality h3,body.page-marketing-digital .marketing-seo__reality h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:#ffffff;position:relative}
.kompetencja--marketing .marketing-seo__reality h3::after,body.page-digital-marketing .marketing-seo__reality h3::after,body.page-marketing-digital .marketing-seo__reality h3::after{content:'';display:block;width:60px;height:3px;background:var(--mkt-accent);margin-top:var(--spacing-sm);border-radius:2px}
.kompetencja--marketing .marketing-seo__reality p,body.page-digital-marketing .marketing-seo__reality p,body.page-marketing-digital .marketing-seo__reality p{color:var(--mkt-text-on-dark-muted);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);line-height:1.7;position:relative}
.kompetencja--marketing .marketing-seo__reality p:last-child,body.page-digital-marketing .marketing-seo__reality p:last-child,body.page-marketing-digital .marketing-seo__reality p:last-child{margin-bottom:0}
.kompetencja--marketing .marketing-seo__reality strong,body.page-digital-marketing .marketing-seo__reality strong,body.page-marketing-digital .marketing-seo__reality strong{color:var(--mkt-accent);font-weight:var(--font-weight-semibold)}
.kompetencja--marketing .marketing-ads,body.page-digital-marketing .marketing-ads,body.page-marketing-digital .marketing-ads{padding:var(--spacing-4xl) 0;background:#ffffff}
.kompetencja--marketing .marketing-ads .section-header h2,body.page-digital-marketing .marketing-ads .section-header h2,body.page-marketing-digital .marketing-ads .section-header h2{color:var(--color-text-primary)}
.kompetencja--marketing .marketing-ads__grid,body.page-digital-marketing .marketing-ads__grid,body.page-marketing-digital .marketing-ads__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-top:var(--spacing-3xl)}
@media (min-width:768px){.kompetencja--marketing .marketing-ads__grid,body.page-digital-marketing .marketing-ads__grid,body.page-marketing-digital .marketing-ads__grid{grid-template-columns:repeat(2,1fr)}
}
.kompetencja--marketing .marketing-ads__platform,body.page-digital-marketing .marketing-ads__platform,body.page-marketing-digital .marketing-ads__platform{padding:var(--spacing-2xl);background:var(--mkt-bg-light);border-radius:var(--radius-xl);transition:var(--transition-base);border:1px solid transparent}
.kompetencja--marketing .marketing-ads__platform:hover,body.page-digital-marketing .marketing-ads__platform:hover,body.page-marketing-digital .marketing-ads__platform:hover{box-shadow:var(--mkt-card-shadow-hover);border-color:var(--mkt-accent-ads);background:#ffffff}
.kompetencja--marketing .marketing-ads__platform-header,body.page-digital-marketing .marketing-ads__platform-header,body.page-marketing-digital .marketing-ads__platform-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}
.kompetencja--marketing .marketing-ads__platform-logo,body.page-digital-marketing .marketing-ads__platform-logo,body.page-marketing-digital .marketing-ads__platform-logo{width:48px;height:48px;color:var(--mkt-accent-ads)}
.kompetencja--marketing .marketing-ads__platform-header h3,body.page-digital-marketing .marketing-ads__platform-header h3,body.page-marketing-digital .marketing-ads__platform-header h3{font-size:var(--font-size-2xl);margin:0;color:var(--color-text-primary)}
.kompetencja--marketing .marketing-ads__features,body.page-digital-marketing .marketing-ads__features,body.page-marketing-digital .marketing-ads__features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}
.kompetencja--marketing .marketing-ads__features li,body.page-digital-marketing .marketing-ads__features li,body.page-marketing-digital .marketing-ads__features li{position:relative;padding-left:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--color-text-secondary)}
.kompetencja--marketing .marketing-ads__features li::before,body.page-digital-marketing .marketing-ads__features li::before,body.page-marketing-digital .marketing-ads__features li::before{content:'✓';position:absolute;left:0;color:var(--mkt-accent-ads);font-weight:var(--font-weight-bold)}
.kompetencja--marketing .marketing-ads__case,body.page-digital-marketing .marketing-ads__case,body.page-marketing-digital .marketing-ads__case{margin-top:var(--spacing-3xl);padding:var(--spacing-2xl);background:linear-gradient(135deg,rgba(59,130,246,0.05) 0%,rgba(139,92,246,0.1) 100%);border-radius:var(--radius-xl);border:1px solid rgba(59,130,246,0.2);position:relative}
.kompetencja--marketing .marketing-ads__case-badge,body.page-digital-marketing .marketing-ads__case-badge,body.page-marketing-digital .marketing-ads__case-badge{position:absolute;top:-12px;left:var(--spacing-xl);padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--mkt-accent-ads) 0%,var(--mkt-accent-content) 100%);color:#ffffff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;box-shadow:0 2px 8px rgba(59,130,246,0.3)}
.kompetencja--marketing .marketing-ads__case h3,body.page-digital-marketing .marketing-ads__case h3,body.page-marketing-digital .marketing-ads__case h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-primary)}
.kompetencja--marketing .marketing-ads__case p,body.page-digital-marketing .marketing-ads__case p,body.page-marketing-digital .marketing-ads__case p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}
.kompetencja--marketing .marketing-ads__case-link,body.page-digital-marketing .marketing-ads__case-link,body.page-marketing-digital .marketing-ads__case-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--mkt-accent);font-weight:var(--font-weight-semibold);text-decoration:none;transition:var(--transition-fast)}
.kompetencja--marketing .marketing-ads__case-link:hover,body.page-digital-marketing .marketing-ads__case-link:hover,body.page-marketing-digital .marketing-ads__case-link:hover{color:var(--mkt-accent-light);text-decoration:underline}
.kompetencja--marketing .marketing-ads__research,body.page-digital-marketing .marketing-ads__research,body.page-marketing-digital .marketing-ads__research{margin-top:var(--spacing-3xl);padding:var(--spacing-2xl);background:var(--mkt-bg-light);border-radius:var(--radius-xl)}
.kompetencja--marketing .marketing-ads__research h3,body.page-digital-marketing .marketing-ads__research h3,body.page-marketing-digital .marketing-ads__research h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}
.kompetencja--marketing .marketing-ads__research p,body.page-digital-marketing .marketing-ads__research p,body.page-marketing-digital .marketing-ads__research p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}
.kompetencja--marketing .marketing-ads__research strong,body.page-digital-marketing .marketing-ads__research strong,body.page-marketing-digital .marketing-ads__research strong{color:var(--mkt-accent)}
.kompetencja--marketing .marketing-ads__research-list,body.page-digital-marketing .marketing-ads__research-list,body.page-marketing-digital .marketing-ads__research-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}
.kompetencja--marketing .marketing-ads__research-list li,body.page-digital-marketing .marketing-ads__research-list li,body.page-marketing-digital .marketing-ads__research-list li{position:relative;padding-left:var(--spacing-xl);color:var(--color-text-primary)}
.kompetencja--marketing .marketing-ads__research-list li::before,body.page-digital-marketing .marketing-ads__research-list li::before,body.page-marketing-digital .marketing-ads__research-list li::before{content:'→';position:absolute;left:0;color:var(--mkt-accent);font-weight:var(--font-weight-bold)}
.kompetencja--marketing .marketing-content,body.page-digital-marketing .marketing-content,body.page-marketing-digital .marketing-content{padding:var(--spacing-4xl) 0;background:var(--mkt-bg-gradient-dark);color:var(--mkt-text-on-dark);position:relative;overflow:hidden}
.kompetencja--marketing .marketing-content::before,body.page-digital-marketing .marketing-content::before,body.page-marketing-digital .marketing-content::before{content:'';position:absolute;bottom:-200px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,0.2) 0%,transparent 70%);pointer-events:none}
.kompetencja--marketing .marketing-content .section-header,body.page-digital-marketing .marketing-content .section-header,body.page-marketing-digital .marketing-content .section-header{position:relative;z-index:1}
.kompetencja--marketing .marketing-content .section-header h2,body.page-digital-marketing .marketing-content .section-header h2,body.page-marketing-digital .marketing-content .section-header h2{color:#ffffff}
.kompetencja--marketing .marketing-content .section-header p,body.page-digital-marketing .marketing-content .section-header p,body.page-marketing-digital .marketing-content .section-header p{color:var(--mkt-text-on-dark-muted)}
.kompetencja--marketing .marketing-content .section-badge,body.page-digital-marketing .marketing-content .section-badge,body.page-marketing-digital .marketing-content .section-badge{background:linear-gradient(135deg,var(--mkt-accent-content) 0%,#a78bfa 100%)}
.kompetencja--marketing .marketing-content__grid,body.page-digital-marketing .marketing-content__grid,body.page-marketing-digital .marketing-content__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-top:var(--spacing-3xl);position:relative;z-index:1}
@media (min-width:768px){.kompetencja--marketing .marketing-content__grid,body.page-digital-marketing .marketing-content__grid,body.page-marketing-digital .marketing-content__grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1200px){.kompetencja--marketing .marketing-content__grid,body.page-digital-marketing .marketing-content__grid,body.page-marketing-digital .marketing-content__grid{grid-template-columns:repeat(4,1fr)}
}
.kompetencja--marketing .marketing-content__item,body.page-digital-marketing .marketing-content__item,body.page-marketing-digital .marketing-content__item{padding:var(--spacing-xl);background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.1);transition:var(--transition-base)}
.kompetencja--marketing .marketing-content__item:hover,body.page-digital-marketing .marketing-content__item:hover,body.page-marketing-digital .marketing-content__item:hover{background:rgba(255,255,255,0.1);border-color:var(--mkt-accent-content);transform:translateY(-4px)}
.kompetencja--marketing .marketing-content__item h3,body.page-digital-marketing .marketing-content__item h3,body.page-marketing-digital .marketing-content__item h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:#ffffff}
.kompetencja--marketing .marketing-content__item h3::before,body.page-digital-marketing .marketing-content__item h3::before,body.page-marketing-digital .marketing-content__item h3::before{content:'';display:inline-block;width:8px;height:8px;background:var(--mkt-accent);border-radius:50%;margin-right:var(--spacing-sm);vertical-align:middle}
.kompetencja--marketing .marketing-content__item p,body.page-digital-marketing .marketing-content__item p,body.page-marketing-digital .marketing-content__item p{font-size:var(--font-size-sm);color:var(--mkt-text-on-dark-muted);margin:0;line-height:1.6}
.kompetencja--marketing .marketing-tools,body.page-digital-marketing .marketing-tools,body.page-marketing-digital .marketing-tools{padding:var(--spacing-4xl) 0;background:var(--mkt-bg-light)}
.kompetencja--marketing .marketing-tools .section-header h2,body.page-digital-marketing .marketing-tools .section-header h2,body.page-marketing-digital .marketing-tools .section-header h2{color:var(--color-text-primary)}
.kompetencja--marketing .marketing-tools__grid,body.page-digital-marketing .marketing-tools__grid,body.page-marketing-digital .marketing-tools__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-3xl)}
@media (min-width:768px){.kompetencja--marketing .marketing-tools__grid,body.page-digital-marketing .marketing-tools__grid,body.page-marketing-digital .marketing-tools__grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1200px){.kompetencja--marketing .marketing-tools__grid,body.page-digital-marketing .marketing-tools__grid,body.page-marketing-digital .marketing-tools__grid{grid-template-columns:repeat(6,1fr)}
}
.kompetencja--marketing .marketing-tools__item,body.page-digital-marketing .marketing-tools__item,body.page-marketing-digital .marketing-tools__item{padding:var(--spacing-lg);background:#ffffff;border-radius:var(--radius-lg);text-align:center;transition:var(--transition-base);border:1px solid var(--color-border)}
.kompetencja--marketing .marketing-tools__item:hover,body.page-digital-marketing .marketing-tools__item:hover,body.page-marketing-digital .marketing-tools__item:hover{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--mkt-card-shadow-hover)}
.kompetencja--marketing .marketing-tools__item:hover .marketing-tools__desc,body.page-digital-marketing .marketing-tools__item:hover .marketing-tools__desc,body.page-marketing-digital .marketing-tools__item:hover .marketing-tools__desc{color:rgba(255,255,255,0.8)}
.kompetencja--marketing .marketing-tools__name,body.page-digital-marketing .marketing-tools__name,body.page-marketing-digital .marketing-tools__name{display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}
.kompetencja--marketing .marketing-tools__item:hover .marketing-tools__name,body.page-digital-marketing .marketing-tools__item:hover .marketing-tools__name,body.page-marketing-digital .marketing-tools__item:hover .marketing-tools__name{color:#ffffff}
.kompetencja--marketing .marketing-tools__desc,body.page-digital-marketing .marketing-tools__desc,body.page-marketing-digital .marketing-tools__desc{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary)}
.kompetencja--marketing .marketing-cta,body.page-digital-marketing .marketing-cta,body.page-marketing-digital .marketing-cta{padding:var(--spacing-4xl) 0;background:var(--mkt-bg-gradient);color:var(--mkt-text-on-dark);text-align:center;position:relative;overflow:hidden}
.kompetencja--marketing .marketing-cta::before,body.page-digital-marketing .marketing-cta::before,body.page-marketing-digital .marketing-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,var(--mkt-accent-glow) 0%,transparent 60%);pointer-events:none}
.kompetencja--marketing .marketing-cta__content,body.page-digital-marketing .marketing-cta__content,body.page-marketing-digital .marketing-cta__content{max-width:600px;margin:0 auto;position:relative;z-index:1}
.kompetencja--marketing .marketing-cta__content h2,body.page-digital-marketing .marketing-cta__content h2,body.page-marketing-digital .marketing-cta__content h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:#ffffff}
.kompetencja--marketing .marketing-cta__content p,body.page-digital-marketing .marketing-cta__content p,body.page-marketing-digital .marketing-cta__content p{font-size:var(--font-size-lg);color:var(--mkt-text-on-dark-muted);margin-bottom:var(--spacing-2xl)}
.kompetencja--marketing .marketing-cta__buttons,body.page-digital-marketing .marketing-cta__buttons,body.page-marketing-digital .marketing-cta__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}
.kompetencja--marketing .btn,body.page-digital-marketing .btn,body.page-marketing-digital .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);text-decoration:none;transition:var(--transition-base);cursor:pointer;border:none;font-size:var(--font-size-base)}
.kompetencja--marketing .btn--primary,body.page-digital-marketing .btn--primary,body.page-marketing-digital .btn--primary{background:var(--mkt-accent);color:#ffffff;box-shadow:0 4px 14px var(--mkt-accent-glow)}
.kompetencja--marketing .btn--primary:hover,body.page-digital-marketing .btn--primary:hover,body.page-marketing-digital .btn--primary:hover{background:var(--mkt-accent-light);transform:translateY(-2px);box-shadow:0 6px 20px var(--mkt-accent-glow)}
.kompetencja--marketing .btn--secondary,body.page-digital-marketing .btn--secondary,body.page-marketing-digital .btn--secondary{background:rgba(255,255,255,0.1);color:#ffffff;border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(4px)}
.kompetencja--marketing .btn--secondary:hover,body.page-digital-marketing .btn--secondary:hover,body.page-marketing-digital .btn--secondary:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5)}
.kompetencja--marketing .section-header,body.page-digital-marketing .section-header,body.page-marketing-digital .section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-xl)}
.kompetencja--marketing .section-header h2,body.page-digital-marketing .section-header h2,body.page-marketing-digital .section-header h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}
.kompetencja--marketing .section-header p,body.page-digital-marketing .section-header p,body.page-marketing-digital .section-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6}
@media (max-width:767px){.kompetencja--marketing .hero--marketing,body.page-digital-marketing .hero--marketing,body.page-marketing-digital .hero--marketing{padding:var(--spacing-3xl) 0}
.kompetencja--marketing .hero--marketing .hero__title,body.page-digital-marketing .hero--marketing .hero__title,body.page-marketing-digital .hero--marketing .hero__title{font-size:1.75rem;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}
.kompetencja--marketing .hero__subnav,body.page-digital-marketing .hero__subnav,body.page-marketing-digital .hero__subnav{flex-direction:column}
.kompetencja--marketing .hero__subnav-link,body.page-digital-marketing .hero__subnav-link,body.page-marketing-digital .hero__subnav-link{justify-content:center}
.kompetencja--marketing .marketing-intro__problem,body.page-digital-marketing .marketing-intro__problem,body.page-marketing-digital .marketing-intro__problem,.kompetencja--marketing .marketing-intro__solution,body.page-digital-marketing .marketing-intro__solution,body.page-marketing-digital .marketing-intro__solution{padding:var(--spacing-lg)}
.kompetencja--marketing .marketing-ecosystem__flow,body.page-digital-marketing .marketing-ecosystem__flow,body.page-marketing-digital .marketing-ecosystem__flow{gap:var(--spacing-md)}
.kompetencja--marketing .marketing-seo__mistakes,body.page-digital-marketing .marketing-seo__mistakes,body.page-marketing-digital .marketing-seo__mistakes{padding:var(--spacing-lg)}
.kompetencja--marketing .marketing-seo__reality,body.page-digital-marketing .marketing-seo__reality,body.page-marketing-digital .marketing-seo__reality{padding:var(--spacing-xl)}
.kompetencja--marketing .marketing-ads__case,body.page-digital-marketing .marketing-ads__case,body.page-marketing-digital .marketing-ads__case{padding:var(--spacing-lg);padding-top:var(--spacing-2xl)}
.kompetencja--marketing .marketing-cta__content h2,body.page-digital-marketing .marketing-cta__content h2,body.page-marketing-digital .marketing-cta__content h2{font-size:var(--font-size-2xl)}
.kompetencja--marketing .marketing-cta__buttons,body.page-digital-marketing .marketing-cta__buttons,body.page-marketing-digital .marketing-cta__buttons{flex-direction:column}
.kompetencja--marketing .btn,body.page-digital-marketing .btn,body.page-marketing-digital .btn{width:100%;justify-content:center}
.kompetencja--marketing .section-header h2,body.page-digital-marketing .section-header h2,body.page-marketing-digital .section-header h2{font-size:var(--font-size-2xl)}
}
.kompetencja--marketing,body.page-digital-marketing,body.page-marketing-digital{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height)+var(--spacing-lg))}
.kompetencja--marketing .animate-on-scroll,body.page-digital-marketing .animate-on-scroll,body.page-marketing-digital .animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}
.kompetencja--marketing .animate-on-scroll.is-visible,body.page-digital-marketing .animate-on-scroll.is-visible,body.page-marketing-digital .animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.kompetencja--marketing .animate-on-scroll,body.page-digital-marketing .animate-on-scroll,body.page-marketing-digital .animate-on-scroll{opacity:1;transform:none;transition:none}
}
.kompetencja--outsourcing,body.page-outsourcing-it .kompetencja--outsourcing{--c-accent:var(--color-primary);--c-accent-light:#1a5a7a;--c-accent-dark:#0a2540;--c-accent-lighter:#e8f4fa;--c-success:#22c55e;--c-warning:#f59e0b;--c-info:#3b82f6}
.kompetencja--outsourcing .hero--kompetencja,body.page-outsourcing-it .kompetencja--outsourcing .hero--kompetencja{padding:6rem 0 4rem;background:linear-gradient(135deg,#f8fafc 0%,#e8f4fa 100%);position:relative;overflow:hidden}
.kompetencja--outsourcing .hero--kompetencja::before,body.page-outsourcing-it .kompetencja--outsourcing .hero--kompetencja::before{content:"";position:absolute;top:-30%;right:-10%;width:50%;height:160%;background:radial-gradient(ellipse,rgba(15,51,84,.06) 0%,transparent 70%);z-index:0}
.kompetencja--outsourcing .hero--kompetencja .container,body.page-outsourcing-it .kompetencja--outsourcing .hero--kompetencja .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.kompetencja--outsourcing .hero__content,body.page-outsourcing-it .kompetencja--outsourcing .hero__content{position:relative}
.kompetencja--outsourcing .breadcrumbs,body.page-outsourcing-it .kompetencja--outsourcing .breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1.5rem}
.kompetencja--outsourcing .breadcrumbs a,body.page-outsourcing-it .kompetencja--outsourcing .breadcrumbs a{color:var(--color-text-secondary);transition:color .2s}
.kompetencja--outsourcing .breadcrumbs a:hover,body.page-outsourcing-it .kompetencja--outsourcing .breadcrumbs a:hover{color:var(--c-accent)}
.kompetencja--outsourcing .breadcrumbs span:last-child,body.page-outsourcing-it .kompetencja--outsourcing .breadcrumbs span:last-child{color:var(--c-accent);font-weight:500}
.kompetencja--outsourcing .hero__title,body.page-outsourcing-it .kompetencja--outsourcing .hero__title{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;color:var(--c-accent);margin-bottom:1.25rem;line-height:1.15;display:flex;align-items:center;gap:.75rem}
.kompetencja--outsourcing .hero__title-icon,body.page-outsourcing-it .kompetencja--outsourcing .hero__title-icon{flex-shrink:0;opacity:.7}
.kompetencja--outsourcing .hero__lead,body.page-outsourcing-it .kompetencja--outsourcing .hero__lead{font-size:1.125rem;line-height:1.8;color:#475569;margin-bottom:2rem;max-width:540px}
.kompetencja--outsourcing .hero__cta,body.page-outsourcing-it .kompetencja--outsourcing .hero__cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.kompetencja--outsourcing .hero__badges,body.page-outsourcing-it .kompetencja--outsourcing .hero__badges{display:flex;flex-wrap:wrap;gap:1rem}
.kompetencja--outsourcing .hero__badge,body.page-outsourcing-it .kompetencja--outsourcing .hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--c-accent);box-shadow:var(--shadow-sm)}
.kompetencja--outsourcing .hero__badge svg,body.page-outsourcing-it .kompetencja--outsourcing .hero__badge svg{opacity:.7}
.kompetencja--outsourcing .hero__visual,body.page-outsourcing-it .kompetencja--outsourcing .hero__visual{display:flex;justify-content:center}
.kompetencja--outsourcing .hero__illustration,body.page-outsourcing-it .kompetencja--outsourcing .hero__illustration{width:100%;max-width:480px;padding:2rem}
.kompetencja--outsourcing .it-network,body.page-outsourcing-it .kompetencja--outsourcing .it-network{position:relative;width:100%;height:300px}
.kompetencja--outsourcing .it-node,body.page-outsourcing-it .kompetencja--outsourcing .it-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .3s,box-shadow .3s;z-index:2}
.kompetencja--outsourcing .it-node:hover,body.page-outsourcing-it .kompetencja--outsourcing .it-node:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.kompetencja--outsourcing .it-node svg,body.page-outsourcing-it .kompetencja--outsourcing .it-node svg{color:var(--c-accent)}
.kompetencja--outsourcing .it-node span,body.page-outsourcing-it .kompetencja--outsourcing .it-node span{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}
.kompetencja--outsourcing .it-node--server,body.page-outsourcing-it .kompetencja--outsourcing .it-node--server{top:0;left:50%;transform:translateX(-50%)}
.kompetencja--outsourcing .it-node--pc,body.page-outsourcing-it .kompetencja--outsourcing .it-node--pc{top:45%;left:5%}
.kompetencja--outsourcing .it-node--laptop,body.page-outsourcing-it .kompetencja--outsourcing .it-node--laptop{top:45%;right:5%}
.kompetencja--outsourcing .it-node--router,body.page-outsourcing-it .kompetencja--outsourcing .it-node--router{bottom:5%;left:25%}
.kompetencja--outsourcing .it-node--printer,body.page-outsourcing-it .kompetencja--outsourcing .it-node--printer{bottom:5%;right:25%}
.kompetencja--outsourcing .it-connections,body.page-outsourcing-it .kompetencja--outsourcing .it-connections{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.kompetencja--outsourcing .connection-line,body.page-outsourcing-it .kompetencja--outsourcing .connection-line{stroke:var(--c-accent);stroke-width:2;stroke-dasharray:8 4;opacity:.3;animation:dashMove 20s linear infinite}
@keyframes dashMove{to{stroke-dashoffset:-100}
}
.kompetencja--outsourcing .intro-grid,body.page-outsourcing-it .kompetencja--outsourcing .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.kompetencja--outsourcing .intro-content .section-badge,body.page-outsourcing-it .kompetencja--outsourcing .intro-content .section-badge{display:inline-block;padding:.375rem 1rem;background:var(--c-accent-lighter);color:var(--c-accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:1rem}
.kompetencja--outsourcing .intro-content .section-title,body.page-outsourcing-it .kompetencja--outsourcing .intro-content .section-title{margin-bottom:1.5rem}
.kompetencja--outsourcing .intro-text,body.page-outsourcing-it .kompetencja--outsourcing .intro-text{font-size:1.0625rem;line-height:1.8;color:#475569;margin-bottom:1rem}
.kompetencja--outsourcing .intro-stats,body.page-outsourcing-it .kompetencja--outsourcing .intro-stats{display:flex;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}
.kompetencja--outsourcing .intro-stat,body.page-outsourcing-it .kompetencja--outsourcing .intro-stat{text-align:center}
.kompetencja--outsourcing .intro-stat__number,body.page-outsourcing-it .kompetencja--outsourcing .intro-stat__number{display:block;font-size:2rem;font-weight:800;color:var(--c-accent);line-height:1}
.kompetencja--outsourcing .intro-stat__label,body.page-outsourcing-it .kompetencja--outsourcing .intro-stat__label{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.25rem}
.kompetencja--outsourcing .intro-features,body.page-outsourcing-it .kompetencja--outsourcing .intro-features{display:flex;flex-direction:column;gap:1.5rem}
.kompetencja--outsourcing .intro-feature,body.page-outsourcing-it .kompetencja--outsourcing .intro-feature{display:flex;gap:1.25rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .3s,transform .3s}
.kompetencja--outsourcing .intro-feature:hover,body.page-outsourcing-it .kompetencja--outsourcing .intro-feature:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}
.kompetencja--outsourcing .intro-feature__icon,body.page-outsourcing-it .kompetencja--outsourcing .intro-feature__icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff}
.kompetencja--outsourcing .intro-feature__icon--online,body.page-outsourcing-it .kompetencja--outsourcing .intro-feature__icon--online{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}
.kompetencja--outsourcing .intro-feature__icon--offline,body.page-outsourcing-it .kompetencja--outsourcing .intro-feature__icon--offline{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}
.kompetencja--outsourcing .intro-feature__icon--business,body.page-outsourcing-it .kompetencja--outsourcing .intro-feature__icon--business{background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent-dark) 100%)}
.kompetencja--outsourcing .intro-feature__content h3,body.page-outsourcing-it .kompetencja--outsourcing .intro-feature__content h3{font-size:1.125rem;font-weight:700;margin-bottom:.375rem;color:var(--color-text-primary)}
.kompetencja--outsourcing .intro-feature__content p,body.page-outsourcing-it .kompetencja--outsourcing .intro-feature__content p{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;margin:0}
.kompetencja--outsourcing .section-header,body.page-outsourcing-it .kompetencja--outsourcing .section-header{text-align:center;max-width:680px;margin:0 auto 3rem}
.kompetencja--outsourcing .section-badge,body.page-outsourcing-it .kompetencja--outsourcing .section-badge{display:inline-block;padding:.375rem 1rem;background:var(--c-accent-lighter);color:var(--c-accent);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:1rem}
.kompetencja--outsourcing .section-title,body.page-outsourcing-it .kompetencja--outsourcing .section-title{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-text-primary);margin-bottom:.75rem}
.kompetencja--outsourcing .section-subtitle,body.page-outsourcing-it .kompetencja--outsourcing .section-subtitle{font-size:1.0625rem;color:var(--color-text-secondary);line-height:1.7}
.kompetencja--outsourcing .services-grid--b2b,body.page-outsourcing-it .kompetencja--outsourcing .services-grid--b2b{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.kompetencja--outsourcing .service-card,body.page-outsourcing-it .kompetencja--outsourcing .service-card{position:relative;padding:2rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all .3s}
.kompetencja--outsourcing .service-card:hover,body.page-outsourcing-it .kompetencja--outsourcing .service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--c-accent)}
.kompetencja--outsourcing .service-card--featured,body.page-outsourcing-it .kompetencja--outsourcing .service-card--featured{grid-column:span 2;grid-row:span 2;padding:2.5rem;background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent-dark) 100%);color:#fff;border:none}
.kompetencja--outsourcing .service-card--featured .service-card__title,body.page-outsourcing-it .kompetencja--outsourcing .service-card--featured .service-card__title,.kompetencja--outsourcing .service-card--featured .service-card__desc,body.page-outsourcing-it .kompetencja--outsourcing .service-card--featured .service-card__desc{color:#fff}
.kompetencja--outsourcing .service-card--featured .service-card__icon,body.page-outsourcing-it .kompetencja--outsourcing .service-card--featured .service-card__icon{background:rgba(255,255,255,.15)}
.kompetencja--outsourcing .service-card--featured .service-card__icon svg,body.page-outsourcing-it .kompetencja--outsourcing .service-card--featured .service-card__icon svg{stroke:#fff}
.kompetencja--outsourcing .service-card--featured .service-card__list li,body.page-outsourcing-it .kompetencja--outsourcing .service-card--featured .service-card__list li{color:rgba(255,255,255,.9)}
.kompetencja--outsourcing .service-card--featured .service-card__list li::before,body.page-outsourcing-it .kompetencja--outsourcing .service-card--featured .service-card__list li::before{background:#fff}
.kompetencja--outsourcing .service-card__badge,body.page-outsourcing-it .kompetencja--outsourcing .service-card__badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;background:var(--color-accent);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}
.kompetencja--outsourcing .service-card__icon,body.page-outsourcing-it .kompetencja--outsourcing .service-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--c-accent-lighter);border-radius:var(--radius-md);margin-bottom:1.25rem}
.kompetencja--outsourcing .service-card__icon svg,body.page-outsourcing-it .kompetencja--outsourcing .service-card__icon svg{stroke:var(--c-accent)}
.kompetencja--outsourcing .service-card__title,body.page-outsourcing-it .kompetencja--outsourcing .service-card__title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text-primary)}
.kompetencja--outsourcing .service-card__desc,body.page-outsourcing-it .kompetencja--outsourcing .service-card__desc{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:1.25rem}
.kompetencja--outsourcing .service-card__list,body.page-outsourcing-it .kompetencja--outsourcing .service-card__list{list-style:none;padding:0;margin:0}
.kompetencja--outsourcing .service-card__list li,body.page-outsourcing-it .kompetencja--outsourcing .service-card__list li{position:relative;padding-left:1.25rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}
.kompetencja--outsourcing .service-card__list li::before,body.page-outsourcing-it .kompetencja--outsourcing .service-card__list li::before{content:"";position:absolute;left:0;top:.5rem;width:6px;height:6px;background:var(--c-accent);border-radius:50%}
.kompetencja--outsourcing .services-grid--consumer,body.page-outsourcing-it .kompetencja--outsourcing .services-grid--consumer{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.kompetencja--outsourcing .consumer-service,body.page-outsourcing-it .kompetencja--outsourcing .consumer-service{padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all .3s}
.kompetencja--outsourcing .consumer-service:hover,body.page-outsourcing-it .kompetencja--outsourcing .consumer-service:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--c-accent)}
.kompetencja--outsourcing .consumer-service__icon,body.page-outsourcing-it .kompetencja--outsourcing .consumer-service__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--c-accent-lighter);border-radius:var(--radius-md);margin-bottom:1rem}
.kompetencja--outsourcing .consumer-service__icon svg,body.page-outsourcing-it .kompetencja--outsourcing .consumer-service__icon svg{stroke:var(--c-accent)}
.kompetencja--outsourcing .consumer-service h3,body.page-outsourcing-it .kompetencja--outsourcing .consumer-service h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-primary)}
.kompetencja--outsourcing .consumer-service p,body.page-outsourcing-it .kompetencja--outsourcing .consumer-service p{font-size:.8125rem;line-height:1.6;color:var(--color-text-secondary);margin:0}
.kompetencja--outsourcing .process-timeline,body.page-outsourcing-it .kompetencja--outsourcing .process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}
.kompetencja--outsourcing .process-timeline::before,body.page-outsourcing-it .kompetencja--outsourcing .process-timeline::before{content:"";position:absolute;top:32px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--c-accent-lighter) 0%,var(--c-accent) 50%,var(--c-accent-lighter) 100%)}
.kompetencja--outsourcing .process-step,body.page-outsourcing-it .kompetencja--outsourcing .process-step{position:relative;text-align:center;z-index:1}
.kompetencja--outsourcing .process-step__number,body.page-outsourcing-it .kompetencja--outsourcing .process-step__number{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--c-accent);color:#fff;font-size:1.5rem;font-weight:800;border-radius:50%;margin:0 auto 1.5rem;box-shadow:0 4px 15px rgba(15,51,84,.3)}
.kompetencja--outsourcing .process-step__content h3,body.page-outsourcing-it .kompetencja--outsourcing .process-step__content h3{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-primary)}
.kompetencja--outsourcing .process-step__content p,body.page-outsourcing-it .kompetencja--outsourcing .process-step__content p{font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}
.kompetencja--outsourcing .pricing-grid,body.page-outsourcing-it .kompetencja--outsourcing .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.kompetencja--outsourcing .pricing-card,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card{position:relative;padding:2rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid var(--color-border);transition:all .3s}
.kompetencja--outsourcing .pricing-card:hover,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card:hover{box-shadow:var(--shadow-lg);border-color:var(--c-accent)}
.kompetencja--outsourcing .pricing-card--featured,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card--featured{border-color:var(--c-accent);transform:scale(1.05);box-shadow:var(--shadow-lg)}
.kompetencja--outsourcing .pricing-card__badge,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:.375rem 1rem;background:var(--c-accent);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap}
.kompetencja--outsourcing .pricing-card__header,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card__header{margin-bottom:1.5rem}
.kompetencja--outsourcing .pricing-card__header h3,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card__header h3{font-size:1.375rem;font-weight:700;margin-bottom:.25rem;color:var(--color-text-primary)}
.kompetencja--outsourcing .pricing-card__header p,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card__header p{font-size:.875rem;color:var(--color-text-secondary);margin:0}
.kompetencja--outsourcing .pricing-card__price,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card__price{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}
.kompetencja--outsourcing .price-value,body.page-outsourcing-it .kompetencja--outsourcing .price-value{display:block;font-size:2rem;font-weight:800;color:var(--c-accent);line-height:1.2}
.kompetencja--outsourcing .price-unit,body.page-outsourcing-it .kompetencja--outsourcing .price-unit{font-size:.875rem;color:var(--color-text-secondary)}
.kompetencja--outsourcing .pricing-card__features,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card__features{list-style:none;padding:0;margin:0 0 1.5rem}
.kompetencja--outsourcing .pricing-card__features li,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card__features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9375rem;color:var(--color-text-secondary)}
.kompetencja--outsourcing .pricing-card__features li svg,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card__features li svg{flex-shrink:0;stroke:var(--c-success)}
.kompetencja--outsourcing .pricing-note,body.page-outsourcing-it .kompetencja--outsourcing .pricing-note{text-align:center;font-size:.8125rem;color:var(--color-text-secondary);margin-top:2rem}
.kompetencja--outsourcing .cta-section,body.page-outsourcing-it .kompetencja--outsourcing .cta-section{background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent-dark) 100%);color:#fff}
.kompetencja--outsourcing .cta-box,body.page-outsourcing-it .kompetencja--outsourcing .cta-box{display:flex;justify-content:space-between;align-items:center;gap:3rem}
.kompetencja--outsourcing .cta-content h2,body.page-outsourcing-it .kompetencja--outsourcing .cta-content h2{font-size:2rem;font-weight:800;margin-bottom:.75rem;color:#fff}
.kompetencja--outsourcing .cta-content p,body.page-outsourcing-it .kompetencja--outsourcing .cta-content p{font-size:1.0625rem;opacity:.9;margin:0;max-width:500px}
.kompetencja--outsourcing .cta-actions,body.page-outsourcing-it .kompetencja--outsourcing .cta-actions{display:flex;gap:1rem;flex-shrink:0}
.kompetencja--outsourcing .cta-section .btn--primary,body.page-outsourcing-it .kompetencja--outsourcing .cta-section .btn--primary{background:#fff;color:var(--c-accent)}
.kompetencja--outsourcing .cta-section .btn--primary:hover,body.page-outsourcing-it .kompetencja--outsourcing .cta-section .btn--primary:hover{background:rgba(255,255,255,.9)}
.kompetencja--outsourcing .cta-section .btn--outline,body.page-outsourcing-it .kompetencja--outsourcing .cta-section .btn--outline{border-color:#fff;color:#fff}
.kompetencja--outsourcing .cta-section .btn--outline:hover,body.page-outsourcing-it .kompetencja--outsourcing .cta-section .btn--outline:hover{background:rgba(255,255,255,.1)}
.kompetencja--outsourcing .btn,body.page-outsourcing-it .kompetencja--outsourcing .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-weight:600;font-size:1rem;border-radius:var(--radius-full);cursor:pointer;transition:all .3s;text-decoration:none;border:2px solid transparent}
.kompetencja--outsourcing .btn--primary,body.page-outsourcing-it .kompetencja--outsourcing .btn--primary{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}
.kompetencja--outsourcing .btn--primary:hover,body.page-outsourcing-it .kompetencja--outsourcing .btn--primary:hover{background:var(--c-accent-dark);border-color:var(--c-accent-dark);transform:translateY(-2px)}
.kompetencja--outsourcing .btn--outline,body.page-outsourcing-it .kompetencja--outsourcing .btn--outline{background:transparent;color:var(--c-accent);border-color:var(--c-accent)}
.kompetencja--outsourcing .btn--outline:hover,body.page-outsourcing-it .kompetencja--outsourcing .btn--outline:hover{background:var(--c-accent);color:#fff}
.kompetencja--outsourcing .btn--lg,body.page-outsourcing-it .kompetencja--outsourcing .btn--lg{padding:1rem 2rem;font-size:1.0625rem}
.kompetencja--outsourcing .btn--block,body.page-outsourcing-it .kompetencja--outsourcing .btn--block{width:100%}
@media(max-width:1024px){.kompetencja--outsourcing .hero--kompetencja .container,body.page-outsourcing-it .kompetencja--outsourcing .hero--kompetencja .container{grid-template-columns:1fr;gap:2rem;text-align:center}
.kompetencja--outsourcing .hero__content,body.page-outsourcing-it .kompetencja--outsourcing .hero__content{order:1}
.kompetencja--outsourcing .hero__visual,body.page-outsourcing-it .kompetencja--outsourcing .hero__visual{order:0}
.kompetencja--outsourcing .hero__lead,body.page-outsourcing-it .kompetencja--outsourcing .hero__lead{max-width:100%;margin-left:auto;margin-right:auto}
.kompetencja--outsourcing .hero__cta,body.page-outsourcing-it .kompetencja--outsourcing .hero__cta{justify-content:center}
.kompetencja--outsourcing .hero__badges,body.page-outsourcing-it .kompetencja--outsourcing .hero__badges{justify-content:center}
.kompetencja--outsourcing .intro-grid,body.page-outsourcing-it .kompetencja--outsourcing .intro-grid{grid-template-columns:1fr;gap:2.5rem}
.kompetencja--outsourcing .services-grid--b2b,body.page-outsourcing-it .kompetencja--outsourcing .services-grid--b2b{grid-template-columns:repeat(2,1fr)}
.kompetencja--outsourcing .service-card--featured,body.page-outsourcing-it .kompetencja--outsourcing .service-card--featured{grid-column:span 2;grid-row:auto}
.kompetencja--outsourcing .services-grid--consumer,body.page-outsourcing-it .kompetencja--outsourcing .services-grid--consumer{grid-template-columns:repeat(2,1fr)}
.kompetencja--outsourcing .process-timeline,body.page-outsourcing-it .kompetencja--outsourcing .process-timeline{grid-template-columns:repeat(2,1fr);gap:2rem 3rem}
.kompetencja--outsourcing .process-timeline::before,body.page-outsourcing-it .kompetencja--outsourcing .process-timeline::before{display:none}
.kompetencja--outsourcing .pricing-grid,body.page-outsourcing-it .kompetencja--outsourcing .pricing-grid{grid-template-columns:1fr}
.kompetencja--outsourcing .pricing-card--featured,body.page-outsourcing-it .kompetencja--outsourcing .pricing-card--featured{transform:none}
.kompetencja--outsourcing .cta-box,body.page-outsourcing-it .kompetencja--outsourcing .cta-box{flex-direction:column;text-align:center}
}
@media(max-width:640px){.kompetencja--outsourcing .hero--kompetencja,body.page-outsourcing-it .kompetencja--outsourcing .hero--kompetencja{padding:4rem 0 3rem}
.kompetencja--outsourcing .hero__cta,body.page-outsourcing-it .kompetencja--outsourcing .hero__cta{flex-direction:column}
.kompetencja--outsourcing .hero__cta .btn,body.page-outsourcing-it .kompetencja--outsourcing .hero__cta .btn{width:100%}
.kompetencja--outsourcing .hero__badges,body.page-outsourcing-it .kompetencja--outsourcing .hero__badges{flex-direction:column;align-items:center}
.kompetencja--outsourcing .it-network,body.page-outsourcing-it .kompetencja--outsourcing .it-network{height:200px}
.kompetencja--outsourcing .it-node,body.page-outsourcing-it .kompetencja--outsourcing .it-node{padding:.5rem}
.kompetencja--outsourcing .it-node svg,body.page-outsourcing-it .kompetencja--outsourcing .it-node svg{width:24px;height:24px}
.kompetencja--outsourcing .it-node span,body.page-outsourcing-it .kompetencja--outsourcing .it-node span{font-size:.625rem}
.kompetencja--outsourcing .intro-stats,body.page-outsourcing-it .kompetencja--outsourcing .intro-stats{flex-direction:column;gap:1rem}
.kompetencja--outsourcing .intro-feature,body.page-outsourcing-it .kompetencja--outsourcing .intro-feature{flex-direction:column;text-align:center}
.kompetencja--outsourcing .services-grid--b2b,body.page-outsourcing-it .kompetencja--outsourcing .services-grid--b2b,.kompetencja--outsourcing .services-grid--consumer,body.page-outsourcing-it .kompetencja--outsourcing .services-grid--consumer{grid-template-columns:1fr}
.kompetencja--outsourcing .service-card--featured,body.page-outsourcing-it .kompetencja--outsourcing .service-card--featured{grid-column:auto}
.kompetencja--outsourcing .process-timeline,body.page-outsourcing-it .kompetencja--outsourcing .process-timeline{grid-template-columns:1fr}
.kompetencja--outsourcing .cta-actions,body.page-outsourcing-it .kompetencja--outsourcing .cta-actions{flex-direction:column;width:100%}
.kompetencja--outsourcing .cta-actions .btn,body.page-outsourcing-it .kompetencja--outsourcing .cta-actions .btn{width:100%}
}
.kompetencja--outsourcing .related-grid,body.page-outsourcing-it .kompetencja--outsourcing .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.kompetencja--outsourcing .related-card,body.page-outsourcing-it .kompetencja--outsourcing .related-card{display:block;padding:2rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all .3s;text-decoration:none}
.kompetencja--outsourcing .related-card:hover,body.page-outsourcing-it .kompetencja--outsourcing .related-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--c-accent)}
.kompetencja--outsourcing .related-card__icon,body.page-outsourcing-it .kompetencja--outsourcing .related-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--c-accent-lighter);border-radius:var(--radius-md);margin-bottom:1.25rem;transition:all .3s}
.kompetencja--outsourcing .related-card:hover .related-card__icon,body.page-outsourcing-it .kompetencja--outsourcing .related-card:hover .related-card__icon{background:var(--c-accent)}
.kompetencja--outsourcing .related-card__icon svg,body.page-outsourcing-it .kompetencja--outsourcing .related-card__icon svg{stroke:var(--c-accent);transition:stroke .3s}
.kompetencja--outsourcing .related-card:hover .related-card__icon svg,body.page-outsourcing-it .kompetencja--outsourcing .related-card:hover .related-card__icon svg{stroke:#fff}
.kompetencja--outsourcing .related-card h3,body.page-outsourcing-it .kompetencja--outsourcing .related-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-primary);transition:color .3s}
.kompetencja--outsourcing .related-card:hover h3,body.page-outsourcing-it .kompetencja--outsourcing .related-card:hover h3{color:var(--c-accent)}
.kompetencja--outsourcing .related-card p,body.page-outsourcing-it .kompetencja--outsourcing .related-card p{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0}
@media(max-width:768px){.kompetencja--outsourcing .related-grid,body.page-outsourcing-it .kompetencja--outsourcing .related-grid{grid-template-columns:1fr}
}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
.kompetencja--outsourcing .animate-fade-in,body.page-outsourcing-it .kompetencja--outsourcing .animate-fade-in{animation:fadeIn .6s ease forwards}
.kompetencja--outsourcing .animate-on-scroll,body.page-outsourcing-it .kompetencja--outsourcing .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.kompetencja--outsourcing .animate-on-scroll.is-visible,body.page-outsourcing-it .kompetencja--outsourcing .animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}
.kompetencja--outsourcing .animate-on-scroll:nth-child(2),body.page-outsourcing-it .kompetencja--outsourcing .animate-on-scroll:nth-child(2){transition-delay:.1s}
.kompetencja--outsourcing .animate-on-scroll:nth-child(3),body.page-outsourcing-it .kompetencja--outsourcing .animate-on-scroll:nth-child(3){transition-delay:.2s}
.kompetencja--outsourcing .animate-on-scroll:nth-child(4),body.page-outsourcing-it .kompetencja--outsourcing .animate-on-scroll:nth-child(4){transition-delay:.3s}
.kompetencja--outsourcing .animate-on-scroll:nth-child(5),body.page-outsourcing-it .kompetencja--outsourcing .animate-on-scroll:nth-child(5){transition-delay:.4s}
.kompetencja--outsourcing .animate-on-scroll:nth-child(6),body.page-outsourcing-it .kompetencja--outsourcing .animate-on-scroll:nth-child(6){transition-delay:.5s}
.kompetencja--ai,body.page-automatyzacja-ai .kompetencja--ai{--ai-gradient-hero:linear-gradient(135deg,#0f3354 0%,#1a4a7a 50%,#0a2540 100%);--ai-gradient-accent:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);--ai-gradient-card:linear-gradient(180deg,rgba(15,51,84,0.03) 0%,rgba(15,51,84,0.08) 100%);--ai-glow-primary:rgba(15,51,84,0.15);--ai-glow-accent:rgba(255,107,53,0.2);--ai-border-subtle:rgba(15,51,84,0.1)}
.kompetencja--ai .hero--ai,body.page-automatyzacja-ai .hero--ai{position:relative;background:var(--ai-gradient-hero);color:var(--color-text-light);padding:calc(var(--nav-height)+var(--spacing-3xl)) 0 var(--spacing-4xl);overflow:hidden;min-height:70vh;display:flex;align-items:center}
.kompetencja--ai .hero--ai .hero__bg-pattern,body.page-automatyzacja-ai .hero--ai .hero__bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,107,53,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.05) 0%,transparent 40%),radial-gradient(circle at 60% 80%,rgba(26,74,122,0.3) 0%,transparent 50%);pointer-events:none}
.kompetencja--ai .hero--ai .container,body.page-automatyzacja-ai .hero--ai .container{position:relative;z-index:2}
.kompetencja--ai .hero--ai .breadcrumbs-nav,body.page-automatyzacja-ai .hero--ai .breadcrumbs-nav{margin-bottom:var(--spacing-2xl)}
.kompetencja--ai .hero--ai .hero__content,body.page-automatyzacja-ai .hero--ai .hero__content{max-width:800px}
.kompetencja--ai .hero--ai .hero__title,body.page-automatyzacja-ai .hero--ai .hero__title{display:flex;align-items:center;gap:var(--spacing-md);font-size:clamp(2rem,5vw,3.5rem);color:var(--color-text-light);margin-bottom:var(--spacing-xl)}
.kompetencja--ai .hero--ai .hero__title-icon,body.page-automatyzacja-ai .hero--ai .hero__title-icon{flex-shrink:0;color:var(--color-accent)}
.kompetencja--ai .hero--ai .hero__lead,body.page-automatyzacja-ai .hero--ai .hero__lead{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:rgba(255,255,255,0.9);margin-bottom:var(--spacing-2xl);max-width:700px}
.kompetencja--ai .hero--ai .hero__lead strong,body.page-automatyzacja-ai .hero--ai .hero__lead strong{color:var(--color-accent)}
.kompetencja--ai .hero--ai .hero__actions,body.page-automatyzacja-ai .hero--ai .hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl)}
.kompetencja--ai .hero--ai .hero__stats,body.page-automatyzacja-ai .hero--ai .hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);padding-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,0.15);max-width:600px}
.kompetencja--ai .hero--ai .hero__stat,body.page-automatyzacja-ai .hero--ai .hero__stat{text-align:center}
.kompetencja--ai .hero--ai .hero__stat-number,body.page-automatyzacja-ai .hero--ai .hero__stat-number{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-accent);font-family:var(--font-heading)}
.kompetencja--ai .hero--ai .hero__stat-label,body.page-automatyzacja-ai .hero--ai .hero__stat-label{font-size:var(--font-size-sm);color:rgba(255,255,255,0.7)}
.kompetencja--ai .ai-services,body.page-automatyzacja-ai .ai-services{padding:var(--spacing-4xl) 0;background:var(--color-bg-light)}
.kompetencja--ai .ai-services__grid,body.page-automatyzacja-ai .ai-services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}
.kompetencja--ai .ai-service-card,body.page-automatyzacja-ai .ai-service-card{position:relative;background:var(--color-bg-light);border:1px solid var(--ai-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-2xl);transition:all var(--transition-base)}
.kompetencja--ai .ai-service-card:hover,body.page-automatyzacja-ai .ai-service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}
.kompetencja--ai .ai-service-card--featured,body.page-automatyzacja-ai .ai-service-card--featured{border-color:var(--color-primary);background:var(--ai-gradient-card)}
.kompetencja--ai .ai-service-card--featured:hover,body.page-automatyzacja-ai .ai-service-card--featured:hover{box-shadow:0 20px 40px var(--ai-glow-primary)}
.kompetencja--ai .ai-service-card__badge,body.page-automatyzacja-ai .ai-service-card__badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:var(--ai-gradient-accent);color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase}
.kompetencja--ai .ai-service-card__icon,body.page-automatyzacja-ai .ai-service-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(15,51,84,0.08);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}
.kompetencja--ai .ai-service-card__icon svg,body.page-automatyzacja-ai .ai-service-card__icon svg{width:28px;height:28px;color:var(--color-primary)}
.kompetencja--ai .ai-service-card__title,body.page-automatyzacja-ai .ai-service-card__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}
.kompetencja--ai .ai-service-card__desc,body.page-automatyzacja-ai .ai-service-card__desc{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}
.kompetencja--ai .ai-service-card__features,body.page-automatyzacja-ai .ai-service-card__features{list-style:none;padding:0;margin:0 0 var(--spacing-lg)}
.kompetencja--ai .ai-service-card__features li,body.page-automatyzacja-ai .ai-service-card__features li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}
.kompetencja--ai .ai-service-card__features li::before,body.page-automatyzacja-ai .ai-service-card__features li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--color-accent);border-radius:50%}
.kompetencja--ai .ai-service-card__tools,body.page-automatyzacja-ai .ai-service-card__tools{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}
.kompetencja--ai .ai-service-card__tools span,body.page-automatyzacja-ai .ai-service-card__tools span{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-gray);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}
.kompetencja--ai .ai-benefits,body.page-automatyzacja-ai .ai-benefits{padding:var(--spacing-4xl) 0;background:var(--color-bg-gray)}
.kompetencja--ai .ai-benefits__grid,body.page-automatyzacja-ai .ai-benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}
.kompetencja--ai .ai-benefit,body.page-automatyzacja-ai .ai-benefit{text-align:center;padding:var(--spacing-xl)}
.kompetencja--ai .ai-benefit__icon,body.page-automatyzacja-ai .ai-benefit__icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:var(--color-bg-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.kompetencja--ai .ai-benefit__icon svg,body.page-automatyzacja-ai .ai-benefit__icon svg{width:32px;height:32px;color:var(--color-primary)}
.kompetencja--ai .ai-benefit h3,body.page-automatyzacja-ai .ai-benefit h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}
.kompetencja--ai .ai-benefit p,body.page-automatyzacja-ai .ai-benefit p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}
.kompetencja--ai .ai-process,body.page-automatyzacja-ai .ai-process{padding:var(--spacing-4xl) 0;background:var(--color-bg-light)}
.kompetencja--ai .ai-process__timeline,body.page-automatyzacja-ai .ai-process__timeline{max-width:800px;margin:0 auto;position:relative}
.kompetencja--ai .ai-process__timeline::before,body.page-automatyzacja-ai .ai-process__timeline::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-accent))}
.kompetencja--ai .ai-process__step,body.page-automatyzacja-ai .ai-process__step{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);position:relative}
.kompetencja--ai .ai-process__step:last-child,body.page-automatyzacja-ai .ai-process__step:last-child{margin-bottom:0}
.kompetencja--ai .ai-process__step-number,body.page-automatyzacja-ai .ai-process__step-number{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-light);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border-radius:50%;position:relative;z-index:1}
.kompetencja--ai .ai-process__step-content h3,body.page-automatyzacja-ai .ai-process__step-content h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}
.kompetencja--ai .ai-process__step-content p,body.page-automatyzacja-ai .ai-process__step-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}
.kompetencja--ai .ai-examples,body.page-automatyzacja-ai .ai-examples{padding:var(--spacing-4xl) 0;background:var(--color-bg-gray)}
.kompetencja--ai .ai-examples__grid,body.page-automatyzacja-ai .ai-examples__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}
.kompetencja--ai .ai-example,body.page-automatyzacja-ai .ai-example{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}
.kompetencja--ai .ai-example:hover,body.page-automatyzacja-ai .ai-example:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.kompetencja--ai .ai-example__header,body.page-automatyzacja-ai .ai-example__header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}
.kompetencja--ai .ai-example__category,body.page-automatyzacja-ai .ai-example__category{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:rgba(15,51,84,0.1);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);text-transform:uppercase;margin-bottom:var(--spacing-sm)}
.kompetencja--ai .ai-example__header h3,body.page-automatyzacja-ai .ai-example__header h3{font-size:var(--font-size-lg);margin:0;color:var(--color-text-primary)}
.kompetencja--ai .ai-example__problem,body.page-automatyzacja-ai .ai-example__problem,.kompetencja--ai .ai-example__solution,body.page-automatyzacja-ai .ai-example__solution,.kompetencja--ai .ai-example__result,body.page-automatyzacja-ai .ai-example__result{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed)}
.kompetencja--ai .ai-example__problem strong,body.page-automatyzacja-ai .ai-example__problem strong{color:var(--color-danger)}
.kompetencja--ai .ai-example__solution strong,body.page-automatyzacja-ai .ai-example__solution strong{color:var(--color-primary)}
.kompetencja--ai .ai-example__result strong,body.page-automatyzacja-ai .ai-example__result strong{color:var(--color-success)}
.kompetencja--ai .ai-cta,body.page-automatyzacja-ai .ai-cta{padding:var(--spacing-4xl) 0;background:var(--ai-gradient-hero);color:var(--color-text-light)}
.kompetencja--ai .ai-cta__content,body.page-automatyzacja-ai .ai-cta__content{text-align:center;max-width:700px;margin:0 auto}
.kompetencja--ai .ai-cta__content h2,body.page-automatyzacja-ai .ai-cta__content h2{font-size:var(--font-size-3xl);color:var(--color-text-light);margin-bottom:var(--spacing-md)}
.kompetencja--ai .ai-cta__content p,body.page-automatyzacja-ai .ai-cta__content p{font-size:var(--font-size-lg);color:rgba(255,255,255,0.9);margin-bottom:var(--spacing-2xl);line-height:var(--line-height-relaxed)}
.kompetencja--ai .ai-cta__actions,body.page-automatyzacja-ai .ai-cta__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md)}
.kompetencja--ai .ai-related,body.page-automatyzacja-ai .ai-related{padding:var(--spacing-4xl) 0;background:var(--color-bg-gray)}
.kompetencja--ai .ai-related__grid,body.page-automatyzacja-ai .ai-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}
.kompetencja--ai .ai-related__card,body.page-automatyzacja-ai .ai-related__card{display:block;background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);text-decoration:none}
.kompetencja--ai .ai-related__card:hover,body.page-automatyzacja-ai .ai-related__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}
.kompetencja--ai .ai-related__card svg,body.page-automatyzacja-ai .ai-related__card svg{width:40px;height:40px;margin:0 auto var(--spacing-md);color:var(--color-primary)}
.kompetencja--ai .ai-related__card h3,body.page-automatyzacja-ai .ai-related__card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}
.kompetencja--ai .ai-related__card p,body.page-automatyzacja-ai .ai-related__card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}
.kompetencja--ai .btn,body.page-automatyzacja-ai .kompetencja--ai .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);transition:all var(--transition-base);text-decoration:none;cursor:pointer;border:2px solid transparent}
.kompetencja--ai .btn--primary,body.page-automatyzacja-ai .kompetencja--ai .btn--primary{background:var(--ai-gradient-accent);color:var(--color-text-light)}
.kompetencja--ai .btn--primary:hover,body.page-automatyzacja-ai .kompetencja--ai .btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--ai-glow-accent)}
.kompetencja--ai .btn--outline,body.page-automatyzacja-ai .kompetencja--ai .btn--outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}
.kompetencja--ai .btn--outline:hover,body.page-automatyzacja-ai .kompetencja--ai .btn--outline:hover{background:var(--color-primary);color:var(--color-text-light)}
.kompetencja--ai .btn--outline-light,body.page-automatyzacja-ai .kompetencja--ai .btn--outline-light{background:transparent;border-color:rgba(255,255,255,0.5);color:var(--color-text-light)}
.kompetencja--ai .btn--outline-light:hover,body.page-automatyzacja-ai .kompetencja--ai .btn--outline-light:hover{background:rgba(255,255,255,0.1);border-color:var(--color-text-light)}
.kompetencja--ai .btn--lg,body.page-automatyzacja-ai .kompetencja--ai .btn--lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}
.kompetencja--ai .section-badge,body.page-automatyzacja-ai .kompetencja--ai .section-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:rgba(15,51,84,0.1);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--spacing-md)}
@media (max-width:1024px){.kompetencja--ai .ai-services__grid,body.page-automatyzacja-ai .ai-services__grid,.kompetencja--ai .ai-benefits__grid,body.page-automatyzacja-ai .ai-benefits__grid,.kompetencja--ai .ai-examples__grid,body.page-automatyzacja-ai .ai-examples__grid,.kompetencja--ai .ai-related__grid,body.page-automatyzacja-ai .ai-related__grid{grid-template-columns:repeat(2,1fr)}
.kompetencja--ai .ai-service-card--featured,body.page-automatyzacja-ai .ai-service-card--featured{grid-column:span 2}
}
@media (max-width:768px){.kompetencja--ai .hero--ai,body.page-automatyzacja-ai .hero--ai{padding:calc(var(--nav-height)+var(--spacing-2xl)) 0 var(--spacing-3xl);min-height:auto}
.kompetencja--ai .hero--ai .hero__title,body.page-automatyzacja-ai .hero--ai .hero__title{font-size:var(--font-size-3xl);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}
.kompetencja--ai .hero--ai .hero__stats,body.page-automatyzacja-ai .hero--ai .hero__stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}
.kompetencja--ai .hero--ai .hero__stat-number,body.page-automatyzacja-ai .hero--ai .hero__stat-number{font-size:var(--font-size-2xl)}
.kompetencja--ai .ai-services__grid,body.page-automatyzacja-ai .ai-services__grid,.kompetencja--ai .ai-benefits__grid,body.page-automatyzacja-ai .ai-benefits__grid,.kompetencja--ai .ai-examples__grid,body.page-automatyzacja-ai .ai-examples__grid,.kompetencja--ai .ai-related__grid,body.page-automatyzacja-ai .ai-related__grid{grid-template-columns:1fr}
.kompetencja--ai .ai-service-card--featured,body.page-automatyzacja-ai .ai-service-card--featured{grid-column:span 1}
.kompetencja--ai .ai-process__timeline::before,body.page-automatyzacja-ai .ai-process__timeline::before{left:20px}
.kompetencja--ai .ai-process__step-number,body.page-automatyzacja-ai .ai-process__step-number{width:40px;height:40px;font-size:var(--font-size-base)}
.kompetencja--ai .ai-process__step,body.page-automatyzacja-ai .ai-process__step{gap:var(--spacing-lg)}
.kompetencja--ai .ai-cta__actions,body.page-automatyzacja-ai .ai-cta__actions{flex-direction:column;align-items:center}
.kompetencja--ai .btn--lg,body.page-automatyzacja-ai .kompetencja--ai .btn--lg{width:100%;justify-content:center;max-width:300px}
}
.kompetencja--ai .animate-on-scroll,body.page-automatyzacja-ai .animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}
.kompetencja--ai .animate-on-scroll.is-visible,body.page-automatyzacja-ai .animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:480px){.kompetencja--ai .hero--ai .hero__actions,body.page-automatyzacja-ai .hero--ai .hero__actions{flex-direction:column}
.kompetencja--ai .hero--ai .hero__actions .btn,body.page-automatyzacja-ai .hero--ai .hero__actions .btn{width:100%;justify-content:center}
.kompetencja--ai .hero--ai .hero__stats,body.page-automatyzacja-ai .hero--ai .hero__stats{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}
}