/* ── TOKENS ── */
:root {
  --primary:     #10B981; /* Emerald Green */
  --primary-d:   #059669;
  --primary-s:   rgba(16, 185, 129, 0.1);
  --primary-bd:  rgba(16, 185, 129, 0.25);
  
  --secondary:   #0EA5E9; /* Electric Cyan/Blue */
  --secondary-d: #0284C7;
  --secondary-s: rgba(14, 165, 233, 0.1);
  --secondary-bd:rgba(14, 165, 233, 0.25);

  --accent:      #F59E0B; /* Gold */

  --bg:          #0A0C10;
  --bg2:         #11151C;
  --bg3:         #1E2433;
  
  --ink:         #FFFFFF;
  --ink2:        #F8FAFC;
  --ink3:        #94A3B8;
  --ink4:        #64748B;
  
  --bd:          rgba(255,255,255,0.08);
  --bd-hover:    rgba(255,255,255,0.15);
  
  --sh-sm:       0 4px 20px rgba(0,0,0,0.4);
  --sh:          0 10px 30px rgba(0,0,0,0.6);
  --sh-md:       0 20px 40px rgba(0,0,0,0.8);
  --glow-pri:    0 0 20px rgba(16, 185, 129, 0.2);
  --glow-sec:    0 0 20px rgba(14, 165, 233, 0.2);
}

/* ── RESET ── */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--ink3);
  font-family:'Inter',sans-serif;
  font-weight:300;
  overflow-x:hidden;
  cursor:none;
  line-height:1.6;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--bg3); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--ink4); }

/* ── CURSOR ── */
#cur{width:8px;height:8px;background:var(--primary);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%); box-shadow: 0 0 10px var(--primary);}
#cur-ring{width:34px;height:34px;border:1.5px solid rgba(16,185,129,.45);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:all .15s ease-out;}

/* ── TYPOGRAPHY ── */
h1, h2, h3, .logo-name, .stat-n, .cred-num, .dmaic-ltr, .pod-name, .div-name, .iprof-title, .isol-title, .step-n, .p-name, .p-num, .t-quote, .cta-title {
  font-family: 'Outfit', sans-serif;
}

/* ── GRADIENT TEXT ── */
.text-gradient {
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink3) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-primary {
  background: linear-gradient(135deg, var(--primary) 0%, #34D399 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient-secondary {
  background: linear-gradient(135deg, var(--secondary) 0%, #38BDF8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ── TICKER ── */
.ticker{background:var(--bg2);padding:10px 0;overflow:hidden;position:relative;border-bottom:1px solid var(--bd);}
.ticker::before,.ticker::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;}
.ticker::before{left:0;background:linear-gradient(to right,var(--bg2),transparent);}
.ticker::after{right:0;background:linear-gradient(to left,var(--bg2),transparent);}
.ticker-track{display:flex;animation:tick 50s linear infinite;white-space:nowrap;}
.ti{font-family:'Fira Code',monospace;font-size:11px;letter-spacing:.14em;color:var(--ink4);padding:0 32px;display:flex;align-items:center;gap:32px;text-transform:uppercase;}
.td{width:4px;height:4px;background:var(--secondary);border-radius:50%;flex-shrink:0;box-shadow: 0 0 8px var(--secondary);}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── NAV ── */
nav{position:fixed;top:40px;left:0;right:0;z-index:200;padding:20px 64px;display:flex;align-items:center;justify-content:space-between;background:rgba(10,12,16,.6);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--bd);transition:all .3s;}
nav.scrolled{top:0;background:rgba(10,12,16,.85);box-shadow:var(--sh);}
.logo-name{font-size:26px;font-weight:600;letter-spacing:.05em;color:var(--ink);}
.logo-sub{font-family:'Fira Code',monospace;font-size:9px;letter-spacing:.22em;color:var(--primary);text-transform:uppercase;margin-top:2px;}
nav ul{display:flex;align-items:center;gap:32px;list-style:none;}
nav a{font-size:14px;font-weight:500;color:var(--ink2);text-decoration:none;transition:color .25s;}
nav a:hover{color:var(--primary);}
.nav-cta{background:var(--ink)!important;color:var(--bg)!important;font-weight:600!important;padding:10px 24px;border-radius:40px;transition:all .3s ease!important;}
.nav-cta:hover{background:var(--ink2)!important;box-shadow:0 0 15px rgba(255,255,255,.2);transform:translateY(-1px);}

/* ── HERO ── */
.hero{min-height:100vh;display:flex;align-items:center;padding:140px 64px 80px;position:relative;overflow:hidden;background:var(--bg);}
.hero-bg{position:absolute;top:0;right:0;width:55%;height:100%;border-bottom-left-radius: 40%;background-image:url('assets/hero.png');background-size:cover;background-position:center;z-index:0;opacity:0.6;mask-image:linear-gradient(to right, transparent, black 40%);-webkit-mask-image:linear-gradient(to right, transparent, black 40%);}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right, var(--bg) 40%, transparent 100%);z-index:1;}
.hero-glow{position:absolute;width:600px;height:600px;left:-100px;top:20%;background:radial-gradient(circle, rgba(14,165,233,0.15) 0%, transparent 70%);border-radius:50%;z-index:1;filter:blur(60px);}
.hero-glow2{position:absolute;width:500px;height:500px;right:20%;bottom:-100px;background:radial-gradient(circle, rgba(16,185,129,0.1) 0%, transparent 70%);border-radius:50%;z-index:1;filter:blur(60px);}
.hero-inner{position:relative;z-index:2;max-width:800px;width:100%;}
.hero-badge{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,0.03);border:1px solid var(--bd);padding:8px 20px;border-radius:40px;margin-bottom:40px;backdrop-filter:blur(10px);}
.badge-blink{width:6px;height:6px;background:var(--primary);border-radius:50%;animation:blink 2s ease infinite;flex-shrink:0;box-shadow:0 0 8px var(--primary);}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero-badge span{font-family:'Fira Code',monospace;font-size:11px;letter-spacing:.15em;color:var(--ink2);text-transform:uppercase;font-weight:500;}
h1{font-size:clamp(54px, 7vw, 96px);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--ink);margin-bottom:24px;}
h1 em{font-style:italic;color:var(--ink3);}
h1 .hg{font-style:italic;}
h1 .hl2{display:block;}
.hero-sub{font-size:18px;font-weight:300;color:var(--ink3);line-height:1.8;max-width:640px;}
.hero-sub strong{color:var(--ink);font-weight:500;}
.hero-btns{display:flex;align-items:center;gap:24px;margin-top:48px;flex-wrap:wrap;}
.btn-pri{background:var(--ink);color:var(--bg);font-weight:600;font-size:15px;padding:16px 36px;border-radius:40px;text-decoration:none;transition:all .3s;letter-spacing:.02em;}
.btn-pri:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.15);background:var(--ink2);}
.btn-sec{font-size:15px;color:var(--ink2);text-decoration:none;border-bottom:1px solid var(--ink4);padding-bottom:4px;transition:all .3s;font-weight:500;}
.btn-sec:hover{color:var(--secondary);border-color:var(--secondary);}
.hero-stats{display:flex;gap:56px;margin-top:72px;padding-top:48px;border-top:1px solid var(--bd);flex-wrap:wrap;}
.stat-n{font-size:48px;font-weight:700;line-height:1;color:var(--ink);}
.stat-n em{color:var(--primary);font-style:normal;}
.stat-l{font-family:'Fira Code',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4);margin-top:8px;}

/* ── TRUST BAR ── */
.tbar{background:var(--bg2);padding:24px 64px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);}
.tbi{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink3);}
.tbi strong{color:var(--ink);font-weight:500;}


/* ── SECTION HEADER ── */
.sec-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 64px;
}
.sec-header .sbody {
  margin: 0 auto;
}
.sec-header .rule {
  margin: 24px auto;
}
/* ── SECTION BASE ── */
.sec{padding:120px 64px;}
.sec-alt{background:var(--bg2);}
.slbl{justify-content:center;font-family:'Fira Code',monospace;font-size:11px;letter-spacing:.2em;color:var(--secondary);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.slbl::before{content:'';width:30px;height:2px;background:var(--secondary);flex-shrink:0;}
h2{font-size:clamp(38px,4.5vw,60px);font-weight:700;line-height:1.1;color:var(--ink);}
h2 em{font-style:italic;color:var(--ink3);}
h2 .gn{font-style:italic;}
.rule{width:60px;height:3px;background:linear-gradient(90deg, var(--primary), var(--secondary));margin:24px 0;border-radius:2px;}
.sbody{font-size:18px;font-weight:300;color:var(--ink3);line-height:1.8;max-width:660px;}
.feat-img {
  width: 100%;
  max-width: 1100px;
  align-self: stretch;
  height: clamp(240px, 35vw, 480px);
  border-radius: 28px;
  margin-top: 48px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(14, 165, 233, 0.15);
  display: block;
  object-fit: cover;
  object-position: center 30%;
  margin-left: auto;
  margin-right: auto;
}

/* ── CREDIBILITY ── */
.cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:56px;}

.cred-card, .role-card, .step, .p-card, .t-card, .div-card, .iprof, .isol {
  background: linear-gradient(160deg, rgba(30, 36, 51, 0.4) 0%, rgba(17, 21, 28, 0.8) 100%);
  border: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 4px 24px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1);
  border-radius: 24px;
}
.cred-card{padding:48px;position:relative;overflow:hidden;backdrop-filter:blur(10px);transition:all .3s;}

.cred-card:hover{border-color:var(--bd-hover);background:rgba(255,255,255,0.04);transform:translateY(-5px);}
.cred-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, var(--secondary), transparent);}
.cred-card.gc::before{background:linear-gradient(90deg, var(--primary), transparent);}
.cred-num{font-size:64px;font-weight:700;line-height:1;color:var(--secondary);margin-bottom:12px;}
.cred-card.gc .cred-num{color:var(--primary);}
.cred-title{font-size:20px;font-weight:600;color:var(--ink);margin-bottom:12px;}
.cred-body{font-size:16px;color:var(--ink3);line-height:1.7;font-weight:300;}

/* ── TESTIMONIALS CAROUSEL (HOME, single card) ── */
#proof{scroll-margin-top:130px;}
.testi-sec .sec-header{margin-bottom:16px;}
.testi-carousel{display:flex;align-items:center;gap:28px;max-width:900px;margin:0 auto;}
.testi-single-viewport{overflow:hidden;flex:1;min-width:0;}
.testi-single-track{display:flex;transition:transform .5s cubic-bezier(0.16, 1, 0.3, 1);}
.testi-single{flex-shrink:0;width:100%;text-align:center;padding:12px 8px 8px;}
.testi-mark{font-family:'Outfit',serif;font-size:56px;line-height:1;color:var(--secondary);margin-bottom:8px;}
.testi-single-quote{font-size:19px;font-weight:300;color:var(--ink2);line-height:1.75;max-width:680px;margin:0 auto;}
.testi-single-rule{width:60px;height:2px;background:linear-gradient(90deg, var(--primary), var(--secondary));margin:28px auto 22px;border-radius:2px;}
.testi-single-name{font-size:16px;font-weight:600;color:var(--ink);}
.testi-single-role{font-size:13px;color:var(--ink4);margin-top:6px;}
.testi-single-tag{font-family:'Fira Code',monospace;font-size:12px;letter-spacing:.05em;color:var(--ink3);margin-top:18px;text-transform:uppercase;}
.testi-arrow{width:48px;height:48px;border-radius:50%;background:transparent;border:1px solid var(--bd-hover);color:var(--ink3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0;}
.testi-arrow:hover:not(:disabled){border-color:var(--secondary);color:var(--secondary);transform:translateY(-2px);}
.testi-arrow:disabled{opacity:.3;cursor:not-allowed;}
.testi-dots{display:flex;justify-content:center;gap:10px;margin-top:44px;flex-wrap:wrap;}
.testi-dot{width:8px;height:8px;border-radius:50%;background:var(--bd-hover);cursor:pointer;transition:all .3s;}
.testi-dot.active{width:26px;border-radius:5px;background:linear-gradient(90deg, var(--primary), var(--secondary));}
.testi-viewall{display:flex;justify-content:center;margin-top:36px;}

/* ── CLIENT RESULTS SLIDER (WHO.HTML, responsive scroll-snap: 3/2/1 cards per view) ── */
.proof-slider{display:flex;align-items:center;gap:24px;}
.proof-viewport{overflow-x:auto;overflow-y:hidden;flex:1;min-width:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.proof-viewport::-webkit-scrollbar{display:none;}
.proof-track{display:flex;gap:24px;}
.proof-track .t-card{scroll-snap-align:start;flex:0 0 calc((100% - 48px) / 3);min-width:0;}
@media(max-width:1000px){
  .proof-track .t-card{flex:0 0 calc((100% - 24px) / 2);}
  .proof-slider{gap:12px;}
}
@media(max-width:640px){
  .proof-track .t-card{flex:0 0 100%;}
  .proof-slider{gap:8px;}
}
@media(max-width:900px){
  .testi-carousel{gap:14px;}
  .testi-arrow{width:44px;height:44px;}
  .testi-single-quote{font-size:17px;}
}
@media(max-width:640px){
  .testi-carousel{gap:8px;}
  .testi-arrow{width:34px;height:34px;flex-shrink:0;}
  .testi-arrow svg{width:14px;height:14px;}
  .testi-single-quote{font-size:15.5px;line-height:1.7;}
  .testi-mark{font-size:44px;}
  .testi-single{padding:0;}
}

/* ── DMAIC ── */
.dmaic-intro{font-size:16px;color:var(--ink3);line-height:1.8;max-width:700px;margin:20px 0 40px;}
.dmaic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px;}
.dmaic-step{background:var(--bg2);padding:40px 24px;text-align:center;transition:all .4s;position:relative;border:1px solid var(--bd);border-radius:16px;box-shadow:var(--sh-sm);}
.dmaic-step::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--secondary);transform:scaleX(0);transition:transform .3s;transform-origin:left;}
.dmaic-step:hover{background:var(--bg2);}
.dmaic-step:hover::after{transform:scaleX(1);}
.dmaic-ltr{font-size:60px;font-weight:700;color:var(--ink4);line-height:1;margin-bottom:8px;opacity:.2;transition:all .3s;}
.dmaic-step:hover .dmaic-ltr{opacity:1;color:var(--secondary);text-shadow:var(--glow-sec);}
.dmaic-word{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;}
.dmaic-desc{font-size:14px;color:var(--ink3);line-height:1.6;font-weight:300;}

/* ── PODCAST ── */
.podcast{background:linear-gradient(135deg, #0f172a 0%, var(--bg) 100%);padding:100px 64px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:40px;position:relative;overflow:hidden;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);}
.pod-bg{position:absolute;top:0;right:0;width:50%;height:100%;background-image:url('assets/podcast.png');background-size:cover;background-position:center;z-index:0;opacity:0.3;mask-image:linear-gradient(to right, transparent, black 80%);-webkit-mask-image:linear-gradient(to right, transparent, black 80%);}
.podcast > * {position:relative;z-index:1;}
.pod-badge{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;display:flex;align-items:center;gap:24px;flex-shrink:0;backdrop-filter:blur(12px);}
.pod-icon{width:64px;height:64px;background:linear-gradient(135deg, var(--accent), #B45309);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:0 0 20px rgba(245,158,11,0.3);}
.pod-name{font-size:28px;font-weight:600;color:var(--ink);line-height:1.2;}
.pod-sub{font-size:12px;color:var(--ink4);margin-top:6px;font-family:'Fira Code',monospace;letter-spacing:.1em;text-transform:uppercase;}
.pod-content{max-width:800px;}
.pod-content h3{font-size:36px;font-weight:700;color:var(--ink);margin-bottom:20px;line-height:1.2;}
.pod-content p{font-size:16px;color:var(--ink3);line-height:1.8;font-weight:300;margin-bottom:24px;}
.pod-avail{display:inline-flex;align-items:center;gap:12px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:40px;padding:8px 20px;}
.pod-avail .live{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:blink 2s infinite;box-shadow:0 0 8px var(--accent);}
.pod-avail span{font-family:'Fira Code',monospace;font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-weight:500;}

/* ── POSITIONING ── */
.pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:56px;border-radius:24px;overflow:hidden;background:var(--bd);}
.pc{padding:56px 48px;background:var(--bg);}
.pc-new{background:var(--bg3);}
.pc-tag{font-family:'Fira Code',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:28px;display:flex;align-items:center;gap:12px;font-weight:500;}
.pc-old .pc-tag{color:#EF4444;}
.pc-new .pc-tag{color:var(--primary);}
.pc-list{list-style:none;display:flex;flex-direction:column;gap:16px;}
.pc-list li{font-size:15px;display:flex;align-items:flex-start;gap:16px;line-height:1.6;color:var(--ink3);}
.pc-new .pc-list li{color:var(--ink2);}
.pc-old .pc-list li span{color:#EF4444;}
.pc-new .pc-list li span{color:var(--primary);}

/* ── DIVISIONS ── */
.div-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;margin-top:56px;}
@media(max-width:1100px){
  .div-grid{grid-template-columns:1fr;}
}
.div-card{background:var(--bg2);border:1px solid var(--bd);border-radius:24px;overflow:hidden;box-shadow:var(--sh-sm);transition:all .4s;display:flex;flex-direction:column;}
.div-img{height:220px;background-size:cover;background-position:center;border-bottom:1px solid var(--bd);position:relative;}
.div-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top, var(--bg2) 0%, transparent 100%);}
.dc-rpo .div-img{background-image:url('assets/rpo.png');}
.dc-finance .div-img{background-image:url('assets/team.png');}
.dc-prop .div-img{background-image:url('assets/property.png');}
.div-content{padding:40px 32px;flex:1;display:flex;flex-direction:column;}
.div-card:hover{transform:translateY(-8px);box-shadow:var(--sh-md);border-color:var(--bd-hover);}
.div-tag{font-family:'Fira Code',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;display:inline-flex;align-items:center;padding:6px 14px;border-radius:40px;margin-bottom:24px;font-weight:500;}
.dc-rpo .div-tag{color:var(--secondary);background:var(--secondary-s);border:1px solid var(--secondary-bd);}
.dc-finance .div-tag{color:var(--accent);background:rgba(245, 158, 11, 0.1);border:1px solid rgba(245, 158, 11, 0.25);}
.dc-prop .div-tag{color:var(--primary);background:var(--primary-s);border:1px solid var(--primary-bd);}
.div-name{font-size:28px;font-weight:600;color:var(--ink);margin-bottom:16px;line-height:1.2;}
.div-desc{font-size:14px;color:var(--ink3);line-height:1.8;margin-bottom:28px;font-weight:300;}
.div-svcs{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:36px;flex:1;}
.div-svcs li{font-size:14px;color:var(--ink2);display:flex;align-items:center;gap:12px;}
.div-svcs li::before{content:'';width:16px;height:2px;flex-shrink:0;border-radius:2px;}
.dc-rpo .div-svcs li::before{background:var(--secondary);}
.dc-finance .div-svcs li::before{background:var(--accent);}
.dc-prop .div-svcs li::before{background:var(--primary);}
.div-link{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s;}
.dc-rpo .div-link{color:var(--secondary);}
.dc-finance .div-link{color:var(--accent);}
.dc-prop .div-link{color:var(--primary);}
.div-link:hover{gap:16px;}

/* ── MOBILE-FIRST TABBED DIVISIONS SHOWCASE ── */
.div-tabbed-sec {
  position: relative;
  overflow: hidden;
  padding: 110px 64px;
  background: radial-gradient(circle at 50% 0%, rgba(14, 165, 233, 0.06) 0%, transparent 60%),
              radial-gradient(circle at 100% 100%, rgba(16, 185, 129, 0.06) 0%, transparent 60%),
              var(--bg);
}

.div-tabbed-nav {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 40px;
  margin-bottom: 48px;
  flex-wrap: wrap;
}

.div-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 40px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink3);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}

.div-tab-btn .tab-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: transform 0.3s, box-shadow 0.3s;
}

.div-tab-btn[data-division="rpo"] .tab-dot { background: var(--secondary); }
.div-tab-btn[data-division="finance"] .tab-dot { background: var(--accent); }
.div-tab-btn[data-division="prop"] .tab-dot { background: var(--primary); }

.div-tab-btn:hover {
  background: rgba(255, 255, 255, 0.07);
  color: var(--ink);
  transform: translateY(-2px);
}

.div-tab-btn.active[data-division="rpo"] {
  background: var(--secondary-s);
  color: var(--secondary);
  border-color: var(--secondary-bd);
  box-shadow: 0 0 20px rgba(14, 165, 233, 0.25);
}
.div-tab-btn.active[data-division="rpo"] .tab-dot {
  box-shadow: 0 0 10px var(--secondary);
  transform: scale(1.2);
}

.div-tab-btn.active[data-division="finance"] {
  background: rgba(245, 158, 11, 0.12);
  color: var(--accent);
  border-color: rgba(245, 158, 11, 0.3);
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.25);
}
.div-tab-btn.active[data-division="finance"] .tab-dot {
  box-shadow: 0 0 10px var(--accent);
  transform: scale(1.2);
}

.div-tab-btn.active[data-division="prop"] {
  background: var(--primary-s);
  color: var(--primary);
  border-color: var(--primary-bd);
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.25);
}
.div-tab-btn.active[data-division="prop"] .tab-dot {
  box-shadow: 0 0 10px var(--primary);
  transform: scale(1.2);
}

/* Tab Panels Container */
.div-tab-panels {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
}

.div-panel {
  display: none;
  background: linear-gradient(165deg, rgba(30, 36, 51, 0.45) 0%, rgba(17, 21, 28, 0.95) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 32px;
  padding: 48px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  position: relative;
  overflow: hidden;
}

.div-panel.active {
  display: block;
  animation: tabFadeIn 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes tabFadeIn {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

.div-panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}

.panel-rpo::before { background: linear-gradient(90deg, var(--secondary), #38BDF8, transparent); }
.panel-finance::before { background: linear-gradient(90deg, var(--accent), #FBBF24, transparent); }
.panel-prop::before { background: linear-gradient(90deg, var(--primary), #34D399, transparent); }

.div-panel-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 48px;
  align-items: center;
}

.div-panel-badge {
  font-family: 'Fira Code', monospace;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 40px;
  margin-bottom: 16px;
  font-weight: 500;
}

.panel-rpo .div-panel-badge { background: var(--secondary-s); color: var(--secondary); border: 1px solid var(--secondary-bd); }
.panel-finance .div-panel-badge { background: rgba(245, 158, 11, 0.1); color: var(--accent); border: 1px solid rgba(245, 158, 11, 0.25); }
.panel-prop .div-panel-badge { background: var(--primary-s); color: var(--primary); border: 1px solid var(--primary-bd); }

.div-panel-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 6px;
  line-height: 1.2;
}

.div-panel-sub {
  font-family: 'Fira Code', monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 500;
}

.panel-rpo .div-panel-sub { color: var(--secondary); }
.panel-finance .div-panel-sub { color: var(--accent); }
.panel-prop .div-panel-sub { color: var(--primary); }

.div-panel-desc {
  font-size: 15px;
  color: var(--ink3);
  line-height: 1.8;
  font-weight: 300;
  margin-bottom: 28px;
}

.div-panel-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}

.div-chip {
  font-family: 'Fira Code', monospace;
  font-size: 11px;
  padding: 8px 16px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--ink2);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.div-panel-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 36px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: all 0.3s ease;
}

.panel-rpo .div-panel-btn { background: var(--secondary); color: #0A0C10; box-shadow: 0 0 20px rgba(14, 165, 233, 0.3); }
.panel-rpo .div-panel-btn:hover { transform: translateY(-2px); box-shadow: 0 0 30px rgba(14, 165, 233, 0.5); }

.panel-finance .div-panel-btn { background: var(--accent); color: #0A0C10; box-shadow: 0 0 20px rgba(245, 158, 11, 0.3); }
.panel-finance .div-panel-btn:hover { transform: translateY(-2px); box-shadow: 0 0 30px rgba(245, 158, 11, 0.5); }

.panel-prop .div-panel-btn { background: var(--primary); color: #0A0C10; box-shadow: 0 0 20px rgba(16, 185, 129, 0.3); }
.panel-prop .div-panel-btn:hover { transform: translateY(-2px); box-shadow: 0 0 30px rgba(16, 185, 129, 0.5); }

/* Right Visual Banner Card */
.div-panel-visual {
  position: relative;
  height: 340px;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-size: cover;
  background-position: center;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}

.div-panel-visual::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(10, 12, 16, 0.85) 0%, transparent 60%);
}

.panel-rpo .div-panel-visual { background-image: url('assets/rpo.png'); }
.panel-finance .div-panel-visual { background-image: url('assets/team.png'); }
.panel-prop .div-panel-visual { background-image: url('assets/property.png'); }

.visual-tag {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 2;
  font-family: 'Fira Code', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  padding: 10px 16px;
  border-radius: 12px;
  background: rgba(10, 12, 16, 0.85);
  backdrop-filter: blur(12px);
  color: var(--ink);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Mobile Responsiveness */
@media(max-width: 960px) {
  .div-tabbed-sec { padding: 60px 20px; }
  
  .div-tabbed-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 12px;
    margin-top: 24px;
    margin-bottom: 28px;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
  
  .div-tab-btn {
    padding: 12px 20px;
    font-size: 13px;
    flex-shrink: 0;
  }
  
  .div-panel {
    padding: 24px 20px;
    border-radius: 24px;
  }
  
  .div-panel-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  
  .div-panel-title {
    font-size: 26px;
  }
  
  .div-panel-desc {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
  
  .div-panel-chips {
    gap: 8px;
    margin-bottom: 24px;
  }
  
  .div-chip {
    font-size: 10px;
    padding: 6px 12px;
  }
  
  .div-panel-btn {
    width: 100%;
    justify-content: center;
    padding: 14px 24px;
    font-size: 13px;
  }
  
  .div-panel-visual {
    height: 200px;
    border-radius: 16px;
    order: -1; /* Displays top visual card on mobile */
  }
  
  .visual-tag {
    font-size: 10px;
    padding: 8px 12px;
    bottom: 12px;
    left: 12px;
    right: 12px;
  }
}

/* ── TAB SYSTEM ── */
.tab-bar{display:flex;border-bottom:1px solid var(--bd);margin-top:48px;overflow-x:auto;gap:32px;}
.tab-btn{padding:16px 0;font-size:15px;color:var(--ink4);font-weight:500;border:none;background:none;cursor:pointer;position:relative;transition:all .3s;white-space:nowrap;font-family:'Inter',sans-serif;}
.tab-btn::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--ink);transform:scaleX(0);transition:transform .3s;}
.tab-btn:hover{color:var(--ink2);}
.tab-btn.active{color:var(--ink);}
.tab-btn.active::after{transform:scaleX(1);}

/* Two-level tabs */
.roles-toggle{display:flex;gap:16px;margin-top:0;flex-wrap:wrap;}
.rtab{display:inline-flex;align-items:center;gap:12px;padding:14px 24px;border-radius:40px;font-size:14px;font-weight:600;border:1px solid var(--bd);background:rgba(255,255,255,.02);color:var(--ink3);cursor:pointer;transition:all .3s;font-family:'Inter',sans-serif;}
.rtab .rdot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.rtab.r-rpo .rdot{background:var(--secondary);box-shadow:0 0 8px var(--secondary);}
.rtab.r-finance .rdot{background:var(--accent);box-shadow:0 0 8px var(--accent);}
.rtab.r-prop .rdot{background:var(--primary);box-shadow:0 0 8px var(--primary);}
.rtab:hover{background:rgba(255,255,255,.05);color:var(--ink);}
.rtab.r-rpo.active{background:var(--secondary-s);color:var(--secondary);border-color:var(--secondary-bd);}
.rtab.r-finance.active{background:rgba(245, 158, 11, 0.1);color:var(--accent);border-color:rgba(245, 158, 11, 0.3);}
.rtab.r-prop.active{background:var(--primary-s);color:var(--primary);border-color:var(--primary-bd);}

/* ── ROLES PANELS ── */
.role-panel{display:none;padding-top:48px;animation:fadeIn .5s ease;}
@keyframes fadeIn { from {opacity:0;transform:translateY(10px);} to {opacity:1;transform:none;} }
.role-panel.active{display:block;}
.role-cat{margin-bottom:48px;background:rgba(255,255,255,0.01);border:1px solid var(--bd);border-radius:24px;padding:32px;}
.role-cat-label{font-family:'Fira Code',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:12px;}
.role-cat-label::before{content:'';width:24px;height:2px;flex-shrink:0;}
.rl-blue{color:var(--secondary);}
.rl-blue::before{background:var(--secondary);}
.rl-amber{color:var(--accent);}
.rl-amber::before{background:var(--accent);}
.rl-green{color:var(--primary);}
.rl-green::before{background:var(--primary);}
.role-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.role-card{background:var(--bg2);border:1px solid var(--bd);border-radius:16px;padding:32px 24px;box-shadow:var(--sh-sm);position:relative;overflow:hidden;transition:all .3s;}
.role-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;opacity:0.7;}
.rc-rpo::before{background:linear-gradient(90deg, var(--secondary), transparent);}
.rc-finance::before{background:linear-gradient(90deg, var(--accent), transparent);}
.rc-prop::before{background:linear-gradient(90deg, var(--primary), transparent);}
.role-card:hover{transform:translateY(-5px);box-shadow:var(--sh-md);border-color:var(--bd-hover);background:var(--bg3);}
.role-icon{font-size:24px;margin-bottom:16px;}
.role-title{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:10px;line-height:1.4;}
.role-desc{font-size:13px;color:var(--ink3);line-height:1.7;font-weight:300;margin-bottom:20px;}
.role-skills{display:flex;flex-wrap:wrap;gap:8px;}
.rs{font-family:'Fira Code',monospace;font-size:10px;letter-spacing:.05em;padding:4px 10px;border-radius:4px;font-weight:500;border:1px solid transparent;}
.rc-rpo .rs{background:var(--secondary-s);color:var(--secondary);border-color:var(--secondary-bd);}
.rc-finance .rs{background:rgba(245, 158, 11, 0.1);color:var(--accent);border-color:rgba(245, 158, 11, 0.25);}
.rc-prop .rs{background:var(--primary-s);color:var(--primary);border-color:var(--primary-bd);}

/* ── ICP PANELS ── */
.icp-panel{display:none;padding-top:48px;grid-template-columns:1fr 1fr;gap:48px;align-items:start;animation:fadeIn .5s ease;}
.icp-panel.active{display:grid;}
.iprof{background:var(--bg2);border:1px solid var(--bd);border-radius:24px;padding:40px;box-shadow:var(--sh-sm);}
.iprof-title{font-size:28px;font-weight:600;margin-bottom:24px;color:var(--ink);}
.prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.prof-cell{background:rgba(255,255,255,.02);border:1px solid var(--bd);border-radius:8px;padding:16px;border-left:3px solid var(--secondary);}
.prof-cell-l{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4);margin-bottom:6px;font-weight:600;}
.prof-cell-v{font-size:14px;color:var(--ink);font-weight:500;}
.pain-lbl{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4);margin:32px 0 16px;font-weight:600;}
.pain-list{list-style:none;display:flex;flex-direction:column;gap:12px;}
.pain-list li{font-size:14px;color:var(--ink3);display:flex;align-items:flex-start;gap:12px;line-height:1.6;}
.pdot{width:6px;height:6px;background:#EF4444;border-radius:50%;flex-shrink:0;margin-top:8px;}
.isol{background:var(--bg3);border:1px solid var(--primary-bd);border-radius:24px;padding:40px;position:relative;}
.isol::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--primary), transparent);border-radius:24px 24px 0 0;}
.isol-title{font-size:26px;font-weight:600;color:var(--ink);margin-bottom:20px;}
.sol-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin-bottom:32px;}
.sol-list li{font-size:15px;color:var(--ink2);display:flex;align-items:flex-start;gap:12px;line-height:1.6;}
.sc{color:var(--primary);flex-shrink:0;font-weight:600;font-size:18px;}
.roi-box{background:rgba(16,185,129,0.05);border:1px solid var(--primary-bd);border-radius:12px;padding:24px;border-left:4px solid var(--primary);}
.roi-lbl{font-family:'Fira Code',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:10px;font-weight:600;}
.roi-box p{font-size:14px;color:var(--ink2);line-height:1.7;}
.roi-box strong{color:var(--primary);font-weight:600;}

/* ── PROCESS ── */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px;}
.step{background:var(--bg2);border:1px solid var(--bd);border-radius:24px;padding:40px 32px;box-shadow:var(--sh-sm);transition:all .4s;position:relative;overflow:hidden;}
.step::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--secondary);transform:scaleX(0);transition:transform .4s;transform-origin:left;}
.step:hover::after{transform:scaleX(1);}
.step:hover{transform:translateY(-8px);box-shadow:var(--sh-md);background:var(--bg3);}
.step-n{font-size:56px;font-weight:700;color:var(--bd);line-height:1;margin-bottom:20px;transition:color .4s;}
.step:hover .step-n{color:var(--secondary);}
.step-t{font-size:18px;font-weight:600;color:var(--ink);margin-bottom:12px;}
.step-b{font-size:14px;color:var(--ink3);line-height:1.7;font-weight:300;}
.step-badge{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-family:'Fira Code',monospace;font-size:11px;color:var(--primary);background:var(--primary-s);border:1px solid var(--primary-bd);padding:6px 14px;border-radius:40px;}
.guars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.guar{background:rgba(255,255,255,.02);border:1px solid var(--bd);border-radius:16px;padding:32px;display:flex;align-items:flex-start;gap:20px;backdrop-filter:blur(10px);}
.guar-ico{width:48px;height:48px;border-radius:12px;background:var(--primary-s);border:1px solid var(--primary-bd);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:var(--glow-pri);}
.guar-t{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:6px;}
.guar-b{font-size:14px;color:var(--ink3);line-height:1.6;}

/* ── PRICING CONCEPT #1 & #4 SITE-NATIVE COMPONENTS ── */
.pricing-pills-bar {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 36px 0 48px;
}

.p-pill-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 40px;
  background: var(--bg2);
  border: 1px solid var(--bd);
  font-size: 13px;
  font-weight: 500;
  color: var(--ink2);
  box-shadow: var(--sh-sm);
  transition: all 0.3s ease;
}

.p-pill-chip:hover {
  background: var(--bg3);
  border-color: var(--secondary-bd);
  color: var(--ink);
  transform: translateY(-2px);
}

.p-pill-icon {
  font-size: 14px;
}

.pricing-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 48px;
}

@media(max-width: 960px) {
  .pricing-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}

.p-stat-card {
  background: var(--bg2);
  border: 1px solid var(--bd);
  border-radius: 20px;
  padding: 24px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: var(--sh-sm);
}

.p-stat-card:hover {
  transform: translateY(-4px);
  border-color: var(--secondary-bd);
  background: var(--bg3);
}

.p-stat-num {
  font-size: 32px;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.1;
  font-family: 'Outfit', sans-serif;
}

.p-stat-plus {
  color: var(--primary);
}

.p-stat-label {
  font-family: 'Fira Code', monospace;
  font-size: 11px;
  color: var(--ink4);
  margin-top: 8px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* ── PRICING ── */
/* Pricing Controls & Currency Switcher */
.pricing-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
}

@media (min-width: 640px) {
  .pricing-controls {
    flex-direction: row;
    justify-content: center;
    gap: 20px;
  }
}

.currency-toggle {
  display: inline-flex;
  background: var(--bg3);
  padding: 4px;
  border-radius: 40px;
  border: 1px solid var(--bd);
  box-shadow: var(--sh-sm);
}

.cur-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 500;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--ink3);
  transition: all .3s ease;
  font-family: 'Inter', sans-serif;
  border-radius: 36px;
}

.cur-btn.active {
  background: var(--secondary-s);
  color: var(--secondary);
  font-weight: 600;
  border: 1px solid var(--secondary-bd);
  box-shadow: 0 0 12px rgba(14, 165, 233, 0.2);
}

.cur-flag {
  font-size: 16px;
  line-height: 1;
}

.price-toggle{display:inline-flex;background:var(--bg3);padding:4px;border-radius:40px;border:1px solid var(--bd);}
.ptab{padding:12px 32px;font-size:14px;border:none;background:none;cursor:pointer;color:var(--ink3);transition:all .3s;font-family:'Inter',sans-serif;border-radius:36px;}
.ptab.active{background:var(--ink);color:var(--bg);font-weight:600;}
.price-panel{display:none;animation:fadeIn .5s ease;}
.price-panel.active{display:block;}
.p-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;align-items:center;}
.p-card{background:var(--bg2);border:1px solid var(--bd);border-radius:24px;padding:48px 40px;position:relative;box-shadow:var(--sh-sm);transition:all .4s;}
.p-card:hover{transform:translateY(-8px);box-shadow:var(--sh-md);background:var(--bg3);}
.p-card.hot{border-color:var(--secondary);border-width:2px;transform:scale(1.05);background:var(--bg3);box-shadow:var(--glow-sec), var(--sh-md);}
.p-card.hot:hover{transform:scale(1.05) translateY(-8px);}
.p-card.hot::before{content:'Most Popular';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--secondary);color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:40px;white-space:nowrap;box-shadow:var(--glow-sec);}
.p-tier{font-family:'Fira Code',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink4);margin-bottom:12px;}
.p-name{font-size:32px;font-weight:600;margin-bottom:12px;color:var(--ink);}
.p-tagline{font-size:14px;color:var(--ink3);margin-bottom:32px;line-height:1.6;font-weight:300;min-height:44px;}
.p-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:8px;}
.p-cur{font-size:24px;color:var(--ink3);}
.p-num{font-size:56px;font-weight:700;line-height:1;color:var(--ink);}
.p-per{font-size:14px;color:var(--ink4);}
.p-save{font-size:13px;color:var(--primary);margin-bottom:32px;font-weight:500;}
.p-hr{height:1px;background:var(--bd);margin:32px 0;}
.p-feats{list-style:none;display:flex;flex-direction:column;gap:16px;margin-bottom:40px;}
.p-feats li{font-size:14px;color:var(--ink2);display:flex;align-items:flex-start;gap:12px;line-height:1.5;}
.fc{color:var(--primary);flex-shrink:0;font-weight:600;}
.p-cta{display:block;text-align:center;padding:16px 24px;border-radius:40px;font-size:14px;font-weight:600;letter-spacing:.05em;text-decoration:none;transition:all .3s;}
.p-cta.pri{background:var(--secondary);color:var(--ink);box-shadow:0 10px 20px rgba(14,165,233,0.3);}
.p-cta.pri:hover{background:var(--secondary-d);transform:translateY(-2px);}
.p-cta.out{border:1px solid var(--bd);color:var(--ink);background:rgba(255,255,255,.03);}
.p-cta.out:hover{border-color:var(--ink);background:var(--ink);color:var(--bg);}
.price-note{text-align:center;margin-top:32px;font-size:14px;color:var(--ink4);}
.price-note strong{color:var(--ink);}
.comp-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:64px;border-radius:24px;overflow:hidden;box-shadow:var(--sh);border:1px solid var(--bd);}
.comp-table th{padding:20px 24px;text-align:left;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);background:var(--bg3);font-weight:600;border-bottom:1px solid var(--bd);}
.comp-table td{padding:18px 24px;font-size:14px;border-bottom:1px solid var(--bd);color:var(--ink3);background:var(--bg2);}
.comp-table tr:last-child td{border-bottom:none;}
.comp-table tr:hover td{background:var(--bg3);}
.comp-table td:first-child{color:var(--ink);font-weight:500;}
.bad{color:#EF4444;}
.good{color:var(--primary);font-weight:500;}

/* ── TESTIMONIALS ── */
.t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;}
@media(max-width:960px){
  .t-grid{grid-template-columns:1fr;}
}
.t-card{background:var(--bg3);border:1px solid var(--bd);border-radius:24px;padding:36px 32px;box-shadow:var(--sh-sm);transition:all .4s;position:relative;display:flex;flex-direction:column;justify-content:space-between;}
.t-card::before{content:'"';position:absolute;top:16px;right:24px;font-family:'Outfit',serif;font-size:72px;color:rgba(255,255,255,0.06);line-height:1;pointer-events:none;}
.t-card:hover{transform:translateY(-8px);box-shadow:var(--sh-md);border-color:var(--primary-bd);}
.t-quote{font-size:14.5px;color:var(--ink3);line-height:1.75;margin-bottom:28px;position:relative;z-index:1;font-weight:300;}
.t-auth{display:flex;align-items:center;gap:16px;}
.t-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg, var(--secondary), var(--primary));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--ink);flex-shrink:0;box-shadow:0 0 12px rgba(14,165,233,0.3);}
.t-name{font-size:15px;font-weight:600;color:var(--ink);}
.t-role{font-size:12px;color:var(--ink4);margin-top:3px;line-height:1.4;}
.t-metric{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:6px 14px;background:var(--primary-s);border:1px solid var(--primary-bd);border-radius:8px;font-size:11px;color:var(--primary);font-family:'Fira Code',monospace;}

/* ── MEET THE TEAM ── */
.team-sec {
  padding: 120px 64px;
  background: var(--bg2);
  border-top: 1px solid var(--bd);
  border-bottom: 1px solid var(--bd);
  position: relative;
  overflow: hidden;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-top: 56px;
}

@media(max-width: 1024px) {
  .team-grid { grid-template-columns: 1fr; }
  .team-sec { padding: 80px 24px; }
}

.team-card {
  background: linear-gradient(165deg, rgba(30, 36, 51, 0.45) 0%, rgba(17, 21, 28, 0.95) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  box-shadow: var(--sh-sm);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(16px);
}

.team-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  z-index: 2;
}

.tc-ketan::before { background: linear-gradient(90deg, var(--secondary), #38BDF8, transparent); }
.tc-manish::before { background: linear-gradient(90deg, var(--accent), #FBBF24, transparent); }
.tc-nitish::before, .tc-mohit::before { background: linear-gradient(90deg, var(--primary), #34D399, transparent); }

.team-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--sh-md);
  border-color: rgba(255, 255, 255, 0.2);
}

.team-img-wrapper {
  width: 100%;
  aspect-ratio: 3 / 3.6;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  margin-bottom: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: var(--bg);
}

.team-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.5s ease;
  display: block;
}

.team-card:hover .team-img {
  transform: scale(1.06);
}

.team-img-wrapper::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(17, 21, 28, 0.85) 0%, transparent 60%);
  pointer-events: none;
}

.team-name {
  font-size: 24px;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.2;
}

.team-role {
  font-family: 'Fira Code', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 6px;
  margin-bottom: 16px;
  font-weight: 500;
}

.tc-ketan .team-role { color: var(--secondary); }
.tc-manish .team-role { color: var(--accent); }
.tc-nitish .team-role, .tc-mohit .team-role { color: var(--primary); }

.team-bio {
  font-size: 14px;
  color: var(--ink3);
  line-height: 1.75;
  font-weight: 300;
  margin-bottom: 24px;
}

.team-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Fira Code', monospace;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--ink2);
  transition: all 0.3s ease;
  width: fit-content;
}

.team-link svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
  transition: transform 0.3s ease;
}

.team-link:hover {
  background: rgba(14, 165, 233, 0.12);
  color: var(--secondary);
  border-color: var(--secondary-bd);
  transform: translateY(-2px);
}

.team-link:hover svg {
  transform: scale(1.15);
}

/* ── CTA ── */
.cta-sec{background:linear-gradient(135deg, var(--bg3) 0%, #050814 100%);padding:120px 64px;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--bd);}
.cta-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;}
.cta-glow{position:absolute;width:600px;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle, rgba(14,165,233,0.15) 0%, transparent 60%);border-radius:50%;z-index:1;}
.cta-inner{position:relative;z-index:2;}
.cta-title{font-size:clamp(48px,6vw,80px);font-weight:700;line-height:1.1;margin-bottom:24px;color:var(--ink);}
.cta-title em{font-style:italic;color:var(--primary);}
.cta-sub{font-size:18px;color:var(--ink3);max-width:540px;margin:0 auto 48px;line-height:1.7;font-weight:300;}
.cta-btns{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}
.btn-white{background:var(--ink);color:var(--bg);font-weight:600;font-size:15px;padding:18px 40px;border-radius:40px;text-decoration:none;transition:all .3s;}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,255,255,.2);background:var(--ink2);}
.btn-ghost-w{font-size:15px;color:var(--ink3);text-decoration:none;border-bottom:1px solid var(--ink4);padding-bottom:4px;padding-top:16px;transition:all .3s;}
.btn-ghost-w:hover{color:var(--ink);border-color:var(--ink);}

/* ── FOOTER ── */
footer{background:var(--bg);padding:80px 64px 40px;border-top:1px solid var(--bd);}
.f-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:36px;margin-bottom:64px;}
.f-brand-name{font-family:'Playfair Display',serif;font-size:28px;font-weight:600;color:var(--ink);margin-bottom:16px;}
.f-brand-desc{font-size:14px;color:var(--ink4);line-height:1.8;max-width:320px;font-weight:300;}
.f-iso{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:8px 16px;border:1px solid var(--bd);border-radius:8px;font-family:'Fira Code',monospace;font-size:10px;letter-spacing:.15em;color:var(--ink3);background:var(--bg2);}
.f-col-title{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:24px;font-weight:600;}
.f-links{list-style:none;display:flex;flex-direction:column;gap:12px;}
.f-links a{font-size:14px;color:var(--ink4);text-decoration:none;transition:color .3s;font-weight:400;}
.f-links a:hover{color:var(--primary);}
.f-bot{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--bd);font-size:13px;color:var(--ink4);font-weight:300;}
.f-bot-g{color:var(--ink3);}

/* ── MOBILE NAV BUTTON ── */
.nav-toggle {
  display: none;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--bd);
  color: var(--ink);
  font-size: 22px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.nav-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--primary);
}

/* ── TOUCH DEVICE CURSOR OPTIMIZATION ── */
@media (pointer: coarse) {
  #cur, #cur-ring { display: none !important; }
  body { cursor: auto !important; }
  a, button, input, select, textarea, .tab-btn, .rtab, .ptab { cursor: pointer !important; }
}

/* ── SCROLL REVEAL ── */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(0.16, 1, 0.3, 1), transform .8s cubic-bezier(0.16, 1, 0.3, 1);}
.reveal.in{opacity:1;transform:none;}

/* ── RESPONSIVE MEDIA QUERIES ── */

/* Nav switches to hamburger earlier (tablet/1024px) so logo, links, and CTA never wrap/collide */
@media(max-width:1180px){
  nav{padding:16px 24px;}
  .nav-toggle{display:flex;}
  nav ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:rgba(10,12,16,.96);
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
    border-bottom:1px solid var(--bd);
    padding:24px;
    flex-direction:column;
    gap:16px;
    align-items:flex-start;
    box-shadow:var(--sh-md);
  }
  nav.nav-open ul{
    display:flex;
    animation:fadeIn .3s ease;
  }
  nav ul li{width:100%;}
  nav ul a{
    display:block;
    width:100%;
    font-size:15px;
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,0.04);
  }
  .nav-cta{
    display:inline-block!important;
    text-align:center;
    margin-top:8px;
    width:100%!important;
  }
}

@media(max-width:960px){
  .hero,.sec,.podcast,.cta-sec{padding-left:24px;padding-right:24px;}
  .hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;padding-top:36px;}
  .cred-grid,.pos-grid,.div-grid,.steps,.p-cards,.t-grid,.f-grid,.guars{grid-template-columns:1fr;}
  .icp-panel.active{grid-template-columns:1fr;gap:24px;}
  .prof-grid{grid-template-columns:1fr;}
  .role-cards{grid-template-columns:repeat(2,1fr);}
  .dmaic-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px;}
  .tbar{padding:20px 24px;flex-direction:column;gap:16px;align-items:flex-start;}
  .podcast{background:linear-gradient(135deg, #0f172a 0%, var(--bg) 100%);padding:60px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px;position:relative;overflow:hidden;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);}
  .pod-badge{width:100%;justify-content:center;text-align:left;}
  .p-card.hot{transform:none;}
  .p-card.hot:hover{transform:translateY(-8px);}
  .comp-table{display:block;overflow-x:auto;}
}

@media(max-width:640px){
  h1{font-size:clamp(32px, 8vw, 48px);}
  h2{font-size:clamp(24px, 6.5vw, 36px);}
  .hero{padding-top:130px;padding-bottom:60px;}
  .sec{padding:60px 16px;}
  .role-cat{padding:24px 16px;}
  .role-cards{grid-template-columns:1fr;}
  .dmaic-grid{grid-template-columns:1fr;}
  .hero-bg{width:100%; opacity:0.2; mask-image:none; -webkit-mask-image:none;}
  .cred-card, .iprof, .isol, .step, .p-card, .t-card, .div-content {padding:24px 20px; border-radius:16px;}
  .tab-bar{gap:16px;margin-top:32px;padding-bottom:8px;-webkit-overflow-scrolling:touch;}
  .tab-btn{font-size:14px;padding:12px 0;flex-shrink:0;}
  .roles-toggle{gap:10px;}
  .rtab{padding:10px 16px;font-size:13px;}
  .hero-btns{flex-direction:column;width:100%;align-items:stretch;}
  .btn-pri, .btn-sec{width:100%;text-align:center;justify-content:center;}
  .stat-n{font-size:38px;}
  .stat-l{font-size:10px;}
  .f-grid{grid-template-columns:1fr;gap:36px;}
  .f-bot{flex-direction:column;gap:12px;text-align:center;}
}

.feat-img{width:100%;max-width:1100px;align-self:stretch;border-radius:28px;margin:40px auto;box-shadow:0 20px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(14, 165, 233, 0.15);border:1px solid rgba(255, 255, 255, 0.12);object-fit:cover;object-position:center 30%;height:clamp(240px, 35vw, 480px);display:block;}

/* ── CONTACT US PAGE STYLES ── */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 48px;
  align-items: start;
  margin-top: 40px;
}

.contact-info-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.contact-info-card {
  background: linear-gradient(160deg, rgba(30, 36, 51, 0.4) 0%, rgba(17, 21, 28, 0.8) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  padding: 32px;
  backdrop-filter: blur(12px);
  box-shadow: var(--sh-sm);
  transition: all 0.3s ease;
}
.contact-info-card:hover {
  border-color: var(--bd-hover);
  box-shadow: var(--sh);
}

.c-icon-box {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--primary);
  margin-bottom: 20px;
}

.c-info-label {
  font-family: 'Fira Code', monospace;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: 8px;
}

.c-info-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 12px;
}

.c-info-val {
  font-size: 15px;
  color: var(--ink2);
  line-height: 1.65;
}
.c-info-val a {
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px dashed var(--ink4);
  transition: all 0.25s;
}
.c-info-val a:hover {
  color: var(--primary);
  border-color: var(--primary);
}

/* Action Buttons */
.c-action-btns {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.btn-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #25D366;
  color: #0A0C10 !important;
  font-weight: 700;
  font-size: 13px;
  padding: 12px 22px;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
  border: none !important;
}
.btn-whatsapp:hover {
  background: #20BA5A;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.45);
  color: #0A0C10 !important;
}

.btn-call-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: var(--ink) !important;
  font-weight: 600;
  font-size: 13px;
  padding: 12px 22px;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.btn-call-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  transform: translateY(-2px);
}

.c-badges-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
}
.c-badge-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--ink3);
  background: rgba(255, 255, 255, 0.03);
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}


/* Form Container */
.contact-form-card {
  background: linear-gradient(160deg, rgba(30, 36, 51, 0.5) 0%, rgba(17, 21, 28, 0.9) 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 40px;
  backdrop-filter: blur(16px);
  box-shadow: var(--sh-md);
  position: relative;
}

.form-group {
  margin-bottom: 24px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.form-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--ink2);
  margin-bottom: 8px;
  letter-spacing: 0.02em;
}
.form-label span {
  color: var(--primary);
}

.form-input, .form-select, .form-textarea {
  width: 100%;
  background: rgba(10, 12, 16, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 14px 18px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: var(--ink);
  transition: all 0.3s ease;
  outline: none;
}

.form-input:focus, .form-select:focus, .form-textarea:focus {
  border-color: var(--primary);
  background: rgba(10, 12, 16, 0.95);
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.2);
}

.form-input::placeholder, .form-textarea::placeholder {
  color: var(--ink4);
}

.form-select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px;
  cursor: pointer;
}
.form-select option {
  background: var(--bg2);
  color: var(--ink);
}

/* Division Selection Pills */
.pill-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}
.pill-opt {
  padding: 10px 18px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  color: var(--ink3);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s ease;
}
.pill-opt:hover {
  border-color: var(--bd-hover);
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
}
.pill-opt.selected {
  background: var(--primary-s);
  border-color: var(--primary);
  color: var(--primary);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.2);
}

/* Submit Button */
.btn-submit {
  width: 100%;
  padding: 16px 32px;
  border-radius: 40px;
  background: linear-gradient(135deg, var(--primary) 0%, #059669 100%);
  color: #0A0C10;
  font-weight: 700;
  font-size: 15px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);
}
.btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(16, 185, 129, 0.45);
  background: linear-gradient(135deg, #34D399 0%, var(--primary) 100%);
}

.form-success-msg {
  display: none;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid var(--primary);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  margin-top: 20px;
  animation: fadeIn 0.4s ease;
}
.form-success-msg h4 {
  font-size: 18px;
  color: var(--ink);
  margin-bottom: 8px;
}
.form-success-msg p {
  font-size: 14px;
  color: var(--ink3);
}

/* Timeline Steps Section */
.timeline-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}
.timeline-card {
  background: linear-gradient(160deg, rgba(30, 36, 51, 0.3) 0%, rgba(17, 21, 28, 0.7) 100%);
  border: 1px solid var(--bd);
  border-radius: 20px;
  padding: 32px;
  position: relative;
  transition: all 0.3s;
}
.timeline-card:hover {
  border-color: var(--secondary-bd);
  transform: translateY(-4px);
}
.t-step-num {
  font-family: 'Fira Code', monospace;
  font-size: 12px;
  letter-spacing: 0.15em;
  color: var(--secondary);
  margin-bottom: 12px;
  font-weight: 600;
}
.t-step-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 12px;
}
.t-step-desc {
  font-size: 14px;
  color: var(--ink3);
  line-height: 1.6;
}

/* FAQ Accordion */
.faq-grid {
  max-width: 800px;
  margin: 48px auto 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.faq-item {
  background: var(--bg2);
  border: 1px solid var(--bd);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s;
}
.faq-item.active {
  border-color: var(--primary-bd);
  background: var(--bg3);
}
.faq-question {
  width: 100%;
  padding: 22px 28px;
  background: transparent;
  border: none;
  color: var(--ink);
  font-size: 16px;
  font-weight: 600;
  font-family: 'Outfit', sans-serif;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.faq-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--ink3);
  transition: transform 0.3s ease;
}
.faq-item.active .faq-icon {
  transform: rotate(45deg);
  color: var(--primary);
  background: var(--primary-s);
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0 28px;
  font-size: 14px;
  color: var(--ink3);
  line-height: 1.7;
}
.faq-item.active .faq-answer {
  max-height: 300px;
  padding: 0 28px 24px;
}

@media (max-width: 960px) {
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .timeline-grid {
    grid-template-columns: 1fr;
  }
  .contact-form-card {
    padding: 28px 20px;
  }
}
@media (max-width: 640px) {
  .form-row {
    grid-template-columns: 1fr;
  }
}

/* ── GLOBAL FOOTER CTA BANNER ── */
.global-cta-wrapper {
  padding: 40px 24px 80px 24px;
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.global-cta-card {
  background: #0B1120;
  background-image: 
    radial-gradient(circle at 50% 20%, rgba(14, 165, 233, 0.12) 0%, transparent 60%),
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 100% 100%, 36px 36px, 36px 36px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 64px 32px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.global-cta-card:hover {
  border-color: rgba(14, 165, 233, 0.3);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.7), 0 0 30px rgba(14, 165, 233, 0.15);
}

.global-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #FFFFFF;
  color: #0369A1;
  font-family: 'Fira Code', monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 50px;
  margin-bottom: 24px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.cta-badge-dot {
  font-size: 8px;
  color: #0EA5E9;
}

.global-cta-heading {
  font-family: 'Outfit', sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.25;
  color: #FFFFFF;
  margin-bottom: 18px;
  letter-spacing: -0.01em;
}

.global-cta-italic {
  font-family: 'Georgia', 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  color: #38BDF8;
}

.global-cta-sub {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #94A3B8;
  max-width: 600px;
  margin: 0 auto 36px auto;
  line-height: 1.6;
}

.global-cta-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.global-cta-btn-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  color: #0F172A;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.15);
}

.global-cta-btn-main:hover {
  background: #F8FAFC;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
  color: #0284C7;
}

.global-cta-btn-sub {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.6);
  color: #94A3B8;
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  font-weight: 500;
  padding: 14px 28px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  text-decoration: none;
  transition: all 0.25s ease;
}

.global-cta-btn-sub:hover {
  background: rgba(30, 41, 59, 0.8);
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .global-cta-card {
    padding: 44px 20px;
    border-radius: 18px;
  }
  .global-cta-heading {
    font-size: 28px;
  }
  .global-cta-sub {
    font-size: 14px;
  }
  .global-cta-actions {
    flex-direction: column;
    width: 100%;
  }
  .global-cta-btn-main, .global-cta-btn-sub {
    width: 100%;
  }
  .feat-img {
    max-height: 320px;
    border-radius: 18px;
    margin-top: 32px;
    aspect-ratio: 16 / 10;
  }
}