.mym-services-draft{position:relative;overflow:hidden;padding:72px clamp(28px,10vw,156px) 84px;background:radial-gradient(circle at 14% 8%,rgba(23,154,228,.13),transparent 29%),linear-gradient(135deg,#fff 0%,#f5fbff 54%,#eaf6ff 100%)}
.mym-services-draft::before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(116deg,transparent 0 26%,rgba(23,154,228,.07) 26.08% 26.18%,transparent 26.3%),linear-gradient(116deg,transparent 0 76%,rgba(23,154,228,.05) 76.08% 76.18%,transparent 76.3%)}
.mym-services-draft__intro,.mym-services-draft__grid{position:relative;z-index:1;margin-inline:auto}
.mym-services-draft__intro{width:min(100%,920px)}
.mym-services-draft__grid{width:min(100%,760px)}
.mym-services-draft__intro{display:grid;justify-items:center;margin-bottom:30px;text-align:center}
.mym-services-draft__intro>p{margin:0 0 11px;color:#179ae4;font:800 10px/1.2 "Sora",sans-serif;letter-spacing:.18em}
.mym-services-draft__intro h2{margin:0;color:#0b2340;font:700 clamp(34px,4vw,52px)/1.05 "Sora",sans-serif;letter-spacing:-.045em}
.mym-services-draft__intro h2 span{color:#179ae4}
.mym-services-draft__intro>div{width:72px;height:2px;margin-top:20px;background:#179ae4;box-shadow:0 0 14px rgba(23,154,228,.45)}
.mym-services-draft__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mym-service-square{position:relative;display:flex;aspect-ratio:1.24/1;min-width:0;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;padding:23px;border:1px solid rgba(23,154,228,.4);border-radius:18px;background:linear-gradient(145deg,#0b2748 0%,#07182d 100%);color:#fff;text-align:left;text-decoration:none;box-shadow:0 18px 38px rgba(11,73,122,.16);cursor:pointer;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}
.mym-service-square::before{position:absolute;inset:-45% -20% auto 38%;width:90%;aspect-ratio:1;border-radius:50%;content:"";background:radial-gradient(circle,rgba(23,154,228,.34),transparent 68%)}
.mym-service-square::after{position:absolute;right:-35%;bottom:-48%;width:88%;aspect-ratio:1;border:1px solid rgba(99,204,255,.13);border-radius:50%;content:""}
.mym-service-square:hover{transform:translateY(-8px);border-color:#63ccff;box-shadow:0 26px 52px rgba(11,87,147,.25)}
.mym-service-square__number{position:absolute;top:19px;left:22px;color:rgba(184,226,255,.6);font:800 10px/1 "Sora",sans-serif;letter-spacing:.14em}
.mym-service-square__icon{position:absolute;top:24%;left:23px;display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(99,204,255,.38);border-radius:14px;background:rgba(23,154,228,.1);color:#63ccff}
.mym-service-square__icon svg{width:27px;height:27px}.mym-service-square__icon svg *{stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.mym-service-square strong{position:relative;z-index:1;font:700 clamp(20px,1.8vw,26px)/1.05 "Sora",sans-serif;letter-spacing:-.035em}.mym-service-square small{position:relative;z-index:1;max-width:88%;margin-top:9px;color:rgba(225,242,255,.72);font-size:11px;line-height:1.45}
.mym-service-square__arrow{position:absolute;right:18px;bottom:17px;z-index:1;display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(99,204,255,.42);border-radius:50%;color:#63ccff;font-size:15px}
@media(max-width:800px){.mym-services-draft{padding:70px 22px 82px}.mym-services-draft__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mym-service-square{padding:18px;border-radius:14px}.mym-service-square small{display:none}}
@media(max-width:560px){.mym-services-draft__grid{grid-template-columns:1fr}.mym-service-square{aspect-ratio:auto;min-height:270px;padding:24px}.mym-service-square__icon{top:60px;left:23px}.mym-service-square strong{font-size:26px}.mym-service-square small{display:block}}
