.services-page{background:#fff;color:var(--ink)}
.services-page em{font-style:normal;color:var(--blue)}
.services-wrap{width:min(1100px,calc(100% - 48px));margin:0 auto}
.services-page .main-nav a[aria-current="page"]{color:var(--blue)}

.services-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#edf5ff 0%,#fbfdff 64%,#eef5fc 100%);padding:70px 0;border-bottom:1px solid #dce7f3}
.services-hero:after{content:"";position:absolute;right:-170px;top:-280px;width:560px;height:560px;border:90px solid rgba(11,87,183,.035);border-radius:50%}
.services-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:80px;align-items:center}
.breadcrumb{display:inline-flex;gap:8px;margin-bottom:30px;color:#77899a;font-size:11px}
.breadcrumb span{color:#a8b5c3}
.services-hero .eyebrow{margin-bottom:14px}
.services-hero h1{margin:0;font-size:43px;line-height:1.28;letter-spacing:-2px}
.services-hero-copy{max-width:660px;margin:22px 0 0;color:var(--muted);font-size:14px;line-height:1.85}
.hero-inquiry-card{border:1px solid #d7e4f1;border-radius:14px;background:#fff;padding:29px 30px;box-shadow:0 18px 45px rgba(14,54,101,.09)}
.hero-inquiry-card>span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.4px}
.hero-inquiry-card h2{margin:9px 0 12px;font-size:21px;line-height:1.45;letter-spacing:-.7px}
.hero-inquiry-card p{margin:0 0 19px;color:#718194;font-size:11px;line-height:1.7}
.hero-inquiry-card .button{width:100%;justify-content:space-between}
.hero-inquiry-card>div{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:17px;font-size:10px}
.hero-inquiry-card>div a{color:var(--deep);font-weight:800}
.hero-inquiry-card>div i{width:1px;height:10px;background:#c8d4df}

.service-jump{position:sticky;top:75px;z-index:10;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
.service-jump>div{display:grid;grid-template-columns:repeat(4,1fr)}
.service-jump a{display:flex;align-items:center;justify-content:center;gap:9px;padding:18px 10px;border-left:1px solid #e9eef3;color:#536579;font-size:11px;font-weight:800}
.service-jump a:last-child{border-right:1px solid #e9eef3}
.service-jump a:hover{color:var(--blue);background:#f7fbff}
.service-jump span{color:var(--blue);font-size:8px}

.service-overview{padding:82px 0 68px}
.services-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end}
.services-heading h2{margin:0;font-size:32px;line-height:1.4;letter-spacing:-1.2px}
.services-heading>p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 32px rgba(8,42,82,.04)}
.overview-grid a{display:flex;min-height:155px;flex-direction:column;padding:25px 23px;border-left:1px solid var(--line);background:#fff}
.overview-grid a:first-child{border-left:0}
.overview-grid a:hover{background:#f7fbff}
.overview-grid b{color:#7caee9;font-size:9px;letter-spacing:1px}
.overview-grid strong{margin-top:auto;color:var(--deep);font-size:15px}
.overview-grid span{margin-top:7px;color:#7a8999;font-size:10px}

.service-details{padding:20px 0 92px;background:#f5f8fc;border-top:1px solid #e5edf5}
.detail-list{display:flex;flex-direction:column;gap:18px}
.detail-card{scroll-margin-top:145px;display:grid;grid-template-columns:155px 1fr;gap:36px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:40px 44px;box-shadow:0 7px 25px rgba(8,42,82,.035)}
.detail-number{display:flex;flex-direction:column;border-right:1px solid #e8edf2}
.detail-number span{color:var(--blue);font-size:42px;font-weight:900;letter-spacing:-2px}
.detail-number small{margin-top:4px;color:#8190a0;font-size:8px;font-weight:850;letter-spacing:1.3px}
.detail-number .detail-service-icon{width:52px;height:52px;margin:28px 0 0;border:1px solid #d6e5f5;border-radius:12px;background:#f1f7fe;font-size:0;letter-spacing:0}
.detail-label{margin:0 0 8px;color:var(--blue);font-size:10px;font-weight:900}
.detail-content h2{margin:0;font-size:24px;letter-spacing:-.8px}
.detail-content>p:not(.detail-label):not(.detail-note){max-width:780px;margin:15px 0 0;color:#627386;font-size:12px;line-height:1.8}
.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}
.detail-info>div{display:flex;flex-direction:column;gap:6px;border-radius:8px;background:#f5f8fb;padding:16px 17px}
.detail-info strong{color:#344a61;font-size:10px}
.detail-info span{color:#708195;font-size:10px;line-height:1.6}
.route-guide{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:23px}
.route-guide>div{display:flex;flex-direction:column;border:1px solid #d9e5f1;border-radius:8px;background:#f8fbff;padding:16px 18px}
.route-guide>div>span{color:var(--blue);font-size:8px;font-weight:850}
.route-guide strong{margin-top:5px;color:var(--deep);font-size:13px}
.route-guide small{margin-top:4px;color:#7b8998;font-size:9px}
.route-guide>i{color:#9aaabb;font-size:9px;font-style:normal}
.detail-note{margin:13px 0 0;color:#7d8b9a;font-size:9px}
.detail-link-button{display:inline-flex;align-items:center;gap:18px;margin-top:20px;border:1px solid #bfd4eb;border-radius:7px;padding:11px 15px;color:var(--blue);font-size:12px;font-weight:850}
.detail-link-button:hover{border-color:var(--blue);background:#f3f8fe}

.prepare-section{background:#092f65;color:#fff;padding:70px 0}
.prepare-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;align-items:center}
.prepare-grid h2{margin:0;font-size:30px;line-height:1.4;letter-spacing:-1px}
.prepare-grid ol{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;margin:0;padding:0}
.prepare-grid li{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:16px;background:rgba(255,255,255,.045)}
.prepare-grid li>span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border-radius:50%;background:#fff;color:var(--deep);font-size:8px;font-weight:900}
.prepare-grid li div{display:flex;flex-direction:column;gap:3px}
.prepare-grid strong{font-size:11px}
.prepare-grid small{color:#b9cce2;font-size:9px}

.services-cta{padding:62px 0;background:#eef5fd}
.services-cta>div{display:flex;align-items:center;justify-content:space-between;gap:35px}
.services-cta p{margin:0;color:var(--blue);font-size:10px;font-weight:850}
.services-cta h2{margin:8px 0 0;font-size:23px;letter-spacing:-.7px}
.services-cta>div>div:last-child{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.cta-phone{color:var(--deep);font-size:11px;font-weight:850}

@media(max-width:900px){
  .services-hero-grid{grid-template-columns:1fr;gap:35px}
  .hero-inquiry-card{max-width:600px}
  .overview-grid{grid-template-columns:1fr 1fr}
  .overview-grid a:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .overview-grid a:nth-child(4){border-top:1px solid var(--line)}
  .prepare-grid{grid-template-columns:1fr;gap:35px}
  .services-cta>div{align-items:flex-start;flex-direction:column}
}

@media(max-width:650px){
  .services-wrap{width:min(100% - 32px,1100px)}
  .services-page .brand-words small{display:none}
  .services-hero{padding:42px 0}
  .breadcrumb{margin-bottom:23px}
  .services-hero h1{font-size:31px;letter-spacing:-1.3px}
  .services-hero-copy{font-size:12px}
  .hero-inquiry-card{padding:23px 20px}
  .service-jump{top:67px;overflow-x:auto}
  .service-jump>div{width:610px}
  .service-jump a{padding:15px 8px;font-size:10px}
  .service-overview{padding:55px 0 48px}
  .services-heading{grid-template-columns:1fr;gap:19px}
  .services-heading h2{font-size:25px}
  .overview-grid{grid-template-columns:1fr}
  .overview-grid a{min-height:115px;border-left:0;border-top:1px solid var(--line)}
  .overview-grid a:first-child{border-top:0}
  .service-details{padding:12px 0 65px}
  .detail-card{grid-template-columns:1fr;gap:17px;padding:27px 20px}
  .detail-number{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-right:0;border-bottom:1px solid #e8edf2;padding-bottom:13px}
  .detail-number span{font-size:30px}
  .detail-number small{margin:0 0 0 9px}
  .detail-number .detail-service-icon{width:42px;height:42px;margin:0}
  .detail-content h2{font-size:20px}
  .detail-info{grid-template-columns:1fr}
  .route-guide{grid-template-columns:1fr}
  .route-guide>i{text-align:center}
  .prepare-section{padding:52px 0}
  .prepare-grid h2{font-size:25px}
  .prepare-grid ol{grid-template-columns:1fr}
  .services-cta{padding:47px 0}
  .services-cta h2{font-size:20px;line-height:1.5}
  .services-cta>div>div:last-child{align-items:stretch;flex-direction:column;width:100%;gap:13px}
  .services-cta .button{width:100%}
  .cta-phone{text-align:center}
}

/* Small-text readability refinements */
.breadcrumb,.hero-inquiry-card p,.service-jump a,.prepare-grid strong,.cta-phone{font-size:12px}
.hero-inquiry-card>span,.overview-grid b,.detail-number small,.route-guide>div>span,.prepare-grid li>span{font-size:10px}
.hero-inquiry-card>div,.overview-grid span,.detail-label,.detail-info strong,.detail-info span,.route-guide small,.route-guide>i,.detail-note,.prepare-grid small,.services-cta p{font-size:11px}
.services-heading>p,.detail-content>p:not(.detail-label):not(.detail-note){font-size:13px}
@media(max-width:650px){
  .services-hero-copy{font-size:13px}
  .service-jump a{font-size:11px}
}