/* Layout: /skaitmeninis-marketingas/ turinio atnaujinimas — hero, savybių kortelės, eigos laiko juosta, "kodėl verta" kortelės, CTA juosta */
.sxpg{
  --bg:#f3f1ee; --fg:#1f1f1f; --muted:#555; --soft:#999; --card:#fff; --line:#e4e0d9;
  --blue:#3452ff; --blue2:#6a82ff; --red:#ff1053; --dark:#15171d;
  --disp:"Space Grotesk","Segoe UI",Arial,sans-serif; --body:"Poppins","Segoe UI",Arial,sans-serif;
}
.sxpg-wrap{max-width:1100px; margin:0 auto; padding-inline:24px;}
.sxpg h1,.sxpg h2,.sxpg h3{font-family:var(--disp); font-weight:700; letter-spacing:-.01em; margin:0;}
.sxpg-badge{display:inline-block; background:#333; color:#fff; border-radius:20px; padding:7px 14px; font-size:14px; font-weight:700;}
.sxpg-badge.sxpg-blue{background:var(--blue);}
.sxpg-btn{display:inline-block; background:var(--blue); color:#fff; border-radius:200px; padding:15px 28px; font-size:14px; font-weight:600; text-decoration:none; transition:background .2s, transform .15s;}
.sxpg-btn:hover{background:#2440d8; transform:translateY(-1px);}
.sxpg-btn.sxpg-ghost{background:transparent; color:var(--fg); border:1.5px solid #cfcbc3;}
.sxpg-btn.sxpg-ghost:hover{background:#fff; transform:translateY(-1px);}

/* Scroll reveal */
.sxpg-rv{opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease;}
.sxpg-rv.sxpg-on{opacity:1; transform:none;}

/* ---------- HERO ---------- */
.sxpg-hero{display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center; padding:64px 0 72px;}
@media(max-width:900px){ .sxpg-hero{grid-template-columns:1fr; padding-top:36px;} }
.sxpg-hero h1{font-size:clamp(34px,4.6vw,52px); line-height:1.08; margin:18px 0 18px;}
.sxpg-hero h1 em{font-style:normal; color:var(--blue);}
.sxpg-hero p.sxpg-sub{color:var(--muted); font-size:18px; max-width:48ch; margin:0 0 26px;}
.sxpg-hero .sxpg-cta-row{display:flex; gap:14px; align-items:center; flex-wrap:wrap;}
.sxpg-hero .sxpg-alt{font-size:14.5px; color:var(--muted);}
.sxpg-hero .sxpg-alt a{color:var(--fg); font-weight:600;}
.sxpg-hero .sxpg-price{display:inline-flex; align-items:baseline; gap:8px; margin-top:26px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 18px;}
.sxpg-hero .sxpg-price b{font-family:var(--disp); font-size:24px;}
.sxpg-hero .sxpg-price span{font-size:13px; color:var(--soft);}

.sxpg-hero-vis{position:relative; min-height:320px;}
.sxpg-hv-card{background:var(--dark); border-radius:16px; padding:20px; box-shadow:0 24px 60px rgba(21,23,29,.25); color:#fff;}
.sxpg-hv-card .sxpg-h{display:flex; justify-content:space-between; align-items:center; font-size:12.5px; color:rgba(255,255,255,.55); margin-bottom:12px;}
.sxpg-hv-card .sxpg-h b{color:#fff; font-family:var(--disp); font-size:14.5px;}
.sxpg-hv-card svg{display:block; width:100%; height:auto;}
.sxpg-hv-chip{position:absolute; display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:12px; padding:10px 14px; box-shadow:0 12px 28px rgba(21,23,29,.14); animation:float 5s ease-in-out infinite; font-size:11.5px; color:var(--soft);}
.sxpg-hv-chip b{font-family:var(--disp); font-size:17px; color:var(--fg);}
.sxpg-hv-chip b em{font-style:normal; color:var(--blue);}
#sxpg-hc1{top:-16px; left:-18px;} #sxpg-hc2{bottom:-14px; right:-10px; animation-delay:-2.5s;}
@keyframes float{0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)}}

/* ---------- SAVYBĖS ---------- */
.sxpg-sec{padding:64px 0;}
.sxpg-sec-head{margin-bottom:30px;}
.sxpg-sec-head h2{font-size:34px; margin-top:14px;}
@media(max-width:690px){ .sxpg-sec-head h2{font-size:28px;} }
.sxpg-feat{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
@media(max-width:900px){ .sxpg-feat{grid-template-columns:1fr 1fr;} }
@media(max-width:620px){ .sxpg-feat{grid-template-columns:1fr;} }
.sxpg-fcard{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px; transition:transform .2s ease, box-shadow .2s ease;}
.sxpg-fcard:hover{transform:translateY(-4px); box-shadow:0 16px 36px rgba(21,23,29,.1);}
.sxpg-fcard .sxpg-ic{width:44px; height:44px; border-radius:12px; background:rgba(52,82,255,.1); display:grid; place-items:center; margin-bottom:14px;}
.sxpg-fcard h3{font-size:17.5px; margin-bottom:8px;}
.sxpg-fcard p{margin:0; font-size:14.5px; color:var(--muted);}
.sxpg-fcard.sxpg-price-card{background:var(--dark); border-color:var(--dark); color:#fff; display:flex; flex-direction:column; align-items:flex-start;}
.sxpg-fcard.sxpg-price-card .sxpg-lbl{font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.55);}
.sxpg-fcard.sxpg-price-card b{font-family:var(--disp); font-size:38px; margin:8px 0 2px;}
.sxpg-fcard.sxpg-price-card small{font-size:13px; color:rgba(255,255,255,.6); margin-bottom:16px;}
.sxpg-fcard.sxpg-price-card .sxpg-btn{margin-top:auto;}

/* ---------- EIGA (laiko juosta) ---------- */
.sxpg-tl{position:relative; margin-top:10px;}
.sxpg-tl::before{content:""; position:absolute; left:21px; top:8px; bottom:8px; width:2px; background:var(--line);}
.sxpg-tl .sxpg-prog{position:absolute; left:21px; top:8px; width:2px; height:0; background:linear-gradient(180deg,var(--blue),var(--red)); transition:height 1.6s cubic-bezier(.2,.8,.3,1);}
.sxpg-tstep{position:relative; padding:0 0 26px 64px;}
.sxpg-tstep:last-child{padding-bottom:0;}
.sxpg-tstep .sxpg-n{position:absolute; left:0; top:0; width:44px; height:44px; border-radius:50%; background:#fff; border:2px solid var(--line); display:grid; place-items:center; font-family:var(--disp); font-weight:700; color:var(--fg); transition:border-color .3s, background .3s, color .3s;}
.sxpg-tstep.sxpg-on .sxpg-n{border-color:var(--blue); background:var(--blue); color:#fff;}
.sxpg-tstep h3{font-size:18px; margin-bottom:6px; padding-top:8px;}
.sxpg-tstep p{margin:0; font-size:14.5px; color:var(--muted); max-width:72ch;}
.sxpg-tstep .sxpg-chip{display:inline-block; margin-left:10px; font-size:11px; font-weight:600; color:var(--blue); background:rgba(52,82,255,.1); border-radius:200px; padding:3px 10px; vertical-align:2px;}

/* ---------- KODĖL VERTA ---------- */
.sxpg-why{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
@media(max-width:900px){ .sxpg-why{grid-template-columns:1fr 1fr;} }
@media(max-width:620px){ .sxpg-why{grid-template-columns:1fr;} }
.sxpg-wcard{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px; position:relative; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease;}
.sxpg-wcard:hover{transform:translateY(-4px); box-shadow:0 16px 36px rgba(21,23,29,.1);}
.sxpg-wcard::after{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,var(--blue),var(--red)); opacity:0; transition:opacity .25s;}
.sxpg-wcard:hover::after{opacity:1;}
.sxpg-wcard h3{font-size:17px; margin-bottom:8px; display:flex; align-items:center; gap:10px;}
.sxpg-wcard h3 .sxpg-no{font-family:var(--disp); color:var(--blue); font-size:14px;}
.sxpg-wcard p{margin:0; font-size:14.5px; color:var(--muted);}

/* ---------- Rezultatų sekcijos vieta ---------- */
.sxpg-mk-slot{background:var(--dark); color:rgba(255,255,255,.55); text-align:center; padding:40px 24px; font-size:14px; border-radius:0;}
.sxpg-mk-slot b{color:#fff;}

/* ---------- CTA juosta ---------- */
.sxpg-ctab{background:radial-gradient(90% 140% at 85% 0%,rgba(52,82,255,.25) 0%,rgba(52,82,255,0) 55%),radial-gradient(70% 120% at 10% 100%,rgba(255,16,83,.18) 0%,rgba(255,16,83,0) 60%),var(--dark); border-radius:22px; padding:52px 40px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; margin:10px 0 70px;}
.sxpg-ctab h2{color:#fff; font-size:clamp(24px,3.4vw,32px); max-width:20ch;}
.sxpg-ctab p{color:rgba(255,255,255,.65); margin:10px 0 0; font-size:15px;}
.sxpg-ctab .sxpg-tel{color:#fff; font-weight:600; text-decoration:none;}
@media (prefers-reduced-motion:reduce){ .sxpg-rv{transition:none; opacity:1; transform:none;} .sxpg-hv-chip{animation:none;} }