.services-detail-page{margin-top:-82px}.breadcrumbs-container{background-color:#f4f6f9;padding-top:100px;padding-bottom:5px}.breadcrumbs{color:var(--brand-muted);align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.breadcrumbs a{color:var(--brand-muted);transition:var(--transition-smooth);text-decoration:none}.breadcrumbs a:hover{color:var(--brand-primary)}.breadcrumbs .current{color:var(--brand-primary);font-weight:700}.breadcrumbs .separator{color:#cbd5e1}.detail-hero{background-color:#f4f6f9;padding:20px 0 50px;overflow:hidden}.detail-hero-card{border-radius:12px;align-items:center;width:100%;min-height:380px;display:flex;position:relative;overflow:hidden}.hero-card-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-card-overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff 0% 30%,#fff0 75%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-card-content{z-index:3;flex-direction:column;max-width:58%;padding:60px;display:flex;position:relative}.detail-hero h1{color:var(--brand-primary);letter-spacing:-1px;margin-bottom:24px;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.hero-desc{color:#475569;margin-bottom:35px;font-size:.98rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:20px;display:flex}.btn-detail-hero{transition:var(--transition-smooth);text-align:center;border-radius:6px;padding:14px 28px;font-size:.95rem;font-weight:700;text-decoration:none}.btn-detail-hero.btn-primary{background:var(--brand-primary);color:var(--white);border:2px solid var(--brand-primary)}.btn-detail-hero.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-3px);box-shadow:0 10px 20px #1e446926}.btn-detail-hero.btn-outline{color:var(--brand-primary);border:2px solid var(--brand-primary);background:0 0}.btn-detail-hero.btn-outline:hover{background:var(--brand-primary);color:var(--white);transform:translateY(-3px);box-shadow:0 10px 20px #1e44691a}.detail-overview{background:var(--white);padding:60px 0}.overview-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.overview-img{border:1px solid var(--border);border-radius:12px;width:100%;height:auto;box-shadow:0 10px 30px #0a192f05}.overview-right{flex-direction:column;align-items:flex-start;display:flex}.section-label{color:var(--brand-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800;display:inline-block}.overview-right h2{color:var(--brand-primary);margin-bottom:20px;font-size:2.2rem;font-weight:800;display:inline-block;position:relative}.lead-text{color:#334155;margin-bottom:20px;font-size:1.12rem;font-weight:600;line-height:1.7}.overview-right p{color:#475569;margin-bottom:20px;font-size:1.05rem;line-height:1.8}.detail-capabilities{z-index:2;background:linear-gradient(135deg,#edf4f9 0%,#e2ecf5 50%,#d5e2f0 100%);border-top:1px solid #0f172a08;border-bottom:1px solid #0f172a08;padding:60px 0;position:relative}.detail-capabilities h2{color:var(--brand-primary);text-align:center;margin-bottom:60px;font-size:2.2rem;font-weight:800}.capabilities-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.capability-card{background:var(--white);border:1px solid var(--border);transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:24px;padding:30px;display:flex;box-shadow:0 4px 6px #0a192f03}.capability-card:hover{border-color:#1e446926;transform:translateY(-5px);box-shadow:0 15px 30px #0a192f0d}.capability-icon{background:linear-gradient(135deg, var(--brand-hover) 0%, var(--brand-primary) 100%);z-index:2;width:52px;height:52px;transition:var(--transition-smooth);border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 10px #1e446926}.capability-icon:before{content:"";background:var(--brand-hover);filter:blur(8px);opacity:0;z-index:-1;width:100%;height:100%;transition:var(--transition-smooth);border-radius:50%;position:absolute;top:0;left:0}.capability-card:hover .capability-icon{transform:scale(1.08);box-shadow:0 6px 15px #1e44694d}.capability-card:hover .capability-icon:before{opacity:.65;transform:scale(1.25)}.capability-icon svg{width:22px;height:22px;color:var(--white)}.capability-info h3{color:var(--brand-primary);margin-bottom:8px;font-size:1.2rem;font-weight:700}.capability-info p{color:#475569;font-size:.9rem;line-height:1.6}.capabilities-skew-grid{grid-template-columns:repeat(2,1fr);gap:30px;width:100%;display:grid}.capability-skew-card{background:var(--white);border:1px solid var(--border);transition:var(--transition-smooth);border-radius:12px;padding:24px 30px;position:relative;box-shadow:0 4px 8px #0a192f03}.card-skew-content{align-items:center;gap:20px;display:flex}.card-visual{border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:140px;height:95px;overflow:hidden;box-shadow:0 3px 8px #0a192f05}.card-visual img{object-fit:cover;width:100%;height:100%;display:block}.card-text{flex:1}.card-text h3{color:var(--brand-primary);margin-bottom:8px;font-size:1.15rem;font-weight:700}.card-text p{color:#475569;margin:0;font-size:.88rem;line-height:1.5}.detail-process{background:var(--white);padding:60px 0}.detail-process h2{color:var(--brand-primary);text-align:center;margin-bottom:60px;font-size:2.2rem;font-weight:800}.process-flow{grid-template-columns:repeat(6,1fr);gap:20px;display:grid;position:relative}.process-flow:before{content:"";z-index:1;background:repeating-linear-gradient(90deg,#cbd5e1 0 4px,#0000 4px 8px);height:2px;position:absolute;top:36px;left:8%;right:8%}.process-node{text-align:center;z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.node-circle{background:var(--step-color);border:2px solid var(--step-color);z-index:2;width:72px;height:72px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative;box-shadow:0 4px 10px #0a192f05}.node-icon{justify-content:center;align-items:center;display:flex}.node-icon svg{width:24px;height:24px;color:var(--white);transition:var(--transition-smooth);display:block}.node-info h3{color:var(--step-color);min-height:2.6rem;transition:var(--transition-smooth);margin-bottom:8px;font-size:.98rem;font-weight:700;line-height:1.3}.node-info p{color:#475569;font-size:.82rem;line-height:1.5}.detail-tech{background:linear-gradient(135deg,#edf4f9 0%,#e2ecf5 50%,#d5e2f0 100%);border-top:1px solid #0f172a08;border-bottom:1px solid #0f172a08;padding:60px 0}.detail-tech h2{color:var(--brand-primary);text-align:center;margin-bottom:60px;font-size:2.2rem;font-weight:800}.tech-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.tech-column{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:30px 24px;box-shadow:0 4px 6px #0a192f03}.tech-column h3{color:var(--brand-primary);border-bottom:2px solid var(--brand-light);margin-bottom:20px;padding-bottom:12px;font-size:1.1rem;font-weight:700}.tech-chips{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;display:grid}.tech-chips span{background:var(--white);color:var(--brand-primary);border:1px solid var(--border);text-align:center;transition:var(--transition-smooth);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:84px;padding:12px 6px;font-size:.78rem;font-weight:600;display:flex}.tech-icon{object-fit:contain;width:32px;height:32px;transition:var(--transition-smooth)}.detail-why-choose{background:var(--white);padding:60px 0}.detail-why-choose h2,.detail-industries h2,.detail-solutions h2{color:var(--brand-primary);text-align:center;margin-bottom:50px;font-size:2.2rem;font-weight:800}.why-choose-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.why-choose-card{background:var(--white);border:1px solid var(--border);transition:var(--transition-smooth);border-radius:8px;align-items:flex-start;gap:16px;padding:28px 24px;display:flex;box-shadow:0 4px 6px #0a192f03}.why-choose-card .check-badge{color:#10b981;background:#10b9811a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.why-choose-card .check-badge svg{width:13px;height:13px}.why-choose-card p{color:#334155;margin:0;font-size:.95rem;font-weight:600;line-height:1.5}.detail-industries{background:linear-gradient(135deg,#edf4f9 0%,#e2ecf5 50%,#d5e2f0 100%);border-top:1px solid #0f172a08;border-bottom:1px solid #0f172a08;padding:60px 0}.industries-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.industry-card{aspect-ratio:4/3;transition:var(--transition-smooth);border:1px solid var(--border);cursor:pointer;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0a192f08}.industry-img-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.industry-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1)}.industry-overlay{width:100%;height:100%;transition:var(--transition-smooth);background:linear-gradient(#0000 0%,#0f204333 30%,#0f2043d9 100%);position:absolute;top:0;left:0}.industry-content{z-index:2;width:100%;padding:24px;position:absolute;bottom:0;left:0}.industry-content h3{color:var(--white);letter-spacing:-.2px;text-shadow:0 2px 4px #0003;margin:0;font-size:1.25rem;font-weight:700}.industry-card:hover{border-color:var(--brand-hover);transform:translateY(-5px);box-shadow:0 12px 24px #1e446926}.industry-card:hover .industry-img{transform:scale(1.08)}.industry-card:hover .industry-overlay{background:linear-gradient(#0000 0%,#0f20434d 25%,#1a6bb8e6 100%)}.detail-solutions{background:var(--white);margin-bottom:-2rem;padding:60px 0}.solutions-grid{grid-template-columns:repeat(2,1fr);gap:20px 30px;display:grid}.solution-card{border:1px solid var(--border);transition:var(--transition-smooth);background:#f8fafc;border-radius:8px;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.bullet-arrow{color:var(--brand-hover);transition:var(--transition-smooth);flex-shrink:0;margin-top:-2px;font-size:1.4rem;font-weight:800;line-height:1}.solution-card p{color:#334155;margin:0;font-size:1rem;font-weight:600;line-height:1.45}.detail-cta{background:var(--brand-primary);color:var(--white);z-index:2;margin-bottom:-2rem;padding:80px 0;position:relative}.detail-cta-content{justify-content:space-between;align-items:center;gap:40px;display:flex}.cta-text h2{letter-spacing:-.5px;margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.cta-text p{color:#ffffffd9;margin:0;font-size:clamp(1rem,2vw,1.15rem)}.btn-cta-large{background:var(--white);color:var(--brand-primary);transition:var(--transition-smooth);border:2px solid var(--white);text-align:center;white-space:nowrap;border-radius:6px;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.btn-cta-large:hover{color:var(--white);background:0 0}@media (width<=1200px){.process-flow{grid-template-columns:repeat(3,1fr);gap:40px 20px}.process-flow:before{display:none}}@media (width<=1024px){.hero-card-overlay{background:linear-gradient(90deg,#fff 0% 40%,#fff0 80%)}.hero-card-content{max-width:75%;padding:50px}.hero-actions{justify-content:flex-start}.overview-grid{grid-template-columns:1fr}.overview-left{max-width:500px;margin:0 auto}.tech-grid,.why-choose-grid,.industries-grid{grid-template-columns:repeat(2,1fr)}.capabilities-flow{gap:25px}.capability-skew-card{width:100%;max-width:100%;padding:24px 20px}.capabilities-skew-grid{grid-template-columns:1fr}}@media (width<=768px){.detail-hero-card{min-height:340px}.hero-card-overlay{background:linear-gradient(#fffffff5 0%,#ffffffe6 70%,#fff9 100%)}.hero-card-content{text-align:center;align-items:center;max-width:100%;padding:40px 30px}.detail-cta-content{text-align:center;flex-direction:column}.btn-cta-large{width:100%;max-width:320px}.process-flow{grid-template-columns:repeat(2,1fr)}.solutions-grid{grid-template-columns:1fr}.hero-actions{justify-content:center}}@media (width<=600px){.tech-grid,.process-flow,.why-choose-grid,.industries-grid{grid-template-columns:1fr}.industry-card{aspect-ratio:16/10}.node-info h3{min-height:auto}.card-skew-content{text-align:center;flex-direction:column;align-items:center;gap:20px}.card-visual{width:100%;max-width:280px;height:160px;margin:0 auto}}
