/* =========================================================================
   Request access page additions. Prefix: ra-
   The page reuses the industry hero (awt-hero ind-hero, ind-hero-grid, awt-win), header and footer
   unchanged; only the points list and the HubSpot form skin live here.
   ========================================================================= */

/* ---------- left column: three points under the sub ---------- */
.ra-points{list-style:none; margin:34px 0 0; padding:0; max-width:520px; border-top:1px solid #8194C2}
.ra-point{display:grid; grid-template-columns:24px minmax(0,1fr); column-gap:16px; padding:18px 0 19px; border-bottom:1px solid #8194C2}
.ra-point-i{grid-column:1; grid-row:1 / span 2; display:block; width:24px; height:24px; margin-top:1px; line-height:0}
.ra-point-t,.ra-point-d{grid-column:2}
.ra-point:last-child{border-bottom:0}
.ra-point-t{display:block; font-family:'Red Hat Display',Arial,sans-serif; font-size:18px; line-height:26px; font-weight:600; color:#16213A}
.ra-point-d{display:block; margin-top:4px; font-family:'Red Hat Display',Arial,sans-serif; font-size:17px; line-height:26px; font-weight:400; color:#000; text-wrap:pretty}
.ra-line{margin:26px 0 0; font-family:'Red Hat Display',Arial,sans-serif; font-size:17px; line-height:26px; color:#000}

/* ---------- right column: the form sits in the hero window ---------- */
.ra-win-body{background:#fff; border-radius:0 0 4px 4px; padding:30px 32px 34px}

/* HubSpot renders .hsfc-* markup and scopes its own styles by form id; these rules out-rank them */
.ra-form > .w-embed{padding:0 !important; margin:0 !important; max-width:none !important; width:auto !important}
.ra-form form.hsfc-Form{margin:0; font-family:'Red Hat Display',Arial,sans-serif}
.ra-form .hsfc-Step__Content{padding:0 !important; background:none !important; border:0 !important}
.ra-form .hsfc-Row{display:grid !important; grid-template-columns:repeat(auto-fit,minmax(0,1fr)); gap:18px !important; margin:0 0 20px !important}
.ra-form .hsfc-Row:has(.hsfc-Heading){position:absolute !important; width:1px; height:1px; margin:0 !important; overflow:hidden; clip-path:inset(50%)}
.ra-form .hsfc-FieldLabel{display:block; margin:0 0 7px !important; font-family:'Red Hat Display',Arial,sans-serif !important; font-size:15px !important; line-height:20px !important; font-weight:500 !important; color:#16213A !important}
.ra-form .hsfc-FieldLabel__RequiredIndicator{color:#b45c05 !important; margin-left:2px}
.ra-form .hsfc-TextInput,
.ra-form .hsfc-TextareaInput{
  display:block; box-sizing:border-box; width:100% !important; margin:0 !important; padding:11px 14px !important;
  font-family:'Red Hat Display',Arial,sans-serif !important; font-size:17px !important; line-height:24px !important; color:#000 !important;
  background:#fff !important; border:1px solid #AEB6CB !important; border-radius:4px !important; box-shadow:none !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ra-form .hsfc-TextareaInput{min-height:96px; resize:vertical}
.ra-form .hsfc-TextInput:focus,
.ra-form .hsfc-TextareaInput:focus{outline:0 !important; border-color:#526288 !important; box-shadow:0 0 0 3px rgba(82,98,136,.16) !important}
.ra-form .hsfc-NavigationRow{margin:6px 0 0 !important}
/* the homepage CTA: rust 4px button, 17px/600, with four 9px corner brackets 7px outside it */
.ra-form .hsfc-NavigationRow__Buttons{position:relative; display:inline-flex !important; justify-content:flex-start !important; padding:0 !important; margin:7px; isolation:isolate}
.ra-form .hsfc-NavigationRow__Buttons::before{
  content:""; position:absolute; inset:-7px; pointer-events:none; z-index:1; transition:inset .25s cubic-bezier(.33,1,.68,1);
  background:
    linear-gradient(#B45C05,#B45C05) 0 0/9px 1px no-repeat, linear-gradient(#B45C05,#B45C05) 0 0/1px 9px no-repeat,
    linear-gradient(#B45C05,#B45C05) 100% 0/9px 1px no-repeat, linear-gradient(#B45C05,#B45C05) 100% 0/1px 9px no-repeat,
    linear-gradient(#B45C05,#B45C05) 0 100%/9px 1px no-repeat, linear-gradient(#B45C05,#B45C05) 0 100%/1px 9px no-repeat,
    linear-gradient(#B45C05,#B45C05) 100% 100%/9px 1px no-repeat, linear-gradient(#B45C05,#B45C05) 100% 100%/1px 9px no-repeat;
}
.ra-form .hsfc-NavigationRow__Buttons:hover::before{inset:-9px}
.ra-form .hsfc-Button::before,.ra-form .hsfc-Button::after{content:none !important; display:none !important}
.ra-form .hsfc-Button{
  appearance:none; cursor:pointer; display:inline-flex !important; width:auto !important; align-items:center; justify-content:center; min-width:max-content;
  padding:14px 28px !important; margin:0 !important; position:relative;
  font-family:'Red Hat Display',Arial,sans-serif !important; font-size:17px !important; font-weight:600 !important; letter-spacing:.01em !important; line-height:normal !important; text-decoration:none; white-space:nowrap;
  color:#fff !important; background:#b45c05 !important; border:1px solid #b45c05 !important; border-radius:4px !important; box-shadow:none !important;
  transition:none;
}
.ra-form .hsfc-Button:hover,.ra-form .hsfc-Button:focus-visible{background:#b45c05 !important; border-color:#b45c05 !important; outline:0}
.ra-form .hsfc-ErrorAlert,.ra-form .hsfc-FieldLabel + .hsfc-ErrorAlert{font-family:'Red Hat Display',Arial,sans-serif !important; font-size:14px !important}

@media (max-width:1040px){
  .ra-points,.ra-line{margin-left:auto; margin-right:auto; text-align:left}
  .ra-win-body{padding:24px 22px 28px}
}
@media (max-width:520px){
  .ra-form .hsfc-Row{grid-template-columns:minmax(0,1fr)}
  .ra-form .hsfc-NavigationRow__Buttons{display:flex !important}
  .ra-form .hsfc-Button{width:100% !important}
}