/* ── 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:'Space Grotesk',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:var(--dark-bg);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:200px;height:200px;background:rgba(30,177,180,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:6rem;color:var(--accent);border:2px solid rgba(30,177,180,.15)}

/* ── 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:'Space Grotesk',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:var(--dark-bg);border:none}
.btn-op-fill:hover{background:var(--accent-dark);color:var(--dark-bg);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:180px;height:180px;background:rgba(30,177,180,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:5.5rem;color:var(--accent);border:2px solid rgba(30,177,180,.15)}

/* ── 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:'Space Grotesk',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:var(--dark-bg);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:'Space Grotesk',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}
}
