/* ==========================================================================
   Overview normalization
   Loaded LAST on the four assistant index pages only.
   It equalises type scale, card geometry and grid rhythm across ChatGPT,
   Gemini and Copilot so they match the Claude feature guide, which is the
   reference. Colours, fonts and identity of each product are left alone.
   Inner feature pages do not load this file.
   ========================================================================== */

/* --- Back link to the lab --------------------------------------------- */
.lab-home{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 12px;border-radius:999px;
  border:1px solid rgba(34,29,35,.14);background:#fff;
  font-size:13px;font-weight:800;color:#221D23;white-space:nowrap;
  text-decoration:none;
}
.lab-home:hover{border-color:rgba(34,29,35,.3)}

/* --- Headline scale ---------------------------------------------------- */
.home-hero h1,
.hero h1{
  font-size:clamp(38px,4.4vw,48px) !important;
  line-height:1.08;
  letter-spacing:-.023em;
  max-width:900px;
  margin:0 0 19px;
}

.home-hero .eyebrow,
.hero .eyebrow{
  font-size:12px;
  letter-spacing:.16em;
  font-weight:850;
  text-transform:uppercase;
  margin-bottom:10px;
}

.home-lead,
.home-hero .lead{
  font-size:19px;
  line-height:1.68;
  max-width:880px;
  margin:0 0 26px;
}

/* --- Section headings -------------------------------------------------- */
.home-group{margin-top:38px}
.home-group h2{
  font-size:25px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.02em;
  margin:0 0 6px;
}
.home-group>p{font-size:14px;margin:0 0 12px;max-width:620px}

/* --- Card grid and card geometry --------------------------------------- */
.feature-cards,
.feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}

.feature-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:205px;
  border-radius:14px;
  padding:19px 19px 17px;
  overflow:hidden;
}

.feature-card .fc-icon{
  width:39px;height:39px;
  border-radius:11px;
  display:grid;place-items:center;
  font-size:17px;
  margin-bottom:0;
  flex:0 0 auto;
}

.feature-card h3{
  font-size:19px;
  line-height:1.3;
  font-weight:700;
  margin:15px 0 6px;
}

.feature-card p{
  font-size:14.5px;
  line-height:1.5;
  margin:0;
}

.feature-card b{
  margin-top:auto;
  padding-top:14px;
  font-size:13px;
  font-weight:850;
}

/* Status and badge chips sit on one line with the icon */
.feature-card .status,
.feature-card .new-badge,
.feature-card .deep-note{
  position:absolute;
  top:19px;right:19px;
  margin:0;
  padding:4px 10px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  align-self:auto;
}

@media (max-width:1100px){
  .feature-cards,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .feature-cards,.feature-grid{grid-template-columns:1fr}
  .feature-card{min-height:0}
}

/* ==========================================================================
   Assistant index pages — tighten the top and remove the repetition
   The product name already sits in the top bar and the sidebar, so the hero
   mark, the eyebrow and the "All features" crumb were saying it three more
   times. Removing them lifts the headline into the first screen.
   ========================================================================== */
.home-mark,
.home-orb,
.home-hero .feature-icon,
.home-hero .eyebrow,
.topbar .crumb,
.topbar .top-chip { display: none !important; }

main { padding-top: 24px !important; }
.home-hero { padding-top: 0 !important; margin-bottom: 22px !important; }
.home-hero h1 { margin-top: 0 !important; }
.home-lead { margin-bottom: 18px !important; }
.home-group:first-of-type { margin-top: 26px !important; }