:root{--an-bg:#090a0b;--an-panel:#111314;--an-panel2:#171819;--an-ivory:#f4f1eb;--an-stone:#e9e4dc;--an-gold:#c89135;--an-gold2:#d8a24a;--an-ink:#121314;--an-muted:#7e8790;--an-line:#343638;--an-blue:#8ea6ba}
.analytics-page{overflow:hidden;background:var(--an-bg);color:#eeeae3}.analytics-container{width:min(1240px,calc(100% - 80px));margin:0 auto}.analytics-kicker{margin:0 0 24px;color:var(--an-gold);font-size:10px;letter-spacing:.22em;font-weight:700}.analytics-hero{
    position:relative;
    min-height:760px;
    background:#080909 url('../images/vioneshpere-analytics-hero.png') center center / cover no-repeat;
    isolation:isolate;
}.analytics-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 46%,rgba(200,145,53,.16),transparent 25%),linear-gradient(90deg,#080909 0%,rgba(8,9,9,.92) 42%,rgba(8,9,9,.45) 72%,rgba(8,9,9,.2) 100%);z-index:0}.analytics-hero-overlay{position:absolute;inset:0;z-index:0;background-image:linear-gradient(135deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:56px 56px;opacity:.15}.analytics-hero-inner{position:relative;z-index:1;min-height:760px;display:flex;align-items:center}.analytics-hero-copy{max-width:720px}.analytics-hero h1{margin:0 0 28px;font-size:clamp(58px,6.39vw,94px);line-height:.9;letter-spacing:-.065em;font-weight:650}.analytics-hero h1 span{color:var(--an-gold2)}.analytics-hero-lead{max-width:680px;color:#aab3bb;font-size:16px;line-height:1.75}.analytics-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.analytics-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-size:12px;font-weight:700;padding:17px 24px;min-width:156px}.analytics-btn-gold{background:var(--an-gold);color:#0a0b0b}.analytics-btn-gold:hover{background:var(--an-gold2)}.analytics-text-link{color:#bfc5ca;text-decoration:none;font-size:12px}.analytics-text-link span{color:var(--an-gold);margin-left:7px}.analytics-philosophy,.analytics-operational,.analytics-configure,.analytics-visibility,.analytics-audience{background:var(--an-ivory);color:var(--an-ink);padding:120px 0}.analytics-section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:start;margin-bottom:62px}.analytics-section-head h2,.analytics-two-col h2{margin:0;font-size:clamp(46px,5vw,76px);line-height:.94;letter-spacing:-.055em;font-weight:650}.analytics-section-head h2 span,.analytics-two-col h2 span{color:var(--an-gold)}.analytics-section-head>p{margin:34px 0 0;color:#65717a;font-size:15px;line-height:1.75;max-width:520px}.analytics-compare{display:grid;grid-template-columns:1fr 70px 1fr;border:1px solid #d6d1c9}.analytics-compare article{padding:42px}.analytics-compare article+article{border-left:1px solid #d6d1c9}.analytics-compare small{color:#a87931;letter-spacing:.18em;font-size:9px}.analytics-compare strong{display:block;font-size:24px;line-height:1.1;margin:18px 0 13px}.analytics-compare p{margin:0;color:#65717a;font-size:14px;line-height:1.65}.analytics-compare-accent{background:#fffdfa}.analytics-arrow{display:flex;align-items:center;justify-content:center;color:var(--an-gold);font-size:28px;border-left:1px solid #d6d1c9}.analytics-flow-section,.analytics-intelligence{background:#111314;padding:120px 0}.light-head{color:#eeeae3}.light-head>p{color:#8f989f}.analytics-intelligence-flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--an-line)}.analytics-intelligence-flow article{min-height:240px;padding:30px;border-right:1px solid var(--an-line)}.analytics-intelligence-flow article:last-child{border-right:0}.analytics-intelligence-flow span{display:block;color:var(--an-gold);font-size:10px;letter-spacing:.15em;margin-bottom:70px}.analytics-intelligence-flow b{font-size:13px;letter-spacing:.12em}.analytics-intelligence-flow p{color:#8f989f;font-size:13px;line-height:1.6;margin:12px 0 0}.analytics-question-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d6d1c9;border-left:1px solid #d6d1c9}.analytics-question-grid article{padding:30px;border-right:1px solid #d6d1c9;border-bottom:1px solid #d6d1c9;min-height:240px}.analytics-question-grid span{font-size:9px;letter-spacing:.18em;color:#a87931}.analytics-question-grid h3{font-size:23px;margin:30px 0 12px;line-height:1.1}.analytics-question-grid p{color:#65717a;font-size:13px;line-height:1.65;max-width:310px}.analytics-question-grid b{display:block;color:#a87931;font-size:9px;letter-spacing:.08em;margin-top:22px}.analytics-two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.analytics-lead{color:#65717a;font-size:15px;line-height:1.75;max-width:530px;margin:28px 0 36px}.analytics-mini-list{border-top:1px solid #d6d1c9}.analytics-mini-list>div{display:grid;grid-template-columns:35px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #d6d1c9}.analytics-mini-list span{color:#a87931;font-size:9px}.analytics-mini-list strong{font-size:13px}.analytics-mini-list em{grid-column:2;color:#89939a;font-size:11px;font-style:normal;margin-top:-6px}.analytics-builder{background:#111314;color:#eeeae3;border:1px solid #303234;box-shadow:0 25px 60px rgba(0,0,0,.13)}.analytics-builder-head{padding:20px 24px;border-bottom:1px solid #303234;display:flex;justify-content:space-between;gap:20px}.analytics-builder-head span{font-size:8px;letter-spacing:.18em;color:var(--an-gold)}.analytics-builder-head strong{font-size:12px}.analytics-builder-body{padding:25px}.builder-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #292b2c}.builder-row label{width:78px;font-size:8px;letter-spacing:.15em;color:#7d868c}.builder-row>div:first-of-type:not(.builder-chip){font-size:12px;color:#d9dde0}.builder-chip{border:1px solid #3b3d3e;padding:8px 10px;font-size:10px;color:#aeb5ba}.builder-chip.active{border-color:#a87931;color:#e0b45f}.analytics-builder-result{margin:0 25px 25px;padding:24px;background:#17191a;border:1px solid #3b3d3e}.analytics-builder-result small{display:block;color:var(--an-gold);font-size:8px;letter-spacing:.18em}.analytics-builder-result strong{display:block;font-size:27px;margin:10px 0}.analytics-builder-result span{display:block;color:#929ba0;font-size:11px}.analytics-builder-result b{display:block;color:#d4a14c;font-size:10px;margin-top:18px}.analytics-visibility-board{background:#111314;color:#eeeae3;padding:30px;border:1px solid #2e3031}.board-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#9aa1a6}.board-head em{font-style:normal;color:var(--an-gold)}.board-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:28px 0;background:#303234}.board-kpis>div{background:#111314;padding:20px}.board-kpis small{display:block;color:#80888d;font-size:8px;letter-spacing:.12em}.board-kpis strong{display:block;font-size:22px;margin:10px 0}.board-kpis span{color:#c9953e;font-size:9px}.board-chart{border:1px solid #303234;padding:22px;margin-bottom:20px}.chart-labels,.chart-scale{display:flex;justify-content:space-between;color:#7e878c;font-size:8px}.chart-lines{height:150px;display:flex;align-items:end;gap:8%;border-bottom:1px solid #303234;position:relative;padding:0 4%}.chart-lines i{display:block;width:7%;background:#9f7130;opacity:.85}.chart-lines b{position:absolute;left:4%;right:4%;height:1px;background:#68747c}.board-signal{border-left:2px solid var(--an-gold);padding:3px 0 3px 18px}.board-signal small{color:var(--an-gold);font-size:8px;letter-spacing:.15em}.board-signal strong{display:block;font-size:15px;line-height:1.4;margin:9px 0}.board-signal span{color:#8d969c;font-size:9px}.analytics-visibility-copy h2{font-size:clamp(46px,5vw,72px);line-height:.94;letter-spacing:-.055em;margin:0}.analytics-visibility-copy h2 span{color:var(--an-gold)}.analytics-visibility-copy>p:not(.analytics-kicker){color:#65717a;font-size:15px;line-height:1.75;margin:28px 0}.compact{max-width:460px}.analytics-intelligence-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--an-line)}.analytics-intelligence-grid article{padding:30px;border-right:1px solid var(--an-line);min-height:210px}.analytics-intelligence-grid article:last-child{border-right:0}.analytics-intelligence-grid small{color:var(--an-gold);font-size:8px;letter-spacing:.16em}.analytics-intelligence-grid h3{font-size:23px;margin:38px 0 8px}.analytics-intelligence-grid p{color:#a0a7ac;font-size:13px}.analytics-intelligence-grid span{display:block;color:#777f84;font-size:9px;margin-top:28px}.analytics-integration{background:#0d0e0f;padding:120px 0}.analytics-integration-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.analytics-integration h2{margin:0;font-size:clamp(46px,5vw,70px);line-height:.94;letter-spacing:-.055em}.analytics-integration h2 span{color:var(--an-gold)}.analytics-integration p:not(.analytics-kicker){color:#929ba1;font-size:15px;line-height:1.75;max-width:540px;margin-top:28px}.analytics-integration-map{height:390px;position:relative;border:1px solid #2e3031;background:radial-gradient(circle at center,rgba(200,145,53,.13),transparent 31%),#111314}.analytics-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border:1px solid var(--an-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:#e8e3dc;font-size:10px;letter-spacing:.12em;line-height:1.5}.analytics-connector{position:absolute;border:1px solid #383a3b;padding:9px 13px;font-size:8px;letter-spacing:.14em;color:#aeb5ba;background:#151718}.c1{left:8%;top:15%}.c2{right:8%;top:15%}.c3{left:8%;bottom:15%}.c4{right:8%;bottom:15%}.c5{left:50%;top:8%;transform:translateX(-50%)}.analytics-license{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);border:1px solid #6b522e;color:#d1a04c;padding:8px 12px;font-size:7px;letter-spacing:.14em}.analytics-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6d1c9;border-left:1px solid #d6d1c9}.analytics-audience-grid article{padding:28px;border-right:1px solid #d6d1c9;border-bottom:1px solid #d6d1c9;min-height:220px}.analytics-audience-grid small{color:#a87931;font-size:8px;letter-spacing:.16em}.analytics-audience-grid h3{font-size:19px;line-height:1.15;margin:34px 0 14px}.analytics-audience-grid p{font-size:12px;line-height:1.65;color:#69747c}.analytics-final-cta{background:#090a0b;padding:120px 0 130px}.analytics-final-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.analytics-final-cta h2{font-size:clamp(50px,6vw,82px);line-height:.92;letter-spacing:-.06em;margin:0 0 28px}.analytics-final-cta h2 span{color:var(--an-gold)}.analytics-final-cta p:not(.analytics-kicker){max-width:620px;color:#929ba1;font-size:15px;line-height:1.75;margin-bottom:32px}.analytics-final-side{border-left:1px solid #303234;padding-left:40px}.analytics-final-principle{padding:32px;border:1px solid #353738;background:#101112}.analytics-final-principle span{display:block;color:var(--an-gold);font-size:8px;letter-spacing:.18em}.analytics-final-principle strong{display:block;color:#eeeae3;font-size:29px;line-height:1.08;margin-top:16px}.analytics-final-side>p{color:#8e979d;font-size:13px;margin-top:20px}
@media(max-width:900px){.analytics-container{width:calc(100% - 40px)}.analytics-hero,.analytics-hero-inner{min-height:680px}.analytics-section-head,.analytics-two-col,.analytics-integration-inner,.analytics-final-grid{grid-template-columns:1fr;gap:45px}.analytics-compare{grid-template-columns:1fr}.analytics-compare article+article{border-left:0;border-top:1px solid #d6d1c9}.analytics-arrow{display:none}.analytics-intelligence-flow{grid-template-columns:1fr 1fr}.analytics-intelligence-flow article:nth-child(2){border-right:0}.analytics-intelligence-flow article:nth-child(3),.analytics-intelligence-flow article:nth-child(4){border-top:1px solid var(--an-line)}.analytics-question-grid{grid-template-columns:1fr 1fr}.analytics-intelligence-grid{grid-template-columns:1fr 1fr}.analytics-intelligence-grid article:nth-child(2){border-right:0}.analytics-intelligence-grid article:nth-child(3),.analytics-intelligence-grid article:nth-child(4){border-top:1px solid var(--an-line)}.analytics-audience-grid{grid-template-columns:1fr 1fr}.analytics-audience-grid article:nth-child(2){border-right:0}.analytics-audience-grid article:nth-child(3),.analytics-audience-grid article:nth-child(4){border-top:0}.analytics-hero h1{font-size:clamp(49px,9.9vw,70px)}}
@media(max-width:560px){.analytics-container{width:calc(100% - 28px)}.analytics-hero h1{font-size:46.8px}.analytics-actions{align-items:flex-start;flex-direction:column;gap:20px}.analytics-philosophy,.analytics-operational,.analytics-configure,.analytics-visibility,.analytics-audience,.analytics-flow-section,.analytics-intelligence,.analytics-integration,.analytics-final-cta{padding:80px 0}.analytics-intelligence-flow,.analytics-question-grid,.analytics-intelligence-grid,.analytics-audience-grid{grid-template-columns:1fr}.analytics-intelligence-flow article,.analytics-intelligence-grid article{border-right:0!important;border-top:1px solid var(--an-line)}.analytics-intelligence-flow article:first-child,.analytics-intelligence-grid article:first-child{border-top:0}.analytics-question-grid article{border-right:0}.analytics-board-kpis{grid-template-columns:1fr}.board-kpis{grid-template-columns:1fr}.analytics-final-side{padding-left:0;border-left:0;border-top:1px solid #303234;padding-top:30px}.analytics-builder-head{flex-direction:column}.builder-row label{width:100%}}

/* =========================================================
   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}
}