.service-hero{position:relative;padding:160px 0 100px;overflow:hidden;min-height:60vh;display:flex;align-items:center}.service-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,var(--glow-1),transparent 60%),radial-gradient(ellipse at 70% 80%,var(--glow-2),transparent 50%);opacity:.5;z-index:0}.service-hero .container{position:relative;z-index:1}.service-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.service-hero-content .breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);margin-bottom:24px}.service-hero-content .breadcrumb a{color:var(--text-secondary);transition:color .3s}.service-hero-content .breadcrumb a:hover{color:var(--accent-1)}.service-hero-content .breadcrumb .sep{color:var(--text-muted)}.service-hero-content h1{font-family:var(--font-display);font-size:clamp(2.2rem, 4vw, 3.5rem);font-weight:700;line-height:1.15;margin-bottom:20px}.service-hero-content .hero-tagline{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:32px;max-width:540px}.service-hero-content .hero-ctas{display:flex;gap:16px;flex-wrap:wrap}.service-hero-visual{display:flex;justify-content:center;align-items:center}.service-hero-visual img{max-width:400px;width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.pain-points{padding:100px 0}.pain-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px}.pain-point-card{background:var(--bg-card);backdrop-filter:blur(var(--card-blur));border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all var(--transition);position:relative;overflow:hidden}.pain-point-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#ef4444,#f97316);border-radius:4px 0 0 4px}.pain-point-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow)}.pain-point-card .pain-icon{font-size:2rem;margin-bottom:16px}.pain-point-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:10px}.pain-point-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.deliver-section{padding:100px 0;background:var(--bg-secondary)}.deliver-intro{max-width:800px;margin:0 auto 48px;text-align:center;color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.deliverables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.deliverable-card{background:var(--gradient-card);backdrop-filter:blur(var(--card-blur));border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all var(--transition);display:flex;gap:16px;align-items:flex-start}.deliverable-card:hover{background:var(--bg-card-hover);border-color:var(--accent-1);transform:translateY(-4px);box-shadow:0 12px 40px rgba(78,148,255,.12),0 0 20px rgba(185,107,255,.08)}.deliverable-card .del-icon{font-size:1.5rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-card);border-radius:var(--radius-sm);border:1px solid var(--border)}.deliverable-card h3{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:6px}.deliverable-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.process-section{padding:100px 0}.process-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.process-step{background:var(--bg-card);backdrop-filter:blur(var(--card-blur));border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px;position:relative;transition:all var(--transition)}.process-step:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow)}.process-step .step-number{font-family:var(--font-display);font-size:3rem;font-weight:700;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:16px}.process-step h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin-bottom:10px}.process-step p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.benefits-section{padding:100px 0;background:var(--bg-secondary)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:48px}.benefit-card{background:var(--bg-card);backdrop-filter:blur(var(--card-blur));border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;text-align:center;transition:all var(--transition)}.benefit-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow)}.benefit-stat{font-family:var(--font-display);font-size:2.8rem;font-weight:700;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:10px}.benefit-card h3{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:8px}.benefit-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.benefit-source{font-size:.75rem;color:var(--text-muted);margin-top:8px;font-style:italic}.case-study-section{padding:100px 0}.case-study-card{max-width:900px;margin:48px auto 0;background:var(--bg-card);backdrop-filter:blur(var(--card-blur));border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.case-study-header{padding:32px 40px;background:var(--gradient-card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.case-study-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.case-study-industry{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--bg-tertiary);border-radius:100px;font-size:.85rem;color:var(--text-secondary);border:1px solid var(--border)}.case-study-body{padding:40px}.case-study-body .cs-section{margin-bottom:28px}.case-study-body .cs-section:last-child{margin-bottom:0}.case-study-body .cs-label{font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-1);margin-bottom:8px}.case-study-body .cs-text{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.cs-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:12px}.cs-result-item{text-align:center;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border)}.cs-result-value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-result-label{font-size:.8rem;color:var(--text-muted);margin-top:4px}.faq-section{padding:100px 0;background:var(--bg-secondary)}.faq-list{max-width:800px;margin:48px auto 0}.faq-item{background:var(--bg-card);backdrop-filter:blur(var(--card-blur));border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;transition:all var(--transition)}.faq-item:hover{border-color:var(--border-hover)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:0 0;border:none;color:var(--text-primary);font-family:var(--font);font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:color .3s;gap:16px}.faq-question:hover{color:var(--accent-1)}.faq-question .faq-toggle{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border);font-size:1.1rem;transition:transform .3s,background .3s}.faq-item.active .faq-question .faq-toggle{transform:rotate(45deg);background:var(--accent-1);color:#fff;border-color:var(--accent-1)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16, 1, .3, 1),padding .4s}.faq-item.active .faq-answer{max-height:600px}.faq-answer-inner{padding:0 28px 24px;color:var(--text-secondary);font-size:.95rem;line-height:1.8}.tech-section{padding:100px 0}.tech-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:48px}.tech-badge{display:inline-flex!important;align-items:center!important;gap:12px!important;padding:14px 28px!important;background:linear-gradient(135deg,rgba(78,148,255,.15),rgba(185,107,255,.1))!important;border:1px solid rgba(120,170,255,.3)!important;border-radius:100px!important;font-size:.95rem!important;font-weight:600!important;color:#fff!important;letter-spacing:.02em!important;transition:all .3s ease!important;backdrop-filter:blur(12px)!important;box-shadow:0 2px 12px rgba(78,148,255,.08),inset 0 1px 0 rgba(255,255,255,.05)!important}.tech-badge:hover{background:linear-gradient(135deg,rgba(78,148,255,.25),rgba(185,107,255,.18))!important;border-color:rgba(150,190,255,.5)!important;transform:translateY(-3px)!important;box-shadow:0 8px 30px rgba(78,148,255,.2),0 0 15px rgba(185,107,255,.15)!important}.tech-badge img,.tech-grid .tech-badge img{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important;background:#fff!important;border-radius:8px!important;padding:4px!important;box-sizing:content-box!important;display:inline-block!important;flex-shrink:0!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important}[data-theme=light] .tech-badge{background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(124,58,237,.05))!important;border:1px solid rgba(37,99,235,.2)!important;box-shadow:0 2px 12px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.6)!important;color:#0a0e30!important}[data-theme=light] .tech-badge:hover{background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(124,58,237,.08))!important;border-color:rgba(37,99,235,.35)!important;box-shadow:0 8px 24px rgba(37,99,235,.12),0 0 10px rgba(124,58,237,.08)!important}[data-theme=light] .tech-badge img,[data-theme=light] .tech-grid .tech-badge img{background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.1)!important}.service-cta{padding:100px 0;background:var(--bg-secondary);text-align:center}.service-cta h2{font-family:var(--font-display);font-size:clamp(1.8rem, 3vw, 2.8rem);font-weight:700;margin-bottom:16px}.service-cta p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto 32px;line-height:1.7}.service-cta .cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.service-footer{padding:40px 0;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.85rem}.service-footer a{color:var(--text-secondary);transition:color .3s}.service-footer a:hover{color:var(--accent-1)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:16px}.section-label{font-family:var(--mono);font-size:.85rem;color:var(--accent-2);margin-bottom:12px;display:block;text-shadow:0 0 20px rgba(185,107,255,.3)}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem, 3vw, 2.6rem);font-weight:700;line-height:1.2;margin-bottom:16px}.gradient-text{background:var(--gradient-hero);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease infinite}@keyframes shimmer{0%{background-position:0 center}50%{background-position:100% center}100%{background-position:0 center}}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:all var(--transition);border:none;cursor:pointer}.btn-glow{background:var(--gradient-hero);color:#fff;box-shadow:0 4px 24px var(--glow-1)}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 8px 40px var(--glow-1)}.btn-glass{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);backdrop-filter:blur(var(--card-blur))}.btn-glass:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.service-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s}.service-nav .nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.service-nav .nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.3rem;font-weight:700}.service-nav .nav-logo img{width:32px;height:32px}.service-nav .nav-logo .logo-total{color:var(--text-primary)}.service-nav .nav-logo .logo-cloud{color:var(--accent-1)}.service-nav .nav-logo .logo-ai{color:var(--accent-2)}.service-nav .nav-actions{display:flex;align-items:center;gap:12px}.theme-toggle{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .3s}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}@media (max-width:768px){.service-hero{padding:120px 0 60px;min-height:auto}.service-hero-grid{grid-template-columns:1fr;gap:40px}.service-hero-visual{order:-1}.service-hero-visual img{max-width:280px}.benefits-section,.case-study-section,.deliver-section,.faq-section,.pain-points,.process-section,.service-cta,.tech-section{padding:60px 0}.case-study-body{padding:24px}.case-study-header{padding:24px}.process-timeline{grid-template-columns:1fr}.cs-results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-ctas{flex-direction:column}.cs-results-grid{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:center}}