/* primitive layer */
:root, :host {
    --gray-0: hsl(0 0% 100%);
    --gray-1: hsl(140 8% 97%);
    --gray-2: hsl(140 6% 94%);
    --gray-3: hsl(140 6% 90%);
    --gray-4: hsl(140 6% 82%);
    --gray-5: hsl(140 3% 70%);
    --gray-6: hsl(140 3% 55%);
    --gray-7: hsl(140 3% 40%);
    --gray-8: hsl(140 6% 20%);
    --gray-9: hsl(140 6% 15%);
    --gray-10: hsl(140 6% 10%);
    --gray-11: hsl(140 10% 5%);

    --slate-1: hsl(210 28% 98%);
    --slate-2: hsl(211 24% 96.05%);
    --slate-3: hsl(212 20% 91.42%);
    --slate-4: hsl(213 18% 84.01%);
    --slate-5: hsl(214 17% 64.5%);
    --slate-6: hsl(214.5 17.5% 47.03%);
    --slate-7: hsl(215 18% 34.76%);
    --slate-8: hsl(215.5 18.5% 26.85%);
    --slate-9: hsl(216 19% 17.54%);
    --slate-10: hsl(216 19.2% 10.2%);
    --slate-11: hsl(216 20% 5%);

    --red-25: #fff0f0;
    --red-50: #ffd9d9;
    --red-75: #ffc6c5;
    --red-100: #ffa4a2;
    --red-200: #ff8583;
    --red-300: #ff6764;
    --red-400: #fa423e;
    --red-500: #e02e2a;
    --red-600: #ba2623;
    --red-700: #911e1b;
    --red-800: #6e1615;
    --red-900: #4d100e;
    --red-950: #280b0a;
    --red-1000: #1f0909;
    --red-a25: color-mix(in oklab, var(--red-400) 8%, transparent);
    --red-a50: color-mix(in oklab, var(--red-400) 16%, transparent);
    --red-a75: color-mix(in oklab, var(--red-400) 30%, transparent);
    --red-a100: color-mix(in oklab, var(--red-400) 48%, transparent);
    --red-a200: color-mix(in oklab, var(--red-400) 64%, transparent);
    --red-a300: color-mix(in oklab, var(--red-400) 79%, transparent);

    --yellow-100: oklch(97.3% .071 103.193);
    --yellow-400: oklch(85.2% .199 91.936);
    --yellow-500: oklch(79.5% .184 86.047);
    --yellow-700: oklch(55.4% 0.1229 66.442);
    --yellow-800: oklch(47.6% .114 61.907);
    --yellow-900: oklch(31.3% 0.0705 64.5deg);

    --green-25: #edfaf2;
    --green-50: #d9f4e4;
    --green-75: #b8ebcc;
    --green-100: #8cdfad;
    --green-200: #66d492;
    --green-300: #40c977;
    --green-400: #04b84c;
    --green-500: #00a240;
    --green-600: #008635;
    --green-700: #00692a;
    --green-800: #004f1f;
    --green-900: #003716;
    --green-950: #011c0b;
    --green-1000: #001207;
    --green-a25: color-mix(in oklab, var(--green-400) 8%, transparent);
    --green-a50: color-mix(in oklab, var(--green-400) 15%, transparent);
    --green-a75: color-mix(in oklab, var(--green-400) 29%, transparent);
    --green-a100: color-mix(in oklab, var(--green-400) 45%, transparent);
    --green-a200: color-mix(in oklab, var(--green-400) 60%, transparent);
    --green-a300: color-mix(in oklab, var(--green-400) 75%, transparent);

    --blue-25: #f5faff;
    --blue-50: #e5f3ff;
    --blue-75: #cce6ff;
    --blue-100: #99ceff;
    --blue-200: #66b5ff;
    --blue-300: #339cff;
    --blue-400: #0285ff;
    --blue-500: #0169cc;
    --blue-600: #004f99;
    --blue-700: #003f7a;
    --blue-800: #013566;
    --blue-900: #00284d;
    --blue-950: #000e1a;
    --blue-1000: #000d19;
    --blue-a25: color-mix(in oklab, var(--blue-400) 4%, transparent);
    --blue-a50: color-mix(in oklab, var(--blue-400) 13%, transparent);
    --blue-a75: color-mix(in oklab, var(--blue-400) 25%, transparent);
    --blue-a100: color-mix(in oklab, var(--blue-400) 40%, transparent);
    --blue-a200: color-mix(in oklab, var(--blue-400) 60%, transparent);
    --blue-a300: color-mix(in oklab, var(--blue-400) 80%, transparent);

    --neutral-50: oklch(98.5% 0 0);
    --neutral-75: oklch(98% 0 0);
    --neutral-100: oklch(97% 0 0);
    --neutral-125: oklch(96.5% 0 0);
    --neutral-150: oklch(93.5% 0 0);
    --neutral-200: oklch(92.2% 0 0);
    --neutral-300: oklch(87% 0 0);
    --neutral-400: oklch(70.8% 0 0);
    --neutral-500: oklch(55.6% 0 0);
    --neutral-600: oklch(43.9% 0 0);
    --neutral-700: oklch(37.1% 0 0);
    --neutral-800: oklch(26.9% 0 0);
    --neutral-900: oklch(20.5% 0 0);
    --neutral-950: oklch(14.5% 0 0);

    --black: #000;
    --white: #fff;

    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-7xl: 80rem;

    --font-sans: "Google Sans", ui-sans-serif, system-ui, 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; */

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;

    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);

    /* --radius-sm: 0.25rem; */
    /* --radius-md: 0.375rem; */
    /* --radius-lg: 0.5rem; */
    /* --radius-xl: 0.75rem; */
    /* --radius-2xl: 1rem; */
    /* --radius-pill: 999px; */

    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

/* semantic layer */
:root, :host {
    /* text, surface, state & theme */
    --color-text-subtle: var(--neutral-900);
    --color-text-default: var(--neutral-900);
    --color-text-strong: var(--neutral-900);
    --color-text-placeholder: var(--neutral-900);
    --color-text-inactive: var(--neutral-900);

    --color-text-brand: black;
    --color-text-link: var(--blue-800);

    --color-canvas: var(--neutral-50);
    --color-elevated: var(--neutral-75);
    --color-recessed: var(--neutral-125);
    --color-base: var(--white);
    --color-tint: var(--neutral-100);
    --color-focus: var(--neutral-900);
    --color-brand: var(--blue-600);
    --color-brand-hover: var(--blue-800);
    --color-accent: #0099cc;

    --color-border-subtle: var(--neutral-150);
    /* --color-border: null; */
    /* --color-border-strong: null; */

    --color-text-info: var(--blue-800);
    --color-background-info: var(--blue-600);
    --color-border-info: var(--blue-600);
    --color-text-success: var(--green-600);
    --color-background-success: var(--green-500);
    --color-border-success: var(--green-500);
    --color-text-warning: var(--yellow-900);
    --color-background-warning: var(--yellow-700);
    --color-border-warning: var(--yellow-700);
    --color-text-danger: var(--red-700);
    --color-background-danger: var(--red-600);
    --color-border-danger: var(--red-600);

    /* component */
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* text, background, border */
.bg-gen-canvas {
    background-color: var(--color-canvas);
}

.text-gen-default {
    color: var(--color-text-default);
}

@keyframes skeleton {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.animate-skeleton {
    background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.05) 50%, transparent 100%);
    background-size: 200% 100%;
    animation: skeleton 1.5s ease-in-out infinite;
}

@keyframes refresh {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-refresh {
    animation: refresh 1s linear infinite;
}

.gen-form-footer {
    padding: 24px 0 calc(24px + env(safe-area-inset-bottom));
    background: var(--footer-bg, var(--color-white, #fff));
    color: var(--footer-fg, #333);
    border-block-start: var(--footer-border, 1px dashed var(--color-border-subtle, #d7d9da));
    font-family: var(--default-font-family);
}

.gen-form-footer_inner {
    inline-size: 100%;
    max-inline-size: var(--wrapper, 68rem);
    margin-inline: auto;
    padding-inline: var(--global-page-gutter, 1rem);
}

.gen-form-footer_trust-signals {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.gen-form-footer_trust-text {
    display: flex;
    align-items: center;
    text-align: center;
}

.gen-form-footer_trust-text span {
    color: #1f1f1f;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.gen-form-footer_trust-shield {
    padding: 12px 14px;
    background-image: url(/b7a539419905e86d5174.svg);
    background-repeat: no-repeat;
}

.gen-form-footer_trust-accredited {
    width: 150px;
    padding-block-start: 70px;
    cursor: pointer;
    background-image: url(/7cf00ba9a86c3fab60ae.svg);
    background-position: 50%;
    background-repeat: no-repeat;
}

.gen-form-footer_providers {
    display: none;
}

.gen-form-footer_bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding-block-start: 1rem;
    color: inherit;
    font-size: 0.8125rem;
    opacity: 0.7;
}

.gen-form-footer_links {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.gen-form-footer_link {
    display: inline-block;
    margin-inline-end: 16px;
    padding: 0;
    color: #6a6a6a;
    font-weight: 500;
    text-decoration: underline;
}

@media (min-width: 799px) {
    .gen-form-footer_trust-signals {
        flex-direction: row;
    }

    .gen-form-footer_trust-text {
        padding-inline-end: 24px;
    }

    .gen-form-footer_providers {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        inline-size: 100%;
        padding: 32px 0 48px;
        text-align: center;
        border-block-end: 1px dashed #eaeaea;
    }

    .gen-form-footer_providers h3 {
        inline-size: 100%;
        margin: 0;
        font-size: 1rem;
    }

    .gen-form-footer_providers-logos {
        inline-size: 100%;
        block-size: 45px;
        margin: 15px;
        background-image: url(/666c3dca5b972f9a5254.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .gen-form-footer_bottom {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 428px) {
    .gen-form-footer_trust-text span {
        font-size: 14px;
    }
}

.gen-form-header {
    --gen-form-header-bg: var(--color-white, #fff);
    --gen-form-header-fg: #666;
    --gen-form-header-supporting-fg: #2a2a2a;
    --gen-form-header-supporting-fg-wide: #666;
    --gen-form-header-height: 110px;
    --gen-form-header-logo-width: 100px;
    --gen-form-header-max-width: var(--wrapper-xl, 1200px);
    --gen-form-header-gutter: var(--global-page-gutter, 24px);

    display: flex;
    align-items: center;
    min-block-size: var(--gen-form-header-height);
    color: var(--gen-form-header-fg);
    background: var(--gen-form-header-bg);
    border-bottom: 1px solid var(--color-border-subtle);
}

.gen-form-header[data-color="dark"] {
    --gen-form-header-bg: var(--color-brand-navy, #061b31);
    --gen-form-header-fg: var(--color-white, #fff);
    --gen-form-header-supporting-fg: var(--color-white, #fff);
    --gen-form-header-supporting-fg-wide: var(--color-white, #fff);
    --gen-form-header-border: rgb(255 255 255 / 0.2);
}

.gen-form-header_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md, 16px);
    inline-size: 100%;
    max-inline-size: var(--gen-form-header-max-width);
    margin-inline: auto;
    padding-inline: var(--gen-form-header-gutter);
    padding-block: 16px;
}

.gen-form-header_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--gen-form-header-logo-width);
    flex: 0 0 auto;
}

.gen-form-header_supporting {
    color: var(--gen-form-header-supporting-fg);
    font: 500 14px/1.4 var(--font-display, inherit);
    text-align: center;
    text-wrap: pretty;
}

.gen-form-header_supporting :where(p) {
    margin: 0;
}

@media (width >= 799px) {
    .gen-form-header {
        --gen-form-header-height: 68px;
    }

    .gen-form-header_inner {
        flex-direction: row;
        justify-content: flex-start;
        gap: var(--space-xl, 32px);
    }

    .gen-form-header[data-variant="centered"] .gen-form-header_inner {
        justify-content: center;
    }

    .gen-form-header_supporting {
        padding-inline-start: var(--space-md, 16px);
        color: var(--gen-form-header-supporting-fg-wide);
        font-size: 16px;
        font-weight: 400;
        text-align: start;
        border-inline-start: 1px solid var(--color-border-subtle);
    }
}

.gen-logo-wall {
    display: grid;
    grid-template-columns: repeat(var(--gen-logo-wall-grid-columns, 2), minmax(0, 1fr));
    gap: 4px;
    inline-size: 100%;
    padding: 0;
    margin: 0;
    list-style: none;

    @media (width > 640px) {
        --gen-logo-wall-grid-columns: 3;
    }

    @media (width > 960px) {
        --gen-logo-wall-grid-columns: 6;
    }
}

.gen-logo-wall_item {
    position: relative;
    display: block;
}

.gen-logo-wall_logo-container {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    max-inline-size: 100%;
    overflow: hidden;
    aspect-ratio: 267 / 144;
    container-type: inline-size;
}

.gen-logo-wall_logo-wrap {
    display: grid;
    place-items: center;
    inline-size: 100%;
    block-size: 100%;
    padding-inline: 10px;

    @media (width > 640px) {
        padding-inline: 20px;
    }
}

.gen-logo-wall svg {
    inline-size: 100%;
    block-size: auto;
    -o-object-fit: contain;
       object-fit: contain;
}

.gen-nav-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-block: 1rem;
}

.gen-nav-bar_logo,
.gen-nav-bar_actions {
    display: flex;
    align-items: center;
}

.gen-site-footer {
    --military-footer-bg: #1e5396;
    width: 100vw;
    margin-inline: calc(50% - 50vw);
    background: var(--military-footer-bg);
    color: var(--color-white, #fff);
}

.gen-site-footer_content {
    padding-inline: 24px;
    padding-block-start: 48px;
    padding-block-end: 16px;
    max-width: var(--mkt-page-max-width, 1268px);
    margin-inline: auto;
}

.gen-site-footer_top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    margin-block-end: 16px;

    @media (width <= 768px) {
        justify-content: center;
    }
}

.gen-site-footer_top img {
    inline-size: 60px;
    block-size: 60px;
    flex-shrink: 0;
}

.gen-site-footer_network {
    display: flex;
    flex-direction: column;
}

.gen-site-footer_network-title {
    margin: 0 0 10px;
    color: var(--color-white, #fff);
    font-size: 15px;
    font-weight: var(--font-weight-medium-legacy, 500);
}

.gen-site-footer_network-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    font-size: 13px;
}

.gen-site-footer_network-links span {
    opacity: 0.7;
}

.gen-site-footer a {
    color: var(--color-white, #fff);
    text-decoration: none;
}

.gen-site-footer a:hover {
    text-decoration: underline;
}

.gen-site-footer_bottom {
    display: flex;
    flex-direction: column;
    padding-block: 16px;
    border-block-start: 1px solid hsla(0, 5%, 92%, 0.25);
    font-size: 13px;

    @media (width > 640px) {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (width <= 640px) {
    .gen-site-footer {
        padding: 20px 0;
    }

    .gen-site-footer_network-title {
        margin-block-end: 22px;
        font-size: 22px;
        font-weight: var(--font-weight-semibold-legacy, 600);
        text-align: center;
    }

    .gen-site-footer_network-links {
        justify-content: center;
        gap: 5px;
        line-height: 1.5;
        text-align: center;
    }
}

.gen-site-header {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: calc(100% - var(--mkt-page-padding-inline));
    max-inline-size: calc(var(--mkt-page-max-width) - var(--mkt-page-padding-inline));
    block-size: var(--mkt-header-height);
    margin-inline: auto;
}

.gen-site-header[data-sticky="always"],
.gen-site-header[data-sticky="scroll"] {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--z-header, 1000);
}

.gen-site-header[data-sticky="scroll"] {
    transform: translateY(0);
    transition: transform 180ms ease;
    will-change: transform;
}

.gen-site-header[data-sticky="scroll"][data-scroll-hidden] {
    transform: translateY(-100%);
}

@media (prefers-reduced-motion: reduce) {
    .gen-site-header[data-sticky="scroll"] {
        transition: none;
    }
}

.gen-site-header_layout {
    inline-size: 100%;
    border-radius: 4px;
    background-color: color-mix(in oklab, var(--mkt-bg-surface-dark), transparent 42%);
    backdrop-filter: blur(15px) saturate(120%);
}

.gen-site-header[data-variant="light"] .gen-site-header_layout {
    background-color: color-mix(in oklab, var(--white), transparent 42%);
}

.gen-site-header_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    inline-size: 100%;
    padding: 12px 16px;
}

@media (width <= 640px) {
    .gen-site-header[data-has-button="false"] .gen-site-header_content {
        justify-content: center;
    }
}

.gen-site-header_brand {
    display: inline-flex;
    inline-size: 88px;
}

[data-zip-passthrough] {
    display: block;
    width: 100%;
}

.gen-zip-passthrough_form {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 0;
}

.gen-zip-passthrough_form .gen-button {
    width: 100%;
}

.gen-accordion {
    display: block;
    border-block-start: 1px solid #d5dbe4;
}

.gen-accordion:last-child {
    border-block-end: 1px solid #d5dbe4;
}

.gen-accordion_details {
    color: #111827;
}

.gen-accordion_summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-block: 18px;
    cursor: pointer;
    list-style: none;
}

.gen-accordion_summary::-webkit-details-marker {
    display: none;
}

.gen-accordion_summary:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 4px;
}

.gen-accordion_title {
    font-size: 18px;
    font-weight: 650;
    line-height: 1.3;
}

.gen-accordion_icon {
    position: relative;
    flex: 0 0 auto;
    inline-size: 18px;
    block-size: 18px;
}

.gen-accordion_icon::before,
.gen-accordion_icon::after {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    inline-size: 14px;
    block-size: 2px;
    background: currentColor;
    border-radius: 999px;
    content: "";
    transform: translate(-50%, -50%);
    transition: transform 160ms ease;
}

.gen-accordion_icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.gen-accordion_details.is-active .gen-accordion_icon::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.gen-accordion_content {
    padding-block: 0 18px;
    color: #4b5563;
    font-size: 16px;
    line-height: 1.6;
}

@media (prefers-reduced-motion: reduce) {
    .gen-accordion_icon::before,
    .gen-accordion_icon::after {
        transition: none;
    }
}

.gen-badge {
    display: inline-flex;
    align-items: center;
    justify-self: flex-start;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    flex: none;
    flex-shrink: 0;
    gap: var(--gen-badge-gap, 0);
    padding-block: 0.125rem;
    padding-inline: 0.5rem;
    color: var(--gen-badge-text);
    font: 500 0.75rem/1rem var(--font-sans, system-ui, sans-serif);
    white-space: nowrap;
    background: var(--gen-badge-bg);
    border: var(--gen-badge-border, 0);
    border-radius: 999px;
    box-shadow: var(--gen-badge-ring, none);
}

.gen-badge[data-variant="primary"] {
    --gen-badge-bg: var(--neutral-900, #171717);
    --gen-badge-text: var(--white, #fff);
    --gen-badge-indicator: var(--neutral-900, #171717);
}

.gen-badge[data-variant="secondary"] {
    --gen-badge-bg: var(--color-tint, #f5f5f5);
    --gen-badge-text: var(--color-text-subtle, #171717);
    --gen-badge-indicator: var(--neutral-600, #666);
}

.gen-badge[data-variant="error"] {
    --gen-badge-bg: var(--red-a50, #ffd9d9);
    --gen-badge-text: var(--color-text-danger, var(--red-700, #911e1b));
    --gen-badge-indicator: var(--color-background-danger, var(--red-600, #ba2623));
}

.gen-badge[data-variant="warning"] {
    --gen-badge-bg: color-mix(in oklab, var(--yellow-400, #facc15) 28%, transparent);
    --gen-badge-text: var(--color-text-warning, var(--yellow-900, #713f12));
    --gen-badge-indicator: var(--color-background-warning, var(--yellow-700, #a16207));
}

.gen-badge[data-variant="success"] {
    --gen-badge-bg: var(--green-a50, #d9f4e4);
    --gen-badge-text: var(--color-text-success, var(--green-600, #008635));
    --gen-badge-indicator: var(--color-background-success, var(--green-500, #00a240));
}

.gen-badge[data-variant="info"] {
    --gen-badge-bg: var(--blue-a50, #e5f3ff);
    --gen-badge-text: var(--color-text-info, var(--blue-800, #013566));
    --gen-badge-indicator: var(--color-background-info, var(--blue-600, #004f99));
}

.gen-badge[data-variant="neutral"] {
    --gen-badge-bg: var(--neutral-800, #404040);
    --gen-badge-text: var(--white, #fff);
    --gen-badge-indicator: var(--neutral-600, #666);
}

.gen-badge[data-variant="outline"] {
    --gen-badge-bg: transparent;
    --gen-badge-text: var(--color-text-default, #171717);
    --gen-badge-indicator: var(--neutral-600, #666);
    --gen-badge-ring: 0 0 0 1px var(--color-border-subtle, #e5e5e5);
}

.gen-badge[data-variant="beta"] {
    --gen-badge-bg: transparent;
    --gen-badge-text: var(--color-text-link, var(--blue-800, #013566));
    --gen-badge-indicator: var(--color-brand, var(--blue-600, #004f99));
    --gen-badge-border: 1px dashed var(--color-brand, var(--blue-600, #004f99));
}

.gen-badge[data-appearance="dot"] {
    --gen-badge-gap: 0.375rem;
    --gen-badge-bg: transparent;
    --gen-badge-border: 0;
    --gen-badge-text: var(--color-text-default, #171717);
    --gen-badge-ring: 0 0 0 1px var(--color-border-subtle, #e5e5e5);
}

.gen-badge[data-appearance="icon"] {
    --gen-badge-gap: 0.375rem;
}

.gen-badge_dot {
    display: inline-flex;
    inline-size: 0.4375rem;
    block-size: 0.4375rem;
    flex: 0 0 auto;
    background: var(--gen-badge-indicator, currentcolor);
    border-radius: 999px;
}

.gen-badge_icon {
    color: currentcolor;
}

.gen-badge_label {
    display: inline-flex;
    align-items: center;
}

.gen-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--gen-button-gap, 0.375rem);
    min-height: var(--gen-button-size);
    padding-inline: var(--gen-button-padding-x);
    font: 500 var(--gen-button-font-size, 14px)/1 var(--font-display, system-ui, sans-serif);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: var(--gen-button-text, var(--color-text-default));
    background-color: var(--gen-button-color, #0000);
    border-radius: var(--gen-button-radius, 0.5rem);
    box-shadow: var(--gen-button-ring, none);
    border-width: 0;
    transition-property:scale, translate;
    transition: 0.2s var(--ease-out);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    &:hover:not(:disabled):not([aria-disabled="true"]) {
        background-color: var(--gen-button-color-hover, var(--gen-button-color));
        box-shadow: var(--gen-button-ring-hover, var(--gen-button-ring, none));
    }

    &:active:not(:disabled):not([aria-disabled="true"]) {
        scale: 0.98;
    }
}

/* variants */
.gen-button[data-variant="primary"] {
    --gen-button-text: var(--white);
    --gen-button-color: var(--color-brand);
    --gen-button-color-hover: var(--color-brand-hover);
}

.gen-button[data-variant="secondary"] {
    --gen-button-color: var(--color-base);
    --gen-button-color-hover: var(--color-tint);
    --gen-button-ring: 0 0 0 1px var(--color-border-subtle), 0 1px 2px 0 #0000000d;
}

.gen-button[data-variant="accent"] {
    --gen-button-text: var(--white);
    --gen-button-color: var(--color-accent, #0099cc);
    --gen-button-color-hover: var(--gray-11-legacy, #111);
}

.gen-button[data-variant="ghost"] {
    --gen-button-color-hover: var(--color-tint);
}

.gen-button[data-variant="outline"] {
    --gen-button-ring: 0 0 0 1px var(--color-border-subtle), 0 1px 2px 0 #0000000d;
    --gen-button-ring-hover: 0 0 0 1px var(--color-focus), 0 1px 2px 0 #0000000d;
}

/* sizing */
.gen-button[data-size="sm"] {
    --gen-button-size: 26px;
    --gen-button-font-size: 12px;
    --gen-button-padding-x: 8px;
}

.gen-button[data-size="base"] {
    --gen-button-size: 36px;
    --gen-button-font-size: 14px;
    --gen-button-padding-x: 12px;
}

.gen-button[data-size="lg"] {
    --gen-button-size: 40px;
    --gen-button-font-size: 14px;
    --gen-button-padding-x: 16px;
}

.gen-button[data-size="xl"] {
    --gen-button-size: 50px;
    --gen-button-font-size: 16px;
    --gen-button-padding-x: 24px;
}

/* shaped */
.gen-button[data-shape="circle"] {
    --gen-button-radius: 999px;
}

.gen-button[aria-disabled="true"],
.gen-button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

.gen-button[data-variant="accent"][aria-disabled="true"],
.gen-button[data-variant="accent"]:disabled {
    color: var(--white);
    background-color: #b1d7ef;
    opacity: 1;
}

.gen-button_inner,
.gen-button_label {
    display: inline-flex;
    align-items: center;
}

.gen-button_inner {
    justify-content: center;
    gap: inherit;
}

.gen-field {
    --gen-field-bg: rgb(247 247 247);
    --gen-field-bg-active: rgb(242 242 242);
    --gen-field-text: var(--color-text, rgb(17 17 17));
    --gen-field-label: rgb(148 148 148);
    --gen-field-label-active: rgb(17 17 17);
    --gen-field-focus: var(--color-brand-navy, #061b31);
    --gen-field-invalid: rgb(165 106 6);
    --gen-field-error: rgb(134 84 4);

    --gen-field-background: var(--color-base);
    --gen-field-background-hover: var(--color-elevated);
    --gen-field-background-active: var(--color-elevated);
    --gen-field-ring: var(--color-border-subtle);
    --gen-field-radius: 16px;
    --gen-field-height: 68px;
    --gen-field-padding-x: 20px;

    display: grid;
    gap: 0.5rem;
    inline-size: 100%;
    min-inline-size: 0;
    color: var(--gen-field-text);
    font-family: var(--font-display, inherit);
}

.gen-field_root {
    position: relative;
    display: grid;
    gap: 0.25rem;
    min-inline-size: 0;
    min-block-size: var(--gen-field-height);
    padding: 0.5rem 1rem;
    background: var(--gen-field-background);
    border-radius: var(--gen-field-radius);
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    box-shadow: 0 0 0 1px var(--gen-field-ring);
}

.gen-field:hover .gen-field_root {
    background-color: var(--gen-field-background-hover);
}

.gen-field:focus-within .gen-field_root,
.gen-field:where([data-focused]) .gen-field_root {
    --gen-field-ring: var(--color-border-info);
    box-shadow: inset 0 0 0 1.5px var(--gen-field-ring),
                0 0 0 3px color-mix(in oklab, var(--gen-field-ring) 18%, transparent);
    background-color: var(--gen-field-background-active);
}

.gen-field:where([data-invalid]) .gen-field_root {
    --gen-field-ring: var(--color-border-warning);
    box-shadow: inset 0 0 0 1.5px var(--gen-field-ring),
                0 0 0 3px color-mix(in oklab, var(--gen-field-ring) 18%, transparent);
}

.gen-field_label {
    min-inline-size: 0;
    overflow: hidden;
    color: var(--gen-field-label-active);
    font: 700 0.875rem/1.25 var(--font-display, inherit);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gen-field_control {
    min-inline-size: 0;
}

.gen-field_control > .gen-input {
    min-block-size: 2rem;
    padding: 0;
}

.gen-field_description,
.gen-field_error {
    font: 500 0.875rem/1.4 var(--font-display, inherit);
}

.gen-field_description {
    color: var(--gen-field-description, rgb(91 91 91));
}

.gen-field_error {
    color: var(--color-text-warning);
}

.gen-field_error[hidden] {
    display: none;
}



.gen-field.-hidden-label .gen-field_label {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.gen-field.-floating .gen-field_root {
    display: block;
    block-size: 3.5rem;
    padding: 0;
}

.gen-field.-floating .gen-field_label {
    position: absolute;
    z-index: 1;
    inset-block-start: 50%;
    inset-inline: var(--gen-field-padding-x);
    color: var(--gen-field-label);
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
    transform-origin: left top;
    transition: color 160ms ease, font-size 160ms ease, inset-block-start 160ms ease, transform 160ms ease;
}

.gen-field.-floating .gen-field_control {
    block-size: 100%;
}

.gen-field.-floating .gen-field_control > .gen-input {
    block-size: 100%;
    min-block-size: 100%;
    padding: 1.75rem var(--gen-field-padding-x) 0.4rem;
}

.gen-field.-floating:not([data-focused]) .gen-input::-moz-placeholder {
    color: transparent;
}

.gen-field.-floating:not([data-focused]) .gen-input::placeholder {
    color: transparent;
}

.gen-field.-floating:where([data-focused], [data-filled]) .gen-field_label {
    inset-block-start: 0.825rem;
    color: var(--gen-field-label-active);
    font-size: 0.75rem;
    transform: translateY(0);
}

.gen-field[data-variant="legacy"] {
    --ff-spacing: 8px;
    --ff-label-color: var(--color-title-legacy);
    --ff-label-weight: var(--font-weight-semibold-legacy);
    --ff-label-size: 15px;
    --ff-label-margin: 4px;
    --ff-description-text: var(--color-text-muted-legacy);
    --ff-text-input-radius: var(--radius);
    --ff-text-input-padding-x: 12px;
    --ff-text-input-padding-y: 7px;
    --ff-input-outline: rgb(217, 217, 217);
    --ff-input-height: 46px;
    --ff-input-bg: var(--color-input-bg-legacy);
    --ff-input-text: var(--color-input-text-legacy);
    --ff-input-placeholder: var(--color-input-placeholder-legacy);

    display: flex;
    flex-direction: column;
    gap: 0;
    inline-size: 100%;
    color: var(--ff-input-text, var(--color-input-text-legacy));
    font-family: inherit;
}

.gen-field[data-variant="legacy"]:where(:has(.gen-input[aria-invalid="true"]), [data-invalid]) {
    --ff-description-text: var(--color-error-legacy);
}

.gen-field[data-variant="legacy"] .gen-field_root,
.gen-field[data-variant="legacy"]:hover .gen-field_root,
.gen-field[data-variant="legacy"]:focus-within .gen-field_root,
.gen-field[data-variant="legacy"]:where([data-focused]) .gen-field_root,
.gen-field[data-variant="legacy"]:where([data-invalid]) .gen-field_root {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-inline-size: 0;
    min-block-size: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.gen-field[data-variant="legacy"] .gen-field_label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-inline-size: 0;
    margin: 0 0 var(--ff-label-margin, 4px);
    overflow: visible;
    color: var(--ff-label-color, var(--color-title-legacy));
    font-family: inherit;
    font-size: var(--ff-label-size, 15px);
    font-weight: var(--ff-label-weight, var(--font-weight-semibold-legacy));
    line-height: normal;
    text-overflow: clip;
    white-space: normal;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.gen-field[data-variant="legacy"] .gen-field_control {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    inline-size: 100%;
    min-inline-size: 0;
    block-size: var(--ff-input-height, 46px);
    padding: var(--ff-text-input-padding-y) var(--ff-text-input-padding-x);
    color: var(--ff-input-text, var(--color-input-text-legacy));
    background: var(--ff-input-bg, var(--color-input-bg-legacy));
    border-radius: var(--ff-text-input-radius, var(--radius));
    box-shadow: 0 0 0 1px var(--ff-input-outline, var(--color-gray));
    box-sizing: border-box;
}

.gen-field[data-variant="legacy"] .gen-field_control:focus-within {
    box-shadow:
        0 0 0 2px var(--color-accent, #0066cc),
        0 0 0 4px rgba(0, 102, 204, 0.25);
}

.gen-field[data-variant="legacy"]:where([data-invalid]) .gen-field_control:not(:focus-within) {
    box-shadow: 0 0 0 1px var(--color-input-error-accent-legacy);
}

.gen-field[data-variant="legacy"] .gen-field_control > .gen-input {
    inline-size: 100%;
    block-size: 100%;
    min-block-size: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    color: inherit;
    font: inherit;
    font-size: 16px;
    font-weight: var(--font-weight-normal-legacy);
    line-height: 24px;
    text-overflow: clip;
    caret-color: var(--color-accent);
    background-color: transparent;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.gen-field[data-variant="legacy"] .gen-input::-moz-placeholder {
    color: var(--ff-input-placeholder, var(--color-input-placeholder-legacy));
}

.gen-field[data-variant="legacy"] .gen-input::placeholder {
    color: var(--ff-input-placeholder, var(--color-input-placeholder-legacy));
}

.gen-field[data-variant="legacy"] .gen-field_error,
.gen-field[data-variant="legacy"] .gen-field_description {
    margin: 6px 0 0;
    color: var(--ff-description-text, var(--color-text-muted-legacy));
    font-family: inherit;
    font-size: 13px;
    font-weight: var(--font-weight-normal-legacy);
    line-height: 1.4;
}

.gen-field[data-variant="legacy"] .gen-field_error[hidden] {
    display: none;
}

.gen-field[data-variant="legacy"].-hidden-label .gen-field_label {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
}

.gen-icon {
    display: inline-flex;
    inline-size: var(--gen-icon-size, 1em);
    block-size: var(--gen-icon-size, 1em);
    flex: 0 0 auto;
    fill: currentcolor;
}

.gen-input {
    box-sizing: border-box;
    display: block;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 3.5rem;
    margin: 0;
    padding: 0.875rem 1rem;
    overflow: hidden;
    color: inherit;
    font: inherit;
    font-size: 1rem;
    line-height: 1.5;
    text-overflow: ellipsis;
    background: transparent;
    border: 0;
    border-radius: inherit;
    outline: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.gen-input::-moz-placeholder {
    color: var(--gen-input-placeholder, rgb(123 123 123));
    opacity: 1;
}

.gen-input::placeholder {
    color: var(--gen-input-placeholder, rgb(123 123 123));
    opacity: 1;
}

.gen-input:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.gen-loader {
    display: inline-block;
    inline-size: var(--gen-loader-size, 1em);
    block-size: var(--gen-loader-size, 1em);
    flex: 0 0 auto;
    color: currentcolor;
}

.gen-logo {
    display: block;
    inline-size: 100%;
    max-inline-size: 100%;
}

.gen-logo[data-color="light"] {
    --gen-logo-letter-fill: #fff;
    --gen-logo-dot-fill: #ee2a28;
}

.gen-logo[data-color="dark"] {
    --gen-logo-letter-fill: #01569e;
    --gen-logo-dot-fill: #ee2a28;
}

.gen-logo_image {
    display: block;
    inline-size: 100%;
    block-size: auto;
}

.gen-logo_letter {
    fill: var(--gen-logo-letter-fill, #01569e);
}

.gen-logo_dot {
    fill: var(--gen-logo-dot-fill, #ee2a28);
}

.gen-meter {
    --gen-meter-track-height: 6px;

    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 8px;
    inline-size: 100%;
}

.gen-meter_header {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
}

.gen-meter_label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
}

.gen-meter_value {
    font-size: 12px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: var(--color-text-muted-legacy);
    text-align: center;
}

.gen-meter_value_suffix {
    font-size: 12px;
}

.gen-meter_track {
    display: flex;
    gap: var(--space-xs, 4px);
    inline-size: 100%;
    padding-block: 0;
    padding-inline: 6px;
    box-sizing: border-box;
}

.gen-meter_indicator,
.gen-meter_remaining {
    display: flex;
    block-size: var(--gen-meter-track-height);
    border-style: solid;
    border-width: 1px;
    border-radius: var(--radius-pill);
    box-sizing: border-box;
    transition: inline-size var(--transition-duration-faster, 0.15s) ease-in-out;
}

.gen-meter_indicator {
    flex: 0 0 auto;
    inline-size: var(--gen-meter-value, 0%);
    background-color: var(--color-blue-light);
    border-color: var(--color-blue-light);
}

.gen-meter_remaining {
    flex: 1 1 auto;
    min-inline-size: 0;
    background-color: rgb(0 0 0 / 10%);
    border-color: rgb(0 0 0 / 5%);
}

.gen-example-template {
    max-inline-size: 72rem;
    margin-inline: auto;
    padding-inline: clamp(1rem, 4vw, 3rem);
    color: var(--mkt-fg-primary, #061b31);
    font-family: var(--font-display, system-ui, sans-serif);
}

.gen-example-template_content {
    display: grid;
    gap: 1rem;
    padding-block: clamp(3rem, 8vw, 6rem);
}

.gen-example-template_section {
    display: grid;
    gap: 1.125rem;
    padding-block-start: 1.5rem;
}

.gen-example-template_section h2 {
    margin: 0;
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.gen-example-template_content h1 {
    max-inline-size: 12ch;
    margin: 0;
    font-size: clamp(2.5rem, 8vw, 5rem);
    line-height: 0.95;
    letter-spacing: -0.05em;
}

.gen-example-template_content p {
    max-inline-size: 42rem;
    margin: 0;
    color: var(--mkt-fg-secondary, #50617a);
    font-size: 1.125rem;
    line-height: 1.6;
}

.gen-example-template_content code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.95em;
}

#app.mlt-auto-landing-military-v1-page {
    overflow-x: clip;
}

.mlt-auto-landing-military-v1 {
    --color-accent: #de3341;

    --auto-color-blue-deep: #163f87;
    --auto-color-blue-primary: #2d4b9b;
    --auto-color-blue-accent: #6e8fea;
    --auto-color-blue-action: #006dff;
    --auto-color-trust-green: #00b67a;
    --auto-surface-savings-compare: var(--auto-color-blue-deep);
    --auto-surface-savings-agents: #ebf0f5;
    --auto-surface-savings: var(--mkt-color-red);
    --auto-gradient-hero: linear-gradient(to bottom, var(--mkt-bg-surface-dark) 0%, var(--auto-color-blue-deep) 52%, var(--auto-color-blue-primary) 100%);
    --auto-section-spacing: clamp(48px, 6vw, 72px);
    --auto-hero-copy-max-inline-size: 480px;
    --auto-hero-content-gap: 24px;
    --auto-hero-zip-height: 52px;
    --auto-hero-zip-input-width: 280px;
    --auto-hero-zip-submit-padding: 24px;
    --mkt-section-spacing: var(--auto-section-spacing);

    min-block-size: 100dvh;
    background-color: var(--white);
}

.mlt-auto-landing-military-v1 .zip-device-hero-section {
    --auto-hero-bg: var(--auto-gradient-hero);
    --auto-hero-content-offset: 0px;
    --auto-hero-grid-gap: 32px;
    --auto-hero-min-block-size: auto;
    --auto-hero-media-min-block-size: clamp(340px, 44vw, 500px);
    --auto-hero-carrier-gap: clamp(2px, 1.4vw, 4px);
    --auto-hero-carrier-card-min-block-size: clamp(40px, 10vw, 74px);
    --auto-hero-carrier-card-padding-block: clamp(8px, 1.2vw, 16px);
    --auto-hero-carrier-card-padding-inline: clamp(8px, 1.8vw, 20px);
    --auto-hero-carrier-logo-width: clamp(60px, 15vw, 120px);
    --auto-hero-carrier-cta-width: clamp(60px, 13vw, 80px);
    --auto-hero-carrier-cta-block-size: clamp(34px, 6vw, 48px);
    position: relative;
    padding-block-start: var(--mkt-header-height);
    margin-block-start: calc(var(--mkt-header-height) * -1);
    overflow: visible;
    color: var(--white);
    background: var(--auto-hero-bg);

    @media (768px <= width <= 960px) {
        --auto-hero-content-offset: 0;
        --auto-hero-media-min-block-size: clamp(360px, 48vw, 500px);
    }

    @media (width > 960px) {
        --auto-hero-min-block-size: min(58svh, 826px);
        --auto-hero-media-min-block-size: clamp(440px, 26vw, 600px);
        --auto-hero-carrier-gap: clamp(2px, 0.9vw, 4px);
        --auto-hero-carrier-card-min-block-size: clamp(64px, 5.2vw, 84px);
        --auto-hero-carrier-logo-width: clamp(112px, 10vw, 140px);
        --auto-hero-carrier-cta-width: clamp(104px, 9vw, 100px);
        --auto-hero-carrier-cta-block-size: clamp(32px, 3.6vw, 48px);
        --auto-hero-content-gap: 32px;
        --auto-hero-zip-height: 56px;
        --auto-hero-zip-submit-padding: 28px;
    }
}

.mlt-auto-landing-military-v1 .zip-device-hero-section__layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    justify-items: start;
    gap: var(--auto-hero-grid-gap);
    min-block-size: var(--auto-hero-min-block-size);
    max-inline-size: var(--mkt-page-max-width);
    margin-inline: auto;
    padding-inline: 24px;
    padding-block: clamp(24px, 7vw, 40px) clamp(36px, 9vw, 56px);
    overflow: hidden;

    @media (width > 960px) {
        grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.86fr);
        justify-items: center;
        gap: var(--auto-hero-grid-gap);
        padding-block: 0;
    }
}

.mlt-auto-landing-military-v1 .zip-device-hero-section__content {
    position: relative;
    z-index: 2;
    display: flex;
    grid-row: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    inline-size: 100%;
    max-inline-size: 620px;
    gap: var(--auto-hero-content-gap);
    margin-block: 0;
    margin-inline: 0;
    padding-block-end: 0;
    text-align: start;
    transform: translateY(var(--auto-hero-content-offset));

    @media (width > 960px) {
        grid-column: 1;
        align-items: flex-start;
        justify-content: center;
        margin-inline: 0;
        padding-inline-end: 0;
        gap: var(--auto-hero-content-gap);
        text-align: start;
    }
}

.mlt-auto-landing-military-v1 .zip-device-hero-section__content > .mkt-heading {
    max-inline-size: var(--auto-hero-copy-max-inline-size);
}

.mlt-auto-landing-military-v1 .zip-device-hero-section__content > p.mkt-heading {
    text-wrap: pretty;
}

.mlt-auto-landing-military-v1 .zip-device-hero-section__actions {
    display: grid;
    justify-items: start;
    gap: 20px;
    inline-size: 100%;
    max-inline-size: 480px;
}

.mlt-auto-landing-military-v1 .zip-device-hero-section__actions .zip-wrapper {
    margin-block-start: 0;
}

.mlt-auto-landing-military-v1 .zip-device-hero-section__actions .auto-trust-note {
    margin: 0;
}

.mlt-auto-landing-military-v1 .zip-wrapper {
    --zip-wrapper-padding: 0px;
    --zip-wrapper-gap: 8px;
    --zip-wrapper-bg: transparent;
    --zip-input-bg: var(--mkt-bg-primary);
    --zip-radius: var(--radius-pill);
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    gap: var(--zip-wrapper-gap);
    inline-size: 100%;
    max-inline-size: 480px;
    margin-block-start: 8px;
    margin-inline: 0;
    padding: var(--zip-wrapper-padding);
    overflow: hidden;
    isolation: isolate;

    @media (width > 940px) {
        --zip-wrapper-bg: var(--mkt-bg-primary);
        --zip-wrapper-padding: 8px;
        --zip-wrapper-gap: 0px;
        --zip-input-bg: transparent;
        display: inline-flex;
        flex-direction: row;
        inline-size: -moz-fit-content;
        inline-size: fit-content;
        border-radius: var(--zip-radius);
    }
}

@media (width > 960px) {
    .mlt-auto-landing-military-v1 .zip-device-hero-section .zip-wrapper {
        margin-inline: 0;
    }
}

.mlt-auto-landing-military-v1 .zip-wrapper::before,
.mlt-auto-landing-military-v1 .zip-wrapper::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
}

.mlt-auto-landing-military-v1 .zip-wrapper::before {
    inset: 0;
    z-index: -2;
    transition: background-position 0.2s cubic-bezier(0.45, 0.02, 0.09, 0.98);

    @media (width > 940px) {
        background: linear-gradient(to right, #dbd7d7 50%, var(--mkt-bg-surface-dark) 50%);
        background-size: 200% 100%;
    }
}

.mlt-auto-landing-military-v1 .zip-wrapper::after {
    inset: 1px;
    z-index: -1;
    background: var(--zip-wrapper-bg);
}

.mlt-auto-landing-military-v1 .zip-wrapper:hover::before,
.mlt-auto-landing-military-v1 .zip-wrapper:focus-within::before {
    background-position: -100% 0;
}

.mlt-auto-landing-military-v1 .zip-input {
    display: inline-flex;
    flex-direction: row;
    inline-size: 100%;
    block-size: var(--auto-hero-zip-height);
    overflow: hidden;
    color: var(--mkt-fg-primary);
    background-color: var(--zip-input-bg);
    border-radius: var(--zip-radius);

    @media (width > 940px) {
        inline-size: var(--auto-hero-zip-input-width);
        border-radius: 0;
        background-color: transparent;
    }
}

.mlt-auto-landing-military-v1 .zip-input input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: flex;
    inline-size: 100%;
    block-size: 100%;
    padding: 0 8px 0 20px;
    border: none;
    background-color: transparent;
    color: inherit;
    font: inherit;
}

.mlt-auto-landing-military-v1 .zip-input input:focus-visible {
    outline: none;
    border: none;
    box-shadow: none;
}

.mlt-auto-landing-military-v1 .zip-input input:-webkit-autofill,
.mlt-auto-landing-military-v1 .zip-input input:-webkit-autofill:hover,
.mlt-auto-landing-military-v1 .zip-input input:-webkit-autofill:focus {
    border: none;
    background-color: transparent;
    -webkit-text-fill-color: var(--mkt-fg-primary);
    caret-color: var(--mkt-fg-primary);
    -webkit-background-clip: text;
    background-clip: text;
    box-shadow: 0 0 0 1000px transparent inset;
    -webkit-transition: background-color 9999s ease-out;
    transition: background-color 9999s ease-out;
}

.mlt-auto-landing-military-v1 .zip-submit-btn {
    flex-shrink: 0;
    block-size: var(--auto-hero-zip-height);
    min-block-size: var(--auto-hero-zip-height);
    padding-inline: var(--auto-hero-zip-submit-padding);
}

.mlt-auto-landing-military-v1 .zip-submit-btn:disabled {
    opacity: 1;
    background-color: var(--color-accent);
}

.mlt-auto-landing-military-v1 .auto-zip-error {
    inline-size: 100%;
    max-inline-size: 480px;
    margin: 8px 0 0;
    color: var(--white);
    font-size: 0.875rem;
    font-weight: 700;
}

.mlt-auto-landing-military-v1 #auto-quote-cta .auto-zip-error {
    margin-inline: auto;
    color: var(--mkt-color-red);
}

.mlt-auto-landing-military-v1 .auto-trust-note {
    display: inline-flex;
    align-items: center;
    margin: 10px 0 0;
}

.mlt-auto-landing-military-v1 .zip-device-hero-section .auto-trust-note .gen-badge {
    --gen-badge-bg: transparent;
    --gen-badge-text: var(--white);
    --gen-badge-ring: none;
    padding: 0;
}

.mlt-auto-landing-military-v1 .zip-device-hero-section__media {
    position: relative;
    display: none;
    grid-row: 2;
    place-items: center;
    inline-size: 100%;
    min-block-size: var(--auto-hero-media-min-block-size);
    isolation: isolate;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    @media (width > 960px) {
        display: grid;
        grid-row: 1;
        grid-column: 2;
        align-self: stretch;
    }
}

.mlt-auto-landing-military-v1 .auto-hero-carrier-stack {
    display: grid;
    gap: var(--auto-hero-carrier-gap);
    inline-size: min(100%, 500px);
    margin-inline: auto;
    padding-block: clamp(2px, 0.8vw, 8px);
    color: inherit;
}

.mlt-auto-landing-military-v1 .auto-hero-carrier-card {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: clamp(6px, 1.6vw, 18px);
    min-block-size: var(--auto-hero-carrier-card-min-block-size);
    padding-block: var(--auto-hero-carrier-card-padding-block);
    padding-inline: var(--auto-hero-carrier-card-padding-inline);
    border: 1.5px solid rgb(199 204 210 / 92%);
    border-radius: 8px;
    background: rgb(255 255 255 / 96%);
    box-shadow: 0 18px 44px rgb(6 27 49 / 14%);
    color: #111827;
}

.mlt-auto-landing-military-v1 .auto-hero-carrier-card:nth-child(n + 2) {
    --auto-hero-carrier-logo-width: calc(clamp(112px, 10vw, 140px) * 0.93);
    --auto-hero-carrier-cta-width: calc(clamp(104px, 9vw, 100px) * 0.93);
    --auto-hero-carrier-cta-block-size: calc(clamp(32px, 3.6vw, 48px) * 0.93);
    min-block-size: calc(var(--auto-hero-carrier-card-min-block-size) * 0.93);
    margin-block: -2px;
    padding-block: calc(var(--auto-hero-carrier-card-padding-block) * 0.93);
    padding-inline: calc(var(--auto-hero-carrier-card-padding-inline) * 0.93);
    transform: scale(0.93);
    transform-origin: center;
}

.mlt-auto-landing-military-v1 .auto-hero-carrier-card__logo {
    display: grid;
    justify-self: start;
    place-items: center start;
    min-inline-size: 0;
}

.mlt-auto-landing-military-v1 .auto-hero-carrier-card__logo svg {
    display: block;
    inline-size: min(100%, var(--auto-hero-carrier-logo-width));
    block-size: auto;
    max-block-size: clamp(16px, 3.8vw, 38px);
}

.mlt-auto-landing-military-v1 .auto-hero-carrier-card__reviews {
    display: grid;
    justify-items: center;
    justify-self: center;
    gap: 4px;
    min-inline-size: 0;
    color: #111827;
    line-height: 1;
    text-align: center;
}

.mlt-auto-landing-military-v1 .auto-hero-carrier-card__reviews-label {
    font-size: clamp(0.4rem, 1vw, 0.6rem);
    font-weight: 800;
}

.mlt-auto-landing-military-v1 .auto-hero-carrier-card__stars {
    color: var(--auto-color-trust-green);
    font-size: clamp(0.64rem, 1.25vw, 0.92rem);
    font-weight: 800;
    white-space: nowrap;
}

.mlt-auto-landing-military-v1 .auto-hero-carrier-card__cta {
    display: inline-grid;
    place-items: center;
    justify-self: end;
    min-inline-size: var(--auto-hero-carrier-cta-width);
    min-block-size: var(--auto-hero-carrier-cta-block-size);
    padding-inline: 10px;
    border-radius: var(--radius-pill);
    background: #dfedf8;
    color: #383d42;
    font-size: clamp(0.6rem, 1.4vw, 0.75rem);
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.mlt-auto-landing-military-v1 .auto-lenders-section {
    padding-block-start: 48px;
    padding-block-end: 40px;

    @media (width > 640px) {
        padding-block-end: 48px;
    }

    @media (width > 940px) {
        padding-block-end: 64px;
    }
}

.mlt-auto-landing-military-v1 #value-prop,
.mlt-auto-landing-military-v1 #auto-quote-cta {
    background: #f5f8fa;
}

.mlt-auto-landing-military-v1 .mkt-divider-container {
    --divider-height: 60px;
}

.mlt-auto-landing-military-v1 .auto-adviser-section {
    display: grid;
    gap: clamp(30px, 4vw, 42px);
}

.mlt-auto-landing-military-v1 .auto-adviser-section__header {
    display: grid;
    justify-items: center;
    gap: 16px;
    text-align: center;
}

.mlt-auto-landing-military-v1 .auto-adviser-section__header > p {
    max-inline-size: 760px;
    margin: 0;
    line-height: 1.6;
    text-wrap: pretty;
}

.mlt-auto-landing-military-v1 .auto-adviser-section__layout {
    display: grid;
    justify-items: center;
    inline-size: 100%;
    max-inline-size: 1080px;
    gap: 28px;
    margin-inline: auto;

    @media (width > 768px) {
        grid-template-columns: 1fr;
        justify-items: stretch;
        gap: 0;
    }
}

.mlt-auto-landing-military-v1 .auto-adviser-section__items {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    inline-size: 100%;
    max-inline-size: 100%;
    text-align: center;

    @media (width > 768px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        justify-self: end;
        text-align: start;
    }
}

.mlt-auto-landing-military-v1 .auto-adviser-section__item {
    display: grid;
    grid-template-rows: auto 1fr;
    align-content: start;
    gap: 8px;
}

.mlt-auto-landing-military-v1 .auto-adviser-section__item .mkt-heading,
.mlt-auto-landing-military-v1 .auto-adviser-section__item p {
    margin: 0;
}

.mlt-auto-landing-military-v1 .auto-adviser-section__item p {
    line-height: 1.55;
    text-wrap: pretty;
}

.mlt-auto-landing-military-v1 .auto-adviser-section__item-title {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-block-size: 72px;
    gap: 10px;

    @media (width > 768px) {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.mlt-auto-landing-military-v1 .auto-adviser-section__item-title span {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    inline-size: 34px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: color-mix(in oklab, var(--auto-color-blue-action) 12%, white);
    color: var(--auto-color-blue-action);
}

.mlt-auto-landing-military-v1 .auto-adviser-section__item-title svg {
    inline-size: 18px;
    block-size: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.mlt-auto-landing-military-v1 #autoloan-value {
    --auto-savings-section-gap: clamp(28px, 3vw, 40px);
    --mkt-section-bg: transparent;
}

.mlt-auto-landing-military-v1 .auto-savings-section {
    display: grid;
    justify-items: center;
    gap: var(--auto-savings-section-gap);
    padding-block-start: 0;
}

.mlt-auto-landing-military-v1 .auto-savings-section > .mkt-heading {
    max-inline-size: 920px;
    margin-inline: auto;
    text-wrap: balance;
}

.mlt-auto-landing-military-v1 .auto-savings-grid {
    display: grid;
    inline-size: 100%;
    gap: clamp(24px, 3vw, 32px);

    @media (width > 860px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.mlt-auto-landing-military-v1 .auto-savings-card {
    --auto-savings-visual-bg: var(--auto-surface-savings-compare);
    display: grid;
    align-content: start;
    gap: 18px;
    text-align: start;

    @media (width > 860px) {
        padding-inline: clamp(16px, 2vw, 32px);
    }
}

@media (width > 860px) {
    .mlt-auto-landing-military-v1 .auto-savings-card:not(:last-child) {
        border-inline-end: 1px solid var(--mkt-border-light);
    }
}

.mlt-auto-landing-military-v1 .auto-savings-card > p {
    line-height: 1.55;
}

.mlt-auto-landing-military-v1 .auto-savings-card:where([data-variant="formSteps"]) {
    --auto-savings-visual-bg: var(--auto-surface-savings-agents);
}

.mlt-auto-landing-military-v1 .auto-savings-card:where([data-variant="savings"]) {
    --auto-savings-visual-bg: var(--auto-surface-savings);
}

.mlt-auto-landing-military-v1 .auto-savings-card__visual {
    display: grid;
    place-items: end center;
    block-size: clamp(280px, 24vw, 320px);
    margin-block-end: 4px;
    border-radius: 12px;
    background: var(--auto-savings-visual-bg);
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card {
    position: relative;
    box-sizing: border-box;
    display: grid;
    align-content: start;
    gap: 14px;
    inline-size: min(76%, 220px);
    block-size: 88%;
    padding: 12px 14px 14px;
    overflow: hidden;
    border: 5px solid #111827;
    border-block-end: 0;
    border-radius: 26px 26px 0 0;
    background: #f8fafc;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card::before {
    content: "";
    position: absolute;
    inset-block-start: 8px;
    inset-inline: 50%;
    inline-size: 40px;
    block-size: 9px;
    border-radius: var(--radius-pill);
    background: #050816;
    transform: translateX(-50%);
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    block-size: 44px;
    pointer-events: none;
    background: linear-gradient(to bottom, transparent, #f8fafc 86%);
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__status {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-block-start: 2px;
    color: #050816;
    font-size: 0.58rem;
    font-weight: 800;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__brand {
    margin-block-start: 8px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__brand img {
    display: block;
    inline-size: min(100%, 104px);
    block-size: auto;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__rows {
    display: grid;
    gap: 8px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 9px;
    background: var(--white);
    box-shadow: 0 9px 18px rgba(15, 23, 42, 0.09);
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__row svg {
    inline-size: min(100%, 86px);
    block-size: 24px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__row strong {
    display: flex;
    align-items: baseline;
    gap: 2px;
    color: #101827;
    font-size: 0.82rem;
    font-weight: 850;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card:where([data-visual="quotes"]) {
    inline-size: min(72%, 208px);
    block-size: 84%;
    gap: 8px;
    padding-block-start: 10px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card:where([data-visual="quotes"]) .auto-savings-phone-card__brand {
    margin-block-start: 4px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card:where([data-visual="quotes"]) .auto-savings-phone-card__brand img {
    inline-size: min(100%, 88px);
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card:where([data-visual="quotes"]) .auto-savings-phone-card__rows {
    gap: 16px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card:where([data-visual="quotes"]) .auto-savings-phone-card__row {
    padding-block: 7px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card:where([data-visual="form-steps"]) {
    gap: 12px;
    padding-inline: 12px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__form-steps {
    display: grid;
    gap: 10px;
    margin-block-start: 20px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__form-step {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid var(--mkt-border-light);
    border-radius: 12px;
    background: var(--white);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
    text-align: start;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__form-step:where([data-active="true"]) {
    border-color: color-mix(in oklab, var(--auto-color-blue-action) 34%, white);
    background: color-mix(in oklab, var(--auto-color-blue-action) 8%, white);
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__form-step span {
    color: var(--mkt-color-blue);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__form-step strong {
    color: #101827;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.2;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__form-cta {
    display: grid;
    place-items: center;
    min-block-size: 34px;
    border-radius: var(--radius-pill);
    background: var(--mkt-color-red);
    color: var(--white);
    font-size: 0.74rem;
    font-weight: 850;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__avatars {
    display: flex;
    justify-content: center;
    margin-block-start: 38px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__avatars span {
    inline-size: 24px;
    aspect-ratio: 1;
    margin-inline-start: -6px;
    border: 2px solid white;
    border-radius: 50%;
    background: linear-gradient(135deg, #fda4af, #1d4ed8);
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__avatars span:first-child {
    margin-inline-start: 0;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__avatars span:nth-child(2) {
    background: linear-gradient(135deg, #fde68a, #334155);
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__avatars span:nth-child(3) {
    background: linear-gradient(135deg, #c4b5fd, #0f766e);
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__rating {
    display: grid;
    justify-items: center;
    gap: 8px;
    margin-block-start: 8px;
    padding: 20px 18px;
    border-radius: 12px;
    background: var(--white);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.12);
    text-align: center;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__rating svg {
    inline-size: min(100%, 108px);
    block-size: 28px;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__rating strong {
    color: var(--mkt-color-red);
    font-size: 1.35rem;
    font-weight: 850;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__rating > span {
    color: var(--auto-color-trust-green);
    font-size: 1.2rem;
    letter-spacing: 0.05em;
}

.mlt-auto-landing-military-v1 .auto-savings-phone-card__rating small {
    color: var(--mkt-fg-secondary);
    font-size: 0.62rem;
    font-weight: 700;
}

.mlt-auto-landing-military-v1 #auto-quote-cta .mkt-row-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-inline-size: 760px;
    gap: 16px;
    margin-inline: auto;
    text-align: center;
}

.mlt-auto-landing-military-v1 #auto-quote-cta .zip-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: space-between;
    inline-size: min(100%, 440px);
    max-inline-size: 440px;
    margin-block-start: 0;
    margin-inline: auto;
    overflow: visible;
}

.mlt-auto-landing-military-v1 #auto-quote-cta .zip-submit-btn {
    inline-size: 100%;
    min-block-size: 52px;
    padding-inline: 24px;
}

@media (width <= 940px) {
    .mlt-auto-landing-military-v1 #auto-quote-cta .zip-input {
        border: 1px solid var(--mkt-border-light);
    }
}

@media (width > 940px) {
    .mlt-auto-landing-military-v1 #auto-quote-cta .zip-wrapper {
        flex-direction: row;
        gap: 0;
        overflow: hidden;
    }

    .mlt-auto-landing-military-v1 #auto-quote-cta .zip-submit-btn {
        inline-size: auto;
    }
}

#app.mlt-auto-landing-military-v2-page {
    overflow-x: clip;
}

.mlt-auto-landing-military-v2 {
    --color-accent: #de3341;

    --auto-color-blue-deep: #163f87;
    --auto-color-blue-primary: #2d4b9b;
    --auto-color-blue-accent: #6e8fea;
    --auto-color-blue-action: #006dff;
    --auto-color-trust-green: #00b67a;
    --auto-surface-savings-compare: var(--auto-color-blue-deep);
    --auto-surface-savings-agents: #ebf0f5;
    --auto-surface-savings: var(--mkt-color-red);
    --auto-gradient-hero: linear-gradient(to bottom, var(--mkt-bg-surface-dark) 0%, var(--auto-color-blue-deep) 52%, var(--auto-color-blue-primary) 100%);
    --auto-section-spacing: clamp(48px, 6vw, 72px);
    --auto-hero-copy-max-inline-size: 480px;
    --auto-hero-content-gap: 24px;
    --auto-hero-zip-height: 52px;
    --auto-hero-zip-input-width: 300px;
    --auto-hero-zip-submit-padding: 24px;
    --mkt-section-spacing: var(--auto-section-spacing);

    min-block-size: 100dvh;
    background-color: var(--white);
}

.mlt-auto-landing-military-v2 .zip-device-hero-section {
    --auto-hero-bg: linear-gradient(180deg, var(--white) 0%, #f5f8fa 100%);
    --auto-hero-content-offset: 0px;
    --auto-hero-grid-gap: 32px;
    --auto-hero-min-block-size: auto;
    --auto-hero-media-min-block-size: clamp(340px, 44vw, 500px);
    --auto-hero-carrier-gap: clamp(2px, 1.4vw, 4px);
    --auto-hero-carrier-card-min-block-size: clamp(40px, 10vw, 74px);
    --auto-hero-carrier-card-padding-block: clamp(8px, 1.2vw, 16px);
    --auto-hero-carrier-card-padding-inline: clamp(8px, 1.8vw, 20px);
    --auto-hero-carrier-logo-width: clamp(60px, 15vw, 120px);
    --auto-hero-carrier-cta-width: clamp(60px, 13vw, 80px);
    --auto-hero-carrier-cta-block-size: clamp(34px, 6vw, 48px);
    position: relative;
    padding-block-start: 0;
    margin-block-start: 0;
    overflow: visible;
    color: var(--mkt-fg-primary);
    background: var(--auto-hero-bg);

    @media (768px <= width <= 960px) {
        --auto-hero-content-offset: 0;
        --auto-hero-media-min-block-size: clamp(360px, 48vw, 500px);
    }

    @media (width > 960px) {
        --auto-hero-min-block-size: min(58svh, 826px);
        --auto-hero-media-min-block-size: clamp(440px, 26vw, 600px);
        --auto-hero-carrier-gap: clamp(2px, 0.9vw, 4px);
        --auto-hero-carrier-card-min-block-size: clamp(64px, 5.2vw, 84px);
        --auto-hero-carrier-logo-width: clamp(112px, 10vw, 140px);
        --auto-hero-carrier-cta-width: clamp(104px, 9vw, 100px);
        --auto-hero-carrier-cta-block-size: clamp(32px, 3.6vw, 48px);
        --auto-hero-content-gap: 32px;
        --auto-hero-zip-height: 56px;
        --auto-hero-zip-submit-padding: 28px;
    }
}

.mlt-auto-landing-military-v2 .zip-device-hero-section__layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    justify-items: start;
    gap: var(--auto-hero-grid-gap);
    min-block-size: var(--auto-hero-min-block-size);
    max-inline-size: var(--mkt-page-max-width);
    margin-inline: auto;
    padding-inline: 24px;
    padding-block: clamp(24px, 7vw, 40px) clamp(36px, 9vw, 56px);
    overflow: hidden;

    @media (width > 960px) {
        grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.86fr);
        justify-items: center;
        gap: var(--auto-hero-grid-gap);
        padding-block: 0;
    }
}

.mlt-auto-landing-military-v2 .zip-device-hero-section__content {
    position: relative;
    z-index: 2;
    display: flex;
    grid-row: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    max-inline-size: 620px;
    gap: var(--auto-hero-content-gap);
    margin-block: 0;
    margin-inline: auto;
    padding-block-end: 0;
    text-align: center;
    transform: translateY(var(--auto-hero-content-offset));

    @media (width > 960px) {
        grid-column: 1;
        align-items: flex-start;
        justify-content: center;
        margin-inline: 0;
        padding-inline-end: 0;
        gap: var(--auto-hero-content-gap);
        text-align: start;
    }
}

.mlt-auto-landing-military-v2 .zip-device-hero-section__content > .mkt-heading {
    max-inline-size: var(--auto-hero-copy-max-inline-size);
}

.mlt-auto-landing-military-v2 .zip-device-hero-section__content > p.mkt-heading {
    text-wrap: pretty;
}

.mlt-auto-landing-military-v2 .zip-device-hero-section__actions {
    display: grid;
    justify-items: center;
    gap: 20px;
    inline-size: 100%;
    max-inline-size: 520px;

    @media (width > 960px) {
        justify-items: start;
    }
}

.mlt-auto-landing-military-v2 .zip-device-hero-section__actions .zip-wrapper {
    margin-block-start: 0;
}

.mlt-auto-landing-military-v2 .zip-device-hero-section__actions .auto-trust-note {
    justify-self: center;
    margin: 0;

    @media (width > 960px) {
        justify-self: start;
    }
}

.mlt-auto-landing-military-v2 .zip-wrapper {
    --zip-wrapper-padding: 0px;
    --zip-wrapper-gap: 8px;
    --zip-wrapper-bg: transparent;
    --zip-input-bg: var(--mkt-bg-primary);
    --zip-radius: var(--radius-pill);
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    gap: var(--zip-wrapper-gap);
    inline-size: 100%;
    max-inline-size: 520px;
    margin-block-start: 8px;
    margin-inline: 0;
    padding: var(--zip-wrapper-padding);
    overflow: hidden;
    isolation: isolate;

    @media (width > 940px) {
        --zip-wrapper-bg: var(--mkt-bg-primary);
        --zip-wrapper-padding: 8px;
        --zip-wrapper-gap: 0px;
        --zip-input-bg: transparent;
        display: inline-flex;
        flex-direction: row;
        inline-size: -moz-fit-content;
        inline-size: fit-content;
        border-radius: var(--zip-radius);
    }
}

@media (width > 960px) {
    .mlt-auto-landing-military-v2 .zip-device-hero-section .zip-wrapper {
        margin-inline: 0;
    }
}

.mlt-auto-landing-military-v2 .zip-wrapper::before,
.mlt-auto-landing-military-v2 .zip-wrapper::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
}

.mlt-auto-landing-military-v2 .zip-wrapper::before {
    inset: 0;
    z-index: -2;
    transition: background-position 0.2s cubic-bezier(0.45, 0.02, 0.09, 0.98);

    @media (width > 940px) {
        background: linear-gradient(to right, #dbd7d7 50%, var(--mkt-bg-surface-dark) 50%);
        background-size: 200% 100%;
    }
}

.mlt-auto-landing-military-v2 .zip-wrapper::after {
    inset: 1px;
    z-index: -1;
    background: var(--zip-wrapper-bg);
}

.mlt-auto-landing-military-v2 .zip-wrapper:hover::before,
.mlt-auto-landing-military-v2 .zip-wrapper:focus-within::before {
    background-position: -100% 0;
}

.mlt-auto-landing-military-v2 .zip-input {
    display: inline-flex;
    flex-direction: row;
    inline-size: 100%;
    block-size: var(--auto-hero-zip-height);
    overflow: hidden;
    color: var(--mkt-fg-primary);
    background-color: var(--zip-input-bg);
    border-radius: var(--zip-radius);

    @media (width > 940px) {
        inline-size: var(--auto-hero-zip-input-width);
        border-radius: 0;
        background-color: transparent;
    }
}

.mlt-auto-landing-military-v2 .zip-input input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: flex;
    inline-size: 100%;
    block-size: 100%;
    padding: 0 8px 0 20px;
    border: none;
    background-color: transparent;
    color: inherit;
    font: inherit;
    font-size: 1.25rem;
    font-weight: 400;

    @media (width > 940px) {
        font-size: 1.375rem;
    }
}

.mlt-auto-landing-military-v2 .zip-input input:focus-visible {
    outline: none;
    border: none;
    box-shadow: none;
}

.mlt-auto-landing-military-v2 .zip-input input:-webkit-autofill,
.mlt-auto-landing-military-v2 .zip-input input:-webkit-autofill:hover,
.mlt-auto-landing-military-v2 .zip-input input:-webkit-autofill:focus {
    border: none;
    background-color: transparent;
    -webkit-text-fill-color: var(--mkt-fg-primary);
    caret-color: var(--mkt-fg-primary);
    -webkit-background-clip: text;
    background-clip: text;
    box-shadow: 0 0 0 1000px transparent inset;
    -webkit-transition: background-color 9999s ease-out;
    transition: background-color 9999s ease-out;
}

.mlt-auto-landing-military-v2 .zip-submit-btn {
    --gen-button-font-size: 1.25rem;

    flex-shrink: 0;
    inline-size: 100%;
    block-size: var(--auto-hero-zip-height);
    min-block-size: var(--auto-hero-zip-height);
    padding-inline: var(--auto-hero-zip-submit-padding);

    @media (width > 940px) {
        --gen-button-font-size: 1.375rem;

        inline-size: auto;
    }
}

.mlt-auto-landing-military-v2 .zip-submit-btn:disabled {
    opacity: 1;
    background-color: var(--color-accent);
}

.mlt-auto-landing-military-v2 .auto-zip-error {
    inline-size: 100%;
    max-inline-size: 560px;
    margin: 8px 0 0;
    color: var(--mkt-color-red);
    font-size: 0.9375rem;
    font-weight: 700;
}

.mlt-auto-landing-military-v2 #auto-quote-cta .auto-zip-error {
    margin-inline: auto;
    color: var(--mkt-color-red);
}

.mlt-auto-landing-military-v2 .auto-trust-note {
    display: inline-flex;
    align-items: center;
    margin: 10px 0 0;
}

.mlt-auto-landing-military-v2 .zip-device-hero-section .auto-trust-note .gen-badge {
    --gen-badge-bg: transparent;
    --gen-badge-text: var(--mkt-fg-secondary);
    --gen-badge-ring: none;
    padding: 0;
}

.mlt-auto-landing-military-v2 .zip-device-hero-section__media {
    position: relative;
    display: none;
    grid-row: 2;
    place-items: center;
    inline-size: 100%;
    min-block-size: var(--auto-hero-media-min-block-size);
    isolation: isolate;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    @media (width > 960px) {
        display: grid;
        grid-row: 1;
        grid-column: 2;
        align-self: stretch;
    }
}

.mlt-auto-landing-military-v2 .auto-hero-carrier-stack {
    display: grid;
    gap: var(--auto-hero-carrier-gap);
    inline-size: min(100%, 500px);
    margin-inline: auto;
    padding-block: clamp(2px, 0.8vw, 8px);
    color: inherit;
}

.mlt-auto-landing-military-v2 .auto-hero-carrier-card {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: clamp(6px, 1.6vw, 18px);
    min-block-size: var(--auto-hero-carrier-card-min-block-size);
    padding-block: var(--auto-hero-carrier-card-padding-block);
    padding-inline: var(--auto-hero-carrier-card-padding-inline);
    border: 1.5px solid rgb(199 204 210 / 92%);
    border-radius: 8px;
    background: rgb(255 255 255 / 96%);
    box-shadow: 0 18px 44px rgb(6 27 49 / 14%);
    color: #111827;
}

.mlt-auto-landing-military-v2 .auto-hero-carrier-card:nth-child(n + 2) {
    --auto-hero-carrier-logo-width: calc(clamp(112px, 10vw, 140px) * 0.93);
    --auto-hero-carrier-cta-width: calc(clamp(104px, 9vw, 100px) * 0.93);
    --auto-hero-carrier-cta-block-size: calc(clamp(32px, 3.6vw, 48px) * 0.93);
    min-block-size: calc(var(--auto-hero-carrier-card-min-block-size) * 0.93);
    margin-block: -2px;
    padding-block: calc(var(--auto-hero-carrier-card-padding-block) * 0.93);
    padding-inline: calc(var(--auto-hero-carrier-card-padding-inline) * 0.93);
    transform: scale(0.93);
    transform-origin: center;
}

.mlt-auto-landing-military-v2 .auto-hero-carrier-card__logo {
    display: grid;
    justify-self: start;
    place-items: center start;
    min-inline-size: 0;
}

.mlt-auto-landing-military-v2 .auto-hero-carrier-card__logo svg {
    display: block;
    inline-size: min(100%, var(--auto-hero-carrier-logo-width));
    block-size: auto;
    max-block-size: clamp(16px, 3.8vw, 38px);
}

.mlt-auto-landing-military-v2 .auto-hero-carrier-card__reviews {
    display: grid;
    justify-items: center;
    justify-self: center;
    gap: 4px;
    min-inline-size: 0;
    color: #111827;
    line-height: 1;
    text-align: center;
}

.mlt-auto-landing-military-v2 .auto-hero-carrier-card__reviews-label {
    font-size: clamp(0.4rem, 1vw, 0.6rem);
    font-weight: 800;
}

.mlt-auto-landing-military-v2 .auto-hero-carrier-card__stars {
    color: var(--auto-color-trust-green);
    font-size: clamp(0.64rem, 1.25vw, 0.92rem);
    font-weight: 800;
    white-space: nowrap;
}

.mlt-auto-landing-military-v2 .auto-hero-carrier-card__cta {
    display: inline-grid;
    place-items: center;
    justify-self: end;
    min-inline-size: var(--auto-hero-carrier-cta-width);
    min-block-size: var(--auto-hero-carrier-cta-block-size);
    padding-inline: 10px;
    border-radius: var(--radius-pill);
    background: #dfedf8;
    color: #383d42;
    font-size: clamp(0.6rem, 1.4vw, 0.75rem);
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.mlt-auto-landing-military-v2 .auto-lenders-section {
    background: var(--white);
    padding-block-start: 48px;
    padding-block-end: 40px;

    @media (width > 640px) {
        padding-block-end: 48px;
    }

    @media (width > 940px) {
        padding-block-end: 64px;
    }
}

.mlt-auto-landing-military-v2 .auto-lenders-section .gen-logo-wall {
    gap: 0;
}

.mlt-auto-landing-military-v2 .auto-lenders-section .gen-logo-wall_logo-container {
    aspect-ratio: 267 / 104;
}

.mlt-auto-landing-military-v2 .auto-lenders-section .gen-logo-wall_logo-wrap {
    padding-inline: 6px;

    @media (width > 640px) {
        padding-inline: 12px;
    }
}

.mlt-auto-landing-military-v2 #value-prop,
.mlt-auto-landing-military-v2 #auto-quote-cta {
    background: #f5f8fa;
}

.mlt-auto-landing-military-v2 .mkt-divider-container {
    --divider-height: 60px;
}

.mlt-auto-landing-military-v2 .auto-adviser-section {
    display: grid;
    gap: clamp(30px, 4vw, 42px);
}

.mlt-auto-landing-military-v2 .auto-adviser-section__header {
    display: grid;
    justify-items: center;
    gap: 16px;
    text-align: center;
}

.mlt-auto-landing-military-v2 .auto-adviser-section__header > p {
    max-inline-size: 760px;
    margin: 0;
    line-height: 1.6;
    text-wrap: pretty;
}

.mlt-auto-landing-military-v2 .auto-adviser-section__layout {
    display: grid;
    justify-items: center;
    inline-size: 100%;
    max-inline-size: 1080px;
    gap: 28px;
    margin-inline: auto;

    @media (width > 768px) {
        grid-template-columns: 1fr;
        justify-items: stretch;
        gap: 0;
    }
}

.mlt-auto-landing-military-v2 .auto-adviser-section__items {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    inline-size: 100%;
    max-inline-size: 100%;
    text-align: center;

    @media (width > 768px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        justify-self: end;
        text-align: start;
    }
}

.mlt-auto-landing-military-v2 .auto-adviser-section__item {
    display: grid;
    grid-template-rows: auto 1fr;
    align-content: start;
    gap: 8px;
}

.mlt-auto-landing-military-v2 .auto-adviser-section__item .mkt-heading,
.mlt-auto-landing-military-v2 .auto-adviser-section__item p {
    margin: 0;
}

.mlt-auto-landing-military-v2 .auto-adviser-section__item p {
    line-height: 1.55;
    text-wrap: pretty;
}

.mlt-auto-landing-military-v2 .auto-adviser-section__item-title {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-block-size: 72px;
    gap: 10px;

    @media (width > 768px) {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.mlt-auto-landing-military-v2 .auto-adviser-section__item-title span {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    inline-size: 34px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: color-mix(in oklab, var(--auto-color-blue-action) 12%, white);
    color: var(--auto-color-blue-action);
}

.mlt-auto-landing-military-v2 .auto-adviser-section__item-title svg {
    inline-size: 18px;
    block-size: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.mlt-auto-landing-military-v2 #autoloan-value {
    --auto-savings-section-gap: clamp(28px, 3vw, 40px);
    --mkt-section-bg: transparent;
}

.mlt-auto-landing-military-v2 .auto-savings-section {
    display: grid;
    justify-items: center;
    gap: var(--auto-savings-section-gap);
    padding-block-start: 0;
}

.mlt-auto-landing-military-v2 .auto-savings-section > .mkt-heading {
    max-inline-size: 920px;
    margin-inline: auto;
    text-wrap: balance;
}

.mlt-auto-landing-military-v2 .auto-savings-grid {
    display: grid;
    inline-size: 100%;
    gap: clamp(24px, 3vw, 32px);

    @media (width > 860px) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.mlt-auto-landing-military-v2 .auto-savings-card {
    --auto-savings-visual-bg: var(--auto-surface-savings-compare);
    display: grid;
    align-content: start;
    gap: 18px;
    text-align: start;

    @media (width > 860px) {
        padding-inline: clamp(16px, 2vw, 32px);
    }
}

@media (width > 860px) {
    .mlt-auto-landing-military-v2 .auto-savings-card:not(:last-child) {
        border-inline-end: 1px solid var(--mkt-border-light);
    }
}

.mlt-auto-landing-military-v2 .auto-savings-card > p {
    line-height: 1.55;
}

.mlt-auto-landing-military-v2 .auto-savings-card:where([data-variant="formSteps"]) {
    --auto-savings-visual-bg: var(--auto-surface-savings-agents);
}

.mlt-auto-landing-military-v2 .auto-savings-card:where([data-variant="savings"]) {
    --auto-savings-visual-bg: var(--auto-surface-savings);
}

.mlt-auto-landing-military-v2 .auto-savings-card__visual {
    display: grid;
    place-items: end center;
    block-size: clamp(280px, 24vw, 320px);
    margin-block-end: 4px;
    border-radius: 12px;
    background: var(--auto-savings-visual-bg);
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card {
    position: relative;
    box-sizing: border-box;
    display: grid;
    align-content: start;
    gap: 14px;
    inline-size: min(76%, 220px);
    block-size: 88%;
    padding: 12px 14px 14px;
    overflow: hidden;
    border: 5px solid #111827;
    border-block-end: 0;
    border-radius: 26px 26px 0 0;
    background: #f8fafc;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card::before {
    content: "";
    position: absolute;
    inset-block-start: 8px;
    inset-inline: 50%;
    inline-size: 40px;
    block-size: 9px;
    border-radius: var(--radius-pill);
    background: #050816;
    transform: translateX(-50%);
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    block-size: 44px;
    pointer-events: none;
    background: linear-gradient(to bottom, transparent, #f8fafc 86%);
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__status {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-block-start: 2px;
    color: #050816;
    font-size: 0.58rem;
    font-weight: 800;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__brand {
    margin-block-start: 8px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__brand img {
    display: block;
    inline-size: min(100%, 104px);
    block-size: auto;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__rows {
    display: grid;
    gap: 8px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 9px;
    background: var(--white);
    box-shadow: 0 9px 18px rgba(15, 23, 42, 0.09);
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__row svg {
    inline-size: min(100%, 86px);
    block-size: 24px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__row strong {
    display: flex;
    align-items: baseline;
    gap: 2px;
    color: #101827;
    font-size: 0.82rem;
    font-weight: 850;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card:where([data-visual="quotes"]) {
    inline-size: min(72%, 208px);
    block-size: 84%;
    gap: 8px;
    padding-block-start: 10px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card:where([data-visual="quotes"]) .auto-savings-phone-card__brand {
    margin-block-start: 4px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card:where([data-visual="quotes"]) .auto-savings-phone-card__brand img {
    inline-size: min(100%, 88px);
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card:where([data-visual="quotes"]) .auto-savings-phone-card__rows {
    gap: 16px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card:where([data-visual="quotes"]) .auto-savings-phone-card__row {
    padding-block: 7px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card:where([data-visual="form-steps"]) {
    gap: 12px;
    padding-inline: 12px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__form-steps {
    display: grid;
    gap: 10px;
    margin-block-start: 20px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__form-step {
    display: grid;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid var(--mkt-border-light);
    border-radius: 12px;
    background: var(--white);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
    text-align: start;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__form-step:where([data-active="true"]) {
    border-color: color-mix(in oklab, var(--auto-color-blue-action) 34%, white);
    background: color-mix(in oklab, var(--auto-color-blue-action) 8%, white);
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__form-step span {
    color: var(--mkt-color-blue);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__form-step strong {
    color: #101827;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.2;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__form-cta {
    display: grid;
    place-items: center;
    min-block-size: 34px;
    border-radius: var(--radius-pill);
    background: var(--mkt-color-red);
    color: var(--white);
    font-size: 0.74rem;
    font-weight: 850;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__avatars {
    display: flex;
    justify-content: center;
    margin-block-start: 38px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__avatars span {
    inline-size: 24px;
    aspect-ratio: 1;
    margin-inline-start: -6px;
    border: 2px solid white;
    border-radius: 50%;
    background: linear-gradient(135deg, #fda4af, #1d4ed8);
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__avatars span:first-child {
    margin-inline-start: 0;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__avatars span:nth-child(2) {
    background: linear-gradient(135deg, #fde68a, #334155);
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__avatars span:nth-child(3) {
    background: linear-gradient(135deg, #c4b5fd, #0f766e);
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__rating {
    display: grid;
    justify-items: center;
    gap: 8px;
    margin-block-start: 8px;
    padding: 20px 18px;
    border-radius: 12px;
    background: var(--white);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.12);
    text-align: center;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__rating svg {
    inline-size: min(100%, 108px);
    block-size: 28px;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__rating strong {
    color: var(--mkt-color-red);
    font-size: 1.35rem;
    font-weight: 850;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__rating > span {
    color: var(--auto-color-trust-green);
    font-size: 1.2rem;
    letter-spacing: 0.05em;
}

.mlt-auto-landing-military-v2 .auto-savings-phone-card__rating small {
    color: var(--mkt-fg-secondary);
    font-size: 0.62rem;
    font-weight: 700;
}

.mlt-auto-landing-military-v2 #auto-quote-cta .mkt-row-layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-inline-size: 760px;
    gap: 16px;
    margin-inline: auto;
    text-align: center;
}

.mlt-auto-landing-military-v2 #auto-quote-cta .zip-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: space-between;
    inline-size: min(100%, 520px);
    max-inline-size: 520px;
    margin-block-start: 0;
    margin-inline: auto;
    overflow: visible;
}

.mlt-auto-landing-military-v2 #auto-quote-cta .zip-submit-btn {
    inline-size: 100%;
    min-block-size: 52px;
    padding-inline: 24px;
}

@media (width <= 940px) {
    .mlt-auto-landing-military-v2 .zip-device-hero-section .zip-input,
    .mlt-auto-landing-military-v2 #auto-quote-cta .zip-input {
        border: 1px solid var(--mkt-border-light);
    }
}

@media (width > 940px) {
    .mlt-auto-landing-military-v2 #auto-quote-cta .zip-wrapper {
        flex-direction: row;
        gap: 0;
        overflow: hidden;
    }

    .mlt-auto-landing-military-v2 #auto-quote-cta .zip-submit-btn {
        inline-size: auto;
    }
}

[data-mlt-auto-landing-zip] {
    --fs-heading--text-align: center;

    .zip-step_heading-hero {
        display: flex;
        flex-direction: column;
        align-items: center;
        inline-size: 100%;
        isolation: isolate;
    }

    .zip-step_heading-title {
        z-index: 2;
        inline-size: 100%;
        max-inline-size: 100%;
        margin-block-start: 0;
    }

}


/*# sourceMappingURL=gen-styles-54465cd1eab8a797d194.css.map*/