/* aiVenta Smart CRM — Level 10,000 treatment for every non-home page */

body:not(.page-home) .main{overflow:hidden}
body:not(.page-home) .bgGrid{opacity:.04}
body:not(.page-home) .bgGlow{opacity:.72}

/* Cinematic page hero */
body:not(.page-home) .heroBand,
body.page-engine .engineHero{
  position:relative;
  padding:82px 0 68px;
  isolation:isolate;
  overflow:hidden;
}
body:not(.page-home) .heroBand::before,
body.page-engine .engineHero::before{
  content:"";
  position:absolute;
  inset:-28% -8% auto;
  height:680px;
  z-index:-2;
  background:
    radial-gradient(720px 430px at 12% 14%,rgb(var(--ventaIndigo)/.26),transparent 66%),
    radial-gradient(680px 410px at 86% 18%,rgb(236 88 190/.16),transparent 66%),
    radial-gradient(560px 340px at 50% -4%,rgb(77 166 255/.12),transparent 70%);
  pointer-events:none;
}
body:not(.page-home) .heroBand::after,
body.page-engine .engineHero::after{
  content:"";
  position:absolute;
  left:50%;bottom:-260px;
  width:900px;height:460px;
  transform:translateX(-50%);
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(closest-side,rgb(var(--ventaIndigo)/.12),transparent 72%);
  filter:blur(28px);
  pointer-events:none;
}
body:not(.page-home) .heroH1,
body.page-engine .engineHero h1{
  font-size:clamp(44px,5.3vw,74px);
  max-width:14ch;
  letter-spacing:-.06em;
  line-height:.98;
  text-wrap:balance;
}
body:not(.page-home) .heroSub,
body.page-engine .engineHero p{
  font-size:17px;
  line-height:1.72;
  max-width:68ch;
}
body:not(.page-home) .badgePill,
body:not(.page-home) .sectionEyebrow,
body.page-engine .sectionEyebrow{
  border-color:rgb(var(--ventaIndigo)/.30);
  background:linear-gradient(90deg,rgb(var(--ventaIndigo)/.13),rgb(236 88 190/.065));
  letter-spacing:.04em;
}

/* Hero product slabs */
body:not(.page-home) .heroPanel,
body:not(.page-home) .glassPanelStrong,
body:not(.page-home) .glassPanel,
body.page-engine .engineConsole{
  position:relative;
  border-radius:30px;
  border:1px solid rgb(255 255 255/.15);
  background:
    radial-gradient(560px 260px at 10% 0,rgb(var(--ventaIndigo)/.17),transparent 65%),
    radial-gradient(520px 250px at 90% 0,rgb(236 88 190/.09),transparent 68%),
    linear-gradient(150deg,rgb(255 255 255/.065),rgb(255 255 255/.026));
  box-shadow:0 36px 120px rgb(0 0 0/.60),0 0 90px rgb(var(--ventaIndigo)/.10),inset 0 1px 0 rgb(255 255 255/.07);
  backdrop-filter:blur(24px);
  overflow:hidden;
}
body:not(.page-home) .heroPanel::after,
body:not(.page-home) .glassPanelStrong::after,
body.page-engine .engineConsole::after{
  content:"";
  position:absolute;
  inset:-70% -50%;
  transform:rotate(13deg) translateX(-80%);
  background:linear-gradient(90deg,transparent,rgb(255 255 255/.055),transparent);
  pointer-events:none;
  animation:pageSheen 10s ease-in-out infinite;
}

/* Sections become more dimensional */
body:not(.page-home) .section{padding:78px 0}
body:not(.page-home) .sectionTight{padding:48px 0}
body:not(.page-home) .sectionHeader{margin-bottom:28px}
body:not(.page-home) .sectionTitle{
  font-size:clamp(30px,3.5vw,46px);
  line-height:1.03;
  letter-spacing:-.045em;
  text-wrap:balance;
}
body:not(.page-home) .sectionSub{font-size:15px;line-height:1.72;max-width:72ch}

/* Elevate every major card family */
body:not(.page-home) .card,
body:not(.page-home) .glassCard,
body:not(.page-home) [class*="RoleCard"],
body:not(.page-home) [class*="WorkflowCard"],
body:not(.page-home) [class*="Metric"],
body:not(.page-home) [class*="Rail"],
body:not(.page-home) [class*="Tier"],
body:not(.page-home) [class*="PriceCard"],
body:not(.page-home) [class*="TrustCard"],
body:not(.page-home) [class*="LegalCard"]{
  border-color:rgb(255 255 255/.095);
  background:
    radial-gradient(420px 190px at 0 0,rgb(var(--ventaIndigo)/.095),transparent 70%),
    rgb(255 255 255/.027);
  box-shadow:0 18px 54px rgb(0 0 0/.30),inset 0 1px 0 rgb(255 255 255/.035);
  transition:transform .32s var(--easeOut),border-color .32s ease,box-shadow .32s ease,background .32s ease;
}
@media(hover:hover){
  body:not(.page-home) .card:hover,
  body:not(.page-home) .glassCard:hover,
  body:not(.page-home) [class*="RoleCard"]:hover,
  body:not(.page-home) [class*="WorkflowCard"]:hover,
  body:not(.page-home) [class*="Metric"]:hover,
  body:not(.page-home) [class*="Tier"]:hover,
  body:not(.page-home) [class*="PriceCard"]:hover{
    transform:translateY(-5px);
    border-color:rgb(var(--ventaIndigo)/.21);
    box-shadow:0 26px 74px rgb(0 0 0/.40),0 0 42px rgb(var(--ventaIndigo)/.06);
  }
}

/* Feature page gets product-map energy */
.page-features .phase4FeatureConsole,
.page-features .phase4CommsPanel{
  box-shadow:0 40px 125px rgb(0 0 0/.58),0 0 90px rgb(var(--ventaIndigo)/.11);
}
.page-features .phase4StackRow,
.page-features .phase4WorkflowCard,
.page-features .phase4RoleCard{
  position:relative;
  overflow:hidden;
}
.page-features .phase4StackRow::before,
.page-features .phase4WorkflowCard::before{
  content:"";
  position:absolute;
  inset:auto -25% -65% auto;
  width:160px;height:160px;border-radius:50%;
  background:radial-gradient(closest-side,rgb(var(--ventaIndigo)/.11),transparent 72%);
  pointer-events:none;
}

/* Engine pages feel like focused product experiences */
.page-engine .engineHeroGrid{gap:46px}
.page-engine .engineConsole{transform:translateZ(0)}
.page-engine .laneStack>div,
.page-engine .journeyRow,
.page-engine .nextPlayDemo dl>div{
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
@media(hover:hover){
  .page-engine .laneStack>div:hover,
  .page-engine .journeyRow:hover,
  .page-engine .nextPlayDemo dl>div:hover{
    transform:translateX(4px);
    border-color:rgb(var(--ventaIndigo)/.20);
    background:rgb(255 255 255/.04);
  }
}
.page-sidekick .engineHero::before{background:radial-gradient(760px 440px at 10% 10%,rgb(var(--ventaIndigo)/.30),transparent 66%),radial-gradient(660px 400px at 88% 12%,rgb(236 88 190/.18),transparent 66%)}
.page-next-play .engineHero::before{background:radial-gradient(760px 440px at 10% 10%,rgb(var(--ventaGold)/.18),transparent 66%),radial-gradient(660px 400px at 88% 12%,rgb(var(--ventaIndigo)/.24),transparent 66%)}
.page-lead-drip .engineHero::before{background:radial-gradient(760px 440px at 10% 10%,rgb(236 88 190/.20),transparent 66%),radial-gradient(660px 400px at 88% 12%,rgb(var(--ventaIndigo)/.23),transparent 66%)}

/* Pricing becomes a premium decision surface */
.page-pricing [class*="pricing"],
.page-pricing [class*="Pricing"]{position:relative}
.page-pricing [class*="priceCard"],
.page-pricing [class*="pricingCard"],
.page-pricing [class*="tierCard"]{min-height:100%}
.page-pricing .isPopular,
.page-pricing [data-popular="true"]{
  border-color:rgb(var(--ventaIndigo)/.34)!important;
  box-shadow:0 32px 100px rgb(0 0 0/.46),0 0 70px rgb(var(--ventaIndigo)/.13)!important;
}
.page-pricing [data-calc]{
  border-radius:30px!important;
  box-shadow:0 34px 110px rgb(0 0 0/.50),0 0 72px rgb(var(--ventaGold)/.07);
}
.page-pricing [data-calc-out="annualImpact"]{text-shadow:0 0 28px rgb(var(--ventaEmerald)/.25)}

/* Security feels like a trust command center */
.page-security .heroBand::before{background:radial-gradient(760px 440px at 12% 10%,rgb(var(--ventaEmerald)/.17),transparent 66%),radial-gradient(720px 420px at 88% 15%,rgb(var(--ventaIndigo)/.22),transparent 66%)}
.page-security [class*="Trust"],
.page-security [class*="Security"],
.page-security [class*="trust"]{position:relative}
.page-security .card::before,
.page-security .glassCard::before{
  content:"";
  position:absolute;
  left:18px;top:0;
  width:52px;height:1px;
  background:linear-gradient(90deg,rgb(var(--ventaEmerald)/.8),transparent);
}

/* Demo page becomes a conversion cockpit */
.page-demo .heroBand::before{background:radial-gradient(760px 440px at 12% 10%,rgb(var(--ventaIndigo)/.27),transparent 66%),radial-gradient(720px 420px at 88% 16%,rgb(var(--ventaEmerald)/.14),transparent 66%)}
.page-demo form{
  border-radius:28px;
  border:1px solid rgb(255 255 255/.11);
  background:radial-gradient(560px 220px at 0 0,rgb(var(--ventaIndigo)/.10),transparent 70%),rgb(255 255 255/.025);
  padding:20px;
  box-shadow:0 28px 90px rgb(0 0 0/.40);
}
.page-demo .input{min-height:48px;background:rgb(255 255 255/.035)}
.page-demo textarea.input{min-height:148px}
.page-demo .input:focus{background:rgb(255 255 255/.05);box-shadow:0 0 0 4px rgb(var(--ventaIndigo)/.12),0 0 32px rgb(var(--ventaIndigo)/.07)}

/* SMS + legal pages remain premium without becoming theatrical */
.page-sms .heroBand,
.page-privacy .heroBand,
.page-terms .heroBand{padding-bottom:54px}
.page-sms .consentBox,
.page-privacy article,
.page-terms article,
.page-privacy .legalBody,
.page-terms .legalBody{
  border-radius:24px;
  border:1px solid rgb(255 255 255/.09);
  background:linear-gradient(180deg,rgb(255 255 255/.035),rgb(255 255 255/.02));
  box-shadow:0 22px 70px rgb(0 0 0/.28);
}
.page-privacy h2,
.page-terms h2{letter-spacing:-.035em}
.page-privacy p,
.page-terms p,
.page-privacy li,
.page-terms li{line-height:1.78}
.page-sms .consentBox{position:relative;overflow:hidden}
.page-sms .consentBox::before{content:"";position:absolute;inset:0 auto auto 0;width:140px;height:1px;background:linear-gradient(90deg,rgb(var(--ventaEmerald)/.8),transparent)}

/* Navigation / CTA refinement sitewide */
body:not(.page-home) .btn{min-height:42px}
body:not(.page-home) .btn:not(.btnGhost){box-shadow:0 16px 44px rgb(var(--ventaIndigo)/.14),0 12px 34px rgb(0 0 0/.32)}
body:not(.page-home) .btn:hover{transform:translateY(-1px)}
body:not(.page-home) .pillChip,
body:not(.page-home) .tag{backdrop-filter:blur(12px)}

/* Auto reveal hooks added by level10000.js */
body:not(.page-home) [data-page-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s var(--easeOut),transform .65s var(--easeOut)}
body:not(.page-home) [data-page-reveal].isVisible{opacity:1;transform:none}
body:not(.page-home) [data-page-reveal="card"]{transition-duration:.55s}

@keyframes pageSheen{0%,78%,100%{transform:rotate(13deg) translateX(-82%)}90%{transform:rotate(13deg) translateX(82%)}}

@media(max-width:900px){
  body:not(.page-home) .heroBand,body.page-engine .engineHero{padding:58px 0 48px}
  body:not(.page-home) .heroH1,body.page-engine .engineHero h1{font-size:clamp(40px,9vw,60px)}
  body:not(.page-home) .section{padding:62px 0}
  .page-engine .engineHeroGrid{gap:28px}
}
@media(max-width:620px){
  body:not(.page-home) .heroBand,body.page-engine .engineHero{padding-top:42px}
  body:not(.page-home) .heroH1,body.page-engine .engineHero h1{font-size:39px}
  body:not(.page-home) .heroSub,body.page-engine .engineHero p{font-size:15px}
  body:not(.page-home) .section{padding:52px 0}
  .page-demo form{padding:14px}
}
@media(prefers-reduced-motion:reduce){
  body:not(.page-home) .heroPanel::after,
  body:not(.page-home) .glassPanelStrong::after,
  body.page-engine .engineConsole::after{animation:none}
  body:not(.page-home) [data-page-reveal]{opacity:1;transform:none;transition:none}
}
