/* Four compact, outcome-first disclosures: the summary is the benefit. */
body.vendor-home .vendor-benefits{
  padding:clamp(42px,6vw,68px) 0;
  background:#fbf6eb;
  border-bottom:1px solid #e4d9c9;
}
body.vendor-home .vendor-benefits .vendor-section-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);
  column-gap:clamp(22px,5vw,68px);
  align-items:end;
  max-width:none;
}
body.vendor-home .vendor-benefits .vendor-section-heading .eyebrow{grid-column:1/-1}
body.vendor-home .vendor-benefits .vendor-section-heading h2{
  margin:10px 0 0;
  font-size:clamp(30px,4vw,45px);
  letter-spacing:-.06em;
}
body.vendor-home .vendor-benefits .vendor-section-heading>p:last-child{
  max-width:400px;
  margin:0 0 3px;
  color:#52676a;
  font-size:15px;
  line-height:1.55;
}
body.vendor-home .vendor-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  margin-top:25px;
}
body.vendor-home .vendor-detail{
  align-self:start;
  min-width:0;
  border:1px solid #d5cbd8;
  border-radius:7px;
  background:#f7f3f8;
  transition:background-color .18s ease,border-color .18s ease;
}
body.vendor-home .vendor-detail:hover{border-color:#bba9c3;background:#fbf8fb}
body.vendor-home .vendor-detail summary{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  gap:12px;
  min-height:106px;
  align-items:center;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
}
body.vendor-home .vendor-detail summary::-webkit-details-marker{display:none}
body.vendor-home .vendor-detail-icon{
  display:block;
  width:40px;
  height:40px;
  padding:9px;
  border:1px solid #d5c2b5;
  border-radius:11px;
  color:#945540;
  background:#f5e8df;
}
body.vendor-home .vendor-detail-copy{min-width:0}
body.vendor-home .vendor-platforms{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:8px;
}
body.vendor-home .vendor-platform{
  display:inline-flex;
  min-height:23px;
  align-items:center;
  gap:5px;
  padding:3px 7px;
  border:1px solid #ddd5d5;
  border-radius:999px;
  color:#43585a;
  background:#fffaf5;
  font-size:11px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
body.vendor-home .vendor-platform svg{
  display:block;
  width:13px;
  height:13px;
  flex:none;
}
body.vendor-home .vendor-platform:nth-child(1) svg{color:#a43d68}
body.vendor-home .vendor-platform:nth-child(2) svg{color:#252329}
body.vendor-home .vendor-platform:nth-child(3) svg{color:#537c51}
body.vendor-home .vendor-detail:nth-child(2) .vendor-platform svg{color:#4267a9}
body.vendor-home .vendor-platform-text{font-size:11px}
body.vendor-home .vendor-detail summary strong{
  display:block;
  color:#21383c;
  font-size:16px;
  line-height:1.3;
  letter-spacing:-.025em;
}
body.vendor-home .vendor-detail summary small{
  display:block;
  margin-top:5px;
  color:#52676a;
  font-size:15px;
  line-height:1.45;
}
body.vendor-home .vendor-detail summary>i{
  position:relative;
  width:18px;
  height:18px;
  border:1px solid #84928c;
  border-radius:50%;
}
body.vendor-home .vendor-detail summary>i:before,
body.vendor-home .vendor-detail summary>i:after{
  position:absolute;
  top:8px;
  left:5px;
  width:6px;
  height:1.5px;
  border-radius:2px;
  background:#21383c;
  content:"";
}
body.vendor-home .vendor-detail summary>i:after{
  transform:rotate(90deg);
  transition:transform .18s ease;
}
body.vendor-home .vendor-detail[open] summary>i:after{transform:rotate(0)}
body.vendor-home .vendor-detail summary:focus-visible{
  position:relative;
  z-index:1;
  outline:3px solid #bd5b45;
  outline-offset:2px;
  border-radius:6px;
}
body.vendor-home .vendor-detail-body{
  padding:0 17px 17px 70px;
  color:#43585a;
  font-size:16px;
  line-height:1.5;
}
body.vendor-home .vendor-detail-body p{margin:0 0 9px}
body.vendor-home .vendor-detail-body p:last-child{margin-bottom:0}
body.vendor-home .vendor-detail-body ul,
body.vendor-home .vendor-detail-body ol{margin:0 0 10px;padding-left:19px}
body.vendor-home .vendor-detail-body li+li{margin-top:4px}
body.vendor-home .vendor-detail-body strong{color:#21383c}
body.vendor-home .vendor-detail-body code{
  padding:2px 4px;
  border-radius:3px;
  background:#ece6ef;
  font-size:.94em;
  overflow-wrap:anywhere;
}
body.vendor-home .vendor-consent-detail{
  margin-top:13px;
  border-top:1px solid #d5cbd8;
}
body.vendor-home .vendor-consent-detail>summary{
  display:list-item;
  min-height:44px;
  padding:11px 0;
  color:#21383c;
  font-size:14px;
  font-weight:800;
  list-style:revert;
}
body.vendor-home .vendor-consent-detail>summary::-webkit-details-marker{display:revert}
body.vendor-home .vendor-consent-detail p{font-size:14px}
body.vendor-home .vendor-benefits .vendor-demo-note{
  display:block;
  max-width:none;
  margin:17px 0 0;
  padding-top:13px;
  border-top:1px solid #d5cbd8;
  color:#52676a;
  font-size:11px;
  line-height:1.5;
}
body.vendor-home #signup-options h2{color:#fbf6eb}
body.vendor-home #signup-options .action-button{color:#fff!important}
@media(max-width:760px){
  body.vendor-home .vendor-hero-art{display:none}
  body.vendor-home .vendor-benefits{padding:43px 0 46px}
  body.vendor-home .vendor-benefits .vendor-section-heading{grid-template-columns:1fr;gap:8px}
  body.vendor-home .vendor-benefits .vendor-section-heading .eyebrow{grid-column:auto}
  body.vendor-home .vendor-detail-grid{grid-template-columns:1fr;gap:8px;margin-top:19px}
  body.vendor-home .vendor-detail summary{min-height:94px;padding:12px}
  body.vendor-home .vendor-detail-body{padding:0 14px 15px}
  body.vendor-home .vendor-platforms{gap:4px;margin-top:7px}
}
@media(max-width:380px){
  body.vendor-home .vendor-detail summary{grid-template-columns:36px minmax(0,1fr) 16px;gap:9px;padding:11px}
  body.vendor-home .vendor-detail-icon{width:36px;height:36px;padding:8px}
  body.vendor-home .vendor-detail summary small{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  body.vendor-home .vendor-detail,
  body.vendor-home .vendor-detail summary>i:after{transition:none}
}