/* 3PG – style strony „oferta” (inline z Oferta.html, 1:1). Ładowane po slugu. */

/* intro band */
  .intro{padding:0 0 10px}
  .intro .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
  .intro .goal{background:var(--paper-2);border:1px solid var(--line);border-radius:20px;padding:30px 32px;box-shadow:var(--shadow-sm)}
  .intro .goal .lab{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:10px}
  .intro .goal .big{font-size:clamp(24px,2.6vw,32px);font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.18}
  .intro .goal .big em{font-style:normal;color:var(--blue)}
  .intro p{font-size:17.5px;color:var(--muted);line-height:1.65}
  .intro p b{color:var(--ink);font-weight:700}

  /* offer cards */
  .offer{padding-top:60px}
  .offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .ocard-media{margin:-34px -32px 26px;height:182px;background:var(--paper-3);overflow:hidden;position:relative}
  .ocard-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
  .ocard:hover .ocard-media img{transform:scale(1.05)}
  .ocard-media.grad{background:linear-gradient(135deg,var(--blue),var(--blue-deep))}
  .ocard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px 32px 36px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
  .ocard::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--blue),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .3s}
  .ocard:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
  .ocard:hover::before{transform:scaleX(1)}
  .ocard .top{display:flex;align-items:center;gap:16px;margin-bottom:18px}
  .ocard .ico{width:52px;height:52px;border-radius:14px;background:var(--paper-3);display:grid;place-items:center;color:var(--blue);flex:none;transition:background .25s,color .25s}
  .ocard:hover .ico{background:var(--orange-soft);color:var(--orange-deep)}
  .ocard .ico svg{width:26px;height:26px}
  .ocard .num{margin-left:auto;font-size:13px;font-weight:800;color:var(--line);letter-spacing:.04em}
  .ocard h3{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-.02em}
  .ocard .sub{font-size:13px;font-weight:700;color:var(--blue);margin-top:3px}
  .ocard p{font-size:14.5px;color:var(--muted);line-height:1.6;margin-top:14px}
  .ocard ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:9px}
  .ocard ul li{display:flex;gap:10px;font-size:14px;color:var(--ink);line-height:1.45}
  .ocard ul li::before{content:"";flex:none;width:9px;height:9px;margin-top:5px;background:var(--orange);border-radius:2px}
  .ocard .lnk{margin-top:auto;padding-top:22px;font-weight:700;font-size:14px;color:var(--blue);display:inline-flex;align-items:center;gap:8px;transition:gap .2s}
  .ocard:hover .lnk{gap:13px}

  /* KPI band */
  .kpi{background:linear-gradient(135deg,var(--blue-deep),var(--navy));color:#fff;position:relative;overflow:hidden;margin-top:90px}
  .kpi::after{content:"";position:absolute;right:-140px;top:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(60,179,234,.4),transparent 62%)}
  .kpi .wrap{position:relative;z-index:2}
  .kpi .sec-head h2{color:#fff}
  .kpi .sec-head .eyebrow{color:#9BDAF7}
  .kpi .sec-head p{color:rgba(255,255,255,.72)}
  .kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .kpi-card{background:rgba(255,255,255,.05);border:1px solid var(--line-2);border-radius:16px;padding:28px 24px;transition:background .25s,transform .25s}
  .kpi-card:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}
  .kpi-card .ic{width:44px;height:44px;border-radius:12px;background:rgba(245,166,35,.18);color:var(--orange);display:grid;place-items:center;margin-bottom:18px}
  .kpi-card .ic svg{width:22px;height:22px}
  .kpi-card h3,.kpi-card h4{font-size:18px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}
  .kpi-card p{font-size:14px;color:rgba(255,255,255,.68);line-height:1.55}

  /* CTA band */
  .cta-band{text-align:center}
  .cta-band .box{background:var(--paper-2);border:1px solid var(--line);border-radius:28px;padding:60px;box-shadow:var(--shadow-sm)}
  .cta-band h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1.1;max-width:20ch;margin:0 auto}
  .cta-band p{font-size:18px;color:var(--muted);max-width:54ch;margin:18px auto 30px}
  .cta-band .acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  @media(max-width:980px){
    .intro .wrap{grid-template-columns:1fr;gap:28px}
    .offer-grid{grid-template-columns:1fr}
    .kpi-grid{grid-template-columns:1fr}
    .cta-band .box{padding:36px 24px}
  }