.home-services{ padding:64px 0 96px; }
.home-services .hero-grid{ grid-template-columns:1.08fr 1fr; gap:64px; }
.home-services h1{ font-size:clamp(2.5rem,4.2vw,3.45rem); line-height:1.12; letter-spacing:-.035em; }
.home-services .lede{ line-height:1.7; }
.home-services .hero-cta{ gap:12px; }
.home-services .btn{ padding:13px 20px; font-size:.88rem; gap:12px; }
.home-services .btn-primary{ background:var(--brand-orange-light); }
.home-services .btn-primary:hover{ background:#ffb58b; }
.home-services .hero-stats{ border-top:1px solid rgba(255,255,255,.15); padding-top:22px; gap:36px; }
.home-services .hero-stats .stat b{ font-size:1.15rem; }
.home-services .hero-stats .stat span{ color:#b5c8e5; }
.service-paths{ position:relative; min-width:0; padding:24px; border:1px solid rgba(130,180,255,.22); border-radius:24px; background:linear-gradient(150deg,rgba(58,118,203,.18),rgba(4,24,58,.48)); box-shadow:0 24px 70px rgba(0,15,40,.18); }
.service-paths-heading{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.service-brand{ font:600 .75rem var(--mono); letter-spacing:.12em; color:white; }
.service-path{ --service-color:var(--brand-orange-light); position:relative; border:1px solid rgba(255,154,98,.3); border-radius:14px; padding:18px 20px 0; background:linear-gradient(115deg,rgba(255,154,98,.07),rgba(9,34,72,.9)); }
.service-path + .service-path{ margin-top:16px; }
.service-path-cloud{ --service-color:#9cc7ff; border-color:rgba(130,180,255,.3); background:linear-gradient(115deg,rgba(130,180,255,.12),rgba(9,34,72,.9)); }
.service-path-top{ display:flex; justify-content:space-between; align-items:center; gap:8px; color:var(--service-color); font:500 .62rem var(--mono); letter-spacing:.08em; }
.service-path-tag{ padding:3px 7px; border:1px solid currentColor; border-radius:4px; font-size:.58rem; }
.service-path-body{ display:flex; align-items:center; gap:20px; padding:16px 0 18px; }
.service-art{ width:82px; height:82px; flex:0 0 82px; color:var(--service-color); }
.service-path h2{ color:white; font-size:1.5rem; margin-bottom:3px; }
.service-path p{ color:#c2d3ec; font-size:.8rem; margin-bottom:10px; }
.service-path ul{ display:flex; flex-wrap:wrap; gap:6px 14px; color:#b5c8e5; font-size:.68rem; }
.service-path li::before{ content:""; display:inline-block; width:4px; height:4px; border-radius:50%; background:var(--service-color); vertical-align:middle; margin-right:6px; }
.service-path-link{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:46px; border-top:1px solid rgba(255,255,255,.12); color:var(--service-color); font-size:.8rem; font-weight:600; }
.service-path-link:hover{ color:white; }
.service-path-link span{ font-size:1.15rem; }
.service-paths-footer{ text-align:center; color:#b5c8e5; margin:18px 0 0; font-size:.7rem; }
@media(max-width:1100px){
  .home-services .hero-grid{ gap:32px; }
  .service-paths{ padding:18px; }
  .service-path{ padding:16px 16px 0; }
  .service-path-body{ gap:12px; }
  .service-art{ width:64px; height:64px; flex-basis:64px; }
}
@media(max-width:860px){
  .home-services{ padding:44px 0 78px; }
  .home-services .hero-grid{ grid-template-columns:1fr; gap:36px; }
  .home-services h1{ max-width:630px; }
  .home-services p.lede{ max-width:590px; }
  .service-paths{ width:100%; max-width:580px; justify-self:center; }
}
@media(max-width:420px){
  .home-services h1{ font-size:2.35rem; }
  .home-services .hero-cta{ flex-direction:column; align-items:stretch; }
  .home-services .hero-stats{ gap:18px; }
  .home-services .hero-stats .stat b{ font-size:1rem; }
  .home-services .hero-stats .stat span{ font-size:.65rem; }
  .service-paths{ padding:14px; }
  .service-path{ padding:14px 12px 0; }
  .service-path h2{ font-size:1.25rem; }
  .service-path p{ font-size:.74rem; }
  .service-path-top{ font-size:.55rem; letter-spacing:.03em; }
  .service-art{ width:52px; height:60px; flex-basis:52px; }
  .service-path ul{ font-size:.62rem; gap:6px 10px; }
}
