/* Service landing pages: individual product identity and moving hero systems. */
.service-page{scroll-behavior:smooth}
.service-page .brand .brand-name{color:#fff}
.service-page .brand .brand-name span{color:#dce6e8}
.service-desktop-nav a{font-family:var(--jp);font-size:11px;letter-spacing:.055em;text-transform:none}
.service-header-actions{gap:8px}
.service-nav-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;width:116px;height:39px;padding:0 11px 0 14px;border:1px solid rgba(220,235,232,.34);border-radius:2px;color:#ecf4f1;background:rgba(255,255,255,.04);font:700 11px var(--jp);white-space:nowrap;transition:background .25s,border-color .25s,color .25s,transform .25s}
.service-nav-button>span:last-child{font:500 17px/1 var(--en);color:var(--lime);transition:transform .25s}
.service-nav-button:hover,.service-nav-button:focus-visible{background:rgba(182,242,74,.1);border-color:var(--lime);color:#fff;transform:translateY(-1px)}
.service-nav-button:hover>span:last-child{transform:translate(2px,-2px)}
.service-hero-preview{isolation:isolate}
.motion-stage{--accent:#b6f24a;position:relative;width:100%;min-height:515px;overflow:hidden;border:1px solid rgba(192,223,216,.32);border-radius:12px;background:radial-gradient(circle at 52% 54%,rgba(41,108,111,.36),transparent 35%),linear-gradient(135deg,#122b42 0%,#0b1b31 63%,#0c2438 100%);box-shadow:0 34px 85px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.08);color:#f3f9f4;font-family:var(--jp)}
.motion-stage:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 25%,rgba(182,242,74,.06) 50%,transparent 75%);transform:translateX(-110%);animation:stage-sheen 11s ease-in-out infinite}
.motion-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(177,219,215,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(177,219,215,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black 0%,transparent 90%)}
.motion-stage-top,.motion-stage-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 26px}
.motion-stage-top{height:64px;border-bottom:1px solid rgba(217,239,234,.15);font:500 9px var(--mono);letter-spacing:.105em;color:#c8dcdb}
.motion-stage-top>span:first-child{display:flex;align-items:center;gap:10px}
.motion-live{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(182,242,74,.11),0 0 14px rgba(182,242,74,.8);animation:live-pulse 2.4s ease-in-out infinite}
.motion-count{color:#8da5b3;min-width:45px;text-align:right}
.motion-caption{font:500 8px var(--mono);letter-spacing:.11em;color:#a6c4c5}
.revenue-composition,.talent-composition{position:relative;z-index:2;display:grid;align-items:center;min-height:374px;padding:30px 24px}
.revenue-composition{grid-template-columns:minmax(0,.86fr) minmax(95px,.62fr) minmax(0,1.25fr);gap:4px}
.revenue-input{align-self:center;position:relative;z-index:2}
.signal-card{height:49px;display:grid;grid-template-columns:24px 1fr 10px;align-items:center;gap:7px;margin-top:8px;padding:0 10px;border:1px solid rgba(190,231,226,.17);background:rgba(14,47,64,.7);box-shadow:0 10px 22px rgba(0,0,0,.08);animation:signal-float 5s ease-in-out infinite}
.signal-card:nth-child(3){animation-delay:-1.4s}.signal-card:nth-child(4){animation-delay:-2.8s}
.signal-card span{font:500 8px var(--mono);color:#85a6a9}.signal-card strong{font-size:10px;white-space:nowrap;font-weight:600}.signal-card i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}
.signal-trace{display:flex;align-items:center;gap:3px;margin-top:18px;height:22px;opacity:.75}.signal-trace b{flex:1;height:6px;max-height:22px;background:linear-gradient(var(--accent),#5b9e86);animation:trace-wave 1.6s ease-in-out infinite alternate}.signal-trace b:nth-child(3n){animation-delay:.35s}.signal-trace b:nth-child(3n + 1){animation-delay:.8s}
.revenue-engine{position:relative;width:100%;height:230px;align-self:center}
.engine-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(182,242,74,.17);border-radius:50%;transform:translate(-50%,-50%)}
.orbit-one{width:88px;height:88px;box-shadow:0 0 25px rgba(182,242,74,.13)}.orbit-two{width:139px;height:139px;border-style:dashed;animation:orbit-spin 20s linear infinite}.orbit-three{width:199px;height:199px;border-color:rgba(182,242,74,.08);animation:orbit-breathe 4s ease-in-out infinite}
.engine-beam{position:absolute;top:50%;left:-16%;width:135%;height:1px;background:linear-gradient(90deg,transparent,rgba(182,242,74,.22),var(--accent),rgba(182,242,74,.4),transparent);box-shadow:0 0 15px var(--accent);transform-origin:left;animation:beam-pulse 3s ease-in-out infinite}
.engine-core,.matcher-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:#b6f24a;box-shadow:0 0 0 9px rgba(182,242,74,.1),0 0 36px rgba(182,242,74,.43)}
.engine-core{width:52px;height:52px}.engine-core svg,.matcher-core svg{width:23px;height:23px;fill:#12323e}
.engine-node,.matcher-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.node-a{left:17%;top:18%}.node-b{right:4%;top:35%}.node-c{left:28%;bottom:8%}
.revenue-output{align-self:center;position:relative;z-index:2}.revenue-card{margin-top:9px;border:1px solid rgba(198,230,223,.26);background:linear-gradient(155deg,rgba(239,248,242,.13),rgba(226,246,229,.04));box-shadow:0 18px 38px rgba(0,0,0,.2);padding:18px;backdrop-filter:blur(12px);min-height:256px}
.revenue-card-head{display:flex;align-items:center;gap:11px}.revenue-monogram{width:39px;height:39px;flex:none;display:grid;place-items:center;border-radius:4px;background:#dfece7;color:#1d4650;font:800 18px var(--en)}.revenue-card-head small{display:block;font:500 7px var(--mono);letter-spacing:.08em;color:#b3ccca}.revenue-card-head strong{display:block;margin-top:4px;font-size:12px;line-height:1.3}
.revenue-fit{display:flex;align-items:center;gap:12px;margin:18px 0 12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.revenue-fit>strong{font:800 51px/.95 var(--en);letter-spacing:-.08em;color:var(--accent)}.revenue-fit>span{font:500 8px/1.8 var(--mono);letter-spacing:.06em;color:#c3d8d3}.revenue-fit i{font-style:normal;color:var(--accent)}
.revenue-card>p{min-height:36px;margin:0 0 13px;color:#dfebe7;font-size:10px;line-height:1.7}.revenue-action{display:grid;grid-template-columns:1fr 16px;gap:3px 4px;padding:9px 10px;background:rgba(182,242,74,.12);border-left:2px solid var(--accent)}.revenue-action span{grid-column:1;font:500 7px var(--mono);color:#a9c9af}.revenue-action b{font-size:9px;font-weight:700}.revenue-action i{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent);font-style:normal;font-size:16px}
.motion-stage-bottom{height:61px;border-top:1px solid rgba(217,239,234,.15)}.motion-phases{display:flex;gap:12px}.motion-phases span{position:relative;font:500 8px var(--mono);letter-spacing:.05em;color:#7e9ca4}.motion-phases span:first-child{color:var(--accent)}.motion-phases span+span:before{content:"/";margin-right:12px;color:#436270}.motion-controls{display:flex;align-items:center;gap:7px}.motion-controls button{cursor:pointer;width:23px;height:21px;padding:0;border:0;background:none;display:grid;place-items:center}.motion-controls button:before{content:"";width:17px;height:2px;background:#5b7a82;transition:background .25s,height .25s}.motion-controls button.active:before,.motion-controls button:hover:before{height:3px;background:var(--accent)}.motion-controls button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.motion-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--accent);transform-origin:left;animation:motion-timer 5.6s linear infinite;z-index:4}
.motion-stage.is-switching .revenue-card,.motion-stage.is-switching .role-card,.motion-stage.is-switching .match-card.primary,.motion-stage.is-switching .match-reason{animation:scene-appear .55s both}
.talent-stage{--accent:#b6f24a;background:radial-gradient(circle at 50% 46%,rgba(56,101,142,.37),transparent 44%),linear-gradient(130deg,#0e243b,#0a1b33 70%,#0e2b3b)}
.talent-composition{grid-template-columns:minmax(0,1fr) minmax(110px,.63fr) minmax(0,1.15fr);gap:3px}
.talent-role,.talent-match{position:relative;z-index:2}.role-card{margin-top:9px;min-height:222px;padding:20px 16px;border:1px solid rgba(184,211,227,.35);background:linear-gradient(145deg,rgba(241,250,250,.15),rgba(245,251,249,.035));box-shadow:0 18px 38px rgba(0,0,0,.15)}.role-card>small{font:500 7px var(--mono);letter-spacing:.08em;color:#a8c9ce}.role-card>strong{display:block;min-height:58px;margin:28px 0 11px;font-size:17px;line-height:1.4;letter-spacing:-.04em}.role-card p{min-height:42px;margin:0 0 17px;color:#b8d1d3;font-size:9px;line-height:1.75}.role-card>div{display:flex;gap:5px;flex-wrap:wrap}.role-card>div span{padding:4px 6px;border:1px solid rgba(182,242,74,.32);color:#d4e9d1;font-size:7px}.role-bars{display:flex;align-items:end;gap:4px;height:34px;margin-top:14px}.role-bars b{width:12%;height:32%;background:rgba(182,242,74,.7);animation:trace-wave 1.9s ease-in-out infinite alternate}.role-bars b:nth-child(even){animation-delay:.7s}
.talent-matcher{height:265px;position:relative}.matcher-halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(182,242,74,.22)}.halo-a{width:116px;height:116px;border-style:dashed;animation:orbit-spin 22s linear infinite}.halo-b{width:178px;height:178px;border-color:rgba(182,242,74,.12);animation:orbit-breathe 5s ease-in-out infinite}.matcher-axis{position:absolute;top:50%;left:-19%;width:139%;height:1px;background:linear-gradient(90deg,transparent,rgba(182,242,74,.65),transparent);animation:beam-pulse 3s ease-in-out infinite}.axis-b{transform:rotate(-29deg);opacity:.34}.matcher-core{width:48px;height:48px}.matcher-dot.dot-a{left:20%;top:17%}.matcher-dot.dot-b{right:6%;top:19%}.matcher-dot.dot-c{right:21%;bottom:4%}
.match-card{display:flex;align-items:center;gap:8px;border:1px solid rgba(201,223,230,.25);background:rgba(225,244,246,.1);padding:10px;backdrop-filter:blur(10px)}.match-card.primary{margin-top:9px;min-height:89px;border-left:2px solid var(--accent);box-shadow:0 16px 31px rgba(0,0,0,.13)}.match-card.secondary{margin-top:7px;opacity:.65;min-height:57px}.match-avatar{width:30px;height:30px;flex:none;display:grid;place-items:center;background:rgba(182,242,74,.18);font:500 10px var(--mono);color:var(--accent)}.match-info{min-width:0;flex:1}.match-info small{display:block;color:#abc1c9;font:500 7px var(--mono);letter-spacing:.05em}.match-info strong{display:block;margin:4px 0 2px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-info>span{display:block;color:#b4ced1;font-size:7px}.match-score{text-align:center;border-left:1px solid rgba(255,255,255,.17);padding-left:8px}.match-score b{display:block;color:var(--accent);font:800 28px/.95 var(--en)}.match-score small{font:500 7px var(--mono);color:#c6d7d4}.match-reason{margin-top:9px;min-height:91px;padding:11px 13px;background:rgba(182,242,74,.1);border-left:2px solid var(--accent)}.match-reason small{font:500 7px var(--mono);letter-spacing:.08em;color:#b5d6b3}.match-reason p{margin:8px 0 0;font-size:9px;line-height:1.7;color:#edf7ec}
@keyframes stage-sheen{0%,55%{transform:translateX(-110%)}83%,100%{transform:translateX(110%)}}@keyframes live-pulse{50%{opacity:.55;box-shadow:0 0 0 8px rgba(182,242,74,.02)}}@keyframes signal-float{50%{transform:translateY(-4px)}}@keyframes trace-wave{to{height:80%}}@keyframes orbit-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbit-breathe{50%{opacity:.35;scale:1.07}}@keyframes beam-pulse{50%{opacity:.35;filter:blur(3px)}}@keyframes scene-appear{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-timer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1150px){.service-page .service-nav-button{width:108px}.service-desktop-nav{gap:17px}.motion-stage{max-width:820px}}
@media(max-width:850px){.service-page .service-header-actions .service-nav-button{display:none}.service-page .service-desktop-nav{display:flex}.service-desktop-nav a{font-size:10px}}
@media(max-width:680px){.service-page .service-desktop-nav{display:none}.motion-stage{min-height:590px;border-radius:8px}.motion-stage-top,.motion-stage-bottom{margin:0 15px}.motion-stage-top{height:50px;font-size:7px}.motion-stage-bottom{height:52px}.motion-phases{gap:4px}.motion-phases span{font-size:6px}.motion-phases span+span:before{margin-right:4px}.revenue-composition,.talent-composition{min-height:488px;padding:20px 14px;grid-template-columns:1fr 1fr;gap:12px}.revenue-input,.talent-role{grid-column:1}.revenue-output,.talent-match{grid-column:2}.revenue-engine,.talent-matcher{position:absolute;left:22%;top:31%;width:56%;height:135px;opacity:.68;pointer-events:none}.orbit-three,.halo-b{width:115px;height:115px}.orbit-two,.halo-a{width:83px;height:83px}.orbit-one{width:58px;height:58px}.engine-core,.matcher-core{width:35px;height:35px}.engine-core svg,.matcher-core svg{width:16px;height:16px}.revenue-input,.talent-role,.revenue-output,.talent-match{align-self:end}.revenue-card{padding:10px;min-height:253px}.revenue-card-head{gap:5px}.revenue-monogram{width:25px;height:25px;font-size:12px}.revenue-card-head small{font-size:5px}.revenue-card-head strong{font-size:8px}.revenue-fit{gap:6px;margin:14px 0 10px}.revenue-fit>strong{font-size:37px}.revenue-fit>span{font-size:6px}.revenue-card>p{font-size:8px;min-height:52px}.revenue-action{padding:7px}.revenue-action span{font-size:6px}.revenue-action b{font-size:7px}.signal-card{grid-template-columns:15px 1fr 5px;padding:0 5px;height:39px}.signal-card span{font-size:6px}.signal-card strong{font-size:8px}.motion-caption{font-size:6px}.role-card{min-height:255px;padding:13px 9px}.role-card>strong{font-size:13px;margin:29px 0 10px}.role-card p{font-size:8px;min-height:64px}.match-card{gap:4px;padding:7px}.match-card.primary{min-height:93px}.match-card.secondary{min-height:73px}.match-avatar{width:20px;height:20px;font-size:7px}.match-info small{font-size:5px}.match-info strong{font-size:8px}.match-info>span{font-size:6px}.match-score{padding-left:4px}.match-score b{font-size:22px}.match-reason{min-height:101px;padding:7px}.match-reason p{font-size:7px}.service-page .mobile-nav a{font-family:var(--jp)}}
@media(prefers-reduced-motion:reduce){.motion-stage:before,.motion-live,.signal-card,.signal-trace b,.engine-orbit,.engine-beam,.matcher-halo,.matcher-axis,.role-bars b,.motion-progress{animation:none!important}.motion-progress{transform:scaleX(1)}.motion-stage.is-switching .revenue-card,.motion-stage.is-switching .role-card,.motion-stage.is-switching .match-card.primary,.motion-stage.is-switching .match-reason{animation:none}}