*{box-sizing:border-box}.people-page{font-family:Inter,Arial,sans-serif;color:#111}.people-container{width:min(1220px,calc(100% - 80px));margin:auto}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#c89235}.people-hero{background:#080909;color:#fff;padding:65px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;min-height:570px}.people-hero h1{font-size:clamp(49px,5.4vw,74px);line-height:.98;letter-spacing:-.055em;margin:10px 0 25px}.people-hero h1 span,h2 span{color:#c89235}.hero-lead{max-width:500px;color:#c5c5c2;line-height:1.7}.actions{display:flex;gap:28px;align-items:center;margin-top:30px}.actions a{color:#fff;text-decoration:none;font-size:12px}.btn-gold{display:inline-block;background:#d39a3d;color:#080909!important;text-decoration:none;padding:15px 20px;font-size:12px;font-weight:700}.orbit{height:500px;position:relative}.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #76521f;border-radius:50%}.r1{width:410px;height:410px}.r2{width:285px;height:285px;border-style:dashed}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:155px;height:155px;border-radius:50%;background:#050505;border:1px solid #b77d29;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px}.center b{font-size:12px;letter-spacing:.15em}.center small{font-size:8px;color:#c89235;letter-spacing:.3em}.node{position:absolute;width:82px;height:82px;border-radius:50%;border:1px solid #76521f;background:#101111;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d39a3d;font-size:22px}.node small{color:#fff;font-size:8px;font-weight:700;margin-top:5px}.n1{top:0;left:50%;transform:translateX(-50%)}.n2{top:95px;right:2%}.n3{bottom:90px;right:8%}.n4{bottom:0;left:50%;transform:translateX(-50%)}.n5{bottom:90px;left:8%}.n6{top:95px;left:2%}.metrics{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #252525}.metrics div{padding:18px 14px;border-right:1px solid #252525;display:grid;grid-template-columns:35px auto 1fr;gap:8px;align-items:center}.metrics b{font-size:23px;color:#d39a3d}.metrics strong{font-size:18px}.metrics small{font-size:9px;color:#aaa}.metrics i{color:#77a56c;font-style:normal}.trust{background:#f7f4ee;padding:28px 0}.trust-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.trust p{font-size:9px;letter-spacing:.1em;max-width:220px}.trust b{font-size:13px;letter-spacing:.12em;color:#555}.trust small{display:block;font-size:6px}.section{padding:95px 0}.feature-grid,.insight-grid,.exp-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:start}h2{font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.045em;margin:8px 0 20px}.muted{color:#666;line-height:1.7;max-width:430px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cards article{border:1px solid #e1dbd1;border-radius:10px;padding:22px;min-height:145px}.cards b{color:#c89235;font-size:22px}.cards h3{font-size:14px;margin:11px 0 6px}.cards p{font-size:11px;color:#777;line-height:1.5;margin:0}.lifecycle{background:#090909;color:#fff;padding:42px 0}.life-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:50px;align-items:center}.life-grid h2{font-size:33px}.life-grid p,.life-grid a{font-size:11px;color:#aaa}.life-grid a{color:#c89235;text-decoration:none}.life-line{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;position:relative}.life-line:before{content:"";position:absolute;top:27px;left:7%;right:7%;border-top:1px solid #76521f}.life-line div{text-align:center;position:relative}.life-line b{display:flex;width:55px;height:55px;margin:auto;border-radius:50%;border:1px solid #76521f;background:#090909;color:#c89235;align-items:center;justify-content:center}.life-line strong{display:block;color:#c89235;font-size:9px;margin-top:9px}.life-line small{display:block;color:#aaa;font-size:8px;line-height:1.4;margin-top:6px}.insights{background:#fbfaf7}.analytics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.analytic{background:#fff;border:1px solid #e2ddd4;border-radius:9px;padding:20px;min-height:180px}.analytic small{font-size:8px;font-weight:700}.donut{width:105px;height:105px;border-radius:50%;margin:18px auto;background:conic-gradient(#d39a3d 0 38%,#4b78d1 38% 60%,#48aaa5 60% 78%,#8a72ca 78% 90%,#ddd 90%);display:grid;place-items:center;font-size:12px;position:relative}.donut:after{content:"";position:absolute;inset:26px;border-radius:50%;background:#fff}.donut{color:#111}.analytic p{font-size:8px;color:#666}.chart{height:120px;margin-top:20px;border-bottom:1px solid #ddd;position:relative}.chart i{position:absolute;width:8px;height:8px;border-radius:50%;background:#d39a3d}.chart i:nth-child(1){left:4%;bottom:25%}.chart i:nth-child(2){left:22%;bottom:40%}.chart i:nth-child(3){left:40%;bottom:42%}.chart i:nth-child(4){left:59%;bottom:60%}.chart i:nth-child(5){left:77%;bottom:61%}.chart i:nth-child(6){right:2%;bottom:82%}.wide{grid-column:1/-1;min-height:auto}.tenure{display:grid;grid-template-columns:18fr 32fr 21fr 29fr;height:24px;margin-top:18px}.tenure>*{display:grid;place-items:center;font-size:8px;background:#eee}.tenure strong{background:#d39a3d}.tenure em{background:#222;color:#fff;font-style:normal}.tenure span{background:#aaa}.experience{padding:80px 0;background:linear-gradient(110deg,#f7e9d6,#f9eff4)}.exp-grid{grid-template-columns:.8fr .55fr 1fr;align-items:center}.experience h2{font-size:42px}.experience ul{padding:0;list-style:none;color:#555;font-size:11px;line-height:2}.experience li:before{content:"✓";color:#c89235;margin-right:10px}.btn-dark{display:inline-block;background:#080909;color:#fff;text-decoration:none;padding:14px 18px;font-size:11px}.phone{width:205px;height:400px;background:#111;border:8px solid #111;border-radius:32px;padding:5px;box-shadow:0 20px 50px #0002}.phone>div{height:100%;border-radius:22px;background:#fff;padding:23px 14px;font-size:9px}.phone h3{margin:5px 0 18px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:5px}.quick span{padding:11px 3px;text-align:center;background:#faf7f1}.phone p{padding:8px 0;border-bottom:1px solid #eee}.quotes blockquote{background:#fff;border:1px solid #eee;border-radius:8px;padding:15px;margin:8px 0;font-size:10px;line-height:1.6}.quotes small{display:block;color:#777;margin-top:7px}@media(max-width:1000px){.people-container{width:92%}.hero-grid,.feature-grid,.life-grid,.insight-grid,.exp-grid{grid-template-columns:1fr}.orbit{height:430px}.metrics{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.trust-inner{flex-wrap:wrap}.life-line{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.people-hero h1{font-size:43.2px}.metrics,.cards,.analytics{grid-template-columns:1fr}.life-line{grid-template-columns:1fr}.life-line:before{display:none}.trust-inner{display:grid;grid-template-columns:1fr 1fr}.wide{grid-column:auto}.exp-grid{gap:30px}}
@media(max-width:650px){
    .people-hero-visual{
        min-height:330px;
        margin-top:10px;
    }
    .people-hero-illustration{
        width:100%;
    }
}

/* --- People hero: approved image used as the full hero background --- */
.people-hero{
    position:relative;
    background-color:#080909;
    background-image:url("../images/vioneshpere-people-hero.png");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    isolation:isolate;
}
.people-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(8,9,9,.96) 0%,rgba(8,9,9,.80) 30%,rgba(8,9,9,.30) 58%,rgba(8,9,9,.10) 100%),
        linear-gradient(180deg,rgba(8,9,9,.12),rgba(8,9,9,.10));
}
.people-hero .hero-grid,
.people-hero .metrics{
    position:relative;
    z-index:1;
}
@media(max-width:1000px){
    .people-hero{
        background-position:center center;
    }
    .people-hero::before{
        background:
            linear-gradient(90deg,rgba(8,9,9,.94) 0%,rgba(8,9,9,.68) 55%,rgba(8,9,9,.25) 100%),
            linear-gradient(180deg,rgba(8,9,9,.18),rgba(8,9,9,.15));
    }
}
@media(max-width:650px){
    .people-hero{
        background-position:58% center;
    }
    .people-hero::before{
        background:linear-gradient(90deg,rgba(8,9,9,.94),rgba(8,9,9,.72));
    }
}

/* Vioneshpere icon centered inside the People hero lifecycle circle */
.people-hero-center-icon{
    position:absolute;
    z-index:3;
    width:92px;
    height:92px;
    left:70.5%;
    top:50%;
    transform:translate(-50%,-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
}
.people-hero-center-icon img{
    display:block;
    width:58px;
    height:58px;
    object-fit:contain;
}
@media(max-width:1000px){
    .people-hero-center-icon{
        left:50%;
        top:50%;
        width:80px;
        height:80px;
    }
    .people-hero-center-icon img{
        width:52px;
        height:52px;
    }
}

/* People hero artwork is the full-section background. */
.people-hero-visual{display:none;}

/* =========================================================
   VIONESHPERE — ENTERPRISE FEATURE EXPLORER
   Reference: Vioneshpere Sales presentation
   Intent: restrained enterprise UI, precise hierarchy,
   hairline borders, disciplined spacing, minimal decoration.
   ========================================================= */
.vx-feature-explorer{
  position:relative;
  overflow:hidden;
  padding:108px 0 116px;
  background:#f3f0ea;
  color:#141414;
}
.vx-feature-container{
  width:min(1240px,calc(100% - 72px));
  margin:0 auto;
}
.vx-feature-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);
  gap:72px;
  align-items:end;
  margin:0 0 34px;
}
.vx-feature-eyebrow{
  margin:0 0 17px;
  color:#ae7737;
  font:700 10px/1 Inter,sans-serif;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.vx-feature-head h2{
  margin:0;
  max-width:790px;
  color:#111;
  font:700 clamp(42px,5vw,70px)/.98 Manrope,Inter,sans-serif;
  letter-spacing:-.055em;
}
.vx-feature-head>p{
  margin:0 0 3px;
  max-width:500px;
  color:#67635d;
  font:400 14px/1.78 Inter,sans-serif;
}

/* Category rail */
.vx-feature-tabs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
  margin:0 0 18px;
  padding:7px;
  background:#e7e3db;
  border:1px solid #d2ccc1;
  border-radius:13px;
  box-shadow:0 1px 0 rgba(255,255,255,.72) inset;
}
.vx-feature-category{
  position:relative;
  appearance:none;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#625e57;
  padding:13px 16px;
  cursor:pointer;
  font:700 10px/1 Inter,sans-serif;
  letter-spacing:.085em;
  text-transform:uppercase;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.vx-feature-category:hover{
  background:rgba(255,255,255,.55);
  color:#161616;
}
.vx-feature-category:focus-visible{
  outline:2px solid #b88444;
  outline-offset:2px;
}
.vx-feature-category.is-active{
  background:#101213;
  border-color:#101213;
  color:#f6f2ea;
  box-shadow:0 5px 14px rgba(0,0,0,.14),0 1px 0 rgba(255,255,255,.04) inset;
}

/* Main explorer frame */
.vx-feature-panel{
  display:grid;
  grid-template-columns:350px minmax(0,1fr);
  min-height:500px;
  background:#fff;
  border:1px solid #d1cbc1;
  border-radius:13px;
  overflow:hidden;
  box-shadow:0 20px 55px rgba(24,21,17,.055),0 1px 0 rgba(255,255,255,.85) inset;
}

/* Feature navigation */
.vx-feature-list{
  min-width:0;
  background:#f6f3ed;
  border-right:1px solid #ddd7ce;
  padding:8px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#c9c1b5 transparent;
}
.vx-feature-list::-webkit-scrollbar{width:6px}
.vx-feature-list::-webkit-scrollbar-track{background:transparent}
.vx-feature-list::-webkit-scrollbar-thumb{background:#c9c1b5;border-radius:8px}
.vx-feature-item{
  width:100%;
  min-height:61px;
  display:grid;
  grid-template-columns:31px minmax(0,1fr) 24px;
  gap:9px;
  align-items:center;
  box-sizing:border-box;
  margin:0;
  padding:15px 12px;
  border:1px solid transparent;
  border-bottom-color:#e1dcd4;
  border-radius:7px;
  background:transparent;
  color:#5f5a54;
  text-align:left;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.vx-feature-item:last-child{border-bottom-color:transparent}
.vx-feature-item span{
  color:#b47b3c;
  font:700 9px/1 Inter,sans-serif;
  letter-spacing:.10em;
}
.vx-feature-item strong{
  min-width:0;
  color:#36332f;
  font:700 14px/1.32 Manrope,Inter,sans-serif;
}
.vx-feature-item i{
  justify-self:end;
  color:#b88444;
  font:400 16px/1 Inter,sans-serif;
  font-style:normal;
  opacity:0;
  transform:translateX(-5px);
  transition:opacity .16s ease,transform .16s ease;
}
.vx-feature-item:hover{
  background:#ebe7df;
  border-color:#e0d9cf;
}
.vx-feature-item:hover i{opacity:.72;transform:none}
.vx-feature-item:focus-visible{
  outline:2px solid #b88444;
  outline-offset:-2px;
}
.vx-feature-item.is-active{
  background:#101213;
  border-color:#101213;
  border-bottom-color:#101213;
  color:#fff;
  box-shadow:0 7px 18px rgba(0,0,0,.12);
}
.vx-feature-item.is-active strong{color:#fff}
.vx-feature-item.is-active span{color:#d0a066}
.vx-feature-item.is-active i{opacity:1;transform:none;color:#d0a066}

/* Detail stage */
.vx-feature-detail-host{
  min-width:0;
  background:#fff;
}
.vx-feature-detail{
  position:relative;
  display:none;
  width:100%;
  min-height:500px;
  box-sizing:border-box;
  padding:64px 68px 58px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff 0%,#fdfcfb 58%,#f4f0e8 100%);
  animation:vxEnterpriseFeatureIn .22s ease both;
}
.vx-feature-detail:before{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:-145px;
  top:-145px;
  border:1px solid rgba(184,132,68,.14);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(184,132,68,.022),0 0 0 68px rgba(184,132,68,.014);
  pointer-events:none;
}
.vx-feature-detail:after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-85px;
  bottom:-100px;
  border:1px solid rgba(184,132,68,.10);
  border-radius:50%;
  pointer-events:none;
}
.vx-feature-detail>*{position:relative;z-index:1}
.vx-feature-detail-eyebrow{
  margin:0 0 19px;
  color:#ae7737;
  font:700 9px/1 Inter,sans-serif;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.vx-feature-detail h3{
  max-width:760px;
  margin:0;
  color:#121212;
  font:700 clamp(34px,4.15vw,55px)/1.02 Manrope,Inter,sans-serif;
  letter-spacing:-.045em;
}
.vx-feature-summary{
  max-width:710px;
  margin:23px 0 29px;
  color:#5c5954;
  font:400 16px/1.78 Inter,sans-serif;
}
.vx-feature-detail-rule{
  width:48px;
  height:2px;
  margin:0 0 25px;
  background:#b88444;
}
.vx-feature-points-label{
  margin:0 0 13px;
  color:#8a857d;
  font:700 9px/1 Inter,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.vx-feature-detail ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 38px;
  max-width:760px;
  margin:0;
  padding:0;
  list-style:none;
}
.vx-feature-detail li{
  position:relative;
  margin:0;
  padding:11px 0 11px 17px;
  border-bottom:1px solid #e4dfd7;
  color:#3f3c38;
  font:500 13px/1.55 Inter,sans-serif;
}
.vx-feature-detail li:before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#b88444;
}
@keyframes vxEnterpriseFeatureIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Tablet */
@media(max-width:900px){
  .vx-feature-head{grid-template-columns:1fr;gap:18px}
  .vx-feature-panel{grid-template-columns:300px minmax(0,1fr)}
  .vx-feature-detail{padding:48px 40px}
  .vx-feature-detail ul{grid-template-columns:1fr;gap:0}
}

/* Mobile */
@media(max-width:700px){
  .vx-feature-explorer{padding:78px 0 84px}
  .vx-feature-container{width:calc(100% - 36px)}
  .vx-feature-head h2{font-size:40px}
  .vx-feature-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .vx-feature-tabs::-webkit-scrollbar{display:none}
  .vx-feature-category{white-space:nowrap}
  .vx-feature-panel{grid-template-columns:1fr;min-height:0}
  .vx-feature-list{border-right:0;border-bottom:1px solid #ddd7ce;max-height:330px}
  .vx-feature-detail{min-height:0;padding:38px 25px 44px}
  .vx-feature-detail h3{font-size:36px}
  .vx-feature-summary{font-size:15px}
}