
.services-page .page-header{overflow:hidden;background:radial-gradient(ellipse at 90% 20%,#60244955,transparent 65%),#100c15;border-bottom:1px solid #45303f;padding:88px 0}
.services-page .page-header .container{position:relative}
.services-page .page-header h1{font-size:clamp(2.7rem,5.5vw,4.8rem);font-weight:800;letter-spacing:-.055em;line-height:1.04;position:relative;z-index:1;max-width:65%}
.services-highlight{color:#ff63b2}
.services-page .page-header .lead{max-width:480px;margin-top:24px;color:#c8bacd;position:relative;z-index:1}
.services-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px;position:relative;z-index:1;max-width:60%}
.services-tags span{font-size:.72rem;border:1px solid #67425c;background:#241322;padding:7px 12px;border-radius:99px;color:#f0d8e8}
.services-hero-art{position:absolute;right:28px;top:0;width:320px;height:300px;pointer-events:none}
.hero-orbit{position:absolute;inset:10px;border:1px solid #ad558366;border-radius:50%;box-shadow:0 0 0 35px #ed439908,0 0 0 70px #ed439905;background:radial-gradient(circle,#ee459922,transparent 70%)}
.hero-tool{position:absolute;display:grid;place-items:center;border:1px solid #8c4b71;border-radius:22px;background:linear-gradient(145deg,#412138,#16101f);box-shadow:0 20px 45px #0007;color:#ff78bb}
.hero-tool-code{width:170px;height:125px;left:10px;top:10px;font:700 52px monospace;transform:rotate(-10deg)}
.hero-tool-audio{width:175px;height:125px;right:-2px;top:105px;transform:rotate(9deg);color:#cbacff}
.hero-tool-repair{width:150px;height:110px;left:12px;bottom:-3px;transform:rotate(-5deg);color:#77ddd6}
.hero-tool svg{width:90%;height:90%}
.services-page .section{padding-top:65px}
.service-showcase{--service-accent:#fa65b2;overflow:hidden;padding:0!important;border:1px solid #443040;border-radius:20px;background:linear-gradient(145deg,#1b1420,#100c15);height:100%;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.service-showcase:hover{transform:translateY(-5px);border-color:var(--service-accent)}
.services-page .col-lg-4:nth-child(2) .service-showcase{--service-accent:#c6a6ff}
.services-page .col-lg-4:nth-child(3) .service-showcase{--service-accent:#77ddd6}
.services-page .col-lg-4:nth-child(5) .service-showcase{--service-accent:#77ddd6}
.services-page .col-lg-4:nth-child(6) .service-showcase{--service-accent:#c6a6ff}
.service-art{position:relative;height:180px;display:flex;justify-content:center;align-items:center;color:var(--service-accent);background:radial-gradient(ellipse at center,#7b356c33,transparent 75%),repeating-linear-gradient(0deg,transparent 0 29px,#ffffff04 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#ffffff04 29px 30px);border-bottom:1px solid #ffffff0b;overflow:hidden}
.service-art svg{height:145px;width:240px;filter:drop-shadow(0 0 18px #ed439922)}
.service-number{position:absolute;left:20px;top:15px;color:#ad8fa7;font:500 12px monospace;letter-spacing:.12em}
.service-showcase h2{font-size:1.4rem;letter-spacing:-.025em;margin:25px 25px 13px;line-height:1.2}
.service-showcase p{font-size:.94rem;line-height:1.75;margin:0 25px 24px;color:#c3b8ca}
.service-showcase>a{margin:auto 25px 25px;padding-top:18px;border-top:1px solid #ffffff12;color:var(--service-accent);display:flex;justify-content:space-between;text-decoration:none;font-size:.85rem}
.services-page .content-card.mt-4{margin-top:45px!important;padding:40px;background:radial-gradient(ellipse at right,#a6296c25,transparent 75%),#17101c;border:1px solid #61344f;border-radius:20px}
@media(max-width:991px){.services-hero-art{width:230px;right:20px;transform:scale(.8);transform-origin:right top}.services-page .page-header h1{max-width:70%}.services-page .page-header .lead{max-width:55%}}
@media(max-width:575px){.services-page .page-header{padding:48px 0 35px}.services-page .page-header h1,.services-page .page-header .lead,.services-tags{max-width:100%}.services-hero-art{position:relative;right:auto;top:auto;width:300px;height:280px;margin:25px auto -10px;transform:scale(.85);transform-origin:center}.services-page .section{padding-top:32px}.service-art{height:165px}.services-page .content-card.mt-4{padding:25px}}
@media(prefers-reduced-motion:reduce){.service-showcase{transition:none}.service-showcase:hover{transform:none}}

.home-services .col-lg-4:nth-child(2) .service-showcase,.home-services .col-lg-4:nth-child(6) .service-showcase{--service-accent:#c6a6ff}.home-services .col-lg-4:nth-child(3) .service-showcase,.home-services .col-lg-4:nth-child(5) .service-showcase{--service-accent:#77ddd6}
