:root{--crm-bg:#090a0b;--crm-panel:#101214;--crm-line:rgba(184,132,68,.24);--crm-bronze:#b88444;--crm-text:#171717;--crm-muted:#626262;--crm-soft:#f5f3ef}
.crm-hero{position:relative;overflow:hidden;background:#080909;color:#fff;min-height:720px;display:flex;align-items:center}.crm-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(184,132,68,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(184,132,68,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 85%);opacity:.35}.crm-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:center;padding-top:90px;padding-bottom:90px}.crm-hero-copy h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(40px,4.77vw,70px);line-height:1.03;letter-spacing:-.045em;margin:15px 0 28px;max-width:780px}.crm-hero-copy h1 span{color:#c9c7c2}.hero-lead{font-size:19px;line-height:1.75;color:#c8c8c5;max-width:650px}.crm-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.crm-hero-visual{position:relative}.visual-label{position:absolute;right:14px;top:-28px;font-size:9px;letter-spacing:.18em;color:#9c9b96}.dash-window{background:#0e1011;border:1px solid rgba(201,156,94,.32);box-shadow:0 35px 100px rgba(0,0,0,.55);border-radius:18px;overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)}.dash-top{height:48px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding:0 17px;gap:7px}.dash-top span{width:7px;height:7px;border-radius:50%;background:#5e5e5e}.dash-top b{font:600 11px Inter,sans-serif;margin-left:15px;color:#bbb}.dash-body{display:grid;grid-template-columns:55px 1fr;min-height:365px}.dash-side{border-right:1px solid rgba(255,255,255,.06);padding:24px 0;display:flex;align-items:center;flex-direction:column;gap:22px}.dash-side i{width:17px;height:17px;border:1px solid rgba(255,255,255,.22);border-radius:5px}.dash-side i:first-child{border-color:var(--crm-bronze);box-shadow:0 0 12px rgba(184,132,68,.2)}.dash-main{padding:28px}.mini-head{display:flex;justify-content:space-between;gap:15px;color:#eee;font-size:13px}.mini-head em{font-size:9px;color:#888;font-style:normal}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.metric-row>div{background:#151719;border:1px solid rgba(255,255,255,.07);padding:17px;border-radius:9px}.metric-row small{display:block;color:#7f817f;font-size:8px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.metric-row strong{font:600 21px Manrope,sans-serif;color:#e6e1d8}.chart-placeholder{height:145px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-end;gap:13px;padding:0 12px}.chart-placeholder span{flex:1;background:linear-gradient(to top,rgba(184,132,68,.5),rgba(184,132,68,.08));border:1px solid rgba(184,132,68,.25);border-bottom:0;border-radius:5px 5px 0 0}.chart-placeholder span:nth-child(1){height:42%}.chart-placeholder span:nth-child(2){height:58%}.chart-placeholder span:nth-child(3){height:47%}.chart-placeholder span:nth-child(4){height:72%}.chart-placeholder span:nth-child(5){height:65%}.chart-placeholder span:nth-child(6){height:88%}.crm-flow{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#bbb;font-size:9px}.crm-flow b{font-weight:500}.crm-flow span{color:var(--crm-bronze)}
.section{padding:105px 0}.crm-intro{background:#fff}.crm-split{align-items:start}.crm-split h2,.section-heading h2,.image-split h2,.narrow-center h2,.premium-intro h2,.why-buy h2,.crm-final-cta h2{font-family:Manrope,Inter,sans-serif;letter-spacing:-.035em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:52px}.section-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:8px 0 0;max-width:850px}.section-note{max-width:470px;color:var(--crm-muted);line-height:1.7;margin:0}.crm-evolution{background:var(--crm-soft)}.evolution{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #d9d4cb;border-bottom:1px solid #d9d4cb}.evolution>div{padding:27px 22px;min-height:190px;border-right:1px solid #d9d4cb}.evolution>div:last-child{border-right:0}.evolution span,.feature-grid article>span{font:500 10px Inter,sans-serif;letter-spacing:.15em;color:var(--crm-bronze)}.evolution b{display:block;margin:22px 0 9px;font:700 13px Manrope,sans-serif;letter-spacing:.08em}.evolution p{font-size:13px;line-height:1.6;color:#666;margin:0}.core-crm{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd}.feature-grid article{padding:32px 30px 35px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;min-height:175px}.feature-grid article:nth-child(3n){border-right:0}.feature-grid h3{font:700 20px Manrope,sans-serif;margin:13px 0 8px}.feature-grid p{color:#676767;line-height:1.65;margin:0;font-size:14px}
.dark-section{background:#0b0c0d;color:#fff}.image-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.image-split.reverse-mobile{grid-template-columns:1.08fr .92fr}.image-placeholder{min-height:330px;border:1px solid rgba(184,132,68,.34);border-radius:16px;background:radial-gradient(circle at 30% 30%,rgba(184,132,68,.14),transparent 35%),linear-gradient(135deg,#151718,#0d0e0f);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;overflow:hidden}.image-placeholder:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.07);border-radius:11px}.image-placeholder.tall{min-height:450px}.placeholder-mark{font:600 10px Inter,sans-serif;letter-spacing:.2em;color:var(--crm-bronze);margin-bottom:12px}.image-placeholder strong{font:700 15px Manrope,sans-serif;letter-spacing:.08em}.image-placeholder small{font-size:10px;color:#777;margin-top:10px}.dark-placeholder{background:radial-gradient(circle at 70% 30%,rgba(184,132,68,.16),transparent 40%),#111314}.clean-list{padding:0;margin:28px 0 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:11px}.clean-list li{padding-left:20px;position:relative;color:#bbb;font-size:14px}.clean-list li:before{content:"";width:5px;height:5px;background:var(--crm-bronze);border-radius:50%;position:absolute;left:0;top:8px}.image-section .lead{color:#aaa}.discovery-section{background:#f6f4f0}.discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.discovery-copy{display:grid;gap:14px}.source-card{padding:24px;border:1px solid #ded9d0;background:#fff}.source-card b{font:700 11px Manrope,sans-serif;letter-spacing:.1em}.source-card p{margin:9px 0 0;color:#666;line-height:1.6;font-size:14px}.flow-line{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font:600 10px Inter,sans-serif;letter-spacing:.08em;margin-top:10px}.flow-line i{color:var(--crm-bronze);font-style:normal}.qualification-section{background:#fff}.narrow-center{max-width:1080px;text-align:center}.narrow-center h2{font-size:clamp(35px,4.5vw,57px);line-height:1.08;margin:10px auto 20px}.narrow-center .lead{max-width:850px;margin:0 auto;color:#656565;line-height:1.75}.qual-flow{margin-top:44px;padding:20px;border:1px solid #ded9d0;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font:700 10px Inter,sans-serif;letter-spacing:.1em}.qual-flow span:nth-child(even){color:var(--crm-bronze)}
.premium-section{background:#f1eee8}.premium-intro{max-width:950px;margin-bottom:55px}.premium-intro h2{font-size:clamp(38px,4.5vw,60px);margin:8px 0 18px}.premium-intro .lead{color:#626262;line-height:1.7}.tat-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.tat-flow{border-left:1px solid #d2c9bb}.tat-step{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:0 0 31px 30px;position:relative}.tat-step:before{content:"";position:absolute;left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--crm-bronze)}.tat-step>span{font:500 10px Inter,sans-serif;letter-spacing:.12em;color:var(--crm-bronze);padding-top:3px}.tat-step b{font:700 18px Manrope,sans-serif}.tat-step p{margin:6px 0 0;color:#666;line-height:1.6;font-size:14px}.analytics-section{background:#0b0c0d}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.insight-list{border-top:1px solid rgba(255,255,255,.1)}.insight-list>div{padding:21px 0;border-bottom:1px solid rgba(255,255,255,.1)}.insight-list b{display:block;font:600 16px Manrope,sans-serif;color:#eee}.insight-list span{display:block;margin-top:5px;color:#858585;font-size:13px}.light-heading .section-note{color:#888}.intelligence-section{background:#fff}.intelligence-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ddd;border-bottom:1px solid #ddd}.intelligence-grid article{padding:30px 22px;border-right:1px solid #ddd}.intelligence-grid article:last-child{border-right:0}.intelligence-grid span{font:700 9px Inter,sans-serif;letter-spacing:.14em;color:var(--crm-bronze)}.intelligence-grid h3{font:700 18px Manrope,sans-serif;margin:18px 0 8px}.intelligence-grid p{font-size:13px;color:#666;line-height:1.6;margin:0}.customer-intelligence{background:#f6f4f0}.engagement-loop{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:30px;font:600 9px Inter,sans-serif;letter-spacing:.08em}.engagement-loop i{color:var(--crm-bronze);font-style:normal}.advanced-grid-section{background:#fff}.advanced-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd}.advanced-grid article{padding:32px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.advanced-grid article:nth-child(3n){border-right:0}.advanced-grid h3{font:700 19px Manrope,sans-serif;margin:0 0 9px}.advanced-grid p{font-size:14px;line-height:1.65;color:#666;margin:0}.integration-section{background:#0a0b0c}.integration-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.integration-layout h2{font:700 clamp(36px,4vw,55px) Manrope,sans-serif;letter-spacing:-.04em;line-height:1.08;margin:8px 0 20px}.integration-layout .lead{color:#aaa;line-height:1.7}.integration-layout>div>p:last-child{color:#777;font-size:13px}.integration-diagram{min-height:390px;border:1px solid rgba(184,132,68,.3);border-radius:18px;background:#101213;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.int-node{padding:18px 38px;border:1px solid rgba(184,132,68,.5);background:#17191a;color:#e4dfd5;font:600 13px Manrope,sans-serif}.int-lines{height:70px;width:70%;position:relative;border-left:1px solid rgba(184,132,68,.45);border-right:1px solid rgba(184,132,68,.45)}.int-lines:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(184,132,68,.45)}.int-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.int-row div{text-align:center;padding:17px 8px;border:1px solid rgba(255,255,255,.08);font:600 10px Inter,sans-serif;color:#aaa}.license-pill{margin-top:28px;border:1px solid rgba(184,132,68,.4);padding:9px 15px;font:700 9px Inter,sans-serif;letter-spacing:.14em;color:var(--crm-bronze)}.audience-section{background:#f4f2ee}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9d4cb}.audience-grid article{padding:30px 24px;border-right:1px solid #d9d4cb}.audience-grid article:last-child{border-right:0}.audience-grid span{font:700 9px Inter,sans-serif;letter-spacing:.12em;color:var(--crm-bronze)}.audience-grid h3{font:700 20px Manrope,sans-serif;line-height:1.35;margin:15px 0 10px}.audience-grid p{font-size:13px;line-height:1.6;color:#666}.why-buy{background:#fff}.why-buy-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.why-buy h2{font-size:clamp(37px,4.5vw,60px);line-height:1.08;margin-top:8px}.why-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ddd}.why-points>div{padding:23px;border-bottom:1px solid #ddd}.why-points>div:nth-child(odd){border-right:1px solid #ddd}.why-points b{font:700 15px Manrope,sans-serif}.why-points p{margin:6px 0 0;color:#666;font-size:13px;line-height:1.5}.crm-final-cta{background:#090a0b;color:#fff}.crm-final-cta .cta-inner{align-items:center}.crm-final-cta h2{font-size:clamp(37px,4.3vw,58px);max-width:850px;line-height:1.08}.crm-final-cta .cta-inner>div:first-child p:last-child{color:#999;max-width:720px;line-height:1.7}.crm-final-cta .cta-actions{flex-shrink:0}
@media(max-width:1050px){.crm-hero-inner,.integration-layout,.why-buy-inner{grid-template-columns:1fr}.crm-hero{min-height:auto}.crm-hero-visual{max-width:760px}.evolution{grid-template-columns:repeat(3,1fr)}.evolution>div:nth-child(3n){border-right:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article:nth-child(3n){border-right:1px solid #ddd}.feature-grid article:nth-child(2n){border-right:0}.intelligence-grid{grid-template-columns:repeat(3,1fr)}.intelligence-grid article:nth-child(3n){border-right:0}.audience-grid{grid-template-columns:repeat(2,1fr)}.audience-grid article:nth-child(2n){border-right:0}.advanced-grid{grid-template-columns:repeat(2,1fr)}.advanced-grid article:nth-child(3n){border-right:1px solid #ddd}.advanced-grid article:nth-child(2n){border-right:0}.tat-layout,.analytics-grid,.discovery-grid,.image-split{grid-template-columns:1fr;gap:45px}}
@media(max-width:700px){.section{padding:75px 0}.crm-hero-inner{padding-top:70px;padding-bottom:70px}.crm-hero-copy h1{font-size:37.8px}.hero-lead{font-size:16px}.section-heading{display:block}.section-note{margin-top:18px}.evolution,.feature-grid,.intelligence-grid,.advanced-grid,.audience-grid{grid-template-columns:1fr}.evolution>div,.feature-grid article,.intelligence-grid article,.advanced-grid article,.audience-grid article{border-right:0!important}.metric-row{grid-template-columns:1fr}.dash-body{grid-template-columns:40px 1fr}.dash-main{padding:18px}.dash-window{transform:none}.clean-list{grid-template-columns:1fr}.why-buy-inner{gap:45px}.why-points{grid-template-columns:1fr}.why-points>div:nth-child(odd){border-right:0}.qual-flow{justify-content:flex-start}.crm-flow{font-size:7px}.image-placeholder.tall{min-height:330px}}


/* =========================================================
   CRM FEATURE EXPLORER — PREMIUM TABS
   Replace/override any previous .crm-feature-* styles
   ========================================================= */

.crm-feature-tabs{
  width:100%;
  margin-top:48px;
  position:relative;
}

.crm-feature-categories{
  display:flex !important;
  flex-wrap:wrap;
  gap:0 !important;
  border-bottom:1px solid #d8d2c8;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
}

.crm-feature-categories .crm-category-tab{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#777 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:54px !important;
  padding:0 22px !important;
  margin:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  outline:none !important;
  transition:color .25s ease,border-color .25s ease,background .25s ease !important;
}

.crm-feature-categories .crm-category-tab:hover{
  color:#151515 !important;
  background:#f6f3ee !important;
}

.crm-feature-categories .crm-category-tab.is-active,
.crm-feature-categories .crm-category-tab[aria-selected="true"]{
  color:#151515 !important;
  border-bottom-color:var(--crm-bronze,#b88444) !important;
  background:#f6f3ee !important;
}

/* Main two-column explorer */
.crm-feature-workspace{
  display:grid !important;
  grid-template-columns:340px minmax(0,1fr) !important;
  min-height:520px;
  border:1px solid #d8d2c8;
  border-top:0;
  background:#fff;
  overflow:hidden;
}

/* Left feature navigation */
.crm-feature-list{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  padding:10px 0 !important;
  margin:0 !important;
  background:#f4f1eb !important;
  border-right:1px solid #d8d2c8 !important;
  max-height:540px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#c7a16d transparent;
}

.crm-feature-list::-webkit-scrollbar{
  width:5px;
}

.crm-feature-list::-webkit-scrollbar-track{
  background:transparent;
}

.crm-feature-list::-webkit-scrollbar-thumb{
  background:#c7a16d;
  border-radius:10px;
}

.crm-feature-item{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:relative !important;
  width:100% !important;
  min-height:55px !important;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:center !important;
  text-align:left !important;
  padding:12px 22px !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid #ded9d0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#242424 !important;
  cursor:pointer !important;
  font-family:Inter,Arial,sans-serif !important;
  box-shadow:none !important;
  outline:none !important;
  transition:background .22s ease,color .22s ease,padding .22s ease !important;
}

.crm-feature-item:last-child{
  border-bottom:0 !important;
}

.crm-feature-item:hover{
  background:#ebe6dd !important;
  color:#111 !important;
  padding-left:27px !important;
}

.crm-feature-item.is-active{
  background:#fff !important;
  color:#111 !important;
  padding-left:27px !important;
  box-shadow:inset 3px 0 0 var(--crm-bronze,#b88444) !important;
}

.crm-feature-item span{
  display:block !important;
  color:#a17a45 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
  line-height:1 !important;
}

.crm-feature-item strong{
  display:block !important;
  margin:0 !important;
  color:inherit !important;
  font-family:Manrope,Inter,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:1.35 !important;
}

/* Right detail panel */
.crm-feature-detail{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
  padding:64px 70px !important;
  background:#fff !important;
}

.crm-feature-detail::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:34%;
  height:100%;
  pointer-events:none;
  background:
    radial-gradient(circle at 80% 22%,rgba(184,132,68,.11),transparent 35%),
    linear-gradient(135deg,transparent 55%,rgba(184,132,68,.035));
}

.crm-feature-detail > *{
  position:relative;
  z-index:1;
}

.crm-feature-detail-top{
  display:flex !important;
  align-items:center !important;
  gap:15px !important;
  margin-bottom:22px !important;
}

.crm-feature-detail-number{
  color:#b88444 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.16em !important;
}

.crm-feature-detail-category{
  color:#777 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.16em !important;
}

.crm-feature-detail h3{
  margin:0 0 20px !important;
  color:#111 !important;
  font-family:Manrope,Inter,Arial,sans-serif !important;
  font-size:clamp(32px,3.4vw,52px) !important;
  font-weight:700 !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
}

.crm-feature-detail > p{
  max-width:720px !important;
  margin:0 !important;
  color:#5f5f5f !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:16px !important;
  line-height:1.75 !important;
}

.crm-feature-detail-rule{
  width:54px !important;
  height:2px !important;
  margin:34px 0 25px !important;
  background:#b88444 !important;
}

.crm-feature-detail-points{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  max-width:760px !important;
}

.crm-feature-detail-points span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:35px !important;
  padding:0 14px !important;
  border:1px solid #d9d3c9 !important;
  background:#f7f4ef !important;
  color:#444 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.02em !important;
}

/* Hidden feature items controlled by JS */
.crm-feature-item[hidden]{
  display:none !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1050px){
  .crm-feature-workspace{
    grid-template-columns:280px minmax(0,1fr) !important;
  }

  .crm-feature-detail{
    padding:50px 45px !important;
  }

  .crm-feature-categories .crm-category-tab{
    padding:0 15px !important;
  }
}

@media(max-width:700px){
  .crm-feature-tabs{
    margin-top:35px;
  }

  .crm-feature-categories{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    scrollbar-width:none;
  }

  .crm-feature-categories::-webkit-scrollbar{
    display:none;
  }

  .crm-feature-categories .crm-category-tab{
    flex:0 0 auto !important;
    min-height:50px !important;
    padding:0 16px !important;
    font-size:10px !important;
  }

  .crm-feature-workspace{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
  }

  .crm-feature-list{
    max-height:290px !important;
    border-right:0 !important;
    border-bottom:1px solid #d8d2c8 !important;
  }

  .crm-feature-item{
    grid-template-columns:42px minmax(0,1fr) !important;
    min-height:50px !important;
    padding:10px 18px !important;
  }

  .crm-feature-item:hover,
  .crm-feature-item.is-active{
    padding-left:23px !important;
  }

  .crm-feature-detail{
    min-height:390px !important;
    padding:42px 25px !important;
  }

  .crm-feature-detail h3{
    font-size:34px !important;
  }

  .crm-feature-detail > p{
    font-size:15px !important;
  }
}

/* =========================================================
   CRM FEATURE EXPLORER — PREMIUM REFINEMENT
   Keeps existing HTML / content / interaction unchanged
   ========================================================= */
.crm-feature-tabs{
  margin-top:54px!important;
}
.crm-feature-categories{
  position:relative!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:6px!important;
  border:0!important;
  padding:0 0 0 2px!important;
  margin:0 0 18px!important;
}
.crm-feature-categories:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,#c6a06a 0%,#ded8ce 18%,#ded8ce 100%);
  z-index:0;
}
.crm-feature-categories .crm-category-tab{
  position:relative!important;
  z-index:1!important;
  min-height:48px!important;
  padding:0 20px!important;
  border:1px solid transparent!important;
  border-bottom:2px solid transparent!important;
  border-radius:8px 8px 0 0!important;
  background:transparent!important;
  color:#777!important;
  font-size:11px!important;
  font-weight:650!important;
  letter-spacing:.055em!important;
  transition:all .28s cubic-bezier(.2,.7,.2,1)!important;
}
.crm-feature-categories .crm-category-tab:hover{
  color:#161616!important;
  background:#f5f1ea!important;
  border-color:#e5dfd5!important;
  border-bottom-color:#c6a06a!important;
  transform:translateY(-2px)!important;
}
.crm-feature-categories .crm-category-tab.is-active,
.crm-feature-categories .crm-category-tab[aria-selected="true"]{
  color:#151515!important;
  background:#f8f5ef!important;
  border-color:#ddd6cb!important;
  border-bottom-color:#b88444!important;
  box-shadow:0 -2px 14px rgba(25,20,12,.035)!important;
}
.crm-feature-workspace{
  position:relative!important;
  grid-template-columns:330px minmax(0,1fr)!important;
  min-height:540px!important;
  border:1px solid #d8d1c6!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 22px 60px rgba(31,25,17,.08),0 3px 12px rgba(31,25,17,.035)!important;
}
.crm-feature-list{
  padding:14px 12px!important;
  background:linear-gradient(180deg,#f3f0ea 0%,#eeebe4 100%)!important;
  border-right:1px solid #d9d2c7!important;
  max-height:540px!important;
}
.crm-feature-list:before{
  content:"FEATURES";
  display:block;
  padding:7px 16px 13px;
  color:#a17a45;
  font:700 9px Inter,Arial,sans-serif;
  letter-spacing:.2em;
}
.crm-feature-item{
  min-height:58px!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  padding:11px 14px!important;
  margin:2px 0!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#505050!important;
  transition:all .24s ease!important;
}
.crm-feature-item:hover{
  padding-left:18px!important;
  background:rgba(255,255,255,.62)!important;
  border-color:#ded7cc!important;
  color:#171717!important;
  transform:translateX(2px)!important;
}
.crm-feature-item.is-active{
  padding-left:18px!important;
  background:#fff!important;
  border-color:#d8cbb9!important;
  color:#151515!important;
  box-shadow:0 7px 20px rgba(30,24,16,.07)!important;
}
.crm-feature-item.is-active:after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  width:5px;height:5px;
  border-radius:50%;
  background:#b88444;
  transform:translateY(-50%);
  box-shadow:0 0 0 4px rgba(184,132,68,.09);
}
.crm-feature-item span{
  font-size:9px!important;
  color:#b88444!important;
  letter-spacing:.13em!important;
}
.crm-feature-item strong{
  font-size:13px!important;
  font-weight:650!important;
  letter-spacing:-.01em!important;
}
.crm-feature-detail{
  min-height:540px!important;
  padding:66px 76px 60px!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 90% 14%,rgba(184,132,68,.075),transparent 25%),
    linear-gradient(135deg,#fff 0%,#fff 70%,#fbf8f3 100%)!important;
}
.crm-feature-detail:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:linear-gradient(180deg,transparent 0%,#b88444 35%,#b88444 65%,transparent 100%);
  opacity:.7;
}
.crm-feature-detail:after{
  width:38%!important;
  height:58%!important;
  top:auto!important;
  bottom:0!important;
  opacity:.7!important;
  background:radial-gradient(circle at 80% 80%,rgba(184,132,68,.11),transparent 60%)!important;
}
.crm-feature-detail-top{
  gap:12px!important;
  margin-bottom:20px!important;
}
.crm-feature-detail-number{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  padding:0 9px!important;
  border:1px solid rgba(184,132,68,.35)!important;
  border-radius:999px!important;
  background:#faf5ed!important;
  color:#9b6f39!important;
  font-size:9px!important;
  letter-spacing:.15em!important;
}
.crm-feature-detail-category{
  font-size:9px!important;
  color:#8a8781!important;
  letter-spacing:.17em!important;
}
.crm-feature-detail h3{
  max-width:760px!important;
  margin:0 0 22px!important;
  font-size:clamp(36px,3.8vw,56px)!important;
  line-height:1.01!important;
  letter-spacing:-.05em!important;
}
.crm-feature-detail > p{
  max-width:690px!important;
  font-size:15px!important;
  line-height:1.78!important;
  color:#64615d!important;
}
.crm-feature-detail-rule{
  width:58px!important;
  height:2px!important;
  margin:30px 0 22px!important;
  background:linear-gradient(90deg,#b88444,#d6b47d)!important;
}
.crm-feature-detail-points{
  gap:8px!important;
  max-width:700px!important;
}
.crm-feature-detail-points span{
  min-height:34px!important;
  padding:0 13px!important;
  border:1px solid #ded7cc!important;
  border-radius:999px!important;
  background:rgba(247,244,239,.78)!important;
  color:#55514c!important;
  font:600 10px Inter,Arial,sans-serif!important;
  letter-spacing:.025em!important;
  box-shadow:0 2px 5px rgba(30,24,16,.025)!important;
}
@media(max-width:1050px){
  .crm-feature-workspace{grid-template-columns:285px minmax(0,1fr)!important}
  .crm-feature-detail{padding:55px 48px!important}
}
@media(max-width:700px){
  .crm-feature-categories{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:0!important;scrollbar-width:none}
  .crm-feature-categories::-webkit-scrollbar{display:none}
  .crm-feature-categories .crm-category-tab{flex:0 0 auto!important}
  .crm-feature-workspace{grid-template-columns:1fr!important;min-height:auto!important}
  .crm-feature-list{max-height:290px!important;border-right:0!important;border-bottom:1px solid #d9d2c7!important}
  .crm-feature-detail{min-height:420px!important;padding:45px 28px!important}
  .crm-feature-detail h3{font-size:38px!important}
}