/* ════════════════════════════════════════════════════════
   TOKENS & RESET
════════════════════════════════════════════════════════ */
:root{
  --bg:#06060f;--bg2:#0c0c1a;--bg3:#10101e;
  --pink:#ff2d6b;--purple:#7b3fe4;--teal:#00e5c3;
  --white:#fff;--gray1:#f0f0f8;
  --gray2:#b5b5cb;
  --gray3:#7070a0;
  --border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.13);
  --fh:'Syne',sans-serif;--fb:'DM Sans',sans-serif;
  --nav-h:60px;
}
@media(min-width:1024px){:root{--nav-h:66px;}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--white);font-family:var(--fb);font-size:17px;line-height:1.6;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.35;}
img,svg{display:block;max-width:100%;}
button{cursor:pointer;font-family:var(--fb);}
a{color:inherit;text-decoration:none;}

/* ── SKIP LINK ── */
.skip-link{position:absolute;top:-56px;left:16px;background:var(--pink);color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:15px;z-index:9999;transition:top .2s;}
.skip-link:focus{top:8px;}

/* ════════════════════════════════════════════════════════
   NAVIGATION
════════════════════════════════════════════════════════ */
.nav{position:fixed;top:0;left:0;right:0;z-index:300;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:rgba(6,6,15,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}
.nav-logo{font-family:var(--fh);font-size:19px;font-weight:700;letter-spacing:-.5px;text-decoration:none;}
.nav-logo span{color:var(--pink);}
.nav-desktop{display:none;align-items:center;gap:4px;}
.nav-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;padding:4px;}
.nav-burger span{display:block;height:2px;border-radius:2px;background:var(--white);transition:transform .3s,opacity .3s,width .3s;}
.nav-burger span:nth-child(1){width:24px;}
.nav-burger span:nth-child(2){width:18px;}
.nav-burger span:nth-child(3){width:24px;}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);width:24px;}
.nav-burger.open span:nth-child(2){opacity:0;width:0;}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:24px;}
.nav-link{position:relative;display:flex;align-items:center;gap:5px;padding:8px 13px;border-radius:8px;font-size:15px;color:var(--gray2);font-weight:400;background:none;border:none;transition:color .2s,background .2s;white-space:nowrap;}
.nav-link:hover,.nav-link.active{color:var(--white);background:rgba(255,255,255,.05);}
.nav-link-arrow{font-size:10px;transition:transform .25s;}
.nav-link.active .nav-link-arrow{transform:rotate(180deg);}
.nav-cta-btn{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:.2px;transition:transform .2s,box-shadow .2s;white-space:nowrap;}
.nav-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(255,45,107,.45);}
@media(min-width:1024px){.nav{padding:0 56px;}.nav-desktop{display:flex;}.nav-burger{display:none;}}

/* MEGA MENU */
.mega-overlay{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .3s;}
.mega-overlay.visible{opacity:1;pointer-events:all;}
.mega-menu{position:fixed;top:var(--nav-h);left:0;right:0;z-index:280;background:rgba(8,8,18,.97);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px);box-shadow:0 24px 60px rgba(0,0,0,.7);padding:32px 56px 36px;display:none;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s;}
.mega-menu.open{display:grid;opacity:1;transform:translateY(0);}
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:960px;}
.mega-col-title{display:flex;align-items:center;gap:9px;font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gray3);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border);}
.mega-col-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
.mega-link{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:10px;font-size:14px;color:var(--gray2);transition:background .2s,color .2s;margin-bottom:2px;}
.mega-link:hover{background:rgba(255,255,255,.05);color:var(--white);}
.mega-link-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:1px;}
.mega-link-text strong{display:block;font-size:14px;font-weight:600;color:var(--white);margin-bottom:1px;}
.mega-link-text span{font-size:12px;color:var(--gray3);}
.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:rgba(10,10,22,.97);border:1px solid var(--border2);border-radius:12px;padding:8px;min-width:190px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s;backdrop-filter:blur(20px);box-shadow:0 16px 48px rgba(0,0,0,.6);}
.nav-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0);}
.nav-dropdown a{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:8px;font-size:14px;color:var(--gray2);transition:background .2s,color .2s;}
.nav-dropdown a:hover{background:rgba(255,255,255,.06);color:var(--white);}
.nav-item-wrap{position:relative;}

/* MOBILE DRAWER */
.mobile-nav{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:rgba(6,6,15,.98);backdrop-filter:blur(20px);z-index:290;overflow-y:auto;transform:translateX(100%);transition:transform .35s cubic-bezier(.25,.46,.45,.94);}
.mobile-nav.open{transform:translateX(0);}
.mobile-nav-inner{padding:24px 20px 40px;}
.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0;font-size:17px;font-weight:500;color:var(--white);background:none;border:none;border-bottom:1px solid var(--border);text-align:left;}
.mobile-nav-link svg{transition:transform .3s;flex-shrink:0;}
.mobile-nav-link.open svg{transform:rotate(180deg);}
.mobile-sub{overflow:hidden;max-height:0;transition:max-height .35s ease;}
.mobile-sub.open{max-height:600px;}
.mobile-sub-cat{padding:12px 0 4px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gray3);}
.mobile-sub-link{display:block;padding:11px 16px;font-size:15px;color:var(--gray2);border-radius:8px;transition:background .2s,color .2s;}
.mobile-sub-link:hover{background:rgba(255,255,255,.05);color:var(--white);}
.mobile-nav-cta{display:block;width:100%;margin-top:28px;padding:17px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;text-align:center;}
@media(min-width:1024px){.mobile-nav{display:none!important;}}

/* ════════════════════════════════════════════════════════
   HERO
════════════════════════════════════════════════════════ */
.hero{position:relative;z-index:1;min-height:100svh;padding:calc(var(--nav-h) + 48px) 20px 60px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
.hero-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.hero-mesh-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;}
.orb1{width:400px;height:400px;top:-80px;right:-80px;background:radial-gradient(circle,rgba(123,63,228,.35) 0%,transparent 70%);}
.orb2{width:260px;height:260px;bottom:40px;left:40px;background:radial-gradient(circle,rgba(255,45,107,.25) 0%,transparent 70%);}
.orb3{width:180px;height:180px;top:35%;right:42%;background:radial-gradient(circle,rgba(0,229,195,.15) 0%,transparent 70%);}
.hero-left{position:relative;z-index:2;max-width:640px;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,45,107,.08);border:1px solid rgba(255,45,107,.25);padding:7px 15px;border-radius:100px;font-size:12px;font-weight:700;color:var(--pink);margin-bottom:24px;letter-spacing:.8px;text-transform:uppercase;animation:fadeUp .6s .1s ease both;}
.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 6px var(--pink);animation:pulse 2s infinite;}
.hero-h1{font-family:var(--fh);font-size:clamp(36px,9vw,60px);font-weight:800;line-height:1.05;letter-spacing:-1.5px;animation:fadeUp .6s .2s ease both;opacity:0;}
.hero-h1-line{display:block;}
.hero-typed-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px;}
.typed-box{display:inline-flex;align-items:center;background:linear-gradient(135deg,rgba(255,45,107,.12),rgba(123,63,228,.12));border:1px solid rgba(255,45,107,.3);padding:3px 16px 3px 12px;border-radius:10px;}
.typed-word{background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.typed-cursor{display:inline-block;width:3px;height:.8em;background:var(--pink);margin-left:4px;vertical-align:middle;animation:blink .75s step-end infinite;}
.hero-sub{font-size:clamp(16px,2.5vw,18px);color:var(--gray2);max-width:480px;margin:20px 0 32px;line-height:1.7;font-weight:300;animation:fadeUp .6s .4s ease both;opacity:0;}
.hero-sub strong{color:var(--white);font-weight:500;}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .6s .5s ease both;opacity:0;}
.cta-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--pink),#c01d54);color:#fff;border:none;padding:15px 28px;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:.2px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px rgba(255,45,107,.5);}
.cta-primary::before{content:'';position:absolute;top:-50%;left:-60%;width:30%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);animation:shimmer 3.5s ease-in-out 2s infinite;}
.cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(255,45,107,.65);}
.cta-glow-ring{position:absolute;inset:-4px;border-radius:16px;border:2px solid rgba(255,45,107,.4);animation:ring-pulse 2.5s ease-in-out infinite;pointer-events:none;}
.cta-secondary{background:rgba(255,255,255,.05);color:var(--white);border:1px solid rgba(255,255,255,.15);padding:15px 26px;border-radius:12px;font-size:15px;font-weight:500;transition:background .2s,border-color .2s,transform .2s;}
.cta-secondary:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.25);transform:translateY(-2px);}
/* ── Hero trust stats — bigger for 40+ readability ── */
.hero-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:40px;padding-top:32px;border-top:1px solid var(--border);animation:fadeUp .6s .6s ease both;opacity:0;}
.trust-stat-num{font-family:var(--fh);font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--white),rgba(255,255,255,.6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.trust-stat-label{font-size:14px;color:var(--gray2);margin-top:3px;letter-spacing:.2px;}
/* hero right */
.hero-right{display:none;position:relative;z-index:2;align-items:center;justify-content:center;animation:fadeUp .8s .4s ease both;opacity:0;}
@media(min-width:900px){
  .hero{flex-direction:row;align-items:center;gap:48px;padding-left:56px;padding-right:56px;}
  .hero-left{flex:1;}
  .hero-right{display:flex;flex:1;}
  .hero-h1{font-size:clamp(40px,4.5vw,60px);}
}
/* hero visual containers — talent (default shown) / tech */
.hero-visual{position:relative;width:100%;max-width:460px;}
.hero-visual-panel{width:100%;transition:opacity .5s ease;}
.hero-visual-panel.hidden{display:none;}

/* ── TALENT VISUAL (existing dashboard) ── */
.hv-main-card{background:rgba(12,12,26,.97);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:26px;backdrop-filter:blur(20px);box-shadow:0 32px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05);animation:floatY 6s ease-in-out infinite;}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hv-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.hv-card-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--gray3);letter-spacing:.5px;text-transform:uppercase;}
.hv-live-badge{display:flex;align-items:center;gap:6px;background:rgba(0,229,195,.1);border:1px solid rgba(0,229,195,.3);padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;color:var(--teal);}
.hv-live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse 1.5s infinite;}
.hv-candidates{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;}
.hv-candidate{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:11px;padding:10px 12px;transition:border-color .3s;animation:slideInR .5s ease both;}
.hv-candidate:nth-child(1){animation-delay:.8s}
.hv-candidate:nth-child(2){animation-delay:1.1s}
.hv-candidate:nth-child(3){animation-delay:1.4s}
@keyframes slideInR{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.hv-candidate:hover{border-color:rgba(255,45,107,.3);}
.hv-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:12px;font-weight:800;}
.hv-info{flex:1;min-width:0;}
.hv-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hv-role{font-size:11px;color:var(--gray2);margin-top:1px;}
.hv-bar-track{height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;margin-top:5px;}
.hv-bar-fill{height:100%;border-radius:2px;animation:barFill 1.2s ease both;}
@keyframes barFill{from{width:0}}
.hv-match{font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;flex-shrink:0;}
.match-high{background:rgba(0,229,195,.12);color:var(--teal);border:1px solid rgba(0,229,195,.2);}
.match-med{background:rgba(255,45,107,.1);color:var(--pink);border:1px solid rgba(255,45,107,.2);}
.hv-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);}
.hv-timer-num{font-family:var(--fh);font-size:18px;font-weight:800;color:var(--teal);}
.hv-timer small{display:block;font-size:10px;color:var(--gray3);text-transform:uppercase;letter-spacing:1px;}
.hv-ready-btn{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;padding:9px 15px;border-radius:8px;font-size:12px;font-weight:700;animation:btnGlow 2s ease-in-out infinite;}
@keyframes btnGlow{0%,100%{box-shadow:0 0 0 rgba(255,45,107,0)}50%{box-shadow:0 4px 20px rgba(255,45,107,.5)}}
.hv-float-card{position:absolute;background:rgba(12,12,26,.97);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 16px;backdrop-filter:blur(20px);box-shadow:0 16px 48px rgba(0,0,0,.5);}
.hv-float-1{top:-28px;right:-24px;animation:float2 5s 1s ease-in-out infinite;}
.hv-float-2{bottom:-20px;left:-24px;animation:float3 7s .5s ease-in-out infinite;}
@keyframes float2{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(-1deg)}}
@keyframes float3{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(8px) rotate(0)}}
.hf-icon{font-size:16px;margin-bottom:3px;}
.hf-num{font-family:var(--fh);font-size:20px;font-weight:800;}
.hf-label{font-size:11px;color:var(--gray2);margin-top:1px;}

/* ── TECH VISUAL (design/build dashboard) ── */
.hv-tech-card{background:rgba(12,12,26,.97);border:1px solid rgba(123,63,228,.2);border-radius:22px;padding:26px;backdrop-filter:blur(20px);box-shadow:0 32px 80px rgba(0,0,0,.6),0 0 0 1px rgba(123,63,228,.08);animation:floatY 6s ease-in-out infinite;}
.hv-tech-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.hv-tech-title{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--gray3);letter-spacing:.5px;text-transform:uppercase;}
.hv-build-badge{display:flex;align-items:center;gap:6px;background:rgba(123,63,228,.1);border:1px solid rgba(123,63,228,.3);padding:3px 10px;border-radius:100px;font-size:11px;font-weight:700;color:#a78bfa;}
.hv-build-dot{width:6px;height:6px;border-radius:50%;background:#a78bfa;animation:pulse 1.5s infinite;}
.hv-projects{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;}
.hv-project{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:11px;padding:10px 12px;transition:border-color .3s;animation:slideInR .5s ease both;}
.hv-project:nth-child(1){animation-delay:.8s}
.hv-project:nth-child(2){animation-delay:1.1s}
.hv-project:nth-child(3){animation-delay:1.4s}
.hv-project:hover{border-color:rgba(123,63,228,.35);}
.hv-proj-icon{width:36px;height:36px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;}
.hv-proj-info{flex:1;min-width:0;}
.hv-proj-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hv-proj-type{font-size:11px;color:var(--gray2);margin-top:1px;}
.hv-prog-track{height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;margin-top:5px;}
.hv-prog-fill{height:100%;border-radius:2px;animation:barFill 1.4s ease both;}
.hv-stage{font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;flex-shrink:0;}
.stage-live{background:rgba(0,229,195,.12);color:var(--teal);border:1px solid rgba(0,229,195,.2);}
.stage-build{background:rgba(123,63,228,.12);color:#a78bfa;border:1px solid rgba(123,63,228,.2);}
.hv-tech-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);}
.hv-tech-stat{font-family:var(--fh);font-size:18px;font-weight:800;color:#a78bfa;}
.hv-tech-stat small{display:block;font-size:10px;color:var(--gray3);text-transform:uppercase;letter-spacing:1px;}
.hv-launch-btn{background:linear-gradient(135deg,var(--purple),#5b21b6);color:#fff;border:none;padding:9px 15px;border-radius:8px;font-size:12px;font-weight:700;}

/* ════════════════════════════════════════════════════════
   LOGOS STRIP
════════════════════════════════════════════════════════ */
.logos-strip{padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;position:relative;z-index:1;}
.logos-label{text-align:center;font-size:12px;color:var(--gray3);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;}
.logos-scroll{display:flex;gap:48px;animation:scrollX 30s linear infinite;width:max-content;}
.logos-scroll:hover{animation-play-state:paused;}
.logo-item{font-family:var(--fh);font-size:14px;font-weight:700;color:var(--gray3);white-space:nowrap;letter-spacing:-.3px;transition:color .2s;}
.logo-item:hover{color:var(--gray2);}

/* ════════════════════════════════════════════════════════
   SECTION COMMON
════════════════════════════════════════════════════════ */
section{position:relative;z-index:1;}
.sec-pad{padding:72px 20px;}
@media(min-width:768px){.sec-pad{padding:96px 40px;}}
@media(min-width:1024px){.sec-pad{padding:100px 56px;}}
.sec-label{text-align:center;font-size:12px;color:var(--pink);letter-spacing:2.5px;text-transform:uppercase;font-weight:700;margin-bottom:12px;}
.sec-title{text-align:center;font-family:var(--fh);font-size:clamp(28px,5vw,50px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;margin-bottom:12px;}
.sec-sub{text-align:center;color:var(--gray2);font-size:17px;max-width:480px;margin:0 auto 48px;font-weight:300;line-height:1.65;}

/* ════════════════════════════════════════════════════════
   DUAL PATH
════════════════════════════════════════════════════════ */
.dual-cards{display:grid;grid-template-columns:1fr;gap:16px;max-width:960px;margin:0 auto;}
@media(min-width:640px){.dual-cards{grid-template-columns:1fr 1fr;}}
.path-card{border:1px solid var(--border);border-radius:20px;padding:32px;background:var(--bg2);position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s;}
.path-card:hover{transform:translateY(-5px);}
.path-card.tech:hover{border-color:rgba(123,63,228,.5);box-shadow:0 20px 60px rgba(123,63,228,.15);}
.path-card.talent:hover{border-color:rgba(255,45,107,.5);box-shadow:0 20px 60px rgba(255,45,107,.15);}
.path-card-glow{position:absolute;width:280px;height:280px;border-radius:50%;top:-70px;right:-70px;pointer-events:none;}
.tech .path-card-glow{background:radial-gradient(circle,rgba(123,63,228,.2) 0%,transparent 70%);}
.talent .path-card-glow{background:radial-gradient(circle,rgba(255,45,107,.2) 0%,transparent 70%);}
.path-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;}
.tech .path-icon{background:rgba(123,63,228,.15);}
.talent .path-icon{background:rgba(255,45,107,.15);}
.path-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:12px;}
.tech .path-tag{background:rgba(123,63,228,.15);color:#a78bfa;}
.talent .path-tag{background:rgba(255,45,107,.12);color:var(--pink);}
.path-title{font-family:var(--fh);font-size:23px;font-weight:800;letter-spacing:-.5px;margin-bottom:9px;line-height:1.1;}
.path-desc{color:var(--gray2);font-size:15px;line-height:1.65;margin-bottom:20px;font-weight:300;}
.path-items{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.path-item{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--gray2);}
.path-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.tech .path-dot{background:#a78bfa;}.talent .path-dot{background:var(--pink);}
.path-cta{display:inline-flex;align-items:center;gap:7px;padding:13px 24px;border-radius:10px;font-size:14px;font-weight:700;border:none;transition:transform .2s,box-shadow .2s;letter-spacing:.2px;}
.tech .path-cta{background:linear-gradient(135deg,var(--purple),#5b21b6);color:#fff;box-shadow:0 4px 20px rgba(123,63,228,.4);}
.talent .path-cta{background:linear-gradient(135deg,var(--pink),#be185d);color:#fff;box-shadow:0 4px 20px rgba(255,45,107,.4);}
.path-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.4);}

/* ════════════════════════════════════════════════════════
   BENTO
════════════════════════════════════════════════════════ */
.superpower{background:linear-gradient(180deg,var(--bg) 0%,var(--bg3) 60%,var(--bg) 100%);}
.bento{display:flex;flex-direction:column;gap:14px;max-width:1100px;margin:40px auto 0;}
@media(min-width:900px){.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;}}
.bento-card{border:1px solid var(--border);border-radius:18px;padding:24px;background:var(--bg2);position:relative;overflow:hidden;transition:border-color .3s;}
.bento-card:hover{border-color:var(--border2);}
.bc1{grid-column:span 5}.bc2{grid-column:span 7}.bc3{grid-column:span 4}.bc4{grid-column:span 4}.bc5{grid-column:span 4}.bc6{grid-column:span 7}.bc7{grid-column:span 5}
/* Tech stats row */
.bc-ts1{grid-column:span 3}.bc-ts2{grid-column:span 3}.bc-ts3{grid-column:span 3}.bc-ts4{grid-column:span 3}
.bento-num{font-family:var(--fh);font-size:52px;font-weight:800;line-height:1;letter-spacing:-3px;background:linear-gradient(135deg,var(--white) 0%,rgba(255,255,255,.2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;}
.bento-label{font-family:var(--fh);font-size:17px;font-weight:700;margin-bottom:7px;}
.bento-text{font-size:15px;color:var(--gray2);line-height:1.55;font-weight:300;}
.bento-al-p{border-left:2px solid var(--pink);padding-left:14px;}
.bento-al-pu{border-left:2px solid #a78bfa;padding-left:14px;}
.bento-big{font-family:var(--fh);font-size:clamp(24px,2.5vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:9px;}
.pill{display:inline-block;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:500;margin-right:5px;margin-bottom:5px;}
.pill-pk{background:rgba(255,45,107,.12);color:var(--pink);border:1px solid rgba(255,45,107,.2);}
.pill-pu{background:rgba(123,63,228,.12);color:#a78bfa;border:1px solid rgba(123,63,228,.2);}
.pill-wh{background:rgba(255,255,255,.06);color:var(--gray2);border:1px solid var(--border);}
.pill-te{background:rgba(0,229,195,.1);color:var(--teal);border:1px solid rgba(0,229,195,.2);}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;}
.vs-col{padding:12px;border-radius:10px;}
.vs-old{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);}
.vs-new{background:rgba(255,45,107,.05);border:1px solid rgba(255,45,107,.15);}
.vs-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:9px;}
.vs-old .vs-title{color:var(--gray3);}.vs-new .vs-title{color:var(--pink);}
.vs-item{font-size:13px;color:var(--gray2);padding:3px 0;display:flex;align-items:center;gap:7px;}
.vs-x{color:#ff4444;font-size:11px;}.vs-chk{color:#22c55e;font-size:11px;}
.steps{display:flex;flex-direction:column;gap:9px;margin-top:12px;}
.step{display:flex;align-items:flex-start;gap:10px;}
.step-n{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:2px;}
.step-t{font-size:13px;color:var(--gray2);line-height:1.5;}
.step-t strong{color:var(--white);font-weight:600;}
/* Tech how it works steps */
.steps-tech .step-n{background:linear-gradient(135deg,var(--purple),#5b21b6);}
.section-row-label{font-family:var(--fh);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:16px;display:inline-block; display: flex}
.row-label-tech{background:rgba(123,63,228,.15);color:#a78bfa;border:1px solid rgba(123,63,228,.25); justify-content: center;}
.row-label-talent{background:rgba(255,45,107,.12);color:var(--pink);border:1px solid rgba(255,45,107,.2); justify-content: center;}

/* ════════════════════════════════════════════════════════
   VIDEO TESTIMONIALS
════════════════════════════════════════════════════════ */
.vt-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:960px;margin:0 auto;}
@media(min-width:480px){.vt-grid{grid-template-columns:repeat(3,1fr);}}
.vt-card{border-radius:18px;overflow:hidden;position:relative;aspect-ratio:9/16;max-height:480px;transition:transform .3s,box-shadow .3s;background:var(--bg2);border:1px solid var(--border);cursor:pointer;}
.vt-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 24px 60px rgba(0,0,0,.6);}
.vt-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.vt-bg-1{background:linear-gradient(160deg,#1a0533 0%,#3d1278 40%,#7b2d8b 70%,#ff2d6b 100%);}
.vt-bg-2{background:linear-gradient(160deg,#001a2e 0%,#003d6b 40%,#0066aa 70%,#00c4ff 100%);}
.vt-bg-3{background:linear-gradient(160deg,#0a2a1a 0%,#0f4a2a 40%,#1a7a40 70%,#00e5c3 100%);}
.vt-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");opacity:.4;}
.vt-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(6,6,15,.3) 40%,rgba(6,6,15,.95) 100%);}
.vt-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:background .2s,transform .25s;}
.vt-card:hover .vt-play-btn{background:rgba(255,45,107,.5);transform:translate(-50%,-70%) scale(1.1);}
.vt-play-icon{font-size:19px;margin-left:3px;}
.vt-person{position:absolute;bottom:108px;left:50%;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:20px;font-weight:800;background:rgba(255,255,255,.1);backdrop-filter:blur(4px);}
.vt-waveform{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:3px;opacity:.3;}
.vt-wave-bar{width:3px;border-radius:2px;background:rgba(255,255,255,.7);animation:waveAnim 1.2s ease-in-out infinite;}
.vt-wave-bar:nth-child(1){height:18px}.vt-wave-bar:nth-child(2){height:32px;animation-delay:.1s}.vt-wave-bar:nth-child(3){height:48px;animation-delay:.2s}.vt-wave-bar:nth-child(4){height:28px;animation-delay:.3s}.vt-wave-bar:nth-child(5){height:42px;animation-delay:.4s}.vt-wave-bar:nth-child(6){height:22px;animation-delay:.5s}.vt-wave-bar:nth-child(7){height:38px;animation-delay:.6s}.vt-wave-bar:nth-child(8){height:18px;animation-delay:.7s}
@keyframes waveAnim{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.4)}}
.vt-content{position:absolute;bottom:0;left:0;right:0;padding:18px;}
.vt-stars{color:#fbbf24;font-size:12px;letter-spacing:1px;margin-bottom:7px;}
.vt-quote{font-size:13px;color:var(--gray1);line-height:1.55;font-weight:300;font-style:italic;margin-bottom:10px;}
.vt-author-name{font-size:14px;font-weight:700;}.vt-author-role{font-size:12px;color:var(--gray2);margin-top:1px;}
.vt-tag{display:inline-block;margin-top:5px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:100px;}

/* ── IMAGE CAROUSELS ── */
.carousel-section{overflow:hidden;padding:16px 0;position:relative;}
.carousel-section::before,.carousel-section::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
.carousel-section::before{left:0;background:linear-gradient(90deg,var(--bg),transparent);}
.carousel-section::after{right:0;background:linear-gradient(270deg,var(--bg),transparent);}
.carousel-track{display:flex;gap:16px;animation:scrollX 28s linear infinite;width:max-content;}
.carousel-track.reverse{animation:scrollX linear infinite; animation-direction:reverse;animation-duration:32s;}
.carousel-track:hover{animation-play-state:paused;}
.carousel-slide{width:220px;height:156px;border-radius:14px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);position:relative;}
.carousel-slide-img{width:100%;height:100%;object-fit:cover;display:block;}
/* placeholder gradient slides for projects */
.cs-ph-1{background:linear-gradient(135deg,#1a0533 0%,#7b2d8b 60%,#ff2d6b 100%);}
.cs-ph-2{background:linear-gradient(135deg,#001a2e 0%,#0066aa 60%,#00c4ff 100%);}
.cs-ph-3{background:linear-gradient(135deg,#0a2a1a 0%,#1a7a40 60%,#00e5c3 100%);}
.cs-ph-4{background:linear-gradient(135deg,#1a1a0a 0%,#4a3a00 60%,#ffc107 100%);}
.cs-ph-5{background:linear-gradient(135deg,#1a000a 0%,#6b0028 60%,#ff2d6b 100%);}
.cs-ph-6{background:linear-gradient(135deg,#00101a 0%,#003d5c 60%,#7b3fe4 100%);}
.cs-ph-7{background:linear-gradient(135deg,#0a001a 0%,#3d0078 60%,#a78bfa 100%);}
.cs-ph-8{background:linear-gradient(135deg,#001a10 0%,#004d30 60%,#00e5c3 100%);}
.cs-ph-9{background:linear-gradient(135deg,#1a0a00 0%,#5c3000 60%,#ff6b35 100%);}
.cs-ph-10{background:linear-gradient(135deg,#000a1a 0%,#001f4d 60%,#0066cc 100%);}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,6,15,.85) 100%);}
.slide-label{position:absolute;bottom:10px;left:12px;right:12px;}
.slide-label-title{font-family:var(--fh);font-size:12px;font-weight:700;color:#fff;margin-bottom:2px;}
.slide-label-sub{font-size:10px;color:rgba(255,255,255,.6);}
/* hired people carousel — square portrait style */
.carousel-slide.person-slide{width:140px;height:180px;border-radius:14px;}
.person-ph-1{background:linear-gradient(160deg,#1a0533 0%,#3d1278 50%,#ff2d6b 100%);}
.person-ph-2{background:linear-gradient(160deg,#001a2e 0%,#003d6b 50%,#0066aa 100%);}
.person-ph-3{background:linear-gradient(160deg,#0a2a1a 0%,#0f4a2a 50%,#00e5c3 100%);}
.person-ph-4{background:linear-gradient(160deg,#1a0a00 0%,#5c3000 50%,#ffc107 100%);}
.person-ph-5{background:linear-gradient(160deg,#0a001a 0%,#3d0078 50%,#a78bfa 100%);}
.person-ph-6{background:linear-gradient(160deg,#001a10 0%,#004d30 50%,#22c55e 100%);}
.person-ph-7{background:linear-gradient(160deg,#1a0010 0%,#6b0028 50%,#ff6b9d 100%);}
.person-ph-8{background:linear-gradient(160deg,#000a1a 0%,#001f4d 50%,#7b3fe4 100%);}
.person-info{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;}
.person-av{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:14px;font-weight:800;margin:0 auto 6px;}
.person-name{font-size:11px;font-weight:700;color:#fff;}
.person-role{font-size:10px;color:rgba(255,255,255,.65);margin-top:1px;}
.carousel-heading{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--gray3);letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:14px;}

/* ════════════════════════════════════════════════════════
   PRICING TOGGLE
════════════════════════════════════════════════════════ */
.pricing-toggle-wrap{display:flex;gap:8px;justify-content:center;margin-bottom:40px;background:var(--bg2);border:1px solid var(--border);border-radius:100px;padding:6px;max-width:380px;margin-left:auto;margin-right:auto;margin-bottom:48px;}
.ptoggle{flex:1;padding:11px 20px;border-radius:100px;font-size:14px;font-weight:700;border:none;background:transparent;color:var(--gray2);transition:background .2s,color .2s;cursor:pointer;}
.ptoggle.active{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:0 4px 20px rgba(255,45,107,.35);}
.pricing-platform{display:none;}
.pricing-platform.active{display:block;}

/* Talent pricing (existing) */
.pricing-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:840px;margin:0 auto;}
@media(min-width:600px){.pricing-grid{grid-template-columns:1fr 1fr;}}
.pricing-card{border-radius:22px;padding:32px;position:relative;overflow:hidden;}
.pricing-std{background:var(--bg2);border:1px solid var(--border);}
.pricing-feat{background:linear-gradient(135deg,rgba(255,45,107,.07) 0%,rgba(123,63,228,.07) 100%);border:1px solid rgba(123,63,228,.35);}
.pricing-badge{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-size:11px;font-weight:700;padding:3px 11px;border-radius:100px;letter-spacing:.5px;}
.pricing-name{font-size:12px;color:var(--gray2);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;}
.pricing-price{font-family:var(--fh);font-size:44px;font-weight:800;letter-spacing:-2px;line-height:1;}
.pricing-price span{font-size:17px;font-weight:400;color:var(--gray2);vertical-align:super;font-family:var(--fb);letter-spacing:0;}
.pricing-price sub{font-size:14px;font-weight:400;color:var(--gray2);letter-spacing:0;font-family:var(--fb);vertical-align:baseline;}
.pricing-old{font-size:14px;color:var(--gray3);text-decoration:line-through;margin-left:8px;}
.pricing-desc{font-size:15px;color:var(--gray2);margin:10px 0 20px;font-weight:300;line-height:1.55;}
.pricing-items{display:flex;flex-direction:column;gap:9px;margin-bottom:24px;}
.pricing-item{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--gray2);}
.pricing-chk{color:#22c55e;font-weight:700;font-size:14px;}
.pricing-cta{width:100%;padding:15px;border-radius:11px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;letter-spacing:.2px;}
.pricing-std .pricing-cta{background:rgba(255,255,255,.06);color:var(--white);border:1px solid rgba(255,255,255,.15);}
.pricing-std .pricing-cta:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);}
.pricing-feat .pricing-cta{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;box-shadow:0 6px 24px rgba(255,45,107,.4);}
.pricing-feat .pricing-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(255,45,107,.6);}

/* Tech pricing grid */
.tech-pricing-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:1060px;margin:0 auto;}
@media(min-width:600px){.tech-pricing-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.tech-pricing-grid{grid-template-columns:repeat(3,1fr);}}
.tp-card{border-radius:22px;padding:30px;position:relative;overflow:hidden;background:var(--bg2);border:1px solid var(--border);transition:border-color .3s,transform .3s;}
.tp-card:hover{border-color:rgba(123,63,228,.35);transform:translateY(-4px);}
.tp-card.tp-feat{background:linear-gradient(135deg,rgba(123,63,228,.08) 0%,rgba(255,45,107,.05) 100%);border-color:rgba(123,63,228,.35);}
.tp-card.tp-ai{background:linear-gradient(135deg,rgba(0,229,195,.05) 0%,rgba(123,63,228,.08) 100%);border-color:rgba(0,229,195,.25);}
.tp-badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;letter-spacing:.5px;}
.tp-badge-ai{background:linear-gradient(135deg,var(--teal),#00a895);color:#000;}
.tp-badge-pop{background:linear-gradient(135deg,var(--purple),#5b21b6);color:#fff;}
.tp-icon{font-size:28px;margin-bottom:14px;}
.tp-name{font-size:12px;color:var(--gray2);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;}
.tp-price{font-family:var(--fh);font-size:36px;font-weight:800;letter-spacing:-1.5px;line-height:1;margin-bottom:6px;}
.tp-price-from{font-size:13px;color:var(--gray3);font-family:var(--fb);font-weight:400;display:block;margin-bottom:10px;}
.tp-desc{font-size:14px;color:var(--gray2);margin-bottom:20px;font-weight:300;line-height:1.55;}
.tp-items{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;}
.tp-item{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--gray2);}
.tp-chk{color:#22c55e;font-weight:700;font-size:13px;}
.tp-cta{width:100%;padding:14px;border-radius:11px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;letter-spacing:.2px;}
.tp-card .tp-cta{background:rgba(255,255,255,.06);color:var(--white);border:1px solid rgba(255,255,255,.15);}
.tp-card .tp-cta:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);}
.tp-card.tp-feat .tp-cta{background:linear-gradient(135deg,var(--purple),#5b21b6);color:#fff;border:none;box-shadow:0 6px 24px rgba(123,63,228,.4);}
.tp-card.tp-feat .tp-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(123,63,228,.6);}
.tp-card.tp-ai .tp-cta{background:linear-gradient(135deg,var(--teal),#00a895);color:#000;border:none;box-shadow:0 6px 24px rgba(0,229,195,.3);}
.tp-card.tp-ai .tp-cta:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(0,229,195,.4);}

/* ════════════════════════════════════════════════════════
   CASE STUDIES — 2 rows (Tech + Talent)
════════════════════════════════════════════════════════ */
.cs-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:1100px;margin:0 auto;}
@media(min-width:640px){.cs-grid{grid-template-columns:repeat(3,1fr);}}
.cs-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--bg2);transition:border-color .3s,transform .3s;}
.cs-card:hover{border-color:var(--border2);transform:translateY(-4px);}
.cs-img{height:140px;display:flex;align-items:flex-end;padding:14px;position:relative;}
.cs-img-bg{position:absolute;inset:0;}
.cs-img-ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,6,15,.9) 100%);}
.cs-cat{position:relative;z-index:1;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;border-radius:100px;}
.cs-body{padding:18px;}
.cs-title{font-family:var(--fh);font-size:15px;font-weight:700;line-height:1.35;margin-bottom:7px;}
.cs-desc{font-size:14px;color:var(--gray2);line-height:1.55;margin-bottom:12px;font-weight:300;}
.cs-meta{display:flex;justify-content:space-between;align-items:center;}
.cs-result{font-size:13px;color:#22c55e;font-weight:600;}
.cs-arrow{color:var(--gray3);font-size:14px;transition:color .2s;}
.cs-card:hover .cs-arrow{color:var(--pink);}
.cs-row-label{margin-bottom:16px;margin-top:32px;}
.cs-row-label:first-child{margin-top:0;}

/* ════════════════════════════════════════════════════════
   FOUNDERS
════════════════════════════════════════════════════════ */
.founders-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:900px;margin:0 auto;}
@media(min-width:600px){.founders-grid{grid-template-columns:1fr 1fr;}}
.founder-card{border:1px solid var(--border);border-radius:22px;padding:28px 28px;background:var(--bg2);display:flex;gap:20px;align-items:flex-start;transition:border-color .3s,transform .3s;}
.founder-card:hover{border-color:var(--border2);transform:translateY(-3px);}
.founder-av{width:70px;height:70px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:20px;font-weight:800;border:2px solid rgba(255,45,107,.3);}
.founder-name{font-family:var(--fh);font-size:18px;font-weight:800;margin-bottom:2px;}
.founder-title{font-size:13px;color:var(--pink);font-weight:700;margin-bottom:9px;letter-spacing:.3px;}
.founder-bio{font-size:15px;color:var(--gray2);line-height:1.6;font-weight:300;}
.founder-creds{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px;}
.founder-cred{font-size:11px;color:var(--gray3);background:rgba(255,255,255,.04);border:1px solid var(--border);padding:3px 9px;border-radius:100px;}

/* ════════════════════════════════════════════════════════
   CTA SECTION
════════════════════════════════════════════════════════ */
.cta-section{text-align:center;overflow:hidden;}
.cta-bg-g1{position:absolute;width:460px;height:460px;border-radius:50%;top:50%;left:30%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,45,107,.12) 0%,transparent 70%);filter:blur(40px);}
.cta-bg-g2{position:absolute;width:360px;height:360px;border-radius:50%;top:50%;right:18%;transform:translateY(-50%);background:radial-gradient(circle,rgba(123,63,228,.12) 0%,transparent 70%);filter:blur(40px);}
.cta-inner{position:relative;z-index:2;max-width:760px;margin:0 auto;border:1px solid rgba(123,63,228,.3);border-radius:26px;padding:56px 28px;background:linear-gradient(135deg,rgba(123,63,228,.07) 0%,rgba(255,45,107,.05) 100%);}
@media(min-width:640px){.cta-inner{padding:68px 56px;}}
.cta-emoji{font-size:42px;display:block;margin-bottom:18px;}
.cta-title{font-family:var(--fh);font-size:clamp(22px,4.5vw,25px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:14px;}
.cta-title-line{display:block;}
.cta-sub{font-size:16px;color:var(--gray2);margin-bottom:36px;font-weight:300;line-height:1.65;}
.cta-buttons{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
.cta-btn-main{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;padding:18px 38px;border-radius:13px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px rgba(255,45,107,.5);letter-spacing:.2px;}
.cta-btn-main::after{content:'';position:absolute;top:-50%;left:-60%;width:30%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-20deg);animation:shimmer 3.5s ease-in-out 2.5s infinite;}
.cta-btn-main:hover{transform:translateY(-3px);box-shadow:0 16px 56px rgba(255,45,107,.7);}
/*.cta-btn-ghost{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.2);padding:18px 34px;border-radius:13px;font-size:15px;font-weight:500;transition:border-color .2s,background .2s,transform .2s;}*/
/*.cta-btn-ghost:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05);transform:translateY(-2px);}*/
.cta-note{font-size:13px;color:var(--gray3);margin-top:18px;}

/* ════════════════════════════════════════════════════════
   TICKER
════════════════════════════════════════════════════════ */
.ticker-strip{background:linear-gradient(90deg,rgba(255,45,107,.06) 0%,rgba(123,63,228,.06) 100%);border-top:1px solid rgba(255,45,107,.15);border-bottom:1px solid rgba(255,45,107,.15);padding:10px 0;overflow:hidden;position:relative;z-index:1;}
.ticker-inner{display:flex;gap:48px;animation:scrollX 32s linear infinite;width:max-content;}
.ticker-item{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px;color:var(--gray2);}
.ticker-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite;flex-shrink:0;}
.ticker-strong{color:var(--white);font-weight:500;}

/* ════════════════════════════════════════════════════════
   FOOTER
════════════════════════════════════════════════════════ */
footer{padding:56px 20px 32px;border-top:1px solid var(--border);position:relative;z-index:1;}
@media(min-width:768px){footer{padding:56px 40px 32px;}}
@media(min-width:1024px){footer{padding:60px 56px 36px;}}
.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px;}
@media(min-width:900px){.footer-top{grid-template-columns:2fr 1fr 1fr 1fr 1fr;}}
.footer-logo{font-family:var(--fh);font-size:20px;font-weight:800;margin-bottom:9px;}
.footer-logo span{color:var(--pink);}
.footer-tagline{font-size:14px;color:var(--gray3);line-height:1.6;max-width:220px;font-weight:300;}
.footer-col-title{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--gray3);font-weight:700;margin-bottom:13px;}
.footer-links{display:flex;flex-direction:column;gap:8px;}
.footer-links a{color:var(--gray2);font-size:14px;transition:color .2s;}
.footer-links a:hover{color:var(--white);}
.footer-bottom{display:flex;flex-direction:column;gap:8px;padding-top:20px;border-top:1px solid var(--border);}
@media(min-width:600px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;}}
.footer-copy,.footer-made{font-size:13px;color:var(--gray3);}
.footer-made span{color:var(--pink);}
.footer-socials{display:flex;gap:9px;margin-top:4px;}
.footer-social-btn{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.1);}
.footer-social-btn.li{background:linear-gradient(135deg,#0a66c2,#004182);color:#fff;}
.footer-social-btn.tw{background:linear-gradient(135deg,#111,#1d1d1d);color:#fff;}
.footer-social-btn.ig{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff;}
.footer-social-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.45);}

/* ════════════════════════════════════════════════════════
   FLOATING FOUNDER BUBBLE
════════════════════════════════════════════════════════ */
.bubble-wrap{position:fixed;bottom:24px;right:20px;z-index:400;display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
@media(min-width:480px){.bubble-wrap{right:28px;}}
.bubble-card{background:rgba(9,9,20,.98);border:1px solid rgba(255,45,107,.35);border-radius:18px;padding:14px 16px;width:250px;box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 40px rgba(255,45,107,.1);backdrop-filter:blur(20px);display:none;flex-direction:column;gap:11px;}
.bubble-card.open{display:flex;animation:bubbleIn .3s ease both;}
@keyframes bubbleIn{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.bubble-header{display:flex;align-items:center;justify-content:space-between;}
.bubble-title{font-family:var(--fh);font-size:13px;font-weight:700;}
.bubble-close{background:none;border:none;color:var(--gray2);font-size:18px;line-height:1;transition:color .2s;padding:0;}
.bubble-close:hover{color:var(--white);}
.bubble-vid{width:100%;aspect-ratio:9/16;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(160deg,#1a0533 0%,#3d1278 50%,#ff2d6b 100%);max-height:180px;}
.bubble-vid-ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,6,15,.8) 100%);}
.bubble-vid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:15px;padding-left:3px;backdrop-filter:blur(4px);}
.bubble-vid-person{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);text-align:center;}
.bubble-vid-av{width:32px;height:32px;border-radius:50%;margin:0 auto 3px;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:11px;font-weight:800;}
.bubble-vid-name{font-size:11px;font-weight:700;}
.bubble-vid-role{font-size:10px;color:rgba(255,255,255,.6);}
.bubble-cta{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;width:100%;padding:10px;border-radius:9px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;}
.bubble-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,45,107,.4);}
.bubble-btn{width:58px;height:58px;border-radius:50%;background:none;border:none;position:relative;padding:0;}
.bubble-btn-inner{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:16px;font-weight:800;color:#fff;position:relative;z-index:2;box-shadow:0 8px 32px rgba(255,45,107,.5);transition:transform .2s;}
.bubble-btn:hover .bubble-btn-inner{transform:scale(1.08);}
.bubble-ring{position:absolute;top:-5px;left:-5px;width:68px;height:68px;border-radius:50%;border:2px solid rgba(255,45,107,.5);animation:ringExpand 2.5s ease-in-out infinite;}
.bubble-ring2{position:absolute;top:-11px;left:-11px;width:80px;height:80px;border-radius:50%;border:1.5px solid rgba(255,45,107,.2);animation:ringExpand 2.5s .6s ease-in-out infinite;}
@keyframes ringExpand{0%{opacity:.8;transform:scale(.95)}100%{opacity:0;transform:scale(1.4)}}
.bubble-tooltip{position:absolute;right:68px;top:50%;transform:translateY(-50%);background:rgba(9,9,20,.97);border:1px solid rgba(255,45,107,.3);padding:6px 11px;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:700;color:var(--white);pointer-events:none;display:none;}
.bubble-tooltip::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid rgba(255,45,107,.3);border-top:4px solid transparent;border-bottom:4px solid transparent;}
.bubble-btn:hover .bubble-tooltip{display:block;}

/* ════════════════════════════════════════════════════════
   BOOK A CALL MODAL
════════════════════════════════════════════════════════ */
.modal-overlay{position:fixed;inset:0;z-index:600;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .3s;}
.modal-overlay.open{opacity:1;pointer-events:all;}
.modal-box{background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:820px;max-height:90svh;overflow-y:auto;position:relative;transform:scale(.96) translateY(12px);transition:transform .3s,opacity .3s;opacity:0;scrollbar-width:thin;}
.modal-overlay.open .modal-box{transform:scale(1) translateY(0);opacity:1;}
.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gray2);transition:background .2s,color .2s;z-index:10;}
.modal-close:hover{background:rgba(255,255,255,.12);color:var(--white);}
.modal-inner{display:grid;grid-template-columns:1fr;gap:0;}
@media(min-width:680px){.modal-inner{grid-template-columns:1fr 220px;}}
.modal-form-side{padding:36px 28px;}
@media(min-width:680px){.modal-form-side{padding:40px 36px;}}
.modal-form-title{font-family:var(--fh);font-size:25px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px;}
.modal-form-sub{font-size:15px;color:var(--gray2);margin-bottom:28px;font-weight:300;line-height:1.55;}
.form-row{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px;}
@media(min-width:420px){.form-row{grid-template-columns:1fr 1fr;}}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group label{font-size:13px;font-weight:600;color:var(--gray2);letter-spacing:.3px;}
.form-group input,.form-group select,.form-group textarea{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;color:var(--white);font-family:var(--fb);font-size:15px;outline:none;transition:border-color .2s,background .2s;width:100%;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(255,45,107,.4);background:rgba(255,45,107,.04);}
.form-group select option{background:#1a1a2e;color:var(--white);}
.form-group textarea{resize:vertical;min-height:80px;}
.form-submit{width:100%;padding:15px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;margin-top:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 24px rgba(255,45,107,.4);letter-spacing:.2px;}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,45,107,.6);}
.form-note{font-size:12px;color:var(--gray3);margin-top:10px;text-align:center;}
.modal-video-side{display:none;background:linear-gradient(160deg,#1a0533,#3d1278 50%,#ff2d6b 100%);border-radius:0 24px 24px 0;position:relative;overflow:hidden;min-height:400px;}
@media(min-width:680px){.modal-video-side{display:flex;flex-direction:column;justify-content:flex-end;}}
.modal-vid-ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,6,15,.9) 100%);}
.modal-vid-wave{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:3px;opacity:.2;}
.modal-vid-wave div{width:3px;border-radius:2px;background:rgba(255,255,255,.9);animation:waveAnim 1.2s ease-in-out infinite;}
.modal-vid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:18px;padding-left:3px;backdrop-filter:blur(4px);transition:background .2s,transform .2s;}
.modal-vid-play:hover{background:rgba(255,45,107,.5);transform:translate(-50%,-60%) scale(1.1);}
.modal-vid-info{position:relative;z-index:2;padding:20px;}
.modal-vid-av{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:15px;font-weight:800;margin-bottom:8px;}
.modal-vid-name{font-size:15px;font-weight:700;}
.modal-vid-role{font-size:12px;color:rgba(255,255,255,.6);}
.modal-vid-tag{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:100px;background:rgba(255,45,107,.2);color:var(--pink);border:1px solid rgba(255,45,107,.3);}

/* VIDEO PLAYBACK MODAL */
#videoModal{z-index:700;}
.video-modal-box{background:#000;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:500px;position:relative;overflow:hidden;transform:scale(.96) translateY(12px);transition:transform .3s,opacity .3s;opacity:0;}
#videoModal.open .video-modal-box{transform:scale(1) translateY(0);opacity:1;}
.video-modal-box iframe{display:block;width:100%;aspect-ratio:9/16;border:none;}
.video-modal-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--white);z-index:10;backdrop-filter:blur(4px);}
.video-modal-close:hover{background:rgba(255,45,107,.5);}

/* ════════════════════════════════════════════════════════
   KEYFRAMES
════════════════════════════════════════════════════════ */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes scrollX{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes shimmer{0%{left:-60%}100%{left:130%}}
@keyframes ring-pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.08)}}
/* ════════ INFINITE LOGO MARQUEE ════════ */
.logos-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);padding:12px 0}
.logos-track{display:flex;gap:64px;width:max-content;animation:logoMarquee 40s linear infinite;align-items:center}
.logos-marquee:hover .logos-track{animation-play-state:paused}
.logo-img{height:40px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(1) brightness(1.6) opacity(.7);transition:filter .3s,transform .3s;flex-shrink:0}
.logo-img:hover{filter:grayscale(0) brightness(1) opacity(1);transform:scale(1.08)}
@keyframes logoMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.logos-track{animation:none}}

/* ════════ REAL FOUNDER IMAGES ════════ */
.founder-av-img{padding:0;overflow:hidden;border-radius:50%;border:2px solid rgba(255,45,107,.35);box-shadow:0 14px 32px rgba(255,45,107,.25)}
.founder-av-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

/* ════════ AUDIO TESTIMONIAL STATES (legacy removed in v3) ════════ */

/* ════════ INTERNAL SOFTWARE SPOTLIGHT ════════ */
/* (moved to dedicated TALENT OS section — styles at bottom of this file) */
.pill-teal{background:rgba(0,229,195,.1);color:var(--teal);border:1px solid rgba(0,229,195,.3);padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600}

/* ═══════════════════════════════════════════════════════════
   v3 FIXES — logos, founders, audio, carousel, software
   ═══════════════════════════════════════════════════════════ */

/* 1) LOGO MARQUEE — force full width + horizontal flex */
.logos-strip .logos-marquee{display:block;width:100%;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);padding:14px 0}
.logos-strip .logos-track{display:flex !important;flex-wrap:nowrap !important;gap:64px;width:max-content;animation:logoMarqueeV2 45s linear infinite;align-items:center}
.logos-strip .logos-marquee:hover .logos-track{animation-play-state:paused}
.logos-strip .logo-img{height:38px !important;width:auto !important;max-width:none !important;object-fit:contain;filter:grayscale(1) brightness(1.9) opacity(.72);transition:filter .35s,transform .35s;flex-shrink:0;display:block}
.logos-strip .logo-img:hover{filter:grayscale(0) brightness(1) opacity(1);transform:scale(1.1)}
@keyframes logoMarqueeV2{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* 2) FOUNDER IMAGES — override the 70×70 parent */
.founder-card .founder-av.founder-av-img{width:110px !important;height:110px !important;padding:0 !important;overflow:hidden !important;border-radius:50% !important;border:3px solid rgba(255,45,107,.4) !important;box-shadow:0 16px 40px rgba(255,45,107,.3),0 0 0 1px rgba(123,63,228,.2) !important;flex-shrink:0;background:linear-gradient(135deg,#2a0a3e,#1a0533) !important}
.founder-card .founder-av.founder-av-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:50% !important}

/* 3) CAROUSEL SLIDES AS LINKS — preserve styling */
.carousel-track a.carousel-slide{display:block !important;width:220px;height:156px;border-radius:14px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);position:relative;text-decoration:none;color:inherit;transition:transform .3s,border-color .3s,box-shadow .3s}
.carousel-track a.carousel-slide:hover{transform:translateY(-4px);border-color:rgba(255,45,107,.5);box-shadow:0 16px 36px rgba(255,45,107,.2)}
.carousel-track a.carousel-slide .slide-label-title,.carousel-track a.carousel-slide .slide-label-sub{color:#fff}

/* 4) INTERNAL SOFTWARE — now lives in dedicated TALENT OS section below */

/* 5) AUDIO PLAYER OVERLAY — visible UI when audio is playing */

.vt-card:hover 
to{opacity:1;transform:none}}







/* ═══════════════════════════════════════════════════════════
   v4 FIXES — audio animation + visible playing state
   ═══════════════════════════════════════════════════════════ */
/* When playing, pulse the waveform bars faster and tint pink */









@keyframes vtWaveFast{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1.3)}}

/* Glowing border on playing card */


/* Pulsing play button when playing */

@keyframes vtBtnPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,229,195,.6)}50%{box-shadow:0 0 0 14px rgba(0,229,195,0)}}

/* Hide redundant play icon while playing (overlay shows pause instead) */


/* ════════ cs-card as anchor links ════════ */
a.cs-card{display:flex !important;flex-direction:column;text-decoration:none !important;color:inherit !important;cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .3s}
a.cs-card:hover{transform:translateY(-6px);border-color:rgba(255,45,107,.4);box-shadow:0 20px 50px rgba(255,45,107,.18)}
a.cs-card:hover .cs-arrow{transform:translateX(6px);color:var(--pink)}
a.cs-card .cs-title,a.cs-card .cs-desc,a.cs-card .cs-result{color:inherit}
.cta-secondary[href]{text-decoration:none !important}

/* ════════ Neel images in footer bubble + modals ════════ */
.bubble-btn .bubble-btn-inner.bubble-btn-img{padding:0 !important;overflow:hidden !important;background:none !important}
.bubble-btn .bubble-btn-inner.bubble-btn-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:50% !important}
.bubble-vid-av.bubble-vid-av-img{padding:0 !important;overflow:hidden !important;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0533,#3d1278) !important}
.bubble-vid-av.bubble-vid-av-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:50% !important}
.modal-vid-av.modal-vid-av-img{padding:0 !important;overflow:hidden !important}
.modal-vid-av.modal-vid-av-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:50% !important}



}

/* ═══ BUBBLE AVATAR IMAGE SUPPORT ═══ */
.bubble-btn-inner{overflow:hidden !important;padding:0 !important;display:block !important}
.bubble-btn-inner img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.bubble-vid-av{overflow:hidden;padding:0 !important}
.bubble-vid-av img{border-radius:50%}
.modal-vid-av{overflow:hidden;padding:0 !important}
.modal-vid-av img{border-radius:50%}

/* ═══════════════════════════════════════════════════════════
   v5 INLINE AUDIO PLAYER — industry-standard, always visible
   Lives inside .vt-content, below the stars, above the quote.
   ═══════════════════════════════════════════════════════════ */
.vt-player{
  display:flex;align-items:center;gap:14px;
  padding:12px 16px;margin:16px 0 18px;
  background:rgba(10,10,20,.55);
  border:1px solid rgba(255,255,255,.1);
  border-radius:100px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:border-color .35s,background .35s,box-shadow .35s;
  cursor:pointer;position:relative;z-index:3;
}
.vt-player:hover{
  border-color:rgba(255,45,107,.4);
  background:rgba(10,10,20,.75);
  box-shadow:0 8px 24px rgba(0,0,0,.3);
}

/* Play/pause button */
.vt-p-btn{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  border:none;color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(255,45,107,.4);
  transition:transform .25s,box-shadow .25s;
  position:relative;
}
.vt-p-btn:hover{transform:scale(1.08);box-shadow:0 8px 24px rgba(255,45,107,.55)}
.vt-p-btn:active{transform:scale(.96)}
.vt-p-btn svg{display:block;margin-left:1px}
.vt-p-ico-pause{display:none}
.vt-player.vt-playing .vt-p-ico-play{display:none}
.vt-player.vt-playing .vt-p-ico-pause{display:block;margin-left:0}

/* Pulsing ring when playing */
.vt-p-btn::before{
  content:'';position:absolute;inset:-4px;border-radius:50%;
  border:2px solid rgba(255,45,107,.5);
  opacity:0;transition:opacity .3s;pointer-events:none;
}
.vt-player.vt-playing .vt-p-btn::before{
  opacity:1;animation:vtRing 1.6s ease-out infinite;
}
@keyframes vtRing{
  0%{transform:scale(1);opacity:.8;border-color:rgba(255,45,107,.6)}
  100%{transform:scale(1.5);opacity:0;border-color:rgba(0,229,195,.4)}
}

/* Waveform — 18 bars that dance when playing */
.vt-p-wave{
  flex:1;display:flex;align-items:center;gap:3px;
  height:30px;overflow:hidden;
}
.vt-p-wave span{
  flex:1;min-width:2px;max-width:4px;
  background:rgba(255,255,255,.35);
  border-radius:2px;
  height:30%;
  transition:height .3s cubic-bezier(.4,0,.2,1),background .3s;
}
.vt-player.vt-playing .vt-p-wave span{
  background:linear-gradient(180deg,var(--pink),var(--purple));
  animation:vtBar 1.1s ease-in-out infinite;
}
.vt-player.vt-playing .vt-p-wave span:nth-child(1){animation-delay:.00s;height:40%}
.vt-player.vt-playing .vt-p-wave span:nth-child(2){animation-delay:.06s;height:70%}
.vt-player.vt-playing .vt-p-wave span:nth-child(3){animation-delay:.12s;height:55%}
.vt-player.vt-playing .vt-p-wave span:nth-child(4){animation-delay:.18s;height:85%}
.vt-player.vt-playing .vt-p-wave span:nth-child(5){animation-delay:.24s;height:45%}
.vt-player.vt-playing .vt-p-wave span:nth-child(6){animation-delay:.30s;height:75%}
.vt-player.vt-playing .vt-p-wave span:nth-child(7){animation-delay:.36s;height:60%}
.vt-player.vt-playing .vt-p-wave span:nth-child(8){animation-delay:.42s;height:90%}
.vt-player.vt-playing .vt-p-wave span:nth-child(9){animation-delay:.48s;height:50%}
.vt-player.vt-playing .vt-p-wave span:nth-child(10){animation-delay:.54s;height:80%}
.vt-player.vt-playing .vt-p-wave span:nth-child(11){animation-delay:.60s;height:65%}
.vt-player.vt-playing .vt-p-wave span:nth-child(12){animation-delay:.66s;height:95%}
.vt-player.vt-playing .vt-p-wave span:nth-child(13){animation-delay:.72s;height:55%}
.vt-player.vt-playing .vt-p-wave span:nth-child(14){animation-delay:.78s;height:75%}
.vt-player.vt-playing .vt-p-wave span:nth-child(15){animation-delay:.84s;height:45%}
.vt-player.vt-playing .vt-p-wave span:nth-child(16){animation-delay:.90s;height:70%}
.vt-player.vt-playing .vt-p-wave span:nth-child(17){animation-delay:.96s;height:50%}
.vt-player.vt-playing .vt-p-wave span:nth-child(18){animation-delay:1.02s;height:35%}
@keyframes vtBar{
  0%,100%{transform:scaleY(.4)}
  50%{transform:scaleY(1)}
}

/* Time counter */
.vt-p-time{
  font-family:var(--fb);font-size:12px;font-weight:600;
  color:var(--gray2);flex-shrink:0;min-width:34px;text-align:right;
  letter-spacing:.3px;font-variant-numeric:tabular-nums;
}
.vt-player.vt-playing .vt-p-time{color:var(--pink)}

/* Card-level accents when any player inside is playing */
.vt-card:has(.vt-player.vt-playing){
  border-color:rgba(255,45,107,.4);
  box-shadow:0 20px 50px rgba(255,45,107,.15);
}

/* ═══════════════════════════════════════════════════════════
   v6 HOTFIX — testimonials layout + row labels
   ═══════════════════════════════════════════════════════════ */

/* 1) TESTIMONIAL GRID — 3 columns on desktop, 1 on mobile */
.vt-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:20px !important;
  max-width:1100px !important;
  margin:0 auto !important;
}
@media (max-width: 900px){
  .vt-grid{grid-template-columns:1fr !important;}
}

/* 2) TESTIMONIAL CARD — make it a proper content card, not a phone-shape */
.vt-card{
  aspect-ratio:auto !important;
  max-height:none !important;
  min-height:360px !important;
  display:flex !important;
  flex-direction:column !important;
}

/* 3) VT-CONTENT — relative, not absolute, so the inline player fits naturally */
.vt-content{
  position:relative !important;
  margin-top:auto !important;
  padding:24px !important;
  z-index:2 !important;
}

/* 4) VT-PERSON — keep it visible above the content block */
.vt-person{
  top:40px !important;
  bottom:auto !important;
}

/* 5) VT-WAVEFORM — move it to avoid overlapping content */
.vt-waveform{
  top:130px !important;
}

/* 6) ROW LABEL PILLS — force inline-block, center aligned, not full-width */
.cs-row-label{
  text-align:center !important;
  margin-bottom:20px !important;
  margin-top:36px !important;
}
.section-row-label{
  display:inline-block !important;
  width:auto !important;
  max-width:max-content !important;
  margin:0 auto !important;
}
.section-row-label.row-label-tech,
.section-row-label.row-label-talent{
  justify-content:initial !important;
}

/* 7) VT-PLAYER sizing — slightly more compact for 3-col layout */
.vt-content .vt-player{
  margin:12px 0 !important;
  padding:10px 14px !important;
  gap:10px !important;
}
.vt-content .vt-p-btn{
  width:38px !important;
  height:38px !important;
}
.vt-content .vt-p-wave{
  height:26px !important;
}
/* ═══════════════════════════════════════════════════════════
   v7 — Icons (SVG), flag circles, redesigned project ticker,
   real client images, infinite people loop, Salary Engine
   promo, Media Features, mobile logo strip, rocket SVG
   ═══════════════════════════════════════════════════════════ */

/* ── 1) MOBILE/TABLET LOGO STRIP — show 3-4 logos visible ── */
@media (max-width: 1023px){
  .logos-strip .logos-track{ gap:36px !important; animation-duration:38s !important; }
  .logos-strip .logo-img{ height:30px !important; }
}
@media (max-width: 640px){
  .logos-strip{ padding:18px 0 !important; }
  .logos-label{ font-size:11px !important; margin-bottom:12px !important; }
  .logos-strip .logos-track{ gap:28px !important; animation-duration:32s !important; }
  .logos-strip .logo-img{ height:26px !important; }
}
@media (max-width: 420px){
  .logos-strip .logos-track{ gap:22px !important; }
  .logos-strip .logo-img{ height:22px !important; }
}

/* ── 2) PATH-CARD SVG ICONS (Pick Your Path) ── */
.path-icon-svg{ font-size:0; }
.path-icon-svg svg{ width:24px; height:24px; }
.tech .path-icon-svg{ color:#a78bfa; }
.talent .path-icon-svg{ color:var(--pink); }
.path-li-svg{ width:14px; height:14px; flex-shrink:0; }
.tech .path-li-svg{ color:#a78bfa; }
.talent .path-li-svg{ color:var(--pink); }
.path-item .path-li-svg{ margin-right:0; }

/* ── 3) BENTO ICON SVG (AI-First) ── */
.bento-icon-svg{ width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:10px; border-radius:10px; background:rgba(167,139,250,.08); border:1px solid rgba(167,139,250,.18); }
.bento-icon-svg svg{ width:24px; height:24px; }

/* ── 4) COUNTRY FLAG CIRCLES (USA · Canada · UAE) ── */
.country-flags{ display:flex; gap:-6px; align-items:center; margin-top:2px; }
.flag-circle{ width:42px; height:42px; border-radius:50%; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; border:2px solid var(--bg2); box-shadow:0 4px 16px rgba(0,0,0,.4); position:relative; transition:transform .25s; }
.flag-circle:not(:first-child){ margin-left:-10px; }
.flag-circle:nth-child(1){ z-index:3; }
.flag-circle:nth-child(2){ z-index:2; }
.flag-circle:nth-child(3){ z-index:1; }
.flag-circle:hover{ transform:translateY(-3px) scale(1.05); z-index:5; }
.flag-circle svg{ width:100%; height:100%; display:block; }

/* ── 5) PILL with SVG icon ── */
.pill-svg{ display:inline-flex !important; align-items:center; gap:6px; padding:6px 14px !important; }
.pill-svg svg{ width:13px; height:13px; }
.pill-teal.pill-svg{ padding:6px 14px; }

/* ── 6) BENTO LABEL with inline SVG ── */
.bento-label-icon{ display:inline-flex; align-items:center; gap:7px; }
.bento-label-icon svg{ width:14px; height:14px; }

/* ── 7) REAL CLIENT IMAGES (Testimonials) ── */
.vt-bg-img{ background-size:cover; background-position:center; background-repeat:no-repeat; }
.vt-card-img .vt-noise{ opacity:.18; }
.vt-overlay-pk{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,6,15,.15) 0%, rgba(6,6,15,.55) 45%, rgba(255,45,107,.35) 75%, rgba(6,6,15,.95) 100%); }
.vt-overlay-pu{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,6,15,.15) 0%, rgba(6,6,15,.55) 45%, rgba(123,63,228,.35) 75%, rgba(6,6,15,.95) 100%); }
.vt-overlay-te{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,6,15,.15) 0%, rgba(6,6,15,.55) 45%, rgba(0,229,195,.3) 75%, rgba(6,6,15,.95) 100%); }
.vt-card-img:hover .vt-bg-img{ transform:scale(1.04); transition:transform 1.2s ease; }
.vt-card-img .vt-bg-img{ transition:transform .8s ease; }

/* ── 8) PROJECTS WE'VE BUILT — Editorial Ticker ── */
.proj-ticker-wrap{ margin-top:52px; }
.proj-ticker{ position:relative; overflow:hidden; padding:8px 0; mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.proj-ticker-track{ display:flex; gap:0; width:max-content; animation:projScroll 60s linear infinite; }
.proj-ticker:hover .proj-ticker-track{ animation-play-state:paused; }
@keyframes projScroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
.proj-entry{ display:flex; align-items:center; gap:18px; padding:18px 32px; min-width:380px; max-width:440px; position:relative; text-decoration:none; color:inherit; transition:background .3s, transform .3s; }
.proj-entry:not(:last-child)::after{ content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:48px; background:linear-gradient(180deg, transparent, rgba(255,255,255,.12), transparent); }
.proj-entry:hover{ background:linear-gradient(135deg, rgba(255,45,107,.04), rgba(123,63,228,.04)); }
.proj-entry:hover .proj-name{ background:linear-gradient(135deg, var(--pink), var(--purple)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.proj-entry-static{ cursor:default; }
.proj-num{ font-family:var(--fh); font-size:34px; font-weight:800; line-height:1; letter-spacing:-1.5px; color:rgba(255,255,255,.08); flex-shrink:0; min-width:46px; transition:color .3s; }
.proj-entry:hover .proj-num{ color:rgba(255,45,107,.35); }
.proj-body{ flex:1; min-width:0; }
.proj-name{ font-family:var(--fh); font-size:17px; font-weight:700; letter-spacing:-.4px; line-height:1.2; margin-bottom:6px; color:var(--white); transition:color .3s; }
.proj-meta{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.proj-stack{ font-size:11px; font-weight:600; letter-spacing:.4px; color:var(--gray2); text-transform:uppercase; }
.proj-dot{ color:var(--gray3); font-size:11px; }
.proj-loc{ font-size:11px; color:var(--gray3); letter-spacing:.3px; }
@media (max-width: 640px){
  .proj-entry{ padding:14px 22px; min-width:300px; max-width:340px; gap:14px; }
  .proj-num{ font-size:28px; min-width:38px; }
  .proj-name{ font-size:15px; }
}

/* ── 9) PEOPLE WE'VE PLACED — Infinite Loop Circles ── */
.people-loop-wrap{ margin-top:48px; }
.people-loop{ position:relative; overflow:hidden; padding:12px 0; mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.people-loop-track{ display:flex; gap:36px; width:max-content; animation:peopleScroll 38s linear infinite; align-items:flex-start; }
.people-loop:hover .people-loop-track{ animation-play-state:paused; }
@keyframes peopleScroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
.person-circle{ display:flex; flex-direction:column; align-items:center; flex-shrink:0; transition:transform .3s; cursor:default; }
.person-circle:hover{ transform:translateY(-6px); }
.person-circle-img{ width:84px; height:84px; border-radius:50%; overflow:hidden; border:2px solid rgba(255,255,255,.12); background:linear-gradient(135deg, #1a0533, #3d1278); box-shadow:0 8px 24px rgba(0,0,0,.5), 0 0 0 0 rgba(255,45,107,0); transition:border-color .3s, box-shadow .3s; }
.person-circle:hover .person-circle-img{ border-color:rgba(255,45,107,.5); box-shadow:0 12px 32px rgba(255,45,107,.25), 0 0 0 4px rgba(255,45,107,.1); }
.person-circle-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s; }
.person-circle:hover .person-circle-img img{ transform:scale(1.08); }
.person-circle figcaption{ text-align:center; margin-top:12px; }
.person-circle figcaption strong{ display:block; font-size:13px; font-weight:700; color:var(--white); margin-bottom:2px; }
.person-circle figcaption span{ display:block; font-size:11px; color:var(--gray3); letter-spacing:.2px; }
@media (max-width: 640px){
  .people-loop-track{ gap:24px; animation-duration:30s; }
  .person-circle-img{ width:64px; height:64px; }
  .person-circle figcaption strong{ font-size:11px; }
  .person-circle figcaption span{ font-size:10px; }
}

/* ── 10) PRICING TOGGLE SVG ── */
.ptoggle{ display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.ptoggle-svg{ width:14px; height:14px; }

/* ── 11) TECH PRICING CARD ICONS (SVG) ── */
.tp-icon-svg{ width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid var(--border); margin-bottom:14px; color:var(--white); }
.tp-icon-svg svg{ width:26px; height:26px; }
.tp-card.tp-ai .tp-icon-svg{ background:rgba(0,229,195,.08); border-color:rgba(0,229,195,.25); color:var(--teal); }
.tp-card.tp-feat .tp-icon-svg{ background:rgba(123,63,228,.08); border-color:rgba(123,63,228,.25); color:#a78bfa; }
.tp-card:nth-of-type(2) .tp-icon-svg{ background:rgba(255,45,107,.06); border-color:rgba(255,45,107,.2); color:var(--pink); }

/* ── 12) CASE STUDY REAL IMAGES (Proof it works) ── */
.cs-img-real{ background-size:cover; background-position:center; background-repeat:no-repeat; transition:transform 1s ease; }
.cs-card:hover .cs-img-real{ transform:scale(1.05); }
.cs-img{ height:160px; overflow:hidden; }
.cs-img-ov{ background:linear-gradient(180deg, rgba(6,6,15,.15) 0%, rgba(6,6,15,.55) 55%, rgba(6,6,15,.95) 100%) !important; }

/* ── 13) ROCKET SVG (CTA) ── */
.cta-primary-svg{ width:18px; height:18px; display:inline-block; vertical-align:middle; margin-right:8px; }
.cta-emoji-svg{ width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; margin:0 auto 18px; border-radius:14px; background:linear-gradient(135deg, rgba(255,45,107,.12), rgba(123,63,228,.12)); border:1px solid rgba(255,45,107,.25); color:var(--pink); }
.cta-emoji-svg svg{ width:26px; height:26px; }

/* ════════════════════════════════════════════════════════════
   AI SALARY ENGINE PROMO SECTION
   ════════════════════════════════════════════════════════════ */
.salary-promo{ position:relative; overflow:hidden; background:linear-gradient(180deg, var(--bg) 0%, var(--bg3) 50%, var(--bg) 100%); }
.sp-grid-bg{ position:absolute; inset:0; background-image:linear-gradient(rgba(0,229,195,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,229,195,.04) 1px, transparent 1px); background-size:48px 48px; opacity:.5; pointer-events:none; mask-image:radial-gradient(ellipse at center, #000 30%, transparent 80%); -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 80%); }
.sp-glow{ position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none; }
.sp-glow-a{ width:480px; height:480px; top:-180px; left:-100px; background:radial-gradient(circle, rgba(0,229,195,.18), transparent 70%); }
.sp-glow-b{ width:520px; height:520px; bottom:-200px; right:-120px; background:radial-gradient(circle, rgba(123,63,228,.18), transparent 70%); }
.sp-inner{ position:relative; z-index:2; max-width:1140px; margin:0 auto; display:grid; grid-template-columns:1fr; gap:48px; align-items:center; }
@media (min-width: 900px){ .sp-inner{ grid-template-columns:1.05fr 1fr; gap:64px; } }
.sp-eyebrow{ display:inline-flex; align-items:center; gap:8px; font-family:var(--fh); font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--teal); padding:6px 14px; border-radius:100px; background:rgba(0,229,195,.08); border:1px solid rgba(0,229,195,.25); margin-bottom:18px; }
.sp-pulse{ width:7px; height:7px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 0 rgba(0,229,195,.5); animation:sp-pulse 2s infinite; }
@keyframes sp-pulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(0,229,195,.5); } 50%{ box-shadow:0 0 0 8px rgba(0,229,195,0); } }
.sp-title{ font-family:var(--fh); font-size:clamp(28px, 4vw, 44px); font-weight:800; letter-spacing:-1.5px; line-height:1.1; margin-bottom:18px; }
.sp-grad{ background:linear-gradient(135deg, var(--teal), #00a895); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.sp-sub{ font-size:16px; color:var(--gray2); line-height:1.65; font-weight:300; margin-bottom:28px; max-width:520px; }
.sp-sub strong{ color:var(--teal); font-weight:600; }
.sp-stats{ display:flex; gap:32px; margin-bottom:32px; flex-wrap:wrap; padding-bottom:28px; border-bottom:1px solid var(--border); }
.sp-stats > div{ display:flex; flex-direction:column; }
.sp-stats strong{ font-family:var(--fh); font-size:26px; font-weight:800; color:var(--white); letter-spacing:-1px; line-height:1; }
.sp-stats span{ font-size:12px; color:var(--gray3); margin-top:4px; letter-spacing:.3px; }
.sp-cta{ display:inline-flex; align-items:center; gap:10px; padding:16px 28px; border-radius:12px; background:linear-gradient(135deg, var(--teal), #00a895); color:#000; font-size:15px; font-weight:700; text-decoration:none; box-shadow:0 8px 28px rgba(0,229,195,.35); transition:transform .25s, box-shadow .25s; letter-spacing:.2px; }
.sp-cta svg{ width:16px; height:16px; }
.sp-cta-arrow{ font-size:18px; transition:transform .25s; }
.sp-cta:hover{ transform:translateY(-3px); box-shadow:0 14px 40px rgba(0,229,195,.5); }
.sp-cta:hover .sp-cta-arrow{ transform:translateX(4px); }
.sp-note{ font-size:13px; color:var(--gray3); margin-top:14px; }

.sp-mock{ background:rgba(12,12,26,.85); border:1px solid rgba(0,229,195,.18); border-radius:20px; padding:28px; backdrop-filter:blur(20px); box-shadow:0 32px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(0,229,195,.06); position:relative; animation:floatY 6s ease-in-out infinite; }
.sp-mock-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.sp-mock-badge{ display:inline-flex; align-items:center; gap:6px; font-family:var(--fh); font-size:10px; font-weight:700; letter-spacing:1.5px; color:var(--teal); padding:5px 11px; border-radius:100px; background:rgba(0,229,195,.1); border:1px solid rgba(0,229,195,.25); }
.sp-mock-dot{ width:6px; height:6px; border-radius:50%; background:var(--teal); animation:pulse 1.5s infinite; }
.sp-mock-step{ font-size:11px; color:var(--gray3); letter-spacing:.5px; }
.sp-mock-progress{ height:4px; background:rgba(255,255,255,.06); border-radius:2px; overflow:hidden; margin-bottom:22px; }
.sp-mock-progress-bar{ height:100%; width:80%; background:linear-gradient(90deg, var(--teal), var(--purple)); border-radius:2px; animation:sp-progress 4s ease-in-out infinite; }
@keyframes sp-progress{ 0%,100%{ width:60%; } 50%{ width:90%; } }
.sp-mock-question{ font-family:var(--fh); font-size:16px; font-weight:700; color:var(--white); margin-bottom:14px; letter-spacing:-.3px; }
.sp-mock-options{ display:flex; flex-direction:column; gap:8px; margin-bottom:20px; }
.sp-mock-opt{ padding:11px 14px; border-radius:10px; background:rgba(255,255,255,.03); border:1px solid var(--border); font-size:13px; color:var(--gray2); display:flex; align-items:center; justify-content:space-between; transition:all .3s; }
.sp-mock-opt-active{ background:linear-gradient(135deg, rgba(0,229,195,.12), rgba(123,63,228,.08)); border-color:rgba(0,229,195,.35); color:var(--white); font-weight:600; box-shadow:0 4px 16px rgba(0,229,195,.15); }
.sp-check{ color:var(--teal); font-weight:800; }
.sp-mock-result{ background:rgba(0,229,195,.04); border:1px solid rgba(0,229,195,.18); border-radius:12px; padding:16px; }
.sp-mock-result-row{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.sp-mock-role{ font-family:var(--fh); font-size:13px; font-weight:700; color:var(--white); letter-spacing:-.2px; }
.sp-mock-tag{ font-size:9px; font-weight:700; letter-spacing:1px; padding:3px 8px; border-radius:100px; background:linear-gradient(135deg, var(--teal), #00a895); color:#000; }
.sp-mock-result-prices{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid var(--border); }
.sp-mock-result-prices small{ display:block; font-size:10px; color:var(--gray3); text-transform:uppercase; letter-spacing:.8px; margin-bottom:4px; }
.sp-mock-result-prices strong{ font-family:var(--fh); font-size:14px; font-weight:800; color:var(--white); display:block; line-height:1.1; }
.sp-mock-result-prices strong span{ font-size:10px; font-weight:400; color:var(--gray3); margin-left:1px; }
.sp-mock-save{ color:var(--teal) !important; }
.sp-mock-savings{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--gray2); }
.sp-mock-savings svg{ width:16px; height:16px; color:var(--teal); flex-shrink:0; }
.sp-mock-savings strong{ color:var(--teal); font-weight:700; }
@media (max-width: 640px){
  .sp-stats{ gap:20px; }
  .sp-stats strong{ font-size:22px; }
  .sp-mock{ padding:22px; }
  .sp-mock-result-prices{ grid-template-columns:1fr; gap:10px; }
}

/* ════════════════════════════════════════════════════════════
   MEDIA FEATURES SECTION
   ════════════════════════════════════════════════════════════ */
.media-feat{ position:relative; overflow:hidden; }
.mf-glow{ position:absolute; width:600px; height:300px; top:30%; left:50%; transform:translateX(-50%); background:radial-gradient(ellipse, rgba(255,45,107,.06), transparent 70%); filter:blur(60px); pointer-events:none; z-index:0; }
.mf-grad{ background:linear-gradient(135deg, var(--pink), var(--purple)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.mf-strip{ display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; padding:18px 24px; margin:0 auto 44px; max-width:900px; border:1px solid var(--border); border-radius:100px; background:rgba(12,12,26,.5); backdrop-filter:blur(10px); position:relative; z-index:1; }
.mf-logo{ font-family:var(--fh); font-size:14px; font-weight:700; color:var(--gray2); letter-spacing:.3px; transition:color .25s; }
.mf-logo:hover{ color:var(--white); }
.mf-logo-award{ display:inline-flex; align-items:center; gap:6px; }
.mf-award-star{ color:#fbbf24; font-size:13px; }
.mf-sep{ color:var(--gray3); font-size:8px; opacity:.5; }
.mf-grid{ display:grid; grid-template-columns:1fr; gap:20px; max-width:1100px; margin:0 auto; position:relative; z-index:1; }
@media (min-width:640px){ .mf-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (min-width:1024px){ .mf-grid{ grid-template-columns:1.2fr 1fr 1fr; } .mf-card-feature{ grid-row:span 2; } }
.mf-card{ display:flex; flex-direction:column; padding:26px; border-radius:18px; background:var(--bg2); border:1px solid var(--border); text-decoration:none; color:inherit; transition:transform .35s, border-color .35s, box-shadow .35s; position:relative; overflow:hidden; }
.mf-card::before{ content:''; position:absolute; top:0; left:-100%; width:100%; height:2px; background:linear-gradient(90deg, transparent, var(--pink), transparent); transition:left .8s; }
.mf-card:hover{ transform:translateY(-5px); border-color:rgba(255,45,107,.35); box-shadow:0 20px 50px rgba(255,45,107,.15); }
.mf-card:hover::before{ left:100%; }
.mf-card-feature{ background:linear-gradient(135deg, rgba(255,45,107,.06), rgba(123,63,228,.06)); border-color:rgba(255,45,107,.2); }
.mf-card-feature:hover{ border-color:rgba(255,45,107,.5); box-shadow:0 24px 60px rgba(255,45,107,.2); }
.mf-card-award{ background:linear-gradient(135deg, rgba(251,191,36,.05), rgba(123,63,228,.05)); border-color:rgba(251,191,36,.2); }
.mf-card-award:hover{ border-color:rgba(251,191,36,.45); box-shadow:0 20px 50px rgba(251,191,36,.15); }
.mf-card-meta{ display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.mf-pub-mark{ width:42px; height:42px; border-radius:11px; display:flex; align-items:center; justify-content:center; font-family:var(--fh); font-size:13px; font-weight:800; letter-spacing:-.5px; flex-shrink:0; color:#fff; }
.mf-pub-mm{ background:linear-gradient(135deg, #ff2d6b, #be185d); }
.mf-pub-anw{ background:linear-gradient(135deg, #0066aa, #003d6b); }
.mf-pub-nasscom{ background:linear-gradient(135deg, #fbbf24, #d97706); color:#000; }
.mf-pub-cg{ background:linear-gradient(135deg, #7b3fe4, #5b21b6); }
.mf-pub-info{ flex:1; min-width:0; }
.mf-pub-name{ font-family:var(--fh); font-size:13px; font-weight:700; color:var(--white); letter-spacing:-.2px; }
.mf-pub-cat{ font-size:11px; color:var(--gray3); margin-top:2px; letter-spacing:.2px; }
.mf-card-title{ font-family:var(--fh); font-size:17px; font-weight:700; line-height:1.3; letter-spacing:-.4px; margin-bottom:10px; color:var(--white); }
.mf-card-feature .mf-card-title{ font-size:21px; line-height:1.25; }
.mf-card-desc{ font-size:14px; color:var(--gray2); line-height:1.6; font-weight:300; margin-bottom:18px; flex:1; }
.mf-card-cta{ display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--pink); margin-top:auto; transition:gap .25s; }
.mf-card-cta span{ transition:transform .25s; }
.mf-card:hover .mf-card-cta{ gap:10px; }
.mf-card:hover .mf-card-cta span{ transform:translateX(3px); }
.mf-card-award .mf-card-cta{ color:#fbbf24; }
@media (max-width: 640px){
  .mf-strip{ gap:10px; padding:14px 18px; font-size:13px; }
  .mf-logo{ font-size:12px; }
  .mf-sep{ font-size:7px; }
  .mf-card{ padding:22px; }
  .mf-card-feature .mf-card-title{ font-size:18px; }
}


/* ════════════════════════════════════════════════════════════════
   TALENT OS SHOWCASE · v2
   Full-image display guaranteed on every viewport (desktop + mobile).
   Key fixes over v1:
     · Flex column layout (not grid) → proper min-height:0 chain
     · object-fit: contain + max-height → image never crops
     · Pin inner uses exact 100vh with shrinkable middle row
     · Mobile: aspect-ratio removed, image flows naturally
════════════════════════════════════════════════════════════════ */

.talentos{
  position:relative;
  background:linear-gradient(180deg,var(--bg) 0%,#0a0a14 50%,var(--bg) 100%);
  padding-top:20px
}

/* ── TRACK — drives scroll distance on desktop ─────────────────── */
.talentos-track{
  position:relative;
  /* 7 features → 1 pinned viewport + 6 steps of 85vh each */
  height:calc(100vh + 6 * 85vh)
}

/* ── PIN — sticks to viewport top while the track scrolls ──────── */
.talentos-pin{
  position:sticky;top:0;
  height:100vh;
  overflow:hidden;
  display:flex;
  align-items:stretch
}

/* ── Ambient backgrounds ──────────────────────────────────────── */
.talentos-grid-bg{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(123,63,228,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(123,63,228,.07) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%);
  pointer-events:none
}
.talentos-scanline{
  position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--teal),transparent);
  opacity:.35;animation:talentosScan 8s linear infinite;pointer-events:none
}
@keyframes talentosScan{
  0%  {transform:translateY(0);opacity:0}
  10% {opacity:.5}
  90% {opacity:.5}
  100%{transform:translateY(100vh);opacity:0}
}
.talentos-glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(130px);opacity:.3;pointer-events:none}
.talentos-glow-a{background:var(--purple);top:-120px;left:-120px;animation:talentosDriftA 20s ease-in-out infinite alternate}
.talentos-glow-b{background:var(--pink);bottom:-140px;right:-120px;animation:talentosDriftB 24s ease-in-out infinite alternate-reverse}
@keyframes talentosDriftA{from{transform:translate(0,0)}to{transform:translate(60px,40px)}}
@keyframes talentosDriftB{from{transform:translate(0,0)}to{transform:translate(-60px,-40px)}}

/* ── INNER LAYOUT — flex column, EXACT 100vh ──────────────────── */
.talentos-inner{
  position:relative;z-index:2;
  width:100%;max-width:1280px;margin:0 auto;
  padding:32px 32px 24px;
  display:flex;
  flex-direction:column;
  height:100vh;      /* exact, not min-height */
  gap:18px
}

/* ── HEADER — compact so the image gets the real estate ───────── */
.talentos-head{
  text-align:center;max-width:880px;margin:0 auto;
  flex-shrink:0            /* don't let it eat image space */
}
.talentos-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;background:rgba(0,229,195,.08);
  border:1px solid rgba(0,229,195,.3);border-radius:100px;
  font-size:10.5px;font-weight:700;letter-spacing:1.5px;
  color:var(--teal);margin-bottom:10px;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
.talentos-tag svg{width:12px;height:12px}
.talentos-title{
  font-family:var(--fh);
  font-size:clamp(22px,2.6vw,32px);font-weight:800;
  color:var(--white);margin:0 0 6px;
  letter-spacing:-.6px;line-height:1.15
}
.talentos-grad{
  background:linear-gradient(90deg,var(--pink),var(--purple) 50%,var(--teal));
  -webkit-background-clip:text;color:transparent
}
.talentos-sub{
  font-size:13.5px;color:var(--gray2);line-height:1.55;
  max-width:700px;margin:0 auto
}

/* ── STAGE — takes all remaining viewport height ──────────────── */
.talentos-stage{
  flex:1 1 auto;
  min-height:0;            /* critical for flex children to shrink */
  display:flex;
  position:relative
}
.talentos-slides{
  position:relative;
  flex:1 1 auto;min-height:0;
  width:100%
}

/* ── SLIDE — absolute-stacked on desktop ──────────────────────── */
.talentos-slide{
  position:absolute;inset:0;
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:40px;align-items:center;
  opacity:0;visibility:hidden;
  transform:translateY(20px) scale(.99);
  transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1),visibility .5s
}
.talentos-slide.is-active{
  opacity:1;visibility:visible;
  transform:translateY(0) scale(1)
}

/* ── LEFT: copy ───────────────────────────────────────────────── */
.talentos-copy{
  max-width:480px;
  display:flex;flex-direction:column;justify-content:center;
  align-self:center;
  min-width:0                 /* prevent content from forcing growth */
}
.talentos-meta{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:12px
}
.talentos-step{
  font-family:var(--fh);font-size:11px;font-weight:800;
  letter-spacing:2px;color:var(--teal);
  padding:3px 9px;border-radius:5px;
  background:rgba(0,229,195,.08);border:1px solid rgba(0,229,195,.25)
}
.talentos-module{
  font-size:10px;font-weight:800;letter-spacing:2.5px;
  color:var(--pink);text-transform:uppercase
}
.talentos-feat-title{
  font-family:var(--fh);
  font-size:clamp(24px,2.8vw,34px);font-weight:800;
  color:var(--white);margin:0 0 8px;
  letter-spacing:-.5px;line-height:1.15
}
.talentos-tagline{
  font-size:15px;font-weight:600;color:var(--teal);
  margin:0 0 12px;line-height:1.4
}
.talentos-desc{
  font-size:14px;color:var(--gray2);line-height:1.6;
  margin:0 0 18px
}
.talentos-specs{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:1fr 1fr;gap:8px 18px
}
.talentos-specs li{
  display:flex;align-items:center;gap:10px;
  font-size:12.5px;color:var(--gray1);line-height:1.4
}
.talentos-spec-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,rgba(0,229,195,.2),rgba(123,63,228,.15));
  border:1px solid rgba(0,229,195,.35);
  color:var(--teal)
}
.talentos-spec-ico svg{width:11px;height:11px}

/* ── RIGHT: browser chrome + SCREENSHOT (full image, no crop) ─── */
.talentos-visual{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  min-width:0;min-height:0;
  height:100%;max-height:100%;
  padding:4px 0
}

.talentos-frame{
  position:relative;
  width:100%;
  max-height:100%;               /* never exceed the stage row */
  display:flex;
  flex-direction:column;
  border-radius:12px;
  overflow:hidden;
  background:linear-gradient(160deg,#10101e,#0a0a14);
  border:1px solid rgba(123,63,228,.3);
  box-shadow:
    0 30px 70px rgba(0,0,0,.55),
    0 15px 45px rgba(123,63,228,.15),
    0 0 0 1px rgba(255,255,255,.04);
  transform:perspective(1600px) rotateY(-1.5deg) rotateX(.4deg);
  transform-origin:center center;
  transition:transform .6s cubic-bezier(.22,1,.36,1)
}
.talentos-slide.is-active .talentos-frame{
  transform:perspective(1600px) rotateY(-.8deg) rotateX(.2deg)
}

/* Browser chrome bar — fixed height, does not shrink */
.talentos-chrome{
  flex-shrink:0;
  display:flex;align-items:center;gap:12px;
  padding:9px 12px;
  background:linear-gradient(180deg,#15151f,#0f0f18);
  border-bottom:1px solid rgba(255,255,255,.06)
}
.talentos-chrome-dots{display:flex;gap:6px;flex-shrink:0}
.talentos-chrome-dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)}
.talentos-chrome-dots span:nth-child(1){background:#ff5f57}
.talentos-chrome-dots span:nth-child(2){background:#febc2e}
.talentos-chrome-dots span:nth-child(3){background:#28c840}
.talentos-chrome-bar{
  display:flex;align-items:center;gap:8px;flex:1;min-width:0;
  padding:4px 10px;border-radius:6px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.05);
  font-size:11px;color:var(--gray2);
  font-family:var(--fb);
  overflow:hidden
}
.talentos-chrome-bar svg{width:10px;height:10px;flex-shrink:0;color:var(--teal)}
.talentos-chrome-host{color:var(--gray1);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.talentos-chrome-path{color:var(--pink);font-weight:600;white-space:nowrap;flex-shrink:0}

/* ══ THE KEY FIX ══ Screenshot area that always shows the full image */
.talentos-shot{
  flex:1 1 auto;
  min-height:0;                  /* lets flex child shrink below content */
  background:#ffffff;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:hidden;
  position:relative
}
.talentos-shot img{
  display:block;
  max-width:100%;                /* never exceeds container width */
  max-height:100%;               /* never exceeds container height */
  width:auto;                    /* let aspect ratio decide */
  height:auto;
  object-fit:contain;            /* NO crop — show whole screenshot */
  object-position:top center
}

/* ── CONTROLS ROW ─────────────────────────────────────────────── */
.talentos-controls{
  flex-shrink:0;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;gap:16px;
  padding:0 4px
}
.talentos-nav{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;
  background:linear-gradient(160deg,#12121e,#0a0a14);
  border:1px solid rgba(123,63,228,.35);
  color:var(--white);cursor:pointer;
  transition:all .22s;flex-shrink:0
}
.talentos-nav svg{width:16px;height:16px}
.talentos-nav:hover:not(:disabled){
  background:linear-gradient(135deg,var(--pink),var(--purple));
  border-color:transparent;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(255,45,107,.35)
}
.talentos-nav:disabled{
  opacity:.3;cursor:not-allowed;
  background:rgba(255,255,255,.02);
  border-color:rgba(255,255,255,.08)
}
.talentos-dots{
  display:flex;gap:6px;justify-content:center;flex-wrap:wrap
}
.talentos-dot{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 12px;border-radius:100px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  color:var(--gray2);cursor:pointer;
  font-size:11.5px;font-weight:600;
  transition:all .22s;position:relative
}
.talentos-dot::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,.25);
  transition:all .22s;flex-shrink:0
}
.talentos-dot:hover{
  border-color:rgba(0,229,195,.35);
  color:var(--white);
  background:rgba(0,229,195,.05)
}
.talentos-dot.is-active{
  background:linear-gradient(135deg,rgba(255,45,107,.18),rgba(123,63,228,.15));
  border-color:rgba(255,45,107,.5);
  color:var(--white);
  box-shadow:0 6px 18px rgba(255,45,107,.18)
}
.talentos-dot.is-active::before{
  background:var(--pink);
  box-shadow:0 0 10px var(--pink)
}
.talentos-progress{
  grid-column:1 / -1;
  height:2px;border-radius:2px;
  background:rgba(255,255,255,.06);
  overflow:hidden;position:relative;margin-top:4px
}
.talentos-progress i{
  display:block;height:100%;width:14%;
  background:linear-gradient(90deg,var(--pink),var(--purple),var(--teal));
  border-radius:2px;
  transition:width .4s cubic-bezier(.22,1,.36,1)
}
.talentos-hint{
  grid-column:1 / -1;text-align:center;
  font-size:10.5px;font-weight:600;letter-spacing:1.2px;
  color:var(--gray3);text-transform:uppercase;
  margin-top:2px
}
.talentos-hint-mobile{display:none}

/* ══════════════════════════════════════════════════════════════
   LARGE DESKTOP — breathing room
   ══════════════════════════════════════════════════════════════ */
@media (min-width:1400px){
  .talentos-inner{padding:40px 40px 28px;gap:22px}
  .talentos-sub{font-size:14px}
}

/* ══════════════════════════════════════════════════════════════
   TIGHT DESKTOP / LANDSCAPE TABLET (900–1100px wide)
   Keep two-column layout but compact everything slightly
   ══════════════════════════════════════════════════════════════ */
@media (max-width:1100px) and (min-width:900px){
  .talentos-inner{padding:24px 24px 20px;gap:14px}
  .talentos-head{margin-bottom:4px}
  .talentos-title{font-size:22px;margin-bottom:4px}
  .talentos-sub{font-size:12.5px}
  .talentos-slide{gap:28px}
  .talentos-feat-title{font-size:22px}
  .talentos-tagline{font-size:14px;margin-bottom:10px}
  .talentos-desc{font-size:13px;margin-bottom:14px}
  .talentos-specs{grid-template-columns:1fr}
  .talentos-specs li{font-size:12px}
}

/* ══════════════════════════════════════════════════════════════
   SHORT VIEWPORT HEIGHTS (laptops with ≤720px tall)
   Compress header + controls so image always fits
   ══════════════════════════════════════════════════════════════ */
@media (min-width:900px) and (max-height:760px){
  .talentos-inner{padding:18px 32px 16px;gap:12px}
  .talentos-head .talentos-tag{margin-bottom:6px;padding:4px 12px}
  .talentos-title{font-size:20px;margin-bottom:4px}
  .talentos-sub{font-size:12px;line-height:1.45}
  .talentos-feat-title{font-size:22px}
  .talentos-tagline{font-size:13.5px;margin-bottom:8px}
  .talentos-desc{font-size:12.5px;margin-bottom:12px}
  .talentos-specs li{font-size:11.5px}
  .talentos-controls{gap:12px}
  .talentos-hint{display:none}
}

/* ══════════════════════════════════════════════════════════════
   MOBILE / NARROW TABLET (<900px) — horizontal swipe carousel
   Pin disabled; slides flow in a scroll-snap row.
   Fixes: overflow-y visible (no clip), snap-align:start (predictable
   first-slide alignment), no forced stretch, image overflow visible.
   ══════════════════════════════════════════════════════════════ */
@media (max-width:899px){
  /* Contain any decorative overflow (e.g. the -120px glow blurs) within
     the section so they can't force page-level horizontal scroll. */
  .talentos{overflow-x:hidden;max-width:100vw}
  .talentos-glow-a,.talentos-glow-b{display:none}
  .talentos-scanline{display:none}

  /* Kill the scroll track, release the pin */
  .talentos-track{height:auto;max-width:100%}
  .talentos-pin{
    position:relative;top:auto;height:auto;
    overflow:hidden;          /* clip any stray absolute children */
    display:block;
    max-width:100%
  }

  /* Inner becomes a normal block */
  .talentos-inner{
    padding:44px 0 28px;
    height:auto;
    gap:18px;
    display:block;
    max-width:100%         /* cannot exceed viewport width */
  }
  .talentos-head{padding:0 20px;margin-bottom:16px}
  .talentos-title{font-size:clamp(20px,5vw,28px)}
  .talentos-sub{font-size:13px}

  /* Stage becomes the scrollable carousel */
  .talentos-stage{
    display:block;
    margin-bottom:14px
  }
  .talentos-slides{
    display:flex;
    flex-direction:row;
    overflow-x:auto;
    overflow-y:visible;          /* was hidden — was clipping tall slides */
    align-items:flex-start;      /* prevent cross-axis stretch */
    scroll-snap-type:x mandatory;
    scroll-padding-left:16px;    /* aligns snap-start with padding */
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    scrollbar-width:none;
    gap:12px;
    padding:4px 16px 24px;
    overscroll-behavior-x:contain;
    width:100%;max-width:100%;    /* stay within parent/viewport */
    box-sizing:border-box
  }
  .talentos-slides::-webkit-scrollbar{display:none}

  /* Each slide is a self-contained card sized in vw for predictable layout */
  .talentos-slide{
    position:relative;inset:auto;
    flex:0 0 calc(100vw - 48px);
    max-width:calc(100vw - 48px);
    scroll-snap-align:start;      /* was center — start is predictable */
    scroll-snap-stop:always;
    display:flex;
    flex-direction:column;
    gap:18px;
    opacity:1;visibility:visible;
    transform:none;
    padding:22px 18px;
    background:linear-gradient(160deg,rgba(255,255,255,.025),rgba(0,0,0,.3));
    border:1px solid var(--border2);
    border-radius:16px;
    height:auto;
    min-height:0
  }
  .talentos-copy{max-width:100%;padding:0;align-self:stretch}
  .talentos-specs{grid-template-columns:1fr}
  .talentos-feat-title{font-size:22px}
  .talentos-tagline{font-size:14px}
  .talentos-desc{font-size:13.5px;margin-bottom:14px}

  /* Visual + frame: natural flow, no size caps, no 3D tilt */
  .talentos-visual{
    padding:0;
    height:auto;
    max-height:none;
    align-self:stretch;
    display:block                 /* simpler than flex on mobile */
  }
  .talentos-frame,
  .talentos-slide.is-active .talentos-frame{
    max-height:none;
    transform:none                /* no perspective on mobile */
  }

  /* Chrome shrinks on mobile */
  .talentos-chrome{padding:8px 10px;gap:10px}
  .talentos-chrome-dots span{width:8px;height:8px}
  .talentos-chrome-bar{font-size:10px;padding:3px 8px}
  .talentos-chrome-host{display:none}

  /* Screenshot area: natural size, no clipping at all */
  .talentos-shot{
    flex:none;
    height:auto;
    max-height:none;
    display:block;
    overflow:visible;              /* was inheriting hidden from base */
    background:#ffffff
  }
  .talentos-shot img{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    max-height:none;
    object-fit:contain
  }

  /* Controls row */
  .talentos-controls{padding:0 20px;gap:10px}
  .talentos-nav{width:38px;height:38px}
  .talentos-nav svg{width:15px;height:15px}
  .talentos-dots{gap:4px}
  .talentos-dot{padding:6px 10px;font-size:10.5px;max-width:90px}
  .talentos-dot span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .talentos-hint-desktop{display:none}
  .talentos-hint-mobile{display:inline}
}

/* Very small phones — collapse dot labels to just colored dots */
@media (max-width:520px){
  .talentos-dot span{display:none}
  .talentos-dot{padding:0;width:26px;height:26px;justify-content:center}
  .talentos-dot::before{width:7px;height:7px;margin:0}
}

/* ══════════════════════════════════════════════════════════════
   REDUCED MOTION — bypass pin, show as simple stack
   ══════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion:reduce){
  .talentos-track{height:auto}
  .talentos-pin{position:relative;top:auto;height:auto;overflow:visible}
  .talentos-inner{height:auto}
  .talentos-slide{
    position:relative;inset:auto;
    opacity:1;visibility:visible;transform:none;
    margin-bottom:40px;height:auto
  }
  .talentos-shot{flex:none;height:auto;max-height:none;display:block}
  .talentos-shot img{width:100%;height:auto;max-height:none;object-fit:contain}
  .talentos-scanline,.talentos-glow-a,.talentos-glow-b,
  .talentos-progress i{animation:none !important}
  .talentos-frame{transform:none !important}
  * {transition-duration:.01ms !important}
}