/*! main.css */
:root{--dark-bg:#0c1222;--dark-secondary:#131b2e;--accent:#1eb1b4;--accent-dark:#199a9d;--yellow:#ffd73c;--yellow-dark:#e6c235;--txt-light:#fff;--txt-muted:#8892a5;--txt-dark:#1a1a2e;--txt-body:#4a5568;--border:#e2e8f0;--shadow:0 4px 24px rgba(0,0,0,.06);--bg-alt:#f8fafc;--blue:#3b82f6;--purple:#8b5cf6}
*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:hidden}
body{font-family:'DM Sans',sans-serif;color:var(--txt-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;color:var(--txt-dark)}

/* SECTIONS */
.sec-title{font-size:2rem;font-weight:700;margin-bottom:12px}
.sec-sub{color:var(--txt-body);font-size:1rem;margin-bottom:48px}

@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.anim{animation:fadeUp .6s ease forwards}
.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d4{animation-delay:.4s}

/* Override Font Awesome @font-face from CDN to use font-display:swap (CDN default is "block" = invisible icons for ~3s) */
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2") format("woff2")}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-regular-400.woff2") format("woff2")}
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2") format("woff2")}


/*! nav.css */
.nav-main{background:var(--dark-bg);padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.nav-main .navbar-brand{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.5rem;color:var(--txt-light)}
.nav-main .navbar-brand em{color:var(--accent);font-style:normal}
.nav-main .nav-link{color:var(--txt-muted);font-size:.9rem;font-weight:500;padding:8px 16px!important;transition:color .2s}
.nav-main .nav-link:hover,.nav-main .nav-link.active{color:var(--txt-light)}
.btn-cta-nav{background:var(--yellow);color:var(--dark-bg)!important;font-weight:700;font-size:.85rem;padding:8px 20px;border-radius:8px;text-decoration:none;transition:all .3s}
.btn-cta-nav:hover{background:var(--yellow-dark);transform:translateY(-1px)}
.speedtest-btn{background:var(--accent)!important;color:#fff!important;font-weight:700!important;font-size:.75rem!important;padding:6px 16px!important;border-radius:6px!important;letter-spacing:.5px}
.nav-main .dropdown-toggle::after{font-size:.6rem;vertical-align:middle;margin-left:4px}
@media(min-width:992px){
    .nav-main .dropdown:hover>.dropdown-menu{display:block;margin-top:0;opacity:1;transform:translateY(0);pointer-events:auto}
}
.nav-main .dropdown-menu{background:var(--dark-secondary);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px;margin-top:0;min-width:300px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}
.nav-main .dropdown-menu.show{opacity:1;transform:translateY(0);pointer-events:auto}
.nav-main .dropdown-item{color:var(--txt-muted);font-size:.88rem;padding:8px 14px;border-radius:6px;transition:all .2s}
.nav-main .dropdown-item:hover,.nav-main .dropdown-item:focus{background:rgba(30,177,180,.1);color:var(--accent)}
.nav-main .dropdown-item i{width:18px;text-align:center}
.dd-rich{display:flex!important;align-items:flex-start;gap:12px;padding:10px 14px!important;white-space:normal!important}
.dd-item-icon{color:var(--accent);font-size:.9rem;margin-top:3px;width:20px!important;flex-shrink:0}
.dd-title{display:block;font-weight:600;font-size:.88rem;color:var(--txt-light);line-height:1.3}
.dd-desc{display:block;font-size:.75rem;color:var(--txt-muted);line-height:1.4;margin-top:2px}
.dd-rich:hover .dd-title{color:var(--accent)}
.nav-cart{color:var(--txt-muted);font-size:.95rem;padding:6px 8px;text-decoration:none;display:inline-flex;align-items:center;transition:color .2s}
.nav-cart:hover{color:var(--txt-light)}
@media (min-width:992px){
    .nav-main .navbar-nav{flex-wrap:nowrap;align-items:center}
    .nav-main .nav-link{white-space:nowrap}
}
@media (min-width:992px) and (max-width:1199.98px){
    .nav-main .navbar-brand{font-size:1.3rem;margin-right:.5rem}
    .nav-main .navbar-nav.ms-lg-4{margin-left:.75rem!important}
    .nav-main .nav-link{padding:8px 9px!important;font-size:.82rem}
    .nav-main .speedtest-btn{padding:5px 10px!important;font-size:.7rem!important}
    .btn-cta-nav{padding:7px 12px;font-size:.78rem}
    .nav-main .d-flex.gap-3{gap:.5rem!important}
    .nav-main .dropdown-toggle::after{margin-left:2px}
}
html.nav-open,body.nav-open{overflow:hidden!important;touch-action:none}
body.nav-open{position:fixed;left:0;right:0;width:100%}
@media (max-width:991.98px){
    /* Full-screen overlay menu */
    .nav-main .navbar-collapse{position:fixed;left:0;right:0;top:62px;bottom:0;background:var(--dark-bg);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 24px;z-index:1040}
    .nav-main .navbar-nav{margin-left:0!important;width:100%;flex-direction:column}
    .nav-main .nav-item{width:100%}
    .nav-main .nav-link{display:block;width:100%;padding:14px 20px!important;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.05)}
    .nav-main .speedtest-btn{display:inline-block;width:auto;align-self:flex-start;margin:8px 16px}
    /* Dropdown toggles: caret on right, bigger */
    .nav-main .dropdown-toggle{display:flex!important;align-items:center;justify-content:space-between}
    .nav-main .dropdown-toggle::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;border:none;font-size:.95rem;margin-left:auto;width:auto;height:auto;vertical-align:middle;transition:transform .25s ease}
    .nav-main .nav-item.dropdown.show>.dropdown-toggle::after{transform:rotate(180deg)}
    /* Inline dropdown menus when open */
    .nav-main .dropdown-menu{background:rgba(255,255,255,.02);border:none;box-shadow:none;padding:0;margin:0;min-width:0;width:100%;border-radius:0;border-bottom:1px solid rgba(255,255,255,.05);display:none;opacity:1;transform:none;pointer-events:auto;position:static!important}
    .nav-main .dropdown-menu.show{display:block}
    .nav-main .dropdown-item{padding:12px 20px 12px 44px!important}
    .nav-main .dropdown-item.dd-rich{padding:14px 20px 14px 44px!important}
    /* Strefa Klienta items (already flat) */
    .nav-main .navbar-nav .nav-item.d-lg-none .nav-link i{width:22px;text-align:center;color:var(--accent);font-size:.95rem}
    /* Mobile header actions */
    .nav-mobile-actions .btn-cta-nav{padding:6px 12px;font-size:.75rem}
    .nav-mobile-actions .nav-cart{padding:6px 4px;font-size:1.05rem}
}


/*! hero.css */
.hero{background:var(--dark-bg);padding:80px 0 60px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(30,177,180,.06),transparent 70%);pointer-events:none}
.hero::after{content:'';position:absolute;top:-30%;right:-20%;width:50%;height:180%;background:radial-gradient(ellipse,rgba(59,130,246,.04),transparent 70%);pointer-events:none}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(30,177,180,.1);border:1px solid rgba(30,177,180,.2);color:var(--accent);font-size:.8rem;font-weight:500;padding:6px 16px;border-radius:50px;margin-bottom:24px}
.hero h1{font-size:3.2rem;font-weight:700;color:var(--txt-light);line-height:1.15;margin-bottom:20px}
.hero h1 .hl{background:linear-gradient(135deg,var(--accent),#2ec4c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .3s ease}
.hero h1 .hl.fade-out{opacity:0}
.hero-desc{color:var(--txt-muted);font-size:1.05rem;line-height:1.7;max-width:560px;margin:0 auto 32px}
.hero-btns{display:flex;flex-direction:column;gap:12px;justify-content:center;margin-bottom:48px}
.btn-h1{display:block;width:100%;background:var(--yellow);color:var(--dark-bg);font-weight:700;padding:12px 28px;border-radius:10px;border:none;font-size:.95rem;transition:all .3s;text-decoration:none;text-align:center}
.btn-h1:hover{background:var(--yellow-dark);color:var(--dark-bg);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,215,60,.3)}
.hero-woo .hero-btns{align-items:center}
.hero-woo .btn-h1{display:inline-block;width:auto;min-width:240px}
.btn-h2{display:block;width:100%;background:rgba(255,255,255,.06);color:var(--txt-light);font-weight:500;padding:12px 28px;border-radius:10px;border:1px solid rgba(255,255,255,.1);font-size:.95rem;transition:all .3s;text-decoration:none;text-align:center}
.btn-h2:hover{background:rgba(255,255,255,.1);color:var(--txt-light);border-color:rgba(255,255,255,.2)}
.domain-bar{background:#fff;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px;max-width:640px;margin:0 auto;display:flex;gap:8px;align-items:center;box-shadow:0 4px 30px rgba(0,0,0,.2)}
.domain-bar input{flex:1;background:transparent;border:none;color:var(--txt-dark);padding:10px 16px;font-size:.95rem;outline:none}
.domain-bar input::placeholder{color:#9ca3af}
.domain-prefix{color:#9ca3af;font-size:.9rem;padding:0 12px;border-right:1px solid #e5e7eb;white-space:nowrap}
.domain-submit{background:var(--accent);color:#fff;border:none;padding:10px 24px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;white-space:nowrap}
.domain-submit:hover{background:var(--accent-dark)}
.trustpilot-bar{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:8px 10px;border-radius:10px;margin-bottom:36px}
.tp-stars{color:#00b67a;font-size:1rem;background:#00b67a;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem;letter-spacing:1px}
.tp-text{color:var(--txt-muted);font-size:.85rem}
.tp-text strong{color:var(--txt-light)}
.tp-logo{color:var(--txt-muted);font-size:.85rem}
.tp-logo strong{color:var(--txt-light)}
.domain-label{color:var(--txt-muted);font-size:.75rem;letter-spacing:2px;font-weight:500;margin-bottom:12px;text-transform:uppercase}
.domain-prices{display:flex;gap:20px;justify-content:center;margin-top:16px;padding-bottom:10px}
.dp-item{color:var(--txt-muted);font-size:.85rem;display:flex;align-items:center;gap:6px}
.dp-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.dp-dot.green{background:#22c55e}
.dp-dot.blue{background:#3b82f6}
.dp-dot.red{background:#ef4444}

@media(max-width:992px){.hero h1{font-size:2.4rem}}
@media(max-width:768px){.hero h1{font-size:2rem}.hero-btns{flex-direction:column;align-items:center}.domain-bar{flex-wrap:wrap;align-items:stretch;gap:6px;padding:6px}.domain-bar .domain-prefix{border-right:1px solid #e5e7eb;border-bottom:none;padding:8px 10px;flex-shrink:0;align-self:center}.domain-bar input{flex:1;min-width:0;padding:8px 10px;text-align:left;font-size:.9rem}.domain-submit{width:100%;flex-basis:100%;padding:12px}}

/* ── HERO v2 — Light two-column homepage hero ──────────────────── */
/* Outer section: white background, padding shows white strips around the card */
.hero-v2{background:#fff;padding:32px 0 20px;position:relative}

/* Inner card: gray rounded box */
.hero-v2-box{background:#f4f8fb;border-radius:24px;padding:48px 48px 0;position:relative;overflow:visible}
.hero-v2-box::before{content:'';position:absolute;top:-30%;right:-10%;width:55%;height:180%;background:radial-gradient(ellipse,rgba(30,177,180,.06),transparent 70%);pointer-events:none;border-radius:24px}

/* Right column spacing inside the box */
.hero-v2 .hv2-right{padding:16px 24px;overflow:visible}

/* Override dark-only styles inside .hero-v2 */
.hero-v2 .hero-badge{background:rgba(30,177,180,.1);border-color:rgba(30,177,180,.2);color:var(--accent);margin-bottom:20px;justify-content:flex-start}
.hero-v2 h1{color:var(--txt-dark);font-size:clamp(1.9rem,3.2vw,3rem);margin-bottom:18px;min-height:4.8em}
.hero-v2 h1 .hl{background:linear-gradient(135deg,var(--accent),#2ec4c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline}
.hero-v2 h1 .hl::after{content:'|';display:inline;-webkit-text-fill-color:var(--accent);color:var(--accent);background:none;-webkit-background-clip:unset;background-clip:unset;animation:hlBlink .7s step-end infinite;margin-left:1px;font-weight:300}
@keyframes hlBlink{0%,100%{opacity:1}50%{opacity:0}}
.hero-v2 .hero-desc{color:var(--txt-body);max-width:100%;margin:0 0 28px;text-align:left}
.hero-v2 .hero-btns{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:22px}
.hero-v2 .btn-h1,.hero-v2 .btn-h2{display:inline-block;width:auto}
.btn-h2-badged{position:relative;overflow:visible}
.btn-badge{position:absolute;top:-10px;right:-10px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.3px;padding:4px 10px;border-radius:999px;box-shadow:0 4px 10px rgba(30,177,180,.35);transform:rotate(6deg);white-space:nowrap;text-transform:uppercase}
.hero-v2 .btn-h2{background:#fff;color:var(--txt-dark);border:1.5px solid var(--border)}
.hero-v2 .btn-h2:hover{border-color:var(--accent);color:var(--accent);background:#fff}
.hero-v2 .trustpilot-bar{background:rgba(255,255,255,.8);border-color:var(--border);margin-bottom:0;display:inline-flex}
.hero-v2 .tp-text{color:var(--txt-body)}
.hero-v2 .tp-text strong{color:var(--txt-dark)}
.hero-v2 .tp-logo{color:var(--txt-body)}
.hero-v2 .tp-logo strong{color:var(--txt-dark)}
/* Trust bars wrapper */
.trust-bars{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;margin-bottom:36px;flex-wrap:wrap}
.hero-v2 .trust-bars{justify-content:flex-start}
/* JWH rotating bar */
.jwh-bar{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.8);border:1px solid var(--border);padding:6px 16px;border-radius:10px;text-decoration:none;font-size:.82rem;transition:border-color .2s}
.jwh-bar:hover{border-color:rgba(30,177,180,.4)}
.jwh-bar-logo{height:32px;width:auto;display:block;opacity:.7;transition:opacity .2s}
.jwh-bar:hover .jwh-bar-logo{opacity:1}
.jwh-bar-sep{color:var(--txt-muted);font-size:.78rem;white-space:nowrap}
.jwh-bar-award{color:var(--accent);font-weight:700;white-space:nowrap;transition:opacity .25s ease;display:inline-block;min-width:170px;text-align:left;overflow:hidden;text-overflow:ellipsis}
.jwh-bar-award.fading{opacity:0}
.hero-v2 .domain-label{color:var(--txt-muted);text-align:left;margin-bottom:10px}
.hero-v2 .domain-bar{margin:0 0 12px;max-width:100%;background:#fff;border-color:var(--border);box-shadow:var(--shadow)}
.hero-v2 .domain-prices{justify-content:flex-start;padding-bottom:0;margin-top:10px}
.hero-v2 .dp-item{color:var(--txt-body)}

@media(max-width:991px){.hero-v2{padding:24px 0 16px}.hero-v2-box{padding:40px 28px 20px;border-radius:20px}.hero-v2 .hv2-right{display:flex;margin-top:0;margin-bottom:40px;min-height:0;padding:0}.hero-v2 .hv2-left{text-align:center}.hero-v2 .hero-desc{text-align:center;margin-left:auto;margin-right:auto}.hero-v2 .hero-btns{justify-content:center}.hero-v2 .trust-bars{justify-content:center;margin-bottom:0}.hero-v2 .hv2-grid{gap:16px;min-height:0}.hero-v2 .hero-scroll{height:32px;padding-top:0;margin-top:0}}
@media(max-width:768px){.hero-v2-box{border-radius:16px;padding:40px 16px 48px}.hero-v2 .hv2-left{text-align:center}.hero-v2 .hero-badge{justify-content:center}.hero-v2 .hero-btns{justify-content:center}.hero-v2 .hero-desc{text-align:center}.hero-v2 .trust-bars{align-items:center;gap:6px;flex-direction:column}.hero-v2 .trustpilot-bar{padding:6px 12px;font-size:.75rem}.hero-v2 .tp-stars{padding:1px 6px;font-size:.7rem}.hero-v2 .jwh-bar{padding:4px 12px;font-size:.75rem;flex-wrap:wrap;justify-content:center}.hero-v2 .jwh-bar-logo{height:24px;width:140px;margin:0 auto 4px;display:block}.hero-v2 .domain-bar{flex-direction:column}.hero-v2 .domain-bar .domain-prefix{border-right:none;border-bottom:1px solid #e5e7eb;padding:8px 12px}}

/* ── Scroll hint ── */
.hero-scroll{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:65px;margin-top:0px;color:var(--txt-muted);font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;cursor:pointer;user-select:none}
.hero-scroll i{font-size:.95rem;animation:heroScrollSlide 1.8s cubic-bezier(.55,.05,.55,.95) infinite}
.hero-scroll:hover i{animation-duration:1.1s}
@keyframes heroScrollSlide{0%{transform:translateY(-6px);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translateY(10px);opacity:0}}

/* ── Domain search section ── */
.domain-sec{background:#fff;padding:64px 0;border-top:1px solid var(--border)}
.domain-sec-inner{max-width:640px;margin:0 auto;text-align:center}
.domain-sec-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(30,177,180,.1);border:1px solid rgba(30,177,180,.2);color:var(--accent);font-size:.75rem;font-weight:600;padding:5px 14px;border-radius:50px;margin-bottom:16px;letter-spacing:.3px}
.domain-sec-title{font-size:1.9rem;font-weight:700;color:var(--txt-dark);margin-bottom:10px;line-height:1.2}
.domain-sec-sub{color:var(--txt-muted);font-size:.95rem;margin-bottom:28px;line-height:1.6}
.domain-sec .domain-bar{margin:0 auto 14px;background:#fff;border-color:var(--border);box-shadow:var(--shadow)}
.domain-sec .domain-prices{justify-content:center;margin-top:14px}
.domain-sec .dp-item{color:var(--txt-body)}
.domain-prices-vat-note{margin-top:8px;text-align:center;font-size:.78rem;color:var(--txt-muted);letter-spacing:.3px}
@media(max-width:768px){.domain-sec-title{font-size:1.55rem}.domain-sec .domain-bar{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:6px;padding:6px}.domain-sec .domain-bar .domain-prefix{border-right:1px solid #e5e7eb;border-bottom:none;padding:8px 10px;flex-shrink:0;align-self:center}.domain-sec .domain-bar input{flex:1;min-width:0;padding:8px 10px;text-align:left}.domain-sec .domain-submit{width:100%;flex-basis:100%;padding:12px}}


/*! features.css */
.features{padding:30px 0 60px;background:#fff}
.f-card{padding:28px 24px;border-radius:16px;border:1px solid var(--border);background:#fff;height:100%;transition:all .3s}
.f-card:hover{border-color:rgba(30,177,180,.3);box-shadow:0 8px 32px rgba(30,177,180,.08);transform:translateY(-4px)}
.f-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px}
.f-icon.t{background:rgba(30,177,180,.1);color:var(--accent)}
.f-icon.b{background:rgba(59,130,246,.1);color:var(--blue)}
.f-icon.p{background:rgba(139,92,246,.1);color:var(--purple)}
.f-icon.o{background:rgba(251,146,60,.1);color:#fb923c}
.f-card h5{font-size:1rem;font-weight:600;margin-bottom:8px}
.f-card p{font-size:.88rem;color:var(--txt-body);line-height:1.6;margin-bottom:0}
.f-crossell{margin-top:14px!important;font-size:.78rem!important;color:var(--txt-muted)!important;border-top:1px solid var(--border);padding-top:12px}
.f-crossell a{color:var(--accent);text-decoration:none;font-weight:600}
.f-crossell a:hover{text-decoration:underline}
.f-link{color:var(--accent);font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block;margin-top:16px;transition:all .2s}
.f-link:hover{color:var(--accent-dark);transform:translateX(4px)}
.f-panel-mock{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--border);height:100%;box-shadow:var(--shadow)}
.f-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:#f8fafc}
.f-panel-dots{display:flex;gap:6px}
.f-panel-dots .dot{width:10px;height:10px;border-radius:50%}
.f-panel-dots .dot.red{background:#ef4444}
.f-panel-dots .dot.yellow{background:#f59e0b}
.f-panel-dots .dot.green{background:#22c55e}
.f-panel-url{font-family:'Courier New',monospace;font-size:.75rem;color:var(--txt-muted)}
.f-panel-body{padding:16px}
.f-panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.f-panel-title{color:var(--txt-dark);font-weight:600;font-size:.95rem}
.f-panel-btn{background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:6px}
.f-panel-site{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:#fafbfc}
.f-panel-site-icon{font-size:1.2rem}
.f-panel-site-name{color:var(--txt-dark);font-size:.85rem;font-weight:500}
.f-panel-site-php{color:var(--txt-muted);font-size:.75rem}
.f-panel-site-dot{width:10px;height:10px;border-radius:50%;margin-left:auto;flex-shrink:0}
.f-panel-site-dot.online{background:#22c55e}
.f-img{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--bg-alt);height:100%;min-height:200px;display:flex;align-items:center;justify-content:center}
.f-img-inner{width:100%;height:100%;min-height:200px;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);display:flex;align-items:center;justify-content:center;color:var(--txt-muted)}

/* ── PANEL CARD LAYOUT ─────────────────────────────────────────── */
.f-card-panel{display:flex;gap:32px;align-items:stretch;padding:32px}
.f-card-left{flex:1;display:flex;flex-direction:column;justify-content:flex-start}
.f-card-left .f-img{margin:0}
.f-card-right{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}
.f-card-right .f-panel-mock{max-width:100%;height:auto;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.f-card-right .f-card-text{display:flex;flex-direction:column;justify-content:flex-start}
.f-card-text h5{font-size:1rem;font-weight:600;margin-bottom:8px}
.f-card-text p{font-size:.88rem;color:var(--txt-body);line-height:1.6;margin-bottom:0}

/* Accent variant — teal bg, white text */
.f-card--accent{background:var(--accent,#1eb1b4);border-color:var(--accent,#1eb1b4)}
.f-card--accent h5{color:#fff}
.f-card--accent p{color:rgba(255,255,255,.85)}
.f-card--accent .f-icon{background:rgba(255,255,255,.2);color:#fff}
.f-card--accent .f-link{color:#fff;text-decoration:underline}
.f-card--accent .f-link:hover{color:rgba(255,255,255,.8)}
.f-card--accent:hover{border-color:var(--accent-dark,#199a9d);box-shadow:0 8px 32px rgba(30,177,180,.25)}
/* Panel mock keeps original colors inside accent card */
.f-card--accent .f-panel-mock{background:#fff;border-color:var(--border,#e2e8f0)}
.f-card--accent .f-panel-header{background:#f8fafc;border-color:var(--border,#e2e8f0)}
.f-card--accent .f-panel-url{color:var(--txt-muted,#8892a5)}
.f-card--accent .f-panel-title{color:var(--txt-dark,#1a1a2e)}
.f-card--accent .f-panel-site{background:#fafbfc;border-color:var(--border,#e2e8f0)}
.f-card--accent .f-panel-site-name{color:var(--txt-dark,#1a1a2e)}
.f-card--accent .f-panel-site-php{color:var(--txt-muted,#8892a5)}

@media(max-width:768px){
  .f-card-panel{flex-direction:column;gap:20px;padding:24px}
  .f-card-right{min-height:auto;margin-top:20px}
}

/* ═══════════════════════════════════════════════════════════════
   Ujednolicony layout kafelków — ikona TOP-LEFT, tytuł + opis po
   prawej. Wspólne dla desktop + mobile. Różnią się tylko kolory
   (przez klasy modyfikatory), layout jest ten sam (CSS grid).
   ═══════════════════════════════════════════════════════════════ */

/* ── WSPÓLNY GRID: ikona po lewej spanuje pionowo, tekst po prawej ── */
.features .f-card:not(.f-card-panel),
.features .sf-card,
.stress-free .f-card{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-auto-rows:min-content;
  column-gap:18px;
  row-gap:4px;
  align-items:start;
  align-content:start;
  text-align:left!important;
  padding:22px 24px;
}

/* Ikona (wszystkie warianty) — top-aligned, span obu wierszy tekstu */
.features .f-card:not(.f-card-panel) .f-icon,
.features .sf-card .sf-card-icon,
.stress-free .f-card .f-icon{
  grid-row:span 2;
  grid-column:1;
  align-self:start;
  margin:0;
  flex-shrink:0;
}

/* Tytuł */
.features .f-card:not(.f-card-panel) h5,
.features .sf-card .sf-card-title,
.stress-free .f-card h5{
  grid-column:2;
  align-self:start;
  margin:0 0 4px;
  line-height:1.25;
}

/* Opis */
.features .f-card:not(.f-card-panel) p,
.features .sf-card .sf-card-desc,
.stress-free .f-card p{
  grid-column:2;
  align-self:start;
  margin:0;
  line-height:1.5;
}

/* .f-card-panel — lewa strona (z tekstem + linkiem) też grid, prawa obok/pod */
.features .f-card-panel .f-card-left{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:18px;
  row-gap:4px;
  align-items:start;
  text-align:left;
}
.features .f-card-panel .f-card-left .f-icon{grid-row:span 3;align-self:start;margin:0;flex-shrink:0}
.features .f-card-panel .f-card-left h5{grid-column:2;margin:0;line-height:1.25}
.features .f-card-panel .f-card-left p{grid-column:2;margin:4px 0 0;line-height:1.5}
.features .f-card-panel .f-card-left .f-link{grid-column:2;margin-top:10px;display:inline-block}

/* Mobile — kompaktowe wersje (mniejsze paddingi i fonty) */
@media (max-width:768px){
  .features .row.g-4,
  .stress-free .row.g-4{--bs-gutter-y:0.75rem}
  .features .f-card:not(.f-card-panel),
  .features .sf-card,
  .stress-free .f-card{column-gap:14px;padding:14px 16px}
  .features .f-card:not(.f-card-panel) h5,
  .features .sf-card .sf-card-title,
  .stress-free .f-card h5{font-size:.95rem}
  .features .f-card:not(.f-card-panel) p,
  .features .sf-card .sf-card-desc,
  .stress-free .f-card p{font-size:.82rem;line-height:1.45}
  .features .f-card-panel{padding:16px!important;gap:14px}
  .features .f-card-panel .f-card-left{column-gap:14px}
  .features .f-card-panel .f-card-left h5{font-size:.98rem}
  .features .f-card-panel .f-card-left p{font-size:.84rem}
}


/*! ttfb.css */
.ttfb-sec{padding:60px 0;background:var(--bg-alt, #f8f9fc)}
.ttfb-card{background:var(--dark-bg);border-radius:20px;overflow:hidden}
.ttfb-l{padding:40px}
.ttfb-l h3{color:var(--txt-light);font-size:1.5rem;font-weight:700;margin-bottom:4px}
.ttfb-badge{background:var(--accent);color:var(--dark-bg);font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:5px;vertical-align:middle;margin-left:6px}
.ttfb-l>p{color:var(--txt-muted);font-size:.85rem;line-height:1.6;margin-bottom:24px}
.bar-item{margin-bottom:14px}
.bar-label{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:6px}
.bar-label span:first-child{color:var(--txt-muted)}
.bar-label span:last-child{color:var(--txt-light);font-weight:600}
.bar{height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.bar-fill{height:100%;border-radius:4px;transition:width 1s ease}
.bar-fill.j{background:var(--accent);width:18%}
.bar-fill.a{background:#f59e0b;width:50%}
.bar-fill.bb{background:#673AB7;width:70%}
.bar-fill.c{background:#ef4444;width:90%}
.ttfb-r{padding:40px;background:rgba(255,255,255,.02);border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:center;height:100%}
.ttfb-r h3{color:var(--txt-light);font-size:1.6rem;font-weight:700;margin-bottom:16px}
.ttfb-r p{color:var(--txt-muted);font-size:.9rem;line-height:1.7}
.ttfb-btn{display:inline-block;margin-top:20px;background:var(--accent);color:var(--dark-bg);font-weight:600;padding:10px 24px;border-radius:10px;font-size:.9rem;text-decoration:none;transition:all .3s}
.ttfb-btn:hover{background:var(--accent-dark);color:var(--dark-bg)}

@media(max-width:992px){.ttfb-r{border-left:none;border-top:1px solid rgba(255,255,255,.06)}}


/*! pricing.css */
.pricing{padding:10px 0 40px;background:#fff}
.p-card{border:1px solid var(--border);border-radius:20px;padding:32px 28px;background:#fff;height:100%;transition:all .3s;position:relative}
.p-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.p-card.featured{border:2px solid var(--accent)}
.p-card.dark{background:linear-gradient(135deg,var(--dark-bg),var(--dark-secondary));border:1px solid rgba(255,255,255,.1);color:var(--txt-light)}
.p-card.dark h4{color:var(--txt-light)}
.p-card.dark .pf{color:var(--txt-muted)}
.p-card.dark .pf i{color:var(--accent)}
.p-card.dark .p-specs{border-color:rgba(255,255,255,.08)}
.p-card.dark .p-spec-row{border-color:rgba(255,255,255,.06);color:var(--txt-muted)}
.p-card.dark .p-spec-row strong{color:var(--txt-light)}
.p-card.dark .p-spec-icon{background:rgba(255,255,255,.06);color:var(--txt-muted)}
.p-card-sub{font-size:.88rem;color:var(--txt-muted);margin-bottom:16px}
.p-card h4{font-size:1.25rem;font-weight:700;margin-bottom:4px}
.p-price{margin-bottom:4px}
.pr{font-family:'Poppins',sans-serif;font-size:2.8rem;font-weight:700;color:var(--txt-dark);line-height:1}
.pr-dec{font-size:1.4rem;vertical-align:top}
.pr-per{font-size:.85rem;color:var(--txt-body);margin-left:4px;font-weight:400}
.pr-note{font-size:.78rem;color:var(--txt-muted);margin-top:2px;margin-bottom:20px}
.pr-note strong{color:var(--txt-body)}
.p-specs{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}
.p-spec-icons{display:flex;gap:10px;margin-bottom:16px}
.p-spec-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--bg-alt);padding:10px 6px;border-radius:8px;font-size:.78rem;font-weight:500;color:var(--txt-body);flex:1;min-width:0;text-align:center;white-space:nowrap}
.p-spec-icon i{color:var(--txt-muted);font-size:.95rem}
.p-spec-icon span{line-height:1.2}
.p-spec-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--txt-body)}
.p-spec-row:last-child{border-bottom:none}
.p-spec-row strong{font-weight:600;color:var(--txt-dark)}
.pf-list{list-style:none;padding:0;margin:16px 0 0}
.pf{display:flex;align-items:flex-start;gap:10px;padding:5px 0;font-size:.85rem;color:var(--txt-body)}
.pf i{color:var(--accent);font-size:.7rem;flex-shrink:0;margin-top:4px}
.p-trial{font-size:.78rem;color:var(--txt-muted);text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);margin-bottom:0}
.p-card.dark .p-trial{border-color:rgba(255,255,255,.08)}
.btn-pr{width:100%;padding:12px;border-radius:10px;font-weight:700;font-size:.9rem;transition:all .3s;text-decoration:none;display:block;text-align:center;background:var(--yellow);color:var(--dark-bg);border:none}
.btn-pr:hover{background:var(--yellow-dark);color:var(--dark-bg);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,215,60,.3)}
/* Warianty zachowane (ale wszystkie żółte) */
.btn-pr-fill,.btn-pr-out,.btn-pr-dark{background:var(--yellow);color:var(--dark-bg);border:none}
.btn-pr-fill:hover,.btn-pr-out:hover,.btn-pr-dark:hover{background:var(--yellow-dark);color:var(--dark-bg);transform:translateY(-2px)}
.pop-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:5px 18px;border-radius:6px;letter-spacing:.5px;white-space:nowrap}
.premium-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--txt-muted);margin-bottom:8px;letter-spacing:.5px}
.premium-badge i{color:#f59e0b}
.cmp-link{text-align:center;margin-top:32px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.cmp-link a{color:var(--accent);font-weight:600;font-size:.95rem;text-decoration:none;transition:color .2s}
.cmp-link a:hover{color:var(--accent-dark)}
.cmp-link-sep{color:var(--txt-muted);font-size:.95rem}

/* ── STORAGE SUB-ROW ─────────────────────────────────────────── */
.p-spec-row--has-sub{flex-wrap:wrap;align-items:baseline}
.p-spec-sub{width:100%;font-size:.73rem;color:var(--txt-muted);padding:2px 0 4px;margin-top:0}
.p-spec-sub--dark{color:rgba(255,255,255,.35)}
.storage-info{position:relative;display:inline-flex;align-items:center;cursor:pointer;color:var(--accent);vertical-align:middle}
.storage-info i{font-size:.65rem;color:var(--accent);transition:color .2s}
.storage-info:hover i,.storage-info:focus i{color:var(--accent)}
.storage-tooltip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:200px;background:var(--dark-bg);color:var(--txt-light);font-size:.76rem;font-weight:400;line-height:1.6;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);z-index:200;pointer-events:none;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.storage-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--dark-bg)}
.storage-info:hover .storage-tooltip,.storage-info:focus .storage-tooltip{display:block}

/* ── VISITS INFO TOOLTIP ──────────────────────────────────────── */
.visits-info{position:relative;display:inline-flex;align-items:center;cursor:pointer;color:var(--accent);vertical-align:middle}
.visits-info i{font-size:.65rem;color:var(--accent);transition:color .2s}
.visits-info:hover i,.visits-info:focus i{color:var(--accent)}
.visits-tooltip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:260px;background:var(--dark-bg);color:var(--txt-light);font-size:.76rem;font-weight:400;line-height:1.55;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);z-index:200;pointer-events:none;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.visits-tooltip strong{color:#fff;font-weight:700}
.visits-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--dark-bg)}
.visits-info:hover .visits-tooltip,.visits-info:focus .visits-tooltip{display:block}

@media(max-width:768px){.pr{font-size:2.2rem}}

/* Workers PHP tooltip (pozycjonowany nad ikoną info w liście features) */
.workers-info{position:relative;display:inline;cursor:pointer;color:var(--accent);margin-left:3px}
.workers-info i{font-size:.72rem;color:var(--accent);vertical-align:1px;transition:color .2s}
.workers-info:hover i,.workers-info:focus i{color:var(--accent)}
.workers-tooltip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:280px;background:var(--dark-bg);color:var(--txt-light);font-size:.76rem;font-weight:400;line-height:1.55;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);z-index:200;pointer-events:none;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.workers-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--dark-bg)}
.workers-tooltip strong{color:#fff;font-weight:700}
.workers-info:hover .workers-tooltip,.workers-info:focus .workers-tooltip{display:block}
/* Tooltip w dark cards — użyj jasnego tła */
.p-card.dark .workers-info i{color:rgba(255,255,255,.45)}
.p-card.dark .workers-info:hover i{color:var(--yellow)}

/* Fix: przy hoverze na tooltip — karta wybija się ponad inne (żeby tooltip nie był przycięty) */
.p-card:has(.workers-info:hover),
.p-card:has(.workers-info:focus-within),
.p-card:has(.visits-info:hover),
.p-card:has(.visits-info:focus-within),
.p-card:has(.storage-info:hover),
.p-card:has(.storage-info:focus-within){
  z-index:100;
}
.workers-tooltip,.visits-tooltip,.storage-tooltip{z-index:1000}

/* Mobile + tablet (≤991px): horyzontalny scroll kart, 1.5 karty widoczne */
@media (max-width: 991px){
  .pricing .row.g-4{
    display:flex;
    flex-wrap:nowrap;
    gap:16px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-left:16px;
    --bs-gutter-x:0;
    --bs-gutter-y:0;
    /* Pełna szerokość viewportu, żeby pierwsza karta dotykała lewej krawędzi */
    width:100vw;
    margin-left:calc(50% - 50vw);
    padding:24px 16px 20px;
    -webkit-overflow-scrolling:touch;
  }
  .pricing .row.g-4 > [class*="col-"]{
    flex:0 0 62%;
    min-width:240px;
    max-width:300px;
    padding:0;
    scroll-snap-align:start;
  }
  /* Estetyczny scrollbar */
  .pricing .row.g-4::-webkit-scrollbar{height:4px}
  .pricing .row.g-4::-webkit-scrollbar-track{background:transparent}
  .pricing .row.g-4::-webkit-scrollbar-thumb{background:rgba(15,23,42,.12);border-radius:2px}
}


/*! testimonials.css */
.testi{padding:50px 0 40px;background:var(--dark-bg);overflow:hidden}
.testi .sec-title{color:var(--txt-light)}
.stars-row{display:inline-flex;align-items:center;gap:10px}
.stars{color:#fbbf24;font-size:1rem;line-height:1}
.stars-txt{font-size:.85rem;color:var(--txt-muted);line-height:1;margin:0}
.cmp-link-a{color:var(--accent);font-weight:600;font-size:.85rem;text-decoration:none;letter-spacing:1px}

/* Marquees container with bottom fade + centered CTA */
.testi-marquees{position:relative;max-height:460px;overflow:hidden}
.testi-fade{position:absolute;left:0;right:0;bottom:0;height:42%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;pointer-events:none;
  background:linear-gradient(180deg,rgba(12,18,34,0) 0%,rgba(12,18,34,.85) 55%,var(--dark-bg) 100%)}
.testi-fade .btn-view-all{pointer-events:auto}
.btn-view-all{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),#2ec4c7);color:#fff;font-weight:700;padding:13px 36px;border-radius:50px;text-decoration:none;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;transition:all .3s;border:none;cursor:pointer}
.btn-view-all:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(30,177,180,.35)}
.marquee-wrap{overflow:hidden;position:relative;width:100%}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;width:80px;height:100%;z-index:2;pointer-events:none}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--dark-bg),transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(270deg,var(--dark-bg),transparent)}
.marquee-track{display:flex;gap:20px;width:max-content}
.marquee-left{animation:scrollLeft 65s linear infinite}
.marquee-right{animation:scrollRight 70s linear infinite}
@keyframes scrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes scrollRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.t-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;width:380px;flex-shrink:0;transition:all .3s}
.t-card:hover{border-color:rgba(30,177,180,.3);background:rgba(255,255,255,.06)}
.t-stars{color:#fbbf24;font-size:.8rem;margin-bottom:10px}
.t-text{font-size:.88rem;line-height:1.7;color:var(--txt-muted);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.t-read-more{background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:16px;display:block;font-family:inherit}
.t-read-more:hover{opacity:.75}
.t-author{display:flex;align-items:center;gap:10px}
.t-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--blue));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;flex-shrink:0}
.t-name{font-weight:600;font-size:.85rem;color:var(--txt-light)}
.t-role{font-size:.75rem;color:var(--txt-muted)}
.t-card{cursor:pointer}

/* ── REVIEW MODAL ─────────────────────────────────────────────── */
.rm-overlay{position:fixed;inset:0;background:rgba(10,15,30,.7);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}
.rm-overlay.rm-open{opacity:1;pointer-events:all}
.rm-box{background:#fff;border-radius:20px;padding:32px;max-width:560px;width:100%;position:relative;max-height:90vh;overflow-y:auto;transform:translateY(12px);transition:transform .25s}
.rm-overlay.rm-open .rm-box{transform:translateY(0)}
.rm-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.6rem;cursor:pointer;color:#94a3b8;line-height:1;padding:4px 8px;border-radius:8px;transition:color .2s}
.rm-close:hover{color:#1a2540}
.rm-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.rm-av{width:48px;height:48px;border-radius:50%;color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Poppins',sans-serif}
.rm-meta{flex:1}
.rm-name{font-weight:700;color:#1a2540;font-size:1rem}
.rm-date{font-size:.82rem;color:#94a3b8}
.rm-stars{color:#fbbf24;font-size:1.15rem;margin-bottom:16px;letter-spacing:2px}
.rm-text{font-size:.95rem;color:#475569;line-height:1.85;margin:0}
.rm-source{font-size:.78rem;color:#94a3b8;margin-top:16px;padding-top:14px;border-top:1px solid #f1f5f9}

/* Mobile: jwh-bar w testi — nie pozwalaj wychodzić poza ekran */
@media(max-width:640px){
  .testi > .container-fluid > .text-center{padding:0 16px}
  .testi .jwh-bar{
    flex-wrap:nowrap;
    justify-content:center;
    gap:8px;
    padding:6px 10px;
    font-size:.72rem;
    max-width:100%;
    text-align:center;
  }
  .testi .jwh-bar-logo{height:20px;width:auto;margin:0;flex-shrink:0}
  .testi .jwh-bar-sep{font-size:.72rem;flex-shrink:0}
  .testi .jwh-bar-award{font-size:.72rem;min-width:0;max-width:160px}
}


/*! tech-stack.css */
.unmask{padding:80px 0;background:var(--bg-alt)}
.perf-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(30,177,180,.08);border:1px solid rgba(30,177,180,.15);color:var(--accent);font-size:.85rem;font-weight:500;padding:6px 18px;border-radius:50px;margin-bottom:20px}
.tech-card{border:1px solid var(--border);border-radius:16px;padding:32px 24px;background:#fff;text-align:center;height:100%;transition:all .3s}
.tech-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.tech-card h5{font-size:1rem;font-weight:700;margin-bottom:8px}
.tech-card p{font-size:.85rem;color:var(--txt-body);line-height:1.6;margin-bottom:0}
.tech-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin:0 auto 16px}
.tech-card-icon.green{background:rgba(30,177,180,.1);color:var(--accent)}
.tech-card-icon.purple{background:rgba(139,92,246,.1);color:var(--purple)}
.tech-card-icon.red{background:rgba(239,68,68,.1);color:#ef4444}
.tech-card-icon.blue{background:rgba(59,130,246,.1);color:var(--blue)}
.tech-feat{display:flex;align-items:flex-start;gap:16px;padding:16px 0}
.tech-feat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--txt-muted);font-size:1.2rem;flex-shrink:0}
.tech-feat h6{font-size:1rem;font-weight:700;margin-bottom:4px;color:var(--txt-dark)}
.tech-feat p{font-size:.85rem;color:var(--txt-body);line-height:1.6;margin-bottom:0}


/*! developers.css */
.devs{padding:80px 0;background:#162033;color:var(--txt-light)}
.devs .sec-title{color:var(--txt-light)}
.devs .sec-sub{color:var(--txt-muted);max-width:580px;margin:0 auto}
.devs .heart{font-style:normal}
.dev-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 28px;height:100%}
.dev-card h5{color:var(--txt-light);font-size:1.1rem;font-weight:700;margin:20px 0 12px}
.dev-card p{font-size:.88rem;color:var(--txt-muted);margin-bottom:0;line-height:1.65}
.dev-card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.dev-card-icon--blue{background:#3b4fc8;color:#fff}
.dev-card-icon--purple{background:#7c3aed;color:#fff}
.dev-card-icon--olive{background:#7a6f1a;color:#f0d060}


/*! migration.css */
.migr{padding:80px 0;background:#fff}
@media(max-width:768px){.migr{padding:24px 0 24px}}
.m-step{text-align:center;position:relative}
.m-num{width:56px;height:56px;border-radius:50%;background:rgba(30,177,180,.1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:700;margin:0 auto 16px}
.m-step h5{font-size:1rem;font-weight:600;margin-bottom:8px}
.m-step p{font-size:.85rem;color:var(--txt-muted)}
.m-step-link{color:inherit;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.m-step-link:hover{color:var(--accent);border-bottom-color:var(--accent)}
.m-step-inline{color:var(--accent);font-weight:600;text-decoration:none}
.m-step-inline:hover{text-decoration:underline}
.m-conn{position:absolute;top:28px;left:calc(50% + 36px);width:calc(100% - 72px);height:2px;background:linear-gradient(90deg,var(--accent),rgba(30,177,180,.2))}
.btn-migr{background:var(--yellow);color:var(--dark-bg);font-weight:700;padding:12px 32px;border-radius:10px;border:none;font-size:.95rem;transition:all .3s;margin-top:32px;text-decoration:none;display:inline-block}
.btn-migr:hover{background:var(--yellow-dark);color:var(--dark-bg);transform:translateY(-2px)}

@media(max-width:992px){.m-conn{display:none}}


/*! wp-max-performance.css */
.wp-max-perf{padding:80px 0;background:#f8f9fa}
.wp-max-perf-box{background:linear-gradient(135deg,#1a2332 0%,#0f1419 100%);border-radius:24px;padding:56px 60px;display:flex;align-items:center;gap:64px;position:relative;overflow:hidden}
.wp-max-perf-box::before{content:'';position:absolute;top:-80px;right:160px;width:360px;height:360px;background:rgba(78,195,201,.06);border-radius:50%;pointer-events:none}

/* ── LEFT ── */
.wp-max-perf-left{flex:1;position:relative;z-index:1}
.wp-max-perf-badge{display:inline-block;background:rgba(218,161,58,.15);color:#daa13a;padding:7px 14px;border-radius:8px;font-size:.72rem;font-weight:700;letter-spacing:.5px;margin-bottom:18px}
.wp-max-perf-left h2{color:#fff;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;margin:0 0 18px}
.wp-max-perf-desc{color:rgba(255,255,255,.82);font-size:.92rem;line-height:1.75;margin-bottom:32px}
.btn-wp-max-perf{background:#4ec3c9;color:#1a2332;font-weight:700;padding:13px 32px;border-radius:12px;border:none;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-size:.9rem}
.btn-wp-max-perf:hover{background:#42b8bd;transform:translateY(-2px);box-shadow:0 8px 24px rgba(78,195,201,.25);color:#1a2332}

/* ── RIGHT ── */
.wp-max-perf-right{flex:0 0 320px;position:relative;z-index:1}
.wp-max-perf-chart-title{color:rgba(255,255,255,.5);font-size:.7rem;font-weight:700;letter-spacing:.5px;text-align:center;margin-bottom:16px}
.wp-max-perf-chart{display:flex;align-items:flex-end;justify-content:center;gap:32px}
.wp-max-perf-item{text-align:center}
.wp-max-perf-bar-wrap{display:flex;align-items:flex-end;justify-content:center;height:160px;margin-bottom:12px}
.wp-max-perf-bar{border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;width:90px}
.wp-max-perf-bar--standard{height:65px;background:linear-gradient(180deg,#4a5568 0%,#2d3748 100%)}
.wp-max-perf-bar--premium{height:160px;background:linear-gradient(180deg,#e0c94a 0%,#4ec3c9 100%);color:#1a2332}
.wp-max-perf-item-name{color:#fff;font-size:.82rem;margin-bottom:4px;line-height:1.4}
.wp-max-perf-item-val{color:rgba(255,255,255,.6);font-size:.75rem;margin-bottom:0}
.wp-max-perf-item-note{color:rgba(255,255,255,.5);font-size:.72rem;margin-bottom:0;line-height:1.4}

@media(max-width:992px){
  .wp-max-perf-box{flex-direction:column;gap:40px;padding:44px 32px}
  .wp-max-perf-right{flex:none;width:100%}
}


/*! cta.css */
/* ── CTA BOX ──────────────────────────────────────────────────── */
.cta{padding:80px 0;background:#fff}
.cta-box{background:linear-gradient(135deg,#1eb1b4 0%,#12888b 100%);border-radius:24px;padding:64px 48px;position:relative;overflow:hidden;text-align:center}
.cta-box::before{content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;background:rgba(255,255,255,.07);border-radius:50%;pointer-events:none}
.cta-box::after{content:'';position:absolute;bottom:-100px;left:-60px;width:260px;height:260px;background:rgba(255,255,255,.05);border-radius:50%;pointer-events:none}
.cta-box h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:12px;position:relative}
.cta-box p{color:rgba(255,255,255,.85);font-size:.95rem;margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.7;position:relative}
.cta-btns{display:flex;gap:12px;justify-content:center;position:relative}
.btn-c1{background:#fff;color:var(--accent);font-weight:700;padding:13px 32px;border-radius:50px;border:none;transition:all .3s;text-decoration:none;font-size:.9rem;display:inline-block}
.btn-c1:hover{background:rgba(255,255,255,.92);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15);color:var(--accent)}
.btn-c2{background:rgba(0,0,0,.15);color:#fff;font-weight:600;padding:13px 32px;border-radius:50px;border:1.5px solid rgba(255,255,255,.3);transition:all .3s;text-decoration:none;font-size:.9rem;display:inline-block}
.btn-c2:hover{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.55);color:#fff;transform:translateY(-2px)}

.cta-disclaimer{	color: rgba(255, 255, 255, .5) !important;
	font-size: .65rem !important;
	margin: 0 auto !important;
	position: absolute !important;
	bottom: 12px;
	left: 0;
	right: 0;
	line-height: 1.4 !important;
	padding: 0 48px;}

@media(max-width:768px){
  .cta{padding:24px 0 48px}
  .cta-box{padding:40px 24px 32px}
  .cta-btns{flex-direction:column;align-items:center}
  .btn-c1,.btn-c2{width:100%;max-width:280px;text-align:center}
  /* Disclaimer: na mobile staje się normalnym elementem pod przyciskami, bez overlappingu */
  .cta-disclaimer{position:static!important;padding:0!important;margin:20px auto 0!important;max-width:320px}
}


/*! footer.css */
.ft{background:var(--dark-bg);border-top:1px solid rgba(255,255,255,.06);padding:48px 0 24px}
.ft-h{font-family:'Poppins',sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--txt-light);margin-bottom:16px}
.ft-links{list-style:none;padding:0}
.ft-links li{margin-bottom:8px}
.ft-links a{color:var(--txt-muted);font-size:.85rem;text-decoration:none;transition:color .2s}
.ft-links a:hover{color:var(--accent)}
.ft-bot{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;margin-top:32px;display:flex;justify-content:space-between;align-items:center}
.ft-bot p{color:var(--txt-muted);font-size:.8rem;margin:0}
.ft-soc a{color:var(--txt-muted);font-size:1rem;margin-left:16px;transition:color .2s}
.ft-soc a:hover{color:var(--accent)}

@media(max-width:768px){.ft-bot{flex-direction:column;gap:12px;text-align:center}}

/* ── Partner / Technologia / Płatności — logotypy w 3 kolumnach ── */
.ft-trust{margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ft-trust-block{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ft-trust-lbl{font-family:'Poppins',sans-serif;font-size:.68rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--txt-muted)}
.ft-trust-lbl::before{content:'';display:inline-block;width:24px;height:1px;background:var(--accent);vertical-align:middle;margin-right:8px}
.ft-logos{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;min-height:32px}

/* Obrazy logotypów — wyciszone na dark bg, z akcentem na hover */
.ft-logo-img{height:28px;width:auto;display:block;opacity:.6;filter:brightness(1.4) saturate(.6);transition:opacity .25s,filter .25s,transform .25s}
.ft-logo-img:hover{opacity:1;filter:brightness(1) saturate(1);transform:translateY(-1px)}
.ft-logo-img-tall{height:36px}
.ft-logo-nginx{width:100px;height:auto}
.ft-logo-amd{height:22px}
.ft-logo-intel{height:22px}

/* Siatki 2-wierszowe dla technologii i płatności */
.ft-logos-grid{display:grid;align-items:center;justify-items:center;row-gap:16px;column-gap:20px;min-height:auto}
.ft-logos-tech{grid-template-columns:repeat(2,1fr)}
.ft-logos-pay{grid-template-columns:repeat(3,1fr)}

/* Ikony płatności (Google Pay, Apple Pay, Visa, Mastercard) — czyste glyphs bez ramki */
.ft-logo-pay{font-size:2rem;color:rgba(255,255,255,.6);transition:color .25s,transform .25s;line-height:1}
.ft-logo-pay:hover{color:#fff;transform:translateY(-1px)}

/* Tekstowe "logotypy" dla brakujących plików SVG */
.ft-logo-text{font-family:'Poppins',sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.3px;color:rgba(255,255,255,.55);transition:color .2s}
.ft-logo-text:hover{color:#fff}
.ft-logo-chip{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:6px 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px}
.ft-logo-chip i{font-size:1.15rem;color:rgba(255,255,255,.8)}
.ft-logo-chip:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.03)}
.ft-logo-blik{color:#ff6a00;border-color:rgba(255,106,0,.35);letter-spacing:1.2px}
.ft-logo-blik:hover{color:#ff8a3a;border-color:rgba(255,106,0,.6);background:rgba(255,106,0,.06)}

@media(max-width:991px){
  .ft-trust{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:640px){
  .ft-trust{grid-template-columns:1fr;gap:24px;margin-top:28px;padding-top:24px}
  .ft-logos{gap:14px 18px}
  .ft-logo-img{height:24px}
  .ft-logo-img-tall{height:30px}
  .ft-logo-nginx{width:80px;height:auto}
  .ft-logo-amd{height:18px}
  .ft-logo-intel{height:18px}
  .ft-logo-pay{font-size:1.7rem}
  .ft-logo-chip{font-size:.75rem;padding:5px 10px}
}


/*! wordpress.css */
/* ── HERO WORDPRESS ─────────────────────────────────────────── */
.hero-woo{background:var(--dark-bg);padding:60px 0 24px}

/* ── BRUTTO/NETTO TOGGLE ─────────────────────────────────────── */
.pricing-woo{background:#f8fafc;padding-top:48px}
.brutto-netto-toggle{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:12px;background:#fff;border:0;border-radius:50px;padding:6px 20px;margin-bottom:40px;box-shadow:none}
.bn-label{font-size:.75rem;font-weight:700;letter-spacing:1px;color:var(--txt-muted);cursor:pointer;transition:color .2s;white-space:nowrap}
#bn-brutto-label.active{color:var(--accent)}
.bn-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;margin:0}
.bn-switch input{opacity:0;width:0;height:0}
/* Default state (unchecked = BRUTTO) → slider turkus, knob on RIGHT pointing to BRUTTO */
.bn-slider{position:absolute;inset:0;background:var(--accent);border-radius:50px;transition:.3s}
.bn-slider::before{content:'';position:absolute;height:18px;width:18px;right:3px;top:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 4px rgba(0,0,0,.2)}
/* Checked (NETTO) → slider szary, knob na LEWO do NETTO */
.bn-switch input:checked + .bn-slider{background:#e2e8f0}
.bn-switch input:checked + .bn-slider::before{transform:translateX(-20px)}

/* ── DLACZEGO WORDPRESS ─────────────────────────────────────── */
.woo-why{padding:80px 0;background:#fff}
.woo-why-card{display:flex;gap:24px;padding:32px;border:1px solid var(--border);border-radius:20px;height:100%;transition:all .3s}
.woo-why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.woo-why-icon{width:56px;height:56px;border-radius:14px;background:rgba(251,191,36,.12);color:#f59e0b;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.woo-why-icon.accent{background:rgba(30,177,180,.1);color:var(--accent)}
.woo-why-content h5{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--txt-dark)}
.woo-why-content p{font-size:.9rem;color:var(--txt-body);line-height:1.7;margin:0}
.woo-why-content em{font-style:normal;color:var(--accent);font-weight:600}

/* ── SPEC TABLE ─────────────────────────────────────────────── */
.spec-table-sec{padding:80px 0;background:var(--bg-alt)}
.spec-table-sec .sec-sub{margin-bottom:32px}
.spec-table-wrap{overflow-x:auto;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.06)}
.spec-table{width:100%;border-collapse:collapse;background:#fff;font-size:.88rem}
.spec-table thead tr{background:var(--dark-bg)}
.spec-table th{padding:16px 20px;font-weight:700;font-size:.72rem;letter-spacing:.5px;text-transform:uppercase;color:var(--txt-muted);text-align:center;border-bottom:2px solid rgba(255,255,255,.06);line-height:1.4}
.spec-table th.spec-th-label{text-align:left;color:rgba(255,255,255,.5);min-width:180px}
.spec-table th.spec-featured{color:var(--accent);border-bottom-color:var(--accent)}
.spec-table tbody tr{border-bottom:1px solid var(--border)}
.spec-table tbody tr:last-child{border-bottom:none}
.spec-table tbody tr:nth-child(even){background:#fafbfc}
.spec-table tbody tr:hover{background:#f0fdfe}
.spec-table td{padding:14px 20px;text-align:center;color:var(--txt-body);font-weight:500}
.spec-table td.spec-row-label{text-align:left;color:var(--txt-body);font-weight:600;font-size:.82rem}
.spec-table td.spec-featured,.spec-table th.spec-featured{background:rgba(30,177,180,.06);border-left:1px solid rgba(30,177,180,.2);border-right:1px solid rgba(30,177,180,.2)}
.spec-table thead th.spec-featured{background:rgba(30,177,180,.15)}

/* ── MIGRATION CTA ──────────────────────────────────────────── */
.woo-migr-cta{padding:80px 0;background:var(--dark-bg);position:relative;overflow:hidden}
.woo-migr-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(30,177,180,.06),transparent 70%);pointer-events:none}
.woo-migr-cta h2{color:var(--txt-light);font-size:2rem;font-weight:700;margin-bottom:16px}
.woo-migr-cta p{color:var(--txt-muted);font-size:1rem;max-width:560px;margin:0 auto 32px;line-height:1.7}
.btn-migr-woo{display:inline-block;background:transparent;color:var(--txt-light);border:1px solid rgba(255,255,255,.3);padding:14px 36px;border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .3s}
.btn-migr-woo:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:var(--txt-light);transform:translateY(-2px)}

/* ── FAQ ────────────────────────────────────────────────────── */
.woo-faq{padding:80px 0;background:#fff}
.woo-faq .sec-title{margin-bottom:48px}
.woo-faq-list{max-width:760px;margin:0 auto}
.woo-faq-item{border-bottom:1px solid var(--border)}
.woo-faq-item:first-child{border-top:1px solid var(--border)}
.woo-faq-item summary{padding:20px 0;font-weight:600;font-size:1rem;color:var(--txt-dark);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.woo-faq-item summary::-webkit-details-marker{display:none}
.woo-faq-item summary::after{content:'+';font-size:1.4rem;font-weight:300;color:var(--txt-muted);flex-shrink:0;transition:transform .25s}
.woo-faq-item[open] summary::after{transform:rotate(45deg)}
.woo-faq-item[open] summary{color:var(--accent)}
.woo-faq-body{padding:0 0 20px}
.woo-faq-body p{color:var(--txt-body);font-size:.93rem;line-height:1.75;margin:0}

/* ── SPEC TABLE INFO TOOLTIP (JS-positioned, fixed) ─────────────── */
.spec-info{display:inline-flex;align-items:center;cursor:pointer;color:var(--accent);vertical-align:middle;margin-left:3px}
.spec-info i{font-size:.65rem;color:var(--accent);transition:color .2s}
.spec-info:hover i,.spec-info:focus i{color:var(--accent)}
.spec-tooltip{display:none}
.spec-tooltip-fixed{position:fixed;z-index:9999;pointer-events:none;width:220px;background:var(--dark-bg);color:var(--txt-light);font-size:.76rem;font-weight:400;line-height:1.6;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.35);transform:translate(-50%,-100%);display:none}
.spec-tooltip-fixed::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--dark-bg)}

@media(max-width:768px){
  .woo-why-card{flex-direction:column}
  .woo-migr-cta h2{font-size:1.6rem}
  .spec-table th,.spec-table td{padding:12px 10px;font-size:.78rem}
  .spec-table td.spec-row-label{min-width:130px}
}

/* Spec table — pogrupowany wiersz "Pojemność NVMe" + podpozycje */
.spec-table .spec-row-hint{font-weight:400;color:var(--txt-muted);font-size:.82em}
.spec-table .spec-row-sub td{color:var(--txt-muted);font-size:.88em;background:rgba(15,23,42,.015)}
.spec-table .spec-row-sub .spec-row-label{padding-left:18px;font-weight:400}

/* Premium: 5 kart w jednym wierszu na desktop — rozciąga się na 100% szerokości okna */
@media (min-width: 992px){
  .pricing-woo .row.g-4{
    display:flex;
    flex-wrap:nowrap;
    gap:18px;
    --bs-gutter-x:0;
    --bs-gutter-y:0;
    /* Break-out z containera, ale ograniczone do max 1500px i wyśrodkowane */
    width:min(1500px,100vw);
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
    padding-top:24px;
    padding-bottom:12px;
    padding-left:32px;
    padding-right:32px;
    box-sizing:border-box;
    position:relative;
    left:50%;
    transform:translateX(-50%);
  }
  .pricing-woo .row.g-4 > [class*="col-"]{
    flex:1 1 0;
    min-width:0;
    max-width:none;
    padding:0;
  }
  /* Bardzo wąski desktop (lg, 992-1099) — włącz przewijanie horyzontalne */
  @media (max-width:1099px){
    .pricing-woo .row.g-4{overflow-x:auto;scroll-snap-type:x proximity}
    .pricing-woo .row.g-4 > [class*="col-"]{flex:0 0 220px;scroll-snap-align:start}
  }
  /* Estetyczny scrollbar */
  .pricing-woo .row.g-4::-webkit-scrollbar{height:6px}
  .pricing-woo .row.g-4::-webkit-scrollbar-track{background:transparent}
  .pricing-woo .row.g-4::-webkit-scrollbar-thumb{background:rgba(15,23,42,.15);border-radius:3px}
  .pricing-woo .row.g-4::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.3)}
}

/* ── Sekcja "Który hosting" / "Premium czy klasyczny" (WP ↔ Premium) ── */
.cmp-compare{padding:64px 0;background:var(--bg-alt,#f8fafc)}
.cmp-compare .sec-title{margin-bottom:8px}
.cmp-compare .sec-sub{margin-bottom:40px}
.cmp-choice{background:#fff;border:1px solid var(--border);border-radius:18px;padding:32px 28px;height:100%;display:flex;flex-direction:column;transition:all .3s}
.cmp-choice:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.08)}
.cmp-choice-prem{border-color:rgba(30,177,180,.3);background:linear-gradient(160deg,#fff,rgba(30,177,180,.02))}
.cmp-choice-badge{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--accent);padding:6px 14px;border:1px solid rgba(30,177,180,.25);background:rgba(30,177,180,.06);border-radius:999px;margin-bottom:18px;align-self:flex-start}
.cmp-choice-badge--prem{color:#d97706;border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.08)}
.cmp-choice-badge--prem i{color:#f59e0b}
.cmp-choice h3{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:700;color:var(--txt-dark);margin-bottom:14px}
.cmp-choice ul{list-style:none;padding:0;margin:0 0 22px;flex:1}
.cmp-choice ul li{position:relative;padding:7px 0 7px 24px;font-size:.92rem;line-height:1.55;color:var(--txt-body);border-bottom:1px solid rgba(15,23,42,.05)}
.cmp-choice ul li:last-child{border-bottom:none}
.cmp-choice ul li::before{content:'✓';position:absolute;left:0;top:7px;color:var(--accent);font-weight:800}
.cmp-choice ul li strong{color:var(--txt-dark)}
.cmp-choice-cta{display:inline-block;background:var(--accent);color:#fff!important;font-weight:700;padding:12px 22px;border-radius:10px;text-decoration:none;text-align:center;transition:all .25s}
.cmp-choice-cta:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,177,180,.25)}
.cmp-choice-cta--out{background:#fff;color:var(--accent)!important;border:2px solid var(--accent)}
.cmp-choice-cta--out:hover{background:rgba(30,177,180,.06)}
@media(max-width:768px){.cmp-compare{padding:48px 0}.cmp-choice{padding:24px 20px}}


/*! services.css */
/* ── SHARED SERVICE STYLES ──────────────────────────────────── */
.svc-badge-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:6px}
.svc-hero{padding:100px 0 80px}

/* ── SERVICE FEATURE CARDS ──────────────────────────────────── */
.svc-cards{padding:80px 0;background:#fff}
.svc-card{padding:36px 32px;border:1px solid var(--border);border-radius:20px;height:100%;transition:all .3s}
.svc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.svc-icon{width:52px;height:52px;border-radius:14px;background:rgba(251,191,36,.12);color:#f59e0b;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:20px}
.svc-icon.accent{background:rgba(30,177,180,.1);color:var(--accent)}
.svc-icon.blue{background:rgba(59,130,246,.1);color:#3b82f6}
.svc-icon.purple{background:rgba(139,92,246,.1);color:#8b5cf6}
.svc-icon.yellow{background:rgba(251,191,36,.12);color:#f59e0b}
.svc-card h5{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--txt-dark)}
.svc-card p{font-size:.92rem;color:var(--txt-body);line-height:1.7;margin:0}

/* ── PROCESS STEPS ──────────────────────────────────────────── */
.svc-process{padding:80px 0;background:var(--bg-alt)}
.svc-process .sec-title{margin-bottom:48px}
.proc-step{text-align:center;position:relative;padding:0 16px}
.proc-num{font-family:'Poppins',sans-serif;font-size:3.5rem;font-weight:700;color:var(--border);line-height:1;margin-bottom:16px}
.proc-step h5{font-size:1rem;font-weight:700;color:var(--txt-dark);margin-bottom:8px}
.proc-step p{font-size:.88rem;color:var(--txt-body);line-height:1.65;margin:0}
.proc-conn{position:absolute;top:28px;right:-24px;width:48px;height:2px;background:var(--border)}

/* ── PROG CTA DARK ──────────────────────────────────────────── */
.svc-cta-dark{padding:80px 0;background:linear-gradient(135deg,#1a2540,#0f1b30)}
.svc-cta-dark h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:16px}
.svc-cta-dark p{color:var(--txt-muted);max-width:520px;margin:0 auto 32px;line-height:1.7}
.btn-svc-cta{display:inline-block;background:var(--accent);color:#fff;padding:14px 36px;border-radius:10px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .3s}
.btn-svc-cta:hover{background:var(--accent-dark);transform:translateY(-2px)}

/* ── OPIEKA HERO ────────────────────────────────────────────── */
.opieka-hero{text-align:left}
.opieka-hero h1,.opieka-hero .hero-desc{text-align:left}
.opieka-hero .hero-desc{margin-left:0;margin-right:0}
.opieka-hero .hero-btns{justify-content:flex-start}
.opieka-icon-wrap{width:240px;height:320px;background:rgba(30,177,180,.08);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:6rem;color:var(--accent);border:2px solid rgba(30,177,180,.15);overflow:hidden}

/* ── OPIEKA PRICING ─────────────────────────────────────────── */
.opieka-pricing{padding:80px 0;background:var(--bg-alt)}
.opieka-pricing .sec-title{margin-bottom:48px}
.op-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:36px 32px;height:100%;position:relative;transition:all .3s}
.op-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.op-card.op-featured{border:2px solid var(--accent)}
.op-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:5px 18px;border-radius:6px;letter-spacing:.5px;white-space:nowrap}
.op-card h4{font-size:1.3rem;font-weight:700;color:var(--txt-dark);margin-bottom:12px}
.op-price{margin-bottom:24px}
.op-pr{font-family:'Poppins',sans-serif;font-size:3rem;font-weight:700;color:var(--txt-dark)}
.op-per{font-size:.85rem;color:var(--txt-muted)}
.op-list{list-style:none;padding:0;margin:0 0 28px}
.op-list li{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--txt-body)}
.op-list li:last-child{border-bottom:none}
.op-list li i{color:var(--accent);flex-shrink:0;margin-top:3px}
.btn-op-out,.btn-op-fill{width:100%;padding:12px;border-radius:10px;font-weight:600;font-size:.9rem;text-align:center;text-decoration:none;display:block;transition:all .3s}
.btn-op-out{background:transparent;color:var(--txt-dark);border:2px solid var(--border)}
.btn-op-out:hover{border-color:var(--accent);color:var(--accent)}
.btn-op-fill{background:var(--accent);color:#fff;border:none}
.btn-op-fill:hover{background:var(--accent-dark);color:#fff;transform:translateY(-2px)}

/* ── MIGRACJA HERO ──────────────────────────────────────────── */
.migr-hero{text-align:left}
.migr-hero h1,.migr-hero .hero-desc{text-align:left}
.migr-hero .hero-desc{margin-left:0;margin-right:0}
.migr-hero .hero-btns{justify-content:flex-start}
.migr-hero-img{width:220px;height:294px;background:rgba(30,177,180,.08);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:5.5rem;color:var(--accent);border:2px solid rgba(30,177,180,.15);overflow:hidden}

/* ── PROGRAMOWANIE HERO ─────────────────────────────────────── */
.progr-hero{text-align:left}
.progr-hero h1,.progr-hero .hero-desc{text-align:left}
.progr-hero .hero-desc{margin-left:0;margin-right:0}
.progr-hero .hero-btns{justify-content:flex-start}
.progr-hero-img{width:240px;height:320px;background:rgba(30,177,180,.08);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(30,177,180,.15);overflow:hidden}

/* ── Hero image wrappers — picture/img layout ───────────────── */
.opieka-icon-wrap picture,.migr-hero-img picture,.progr-hero-img picture{display:block;width:100%;height:100%}
.opieka-icon-wrap img,.migr-hero-img img,.progr-hero-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ── PROMO BAR ──────────────────────────────────────────────── */
.migr-promo-bar{background:var(--yellow);padding:12px 0;font-size:.9rem;font-weight:500;color:var(--dark-bg)}
.migr-promo-bar .promo-tag{background:var(--dark-bg);color:var(--yellow);font-size:.7rem;font-weight:700;text-transform:uppercase;padding:3px 10px;border-radius:4px;letter-spacing:.5px;margin-right:10px}
.migr-promo-bar a{color:var(--dark-bg);font-weight:700;text-decoration:underline;margin-left:6px}

/* ── MIGRACJA MAIN ──────────────────────────────────────────── */
.migr-main{padding:80px 0;background:#fff}
.migr-steps-title{font-size:1.1rem;font-weight:700;color:var(--txt-dark);margin-bottom:28px;display:flex;align-items:center;gap:8px}
.migr-steps-title i{color:var(--accent)}
.migr-steps{display:flex;flex-direction:column;gap:0}
.migr-step{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--border)}
.migr-step:last-child{border-bottom:none}
.migr-step-num{width:40px;height:40px;border-radius:50%;background:rgba(30,177,180,.1);border:2px solid rgba(30,177,180,.3);color:var(--accent);font-family:'Poppins',sans-serif;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.migr-step h6{font-size:.95rem;font-weight:700;color:var(--txt-dark);margin-bottom:6px}
.migr-step p{font-size:.88rem;color:var(--txt-body);line-height:1.7;margin:0}

/* ── MIGRATION FORM ─────────────────────────────────────────── */
.migr-form-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:20px;padding:36px 32px}
.migr-form-card h3{font-size:1.3rem;font-weight:700;color:var(--txt-dark);margin-bottom:6px}
.migr-form-sub{font-size:.85rem;color:var(--txt-muted);margin-bottom:24px}
.mf-group{margin-bottom:16px}
.mf-group label{display:block;font-size:.82rem;font-weight:600;color:var(--txt-body);margin-bottom:6px}
.mf-group input,.mf-group textarea{width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:.9rem;color:var(--txt-dark);font-family:'DM Sans',sans-serif;outline:none;transition:border-color .2s;resize:none}
.mf-group input:focus,.mf-group textarea:focus{border-color:var(--accent)}
.mf-check{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:var(--txt-muted);margin-bottom:20px;cursor:pointer}
.mf-check input{flex-shrink:0;margin-top:3px;accent-color:var(--accent)}
.btn-migr-submit{width:100%;background:var(--accent);color:#fff;border:none;padding:13px;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s;font-family:'DM Sans',sans-serif}
.btn-migr-submit:hover{background:var(--accent-dark);transform:translateY(-2px)}

/* ── PROMO SECTION ──────────────────────────────────────────── */
.migr-promo-sec{padding:60px 0;background:var(--bg-alt)}
.migr-promo-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:40px 48px}
.migr-promo-card h3{font-size:1.4rem;font-weight:700;color:var(--txt-dark);margin-bottom:14px}
.migr-promo-card p{font-size:.92rem;color:var(--txt-body);line-height:1.7;margin-bottom:12px}
.migr-promo-note{font-size:.82rem;color:var(--txt-muted) !important}
.migr-promo-link{color:var(--accent);font-weight:600;text-decoration:none;font-size:.88rem}
.migr-promo-link:hover{color:var(--accent-dark)}
.migr-promo-badge{width:130px;height:130px;border-radius:50%;background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}
.mpb-num{font-family:'Poppins',sans-serif;font-size:1.4rem;font-weight:700;color:var(--dark-bg);line-height:1}
.mpb-label{font-size:.8rem;font-weight:700;color:var(--dark-bg);letter-spacing:1px}

@media(max-width:768px){
  .svc-cta-dark h2{font-size:1.6rem}
  .migr-promo-card{padding:28px 24px}
  .migr-form-card{padding:28px 24px}
  .opieka-hero,.migr-hero{text-align:center}
  .opieka-hero h1,.migr-hero h1{text-align:center}
  .opieka-hero .hero-desc,.migr-hero .hero-desc{text-align:center;margin-left:auto;margin-right:auto}
  .opieka-hero .hero-btns,.migr-hero .hero-btns{justify-content:center !important}
}

/* ── Paczki pocztowe ─────────────────────────────────── */
.paczki-pricing{padding:64px 0;background:var(--bg-alt)}
.paczki-table-wrap{overflow-x:auto;margin:32px 0 16px;border-radius:16px;box-shadow:0 4px 24px rgba(15,23,42,.06);background:#fff}
.paczki-table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem;min-width:480px}
.paczki-table thead{background:var(--dark-bg)}
.paczki-table thead th{padding:16px 22px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--txt-muted);text-align:left;border-bottom:2px solid rgba(255,255,255,.06)}
.paczki-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s}
.paczki-table tbody tr:last-child{border-bottom:none}
.paczki-table tbody tr:hover{background:#f0fdfe}
.paczki-table td{padding:16px 22px;color:var(--txt-body);font-weight:500;line-height:1.5}
.paczki-table td:nth-child(2),.paczki-table td:nth-child(3){font-family:'Poppins',sans-serif;font-weight:700;color:var(--txt-dark);white-space:nowrap}
.paczki-table tr.paczki-row-popular{background:rgba(30,177,180,.04)}
.paczki-table tr.paczki-row-popular td:nth-child(2),.paczki-table tr.paczki-row-popular td:nth-child(3){color:var(--accent)}
.paczki-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:5px;letter-spacing:.5px;margin-left:8px;vertical-align:middle}
.paczki-note{font-size:.85rem;color:var(--txt-muted);text-align:center;margin:14px 0 0}

.paczki-cta{padding:64px 0;background:#fff}
.paczki-cta-box{max-width:680px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#f0fafa 0%,#f8f9fa 100%);border:1px solid var(--border);border-radius:20px;padding:48px 32px}
.paczki-cta-icon{width:64px;height:64px;border-radius:50%;background:rgba(30,177,180,.12);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 18px}
.paczki-cta-box h2{font-size:1.6rem;font-weight:700;color:var(--txt-dark);margin-bottom:14px}
.paczki-cta-box p{font-size:1rem;color:var(--txt-body);line-height:1.7;margin-bottom:24px;max-width:520px;margin-left:auto;margin-right:auto}
.paczki-cta-box .btn-h1{display:inline-block;width:auto;min-width:240px;margin:0 auto 16px}
.paczki-cta-sub{font-size:.85rem;color:var(--txt-muted);margin:0 !important}

@media (max-width: 768px){
  .paczki-pricing,.paczki-cta{padding:48px 0}
  .paczki-table td,.paczki-table th{padding:12px 14px}
  .paczki-cta-box{padding:36px 22px}
  .paczki-cta-box h2{font-size:1.35rem}
}


/*! domains.css */
/* ── DOMAIN HERO ─────────────────────────────────────────────── */
.dom-hero{padding:80px 0 60px}
.dom-hero h1{font-size:3rem;font-weight:700;color:var(--txt-light);margin-bottom:16px}

.dom-toggle{display:inline-flex;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;gap:4px;margin-bottom:28px}
.dom-toggle-btn{background:transparent;border:none;color:var(--txt-muted);font-size:.9rem;font-weight:600;padding:10px 24px;border-radius:9px;cursor:pointer;transition:all .25s;font-family:'DM Sans',sans-serif}
.dom-toggle-btn.active{background:var(--accent);color:var(--dark-bg)}

.dom-search{max-width:680px;margin:0 auto 20px}
.dom-search-inner{display:flex;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px}
.dom-input{flex:1;background:transparent;border:none;outline:none;color:var(--txt-light);font-size:.95rem;font-family:'DM Sans',sans-serif;padding:10px 14px}
.dom-input::placeholder{color:var(--txt-muted)}
.dom-input-auth{flex:.8;border-left:1px solid rgba(255,255,255,.1)}
.dom-input-wide{flex:1}
.dom-search-btn{background:var(--accent);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;white-space:nowrap;font-family:'DM Sans',sans-serif;transition:background .2s}
.dom-search-btn:hover{background:var(--accent-dark)}

/* ── Domain finder (rejestracja) ─────────────────────────────── */
.dom-finder{max-width:760px;margin:24px auto 0;background:#fff;border-radius:14px;padding:14px;color:var(--txt-dark);box-shadow:0 6px 24px rgba(0,0,0,.18)}
.dom-finder-loader{text-align:center;padding:18px 0;color:var(--txt-muted)}
.dom-finder-loader p{margin:10px 0 0;font-size:.9rem}
.dom-finder-spinner{width:32px;height:32px;border:3px solid rgba(0,0,0,.08);border-top-color:var(--accent);border-radius:50%;margin:0 auto;animation:dom-spin .8s linear infinite}
@keyframes dom-spin{to{transform:rotate(360deg)}}
.dom-finder-result:empty,.dom-finder-props:empty{display:none}
.dom-finder-result{margin-bottom:8px}
.dom-finder-error{color:#c0392b;text-align:center;margin:0;font-size:.9rem}
.dom-search-btn.running{opacity:.6;cursor:wait}

/* API response styling */
.dom-finder .domain-check-list{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:#fff;margin:8px 0;flex-wrap:wrap}
.dom-finder .domain-check-list-text{flex:1;min-width:200px;text-align:left}
.dom-finder .domain-check-list-text h4{font-size:1rem;margin:0 0 4px;color:var(--txt-dark);font-weight:700;word-break:break-all}
.dom-finder .domain-check-list-text span{font-size:.84rem;color:var(--txt-muted);line-height:1.45}
.dom-finder .domain-check-list-text strong{color:var(--accent)}
.dom-finder .domain-check-list-button{display:flex;gap:8px;flex-wrap:wrap}
.dom-finder .domain-check-action{appearance:none;border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:700;font-size:.85rem;padding:9px 18px;border-radius:8px;cursor:pointer;font-family:'DM Sans',sans-serif;transition:background .2s,color .2s,opacity .2s;white-space:nowrap}
.dom-finder .domain-check-action:hover{background:var(--accent);color:#fff}
.dom-finder .domain-check-action.btn-success{background:#22c55e;border-color:#22c55e;color:#fff}
.dom-finder .domain-check-action.btn-success:hover{background:#16a34a;border-color:#16a34a}
.dom-finder .domain-check-action.running{opacity:.7;cursor:wait}
.dom-finder .domain-check-action[disabled]{opacity:.6;cursor:not-allowed}
.cart-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:dom-spin .7s linear infinite;vertical-align:middle;margin-right:6px}
.dom-finder-props .domain-check-list{background:#f8fafc}

.dom-info{max-width:600px;margin:0 auto;background:rgba(30,177,180,.06);border:1px solid rgba(30,177,180,.15);border-radius:12px;padding:16px 20px;text-align:left}
.dom-info p{font-size:.82rem;color:var(--txt-muted);margin:0 0 6px;line-height:1.6}
.dom-info p:last-child{margin:0}
.dom-info-hl{color:var(--accent);font-weight:600}
.dom-info-note{color:rgba(255,255,255,.45) !important}

/* ── COMPETITOR COMPARISON ──────────────────────────────────── */
.dom-cmp{padding:80px 0;background:#fff}
.dom-cmp .sec-title{margin-bottom:8px}
.dom-cmp-tld{color:var(--accent)}
.dom-cmp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin:40px 0 16px}
.dom-cmp-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;padding:20px 16px;text-align:center}
.dom-cmp-featured{background:var(--accent);border-color:var(--accent)}
.dom-cmp-name{font-size:.85rem;font-weight:700;color:var(--txt-dark);margin-bottom:8px}
.dom-cmp-featured .dom-cmp-name{color:var(--txt-light)}
.dom-cmp-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--txt-muted);margin-bottom:6px}
.dom-cmp-featured .dom-cmp-label{color:var(--txt-light)}
.dom-cmp-price{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:700;color:var(--txt-dark)}
.dom-cmp-price-featured{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:700;color:var(--txt-light);margin-bottom:8px}
.dom-cmp-diff{font-size:.75rem;font-weight:600;margin-top:4px}
.dom-cmp-diff.up{color:#ef4444}
.dom-cmp-best{display:inline-block;background:var(--dark-bg);color:var(--txt-light);font-size:.68rem;font-weight:700;text-transform:uppercase;padding:4px 12px;border-radius:6px;letter-spacing:.5px}
.dom-cmp-note{font-size:.75rem;color:var(--txt-muted);text-align:center;margin:0}

/* ── PRICING TABLE ──────────────────────────────────────────── */
.dom-pricing{padding:80px 0;background:var(--bg-alt)}
.dom-table-wrap{overflow-x:auto;margin:32px 0 24px}
.dom-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--border)}
.dom-table thead th{background:var(--dark-bg);color:var(--txt-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;text-align:left}
.dom-th-accent{color:var(--accent) !important}
.dom-table tbody tr{border-bottom:1px solid var(--border)}
.dom-table tbody tr:last-child{border-bottom:none}
.dom-table tbody tr:hover{background:var(--bg-alt)}
.dom-table td{padding:14px 20px;font-size:.95rem;color:var(--txt-body)}
.dom-tld{font-family:'Poppins',sans-serif;font-weight:700;color:var(--txt-dark);font-size:1rem}
.dom-free{color:#10b981;font-weight:700}
.dom-table tbody td.dom-th-accent{color:var(--txt-dark);font-weight:600}

.dom-rules{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:16px}
.dom-rules-title{font-size:.9rem;font-weight:700;color:var(--accent);margin-bottom:10px}
.dom-rules-title i{margin-right:6px}
.dom-rules ul{margin:0;padding-left:20px}
.dom-rules li{font-size:.85rem;color:var(--txt-body);line-height:1.7;margin-bottom:6px}
.dom-rules li:last-child{margin-bottom:0}
.dom-pricing-note{font-size:.8rem;color:var(--txt-muted);margin-top:8px}

/* ── FEATURES ───────────────────────────────────────────────── */
.dom-features{padding:80px 0;background:#fff}
.dom-feat-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:20px;padding:36px 32px;height:100%;transition:all .3s}
.dom-feat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.dom-feat-icon{width:52px;height:52px;border-radius:14px;background:rgba(30,177,180,.1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:20px}
.dom-feat-icon.accent{background:rgba(30,177,180,.1);color:var(--accent)}
.dom-feat-icon.blue{background:rgba(59,130,246,.1);color:#3b82f6}
.dom-feat-card h5{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--txt-dark)}
.dom-feat-card p{font-size:.92rem;color:var(--txt-body);line-height:1.7;margin:0}

/* ── TLD SHOWCASE ───────────────────────────────────────────── */
.dom-tld-sec{padding:80px 0;background:var(--bg-alt)}
.dom-tld-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:40px 0 0}
.dom-tld-item{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px 16px;text-align:center;position:relative;transition:all .3s}
.dom-tld-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.dom-tld-featured{border:2px solid var(--accent)}
.dom-tld-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;padding:3px 12px;border-radius:5px;letter-spacing:.5px;white-space:nowrap}
.dom-tld-ext{font-family:'Poppins',sans-serif;font-size:1.6rem;font-weight:700;color:var(--txt-dark);margin-bottom:8px}
.dom-tld-price-reg{font-family:'Poppins',sans-serif;font-size:1.2rem;font-weight:700;color:var(--accent);margin-bottom:6px}
.dom-tld-price-reg span{font-size:.8rem;color:var(--txt-muted);font-weight:400}
.dom-tld-desc{font-size:.8rem;color:var(--txt-muted)}
.dom-cennik-link{color:var(--accent);font-weight:600;font-size:.95rem;text-decoration:none}
.dom-cennik-link:hover{color:var(--accent-dark)}

/* ── PRICING MAIN (cennik page) ─────────────────────────────── */
.dom-pricing-main{padding:40px 0 80px;background:var(--bg-alt)}

.dom-tld-sec .sec-sub{margin-bottom:20px}

/* ── DOMAIN TABS ────────────────────────────────────────────── */
.dom-tabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--border)}
.dom-tab{appearance:none;background:transparent;border:none;font:inherit;font-size:.95rem;font-weight:600;color:var(--txt-muted);padding:10px 18px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.dom-tab:hover{color:var(--txt-dark)}
.dom-tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.dom-tab[disabled]{opacity:.5;cursor:default}

/* ── DOMAIN SEARCH FILTER ───────────────────────────────────── */
.dom-search-wrap{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.dom-search-filter{flex:1;max-width:420px;padding:11px 18px;border:1px solid var(--border);border-radius:10px;font-size:.95rem;font-family:inherit;color:var(--txt-dark);background:#fff;outline:none;transition:border-color .2s}
.dom-search-filter:focus{border-color:var(--accent)}
.dom-count{font-size:.85rem;color:var(--txt-muted);white-space:nowrap}
.dom-tld-loading{text-align:center;color:var(--txt-muted);font-size:.9rem;padding:24px 0}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media(max-width:992px){
  .dom-cmp-grid{grid-template-columns:repeat(4,1fr)}
  .dom-tld-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .dom-hero h1{font-size:2.2rem}
  .dom-search-inner{flex-direction:column}
  .dom-input-auth{border-left:none;border-top:1px solid rgba(255,255,255,.1)}
  .dom-search-btn{width:100%}
  .dom-tld-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .dom-cmp-grid{
    display:flex;
    grid-template-columns:none;
    flex-wrap:nowrap;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-left:16px;
    width:100vw;
    margin-left:calc(50% - 50vw);
    padding:8px 16px 16px;
    -webkit-overflow-scrolling:touch;
  }
  .dom-cmp-grid .dom-cmp-card{
    flex:0 0 160px;
    width:160px;
    scroll-snap-align:start;
  }
  .dom-cmp-grid::-webkit-scrollbar{height:4px}
  .dom-cmp-grid::-webkit-scrollbar-track{background:transparent}
  .dom-cmp-grid::-webkit-scrollbar-thumb{background:rgba(15,23,42,.12);border-radius:2px}
}


/*! reviews.css */
/* ── REVIEWS HERO ────────────────────────────────────────────── */
.rev-hero{padding:80px 0 60px}

.rev-score{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:10px 24px;margin-top:8px;flex-wrap:wrap;justify-content:center}
.rev-score-g{display:flex;align-items:center}
.rev-score-stars{display:flex;gap:3px;color:#fbbf24;font-size:.9rem}
.rev-tp-strip{display:inline-flex;gap:3px;align-items:center;padding:2px 0}
.rev-tp-strip svg{display:block}
.rev-score-num{font-family:'Poppins',sans-serif;font-weight:700;color:var(--txt-light);font-size:1.1rem}
.rev-score-sep{width:1px;height:18px;background:rgba(255,255,255,.15)}
.rev-score-count{font-size:.85rem;color:var(--txt-muted);font-weight:500}
.rev-score-source{font-size:.82rem;color:var(--txt-muted)}

/* ── REVIEWS GRID ────────────────────────────────────────────── */
.rev-grid-sec{padding:64px 0 80px;background:var(--bg-alt)}
.rev-grid{columns:3;column-gap:20px}
.rev-card{break-inside:avoid;background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:20px;display:inline-block;width:100%}
.rev-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);transition:all .3s}

.rev-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.rev-avatar{width:42px;height:42px;border-radius:50%;color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Poppins',sans-serif}
.rev-meta{flex:1}
.rev-name{font-size:.92rem;font-weight:700;color:var(--txt-dark)}
.rev-date{font-size:.78rem;color:var(--txt-muted)}
.rev-google-icon{flex-shrink:0;opacity:.7}
.rev-source-icon{flex-shrink:0;opacity:.85}

.rev-stars{display:flex;gap:3px;color:#fbbf24;font-size:.85rem;margin-bottom:8px}
.rev-title{font-size:.88rem;font-weight:700;color:var(--txt-dark);margin:0 0 6px;line-height:1.4}
.rev-text{font-size:.88rem;color:var(--txt-body);line-height:1.7;margin:0 0 14px}
.rev-service-tag{display:inline-block;background:rgba(30,177,180,.08);color:var(--accent);border:1px solid rgba(30,177,180,.2);font-size:.72rem;font-weight:600;padding:4px 12px;border-radius:20px}

/* ── REVIEWS CTA ─────────────────────────────────────────────── */
.rev-cta{padding:80px 0;background:linear-gradient(135deg,#1a2540,#0f1b30)}
.rev-cta h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:12px}
.rev-cta p{color:var(--txt-muted);margin-bottom:28px}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media(max-width:992px){.rev-grid{columns:2}}
@media(max-width:576px){.rev-grid{columns:1}.rev-score{gap:8px;padding:10px 16px}}


/*! classic.css */
/* ── HERO KLASYCZNY ──────────────────────────────────────────── */
.cls-hero{background:var(--dark-bg);padding:100px 0 80px}
.cls-hero-note{margin-top:28px;display:inline-block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 20px;font-size:.85rem;color:var(--txt-muted);line-height:1.6}
.cls-hero-note i{color:var(--accent);margin-right:6px}
.cls-hero-note a{color:var(--accent);text-decoration:none;font-weight:600}
.cls-hero-note a:hover{text-decoration:underline}

/* ── PRICING ─────────────────────────────────────────────────── */
.cls-pricing-sec{padding:80px 0;background:#f8fafc}
.cls-card{border:1px solid var(--border);border-radius:20px;padding:32px 28px;background:#fff;height:100%;transition:all .3s;position:relative}
.cls-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.cls-featured{border:2px solid var(--accent)}
.cls-name{font-size:1.25rem;font-weight:700;margin-bottom:4px;color:var(--txt-dark)}
.cls-sub{font-size:.88rem;color:var(--txt-muted);margin-bottom:16px}
.cls-price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}
.cls-pr{font-family:'Poppins',sans-serif;font-size:2.8rem;font-weight:700;color:var(--txt-dark);line-height:1}
.cls-pr-dec{font-size:1.4rem;vertical-align:top}
.cls-per{font-size:.85rem;color:var(--txt-body);font-weight:400}
.cls-annual{font-size:.78rem;color:var(--txt-muted);margin-bottom:20px}
.cls-annual strong{color:var(--txt-body)}
.cls-btn{margin-bottom:24px}
.cls-specs{list-style:none;padding:0;margin:0 0 20px;border-top:1px solid var(--border);padding-top:16px}
.cls-specs li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--txt-body)}
.cls-specs li:last-child{border-bottom:none}
.cls-specs li i{width:16px;text-align:center;color:var(--txt-muted);font-size:.85rem;flex-shrink:0}
.cls-specs li span{flex:1}
.cls-specs li strong{font-weight:600;color:var(--txt-dark)}
.cls-feat{margin-top:0}

/* ── CMS COMPATIBILITY ───────────────────────────────────────── */
.cls-cms-sec{padding:80px 0;background:#fff}
.cls-cms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 0 24px}
.cls-cms-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 16px;border:1px solid var(--border);border-radius:16px;transition:all .3s;cursor:default}
.cls-cms-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(30,177,180,.3)}
.cls-cms-item i{font-size:2.2rem;line-height:1}
.cls-cms-item span{font-size:.88rem;font-weight:600;color:var(--txt-dark)}
.cls-cms-note{font-size:.9rem;color:var(--txt-muted);max-width:520px;margin:0 auto}
.cls-cms-note strong{color:var(--txt-dark)}

/* ── DIRECTADMIN SECTION ─────────────────────────────────────── */
.cls-da-sec{padding:80px 0;background:var(--bg-alt)}
.cls-da-feature{display:flex;gap:14px;align-items:flex-start}
.cls-da-feature i{font-size:1.1rem;color:var(--accent);flex-shrink:0;margin-top:2px;width:20px;text-align:center}
.cls-da-feature strong{font-size:.9rem;font-weight:700;color:var(--txt-dark);display:block;margin-bottom:2px}
.cls-da-feature p{font-size:.82rem;color:var(--txt-muted);margin:0;line-height:1.5}

/* ── DA PREVIEW (browser mockup) ─────────────────────────────── */
.cls-da-preview{background:var(--dark-bg);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}
.cls-da-bar{background:#1e2334;display:flex;align-items:center;gap:6px;padding:10px 16px}
.cls-da-dot{width:10px;height:10px;border-radius:50%;background:#ff5f57;display:inline-block}
.cls-da-dot:nth-child(2){background:#febc2e}
.cls-da-dot:nth-child(3){background:#28c840}
.cls-da-url{flex:1;text-align:center;font-size:.72rem;color:rgba(255,255,255,.3);background:rgba(255,255,255,.05);border-radius:4px;padding:3px 10px;margin-left:8px}
.cls-da-body{display:flex;min-height:260px}
.cls-da-sidebar{width:140px;flex-shrink:0;background:#151b2d;padding:12px 0;border-right:1px solid rgba(255,255,255,.06)}
.cls-da-menu-item{display:flex;align-items:center;gap:8px;padding:9px 16px;font-size:.75rem;color:rgba(255,255,255,.4);cursor:pointer;transition:all .2s}
.cls-da-menu-item i{font-size:.75rem;width:14px;text-align:center}
.cls-da-menu-item.active{background:rgba(30,177,180,.12);color:var(--accent);border-right:2px solid var(--accent)}
.cls-da-content{flex:1;padding:20px}
.cls-da-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cls-da-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:14px;text-align:center}
.cls-da-stat-val{display:block;font-family:'Poppins',sans-serif;font-size:1.4rem;font-weight:700;color:var(--txt-light);line-height:1;margin-bottom:4px}
.cls-da-stat-lbl{display:block;font-size:.7rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.5px}

/* ── COMPARISON TABLE ────────────────────────────────────────── */
.cls-vs-sec{padding:80px 0;background:#fff}
.cls-vs-table-wrap{overflow-x:auto;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,.06);margin-top:40px;margin-bottom:32px}
.cls-vs-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}
.cls-vs-table thead tr{background:var(--dark-bg)}
.cls-vs-th-label{width:220px;padding:16px 20px}
.cls-vs-th{padding:16px 24px;font-weight:700;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;color:var(--txt-muted);text-align:center}
.cls-vs-th.cls-vs-wp{color:var(--accent);background:rgba(30,177,180,.1)}
.cls-vs-table tbody tr{border-bottom:1px solid var(--border)}
.cls-vs-table tbody tr:last-child{border-bottom:none}
.cls-vs-table tbody tr:nth-child(even){background:#fafbfc}
.cls-vs-table tbody tr:hover{background:#f0fdfe}
.cls-vs-label{padding:14px 20px;font-weight:600;font-size:.85rem;color:var(--txt-body);text-align:left}
.cls-vs-table td{padding:14px 24px;text-align:center;color:var(--txt-body)}
.cls-vs-val{font-weight:500;color:var(--txt-body)}
.cls-vs-table td.cls-vs-wp{background:rgba(30,177,180,.04);border-left:1px solid rgba(30,177,180,.15)}
.cls-vs-win{font-weight:700;color:var(--accent)}
.cls-vs-win i{margin-right:5px;font-size:.8rem}
.cls-vs-no{color:#94a3b8;font-weight:500}
.cls-vs-no i{margin-right:4px;font-size:.8rem}

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media(max-width:991px){
  .cls-cms-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:768px){
  .cls-pr{font-size:2.2rem}
  .cls-cms-grid{grid-template-columns:repeat(2,1fr)}
  .cls-da-sidebar{width:110px}
  .cls-da-menu-item{font-size:.7rem;padding:8px 10px}
  .cls-vs-table{font-size:.8rem}
  .cls-vs-th,.cls-vs-label,.cls-vs-table td{padding:12px 12px}
  .cls-vs-th-label{width:140px}
  .cls-da-sec .sec-title{font-size:1.6rem}
  .cls-hero-note{font-size:.8rem}
}
@media(max-width:480px){
  .cls-cms-grid{grid-template-columns:repeat(2,1fr)}
}

/* Mobile + tablet (≤991px): horyzontalny scroll kart pakietów — taki sam mechanizm jak na .pricing */
@media (max-width: 991px){
  .cls-pricing-sec .row.g-4{
    display:flex;
    flex-wrap:nowrap;
    gap:16px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-left:16px;
    --bs-gutter-x:0;
    --bs-gutter-y:0;
    width:100vw;
    margin-left:calc(50% - 50vw);
    padding:24px 16px 20px;
    -webkit-overflow-scrolling:touch;
    justify-content:flex-start;
  }
  .cls-pricing-sec .row.g-4 > [class*="col-"]{
    flex:0 0 78%;
    min-width:260px;
    max-width:320px;
    padding:0;
    scroll-snap-align:start;
  }
  .cls-pricing-sec .row.g-4::-webkit-scrollbar{height:4px}
  .cls-pricing-sec .row.g-4::-webkit-scrollbar-track{background:transparent}
  .cls-pricing-sec .row.g-4::-webkit-scrollbar-thumb{background:rgba(15,23,42,.12);border-radius:2px}
}


/*! speedtest.css */
/* ── HERO ─────────────────────────────────────────────────────── */
.spd-hero{background:var(--dark-bg);padding:90px 0 80px;position:relative;overflow:hidden}
.spd-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(30,177,180,.07),transparent 60%);pointer-events:none}

.spd-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3);border-radius:50px;padding:6px 18px;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:24px}
.spd-hero-badge i{font-size:.75rem}

.spd-hero h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--txt-light);line-height:1.2;margin-bottom:16px;text-align:left}

/* ── FORM CARD ───────────────────────────────────────────────── */
.spd-form-card{background:#fff;border-radius:20px;padding:28px 28px 20px;margin-top:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.spd-group{margin-bottom:16px}
.spd-group label{display:block;font-size:.82rem;font-weight:600;color:var(--txt-dark);margin-bottom:6px}
.spd-group input{width:100%;padding:11px 16px;border:1.5px solid var(--border);border-radius:10px;font-size:.9rem;color:var(--txt-dark);background:#fff;transition:border-color .2s;font-family:inherit;outline:none}
.spd-group input:focus{border-color:var(--accent)}
.btn-spd-submit{width:100%;background:var(--yellow);color:var(--dark-bg);border:none;border-radius:10px;padding:13px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .3s;margin-top:4px;margin-bottom:12px}
.btn-spd-submit:hover{background:var(--yellow-dark);color:var(--dark-bg);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,215,60,.3)}
.spd-form-note{font-size:.73rem;color:var(--txt-muted);text-align:center;line-height:1.5;margin:0}

/* ── TTFB CARD ───────────────────────────────────────────────── */
.spd-ttfb-card{background:#0f1525;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.spd-ttfb-header h5{font-size:1.05rem;font-weight:700;color:var(--txt-light);margin-bottom:4px}
.spd-ttfb-header p{font-size:.8rem;color:rgba(255,255,255,.4);margin-bottom:24px}

.spd-bars{display:flex;flex-direction:column;gap:14px}
.spd-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.spd-bar-name{font-size:.82rem;color:rgba(255,255,255,.6);font-weight:500}
.spd-bar-val{font-size:.82rem;font-weight:700;color:rgba(255,255,255,.8);font-family:'Poppins',sans-serif}
.spd-bar-row.spd-bar-jdm .spd-bar-name{color:var(--accent);font-weight:700}
.spd-bar-row.spd-bar-jdm .spd-bar-val{color:var(--accent)}
.spd-bar-track{height:8px;background:rgba(255,255,255,.07);border-radius:50px;overflow:hidden}
.spd-bar{height:100%;border-radius:50px;transition:width .8s ease}
.spd-bar--jdm{background:var(--accent)}
.spd-bar--1{background:#f97316}
.spd-bar--2{background:#3b82f6}
.spd-bar--3{background:#a855f7}

.spd-ttfb-note{font-size:.72rem;color:rgba(255,255,255,.3);line-height:1.6;margin:20px 0 16px}
.spd-cwv-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(30,177,180,.1);border:1px solid rgba(30,177,180,.25);color:var(--accent);border-radius:8px;padding:8px 16px;font-size:.78rem;font-weight:600}
.spd-cwv-badge i{font-size:.85rem}

/* ── HOW SECTION ─────────────────────────────────────────────── */
.spd-how-sec{padding:80px 0;background:#f8fafc}
.spd-step{background:#fff;border:1px solid var(--border);border-radius:20px;padding:32px 28px;height:100%;text-align:center;transition:all .3s}
.spd-step:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.spd-step-icon{width:56px;height:56px;border-radius:16px;background:rgba(30,177,180,.1);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 20px}
.spd-step h5{font-size:1rem;font-weight:700;color:var(--txt-dark);margin-bottom:10px}
.spd-step p{font-size:.88rem;color:var(--txt-body);line-height:1.7;margin:0}

/* ── WHY SECTION ─────────────────────────────────────────────── */
.spd-why-sec{padding:80px 0;background:var(--dark-bg);position:relative;overflow:hidden}
.spd-why-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(30,177,180,.06),transparent 60%);pointer-events:none}
.spd-why-list{display:flex;flex-direction:column;gap:24px;margin-top:36px}
.spd-why-point{display:flex;gap:16px;align-items:flex-start}
.spd-why-num{width:36px;height:36px;border-radius:50%;background:rgba(30,177,180,.15);border:1px solid rgba(30,177,180,.3);color:var(--accent);font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Poppins',sans-serif}
.spd-why-point strong{display:block;font-size:.95rem;font-weight:700;color:var(--txt-light);margin-bottom:4px}
.spd-why-point p{font-size:.85rem;color:var(--txt-muted);line-height:1.7;margin:0}

/* ── FAQ CARD (dark) ─────────────────────────────────────────── */
.spd-faq-card{background:#0f1525;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.spd-faq-card h5{font-size:1rem;font-weight:700;color:var(--txt-light);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}
.spd-faq-item{border-bottom:1px solid rgba(255,255,255,.06)}
.spd-faq-item:last-child{border-bottom:none}
.spd-faq-item summary{padding:14px 0;font-size:.88rem;font-weight:600;color:rgba(255,255,255,.7);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:color .2s}
.spd-faq-item summary::-webkit-details-marker{display:none}
.spd-faq-item summary::after{content:'+';font-size:1.2rem;font-weight:300;color:rgba(255,255,255,.3);flex-shrink:0;transition:transform .25s}
.spd-faq-item[open] summary{color:var(--accent)}
.spd-faq-item[open] summary::after{transform:rotate(45deg);color:var(--accent)}
.spd-faq-body{padding:0 0 16px}
.spd-faq-body p{font-size:.83rem;color:rgba(255,255,255,.45);line-height:1.7;margin:0}

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media(max-width:991px){
  .spd-hero{padding:70px 0 60px}
  .spd-hero h1{font-size:2rem}
}
@media(max-width:768px){
  .spd-hero h1{font-size:1.8rem}
  .spd-form-card{padding:20px}
  .spd-ttfb-card{padding:20px}
}


/*! kontakt.css */
/* ── HERO ─────────────────────────────────────────────────────── */
.ctk-hero{background:var(--dark-bg);padding:100px 0 0;text-align:center;position:relative;overflow:hidden}
.ctk-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(30,177,180,.07),transparent 65%);pointer-events:none}
.ctk-hero h1{font-size:clamp(2rem,4vw,2.8rem);color:var(--txt-light);margin-bottom:16px}
.ctk-hero h1 strong{font-weight:800}
.ctk-hero-sub{font-size:1rem;color:var(--txt-muted);line-height:1.7;margin-bottom:48px}
.ctk-hero-sub strong{color:var(--txt-light)}

/* ── TAB SWITCHER ────────────────────────────────────────────── */
.ctk-tabs{display:flex;max-width:680px;margin:0 auto;gap:0;position:relative;z-index:2}
.ctk-tab{flex:1;padding:22px 24px;border:none;cursor:pointer;text-align:center;background:rgba(255,255,255,.05);border-radius:14px 14px 0 0;transition:all .25s;font-family:inherit;display:flex;flex-direction:column;gap:4px;position:relative;border:1px solid rgba(255,255,255,.07);border-bottom:none}
.ctk-tab:hover:not(.active){background:rgba(255,255,255,.08)}
.ctk-tab.active{background:#fff;box-shadow:0 -4px 20px rgba(0,0,0,.15);border-color:transparent}
.ctk-tab-title{font-size:.95rem;font-weight:700;transition:color .25s}
.ctk-tab-sub{font-size:.78rem;font-weight:400;transition:color .25s}
.ctk-tab.active .ctk-tab-title{color:var(--txt-dark)}
.ctk-tab.active .ctk-tab-sub{color:var(--txt-dark)}
.ctk-tab:not(.active) .ctk-tab-title{color:rgba(255,255,255,.7)}
.ctk-tab:not(.active) .ctk-tab-sub{color:rgba(255,255,255,.4)}

/* ── FORM SECTION ────────────────────────────────────────────── */
.ctk-form-sec{background:#fff;padding:60px 0 70px}
.ctk-form-wrap{max-width:760px;margin:0 auto}

/* ── PANES ───────────────────────────────────────────────────── */
.ctk-pane{display:none}
.ctk-pane.active{display:block}

.ctk-pane-header{text-align:center;margin-bottom:36px}
.ctk-pane-header h2{font-size:1.5rem;font-weight:700;color:var(--txt-dark);margin-bottom:10px}
.ctk-pane-header p{font-size:.95rem;color:var(--txt-body);line-height:1.7}

/* support tab extras */
.ctk-support-login{font-size:1rem;font-weight:600;color:var(--txt-dark);margin-bottom:16px!important}
.ctk-support-login a{color:var(--accent);text-decoration:underline;font-weight:700}
.ctk-support-note{background:#f0fdfe;border:1px solid rgba(30,177,180,.2);border-radius:10px;padding:14px 18px;font-size:.85rem;color:var(--txt-body);line-height:1.7;text-align:left;margin-top:12px}
.ctk-support-note i{color:var(--accent);margin-right:6px;flex-shrink:0}
.ctk-support-note a{color:var(--accent);font-weight:600;text-decoration:none}
.ctk-support-note a:hover{text-decoration:underline}

/* ── FORM FIELDS ─────────────────────────────────────────────── */
.ctk-form{display:flex;flex-direction:column;gap:16px}
.ctk-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ctk-field input,
.ctk-field textarea{width:100%;padding:14px 18px;border:1.5px solid var(--border);border-radius:10px;font-size:.93rem;color:var(--txt-dark);font-family:inherit;outline:none;background:#fff;transition:border-color .2s;resize:vertical}
.ctk-field input:focus,
.ctk-field textarea:focus{border-color:var(--accent)}
.ctk-field input::placeholder,
.ctk-field textarea::placeholder{color:#b0bac9}

.ctk-submit-wrap{text-align:center;margin-top:8px}
.btn-ctk-submit{background:var(--accent);color:#fff;border:none;border-radius:50px;padding:15px 56px;font-size:.9rem;font-weight:700;letter-spacing:.5px;cursor:pointer;font-family:inherit;transition:all .3s}
.btn-ctk-submit:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(30,177,180,.3)}

/* ── DLACZEGO MAILOWO ────────────────────────────────────────── */
.ctk-why{padding:72px 0 64px;background:var(--bg-alt)}
.ctk-why-header{max-width:720px;margin:0 auto 48px}
.ctk-why-header h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--txt-dark);margin-bottom:16px;line-height:1.3}
.ctk-why-header p{font-size:.95rem;color:var(--txt-body);line-height:1.75}
.ctk-why-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px 24px;height:100%;transition:box-shadow .25s,transform .25s}
.ctk-why-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.07);transform:translateY(-3px)}
.ctk-why-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px;flex-shrink:0}
.ctk-why-card h5{font-size:1rem;font-weight:700;color:var(--txt-dark);margin-bottom:10px;font-family:'Poppins',sans-serif}
.ctk-why-card p{font-size:.875rem;color:var(--txt-body);line-height:1.7;margin:0}

/* ── DANE REJESTROWE ─────────────────────────────────────────── */
.ctk-legal{padding:28px 0 36px;border-top:1px solid var(--border)}
.ctk-legal-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--txt-muted);margin-bottom:8px}
.ctk-legal-text{font-size:.78rem;color:var(--txt-muted);line-height:1.7;max-width:900px}

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media(max-width:640px){
  .ctk-tabs{max-width:100%}
  .ctk-tab{padding:16px 12px;border-radius:10px 10px 0 0}
  .ctk-tab-title{font-size:.82rem}
  .ctk-tab-sub{font-size:.72rem}
  .ctk-row-2{grid-template-columns:1fr}
  .ctk-pane-header h2{font-size:1.25rem}
  .ctk-hero-sub br{display:none}
}


/*! regulaminy.css */
/* ── REGULAMINY HERO ─────────────────────────────────────────── */
.reg-hero{background:var(--dark-bg);padding:100px 0 60px;position:relative;overflow:hidden}
.reg-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(30,177,180,.07),transparent 65%);pointer-events:none}
.reg-hero h1{font-size:clamp(2rem,4vw,2.8rem);color:var(--txt-light);margin-bottom:12px}
.reg-hero-sub{font-size:1rem;color:var(--txt-muted);line-height:1.7;margin-bottom:0}

/* ── DOCUMENTS LIST ──────────────────────────────────────────── */
.reg-docs{padding:64px 0 80px;background:var(--bg-alt)}

.reg-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}

.reg-item{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px 24px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}
.reg-item:hover{border-color:var(--accent);box-shadow:0 4px 20px rgba(30,177,180,.12);transform:translateY(-2px);color:inherit}

.reg-icon{width:48px;height:48px;background:rgba(30,177,180,.08);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.reg-icon i{font-size:1.4rem;color:var(--accent)}

.reg-info{flex:1;display:flex;flex-direction:column;gap:2px}
.reg-title{font-size:.95rem;font-weight:600;color:var(--txt-dark);font-family:'Poppins',sans-serif}
.reg-meta{font-size:.78rem;color:var(--txt-muted)}

.reg-arrow{color:var(--txt-muted);font-size:.9rem;transition:color .2s,transform .2s}
.reg-item:hover .reg-arrow{color:var(--accent);transform:translateY(2px)}

@media(max-width:480px){
  .reg-item{padding:16px 18px;gap:14px}
  .reg-icon{width:40px;height:40px}
  .reg-icon i{font-size:1.2rem}
  .reg-title{font-size:.88rem}
}


/*! o-nas.css */
/* ── HERO ─────────────────────────────────────────────────────── */
.onas-hero{background:var(--dark-bg);padding:110px 0 80px;position:relative;overflow:hidden;text-align:center}
.onas-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(30,177,180,.08),transparent 65%);pointer-events:none}
.onas-hero-inner{position:relative;z-index:1}
.onas-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}
.onas-hero h1{font-size:clamp(2.4rem,5vw,3.6rem);color:var(--txt-light);line-height:1.15;margin-bottom:20px}
.onas-accent{color:var(--accent)}
.onas-hero-sub{font-size:1.05rem;color:var(--txt-muted);line-height:1.75;max-width:560px;margin:0 auto}

/* ── TIMELINE ─────────────────────────────────────────────────── */
.onas-timeline-sec{padding:80px 0 60px;background:var(--bg-alt)}
.onas-timeline{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:0}

.onas-tl-item{display:grid;grid-template-columns:72px 32px 1fr;gap:0 20px;align-items:start}

.onas-tl-year{font-family:'Poppins',sans-serif;font-size:.92rem;font-weight:700;color:var(--accent);text-align:right;padding-top:3px;padding-right:4px}

.onas-tl-line{display:flex;flex-direction:column;align-items:center;position:relative}
.onas-tl-line::after{content:'';position:absolute;top:22px;bottom:-22px;width:2px;background:rgba(30,177,180,.2);left:50%;transform:translateX(-50%)}
.onas-tl-line--last::after{display:none}
.onas-tl-dot{width:14px;height:14px;border-radius:50%;background:rgba(30,177,180,.3);border:2px solid var(--accent);margin-top:4px;flex-shrink:0;position:relative;z-index:1}
.onas-tl-dot--accent{background:var(--accent);box-shadow:0 0 12px rgba(30,177,180,.5)}

.onas-tl-content{padding-bottom:44px}
.onas-tl-content h3{font-size:1.05rem;font-weight:700;color:var(--txt-dark);margin-bottom:8px;font-family:'Poppins',sans-serif}
.onas-tl-content p{font-size:.88rem;color:var(--txt-body);line-height:1.75;margin:0}

/* ── STATS ────────────────────────────────────────────────────── */
.onas-stats-sec{background:var(--dark-bg);padding:56px 0}
.onas-stats{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.onas-stat{text-align:center;padding:16px 40px;display:flex;flex-direction:column;gap:6px}
.onas-stat-num{font-family:'Poppins',sans-serif;font-size:2.2rem;font-weight:700;color:var(--accent);line-height:1}
.onas-stat-label{font-size:.78rem;color:var(--txt-muted);text-transform:uppercase;letter-spacing:.06em}
.onas-stat-div{width:1px;height:48px;background:rgba(255,255,255,.08);flex-shrink:0}

/* ── MISSION ──────────────────────────────────────────────────── */
.onas-mission{padding:80px 0;background:var(--bg-alt)}
.onas-mission-inner{max-width:680px;margin:0 auto;text-align:center}
.onas-mission h2{font-size:clamp(1.8rem,3.5vw,2.4rem);color:var(--txt-dark);margin-bottom:20px;line-height:1.25}
.onas-mission-text{font-size:.95rem;color:var(--txt-body);line-height:1.8;margin-bottom:48px}

.onas-mission-vals{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;text-align:left}
.onas-val{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 20px}
.onas-val-icon{font-size:1.1rem;color:var(--accent);flex-shrink:0}
.onas-val span{font-size:.88rem;font-weight:600;color:var(--txt-dark);font-family:'Poppins',sans-serif}

/* ── LEGAL ────────────────────────────────────────────────────── */
.onas-legal{padding:32px 0 48px;background:var(--bg-alt);border-top:1px solid var(--border)}
.onas-legal-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-muted);margin-bottom:8px}
.onas-legal-text{font-size:.78rem;color:var(--txt-muted);line-height:1.7;max-width:680px}

/* ── RESPONSIVE ───────────────────────────────────────────────── */
@media(max-width:600px){
  .onas-tl-item{grid-template-columns:52px 24px 1fr;gap:0 12px}
  .onas-tl-year{font-size:.8rem}
  .onas-stat{padding:12px 24px}
  .onas-stat-num{font-size:1.8rem}
  .onas-stat-div{display:none}
  .onas-mission-vals{grid-template-columns:1fr}
}


/*! hero-v2.css */
/* ═══════════════════════════════════════════════════════════════
   Hero v2 Proposals
   ═══════════════════════════════════════════════════════════════ */

/* ── Proposals top bar ── */
.hv2-topbar{background:var(--dark-bg);padding:12px 0;text-align:center}
.hv2-topbar p{color:var(--txt-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;margin:0}
.hv2-topbar span{color:var(--accent);font-weight:700}

/* ── Common section ── */
.hv2-sec{padding:90px 0 100px;position:relative;overflow:hidden}
.hv2-sec-a{background:#f4f8fb}
.hv2-sec-b{background:#fff;border-top:1px solid var(--border)}
.hv2-sec-c{background:linear-gradient(160deg,#f0fefe 0%,#e8f9fa 100%);border-top:1px solid var(--border)}

/* Proposal number label */
.hv2-no{display:inline-block;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 16px;border-radius:0 0 10px 10px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10;white-space:nowrap}

/* ── Two-column grid ── */
.hv2-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;min-height:460px}

/* ── LEFT COLUMN ── */
.hv2-tags-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.hv2-tag{background:rgba(30,177,180,.12);color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:5px 12px;border-radius:20px}
.hv2-left h1{font-size:clamp(1.9rem,3.2vw,2.75rem);font-weight:700;color:var(--txt-dark);line-height:1.2;margin-bottom:18px}
.hv2-left h1 .hv2-hl{color:var(--accent)}
.hv2-desc{font-size:.97rem;color:var(--txt-body);line-height:1.75;margin-bottom:28px;max-width:460px}
.hv2-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.hv2-btn-p{background:var(--accent);color:#fff;font-weight:700;padding:13px 28px;border-radius:50px;text-decoration:none;transition:all .3s;font-size:.88rem;display:inline-block}
.hv2-btn-p:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(30,177,180,.3);color:#fff}
.hv2-btn-s{background:#fff;color:var(--txt-dark);font-weight:600;padding:13px 24px;border-radius:50px;border:1.5px solid var(--border);text-decoration:none;transition:all .3s;font-size:.88rem;display:inline-block}
.hv2-btn-s:hover{border-color:var(--accent);color:var(--accent)}
.hv2-trust{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:.83rem}
.hv2-stars{color:#f59e0b;letter-spacing:1px}
.hv2-rating{color:var(--txt-dark);font-weight:700}
.hv2-tp{color:var(--txt-muted)}
.hv2-tp strong{color:var(--txt-dark)}
.hv2-domains{display:flex;gap:16px;flex-wrap:wrap}
.hv2-domains span{font-size:.79rem;color:var(--txt-muted);display:flex;align-items:center;gap:5px}
.hv2-d-dot{width:7px;height:7px;border-radius:50%;display:inline-block}
.hv2-d-dot.g{background:#22c55e}
.hv2-d-dot.b{background:#3b82f6}
.hv2-d-dot.r{background:#ef4444}

/* ── RIGHT: Floating badges (shared) ── */
.hv2-right{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}
.hv2-badge-fl{position:absolute;background:#fff;border:1px solid var(--border);border-radius:50px;padding:8px 16px;font-size:.79rem;font-weight:600;color:var(--txt-dark);box-shadow:0 4px 16px rgba(0,0,0,.08);white-space:nowrap;z-index:5}
.hv2-badge-fl i{margin-right:5px;color:var(--accent)}
@keyframes hv2fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ════════════════════════════════════════
   PROPOSAL 1 — Panel UI Mock
   ════════════════════════════════════════ */
.hv2-panel-wrap{position:relative;width:360px;max-width:calc(100% - 40px)}
.hv2-fl1{top:-18px;right:20px;animation:hv2fl 3s ease-in-out infinite}
.hv2-fl2{bottom:60px;left:-14px;animation:hv2fl 3.6s ease-in-out infinite .5s}
.hv2-fl3{top:130px;right:-18px;animation:hv2fl 4s ease-in-out infinite 1s;background:rgba(30,177,180,.1);color:var(--accent);border-color:rgba(30,177,180,.25)}

.hv2-panel{background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 56px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05);margin-top:36px}
.hv2-ph{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--border);background:#f8fafc}
.hv2-ph-dots{display:flex;gap:6px}
.hv2-ph-dots span{width:10px;height:10px;border-radius:50%}
.hv2-ph-dots .r{background:#ef4444}
.hv2-ph-dots .y{background:#f59e0b}
.hv2-ph-dots .g{background:#22c55e}
.hv2-ph-url{font-family:'Courier New',monospace;font-size:.72rem;color:var(--txt-muted)}
.hv2-pb{padding:16px}
.hv2-pb-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.hv2-pb-title{color:var(--txt-dark);font-weight:700;font-size:.9rem}
.hv2-pb-add{background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:6px}
.hv2-site-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:#fafbfc}
.hv2-site-ico{font-size:1.1rem}
.hv2-site-nm{color:var(--txt-dark);font-size:.82rem;font-weight:600}
.hv2-site-ph{color:var(--txt-muted);font-size:.7rem;margin-top:2px}
.hv2-site-dot{width:9px;height:9px;border-radius:50%;margin-left:auto;flex-shrink:0;background:#22c55e}
.hv2-stats{margin-top:12px;border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:6px}
.hv2-stat-row{display:flex;align-items:center;gap:8px}
.hv2-stat-lbl{font-size:.7rem;font-weight:700;color:var(--txt-muted);width:28px;flex-shrink:0}
.hv2-bar{flex:1;height:6px;background:#e8edf2;border-radius:3px;overflow:hidden}
.hv2-bar-f{height:100%;border-radius:3px;background:var(--accent)}
.hv2-stat-v{font-size:.7rem;color:var(--txt-muted);width:30px;text-align:right;flex-shrink:0}

/* ════════════════════════════════════════
   PROPOSAL 2 — Performance Chart
   ════════════════════════════════════════ */
.hv2-perf-wrap{position:relative;width:100%;max-width:420px}
.hv2-fl4{top:-18px;left:20px;animation:hv2fl 3.2s ease-in-out infinite}
.hv2-fl5{bottom:24px;right:10px;animation:hv2fl 4s ease-in-out infinite .8s;background:rgba(34,197,94,.1);color:#16a34a;border-color:rgba(34,197,94,.25);font-weight:800;font-size:.85rem}

.hv2-perf-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px 24px;box-shadow:0 20px 56px rgba(0,0,0,.1);margin-top:36px}
.hv2-perf-ttl{font-size:.85rem;font-weight:700;color:var(--txt-dark);margin-bottom:22px;text-align:center;text-transform:uppercase;letter-spacing:.4px}
.hv2-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.hv2-bar-row{display:flex;align-items:center;gap:10px}
.hv2-bar-lbl{font-size:.78rem;color:var(--txt-body);width:72px;flex-shrink:0;font-weight:500}
.hv2-bar-lbl.accent-lbl{color:var(--accent);font-weight:700}
.hv2-bar-track{flex:1;height:12px;background:#f0f4f8;border-radius:6px;overflow:hidden}
.hv2-bar-fill{height:100%;border-radius:6px;transition:width .8s ease}
.hv2-bar-fill.jdm{background:linear-gradient(90deg,var(--accent),#22c55e)}
.hv2-bar-fill.c1{background:#cbd5e1}
.hv2-bar-fill.c2{background:#e2e8f0}
.hv2-bar-ms{font-size:.78rem;font-weight:700;color:var(--txt-muted);width:48px;text-align:right;flex-shrink:0}
.hv2-bar-ms.green{color:var(--accent)}
.hv2-score-row{display:flex;gap:10px;border-top:1px solid var(--border);padding-top:18px}
.hv2-sc-card{flex:1;text-align:center;padding:10px 4px;border:1px solid var(--border);border-radius:12px}
.hv2-sc-val{font-size:1.2rem;font-weight:800;color:var(--txt-dark);font-family:'Poppins',sans-serif}
.hv2-sc-val.g{color:#16a34a}
.hv2-sc-val.t{color:var(--accent)}
.hv2-sc-key{font-size:.67rem;color:var(--txt-muted);margin-top:2px}

/* ════════════════════════════════════════
   PROPOSAL 3 — Rocket 🚀
   ════════════════════════════════════════ */
.hv2-rocket-wrap{position:relative;width:100%;max-width:380px;height:440px}
.hv2-fl-wp{top:24px;left:0;animation:hv2fl 3s ease-in-out infinite;background:rgba(30,177,180,.1);color:var(--accent);border-color:rgba(30,177,180,.25)}
.hv2-fl-ng{top:160px;right:0;animation:hv2fl 3.8s ease-in-out infinite .7s;background:rgba(34,197,94,.1);color:#16a34a;border-color:rgba(34,197,94,.25);font-weight:800}
.hv2-fl-ph{bottom:130px;left:4px;animation:hv2fl 4.2s ease-in-out infinite 1.3s;background:rgba(139,92,246,.1);color:var(--purple);border-color:rgba(139,92,246,.25);font-weight:800}

/* Rocket wrapper - animated */
.hv2-rocket{position:absolute;left:50%;top:20px;transform:translateX(-50%);animation:hv2rocket 4s ease-in-out infinite}
@keyframes hv2rocket{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-18px)}}

/* Rocket nose cone */
.hv2-rk-nose{width:0;height:0;border-left:42px solid transparent;border-right:42px solid transparent;border-bottom:64px solid var(--accent);margin:0 auto}

/* Rocket body */
.hv2-rk-body{width:84px;background:var(--accent);border-radius:0 0 18px 18px;position:relative;margin:0 auto;padding-bottom:20px;height:168px}

/* Window circle */
.hv2-rk-win{width:52px;height:52px;border-radius:50%;background:#fff;border:3px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;position:absolute;top:20px;left:50%;transform:translateX(-50%)}
.hv2-rk-wp{font-size:1.5rem;font-weight:900;color:var(--accent);font-family:'Poppins',sans-serif;line-height:1}

/* Fins */
.hv2-rk-fin-l{position:absolute;bottom:0;left:-22px;width:0;height:0;border-right:22px solid var(--accent-dark);border-bottom:48px solid transparent}
.hv2-rk-fin-r{position:absolute;bottom:0;right:-22px;width:0;height:0;border-left:22px solid var(--accent-dark);border-bottom:48px solid transparent}

/* Flames */
.hv2-rk-flames{position:absolute;bottom:-52px;left:50%;transform:translateX(-50%);display:flex;gap:4px;justify-content:center}
.hv2-rk-flame{border-radius:50% 50% 40% 40%;animation:hv2flame .35s ease-in-out infinite alternate}
.hv2-rk-f1{width:22px;height:50px;background:linear-gradient(180deg,#fbbf24 0%,#f97316 100%)}
.hv2-rk-f2{width:16px;height:36px;background:linear-gradient(180deg,#fde68a 0%,#fbbf24 100%);align-self:flex-end}
.hv2-rk-f3{width:22px;height:50px;background:linear-gradient(180deg,#fbbf24 0%,#f97316 100%)}
@keyframes hv2flame{from{transform:scaleY(.9) scaleX(.95)}to{transform:scaleY(1.1) scaleX(1.05)}}

/* Clouds at bottom */
.hv2-clouds{position:absolute;bottom:0;left:0;right:0;height:80px}
.hv2-cld{background:#fff;border-radius:50px;position:absolute;bottom:0}
.hv2-cld::before,.hv2-cld::after{content:'';background:#fff;border-radius:50%;position:absolute}
.hv2-cld1{width:200px;height:48px;left:50%;transform:translateX(-50%)}
.hv2-cld1::before{width:80px;height:60px;top:-26px;left:28px}
.hv2-cld1::after{width:60px;height:48px;top:-22px;right:28px}
.hv2-cld2{width:130px;height:36px;left:0;bottom:12px;opacity:.5}
.hv2-cld2::before{width:50px;height:42px;top:-18px;left:20px}
.hv2-cld3{width:110px;height:32px;right:0;bottom:8px;opacity:.4}
.hv2-cld3::before{width:44px;height:38px;top:-16px;right:18px}

/* ════════════════════════════════════════
   PROPOSAL 4 — Kinsta-style karuzela (3 slajdy, 5s każdy)
   ════════════════════════════════════════ */
.hv2-sec-k{background:#f7f4ee}

/* Tile pattern background */
.hv2-k-pattern{position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:
    linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse 60% 80% at 70% 50%,#000 40%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 60% 80% at 70% 50%,#000 40%,transparent 75%)}

/* Wrapper — stacking context + consistent height */
.hv2-k-wrap{position:relative;width:100%;max-width:440px;margin:0 auto;aspect-ratio:4/5}

/* ── Carousel (JS-driven, 5s auto-advance, klikalne kropki) ── */
.hv2-k-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transform:scale(.98);
  transition:opacity .6s ease-in-out,transform .6s ease-in-out}
.hv2-k-slide.is-active{opacity:1;pointer-events:auto;transform:scale(1)}

/* Floating elements — idle bob (opacity controlled by parent slide) */
.hv2-k-el{animation:hv2fl 5s ease-in-out infinite}
.hv2-k-el-2{animation:hv2fl 4.5s ease-in-out infinite .5s}

/* Photo frame — rotated, rounded, with play overlay */
.hv2-k-frame{position:absolute;inset:8% 10% 8% 10%;border-radius:22px;overflow:hidden;
  box-shadow:0 30px 60px -18px rgba(15,23,42,.25),0 10px 24px -8px rgba(15,23,42,.15);
  background:linear-gradient(155deg,#e5e7eb 0%,#cbd5e1 100%)}
.hv2-k-frame-a{transform:rotate(-1.5deg)}
.hv2-k-frame-b{transform:rotate(1.5deg)}
.hv2-k-frame-c{transform:rotate(-1deg)}

/* Photo placeholder (swap for real <img>) — 3 warianty */
.hv2-k-photo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(255,255,255,.78)}
.hv2-k-photo i{font-size:3.4rem;opacity:.55}
.hv2-k-photo-lbl{font-size:.72rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;opacity:.9}
.hv2-k-photo-a{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.5),transparent 55%),linear-gradient(155deg,#94a3b8,#475569)}
.hv2-k-photo-b{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.5),transparent 55%),linear-gradient(155deg,#a8b5c8,#2d3e55)}
.hv2-k-photo-c{background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.5),transparent 55%),linear-gradient(155deg,#d6a07b,#7a4a30)}

/* ── Stats card ── */
.hv2-k-stats{position:absolute;left:-4%;bottom:6%;width:74%;
  background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:14px 14px 12px;
  box-shadow:0 18px 40px -12px rgba(15,23,42,.18)}
.hv2-k-stats-ttl{font-size:.78rem;font-weight:700;color:var(--txt-dark);margin-bottom:10px}
.hv2-k-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hv2-k-stats-row-2{grid-template-columns:repeat(2,1fr)}
.hv2-k-stat{text-align:center;padding:8px 2px;border:1px solid rgba(15,23,42,.08);border-radius:10px}
.hv2-k-stat-v{font-size:1.25rem;font-weight:800;color:var(--txt-dark);font-family:'Poppins',sans-serif;line-height:1}
.hv2-k-stat-v.g{color:#16a34a}
.hv2-k-stat-v.r{color:#dc2626}
.hv2-k-stat-k{font-size:.62rem;color:var(--txt-muted);margin-top:4px;font-weight:600}

/* Badge icons */
.hv2-k-ico{position:absolute;width:66px;height:66px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;
  box-shadow:0 14px 28px -8px rgba(15,23,42,.25)}
.hv2-k-ico-medal{top:4%;right:-4%;background:#fbbf24;color:#78350f;font-size:1.9rem}
.hv2-k-ico-lock{top:4%;right:-4%;background:#a78bfa;color:#4c1d95;font-size:1.7rem}

/* ── TTFB bar chart card (Slajd 2) ── */
.hv2-k-ttfb{position:absolute;left:-6%;bottom:4%;width:78%;
  background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:14px;
  box-shadow:0 18px 40px -12px rgba(15,23,42,.18)}
.hv2-k-ttfb-rows{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.hv2-k-ttfb-row{display:flex;align-items:center;gap:8px}
.hv2-k-ttfb-lbl{font-size:.7rem;font-weight:600;color:var(--txt-body);width:60px;flex-shrink:0}
.hv2-k-ttfb-lbl.accent{color:var(--accent);font-weight:800}
.hv2-k-ttfb-track{flex:1;height:8px;background:#f0f4f8;border-radius:4px;overflow:hidden}
.hv2-k-ttfb-fill{height:100%;border-radius:4px}
.hv2-k-ttfb-fill.jdm{background:linear-gradient(90deg,var(--accent),#22c55e)}
.hv2-k-ttfb-fill.orange{background:linear-gradient(90deg,#fb923c,#f97316)}
.hv2-k-ttfb-fill.purple{background:linear-gradient(90deg,#a78bfa,#8b5cf6)}
.hv2-k-ttfb-v{font-size:.7rem;font-weight:700;color:var(--txt-muted);width:48px;text-align:right;flex-shrink:0}
.hv2-k-ttfb-v.green{color:var(--accent)}

/* Graph head (reused across slides) */
.hv2-k-graph-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.hv2-k-graph-ttl{font-size:.78rem;font-weight:700;color:var(--txt-dark)}

/* Score badge (Slajd 2) */
.hv2-k-score{position:absolute;top:2%;right:-4%;width:84px;height:84px;border-radius:50%;
  background:#bbf7d0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  box-shadow:0 14px 28px -8px rgba(22,163,74,.3)}
.hv2-k-score-icon{color:#15803d;font-size:1rem;opacity:.75}
.hv2-k-score-v{font-family:'Poppins',sans-serif;font-size:1.35rem;font-weight:800;color:#15803d;line-height:1}
.hv2-k-score-v-sm small{font-size:.65rem;font-weight:700;margin-left:1px}

/* Big stat card (Slajd 1 — minimalistyczna duża liczba) */
.hv2-k-big-card{position:absolute;left:-4%;bottom:6%;width:70%;
  background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:16px 18px 18px;text-align:center;
  box-shadow:0 18px 40px -12px rgba(15,23,42,.18)}
.hv2-k-big-v{font-family:'Poppins',sans-serif;font-size:2.4rem;font-weight:800;color:var(--accent);line-height:1;margin-top:8px}
.hv2-k-big-k{font-size:.72rem;color:var(--txt-muted);margin-top:8px;font-weight:500}

/* Pill-style text badge */
.hv2-k-pill{position:absolute;top:4%;right:-4%;display:flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:999px;font-weight:800;font-size:.85rem;
  box-shadow:0 14px 28px -8px rgba(15,23,42,.25)}
.hv2-k-pill i{font-size:1rem}
.hv2-k-pill-free{background:#bbf7d0;color:#15803d;border:1px solid rgba(34,197,94,.3)}

/* ── Chat floater ── */
.hv2-k-chat{position:absolute;left:-6%;bottom:6%;top:auto;max-width:78%;display:flex;gap:10px;align-items:flex-end}
.hv2-k-chat-av{width:34px;height:34px;border-radius:50%;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;box-shadow:0 6px 14px rgba(249,115,22,.35)}
.hv2-k-chat-msgs{display:flex;flex-direction:column;gap:8px}
.hv2-k-bub{padding:10px 14px;border-radius:14px;font-size:.8rem;line-height:1.4;max-width:240px;box-shadow:0 10px 22px -8px rgba(15,23,42,.18)}
.hv2-k-bub-in{background:#fff;color:var(--txt-dark);border-bottom-left-radius:4px}
.hv2-k-bub-out{background:#0f172a;color:#fff;border-bottom-right-radius:4px;align-self:flex-end}

/* ── Dots (klikalne, JS-driven) ── */
.hv2-k-dots{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}
.hv2-k-dot{width:10px;height:10px;border-radius:50%;background:rgba(15,23,42,.15);cursor:pointer;border:0;padding:0;transition:background .25s,transform .25s}
.hv2-k-dot:hover{background:rgba(15,23,42,.35)}
.hv2-k-dot.is-active{background:var(--accent);transform:scale(1.2)}

/* ── Responsive ── */
@media(max-width:991px){
  .hv2-grid{grid-template-columns:1fr;gap:32px}
  .hv2-right{margin-top:8px}
  .hv2-panel-wrap,.hv2-perf-wrap{max-width:360px;margin:0 auto}
  .hv2-rocket-wrap{max-width:320px;height:360px;margin:0 auto}
  .hv2-k-wrap{max-width:380px}
}
@media(max-width:640px){
  .hv2-btns{flex-direction:column}
  .hv2-btn-p,.hv2-btn-s{text-align:center}
  .hv2-tags-row{gap:6px}
  .hv2-k-stats,.hv2-k-ttfb,.hv2-k-big-card{width:86%;left:-2%}
  .hv2-k-chat{left:-4%;max-width:90%}
  .hv2-k-bub{font-size:.74rem}
}

/* ── Hero partners strip ────────────────────────────── */
.hv2-partners{margin-top:32px;padding:18px 24px 4px;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.hv2-partners-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:14px}
.hv2-partners-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px 40px}
.hv2-partners-row img{height:24px;width:auto;max-width:120px;object-fit:contain;opacity:.55;filter:grayscale(100%) brightness(2.2);transition:opacity .25s,filter .25s}
.hv2-partners-row img:hover{opacity:.95;filter:grayscale(0%) brightness(1)}
@media(max-width:768px){
  .hv2-partners{padding:14px 12px 2px;margin-top:24px}
  .hv2-partners-row{gap:18px 24px}
  .hv2-partners-row img{height:20px;max-width:90px}
}

/* ── Hero photos w slajdach ─────────────────────────── */
.hv2-k-photo-img{padding:0;background:#1e293b}
.hv2-k-photo-img picture{display:block;width:100%;height:100%}
.hv2-k-photo-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ── Slide 5: Wykres słupkowy 3-letni ─────────────────── */
.hv2-k-pricebars{position:absolute;left:6%;bottom:10%;width:78%;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 18px 36px -10px rgba(15,23,42,.25)}
.hv2-k-pricebars-ttl{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--txt-muted);margin-bottom:10px}
.hv2-k-pricebars-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hv2-k-pricebars-col{display:flex;flex-direction:column;align-items:center;gap:6px}
.hv2-k-pricebars-lbl{font-size:.72rem;font-weight:700;color:var(--txt-dark)}
.hv2-k-pricebars-bars{display:flex;align-items:flex-end;gap:5px;height:60px;width:100%;justify-content:center}
.hv2-k-pricebar{flex:1;max-width:14px;border-radius:3px 3px 0 0;background:#cbd5e1;transition:height .4s ease}
.hv2-k-pricebar.jdm{background:linear-gradient(180deg,#22c55e,#15803d)}
.hv2-k-pricebar.comp{background:linear-gradient(180deg,#f87171,#dc2626)}
.hv2-k-pricebars-years{font-size:.62rem;color:var(--txt-muted);letter-spacing:1px}

/* ── Slide 6: Cena zamrożona ─────────────────────────── */
.hv2-k-frozen{position:absolute;left:8%;top:50%;transform:translateY(-50%);width:80%;background:#fff;border-radius:16px;padding:22px 20px;text-align:center;box-shadow:0 18px 36px -10px rgba(15,23,42,.28)}
.hv2-k-frozen-icon{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#bae6fd,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 12px;box-shadow:0 8px 20px rgba(59,130,246,.35)}
.hv2-k-frozen-ttl{font-family:'Poppins',sans-serif;font-size:1.15rem;font-weight:800;color:var(--txt-dark);margin-bottom:6px;letter-spacing:.3px}
.hv2-k-frozen-sub{font-size:.78rem;color:var(--txt-muted);line-height:1.5}

/* ── Slide 7: Faktura ────────────────────────────────── */
.hv2-k-invoice{position:absolute;left:8%;bottom:12%;width:78%;background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 18px 36px -10px rgba(15,23,42,.25);font-family:'Poppins',sans-serif}
.hv2-k-invoice-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px dashed rgba(15,23,42,.12)}
.hv2-k-invoice-row--now{border-bottom:none;color:var(--accent)}
.hv2-k-invoice-yr{font-size:.72rem;font-weight:600;letter-spacing:1px;color:var(--txt-muted)}
.hv2-k-invoice-row--now .hv2-k-invoice-yr{color:var(--accent)}
.hv2-k-invoice-amt{font-size:1.15rem;font-weight:800;color:var(--txt-dark)}
.hv2-k-invoice-row--now .hv2-k-invoice-amt{color:var(--accent)}
.hv2-k-invoice-stamp{position:absolute;top:6px;right:-8px;background:#22c55e;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:1.2px;padding:5px 10px;border-radius:4px;transform:rotate(8deg);box-shadow:0 4px 10px rgba(34,197,94,.35)}

/* ── Slide 8: Price flow ─────────────────────────────── */
.hv2-k-priceflow{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:84%;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 18px 36px -10px rgba(15,23,42,.25);display:flex;flex-direction:column;gap:10px}
.hv2-k-priceflow-row{display:grid;grid-template-columns:48px 1fr 18px 1fr;align-items:center;gap:8px;font-family:'Poppins',sans-serif}
.hv2-k-priceflow-lbl{font-size:.7rem;font-weight:800;color:var(--txt-muted);letter-spacing:.6px}
.hv2-k-priceflow-now{font-size:.95rem;font-weight:700;color:var(--txt-dark);text-align:center}
.hv2-k-priceflow-arrow{font-size:.78rem}
.hv2-k-priceflow-arrow.g{color:#22c55e}
.hv2-k-priceflow-arrow.r{color:#dc2626}
.hv2-k-priceflow-fut{font-size:1rem;font-weight:800;text-align:center}
.hv2-k-priceflow-fut.g{color:#15803d}
.hv2-k-priceflow-fut.r{color:#dc2626;letter-spacing:2px}


/*! jwh-award.css */
/* ─────────────────────────────────────────────────────────
   JWH AWARD — press feature strip
   ───────────────────────────────────────────────────────── */
.jwh-award{
    padding:64px 0;
    background:#fff;
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
}

.jwh-head{text-align:center;max-width:760px;margin:0 auto 36px}

.jwh-eyebrow{
    display:inline-block;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    color:var(--accent);
    margin-bottom:12px;
}

.jwh-title{
    font-size:1.75rem;
    font-weight:700;
    line-height:1.25;
    color:var(--txt-dark);
    margin:0 0 16px;
}

.jwh-quote-line{
    font-size:1rem;
    line-height:1.6;
    color:var(--txt-body);
    font-style:italic;
    margin:0;
}
.jwh-quote-line .jwh-cite{
    display:inline-block;
    margin-left:6px;
    font-style:normal;
    font-weight:600;
    color:var(--txt-muted);
    font-size:.88rem;
}

.jwh-badges{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:24px;
    align-items:center;
    max-width:880px;
    margin:0 auto 32px;
}

.jwh-badge-link{
    display:block;
    padding:8px;
    border-radius:12px;
    transition:transform .25s ease,filter .25s ease;
}
.jwh-badge-link:hover{
    transform:translateY(-4px);
    filter:drop-shadow(0 10px 24px rgba(15,23,42,.12));
}
.jwh-badge-link img{width:100%;height:auto;display:block}

.jwh-foot{text-align:center}

.jwh-cta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:.9rem;
    font-weight:600;
    color:var(--accent);
    text-decoration:none;
    padding:10px 6px;
    border-bottom:1px solid transparent;
    transition:gap .2s,border-color .2s,color .2s;
}
.jwh-cta:hover{
    gap:12px;
    color:var(--accent-dark,#178e91);
    border-bottom-color:currentColor;
}
.jwh-cta i{font-size:.78rem}

@media(max-width:768px){
    .jwh-award{padding:48px 0}
    .jwh-title{font-size:1.4rem}
    .jwh-quote-line{font-size:.92rem}
    .jwh-quote-line .jwh-cite{display:block;margin:6px 0 0}
    .jwh-badges{grid-template-columns:repeat(3,1fr);gap:18px;max-width:420px}
    .jwh-badge-link:nth-child(4){grid-column:1 / span 1;justify-self:end}
    .jwh-badge-link:nth-child(4){grid-column:auto}
}
@media(max-width:480px){
    .jwh-badges{grid-template-columns:repeat(2,1fr);max-width:300px}
}


/*! managed-includes.css */
/* ── Managed Includes Section ── */

.managed-inc {
    padding: 80px 0;
    background: var(--bg-alt, #f8f9fc);
}

.managed-inc-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(30,177,180,.1);
    border: 1px solid rgba(30,177,180,.2);
    color: var(--accent);
    font-size: .78rem;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 20px;
    letter-spacing: .3px;
}

/* ── Category Cards (2×2 grid) ── */

.mi-card {
    background: #fff;
    border: 1px solid var(--border, #e2e8f0);
    border-radius: 16px;
    padding: 32px 28px;
    height: 100%;
    transition: all .3s;
}
.mi-card:hover {
    border-color: rgba(30,177,180,.3);
    box-shadow: 0 8px 32px rgba(30,177,180,.08);
    transform: translateY(-4px);
}

.mi-card-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.mi-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}
.mi-card-icon--teal   { background: rgba(30,177,180,.1);  color: var(--accent); }
.mi-card-icon--blue   { background: rgba(59,130,246,.1);  color: #3b82f6; }
.mi-card-icon--orange { background: rgba(251,146,60,.1);  color: #fb923c; }
.mi-card-icon--purple { background: rgba(139,92,246,.1);  color: #8b5cf6; }

.mi-card-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    color: var(--txt-dark, #1a1a2e);
}

/* ── Checklist Items ── */

.mi-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.mi-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.mi-check {
    color: var(--accent);
    font-size: .8rem;
    margin-top: 4px;
    flex-shrink: 0;
}
.mi-list li strong {
    display: block;
    font-size: .9rem;
    color: var(--txt-dark, #1a1a2e);
    margin-bottom: 2px;
}
.mi-list li span {
    font-size: .82rem;
    color: var(--txt-body, #4a5568);
    line-height: 1.5;
}

/* ── Summary Strip ── */

.mi-summary {
    display: flex;
    justify-content: center;
    gap: 48px;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid var(--border, #e2e8f0);
}
.mi-summary-item {
    text-align: center;
}
.mi-summary-num {
    display: block;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--accent);
    font-family: 'Poppins', sans-serif;
}
.mi-summary-lbl {
    font-size: .78rem;
    color: var(--txt-muted, #8892a5);
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .managed-inc { padding: 48px 0; }
    .mi-summary { flex-wrap: wrap; gap: 24px; }
    .mi-summary-item { min-width: 120px; }
    .mi-card { padding: 24px 20px; }
}


/*! stress-free.css */
/* ── Stress-Free Section ── */

.stress-free {
    padding: 24px 0 40px;
    background: #fff;
}

/* Mini Benefit Cards — clean white with accent top border */
.sf-card {
    background: #fff;
    border: 1px solid var(--border, #e2e8f0);
    border-top: 3px solid var(--accent, #1eb1b4);
    border-radius: 16px;
    padding: 32px 24px;
    height: 100%;
    text-align: center;
    transition: all .3s;
}
.sf-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    transform: translateY(-4px);
}

.sf-card--dark { background: #0c1222; border-color: #0c1222; }
.sf-card--dark .sf-card-title { color: #fff; }
.sf-card--dark .sf-card-desc { color: rgba(255,255,255,.85); }
.sf-card--dark .sf-card-icon { background: rgba(255,255,255,.15); color: #fff; }
.sf-card--dark:hover { box-shadow: 0 8px 24px rgba(22,154,156,.25); }

.sf-card-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    margin-bottom: 16px;
    background: rgba(30,177,180,.1);
    color: var(--accent, #1eb1b4);
}

.sf-card-title {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 8px;
    color: var(--txt-dark, #1a1a2e);
}

.sf-card-desc {
    font-size: .85rem;
    color: var(--txt-body, #4a5568);
    line-height: 1.5;
    margin: 0;
}

/* Summary strip */
.sf-summary {
    display: flex;
    justify-content: center;
    gap: 48px;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid var(--border, #e2e8f0);
}
.sf-summary-item { text-align: center; }
.sf-summary-num {
    display: block;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--accent);
    font-family: 'Poppins', sans-serif;
}
.sf-summary-lbl {
    font-size: .78rem;
    color: var(--txt-muted, #8892a5);
}

/* ── Pricing Transparency Banner ── */

.pricing-transparency {
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    padding: 18px 28px;
    background: var(--dark-bg, #0c1222);
    border-radius: 12px;
}
.pt-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .85rem;
    font-weight: 600;
    color: #fff;
}
.pt-item i {
    color: var(--accent);
    font-size: .8rem;
}

/* ── Responsive ── */

@media (max-width: 768px) {
    .stress-free { padding: 48px 0; }
    .sf-summary { flex-wrap: wrap; gap: 24px; }
    .sf-summary-item { min-width: 120px; }
    .sf-card { padding: 24px 16px; }
    .pricing-transparency {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
}

/* Uwaga: layout mobilny dla .stress-free .f-card jest teraz w features.css
   (wspólne reguły dla wszystkich boksów — .features + .stress-free). */


/*! simply-better.css */
/* ═══════════════════════════════════════════════════════════════
   Simply Better (Wydajność / Bezpieczeństwo / Wsparcie)
   ═══════════════════════════════════════════════════════════════ */

.sb-sec{padding:90px 0 100px;background:#f4f8fb;position:relative;overflow:hidden}

/* ── Tabs ── */
.sb-tabs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:4px;margin:0 auto 48px;width:fit-content;max-width:100%;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.sb-tab{background:transparent;border:0;padding:10px 24px;border-radius:999px;font-size:.92rem;font-weight:700;color:var(--txt-body);cursor:pointer;transition:all .25s;font-family:inherit;white-space:nowrap}
.sb-tab:hover{color:var(--accent)}
.sb-tab.is-active{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(30,177,180,.25)}

/* ── Panels ── */
.sb-panel{display:none;text-align:center;max-width:960px;margin:0 auto;animation:sbFadeIn .4s ease-out}
.sb-panel.is-active{display:block}
@keyframes sbFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Headline */
.sb-h{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.15;color:var(--txt-dark);margin-bottom:22px;letter-spacing:-.5px}
.sb-h-hl{color:var(--accent);font-weight:700}

/* Subhead */
.sb-sub{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--txt-body);line-height:1.55;max-width:720px;margin:0 auto 36px}

/* Pills */
.sb-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}
.sb-pill{display:inline-block;background:#fff;border:1px solid var(--border);color:var(--txt-dark);font-size:.88rem;font-weight:500;padding:9px 18px;border-radius:12px;transition:background .2s,border-color .2s,color .2s}
.sb-pill:hover{background:rgba(30,177,180,.08);border-color:rgba(30,177,180,.3);color:var(--accent)}

/* CTAs */
.sb-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sb-cta-p{background:var(--yellow);color:var(--txt-dark);font-weight:700;padding:14px 26px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .25s;border:0}
.sb-cta-p:hover{background:var(--yellow-dark);color:var(--txt-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,215,60,.35)}
.sb-cta-p i{font-size:.8rem;transition:transform .2s}
.sb-cta-p:hover i{transform:translateX(3px)}
.sb-cta-s{background:#fff;color:var(--txt-dark);font-weight:600;padding:14px 26px;border-radius:10px;text-decoration:none;border:1.5px solid var(--border);transition:all .25s;display:inline-flex;align-items:center}
.sb-cta-s:hover{border-color:var(--accent);color:var(--accent)}

/* Responsive */
@media(max-width:640px){
  .sb-sec{padding:56px 0 64px}
  .sb-tabs{padding:3px;margin-bottom:32px}
  .sb-tab{padding:8px 14px;font-size:.8rem}
  .sb-pills{gap:6px;margin-bottom:28px;padding:0 4px}
  .sb-pill{font-size:.75rem;padding:6px 12px;border-radius:10px;line-height:1.3}
  .sb-ctas{flex-direction:column;align-items:stretch;padding:0 16px}
  .sb-cta-p,.sb-cta-s{justify-content:center;text-align:center}
}


/*! migration-modal.css */
/* ═══════════════════════════════════════════════════════════════
   Migration Modal — Darmowa migracja WordPress
   ═══════════════════════════════════════════════════════════════ */

.mig-modal .modal-dialog{max-width:1080px}
.mig-modal-content{border:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(15,23,42,.3);position:relative;background:#fff}

/* Close button */
.mig-modal-x{position:absolute;top:18px;right:18px;z-index:10;width:36px;height:36px;border-radius:50%;border:0;background:rgba(15,23,42,.05);color:var(--txt-muted);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:background .2s,color .2s}
.mig-modal-x:hover{background:rgba(15,23,42,.1);color:var(--txt-dark)}

/* Grid: photo + form */
.mig-modal-grid{display:grid;grid-template-columns:1fr 1.1fr;min-height:560px}

/* Photo (placeholder — zamień na <img> gdy będzie zdjęcie) */
.mig-modal-photo{background:linear-gradient(155deg,#f4f8fb,#e5ebf2);position:relative;overflow:hidden}
.mig-modal-photo-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--txt-muted)}
.mig-modal-photo-ph i{font-size:4rem;opacity:.4}
.mig-modal-photo-ph span{font-size:.78rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;opacity:.7}

/* Form side */
.mig-modal-form-wrap{padding:48px 48px 44px;display:flex;flex-direction:column;justify-content:center}
.mig-modal-h{font-family:'Poppins',sans-serif;font-size:1.75rem;font-weight:700;color:var(--txt-dark);line-height:1.2;margin-bottom:16px;letter-spacing:-.3px}
.mig-modal-sub{font-size:.92rem;color:var(--txt-body);line-height:1.6;margin-bottom:28px}
.mig-modal-sub strong{color:var(--txt-dark);font-weight:700}

/* Mini 3-step flow */
.mig-modal-steps-ttl{font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--accent);margin:4px 0 8px}
.mig-modal-steps{display:flex;gap:10px;margin:0 0 24px;padding:14px;background:rgba(30,177,180,.06);border:1px solid rgba(30,177,180,.15);border-radius:12px}
.mig-modal-step{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
.mig-modal-step-n{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:.78rem;font-weight:800}
.mig-modal-step-t{font-size:.78rem;font-weight:600;color:var(--txt-dark);line-height:1.25}
@media(max-width:560px){
  .mig-modal-steps{flex-direction:column;gap:8px}
}

/* Form */
.mig-modal-form{display:flex;flex-direction:column;gap:10px}
.mig-in{width:100%;padding:13px 16px;border:1.5px solid var(--border);border-radius:10px;font-size:.9rem;color:var(--txt-dark);font-family:inherit;background:#fff;transition:border-color .2s}
.mig-in::placeholder{color:var(--txt-muted)}
.mig-in:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(30,177,180,.12)}

.mig-modal-radio-lbl{font-size:.85rem;font-weight:600;color:var(--txt-dark);margin:14px 0 6px}
.mig-modal-radios{display:flex;gap:20px;margin-bottom:8px}
.mig-modal-radios label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.88rem;color:var(--txt-body)}
.mig-modal-radios input{accent-color:var(--accent);cursor:pointer}

.mig-modal-submit{align-self:flex-start;background:var(--yellow);color:var(--txt-dark);font-weight:800;font-size:.92rem;text-transform:uppercase;letter-spacing:.5px;padding:14px 36px;border-radius:999px;border:0;cursor:pointer;transition:all .25s;margin-top:14px}
.mig-modal-submit:hover{background:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,215,60,.4)}

.mig-modal-consent{font-size:.72rem;color:var(--txt-muted);line-height:1.55;margin-top:18px}
.mig-modal-consent a{color:var(--accent);text-decoration:none;font-weight:600}
.mig-modal-consent a:hover{text-decoration:underline}

.mig-modal-thanks{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px;color:#15803d;font-size:.95rem}
.mig-modal-thanks i{font-size:1.4rem}

/* Responsive */
@media(max-width:768px){
  .mig-modal .modal-dialog{margin:12px}
  .mig-modal-grid{grid-template-columns:1fr;min-height:auto}
  .mig-modal-photo{min-height:200px}
  .mig-modal-form-wrap{padding:28px 24px 32px}
  .mig-modal-h{font-size:1.35rem}
  .mig-modal-sub{font-size:.85rem}
}


/*! faq-mini.css */
/* ═══════════════════════════════════════════════════════════════
   Mini FAQ — pod cennikiem na homepage
   ═══════════════════════════════════════════════════════════════ */

.faq-mini{padding:48px 0 64px;background:#fff}
.faq-mini .sec-title{font-size:1.75rem;margin-bottom:8px}
.faq-mini .sec-sub{margin-bottom:36px;font-size:.95rem}

.faq-mini-list{max-width:780px;margin:0 auto}

.faq-mini-item{border-bottom:1px solid var(--border)}
.faq-mini-item:first-child{border-top:1px solid var(--border)}
.faq-mini-item summary{
    list-style:none;
    cursor:pointer;
    padding:18px 0;
    font-weight:600;
    font-size:.98rem;
    color:var(--txt-dark);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    transition:color .2s;
}
.faq-mini-item summary::-webkit-details-marker{display:none}
.faq-mini-item summary::after{
    content:'+';
    font-size:1.5rem;
    font-weight:300;
    color:var(--txt-muted);
    flex-shrink:0;
    transition:transform .25s,color .25s;
    line-height:1;
}
.faq-mini-item:hover summary{color:var(--accent)}
.faq-mini-item[open] summary{color:var(--accent)}
.faq-mini-item[open] summary::after{transform:rotate(45deg);color:var(--accent)}

.faq-mini-body{padding:0 0 18px}
.faq-mini-body p{
    color:var(--txt-body);
    font-size:.92rem;
    line-height:1.75;
    margin:0;
}
.faq-mini-body strong{color:var(--txt-dark)}

/* Link do pełnego FAQ */
.faq-mini-more{text-align:center;margin-top:32px}
.faq-mini-more a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--accent);
    font-weight:600;
    font-size:.95rem;
    text-decoration:none;
    padding:10px 20px;
    border:1.5px solid var(--border);
    border-radius:10px;
    transition:all .25s;
}
.faq-mini-more a:hover{
    border-color:var(--accent);
    background:rgba(30,177,180,.05);
    transform:translateY(-1px);
}
.faq-mini-more i{font-size:.75rem;transition:transform .2s}
.faq-mini-more a:hover i{transform:translateX(3px)}

@media(max-width:768px){
    .faq-mini{padding:32px 0 48px}
    .faq-mini .sec-title{font-size:1.4rem}
    .faq-mini-item summary{font-size:.92rem;padding:14px 0}
    .faq-mini-body p{font-size:.86rem;line-height:1.65}
}


/*! reviews-marquee.css */
.reviews-marquee {
    position: relative;
    width: 100%;
    padding: 18px 0;
    overflow: hidden;
    background: transparent;
}

.reviews-marquee .rm-track {
    display: flex;
    align-items: stretch;
    width: max-content;
    gap: 14px;
    will-change: transform;
    animation: rm-scroll 180s linear infinite;
}

.reviews-marquee:hover .rm-track {
    animation-play-state: paused;
}

.reviews-marquee .rm-item {
    display: flex;
    align-items: stretch;
    gap: 16px;
    flex-shrink: 0;
    width: 420px;
    padding: 12px 18px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    cursor: pointer;
    transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}

.reviews-marquee .rm-item:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
}

.reviews-marquee .rm-item:focus-visible {
    outline: 2px solid #1eb1b4;
    outline-offset: 2px;
}

.reviews-marquee .rm-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-shrink: 0;
    width: 64px;
    padding-right: 14px;
    border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.reviews-marquee .rm-rating {
    font-size: 12px;
    font-weight: 600;
    color: #111;
    line-height: 1;
}

.reviews-marquee .rm-stars {
    color: #00b67a;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 0.8;
    text-align: center;
    margin: 2px 0 3px;
}

.reviews-marquee .rm-date {
    font-size: 10px;
    color: #888;
    line-height: 1;
    white-space: nowrap;
}

.reviews-marquee .rm-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.reviews-marquee .rm-text {
    font-size: 13px;
    line-height: 1.4;
    color: #444;
    font-style: italic;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.reviews-marquee .rm-name {
    align-self: flex-end;
    font-size: 11px;
    font-weight: 600;
    color: #666;
    letter-spacing: 0.3px;
    padding-top: 2px;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reviews-marquee .rm-fade {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
}

.reviews-marquee .rm-fade--left {
    left: 0;
    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.reviews-marquee .rm-fade--right {
    right: 0;
    background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

@keyframes rm-scroll {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .reviews-marquee .rm-track {
        animation: none;
    }
}

@media (max-width: 576px) {
    .reviews-marquee {
        padding: 14px 0;
    }
    .reviews-marquee .rm-item {
        width: 340px;
        padding: 10px 14px;
        gap: 12px;
    }
    .reviews-marquee .rm-left {
        width: 56px;
        padding-right: 10px;
    }
    .reviews-marquee .rm-text {
        font-size: 12px;
    }
    .reviews-marquee .rm-fade {
        width: 40px;
    }
}


/*! consent.css */
/* JDM Consent Manager — banner + modal */
.cmp-no-scroll{overflow:hidden}

/* ─── Banner ─────────────────────────────────────────────────────── */
.cmp-banner{
    position:fixed;
    left:16px;
    right:16px;
    bottom:16px;
    z-index:9990;
    background:#0f1530;
    color:#e2e8f0;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
    padding:20px 24px;
    max-width:1180px;
    margin:0 auto;
    animation:cmp-rise .28s ease-out;
}
@keyframes cmp-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.cmp-banner-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.cmp-banner-text{flex:1;min-width:280px}
.cmp-banner-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 6px}
.cmp-banner-text p{font-size:.85rem;line-height:1.55;color:rgba(255,255,255,.78);margin:0}
.cmp-banner-text a{color:var(--accent);text-decoration:underline}
.cmp-banner-actions{display:flex;gap:10px;flex-wrap:wrap}

/* ─── Buttons ────────────────────────────────────────────────────── */
.cmp-btn{
    appearance:none;
    border:none;
    font:inherit;
    font-size:.85rem;
    font-weight:700;
    padding:11px 20px;
    border-radius:10px;
    cursor:pointer;
    transition:transform .15s,background .2s,border-color .2s,color .2s;
    white-space:nowrap;
}
.cmp-btn-primary{background:var(--accent);color:#fff}
.cmp-btn-primary:hover{background:#2ec4c7;transform:translateY(-1px)}
.cmp-btn-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18)}
.cmp-btn-secondary:hover{background:rgba(255,255,255,.14)}
.cmp-btn-ghost{background:transparent;color:rgba(255,255,255,.75);border:1px solid transparent}
.cmp-btn-ghost:hover{color:#fff;background:rgba(255,255,255,.06)}

/* ─── Modal ──────────────────────────────────────────────────────── */
.cmp-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:cmp-fade .25s ease-out}
@keyframes cmp-fade{from{opacity:0}to{opacity:1}}
.cmp-modal-overlay{position:absolute;inset:0;background:rgba(8,12,28,.7);backdrop-filter:blur(2px)}
.cmp-modal-box{
    position:relative;
    background:#fff;
    color:var(--txt-dark);
    border-radius:16px;
    max-width:560px;
    width:100%;
    max-height:90vh;
    overflow:auto;
    padding:28px 28px 24px;
    box-shadow:0 30px 70px rgba(0,0,0,.45);
}
.cmp-modal-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:1.6rem;line-height:1;color:var(--txt-muted);cursor:pointer;padding:6px 10px}
.cmp-modal-close:hover{color:var(--txt-dark)}
.cmp-modal-title{font-size:1.25rem;font-weight:700;margin:0 0 8px;color:var(--txt-dark)}
.cmp-modal-lead{font-size:.88rem;line-height:1.55;color:var(--txt-body);margin:0 0 18px}

.cmp-cat{display:block;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:border-color .2s,background .2s}
.cmp-cat:hover{border-color:var(--accent);background:rgba(30,177,180,.04)}
.cmp-cat:first-of-type{cursor:default;background:rgba(15,23,42,.03)}
.cmp-cat:first-of-type:hover{border-color:var(--border);background:rgba(15,23,42,.03)}
.cmp-cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cmp-cat strong{display:block;font-size:.95rem;color:var(--txt-dark)}
.cmp-cat-desc{display:block;font-size:.78rem;color:var(--txt-muted);margin-top:3px;line-height:1.45}
.cmp-cat-required{font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);background:rgba(30,177,180,.1);padding:6px 12px;border-radius:50px;white-space:nowrap}

/* ─── Toggle switch ──────────────────────────────────────────────── */
.cmp-toggle{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}
.cmp-toggle input{opacity:0;width:0;height:0;position:absolute}
.cmp-toggle-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:50px;transition:background .25s;cursor:pointer}
.cmp-toggle-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.cmp-toggle input:checked + .cmp-toggle-slider{background:var(--accent)}
.cmp-toggle input:checked + .cmp-toggle-slider::before{transform:translateX(18px)}
.cmp-toggle input:focus-visible + .cmp-toggle-slider{box-shadow:0 0 0 2px rgba(30,177,180,.4)}

.cmp-modal-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}

@media(max-width:640px){
    .cmp-banner{padding:16px 18px;left:8px;right:8px;bottom:8px}
    .cmp-banner-inner{flex-direction:column;align-items:stretch;gap:14px}
    .cmp-banner-actions{flex-direction:column}
    .cmp-banner-actions .cmp-btn{width:100%;text-align:center}
    .cmp-modal-box{padding:22px 18px}
    .cmp-modal-actions{flex-direction:column-reverse}
    .cmp-modal-actions .cmp-btn{width:100%;text-align:center}
}


/*! faq-page.css */
/* ═══════════════════════════════════════════════════════════════
   FAQ PAGE (/faq/) — dedykowana strona z pytaniami
   ═══════════════════════════════════════════════════════════════ */

.faq-hero{background:var(--dark-bg);padding:80px 0 56px;color:var(--txt-light);text-align:center}
.faq-hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.5px}
.faq-hero-sub{color:var(--txt-muted);font-size:1rem;margin-bottom:32px;max-width:640px;margin-left:auto;margin-right:auto}

.faq-nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.faq-nav-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--txt-light);padding:9px 16px;border-radius:999px;text-decoration:none;font-size:.85rem;font-weight:600;transition:all .25s}
.faq-nav-chip:hover{background:rgba(30,177,180,.15);border-color:rgba(30,177,180,.4);color:var(--accent)}
.faq-nav-chip i{font-size:.78rem}

/* Page body */
.faq-page{padding:64px 0 80px;background:#fff}

.faq-group{max-width:820px;margin:0 auto 56px;scroll-margin-top:80px}
.faq-group-title{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:var(--txt-dark);display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--accent)}
.faq-group-title i{color:var(--accent);font-size:1.3rem}

.faq-list{display:flex;flex-direction:column}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item summary{
    list-style:none;cursor:pointer;padding:18px 0;font-weight:600;font-size:1rem;color:var(--txt-dark);
    display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .2s;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
    content:'+';font-size:1.5rem;font-weight:300;color:var(--txt-muted);flex-shrink:0;
    transition:transform .25s,color .25s;line-height:1;
}
.faq-item summary:hover,.faq-item[open] summary{color:var(--accent)}
.faq-item[open] summary::after{transform:rotate(45deg);color:var(--accent)}

.faq-body{padding:0 0 20px}
.faq-body p{color:var(--txt-body);font-size:.95rem;line-height:1.75;margin:0}
.faq-body p + p{margin-top:12px}
.faq-body strong{color:var(--txt-dark);font-weight:700}
.faq-body a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(30,177,180,.3);transition:border-color .2s}
.faq-body a:hover{border-bottom-color:var(--accent)}
.faq-body code{background:#f0f4f8;padding:2px 6px;border-radius:4px;font-size:.85em;color:var(--txt-dark)}

/* Kontakt CTA na dole */
.faq-contact{max-width:600px;margin:80px auto 0;text-align:center;padding:40px 32px;background:linear-gradient(135deg,rgba(30,177,180,.06),rgba(30,177,180,.02));border:1px solid rgba(30,177,180,.15);border-radius:18px}
.faq-contact h3{font-size:1.4rem;font-weight:700;color:var(--txt-dark);margin-bottom:8px}
.faq-contact p{color:var(--txt-body);font-size:.95rem;margin-bottom:22px}
.faq-contact-btn{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:var(--dark-bg);font-weight:700;padding:13px 32px;border-radius:10px;text-decoration:none;font-size:.95rem;transition:all .25s}
.faq-contact-btn:hover{background:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,215,60,.3)}

@media(max-width:768px){
    .faq-hero{padding:56px 0 40px}
    .faq-page{padding:40px 0 56px}
    .faq-group{margin-bottom:40px}
    .faq-group-title{font-size:1.2rem}
    .faq-item summary{font-size:.92rem;padding:14px 0}
    .faq-body p{font-size:.88rem;line-height:1.65}
    .faq-contact{margin-top:48px;padding:28px 20px}
}