/* ===========================
   SERVICES v4 — Left/Right + Liquid Glass
   =========================== */

/* STICKY TABS */
.service-tabs{position:sticky;top:72px;z-index:90;background:rgba(255,255,255,0.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--gray-100);padding:0 24px;transition:box-shadow 0.3s ease;}
.service-tabs.has-shadow{box-shadow:0 4px 20px rgba(26,31,54,0.06);}
.service-tabs-inner{max-width:1200px;margin:0 auto;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;}
.service-tabs-inner::-webkit-scrollbar{display:none;}
.service-tab{padding:14px 20px;font-family:var(--font-heading);font-size:0.82rem;font-weight:500;color:var(--gray-400);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all 0.3s ease;}
.service-tab:hover{color:var(--text-dark);}
.service-tab.active{color:var(--purple);border-bottom-color:var(--purple);font-weight:600;}

/* SERVICE SECTION */
.svc{padding:100px 24px 80px;max-width:1200px;margin:0 auto;position:relative;}
.svc-row{display:flex;gap:72px;align-items:center;}
.svc:nth-child(even) .svc-row{flex-direction:row-reverse;}

/* Text side */
.svc-text{flex:1.1;min-width:0;}
/* Tag = primary heading — Style F: gradient number above */
.svc-tag{font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-0.03em;margin-bottom:10px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
.svc-tag .num{font-family:var(--font-heading);font-size:3.5rem;font-weight:900;letter-spacing:-0.05em;line-height:1;display:block;width:auto;height:auto;border-radius:0;background:linear-gradient(135deg,var(--purple),var(--teal)) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent;margin-bottom:4px;}
.svc-tag.purple{color:var(--purple);} .svc-tag.purple .num{color:transparent;}
.svc-tag.teal{color:var(--teal);} .svc-tag.teal .num{color:transparent;}
.svc-text h2{font-family:var(--font-heading);font-size:clamp(1.05rem,1.6vw,1.2rem);font-weight:500;color:var(--gray-400);line-height:1.4;letter-spacing:0;margin-bottom:16px;}
.svc-text>p{font-size:0.92rem;color:var(--text-body);line-height:1.7;margin-bottom:36px;max-width:520px;}

/* Sub-services */
.svc-subs{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.svc-sub{padding:18px 16px;border-radius:12px;background:var(--off-white);transition:all 0.3s ease;display:block;}
.svc-sub:hover{background:#fff;box-shadow:0 4px 16px rgba(26,31,54,0.05);transform:translateY(-2px);}
.svc-sub-dot{display:none;}
.svc-sub h4{font-family:var(--font-heading);font-size:0.84rem;font-weight:600;color:var(--text-dark);line-height:1.3;margin-bottom:4px;}
.svc-sub p{font-size:0.76rem;color:var(--text-body);line-height:1.5;margin-top:0;}

/* Visual side — larger */
.svc-visual{flex:1;display:flex;align-items:center;justify-content:center;min-height:520px;position:relative;overflow:visible;}

/* Parallax entry — slide from outside (horizontal) */
.svc-visual.blur-fade:not(.visible){transform:translateX(60px) scale(0.94);}
.svc:nth-child(even) .svc-visual.blur-fade:not(.visible){transform:translateX(-60px) scale(0.94);}

/* Service images */
.svc-img{width:100%;max-width:420px;height:auto;object-fit:contain;animation:svcImgFloat 6s ease infinite;filter:drop-shadow(0 20px 40px rgba(138,101,196,0.15)) drop-shadow(0 8px 16px rgba(0,0,0,0.1));}
@keyframes svcImgFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}

/* ===========================
   GROWTH SECTION
   =========================== */
.growth-section{padding:80px 24px;background:var(--navy);position:relative;overflow:hidden;}
.growth-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(138,101,196,0.12),transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(125,188,219,0.06),transparent 50%);}
.growth-header{max-width:1200px;margin:0 auto 48px;position:relative;z-index:2;}
.growth-header .section-tag{color:var(--teal);}
.growth-header h2{font-family:var(--font-heading);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--white);line-height:1.2;letter-spacing:-0.02em;max-width:640px;margin-bottom:12px;}
.growth-header p{font-size:0.92rem;color:rgba(255,255,255,0.5);line-height:1.6;max-width:520px;}
.growth-grid{max-width:1200px;margin:0 auto 56px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:2;}
.growth-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:28px 24px;transition:all 0.4s var(--ease);}
.growth-card:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1);transform:translateY(-3px);}
.growth-card-icon{width:40px;height:40px;border-radius:11px;background:rgba(138,101,196,0.12);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.growth-card-icon svg{width:20px;height:20px;color:var(--purple-light);}
.growth-card h4{font-family:var(--font-heading);font-size:0.92rem;font-weight:600;color:var(--white);margin-bottom:6px;}
.growth-card p{font-size:0.78rem;color:rgba(255,255,255,0.4);line-height:1.5;}
.method-process{max-width:1200px;margin:48px auto 0;padding:48px 0 8px;border-top:1px solid rgba(255,255,255,0.06);position:relative;z-index:2;}
.method-process-label{text-align:center;font-family:var(--font-heading);font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--purple-light);opacity:0.7;margin-bottom:32px;}
.method-process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;}
.method-process-track::before{content:'';position:absolute;top:60px;left:calc(12.5% + 28px);right:calc(12.5% + 28px);height:2px;background:linear-gradient(90deg,var(--purple),var(--teal));opacity:0.25;}
.method-process-step{text-align:center;padding:32px 24px;position:relative;z-index:1;}
.method-process-num{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1a1535,#1e1a3a);border:1px solid rgba(138,101,196,0.35);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-family:var(--font-heading);font-size:1rem;font-weight:800;color:var(--purple-light);}
.method-process-step h5{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--white);margin-bottom:10px;}
.method-process-step p{font-size:0.82rem;color:rgba(255,255,255,0.5);line-height:1.55;}

/* RESPONSIVE */
@media(max-width:1024px){.svc-row{gap:48px;} .svc-visual{min-height:340px;} .svc-img{max-width:340px;} .growth-grid,.method-process-track{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.svc-row,.svc:nth-child(even) .svc-row{flex-direction:column;} .svc-visual{min-height:auto;} .svc{padding:60px 24px 40px;} .svc-img{max-width:280px;} .svc-subs{grid-template-columns:1fr;} .growth-grid,.method-process-track{grid-template-columns:1fr;}}