.aysoft-ssr{font-family:Tajawal,Manrope,sans-serif;background:#fff;color:#122341}
.aysoft-ssr *{box-sizing:border-box}
.aysoft-ssr .ssr-top{background:#fff;min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:9px max(22px,calc((100vw - 1240px)/2));gap:30px}
.aysoft-ssr .ssr-top img{width:190px;height:65px;object-fit:contain}
.aysoft-ssr nav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px;font-weight:700}
.aysoft-ssr a{color:#1267ec;text-decoration:none}
.aysoft-ssr .ssr-hero{padding:100px max(24px,calc((100vw - 1240px)/2));background:radial-gradient(circle at 70% 40%,#2254c755,transparent 45%),#06152c;color:#fff}
.aysoft-ssr .ssr-hero span{font:700 11px Manrope,sans-serif;letter-spacing:2px;color:#a6cbff}
.aysoft-ssr .ssr-hero h1{color:#fff;font-size:clamp(38px,5vw,69px);line-height:1.25;max-width:830px;margin:26px 0}
.aysoft-ssr .ssr-hero p{font-size:19px;color:#d1e0f4;max-width:780px;line-height:1.9}
.aysoft-ssr .ssr-hero a{display:inline-flex;color:#fff;background:#146bf5;border-radius:45px;padding:12px 23px;margin-top:26px;font-weight:700}
.aysoft-ssr .ssr-section{padding:65px max(22px,calc((100vw - 1240px)/2))}
.aysoft-ssr .ssr-section:nth-child(2n){background:#f5f8ff}
.aysoft-ssr .ssr-section h2{font-size:clamp(29px,3vw,43px);margin:0 0 27px;color:#10213b}
.aysoft-ssr .ssr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.aysoft-ssr .ssr-grid article{background:#fff;border:1px solid #e1e8f2;border-radius:18px;padding:25px;min-width:0}
.aysoft-ssr .ssr-grid h3{font-size:20px;line-height:1.5;margin:0 0 10px;color:#10233d}
.aysoft-ssr .ssr-grid p{font-size:15px;color:#5b6e86;line-height:1.9}
.aysoft-ssr .ssr-footer{background:#06152c;color:#c8d6eb;padding:34px max(22px,calc((100vw - 1240px)/2))}
.aysoft-ssr .ssr-footer p{max-width:800px;line-height:1.9}
@media(max-width:800px){.aysoft-ssr .ssr-grid{grid-template-columns:1fr 1fr}.aysoft-ssr .ssr-hero{padding:70px 26px}}
@media(max-width:560px){.aysoft-ssr .ssr-grid{grid-template-columns:1fr}.aysoft-ssr .ssr-top{flex-wrap:wrap}.aysoft-ssr .ssr-section{padding:44px 20px}}
