/* Products share one globe. Only the copy and its links switch.
   Both panels remain readable until JavaScript enables the tabs. */
#products .product-split{grid-template-rows:auto auto auto;}
#products .product-split > .eyebrow{grid-column:1/7;margin-bottom:24px;}
.product-toolbar{grid-column:1/7;grid-row:2;margin-bottom:42px;min-width:0;}
.product-toolbar[hidden]{display:none;}
.product-tabs{display:flex;gap:24px;min-width:0;}
.product-tab{position:relative;flex:1;min-width:0;padding:0 0 14px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  border:0;border-bottom:1px solid var(--rule);background:transparent;
  color:var(--text);text-align:left;cursor:pointer;font-family:var(--font-body);}
.product-tab-name{display:block;font-size:16px;font-weight:300;line-height:1.4;}
.product-tab-audience{display:block;margin-top:6px;font-size:10px;
  letter-spacing:.08em;line-height:1.5;text-transform:uppercase;}
.product-tab[aria-selected="true"] .product-tab-name{font-weight:500;}
.product-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;
  height:2px;background:var(--text);transform:scaleX(0);transform-origin:left;}
.product-tab[aria-selected="true"]::after{transform:scaleX(var(--product-progress,1));}
.product-tab:hover{border-bottom-color:var(--text);}

.product-panels{grid-column:1/7;grid-row:3;min-width:0;}
.product-panel + .product-panel{margin-top:48px;}
.product-main{min-width:0;--name-optical:-.036em;}
#product-pulse .product-main{--name-optical:-.08em;}
.product-main .product-cta{margin-top:0;}

/* Keep each product's original content spacing. Only the complete panels
   share a grid cell, reserving the taller panel's height without extra gaps. */
#products[data-product-tabs] .product-panels{display:grid;}
#products[data-product-tabs] .product-panel{grid-area:1/1;align-self:start;
  min-width:0;margin-top:0;visibility:hidden;
  opacity:0;transform:translateY(6px);
  transition:opacity .24s ease,transform .24s ease,visibility .24s;}
#products[data-product-tabs] .product-panel[data-active]{visibility:visible;
  opacity:1;transform:translateY(0);}
.product-agent{max-width:min(40ch,100%);margin-top:30px;padding:24px;
  border:1px solid var(--rule);}
.product-agent h3{font-family:var(--font-display);font-size:16px;font-weight:400;
  letter-spacing:var(--disp-tracking-md);line-height:1.5;margin-bottom:9px;}
.product-agent p{font-size:13px;line-height:1.65;font-weight:300;color:var(--text-2);}
.product-agent-cta{display:inline-flex;align-items:center;justify-content:center;
  gap:16px;min-height:44px;margin-top:20px;padding:12px 18px;
  border:0;border-radius:0;background:#C74D18;color:#FFFFFF;
  font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;}
.product-agent-cta:hover{background:#B64212;color:#FFFFFF;}
.product-agent-cta .a{font-family:var(--font-mono);font-size:12px;}
.product-announcement{position:absolute;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;}

@media(min-width:901px){
  .product-agent{display:grid;grid-template-columns:minmax(0,1fr) auto;
    column-gap:24px;max-width:none;}
  .product-agent h3{grid-column:1;grid-row:1;}
  .product-agent p{grid-column:1;grid-row:2;}
  .product-agent-cta{grid-column:2;grid-row:1/3;align-self:end;margin-top:0;}
}
@media(max-width:1100px) and (min-width:901px){
  .product-tabs{gap:18px;}
  .product-tab-audience{font-size:9.5px;letter-spacing:.035em;}
}
@media(max-width:900px){
  #products .product-split{grid-template-rows:auto auto auto auto;}
  #products .product-split > .eyebrow{grid-column:1/-1;}
  .product-toolbar{grid-column:1/-1;}
  .product-panels{grid-column:1/-1;}
  #products .product-globe{grid-row:4;}
}
@media(max-width:480px){
  .product-toolbar{margin-bottom:36px;}
  .product-tabs{gap:16px;}
  .product-tab-audience{font-size:9.5px;letter-spacing:0;}
  .product-agent{padding:20px;}
}
@media(prefers-reduced-motion:reduce){
  #products[data-product-tabs] .product-panel{transition:none;transform:none;}
}