/* Shibuya Crossing at night, integrated into the expertise section. */
.services{position:relative;isolation:isolate;overflow:hidden;background:#070b18!important;background-image:none!important}
.services:before{content:"";position:absolute;inset:-7%;z-index:-3;background-image:linear-gradient(90deg,rgba(5,9,23,.97) 0%,rgba(6,12,30,.91) 37%,rgba(7,17,39,.52) 100%),url('https://images.unsplash.com/photo-1540959733332-eab4deabeeaf?auto=format&fit=crop&w=2400&q=90');background-size:cover;background-position:center 50%;filter:saturate(.72) contrast(1.09);animation:ginzaDrift 24s cubic-bezier(.45,0,.55,1) infinite alternate}
.services:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(112deg,transparent 16%,rgba(126,248,239,.08) 47%,transparent 69%),radial-gradient(circle at 83% 13%,rgba(64,99,204,.24),transparent 33%),linear-gradient(180deg,rgba(5,8,20,.08),rgba(5,8,20,.54));background-size:175% 100%,auto,auto;background-position:-82% 0,0 0,0 0;background-repeat:no-repeat;animation:ginzaSweep 13s cubic-bezier(.45,0,.55,1) infinite}
.services .section-label,.services .section-heading,.services .service-cards{position:relative;z-index:1}.services .section-label{color:#9aabc9}.services .section-heading p{color:#c7d0e7}
.services .service-cards{gap:18px;align-items:stretch}.services .service-card{min-height:304px;display:flex;flex-direction:column;padding:30px 34px 32px;border:0;border-radius:5px;background:linear-gradient(135deg,rgba(9,20,51,.85),rgba(7,13,33,.79));box-shadow:0 15px 36px rgba(0,0,0,.18);overflow:hidden;transition:transform 200ms cubic-bezier(.23,1,.32,1),background-color 200ms ease,box-shadow 200ms ease}.services .service-card:before{content:"";position:absolute;top:30px;right:34px;width:38px;height:1px;background:#81f8ef;box-shadow:11px 8px 0 rgba(129,248,239,.42),22px 16px 0 rgba(129,248,239,.16);opacity:.9}.services .service-card:after{content:"";position:absolute;right:34px;bottom:31px;width:86px;height:1px;background:rgba(129,248,239,.24);box-shadow:-16px 8px 0 rgba(129,248,239,.1)}.services .service-card.accent{background:linear-gradient(135deg,rgba(7,47,81,.88),rgba(7,28,57,.8))}.services .service-card>*{position:relative;z-index:1}
.services .service-card .number{display:flex;align-items:center;gap:14px;margin:0 0 40px;color:#a6b7dc;font-size:11px;letter-spacing:.16em}.services .service-card .number:after{content:"";display:block;width:44px;height:1px;background:linear-gradient(90deg,#81f8ef,rgba(129,248,239,0))}.services .service-card h3{max-width:430px;margin:0 0 14px;color:#f5f8ff;font-size:clamp(28px,2.6vw,38px);font-weight:500;line-height:1.24;letter-spacing:0}.services .service-card p{max-width:410px;margin:0;color:#c4cee5;font-size:13px;line-height:1.78}.services .service-card.accent .number{color:#b6e4e5}.services .service-card.accent p{color:#cce3ea}
@media(hover:hover) and (pointer:fine){.services .service-card:hover{transform:translateY(-5px);background:rgba(13,28,61,.86);box-shadow:0 25px 58px rgba(0,0,0,.3)}.services .service-card.accent:hover{background:rgba(9,49,83,.87)}}
@keyframes ginzaDrift{0%{transform:scale(1.04) translate3d(-1%,0,0)}100%{transform:scale(1.09) translate3d(1.25%,-1%,0)}}@keyframes ginzaSweep{0%,100%{background-position:-82% 0,0 0,0 0;opacity:.6}48%{background-position:114% 0,0 0,0 0;opacity:.9}}
@media(max-width:760px){.services:before{inset:-10%;background-position:60% center}.services .service-cards{gap:14px}.services .service-card{min-height:270px;padding:27px 25px 29px}.services .service-card:before{top:27px;right:25px}.services .service-card .number{margin-bottom:34px}.services .service-card h3{margin:0 0 13px;font-size:30px}.services .service-card p{font-size:13px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){.services:before,.services:after{animation:none}.services .service-card{transition:background-color 160ms ease,box-shadow 160ms ease}.services .service-card:hover{transform:none}}