:root{
  --primary:#165dff;
  --primary-deep:#2d61ca;
  --purple:#7a36fd;
  --title:#1d2129;
  --text:#4e5969;
  --line:#e5e6eb;
  --tint:#f0f4f9;
  --container:1200px;
  --radius:8px;
}
body{font-family:"Arial","Helvetica Neue",sans-serif;color:var(--title);background:#fff;-webkit-font-smoothing:antialiased}
.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
.button-group{display:flex;align-items:center;gap:20px;justify-content:center}
.button{display:inline-flex;width:150px;height:48px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius);font-size:16px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(45,97,202,.18)}
.button--primary{color:#fff;background:linear-gradient(90deg,#6054fc,#3764fd)}
.button--outline{width:130px;color:var(--primary-deep);border-color:var(--primary);background:#fff}
.button--large{width:250px;height:66px;font-size:24px;font-weight:700}
.button--large.button--outline{width:200px}
.button-group--small{justify-content:flex-start;gap:12px}
.section-space{padding:80px 0}
.section-heading{text-align:center}
.section-heading__mark{display:inline-block;position:relative;width:42px;height:6px;margin-bottom:24px;background:linear-gradient(90deg,#a49ffb,#3768f3);border-radius:3px}
.section-heading__mark::after{content:"";position:absolute;right:0;width:6px;height:6px;background:#3869f3;border-radius:50%;box-shadow:-10px 0 0 2px #fff}
.section-heading h2{font-size:38px;line-height:1.35}
.section-heading p{max-width:1100px;margin:18px auto 0;color:var(--text);font-size:18px;line-height:1.55}
.section-heading__gradient{background:linear-gradient(105deg,#7342f0,#165dff);background-clip:text;-webkit-background-clip:text;color:transparent}
.clients{background:#f3f7fb;padding:80px 0 110px}
.client-grid{display:grid;grid-template-columns:repeat(4,276px);gap:30px;margin-top:68px;justify-content:center}
.client-card{height:120px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:2px;background:#fff;overflow:hidden;padding:14px}
.client-card img{max-width:100%;max-height:88px;object-fit:contain}
.client-card--text{color:#32517a;font-size:24px;line-height:1.4;font-weight:700;text-align:left;justify-content:flex-start;padding-left:41px}
.home-cta{height:320px;background:#001d6f;color:#fff;text-align:center;padding-top:52px}
.home-cta h2{max-width:1106px;margin:0 auto 38px;font-size:44px;line-height:1.4}
.home-cta__button{width:160px;height:58px;margin:auto;font-size:20px}
@media(max-width:1100px){.client-grid{grid-template-columns:repeat(2,276px)}}
@media(max-width:767px){.container{width:min(100% - 32px,var(--container))}.button-group{gap:12px}.button--large{width:160px;height:54px;font-size:18px}.button--large.button--outline{width:130px}.section-heading h2{font-size:30px}.section-heading p{font-size:16px}.section-space{padding:64px 0}}
@media(max-width:767px){.clients{padding:56px 0 64px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:42px}.client-card{height:72px;padding:8px 10px}.client-card img{max-height:52px}.client-card--text{padding:8px 12px;font-size:12px;line-height:1.3}.home-cta{height:auto;padding:52px 0}.home-cta h2{font-size:30px;margin-bottom:30px}}