.service-overview-page{--so-blue:#2878ff;--so-blue2:#0a35c7;--so-cyan:#31b7ff;--so-ink:#071326;--so-muted:#5f6f86;--so-soft:#eef6ff;background:#fff;color:var(--so-ink);overflow:hidden;}
.service-overview-page *{box-sizing:border-box;}
.so-wrap{width:min(1200px,calc(100% - 48px));margin:0 auto;}
.so-eyebrow{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;background:rgba(40,120,255,.1);color:#1f6fff;font-size:14px;font-weight:800;letter-spacing:0;}
.so-eyebrow:before{content:"";width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,#65d3ff,#286fff);transform:rotate(45deg);}
.so-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:800;letter-spacing:0;transition:transform .24s ease,box-shadow .24s ease,background .24s ease;color:#1f6fff;}
.so-btn:hover{transform:translateY(-2px);}
.so-btn--primary{background:linear-gradient(90deg,#2d7cff,#1f62ee);color:#fff !important;box-shadow:0 18px 36px rgba(40,120,255,.28);}
.so-btn--ghost{background:rgba(255,255,255,.86);border:1px solid rgba(40,120,255,.18);color:#1f6fff !important;box-shadow:0 12px 30px rgba(21,77,167,.1);}
.so-hero{position:relative;min-height:650px;padding:156px 0 92px;background:linear-gradient(180deg,#eaf5ff 0%,#d8ecff 100%);}
.so-hero__bg{position:absolute;inset:0;background:radial-gradient(circle at 76% 26%,rgba(40,120,255,.2),transparent 26%),radial-gradient(circle at 18% 74%,rgba(49,183,255,.18),transparent 28%);pointer-events:none;}
.so-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,247,255,.98) 0%,rgba(237,247,255,.86) 42%,rgba(237,247,255,.46) 100%);pointer-events:none;}
.so-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,610px) minmax(320px,390px);align-items:center;justify-content:space-between;gap:48px;}
.so-hero h1{margin:24px 0 20px;font-size:60px;line-height:1.05;font-weight:900;letter-spacing:0;color:#071326;}
.so-hero__lead{max-width:650px;margin:0 0 16px;font-size:23px;line-height:1.55;font-weight:800;color:#10213d;}
.so-hero__sub{max-width:620px;margin:0;color:#435773;font-size:17px;line-height:1.85;}
.so-hero__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px;}
.so-hero__panel{justify-self:end;width:100%;max-width:390px;padding:24px;border:1px solid rgba(255,255,255,.75);border-radius:26px;background:rgba(255,255,255,.76);box-shadow:0 28px 80px rgba(27,99,205,.18);backdrop-filter:blur(18px);}
.so-hero__panel>b{display:block;color:#3776dd;font-size:14px;text-transform:uppercase;}
.so-hero__panel strong{display:block;margin:10px 0 0;font-size:84px;line-height:1;color:#1f6fff;}
.so-hero__panel>span{display:block;color:#415773;font-size:18px;font-weight:800;}
.so-hero__panel ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px;}
.so-hero__panel li{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 16px;border-radius:14px;background:#fff;color:#526279;font-size:14px;}
.so-hero__panel li em{font-style:normal;}
.so-hero__panel li b{font-size:16px;color:#1f6fff;}
.so-ticker{position:absolute;left:0;right:0;bottom:0;height:72px;overflow:hidden;background:rgba(255,255,255,.58);border-top:1px solid rgba(255,255,255,.72);backdrop-filter:blur(16px);}
.so-ticker__track{display:flex;width:max-content;gap:14px;align-items:center;height:100%;animation:soTicker 28s linear infinite;}
.so-ticker__track span{display:flex;align-items:center;height:36px;padding:0 20px;border-radius:999px;background:rgba(255,255,255,.85);box-shadow:0 8px 24px rgba(40,120,255,.12);color:#1f6fff;font-size:14px;font-weight:800;white-space:nowrap;}
@keyframes soTicker{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.so-section{position:relative;padding:96px 0;}
.so-section__title{max-width:780px;margin:0 auto 46px;text-align:center;}
.so-section__title h2{margin:16px 0 14px;font-size:42px;line-height:1.2;font-weight:900;color:#071326;letter-spacing:0;}
.so-section__title p{margin:0;color:#5d6c82;font-size:17px;line-height:1.8;}
.so-services{background:#fff;}
.so-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.so-service-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:30px;border:1px solid #e6eef8;border-radius:24px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 18px 50px rgba(21,77,167,.08);color:#071326;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease;animation:soReveal .62s ease both;animation-delay:var(--delay,0s);}
.so-service-card:before{content:"";position:absolute;right:-70px;top:-70px;width:160px;height:160px;border-radius:50%;background:rgba(40,120,255,.1);}
.so-service-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(21,77,167,.15);color:#071326;}
.so-service-card>i{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;border-radius:18px;background:#eaf4ff;color:#1f6fff;font-size:26px;}
.so-service-card>span{position:relative;z-index:1;color:#1f6fff;font-size:13px;font-weight:900;text-transform:uppercase;}
.so-service-card h3{position:relative;z-index:1;margin:10px 0 12px;font-size:26px;line-height:1.28;font-weight:900;color:#071326;}
.so-service-card p{position:relative;z-index:1;margin:0;color:#637489;font-size:15px;line-height:1.8;}
.so-service-card ul{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;}
.so-service-card li{display:inline-flex;align-items:center;height:30px;padding:0 11px;border-radius:999px;background:#eef5ff;color:#1f6fff;font-size:13px;font-weight:800;}
.so-service-card>b{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px;color:#1f6fff;font-size:15px;}
.so-system{background:linear-gradient(180deg,#f4f9ff 0%,#e8f6ff 100%);}
.so-system:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(40,120,255,.16),transparent 30%),radial-gradient(circle at 82% 72%,rgba(49,183,255,.18),transparent 34%);}
.so-system__layout{position:relative;z-index:1;}
.so-system__visual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:30px;border-radius:24px;background:#fff;box-shadow:0 22px 70px rgba(40,120,255,.12);}
.so-system__visual div{min-height:170px;padding:14px 22px;text-align:center;border-right:1px solid #e8eef7;}
.so-system__visual div:last-child{border-right:0;}
.so-system__visual strong{display:block;margin-bottom:14px;color:#1f6fff;font-size:34px;line-height:1;}
.so-system__visual b{display:block;margin-bottom:12px;color:#071326;font-size:20px;}
.so-system__visual span{display:block;color:#69788d;font-size:14px;line-height:1.75;}
.so-flow{background:#fff;}
.so-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.so-flow-card{min-height:240px;padding:26px 24px;border-radius:22px;background:#f7fbff;border:1px solid #e1eaf6;box-shadow:0 18px 44px rgba(21,77,167,.08);}
.so-flow-card strong{display:block;margin-bottom:34px;color:#1f6fff;font-size:42px;line-height:1;}
.so-flow-card h3{margin:0 0 12px;font-size:23px;color:#071326;}
.so-flow-card p{margin:0;color:#637489;font-size:14px;line-height:1.8;}
.so-cta{padding:94px 0;background:#eef6ff;}
.so-cta__inner{padding:54px;border-radius:30px;background:linear-gradient(135deg,#0a35c7,#2588ff);color:#fff;text-align:center;box-shadow:0 30px 80px rgba(40,120,255,.25);}
.so-cta .so-eyebrow{background:rgba(255,255,255,.16);color:#fff;}
.so-cta h2{margin:18px 0 16px;font-size:38px;line-height:1.22;color:#fff;}
.so-cta p{max-width:740px;margin:0 auto 28px;color:rgba(255,255,255,.84);font-size:17px;line-height:1.8;}
@keyframes soReveal{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:none;}}
@media(max-width:1200px){
  .so-hero{padding-top:132px;min-height:auto;}
  .so-hero__inner{grid-template-columns:1fr;}
  .so-hero__panel{justify-self:start;}
  .so-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .so-system__visual,.so-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .so-system__visual div{border-right:0;border-bottom:1px solid #e8eef7;}
  .so-system__visual div:nth-last-child(-n+2){border-bottom:0;}
}
@media(max-width:767px){
  .so-wrap{width:calc(100% - 28px);}
  .so-hero{padding:112px 0 86px;background:#eaf5ff;}
  .so-hero:before{background:linear-gradient(180deg,rgba(237,247,255,.98),rgba(237,247,255,.78));}
  .so-hero__inner{gap:28px;}
  .so-hero h1{font-size:38px;line-height:1.14;margin:18px 0 16px;}
  .so-hero__lead{font-size:19px;}
  .so-hero__sub{font-size:15px;}
  .so-hero__actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px;}
  .so-btn{width:100%;min-height:48px;font-size:15px;padding:0 20px;}
  .so-hero__panel{display:none;}
  .so-ticker{height:58px;}
  .so-section{padding:68px 0;}
  .so-section__title{margin-bottom:30px;text-align:left;}
  .so-section__title h2{font-size:30px;}
  .so-section__title p{font-size:15px;}
  .so-service-grid,.so-system__visual,.so-flow-grid{grid-template-columns:1fr;}
  .so-service-card{min-height:auto;padding:26px 22px;border-radius:20px;}
  .so-service-card h3{font-size:23px;}
  .so-system__visual{padding:18px;border-radius:22px;}
  .so-system__visual div{min-height:auto;padding:22px 14px;border-right:0;border-bottom:1px solid #e8eef7;}
  .so-system__visual div:nth-last-child(-n+2){border-bottom:1px solid #e8eef7;}
  .so-system__visual div:last-child{border-bottom:0;}
  .so-flow-card{min-height:auto;}
  .so-flow-card strong{margin-bottom:22px;font-size:34px;}
  .so-cta{padding:64px 0;}
  .so-cta__inner{padding:34px 20px;border-radius:24px;}
  .so-cta h2{font-size:28px;}
  .so-cta p{font-size:15px;}
}