
:root{
  --svc-blue:#0c4295;--svc-blue2:#076fbd;--svc-ink:#123b68;--svc-red:#f12b35;
  --svc-soft:#f4f8fd;--svc-line:#dbe6f1;--svc-muted:#657d94;--svc-white:#fff;
}
.service-page{background:#fff;color:var(--svc-ink)}
.svc-container{width:min(1180px,calc(100% - 40px));margin:auto}
.svc-hero{
  min-height:520px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  background:linear-gradient(105deg,#f6faff 0%,#f6faff 40%,#fff 56%);
  overflow:hidden;border-bottom:1px solid #e9f0f7
}
.svc-hero-copy{display:flex;align-items:center;padding:72px 8% 72px max(4vw,28px);position:relative;z-index:2}
.svc-eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;color:#ef2834;margin-bottom:12px}
.svc-hero h1{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.045em;margin:0;color:#0b347b}
.svc-rule{width:48px;height:4px;border-radius:99px;background:#ef2834;margin:21px 0}
.svc-lead{font-size:20px;font-weight:800;color:#152f54;margin:0 0 12px}
.svc-intro{font-size:15px;line-height:1.75;color:#526d87;max-width:590px}
.svc-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}
.svc-btn{
  min-height:46px;padding:0 17px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;font-weight:850;font-size:12px;text-decoration:none;border:1px solid #0d4ca5;transition:.2s
}
.svc-btn.primary{background:#0c49a4;color:#fff}.svc-btn.secondary{background:#fff;color:#0c49a4}
.svc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(9,61,124,.12)}
.svc-hero-media{position:relative;min-height:520px}
.svc-hero-media:before{
  content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:25%;
  background:linear-gradient(90deg,#f6faff,rgba(246,250,255,.78),transparent)
}
.svc-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.svc-hero-note{
  position:absolute;z-index:4;bottom:28px;left:7%;right:7%;padding:15px 17px;border-radius:14px;
  background:rgba(255,255,255,.93);backdrop-filter:blur(8px);box-shadow:0 14px 35px rgba(8,43,83,.18);
  display:flex;gap:12px;align-items:center;color:#274d72;font-size:12px;line-height:1.55
}
.svc-hero-note i{width:42px;height:42px;border-radius:50%;background:#0c49a4;color:#fff;display:grid;place-items:center;flex:none}

.svc-stats-wrap{position:relative;z-index:8;margin-top:-36px}
.svc-stats{
  display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e0e9f2;
  border-radius:16px;box-shadow:0 18px 45px rgba(12,59,105,.11);overflow:hidden
}
.svc-stat{padding:23px 21px;display:flex;align-items:center;gap:15px;min-height:116px}
.svc-stat+.svc-stat{border-left:1px solid #e1e9f1}
.svc-stat-icon{width:52px;height:52px;border-radius:50%;background:#e9f2ff;color:#0c49a4;display:grid;place-items:center;font-size:21px;flex:none}
.svc-stat strong{display:block;font-size:24px;line-height:1;color:#0b3c8c}.svc-stat span{font-size:12px;font-weight:800;color:#315879}
.svc-stat small{display:block;margin-top:6px;color:#7a8ea2;font-size:9px;line-height:1.35}

.svc-section{padding:72px 0}.svc-section.alt{background:#f5f8fc;border-top:1px solid #e7eef5;border-bottom:1px solid #e7eef5}
.svc-section-head{text-align:center;max-width:760px;margin:0 auto 31px}
.svc-section-head .svc-eyebrow{margin-bottom:7px}.svc-section-head h2{font-size:36px;letter-spacing:-.025em;color:#103b80;margin:0 0 10px}
.svc-section-head p{color:#698095;line-height:1.65;margin:0}
.svc-overview{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}
.svc-copy h2{font-size:34px;line-height:1.06;color:#103b80;margin:0 0 13px}.svc-copy p{color:#657d94;line-height:1.7}
.svc-checks{list-style:none;padding:0;margin:19px 0 0;display:grid;gap:11px}
.svc-checks li{display:flex;gap:10px;align-items:flex-start;color:#315676;font-size:13px;line-height:1.5}
.svc-checks i{color:#0c5dc2;margin-top:3px}
.svc-gallery{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:210px 210px;gap:9px}
.svc-gallery figure{margin:0;border-radius:14px;overflow:hidden;position:relative;background:#eaf1f7}
.svc-gallery figure:first-child{grid-row:1/3}
.svc-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s transform}
.svc-gallery figure:hover img{transform:scale(1.025)}
.svc-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:32px 12px 10px;background:linear-gradient(transparent,rgba(2,25,53,.78));color:#fff;font-size:10px;font-weight:800}

.svc-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.svc-offer{background:#fff;border:1px solid #dde7f1;border-radius:15px;padding:21px;min-height:190px;box-shadow:0 8px 26px rgba(12,58,105,.045)}
.svc-offer i{font-size:24px;color:#0b4ba9;margin-bottom:15px}.svc-offer h3{font-size:17px;color:#103f88;margin:0 0 8px}.svc-offer p{font-size:12px;color:#6a8095;line-height:1.6;margin:0}

.svc-options{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.svc-option{border:1px solid #dbe6f0;border-radius:15px;padding:20px 17px;background:#fff;position:relative;overflow:hidden}
.svc-option:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0c4ba6,#16b8d5)}
.svc-option .num{font-size:10px;color:#ec2d38;font-weight:900;letter-spacing:.08em}.svc-option h3{font-size:17px;color:#0f4089;margin:8px 0}.svc-option p{font-size:11px;line-height:1.55;color:#6a8095;margin:0}

.svc-path{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;counter-reset:step}
.svc-step{position:relative;background:#fff;border:1px solid #dbe6f0;border-radius:14px;padding:24px 18px 19px;min-height:165px}
.svc-step:before{counter-increment:step;content:counter(step);position:absolute;top:-17px;left:17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0b469e;color:#fff;font-weight:900;border:4px solid #f3f8fd}
.svc-step i{font-size:25px;color:#0b53b1;margin:8px 0 13px}.svc-step h3{font-size:15px;color:#103f88;margin:0 0 7px}.svc-step p{font-size:11px;color:#71869a;line-height:1.55;margin:0}

.svc-related{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.svc-related a{padding:9px 11px;border-radius:8px;border:1px solid #d6e3ee;background:#fff;color:#315d87;text-decoration:none;font-size:10px;font-weight:800}
.svc-related a.current{background:#0b489f;color:#fff;border-color:#0b489f}
.svc-cta{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;background:linear-gradient(120deg,#073986,#075aba);
  border-radius:20px;color:#fff;padding:31px 34px;overflow:hidden;position:relative
}
.svc-cta:after{content:"";position:absolute;width:270px;height:270px;border:45px solid rgba(255,255,255,.055);border-radius:50%;right:-65px;top:-90px}
.svc-cta h2{font-size:30px;margin:0 0 8px}.svc-cta p{margin:0;color:#dcecff;line-height:1.6}.svc-cta .svc-actions{margin:0;position:relative;z-index:2}
.svc-cta .svc-btn.primary{background:#fff;color:#0b469e;border-color:#fff}.svc-cta .svc-btn.secondary{background:transparent;color:#fff;border-color:#ffffff70}

.svc-library-hero{padding:74px 0 45px;background:linear-gradient(135deg,#eef6ff,#fff)}
.svc-library-hero h1{font-size:48px;color:#0d397e;margin:0 0 12px;letter-spacing:-.035em}
.svc-library-hero p{max-width:760px;color:#657d94;line-height:1.7}
.svc-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc-library-card{border:1px solid #dce7f0;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 9px 30px rgba(13,56,102,.06);text-decoration:none;color:inherit;transition:.2s}
.svc-library-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(13,56,102,.11)}
.svc-library-card .photo{height:190px;overflow:hidden;background:#e8eff6}
.svc-library-card img{width:100%;height:100%;object-fit:cover;transition:.3s}.svc-library-card:hover img{transform:scale(1.03)}
.svc-library-card .body{padding:18px}.svc-library-card .icon{width:42px;height:42px;border-radius:10px;background:#eaf3ff;color:#0c4ca8;display:grid;place-items:center;margin-bottom:12px}
.svc-library-card h3{color:#103f88;margin:0 0 7px;font-size:18px}.svc-library-card p{font-size:12px;color:#70859a;line-height:1.55;margin:0 0 13px}
.svc-library-card .more{font-size:11px;color:#0b5db8;font-weight:900}

.service-card{color:inherit;text-decoration:none}
.center-btn .btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

@media(max-width:980px){
  .svc-hero{grid-template-columns:1fr;min-height:auto}.svc-hero-media{height:410px;min-height:0}
  .svc-hero-media:before{width:100%;height:20%;inset:0 0 auto;background:linear-gradient(#f6faff,transparent)}
  .svc-stats{grid-template-columns:repeat(2,1fr)}.svc-stat:nth-child(3){border-left:0;border-top:1px solid #e1e9f1}.svc-stat:nth-child(4){border-top:1px solid #e1e9f1}
  .svc-overview{grid-template-columns:1fr}.svc-options{grid-template-columns:repeat(3,1fr)}
  .svc-offer-grid{grid-template-columns:repeat(2,1fr)}.svc-path{grid-template-columns:repeat(2,1fr)}
  .svc-library-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .svc-container{width:min(100% - 22px,1180px)}.svc-hero-copy{padding:55px 18px 55px}.svc-hero-media{height:330px}
  .svc-hero-note{left:12px;right:12px;bottom:12px}.svc-stats-wrap{margin-top:-18px}
  .svc-stats{grid-template-columns:1fr 1fr}.svc-stat{padding:16px 12px;min-height:105px;gap:10px}.svc-stat-icon{width:42px;height:42px}
  .svc-stat strong{font-size:19px}.svc-section{padding:52px 0}.svc-section-head h2,.svc-copy h2{font-size:28px}
  .svc-gallery{grid-template-columns:1fr 1fr;grid-template-rows:190px 150px}.svc-gallery figure:first-child{grid-column:1/3;grid-row:1}
  .svc-offer-grid,.svc-options,.svc-path,.svc-library-grid{grid-template-columns:1fr}
  .svc-cta{grid-template-columns:1fr;padding:25px 20px}.svc-cta .svc-actions{margin-top:5px}
  .svc-library-hero h1{font-size:38px}
}
