.service-page{background:#f7f9fc}.service-page .site-header{height:76px}.service-page .container{width:min(1120px,calc(100% - 56px))}.service-page .nav-links{gap:30px}.service-page .brand-mark{background:#fff}.detail-hero{position:relative;overflow:hidden;padding:37px 0 76px;background:linear-gradient(120deg,#f7faff,#fff 52%,#f1f6fc)}.detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,72,144,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,72,144,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000)}.breadcrumb{position:relative;z-index:1;font-size:10px;color:#8794a7;margin-bottom:28px}.breadcrumb a{color:var(--accent);font-weight:700}.breadcrumb span{margin:0 8px;color:#b6c0ce}.detail-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.detail-copy{padding:23px 0}.detail-kicker{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1.8px}.detail-kicker span{width:28px;height:1px;background:currentColor}.detail-copy h1{font:800 clamp(42px,5vw,62px)/1.08 var(--display);letter-spacing:-3px;color:var(--navy);margin:20px 0}.detail-copy h1 em{font-style:normal;color:var(--accent)}.detail-copy>p{max-width:485px;font-size:14px;line-height:1.8;color:#718097;margin-bottom:26px}.detail-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.detail-actions .button-primary{background:var(--accent);box-shadow:0 9px 20px color-mix(in srgb,var(--accent),transparent 82%)}.detail-actions .button-primary:hover{filter:brightness(.9)}.detail-proof{display:flex;align-items:center;gap:12px;margin-top:34px;color:#718097;font-size:10px;line-height:1.55}.detail-proof .proof-icon{width:36px;height:36px;flex:none}.detail-proof strong{color:#2c405c}.detail-art{height:410px;position:relative;display:grid;place-items:center;isolation:isolate}.detail-art:before{content:"";position:absolute;width:340px;height:300px;border-radius:50%;background:radial-gradient(ellipse,var(--glow),transparent 70%);z-index:-2}.detail-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent),transparent 84%);border-radius:50%;transform:rotate(-24deg)}.detail-orbit.orbit-a{width:390px;height:180px}.detail-orbit.orbit-b{width:330px;height:260px;transform:rotate(56deg)}.detail-illustration{width:210px;height:220px;border:1px solid #d8e3f0;border-radius:17px;background:linear-gradient(145deg,#fff,#edf4fc);box-shadow:0 25px 65px rgba(22,67,122,.16);display:grid;place-items:center;position:relative;animation:server-hover 5s ease-in-out infinite}.detail-illustration:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.9);border-radius:11px}.detail-illustration svg{width:106px;height:106px;overflow:visible;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 8px color-mix(in srgb,var(--accent),transparent 85%))}.illustration-label{position:absolute;left:50%;bottom:31px;transform:translateX(-50%);font-size:7px;letter-spacing:1.8px;color:#93a1b4;white-space:nowrap;font-weight:700}.detail-float{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 13px;background:rgba(255,255,255,.92);border:1px solid #e1e9f3;border-radius:9px;box-shadow:0 12px 28px rgba(29,68,117,.1);font-size:9px;font-weight:700;color:#334967;animation:tag-hover 5s ease-in-out infinite}.detail-float i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--glow)}.float-top{top:62px;left:2px}.float-bottom{right:0;bottom:62px;animation-delay:.7s}.detail-section{padding:78px 0;background:#fff}.detail-section .section-heading{align-items:flex-end;margin-bottom:32px}.detail-section .section-heading h2{font-size:38px}.detail-section .section-heading>p{max-width:340px}.detail-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.benefit-card{min-height:177px;border:1px solid #e5ebf3;border-radius:10px;padding:22px;background:linear-gradient(145deg,#fff,#f8faff)}.benefit-number{display:block;font-size:9px;letter-spacing:1px;color:var(--accent);font-weight:700;margin-bottom:19px}.benefit-card h3{font:700 16px var(--display);color:var(--navy);margin:0 0 9px}.benefit-card p{font-size:10px;line-height:1.7;color:#77849a;margin:0}.detail-approach{padding:75px 0;background:#f4f7fb}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.approach-copy h2{margin:15px 0 17px;font-size:38px}.approach-copy>p{font-size:11px;line-height:1.85;color:#758198;max-width:440px}.approach-steps{display:grid;gap:13px}.approach-step{display:flex;gap:13px;align-items:flex-start;padding:16px;background:#fff;border:1px solid #e6edf5;border-radius:9px}.approach-step>span{width:26px;height:26px;flex:none;border-radius:8px;background:var(--glow);color:var(--accent);display:grid;place-items:center;font-size:10px;font-weight:700}.approach-step strong{display:block;font:700 11px var(--display);color:#233a5a;margin:1px 0 4px}.approach-step p{font-size:9px;line-height:1.6;color:#7e8ba0;margin:0}.detail-cta{padding:70px 0}.detail-cta .contact-panel{min-height:275px;padding:44px 55px}.detail-cta .contact-copy h2{font-size:36px}.detail-cta .contact-art{transform:scale(.82);transform-origin:center right}.service-page .footer{background:#fff}.service-page .footer-inner{min-height:39px}
.page-support{--accent:#1367c6;--glow:rgba(93,165,241,.2)}.page-infra{--accent:#4777bc;--glow:rgba(112,160,224,.2)}.page-cyber{--accent:#188765;--glow:rgba(72,190,146,.2)}
@media(max-width:820px){.detail-grid{grid-template-columns:1fr 0.9fr;gap:8px}.detail-art{transform:scale(.85);margin:0 -25px}.approach-grid{gap:35px}.detail-section .section-heading h2,.approach-copy h2{font-size:33px}}
@media(max-width:650px){.service-page .container{width:calc(100% - 40px)}.service-page .site-header{height:70px}.service-page .nav-links{gap:0}.detail-hero{padding:23px 0 47px}.breadcrumb{margin-bottom:14px}.detail-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.detail-copy{padding:16px 0 0}.detail-copy h1{font-size:45px;letter-spacing:-2.5px;margin:17px 0}.detail-copy>p{font-size:12px;margin-bottom:21px}.detail-actions{gap:15px}.detail-actions .button{font-size:10px;padding:13px 14px}.detail-proof{margin-top:24px}.detail-art{height:315px;transform:scale(.78);transform-origin:top center;margin:18px -32px -59px}.float-top{top:42px;left:0}.float-bottom{right:0;bottom:41px}.detail-section{padding:58px 0}.detail-section .section-heading{display:block;margin-bottom:24px}.detail-section .section-heading h2,.approach-copy h2{font-size:31px}.detail-section .section-heading>p{margin-top:12px}.detail-benefits{grid-template-columns:1fr;gap:10px}.benefit-card{min-height:0;padding:17px}.benefit-number{margin-bottom:10px}.detail-approach{padding:56px 0}.approach-grid{grid-template-columns:1fr;gap:21px}.approach-copy h2{margin:13px 0}.approach-step{padding:14px}.detail-cta{padding:50px 0}.detail-cta .contact-panel{min-height:450px;padding:33px 25px}.detail-cta .contact-copy h2{font-size:32px}.detail-cta .contact-art{top:180px;right:50%;transform:translateX(50%) scale(.7);transform-origin:center}.detail-cta .contact-label{right:54px;bottom:16px}.service-page .footer-inner{gap:12px}.service-page .footer-inner>p{order:3;width:100%;margin-left:42px}.service-page .copyright{font-size:8px}}