.service-page { background: #f7fafc; color: #132d42; }
.service-header { position: absolute; z-index: 20; top: 24px; left: 50%; width: min(1320px, calc(100% - 56px)); min-height: 82px; padding: 10px 14px 10px 10px; display: flex; align-items: center; justify-content: space-between; transform: translateX(-50%); color: #eff6fa; background: #0b1c2ff0; border: 1px solid #ffffff22; border-radius: 15px; backdrop-filter: blur(18px); }
.service-header .brand-image { padding: 6px 14px; background: #fff; border-radius: 8px; }
.service-header .brand-logo-frame { width: 166px; height: 49px; }
.service-header .brand-logo { left: -5%; top: -31%; width: 110%; }
.service-nav { display: flex; align-items: center; gap: 4px; }
.service-nav a { min-height: 44px; padding: 11px 13px; display: inline-flex; align-items: center; color: #cad8e3; border-radius: 7px; font-size: 13px; }
.service-nav a:hover, .service-nav a[aria-current="page"] { color: #fff; background: #ffffff0d; }
.service-header-cta { min-height: 46px; padding: 10px 16px; display: inline-flex; align-items: center; color: #10263a; background: #ff7543; border-radius: 8px; font-size: 13px; font-weight: 700; }
.service-hero { position: relative; min-height: 740px; display: flex; align-items: flex-end; overflow: hidden; background: #071724; color: #fff; }
.service-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.service-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#061522f7 0%,#092036d8 42%,#0b21354d 76%),linear-gradient(0deg,#061522dc,transparent 45%); }
.service-hero-content { position: relative; z-index: 1; padding-bottom: 75px; }
.service-kicker { display: block; margin-bottom: 24px; color: #ff9a76; font-size: 11px; font-weight: 750; letter-spacing: .13em; }
.service-hero h1 { max-width: 870px; font-size: clamp(52px,7vw,96px); line-height: .99; letter-spacing: -.04em; }
.service-hero h1 em { color: #ff8c60; font-family: Georgia,serif; font-weight: 400; }
.service-hero p { max-width: 680px; margin-top: 27px; color: #d4e1e9; font-size: 19px; line-height: 1.65; }
.service-breadcrumb { margin-top: 32px; display: flex; gap: 10px; color: #9fb3c1; font-size: 12px; }
.service-breadcrumb a { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.service-summary { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.service-summary h2, .service-section-head h2 { font-size: clamp(38px,4.2vw,60px); line-height: 1.08; }
.service-summary-copy > p { color: #506a7c; font-size: 17px; line-height: 1.82; }
.service-facts { margin-top: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.service-fact { padding: 23px; background: #fff; border: 1px solid #dae5ec; border-radius: 11px; }
.service-fact svg { width: 30px; height: 30px; margin-bottom: 24px; fill: none; stroke: #ba4b23; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.service-fact h3 { font-size: 19px; }
.service-fact p { margin-top: 9px; color: #607584; font-size: 14px; line-height: 1.65; }
.scope-section { background: #eaf1f5; }
.service-section-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items: end; margin-bottom: 48px; }
.service-section-head p { color: #526b7c; font-size: 16px; line-height: 1.75; }
.scope-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.scope-card { min-height: 250px; padding: 27px 24px; display: flex; flex-direction: column; background: #fff; border: 1px solid #d3e0e8; border-radius: 12px; }
.scope-card > span { color: #ae4624; font-size: 11px; font-weight: 750; letter-spacing: .1em; }
.scope-card h3 { margin: 35px 0 15px; font-size: 23px; }
.scope-card p { color: #5c7282; font-size: 14px; line-height: 1.7; }
.scope-card small { margin-top: auto; padding-top: 22px; color: #7890a0; font-size: 10px; letter-spacing: .09em; }
.service-process { background: #0a1d2c; color: #fff; }
.service-process .service-section-head p { color: #bdcdd8; }
.service-process .section-label { color: #aebfca; }
.service-process .section-index { color: #ff9068; }
.service-process-grid { display: grid; grid-template-columns: repeat(4,1fr); border-block: 1px solid #ffffff24; }
.service-process-grid article { min-height: 265px; padding: 27px 24px; border-right: 1px solid #ffffff24; }
.service-process-grid article:last-child { border: 0; }
.service-process-grid span { color: #ff8c62; font-family: var(--heading); font-size: 34px; }
.service-process-grid h3 { margin: 50px 0 15px; font-size: 21px; }
.service-process-grid p { color: #b8cbd7; font-size: 14px; line-height: 1.7; }
.requirements { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.requirement-panel { padding: 34px; background: #fff; border: 1px solid #d8e4eb; border-radius: 13px; }
.requirement-panel.accent { color: #dce8ef; background: #143349; border-color: #143349; }
.requirement-panel h2 { font-size: 29px; }
.requirement-panel ul { margin: 24px 0 0; padding-left: 20px; color: #526b7b; line-height: 2; }
.requirement-panel.accent ul { color: #c5d5df; }
.service-note { margin-top: 20px; padding: 23px 26px; color: #405e72; background: #fff7f2; border-left: 4px solid #ff703e; font-size: 14px; line-height: 1.72; }
.service-cta { padding: 70px 0; background: #ff7543; color: #10263a; }
.service-cta .container { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.service-cta h2 { font-size: clamp(34px,4vw,56px); }
.service-cta p { max-width: 520px; margin-top: 12px; font-size: 16px; line-height: 1.65; }
.service-cta a { flex: 0 0 auto; min-height: 52px; padding: 14px 20px; display: inline-flex; align-items: center; color: #fff; background: #0b1c2d; border-radius: 8px; font-weight: 700; }
.service-page .footer { padding-top: 55px; }
.service-page .footer-main { padding-bottom: 50px; }
@media (max-width: 1050px) {
  .service-nav { display: none; }
  .service-summary, .service-section-head { grid-template-columns: 1fr; gap: 25px; }
  .scope-grid { grid-template-columns: 1fr 1fr; }
  .service-process-grid { grid-template-columns: 1fr 1fr; }
  .service-process-grid article { border-bottom: 1px solid #ffffff24; }
}
@media (max-width: 720px) {
  .service-header { top: 12px; width: calc(100% - 24px); min-height: 70px; }
  .service-header .brand-logo-frame { width: 145px; height: 43px; }
  .service-header-cta { padding: 9px 12px; }
  .service-hero { min-height: 680px; }
  .service-hero-content { padding-bottom: 50px; }
  .service-hero h1 { font-size: 48px; }
  .service-hero p { font-size: 17px; }
  .service-facts, .scope-grid, .service-process-grid, .requirements { grid-template-columns: 1fr; }
  .service-process-grid article { min-height: auto; border-right: 0; }
  .service-process-grid h3 { margin-top: 28px; }
  .service-cta .container { display: block; }
  .service-cta a { margin-top: 25px; }
}
@media (max-width: 430px) {
  .service-header-cta { display: none; }
  .service-header { justify-content: center; }
}