*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui}
body{
  background:linear-gradient(180deg,#eaf7ff,#cfeeff);
  color:#2b4a6f;
}
.header{width:100%}
.header-inner{
  max-width:1400px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  padding:24px 20px;
}
.back{
  background:#fff;
  border:none;
  padding:10px 26px;
  border-radius:999px;
  color:#4aa3ff;
}
.logo{
  font-size:28px;
  font-weight:900;
  color:#ff7a00;
}
.logo span{color:#111}
.title{
  text-align:center;
  font-size:32px;
  color:#4aa3ff;
  margin:20px 0 40px;
}
.page{width:100%}
.container{
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns: 360px 1fr;
  gap:48px;
  padding:0 20px 80px;
}
.cs-left{text-align:center}
.cs-image{
  width:100%;
  max-height:560px;
  object-fit:cover;
  border-radius:36px;
  box-shadow:0 30px 70px rgba(0,0,0,.16);
}
.quote{
  margin-top:18px;
  background:linear-gradient(135deg,#4aa3ff,#6ecbff);
  color:#fff;
  padding:14px 22px;
  border-radius:999px;
  font-size:12px;
}
.cs-right{
  display:flex;
  flex-direction:column;
  gap:40px;
}
.block{
  background:rgba(255,255,255,.95);
  border-radius:46px;
  padding:44px;
  box-shadow:0 30px 70px rgba(0,0,0,.14);
}
.block h2{
  text-align:center;
  color:#4aa3ff;
  margin-bottom:34px;
}
.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}
.service{
  background:#f6fbff;
  border-radius:32px;
  padding:30px 18px;
  text-align:center;
}
.service img{width:64px;margin-bottom:12px}
.social{
  display:flex;
  justify-content:center;
  gap:36px;
}
.social-item{
  width:84px;
  height:84px;
  background:#fff;
  border-radius:50%;
  box-shadow:0 18px 40px rgba(0,0,0,.15);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
}