/* __LL-MOB-INTAKE-V1__ 2026-09-17
   Mobile intake component. Every rule below is copied VERBATIM from
   /assets/css/inl/ef571eaf94c3.css with the selector .tpl-intake renamed to .ll-mob-intake.
   No bare .hf-* rule is copied: those are shared with .ll-hero-form-v2 and
   .ll-desk-intake, and copying them would reach the existing rails through the
   cascade. Scoped descendants (.ll-mob-intake .hf-field etc) are specificity 0-2-0
   and cannot match anything outside this component.
   NO display:none base layer - this form is meant to be visible on mobile. */

.ll-mob-intake{max-width:880px;margin:26px auto;padding:26px 22px;background:linear-gradient(160deg,#0a1f44,#143350);border-radius:16px;box-shadow:0 14px 36px rgba(10,31,68,.25)}
.ll-mob-intake h2{color:#fffafa!important;margin:0 0 6px;padding-bottom:0}
.ll-mob-intake h2::after{display:none}
.ll-mob-intake .tpl-intake-sub{color:#c9d2dd;font-size:.92rem;margin:0 0 16px}
.ll-mob-intake .hf-field{margin-bottom:12px}
.ll-mob-intake .hf-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ll-mob-intake input, .ll-mob-intake textarea{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid rgba(255,250,250,.25);border-radius:10px;background:rgba(255,250,250,.95);font:inherit;font-size:.95rem}
.ll-mob-intake input:focus, .ll-mob-intake textarea:focus{outline:3px solid #0dbae8;outline-offset:1px}
.ll-mob-intake .hf-submit{width:100%;padding:15px;border:none;border-radius:999px;background:linear-gradient(90deg,#c0107f,#eb19a3);color:#fffafa;font-weight:800;font-size:1rem;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 22px rgba(235,25,163,.35)}
.ll-mob-intake .hf-submit:hover{filter:brightness(1.08)}
.ll-mob-intake .hf-trust{display:flex;gap:8px;align-items:flex-start;color:#c9d2dd;font-size:.78rem;margin-top:12px}
.ll-mob-intake .hf-trust svg{flex:none;margin-top:2px;color:#ffc46c}
.ll-mob-intake{position:relative;overflow:hidden;border:1px solid rgba(255,196,108,.45)!important}
.ll-mob-intake::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#ffc46c,#eb19a3 50%,#0dbae8)}
.ll-mob-intake h2{color:#fffafa!important}
.ll-mob-intake h2 em, .ll-mob-intake h2 i{color:#ff66c9!important}
.ll-mob-intake .tpl-intake-sub{color:#9fdef2!important}
.ll-mob-intake input, .ll-mob-intake textarea{border:2px solid rgba(13,186,232,.4)!important;background:#fffdfa!important}
.ll-mob-intake .hf-field:nth-of-type(odd) input, .ll-mob-intake .hf-field:nth-of-type(odd) textarea{border-left:5px solid #0dbae8!important}
.ll-mob-intake .hf-field:nth-of-type(even) input, .ll-mob-intake .hf-field:nth-of-type(even) textarea{border-left:5px solid #eb19a3!important}
.ll-mob-intake input:focus, .ll-mob-intake textarea:focus{outline:3px solid #ffc46c!important;outline-offset:1px;border-color:#ffc46c!important}
.ll-mob-intake .hf-submit{background:linear-gradient(90deg,#c0107f,#eb19a3 55%,#ff66c9)!important;text-transform:uppercase;letter-spacing:.06em}
.ll-mob-intake .hf-trust{background:rgba(255,250,250,.06);border:1px solid rgba(255,196,108,.25);border-radius:10px;padding:10px 12px!important}
.ll-mob-intake .hf-trust svg{color:#ffc46c!important}
.ll-mob-intake .hf-trust span{color:#d7dee8!important}

/* The 609 blog pages already carry a desktop rail that becomes display:block at
   1024px and position:fixed at 1280px. Without this rule the rail and this inline
   form are BOTH visible from 1024 to 1279px. Keyed on a body class so only migrated
   pages are affected - an unmigrated tablet page must never lose its only form. */
@media (max-width:1279px){body.ll-mob-has-inline .ll-desk-intake{display:none}}

/* __LL-MOB-INTAKE-ZFIX-V1__ 2026-09-18
   The Intaker call widget (DIV.icw--call--position--MiddleLeft) is position:fixed at x 10-74 with
   z-index 2147482800, so it covered the left edge of this form's Phone and Email inputs at 390px
   and hid the start of their placeholder text. Its X is fixed, so the overlap happens at any
   scroll position. Raise the card one step above it: the form wins where they overlap, the widget
   stays tappable everywhere else on the page. The card already has position:relative above. */
.ll-mob-intake{z-index:2147482801}