/* Features page */

/* Tabs */
.feat-tabs{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:0;}
.feat-tab{flex:1;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-dark);background:var(--off-white);border:none;cursor:pointer;transition:all .2s;border-right:1px solid var(--border);font-family:inherit;}
.feat-tab:last-child{border-right:none;}
.feat-tab.active{background:var(--teal);color:white;font-weight:600;}
.feat-tab:hover:not(.active){background:var(--teal-light);color:var(--teal);}

/* Panels */
.feat-panel{display:none;}
.feat-panel.active{display:block;}

/* Feature cards use global .how-card styles — section background provides contrast */
.feat-panel .section { background: white; }

/* Differentiator section */
.diff-section-wrap{background:var(--off-white);padding:2.5rem 0;margin-top:1rem;}
.diff-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}
.diff-text h2{font-size:1.625rem;font-weight:700;color:var(--teal);margin-bottom:.75rem;}
.diff-text p{font-size:.9375rem;color:var(--text-body);line-height:1.65;margin-bottom:.5rem;}
.diff-img{
  background:none;
  border-radius:14px;
  min-height:260px;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
  border:1px solid #D1D5DB;
  box-shadow:0 2px 12px rgba(0,0,0,.07);
}
.diff-img-ph{font-size:4rem;}
.diff-img img{width:100%;height:100%;object-fit:cover;}

@media(max-width:1100px){.feat-cards-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:900px){
  .features-hero-content{grid-template-columns:1fr;}
  .features-hero-preview{display:none;}
  .feat-tabs{flex-wrap:wrap;}
  .feat-tab{flex:1 1 45%;border-right:1px solid var(--border);border-bottom:1px solid var(--border);}
  .diff-section{grid-template-columns:1fr;}
  .diff-img{min-height:180px;}
}
@media(max-width:600px){
  .feat-tab{flex:1 1 100%;}
}