/* HubSpot embed (raw HTML, css:'') styled to match the ProfitScope design form (.f-field, .f-row, .pill-cta in style.css).
   Scoped to #hs-apply-form. Class names are HubSpot's classic form markup: fieldset.form-columns-N > .hs-form-field > label + .input. */
#hs-apply-form form{ display:flex; flex-direction:column; gap:19px; margin:0; }
#hs-apply-form fieldset{ display:grid; grid-template-columns:1fr; gap:18px; border:0; margin:0; padding:0; min-width:0; max-width:none; }
#hs-apply-form fieldset.form-columns-2{ grid-template-columns:1fr 1fr; }
#hs-apply-form .hs-form-field{ display:flex; flex-direction:column; gap:8px; position:relative; float:none; width:auto; margin:0; padding:0; }
#hs-apply-form fieldset .hs-form-field{ width:auto; }
#hs-apply-form .input{ margin:0; position:relative; }

/* labels: design uses a faint 16px Inter label that brightens on hover/focus; no asterisks (fields stay required) */
#hs-apply-form label{ display:block; margin:0; padding:0; font-family:"Inter",sans-serif; font-size:16px; line-height:24px; letter-spacing:-0.16px; font-weight:400; color:#000; opacity:.4; transition:opacity .25s ease, color .25s ease; }
#hs-apply-form .hs-form-required{ display:none; }
#hs-apply-form .hs-form-field:hover > label, #hs-apply-form .hs-form-field:focus-within > label{ opacity:1; }
#hs-apply-form .hs-form-field:focus-within > label{ color:#2F9E5F; }

/* inputs, selects, textarea */
#hs-apply-form .hs-input{ display:block; width:100%; box-sizing:border-box; border:1px solid #E5E5E5; border-radius:8px; padding:12px 24px; font-family:"Inter",sans-serif; font-size:16px; line-height:normal; letter-spacing:-0.16px; color:#000; background:#fff; appearance:none; -webkit-appearance:none; transition:border-color .25s ease, background-color .25s ease, box-shadow .25s ease, transform .25s ease; }
#hs-apply-form textarea.hs-input{ resize:vertical; min-height:76px; line-height:1.4; }
#hs-apply-form .hs-input::placeholder{ color:#000; opacity:1; }
#hs-apply-form .hs-input:focus::placeholder{ opacity:.35; }
#hs-apply-form .hs-input:hover{ border-color:#A7E9C4; background-color:#F7FDF9; }
#hs-apply-form .hs-input:focus{ outline:none; border-color:#47C77B; background-color:#fff; box-shadow:0 0 0 4px rgba(71,199,123,.18); }

/* select chevron: the design's inline svg, as a background so it sits at the same spot and nudges 2px on hover */
#hs-apply-form select.hs-input{ cursor:pointer; color:#000; background-repeat:no-repeat; background-size:12px 7px; background-position:right 24px bottom 19px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 6.84034' fill='none'%3E%3Cpath d='M5.99997 6.84034C5.7849 6.84034 5.56987 6.75822 5.4059 6.59433L0.24617 1.43455C-0.0820565 1.10633 -0.0820565 0.574163 0.24617 0.24607C0.574263 -0.0820233 1.10632 -0.0820233 1.43457 0.24607L5.99997 4.81173L10.5654 0.246229C10.8936 -0.0818639 11.4256 -0.0818639 11.7537 0.246229C12.0821 0.574323 12.0821 1.10649 11.7537 1.43471L6.59404 6.59449C6.42999 6.75841 6.21495 6.84034 5.99997 6.84034Z' fill='black'/%3E%3C/svg%3E");
  transition:border-color .25s ease, background-color .25s ease, box-shadow .25s ease, background-position .3s cubic-bezier(.16,1,.3,1); }
#hs-apply-form select.hs-input:hover, #hs-apply-form select.hs-input:focus{ background-position:right 24px bottom 17px; }
#hs-apply-form select.hs-input:hover{ background-color:#F7FDF9; }
#hs-apply-form select.hs-input:focus{ background-color:#fff; }

/* validation */
#hs-apply-form .hs-error-msgs{ list-style:none; margin:4px 0 0; padding:0; }
#hs-apply-form .hs-error-msg, #hs-apply-form .hs-main-font-element{ font-family:"Inter",sans-serif; font-size:12px; line-height:16px; letter-spacing:-0.12px; color:#C0392B; }
#hs-apply-form .hs-input.invalid.error{ border-color:#E5484D; }

/* reCAPTCHA (v2 checkbox, 304px wide) */
#hs-apply-form .hs_recaptcha{ margin:0; }
@media (max-width:440px){ #hs-apply-form .hs_recaptcha .grecaptcha-badge, #hs-apply-form .hs_recaptcha > div{ transform:scale(.88); transform-origin:0 0; } #hs-apply-form .hs_recaptcha{ height:68px; } }

/* submit: same look as .pill-cta.pill-wide */
#hs-apply-form .hs_submit{ margin:0; }
#hs-apply-form .actions{ margin:0; padding:0; display:flex; }
#hs-apply-form .hs-button{ display:inline-flex; align-items:center; justify-content:center; width:100%; padding:12px 24px; border:0; border-radius:46px; cursor:pointer; appearance:none; -webkit-appearance:none;
  background:linear-gradient(119.5deg, #52E68F 76.2%, #E7F67B 114.4%); font-family:"42dot Sans","Inter",sans-serif; font-weight:600; font-size:16px; line-height:normal; letter-spacing:-0.16px; color:#000;
  transition:transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease, filter .3s ease; }
#hs-apply-form .hs-button:hover{ transform:translateY(-3px); filter:brightness(1.03); }
#hs-apply-form .hs-button:active{ transform:translateY(0); }
#hs-apply-form .hs-button:focus-visible{ outline:2px solid #133731; outline-offset:3px; }
#hs-apply-form .hs-button:disabled{ opacity:.6; cursor:default; transform:none; }

/* thank-you message (replaces the form after submit) */
#hs-apply-form .submitted-message{ font-family:"Inter",sans-serif; font-size:16px; line-height:24px; letter-spacing:-0.16px; color:#000; text-align:center; padding:40px 0; }

/* the note sits under the button, as .f-submit did in the design */
#apply-form-card > .f-note{ margin-top:-9px; }

@media (max-width:560px){ #hs-apply-form fieldset.form-columns-2{ grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce){ #hs-apply-form .hs-button:hover{ transform:none; } }
