/* =========================================
   SERVICE DETAIL PAGE
========================================= */
.sv_block{position:relative;background:#000;overflow:hidden;padding:120px 0 100px}

/* ---- BG ---- */
.sv_bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.sv_glow{position:absolute;border-radius:50%;filter:blur(150px)}
.sv_glow_1{width:700px;height:700px;background:radial-gradient(circle,rgba(234,179,8,.07),transparent 70%);top:-18%;right:-12%;animation:sv_d 24s ease-in-out infinite}
.sv_glow_2{width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.05),transparent 70%);bottom:-14%;left:-10%;animation:sv_d 28s ease-in-out infinite 6s}
.sv_glow_3{width:500px;height:500px;background:radial-gradient(circle,rgba(34,197,94,.04),transparent 70%);top:35%;left:45%;animation:sv_d 32s ease-in-out infinite 12s}
.sv_glow_4{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.04),transparent 70%);bottom:25%;right:25%;animation:sv_d 26s ease-in-out infinite 18s}
@keyframes sv_d{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.95)}}
.sv_grid_bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 20%,transparent 65%)}
.sv_particles{position:absolute;inset:0}
.sv_particles span{position:absolute;border-radius:50%;animation:sv_p 20s ease-in-out infinite}
.sv_particles span:nth-child(1){width:5px;height:5px;background:rgba(234,179,8,.2);top:6%;left:10%}
.sv_particles span:nth-child(2){width:4px;height:4px;background:rgba(59,130,246,.2);top:18%;right:8%;animation-delay:2s}
.sv_particles span:nth-child(3){width:6px;height:6px;background:rgba(34,197,94,.15);bottom:35%;left:5%;animation-delay:4s}
.sv_particles span:nth-child(4){width:3px;height:3px;background:rgba(168,85,247,.2);top:48%;right:16%;animation-delay:6s}
.sv_particles span:nth-child(5){width:5px;height:5px;background:rgba(234,179,8,.15);bottom:20%;left:32%;animation-delay:8s}
.sv_particles span:nth-child(6){width:4px;height:4px;background:rgba(249,115,22,.15);top:68%;right:28%;animation-delay:10s}
.sv_particles span:nth-child(7){width:3px;height:3px;background:rgba(20,184,166,.18);top:10%;left:48%;animation-delay:3s}
.sv_particles span:nth-child(8){width:5px;height:5px;background:rgba(239,68,68,.1);bottom:10%;right:12%;animation-delay:5s}
.sv_particles span:nth-child(9){width:4px;height:4px;background:rgba(6,182,212,.12);top:80%;left:18%;animation-delay:7s}
.sv_particles span:nth-child(10){width:3px;height:3px;background:rgba(234,179,8,.18);top:38%;left:68%;animation-delay:9s}
@keyframes sv_p{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-28px);opacity:.8}}
.sv_code_lines{position:absolute;inset:0;z-index:1;pointer-events:none}
.sv_code_line{position:absolute;font-family:'Courier New',monospace;font-size:11px;font-weight:600;padding:6px 14px;border-radius:6px;white-space:nowrap;opacity:0;animation:sv_cl 18s ease-in-out infinite}
.sv_cl_1{color:rgba(234,179,8,.2);background:rgba(234,179,8,.02);border:1px solid rgba(234,179,8,.05);top:12%;left:2%}
.sv_cl_2{color:rgba(59,130,246,.2);background:rgba(59,130,246,.02);border:1px solid rgba(59,130,246,.05);top:30%;right:1%;animation-delay:3s}
.sv_cl_3{color:rgba(34,197,94,.2);background:rgba(34,197,94,.02);border:1px solid rgba(34,197,94,.05);bottom:38%;left:1%;animation-delay:6s}
.sv_cl_4{color:rgba(168,85,247,.2);background:rgba(168,85,247,.02);border:1px solid rgba(168,85,247,.05);top:60%;right:1%;animation-delay:9s}
.sv_cl_5{color:rgba(20,184,166,.2);background:rgba(20,184,166,.02);border:1px solid rgba(20,184,166,.05);bottom:14%;left:4%;animation-delay:12s}
@keyframes sv_cl{0%,100%{opacity:0;transform:translateX(-20px)}15%,85%{opacity:1;transform:translateX(0)}50%{opacity:.5;transform:translateX(10px)}}

/* ---- ICON WRAPPER ---- */
.sv_icon_wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.sv_icon_wrap svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---- COMMON ---- */
.sv_badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}
.sv_badge_gold{background:rgba(234,179,8,.06);border:1px solid rgba(234,179,8,.2);color:#eab308}
.sv_badge_blue{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.2);color:#3b82f6}
.sv_badge_green{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.2);color:#22c55e}
.sv_badge_purple{background:rgba(168,85,247,.06);border:1px solid rgba(168,85,247,.2);color:#a855f7}
.sv_badge_orange{background:rgba(249,115,22,.06);border:1px solid rgba(249,115,22,.2);color:#f97316}
.sv_badge_teal{background:rgba(20,184,166,.06);border:1px solid rgba(20,184,166,.2);color:#14b8a6}
.sv_badge_red{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);color:#ef4444}
.sv_section_center{text-align:center;margin-bottom:50px}
.sv_section_title{font-size:clamp(28px,4vw,44px);font-weight:900;color:#fff;line-height:1.15;margin-bottom:14px;letter-spacing:-1.5px}
.sv_section_desc{font-size:clamp(14px,1.6vw,16px);color:#6b7280;max-width:550px;margin:0 auto;line-height:1.7}
.sv_gold{color:#eab308}.sv_blue{color:#3b82f6}.sv_green{color:#22c55e}.sv_purple{color:#a855f7}.sv_orange{color:#f97316}.sv_teal{color:#14b8a6}.sv_red{color:#ef4444}

/* =========================================
   BREADCRUMBS
========================================= */
.sv_breadcrumb{position:relative;z-index:2;margin-bottom:40px}
.sv_breadcrumb_inner{display:flex;align-items:center;gap:8px;padding:14px 24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:60px;width:fit-content;flex-wrap:wrap}
.sv_bc_link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:13px;font-weight:600;color:#6b7280;transition:all .3s}
.sv_bc_link:hover{color:#eab308}
.sv_bc_link svg{opacity:.5;transition:opacity .3s}
.sv_bc_link:hover svg{opacity:1;color:#eab308}
.sv_bc_sep{color:#374151;flex-shrink:0}
.sv_bc_current{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#eab308}
.sv_bc_current svg{opacity:.7}

/* =========================================
   HERO
========================================= */
.sv_hero{margin-bottom:80px;position:relative;z-index:2}
.sv_hero_content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.sv_hero_badge{display:inline-flex;align-items:center;gap:10px;padding:10px 26px;background:rgba(234,179,8,.06);border:1px solid rgba(234,179,8,.25);border-radius:50px;margin-bottom:24px;position:relative;overflow:hidden}
.sv_hero_badge::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(234,179,8,.12),transparent);animation:sv_sw 3.5s ease-in-out infinite}
@keyframes sv_sw{0%{left:-100%}50%,100%{left:100%}}
.sv_hero_dot{width:8px;height:8px;background:#eab308;border-radius:50%;flex-shrink:0;animation:sv_dt 2s ease-in-out infinite}
@keyframes sv_dt{0%,100%{box-shadow:0 0 0 0 rgba(234,179,8,.5)}50%{box-shadow:0 0 0 8px rgba(234,179,8,0)}}
.sv_hero_badge span{font-size:11px;font-weight:800;color:#eab308;text-transform:uppercase;letter-spacing:3px;position:relative;z-index:1}
.sv_hero_badge svg{color:#eab308;position:relative;z-index:1}
.sv_hero_title{font-size:clamp(30px,5vw,52px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:18px;letter-spacing:-2px}
.sv_hero_desc{font-size:clamp(14px,1.6vw,17px);color:#9ca3af;line-height:1.8;margin-bottom:28px}
.sv_hero_trust{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}
.sv_trust_item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#d1d5db}
.sv_trust_item svg{color:#eab308;flex-shrink:0}
.sv_hero_cta{display:flex;gap:14px;flex-wrap:wrap}
.sv_btn_primary{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:linear-gradient(135deg,#eab308,#ca8a04);border-radius:60px;font-size:14px;font-weight:700;color:#000;text-decoration:none;transition:all .4s;box-shadow:0 6px 25px rgba(234,179,8,.25);position:relative;overflow:hidden}
.sv_btn_primary::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.sv_btn_primary:hover::after{left:100%}
.sv_btn_primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(234,179,8,.4)}
.sv_btn_primary svg:last-child{transition:transform .3s}
.sv_btn_primary:hover svg:last-child{transform:translateX(4px)}
.sv_btn_secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:60px;font-size:14px;font-weight:700;color:#d1d5db;text-decoration:none;transition:all .4s}
.sv_btn_secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(234,179,8,.2);color:#eab308;transform:translateY(-2px)}

/* Visual */
.sv_hero_right{display:flex;justify-content:center;align-items:center}
.sv_hero_visual{position:relative;width:340px;height:340px}
.sv_orbit_ring{position:absolute;border:1px solid rgba(255,255,255,.04);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.sv_orbit_1{width:300px;height:300px;animation:sv_o1 22s linear infinite}
.sv_orbit_2{width:210px;height:210px;animation:sv_o1 16s linear infinite reverse}
.sv_orbit_3{width:130px;height:130px;animation:sv_o1 12s linear infinite}
@keyframes sv_o1{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.sv_orbit_dot{position:absolute;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;top:-18px;left:50%;margin-left:-18px}
.sv_od_1{background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.2);color:#eab308}
.sv_od_2{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#3b82f6}
.sv_od_3{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#22c55e}
.sv_orbit_center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,rgba(234,179,8,.12),rgba(234,179,8,.04));border:2px solid rgba(234,179,8,.2);display:flex;align-items:center;justify-content:center;color:#eab308}
.sv_orbit_pulse{position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(234,179,8,.1);animation:sv_op 3s ease-in-out infinite}
@keyframes sv_op{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:0}}
.sv_float_card{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:11px;font-weight:700;color:#d1d5db;backdrop-filter:blur(10px);z-index:3;white-space:nowrap}
.sv_fc_1{top:15%;right:-10px;animation:sv_fc 4s ease-in-out infinite;color:#eab308}.sv_fc_1 svg{color:#eab308}
.sv_fc_2{bottom:20%;left:-20px;animation:sv_fc 4s ease-in-out infinite 1.5s;color:#22c55e}.sv_fc_2 svg{color:#22c55e}
.sv_fc_3{top:60%;right:-15px;animation:sv_fc 4s ease-in-out infinite 3s;color:#3b82f6}.sv_fc_3 svg{color:#3b82f6}
@keyframes sv_fc{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* =========================================
   OVERVIEW
========================================= */
.sv_overview{margin-bottom:80px;position:relative;z-index:2}
.sv_overview_card{position:relative;padding:44px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:all .5s}
.sv_overview_card:hover{border-color:rgba(234,179,8,.12);transform:translateY(-2px)}
.sv_overview_accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#eab308,rgba(234,179,8,.2),transparent);opacity:0;transition:opacity .4s}
.sv_overview_card:hover .sv_overview_accent{opacity:1}
.sv_overview_title{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:#fff;margin-bottom:24px;letter-spacing:-1px}
.sv_overview_body{margin-bottom:30px}
.sv_overview_body p{font-size:15px;color:#9ca3af;line-height:1.85;margin-bottom:16px}
.sv_overview_body strong{color:#eab308;font-weight:600}
.sv_overview_stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:28px;border-top:1px solid rgba(255,255,255,.05)}
.sv_ostat{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);transition:all .3s}
.sv_ostat:hover{border-color:rgba(234,179,8,.12);background:rgba(234,179,8,.03)}
.sv_ostat_icon{width:44px;height:44px;min-width:44px;border-radius:12px;background:rgba(234,179,8,.08);border:1px solid rgba(234,179,8,.12);display:flex;align-items:center;justify-content:center;color:#eab308}
.sv_ostat_blue{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.12);color:#3b82f6}
.sv_ostat_green{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.12);color:#22c55e}
.sv_ostat strong{display:block;font-size:14px;color:#fff;margin-bottom:2px}
.sv_ostat span{font-size:11px;color:#6b7280}

/* =========================================
   CAPABILITIES
========================================= */
.sv_capabilities{margin-bottom:80px;position:relative;z-index:2}
.sv_cap_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sv_cap_card{position:relative;padding:32px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:all .5s cubic-bezier(.23,1,.32,1)}
.sv_cap_card:hover{border-color:rgba(59,130,246,.15);transform:translateY(-6px)}
.sv_cap_glow{position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,.06),transparent 70%);border-radius:50%;pointer-events:none;transition:all .4s}
.sv_cap_card:hover .sv_cap_glow{transform:scale(1.6);opacity:.8}
.sv_cap_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}

/* Dynamic color cycle for capabilities */
.sv_cap_icon_c1,.sv_cap_icon_c7{background:linear-gradient(145deg,rgba(234,179,8,.1),rgba(234,179,8,.03));border:1px solid rgba(234,179,8,.15);color:#eab308}
.sv_cap_icon_c2,.sv_cap_icon_c8{background:linear-gradient(145deg,rgba(59,130,246,.1),rgba(59,130,246,.03));border:1px solid rgba(59,130,246,.15);color:#3b82f6}
.sv_cap_icon_c3,.sv_cap_icon_c9{background:linear-gradient(145deg,rgba(34,197,94,.1),rgba(34,197,94,.03));border:1px solid rgba(34,197,94,.15);color:#22c55e}
.sv_cap_icon_c4,.sv_cap_icon_c10{background:linear-gradient(145deg,rgba(168,85,247,.1),rgba(168,85,247,.03));border:1px solid rgba(168,85,247,.15);color:#a855f7}
.sv_cap_icon_c5,.sv_cap_icon_c11{background:linear-gradient(145deg,rgba(249,115,22,.1),rgba(249,115,22,.03));border:1px solid rgba(249,115,22,.15);color:#f97316}
.sv_cap_icon_c6,.sv_cap_icon_c12{background:linear-gradient(145deg,rgba(20,184,166,.1),rgba(20,184,166,.03));border:1px solid rgba(20,184,166,.15);color:#14b8a6}

.sv_cap_icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .4s}
.sv_cap_card:hover .sv_cap_icon{transform:scale(1.08) rotate(5deg)}
.sv_cap_pulse{position:absolute;inset:-4px;border-radius:18px;border:1px solid rgba(59,130,246,.08);animation:sv_cpul 3s ease-in-out infinite}
.sv_cap_pulse_c1,.sv_cap_pulse_c7{border-color:rgba(234,179,8,.08)}
.sv_cap_pulse_c2,.sv_cap_pulse_c8{border-color:rgba(59,130,246,.08)}
.sv_cap_pulse_c3,.sv_cap_pulse_c9{border-color:rgba(34,197,94,.08)}
.sv_cap_pulse_c4,.sv_cap_pulse_c10{border-color:rgba(168,85,247,.08)}
.sv_cap_pulse_c5,.sv_cap_pulse_c11{border-color:rgba(249,115,22,.08)}
.sv_cap_pulse_c6,.sv_cap_pulse_c12{border-color:rgba(20,184,166,.08)}
@keyframes sv_cpul{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:0}}
.sv_cap_num{font-size:42px;font-weight:900;color:rgba(59,130,246,.06);line-height:1}
.sv_cap_card h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}
.sv_cap_card p{font-size:13px;color:#9ca3af;line-height:1.7;margin-bottom:16px}
.sv_cap_link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#3b82f6;text-decoration:none;transition:all .3s;padding-top:12px;border-top:1px solid rgba(255,255,255,.04);width:100%}
.sv_cap_link:hover{gap:12px;color:#60a5fa}
.sv_cap_link svg{transition:transform .3s}
.sv_cap_link:hover svg{transform:translateX(4px)}

/* =========================================
   BENEFITS
========================================= */
.sv_benefits{margin-bottom:80px;position:relative;z-index:2}
.sv_ben_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sv_ben_card{position:relative;text-align:center;padding:32px 22px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:all .5s}
.sv_ben_card:hover{transform:translateY(-6px);border-color:rgba(34,197,94,.15)}

/* Dynamic color cycle for benefits */
.sv_ben_line_c1,.sv_ben_line_c5{background:linear-gradient(90deg,transparent,#eab308,transparent)}
.sv_ben_line_c2,.sv_ben_line_c6{background:linear-gradient(90deg,transparent,#3b82f6,transparent)}
.sv_ben_line_c3,.sv_ben_line_c7{background:linear-gradient(90deg,transparent,#22c55e,transparent)}
.sv_ben_line_c4,.sv_ben_line_c8{background:linear-gradient(90deg,transparent,#a855f7,transparent)}

.sv_ben_line{position:absolute;top:0;left:50%;transform:translateX(-50%);width:50px;height:3px;opacity:0;transition:opacity .4s}
.sv_ben_card:hover .sv_ben_line{opacity:1}

.sv_ben_icon_c1,.sv_ben_icon_c5{background:linear-gradient(145deg,rgba(234,179,8,.1),rgba(234,179,8,.03));border:1px solid rgba(234,179,8,.15);color:#eab308}
.sv_ben_icon_c2,.sv_ben_icon_c6{background:linear-gradient(145deg,rgba(59,130,246,.1),rgba(59,130,246,.03));border:1px solid rgba(59,130,246,.15);color:#3b82f6}
.sv_ben_icon_c3,.sv_ben_icon_c7{background:linear-gradient(145deg,rgba(34,197,94,.1),rgba(34,197,94,.03));border:1px solid rgba(34,197,94,.15);color:#22c55e}
.sv_ben_icon_c4,.sv_ben_icon_c8{background:linear-gradient(145deg,rgba(168,85,247,.1),rgba(168,85,247,.03));border:1px solid rgba(168,85,247,.15);color:#a855f7}

.sv_ben_icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 18px;transition:all .4s}
.sv_ben_card:hover .sv_ben_icon{transform:scale(1.12) rotate(5deg)}
.sv_ben_card h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px}
.sv_ben_card p{font-size:13px;color:#9ca3af;line-height:1.7;margin:0}

/* =========================================
   CORE CAPABILITIES
========================================= */
.sv_core{margin-bottom:80px;position:relative;z-index:2}
.sv_core_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sv_core_card{position:relative;padding:30px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:all .5s}
.sv_core_card:hover{border-color:rgba(168,85,247,.15);transform:translateY(-5px)}

/* Dynamic colors */
.sv_core_accent_c1,.sv_core_accent_c4{background:linear-gradient(to bottom,#eab308,rgba(234,179,8,.1))}
.sv_core_accent_c2,.sv_core_accent_c5{background:linear-gradient(to bottom,#3b82f6,rgba(59,130,246,.1))}
.sv_core_accent_c3,.sv_core_accent_c6{background:linear-gradient(to bottom,#a855f7,rgba(168,85,247,.1))}

.sv_core_accent{position:absolute;left:0;top:0;bottom:0;width:3px;opacity:0;transition:opacity .4s}
.sv_core_card:hover .sv_core_accent{opacity:1}
.sv_core_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}

.sv_core_icon_c1,.sv_core_icon_c4{background:linear-gradient(145deg,rgba(234,179,8,.1),rgba(234,179,8,.03));border:1px solid rgba(234,179,8,.15);color:#eab308}
.sv_core_icon_c2,.sv_core_icon_c5{background:linear-gradient(145deg,rgba(59,130,246,.1),rgba(59,130,246,.03));border:1px solid rgba(59,130,246,.15);color:#3b82f6}
.sv_core_icon_c3,.sv_core_icon_c6{background:linear-gradient(145deg,rgba(168,85,247,.1),rgba(168,85,247,.03));border:1px solid rgba(168,85,247,.15);color:#a855f7}

.sv_core_icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .4s}
.sv_core_card:hover .sv_core_icon{transform:scale(1.08) rotate(5deg)}

.sv_core_tag_c1,.sv_core_tag_c4{background:rgba(234,179,8,.08);color:#eab308;border:1px solid rgba(234,179,8,.15)}
.sv_core_tag_c2,.sv_core_tag_c5{background:rgba(59,130,246,.08);color:#3b82f6;border:1px solid rgba(59,130,246,.15)}
.sv_core_tag_c3,.sv_core_tag_c6{background:rgba(168,85,247,.08);color:#a855f7;border:1px solid rgba(168,85,247,.15)}

.sv_core_tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:20px}
.sv_core_card h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
.sv_core_card p{font-size:13px;color:#9ca3af;line-height:1.7;margin-bottom:16px}
.sv_core_bar{height:3px;background:rgba(255,255,255,.04);border-radius:10px;overflow:hidden}

.sv_core_fill_c1,.sv_core_fill_c4{background:linear-gradient(90deg,#eab308,rgba(234,179,8,.4))}
.sv_core_fill_c2,.sv_core_fill_c5{background:linear-gradient(90deg,#3b82f6,rgba(59,130,246,.4))}
.sv_core_fill_c3,.sv_core_fill_c6{background:linear-gradient(90deg,#a855f7,rgba(168,85,247,.4))}

.sv_core_bar_fill{height:100%;border-radius:10px;transition:width 1.2s ease}

/* =========================================
   INDUSTRIES
========================================= */
.sv_industries{margin-bottom:80px;position:relative;z-index:2}
.sv_ind_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sv_ind_card{border-radius:20px;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);transition:all .5s cubic-bezier(.23,1,.32,1)}
.sv_ind_card:hover{transform:translateY(-6px);border-color:rgba(249,115,22,.15);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.sv_ind_img{position:relative;height:160px;overflow:hidden}
.sv_ind_img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sv_ind_card:hover .sv_ind_img img{transform:scale(1.08)}

/* Dynamic placeholder colors */
.sv_ind_ph_c1{background:linear-gradient(135deg,rgba(234,179,8,.08),rgba(234,179,8,.02))}
.sv_ind_ph_c2{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(59,130,246,.02))}
.sv_ind_ph_c3{background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.02))}
.sv_ind_ph_c4{background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(168,85,247,.02))}
.sv_ind_ph_c5{background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(249,115,22,.02))}
.sv_ind_ph_c6{background:linear-gradient(135deg,rgba(20,184,166,.08),rgba(20,184,166,.02))}
.sv_ind_ph_c7{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(239,68,68,.02))}
.sv_ind_ph_c8{background:linear-gradient(135deg,rgba(6,182,212,.08),rgba(6,182,212,.02))}

.sv_ind_placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:all .4s}
.sv_ind_icon_large{color:rgba(249,115,22,.3)}
.sv_ind_icon_large svg{width:40px;height:40px}
.sv_ind_card:hover .sv_ind_placeholder{background-size:200%}
.sv_ind_overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.5));z-index:1}
.sv_ind_badge_top{position:absolute;top:12px;left:12px;z-index:2;width:36px;height:36px;border-radius:10px;background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.25);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}
.sv_ind_icon_small{color:#f97316}
.sv_ind_icon_small svg{width:16px;height:16px}
.sv_ind_body{padding:20px}
.sv_ind_body h4{font-size:15px;font-weight:700;color:#fff;margin-bottom:6px}
.sv_ind_body p{font-size:12px;color:#9ca3af;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sv_ind_footer{display:flex;align-items:center;justify-content:space-between}
.sv_ind_tag{font-size:10px;font-weight:600;padding:3px 10px;border-radius:20px;background:rgba(249,115,22,.06);border:1px solid rgba(249,115,22,.1);color:#f97316}
.sv_ind_arrow{width:32px;height:32px;border-radius:8px;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.12);display:flex;align-items:center;justify-content:center;color:#f97316;transition:all .3s}
.sv_ind_card:hover .sv_ind_arrow{background:#f97316;color:#000;border-color:#f97316;transform:translateX(4px)}

/* =========================================
   PROJECTS
========================================= */
.sv_projects{margin-bottom:80px;position:relative;z-index:2}
.sv_proj_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sv_proj_card{border-radius:22px;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);transition:all .5s cubic-bezier(.23,1,.32,1)}
.sv_proj_card:hover{transform:translateY(-8px);border-color:rgba(20,184,166,.15);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.sv_proj_img{position:relative;height:200px;overflow:hidden}
.sv_proj_img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sv_proj_card:hover .sv_proj_img img{transform:scale(1.08)}
.sv_proj_placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(20,184,166,.08),rgba(20,184,166,.02));color:rgba(20,184,166,.25)}
.sv_proj_overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.4));z-index:1}
.sv_proj_num{position:absolute;bottom:14px;right:14px;z-index:2;font-size:36px;font-weight:900;color:rgba(255,255,255,.08);line-height:1}
.sv_proj_badge_top{position:absolute;top:14px;left:14px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(20,184,166,.9);border-radius:50px;font-size:11px;font-weight:700;color:#000}
.sv_proj_body{padding:24px}
.sv_proj_body h4{font-size:17px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3}
.sv_proj_body p{font-size:13px;color:#9ca3af;line-height:1.7;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sv_proj_link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#14b8a6;text-decoration:none;transition:all .3s;padding-top:14px;border-top:1px solid rgba(255,255,255,.04);width:100%}
.sv_proj_link:hover{gap:12px;color:#2dd4bf}
.sv_proj_link svg{transition:transform .3s}
.sv_proj_link:hover svg{transform:translateX(4px)}

/* =========================================
   FAQ
========================================= */
.sv_faq{margin-bottom:80px;position:relative;z-index:2}
.sv_faq_list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.sv_faq_item{border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:all .3s}
.sv_faq_item:hover{border-color:rgba(255,255,255,.1)}
.sv_faq_q{display:flex;align-items:center;gap:14px;padding:20px 24px;cursor:pointer;transition:all .3s}
.sv_faq_icon_q{width:32px;height:32px;min-width:32px;border-radius:8px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.1);display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0;transition:all .3s}
.sv_faq_num{font-size:12px;font-weight:800;color:rgba(234,179,8,.3);min-width:24px;flex-shrink:0}
.sv_faq_q>span{flex:1;font-size:15px;font-weight:600;color:#e5e7eb}
.sv_faq_toggle{width:28px;height:28px;min-width:28px;border-radius:6px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s}
.sv_faq_toggle svg{color:#6b7280;transition:all .4s}
.sv_faq_a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 24px}
.sv_faq_a_inner{display:flex;gap:14px;align-items:flex-start}
.sv_faq_a_icon{width:28px;height:28px;min-width:28px;border-radius:8px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.1);display:flex;align-items:center;justify-content:center;color:#22c55e;flex-shrink:0;margin-top:2px}
.sv_faq_a_icon svg{width:14px;height:14px}
.sv_faq_a p{font-size:14px;color:#9ca3af;line-height:1.8;margin:0}
.sv_faq_open{border-color:rgba(234,179,8,.15);background:rgba(234,179,8,.03)}
.sv_faq_open .sv_faq_toggle{background:rgba(234,179,8,.1);transform:rotate(45deg)}
.sv_faq_open .sv_faq_toggle svg{color:#eab308}
.sv_faq_open .sv_faq_q>span{color:#eab308}
.sv_faq_open .sv_faq_num{color:#eab308}
.sv_faq_open .sv_faq_icon_q{background:rgba(234,179,8,.08);border-color:rgba(234,179,8,.15);color:#eab308}
.sv_faq_open .sv_faq_a{max-height:300px;padding:0 24px 20px}

/* =========================================
   CTA
========================================= */
.sv_cta{position:relative;border-radius:28px;overflow:hidden}
.sv_cta_glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:400px;height:300px;background:radial-gradient(ellipse,rgba(234,179,8,.1),transparent 70%);pointer-events:none}
.sv_cta_body{position:relative;z-index:1;text-align:center;padding:60px 40px;background:linear-gradient(160deg,rgba(234,179,8,.06),rgba(255,255,255,.03));border:1px solid rgba(234,179,8,.15);border-radius:28px}
.sv_cta_icon{width:80px;height:80px;border-radius:50%;background:rgba(234,179,8,.08);border:2px solid rgba(234,179,8,.2);display:flex;align-items:center;justify-content:center;color:#eab308;margin:0 auto 24px;position:relative;transition:all .4s}
.sv_cta_pulse{position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(234,179,8,.15);animation:sv_ctap 3s ease-in-out infinite}
@keyframes sv_ctap{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:0}}
.sv_cta:hover .sv_cta_icon{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px rgba(234,179,8,.15)}
.sv_cta_body h3{font-size:clamp(22px,3.5vw,32px);font-weight:800;color:#fff;margin-bottom:14px;letter-spacing:-1px}
.sv_cta_body>p{font-size:15px;color:#6b7280;line-height:1.7;max-width:550px;margin:0 auto 24px}
.sv_cta_trust_row{display:flex;justify-content:center;gap:24px;margin-bottom:30px;flex-wrap:wrap}
.sv_cta_trust{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#eab308}
.sv_cta_trust svg{flex-shrink:0}
.sv_cta_btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* =========================================
   ANIMATIONS
========================================= */
.sv_rv{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.23,1,.32,1)}
.sv_rv.sv_shown{opacity:1;transform:translateY(0)}

/* =========================================
   RESPONSIVE
========================================= */
@media(max-width:1200px){
    .sv_cap_grid{grid-template-columns:repeat(2,1fr)}
    .sv_ind_grid{grid-template-columns:repeat(3,1fr)}
    .sv_proj_grid{grid-template-columns:repeat(2,1fr)}
    .sv_core_grid{grid-template-columns:repeat(2,1fr)}
    .sv_ben_grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:992px){
    .sv_block{padding:80px 0}
    .sv_hero_content{grid-template-columns:1fr;gap:40px}
    .sv_hero_right{order:-1}
    .sv_hero_visual{width:260px;height:260px}
    .sv_orbit_1{width:230px;height:230px}
    .sv_orbit_2{width:160px;height:160px}
    .sv_orbit_3{width:100px;height:100px}
    .sv_float_card{display:none}
    .sv_hero{text-align:center;margin-bottom:60px}
    .sv_hero_trust{justify-content:center}
    .sv_hero_cta{justify-content:center}
    .sv_overview_stats{grid-template-columns:1fr}
    .sv_cap_grid{grid-template-columns:repeat(2,1fr)}
    .sv_ben_grid{grid-template-columns:repeat(2,1fr)}
    .sv_core_grid{grid-template-columns:repeat(2,1fr)}
    .sv_ind_grid{grid-template-columns:repeat(2,1fr)}
    .sv_proj_grid{grid-template-columns:repeat(2,1fr)}
    .sv_code_lines{display:none}
    .sv_overview_card{padding:32px 28px}
}
@media(max-width:768px){
    .sv_block{padding:60px 0}
    .sv_breadcrumb_inner{padding:10px 18px;gap:6px}
    .sv_bc_link span,.sv_bc_current span{font-size:12px}
    .sv_hero_trust{flex-direction:column;align-items:center;gap:10px}
    .sv_hero_cta{flex-direction:column;align-items:center}
    .sv_btn_primary,.sv_btn_secondary{width:100%;max-width:300px;justify-content:center}
    .sv_cap_grid{grid-template-columns:1fr}
    .sv_ben_grid{grid-template-columns:1fr}
    .sv_core_grid{grid-template-columns:1fr}
    .sv_ind_grid{grid-template-columns:1fr}
    .sv_proj_grid{grid-template-columns:1fr}
    .sv_cap_card,.sv_ben_card,.sv_core_card{padding:24px 20px}
    .sv_cta_body{padding:40px 24px}
    .sv_cta_btns{flex-direction:column;align-items:center}
    .sv_cta_trust_row{flex-direction:column;align-items:center;gap:12px}
    .sv_faq_q{padding:16px 20px}
    .sv_faq_q>span{font-size:14px}
    .sv_faq_a,.sv_faq_open .sv_faq_a{padding-left:20px !important;padding-right:20px !important}
    .sv_section_center{margin-bottom:36px}
    .sv_overview,.sv_capabilities,.sv_benefits,.sv_core,.sv_industries,.sv_projects,.sv_faq{margin-bottom:60px}
    .sv_ind_img{height:140px}
    .sv_faq_icon_q{display:none}
}
@media(max-width:480px){
    .sv_block{padding:40px 0}
    .sv_hero_title{font-size:26px;letter-spacing:-1px}
    .sv_hero_visual{width:200px;height:200px}
    .sv_orbit_1{width:180px;height:180px}
    .sv_orbit_2{width:120px;height:120px}
    .sv_orbit_3{width:70px;height:70px}
    .sv_orbit_center{width:54px;height:54px}
    .sv_section_title{font-size:22px}
    .sv_overview_card{padding:22px 18px}
    .sv_overview_title{font-size:20px}
    .sv_cap_num{font-size:32px}
    .sv_cap_head{flex-direction:column;align-items:flex-start;gap:10px}
    .sv_core_head{flex-direction:column;align-items:flex-start;gap:10px}
    .sv_proj_body h4{font-size:15px}
    .sv_cta_body h3{font-size:20px}
    .sv_btn_primary,.sv_btn_secondary{padding:12px 24px;font-size:13px}
    .sv_breadcrumb_inner{flex-wrap:wrap;border-radius:16px;padding:12px 16px}
    .sv_faq_num{display:none}
    .sv_ind_card{border-radius:16px}
    .sv_proj_card{border-radius:16px}
    .sv_ind_footer{flex-direction:column;align-items:flex-start;gap:8px}
}

/* =========================
   USE CASES SECTION
========================= */
.sv_usecases {
    padding: 80px 0;
}

.sv_section_center {
    text-align: center;
    margin-bottom: 50px;
}

/* ---------- GRID ---------- */
.sv_uc_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 5%;
}

/* ---------- CARD ---------- */
.sv_uc_card {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    border-radius: 16px;
    padding: 32px 26px 28px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sv_uc_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #14b8a6, transparent);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.sv_uc_card:hover {
    border-color: rgba(20, 184, 166, 0.3);
    transform: translateY(-5px);
    box-shadow: 0 16px 48px rgba(20, 184, 166, 0.06);
}

.sv_uc_card:hover::before {
    opacity: 1;
}

/* ---------- NUMBER ---------- */
.sv_uc_num {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 13px;
    font-weight: 700;
    color: rgba(20, 184, 166, 0.2);
    font-family: "Poppins", sans-serif;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}

.sv_uc_card:hover .sv_uc_num {
    color: rgba(20, 184, 166, 0.45);
}

/* ---------- ICON ---------- */
.sv_uc_icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: rgba(20, 184, 166, 0.08);
    border: 1px solid rgba(20, 184, 166, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    flex-shrink: 0;
}

.sv_uc_icon svg {
    width: 26px;
    height: 26px;
    stroke: #14b8a6;
    transition: transform 0.3s ease;
}

.sv_uc_card:hover .sv_uc_icon {
    background: rgba(20, 184, 166, 0.14);
    border-color: rgba(20, 184, 166, 0.3);
}

.sv_uc_card:hover .sv_uc_icon svg {
    transform: scale(1.1);
}

/* ---------- BODY ---------- */
.sv_uc_body {
    flex: 1;
}

.sv_uc_title {
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.sv_uc_card:hover .sv_uc_title {
    color: #14b8a6;
}

.sv_uc_desc {
    font-size: 13.5px;
    color: #9ca3af;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---------- ARROW ---------- */
.sv_uc_arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(20, 184, 166, 0.06);
    border: 1px solid rgba(20, 184, 166, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    opacity: 0;
    transform: translateY(8px);
    transition: all 0.35s ease;
}

.sv_uc_arrow svg {
    stroke: #14b8a6;
}

.sv_uc_card:hover .sv_uc_arrow {
    opacity: 1;
    transform: translateY(0);
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1024px) {
    .sv_uc_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .sv_usecases {
        padding: 50px 0;
    }

    .sv_uc_grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .sv_uc_card {
        padding: 26px 22px 24px;
    }

    .sv_uc_icon {
        width: 48px;
        height: 48px;
        border-radius: 12px;
    }

    .sv_uc_icon svg {
        width: 22px;
        height: 22px;
    }

    .sv_uc_title {
        font-size: 16px;
    }

    .sv_uc_desc {
        font-size: 13px;
    }
}