/* Verbatim <style> block from Google Ads Multi-Step Form.dc.html — do NOT edit.
   (Also used by the other service pages' identical forms.) px → rem fluid
   conversions applied (÷16 BASE; see scale.css). */

/* Form fields: white fill; gradient + animation only on the focused field */
.fr-field {
  background:
    linear-gradient(var(--surface), var(--surface)) padding-box,
    linear-gradient(var(--border-strong), var(--border-strong)) border-box !important;
}
.fr-field:focus, .fr-field:focus-visible {
  background:
    linear-gradient(var(--surface), var(--surface)) padding-box,
    conic-gradient(from var(--fr-angle), var(--cyan), var(--blue-action), var(--blue), var(--cyan)) border-box !important;
}
@property --fr-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@keyframes fr-border-flow { to { --fr-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) { .fr-opt--sel { animation: none !important; } }
.fr-cta-grid { grid-template-columns: 1.02fr 1fr; align-items: center; }
@media (max-width: 900px) { .fr-cta-grid { grid-template-columns: 1fr; } }
.fr-name-row { grid-template-columns: 1fr 1fr; }
@media (max-width: 520px) { .fr-name-row { grid-template-columns: 1fr; } }
.msf-btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 0.5625rem; padding: 0.9375rem 1.625rem; font-family: var(--font-sans); font-weight: var(--fw-medium); font-size: 1rem; line-height: 1.1; text-decoration: none; border: none; border-radius: var(--radius-md); cursor: pointer; white-space: nowrap; transition: filter 200ms var(--ease-out), transform 120ms var(--ease-out), background 200ms var(--ease-out); }
.msf-btn:active { transform: translateY(1px) scale(.99); }
.msf-btn-arrow { transition: transform 200ms var(--ease-out); }
.msf-btn--gradient:hover .msf-btn-arrow { transform: translateX(4px); }
.msf-btn--gradient { background: linear-gradient(100deg, var(--blue-action), var(--cyan)); color: #fff; }
.msf-btn--gradient:hover { filter: brightness(1.05); }
.msf-btn--ghost { background: transparent; color: var(--navy); border: 0.09375rem solid var(--border-strong); }
.msf-btn--ghost:hover { background: var(--n-50); }
@media (prefers-reduced-motion: reduce) { .msf-btn--gradient:hover .msf-btn-arrow { transform: none; } }

/* Inline-SVG icon sizes — their width/height attributes are fixed px (user
   units) and don't scale, so size them in rem here (lossless at 1440). */
.msf-btn-arrow { width: 1.125rem; height: 1.125rem; } /* 18px continue arrow */
.msf-check     { width: 2.125rem; height: 2.125rem; } /* 34px confirmation tick */
.fr-opt-check  { width: 0.75rem;  height: 0.75rem;  } /* 12px option tick */