/* SitePaketim v1.1.2 - Dört adımda dijital dünyaya / screenshot-matched premium cards.
   Scoped to the home-only section; other pages, demos, purchasing and CMS remain unchanged. */
main.sp-v111-home > .sp-how-v112 {
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(55px,6vw,93px) 0 clamp(69px,7vw,112px);
  background:radial-gradient(ellipse at 11% 17%,rgba(220,232,255,.63),transparent 28%),
             radial-gradient(ellipse at 83% 91%,rgba(216,232,255,.72),transparent 36%),
             linear-gradient(160deg,#f8fbff 0%,#f7faff 57%,#f3f7fe 100%);
}
main.sp-v111-home > .sp-how-v112::before,
main.sp-v111-home > .sp-how-v112::after {
  content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%;
  border:1px solid rgba(94,147,247,.33);
}
main.sp-v111-home > .sp-how-v112::before {width:460px;height:460px;top:-331px;left:-190px;box-shadow:72px 28px 0 -68px rgba(85,139,246,.4)}
main.sp-v111-home > .sp-how-v112::after {width:630px;height:300px;bottom:-245px;right:-90px;transform:rotate(-18deg)}
.sp-how-v112__inner {position:relative;z-index:1}
.sp-how-v112__heading{text-align:center;margin:0 auto clamp(29px,3.1vw,48px);max-width:1080px}
.sp-how-v112__kicker{
 display:inline-flex;align-items:center;gap:14px;padding:10px 19px;border-radius:99px;
 background:rgba(226,237,255,.62);border:1px solid #d5e2fa;color:#2863ef;
 font-size:11px;line-height:1.3;font-weight:850;letter-spacing:.16em;text-transform:uppercase;
 box-shadow:0 3px 12px rgba(41,92,180,.04)
}
.sp-how-v112__kicker i{width:7px;height:7px;flex:0 0 7px;background:#f2bb4a;border-radius:50%}
.sp-how-v112__heading h2{
 margin:22px 0 14px;max-width:none;font-size:clamp(32px,4.35vw,68px);
 line-height:1.07;letter-spacing:-.051em;color:#091b3f;font-weight:800
}
.sp-how-v112__heading p{margin:0;font-size:clamp(14px,1.4vw,20px);line-height:1.65;color:#697a97}
.sp-how-v112__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.3vw,35px)}
.sp-how-v112__card{
 position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;
 min-width:0;min-height:330px;padding:clamp(25px,2.5vw,38px);
 border:1px solid #dce7f7;border-radius:25px;background:rgba(255,255,255,.93);
 box-shadow:0 24px 47px rgba(48,90,157,.085),0 1px 3px rgba(29,73,139,.035);
 transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}
.sp-how-v112__card:hover{transform:translateY(-7px);border-color:#adc8ff;box-shadow:0 32px 60px rgba(48,90,157,.14)}
.sp-how-v112__card:not(:last-child)::after{
 content:"";position:absolute;top:45%;right:-29px;width:48px;height:48px;
 border:1px solid #d5e4fd;border-radius:50%;z-index:3;background:#fff;
 box-shadow:0 8px 20px rgba(50,91,155,.075);
}
.sp-how-v112__card:not(:last-child)::before{
 content:"";position:absolute;top:calc(45% + 20px);right:-10px;width:11px;height:11px;
 border-right:3px solid #4284ff;border-top:3px solid #4284ff;transform:rotate(45deg);z-index:4;
}
.sp-how-v112__icon{
 width:88px;height:88px;flex:0 0 88px;border-radius:23px;
 display:grid;place-items:center;color:#2360ec;
 background:linear-gradient(147deg,#e9f1ff,#f5f8ff);
 margin-bottom:clamp(19px,2vw,29px);
}
.sp-how-v112__icon svg{width:60px;height:60px}
.sp-how-v112__card h3{
 font-size:clamp(18px,1.65vw,24px);line-height:1.25;font-weight:800;
 letter-spacing:-.038em;color:#0d1c3d;margin:0 0 17px;position:relative;z-index:2
}
.sp-how-v112__card p{font-size:clamp(13px,1.12vw,16px);line-height:1.65;color:#647592;margin:0 0 36px;position:relative;z-index:2}
.sp-how-v112__accent{width:44px;height:4px;border-radius:20px;background:#4384fe;margin-top:auto;box-shadow:0 1px 5px #4384fe25}
.sp-how-v112__number{
 position:absolute;bottom:14px;right:22px;color:#e8effc;line-height:1;
 font-size:clamp(55px,6vw,94px);font-weight:900;letter-spacing:-.09em;
 user-select:none;pointer-events:none;z-index:0
}
@media(max-width:1050px){
 .sp-how-v112__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .sp-how-v112__card{min-height:295px}
 .sp-how-v112__card::before,.sp-how-v112__card::after{display:none}
 .sp-how-v112__heading h2{font-size:clamp(34px,5.2vw,55px)}
}
@media(max-width:600px){
 main.sp-v111-home > .sp-how-v112{padding:45px 0 52px}
 .sp-how-v112__heading{margin-bottom:26px}
 .sp-how-v112__heading h2{font-size:clamp(30px,8vw,43px);margin:18px 0 13px}
 .sp-how-v112__heading p{font-size:14px}
 .sp-how-v112__kicker{font-size:10px;letter-spacing:.11em;padding:9px 13px}
 .sp-how-v112__grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .sp-how-v112__card{min-height:225px;padding:25px 25px 23px;border-radius:20px}
 .sp-how-v112__icon{width:67px;height:67px;flex-basis:67px;border-radius:18px;margin-bottom:18px}
 .sp-how-v112__icon svg{width:47px;height:47px}
 .sp-how-v112__card h3{font-size:21px;margin-bottom:9px}
 .sp-how-v112__card p{font-size:14px;line-height:1.6;max-width:265px;margin-bottom:20px}
 .sp-how-v112__number{font-size:67px}
}
@media(prefers-reduced-motion:reduce){.sp-how-v112__card{transition:none}.sp-how-v112__card:hover{transform:none}}