/*! cdm-demo 1.0.2 | /demo only.
   1.0.0 (2026-10-07, user: "just have Clayface logo in the nav bar for this version"): navbar2 is shared by every page, so its
   menus, right-hand buttons and phone menu are hidden here only; navbar2's fit embed sets display at (0,3,0)+, hence !important.
   1.0.1: the HubSpot demo form now has First name + Last name in one row (fieldset.form-columns-2); with css:"" HubSpot adds no
   gutter, so the two inputs touched. 36px gap = two 243px inputs, as in the contact Figma; one column on phones.
   1.0.2 (2026-10-08, user: "demo form should not contain those many fields"; 10-01: "this form contains Name and email"):
   form 82c55aa2 is shared with the contact pages, which need Last name, Phone, Company and How can we help?, so /demo hides
   those four and shows Name + Business email only. They are optional in HubSpot and go out empty. A field HubSpot marks
   required (its label gets .hs-form-required) shows again by itself, so the form never waits on a field nobody can see. */
.cfh-page [data-cfh-nav] .cfh-nav-menus,
.cfh-page [data-cfh-nav] .cfh-nav-right,
.cfh-page [data-cfh-nav] .cfh-nav-menu{display:none!important}
.cdm-hs fieldset.form-columns-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.cdm-hs fieldset.form-columns-2 .hs-form-field{width:auto!important;float:none!important}
@media (max-width:479px){
  .cdm-hs fieldset.form-columns-2{grid-template-columns:minmax(0,1fr)}
}
.cdm-hs .hs_lastname:not(:has(.hs-form-required)){display:none}
.cdm-hs fieldset.form-columns-2:has(.hs_lastname):not(:has(.hs_lastname .hs-form-required)){grid-template-columns:minmax(0,1fr)}
.cdm-hs fieldset:has(.hs_phone):not(:has(.hs-form-required)),
.cdm-hs fieldset:has(.hs_company):not(:has(.hs-form-required)),
.cdm-hs fieldset:has(.hs_how_can_we_help):not(:has(.hs-form-required)){display:none}