.service-overview-section{padding:var(--section-space-xl) 0 80px 0;background:var(--bg)}.service-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.service-text{display:flex;flex-direction:column;gap:var(--space-md)}.service-text .heading-md{color:var(--text);line-height:1.1;margin-top:10px;margin-bottom:10px}.service-text p{color:var(--text-light);line-height:1.8}.service-feature-list{margin-top:20px;display:flex;flex-direction:column;gap:16px;list-style:none;padding:0}.service-feature-list li{position:relative;padding-left:30px;color:var(--text-muted);line-height:1.6}.service-feature-list li:before{content:"→";position:absolute;left:0;top:0;color:var(--primary);font-weight:700}.service-feature-list li strong{color:var(--text)}.service-image-box{width:100%}.image-placeholder{width:100%;aspect-ratio:4/5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;padding:20px}.cinematic-image-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:border-color var(--transition-medium),box-shadow var(--transition-medium),transform var(--transition-medium)}.cinematic-image-wrapper:hover,a:hover .cinematic-image-wrapper,.portfolio-page-card:hover .cinematic-image-wrapper,.case-study-card:hover .cinematic-image-wrapper{border-color:#b8ef4347;box-shadow:0 0 30px #b8ef430d;transform:translateY(-6px)}.cinematic-image-wrapper:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:left .7s ease,opacity .4s ease;z-index:5}.cinematic-image-wrapper:hover:after,a:hover .cinematic-image-wrapper:after,.portfolio-page-card:hover .cinematic-image-wrapper:after,.case-study-card:hover .cinematic-image-wrapper:after{left:100%;opacity:1}.cinematic-image-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);z-index:1;pointer-events:none}.cinematic-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%) brightness(.72);transform:scale(1);transition:transform var(--transition-slow),filter var(--transition-slow)}.cinematic-image-wrapper:hover img,a:hover .cinematic-image-wrapper img,.portfolio-page-card:hover .cinematic-image-wrapper img,.case-study-card:hover .cinematic-image-wrapper img{transform:scale(1.04);filter:grayscale(0%) brightness(.95)}.service-3-col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service-box-card{background:var(--surface);padding:40px;border:1px solid var(--border);border-radius:var(--radius-md);position:relative;overflow:hidden;transition:transform var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium)}.service-box-card:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x, 0) var(--mouse-y, 0),rgba(255,255,255,.04),transparent 40%);z-index:1;pointer-events:none;opacity:0;transition:opacity .5s ease}.service-box-card:hover:before{opacity:1}.service-box-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);transform:translate(-100%);transition:transform .6s ease}.service-box-card:hover:after{transform:translate(100%)}.service-box-card:hover{transform:translateY(-8px);border-color:#b8ef434d;box-shadow:0 20px 40px #0006,0 0 30px #b8ef4308}.service-box-card>*{position:relative;z-index:2}.service-workflow-section{padding:40px 0 var(--section-space-xl) 0}.service-applications-section{padding:var(--section-space-xl) 0;background:var(--surface-light)}.service-outsource-section{padding:var(--section-space-xl) 0}.outsource-box{background:linear-gradient(135deg,rgba(184,239,67,.05) 0%,transparent 100%);border:1px solid rgba(184,239,67,.2);border-radius:var(--radius-lg);padding:60px;text-align:center}.outsource-box .heading-md{margin-bottom:20px}.outsource-desc{max-width:800px;margin:0 auto 50px}.outsource-feature h4{color:var(--text);margin-bottom:10px;font-size:18px}.service-faq-section{background:var(--bg);padding:40px 0 var(--section-space-xl) 0}.faq-header{margin-bottom:60px}.faq-header.center-text{display:flex;flex-direction:column;align-items:center;text-align:center}.faq-header .heading-md{margin-top:10px}.faq-accordion{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.faq-item:hover{border-color:#b8ef434d}.faq-question{padding:24px 30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.faq-question h4{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--text);margin:0}.faq-icon{font-size:24px;color:var(--primary);font-weight:300;line-height:1;transition:transform var(--transition-fast)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-medium) cubic-bezier(0,1,0,1);padding:0 30px}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-item.active .faq-answer{max-height:1000px;padding-bottom:24px;transition:max-height 1s ease-in-out}@media(max-width:900px){.service-overview-grid,.service-3-col-grid{grid-template-columns:1fr;gap:40px}.image-placeholder{aspect-ratio:16/9}}@media(max-width:767px){.service-overview-section{padding:60px 0 50px}.service-workflow-section{padding:30px 0 60px}.service-applications-section,.service-outsource-section{padding:60px 0}.service-faq-section{padding:30px 0 60px}.outsource-box{padding:40px 24px}.service-3-col-grid{gap:24px}.service-box-card{padding:28px 24px}}.service-page .section-subtitle-wrap{margin-bottom:0!important}.service-page .service-overview-section .section-subtitle-wrap,.service-page .service-applications-section .section-subtitle-wrap,.services-list-content .section-subtitle-wrap{justify-content:flex-start}.service-page .heading-md{margin-top:15px!important}.service-page .service-applications-section .heading-md{margin:15px 0 30px!important;line-height:1.1!important}.service-page .workflow-header .text-md.text-muted{max-width:600px!important;margin:20px auto 0!important}.service-page .service-3-col-grid{margin-top:60px!important}.service-page .service-box-card h3{color:var(--primary)!important;margin-bottom:15px!important;font-size:20px!important}.service-page .service-overview-section .cinematic-image-wrapper img{aspect-ratio:4/5!important}.service-page .service-applications-section .cinematic-image-wrapper img{aspect-ratio:16/9!important}
