/* ════ GLOBAL ════ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&display=swap');
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0B0B2D;--bg2:#07071f;--bg3:#0d0d2e;
  --purple:#7C3AED;--pink:#EC4899;--cyan:#22D3EE;
  --purple-l:#A855F7;--white:#fff;
  --g:linear-gradient(90deg,#7C3AED,#EC4899);
  --g3:linear-gradient(90deg,#EC4899,#7C3AED,#22D3EE);
  --glow:0 0 40px rgba(124,58,237,.4);
  --card:rgba(255,255,255,.03);--cb:rgba(255,255,255,.07);
  --tr:.3s cubic-bezier(.4,0,.2,1);--r:16px
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:#fff;overflow-x:hidden;cursor:none}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:'Poppins',sans-serif;border:none;outline:none}
img{max-width:100%;display:block}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:var(--purple);border-radius:2px}

/* ════ CURSOR ════ */
.cursor-dot,.cursor-ring{position:fixed;border-radius:50%;pointer-events:none;z-index:99999;top:0;left:0;transform:translate(-50%,-50%)}
.cursor-dot{width:7px;height:7px;background:var(--purple);transition:transform .1s}
.cursor-ring{width:34px;height:34px;border:1.5px solid rgba(124,58,237,.5);transition:width .2s,height .2s,background .2s,border-color .2s}
.cursor-ring.hov{width:50px;height:50px;background:rgba(124,58,237,.08);border-color:var(--pink)}
.cursor-ring.clk{width:20px;height:20px}

/* ════ COMMON ════ */
.grad{background:var(--g3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.3);display:block;margin-bottom:12px}
.text-center{text-align:center}
.sec-title{font-size:clamp(28px,4.5vw,52px);font-weight:900;line-height:1.12;margin-bottom:15px}
.sec-sub{font-size:clamp(14px,1.6vw,17px);color:rgba(255,255,255,.55);max-width:520px;margin:0 auto;margin-bottom:16px;line-height:1.65}
.cta{padding:12px 28px;border-radius:30px;background:var(--g);color:#fff;font-weight:700;font-size:14px;box-shadow:var(--glow);transition:var(--tr);display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:none;font-family:'Poppins'}
.cta:hover{transform:translateY(-3px);box-shadow:0 0 55px rgba(236,72,153,.7)}
.cta-glow{animation:glowPulse 4.5s ease-in-out infinite}
@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(124,58,237,.35)}50%{box-shadow:0 0 34px rgba(124,58,237,.5)}}
.btn-ghost{padding:12px 26px;border-radius:30px;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:14px;font-weight:500;transition:var(--tr);display:inline-flex;align-items:center;font-family:'Poppins'}
.btn-ghost:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.08)}
section{padding:36px 6%}

/* ════ REVEAL ════ */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0s)}
.reveal.vis{opacity:1;transform:translateY(0)}

/* ════ NAV ════ */
nav{position:fixed;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 6%;z-index:1000;transition:all .4s;border-bottom:1px solid transparent}
nav.sc{background:rgba(11,11,45,.9);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:rgba(124,58,237,.12);box-shadow:0 4px 32px rgba(0,0,0,.3)}
.nav-logo{height:52px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(124,58,237,.5))}
.nav-links{display:flex;gap:26px}
.nav-links a{font-size:14px;font-weight:500;color:rgba(255,255,255,.65);transition:color .2s}
.nav-links a:hover{color:#fff}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;padding:4px}
.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:.3s}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-menu{display:none;flex-direction:column;position:fixed;top:80px;left:0;right:0;background:rgba(7,7,31,.98);backdrop-filter:blur(20px);padding:20px 6%;z-index:999;border-bottom:1px solid rgba(124,58,237,.2);gap:4px}
.mobile-menu.open{display:flex}
.mob-link{padding:14px 0;font-size:15px;font-weight:500;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.05)}
.mob-link:hover{color:#fff}

/* ════ HERO ════ */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:120px 6% 80px}
#particles{position:absolute;inset:0;z-index:0}
.hero-glow{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(124,58,237,.11),transparent 70%);border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.hero-glow2{background:radial-gradient(circle,rgba(236,72,153,.05),transparent 70%);top:60%;left:30%}
.hero-content{position:relative;z-index:2;max-width:960px;width:100%}

/* Hero badge */
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.28);border-radius:50px;padding:7px 20px;font-size:12px;font-weight:600;margin-bottom:28px;backdrop-filter:blur(8px);opacity:0;animation:fadeDown .7s .2s forwards}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--purple);flex-shrink:0;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}

/* Hero headline — each line animates in */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero-h1{font-size:clamp(36px,6vw,76px);font-weight:900;line-height:1.08;margin-bottom:24px}
.hero-line{display:block;opacity:0;transform:translateY(30px);animation:lineIn .8s cubic-bezier(.16,1,.3,1) forwards}
.hero-line:nth-child(1){animation-delay:.7s}
.hero-line:nth-child(2){animation-delay:.9s}
.hero-line:nth-child(3){animation-delay:1.1s}
.hero-accent{background:var(--g3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@keyframes lineIn{from{opacity:0;transform:translateY(30px) skewY(2deg)}to{opacity:1;transform:translateY(0) skewY(0)}}

/* Hero sub + buttons */
.hero-sub{font-size:clamp(15px,1.8vw,18px);color:rgba(255,255,255,.62);max-width:560px;margin:0 auto 36px;line-height:1.8;opacity:0;animation:fadeUp .7s 1.3s forwards}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .7s 1.5s forwards}
.hero::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(to top,var(--bg),transparent);z-index:1;pointer-events:none}
.spots-banner{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:3;background:rgba(124,58,237,.14);border:1px solid rgba(124,58,237,.28);border-radius:50px;padding:7px 22px;font-size:13px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(8px);white-space:nowrap;animation:fadeUp .7s 1.8s both}
.spots-dot{width:8px;height:8px;border-radius:50%;background:#f87171;animation:pulse 1.5s infinite;flex-shrink:0}

/* ════ STATS ════ */
.stats-section{padding:28px 6%;background:rgba(124,58,237,.04);border-top:1px solid rgba(124,58,237,.1);border-bottom:1px solid rgba(124,58,237,.1)}
.stats-grid{display:flex;justify-content:center;flex-wrap:wrap}
.stat-card{flex:1;min-width:140px;max-width:200px;text-align:center;padding:22px 16px;border-right:1px solid rgba(255,255,255,.05)}
.stat-card:last-child{border-right:none}
.stat-icon{font-size:24px;margin-bottom:6px}
.stat-val{font-size:clamp(22px,3vw,38px);font-weight:900;background:var(--g);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.stat-lbl{font-size:11px;color:rgba(255,255,255,.45);margin-top:4px;font-weight:500}

/* ════ CLIENTS / MARQUEE ════ */
.clients-section{padding:28px 0;background:#060612;overflow:hidden}
.clients-header{text-align:center;padding:0 6%;margin-bottom:10px}
.clients-title{font-size:clamp(24px,4vw,46px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:0;background:none;-webkit-text-fill-color:#fff}

.cr-marquee{width:100%;overflow:hidden;padding:11px 0;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);margin-bottom:4px}
.cr-track{display:flex;gap:10px;width:max-content;will-change:transform;animation:marqL 60s linear infinite}
@keyframes marqL{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes marqR{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}

.cr-card{width:260px;height:210px;flex-shrink:0;border-radius:16px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);background:#0f0f2a;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s}
.cr-card:hover{transform:translateY(-14px) scale(1.075);border-color:rgba(124,58,237,.6);box-shadow:0 40px 80px rgba(0,0,0,.58),0 0 60px rgba(124,58,237,.3);z-index:20}
.cr-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.cr-card:hover img{transform:scale(1.07)}
.cr-overlay{position:absolute;left:8px;right:8px;bottom:8px;top:32%;border-radius:14px;background:var(--g);display:flex;flex-direction:column;justify-content:center;padding:16px 18px;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 44px rgba(124,58,237,.4)}
.cr-card:hover .cr-overlay{opacity:1;transform:translateY(0)}
.cr-name{font-size:16px;font-weight:800;margin-bottom:2px;color:#fff}
.cr-role{font-size:12.5px;color:rgba(255,255,255,.85)}
.cr-stat{font-size:11px;font-weight:600;color:#fff;margin-top:10px;display:block;line-height:1.5}
.cr-card:hover .cr-name,.cr-card:hover .cr-role{transform:translateY(-3px) scale(1.06)}
.cr-card:hover .cr-stat{opacity:1;transform:translateY(0)}

.cr-marquee{width:100%;overflow:hidden;padding:11px 0;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);margin-bottom:4px}
.cr-track{display:flex;gap:10px;width:max-content;will-change:transform}
.cr-track--left{animation:marqL 60s linear infinite}
.cr-track--right{animation:marqR 60s linear infinite}
/* Intentionally no pause-on-hover here — both rows keep looping continuously. */

/* ════ STORIES / RESULTS ════ */
.stories-section{padding:36px 6%;background:var(--bg2)}
.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;max-width:1200px;margin:0 auto}
.story-card{border-radius:20px;overflow:hidden;position:relative;aspect-ratio:3/4;cursor:pointer;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.story-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.story-img{position:absolute;inset:0}
.story-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s}
.story-card:hover .story-img img{transform:scale(1.06)}
.story-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,7,31,1) 0%,rgba(7,7,31,.6) 40%,rgba(7,7,31,.05) 70%)}
.story-body{position:absolute;bottom:0;left:0;right:0;padding:20px 18px}
.story-tag{font-size:11px;font-weight:700;background:var(--g);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:6px}
.story-name{font-size:16px;font-weight:800;margin-bottom:8px;line-height:1.3}
.story-growth{font-size:13px;color:rgba(255,255,255,.75);line-height:1.5}
.story-growth strong{color:#a78bfa;font-weight:800;font-size:15px}

/* ════ SERVICES ════ */
.services-section{padding:40px 6%;text-align:center;position:relative;overflow:hidden}
.svc-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(124,58,237,.08),transparent 70%);pointer-events:none}
.svc-duo{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:1000px;margin:0 auto;align-items:stretch}
.svc-block{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:26px;padding:44px 36px;position:relative;overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s;cursor:default}
.svc-block::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.06) 0%,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.svc-block:hover{transform:translateY(-14px);box-shadow:0 44px 90px rgba(0,0,0,.45);--delay:0s}
.svc-block:hover::before{opacity:1}
.svc-glow-blob{position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(70px);opacity:.35;top:-60px;right:-60px;pointer-events:none;transition:opacity .4s}
.svc-block:hover .svc-glow-blob{opacity:.55}

/* Instagram accent */
.svc-block--ig{border-color:rgba(236,72,153,.18)}
.svc-block--ig .svc-glow-blob{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4)}
.svc-block--ig .svc-icon-big{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:none}
/* an SVG logo paints itself — undo the emoji gradient-text trick */
.svc-icon-big:has(.svc-logo){background:none;-webkit-text-fill-color:initial;filter:none}
.svc-block--ig:hover{border-color:rgba(221,42,123,.5);box-shadow:0 44px 90px rgba(0,0,0,.45),0 0 50px rgba(221,42,123,.15)}
.svc-block--ig .svc-check{background:rgba(221,42,123,.18);border-color:rgba(221,42,123,.4);color:#f472b6}
.svc-block--ig .svc-cta{border-color:rgba(221,42,123,.45);color:#f472b6}
.svc-block--ig .svc-cta:hover{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4);color:#fff}
.svc-block--ig .svc-most-pop{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4)}

/* YouTube accent */
.svc-block--yt{border-color:rgba(239,68,68,.18)}
.svc-block--yt .svc-glow-blob{background:radial-gradient(circle,#FF0000,#7C0000)}
.svc-block--yt .svc-icon-big{filter:drop-shadow(0 0 14px rgba(239,68,68,.5))}
.svc-block--yt:hover{border-color:rgba(239,68,68,.5);box-shadow:0 44px 90px rgba(0,0,0,.45),0 0 50px rgba(239,68,68,.15)}
.svc-block--yt .svc-check{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.4);color:#f87171}
.svc-block--yt .svc-cta{border-color:rgba(239,68,68,.45);color:#f87171}
.svc-block--yt .svc-cta:hover{background:linear-gradient(135deg,#FF0000,#b91c1c);color:#fff}
.svc-block--yt .svc-most-pop{background:linear-gradient(135deg,#FF0000,#b91c1c)}

.svc-most-pop{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--g);font-size:10px;font-weight:800;padding:4px 16px;border-radius:0 0 10px 10px;letter-spacing:1.5px;white-space:nowrap;z-index:1}
.svc-num{font-size:11px;font-weight:700;color:rgba(124,58,237,.6);letter-spacing:2px;margin-bottom:22px}
.svc-icon-big{font-size:52px;margin-bottom:18px;filter:drop-shadow(0 0 12px rgba(124,58,237,.4));position:relative;z-index:1}
.svc-sub-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:8px;position:relative;z-index:1}
.svc-h3{font-size:clamp(20px,2.4vw,26px);font-weight:800;margin-bottom:16px;line-height:1.25;color:#fff;background:none;-webkit-text-fill-color:#fff;text-align:left;position:relative;z-index:1}
.svc-desc{font-size:14.5px;color:rgba(255,255,255,.62);line-height:1.8;margin-bottom:24px;flex:1;position:relative;z-index:1}
.svc-list{list-style:none;padding:0;margin-bottom:30px;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.svc-list li{font-size:13.5px;color:rgba(255,255,255,.68);display:flex;align-items:center;gap:10px}
.svc-check{width:20px;height:20px;border-radius:50%;background:rgba(124,58,237,.2);border:1px solid rgba(124,58,237,.4);display:flex;align-items:center;justify-content:center;font-size:10px;color:#a78bfa;flex-shrink:0}
.svc-cta{display:inline-flex;align-items:center;gap:6px;padding:12px 26px;border-radius:30px;background:transparent;border:1px solid rgba(124,58,237,.4);color:#a78bfa;font-size:13.5px;font-weight:700;cursor:pointer;transition:var(--tr);font-family:'Poppins';align-self:flex-start;position:relative;z-index:1}
.svc-cta:hover{background:var(--g);border-color:transparent;color:#fff}
/* Featured/hero service */
.svc-block--hero{background:linear-gradient(145deg,rgba(124,58,237,.15),rgba(236,72,153,.08));border-color:rgba(124,58,237,.35);box-shadow:0 0 40px rgba(124,58,237,.12)}
.svc-block--hero:hover{box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 60px rgba(124,58,237,.25)}
.svc-block--hero .svc-cta{background:var(--g);border-color:transparent;color:#fff}

/* ════ ABOUT ════ */
.about-section{padding:40px 6%;position:relative;overflow:hidden}
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;max-width:1100px;margin:0 auto;align-items:center}
.about-visual{position:relative;height:520px}
.about-img-stack{position:relative;height:100%}
.aimg{border-radius:20px;overflow:hidden;position:absolute;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.aimg img{width:100%;height:100%;object-fit:cover;object-position:top}
.aimg1{width:280px;height:380px;top:0;left:0;transform:rotate(-4deg);z-index:1;border:2px solid rgba(124,58,237,.25)}
.aimg2{width:220px;height:300px;bottom:20px;right:0;transform:rotate(3.5deg);z-index:2;border:2px solid rgba(236,72,153,.2)}
.aimg-badge{position:absolute;bottom:80px;left:-10px;background:rgba(124,58,237,.2);backdrop-filter:blur(12px);border:1px solid rgba(124,58,237,.3);border-radius:50px;padding:8px 18px;font-size:12px;font-weight:700;color:#a78bfa;z-index:3;white-space:nowrap}
.aimg-badge2{position:absolute;top:60px;right:-10px;background:rgba(11,11,45,.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:7px 16px;font-size:12px;font-weight:700;z-index:3;white-space:nowrap}
.about-content{padding-left:12px}
.about-badge-pill{display:inline-flex;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;color:var(--purple-l);margin-bottom:24px}
.about-para{font-size:15.5px;line-height:1.85;color:rgba(255,255,255,.72);margin-bottom:16px}
.about-founders{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.founder-chip{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:8px 16px 8px 8px}
.founder-chip img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:top}
.founder-chip div{display:flex;flex-direction:column;gap:1px}
.founder-chip strong{font-size:13px;font-weight:700}
.founder-chip span{font-size:11px;color:rgba(255,255,255,.45)}
.about-glow-orb{position:absolute;bottom:-150px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.1),transparent 70%);border-radius:50%;filter:blur(60px);pointer-events:none}

/* ════ PILLARS ════ */
.pillars-section{padding:36px 6%;text-align:center;background:var(--bg2)}
.pillars-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1060px;margin:0 auto}
.pillar-card{background:var(--card);border:1px solid var(--cb);border-radius:22px;padding:36px 28px;text-align:left;position:relative;overflow:hidden;transition:var(--tr)}
.pillar-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--g);opacity:0;transition:opacity .3s}
.pillar-card:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.3)}
.pillar-card:hover::before{opacity:1}
.pillar-num{position:absolute;top:20px;right:20px;font-size:40px;font-weight:900;color:rgba(124,58,237,.08);line-height:1}
.pillar-icon-wrap{font-size:28px;margin-bottom:20px;background:var(--g);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pillar-title{font-size:19px;font-weight:800;font-style:italic;margin-bottom:14px;color:#fff;background:none;-webkit-text-fill-color:#fff}
.pillar-title em{background:var(--g);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic}
.pillar-body{font-size:13.5px;color:rgba(255,255,255,.58);line-height:1.75;margin-bottom:14px}
.pillar-bold{font-size:13.5px;font-weight:700;color:rgba(255,255,255,.88);line-height:1.6}

/* ════ TIMELINE ════ */
.timeline-section{padding:36px 6%;position:relative;overflow:hidden}
.timeline-wrap{position:relative;max-width:900px;margin:0 auto;padding:20px 0}
.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,rgba(124,58,237,.4) 10%,rgba(124,58,237,.4) 90%,transparent);transform:translateX(-50%)}

.tl-item{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:44px}
.tl-item:last-child{margin-bottom:0}
.tl-left .tl-card{grid-column:1;grid-row:1;text-align:right}
.tl-left .tl-dot{grid-column:2;grid-row:1}
.tl-left > *:last-child:not(.tl-dot){grid-column:3;opacity:0}
.tl-right .tl-card{grid-column:3;grid-row:1}
.tl-right .tl-dot{grid-column:2;grid-row:1}
.tl-right > *:first-child:not(.tl-dot){grid-column:1;opacity:0}

/* Simpler: use a single-col approach */
.tl-item{display:flex;align-items:flex-start;gap:28px;margin-bottom:40px;opacity:0;transform:translateX(-30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.tl-item.tl-right{flex-direction:row-reverse;transform:translateX(30px)}
.tl-item.vis{opacity:1;transform:translateX(0)}

.tl-card{flex:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:28px 28px;transition:border-color .3s,box-shadow .3s}
.tl-card:hover{border-color:rgba(124,58,237,.35);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.tl-right .tl-card{text-align:left}
.tl-year{font-size:13px;font-weight:800;color:var(--purple-l);letter-spacing:2px;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.tl-year::before{content:'';display:inline-block;width:28px;height:2px;background:var(--g);border-radius:1px}
.tl-right .tl-year::before{order:-1}
.tl-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:10px;background:none;-webkit-text-fill-color:#fff;text-align:left}
.tl-body{font-size:13.5px;color:rgba(255,255,255,.62);line-height:1.78}

.tl-dot{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:rgba(124,58,237,.15);border:2px solid rgba(124,58,237,.5);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;margin-top:26px}
.tl-dot::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(124,58,237,.15)}
.tl-dot-inner{width:14px;height:14px;border-radius:50%;background:var(--g);box-shadow:0 0 14px rgba(124,58,237,.7)}

/* ════ MYTHS ════ */
.myth-section{padding:36px 6%;text-align:center;background:var(--bg2)}
.myth-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:1100px;margin:0 auto}
.mf-card{height:240px;perspective:1200px;cursor:pointer}
.mf-card:focus{outline:none}
.mf-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1)}
.mf-card.flip .mf-inner{transform:rotateY(180deg)}
.mf-front,.mf-back{position:absolute;inset:0;border-radius:18px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-align:left}
.mf-front{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.mf-back{transform:rotateY(180deg)}
.mf-back--myth{background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(239,68,68,.05));border:1px solid rgba(239,68,68,.25)}
.mf-back--fact{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(16,185,129,.05));border:1px solid rgba(16,185,129,.25)}
.mf-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.3)}
.mf-q{font-size:15px;font-weight:600;line-height:1.55;color:#fff}
.mf-tap{font-size:11px;color:rgba(255,255,255,.25);display:flex;align-items:center;gap:5px}
.mf-tap::before{content:'↻';font-size:13px}
.mf-verdict{font-size:34px;font-weight:900;letter-spacing:2px}
.mf-back--myth .mf-verdict{color:#f87171}
.mf-back--fact .mf-verdict{color:#6ee7b7}
.mf-ans{font-size:13.5px;color:rgba(255,255,255,.75);line-height:1.65}

/* ════ FOOTER ════ */
/* ════ VIDEO BANNER (above footer) ════ */
.vb-section{padding:0 6%;margin:14px 0 40px}
.vb-wrap{position:relative;max-width:1200px;margin:0 auto;border-radius:24px;overflow:hidden;cursor:pointer;aspect-ratio:21/8;min-height:220px;border:1px solid rgba(255,255,255,.1);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s}
.vb-wrap:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.5);box-shadow:0 40px 80px rgba(0,0,0,.45)}
.vb-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.vb-wrap:hover .vb-thumb{transform:scale(1.04)}
.vb-fade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,6,18,.92) 20%,rgba(6,6,18,.55) 55%,rgba(124,58,237,.25) 100%)}
.vb-content{position:absolute;inset:0;display:flex;align-items:center;gap:26px;padding:0 5%}
.vb-play{flex-shrink:0;width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;position:relative;transition:var(--tr)}
.vb-play::before{content:'';position:absolute;inset:-12px;border-radius:50%;border:1.5px solid rgba(124,58,237,.4);animation:vtPulse 2.2s ease-out infinite}
.vb-play-icon{font-size:22px;color:#fff;padding-left:4px}
.vb-wrap:hover .vb-play{background:var(--g);border-color:transparent;transform:scale(1.1)}
.vb-eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#a78bfa;margin-bottom:8px}
.vb-title{font-size:clamp(18px,2.6vw,30px);font-weight:800;color:#fff;line-height:1.3;max-width:640px}

.site-footer{position:relative;overflow:hidden;padding:80px 6% 0}
.footer-float{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:28px;padding:52px 48px 36px;max-width:1200px;margin:0 auto 40px;position:relative;z-index:1;backdrop-filter:blur(8px)}
.footer-float::before{content:'';position:absolute;inset:0;border-radius:28px;background:radial-gradient(ellipse at 10% 0%,rgba(124,58,237,.08),transparent 60%);pointer-events:none}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-logo{height:44px;margin-bottom:14px;filter:drop-shadow(0 0 10px rgba(124,58,237,.4))}
.footer-tagline{font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:18px}
.footer-socials{display:flex;gap:8px}
.fsoc{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:rgba(255,255,255,.6);transition:var(--tr)}
.fsoc:hover{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.4);color:#a78bfa}
.footer-links-col{display:flex;flex-direction:column;gap:10px}
.footer-links-col h4{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:6px}
.footer-links-col a{font-size:13.5px;color:rgba(255,255,255,.55);transition:color .2s}
.footer-links-col a:hover{color:#fff}
.footer-cta-btn{margin-top:8px;padding:10px 22px;border-radius:30px;background:var(--g);color:#fff;font-size:13px;font-weight:700;cursor:pointer;border:none;font-family:'Poppins';transition:var(--tr);display:inline-block}
.footer-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--glow)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:22px;font-size:12px;color:rgba(255,255,255,.3);text-align:center}
.footer-bg-word{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);font-size:clamp(80px,18vw,200px);font-weight:900;color:rgba(124,58,237,.04);white-space:nowrap;user-select:none;letter-spacing:-6px;pointer-events:none}

/* ════ CONTACT MODAL ════ */
.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.popup-overlay.active{opacity:1;visibility:visible}
.popup-box{background:#0f0f38;border:1px solid rgba(124,58,237,.22);border-radius:22px;max-width:860px;width:100%;display:flex;overflow:hidden;max-height:92vh;transform:scale(.94) translateY(24px);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.popup-overlay.active .popup-box{transform:scale(1) translateY(0)}
.popup-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:15px;z-index:10;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.popup-close:hover{background:rgba(255,255,255,.18)}
.popup-left{flex:0 0 42%;background:linear-gradient(145deg,#1a0535,#0d0d2e);padding:44px 36px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.popup-left::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(124,58,237,.35),transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(236,72,153,.25),transparent 55%);pointer-events:none}
.popup-left-glow{position:absolute;bottom:-60px;left:-60px;width:280px;height:280px;background:radial-gradient(circle,#7C3AED,transparent 70%);filter:blur(70px);opacity:.35;pointer-events:none}
.popup-left-content{position:relative;z-index:2}
.popup-logo{font-size:13px;font-weight:800;background:var(--g);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:22px;letter-spacing:1px}
.popup-headline{font-size:26px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:12px;text-align:left;background:none;-webkit-text-fill-color:#fff}
.popup-headline em{font-style:italic;font-family:Georgia,serif;font-weight:400;background:var(--g);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.popup-tagline{font-size:13px;color:rgba(255,255,255,.52);line-height:1.6;margin-bottom:28px}
.popup-stats{display:flex;flex-direction:column;gap:14px}
.popup-stat{display:flex;flex-direction:column;gap:2px}
.popup-stat strong{font-size:20px;font-weight:800;background:var(--g);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.popup-stat span{font-size:10px;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:1.5px}
.popup-right{flex:1;background:#0e0e1e;padding:36px 32px;overflow-y:auto}
.popup-form-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:4px;background:none;-webkit-text-fill-color:#fff;text-align:left}
.popup-form-sub{font-size:12.5px;color:rgba(255,255,255,.37);margin-bottom:22px}
.popup-form{display:flex;flex-direction:column;gap:14px}
.pf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pf-group{display:flex;flex-direction:column;gap:6px}
.pf-group label{font-size:10px;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,.42);text-transform:uppercase}
.pf-input-wrap{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px 14px;transition:border-color .25s,background .25s}
.pf-input-wrap:focus-within{border-color:rgba(124,58,237,.55);background:rgba(124,58,237,.06)}
.pf-input-wrap input,.pf-input-wrap select,.pf-input-wrap textarea{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:'Poppins';font-size:13px;width:100%}
.pf-input-wrap input::placeholder,.pf-input-wrap textarea::placeholder{color:rgba(255,255,255,.27)}
.pf-input-wrap select{cursor:pointer;appearance:none;-webkit-appearance:none}
.pf-input-wrap select option{background:#1a1a2e;color:#fff}
.pf-select-wrap{position:relative}
.pf-chevron{position:absolute;right:14px;pointer-events:none}
.pf-textarea-wrap{align-items:flex-start}
.pf-textarea-wrap textarea{resize:vertical;min-height:72px;line-height:1.6}
.pf-submit{width:100%;padding:14px;border-radius:30px;background:var(--g);color:#fff;font-family:'Poppins';font-size:15px;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 0 28px rgba(124,58,237,.4);border:none}
.pf-submit:hover{transform:translateY(-2px);box-shadow:0 0 45px rgba(236,72,153,.55)}
.pf-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* ════ WA FLOAT ════ */
.wa-float{position:fixed;bottom:26px;right:26px;z-index:5000;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(37,211,102,.45);animation:waF 3s ease-in-out infinite;transition:transform .3s}
.wa-float:hover{transform:scale(1.12);box-shadow:0 6px 36px rgba(37,211,102,.7)}
@keyframes waF{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ════ BLOG PAGE ════ */
.page-hero{padding:120px 6% 60px;text-align:center;position:relative}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.12),transparent 65%);pointer-events:none}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px;max-width:1100px;margin:0 auto}
.blog-card{background:var(--card);border:1px solid var(--cb);border-radius:18px;overflow:hidden;transition:all .35s;display:block}
.blog-card:hover{border-color:rgba(124,58,237,.35);transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.blog-card-img{height:195px;overflow:hidden;background:rgba(124,58,237,.08)}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.blog-card:hover .blog-card-img img{transform:scale(1.06)}
.blog-card-body{padding:20px}
.blog-cat{font-size:11px;background:rgba(124,58,237,.18);padding:3px 10px;border-radius:10px;color:#a78bfa;font-weight:600;margin-bottom:10px;display:inline-block}
.blog-card-body h3{font-size:15px;font-weight:700;line-height:1.4;margin-bottom:8px;color:#fff;background:none;-webkit-text-fill-color:#fff;text-align:left}
.blog-card-body p{font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:10px}
.blog-meta{font-size:11px;color:rgba(255,255,255,.32);display:flex;gap:8px}
.blog-featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;background:var(--card);border:1px solid rgba(124,58,237,.18)}
.blog-featured .blog-card-img{height:auto;min-height:280px}
.blog-featured .blog-card-body{padding:40px;display:flex;flex-direction:column;justify-content:center}
.blog-featured .blog-card-body h3{font-size:22px}

/* ════ CAREERS PAGE ════ */
.perks-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:34px}
.perk-chip{background:var(--card);border:1px solid var(--cb);border-radius:50px;padding:9px 20px;font-size:13px;font-weight:500}
.job-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.job-card{background:var(--card);border:1px solid var(--cb);border-radius:16px;overflow:hidden;transition:border-color .3s}
.job-card:hover,.job-card.open{border-color:rgba(124,58,237,.35)}
.job-header{padding:22px 26px;display:flex;align-items:center;gap:16px;cursor:pointer}
.job-title{font-size:16px;font-weight:700;flex:1}
.job-tag{font-size:11px;background:rgba(124,58,237,.15);padding:3px 10px;border-radius:10px;color:#a78bfa;font-weight:600}
.job-arrow{font-size:16px;color:rgba(255,255,255,.35);transition:transform .3s}
.job-card.open .job-arrow{transform:rotate(180deg)}
.job-body{display:none;padding:0 26px 24px;border-top:1px solid rgba(255,255,255,.06)}
.job-card.open .job-body{display:block}
.job-body p{font-size:14px;color:rgba(255,255,255,.68);line-height:1.75;margin:16px 0}
.job-reqs{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px;margin-bottom:20px}
.job-reqs li{font-size:13px;color:rgba(255,255,255,.68);display:flex;gap:8px;align-items:flex-start}
.job-reqs li::before{content:'✓';color:var(--purple);flex-shrink:0;margin-top:1px}
.apply-btn{display:inline-flex;align-items:center;gap:6px;background:var(--g);color:#fff;padding:10px 24px;border-radius:30px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:var(--tr);font-family:'Poppins'}
.apply-btn:hover{transform:translateY(-2px);box-shadow:var(--glow)}

/* ════ APPLY MODAL ════ */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:9100;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.3s}
.modal-overlay.active{opacity:1;visibility:visible}
.modal-box{background:#0f0f38;border:1px solid rgba(124,58,237,.22);border-radius:20px;width:100%;max-width:500px;padding:34px;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.94) translateY(20px);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.modal-overlay.active .modal-box{transform:scale(1) translateY(0)}
.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s}
.modal-close:hover{background:rgba(255,255,255,.18)}

/* ════ ADMIN ════ */
body.admin-body{cursor:auto;background:#07071f}
body.admin-body .cursor-dot,body.admin-body .cursor-ring{display:none}
.admin-wrap{display:flex;min-height:100vh;font-family:'Poppins',sans-serif}
.admin-sidebar{width:228px;min-width:228px;background:#0d0d28;border-right:1px solid rgba(124,58,237,.12);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
.admin-sidebar-logo{padding:20px 18px 10px;border-bottom:1px solid rgba(124,58,237,.1);font-size:17px;font-weight:900;background:linear-gradient(90deg,#7C3AED,#EC4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.admin-sidebar-sub{display:block;font-size:10px;color:rgba(255,255,255,.28);margin-top:2px;background:none;-webkit-text-fill-color:rgba(255,255,255,.28)}
.admin-nav{flex:1;padding:8px 0}
.admin-section-label{font-size:9px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.18);padding:14px 18px 4px}
.admin-nav a{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:12.5px;color:rgba(255,255,255,.5);transition:all .15s;border-left:2px solid transparent;text-decoration:none}
.admin-nav a:hover{color:#fff;background:rgba(124,58,237,.07)}
.admin-nav a.active{color:#a78bfa;border-left-color:var(--purple);background:rgba(124,58,237,.1);font-weight:600}
.admin-nav a .icon{font-size:15px;flex-shrink:0}
.admin-sidebar-foot{padding:12px 16px;border-top:1px solid rgba(124,58,237,.1)}
.admin-logout{width:100%;padding:9px;background:rgba(239,68,68,.09);border:1px solid rgba(239,68,68,.18);border-radius:8px;color:#f87171;font-size:12px;font-weight:600;cursor:pointer;font-family:'Poppins';transition:background .2s}
.admin-logout:hover{background:rgba(239,68,68,.2)}
.admin-main{flex:1;padding:30px 34px;overflow-y:auto}
.admin-page-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:4px}
.admin-page-sub{font-size:13px;color:rgba(255,255,255,.4);margin-bottom:26px}
.acard{background:#0d0d28;border:1px solid rgba(124,58,237,.14);border-radius:14px;padding:22px;margin-bottom:18px}
.alabel{display:block;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:7px}
.ainput{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:9px;padding:10px 13px;color:#fff;font-size:13.5px;font-family:'Poppins';transition:border-color .2s;outline:none}
.ainput:focus{border-color:var(--purple)}
.ainput::placeholder{color:rgba(255,255,255,.22)}
.ainput option{background:#1a1a3e;color:#fff}
.abtn{padding:9px 18px;border-radius:9px;font-size:13px;font-weight:600;font-family:'Poppins';cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px}
.abtn-primary{background:linear-gradient(90deg,#7C3AED,#EC4899);color:#fff}
.abtn-primary:hover{opacity:.85;transform:translateY(-1px)}
.abtn-danger{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.18)}
.abtn-danger:hover{background:rgba(239,68,68,.22)}
.abtn-secondary{background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.09)}
.abtn-secondary:hover{background:rgba(255,255,255,.1);color:#fff}
.atab{padding:8px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:transparent;color:rgba(255,255,255,.48);font-size:13px;font-weight:600;cursor:pointer;font-family:'Poppins';transition:all .2s;text-decoration:none;display:inline-block}
.atab.on{background:rgba(124,58,237,.18);border-color:rgba(124,58,237,.38);color:#a78bfa}
.atable{width:100%;border-collapse:collapse;font-size:13px}
.atable th{padding:10px 14px;text-align:left;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.32);border-bottom:1px solid rgba(255,255,255,.06)}
.atable td{padding:13px 14px;color:rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}
.atable tr:hover td{background:rgba(124,58,237,.04)}
.abadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}
.abadge-new{background:rgba(124,58,237,.2);color:#a78bfa}
.abadge-contacted{background:rgba(59,130,246,.18);color:#93c5fd}
.abadge-qualified{background:rgba(16,185,129,.18);color:#6ee7b7}
.abadge-closed{background:rgba(107,114,128,.18);color:#9ca3af}
.astat{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.16);border-radius:12px;padding:18px;text-align:center}
.astat-val{font-size:30px;font-weight:900;background:linear-gradient(90deg,#7C3AED,#EC4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.astat-label{font-size:12px;color:rgba(255,255,255,.42);margin-top:4px}
.aform-grid{display:grid;gap:14px}
.aform-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.amodal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
.amodal{background:#0d0d28;border:1px solid rgba(124,58,237,.22);border-radius:16px;width:100%;max-width:520px;padding:28px;max-height:90vh;overflow-y:auto;position:relative}
.amodal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}
.aimg-preview{width:72px;height:72px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.09);flex-shrink:0}
.file-upload-label{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(124,58,237,.12);border:1px dashed rgba(124,58,237,.36);border-radius:8px;cursor:pointer;font-size:12.5px;color:#a78bfa;transition:background .2s}
.file-upload-label:hover{background:rgba(124,58,237,.22)}
.success-msg{color:#6ee7b7;font-size:13px;padding:8px 12px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.18);border-radius:8px;margin-top:10px;display:none}
.error-msg{color:#f87171;font-size:13px;padding:8px 12px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.18);border-radius:8px;margin-top:10px;display:none}
.a-preview-box{padding:18px;background:#07071f;border-radius:10px;border:1px solid rgba(124,58,237,.12);margin-top:14px}
.a-preview-label{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.22);margin-bottom:12px;display:block}
.spots-big{font-size:52px;font-weight:900;background:linear-gradient(90deg,#7C3AED,#EC4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}

/* ════ STAT COUNTER POP ════ */
.stat-card{transition:transform .3s}
.stat-icon{transition:transform .4s}
.stat-card.vis .stat-icon{animation:statPop .6s cubic-bezier(.34,1.56,.64,1) both .1s}
@keyframes statPop{0%{transform:scale(0) rotate(-15deg)}70%{transform:scale(1.2) rotate(4deg)}100%{transform:scale(1) rotate(0)}}

/* ════ REAL SCREENSHOT STORY CARDS ════ */
.shot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;max-width:1240px;margin:0 auto}
.shot-card{cursor:pointer;border-radius:22px;overflow:hidden;background:#0f0f2a;border:1px solid rgba(255,255,255,.08);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s}
.shot-card:hover{transform:translateY(-8px) rotate(-.4deg);border-color:rgba(124,58,237,.5);box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(124,58,237,.15)}
.shot-frame{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden}
.shot-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.shot-card:hover .shot-frame img{transform:scale(1.05)}
.shot-fade{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,18,.92) 0%,rgba(6,6,18,.05) 40%,transparent 60%)}
.shot-tag{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;gap:3px}
.shot-name{font-size:14px;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px}
.shot-verified{width:14px;height:14px;border-radius:50%;background:#3b9eff;color:#fff;font-size:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.shot-followers{display:inline-flex;align-items:center;gap:5px;width:fit-content;font-size:12px;font-weight:800;color:#fff;letter-spacing:.2px;padding:4px 11px;border-radius:999px;background:linear-gradient(135deg,#7C3AED,#EC4899);box-shadow:0 6px 16px rgba(124,58,237,.4);text-shadow:0 1px 3px rgba(0,0,0,.25)}
.shot-followers::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.9);flex-shrink:0}
.shot-cta{display:block;width:100%;padding:13px 10px;background:transparent;border:none;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.8);font-size:12.5px;font-weight:700;font-family:'Poppins';cursor:pointer;transition:var(--tr)}
.shot-cta:hover{background:var(--g);color:#fff}

/* ════ PROTOCOL / GROWTH ENGINE ════ */
.protocol-section{padding:36px 6%;position:relative;overflow:hidden}
.proto-wrap{position:relative;max-width:1040px;margin:0 auto;padding:20px 0}
.proto-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,rgba(124,58,237,.4) 10%,rgba(236,72,153,.4) 90%,transparent);transform:translateX(-50%)}
.proto-item{display:flex;align-items:center;gap:32px;margin-bottom:44px;opacity:0;transform:translateX(-30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.proto-item.proto-right{flex-direction:row-reverse;transform:translateX(30px)}
.proto-item.vis{opacity:1;transform:translateX(0)}
.proto-item:last-child{margin-bottom:0}
.proto-card{flex:1;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:30px 28px;position:relative;transition:border-color .3s,box-shadow .3s}
.proto-card:hover{border-color:rgba(124,58,237,.35);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.proto-num{position:absolute;top:18px;right:22px;font-size:34px;font-weight:900;color:rgba(124,58,237,.1);line-height:1}
.proto-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#EC4899,#7C3AED);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;box-shadow:0 8px 24px rgba(124,58,237,.35)}
.proto-title{font-size:19px;font-weight:800;color:#fff;margin-bottom:10px;background:none;-webkit-text-fill-color:#fff}
.proto-body{font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.75}
.proto-dot{flex-shrink:0;width:14px;height:14px;border-radius:50%;background:var(--g);box-shadow:0 0 16px rgba(124,58,237,.7);position:relative;z-index:2}
.proto-visual{flex:1;height:180px;border-radius:18px;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:24px}
.proto-visual-1{background:linear-gradient(155deg,rgba(124,58,237,.16),rgba(11,11,45,.4))}
.proto-visual-2{background:linear-gradient(155deg,rgba(236,72,153,.16),rgba(11,11,45,.4))}
.proto-visual-3{background:linear-gradient(155deg,rgba(34,211,238,.14),rgba(11,11,45,.4))}
.proto-visual-4{background:linear-gradient(155deg,rgba(124,58,237,.18),rgba(236,72,153,.1))}
.proto-visual-5{background:linear-gradient(155deg,rgba(236,72,153,.14),rgba(34,211,238,.1))}
.proto-visual-6{background:linear-gradient(155deg,rgba(34,211,238,.16),rgba(124,58,237,.12))}
.pv-scene{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}

/* -- Research: bar chart + magnifying glass -- */
.pv-scene-research{align-items:flex-end;justify-content:center;gap:8px;padding-bottom:6px}
.pv-chart{display:flex;align-items:flex-end;gap:7px;height:80px}
.pv-chart span{width:14px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#a78bfa,#7C3AED);opacity:.5;animation:pvGrow 2.4s ease-in-out infinite}
.pv-chart span:nth-child(1){height:35%;animation-delay:0s}
.pv-chart span:nth-child(2){height:55%;animation-delay:.15s}
.pv-chart span:nth-child(3){height:80%;animation-delay:.3s;opacity:1}
.pv-chart span:nth-child(4){height:50%;animation-delay:.45s}
.pv-chart span:nth-child(5){height:65%;animation-delay:.6s}
@keyframes pvGrow{0%,100%{transform:scaleY(.75)}50%{transform:scaleY(1)}}
.pv-mag{position:absolute;top:22px;right:34px;animation:pvFloat 3.5s ease-in-out infinite}
.pv-mag-glass{width:38px;height:38px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 18px rgba(124,58,237,.5);background:rgba(124,58,237,.12)}
.pv-mag-handle{position:absolute;bottom:-14px;right:-6px;width:5px;height:20px;border-radius:3px;background:#fff;transform:rotate(45deg)}
@keyframes pvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* -- Scripting: typed lines with blinking cursor -- */
.pv-scene-script{flex-direction:column;align-items:flex-start;gap:10px;padding:0 10px}
.pv-line{height:9px;border-radius:5px;background:rgba(255,255,255,.14);width:100%}
.pv-line-hook{background:none;height:auto;font-size:12px;font-weight:800;color:#f9a8d4;letter-spacing:.5px}
.pv-cursor{display:inline-block;width:2px;height:12px;background:#f9a8d4;margin-left:3px;vertical-align:middle;animation:pvBlink 1s step-end infinite}
.pv-line-cta{background:none;height:auto;font-size:11px;font-weight:800;color:#a78bfa;border:1.5px solid rgba(124,58,237,.5);border-radius:20px;padding:5px 14px;width:auto!important}
@keyframes pvBlink{0%,100%{opacity:1}50%{opacity:0}}

/* -- Shooting: camera viewfinder -- */
.pv-scene-shoot{width:70%;height:70%}
.pv-viewfinder{position:relative;width:100%;height:100%}
.pv-corner{position:absolute;width:22px;height:22px;border:2.5px solid #fff}
.pv-corner-tl{top:0;left:0;border-right:none;border-bottom:none}
.pv-corner-tr{top:0;right:0;border-left:none;border-bottom:none}
.pv-corner-bl{bottom:0;left:0;border-right:none;border-top:none}
.pv-corner-br{bottom:0;right:0;border-left:none;border-top:none}
.pv-rec{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;color:#f87171;letter-spacing:1px;animation:pvBlink 1.4s ease-in-out infinite}
.pv-focus{position:absolute;top:50%;left:50%;width:44px;height:44px;border:1.5px dashed rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%);animation:pvSpin 10s linear infinite}
@keyframes pvSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* -- Editing: timeline + waveform -- */
.pv-scene-edit{flex-direction:column;gap:16px;padding:0 14px;align-items:stretch}
.pv-timeline{position:relative;display:flex;gap:4px;height:34px}
.pv-clip{flex:1;border-radius:6px;opacity:.9}
.pv-playhead{position:absolute;top:-4px;bottom:-4px;left:38%;width:2px;background:#fff;box-shadow:0 0 8px #fff;animation:pvScrub 3s ease-in-out infinite}
@keyframes pvScrub{0%,100%{left:6%}50%{left:88%}}
.pv-waveform{display:flex;align-items:center;gap:3px;height:26px}
.pv-waveform span{flex:1;height:40%;border-radius:2px;background:rgba(255,255,255,.25);animation:pvGrow 1.6s ease-in-out infinite}
.pv-waveform span:nth-child(odd){animation-delay:.2s;background:rgba(167,139,250,.5)}

/* -- Posting: phone with post card + rocket -- */
.pv-scene-post{gap:16px}
.pv-phone{position:relative;width:78px;height:130px;border-radius:16px;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.25);overflow:hidden}
.pv-phone-notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:26px;height:4px;border-radius:3px;background:rgba(255,255,255,.3)}
.pv-post-card{position:absolute;left:8px;right:8px;bottom:-60px;height:60px;border-radius:8px;background:var(--g);animation:pvPostUp 2.6s ease-in-out infinite}
@keyframes pvPostUp{0%{bottom:-60px;opacity:0}40%{opacity:1}70%{bottom:14px;opacity:1}100%{bottom:14px;opacity:1}}
.pv-rocket{font-size:26px;animation:pvFloat 2.6s ease-in-out infinite}

/* -- Growth management: chat bubbles -- */
.pv-scene-chat{flex-direction:column;align-items:stretch;gap:10px;padding:0 12px}
.pv-bubble{max-width:80%;padding:8px 14px;border-radius:14px;font-size:11px;font-weight:600;color:#fff}
.pv-bubble-left{align-self:flex-start;background:rgba(255,255,255,.1);border-bottom-left-radius:3px}
.pv-bubble-right{align-self:flex-end;background:var(--g);border-bottom-right-radius:3px}
.pv-check{opacity:.85}
.pv-avatars{display:flex;gap:-6px;margin-top:4px}
.pv-avatar{width:24px;height:24px;border-radius:50%;background:var(--g3);border:2px solid #0b0b2d;margin-left:-8px}
.pv-avatar:first-child{margin-left:0}

/* ════ LEADERSHIP ════ */
.leadership-section{padding:36px 6%;text-align:center;background:var(--bg2);position:relative;overflow:hidden}
.lead-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.16;filter:saturate(.6) contrast(1.1)}
.lead-bg-fade{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg2) 0%,rgba(11,11,45,.55) 35%,var(--bg2) 85%)}
.leadership-section>*{position:relative;z-index:1}
.lead-note{max-width:640px;margin:22px auto 44px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.28);border-radius:16px;padding:16px 24px;font-size:14px;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:12px;text-align:left}
.lead-note-icon{font-size:20px;flex-shrink:0}
.lead-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:0 auto}
.lead-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:40px 26px 32px;transition:transform .35s,border-color .3s}
.lead-card:hover{transform:translateY(-8px);border-color:rgba(124,58,237,.35)}
.lead-photo-wrap{width:130px;height:130px;border-radius:50%;margin:0 auto 20px;padding:4px;background:var(--g3);position:relative}
.lead-photo-wrap::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:1.5px dashed rgba(124,58,237,.35)}
.lead-photo-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #0b0b2d}
.lead-badges{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}
.lead-badge{font-size:11px;font-weight:700;padding:5px 16px;border-radius:20px;letter-spacing:.5px}
.lead-badge-1{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7)}
.lead-badge-2{background:linear-gradient(90deg,rgba(236,72,153,.22),rgba(124,58,237,.22));border:1px solid rgba(236,72,153,.35);color:#f9a8d4}
.lead-name{font-size:20px;font-weight:800;margin-bottom:12px}
.lead-bio{font-size:13.5px;color:rgba(255,255,255,.58);line-height:1.75;margin-bottom:22px;min-height:80px}
.lead-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.lead-link{padding:8px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.14);font-size:12.5px;font-weight:600;color:rgba(255,255,255,.75);transition:var(--tr)}
.lead-link:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.12);color:#fff}

/* ════ VIDEO TESTIMONIALS ════ */
.vt-section{padding:36px 0;background:#060612;overflow:hidden}
.vt-section .eyebrow,.vt-section .sec-title,.vt-section .sec-sub{padding:0 6%}
.vt-marquee{width:100%;overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%)}
.vt-track{display:flex;gap:20px;width:max-content;animation:marqL 70s linear infinite}
.vt-card{position:relative;width:230px;height:370px;flex-shrink:0;border-radius:22px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#0f0f2a;transition:transform .35s,border-color .3s,box-shadow .35s}
.vt-card:hover{transform:translateY(-8px) scale(1.03);border-color:rgba(124,58,237,.6);box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(124,58,237,.2)}
.vt-card img,.vt-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s}
.vt-card:hover img,.vt-card:hover .vt-media{transform:scale(1.06)}
.vt-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,18,.96) 0%,rgba(6,6,18,.1) 42%,rgba(6,6,18,.4) 100%)}
.vt-quote{position:absolute;top:14px;left:16px;font-family:Georgia,serif;font-size:46px;font-weight:900;line-height:1;color:rgba(255,255,255,.18)}
.vt-play{position:absolute;top:50%;left:50%;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;transition:var(--tr)}
.vt-play::before{content:'';position:absolute;inset:-10px;border-radius:50%;border:1.5px solid rgba(124,58,237,.4);animation:vtPulse 2.2s ease-out infinite}
.vt-play-icon{font-size:16px;color:#fff;padding-left:3px;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}
.vt-card:hover .vt-play{background:var(--g);border-color:transparent;transform:translate(-50%,-50%) scale(1.12)}
/* hover-to-play: hold the row still, hide the play button, lighten overlay while playing */
.vt-marquee:hover .vt-track{animation-play-state:paused}
.vt-card.vt-playing .vt-play{opacity:0;pointer-events:none}
.vt-card.vt-playing .vt-quote{opacity:0}
.vt-card.vt-playing .vt-overlay{background:linear-gradient(to top,rgba(6,6,18,.92) 0%,rgba(6,6,18,0) 42%)}
@keyframes vtPulse{0%{transform:scale(.85);opacity:.8}100%{transform:scale(1.35);opacity:0}}
.vt-info{position:absolute;bottom:0;left:0;right:0;padding:18px}
.vt-name{font-size:15px;font-weight:800}
.vt-role{font-size:11.5px;color:rgba(255,255,255,.55);margin-top:2px}

.vt-modal{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:9500;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.vt-modal.active{opacity:1;visibility:visible}
.vt-modal-inner{position:relative;width:100%;max-width:420px}
.vt-modal-media{width:100%;aspect-ratio:9/16;background:#000;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.vt-modal-media video,.vt-modal-media iframe{width:100%;height:100%;border:none;object-fit:contain}
.vt-modal-close{position:absolute;top:-40px;right:0;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vt-modal-caption{text-align:center;margin-top:14px;color:rgba(255,255,255,.7);font-size:13px}
.vt-modal-empty{color:rgba(255,255,255,.5);font-size:13px;text-align:center;padding:0 20px}

/* ════ PROMO POPUP (15s delayed) ════ */
.promo-overlay{position:fixed;bottom:100px;right:26px;z-index:6000;max-width:320px;width:calc(100% - 40px);transform:translateY(30px) scale(.95);opacity:0;visibility:hidden;transition:opacity .4s,transform .4s,visibility .4s}
.promo-overlay.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.promo-box{background:#0f0f38;border:1px solid rgba(124,58,237,.3);border-radius:18px;padding:24px 22px;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.promo-close{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.promo-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#f9a8d4;font-weight:700;display:block;margin-bottom:8px}
.promo-heading{font-size:17px;font-weight:800;margin-bottom:8px;padding-right:20px}
.promo-text{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.6;margin-bottom:16px}
.promo-cta{width:100%;padding:11px;border-radius:10px;background:var(--g);color:#fff;font-family:'Poppins';font-size:13px;font-weight:700;cursor:pointer;border:none;transition:var(--tr)}
.promo-cta:hover{opacity:.88}

/* ════ FOUNDER CALL / PAYMENT VIEW ════ */
.pf-founder-link{display:block;width:100%;text-align:center;background:none;border:none;color:#a78bfa;font-size:12.5px;font-weight:600;padding:14px 0 2px;cursor:pointer;font-family:'Poppins';text-decoration:underline;text-underline-offset:3px}
.pf-founder-link:hover{color:#f9a8d4}
.fc-back{background:none;border:none;color:rgba(255,255,255,.5);font-size:12.5px;cursor:pointer;font-family:'Poppins';margin-bottom:14px;padding:0}
.fc-back:hover{color:#fff}
.fc-price-box{display:flex;align-items:baseline;gap:10px;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.25);border-radius:12px;padding:14px 18px;margin-bottom:20px}
.fc-price{font-size:28px;font-weight:900;background:var(--g);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.fc-price-label{font-size:11.5px;color:rgba(255,255,255,.5)}
.fc-error{color:#f87171;font-size:12.5px;margin-top:10px;text-align:center}

/* ════ RESPONSIVE ════ */
@media(max-width:1024px){
  .svc-duo{grid-template-columns:1fr}
  .svc-block--hero{order:-1}
  .about-wrap{grid-template-columns:1fr;gap:48px}
  .about-visual{height:320px}
  .aimg1{width:200px;height:270px}
  .aimg2{width:170px;height:230px}
  .pillars-row{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px}
  .lead-row{grid-template-columns:1fr 1fr}
  .proto-visual{display:none}
  .proto-item,.proto-item.proto-right{flex-direction:column;align-items:stretch;gap:14px;transform:translateX(0)!important}
  .proto-dot{display:none}
}
@media(max-width:768px){
  section{padding:30px 5%}
  nav{padding:12px 5%}
  .nav-links{display:none}
  .hamburger{display:flex}
  .hero{padding:96px 5% 70px}
  .hero-h1{font-size:clamp(30px,8vw,48px)}
  .stories-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .story-card{aspect-ratio:2/3}
  .pillars-row{grid-template-columns:1fr}
  .about-wrap{gap:36px}
  .about-visual{height:260px}
  .aimg1{width:165px;height:220px;transform:rotate(-3deg) translateX(14px)}
  .aimg2{width:155px;height:205px;transform:rotate(3deg) translateX(-14px)}
  .tl-item,.tl-item.tl-right{flex-direction:column;align-items:flex-start;gap:12px;transform:translateX(-20px)}
  .tl-item.vis{transform:translateX(0)}
  .timeline-line{left:20px}
  .tl-dot{margin-top:0;width:40px;height:40px;flex-shrink:0}
  .myth-grid{grid-template-columns:1fr}
  .popup-box{flex-direction:column;max-height:95vh;border-radius:18px;overflow-y:auto}
  .popup-left{flex:none;padding:24px 20px}
  .popup-headline{font-size:20px}
  .popup-stats{flex-direction:row;gap:14px}
  .popup-right{padding:22px 18px}
  .pf-row{grid-template-columns:1fr}
  .footer-float{padding:36px 24px 28px;border-radius:18px}
  .footer-top{grid-template-columns:1fr}
  .blog-featured{grid-template-columns:1fr}
  .blog-featured .blog-card-img{min-height:200px}
  .shot-grid{grid-template-columns:1fr 1fr;gap:12px}
  .lead-row{grid-template-columns:1fr}
  .vt-card{width:160px;height:270px}
  .cr-card{width:150px;height:125px}
  .promo-overlay{right:14px;left:14px;bottom:90px;max-width:none;width:auto}
  .admin-wrap{flex-direction:column}
  .admin-sidebar{width:100%;min-width:unset;height:auto;position:static}
  .admin-nav{display:flex;flex-wrap:wrap;gap:2px;padding:8px}
  .admin-nav a{padding:6px 12px;font-size:11px;border-left:none;border-radius:6px}
  .admin-nav a.active{border-left:none;background:rgba(124,58,237,.2)}
  .admin-main{padding:18px}
  .aform-row{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hero-h1{font-size:clamp(26px,7.5vw,38px)}
  .hero-btns{flex-direction:column;align-items:center}
  .stories-grid{grid-template-columns:1fr}
  .story-card{aspect-ratio:4/3}
  .shot-grid{grid-template-columns:1fr}
  .svc-block{padding:28px 22px}
  .popup-left{display:none}
  .popup-right{padding:20px 14px}
  .wa-float{bottom:18px;right:18px;width:48px;height:48px}
}

/* ════════════════════════════════════════════════════════════════
   ADDITIONS — process shots, team strip, testimonials, next card
   ════════════════════════════════════════════════════════════════ */

/* ── Growth Engine: real photo per step ───────────────────────── */
.proto-visual:has(.pv-shot){padding:0;align-items:stretch;justify-content:stretch;height:210px;background:#0d0d2a}
.pv-shot{position:relative;width:100%;height:100%;overflow:hidden;border-radius:17px}
.pv-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.proto-item:hover .pv-shot img{transform:scale(1.06)}
.pv-shot::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(11,11,45,.85) 0%,rgba(11,11,45,.15) 45%,transparent 75%);pointer-events:none}
.pv-shot-ring{position:absolute;inset:0;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(124,58,237,.28);pointer-events:none;z-index:2}
.pv-shot-step{position:absolute;left:14px;bottom:12px;z-index:3;font-size:10.5px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:#fff;background:rgba(124,58,237,.85);padding:5px 11px;border-radius:20px;backdrop-filter:blur(6px)}

/* ── Stories That Speak: instagram link + handle ──────────────── */
.shot-frame--link{display:block;cursor:pointer}
.shot-ig{position:absolute;top:12px;right:12px;z-index:6;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(10,10,30,.55);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);opacity:0;transform:translateY(-6px) scale(.9);transition:all .35s cubic-bezier(.16,1,.3,1)}
.shot-card:hover .shot-ig{opacity:1;transform:translateY(0) scale(1);background:linear-gradient(135deg,#EC4899,#7C3AED)}
.shot-handle{font-size:11px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:.2px}

/* ── Stories: bottom shadow-screen reveal on hover ────────────── */
.shot-reveal{
  position:absolute;left:0;right:0;bottom:0;z-index:5;
  padding:24px 13px 13px;
  background:linear-gradient(to top,
              rgba(102,36,204,.99) 0%,
              rgba(130,42,168,.98) 52%,
              rgba(214,64,150,.92) 82%,
              rgba(236,72,153,.34) 100%);
  display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  transform:translateY(101%);opacity:0;pointer-events:none;
  transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s ease;
}
.shot-card:hover .shot-reveal{transform:translateY(0);opacity:1}
.shot-tag{transition:opacity .3s ease}
.shot-card:hover .shot-tag{opacity:0}
.shot-rv-badge{
  font-size:8.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#7C3AED;
  padding:3px 9px;border-radius:999px;background:#fff;
}
.shot-rv-tag{font-size:11.5px;font-weight:700;color:#fff;margin:1px 0 0;line-height:1.25}
.shot-rv-work{font-size:10.5px;font-weight:500;color:rgba(255,255,255,.9);line-height:1.4;margin:0}
.shot-rv-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:2px}
.shot-rv-followers{
  display:inline-flex;align-items:center;gap:5px;
  font-size:10px;font-weight:800;color:#7C3AED;letter-spacing:.2px;
  padding:3px 9px;border-radius:999px;background:#fff;
}
.shot-rv-followers::before{content:'';width:5px;height:5px;border-radius:50%;background:#EC4899}
.shot-rv-handle{font-size:10px;font-weight:600;color:rgba(255,255,255,.72)}

/* ── Stories: closing "next can be you" card ──────────────────── */
.shot-card--next{background:linear-gradient(160deg,rgba(124,58,237,.16),rgba(236,72,153,.09) 55%,rgba(15,15,42,0));border-color:rgba(124,58,237,.35)}
.shot-card--next:hover{border-color:rgba(236,72,153,.6);transform:translateY(-8px) rotate(.4deg)}
.shot-next-frame{position:relative;width:100%;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 20px;overflow:hidden}
.shot-next-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.42),transparent 68%);filter:blur(26px);animation:nextPulse 4.5s ease-in-out infinite}
@keyframes nextPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.22);opacity:1}}
.shot-next-plus{position:relative;z-index:1;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:300;line-height:1;color:#fff;background:rgba(255,255,255,.07);border:1px dashed rgba(255,255,255,.28);margin-bottom:16px}
.shot-next-title{position:relative;z-index:1;font-size:19px;font-weight:900;line-height:1.25;margin-bottom:9px;background:var(--g3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.shot-next-text{position:relative;z-index:1;font-size:12.5px;line-height:1.65;color:rgba(255,255,255,.58);max-width:210px}
.shot-cta--solid{background:var(--g);color:#fff;border-top-color:transparent}
.shot-cta--solid:hover{filter:brightness(1.12)}

/* ── Client testimonials (written) ────────────────────────────── */
.tm-section{padding:36px 6%;background:var(--bg2);position:relative;overflow:hidden}
.tm-glow{position:absolute;top:-120px;right:-140px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.12),transparent 68%);filter:blur(40px);pointer-events:none}
.tm-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;max-width:1200px;margin:8px auto 0}
.tm-card{position:relative;margin:0;background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.075);border-radius:22px;padding:32px 28px 26px;display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s}
.tm-card:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.42);background:rgba(255,255,255,.05)}
.tm-mark{position:absolute;top:6px;right:22px;font-size:96px;line-height:1;font-weight:900;font-family:Georgia,serif;color:rgba(124,58,237,.16);pointer-events:none;user-select:none}
.tm-stars{display:flex;gap:3px;font-size:14px;color:#FBBF24;margin-bottom:14px;letter-spacing:1px}
.tm-quote{position:relative;z-index:1;flex:1;margin:0 0 24px;font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.74);font-weight:400}
.tm-person{display:flex;align-items:center;gap:13px;padding-top:19px;border-top:1px solid rgba(255,255,255,.07)}
.tm-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top center;flex-shrink:0;border:2px solid rgba(124,58,237,.4)}
.tm-avatar--blank{display:flex;align-items:center;justify-content:center;background:var(--g);font-weight:800;font-size:18px;color:#fff}
.tm-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.tm-name{font-size:14.5px;font-weight:700;color:#fff;text-decoration:none;transition:color .2s}
a.tm-name:hover{color:#a78bfa}
.tm-role{font-size:12px;color:rgba(255,255,255,.42)}
.tm-cta{position:relative;z-index:1;text-align:center;margin-top:52px}
.tm-cta p{font-size:15px;color:rgba(255,255,255,.5);margin-bottom:18px}

/* ── Footer CTA band ──────────────────────────────────────────── */
.footer-cta-band{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid rgba(255,255,255,.07)}
.footer-cta-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:14px}
.footer-cta-title{font-size:clamp(23px,3vw,34px);font-weight:900;line-height:1.24}
.footer-cta-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.footer-cta-btn{padding:15px 30px;border:none;border-radius:12px;background:var(--g);color:#fff;font-family:'Poppins';font-size:14.5px;font-weight:700;cursor:pointer;transition:var(--tr);box-shadow:0 10px 30px rgba(124,58,237,.3)}
.footer-cta-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(124,58,237,.45)}
.footer-cta-alt{padding:15px 26px;border-radius:12px;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.8);font-size:14px;font-weight:600;text-decoration:none;transition:var(--tr)}
.footer-cta-alt:hover{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28)}
.footer-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.footer-badge{font-size:11px;font-weight:600;padding:6px 12px;border-radius:20px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.22);color:rgba(255,255,255,.62)}

/* ── Responsive ───────────────────────────────────────────────── */
@media(max-width:900px){
  .tm-grid{grid-template-columns:1fr;max-width:560px}
  .footer-cta-band{flex-direction:column;align-items:flex-start;gap:22px}
  .footer-cta-actions{width:100%}
  .footer-cta-btn{flex:1}
}
@media(max-width:640px){
  .tm-section{padding:32px 6%}
  .tm-card{padding:26px 22px 22px}
  .tm-mark{font-size:74px;right:16px}
  .proto-visual:has(.pv-shot){display:block!important;height:180px;margin-top:14px}
  .shot-next-title{font-size:17px}
  .footer-cta-alt{flex:1;text-align:center}
}

/* ── Fix: stray horizontal scroll on small screens ────────────── */
html{overflow-x:hidden;max-width:100%}
@media(max-width:640px){
  .hero-glow{width:min(800px,120vw)!important;max-width:120vw}
}

/* ════════════════════════════════════════════════════════════════
   CLIENT BAND + SHADOW BAR + LEADERSHIP BRAND ICONS
   ════════════════════════════════════════════════════════════════ */

/* ── Leadership: real brand icons ─────────────────────────────── */
.lead-links{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}
.lead-link{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,box-shadow .25s;
}
.lead-link svg{display:block;width:18px;height:18px;flex-shrink:0}

/* brand colours, always on */
.lead-link--instagram svg{fill:url(#igGrad)}
.lead-link--linkedin  svg{fill:#0A66C2}
.lead-link--youtube   svg{fill:#FF0000}

.lead-link:not(.is-off):hover{transform:translateY(-3px);border-color:transparent}
.lead-link--instagram:not(.is-off):hover{background:linear-gradient(45deg,#FFDD55,#FF543E 30%,#C837AB 60%,#3771C8);box-shadow:0 8px 20px rgba(200,55,171,.45)}
.lead-link--instagram:not(.is-off):hover svg{fill:#fff}
.lead-link--linkedin:not(.is-off):hover{background:#0A66C2;box-shadow:0 8px 20px rgba(10,102,194,.45)}
.lead-link--linkedin:not(.is-off):hover svg{fill:#fff}
.lead-link--youtube:not(.is-off):hover{background:#FF0000;box-shadow:0 8px 20px rgba(255,0,0,.45)}
.lead-link--youtube:not(.is-off):hover svg{fill:#fff}

/* URL not filled in yet — logo still shows in full brand colour,
   it just isn't clickable and doesn't lift on hover */
.lead-link.is-off{cursor:default;opacity:.82}

@media(max-width:640px){
  .lead-link{width:34px;height:34px}
  .lead-link svg{width:16px!important;height:16px!important}
  .cr-bar{padding:20px 11px 9px}
  .cr-bar-name{font-size:11.5px}
  .cr-bar-role{font-size:10px}
  .clients-section .cr-marquee + .clients-header{margin-top:18px}
}

/* ── Card bottom shading (depth only, no text) ────────────────── */
.cr-bar{
  position:absolute;left:0;right:0;bottom:0;height:48%;z-index:2;
  background:linear-gradient(to top,rgba(6,6,18,.72) 0%,rgba(6,6,18,.28) 55%,transparent 100%);
  pointer-events:none;
  opacity:.85;
  transition:opacity .35s ease;
}
.cr-card:hover .cr-bar{opacity:1}

/* ── Compact frosted name pill — only on hover ─────────────────── */
.cr-overlay{
  position:absolute;left:10px;right:10px;bottom:10px;top:auto;z-index:3;
  border-radius:12px;
  padding:9px 13px;
  background:linear-gradient(135deg,rgba(124,58,237,.86),rgba(236,72,153,.86));
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 10px 26px rgba(0,0,0,.34);
  display:flex;flex-direction:column;gap:1px;
  opacity:0;
  transform:translateY(14px) scale(.94);
  transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.56,.64,1);
  pointer-events:none;
}
.cr-card:hover .cr-overlay{opacity:1;transform:translateY(0) scale(1)}
.cr-name{
  font-size:13.5px;font-weight:700;color:#fff;line-height:1.3;margin:0;
  text-shadow:0 1px 6px rgba(0,0,0,.3);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cr-role{
  font-size:11px;font-weight:500;color:rgba(255,255,255,.9);line-height:1.35;margin:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cr-stat{font-size:10.5px;font-weight:600;color:rgba(255,255,255,.95);margin-top:5px;display:block;line-height:1.45}

@media(max-width:640px){
  .cr-overlay{left:7px;right:7px;bottom:7px;padding:7px 10px;border-radius:9px}
  .cr-name{font-size:11px}
  .cr-role{font-size:9.5px}
}

/* ── Leadership: real brand icons ─────────────────────────────── */
.lead-links{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}
.lead-link{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,box-shadow .25s;
}
.lead-link svg{display:block;width:18px;height:18px;flex-shrink:0}

/* brand colours, always on */
.lead-link--instagram svg{fill:url(#igGrad)}
.lead-link--linkedin  svg{fill:#0A66C2}
.lead-link--youtube   svg{fill:#FF0000}

.lead-link:not(.is-off):hover{transform:translateY(-3px);border-color:transparent}
.lead-link--instagram:not(.is-off):hover{background:linear-gradient(45deg,#FFDD55,#FF543E 30%,#C837AB 60%,#3771C8);box-shadow:0 8px 20px rgba(200,55,171,.45)}
.lead-link--instagram:not(.is-off):hover svg{fill:#fff}
.lead-link--linkedin:not(.is-off):hover{background:#0A66C2;box-shadow:0 8px 20px rgba(10,102,194,.45)}
.lead-link--linkedin:not(.is-off):hover svg{fill:#fff}
.lead-link--youtube:not(.is-off):hover{background:#FF0000;box-shadow:0 8px 20px rgba(255,0,0,.45)}
.lead-link--youtube:not(.is-off):hover svg{fill:#fff}

/* URL not filled in yet — logo still shows in full brand colour,
   it just isn't clickable and doesn't lift on hover */
.lead-link.is-off{cursor:default;opacity:.82}

@media(max-width:640px){
  .lead-link{width:34px;height:34px}
  .lead-link svg{width:16px!important;height:16px!important}
  .cr-bar{padding:20px 11px 9px}
  .cr-bar-name{font-size:11.5px}
  .cr-bar-role{font-size:10px}
  .clients-section .cr-marquee + .clients-header{margin-top:18px}
}

/* ── Shadow bar (always on) ───────────────────────────────────── */
.cr-bar{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:26px 14px 12px;
  display:flex;flex-direction:column;gap:1px;
  background:linear-gradient(to top,rgba(6,6,18,.92) 0%,rgba(6,6,18,.62) 45%,transparent 100%);
  pointer-events:none;
  transition:opacity .3s ease;
}
.cr-bar-name{font-size:13.5px;font-weight:700;color:#fff;line-height:1.3;text-shadow:0 1px 10px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-bar-role{font-size:11px;font-weight:500;color:rgba(255,255,255,.62);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* the purple panel replaces the bar on hover so text never doubles up */
.cr-card:hover .cr-bar{opacity:0}
/* fallback text when no name has been entered yet */
.cr-name--placeholder{opacity:.9}

/* ── Band cards: name only on hover, compact + translucent ────── */
/* no text at rest — the bar is hidden on these cards */
.cr-card--plain .cr-bar{display:none}

/* Hover: image zooms, and a semi-transparent purple→pink overlay covers
   the FULL card with name, role and a stat line (image-3 reference). */
.cr-card--plain img{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.cr-card--plain:hover img{transform:scale(1.1)}        /* image pops separately */

.cr-card--plain .cr-overlay{
  top:0;left:0;right:0;bottom:0;
  padding:0 15px 14px;
  border-radius:16px;
  background:linear-gradient(150deg,
              rgba(124,58,237,.80) 0%,
              rgba(168,55,190,.72) 52%,
              rgba(236,72,153,.80) 100%);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  border:none;box-shadow:none;
  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  opacity:0;
  transform:scale(1.04);
  transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1);
}
.cr-card--plain:hover .cr-overlay{opacity:1;transform:scale(1)}
.cr-card--plain .cr-name{
  font-size:17px;font-weight:800;letter-spacing:.1px;line-height:1.2;
  color:#fff;margin:0;white-space:normal;text-shadow:0 2px 10px rgba(0,0,0,.28);
}
.cr-card--plain .cr-role{
  font-size:11px;font-weight:500;color:rgba(255,255,255,.92);margin:3px 0 0;line-height:1.4;
  white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.cr-card--plain .cr-stat{
  width:100%;margin-top:10px;padding-top:9px;
  border-top:1px solid rgba(255,255,255,.32);
  font-size:12px;font-weight:700;color:#fff;letter-spacing:.2px;
}

@media(max-width:640px){
  .cr-card--plain .cr-overlay{padding:0 10px 10px;border-radius:14px}
  .cr-card--plain .cr-name{font-size:12.5px}
  .cr-card--plain .cr-role{font-size:9px}
  .cr-card--plain .cr-stat{font-size:9.5px;margin-top:7px;padding-top:6px}
}
.clients-section .cr-marquee + .clients-header{margin-top:20px}
@media(max-width:640px){
  .cr-bar{padding:20px 11px 9px}
  .cr-bar-name{font-size:11.5px}
  .cr-bar-role{font-size:10px}
  .clients-section .cr-marquee + .clients-header{margin-top:18px}
}


/* ── Real brand logos in the Services cards ───────────────────── */
.svc-logo{width:52px;height:52px;display:block}
.svc-block--ig .svc-logo{filter:drop-shadow(0 0 16px rgba(221,42,123,.45))}
.svc-block--yt .svc-logo{filter:drop-shadow(0 0 16px rgba(255,0,0,.45))}
.svc-block{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s}
.svc-logo{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.svc-block:hover .svc-logo{transform:scale(1.08) rotate(-3deg)}
@media(max-width:640px){.svc-logo{width:42px;height:42px}}


/* ── New logo mark ────────────────────────────────────────────── */
.nav-logo{height:46px;width:auto;object-fit:contain;filter:drop-shadow(0 0 14px rgba(168,85,247,.45))}
.footer-logo{height:52px;width:auto;object-fit:contain;margin-bottom:14px;filter:drop-shadow(0 0 14px rgba(168,85,247,.4))}
@media(max-width:640px){.nav-logo{height:38px}.footer-logo{height:44px}}

/* ── FAQ ──────────────────────────────────────────────────────── */
.faq-section{padding:36px 6%;background:var(--bg2);position:relative}
.faq-wrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:0.82fr 1.18fr;gap:64px;align-items:start}

.faq-intro{position:sticky;top:110px}
.faq-intro .sec-title{text-align:left;margin-bottom:16px;font-size:clamp(26px,3.4vw,40px)}
.faq-tagline{font-size:14.5px;line-height:1.75;color:rgba(255,255,255,.5);max-width:330px}
.faq-aside{margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.faq-aside-q{font-size:13.5px;color:rgba(255,255,255,.45);margin-bottom:12px}
.faq-aside-btn{
  padding:11px 22px;border-radius:10px;cursor:pointer;font-family:'Poppins';
  font-size:13.5px;font-weight:600;color:#fff;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  transition:all .22s;
}
.faq-aside-btn:hover{background:var(--g);border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 26px rgba(124,58,237,.32)}

.faq-list{display:flex;flex-direction:column}
.faq-item{border-bottom:1px solid rgba(255,255,255,.08)}
.faq-item:first-child{border-top:1px solid rgba(255,255,255,.08)}

.faq-q{
  list-style:none;cursor:pointer;
  display:flex;align-items:flex-start;justify-content:space-between;gap:22px;
  padding:22px 2px;
  transition:color .22s;
}
.faq-q::-webkit-details-marker{display:none}
.faq-q-text{font-size:15.5px;font-weight:600;line-height:1.55;color:rgba(255,255,255,.82);transition:color .22s}
.faq-q:hover .faq-q-text{color:#fff}
.faq-item[open] .faq-q-text{color:#fff}

/* thin + / − mark */
.faq-icon{position:relative;flex-shrink:0;width:16px;height:16px;margin-top:5px}
.faq-icon::before,.faq-icon::after{
  content:'';position:absolute;left:50%;top:50%;
  background:var(--purple-l);border-radius:2px;
  transform:translate(-50%,-50%);
  transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;
}
.faq-icon::before{width:16px;height:1.5px}
.faq-icon::after{width:1.5px;height:16px}
.faq-item[open] .faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}

.faq-a{overflow:hidden;animation:faqOpen .34s cubic-bezier(.16,1,.3,1)}
.faq-a p{font-size:14px;line-height:1.85;color:rgba(255,255,255,.55);padding:0 42px 24px 2px;margin:0}
@keyframes faqOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:900px){
  .faq-wrap{grid-template-columns:1fr;gap:34px}
  .faq-intro{position:static}
  .faq-tagline{max-width:none}
  .faq-aside{margin-top:22px;padding-top:20px}
}
@media(max-width:640px){
  .faq-section{padding:32px 6%}
  .faq-q{padding:18px 2px;gap:16px}
  .faq-q-text{font-size:14px}
  .faq-a p{font-size:13.5px;line-height:1.8;padding:0 8px 20px 2px}
  .faq-icon{width:14px;height:14px;margin-top:4px}
  .faq-icon::before{width:14px}
  .faq-icon::after{height:14px}
}