.service-detail{--sd-pad:clamp(1.2rem,5vw,5.5rem);background:#0b0c11;color:#ffffff;overflow:clip}.service-detail h1,.service-detail h2,.service-detail h3{margin:0;font-family:var(--display);font-weight:440;letter-spacing:-.045em}.service-detail p{color:#a8a4c3}.sd-label{margin:0!important;color:#7d77a6!important;font-size:.58rem!important;text-transform:uppercase;letter-spacing:.13em}.sd-hero{position:relative;min-height:95svh;display:grid;grid-template-columns:minmax(0,.88fr) minmax(31rem,1.12fr);align-items:center;gap:clamp(4rem,8vw,9rem);padding:clamp(11rem,16vw,15rem) var(--sd-pad) clamp(7rem,10vw,10rem);background:radial-gradient(circle at 76% 37%,#53387638,transparent 36%),radial-gradient(circle at 10% 80%,#281d382b,transparent 30%)}.sd-hero-copy{max-width:44rem}.sd-hero h1{max-width:11ch;margin:1.2rem 0 1.5rem;font-size:clamp(3.6rem,6.2vw,6.8rem);line-height:.98}.sd-hero-copy>p:not(.sd-label){max-width:38rem;margin:0 0 2rem;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}.sd-hero-visual{min-width:0}.sd-scene{position:relative;min-height:35rem;isolation:isolate}.sd-scene:before{content:"";position:absolute;inset:6%;z-index:-2;border:1px solid #ffffff10;border-radius:50%;background:radial-gradient(circle,#4e22d03c,transparent 65%);box-shadow:0 0 120px #4e22d01e}.sd-orbit{position:absolute;inset:18%;border:1px solid #ffffff18;border-radius:50%;animation:sdOrbit 25s linear infinite}.sd-node{position:absolute;z-index:2;display:flex;flex-direction:column;gap:.45rem;padding:1.1rem;border:1px solid #ffffff29;border-radius:1rem;background:linear-gradient(145deg,#ffffff14,#20182bd4);box-shadow:0 25px 70px #0009,inset 0 1px #ffffff38;backdrop-filter:blur(22px);animation:sdFloat 6s ease-in-out infinite}.sd-node small{color:#7d77a6;font-size:.48rem;text-transform:uppercase;letter-spacing:.12em}.sd-node strong{font:470 clamp(.75rem,1vw,.95rem) var(--display)}.sd-node i{display:block;width:56%;height:.25rem;margin-top:.4rem;border-radius:99px;background:linear-gradient(90deg,#4e22d0,var(--lime));box-shadow:0 0 15px #4e22d04b}.sd-node-1{left:5%;top:18%;width:43%;height:38%}.sd-node-2{left:31%;top:36%;width:44%;height:38%;animation-delay:-1.7s}.sd-node-3{right:4%;top:17%;width:30%;height:29%;animation-delay:-3.2s}.sd-node-4{right:10%;bottom:8%;width:28%;height:24%;animation-delay:-4.5s}.sd-path{position:absolute;left:13%;right:12%;top:52%;height:1px;background:linear-gradient(90deg,transparent,#4e22d0aa,var(--lime),transparent);animation:sdFlow 4.5s ease-in-out infinite}.sd-path i{position:absolute;width:.38rem;height:.38rem;top:50%;translate:0 -50%;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #ff7800}.sd-path i:nth-child(1){left:16%}.sd-path i:nth-child(2){left:52%}.sd-path i:nth-child(3){right:4%}.sd-scene--website .sd-node-1{width:61%;height:47%;border-radius:.75rem}.sd-scene--website .sd-node-1:before{content:"● ● ●";color:#6f6876;font-size:.45rem}.sd-scene--website .sd-node-2{left:25%;top:48%;width:46%;height:27%}.sd-scene--website .sd-node-3{right:5%;top:34%;width:22%;height:45%;border-radius:1.35rem}.sd-scene--commerce .sd-node-1{width:28%;height:48%}.sd-scene--commerce .sd-node-2{left:31%;width:27%;height:31%}.sd-scene--commerce .sd-node-3{right:17%;top:31%;width:28%;height:33%}.sd-scene--commerce .sd-node-4{right:4%}.sd-scene--seo .sd-node-1,.sd-scene--google-ads .sd-node-1{left:9%;top:10%;width:82%;height:16%;border-radius:999px}.sd-scene--seo .sd-node-2,.sd-scene--seo .sd-node-3,.sd-scene--seo .sd-node-4{left:17%;width:66%;height:16%}.sd-scene--seo .sd-node-2{top:55%;animation:sdRank 5s ease-in-out infinite}.sd-scene--seo .sd-node-3{top:38%}.sd-scene--seo .sd-node-4{top:21%}.sd-scene--local:after{content:"";position:absolute;inset:7%;z-index:-1;border-radius:2rem;background:repeating-linear-gradient(30deg,#ffffff09 0 1px,transparent 1px 3rem)}.sd-scene--local .sd-node-1{left:10%;width:46%;height:55%}.sd-scene--audit .sd-node,.sd-scene--content .sd-node,.sd-scene--automation .sd-node{top:37%;width:23%;height:25%}.sd-scene--audit .sd-node-1,.sd-scene--content .sd-node-1,.sd-scene--automation .sd-node-1{left:1%}.sd-scene--audit .sd-node-2,.sd-scene--content .sd-node-2,.sd-scene--automation .sd-node-2{left:26%}.sd-scene--audit .sd-node-3,.sd-scene--content .sd-node-3,.sd-scene--automation .sd-node-3{left:51%}.sd-scene--audit .sd-node-4,.sd-scene--content .sd-node-4,.sd-scene--automation .sd-node-4{right:0}.sd-scene--social .sd-node,.sd-scene--graphic .sd-node{top:23%;width:29%;height:50%}.sd-scene--social .sd-node-1,.sd-scene--graphic .sd-node-1{left:2%}.sd-scene--social .sd-node-2,.sd-scene--graphic .sd-node-2{left:34%}.sd-scene--social .sd-node-3,.sd-scene--graphic .sd-node-3{right:2%}.sd-scene--branding .sd-node-1{left:5%;width:24%;height:34%}.sd-scene--branding .sd-node-2{left:28%;top:34%;width:31%;height:39%;background:linear-gradient(145deg,#6d4eab55,#21182dde)}.sd-scene--branding .sd-node-3{right:12%;width:32%;height:30%}.sd-scene--branding .sd-node-4{right:5%;bottom:7%;width:36%;height:23%}
.sd-what,.sd-benefits,.sd-handle,.sd-deliverables,.sd-faq,.sd-proof,.sd-close{padding:clamp(8rem,12vw,12rem) var(--sd-pad)}.sd-what{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:end;background:radial-gradient(circle at 15% 50%,#30203f2c,transparent 30%)}.sd-what h2,.sd-section-head h2{max-width:13ch;margin-top:1rem;font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:1}.sd-what>p{max-width:54ch;margin:0;font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.7;color:#ded9e2}.sd-section-head{max-width:38rem;margin-bottom:clamp(3rem,6vw,6rem)}.sd-section-head>p:last-child{max-width:30rem;line-height:1.65}.sd-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff1b}.sd-benefit-grid article{min-height:15rem;padding:1.5rem;border-bottom:1px solid #ffffff1b;border-right:1px solid #ffffff1b}.sd-benefit-grid article:last-child{border-right:0}.sd-benefit-grid span{color:#756e7b;font-size:.55rem}.sd-benefit-grid h3{max-width:13ch;margin-top:6rem;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.2}.sd-benefit-flow{width:min(52rem,100%);display:flex;align-items:center;gap:1rem;margin:5rem auto 0;padding:1rem;border:1px solid #ffffff22;border-radius:999px;background:linear-gradient(145deg,#ffffff0d,#291f3740);box-shadow:inset 0 1px #ffffff28}.sd-benefit-flow span,.sd-benefit-flow strong{flex:none;padding:.6rem 1rem;font:450 .7rem var(--display)}.sd-benefit-flow strong{color:#fff}.sd-benefit-flow i{flex:1;height:1px;background:linear-gradient(90deg,#4e22d0,var(--lime))}.sd-handle{display:grid;grid-template-columns:.78fr 1.22fr;gap:9vw;background:radial-gradient(circle at 82% 35%,#4d34682c,transparent 35%)}.sd-accordion{border-top:1px solid #ffffff20}.sd-accordion details{border-bottom:1px solid #ffffff20}.sd-accordion summary{min-height:4.6rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;cursor:pointer;list-style:none;font:450 clamp(.9rem,1.25vw,1.05rem) var(--display)}.sd-accordion summary::-webkit-details-marker{display:none}.sd-accordion summary b{color:var(--lime);font-size:1.1rem;font-weight:400;transition:transform .25s}.sd-accordion details[open] summary b{transform:rotate(45deg)}.sd-accordion details p{max-width:55ch;margin:0;padding:0 3rem 1.5rem 0;font-size:.82rem;line-height:1.65}.sd-deliverables{display:grid;grid-template-columns:.82fr 1.18fr;gap:9vw}.sd-deliverables ul{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding:0;list-style:none}.sd-deliverables li{min-height:4.5rem;display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid #ffffff1d;border-radius:.8rem;background:#ffffff06;font-size:.78rem}.sd-deliverables li i{width:.42rem;height:.42rem;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #ff780070}.sd-proof>a{display:grid;grid-template-columns:.78fr 1.22fr;min-height:29rem;overflow:hidden;border:1px solid #ffffff20;border-radius:1.4rem;background:linear-gradient(145deg,#ffffff0c,#281d363f);box-shadow:0 35px 90px #0008}.sd-proof-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(2rem,4vw,4rem)}.sd-proof h2{margin:1rem 0;font-size:clamp(2.5rem,4vw,4.3rem)}.sd-proof-copy span{margin-top:2rem;color:var(--lime);font-size:.65rem}.sd-proof-visual{position:relative;min-height:26rem;overflow:hidden;background:#15121d}.sd-proof-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.75) saturate(.85);transition:transform .6s}.sd-proof a:hover img{transform:scale(1.025)}.sd-faq{display:grid;grid-template-columns:.78fr 1.22fr;gap:9vw}.sd-close{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4rem;margin:0 var(--sd-pad) clamp(9rem,13vw,13rem);padding:clamp(2rem,5vw,4.5rem);border:1px solid #ffffff22;border-radius:1.4rem;background:linear-gradient(145deg,#ffffff0e,#2b203a42);box-shadow:0 35px 100px #0008,inset 0 1px #ffffff30;backdrop-filter:blur(24px)}.sd-close h2{max-width:15ch;margin:1rem 0;font-size:clamp(2.5rem,4.4vw,4.7rem);line-height:1}.sd-close p{max-width:34rem}
@keyframes sdOrbit{to{transform:rotate(360deg)}}@keyframes sdFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes sdFlow{0%,100%{opacity:.3;transform:scaleX(.76)}50%{opacity:1;transform:scaleX(1)}}@keyframes sdRank{0%,100%{translate:0 2.7rem}50%{translate:0 -2.7rem}}
@media(max-width:900px){.sd-hero{grid-template-columns:1fr;min-height:auto}.sd-scene{min-height:32rem}.sd-handle,.sd-faq,.sd-deliverables{grid-template-columns:1fr}.sd-benefit-grid{grid-template-columns:1fr 1fr}.sd-benefit-grid article:nth-child(2){border-right:0}.sd-proof>a{grid-template-columns:1fr}.sd-proof-visual{order:-1}}
@media(max-width:640px){.service-detail{--sd-pad:1.15rem}.sd-hero{padding-top:9rem;padding-bottom:7rem;gap:2.5rem}.sd-hero h1{font-size:clamp(3rem,13vw,4rem)}.sd-scene{min-height:22rem}.sd-node{padding:.65rem;border-radius:.7rem}.sd-node small{font-size:.38rem}.sd-node strong{font-size:.56rem}.sd-what,.sd-benefits,.sd-handle,.sd-deliverables,.sd-faq,.sd-proof{padding:7rem var(--sd-pad)}.sd-what{grid-template-columns:1fr;gap:2.5rem}.sd-what h2,.sd-section-head h2{font-size:clamp(2.35rem,10.5vw,3rem)}.sd-what>p{font-size:1rem}.sd-benefit-grid{grid-template-columns:1fr}.sd-benefit-grid article{min-height:9.5rem;border-right:0}.sd-benefit-grid h3{margin-top:3.5rem}.sd-benefit-flow{display:grid;grid-template-columns:1fr auto 1fr;border-radius:1rem}.sd-benefit-flow strong{grid-column:1/-1;grid-row:1;text-align:center}.sd-benefit-flow i{min-width:1.5rem}.sd-deliverables ul{grid-template-columns:1fr}.sd-proof>a{min-height:0}.sd-proof-visual{min-height:17rem}.sd-faq{gap:0}.sd-close{display:block;margin:0 1.15rem 9rem;padding:1.5rem}.sd-close h2{font-size:2.55rem}.sd-close .button{width:100%;margin-top:2rem}}
@media(prefers-reduced-motion:reduce){.sd-orbit,.sd-node,.sd-path,.sd-scene--seo .sd-node-2{animation:none!important}.sd-accordion summary b,.sd-proof-visual img{transition:none!important}}

/* Keep the final breathing space inside the dark service wrapper. */
.service-detail{padding-bottom:clamp(9rem,13vw,13rem)}
.service-detail .sd-close{margin-bottom:0}
@media(max-width:640px){.service-detail{padding-bottom:9rem}.service-detail .sd-close{margin-bottom:0}}

/* Site-wide convergence: consistent branded stages and a quieter hero scale. */
main.service-detail{background:#160e53;color:#fff}
main.service-detail>section.sd-hero{grid-template-columns:minmax(0,.96fr) minmax(28rem,1.04fr);gap:clamp(3rem,6vw,6.5rem);min-height:min(860px,92svh);padding-top:clamp(9.5rem,13vw,12.5rem);padding-bottom:clamp(5.5rem,8vw,8rem);background:#160e53}
main.service-detail .sd-hero-copy{max-width:49rem}
main.service-detail .sd-hero h1{max-width:15ch;font-size:clamp(3.15rem,4.8vw,5.1rem);font-weight:480;line-height:.98;letter-spacing:-.055em;text-wrap:balance}
main.service-detail .sd-hero-copy>p:not(.sd-label){max-width:38rem;color:#d4d2e6;font-size:clamp(1rem,1.14vw,1.14rem)}
main.service-detail .sd-node{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(38,28,106,.78));box-shadow:0 18px 48px rgba(22,14,83,.3),inset 0 1px rgba(255,255,255,.2)}
main.service-detail .sd-node small{color:#a8a4c3}
main.service-detail>section.sd-what,main.service-detail>section.sd-deliverables,main.service-detail>section.sd-fit,main.service-detail>section.sd-related{background:#f8f8fc;color:#160e53}
main.service-detail>section.sd-what :is(h2,p,.sd-label),main.service-detail>section.sd-deliverables :is(h2,h3,p,li,.sd-label),main.service-detail>section.sd-fit :is(h2,h3,p,.sd-label),main.service-detail>section.sd-related :is(h2,h3,p,.sd-label){opacity:1}
main.service-detail>section.sd-benefits,main.service-detail>section.sd-handle,main.service-detail>section.sd-faq{background:#261c6a}
main.service-detail .sd-section-head h2,main.service-detail .sd-what h2{max-width:15ch;font-size:clamp(2.4rem,4.05vw,4.3rem);line-height:1.03}
main.service-detail .sd-benefit-grid article{border-color:rgba(255,255,255,.18)}
main.service-detail .sd-benefit-grid span,main.service-detail .sd-accordion summary b{color:#ff7800}
main.service-detail .sd-benefit-flow{background:rgba(22,14,83,.36);border-color:rgba(255,255,255,.2)}
main.service-detail .sd-deliverables li,main.service-detail .sd-context-grid article,main.service-detail .sd-related a{box-shadow:0 10px 28px rgba(78,34,208,.055)}
main.service-detail .sd-proof>a{background:#261c6a;box-shadow:0 18px 48px rgba(22,14,83,.22)}
main.service-detail .sd-proof-visual{background:#160e53}
main.service-detail .sd-accordion summary:focus-visible,main.service-detail .sd-related a:focus-visible,main.service-detail .sd-proof>a:focus-visible{outline:2px solid #ff7800;outline-offset:4px}

@media(max-width:900px){
  main.service-detail>section.sd-hero{grid-template-columns:1fr;min-height:auto}
}
@media(max-width:640px){
  main.service-detail>section.sd-hero{padding-top:8.5rem;padding-bottom:5.5rem}
  main.service-detail .sd-hero h1{max-width:13ch;font-size:clamp(2.85rem,11.5vw,3.7rem);line-height:.99}
  main.service-detail .sd-section-head h2,main.service-detail .sd-what h2{font-size:clamp(2.25rem,9.5vw,3rem)}
}