:root{--svc-navy:#03182c;--svc-deep:#010b18;--svc-cyan:#13d8ef;--svc-text:#f7fbff;--svc-muted:#b7c8d8;--svc-line:rgba(91,218,241,.24)}
.services-page{background:var(--svc-deep);color:var(--svc-text)}
.services-hero{padding:92px 5%;background:radial-gradient(circle at 80% 20%,rgba(19,216,239,.13),transparent 34%),linear-gradient(135deg,#031d35,#010b18)}
.services-hero-inner{width:min(100%,1180px);margin:auto;text-align:center}
.services-kicker,.services-heading>span{color:var(--svc-cyan);font-size:.8rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.services-hero h1{margin:12px 0 18px;font-size:clamp(3rem,6vw,5.7rem);line-height:1}
.services-hero p{width:min(720px,100%);margin:0 auto;color:var(--svc-muted);font-size:1.15rem;line-height:1.7}
.services-actions{display:flex;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap}
.services-primary,.services-secondary{display:inline-block;padding:16px 25px;border:1px solid var(--svc-cyan);border-radius:10px;font-weight:800;transition:.25s}
.services-primary{background:var(--svc-cyan);color:#001321}.services-secondary{color:#fff;background:rgba(255,255,255,.03)}
.services-primary:hover,.services-secondary:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(19,216,239,.17)}
.services-content,.brands-section{padding:84px 5%}.services-content{background:linear-gradient(180deg,#010b18,#03182c)}
.services-heading{width:min(100%,1180px);margin:0 auto 38px;text-align:center}.services-heading h2{margin-top:9px;font-size:clamp(2rem,3.6vw,3.25rem)}
.services-grid{width:min(100%,1180px);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.services-grid article{min-height:235px;padding:30px 24px;border:1px solid var(--svc-line);border-radius:15px;background:linear-gradient(145deg,rgba(13,52,82,.88),rgba(3,24,44,.9));transition:.25s}
.services-grid article:hover{transform:translateY(-6px);border-color:var(--svc-cyan)}.services-grid b{display:block;color:var(--svc-cyan);font-size:2rem}.services-grid h3{margin:20px 0 11px;font-size:1.15rem;line-height:1.35}.services-grid p{color:var(--svc-muted);line-height:1.55}
.brands-section{background:#010b18}.brands-section .brands-wrapper{margin-top:35px;margin-bottom:0}.brands-section .brands-left img,.brands-section .brands-right img{border:1px solid rgba(255,255,255,.08);background:#fff}
body.light-mode .services-page{background:#f3f8fc;color:#102235}body.light-mode .services-hero{background:radial-gradient(circle at 80% 20%,rgba(19,216,239,.18),transparent 34%),linear-gradient(135deg,#edf8ff,#dbeef8)}body.light-mode .services-hero p{color:#465d70}body.light-mode .services-secondary{color:#102235;background:#fff}body.light-mode .services-content{background:linear-gradient(180deg,#f7fbfe,#e8f4f9)}body.light-mode .services-grid article{background:#fff;color:#102235;border-color:rgba(9,121,147,.2);box-shadow:0 12px 32px rgba(26,66,94,.08)}body.light-mode .services-grid p{color:#52697d}body.light-mode .brands-section{background:#f3f8fc}body.light-mode .brands-section .brands-left img,body.light-mode .brands-section .brands-right img{border-color:rgba(9,121,147,.16)}
@media(max-width:1000px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.services-hero{padding:70px 20px}.services-hero h1{font-size:3rem}.services-actions{flex-direction:column}.services-content,.brands-section{padding:65px 20px}.services-grid{grid-template-columns:1fr}.services-grid article{min-height:0}.brands-section .brands-wrapper{grid-template-columns:repeat(2,1fr);padding:0}.brands-section .brands-left img,.brands-section .brands-right img{width:130px;height:76px}}