.service-hero{padding:154px 0 78px; color:#fff; background:radial-gradient(circle at 12% 10%, rgba(0,217,166,.28), transparent 25%), linear-gradient(128deg,#061722 0%,#102b43 45%,#123c5d 100%); position:relative; overflow:hidden;}
.service-hero::before{content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:44px 44px; opacity:.42;}
.hero-inner{position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center;}
.service-hero h1{font-size:clamp(38px,5vw,58px); line-height:1.04; margin:16px 0; letter-spacing:-.02em;}
.service-hero p{color:rgba(255,255,255,.74); font-size:16.5px; line-height:1.75; max-width:620px;}
.hero-actions{display:flex; flex-wrap:wrap; gap:14px; margin-top:28px;}
.service-panel{border:1px solid rgba(255,255,255,.14); border-radius:24px; background:rgba(255,255,255,.07); padding:28px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 24px 50px rgba(0,0,0,.18);}
.service-panel h2{font-size:22px; color:#fff; margin-bottom:16px;}
.service-panel ul{list-style:none; display:grid; gap:13px;}
.service-panel li{display:flex; gap:10px; color:rgba(255,255,255,.78); line-height:1.55;}
.service-panel li::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--teal); margin-top:8px; flex-shrink:0; box-shadow:0 0 0 4px rgba(0,217,166,.14);}
section{padding:84px 0;}
.content-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.info-card{background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px; box-shadow:0 14px 32px rgba(10,37,64,.05);}
.info-card h2{font-size:24px; color:var(--navy); margin-bottom:14px;}
.info-card p,.info-card li{color:var(--slate-soft); line-height:1.7; font-size:15px;}
.info-card ul{list-style:none; display:grid; gap:12px; margin-top:14px;}
.info-card li{padding-top:12px; border-top:1px solid var(--line);}
.process{background:var(--paper-dim);}
.steps{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:28px;}
.step{background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:0 12px 28px rgba(10,37,64,.04);}
.step span{font-family:var(--mono); font-size:11px; color:var(--teal-dark);}
.step h3{font-size:17px; color:var(--navy); margin:10px 0 8px;}
.step p{font-size:13.5px; color:var(--slate-soft); line-height:1.6;}
.cta-band{background:linear-gradient(120deg,var(--teal),var(--teal-dark)); color:var(--navy-deep); padding:58px 0;}
.cta-band .wrap{display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;}
.cta-band h2{font-size:clamp(24px,3vw,34px); max-width:640px;}
.cta-band p{color:rgba(6,26,46,.72); margin-top:8px; max-width:560px;}
@media (max-width:980px){
  .hero-inner,.content-grid{grid-template-columns:1fr;}
  .steps{grid-template-columns:repeat(2,1fr);}
  .service-panel{max-width:640px;}
}
@media (max-width:680px){
  .service-hero{padding:124px 0 62px;}
  .service-hero h1{font-size:clamp(34px,12vw,44px); line-height:1.06;}
  .service-hero p{font-size:15px; line-height:1.65;}
  section{padding:64px 0;}
  .hero-actions,.cta-band .wrap{width:100%;}
  .service-panel,.info-card,.step{border-radius:16px; padding:22px;}
  .content-grid{gap:18px;}
  .steps{grid-template-columns:1fr;}
  .cta-band .wrap{flex-direction:column; align-items:flex-start;}
}
@media (max-width:420px){
  .service-panel li{font-size:14px;}
}