.services-page [id]{scroll-margin-top:100px}
.directory-skip{position:fixed;left:16px;top:12px;z-index:100;padding:12px 18px;background:var(--text);color:var(--bg);border-radius:8px;transform:translateY(-180%)}
.directory-skip:focus{transform:none}
.services-page :focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.services-page .detail-nav a[aria-current]{color:var(--cyan)}
.services-directory-hero{min-height:800px;padding:145px 0 95px;overflow:hidden}
.directory-hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.services-directory-hero .hero-content h1{font-size:clamp(44px,4.8vw,66px);letter-spacing:-.045em;line-height:1.08;background:none;color:var(--text)}
.services-directory-hero h1 em{font-style:normal;background:linear-gradient(110deg,#aa96ff,#78b7ff,#67e8f9);background-clip:text;color:transparent}
.services-directory-hero .hero-promise{font-size:17px;max-width:520px}
.services-directory-hero .hero-actions{gap:20px;flex-wrap:wrap}
.service-label{display:flex;align-items:center;gap:10px}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(34,211,238,.09)}
.hero-footnote{display:flex;align-items:center;gap:14px;margin-top:32px;color:var(--dim);font-size:11px}
.hero-footnote i{width:3px;height:3px;background:var(--cyan);border-radius:50%}
.studio-visual{position:relative;min-width:0;height:480px;display:grid;align-items:center;perspective:1000px;isolation:isolate}
.studio-visual::before{content:"";position:absolute;inset:10%;z-index:-1;background:radial-gradient(ellipse,rgba(124,92,255,.24),transparent 70%);filter:blur(25px)}
.studio-orbit{position:absolute;z-index:-1;left:50%;top:50%;width:440px;height:440px;margin:-220px;border:1px dashed rgba(124,92,255,.25);border-radius:50%;pointer-events:none}
.orbit-outer::after{content:"";position:absolute;left:62px;top:58px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}
.orbit-inner{width:360px;height:360px;margin:-180px;border-style:solid;border-color:rgba(34,211,238,.09)}
.studio-panel{position:relative;padding:22px;border:1px solid rgba(148,132,255,.35);border-radius:20px;background:linear-gradient(140deg,#17182d,#0a1020);box-shadow:0 35px 80px -30px #000;transform:rotate(-3deg)}
.panel-top{display:flex;justify-content:space-between;color:#adb0ce;font-size:9px;letter-spacing:.12em}
.panel-top i{display:inline-block;width:6px;height:6px;margin-right:6px;background:var(--cyan);border-radius:50%}
.panel-title{margin:25px 0 20px}.panel-title>span{display:block;color:var(--dim);font-size:13px}.panel-title strong{font:600 27px 'Space Grotesk',sans-serif;letter-spacing:-.03em}
.studio-blueprint{position:relative;display:flex;gap:15px;height:160px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#080d19;overflow:hidden}
.blueprint-sidebar{width:34px;display:grid;align-content:start;gap:12px;padding-top:3px}.blueprint-sidebar i{height:6px;border-radius:4px;background:#2a2d4c}.blueprint-sidebar i:first-child{background:var(--violet)}
.blueprint-content{flex:1;min-width:0}.blueprint-banner{padding:10px;border-radius:6px;background:linear-gradient(110deg,rgba(124,92,255,.3),rgba(34,211,238,.12))}.blueprint-banner span{display:block;width:65%;height:5px;border-radius:3px;background:#8f91c5}.blueprint-banner span+span{width:40%;margin-top:7px;opacity:.5}
.blueprint-tiles{display:flex;gap:8px;margin-top:10px}.blueprint-tiles i{flex:1;height:20px;border-radius:4px;border:1px solid rgba(124,92,255,.3);background:rgba(124,92,255,.06)}
.blueprint-chart{height:42px;display:flex;align-items:end;gap:8px;margin-top:10px}.blueprint-chart i{flex:1;height:40%;border-radius:3px 3px 0 0;background:linear-gradient(var(--cyan),var(--violet));transform-origin:bottom;opacity:.75}.blueprint-chart i:nth-child(2n){height:65%}.blueprint-chart i:nth-child(3n){height:85%}.blueprint-chart i:last-child{height:100%}
.blueprint-scan{position:absolute;left:0;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(34,211,238,.08),transparent);transform:translateX(-110%)}
.panel-stages{display:flex;justify-content:space-between;gap:8px;margin-top:18px;font-size:9px;color:var(--dim)}.panel-stages span::before{content:"";display:inline-block;width:4px;height:4px;margin-right:6px;background:var(--cyan);border-radius:50%}
.studio-badge{position:absolute;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid rgba(132,139,197,.25);border-radius:13px;background:rgba(18,23,41,.96);box-shadow:0 15px 40px -20px #000}
.studio-badge>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(124,92,255,.15);color:var(--cyan);font:600 19px 'Space Grotesk',sans-serif}.studio-badge b,.studio-badge small{display:block}.studio-badge b{font-size:12px}.studio-badge small{margin-top:3px;color:var(--dim);font-size:10px}.badge-code{top:10px;right:-12px}.badge-growth{bottom:5px;left:-28px}
.capability-strip{padding:27px 0;border-block:1px solid var(--line);background:rgba(124,92,255,.04)}.capability-track{display:flex;justify-content:space-between;gap:25px}.capability-track>span{display:flex;align-items:center;gap:32px;font:500 clamp(14px,1.7vw,21px) 'Space Grotesk',sans-serif;color:#c1c4da}.capability-track i{font-style:normal;font-size:28px;color:var(--cyan)}
.directory-heading-row{display:flex;justify-content:space-between;gap:35px;align-items:center}.directory-heading-row h2{font-size:clamp(38px,5vw,58px)}.directory-heading-row h2 span,.services-page .cta-inner h2 span{color:#aebfff}.directory-note{padding-left:20px;border-left:1px solid var(--violet);color:var(--dim);font-size:13px}
.service-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.service-filters[hidden]{display:none}.service-filters button{display:flex;align-items:center;gap:12px;padding:11px 18px;border:1px solid var(--line);border-radius:30px;background:var(--surface);color:var(--dim);font:500 13px Inter,sans-serif;cursor:pointer;transition:background .25s,color .25s,transform .25s}.service-filters button span{font-size:10px;opacity:.65}.service-filters button[aria-pressed="true"]{background:#d6d1ff;color:#141022;border-color:#d6d1ff}.service-filters button:hover{transform:translateY(-2px);color:var(--text)}.service-filters button[aria-pressed="true"]:hover{color:#141022}
.filter-status{color:var(--dim);font-size:12px;margin-bottom:24px}
.services-page .directory-card{display:flex;flex-direction:column;min-height:330px;padding:28px;background:linear-gradient(145deg,rgba(124,92,255,.06),rgba(255,255,255,.015));isolation:isolate}.directory-card[hidden]{display:none}.directory-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 95% 0,rgba(124,92,255,.2),transparent 60%);opacity:0;transition:opacity .4s}.directory-card:hover::before,.directory-card:focus-visible::before{opacity:1}
.card-top{display:flex;align-items:center;gap:12px}.service-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(124,92,255,.25);border-radius:12px;background:rgba(124,92,255,.09);color:#b8a7ff}.service-icon svg{width:27px;height:24px}.card-category{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.card-arrow{margin-left:auto;color:var(--dim);font-size:23px;transition:transform .25s,color .25s}.directory-card:hover .card-arrow{transform:translate(3px,-3px);color:var(--cyan)}
.directory-card h3{margin:30px 0 14px;font-size:23px;line-height:1.2}.services-page .directory-card p{margin-bottom:28px;font-size:13px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:#bac6ff}.card-wave{display:flex;gap:3px;align-items:center;height:18px}.card-wave i{width:3px;height:7px;border-radius:2px;background:var(--cyan);transform-origin:center}.card-wave i:nth-child(2n){height:14px}.card-wave i:nth-child(3){height:18px}
.directory-card[data-category="grow"] .service-icon{color:#76d9e9;border-color:rgba(34,211,238,.2);background:rgba(34,211,238,.06)}
.directory-process{border-top:1px solid var(--line);background:radial-gradient(ellipse at 0 50%,rgba(124,92,255,.07),transparent 60%)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:0;margin:0;list-style:none}.journey-grid li{position:relative;padding-top:28px;border-top:1px solid rgba(124,92,255,.3)}.journey-grid li::before{content:"";position:absolute;left:0;top:-3px;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.journey-number{font:500 48px 'Space Grotesk',sans-serif;color:#8e83c9}.journey-grid h3{font-size:23px;margin:24px 0 15px}.journey-grid p{font-size:14px;color:var(--dim)}.journey-label{display:block;margin-top:24px;color:var(--cyan);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.services-page .cta-inner{position:relative;isolation:isolate;overflow:hidden;padding-block:85px}.services-page .cta-inner h2{font-size:clamp(38px,5vw,62px)}.cta-orbit{position:absolute;z-index:-1;right:-150px;top:50%;width:450px;height:450px;margin-top:-225px;border:1px solid rgba(124,92,255,.28);border-radius:50%;pointer-events:none}.cta-orbit::before{content:"";position:absolute;inset:35px;border:1px dashed rgba(34,211,238,.18);border-radius:50%}.cta-orbit i{position:absolute;top:60px;left:64px;width:10px;height:10px;background:var(--cyan);border-radius:50%;box-shadow:0 0 25px var(--cyan)}
.directory-motion .studio-orbit,.directory-motion .cta-orbit{animation:directoryOrbit 35s linear infinite paused}.directory-motion .studio-panel{animation:directoryPanel 7s ease-in-out infinite paused}.directory-motion .studio-badge{animation:directoryFloat 5s ease-in-out infinite paused}.directory-motion .badge-growth{animation-delay:-2.5s}.directory-motion .blueprint-chart i,.directory-motion .card-wave i{animation:directoryBars 2.6s ease-in-out infinite alternate paused}.directory-motion .blueprint-chart i:nth-child(2n),.directory-motion .card-wave i:nth-child(2n){animation-delay:-1.3s}.directory-motion .blueprint-scan{animation:directoryScan 5s ease-in-out infinite paused}.directory-motion .capability-track i{animation:directoryOrbit 18s linear infinite paused}.directory-motion .journey-grid li::before{animation:directoryJourney 4s ease-in-out infinite paused}
.directory-motion .motion-in-view .studio-orbit,.directory-motion .motion-in-view .studio-panel,.directory-motion .motion-in-view .studio-badge,.directory-motion .motion-in-view .blueprint-chart i,.directory-motion .motion-in-view .blueprint-scan,.directory-motion .motion-in-view .card-wave i,.directory-motion .motion-in-view .cta-orbit,.directory-motion .motion-in-view i,.directory-motion .journey-grid li.motion-in-view::before{animation-play-state:running}
@keyframes directoryOrbit{to{transform:rotate(360deg)}}@keyframes directoryPanel{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-9px)}}@keyframes directoryFloat{50%{transform:translateY(-10px)}}@keyframes directoryBars{from{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes directoryScan{0%,15%{transform:translateX(-110%)}85%,100%{transform:translateX(440%)}}@keyframes directoryJourney{0%,100%{transform:translateX(0);opacity:.4}50%{transform:translateX(90px);opacity:1}}
@media(max-width:1000px){.directory-hero-layout{gap:35px}.studio-badge{padding:12px}.badge-code{right:0}.badge-growth{left:-10px}.panel-title strong{font-size:23px}.directory-note{display:none}}
@media(max-width:800px){.directory-hero-layout{grid-template-columns:1fr;gap:30px}.services-directory-hero{padding-top:120px;padding-bottom:60px;min-height:0}.services-directory-hero .hero-content{max-width:650px}.studio-visual{width:min(100% - 20px,480px);margin:auto;height:450px}.capability-track{flex-wrap:wrap;justify-content:center;gap:15px 30px}.capability-track>span{gap:20px}.journey-grid{grid-template-columns:1fr;gap:35px}.journey-grid li{padding-left:72px}.journey-number{position:absolute;left:0;top:30px;font-size:36px}.journey-grid h3{margin-top:8px}.journey-label{margin-top:16px}}
@media(max-width:560px){.services-directory-hero .hero-content h1{font-size:44px}.services-directory-hero .hero-promise{font-size:16px}.studio-visual{height:430px}.studio-panel{padding:18px}.studio-orbit{width:340px;height:340px;margin:-170px}.orbit-inner{width:280px;height:280px;margin:-140px}.badge-code{top:0}.badge-growth{bottom:0;left:0}.studio-badge b{font-size:11px}.capability-track{justify-content:flex-start}.capability-track>span{width:100%;justify-content:space-between}.capability-track i{font-size:22px}.service-filters{gap:8px}.service-filters button{padding:10px 14px;font-size:12px}.services-page .directory-card{min-height:310px}.hero-footnote{font-size:10px;gap:10px}.services-page .cta-inner{padding:60px 22px}}
@media(prefers-reduced-motion:reduce){.services-page *,.services-page *::before,.services-page *::after{animation:none!important;transition:none!important}.services-page .directory-card:hover,.service-filters button:hover,.directory-card:hover .card-arrow{transform:none}}