/* Homepage typography benchmark shared by every page hero.
   Placement, widths, margins, surfaces and behavior remain owned by each hero. */
:root{
 --hero-font-family:Helvetica,Arial,sans-serif;
 --hero-heading-size:clamp(44px,4.9vw,68px);
 --hero-heading-weight:500;
 --hero-heading-leading:1.06;
 --hero-heading-tracking:-3px;
 --hero-body-size:14px;
 --hero-body-weight:400;
 --hero-body-leading:1.7;
 --hero-body-color:#b0b0b0;
 --hero-action-size:14px;
 --hero-action-height:46px;
 --hero-action-padding:12px 22px;
}
.dc-hero-copy h1,.page-hero h1{
 font-family:var(--hero-font-family);
 font-size:var(--hero-heading-size);
 font-weight:var(--hero-heading-weight);
 line-height:var(--hero-heading-leading);
 letter-spacing:var(--hero-heading-tracking);
}
.dc-hero .dc-intro,.page-hero .lead{
 font-family:var(--hero-font-family);
 font-size:var(--hero-body-size);
 font-weight:var(--hero-body-weight);
 line-height:var(--hero-body-leading);
 letter-spacing:normal;
 color:var(--hero-body-color);
}
.page-hero :is(.button,.dc-glow-button),.dc-hero :is(.morph-trigger,.morph-success){
 font-family:var(--hero-font-family)!important;
 font-size:var(--hero-action-size)!important;
 font-weight:500!important;
 line-height:20px!important;
 letter-spacing:normal;
 padding:var(--hero-action-padding)!important;
 min-height:var(--hero-action-height);
 text-align:center;
}
:is([data-theme="light"],.surface-light){--hero-body-color:var(--muted)}
:is([data-theme="dark"],.surface-dark){--hero-body-color:#b0b0b0}
@media(max-width:800px){
 :root{--hero-heading-size:52px;--hero-body-size:13px}
}
@media(max-width:560px){
 :root{
  --hero-heading-size:43px;--hero-heading-tracking:-2px;
  --hero-body-size:12px;--hero-action-size:12px;
  --hero-action-height:44px;--hero-action-padding:11px 16px;
 }
}