/* ════ 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-brand{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;line-height:1}
.nav-brand-name{font-size:10px;font-weight:800;letter-spacing:3px;color:#fff;background:linear-gradient(90deg,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:768px){.nav-brand-name{font-size:8.5px;letter-spacing:2px}}
.nav-links{display:flex;gap:20px;align-items:center}
.nav-links a{font-size:13.5px;font-weight:500;color:rgba(255,255,255,.65);transition:color .2s;white-space:nowrap}
.nav-links a:hover{color:#fff}
@media(max-width:1180px){.nav-links{gap:15px}.nav-links a{font-size:12.5px}}
.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}

/* hero decorative floating elements */
.hero-orbit{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-grid-bg{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(124,58,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.06) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 30%,transparent 75%)}
.hero-stat-card{position:absolute;display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:16px;background:linear-gradient(150deg,rgba(30,26,66,.85),rgba(16,14,38,.8));border:1px solid rgba(124,58,237,.35);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.4);opacity:0;animation:chipIn .8s ease forwards,chipFloat 7s ease-in-out infinite}
.hsc-num{font-size:22px;font-weight:900;line-height:1;background:linear-gradient(135deg,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hsc-lbl{font-size:10px;font-weight:700;letter-spacing:.5px;color:rgba(255,255,255,.6);text-transform:uppercase;white-space:nowrap}
.hero-stat-card--1{top:22%;left:5%;animation-delay:1.5s,1.5s}
.hero-stat-card--2{top:28%;right:5%;animation-delay:1.8s,2.1s}
.hero-stat-card--3{bottom:24%;left:8%;animation-delay:2.1s,2.7s}
.hero-stat-card--4{bottom:20%;right:8%;animation-delay:2.4s,3.1s}
@media(max-width:1100px){.hero-stat-card--1{left:2%}.hero-stat-card--2{right:2%}.hero-stat-card--3{left:2%}.hero-stat-card--4{right:2%}}
@media(max-width:768px){
  /* hide all floating stat cards on phone/tablet */
  .hero-orbit{display:none}
}
.hero-ring{position:absolute;border-radius:50%;border:1px solid rgba(124,58,237,.14);top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-ring--1{width:560px;height:560px;animation:ringSpin 40s linear infinite}
.hero-ring--2{width:820px;height:820px;border-color:rgba(236,72,153,.09);animation:ringSpin 60s linear infinite reverse}
@keyframes chipIn{from{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ringSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero-stat-card,.hero-ring{animation:none!important;opacity:1}}

.hero-trust{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap;opacity:0;animation:fadeUp .7s 1.7s forwards}
.hero-trust-avatars{display:flex}
.hero-trust-avatars img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid #0b0b2d;margin-left:-10px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.hero-trust-avatars img:first-child{margin-left:0}
.hero-trust-text{font-size:13px;color:rgba(255,255,255,.6)}
.hero-trust-text b{color:#fff;font-weight:700}
.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:40px 6%;background:radial-gradient(ellipse at center,rgba(124,58,237,.09),rgba(124,58,237,.03) 70%);border-top:1px solid rgba(124,58,237,.14);border-bottom:1px solid rgba(124,58,237,.14);position:relative;overflow:hidden}
.stats-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;max-width:1080px;margin:0 auto;position:relative;z-index:1}
.stat-card{position:relative;flex:1;min-width:150px;max-width:280px;text-align:center;padding:26px 20px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s;overflow:hidden}
.stat-card:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.4);box-shadow:0 20px 44px rgba(0,0,0,.35)}
.stat-icon{font-size:32px;margin-bottom:10px;line-height:1}
.stat-val{font-size:clamp(30px,4.5vw,50px);font-weight:900;background:var(--g);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;letter-spacing:-1px}
.stat-lbl{font-size:12.5px;color:rgba(255,255,255,.55);margin-top:8px;font-weight:600;letter-spacing:.3px}
/* highlighted (Organic) card — bigger, glowing */
.stat-card--hi{flex:1.4;min-width:190px;max-width:340px;background:linear-gradient(160deg,rgba(124,58,237,.22),rgba(236,72,153,.1) 60%,rgba(15,15,42,.2));border-color:rgba(124,58,237,.5);box-shadow:0 12px 40px rgba(124,58,237,.28)}
.stat-card--hi .stat-icon{font-size:40px}
.stat-card--hi .stat-val{font-size:clamp(38px,6vw,66px)}
.stat-card--hi .stat-lbl{font-size:14px;color:rgba(255,255,255,.85);font-weight:700}
.stat-card--hi:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(236,72,153,.65)}
.stat-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 30%,rgba(124,58,237,.4),transparent 65%);filter:blur(20px);animation:statGlow 4.5s ease-in-out infinite}
@keyframes statGlow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}

/* ════ 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;animation:svcBgDrift 12s ease-in-out infinite}
@keyframes svcBgDrift{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-52%) scale(1.08)}}
.svc-duo{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:1000px;margin:0 auto;align-items:stretch;perspective:1400px}
.svc-block{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.09);border-radius:26px;padding:44px 36px;position:relative;overflow:hidden;display:flex;flex-direction:column;text-align:left;cursor:default;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .5s;animation:svcFloat 6s ease-in-out infinite}
.svc-block:nth-child(2){animation-delay:-3s}
@keyframes svcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.svc-block:hover{animation-play-state:paused}
/* animated conic "spinning glow" ring around the card */
.svc-block::after{content:'';position:absolute;inset:-1px;border-radius:26px;padding:1px;background:conic-gradient(from var(--svc-angle,0deg),transparent 0%,rgba(124,58,237,.9) 12%,rgba(236,72,153,.9) 25%,transparent 40%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .45s;pointer-events:none;z-index:3}
.svc-block:hover::after{opacity:1;animation:svcSpin 4s linear infinite}
@keyframes svcSpin{to{--svc-angle:360deg}}
@property --svc-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
/* diagonal shimmer sweep on hover */
.svc-block::before{content:'';position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.09) 45%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.09) 55%,transparent 100%);transform:skewX(-18deg);opacity:0;pointer-events:none;z-index:2;transition:opacity .3s}
.svc-block:hover::before{opacity:1;animation:svcShimmer 1.1s ease}
@keyframes svcShimmer{0%{left:-120%}100%{left:130%}}
.svc-block:hover{transform:translateY(-14px);box-shadow:0 44px 90px rgba(0,0,0,.5)}
.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;animation:svcBlobFloat 9s ease-in-out infinite}
.svc-block:hover .svc-glow-blob{opacity:.6}
@keyframes svcBlobFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(-24px,20px)}}
/* floating sparkle dots inside the card */
.svc-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.6);opacity:0;pointer-events:none;z-index:1}
.svc-block:hover .svc-spark{animation:svcSpark 2.4s ease-in-out infinite}
.svc-spark:nth-child(1){top:30%;left:16%;animation-delay:0s}
.svc-spark:nth-child(2){top:60%;left:80%;animation-delay:.5s}
.svc-spark:nth-child(3){top:78%;left:28%;animation-delay:1s}
.svc-spark:nth-child(4){top:22%;left:70%;animation-delay:1.5s}
@keyframes svcSpark{0%,100%{opacity:0;transform:translateY(0) scale(.6)}40%{opacity:.9;transform:translateY(-12px) scale(1)}}

/* Instagram accent */
.svc-block--ig{border-color:rgba(236,72,153,.22)}
.svc-block--ig::after{background:conic-gradient(from var(--svc-angle,0deg),transparent 0%,#F58529 10%,#DD2A7B 22%,#8134AF 32%,transparent 44%,transparent 100%)}
.svc-block--ig .svc-glow-blob{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4);opacity:.5}
.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 60px rgba(221,42,123,.22)}
.svc-block--ig .svc-check{background:rgba(221,42,123,.18);border-color:rgba(221,42,123,.4);color:#f472b6}
.svc-block--ig .svc-icon-halo{background:radial-gradient(circle,rgba(221,42,123,.5),transparent 70%)}
.svc-block--ig .svc-cta{border-color:rgba(221,42,123,.45);color:#f472b6}
.svc-block--ig .svc-cta::before{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4)}
.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,.22)}
.svc-block--yt::after{background:conic-gradient(from var(--svc-angle,0deg),transparent 0%,#FF0000 12%,#ff5252 24%,transparent 38%,transparent 100%)}
.svc-block--yt .svc-glow-blob{background:radial-gradient(circle,#FF0000,#7C0000);opacity:.5}
.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 60px rgba(239,68,68,.22)}
.svc-block--yt .svc-check{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.4);color:#f87171}
.svc-block--yt .svc-icon-halo{background:radial-gradient(circle,rgba(255,0,0,.5),transparent 70%)}
.svc-block--yt .svc-cta{border-color:rgba(239,68,68,.45);color:#f87171}
.svc-block--yt .svc-cta::before{background:linear-gradient(135deg,#FF0000,#b91c1c)}
.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:5px 16px;border-radius:0 0 10px 10px;letter-spacing:1.5px;white-space:nowrap;z-index:4;box-shadow:0 6px 18px rgba(124,58,237,.4)}
.svc-most-pop::after{content:'';position:absolute;inset:0;border-radius:0 0 10px 10px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-100%);animation:svcPopSweep 3s ease-in-out infinite}
@keyframes svcPopSweep{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}
.svc-num{font-size:11px;font-weight:700;color:rgba(124,58,237,.6);letter-spacing:2px;margin-bottom:22px;position:relative;z-index:1}
/* icon with pulsing halo + gentle float */
.svc-icon-wrap{position:relative;width:fit-content;margin-bottom:18px;z-index:1}
.svc-icon-halo{position:absolute;inset:-16px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.5),transparent 70%);filter:blur(10px);opacity:.5;z-index:-1;animation:svcHalo 3s ease-in-out infinite}
@keyframes svcHalo{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:.75;transform:scale(1.15)}}
.svc-block:hover .svc-icon-big{animation:svcIconPop .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes svcIconPop{0%{transform:scale(1) rotate(0)}45%{transform:scale(1.18) rotate(-6deg)}100%{transform:scale(1) rotate(0)}}
.svc-icon-big{font-size:52px;filter:drop-shadow(0 0 12px rgba(124,58,237,.4));position:relative;z-index:1;display:inline-block;transition:transform .5s}
.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,.72);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:11px;position:relative;z-index:1}
.svc-list li{font-size:13.5px;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:10px;transition:transform .3s,color .3s}
.svc-block:hover .svc-list li{transform:translateX(4px);color:rgba(255,255,255,.95)}
.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;transition:transform .3s}
.svc-block:hover .svc-check{transform:scale(1.15)}
.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:color .3s,transform .3s,box-shadow .3s;font-family:'Poppins';align-self:flex-start;position:relative;z-index:1;overflow:hidden}
.svc-cta::before{content:'';position:absolute;inset:0;background:var(--g);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:-1}
.svc-cta:hover{color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 24px rgba(124,58,237,.35)}
.svc-cta:hover::before{transform:scaleX(1)}
.svc-cta .svc-arrow{transition:transform .35s cubic-bezier(.16,1,.3,1);display:inline-block}
.svc-cta:hover .svc-arrow{transform:translateX(5px)}
/* Featured/hero service */
.svc-block--hero{background:linear-gradient(145deg,rgba(124,58,237,.2),rgba(236,72,153,.1));border-color:rgba(124,58,237,.45);box-shadow:0 0 50px rgba(124,58,237,.18)}
.svc-block--hero .svc-glow-blob{animation:svcGlow 5s ease-in-out infinite}
@keyframes svcGlow{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}
.svc-block--hero:hover{box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 60px rgba(124,58,237,.3)}
.svc-block--hero .svc-cta{background:transparent;color:#fff;border-color:transparent}
.svc-block--hero .svc-cta::before{transform:scaleX(1);opacity:.85}
.svc-block--hero .svc-cta:hover::before{opacity:1}
@media(prefers-reduced-motion:reduce){
  .svc-block::after,.svc-block::before,.svc-glow-blob,.svc-bg-glow,.svc-icon-halo,.svc-most-pop::after,.svc-spark,.svc-block{animation:none!important}
}

/* ════ 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:70px 6% 0;background:linear-gradient(to bottom,transparent,rgba(124,58,237,.05))}
.site-footer::before{content:'';position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:70%;height:340px;background:radial-gradient(ellipse,rgba(124,58,237,.16),transparent 70%);pointer-events:none;filter:blur(40px)}
.footer-float{background:linear-gradient(160deg,rgba(24,20,54,.75),rgba(12,12,32,.6));border:1px solid rgba(124,58,237,.2);border-radius:30px;padding:54px 50px 34px;max-width:1200px;margin:0 auto 36px;position:relative;z-index:1;backdrop-filter:blur(10px);box-shadow:0 40px 100px rgba(0,0,0,.45)}
.footer-float::before{content:'';position:absolute;inset:0;border-radius:30px;padding:1px;background:linear-gradient(120deg,rgba(124,58,237,.5),transparent 40%,transparent 60%,rgba(236,72,153,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}
.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-address{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.55)}
.footer-address-ico{flex-shrink:0;font-size:14px;line-height:1.4}
.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{aspect-ratio:3/4;overflow:hidden;background:rgba(124,58,237,.08)}
.blog-card-img img{width:100%;height:100%;object-fit:cover;object-position:center;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{aspect-ratio:3/4;min-height:0}
.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,.35) 30%,transparent 58%)}
.shot-tag{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;gap:6px;transition:opacity .3s ease}
.shot-card:hover .shot-tag{opacity:0}
.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-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.shot-followers{display:inline-flex;align-items:center;gap:5px;width:fit-content;font-size:11.5px;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-handle{font-size:11px;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.2px}
.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:3px;background:rgba(124,58,237,.18);transform:translateX(-50%);border-radius:3px;overflow:hidden}
.proto-line-fill{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(to bottom,#7C3AED,#a78bfa,#ec4899);border-radius:3px;box-shadow:0 0 18px rgba(236,72,153,.7);transition:height .25s ease-out}
.proto-line-fill::after{content:'';position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:13px;height:13px;border-radius:50%;background:#ec4899;box-shadow:0 0 16px rgba(236,72,153,.9),0 0 0 4px rgba(236,72,153,.2)}
.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:rgba(124,58,237,.3);box-shadow:none;position:relative;z-index:2;transition:background .3s,box-shadow .3s,transform .3s}
.proto-dot--lit{background:var(--g);box-shadow:0 0 16px rgba(236,72,153,.8);transform:scale(1.25)}
.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;text-align:center}
.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);z-index:2;pointer-events:none}
.lead-photo-clip{width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid #0b0b2d;position:relative;background:#0b0b2d}
.lead-photo-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;transition:transform .4s;display:block}
.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:380px;height:540px;flex-shrink:0;border-radius:22px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#0a0a1e;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::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(124,58,237,.18),transparent 70%);z-index:0}
.vt-card img,.vt-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#0a0a1e;transition:transform .4s;z-index:1}
.vt-card:hover img,.vt-card:hover .vt-media{transform:scale(1.04)}
.vt-overlay{position:absolute;inset:0;z-index:2;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;z-index:3;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;z-index:3;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-track--static{animation:none;width:auto;justify-content:center;flex-wrap:wrap;padding:0 6%}
.vt-marquee--static{overflow:visible;-webkit-mask-image:none;mask-image:none}
.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;z-index:3;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{flex:none;width:100%;height:170px}
  .proto-visual:has(.pv-shot){height:190px}
  .proto-item,.proto-item.proto-right{flex-direction:column;align-items:stretch;gap:14px;transform:translateX(0)!important;padding-left:42px;position:relative}
  .proto-dot{display:block;position:absolute;left:12px;top:24px;width:15px;height:15px;margin:0}
}
@media(max-width:1024px){
  .nav-links{display:none}
  .hamburger{display:flex;order:1}
}
@media(max-width:768px){
  section{padding:30px 5%}
  nav{padding:12px 5%}
  .hamburger{display:flex;order:1}
  #openContact{order:2;padding:9px 15px;font-size:13px}
  .proto-line{left:18px;display:block}
  .proto-wrap{padding-left:6px}
  .hero{padding:110px 5% 60px;min-height:auto}
  .hero-h1{font-size:clamp(32px,9vw,50px);line-height:1.08}
  .hero-sub{font-size:14.5px;padding:0 4px}
  .hero-btns{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:320px;margin-left:auto;margin-right:auto}
  .hero-btns .cta,.hero-btns .btn-ghost{width:100%;justify-content:center;text-align:center}
  .hero-trust{flex-direction:column;gap:10px;margin-top:24px}
  .hero-trust-text{font-size:12.5px;text-align:center}
  .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{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:6px 12% 18px;margin:0 -5%;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding:0 12%}
  .shot-grid::-webkit-scrollbar{display:none}
  .shot-card{flex:0 0 80%;max-width:340px;scroll-snap-align:center;scroll-snap-stop:always}
  .lead-row{grid-template-columns:1fr}
  .vt-card{width:280px;height:400px}
  .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}
  .stat-card,.stat-card--hi{flex:1 1 0;min-width:0;max-width:none;padding:14px 6px}
  .stats-grid{flex-wrap:nowrap;gap:8px}
  .stats-section{padding:28px 4%}
  .stat-card--hi{min-width:0}
  .stat-icon{font-size:22px;margin-bottom:4px}
  .stat-card--hi .stat-icon{font-size:26px}
  .stat-val{font-size:clamp(18px,5vw,26px)}
  .stat-card--hi .stat-val{font-size:clamp(22px,6vw,32px)}
  .stat-lbl{font-size:9.5px;margin-top:4px}
  .stat-card--hi .stat-lbl{font-size:10px}
  .tm-card--slide{width:min(320px,86vw)}
  .vt-card{width:min(230px,80vw)}
  .stories-grid{grid-template-columns:1fr}
  .story-card{aspect-ratio:4/3}
  .shot-card{flex:0 0 82%}
  .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)}

/* ── Stories: bottom shadow-screen reveal on hover ────────────── */
.shot-reveal{
  position:absolute;left:0;right:0;bottom:0;z-index:5;
  padding:26px 15px 15px;
  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,.30) 100%);
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  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-rv-badge{
  font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#7C3AED;
  padding:4px 10px;border-radius:999px;background:#fff;
}
.shot-rv-tag{font-size:14px;font-weight:800;color:#fff;margin:2px 0 0;line-height:1.25}
.shot-rv-work{font-size:12px;font-weight:500;color:rgba(255,255,255,.95);line-height:1.45;margin:0}
.shot-rv-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}
.shot-rv-followers{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11px;font-weight:800;color:#7C3AED;letter-spacing:.2px;
  padding:4px 11px;border-radius:999px;background:#fff;
}
.shot-rv-followers::before{content:'';width:5px;height:5px;border-radius:50%;background:#EC4899}
.shot-rv-handle{font-size:11px;font-weight:600;color:rgba(255,255,255,.8)}

/* ── 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(300px,1fr));gap:20px;max-width:1100px;margin:8px auto 0}
.tm-marquee{position:relative;z-index:1;width:100%;overflow:hidden;padding:8px 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%)}
.tm-track{display:flex;gap:20px;width:max-content;animation:marqL 60s linear infinite}
.tm-marquee:hover .tm-track{animation-play-state:paused}
.tm-card--slide{width:360px;flex-shrink: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}
}

/* ============================================================
 *  Footer redesign (iplix-inspired) — centered CTA + 3-col
 * ========================================================== */
.footer-cta-band--center{flex-direction:column;align-items:center;text-align:center;gap:18px;padding-bottom:44px;margin-bottom:40px;position:relative}
.footer-cta-band--center::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,80%);height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),rgba(236,72,153,.5),transparent)}
.footer-cta-band--center .footer-cta-title{font-size:clamp(28px,5vw,52px);font-weight:900;line-height:1.12;background:linear-gradient(92deg,#fff 15%,#e9d5ff 55%,#f9a8d4 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 24px rgba(168,85,247,.2))}
.footer-cta-band--center .footer-cta-sub{font-size:clamp(14px,1.8vw,17px);color:rgba(255,255,255,.62);margin-top:6px}
.footer-cta-band--center .footer-cta-btn{position:relative;padding:16px 44px;border-radius:40px;font-size:15px;background:linear-gradient(135deg,#7C3AED,#EC4899);box-shadow:0 14px 40px rgba(124,58,237,.45);overflow:hidden;transition:transform .25s,box-shadow .25s}
.footer-cta-band--center .footer-cta-btn::before{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);animation:fBtnShine 3.5s ease-in-out infinite}
@keyframes fBtnShine{0%{left:-120%}60%,100%{left:130%}}
.footer-cta-band--center .footer-cta-btn:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(124,58,237,.6)}

.footer-top--3{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:44px;align-items:start;margin-bottom:34px}
.footer-workwith{margin-bottom:22px}
.footer-workwith-link{display:inline-block;font-size:18px;font-weight:800;color:#fff;text-decoration:none;transition:color .2s}
.footer-workwith-link::after{content:'→';margin-left:8px;opacity:0;transform:translateX(-4px);display:inline-block;transition:all .25s;color:#a78bfa}
.footer-workwith-link:hover{color:#a78bfa}
.footer-workwith-link:hover::after{opacity:1;transform:translateX(0)}
.footer-workwith-sub{display:block;font-size:14px;font-weight:700;color:rgba(255,255,255,.8);margin-top:3px}
.footer-col-addr .footer-address{display:block;margin-top:18px;font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.7);font-weight:600;padding-left:14px;border-left:2px solid rgba(124,58,237,.4)}
.footer-map-link{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:#a78bfa;text-decoration:none;transition:color .2s}
.footer-map-link:hover{color:#c4b5fd;text-decoration:underline}
.footer-h4{font-size:13px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#fff;margin-bottom:14px;position:relative;padding-bottom:8px}
.footer-h4::after{content:'';position:absolute;left:0;bottom:0;width:28px;height:2px;border-radius:2px;background:var(--g)}
.footer-contact-email{display:block;font-size:15px;color:rgba(255,255,255,.75);text-decoration:none;transition:color .2s;margin-bottom:12px}
.footer-contact-email:hover{color:#fff}
.footer-contact-wa{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:30px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 22px rgba(37,211,102,.28)}
.footer-contact-wa:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,211,102,.42)}
.footer-socials{display:flex;gap:10px}
.fsoc{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:transform .25s,background .25s,border-color .25s}
.fsoc:hover{transform:translateY(-3px);background:var(--g);border-color:transparent;box-shadow:0 10px 24px rgba(124,58,237,.4)}
.footer-col-logo{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.footer-logo-big{width:min(150px,42vw);height:auto;object-fit:contain;filter:drop-shadow(0 0 22px rgba(168,85,247,.35));opacity:.95}
.footer-bottom--split{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;text-align:left;padding-top:8px}
.footer-bottom--split p{font-size:13px;color:rgba(255,255,255,.45)}
.footer-bottom-links{display:flex;gap:22px}
.footer-bottom-links a{font-size:13px;color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s}
.footer-bottom-links a:hover{color:#fff}
@media(max-width:860px){
  .footer-top--3{grid-template-columns:1fr 1fr;gap:30px}
  .footer-col-logo{grid-column:1/-1;align-items:center;margin-top:8px}
  .footer-logo-big{width:130px}
}
@media(max-width:560px){
  .footer-top--3{grid-template-columns:1fr;gap:26px}
  .footer-bottom--split{flex-direction:column;align-items:flex-start;gap:14px}
  .footer-bottom-links{flex-wrap:wrap;gap:16px}
}
@media(prefers-reduced-motion:reduce){ .footer-cta-band--center .footer-cta-btn::before{animation:none} }

/* Floating WhatsApp button */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:900;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 26px rgba(37,211,102,.5);transition:transform .3s,box-shadow .3s}
.wa-float:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 14px 36px rgba(37,211,102,.6)}
.wa-float svg{position:relative;z-index:2}
.wa-float-pulse{position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.6;animation:waPulse 2.4s ease-out infinite;z-index:1}
@keyframes waPulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.8);opacity:0}}
@media(max-width:560px){.wa-float{width:52px;height:52px;bottom:18px;right:18px}.wa-float svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.wa-float-pulse{animation:none;opacity:0}}

/* ── Client band: always-visible name label (BingeLabs style) ──── */
.cr-label{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  padding:26px 14px 13px;
  background:linear-gradient(to top,rgba(6,6,18,.92) 0%,rgba(6,6,18,.55) 55%,transparent 100%);
  display:flex;flex-direction:column;gap:1px;
  transition:opacity .3s ease,transform .35s ease;
  pointer-events:none;
}
.cr-card:hover .cr-label{opacity:0;transform:translateY(8px)}
.cr-label-name{
  font-size:15px;font-weight:800;color:#fff;line-height:1.25;margin:0;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cr-label-role{
  font-size:11.5px;font-weight:600;color:rgba(255,255,255,.75);line-height:1.3;margin:1px 0 0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/* make hover overlay fill the card for a fuller reveal (consistent for all) */
.cr-card:hover .cr-overlay{opacity:1;transform:translateY(0) scale(1)}
@media(max-width:640px){
  .cr-label{padding:20px 10px 9px}
  .cr-label-name{font-size:12px}
  .cr-label-role{font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  .svc-block::after,.svc-block::before,.svc-glow-blob,.svc-bg-glow,.svc-icon-halo,.svc-most-pop::after,.svc-spark,.svc-block{animation:none!important}
}

/* ============================================================
 *  GROWTH SPRINT — service section mini game
 * ========================================================== */
.gs-wrap{max-width:1000px;margin:0 auto 34px}
.gs-panel{position:relative;overflow:hidden;border-radius:26px;padding:26px 26px 20px;background:linear-gradient(160deg,rgba(124,58,237,.14),rgba(236,72,153,.06) 55%,rgba(15,15,42,.4));border:1px solid rgba(124,58,237,.28);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.gs-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.gs-glow--a{width:280px;height:280px;background:radial-gradient(circle,rgba(124,58,237,.5),transparent 70%);top:-90px;left:-40px;animation:gsGlow 7s ease-in-out infinite}
.gs-glow--b{width:240px;height:240px;background:radial-gradient(circle,rgba(236,72,153,.42),transparent 70%);bottom:-90px;right:-30px;animation:gsGlow 9s ease-in-out infinite reverse}
@keyframes gsGlow{0%,100%{transform:translate(0,0) scale(1);opacity:.7}50%{transform:translate(16px,12px) scale(1.12);opacity:1}}

.gs-hud{position:relative;z-index:2;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.gs-stat{min-width:96px;text-align:center;padding:8px 14px;border-radius:14px;background:rgba(10,10,30,.5);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px)}
.gs-stat-label{display:block;font-size:9.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.45)}
.gs-stat-val{display:block;font-size:22px;font-weight:900;color:#fff;line-height:1.2;font-variant-numeric:tabular-nums}
.gs-stat--combo .gs-stat-val{background:var(--g);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gs-stat-val.gs-pump{animation:gsPump .25s ease}
@keyframes gsPump{0%{transform:scale(1)}45%{transform:scale(1.28)}100%{transform:scale(1)}}

.gs-bar{position:relative;z-index:2;height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:18px}
.gs-bar-fill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#7C3AED,#EC4899);transition:width .12s linear;box-shadow:0 0 14px rgba(236,72,153,.6)}

.gs-arena{position:relative;z-index:2;min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;user-select:none}
.gs-screen{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:8px}
.gs-screen[hidden]{display:none!important}
.gs-title{font-size:clamp(24px,4vw,34px);font-weight:900;color:#fff}
.gs-sub{font-size:14px;color:rgba(255,255,255,.7);max-width:440px;line-height:1.6;margin:0}
.gs-sub b{color:#fff}
.gs-play-btn{padding:14px 30px;border:none;border-radius:40px;font-family:'Poppins';font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7C3AED,#EC4899);cursor:pointer;box-shadow:0 12px 30px rgba(124,58,237,.45);transition:transform .25s,box-shadow .25s}
.gs-play-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 42px rgba(124,58,237,.6)}
.gs-play-btn:active{transform:scale(.97)}
.gs-play-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.25);box-shadow:none;color:rgba(255,255,255,.85)}
.gs-play-btn--ghost:hover{background:rgba(255,255,255,.08);box-shadow:none}
.gs-best{font-size:12.5px;font-weight:700;color:#c4b5fd;margin:2px 0 0;min-height:16px}

/* tap target */
.gs-target{position:relative;width:150px;height:150px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 50% 35%,#8b5cf6,#6d28d9 60%,#4c1d95);box-shadow:0 16px 44px rgba(124,58,237,.55),inset 0 -6px 16px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .06s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.gs-target:active{transform:scale(.9)}
.gs-target.gs-hit{animation:gsHit .18s ease}
@keyframes gsHit{0%{transform:scale(.88)}60%{transform:scale(1.06)}100%{transform:scale(1)}}
.gs-target-emoji{font-size:52px;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
.gs-target-text{font-size:14px;font-weight:900;letter-spacing:2px;color:#fff}
.gs-target-ring{position:absolute;inset:-10px;border-radius:50%;border:2px dashed rgba(255,255,255,.35);animation:gsSpin 8s linear infinite}
@keyframes gsSpin{to{transform:rotate(360deg)}}

/* end screen */
.gs-end-badge{font-size:46px;line-height:1;animation:gsPop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes gsPop{0%{transform:scale(0) rotate(-20deg)}100%{transform:scale(1) rotate(0)}}
.gs-end-score{font-size:clamp(40px,8vw,64px);font-weight:900;line-height:1;background:var(--g);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.gs-end-label{font-size:13px;color:rgba(255,255,255,.55);margin:-4px 0 0;letter-spacing:.5px}
.gs-end-msg{font-size:14.5px;font-weight:700;color:#fff;margin:6px 0 4px;max-width:420px;line-height:1.5}
.gs-end-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}

.gs-foot{position:relative;z-index:2;text-align:center;font-size:12px;color:rgba(255,255,255,.42);margin:16px 0 0}
.gs-foot b{color:#c4b5fd}

/* floating +N and particles */
.gs-fx{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.gs-plus{position:absolute;font-weight:900;font-size:20px;color:#fff;text-shadow:0 2px 8px rgba(124,58,237,.7);animation:gsFloatUp .9s ease-out forwards;white-space:nowrap}
@keyframes gsFloatUp{0%{opacity:0;transform:translate(-50%,0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-90px) scale(1.15)}}
.gs-particle{position:absolute;width:8px;height:8px;border-radius:50%;animation:gsPart .7s ease-out forwards}
@keyframes gsPart{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}

.gs-arena.gs-shake{animation:gsShake .18s ease}
@keyframes gsShake{0%,100%{transform:translate(0,0)}25%{transform:translate(-3px,2px)}75%{transform:translate(3px,-2px)}}

@media(max-width:560px){
  .gs-panel{padding:20px 16px 16px}
  .gs-target{width:130px;height:130px}
  .gs-target-emoji{font-size:44px}
  .gs-stat{min-width:84px;padding:7px 10px}
  .gs-stat-val{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
  .gs-glow,.gs-target-ring{animation:none!important}
}

/* Stories slider swipe hint (mobile only) */
.shot-swipe-hint{display:none;text-align:center;font-size:12px;font-weight:700;letter-spacing:1px;color:rgba(167,139,250,.8);margin:2px 0 10px;animation:swipeHint 2s ease-in-out infinite}
@keyframes swipeHint{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:768px){ .shot-swipe-hint{display:block} }
@media(prefers-reduced-motion:reduce){ .shot-swipe-hint{animation:none} }

/* ── Footer marquee (animated moving line above footer) ──────── */
.footer-marquee{position:relative;overflow:hidden;padding:16px 0;background:linear-gradient(90deg,rgba(124,58,237,.14),rgba(236,72,153,.14));border-top:1px solid rgba(124,58,237,.25);border-bottom:1px solid rgba(124,58,237,.25);-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.footer-marquee-track{display:flex;align-items:center;gap:26px;width:max-content;animation:footerMarquee 30s linear infinite;will-change:transform}
.footer-marquee:hover .footer-marquee-track{animation-play-state:paused}
@keyframes footerMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.fm-item{font-size:clamp(15px,2.4vw,24px);font-weight:900;white-space:nowrap;letter-spacing:-.4px;background:linear-gradient(90deg,#fff,#e9d5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fm-dot{font-size:10px;color:#ec4899;opacity:.9}
@media(prefers-reduced-motion:reduce){ .footer-marquee-track{animation:none;justify-content:center;flex-wrap:wrap} }

/* ── Homepage blog section ──────────────────────────────────── */
.home-blog-section{padding:60px 6%;text-align:center;position:relative}
.home-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:36px auto 0}
.home-blog-card{display:flex;flex-direction:column;text-align:left;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s}
.home-blog-card:hover{transform:translateY(-8px);border-color:rgba(124,58,237,.4);box-shadow:0 24px 50px rgba(0,0,0,.4)}
.home-blog-img{height:180px;overflow:hidden;background:rgba(124,58,237,.1)}
.home-blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.home-blog-card:hover .home-blog-img img{transform:scale(1.06)}
.home-blog-img--blank{display:flex;align-items:center;justify-content:center;font-size:38px;color:rgba(167,139,250,.5)}
.home-blog-body{padding:20px;display:flex;flex-direction:column;gap:9px;flex:1}
.home-blog-cat{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#a78bfa;width:fit-content;padding:3px 10px;border-radius:999px;background:rgba(124,58,237,.15)}
.home-blog-title{font-size:17px;font-weight:800;color:#fff;line-height:1.3}
.home-blog-excerpt{font-size:13px;color:rgba(255,255,255,.55);line-height:1.6;flex:1}
.home-blog-read{font-size:13px;font-weight:700;color:#ec4899;margin-top:4px}
@media(max-width:860px){ .home-blog-grid{grid-template-columns:1fr;max-width:420px} }

/* ── Footer live map card ───────────────────────────────────── */
.footer-col-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.footer-logo-name{font-size:12px;font-weight:800;letter-spacing:3px;background:linear-gradient(90deg,#a78bfa,#f0abfc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.footer-map-card{position:relative;display:block;width:100%;max-width:360px;height:220px;margin-top:18px;border-radius:16px;overflow:hidden;border:1px solid rgba(124,58,237,.3);box-shadow:0 16px 38px rgba(0,0,0,.42);transition:transform .35s,box-shadow .35s,border-color .3s}
.footer-map-card:hover{transform:translateY(-4px);border-color:rgba(124,58,237,.65);box-shadow:0 24px 50px rgba(124,58,237,.3)}
.footer-map-card iframe{width:100%;height:100%;border:0;filter:invert(.92) hue-rotate(180deg) brightness(.95) contrast(.92) saturate(.8);pointer-events:none}
.footer-map-badge{position:absolute;left:0;right:0;bottom:0;padding:9px 12px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(to top,rgba(6,6,18,.94),transparent);display:flex;align-items:center;gap:6px}
@media(max-width:860px){
  .footer-col-logo{align-items:center}
  .footer-map-card{max-width:340px}
}

/* ── Inline contact section ─────────────────────────────────── */
.contact-section{padding:70px 6%;position:relative}
.contact-wrap{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;background:linear-gradient(160deg,rgba(18,16,44,.7),rgba(10,10,28,.5));border:1px solid rgba(124,58,237,.22);border-radius:28px;padding:44px;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.contact-left{position:relative;z-index:1}
.contact-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.contact-glow--1{width:260px;height:260px;background:radial-gradient(circle,rgba(124,58,237,.45),transparent 70%);top:-80px;left:-60px;animation:cGlow 8s ease-in-out infinite}
.contact-glow--2{width:220px;height:220px;background:radial-gradient(circle,rgba(236,72,153,.36),transparent 70%);bottom:-70px;left:20%;animation:cGlow 10s ease-in-out infinite reverse}
@keyframes cGlow{0%,100%{transform:translate(0,0) scale(1);opacity:.7}50%{transform:translate(14px,12px) scale(1.14);opacity:1}}
.contact-h2{font-size:clamp(26px,3.6vw,38px);font-weight:900;line-height:1.15;margin:8px 0 12px;color:#fff;position:relative;z-index:1}
.contact-sub{font-size:15px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:22px;position:relative;z-index:1}
.contact-points{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}
.contact-points li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:rgba(255,255,255,.82)}
.cp-ico{width:32px;height:32px;border-radius:9px;background:rgba(124,58,237,.18);border:1px solid rgba(124,58,237,.35);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.contact-wa{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:30px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 10px 26px rgba(37,211,102,.32);transition:transform .25s,box-shadow .25s;position:relative;z-index:1}
.contact-wa:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,211,102,.45)}
.contact-right{position:relative;z-index:1}
.contact-form{display:flex;flex-direction:column;gap:14px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf-group{display:flex;flex-direction:column;gap:6px}
.cf-group label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.cf-group input,.cf-group select,.cf-group textarea{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 15px;color:#fff;font-family:'Poppins';font-size:14px;transition:border-color .25s,box-shadow .25s;resize:vertical}
.cf-group input:focus,.cf-group select:focus,.cf-group textarea:focus{outline:none;border-color:rgba(124,58,237,.6);box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.cf-group select{cursor:pointer}
.cf-group select option{background:#12122e}
.cf-submit{margin-top:4px;padding:15px;border:none;border-radius:30px;background:linear-gradient(135deg,#7C3AED,#EC4899);color:#fff;font-family:'Poppins';font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(124,58,237,.4);transition:transform .25s,box-shadow .25s}
.cf-submit:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(124,58,237,.55)}
.cf-submit:disabled{opacity:.6;cursor:wait}
.inline-form-success{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 20px}
.ifs-emoji{font-size:52px}
.inline-form-success h3{font-size:22px;font-weight:800;color:#fff}
.inline-form-success p{font-size:14px;color:rgba(255,255,255,.6)}
.inline-wa{margin-top:8px;color:#25D366;font-weight:700;text-decoration:none}
@media(max-width:860px){
  .contact-wrap{grid-template-columns:1fr;gap:28px;padding:28px}
  .cf-row{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){ .contact-glow{animation:none} }

/* ── Unified service frame (game + cards) ───────────────────── */
.svc-frame{position:relative;max-width:1060px;margin:6px auto 0;padding:22px;border-radius:30px;background:linear-gradient(160deg,rgba(18,16,44,.7),rgba(10,10,28,.6));box-shadow:0 30px 80px rgba(0,0,0,.45)}
.svc-frame-border{position:absolute;inset:0;border-radius:30px;padding:1.5px;background:linear-gradient(120deg,rgba(124,58,237,.9),rgba(236,72,153,.9),rgba(103,232,249,.7),rgba(124,58,237,.9));background-size:300% 300%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:svcFrameFlow 8s linear infinite;pointer-events:none;opacity:.75}
@keyframes svcFrameFlow{0%{background-position:0% 50%}100%{background-position:300% 50%}}
.svc-frame .gs-wrap{max-width:100%;margin-bottom:0}
.svc-frame .svc-duo{max-width:100%;margin-top:0}
.svc-divider{display:flex;align-items:center;gap:14px;margin:22px 4px 18px}
.svc-divider::before,.svc-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.4),transparent)}
.svc-divider span{font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;white-space:nowrap;background:var(--g);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:560px){ .svc-frame{padding:14px;border-radius:22px} .svc-frame-border{border-radius:22px} }
@media(prefers-reduced-motion:reduce){ .svc-frame-border{animation:none} }

/* Engaging shine sweep on client band images */
.cr-card--plain::before{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-18deg);z-index:2;pointer-events:none;opacity:0;transition:opacity .2s}
.cr-card--plain:hover::before{opacity:1;animation:crShine 1s ease}
@keyframes crShine{0%{left:-120%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){ .cr-card--plain:hover::before{animation:none;opacity:0} }

/* ============================================================
 *  SNAKE GAME — Gen-Z neon take on the Nokia classic
 * ========================================================== */
.snake-wrap{max-width:820px;margin:0 auto}
.snake-panel{position:relative;overflow:hidden;border-radius:20px;padding:16px 18px 14px;background:linear-gradient(160deg,rgba(124,58,237,.16),rgba(236,72,153,.07) 55%,rgba(15,15,42,.45));border:1px solid rgba(124,58,237,.28)}
.snake-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
.snake-glow--a{width:220px;height:220px;background:radial-gradient(circle,rgba(124,58,237,.5),transparent 70%);top:-80px;left:-40px;animation:gsGlow 7s ease-in-out infinite}
.snake-glow--b{width:200px;height:200px;background:radial-gradient(circle,rgba(236,72,153,.42),transparent 70%);bottom:-80px;right:-30px;animation:gsGlow 9s ease-in-out infinite reverse}
.snake-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.snake-chip{font-size:11px;font-weight:800;letter-spacing:.6px;color:#fff;padding:5px 13px;border-radius:999px;background:linear-gradient(135deg,#7C3AED,#EC4899);box-shadow:0 6px 16px rgba(124,58,237,.35)}
.snake-scores{display:flex;gap:14px;font-size:13px;color:rgba(255,255,255,.6);font-weight:700}
.snake-scores b{color:#fff;font-variant-numeric:tabular-nums}
.snake-stage{position:relative;z-index:2;width:100%;max-width:480px;margin:0 auto;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid rgba(124,58,237,.3);background:#0a0a1e;box-shadow:inset 0 0 40px rgba(124,58,237,.15)}
#snakeCanvas{display:block;width:100%;height:100%;touch-action:none}
.snake-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px;background:rgba(8,8,24,.82);backdrop-filter:blur(4px);z-index:3}
.snake-overlay[hidden]{display:none!important}
.snake-title{font-size:clamp(22px,4vw,30px);font-weight:900;color:#fff}
.snake-sub{font-size:13px;color:rgba(255,255,255,.7);margin:0}
.snake-hint{font-size:11.5px;font-weight:700;color:#c4b5fd;margin:2px 0 0;min-height:14px}
.snake-btn{padding:12px 28px;border:none;border-radius:40px;font-family:'Poppins';font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7C3AED,#EC4899);cursor:pointer;box-shadow:0 10px 26px rgba(124,58,237,.45);transition:transform .25s,box-shadow .25s}
.snake-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 38px rgba(124,58,237,.6)}
.snake-btn:active{transform:scale(.97)}
.snake-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.25);box-shadow:none;color:rgba(255,255,255,.85)}
.snake-btn--ghost:hover{background:rgba(255,255,255,.08);box-shadow:none}
.snake-over-emoji{font-size:40px;animation:gsPop .5s cubic-bezier(.34,1.56,.64,1)}
.snake-over-score{font-size:clamp(34px,7vw,52px);font-weight:900;line-height:1;background:var(--g);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.snake-over-label{font-size:12px;color:rgba(255,255,255,.55);margin:-3px 0 0;letter-spacing:.5px}
.snake-over-msg{font-size:13px;font-weight:700;color:#fff;margin:5px 0 3px;max-width:340px;line-height:1.45}
.snake-over-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.snake-dpad{position:relative;z-index:2;display:none;flex-direction:column;align-items:center;gap:8px;margin-top:14px}
.snake-dpad-mid{display:flex;gap:8px}
.snake-dpad button{width:52px;height:52px;border-radius:14px;border:1px solid rgba(124,58,237,.4);background:rgba(20,18,48,.8);color:#fff;font-size:18px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .1s}
.snake-dpad button:active{background:var(--g);transform:scale(.92)}
@media(hover:none) and (pointer:coarse){ .snake-dpad{display:flex} }
@media(prefers-reduced-motion:reduce){ .snake-glow{animation:none} }

/* ── Footer animated mountain background ────────────────────── */
.footer-mountains{position:absolute;left:0;right:0;bottom:0;height:50%;z-index:0;pointer-events:none;overflow:hidden}
.fm-range{position:absolute;bottom:0;left:0;width:100%;height:160px}
.fm-range path{fill:currentColor}
.fm-range--back{color:rgba(124,58,237,.14);animation:fmDrift 26s ease-in-out infinite}
.fm-range--mid{color:rgba(168,85,247,.18);animation:fmDrift 20s ease-in-out infinite reverse}
.fm-range--front{color:rgba(236,72,153,.20);animation:fmDrift 16s ease-in-out infinite}
@keyframes fmDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(-3%)}}
.footer-mountains::after{content:'';position:absolute;top:14%;left:12%;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:140px 20px 0 rgba(255,255,255,.5),320px 8px 0 rgba(255,255,255,.6),520px 32px 0 rgba(255,255,255,.4),700px 16px 0 rgba(255,255,255,.55),880px 6px 0 rgba(255,255,255,.5),1050px 26px 0 rgba(255,255,255,.45),240px 44px 0 rgba(255,255,255,.5),600px 50px 0 rgba(255,255,255,.4),960px 40px 0 rgba(255,255,255,.5);animation:fmTwinkle 4s ease-in-out infinite}
@keyframes fmTwinkle{0%,100%{opacity:.3}50%{opacity:.9}}
.site-footer .footer-float{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){ .fm-range,.footer-mountains::after{animation:none} }

/* ── Hero glitter / sparkle effect ──────────────────────────── */
.hero-glitter{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.glit{position:absolute;left:var(--gx);top:var(--gy);width:10px;height:10px;transform:scale(var(--gs));opacity:0;background:var(--gc);border-radius:1px;box-shadow:0 0 8px var(--gc);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:glitTwinkle 3.2s ease-in-out infinite;animation-delay:var(--gd)}
@keyframes glitTwinkle{0%,100%{opacity:0;transform:scale(calc(var(--gs) * .3)) rotate(0deg)}50%{opacity:.9;transform:scale(var(--gs)) rotate(180deg)}}
@media(prefers-reduced-motion:reduce){ .glit{animation:none;opacity:.4} }

/* ── Phone responsive polish (overall) ──────────────────────── */
@media(max-width:640px){
  section{padding:44px 5%!important}
  .sec-title{font-size:clamp(26px,7vw,36px)!important;line-height:1.15}
  .sec-sub{font-size:14px!important;padding:0 4px}
  .eyebrow{font-size:11px}
  /* service cards stack cleanly */
  .svc-duo{grid-template-columns:1fr!important;gap:18px}
  .svc-block{padding:30px 22px!important}
  /* contact section */
  .contact-wrap{padding:24px 18px!important}
  /* leadership single column */
  .lead-grid,.leadership-grid{grid-template-columns:1fr!important}
  /* testimonials/reviews readable */
  .tm-grid{grid-template-columns:1fr!important}
  /* footer tighter */
  .footer-float{padding:32px 20px 26px!important}
  .footer-cta-band--center .footer-cta-title{font-size:clamp(24px,7vw,34px)!important}
  .footer-map-card{max-width:100%!important;height:200px}
  /* nav brand smaller */
  .nav-logo{height:40px}
}
@media(max-width:400px){
  .hero-h1{font-size:clamp(28px,9vw,40px)!important}
  .nav-brand-name{display:none}
}