/* Services: consistent contrast and restrained orbital motion. */
.page-services{--service-action:#21568b;--service-accent:#287a72}
[data-theme="dark"] .page-services{--service-accent:#79c7bb}
.page-services .page-header-services{background:radial-gradient(ellipse at 80% 20%,#285580 0%,transparent 65%),#142b43;isolation:isolate}
.page-services .page-header-services .page-title{color:#fff}
.page-services .page-header-services .page-subtitle{color:#a6d9d2}
.page-services .page-header-services .page-description{color:#d5e1ef}
.page-services .page-header::after{z-index:-1;border-color:#88bbdf55}
.page-services .btn-primary{background:var(--service-action);color:#fff}
.page-services .btn-primary:hover{background:#163d65}
.page-services .btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border)}
.page-services .cta-section .btn-secondary{background:#ffffff0d;border-color:#8da6c1;color:#fff}
.page-services .hero-feature svg,.page-services .service-feature-item svg{color:var(--service-accent)}
.page-services .hero-feature{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary)}
.page-services .service-detail-card{border-top:3px solid var(--service-action);overflow:visible}
.page-services .service-detail-icon{position:relative;isolation:isolate;width:80px;height:80px;margin:22px 22px 38px;background:linear-gradient(145deg,#2c6497,#193c60);color:#fff;border-radius:22px;animation:service-float 5s ease-in-out infinite;transform:none}
.page-services .service-detail-icon::before{content:"";position:absolute;inset:-20px;border:1px solid var(--border);border-radius:50%;pointer-events:none}
.page-services .service-detail-icon::after{content:"";position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;border-radius:50%;background:#287a72 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/19px no-repeat;border:3px solid var(--bg-primary);box-shadow:0 3px 10px #10264026;animation:service-orbit 12s linear infinite;pointer-events:none}
.page-services .service-detail-card:nth-of-type(even) .service-detail-icon{animation-delay:-2.5s}
.page-services .service-detail-card:nth-of-type(even) .service-detail-icon::after{animation-delay:-6s}
.page-services .process-number{background:var(--service-action);color:#fff;animation:service-float 5s ease-in-out infinite}
.page-services .process-card:nth-child(2) .process-number{animation-delay:-1s}
.page-services .process-card:nth-child(3) .process-number{animation-delay:-2s}
.page-services .process-card:nth-child(4) .process-number{animation-delay:-3s}
.page-services a:focus-visible,.page-services button:focus-visible{outline:3px solid var(--service-accent);outline-offset:5px}
@keyframes service-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes service-orbit{from{transform:rotate(0deg) translateX(60px) rotate(0deg)}to{transform:rotate(360deg) translateX(60px) rotate(-360deg)}}
@media(max-width:600px){.page-services .service-detail-card{padding:26px 22px}.page-services .service-detail-content h2{font-size:1.65rem}.page-services .hero-features{gap:8px}}
@media(prefers-reduced-motion:reduce){.page-services .service-detail-icon,.page-services .service-detail-icon::after,.page-services .process-number{animation:none!important}.page-services .service-detail-icon::after{transform:translateX(60px)}}
.page-services .navbar,.page-services .navbar.scrolled{background:var(--bg-primary);border-bottom:1px solid var(--border)}
.page-services .navbar .nav-link{color:var(--text-secondary)}
.page-services .navbar .nav-link:hover,.page-services .navbar .nav-link[aria-current="page"]{color:var(--primary)}
