/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --spacing: 0.25rem;
    --font-weight-medium: 500;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: 0px;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .mr-0 {
    margin-right: 0px;
  }
  .mr-auto {
    margin-right: auto;
  }
  .ml-0 {
    margin-left: 0px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .min-h-full {
    min-height: 100%;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[none\] {
    max-width: none;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .\[flex\:0\.5_1_0\%\] {
    flex: 0.5 1 0%;
  }
  .\[flex\:0\.5262812861689814_1_0\%\] {
    flex: 0.5262812861689814 1 0%;
  }
  .\[flex\:1_1_0\%\] {
    flex: 1 1 0%;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .rounded-tl-\[0px\] {
    border-top-left-radius: 0px;
  }
  .rounded-tr-\[0px\] {
    border-top-right-radius: 0px;
  }
  .rounded-br-\[0px\] {
    border-bottom-right-radius: 0px;
  }
  .rounded-bl-\[0px\] {
    border-bottom-left-radius: 0px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .bg-\[\#ffffff\] {
    background-color: #ffffff;
  }
  .bg-\[transparent\] {
    background-color: transparent;
  }
  .bg-\[url\(\'https\:\/\/fanels\.com\/assets\/uploads\/6a8ad6dd0c2641787483869\.jpg\'\)\] {
    background-image: url('https://fanels.com/assets/uploads/6a8ad6dd0c2641787483869.jpg');
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-0 {
    padding-inline: 0px;
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-\[5px\] {
    padding-top: 5px;
  }
  .pt-\[50px\] {
    padding-top: 50px;
  }
  .pr-0 {
    padding-right: 0px;
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-\[05px\] {
    padding-bottom: 05px;
  }
  .pb-\[100px\] {
    padding-bottom: 100px;
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .font-\[family-name\:Montserrat\] {
    font-family: Montserrat;
  }
  .font-\[family-name\:inherit\] {
    font-family: inherit;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .text-\[\#1a202c\] {
    color: #1a202c;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .shadow-\[0px_1px_2px_0px_rgba\(0\,_0\,_0\,_0\.05\)\] {
    --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (width >= 768px) {
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:rounded-tl-\[0px\] {
      border-top-left-radius: 0px;
    }
    .sm\:rounded-tr-\[0px\] {
      border-top-right-radius: 0px;
    }
    .sm\:rounded-br-\[0px\] {
      border-bottom-right-radius: 0px;
    }
    .sm\:rounded-bl-\[0px\] {
      border-bottom-left-radius: 0px;
    }
    .sm\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    .sm\:border-none {
      --tw-border-style: none;
      border-style: none;
    }
    .sm\:border-solid {
      --tw-border-style: solid;
      border-style: solid;
    }
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .sm\:text-\[18px\] {
      font-size: 18px;
    }
    .sm\:text-\[28px\] {
      font-size: 28px;
    }
    .sm\:tracking-\[0px\] {
      --tw-tracking: 0px;
      letter-spacing: 0px;
    }
    .sm\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  @media (width >= 1025px) {
    .md\:static {
      position: static;
    }
    .md\:mr-0 {
      margin-right: 0px;
    }
    .md\:mr-auto {
      margin-right: auto;
    }
    .md\:ml-0 {
      margin-left: 0px;
    }
    .md\:ml-auto {
      margin-left: auto;
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:max-w-\[900px\] {
      max-width: 900px;
    }
    .md\:max-w-\[1200px\] {
      max-width: 1200px;
    }
    .md\:max-w-\[none\] {
      max-width: none;
    }
    .md\:min-w-\[0\] {
      min-width: 0;
    }
    .md\:\[flex\:0\.5_1_0\%\] {
      flex: 0.5 1 0%;
    }
    .md\:\[flex\:0\.5262812861689814_1_0\%\] {
      flex: 0.5262812861689814 1 0%;
    }
    .md\:\[flex\:1_1_0\%\] {
      flex: 1 1 0%;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-stretch {
      align-items: stretch;
    }
    .md\:justify-center {
      justify-content: center;
    }
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .md\:rounded-tl-\[0px\] {
      border-top-left-radius: 0px;
    }
    .md\:rounded-tr-\[0px\] {
      border-top-right-radius: 0px;
    }
    .md\:rounded-br-\[0px\] {
      border-bottom-right-radius: 0px;
    }
    .md\:rounded-bl-\[0px\] {
      border-bottom-left-radius: 0px;
    }
    .md\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    .md\:border-solid {
      --tw-border-style: solid;
      border-style: solid;
    }
    .md\:bg-\[\#ffffff\] {
      background-color: #ffffff;
    }
    .md\:bg-\[url\(\'https\:\/\/fanels\.com\/assets\/uploads\/6a8ad6dd0c2641787483869\.jpg\'\)\] {
      background-image: url('https://fanels.com/assets/uploads/6a8ad6dd0c2641787483869.jpg');
    }
    .md\:bg-\[length\:auto\] {
      background-size: auto;
    }
    .md\:bg-scroll {
      background-attachment: scroll;
    }
    .md\:bg-center {
      background-position: center;
    }
    .md\:bg-no-repeat {
      background-repeat: no-repeat;
    }
    .md\:object-fill {
      object-fit: fill;
    }
    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .md\:p-\[10px_10px_10px_10px\] {
      padding: 10px 10px 10px 10px;
    }
    .md\:p-\[40px_0px_40px_0px\] {
      padding: 40px 0px 40px 0px;
    }
    .md\:px-0 {
      padding-inline: 0px;
    }
    .md\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .md\:pt-2\.5 {
      padding-top: calc(var(--spacing) * 2.5);
    }
    .md\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .md\:pt-\[5px\] {
      padding-top: 5px;
    }
    .md\:pt-\[50px\] {
      padding-top: 50px;
    }
    .md\:pr-0 {
      padding-right: 0px;
    }
    .md\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }
    .md\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }
    .md\:pb-2\.5 {
      padding-bottom: calc(var(--spacing) * 2.5);
    }
    .md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .md\:pb-\[05px\] {
      padding-bottom: 05px;
    }
    .md\:pb-\[100px\] {
      padding-bottom: 100px;
    }
    .md\:pl-0 {
      padding-left: 0px;
    }
    .md\:pl-2\.5 {
      padding-left: calc(var(--spacing) * 2.5);
    }
    .md\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }
    .md\:text-center {
      text-align: center;
    }
    .md\:font-\[family-name\:Montserrat\] {
      font-family: Montserrat;
    }
    .md\:text-\[18px\] {
      font-size: 18px;
    }
    .md\:text-\[27px\] {
      font-size: 27px;
    }
    .md\:text-\[32px\] {
      font-size: 32px;
    }
    .md\:leading-\[30px\] {
      --tw-leading: 30px;
      line-height: 30px;
    }
    .md\:font-medium {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    .md\:tracking-\[0px\] {
      --tw-tracking: 0px;
      letter-spacing: 0px;
    }
    .md\:text-gray-700 {
      color: var(--color-gray-700);
    }
    .md\:text-gray-800 {
      color: var(--color-gray-800);
    }
    .md\:capitalize {
      text-transform: capitalize;
    }
    .md\:bg-blend-normal {
      background-blend-mode: normal;
    }
    .md\:shadow-\[0px_1px_2px_0px_rgba\(0\,_0\,_0\,_0\.05\)\] {
      --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .md\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-tracking: initial;
    }
  }
}


/* Align Tailwind's breakpoints with the builder's device
                           model (src/builder/constants/screens.js) so the export
                           applies tablet/desktop overrides over the SAME viewport
                           ranges the canvas previews. Defaults (sm:640 / md:768)
                           put e.g. an 800px viewport on desktop styles while the
                           builder treated it as tablet. tablet = sm: (>=768),
                           desktop = md: (>=1025). */
                        @theme {
                            --breakpoint-sm: 768px;
                            --breakpoint-md: 1025px;
                        }

#vl-fOY9kW8XbWqqt5HsVe6L5{background-color:#FFDE92;color:#000000;}
#vl-fOY9kW8XbWqqt5HsVe6L5:hover{background-color:#F8D789;color:#000000;}

#vl-fOY9kW8XbWqqt5HsVe6L5:hover{transform:translateY(-3px);box-shadow:0 10px 20px -10px rgba(0,0,0,0.15) !important;}




#vl-fOY9kW8XbWqqt5HsVe6L5-wrap{justify-content:center;}

.lead-form-root{--bg-card: #ffffff;--card-border-width: 1px;--border-subtle: rgba(0, 0, 0, .08);--border-focus: rgba(0, 0, 0, .2);--text-primary: #000000;--text-secondary: #808080;--text-tertiary: #b0b0b0;--text-on-btn: #000000;--shadow-card: 0 20px 40px -12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-input: 0 0 0 3px rgba(0, 0, 0, .05);--btn-primary-bg: #ffde92;--btn-primary-hover: #f8d789;--input-bg: #fcfcfc;--input-border: rgba(0, 0, 0, .11);--input-height: 38px;--input-radius: 6px;--card-padding: 24px;--card-radius: 16px;--card-max-width: 400px;--header-bg: rgba(0, 0, 0, .02);font-family:Inter,system-ui,-apple-system,sans-serif;width:100%;display:flex;justify-content:center}.lead-card{background:var(--bg-card);border:var(--card-border-width) solid var(--border-subtle);border-radius:var(--card-radius);box-shadow:var(--shadow-card);overflow:hidden;width:100%;max-width:var(--card-max-width);margin:0 auto;transition:all .3s ease}.lead-card-header{padding:var(--card-padding);border-bottom:var(--card-border-width) solid var(--border-subtle);background:var(--header-bg);position:relative;transition:all .3s ease}.lead-card-body{padding:var(--card-padding)}.lead-header-sticky-content-logo{display:flex;justify-content:center;padding-bottom:10px;flex-direction:row-reverse;align-items:center;gap:1rem}.lead-header-top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:10px;width:100%}.lead-header-image{width:100%;max-width:70px;height:70px;display:block;border-radius:10px;border:2px solid white;object-fit:cover;box-shadow:0 1px 1.75px #0000001f,0 -.5px 1.5px #00000017,0 3px 4px #00000008;flex-shrink:0}.lead-text-title{font-size:1rem;font-weight:600;letter-spacing:-.025em;color:var(--text-primary);line-height:normal;margin:0}.lead-text-small{font-size:.75rem;color:var(--text-secondary);margin:4px 0;line-height:1.4}.lead-text-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:.375rem}.lead-form-section{padding-bottom:20px}.lead-section-title{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.lead-grid-1{display:grid;grid-template-columns:1fr}.lead-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead-mt-4{margin-top:16px}.lead-input-modern{width:100%;height:var(--input-height);background:var(--input-bg);border:1px solid var(--input-border);padding:0 .75rem;border-radius:var(--input-radius);font-family:inherit;font-size:.8125rem;color:var(--text-primary);transition:all .15s ease;box-sizing:border-box}.lead-input-modern:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-input)}.lead-input-modern::placeholder{color:var(--text-tertiary)!important;font-size:.75rem}.lead-btn{height:2.25rem;padding:.5rem 1.5rem;border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);display:inline-flex;align-items:center;justify-content:center;border:none;text-decoration:none;width:100%}.lead-btn-primary{background:var(--btn-primary-bg);color:var(--text-on-btn);box-shadow:0 1px 2px #0000008a,0 0 0 1px #00000014}.lead-btn-primary.no-shadow{box-shadow:none!important}.lead-btn-primary:hover{background:var(--btn-primary-hover)}.lead-btn.hover-effect-scale:hover{transform:scale(1.02)}.lead-btn.hover-effect-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.lead-btn.hover-effect-lift.no-shadow:hover{box-shadow:none!important}.lead-btn-primary:active{transform:scale(.98)}.lead-footer-text{font-size:10px;line-height:1.4;text-align:center;margin-top:20px;color:var(--text-secondary)}.lead-footer-text a{color:inherit;text-decoration:underline;text-underline-offset:2px}.lead-card.hide-labels .lead-text-label{display:none}.lead-card.hide-labels .lead-grid-2{gap:0}.lead-card.hide-labels .lead-fields>div{margin-top:0!important}.lead-card.hide-labels .lead-fields .lead-input-modern{border-radius:0}.lead-card.hide-labels .lead-fields>*+* .lead-input-modern{border-top:none}.lead-card.hide-labels .lead-fields .lead-grid-2>div:first-child .lead-input-modern{border-right:none}.lead-card.hide-labels .lead-fields>div:first-child .lead-input-modern,.lead-card.hide-labels .lead-fields>div:first-child.lead-grid-2>div:first-child .lead-input-modern{border-top-left-radius:var(--input-radius)}.lead-card.hide-labels .lead-fields>div:first-child .lead-input-modern,.lead-card.hide-labels .lead-fields>div:first-child.lead-grid-2>div:last-child .lead-input-modern{border-top-right-radius:var(--input-radius)}.lead-card.hide-labels .lead-fields>div:last-child .lead-input-modern,.lead-card.hide-labels .lead-fields>div:last-child.lead-grid-2>div:first-child .lead-input-modern{border-bottom-left-radius:var(--input-radius)}.lead-card.hide-labels .lead-fields>div:last-child .lead-input-modern,.lead-card.hide-labels .lead-fields>div:last-child.lead-grid-2>div:last-child .lead-input-modern{border-bottom-right-radius:var(--input-radius)}

/* Align Tailwind's breakpoints with the builder's device
                           model (src/builder/constants/screens.js) so the export
                           applies tablet/desktop overrides over the SAME viewport
                           ranges the canvas previews. Defaults (sm:640 / md:768)
                           put e.g. an 800px viewport on desktop styles while the
                           builder treated it as tablet. tablet = sm: (>=768),
                           desktop = md: (>=1025). */
                        @theme {
                            --breakpoint-sm: 768px;
                            --breakpoint-md: 1025px;
                        }

.lead-form-root{--bg-card: #ffffff;--card-border-width: 1px;--border-subtle: rgba(0, 0, 0, .08);--border-focus: rgba(0, 0, 0, .2);--text-primary: #000000;--text-secondary: #808080;--text-tertiary: #b0b0b0;--text-on-btn: #000000;--shadow-card: 0 20px 40px -12px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-input: 0 0 0 3px rgba(0, 0, 0, .05);--btn-primary-bg: #ffde92;--btn-primary-hover: #f8d789;--input-bg: #fcfcfc;--input-border: rgba(0, 0, 0, .11);--input-height: 38px;--input-radius: 6px;--card-padding: 24px;--card-radius: 16px;--card-max-width: 400px;--header-bg: rgba(0, 0, 0, .02);font-family:Inter,system-ui,-apple-system,sans-serif;width:100%;display:flex;justify-content:center}.lead-card{background:var(--bg-card);border:var(--card-border-width) solid var(--border-subtle);border-radius:var(--card-radius);box-shadow:var(--shadow-card);overflow:hidden;width:100%;max-width:var(--card-max-width);margin:0 auto;transition:all .3s ease}.lead-card-header{padding:var(--card-padding);border-bottom:var(--card-border-width) solid var(--border-subtle);background:var(--header-bg);position:relative;transition:all .3s ease}.lead-card-body{padding:var(--card-padding)}.lead-header-sticky-content-logo{display:flex;justify-content:center;padding-bottom:10px;flex-direction:row-reverse;align-items:center;gap:1rem}.lead-header-top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:10px;width:100%}.lead-header-image{width:100%;max-width:70px;height:70px;display:block;border-radius:10px;border:2px solid white;object-fit:cover;box-shadow:0 1px 1.75px #0000001f,0 -.5px 1.5px #00000017,0 3px 4px #00000008;flex-shrink:0}.lead-text-title{font-size:1rem;font-weight:600;letter-spacing:-.025em;color:var(--text-primary);line-height:normal;margin:0}.lead-text-small{font-size:.75rem;color:var(--text-secondary);margin:4px 0;line-height:1.4}.lead-text-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:.375rem}.lead-form-section{padding-bottom:20px}.lead-section-title{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.lead-grid-1{display:grid;grid-template-columns:1fr}.lead-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead-mt-4{margin-top:16px}.lead-input-modern{width:100%;height:var(--input-height);background:var(--input-bg);border:1px solid var(--input-border);padding:0 .75rem;border-radius:var(--input-radius);font-family:inherit;font-size:.8125rem;color:var(--text-primary);transition:all .15s ease;box-sizing:border-box}.lead-input-modern:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-input)}.lead-input-modern::placeholder{color:var(--text-tertiary)!important;font-size:.75rem}.lead-btn{height:2.25rem;padding:.5rem 1.5rem;border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);display:inline-flex;align-items:center;justify-content:center;border:none;text-decoration:none;width:100%}.lead-btn-primary{background:var(--btn-primary-bg);color:var(--text-on-btn);box-shadow:0 1px 2px #0000008a,0 0 0 1px #00000014}.lead-btn-primary.no-shadow{box-shadow:none!important}.lead-btn-primary:hover{background:var(--btn-primary-hover)}.lead-btn.hover-effect-scale:hover{transform:scale(1.02)}.lead-btn.hover-effect-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.lead-btn.hover-effect-lift.no-shadow:hover{box-shadow:none!important}.lead-btn-primary:active{transform:scale(.98)}.lead-footer-text{font-size:10px;line-height:1.4;text-align:center;margin-top:20px;color:var(--text-secondary)}.lead-footer-text a{color:inherit;text-decoration:underline;text-underline-offset:2px}.lead-card.hide-labels .lead-text-label{display:none}.lead-card.hide-labels .lead-grid-2{gap:0}.lead-card.hide-labels .lead-fields>div{margin-top:0!important}.lead-card.hide-labels .lead-fields .lead-input-modern{border-radius:0}.lead-card.hide-labels .lead-fields>*+* .lead-input-modern{border-top:none}.lead-card.hide-labels .lead-fields .lead-grid-2>div:first-child .lead-input-modern{border-right:none}.lead-card.hide-labels .lead-fields>div:first-child .lead-input-modern,.lead-card.hide-labels .lead-fields>div:first-child.lead-grid-2>div:first-child .lead-input-modern{border-top-left-radius:var(--input-radius)}.lead-card.hide-labels .lead-fields>div:first-child .lead-input-modern,.lead-card.hide-labels .lead-fields>div:first-child.lead-grid-2>div:last-child .lead-input-modern{border-top-right-radius:var(--input-radius)}.lead-card.hide-labels .lead-fields>div:last-child .lead-input-modern,.lead-card.hide-labels .lead-fields>div:last-child.lead-grid-2>div:first-child .lead-input-modern{border-bottom-left-radius:var(--input-radius)}.lead-card.hide-labels .lead-fields>div:last-child .lead-input-modern,.lead-card.hide-labels .lead-fields>div:last-child.lead-grid-2>div:last-child .lead-input-modern{border-bottom-right-radius:var(--input-radius)}