/* Marketing CSS split from landing.css. Generated from landing.css.pre_marketing_split and current landing.css during the marketing-only desktop/tablet/mobile refactor. */

@font-face {
    font-family: "Inter";
        font-style: normal;
        font-weight: 100 900;
        font-display: swap;
        src: url("../fonts/inter-latin.woff2") format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url("../fonts/space-grotesk-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Space Grotesk";
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url("../fonts/space-grotesk-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Fraunces";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/fraunces-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Fraunces";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/fraunces-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
body.landing-body {
    --lp-font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
        --lp-font-display: "Space Grotesk", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
        --lp-font-serif: Fraunces, ui-serif, Georgia, serif;
        --lp-font-size-body: 16px;
        --lp-line-height-body: 1.6;
        --lp-text-measure: 68ch;

        --lp-space-2: 4px;
        --lp-space-3: 8px;
        --lp-space-4: 12px;
        --lp-space-5: 16px;
        --lp-space-6: 24px;
        --lp-space-7: 32px;
        --lp-space-8: 48px;
        --lp-space-9: 64px;
        --lp-space-10: 80px;
        --lp-space-11: 96px;

        --lp-radius-sm: 8px;
        --lp-radius-md: 14px;
        --lp-radius-lg: 20px;
        --lp-radius-xl: 24px;
        --lp-radius-full: 999px;

        --lp-shadow-soft: 0 10px 22px rgba(15, 23, 42, 0.05);
        --lp-shadow-card: 0 16px 32px rgba(15, 23, 42, 0.07);
        --lp-shadow-hero: 0 22px 60px rgba(15, 23, 42, 0.14);
        --lp-shadow-glow: 0 0 0 1px rgba(212, 175, 55, 0.18), 0 14px 30px rgba(15, 23, 42, 0.08);

        --lp-color-bg: #F4EFE6;
        --lp-color-surface: #FBF7F0;
        --lp-color-surface-soft: #EEE6D7;
        --lp-color-border-subtle: rgba(61, 58, 52, 0.14);

        --lp-color-ink-strong: #1A1917;
        --lp-color-ink-base: #3D3A34;
        --lp-color-ink-muted: #6B6458;
        --lp-color-ink-soft: #9A9188;

        --lp-color-text-strong: var(--lp-color-ink-strong);
        --lp-color-text: var(--lp-color-ink-strong);
        --lp-color-text-base: var(--lp-color-ink-base);
        --lp-color-text-muted: var(--lp-color-ink-muted);
        --lp-color-text-soft: var(--lp-color-ink-soft);
        --lp-color-link: var(--lp-color-ink-base);
        --lp-color-link-hover: var(--lp-color-ink-strong);
        --lp-header-bg: rgba(244, 239, 230, 0.84);
        --lp-header-bg-scrolled: rgba(244, 239, 230, 0.92);
        --lp-header-border: rgba(61, 58, 52, 0.10);
        --lp-scroll-indicator-track: rgba(61, 58, 52, 0.07);
        --lp-scroll-indicator-glow: rgba(61, 58, 52, 0.02);
        --lp-scroll-indicator-fill-start: color-mix(in srgb, var(--lp-color-brand) 76%, rgba(255, 255, 255, 0.12));
        --lp-scroll-indicator-fill-end: color-mix(in srgb, var(--lp-color-brand) 54%, transparent);
        --lp-overlay-bg: rgba(26, 25, 23, 0.42);
        --lp-panel-bg: #FBF7F0;
        --lp-panel-border: rgba(61, 58, 52, 0.14);
        --lp-panel-bg-strong: rgba(246, 240, 231, 0.98);
        --lp-panel-hover: color-mix(in srgb, #ffffff 98.5%, var(--lp-color-brand) 1.5%);
        --lp-panel-hover-strong: color-mix(in srgb, #ffffff 99%, var(--lp-color-brand) 1%);
        --lp-panel-shadow: 0 10px 18px rgba(61, 58, 52, 0.08), 0 28px 64px rgba(26, 25, 23, 0.14);
        --lp-ghost-bg: rgba(251, 247, 240, 0.88);
        --lp-ghost-bg-hover: rgba(251, 247, 240, 0.97);
        --lp-ghost-text: var(--lp-color-ink-strong);
        --lp-ghost-border: rgba(61, 58, 52, 0.16);
        --lp-ghost-border-hover: rgba(61, 58, 52, 0.26);
        --lp-footer-surface: rgba(251, 247, 240, 0.74);
        --lp-footer-text: var(--lp-color-text-base);
        --lp-footer-text-muted: var(--lp-color-text-muted);
        --lp-color-accent: #d4a017;
        --lp-color-brand: #d4a017;
        --lp-color-brand-dark: #b88711;
        --lp-bg-grid-size: 48px;
        --lp-bg-grid-color: rgba(61, 58, 52, 0.055);
        --lp-bg-grid-accent: rgba(212, 160, 23, 0.03);
        --lp-bg-noise-size: 160px 160px;
        --lp-bg-noise-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");

        margin: 0;
        font-family: var(--lp-font-sans);
        color: var(--lp-color-text);
        overflow-x: hidden;
        overscroll-behavior-x: none;
        touch-action: pan-y;
        background:
            radial-gradient(circle at 12% -12%, rgba(212, 160, 23, 0.18), transparent 44%),
            radial-gradient(circle at 84% 0%, rgba(61, 58, 52, 0.11), transparent 52%),
            var(--lp-color-bg);
        font-size: var(--lp-font-size-body);
        line-height: var(--lp-line-height-body);
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        scroll-behavior: smooth;


        --lp-scrollbar-track: rgba(61, 58, 52, 0.08);
        --lp-scrollbar-thumb: rgba(212, 160, 23, 0.50);
        --lp-scrollbar-thumb-hover: rgba(212, 160, 23, 0.72);
        scrollbar-color: var(--lp-scrollbar-thumb) var(--lp-scrollbar-track);
        scrollbar-width: thin;
}

body.landing-body.lp-mobile-nav-open,
body.landing-body.lp-modal-open {
    overflow: hidden;
}

/*
 * Mobile Safari: transformed ancestors break position:fixed for the drawer.
 * Disable transforms on the page wrapper while the mobile nav is open.
 */
body.landing-body.lp-mobile-nav-open .lp-page {
    transform: none !important;
    filter: none !important;
}

html.landing-html {
    --lp-scrollbar-track: rgba(61, 58, 52, 0.08);
        --lp-scrollbar-thumb: rgba(212, 160, 23, 0.50);
        --lp-scrollbar-thumb-hover: rgba(212, 160, 23, 0.72);
        scrollbar-color: var(--lp-scrollbar-thumb) var(--lp-scrollbar-track);
        scrollbar-width: thin;
}
html.landing-html::-webkit-scrollbar,
body.landing-body::-webkit-scrollbar {
    width: 8px;
        height: 8px;
}
html.landing-html::-webkit-scrollbar-track,
body.landing-body::-webkit-scrollbar-track {
    background: var(--lp-scrollbar-track);
}
html.landing-html::-webkit-scrollbar-thumb,
body.landing-body::-webkit-scrollbar-thumb {
    background: var(--lp-scrollbar-thumb);
        border-radius: 999px;
        border: 2px solid transparent;
        background-clip: content-box;
}
html.landing-html::-webkit-scrollbar-thumb:hover,
body.landing-body::-webkit-scrollbar-thumb:hover {
    background: var(--lp-scrollbar-thumb-hover);
}
html[data-theme="dark"] body.landing-body {
    --lp-shadow-soft: 0 10px 22px rgba(0, 0, 0, 0.28);
        --lp-shadow-card: 0 16px 32px rgba(0, 0, 0, 0.34);
        --lp-shadow-hero: 0 22px 60px rgba(0, 0, 0, 0.55);
        --lp-shadow-glow: 0 0 0 1px rgba(148, 163, 184, 0.12), 0 22px 60px rgba(0, 0, 0, 0.58);

        --lp-color-bg: #07080b;
        --lp-color-surface: rgba(11, 13, 20, 0.86);
        --lp-color-surface-soft: rgba(15, 19, 32, 0.42);
        --lp-color-border-subtle: rgba(243, 244, 246, 0.10);
        --lp-color-ink-strong: #f3f4f6;
        --lp-color-ink-base: rgba(243, 244, 246, 0.92);
        --lp-color-ink-muted: rgba(161, 161, 170, 0.92);
        --lp-color-ink-soft: rgba(161, 161, 170, 0.72);
        --lp-color-text-strong: var(--lp-color-ink-strong);
        --lp-color-text: #f3f4f6;
        --lp-color-text-base: var(--lp-color-ink-base);
        --lp-color-text-muted: rgba(161, 161, 170, 0.92);
        --lp-color-text-soft: var(--lp-color-ink-soft);
        --lp-color-link: rgba(243, 244, 246, 0.86);
        --lp-color-link-hover: #ffffff;
        --lp-header-bg: rgba(7, 8, 11, 0.66);
        --lp-header-bg-scrolled: rgba(7, 8, 11, 0.82);
        --lp-header-border: rgba(243, 244, 246, 0.10);
        --lp-scroll-indicator-track: rgba(243, 244, 246, 0.08);
        --lp-scroll-indicator-glow: rgba(243, 244, 246, 0.03);
        --lp-scroll-indicator-fill-start: color-mix(in srgb, var(--lp-color-brand) 82%, rgba(255, 255, 255, 0.16));
        --lp-scroll-indicator-fill-end: color-mix(in srgb, var(--lp-color-brand) 58%, transparent);
        --lp-overlay-bg: rgba(0, 0, 0, 0.6);
        --lp-panel-bg: #0b0d14;
        --lp-panel-border: rgba(243, 244, 246, 0.10);
        --lp-panel-bg-strong: rgba(22, 22, 20, 1);
        --lp-panel-hover: color-mix(in srgb, var(--lp-panel-bg) 92%, var(--lp-color-brand) 8%);
        --lp-panel-hover-strong: color-mix(in srgb, var(--lp-panel-bg-strong) 94%, var(--lp-color-brand) 6%);
        --lp-panel-shadow: 0 8px 8px rgba(0, 0, 0, 0.25), 0 32px 80px rgba(0, 0, 0, 0.7);
        --lp-ghost-bg: rgba(15, 19, 32, 0.56);
        --lp-ghost-bg-hover: rgba(15, 19, 32, 0.7);
        --lp-ghost-text: rgba(243, 244, 246, 0.92);
        --lp-ghost-border: rgba(243, 244, 246, 0.12);
        --lp-ghost-border-hover: rgba(243, 244, 246, 0.2);
        --lp-footer-surface: rgba(11, 13, 20, 0.72);
        --lp-footer-text: rgba(243, 244, 246, 0.92);
        --lp-footer-text-muted: rgba(161, 161, 170, 0.92);
        --lp-scrollbar-track: rgba(243, 244, 246, 0.08);
        --lp-scrollbar-thumb: rgba(212, 175, 55, 0.54);
        --lp-scrollbar-thumb-hover: rgba(212, 175, 55, 0.78);
        --lp-bg-grid-color: rgba(243, 244, 246, 0.045);
        --lp-bg-grid-accent: rgba(212, 175, 55, 0.02);

        background:
            radial-gradient(900px circle at 18% -18%, rgba(212, 175, 55, 0.18), transparent 42%),
            radial-gradient(720px circle at 90% 4%, rgba(212, 175, 55, 0.08), transparent 48%),
            radial-gradient(1000px circle at 50% 110%, rgba(15, 19, 32, 0.8), transparent 48%),
            var(--lp-color-bg);
        color-scheme: dark;
}
html[data-theme="dark"].landing-html {
    --lp-scrollbar-track: rgba(243, 244, 246, 0.08);
        --lp-scrollbar-thumb: rgba(212, 175, 55, 0.54);
        --lp-scrollbar-thumb-hover: rgba(212, 175, 55, 0.78);
}
body.landing-body *,
body.landing-body *::before,
body.landing-body *::after {
    box-sizing: border-box;
}
body.landing-body .lp-visually-hidden {
    position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
}
body.landing-body {
    --lp-header-height: 72px;
        --lp-scroll-margin-top: calc(var(--lp-header-height, 72px) + 18px);
}
body.landing-body :where([id]) {
    scroll-margin-top: var(--lp-scroll-margin-top);
}
body.landing-body [hidden] {
    display: none !important;
}
body.landing-body {
    --lp-cursor-x: 50vw;
        --lp-cursor-y: 24vh;
        --lp-cursor-glow-opacity: 0;
}
body.landing-body::before {
    content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        opacity: var(--lp-cursor-glow-opacity);
        background:
            radial-gradient(
                180px circle at var(--lp-cursor-x) var(--lp-cursor-y),
                rgba(212, 175, 55, 0.085),
                transparent 64%
            ),
            radial-gradient(
                720px circle at var(--lp-cursor-x) var(--lp-cursor-y),
                rgba(212, 175, 55, 0.042),
                transparent 66%
            ),
            radial-gradient(
                1040px circle at var(--lp-cursor-x) var(--lp-cursor-y),
                rgba(15, 19, 32, 0.085),
                transparent 72%
            );
        transition: opacity 220ms ease, filter 220ms ease;
}
body.landing-body :where([data-parallax-layer],
[data-magnetic]) {
    --lp-parallax-x: 0px;
        --lp-parallax-y: 0px;
        --lp-magnetic-x: 0px;
        --lp-magnetic-y: 0px;
        translate: calc(var(--lp-parallax-x, 0px) + var(--lp-magnetic-x, 0px)) calc(var(--lp-parallax-y, 0px) + var(--lp-magnetic-y, 0px));
        transition: translate 180ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
    body.landing-body :where([data-parallax-layer],
    [data-magnetic]) {
        transition: none;
                translate: 0 0;
    }
}
body.landing-body::after {
    content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background-image:
            var(--lp-bg-noise-image),
            linear-gradient(to right, var(--lp-bg-grid-color) 1px, transparent 1px),
            linear-gradient(to bottom, var(--lp-bg-grid-color) 1px, transparent 1px),
            radial-gradient(circle at 50% 50%, var(--lp-bg-grid-accent), transparent 72%);
        background-size:
            var(--lp-bg-noise-size),
            var(--lp-bg-grid-size) var(--lp-bg-grid-size),
            var(--lp-bg-grid-size) var(--lp-bg-grid-size),
            100% 100%;
        background-position: 0 0, 0 0, 0 0, center;
        -webkit-mask-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.18) 8%,
            rgba(0, 0, 0, 0.42) 18%,
            rgba(0, 0, 0, 0.78) 34%,
            rgba(0, 0, 0, 1) 52%
        );
        mask-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.18) 8%,
            rgba(0, 0, 0, 0.42) 18%,
            rgba(0, 0, 0, 0.78) 34%,
            rgba(0, 0, 0, 1) 52%
        );
}
body.landing-body .lp-page {
    position: relative;
        z-index: 1;
}
body.landing-body a {
    color: inherit;
}
body.landing-body :where(h1,
h2,
h3) {
    font-family: var(--lp-font-display);
        font-weight: 600;
}
body.landing-body :where(h1,
h2) {
    text-wrap: balance;
}
body.landing-body img {
    max-width: 100%;
        height: auto;
}
body.landing-body :where(p,
li) {
    text-wrap: pretty;
}
.lp-hero-copy,
.lp-section-header,
.lp-cta-mid__copy {
    max-width: var(--lp-text-measure);
}
.lp-hero-copy {
    max-width: min(var(--lp-text-measure), 560px);
}
.lp-page {
    min-height: 100vh;
        display: flex;
        flex-direction: column;
        background: transparent;
}
.lp-shell {
    max-width: 1120px;
        margin: 0 auto;
        padding: 0 var(--lp-space-6);
}
.lp-main {
    flex: 1;
        padding-bottom: var(--lp-space-7);
        background: transparent;
}

.lp-main--legal-proto {
    padding-top: 0;
        padding-bottom: 0;
}

.lp-scroll-indicator {
    position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        z-index: 30;
        pointer-events: none;
        overflow: hidden;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--lp-scroll-indicator-track), var(--lp-scroll-indicator-glow), var(--lp-scroll-indicator-track));
        opacity: 0.38;
        transition: opacity 180ms ease;
}
.lp-scroll-indicator__bar {
    height: 100%;
        width: 0%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--lp-scroll-indicator-fill-start), var(--lp-scroll-indicator-fill-end));
        transform-origin: left center;
        transition: width 80ms linear;
        will-change: width;
}
.lp-header {
    position: sticky;
        top: 0;
        z-index: 220;
        background: var(--lp-header-bg);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-bottom: 0;
        box-shadow: none;
}
.lp-header__inner {
    display: flex;
        align-items: center;
        gap: 12px;
        min-height: 62px;
        padding: 0;
}
.lp-brand {
    display: inline-flex;
        align-items: center;
        gap: 9px;
        text-decoration: none;
        flex-shrink: 0;
        justify-self: start;
}
.lp-brand-logo {
    display: block;
        height: 44px;
        max-height: 44px;
        width: auto;
}
.lp-nav {
    display: flex;
        align-items: center;
        flex: 1 1 auto;
        min-width: 0;
        margin-left: 0;
        justify-content: center;
}
.lp-nav-proto__logo {
    margin-right: 18px;
}
.lp-nav-proto__desktop {
    display: flex;
        align-items: center;
        gap: 2px;
}
.lp-nav-proto__trigger,
.lp-nav-proto__account {
    display: inline-flex;
        align-items: center;
        gap: 5px;
        min-height: 36px;
        padding: 8px 12px;
        border-radius: 7px;
        border: 0;
        background: transparent;
        text-decoration: none;
        color: var(--lp-color-text-muted);
        font-size: 0.84rem;
        font-weight: 400;
        white-space: nowrap;
        transition: color 0.15s ease, background-color 0.15s ease;
}
.lp-nav-proto__trigger {
    cursor: pointer;
}

.lp-nav-proto a.lp-nav-proto__trigger--plain {
    gap: 0;
        padding: 6px 8px;
        min-height: 32px;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        color: var(--lp-color-text-muted);
        text-decoration: none;
}
.lp-nav-proto a.lp-nav-proto__trigger--plain:hover,
.lp-nav-proto a.lp-nav-proto__trigger--plain:focus-visible {
    outline: none;
        color: var(--lp-color-text);
        background: color-mix(in srgb, var(--lp-panel-bg-strong) 62%, transparent);
}
.lp-nav-proto a.lp-nav-proto__trigger--plain.is-active {
    color: var(--lp-color-accent);
        background: color-mix(in srgb, var(--lp-panel-bg-strong) 62%, transparent);
}
.lp-nav-proto__trigger:hover,
.lp-nav-proto__trigger:focus-visible,
.lp-nav-proto__trigger.is-open,
.lp-nav-proto__trigger.is-active,
.lp-nav-proto__account:hover {
    outline: none;
        color: var(--lp-color-text);
        background: color-mix(in srgb, var(--lp-panel-bg-strong) 62%, transparent);
}
.lp-nav-proto__trigger.is-open,
.lp-nav-proto__trigger.is-active {
    color: var(--lp-color-accent);
}
.lp-nav-proto__chevron {
    width: 12px;
        height: 12px;
        color: var(--lp-color-text-soft);
        transition: transform 0.2s ease, color 0.15s ease;
        flex-shrink: 0;
}
.lp-nav-proto__trigger.is-open .lp-nav-proto__chevron,
.lp-nav-proto__trigger.is-active .lp-nav-proto__chevron {
    transform: rotate(180deg);
        color: var(--lp-color-accent);
}
.lp-header-actions {
    display: flex;
        align-items: center;
        gap: 6px;
        margin-left: auto;
        flex-shrink: 0;
}
.lp-nav-proto__account {
    padding-inline: 10px;
}
.lp-nav-proto__icon-action {
    width: 36px;
        height: 36px;
        border-radius: 7px;
        border: 1px solid var(--lp-panel-border);
        background: var(--lp-panel-bg-strong);
        color: var(--lp-color-text-muted);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.lp-nav-proto__icon-action:hover,
.lp-nav-proto__icon-action:focus-visible {
    outline: none;
        border-color: var(--lp-ghost-border-hover);
        background: var(--lp-panel-hover-strong);
        color: var(--lp-color-text);
}
.lp-nav-proto__btn {
    display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 36px;
        padding: 9px 15px;
        border-radius: 7px;
        font-size: 0.81rem;
        font-weight: 500;
        text-decoration: none;
        white-space: nowrap;
        transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, opacity 0.15s ease, transform 0.12s ease;
}
.lp-nav-proto__btn--ghost {
    border: 1px solid var(--lp-ghost-border);
        background: var(--lp-ghost-bg);
        color: var(--lp-ghost-text);
}
.lp-nav-proto__btn--ghost:hover,
.lp-nav-proto__btn--ghost:focus-visible {
    outline: none;
        color: var(--lp-color-text);
        border-color: var(--lp-ghost-border-hover);
        background: var(--lp-ghost-bg-hover);
}
.lp-nav-proto__btn--primary {
    border: 0;
        background: var(--lp-color-accent);
        color: #1A1917;
        font-weight: 600;
        letter-spacing: -0.01em;
}
.lp-nav-proto__btn--primary:hover,
.lp-nav-proto__btn--primary:focus-visible {
    outline: none;
        opacity: 0.9;
        transform: translateY(-1px);
}
.lp-nav-proto__btn--primary svg {
    width: 11px;
        height: 11px;
}
.lp-nav-proto__overlay {
    position: fixed;
        inset: 62px 0 0;
        z-index: 218;
        background: transparent;
}
.lp-nav-proto__overlay.is-visible {
    background: color-mix(in srgb, var(--lp-overlay-bg) 12%, transparent);
}
.lp-nav-proto__dropdown {
    position: fixed;
        top: 62px;
        z-index: 219;
        border: 1px solid var(--lp-panel-border);
        border-radius: 14px;
        background: var(--lp-panel-bg-strong);
        box-shadow: var(--lp-panel-shadow);
        opacity: 0;
        pointer-events: none;
        transform: translateY(-6px);
        transition: opacity 0.17s ease, transform 0.17s ease;
        overflow: hidden;
}
.lp-nav-proto__dropdown.is-open {
    opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
        animation: lp-nav-more-in 160ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
.lp-nav-proto__dropdown--platform {
    left: max(20px, calc(50% - 420px));
        width: min(700px, calc(100vw - 40px));
}
.lp-nav-proto__dropdown--use-cases {
    left: max(20px, calc(50% - 260px));
        width: min(640px, calc(100vw - 40px));
}
.lp-nav-proto__dropdown--more {
    right: max(20px, calc((100vw - min(1200px, calc(100vw - 40px))) / 2));
        width: min(264px, calc(100vw - 40px));
}
.lp-nav-proto__dropdown-head {
    display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 13px 20px 11px;
        border-bottom: 1px solid var(--lp-panel-border);
}
.lp-nav-proto__eyebrow,
.lp-nav-proto__more-label {
    font-size: 0.6rem;
        font-weight: 500;
        letter-spacing: 0.12em;
        text-transform: uppercase;
}
.lp-nav-proto__eyebrow {
    color: var(--lp-color-text-soft);
}
.lp-nav-proto__overview-links {
    display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 8px;
}
.lp-nav-proto__overview-link {
    display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 4px 10px;
        border: 1px solid var(--lp-panel-border);
        border-radius: 999px;
        color: var(--lp-color-text-soft);
        text-decoration: none;
        font-size: 0.75rem;
        font-weight: 400;
        transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}
.lp-nav-proto__overview-link:hover,
.lp-nav-proto__overview-link:focus-visible {
    outline: none;
        color: var(--lp-color-text-muted);
        border-color: var(--lp-ghost-border-hover);
        background: var(--lp-panel-hover);
}
.lp-nav-proto__overview-link svg {
    width: 9px;
        height: 9px;
}
.lp-nav-proto__platform-grid,
.lp-nav-proto__use-case-grid {
    display: grid;
        gap: 1px;
        background: var(--lp-panel-border);
}
.lp-nav-proto__platform-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lp-nav-proto__use-case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
/* Orphan card on its own row spans both columns so the dropdown reads as
   a tidy 2-column grid with a wide footer card rather than an asymmetric
   stub. Triggered when total card count is odd (5, 7, ...). */
.lp-nav-proto__use-case-grid > .lp-nav-proto__use-case-card:nth-child(odd):last-child {
    grid-column: 1 / -1;
}
.lp-nav-proto__platform-card,
.lp-nav-proto__use-case-card,
.lp-nav-proto__more-item {
    position: relative;
        text-decoration: none;
        color: inherit;
        background: var(--lp-panel-bg-strong);
        transition: background-color 0.15s ease;
}
.lp-nav-proto__platform-card:hover,
.lp-nav-proto__platform-card:focus-visible,
.lp-nav-proto__use-case-card:hover,
.lp-nav-proto__use-case-card:focus-visible,
.lp-nav-proto__more-item:hover,
.lp-nav-proto__more-item:focus-visible {
    outline: none;
        background: var(--lp-panel-hover-strong);
}
.lp-nav-proto__platform-card {
    display: flex;
        align-items: flex-start;
        gap: 16px;
        padding: 20px 24px;
        overflow: hidden;
}
.lp-nav-proto__platform-card::before {
    content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--lp-color-accent);
        opacity: 0;
        transition: opacity 0.18s ease;
}
.lp-nav-proto__platform-card:hover::before,
.lp-nav-proto__platform-card.is-active::before,
.lp-nav-proto__use-case-card:hover::after,
.lp-nav-proto__use-case-card.is-active::after {
    opacity: 1;
}
.lp-nav-proto__platform-icon,
.lp-nav-proto__use-case-icon,
.lp-nav-proto__more-icon {
    display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
}
.lp-nav-proto__platform-icon {
    width: 42px;
        height: 42px;
        border: 1px solid var(--lp-panel-border);
        border-radius: 9px;
        background: color-mix(in srgb, var(--lp-panel-bg-strong) 88%, var(--lp-color-bg));
        color: var(--lp-color-text-muted);
        transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.lp-nav-proto__platform-card:hover .lp-nav-proto__platform-icon,
.lp-nav-proto__platform-card.is-active .lp-nav-proto__platform-icon,
.lp-nav-proto__use-case-card:hover .lp-nav-proto__use-case-icon,
.lp-nav-proto__use-case-card.is-active .lp-nav-proto__use-case-icon {
    border-color: color-mix(in srgb, var(--lp-color-brand) 28%, var(--lp-panel-border));
        background: color-mix(in srgb, var(--lp-color-brand) 12%, var(--lp-panel-bg-strong));
        color: var(--lp-color-accent);
}
.lp-nav-proto__platform-body {
    display: grid;
        gap: 5px;
}
.lp-nav-proto__platform-title,
.lp-nav-proto__use-case-title {
    font-size: 0.88rem;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: -0.015em;
        color: var(--lp-color-text);
}
.lp-nav-proto__platform-desc,
.lp-nav-proto__use-case-desc {
    font-size: 0.78rem;
        font-weight: 300;
        line-height: 1.5;
        color: var(--lp-color-text-soft);
        transition: color 0.15s ease;
}
.lp-nav-proto__platform-card:hover .lp-nav-proto__platform-desc,
.lp-nav-proto__platform-card.is-active .lp-nav-proto__platform-desc,
.lp-nav-proto__use-case-card:hover .lp-nav-proto__use-case-desc,
.lp-nav-proto__use-case-card.is-active .lp-nav-proto__use-case-desc,
html[data-theme="dark"] body.landing-body .lp-section-header p,
html[data-theme="dark"] body.landing-body .lp-hero-meta,
html[data-theme="dark"] body.landing-body .lp-hero-meta--secondary {
    color: var(--lp-color-text-muted);
}
.lp-nav-proto__use-case-card {
    display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 20px 22px;
        overflow: hidden;
}
.lp-nav-proto__use-case-card::after {
    content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 3px;
        background: var(--lp-color-accent);
        opacity: 0;
        transition: opacity 0.18s ease;
}
.lp-nav-proto__use-case-head {
    display: flex;
        align-items: center;
        gap: 11px;
}
.lp-nav-proto__use-case-icon {
    width: 34px;
        height: 34px;
        border: 1px solid var(--lp-panel-border);
        border-radius: 8px;
        background: color-mix(in srgb, var(--lp-panel-bg-strong) 88%, var(--lp-color-bg));
        color: var(--lp-color-text-muted);
        transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.lp-nav-proto__more-group {
    padding: 6px 0;
}
.lp-nav-proto__more-group + .lp-nav-proto__more-group {
    border-top: 1px solid var(--lp-panel-border);
}
.lp-nav-proto__more-label {
    padding: 8px 16px 4px;
        color: var(--lp-color-text-soft);
}
.lp-nav-proto__more-item {
    display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px 16px;
}
.lp-nav-proto__more-icon {
    width: 28px;
        height: 28px;
        border: 1px solid var(--lp-panel-border);
        border-radius: 6px;
        background: color-mix(in srgb, var(--lp-panel-bg-strong) 88%, var(--lp-color-bg));
        color: var(--lp-color-text-soft);
        transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}
.lp-nav-proto__more-item:hover .lp-nav-proto__more-icon,
.lp-nav-proto__more-item.is-active .lp-nav-proto__more-icon {
    border-color: var(--lp-ghost-border-hover);
        background: var(--lp-panel-hover);
        color: var(--lp-color-accent);
}
.lp-nav-proto__more-text {
    flex: 1;
        font-size: 0.84rem;
        font-weight: 400;
        color: var(--lp-color-text-muted);
        transition: color 0.15s ease;
}
.lp-nav-proto__more-item:hover .lp-nav-proto__more-text,
.lp-nav-proto__more-item.is-active .lp-nav-proto__more-text,
html[data-theme="dark"] body.landing-body .lp-section-header h1,
html[data-theme="dark"] body.landing-body .lp-section-header h2,
html[data-theme="dark"] body.landing-body .lp-section-header h3 {
    color: var(--lp-color-text);
}
.lp-nav-proto__more-arrow {
    width: 9px;
        height: 9px;
        color: var(--lp-color-text-soft);
}
.lp-mnav-toggle {
    display: none;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 14px;
        border: 1px solid var(--lp-panel-border);
        background: var(--lp-panel-bg-strong);
        color: var(--lp-color-text);
        cursor: pointer;
        box-shadow: none;
        transition:
            transform 150ms ease-out,
            box-shadow 150ms ease-out,
            background-color 150ms ease-out;
}
.lp-mnav-toggle svg {
    width: 22px;
        height: 22px;
}
.lp-mnav-toggle:hover,
.lp-mnav-toggle:focus-visible {
    outline: none;
        transform: translateY(-1px);
        border-color: var(--lp-ghost-border-hover);
        background: var(--lp-panel-hover-strong);
}
.lp-mnav__backdrop {
    position: fixed;
        inset: 0;
        z-index: 2004;
        background: color-mix(in srgb, var(--lp-overlay-bg) 38%, transparent);
        opacity: 0;
        visibility: hidden;
        transition:
            opacity 220ms ease,
            visibility 220ms ease;
        pointer-events: none;
}
.lp-mnav__backdrop.is-visible {
    opacity: 1;
        visibility: visible;
        pointer-events: auto;
}
.lp-mnav {
    position: fixed;
        inset: 0;
        z-index: 2005;
        display: flex;
        justify-content: flex-end;
        align-items: stretch;
        pointer-events: none;
}
.lp-mnav.is-open {
    pointer-events: auto;
}
.lp-mnav__sheet {
    --lp-mnav-transition: 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
    display: flex;
        flex-direction: column;
        width: min(100vw - 20px, 420px);
        max-height: 100vh;
        max-height: 100dvh;
        margin-top: max(0px, env(safe-area-inset-top, 0px));
        margin-bottom: max(0px, env(safe-area-inset-bottom, 0px));
        margin-right: max(0px, env(safe-area-inset-right, 0px));
        background: var(--lp-panel-bg-strong);
        border: 1px solid var(--lp-panel-border);
        border-right: none;
        border-radius: 22px 0 0 22px;
        box-shadow:
            -18px 0 48px rgba(24, 22, 18, 0.14),
            -1px 0 0 rgba(61, 58, 52, 0.06);
        overflow: hidden;
        transform: translateX(105%);
        transition: transform var(--lp-mnav-transition);
}
.lp-mnav.is-open .lp-mnav__sheet {
    transform: translateX(0);
}
.lp-mnav__top {
    display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-shrink: 0;
        padding: 14px 16px 12px;
        border-bottom: 1px solid var(--lp-panel-border);
}
.lp-mnav__brand {
    display: flex;
        align-items: center;
        text-decoration: none;
        color: inherit;
        border-radius: 12px;
}
.lp-mnav__brand:focus-visible {
    outline: none;
        box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.92), 0 0 0 6px rgba(212, 175, 55, 0.20);
}
.lp-mnav__brand-logo {
    display: block;
        height: 36px;
        width: auto;
}
.lp-mnav__top-actions {
    display: flex;
        align-items: center;
        gap: 8px;
}
.lp-mnav__icon-btn {
    display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 14px;
        border: 1px solid var(--lp-panel-border);
        background: var(--lp-panel-bg-strong);
        color: var(--lp-color-text-muted);
        text-decoration: none;
        transition:
            border-color 0.15s ease,
            background-color 0.15s ease,
            color 0.15s ease;
}
.lp-mnav__icon-btn:hover,
.lp-mnav__icon-btn:focus-visible {
    outline: none;
        border-color: var(--lp-ghost-border-hover);
        background: var(--lp-panel-hover-strong);
        color: var(--lp-color-text);
}
.lp-mnav__icon-btn--close {
    color: var(--lp-color-text);
}
.lp-mnav__scroll {
    flex: 1;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        padding: 8px 12px 12px;
}
.lp-mnav__nav {
    display: flex;
        flex-direction: column;
        gap: 6px;
}
.lp-mnav__block {
    border-radius: 16px;
        border: 1px solid var(--lp-panel-border);
        background: var(--lp-panel-bg-strong);
        overflow: hidden;
}
.lp-mnav__block-toggle {
    display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        margin: 0;
        padding: 14px 14px;
        border: none;
        background: transparent;
        color: inherit;
        font: inherit;
        text-align: left;
        cursor: pointer;
        min-height: 52px;
        transition: background-color 0.15s ease;
}
.lp-mnav__block-toggle:hover,
.lp-mnav__block-toggle:focus-visible {
    outline: none;
        background: var(--lp-panel-hover-strong);
}
.lp-mnav__block-toggle.is-active {
    background: var(--lp-panel-hover);
}
.lp-mnav__block-toggle-main {
    display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
}
.lp-mnav__block-icon {
    display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        color: var(--lp-color-accent);
}
.lp-mnav__block-title {
    font-size: 0.95rem;
        font-weight: 600;
        letter-spacing: -0.02em;
        color: var(--lp-color-text);
}
.lp-mnav__chevron {
    flex-shrink: 0;
        width: 18px;
        height: 18px;
        color: var(--lp-color-text-soft);
        transition: transform 0.2s ease;
}
.lp-mnav__block-toggle[aria-expanded="true"] .lp-mnav__chevron {
    transform: rotate(180deg);
}
.lp-mnav__block-panel {
    padding: 0 12px 14px 12px;
        border-top: 1px solid var(--lp-panel-border);
}
.lp-mnav__block-panel[hidden] {
    display: none;
}
.lp-mnav__eyebrow {
    margin: 12px 4px 8px;
        font-size: 0.6rem;
        font-weight: 500;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--lp-color-text-soft);
}
.lp-mnav__link-stack {
    display: flex;
        flex-direction: column;
        gap: 4px;
}
.lp-mnav__row {
    display: flex;
        gap: 11px;
        align-items: flex-start;
        padding: 11px 10px;
        border-radius: 14px;
        text-decoration: none;
        color: inherit;
        transition: background-color 0.15s ease;
}
.lp-mnav__row:hover,
.lp-mnav__row:focus-visible {
    outline: none;
        background: var(--lp-panel-hover-strong);
}
.lp-mnav__row.is-active {
    background: var(--lp-panel-hover);
}
.lp-mnav__row-icon {
    flex-shrink: 0;
        margin-top: 2px;
        color: var(--lp-color-accent);
}
.lp-mnav__row-body {
    display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
}
.lp-mnav__row-title {
    font-size: 0.86rem;
        font-weight: 600;
        color: var(--lp-color-text-muted);
        line-height: 1.25;
}
.lp-mnav__row-desc {
    font-size: 0.72rem;
        line-height: 1.35;
        color: var(--lp-color-text-soft);
}
.lp-mnav__row.is-active .lp-mnav__row-title {
    color: var(--lp-color-text);
}
.lp-mnav__plain-row {
    display: flex;
        align-items: center;
        gap: 10px;
        min-height: 52px;
        padding: 12px 14px;
        border-radius: 16px;
        border: 1px solid var(--lp-panel-border);
        background: var(--lp-panel-bg-strong);
        text-decoration: none;
        color: inherit;
        transition: background-color 0.15s ease, border-color 0.15s ease;
}
.lp-mnav__plain-row:hover,
.lp-mnav__plain-row:focus-visible {
    outline: none;
        border-color: var(--lp-ghost-border-hover);
        background: var(--lp-panel-hover-strong);
}
.lp-mnav__plain-row.is-active {
    border-color: rgba(212, 160, 23, 0.35);
        background: var(--lp-panel-hover);
}
.lp-mnav__more-row {
    display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 10px;
        border-radius: 12px;
        text-decoration: none;
        color: inherit;
        transition: background-color 0.15s ease;
}
.lp-mnav__more-row:hover,
.lp-mnav__more-row:focus-visible {
    outline: none;
        background: var(--lp-panel-hover-strong);
}
.lp-mnav__more-row.is-active {
    background: var(--lp-panel-hover);
}
.lp-mnav__more-icon {
    display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 10px;
        border: 1px solid var(--lp-panel-border);
        background: var(--lp-panel-bg-strong);
        color: var(--lp-color-text-soft);
        flex-shrink: 0;
}
.lp-mnav__more-row.is-active .lp-mnav__more-icon {
    border-color: var(--lp-ghost-border-hover);
        color: var(--lp-color-accent);
}
.lp-mnav__more-text {
    flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 1px;
}
.lp-mnav__more-label {
    font-size: 0.84rem;
        font-weight: 500;
        color: var(--lp-color-text-muted);
}
.lp-mnav__more-hint {
    font-size: 0.65rem;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--lp-color-text-soft);
}
.lp-mnav__more-arrow {
    width: 9px;
        height: 9px;
        flex-shrink: 0;
        color: var(--lp-color-text-soft);
}
.lp-mnav__footer {
    flex-shrink: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px 14px max(14px, env(safe-area-inset-bottom, 0px));
        border-top: 1px solid var(--lp-panel-border);
        background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
}
.lp-mnav__footer-btn {
    width: 100%;
        justify-content: center;
}
.lp-mnav__footer-btn--primary svg {
    flex-shrink: 0;
}
@media (max-width: 960px) {
    body.landing-body .lp-mnav {
        flex-direction: column;
            justify-content: flex-start;
            align-items: stretch;
    }
    body.landing-body .lp-mnav__sheet {
        flex: 1 1 auto;
            width: 100%;
            min-width: 100%;
            max-width: none;
            max-height: none;
            height: auto;
            min-height: 0;
            margin: 0;
            border-radius: 0;
            border: none;
            box-shadow: none;
            transform: translateX(100%);
    }
    body.landing-body .lp-mnav.is-open .lp-mnav__sheet {
        transform: translateX(0);
    }
    body.landing-body .lp-mnav__top {
        padding-top: max(12px, env(safe-area-inset-top, 0px));
    }
}
@media (prefers-reduced-motion: reduce) {
    .lp-mnav__sheet {
        transition: none;
    }
    .lp-mnav__sheet,
    .lp-mnav.is-open .lp-mnav__sheet {
        transform: none;
    }
    .lp-mnav__chevron {
        transition: none;
    }
}
.lp-link {
    text-decoration: none;
        color: var(--lp-color-link);
}
.lp-link:focus-visible {
    outline: none;
        border-radius: 10px;
        box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.92), 0 0 0 6px rgba(212, 175, 55, 0.20);
}
.lp-link:hover {
    color: var(--lp-color-link-hover);
}
.lp-link--cta {
    position: relative;
        display: inline-flex;
        align-items: center;
        gap: 2px;
        transition:
            color 160ms ease-out,
            transform 160ms ease-out;
}
.lp-link--cta::after {
    content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        height: 1px;
        width: 0;
        border-radius: 999px;
        background: currentColor;
        opacity: 0.35;
        transition:
            width 180ms ease-out,
            opacity 180ms ease-out;
}
.lp-link--cta:hover,
.lp-link--cta:focus-visible {
    transform: translateX(2px);
}
.lp-link--cta:hover::after,
.lp-link--cta:focus-visible::after {
    width: 100%;
        opacity: 0.8;
}
.lp-btn {
    display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        border-radius: 999px;
        border: none;
        cursor: pointer;
        font-weight: 600;
        font-size: 0.94rem;
        padding: 10px 18px;
        text-decoration: none;
        position: relative;
        isolation: isolate;
        transition:
            background-color 150ms ease-out,
            color 150ms ease-out,
            box-shadow 150ms ease-out,
            transform 150ms ease-out,
            filter 180ms ease-out;
        white-space: nowrap;
}
.lp-btn:focus-visible {
    outline: none;
        box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.92), 0 0 0 6px rgba(212, 160, 23, 0.20);
}
.lp-btn--primary {
    background: linear-gradient(180deg, var(--lp-color-brand), var(--lp-color-brand-dark));
        color: #07080b;
        box-shadow:
            0 14px 28px rgba(0, 0, 0, 0.22),
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.lp-btn--primary:hover {
    transform: translateY(-1px);
        box-shadow:
            0 18px 40px rgba(0, 0, 0, 0.26),
            0 0 0 1px rgba(212, 175, 55, 0.22),
            0 18px 60px rgba(212, 175, 55, 0.08),
            inset 0 1px 0 var(--lp-ghost-border-hover),
            inset 0 -1px 0 rgba(0, 0, 0, 0.14);
        filter: saturate(1.03) brightness(1.01);
}
.lp-btn--primary:active {
    transform: translateY(0);
        box-shadow:
            0 12px 28px rgba(0, 0, 0, 0.22),
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            inset 0 -1px 0 rgba(0, 0, 0, 0.18);
        filter: saturate(1.01) brightness(0.99);
}
.lp-btn--ghost {
    background: var(--lp-ghost-bg);
        color: var(--lp-ghost-text);
        border: 1px solid var(--lp-ghost-border);
}
.lp-btn--ghost:hover {
    background: var(--lp-ghost-bg-hover);
        border-color: color-mix(in srgb, var(--lp-color-brand) 32%, var(--lp-ghost-border-hover));
        transform: translateY(-1px);
        box-shadow:
            0 16px 34px rgba(26, 25, 23, 0.10),
            0 0 0 1px color-mix(in srgb, var(--lp-color-brand) 14%, transparent);
}
.lp-header-actions .lp-btn--ghost:hover,
.lp-hero a[data-mkt-cta].lp-btn--ghost:hover,
.lp-hero a[data-mkt-cta].lp-btn--ghost:focus-visible {
    color: var(--lp-color-brand);
}
.lp-btn--ghost:active,
a[data-mkt-cta].lp-btn--ghost:active {
    transform: translateY(0);
        box-shadow: none;
}
a[data-mkt-cta].lp-btn {
    border-radius: 12px;
        letter-spacing: -0.01em;
}
a[data-mkt-cta].lp-btn--primary {
    background: linear-gradient(180deg, var(--lp-color-brand), var(--lp-color-brand-dark));
        color: #07080b;
        box-shadow:
            0 14px 30px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
a[data-mkt-cta].lp-btn--primary:hover {
    transform: translateY(-1px);
        box-shadow:
            0 18px 44px rgba(0, 0, 0, 0.32),
            inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
a[data-mkt-cta].lp-btn--ghost {
    background: transparent;
        border: 1px solid var(--lp-ghost-border);
        color: var(--lp-color-text);
        box-shadow: none;
}
a[data-mkt-cta].lp-btn--ghost:hover {
    background: rgba(148, 163, 184, 0.10);
        border-color: rgba(212, 175, 55, 0.32);
        transform: translateY(-1px);
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
}
.lp-theme-toggle {
    padding-left: 11px;
        padding-right: 11px;
}
.lp-theme-toggle__icon {
    width: 18px;
        height: 18px;
}
body.landing-body .lp-theme-toggle [data-theme-icon="dark"],
html[data-theme="dark"] body.landing-body .lp-theme-toggle [data-theme-icon="light"],
.lp-hero-chips--carousel::-webkit-scrollbar {
    display: none;
}
html[data-theme="dark"] body.landing-body .lp-theme-toggle [data-theme-icon="dark"] {
    display: inline;
}
.lp-hero {
    padding: 40px 0 32px;
}
.lp-hero-copy {
    max-width: 560px;
}
.lp-hero-copy h1 {
    margin: 6px 0 12px;
        font-size: clamp(2.2rem, 4vw, 3.1rem);
        line-height: 1.15;
        letter-spacing: -0.03em;
        color: var(--lp-color-text);
}
.lp-eyebrow {
    text-transform: uppercase;
        letter-spacing: 0.16em;
        font-size: 0.76rem;
        font-weight: 600;
        color: var(--lp-color-accent);
}
.lp-hero-lede {
    margin: 0 0 22px;
        font-size: 1rem;
        color: var(--lp-color-text-muted);
        max-width: 560px;
}
.lp-hero-list {
    margin: 0 0 14px;
        list-style: none;
        padding-left: 0;
        font-size: 0.92rem;
        color: rgba(100, 116, 139, 0.95);
}
html[data-theme="dark"] body.landing-body .lp-hero-list {
    color: rgba(226, 232, 240, 0.74);
}
.lp-hero-list li {
    position: relative;
        padding-left: 1.4rem;
}
.lp-hero-list li::before {
    content: "✓";
        position: absolute;
        left: 0;
        top: 0.05rem;
        width: 1rem;
        height: 1rem;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(212, 175, 55, 0.22);
        color: #07080b;
        border: 1px solid rgba(212, 175, 55, 0.55);
        font-size: 0.72rem;
        line-height: 1;
}
.lp-hero-list li + li {
    margin-top: 4px;
}
.lp-hero-actions {
    display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 10px;
}
.lp-hero-meta {
    margin: 0 0 12px;
        font-size: 0.86rem;
        color: #6b7280;
}
.lp-hero-meta--secondary {
    margin-top: 2px;
        font-size: 0.84rem;
}
.lp-hero-meta--decision {
    margin-top: 10px;
}
.lp-hero-meta--decision a {
    color: var(--lp-color-brand);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.lp-hero-meta--decision a:hover {
    color: var(--lp-color-brand-dark);
}
.lp-hero--v2 {
    position: relative;
        padding: clamp(56px, 6vw, 92px) 0 clamp(34px, 5vw, 64px);
        overflow: hidden;
}
.lp-hero--v2::before {
    content: "";
        position: absolute;
        inset: -30%;
        pointer-events: none;
        background:
            radial-gradient(900px circle at 18% 18%, rgba(212, 175, 55, 0.14), transparent 48%),
            radial-gradient(920px circle at 92% 22%, rgba(15, 19, 32, 0.06), transparent 54%);
        opacity: 1;
        filter: saturate(1.04);
}
.lp-hero__inner--v2 {
    position: relative;
        z-index: 1;
        padding: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        animation: none;
}
.lp-hero-grid--v2 {
    display: grid;
        grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
        align-items: start;
        gap: clamp(34px, 5vw, 74px);
}
.lp-hero-grid--v2 > * {
    min-width: 0;
}
.lp-hero--v2 .lp-hero-copy {
    max-width: 640px;
}
.lp-hero-pill {
    display: inline-flex;
        align-items: center;
        gap: 9px;
        margin: 0 0 14px;
        padding: 8px 12px;
        border-radius: 999px;
        border: 1px solid var(--lp-color-border-subtle);
        background: rgba(255, 255, 255, 0.78);
        color: var(--lp-color-text-muted);
        font-size: 0.82rem;
        letter-spacing: 0.01em;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
}
.lp-hero-pill::before {
    content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: rgba(212, 175, 55, 0.92);
        box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.12);
        flex: 0 0 auto;
}
.lp-hero--v2 .lp-hero-copy h1 {
    margin: 0 0 16px;
        font-size: clamp(3.1rem, 5.7vw, 4.7rem);
        line-height: 0.98;
        letter-spacing: -0.06em;
        font-weight: 650;
}
.lp-hero-lede--v2 {
    margin: 0 0 20px;
        font-size: clamp(1.02rem, 1.15vw, 1.1rem);
        line-height: 1.6;
        max-width: 56ch;
}
.lp-hero-list--v2 {
    margin: 0 0 18px;
        font-size: 0.96rem;
}
.lp-hero-actions--v2 {
    gap: 12px;
        margin-bottom: 10px;
}
.lp-btn--cta {
    padding: 12px 22px;
        font-size: 0.95rem;
        letter-spacing: -0.01em;
}
.lp-hero-cta-meta {
    margin: 0;
        font-size: 0.86rem;
        color: var(--lp-color-text-muted);
}
.lp-hero-chips {
    display: flex;
        flex-wrap: wrap;
        gap: 10px;
        list-style: none;
        padding-left: 0;
        margin: 16px 0 0;
        max-width: 66ch;
}
.lp-hero-chips li {
    padding: 6px 12px;
        border-radius: 999px;
        border: 1px solid var(--lp-color-border-subtle);
        background: rgba(255, 255, 255, 0.72);
        color: var(--lp-color-text-muted);
        font-size: 0.82rem;
        letter-spacing: 0.01em;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
}
.lp-hero-chips--carousel {
    flex-wrap: nowrap;
        gap: 0;
        padding: 6px;
        border-radius: 999px;
        border: 1px solid var(--lp-color-border-subtle);
        background: rgba(255, 255, 255, 0.78);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.lp-hero-chips--carousel.is-autoscrolling {
    scroll-snap-type: none;
        scroll-behavior: auto;
}
.lp-hero-chips--carousel li {
    position: relative;
        flex: 0 0 auto;
        scroll-snap-align: start;
        padding: 8px 14px;
        border: none;
        background: transparent;
        color: var(--lp-color-text-muted);
        white-space: nowrap;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
}
.lp-hero-chips--carousel li + li::before {
    content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 14px;
        transform: translateY(-50%);
        background: rgba(15, 19, 32, 0.12);
}
.lp-hero-chips--carousel:hover {
    background: rgba(255, 255, 255, 0.84);
}
.lp-hero-meta-block {
    margin-top: 14px;
}
.lp-hero-media--v2 {
    display: flex;
        flex-direction: column;
        gap: 18px;
        align-items: stretch;
        justify-content: flex-start;
        perspective: 1100px;
        min-width: 0;
}
.lp-signal-card {
    position: relative;
        border-radius: 20px;
        padding: 18px 18px 16px;
        background: rgba(255, 255, 255, 0.86);
        border: 1px solid var(--lp-color-border-subtle);
        box-shadow:
            var(--lp-shadow-card),
            inset 0 1px 0 rgba(255, 255, 255, 0.28);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        overflow: hidden;
        transition:
            transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1),
            box-shadow 240ms cubic-bezier(0.22, 0.61, 0.36, 1),
            border-color 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
        transform-style: preserve-3d;
}
.lp-signal-card::before {
    content: "";
        position: absolute;
        inset: -40%;
        pointer-events: none;
        background:
            radial-gradient(520px circle at 16% 0%, rgba(212, 175, 55, 0.10), transparent 56%),
            radial-gradient(640px circle at 100% 40%, rgba(15, 19, 32, 0.04), transparent 54%),
            linear-gradient(110deg, transparent 0%, rgba(212, 175, 55, 0.10) 32%, transparent 64%);
        opacity: 0.9;
}
.lp-signal-card::after {
    content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        border-radius: inherit;
        padding: 1px;
        background: linear-gradient(135deg, rgba(212, 175, 55, 0.38), rgba(148, 163, 184, 0.16) 40%, rgba(212, 175, 55, 0.10) 75%, var(--lp-panel-hover));
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        opacity: 0.9;
}
.lp-signal-card:hover {
    border-color: rgba(15, 19, 32, 0.18);
        box-shadow:
            0 18px 44px rgba(15, 23, 42, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.34);
}
.lp-signal-card__title {
    position: relative;
        margin: 0 0 12px;
        font-size: 0.82rem;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--lp-color-text-muted);
}
.lp-signal-card__title::before {
    content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-right: 10px;
        transform: translateY(-1px);
        border-radius: 999px;
        background: rgba(212, 175, 55, 0.92);
        box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.10);
}
.lp-signal-card__rows {
    position: relative;
        margin: 0;
        display: grid;
        gap: 10px;
}
.lp-signal-card__row {
    display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 12px;
        padding: 8px 0;
}
.lp-signal-card__row + .lp-signal-card__row {
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}
.lp-signal-card__row dt {
    font-size: 0.86rem;
        color: var(--lp-color-text-muted);
        flex: 0 0 auto;
}
.lp-signal-card__row dd {
    margin: 0;
        font-size: 0.9rem;
        font-weight: 650;
        color: var(--lp-color-text);
        text-align: right;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 26ch;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        line-height: 1.35;
        font-variant-numeric: tabular-nums;
}
.lp-signal-card__chips {
    position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 14px;
}
.lp-signal-chip {
    display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 7px 11px;
        border-radius: 999px;
        border: 1px solid rgba(148, 163, 184, 0.22);
        background:
            radial-gradient(180px circle at 18% 30%, rgba(212, 175, 55, 0.12), transparent 62%),
            rgba(255, 255, 255, 0.78);
        color: var(--lp-color-text);
        font-size: 0.82rem;
        letter-spacing: -0.01em;
        transition:
            transform 160ms ease-out,
            border-color 160ms ease-out,
            box-shadow 160ms ease-out,
            background-color 160ms ease-out;
}
.lp-signal-chip:hover {
    transform: translateY(-1px);
        border-color: rgba(212, 175, 55, 0.38);
        background:
            radial-gradient(220px circle at 18% 30%, rgba(212, 175, 55, 0.16), transparent 60%),
            rgba(255, 255, 255, 0.86);
        box-shadow:
            0 18px 38px rgba(15, 23, 42, 0.12),
            0 0 0 1px rgba(212, 175, 55, 0.12);
}
.lp-signal-chip__icon {
    display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        flex-shrink: 0;
        overflow: hidden;
        border-radius: 999px;
        background: rgba(212, 175, 55, 0.12);
        color: rgba(212, 175, 55, 0.92);
}
.lp-signal-chip__icon svg {
    display: block;
        width: 14px;
        height: 14px;
        max-width: 14px;
        max-height: 14px;
        flex-shrink: 0;
}
.lp-hero-shot {
    position: relative;
        margin: 0;
        border-radius: 22px;
        overflow: hidden;
        border: 1px solid var(--lp-color-border-subtle);
        background: rgba(255, 255, 255, 0.82);
        box-shadow:
            var(--lp-shadow-hero),
            inset 0 1px 0 var(--lp-ghost-border-hover);
        transform-style: preserve-3d;
        transition:
            transform 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
            box-shadow 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
            border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.lp-hero-shot:hover {
    border-color: rgba(15, 19, 32, 0.18);
        box-shadow:
            0 26px 84px rgba(15, 23, 42, 0.22),
            inset 0 1px 0 rgba(255, 255, 255, 0.26);
}
.lp-hero--v2 :where(.lp-signal-card,
.lp-hero-shot):focus-within {
    border-color: rgba(212, 175, 55, 0.32);
        box-shadow:
            0 0 0 2px rgba(212, 175, 55, 0.28),
            0 30px 110px rgba(0, 0, 0, 0.48);
}
@media (hover: hover) and (pointer: fine) {
    .lp-signal-card:hover {
        transform: translateY(-1.5px) rotateX(0.45deg) rotateY(-0.45deg);
    }
    .lp-hero-shot:hover {
        transform: translateY(-1.5px) rotateX(-0.4deg) rotateY(0.4deg);
    }
    .lp-hero-shot--embed:hover {
        transform: translateY(-1px);
    }
}
.lp-hero-shot img {
    display: block;
        width: 100%;
        height: auto;
}
.lp-page--platform-detail .lp-hero-media--v2 {
    max-width: 560px;
        margin-left: auto;
}
.lp-page--platform-detail.lp-page--platform-detail-has-embed .lp-hero-media--v2 {
    max-width: none;
        margin-left: 0;
}
.lp-page--platform-detail .lp-signal-card {
    max-width: 420px;
        margin-left: auto;
}
.lp-page--platform-detail .lp-hero-shot {
    margin-left: auto;
}
.lp-page--platform-detail.lp-page--platform-detail-has-embed .lp-hero-shot {
    margin-left: 0;
        width: 100%;
}
.lp-hero-shot__label {
    position: absolute;
        top: 12px;
        left: 12px;
        padding: 5px 10px;
        border-radius: 999px;
        border: 1px solid var(--lp-color-border-subtle);
        background: rgba(255, 255, 255, 0.86);
        color: var(--lp-color-text);
        font-size: 0.76rem;
        letter-spacing: 0.01em;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        z-index: 2;
}
html[data-theme="dark"] body.landing-body .lp-hero--v2::before {
    background:
            radial-gradient(900px circle at 18% 18%, rgba(212, 175, 55, 0.16), transparent 48%),
            radial-gradient(920px circle at 92% 22%, rgba(15, 19, 32, 0.85), transparent 54%);
        opacity: 0.9;
}
html[data-theme="dark"] body.landing-body .lp-hero-pill {
    border-color: rgba(243, 244, 246, 0.12);
        background: rgba(11, 13, 20, 0.68);
        color: rgba(243, 244, 246, 0.86);
}
html[data-theme="dark"] body.landing-body .lp-hero-chips li {
    border-color: rgba(243, 244, 246, 0.12);
        background: rgba(15, 19, 32, 0.5);
        color: rgba(243, 244, 246, 0.84);
}
html[data-theme="dark"] body.landing-body .lp-hero-chips--carousel {
    border-color: rgba(243, 244, 246, 0.12);
        background: rgba(11, 13, 20, 0.58);
}
html[data-theme="dark"] body.landing-body .lp-hero-chips--carousel:hover {
    background: rgba(11, 13, 20, 0.66);
}
html[data-theme="dark"] body.landing-body .lp-hero-chips--carousel li {
    border: none;
        background: transparent;
        color: rgba(243, 244, 246, 0.84);
}
html[data-theme="dark"] body.landing-body .lp-hero-chips--carousel li + li::before {
    background: rgba(243, 244, 246, 0.12);
}
html[data-theme="dark"] body.landing-body .lp-signal-card {
    background: rgba(11, 13, 20, 0.62);
        border-color: rgba(243, 244, 246, 0.12);
        box-shadow:
            0 24px 86px rgba(0, 0, 0, 0.62),
            inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] body.landing-body .lp-signal-card:hover {
    border-color: rgba(243, 244, 246, 0.18);
        box-shadow:
            0 30px 104px rgba(0, 0, 0, 0.68),
            inset 0 1px 0 var(--lp-panel-border);
}
html[data-theme="dark"] body.landing-body .lp-signal-card__title,
html[data-theme="dark"] body.landing-body .lp-signal-card__row dt {
    color: rgba(243, 244, 246, 0.72);
}
html[data-theme="dark"] body.landing-body .lp-signal-card__row dd {
    color: rgba(243, 244, 246, 0.92);
}
html[data-theme="dark"] body.landing-body .lp-signal-card__row + .lp-signal-card__row {
    border-top-color: rgba(148, 163, 184, 0.20);
}
html[data-theme="dark"] body.landing-body .lp-signal-chip {
    border-color: rgba(148, 163, 184, 0.20);
        background:
            radial-gradient(220px circle at 18% 30%, rgba(212, 175, 55, 0.12), transparent 60%),
            rgba(15, 19, 32, 0.48);
        color: rgba(243, 244, 246, 0.88);
}
html[data-theme="dark"] body.landing-body .lp-signal-chip:hover {
    background:
            radial-gradient(260px circle at 18% 30%, rgba(212, 175, 55, 0.16), transparent 58%),
            rgba(15, 19, 32, 0.62);
        border-color: rgba(212, 175, 55, 0.38);
        box-shadow:
            0 22px 60px rgba(0, 0, 0, 0.40),
            0 0 0 1px rgba(212, 175, 55, 0.12);
}
@media (prefers-reduced-motion: no-preference) {
    .lp-signal-card::before {
        animation: lp-signal-sheen 6200ms ease-in-out infinite;
    }
}
@keyframes lp-signal-sheen {
0% {
        transform: translate3d(-8%, 0, 0);
    }
    50% {
        transform: translate3d(8%, 0, 0);
    }
    100% {
        transform: translate3d(-8%, 0, 0);
    }
}
html[data-theme="dark"] body.landing-body .lp-hero-shot {
    border-color: rgba(243, 244, 246, 0.12);
        background: rgba(11, 13, 20, 0.56);
        box-shadow:
            0 30px 98px rgba(0, 0, 0, 0.68),
            inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] body.landing-body .lp-hero-shot:hover {
    border-color: rgba(243, 244, 246, 0.18);
        box-shadow:
            0 40px 122px rgba(0, 0, 0, 0.72),
            inset 0 1px 0 var(--lp-panel-border);
}
html[data-theme="dark"] body.landing-body .lp-hero-shot.lp-hero-shot--embed,
html[data-theme="dark"] body.landing-body .lp-hero-shot.lp-hero-shot--embed .lp-hero-embed__frame {
    background: #121315;
        border-color: rgba(243, 244, 246, 0.12);
}
html[data-theme="dark"] body.landing-body .lp-hero-shot__label {
    border-color: rgba(243, 244, 246, 0.14);
        background: rgba(7, 8, 11, 0.56);
        color: rgba(243, 244, 246, 0.88);
}
/* Keep section meta above adjacent transformed card grids during scroll animations. */
.lp-section .lp-hero-meta {
position: relative;
    z-index: 2;
}

.lp-feature-grid + .lp-hero-meta {
margin-top: 22px;
}

[data-screenshot-modal] {
cursor: zoom-in;
}

[data-screenshot-modal]:focus-visible {
outline: 3px solid color-mix(in srgb, var(--lp-color-brand) 65%, transparent);
    outline-offset: 4px;
    border-radius: 14px;
}

.lp-hero-shot--embed {
    min-width: 0;
    border-radius: 16px;
    background: #121315;
    border-color: rgba(15, 19, 32, 0.22);
    transform-style: flat;
}

.lp-hero-embed__trigger {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 0;
    border-radius: 16px;
    overflow: hidden;
}

.lp-hero-embed__frame {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: clamp(460px, 56vw, 580px);
    min-height: 460px;
    border: 0;
    background: #121315;
    border-radius: 16px;
}

.lp-hero-shot--inline-mockup {
    min-width: 0;
    border-radius: 18px;
    background: #0e0f12;
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.35),
        0 28px 80px rgba(0, 0, 0, 0.42);
    transform-style: flat;
    overflow: hidden;
}

.lp-hero-shot--inline-mockup .lp-how-install-hero {
    display: block;
    width: 100%;
}

html[data-theme="dark"] body.landing-body .lp-hero-shot.lp-hero-shot--inline-mockup {
    background: #121315;
    border-color: rgba(243, 244, 246, 0.12);
}

@media (hover: hover) and (pointer: fine) {
    .lp-hero-shot--inline-mockup:hover {
        transform: translateY(-1px);
    }
}

/* How-to-install hero: inline phone mockup (replaces iframe) */
.lp-how-install-hero {
    --hi-s1: #101114;
    --hi-bd: rgba(255, 255, 255, 0.07);
    --hi-t1: #f4f2ee;
    --hi-t3: rgba(244, 242, 238, 0.38);
    --hi-acc: #d4a017;
    --hi-acc-soft: rgba(212, 160, 23, 0.2);
    --hi-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    --hi-squircle: 22.37%;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--hi-t1);
    -webkit-font-smoothing: antialiased;
}

.lp-how-install-hero__shell {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 15px;
    border: 1px solid var(--hi-bd);
    background: var(--hi-s1);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 24px 70px rgba(0, 0, 0, 0.38);
    overflow: hidden;
}

.lp-how-install-hero__shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(ellipse 90% 45% at 50% 0%, rgba(212, 160, 23, 0.07), transparent 52%),
        radial-gradient(ellipse 70% 40% at 100% 100%, rgba(99, 102, 241, 0.04), transparent 45%);
}

.lp-how-install-hero__topbar {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: 11px 16px;
    border-bottom: 1px solid var(--hi-bd);
    background: rgba(8, 9, 11, 0.72);
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
}

.lp-how-install-hero__topbar-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lp-how-install-hero__status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3dd68c;
    box-shadow: 0 0 10px rgba(61, 214, 140, 0.45);
    animation: lp-how-install-hero-pulse 2.4s ease-in-out infinite;
}

.lp-how-install-hero__topbar-label {
    font-family: var(--hi-mono);
    font-size: 9px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--hi-t3);
}

.lp-how-install-hero__pill {
    font-family: var(--hi-mono);
    font-size: 8px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(212, 160, 23, 0.28);
    color: rgba(252, 211, 77, 0.92);
    background: linear-gradient(180deg, rgba(212, 160, 23, 0.14), rgba(212, 160, 23, 0.06));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.lp-how-install-hero__main {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 16px 16px 18px;
}

.lp-how-install-hero__phone {
    width: 100%;
    max-width: 222px;
    border-radius: 38px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(165deg, #141518 0%, #0a0a0c 48%, #080809 100%);
    overflow: hidden;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.5),
        0 20px 48px rgba(0, 0, 0, 0.55),
        0 8px 16px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        inset 0 -1px 0 rgba(0, 0, 0, 0.35);
    animation: lp-how-install-hero-rise 0.65s ease both;
}

.lp-how-install-hero__ph-status {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 10px 14px 8px;
    min-height: 44px;
    font-family: var(--hi-mono);
    font-size: 10px;
    font-weight: 600;
    color: var(--hi-t1);
}

.lp-how-install-hero__ph-time {
    letter-spacing: -0.02em;
    justify-self: start;
    padding-left: 2px;
}

.lp-how-install-hero__ph-island {
    width: 76px;
    height: 25px;
    border-radius: 14px;
    background: linear-gradient(180deg, #121214 0%, #0a0a0c 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.45) inset,
        0 0 0 1px rgba(0, 0, 0, 0.25);
    justify-self: center;
}

.lp-how-install-hero__ph-right {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-self: end;
    padding-right: 2px;
}

.lp-how-install-hero__ph-signal {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 10px;
}

.lp-how-install-hero__ph-signal b {
    width: 3px;
    border-radius: 1px;
    background: var(--hi-t1);
    opacity: 0.9;
}

.lp-how-install-hero__ph-signal b:nth-child(1) {
    height: 4px;
}
.lp-how-install-hero__ph-signal b:nth-child(2) {
    height: 6px;
}
.lp-how-install-hero__ph-signal b:nth-child(3) {
    height: 8px;
}
.lp-how-install-hero__ph-signal b:nth-child(4) {
    height: 10px;
}

.lp-how-install-hero__ph-batt {
    width: 22px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    padding: 1px;
    position: relative;
}

.lp-how-install-hero__ph-batt::after {
    content: "";
    position: absolute;
    right: -3px;
    top: 2px;
    width: 2px;
    height: 4px;
    background: rgba(255, 255, 255, 0.35);
    border-radius: 0 1px 1px 0;
}

.lp-how-install-hero__ph-batt i {
    display: block;
    height: 100%;
    width: 70%;
    border-radius: 1px;
    background: linear-gradient(90deg, #34d399, #22c55e);
}

.lp-how-install-hero__ph-body {
    display: flex;
    flex-direction: column;
    min-height: 268px;
    background:
        radial-gradient(ellipse 95% 55% at 50% -5%, rgba(148, 163, 184, 0.1), transparent 52%),
        radial-gradient(ellipse 80% 45% at 95% 85%, rgba(212, 160, 23, 0.07), transparent 48%),
        linear-gradient(168deg, #1a2230 0%, #121826 38%, #0c0e12 72%, #090a0d 100%);
}

.lp-how-install-hero__ph-page {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 14px 6px;
}

.lp-how-install-hero__icon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px 14px;
    width: 100%;
    max-width: 172px;
}

.lp-how-install-hero__app {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.lp-how-install-hero__squircle {
    width: 46px;
    height: 46px;
    border-radius: var(--hi-squircle);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.12) inset,
        0 3px 10px rgba(0, 0, 0, 0.28);
}

.lp-how-install-hero__app--muted .lp-how-install-hero__squircle {
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.045));
}

.lp-how-install-hero__app--mail .lp-how-install-hero__squircle {
    background: linear-gradient(145deg, #5b9cf5, #3b82f6);
}
.lp-how-install-hero__app--cal .lp-how-install-hero__squircle {
    background: linear-gradient(145deg, #f87171, #ef4444);
}
.lp-how-install-hero__app--photos .lp-how-install-hero__squircle {
    background: linear-gradient(145deg, #a78bfa, #8b5cf6);
}
.lp-how-install-hero__app--notes .lp-how-install-hero__squircle {
    background: linear-gradient(145deg, #fbbf24, #f59e0b);
}
.lp-how-install-hero__app--maps .lp-how-install-hero__squircle {
    background: linear-gradient(145deg, #4ade80, #22c55e);
}

.lp-how-install-hero__app--fda .lp-how-install-hero__squircle {
    padding: 0;
    overflow: hidden;
    border-color: rgba(212, 160, 23, 0.38);
    box-shadow:
        0 0 0 1px rgba(212, 160, 23, 0.35),
        0 1px 0 rgba(255, 255, 255, 0.15) inset,
        0 6px 18px rgba(0, 0, 0, 0.38),
        0 0 20px rgba(212, 160, 23, 0.12);
    animation: lp-how-install-hero-fdaglow 4.5s ease-in-out infinite;
}

.lp-how-install-hero__app--fda .lp-how-install-hero__squircle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.lp-how-install-hero__fda-fallback {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #c9a84c, #8b6914);
    color: #0e0f11;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.lp-how-install-hero__app--fda.is-fallback .lp-how-install-hero__squircle img {
    display: none;
}
.lp-how-install-hero__app--fda.is-fallback .lp-how-install-hero__fda-fallback {
    display: flex;
}

.lp-how-install-hero__app-lbl {
    font-size: 8.5px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    max-width: 58px;
    line-height: 1.22;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}

.lp-how-install-hero__app--fda .lp-how-install-hero__app-lbl {
    color: #fcd34d;
    font-weight: 600;
}

.lp-how-install-hero__squircle svg {
    width: 22px;
    height: 22px;
    stroke: rgba(255, 255, 255, 0.92);
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lp-how-install-hero__dock {
    margin: 0 11px 0;
    padding: 11px 14px 10px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(22px) saturate(165%);
    -webkit-backdrop-filter: blur(22px) saturate(165%);
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.1) inset,
        0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 15px;
}

.lp-how-install-hero__dock .lp-how-install-hero__app {
    margin-bottom: 0;
}

.lp-how-install-hero__dock .lp-how-install-hero__squircle {
    width: 44px;
    height: 44px;
}

.lp-how-install-hero__dock .lp-how-install-hero__app-lbl {
    font-size: 7.5px;
    max-width: 54px;
}

.lp-how-install-hero__ph-home-indicator {
    align-self: center;
    width: 112px;
    height: 4px;
    margin: 10px auto 12px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.28);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    flex-shrink: 0;
}

.lp-how-install-hero__desktop-hint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    font-family: var(--hi-mono);
    font-size: 8px;
    color: var(--hi-t3);
    letter-spacing: 0.04em;
    text-align: center;
    max-width: 280px;
    line-height: 1.4;
    animation: lp-how-install-hero-rise 0.7s 0.1s ease both;
    animation-fill-mode: backwards;
}

.lp-how-install-hero__desktop-hint svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    opacity: 0.85;
    stroke: rgba(240, 237, 232, 0.5);
    fill: none;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lp-how-install-hero__foot {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    margin: 0;
    padding: 9px 14px 10px;
    border-top: 1px solid var(--hi-bd);
    font-family: var(--hi-mono);
    font-size: 8.5px;
    color: var(--hi-t3);
    text-align: center;
    letter-spacing: 0.04em;
    line-height: 1.45;
    background: rgba(6, 7, 9, 0.35);
}

@keyframes lp-how-install-hero-rise {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes lp-how-install-hero-pulse {
    0%,
    100% {
        opacity: 0.75;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}

@keyframes lp-how-install-hero-fdaglow {
    0%,
    100% {
        box-shadow:
            0 0 0 1px rgba(212, 160, 23, 0.32),
            0 1px 0 rgba(255, 255, 255, 0.12) inset,
            0 6px 18px rgba(0, 0, 0, 0.36),
            0 0 18px rgba(212, 160, 23, 0.1);
    }
    50% {
        box-shadow:
            0 0 0 1px rgba(212, 160, 23, 0.42),
            0 1px 0 rgba(255, 255, 255, 0.14) inset,
            0 7px 20px rgba(0, 0, 0, 0.4),
            0 0 22px rgba(212, 160, 23, 0.14);
    }
}

.lp-screenshot-hint {
position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(243, 244, 246, 0.14);
    background: rgba(7, 8, 11, 0.62);
    color: rgba(243, 244, 246, 0.88);
    font-size: 0.72rem;
    letter-spacing: 0.01em;
    pointer-events: none;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 180ms ease-out, transform 180ms ease-out;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.lp-hero-shot:hover .lp-screenshot-hint,
.lp-hero-shot:focus-within .lp-screenshot-hint {
opacity: 1;
    transform: translateY(0);
}

/* Screenshot / embed lightbox (registerScreenshotModal in landing.js) */
.lp-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.55);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition:
        opacity 240ms cubic-bezier(0.22, 1, 0.36, 1),
        visibility 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.lp-modal-backdrop.is-visible {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.lp-modal-backdrop--screenshot {
    z-index: 2300;
    padding: min(24px, 4vw);
    background: color-mix(in srgb, var(--lp-color-bg, #f7f5f0) 10%, rgba(0, 0, 0, 0.62));
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
}

.lp-modal-backdrop--screenshot .lp-modal--screenshot {
    position: relative;
    width: min(1120px, calc(100vw - 32px));
    max-height: min(92vh, 900px);
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    opacity: 0;
    transform: translateY(16px) scale(0.98);
    transition:
        opacity 280ms cubic-bezier(0.22, 1, 0.36, 1),
        transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

.lp-modal-backdrop--screenshot.is-visible .lp-modal--screenshot {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.lp-modal-backdrop--screenshot .lp-modal__sheet {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    max-height: min(92vh, 900px);
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--lp-color-brand, #d4a017) 24%, var(--lp-ghost-border, rgba(0, 0, 0, 0.08)));
    background: var(--lp-panel-bg-strong, #ffffff);
    color: var(--lp-color-text, #1a1815);
    box-shadow:
        var(--lp-shadow-glow, 0 0 0 1px rgba(212, 175, 55, 0.22), 0 28px 72px rgba(0, 0, 0, 0.45)),
        var(--lp-shadow-card, 0 16px 40px rgba(0, 0, 0, 0.28));
    overflow: hidden;
}

.lp-modal-backdrop--screenshot .lp-modal__sheet::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
    background: radial-gradient(ellipse 95% 48% at 50% -12%, color-mix(in srgb, var(--lp-color-brand, #d4a017) 14%, transparent), transparent 55%);
}

.lp-modal-backdrop--screenshot .lp-modal__sheet-head,
.lp-modal-backdrop--screenshot .lp-modal__body {
    position: relative;
    z-index: 1;
}

.lp-modal-backdrop--screenshot .lp-modal__sheet-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-shrink: 0;
    padding: 16px 18px 12px 22px;
    border-bottom: 1px solid var(--lp-panel-border, rgba(0, 0, 0, 0.08));
}

.lp-modal-backdrop--screenshot .lp-modal__sheet-head:has(.lp-modal__caption[hidden]) {
    justify-content: flex-end;
    border-bottom: none;
    padding-bottom: 8px;
}

.lp-modal-backdrop--screenshot .lp-modal__tabbar {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    padding: 0 22px 12px;
    border-bottom: 1px solid var(--lp-panel-border, rgba(0, 0, 0, 0.08));
}

.lp-modal-backdrop--screenshot .lp-modal__tablist {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 20px;
    align-items: flex-end;
}

.lp-modal-backdrop--screenshot .lp-modal__tab {
    margin: 0;
    padding: 0 2px 8px;
    border: none;
    border-bottom: 2px solid transparent;
    background: none;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--lp-color-text-muted, #5c564c);
    cursor: pointer;
    border-radius: 0;
    transition:
        color 160ms ease,
        border-color 160ms ease;
}

.lp-modal-backdrop--screenshot .lp-modal__tab:hover {
    color: var(--lp-color-text, #1a1815);
}

.lp-modal-backdrop--screenshot .lp-modal__tab[aria-selected="true"] {
    color: var(--lp-color-brand, #d4a017);
    border-bottom-color: color-mix(in srgb, var(--lp-color-brand, #d4a017) 85%, transparent);
}

.lp-modal-backdrop--screenshot .lp-modal__tab:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--lp-color-brand, #d4a017) 55%, transparent);
    outline-offset: 3px;
}

.lp-modal-backdrop--screenshot .lp-modal__sheet-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* Header primary CTA — same lp-btn system as hero / cookie banner; slightly tighter in modal chrome */
.lp-modal-backdrop--screenshot .lp-modal__sheet-actions .lp-btn.lp-btn--primary {
    padding: 8px 16px;
    font-size: 0.875rem;
    border-radius: 12px;
}

.lp-modal-backdrop--screenshot .lp-modal__caption {
    margin: 0;
    flex: 1;
    min-width: 0;
    font-family: var(--lp-font-display, "Space Grotesk", Inter, system-ui, sans-serif);
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: var(--lp-color-text, #1a1815);
}

.lp-modal-backdrop--screenshot .lp-modal__caption[hidden] {
    display: none !important;
}

.lp-modal-backdrop--screenshot .lp-modal__close {
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--lp-color-brand, #d4a017) 35%, var(--lp-panel-border, rgba(0, 0, 0, 0.12)));
    background: color-mix(in srgb, var(--lp-panel-bg-strong, #fff) 88%, transparent);
    color: var(--lp-color-text-muted, #5c564c);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    transition:
        background-color 180ms ease,
        color 180ms ease,
        border-color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}

.lp-modal-backdrop--screenshot .lp-modal__close-icon {
    display: block;
    width: 18px;
    height: 18px;
}

.lp-modal-backdrop--screenshot .lp-modal__close:hover,
.lp-modal-backdrop--screenshot .lp-modal__close:focus-visible {
    background: color-mix(in srgb, var(--lp-color-brand, #d4a017) 12%, var(--lp-panel-bg-strong, #fff));
    color: var(--lp-color-text, #1a1815);
    border-color: color-mix(in srgb, var(--lp-color-brand, #d4a017) 55%, var(--lp-panel-border, rgba(0, 0, 0, 0.12)));
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}

.lp-modal-backdrop--screenshot .lp-modal__close:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--lp-color-brand, #d4a017) 45%, transparent);
    outline-offset: 2px;
}

.lp-modal-backdrop--screenshot .lp-modal__body {
    flex: 1;
    min-height: 0;
    padding: 0 18px 18px;
    background: transparent;
}

.lp-modal-backdrop--screenshot .lp-modal__viewport {
    border-radius: 12px;
    border: 1px solid var(--lp-panel-border, rgba(0, 0, 0, 0.08));
    /* Frame colour for previews: matches viewport cream/white (no grey/black). */
    --lp-ss-img-frame: color-mix(in srgb, #ffffff 32%, var(--lp-color-bg, #f7f5f0) 68%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 245, 240, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    overflow: auto;
    max-height: min(calc(92vh - 120px), 780px);
    -webkit-overflow-scrolling: touch;
    padding: 20px 24px 24px;
}

.lp-modal-backdrop--screenshot .lp-modal__viewport img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 4px auto;
    border-radius: 8px;
    /* Outer border + inset “lip” same colour as viewport: reads seamless, masks bad SS edges (no blur). */
    border: 3px solid var(--lp-ss-img-frame);
    box-shadow: inset 0 0 0 3px var(--lp-ss-img-frame);
    box-sizing: border-box;
}

.lp-modal-backdrop--screenshot .lp-modal__viewport--scroll-stack .lp-modal__stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.lp-modal-backdrop--screenshot .lp-modal__viewport iframe {
    display: block;
    width: 100%;
    min-height: min(72vh, 720px);
    height: min(72vh, 720px);
    margin: 4px auto;
    border: 3px solid var(--lp-ss-img-frame);
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 3px var(--lp-ss-img-frame);
    box-sizing: border-box;
}

.lp-modal-backdrop--screenshot .lp-modal__nav {
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--lp-color-brand, #d4a017) 28%, var(--lp-panel-border, rgba(0, 0, 0, 0.12)));
    background: color-mix(in srgb, var(--lp-panel-bg-strong, #fff) 92%, rgba(0, 0, 0, 0.04));
    color: var(--lp-color-text, #1a1815);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    transition:
        background-color 180ms ease,
        color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}

.lp-modal-backdrop--screenshot .lp-modal__nav--prev {
    left: max(8px, calc(50% - min(560px, 50vw) - 28px));
}

.lp-modal-backdrop--screenshot .lp-modal__nav--next {
    right: max(8px, calc(50% - min(560px, 50vw) - 28px));
}

.lp-modal-backdrop--screenshot .lp-modal__nav:hover,
.lp-modal-backdrop--screenshot .lp-modal__nav:focus-visible {
    background: color-mix(in srgb, var(--lp-color-brand, #d4a017) 14%, var(--lp-panel-bg-strong, #fff));
    transform: translateY(-50%) translateY(-1px);
    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.16),
        0 0 0 1px rgba(255, 255, 255, 0.55) inset;
}

.lp-modal-backdrop--screenshot .lp-modal__nav:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--lp-color-brand, #d4a017) 45%, transparent);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .lp-modal-backdrop,
    .lp-modal-backdrop--screenshot .lp-modal--screenshot {
        transition-duration: 0.01ms !important;
    }

    .lp-modal-backdrop--screenshot.is-visible .lp-modal--screenshot {
        transform: none;
    }
}

@media (max-width: 720px) {
    .lp-modal-backdrop--screenshot {
        padding: 12px;
    }

    .lp-modal-backdrop--screenshot .lp-modal--screenshot {
        width: 100%;
        max-height: none;
    }

    .lp-modal-backdrop--screenshot .lp-modal__sheet {
        max-height: none;
        border-radius: 16px;
    }

    .lp-modal-backdrop--screenshot .lp-modal__nav--prev {
        left: 6px;
    }

    .lp-modal-backdrop--screenshot .lp-modal__nav--next {
        right: 6px;
    }

    .lp-modal-backdrop--screenshot .lp-modal__tabbar {
        padding: 0 16px 10px;
    }

    .lp-modal-backdrop--screenshot .lp-modal__viewport {
        max-height: min(calc(100dvh - 140px), 720px);
    }

    .lp-modal-backdrop--screenshot .lp-modal__viewport iframe {
        min-height: min(58vh, 560px);
        height: min(58vh, 560px);
    }

    /* Example outputs page only (class toggled in landing.js): full-viewport lightbox on small screens */
    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen {
        padding: 0;
        align-items: stretch;
        justify-content: stretch;
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal--screenshot {
        flex: 1 1 auto;
        align-self: stretch;
        width: 100%;
        max-width: none;
        max-height: none;
        min-height: 0;
        height: auto;
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal__sheet {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        height: 100%;
        border-radius: 0;
        border: none;
        box-shadow: none;
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal__sheet::before {
        border-radius: 0;
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal__sheet-head {
        padding-top: max(12px, env(safe-area-inset-top, 0px));
        padding-right: max(14px, env(safe-area-inset-right, 0px));
        padding-bottom: 10px;
        padding-left: max(18px, env(safe-area-inset-left, 0px));
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal__tabbar {
        padding-left: max(16px, env(safe-area-inset-left, 0px));
        padding-right: max(16px, env(safe-area-inset-right, 0px));
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal__body {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        padding: 0 0 max(10px, env(safe-area-inset-bottom, 0px));
        padding-left: max(0px, env(safe-area-inset-left, 0px));
        padding-right: max(0px, env(safe-area-inset-right, 0px));
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal__viewport {
        flex: 1 1 auto;
        min-height: 0;
        width: 100%;
        max-height: none;
        border-radius: 0;
        border: none;
        box-shadow: none;
        padding: 6px max(8px, env(safe-area-inset-left, 0px)) max(8px, env(safe-area-inset-bottom, 0px))
            max(8px, env(safe-area-inset-right, 0px));
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal__viewport img {
        margin-top: 0;
        margin-bottom: 0;
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal__viewport--scroll-stack .lp-modal__stack {
        gap: 16px;
        padding-bottom: 4px;
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal__nav--prev {
        left: max(6px, env(safe-area-inset-left, 0px));
    }

    .lp-modal-backdrop--screenshot.lp-modal-backdrop--eo-mobile-fullscreen .lp-modal__nav--next {
        right: max(6px, env(safe-area-inset-right, 0px));
    }
}

/* Cookie consent — compact bottom-left chip (no full-page overlay) */
.lp-cookie-banner[hidden] {
    display: none !important;
}

body.landing-body .lp-cookie-banner {
    position: fixed;
    left: max(14px, env(safe-area-inset-left, 0px));
    bottom: max(14px, env(safe-area-inset-bottom, 0px));
    right: auto;
    top: auto;
    z-index: 450;
    width: min(360px, calc(100vw - 28px));
    max-height: min(320px, 42vh);
    overflow: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-radius: 14px;
    border: 1px solid var(--lp-color-border-subtle);
    background: color-mix(in srgb, var(--lp-color-surface) 96%, var(--lp-color-bg));
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow:
        0 0 0 1px rgba(212, 160, 23, 0.14),
        0 4px 6px rgba(15, 23, 42, 0.04),
        0 18px 44px rgba(15, 23, 42, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

body.landing-body .lp-cookie-banner::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    height: 2px;
    border-radius: 0 0 2px 2px;
    background: linear-gradient(90deg, rgba(212, 160, 23, 0.15), rgba(212, 160, 23, 0.85), rgba(212, 160, 23, 0.2));
    pointer-events: none;
}

html[data-theme="dark"] body.landing-body .lp-cookie-banner {
    background: color-mix(in srgb, rgba(11, 13, 20, 0.92) 88%, var(--lp-color-surface));
    box-shadow:
        0 0 0 1px rgba(212, 175, 55, 0.22),
        0 16px 48px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] body.landing-body .lp-cookie-banner::before {
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.12), rgba(212, 175, 55, 0.75), rgba(212, 175, 55, 0.15));
}

.lp-cookie-banner__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 14px 0 15px;
}

.lp-cookie-banner__title {
    margin: 0;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--lp-color-text-muted);
}

.lp-cookie-banner__close {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin: -4px -6px -4px 0;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--lp-color-text-muted);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        background-color 140ms ease-out,
        color 140ms ease-out;
}

.lp-cookie-banner__close:hover,
.lp-cookie-banner__close:focus-visible {
    color: var(--lp-color-text);
    background: color-mix(in srgb, var(--lp-color-surface-soft) 55%, transparent);
    outline: none;
}

.lp-cookie-banner__close:focus-visible {
    box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.35);
}

.lp-cookie-banner__text {
    margin: 0;
    padding: 8px 15px 0;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--lp-color-text-muted);
}

.lp-cookie-banner__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px 14px 14px 15px;
}

.lp-cookie-banner__btn {
    min-height: 36px;
    padding: 0 14px;
    font-size: 0.8125rem;
    font-weight: 600;
}

@media (max-width: 480px) {
    body.landing-body .lp-cookie-banner {
        width: calc(100vw - 20px);
        left: max(10px, env(safe-area-inset-left, 0px));
        bottom: max(10px, env(safe-area-inset-bottom, 0px));
        max-height: none;
    }

    .lp-cookie-banner__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .lp-cookie-banner__btn {
        width: 100%;
        justify-content: center;
    }
}

/* Sticky bottom-right: compact demo chip (cookie banner stays bottom-left); shown after delay via JS */
body.landing-body .lp-sticky-demo-cta {
    position: fixed;
    right: max(12px, env(safe-area-inset-right, 0px));
    bottom: max(12px, env(safe-area-inset-bottom, 0px));
    left: auto;
    top: auto;
    z-index: 420;
    width: max-content;
    max-width: min(300px, calc(100vw - 24px));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition:
        opacity 280ms ease-out,
        transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 280ms;
}

body.landing-body .lp-sticky-demo-cta.lp-sticky-demo-cta--ready {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition:
        opacity 280ms ease-out,
        transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0s;
}

body.landing-body .lp-sticky-demo-cta__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    padding: 9px 9px 10px 11px;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--lp-color-border-subtle) 92%, transparent);
    background: color-mix(in srgb, var(--lp-color-surface) 94%, var(--lp-color-bg));
    backdrop-filter: blur(16px) saturate(1.15);
    -webkit-backdrop-filter: blur(16px) saturate(1.15);
    box-shadow:
        0 0 0 1px rgba(212, 160, 23, 0.1),
        0 2px 4px rgba(15, 23, 42, 0.03),
        0 12px 32px rgba(15, 23, 42, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.52);
}

body.landing-body .lp-sticky-demo-cta__inner::before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    height: 2px;
    border-radius: 0 0 2px 2px;
    background: linear-gradient(90deg, rgba(212, 160, 23, 0.12), rgba(212, 160, 23, 0.78), rgba(212, 160, 23, 0.16));
    pointer-events: none;
}

html[data-theme="dark"] body.landing-body .lp-sticky-demo-cta__inner {
    background: color-mix(in srgb, rgba(11, 13, 20, 0.94) 90%, var(--lp-color-surface));
    border-color: color-mix(in srgb, rgba(212, 175, 55, 0.14) 40%, rgba(148, 163, 184, 0.12));
    box-shadow:
        0 0 0 1px rgba(212, 175, 55, 0.16),
        0 14px 40px rgba(0, 0, 0, 0.38);
}

html[data-theme="dark"] body.landing-body .lp-sticky-demo-cta__inner::before {
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.1), rgba(212, 175, 55, 0.68), rgba(212, 175, 55, 0.12));
}

body.landing-body .lp-sticky-demo-cta__eyebrow {
    margin: 0;
    padding: 0 2px;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-color-text-soft);
    text-align: left;
    line-height: 1.2;
}

body.landing-body .lp-sticky-demo-cta__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

body.landing-body a.lp-sticky-demo-cta__primary.lp-btn {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
    border-radius: 999px;
    padding: 8px 13px 8px 11px;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: -0.015em;
    white-space: nowrap;
    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

body.landing-body a.lp-sticky-demo-cta__primary.lp-btn:hover {
    box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(212, 175, 55, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}

body.landing-body .lp-sticky-demo-cta__primary-icon {
    display: inline-flex;
    flex-shrink: 0;
    opacity: 0.92;
}

body.landing-body .lp-sticky-demo-cta__primary-icon svg {
    display: block;
}

/* Icon-only call: tooltip from data-lp-tooltip + native title */
body.landing-body .lp-sticky-demo-cta__call {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    border-radius: 999px;
    border: 1px solid var(--lp-ghost-border);
    background: color-mix(in srgb, var(--lp-ghost-bg) 92%, var(--lp-color-brand) 2%);
    color: var(--lp-color-text-base);
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transition:
        border-color 150ms ease-out,
        background-color 150ms ease-out,
        color 150ms ease-out,
        box-shadow 150ms ease-out,
        transform 150ms ease-out;
}

body.landing-body .lp-sticky-demo-cta__call:hover {
    color: var(--lp-color-brand);
    border-color: color-mix(in srgb, var(--lp-color-brand) 28%, var(--lp-ghost-border));
    background: var(--lp-ghost-bg-hover);
    transform: translateY(-1px);
    box-shadow:
        0 6px 16px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

html[data-theme="dark"] body.landing-body .lp-sticky-demo-cta__call {
    background: color-mix(in srgb, rgba(148, 163, 184, 0.06) 70%, transparent);
    border-color: rgba(148, 163, 184, 0.16);
    color: var(--lp-color-text-muted);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] body.landing-body .lp-sticky-demo-cta__call:hover {
    color: var(--lp-color-brand);
    border-color: rgba(212, 175, 55, 0.28);
    background: color-mix(in srgb, rgba(212, 175, 55, 0.08) 40%, rgba(15, 19, 32, 0.5));
}

body.landing-body .lp-sticky-demo-cta__call:focus-visible {
    outline: none;
    box-shadow:
        0 0 0 2px rgba(212, 160, 23, 0.92),
        0 0 0 6px rgba(212, 160, 23, 0.18);
}

body.landing-body .lp-sticky-demo-cta__call::after {
    content: attr(data-lp-tooltip);
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
    width: max-content;
    max-width: min(240px, 70vw);
    padding: 7px 10px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--lp-color-ink-strong);
    background: color-mix(in srgb, var(--lp-color-surface) 96%, #fff);
    border: 1px solid var(--lp-color-border-subtle);
    box-shadow:
        0 0 0 1px rgba(212, 160, 23, 0.08),
        0 10px 28px rgba(15, 23, 42, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition:
        opacity 140ms ease-out,
        transform 140ms ease-out,
        visibility 0s linear 140ms;
    pointer-events: none;
    z-index: 2;
}

html[data-theme="dark"] body.landing-body .lp-sticky-demo-cta__call::after {
    color: var(--lp-color-text);
    background: color-mix(in srgb, rgba(11, 13, 20, 0.98) 88%, var(--lp-color-surface));
    border-color: rgba(148, 163, 184, 0.14);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}

body.landing-body .lp-sticky-demo-cta__call:hover::after,
body.landing-body .lp-sticky-demo-cta__call:focus-visible::after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition:
        opacity 140ms ease-out,
        transform 140ms ease-out,
        visibility 0s linear 0s;
}

body.landing-body .lp-sticky-demo-cta__call-icon {
    display: inline-flex;
    flex-shrink: 0;
}

body.landing-body .lp-sticky-demo-cta__call-icon svg {
    display: block;
}

body.landing-body.lp-mobile-nav-open .lp-sticky-demo-cta,
body.landing-body.lp-modal-open .lp-sticky-demo-cta {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 160ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
    body.landing-body .lp-sticky-demo-cta {
        transform: none;
        transition:
            opacity 120ms ease-out,
            visibility 0s linear 120ms;
    }

    body.landing-body .lp-sticky-demo-cta.lp-sticky-demo-cta--ready {
        transition:
            opacity 120ms ease-out,
            visibility 0s linear 0s;
    }

    body.landing-body.lp-mobile-nav-open .lp-sticky-demo-cta,
    body.landing-body.lp-modal-open .lp-sticky-demo-cta {
        transition: none;
    }

    body.landing-body a.lp-sticky-demo-cta__primary.lp-btn:hover {
        transform: none;
    }

    body.landing-body .lp-sticky-demo-cta__call:hover {
        transform: none;
    }

    body.landing-body .lp-sticky-demo-cta__call::after {
        transition: none;
    }
}

@media (hover: none) {
    body.landing-body .lp-sticky-demo-cta__call::after {
        content: none;
    }
}

@media print {
    body.landing-body .lp-sticky-demo-cta {
        display: none !important;
    }
}

.lp-section {
padding: 40px 0;
    display: flow-root;
}

.lp-section--muted {
background:
        radial-gradient(circle at 12% 0%, rgba(212, 175, 55, 0.06), transparent 58%),
        radial-gradient(circle at 92% 70%, rgba(15, 19, 32, 0.06), transparent 56%),
        var(--lp-color-surface-soft);
}

.lp-page--unsubscribe .lp-section--unsubscribe-note {
    padding-top: 0;
    padding-bottom: clamp(48px, 8vw, 96px);
}

.lp-unsubscribe-note {
    max-width: 56ch;
    padding: 20px 22px;
    border-radius: 14px;
    border: 1px solid var(--lp-color-border-subtle);
    background: var(--lp-color-surface-soft);
}

.lp-unsubscribe-note__text {
    margin: 0;
    font-size: 0.94rem;
    line-height: 1.65;
    color: var(--lp-color-text-muted);
}

.lp-unsubscribe-note__text a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.lp-unsubscribe-note__text a:hover {
    color: var(--lp-color-text);
}

/* How to install — split headings: title left, summary right (matches platform / example-outputs) */
.lp-page--how-to-install .lp-resources-section-heading--split {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
    align-items: end;
    gap: 32px;
}

.lp-page--how-to-install .lp-resources-section-heading--split .lp-resources-section-heading__eyebrow {
    grid-column: 1 / -1;
}

.lp-page--how-to-install .lp-resources-section-heading--split .lp-resources-section-heading__title {
    margin: 0;
    max-width: none;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-page--how-to-install .lp-resources-section-heading--split .lp-resources-section-heading__summary {
    max-width: none;
    margin: 0;
    text-align: right;
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

@media (max-width: 720px) {
    .lp-page--how-to-install .lp-resources-section-heading--split {
        grid-template-columns: 1fr;
        gap: 14px;
        align-items: start;
    }

    .lp-page--how-to-install .lp-section--how-to-install-notes .lp-resources-section-heading--split {
        gap: 14px;
    }

    .lp-page--how-to-install .lp-resources-section-heading--split .lp-resources-section-heading__summary {
        text-align: left;
    }
}

/* How to install — section heading bottom spacing */
.lp-section--how-to-install-overview .lp-resources-section-heading {
    margin-bottom: 28px;
}

/* Must beat later .lp-outcomes-proto__grid { repeat(4, …) } — same specificity otherwise loses */
.install-proto-wrap .lp-outcomes-proto__grid--install-highlights {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}

@media (max-width: 960px) {
    .install-proto-wrap .lp-outcomes-proto__grid--install-highlights {
        grid-template-columns: 1fr;
    }
}

.lp-outcomes-proto__card--static {
    cursor: default;
    text-decoration: none;
    color: inherit;
}

.lp-outcomes-proto__card--static:focus {
    outline: none;
}

.lp-outcomes-proto__card--static:focus-visible {
    outline: 2px solid var(--lp-outcomes-accent);
    outline-offset: 2px;
}

.lp-outcomes-proto__bottom-strip--install-cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.lp-how-install-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}

.lp-how-install-cta__note {
    margin: 0;
    max-width: 52ch;
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--lp-resources-final-ink-4, var(--lp-color-text-soft));
}

/* Chained selector beats later .lp-outcomes-proto__grid { repeat(4) } (same file, base rule wins if only one class) */
.lp-outcomes-proto__grid.lp-outcomes-proto__grid--install-notes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

@media (max-width: 840px) {
    .lp-outcomes-proto__grid.lp-outcomes-proto__grid--install-notes {
        grid-template-columns: 1fr;
    }
}

.lp-how-install__device-note {
    margin: 0 0 10px;
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--lp-color-text-muted);
}

.lp-how-install__guides .lp-resources-guides__card-footer {
    margin-top: 4px;
}

.lp-section--how-to-install-why-pwa .lp-resources-section-heading {
    margin-bottom: 28px;
}

/* Tighter eyebrow → title gap than default (14px margin + 32px grid gap) */
.lp-page--how-to-install .lp-section--how-to-install-why-pwa .lp-resources-section-heading--split {
    row-gap: 10px;
}

.lp-page--how-to-install .lp-section--how-to-install-why-pwa .lp-resources-section-heading__eyebrow {
    margin-bottom: 0;
}

.install-proto-wrap .lp-outcomes-proto__grid--how-install-why {
    grid-template-columns: 1fr;
    width: 100%;
}

.lp-outcomes-proto__card--how-install-why .lp-how-install-why__lead {
    margin: 0;
}

.lp-outcomes-proto__card--how-install-why .lp-how-install-why__points {
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
    border-top: 1px solid var(--lp-outcomes-rule);
}

.lp-outcomes-proto__card--how-install-why .lp-how-install-why__points li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 14px 0;
    border-bottom: 1px solid var(--lp-outcomes-rule);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.65;
    color: var(--lp-outcomes-ink-2);
}

.lp-outcomes-proto__card--how-install-why .lp-how-install-why__points li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.lp-outcomes-proto__card--how-install-why .lp-how-install-why__point-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-top: 1px;
    border-radius: 6px;
    background: rgba(61, 214, 140, 0.14);
    color: #3dd68c;
}

.lp-outcomes-proto__card--how-install-why .lp-how-install-why__point-icon svg {
    width: 12px;
    height: 12px;
}

.lp-outcomes-proto__card--how-install-why .lp-how-install-why__point-text {
    flex: 1;
    min-width: 0;
}

.lp-outcomes-proto__card--how-install-why--points-only .lp-how-install-why__points {
    margin-top: 0;
    border-top: none;
}

.lp-outcomes-proto__card--how-install-why--points-only .lp-how-install-why__points li:first-child {
    padding-top: 0;
}

.lp-page--how-to-install .lp-section--how-to-install-why-pwa .lp-resources-section-heading--split .lp-resources-section-heading__summary {
    max-width: 48ch;
}

@media (max-width: 900px) {
    .lp-page--how-to-install .lp-section--how-to-install-why-pwa .lp-resources-section-heading--split .lp-resources-section-heading__summary {
        max-width: none;
    }
}

.lp-section--how-to-install-compare .lp-resources-section-heading {
    margin-bottom: 28px;
}

.lp-section--how-to-install-devices .lp-resources-section-heading {
    margin-bottom: 28px;
}

.lp-section--how-to-install-notes .lp-resources-section-heading {
    margin-bottom: 28px;
}

/* Rollout notes: split heading was end-aligned, leaving a large void above the summary beside a tall title */
.lp-page--how-to-install .lp-section--how-to-install-notes .lp-resources-section-heading--split {
    align-items: start;
    gap: 16px 22px;
}

.lp-page--how-to-install .lp-section--how-to-install-notes .lp-resources-section-heading {
    margin-bottom: 18px;
}

.lp-page--how-to-install .lp-section--how-to-install-notes {
    padding-top: 32px;
    padding-bottom: 32px;
}

.lp-page--how-to-install .lp-outcomes-proto--install-notes .lp-outcomes-proto__card {
    padding: 22px 24px 20px;
}

.lp-page--how-to-install .lp-outcomes-proto--install-notes .lp-outcomes-proto__card-step {
    margin-bottom: 14px;
}

.lp-page--how-to-install .lp-outcomes-proto--install-notes .lp-outcomes-proto__card-desc {
    flex: 0 1 auto;
}

#features,
#workflow,
#faq {
scroll-margin-top: var(--lp-scroll-margin-top);
}

#golden-thread,
#how-it-helps,
#bs-8214,
#england,
#boundaries,
#compliance-faq {
scroll-margin-top: var(--lp-scroll-margin-top);
}

span[id^="ops-"] {
scroll-margin-top: var(--lp-scroll-margin-top);
}

.lp-page--compliance .lp-section {
padding: 56px 0;
}

.lp-page--compliance .lp-section--compliance-tight {
padding: 44px 0;
}

.lp-page--compliance .lp-section--compliance-roomy {
padding: 72px 0;
}



.lp-sr-only {
position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.lp-step-meta {
margin: 10px 0 0;
}

/* --- Pricing hero: same marketing backdrop as lp-hero--v2; panel cards on the right --- */
.lp-pricing-hero.lp-hero--v2 {
    background: transparent;
    color: var(--lp-color-text);
}

.lp-pricing-hero__inner {
    position: relative;
    z-index: 1;
}

@media (min-width: 981px) {
    body.landing-body .lp-page--pricing .lp-hero-media--v2.lp-pricing-hero__media {
        max-width: min(560px, 100%);
        margin-left: auto;
        width: 100%;
        justify-self: end;
    }
}

.lp-pricing-hero__title .lp-pricing-hero__title-line,
.lp-pricing-hero__title .lp-accent {
    display: block;
}

.lp-pricing-hero__actions {
    margin-bottom: 12px;
}

.lp-pricing-hero__meta {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lp-pricing-hero__meta .lp-pricing-hero__chips {
    margin: 10px 0 0;
    align-self: flex-start;
    max-width: min(66ch, 100%);
}

.lp-pricing-hero__meta-line {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.5;
    color: var(--lp-color-text-muted);
}

.lp-pricing-hero__meta-line--sub {
    color: var(--lp-color-text-soft);
}

/* Pricing hero right column: proto plan cards (compact). */
.lp-pricing-hero__media .lp-pricing-plans-proto--hero {
    width: 100%;
    min-width: 0;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__grid--hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--lp-pricing-plans-rule-strong);
    border-radius: 12px;
    background: var(--lp-pricing-plans-rule);
}

.lp-pricing-hero__media .lp-pricing-plans-proto__card {
    padding: 14px 16px 14px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__badge-row {
    margin-bottom: 6px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__badge-spacer {
    height: 18px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__badge {
    padding: 3px 9px;
    font-size: 9px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__number {
    font-size: 10px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__type {
    margin-bottom: 4px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__price-row {
    gap: 6px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__price {
    font-size: clamp(24px, 3.2vw, 32px);
}

.lp-pricing-hero__media .lp-pricing-plans-proto__price-unit {
    font-size: 10px;
    line-height: 1.35;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__extras {
    margin-top: 4px;
    gap: 3px;
}

/* Usage hero: £1/door and + add-ons on one scannable row (wraps on narrow widths). */
.lp-pricing-hero__media .lp-pricing-plans-proto__hero-usage-rates {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 12px;
    row-gap: 2px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__hero-usage-rates .lp-pricing-plans-proto__price-row {
    flex: 0 1 auto;
    min-width: 0;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__extras--hero-inline {
    display: contents;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__hero-usage-rates .lp-pricing-plans-proto__extra-row {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    flex: 0 1 auto;
    min-width: 0;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__extra-figure {
    font-size: 13px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__extra-unit {
    font-size: 10px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__sep {
    margin: 8px 0;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__pitch {
    font-size: 12px;
    margin-bottom: 4px;
    line-height: 1.25;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__description {
    flex: 0 1 auto;
    font-size: 10.5px;
    line-height: 1.45;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__includes {
    margin-top: 6px;
    gap: 3px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__includes li {
    gap: 6px;
    font-size: 10px;
    line-height: 1.3;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__includes li::before {
    width: 12px;
    height: 12px;
}

.lp-pricing-hero__media .lp-pricing-plans-proto__note {
    margin-top: 6px;
    padding: 6px 8px;
    font-size: 9.5px;
    line-height: 1.35;
}

.lp-section--pricing-plans {
background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.06), transparent 55%),
        radial-gradient(circle at bottom right, rgba(15, 19, 32, 0.04), transparent 55%),
        transparent;
}

.lp-section--pricing-faq {
background:
        radial-gradient(circle at top right, rgba(212, 175, 55, 0.05), transparent 55%),
        #f9fafb;
}

@keyframes lp-integrations-carousel {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.lp-section--faq-topics {
background:
        radial-gradient(circle at 12% 0%, rgba(212, 175, 55, 0.06), transparent 58%),
        radial-gradient(circle at 92% 70%, rgba(15, 19, 32, 0.06), transparent 56%),
        var(--lp-color-surface-soft);
}

.lp-section-header {
max-width: 720px;
    margin: 0 auto 24px;
    text-align: left;
}

.lp-section-subtitle {
margin: 0 0 18px;
    max-width: 56ch;
    color: var(--lp-color-text-muted);
    font-size: 0.98rem;
}

.lp-eyebrow--muted {
color: var(--lp-color-text-muted);
}

.lp-section-header h2 {
margin: 0 0 8px;
    font-size: clamp(1.6rem, 2.4vw, 2.1rem);
    letter-spacing: -0.04em;
    color: #020617;
}

.lp-accent {
color: var(--lp-color-accent);
}

.lp-section-header p {
margin: 0;
    font-size: 1rem;
    color: #4b5563;
}

.lp-feature-grid {
display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px;
}

.lp-feature {
padding: 20px 20px 22px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.9);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.05);
    transition:
        transform 180ms ease-out,
        box-shadow 180ms ease-out,
        border-color 180ms ease-out;
}

.lp-feature p {
color: #4b5563;
}

.lp-feature--resource {
display: flex;
    flex-direction: column;
}

.lp-feature--resource .lp-feature__link {
margin-top: auto;
    padding-top: 12px;
}

.lp-feature h3 {
margin: 0 0 4px;
    font-size: 1.02rem;
}

.lp-feature p {
margin: 0;
    font-size: 0.95rem;
    color: #4b5563;
}

.lp-feature:hover {
transform: translateY(-3px) rotate3d(0, 0, 1, -0.4deg);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.07);
    border-color: rgba(212, 175, 55, 0.55);
}

body.landing-body details {
margin-top: 12px;
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.04);
    padding: 10px 12px;
}

body.landing-body details[open] {
box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}

body.landing-body summary {
cursor: pointer;
    list-style: none;
    font-weight: 650;
    color: #0f172a;
    outline: none;
}

body.landing-body summary::-webkit-details-marker {
display: none;
}

body.landing-body details > summary {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

body.landing-body details > summary::after {
content: "▾";
    opacity: 0.65;
    transition: transform 160ms ease-out;
}

body.landing-body details[open] > summary::after {
transform: rotate(180deg);
}

body.landing-body details > :where(p, ul) {
margin-top: 10px;
}

.lp-feature:focus-visible {
outline: none;
    transform: translateY(-2px) rotate3d(0, 0, 1, -0.4deg);
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.65), 0 24px 50px rgba(15, 23, 42, 0.12);
    border-color: rgba(212, 175, 55, 0.45);
}

.lp-feature-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    background: rgba(212, 175, 55, 0.14);
    color: rgba(212, 175, 55, 0.95);
}

.lp-feature-icon svg {
width: 18px;
    height: 18px;
}

.lp-feature-header {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.lp-card-title {
display: flex;
    align-items: center;
    gap: 10px;
}

.lp-card-title__icon {
width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(212, 175, 55, 0.14);
    border: 1px solid rgba(212, 175, 55, 0.55);
    color: rgba(212, 175, 55, 0.95);
    flex-shrink: 0;
}

.lp-card-title__icon svg {
width: 18px;
    height: 18px;
}

html[data-theme="dark"] body.landing-body .lp-card-title__icon {
background: rgba(212, 175, 55, 0.16);
    border-color: rgba(212, 175, 55, 0.62);
    color: rgba(212, 175, 55, 0.96);
}

.lp-proof-grid {
display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.lp-proof-grid--wide {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.lp-proof-card,
.lp-story-panel {
border-radius: var(--lp-radius-lg);
    border: 1px solid var(--lp-color-border-subtle);
    background: var(--lp-color-surface);
    box-shadow: var(--lp-shadow-card);
}

.lp-proof-card {
transition:
        transform 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
        box-shadow 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
        border-color 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
        background-color 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.lp-proof-card:hover,
.lp-proof-card:focus-within {
transform: translateY(-2px);
    background: var(--lp-panel-hover);
    border-color: rgba(212, 175, 55, 0.28);
    box-shadow: var(--lp-shadow-glow);
}

.lp-proof-card {
padding: 16px 18px;
}

.lp-proof-card h3 {
margin: 0 0 6px;
    font-size: 1.05rem;
    letter-spacing: -0.02em;
}

.lp-proof-card p {
margin: 0;
    color: var(--lp-color-text-muted);
}

.lp-proof-card p + p {
margin-top: 10px;
}

.lp-section--home-audience {
background: transparent;
}

.lp-audience-proto {
--lp-audience-bg: #0e0e0c;
    --lp-audience-card: var(--lp-panel-bg-strong);
    --lp-audience-card-hover: var(--lp-panel-hover-strong);
    --lp-audience-rule: var(--lp-panel-border);
    --lp-audience-rule-hover: var(--lp-ghost-border);
    --lp-audience-ink: var(--lp-color-text);
    --lp-audience-ink-2: var(--lp-color-text-muted);
    --lp-audience-ink-3: var(--lp-color-text-muted);
    --lp-audience-ink-4: var(--lp-color-text-soft);
    --lp-audience-accent: #d4a017;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--lp-audience-ink);
}

.lp-audience-proto__eyebrow-wrap {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-audience-proto__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lp-audience-accent);
}

.lp-audience-proto__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-audience-ink-3);
}

.lp-audience-proto__heading {
margin-bottom: 56px;
}

.lp-audience-proto__heading h2 {
margin: 0;
    max-width: 560px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(28px, 3.6vw, 44px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--lp-audience-ink);
}

.lp-audience-proto__heading h2 span {
color: var(--lp-audience-accent);
}

.lp-audience-proto__heading p {
margin: 14px 0 0;
    max-width: 460px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--lp-audience-ink-2);
}

.lp-audience-proto__grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-audience-rule);
    border-radius: 10px;
    overflow: hidden;
    background: var(--lp-audience-rule);
}

/* Orphan card on its own row spans both columns so the grid reads as a
   tidy 2-column layout with a wide footer card rather than an asymmetric
   stub. Triggered when total card count is odd (5, 7, ...). Inner content
   centres horizontally so the wide card reads as an intentional hero strip
   rather than a left-aligned stub. The absolute-positioned number sits in
   the top-right and is unaffected. */
.lp-audience-proto__grid > .lp-audience-proto__card:nth-child(odd):last-child {
    grid-column: 1 / -1;
    text-align: center;
}
.lp-audience-proto__grid > .lp-audience-proto__card:nth-child(odd):last-child .lp-audience-proto__card-icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.lp-audience-proto__grid > .lp-audience-proto__card:nth-child(odd):last-child .lp-audience-proto__card-desc {
    margin-left: auto;
    margin-right: auto;
}
.lp-audience-proto__grid > .lp-audience-proto__card:nth-child(odd):last-child .lp-audience-proto__tags {
    justify-content: center;
}
.lp-audience-proto__grid > .lp-audience-proto__card:nth-child(odd):last-child .lp-audience-proto__card-footer {
    justify-content: center;
}

.lp-audience-proto__card {
position: relative;
    display: block;
    min-width: 0;
    padding: 40px 40px 36px;
    background: var(--lp-audience-card);
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    transition: background 0.2s ease;
}

.lp-audience-proto__card:hover,
.lp-audience-proto__card:focus-visible {
background: var(--lp-audience-card-hover);
}

.lp-audience-proto__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-audience-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}

.lp-audience-proto__card:hover::after,
.lp-audience-proto__card:focus-visible::after {
transform: scaleX(1);
}

.lp-audience-proto__card-number {
position: absolute;
    top: 36px;
    right: 40px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
    color: var(--lp-audience-ink-4);
}

.lp-audience-proto__card-icon {
width: 36px;
    height: 36px;
    margin-bottom: 24px;
    color: var(--lp-audience-ink-3);
    transition: color 0.2s ease;
}

.lp-audience-proto__card:hover .lp-audience-proto__card-icon,
.lp-audience-proto__card:focus-visible .lp-audience-proto__card-icon {
color: var(--lp-audience-accent);
}

.lp-audience-proto__card-label {
margin-bottom: 8px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--lp-audience-ink-4);
}

.lp-audience-proto__card-title {
margin-bottom: 12px;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
    color: var(--lp-audience-ink);
}

.lp-audience-proto__card-desc {
max-width: 340px;
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
    color: var(--lp-audience-ink-2);
}

.lp-audience-proto__tags {
display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 24px;
}

.lp-audience-proto__tag {
display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border: 1px solid var(--lp-audience-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-audience-ink-3);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.01em;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.lp-audience-proto__card:hover .lp-audience-proto__tag,
.lp-audience-proto__card:focus-visible .lp-audience-proto__tag {
border-color: var(--lp-audience-rule-hover);
    background: rgba(255, 255, 255, 0.06);
    color: var(--lp-audience-ink-2);
}

.lp-audience-proto__card-footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 32px;
    padding-top: 22px;
    border-top: 1px solid var(--lp-audience-rule);
    transition: border-color 0.2s ease;
}

.lp-audience-proto__card:hover .lp-audience-proto__card-footer,
.lp-audience-proto__card:focus-visible .lp-audience-proto__card-footer {
border-color: var(--lp-audience-rule-hover);
}

.lp-audience-proto__card-cta {
font-size: 12.5px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: var(--lp-audience-ink-3);
    transition: color 0.2s ease;
}

.lp-audience-proto__card-arrow {
width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--lp-audience-ink-4);
    transition: transform 0.2s ease, color 0.2s ease;
}

.lp-audience-proto__card:hover .lp-audience-proto__card-cta,
.lp-audience-proto__card:focus-visible .lp-audience-proto__card-cta,
.lp-audience-proto__card:hover .lp-audience-proto__card-arrow,
.lp-audience-proto__card:focus-visible .lp-audience-proto__card-arrow {
color: var(--lp-audience-accent);
}

.lp-audience-proto__card:hover .lp-audience-proto__card-arrow,
.lp-audience-proto__card:focus-visible .lp-audience-proto__card-arrow {
transform: translate(3px, -3px);
}

.lp-audience-proto__bottom-row {
display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.lp-audience-proto__bottom-note {
font-size: 12.5px;
    font-weight: 300;
    color: var(--lp-audience-ink-4);
}

.lp-audience-proto__all-link {
display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 18px;
    border: 1px solid var(--lp-audience-rule-hover);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-audience-ink-2);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.lp-audience-proto__all-link svg {
width: 13px;
    height: 13px;
}

.lp-audience-proto__all-link:hover,
.lp-audience-proto__all-link:focus-visible {
border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    color: var(--lp-audience-ink);
}



.lp-section--inspection-why {
background: transparent;
}

.lp-inspection-why {
--lp-inspect-bg: #0e0e0c;
    --lp-inspect-card: var(--lp-panel-bg-strong);
    --lp-inspect-card-hover: var(--lp-panel-hover-strong);
    --lp-inspect-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-inspect-rule: var(--lp-panel-border);
    --lp-inspect-rule-strong: var(--lp-ghost-border);
    --lp-inspect-ink: var(--lp-color-text);
    --lp-inspect-ink-2: var(--lp-color-text-muted);
    --lp-inspect-ink-3: var(--lp-color-text-muted);
    --lp-inspect-ink-4: var(--lp-color-text-soft);
    --lp-inspect-accent: #d4a017;
    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 900px;
    --lp-shared-section-header-size: clamp(32px, 4.8vw, 58px);
    --lp-shared-section-header-line: 1.05;
    --lp-shared-section-header-track: -0.04em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.65;
    color: var(--lp-inspect-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-inspection-why__title span {
color: #d4a017;
}

.lp-inspection-why__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-inspect-rule);
    border: 1px solid var(--lp-inspect-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.lp-inspection-why__card {
position: relative;
    display: flex;
    flex-direction: column;
    background: var(--lp-inspect-card);
    overflow: hidden;
    transition: background-color 180ms ease;
}

.lp-inspection-why__card:hover {
background: var(--lp-inspect-card-hover);
}

.lp-inspection-why__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-inspect-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-inspection-why__card:hover::after {
transform: scaleX(1);
}

.lp-inspection-why__visual {
position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    height: 216px;
    min-height: 216px;
    padding: 20px 24px 18px;
    background: var(--lp-inspect-inset);
    border-bottom: 1px solid var(--lp-inspect-rule);
    overflow: hidden;
}

.lp-inspection-why__visual::before {
content: "";
    position: absolute;
    top: -20px;
    right: -20px;
    width: 100px;
    height: 100px;
    pointer-events: none;
    background: radial-gradient(circle, rgba(212, 160, 23, 0.07), transparent 70%);
}

.lp-inspection-why__visual.is-evidence::before {
background: radial-gradient(circle, rgba(96, 176, 224, 0.06), transparent 70%);
}

.lp-inspection-why__visual.is-repeat::before {
background: radial-gradient(circle, rgba(58, 158, 95, 0.06), transparent 70%);
}

.lp-inspection-why__visual-label {
margin: 0 0 2px;
    color: var(--lp-inspect-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp-inspection-why__tree {
display: flex;
    flex-direction: column;
    gap: 8px;
}

.lp-inspection-why__tree-floor {
display: flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid rgba(212, 160, 23, 0.15);
    border-radius: 5px;
    background: rgba(212, 160, 23, 0.06);
    color: var(--lp-inspect-ink-2);
    font-size: 11px;
    font-weight: 500;
    min-height: 32px;
}

.lp-inspection-why__tree-icon {
display: inline-flex;
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    color: var(--lp-inspect-accent);
}

.lp-inspection-why__tree-icon svg {
width: 100%;
    height: 100%;
}

.lp-inspection-why__tree-doors {
display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding-left: 18px;
    min-height: 26px;
    align-items: center;
}

.lp-inspection-why__tree-door {
padding: 3px 8px;
    border: 1px solid var(--lp-inspect-rule);
    border-radius: 4px;
    background: var(--lp-inspect-card);
    color: var(--lp-inspect-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.lp-inspection-why__tree-door.is-active {
border-color: var(--lp-inspect-rule-strong);
    background: rgba(255, 255, 255, 0.06);
    color: var(--lp-inspect-ink);
}

.lp-inspection-why__ui-row {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    min-height: 34px;
    border: 1px solid var(--lp-inspect-rule);
    border-radius: 6px;
    background: var(--lp-inspect-card);
}

.lp-inspection-why__ui-row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-inspection-why__ui-row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-inspection-why__ui-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    flex: 0 0 auto;
}

.lp-inspection-why__ui-dot.is-amber {
background: var(--lp-inspect-accent);
}

.lp-inspection-why__ui-dot.is-green {
background: #3a9e5f;
}

.lp-inspection-why__ui-dot.is-blue {
background: #60b0e0;
}

.lp-inspection-why__ui-dot.is-grey {
background: var(--lp-inspect-ink-4);
}

.lp-inspection-why__ui-label {
flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--lp-inspect-ink-2);
    font-size: 11px;
    font-weight: 400;
}

.lp-inspection-why__ui-value {
flex: 0 0 auto;
    color: var(--lp-inspect-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-inspection-why__ui-tag {
flex: 0 0 auto;
    padding: 2px 7px;
    border: 1px solid var(--lp-inspect-rule);
    border-radius: 999px;
    color: var(--lp-inspect-ink-3);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.04em;
}

.lp-inspection-why__ui-tag.is-pass {
color: #3a9e5f;
    background: rgba(58, 158, 95, 0.12);
    border-color: rgba(58, 158, 95, 0.25);
}

.lp-inspection-why__ui-tag.is-active {
color: var(--lp-inspect-accent);
    background: rgba(212, 160, 23, 0.1);
    border-color: rgba(212, 160, 23, 0.25);
}

.lp-inspection-why__ui-tag.is-scan {
color: #60b0e0;
    background: rgba(96, 176, 224, 0.1);
    border-color: rgba(96, 176, 224, 0.25);
}

.lp-inspection-why__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 28px 28px 32px;
}

.lp-inspection-why__number {
margin: 0 0 10px;
    color: var(--lp-inspect-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-inspection-why__title {
margin: 0 0 12px;
    color: var(--lp-inspect-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-inspection-why__desc {
margin: 0;
    flex: 1 1 auto;
    color: var(--lp-inspect-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-inspection-why__proof-list {
display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.lp-inspection-why__proof-list li {
display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--lp-inspect-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-inspection-why__proof-list li::before {
content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

.lp-inspection-why__card:hover .lp-inspection-why__proof-list li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
}

.lp-inspection-why__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 28px;
    border: 1px solid var(--lp-inspect-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-inspect-inset);
}

.lp-inspection-why__footer-text {
margin: 0;
    color: var(--lp-inspect-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-inspection-why__footer-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-inspect-rule-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-inspect-ink-3);
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-inspection-why__footer-link:hover,
.lp-inspection-why__footer-link:focus-visible {
color: var(--lp-inspect-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-inspection-why__footer-link svg {
width: 12px;
    height: 12px;
}





.lp-section--inspection-capabilities {
background: transparent;
}

.lp-section--builder-why {
background: transparent;
}

.lp-builder-why {
--lp-builder-why-card: var(--lp-panel-bg-strong);
    --lp-builder-why-card-hover: var(--lp-panel-hover-strong);
    --lp-builder-why-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-builder-why-rule: var(--lp-panel-border);
    --lp-builder-why-rule-strong: var(--lp-ghost-border);
    --lp-builder-why-ink: var(--lp-color-text);
    --lp-builder-why-ink-2: var(--lp-color-text-muted);
    --lp-builder-why-ink-3: var(--lp-color-text-muted);
    --lp-builder-why-ink-4: var(--lp-color-text-soft);
    --lp-builder-why-accent: #d4a017;
    --lp-builder-why-green: #3a9e5f;
    --lp-builder-why-blue: #60b0e0;
    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 860px;
    --lp-shared-section-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-section-header-line: 1.1;
    --lp-shared-section-header-track: -0.02em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.65;
    color: var(--lp-builder-why-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-builder-why__title span {
color: var(--lp-builder-why-accent);
}

:is(.lp-builder-why, .lp-inspection-why, .lp-builder-capabilities, .lp-inspection-capabilities, .lp-builder-needs, .lp-inspection-needs, .lp-builder-resources, .lp-inspection-resources, .lp-inspection-report, .lp-documents-outputs) {
    --lp-shared-section-accent: #d4a017;
}

:is(.lp-builder-why__eyebrow, .lp-builder-capabilities__eyebrow, .lp-builder-needs__eyebrow, .lp-builder-resources__eyebrow, .lp-builder-use-cases__eyebrow, .lp-builder-presets__eyebrow, .lp-inspection-why__eyebrow, .lp-inspection-capabilities__eyebrow, .lp-inspection-needs__eyebrow, .lp-inspection-resources__eyebrow, .lp-inspection-use-cases__eyebrow, .lp-inspection-report__eyebrow, .lp-documents-outputs__eyebrow) {
    display: inline-flex;
    align-items: center;
    gap: var(--lp-shared-section-eyebrow-gap);
    margin: var(--lp-shared-section-eyebrow-margin);
}

:is(.lp-builder-why__eyebrow-dot, .lp-builder-capabilities__eyebrow-dot, .lp-builder-needs__eyebrow-dot, .lp-builder-resources__eyebrow-dot, .lp-builder-use-cases__eyebrow-dot, .lp-builder-presets__eyebrow-dot, .lp-inspection-why__eyebrow-dot, .lp-inspection-capabilities__eyebrow-dot, .lp-inspection-needs__eyebrow-dot, .lp-inspection-resources__eyebrow-dot, .lp-inspection-use-cases__eyebrow-dot, .lp-inspection-report__eyebrow-dot, .lp-documents-outputs__eyebrow-dot) {
    width: var(--lp-shared-section-eyebrow-dot);
    height: var(--lp-shared-section-eyebrow-dot);
    border-radius: 999px;
    background: var(--lp-shared-section-accent);
}

:is(.lp-builder-why__eyebrow-text, .lp-builder-capabilities__eyebrow-text, .lp-builder-needs__eyebrow-text, .lp-builder-resources__eyebrow-text, .lp-builder-use-cases__eyebrow-text, .lp-builder-presets__eyebrow-text, .lp-inspection-why__eyebrow-text, .lp-inspection-capabilities__eyebrow-text, .lp-inspection-needs__eyebrow-text, .lp-inspection-resources__eyebrow-text, .lp-inspection-use-cases__eyebrow-text, .lp-inspection-report__eyebrow-text, .lp-documents-outputs__eyebrow-text) {
    font-size: var(--lp-shared-section-eyebrow-size);
    font-weight: 500;
    letter-spacing: var(--lp-shared-section-eyebrow-track);
    text-transform: uppercase;
    color: var(--lp-color-text-muted);
}

:is(.lp-builder-why__header, .lp-builder-capabilities__header, .lp-builder-needs__header, .lp-builder-resources__header, .lp-builder-use-cases__header, .lp-builder-presets__header, .lp-inspection-why__header, .lp-inspection-capabilities__header, .lp-inspection-needs__header, .lp-inspection-resources__header, .lp-inspection-use-cases__header, .lp-inspection-report__header, .lp-documents-outputs__header) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--lp-shared-section-header-side);
    align-items: end;
    gap: var(--lp-shared-section-header-gap);
    margin: var(--lp-shared-section-header-margin);
}

:is(.lp-builder-why__header h2, .lp-builder-capabilities__header h2, .lp-builder-needs__header h2, .lp-builder-resources__header h2, .lp-builder-use-cases__header h2, .lp-builder-presets__header h2, .lp-inspection-why__header h2, .lp-inspection-capabilities__header h2, .lp-inspection-needs__header h2, .lp-inspection-resources__header h2, .lp-inspection-use-cases__header h2, .lp-inspection-report__header h2, .lp-documents-outputs__header h2) {
    margin: 0;
    max-width: var(--lp-shared-section-header-max);
    color: var(--lp-color-text);
    font-size: var(--lp-shared-section-header-size);
    font-weight: 600;
    line-height: var(--lp-shared-section-header-line);
    letter-spacing: var(--lp-shared-section-header-track);
}

:is(.lp-builder-why__header h2 span, .lp-builder-capabilities__header h2 span, .lp-builder-needs__header h2 span, .lp-builder-resources__header h2 span, .lp-builder-use-cases__header h2 span, .lp-builder-presets__header h2 span, .lp-inspection-why__header h2 span, .lp-inspection-capabilities__header h2 span, .lp-inspection-needs__header h2 span, .lp-inspection-resources__header h2 span, .lp-inspection-use-cases__header h2 span, .lp-inspection-report__header h2 span, .lp-documents-outputs__header h2 span) {
    color: var(--lp-shared-section-accent);
}

:is(.lp-builder-why__header p, .lp-builder-capabilities__header p, .lp-builder-needs__header p, .lp-builder-resources__header p, .lp-builder-use-cases__header p, .lp-builder-presets__header p, .lp-inspection-why__header p, .lp-inspection-capabilities__header p, .lp-inspection-needs__header p, .lp-inspection-resources__header p, .lp-inspection-use-cases__header p, .lp-inspection-report__header p, .lp-documents-outputs__header p) {
    margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-color-text-muted);
    font-size: var(--lp-shared-section-copy-size);
    font-weight: 300;
    line-height: var(--lp-shared-section-copy-line);
}

.lp-builder-why__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-builder-why-rule);
    border: 1px solid var(--lp-builder-why-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.lp-builder-why__card {
position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-builder-why-card);
    transition: background-color 180ms ease;
}

.lp-builder-why__card:hover,
.lp-builder-why__card:focus-within {
background: var(--lp-builder-why-card-hover);
}

.lp-builder-why__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-builder-why-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-builder-why__card:hover::after,
.lp-builder-why__card:focus-within::after {
transform: scaleX(1);
}

.lp-builder-why__visual {
display: flex;
    flex-direction: column;
    gap: 6px;
    height: 196px;
    min-height: 196px;
    padding: 22px 24px 20px;
    overflow: hidden;
    background: var(--lp-builder-why-inset);
    border-bottom: 1px solid var(--lp-builder-why-rule);
}

.lp-builder-why__visual-label {
margin: 0 0 4px;
    color: var(--lp-builder-why-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-builder-why__connector {
display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0;
    color: var(--lp-ghost-border-hover);
}

.lp-builder-why__connector svg {
width: 12px;
    height: 12px;
}

.lp-builder-why__ui-row {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid var(--lp-builder-why-rule);
    border-radius: 5px;
    background: var(--lp-builder-why-card);
}

.lp-builder-why__ui-row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-builder-why__ui-row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-builder-why__ui-row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-builder-why__ui-row.is-summary {
justify-content: space-between;
}

.lp-builder-why__ui-dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
}

.lp-builder-why__ui-dot.is-amber {
background: var(--lp-builder-why-accent);
}

.lp-builder-why__ui-dot.is-blue {
background: var(--lp-builder-why-blue);
}

.lp-builder-why__ui-dot.is-green {
background: var(--lp-builder-why-green);
}

.lp-builder-why__ui-dot.is-grey {
background: var(--lp-builder-why-ink-4);
}

.lp-builder-why__ui-label {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-builder-why-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-builder-why__ui-row.is-summary .lp-builder-why__ui-label {
font-weight: 500;
    color: var(--lp-builder-why-ink-2);
}

.lp-builder-why__ui-value {
flex: 0 0 auto;
    color: var(--lp-builder-why-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-builder-why__ui-row.is-summary .lp-builder-why__ui-value {
color: var(--lp-builder-why-accent);
    font-size: 13px;
}

.lp-builder-why__ui-tag {
flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-builder-why__ui-tag.is-amber {
color: var(--lp-builder-why-accent);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid rgba(212, 160, 23, 0.22);
}

.lp-builder-why__ui-tag.is-blue {
color: var(--lp-builder-why-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.22);
}

.lp-builder-why__ui-tag.is-green {
color: var(--lp-builder-why-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.22);
}

.lp-builder-why__ui-tag.is-muted {
color: var(--lp-builder-why-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--lp-builder-why-rule);
}

.lp-builder-why__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 26px 28px 28px;
}

.lp-builder-why__number {
margin: 0 0 8px;
    color: var(--lp-builder-why-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-builder-why__title {
margin: 0 0 12px;
    color: var(--lp-builder-why-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-builder-why__desc {
margin: 0;
    flex: 1 1 auto;
    color: var(--lp-builder-why-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-builder-why__proof-list {
display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.lp-builder-why__proof-list li {
display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--lp-builder-why-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-builder-why__proof-list li::before {
content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

.lp-builder-why__card:hover .lp-builder-why__proof-list li::before,
.lp-builder-why__card:focus-within .lp-builder-why__proof-list li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
}

.lp-builder-why__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 28px;
    border: 1px solid var(--lp-builder-why-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-builder-why-inset);
}

.lp-builder-why__footer-text {
margin: 0;
    color: var(--lp-builder-why-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-builder-why__footer-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-builder-why-rule-strong);
    border-radius: 6px;
    color: var(--lp-builder-why-ink-3);
    background: transparent;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-builder-why__footer-link:hover,
.lp-builder-why__footer-link:focus-visible {
color: var(--lp-builder-why-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-builder-why__footer-link svg {
width: 12px;
    height: 12px;
}

/* ============================================================================
 * /platform/builder — Preset showcase (4 pre-rendered SVGs, 2x2)
 *
 * Section header / eyebrow are wired through the shared `:is(...)` rules
 * up the file, driven by the `--lp-shared-section-*` tokens declared on
 * `.lp-builder-presets` below. This is the same pattern used by
 * `lp-builder-why`, `lp-inspection-why`, etc. — guarantees identical
 * type, weight, dot, and right-aligned summary copy treatment.
 * ============================================================================ */
.lp-section--builder-presets {
    background: transparent;
}

.lp-builder-presets {
    --lp-builder-presets-card: var(--lp-panel-bg-strong);
    --lp-builder-presets-card-hover: var(--lp-panel-hover-strong);
    --lp-builder-presets-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-builder-presets-rule: var(--lp-panel-border);
    --lp-builder-presets-rule-strong: var(--lp-ghost-border);
    --lp-builder-presets-ink: var(--lp-color-text);
    --lp-builder-presets-ink-2: var(--lp-color-text-muted);
    --lp-builder-presets-ink-4: var(--lp-color-text-soft);
    --lp-builder-presets-accent: #d4a017;

    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 860px;
    --lp-shared-section-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-section-header-line: 1.1;
    --lp-shared-section-header-track: -0.02em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.55;
    --lp-shared-section-accent: #d4a017;
}

.lp-builder-presets__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-builder-presets-rule);
    border: 1px solid var(--lp-builder-presets-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.lp-builder-presets__card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-builder-presets-card);
    transition: background-color 180ms ease;
}

.lp-builder-presets__card:hover,
.lp-builder-presets__card:focus-within {
    background: var(--lp-builder-presets-card-hover);
}

.lp-builder-presets__card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-builder-presets-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-builder-presets__card:hover::after,
.lp-builder-presets__card:focus-within::after {
    transform: scaleX(1);
}

.lp-builder-presets__visual {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 340px;
    min-height: 340px;
    padding: 24px 24px 20px;
    background: var(--lp-builder-presets-inset);
    border-bottom: 1px solid var(--lp-builder-presets-rule);
    overflow: hidden;
}

.lp-builder-presets__img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 6px 14px rgba(15, 23, 42, 0.06));
}

.lp-builder-presets__caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 18px 24px 22px;
    background: var(--lp-builder-presets-card);
    text-align: center;
}

.lp-builder-presets__name {
    margin: 0;
    color: var(--lp-builder-presets-ink);
    font-family: var(--lp-font-display, "Sora", "Inter", system-ui, sans-serif);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
    text-align: center;
}

/* Scale strip — sits between the 2×2 grid and the footer as one
 * connected block. Tells visitors at a glance how big the spec space
 * behind those four thumbnails actually is. Gold-accented so the
 * number is the first thing the eye lands on. Shares the grid's side
 * borders and keeps no top border (the grid's bottom border serves). */
.lp-builder-presets__scale {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px 28px;
    border-left: 1px solid var(--lp-builder-presets-rule-strong);
    border-right: 1px solid var(--lp-builder-presets-rule-strong);
    border-bottom: 1px solid var(--lp-builder-presets-rule-strong);
    background:
        linear-gradient(90deg,
            rgba(212, 160, 23, 0.10) 0%,
            rgba(212, 160, 23, 0.04) 60%,
            rgba(212, 160, 23, 0.00) 100%),
        var(--lp-builder-presets-card);
    position: relative;
}

/* Gold accent bar on the left edge so the strip reads as a
 * distinct "scale" callout, not just another footer row. */
.lp-builder-presets__scale::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--lp-builder-presets-accent);
}

.lp-builder-presets__scale-number {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.2;
    color: #d4a017;
}

.lp-builder-presets__scale-sub {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--lp-builder-presets-ink-2);
}

.lp-builder-presets__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 28px;
    margin-top: 0;
    border: 1px solid var(--lp-builder-presets-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-builder-presets-inset);
}

.lp-builder-presets__footer-text {
    margin: 0;
    color: var(--lp-builder-presets-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-builder-presets__footer-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-builder-presets-rule-strong);
    border-radius: 6px;
    color: var(--lp-builder-presets-ink-2);
    background: transparent;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-builder-presets__footer-link:hover,
.lp-builder-presets__footer-link:focus-visible {
    color: var(--lp-builder-presets-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-builder-presets__footer-link svg {
    width: 12px;
    height: 12px;
}

/* ============================================================================
 * .lp-inspection-report — two-page spread of the sample inspection PDF shown
 * between `inspection_why_teams` and `inspection_capabilities` on
 * /platform/inspections. Mirrors `.lp-builder-presets` structurally so the
 * shared `:is(...)` rules higher up in this file own eyebrow / header / footer
 * typography and spacing. The grid is a simple 2-up spread — one .__card per
 * page, same rounded container / top accent / hover treatment as the builder
 * presets but sized for A4 page screenshots rather than square preset tiles.
 * ============================================================================ */
.lp-section--inspection-report {
    background: transparent;
}

.lp-inspection-report {
    --lp-inspection-report-card: var(--lp-panel-bg-strong);
    --lp-inspection-report-card-hover: var(--lp-panel-hover-strong);
    --lp-inspection-report-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-inspection-report-rule: var(--lp-panel-border);
    --lp-inspection-report-rule-strong: var(--lp-ghost-border);
    --lp-inspection-report-ink: var(--lp-color-text);
    --lp-inspection-report-ink-2: var(--lp-color-text-muted);
    --lp-inspection-report-ink-4: var(--lp-color-text-soft);
    --lp-inspection-report-accent: #d4a017;

    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 860px;
    --lp-shared-section-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-section-header-line: 1.1;
    --lp-shared-section-header-track: -0.02em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.55;
    --lp-shared-section-accent: #d4a017;
}

.lp-inspection-report__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-inspection-report-rule);
    border: 1px solid var(--lp-inspection-report-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.lp-inspection-report__card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-inspection-report-card);
    transition: background-color 180ms ease;
}

.lp-inspection-report__card:hover,
.lp-inspection-report__card:focus-within {
    background: var(--lp-inspection-report-card-hover);
}

.lp-inspection-report__card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-inspection-report-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-inspection-report__card:hover::after,
.lp-inspection-report__card:focus-within::after {
    transform: scaleX(1);
}

.lp-inspection-report__visual {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 520px;
    min-height: 520px;
    padding: 28px 28px 24px;
    background: var(--lp-inspection-report-inset);
    border-bottom: 1px solid var(--lp-inspection-report-rule);
    overflow: hidden;
}

.lp-inspection-report__img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 4px;
    filter: drop-shadow(0 10px 24px rgba(15, 23, 42, 0.12));
}

.lp-inspection-report__caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 18px 24px 22px;
    background: var(--lp-inspection-report-card);
    text-align: center;
}

.lp-inspection-report__page-num {
    margin: 0;
    color: var(--lp-inspection-report-ink-4);
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-inspection-report__page-label {
    margin: 0;
    color: var(--lp-inspection-report-ink);
    font-family: var(--lp-font-display, "Sora", "Inter", system-ui, sans-serif);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.lp-inspection-report__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 28px;
    margin-top: 0;
    border: 1px solid var(--lp-inspection-report-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-inspection-report-inset);
}

.lp-inspection-report__footer-text {
    margin: 0;
    color: var(--lp-inspection-report-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-inspection-report__footer-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-inspection-report-rule-strong);
    border-radius: 6px;
    color: var(--lp-inspection-report-ink-2);
    background: transparent;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-inspection-report__footer-link:hover,
.lp-inspection-report__footer-link:focus-visible {
    color: var(--lp-inspection-report-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-inspection-report__footer-link svg {
    width: 12px;
    height: 12px;
}

/* ============================================================================
 * .lp-documents-outputs — two-up showcase of the Fire Door Quote PDF and
 * Inspection Quote PDF, between `documents_why_teams` and
 * `documents_capabilities` on /platform/documents. Structurally identical to
 * `.lp-inspection-report` above — two portrait A4 screenshots side-by-side,
 * same rounded outer, rule-grid, top-accent hover and footer-link treatment.
 * Shared section-header typography comes via the `:is(...)` rules higher
 * in this file (the `lp-documents-outputs__*` prefix is registered there).
 * ============================================================================ */
.lp-section--documents-outputs {
    background: transparent;
}

.lp-documents-outputs {
    --lp-documents-outputs-card: var(--lp-panel-bg-strong);
    --lp-documents-outputs-card-hover: var(--lp-panel-hover-strong);
    --lp-documents-outputs-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-documents-outputs-rule: var(--lp-panel-border);
    --lp-documents-outputs-rule-strong: var(--lp-ghost-border);
    --lp-documents-outputs-ink: var(--lp-color-text);
    --lp-documents-outputs-ink-2: var(--lp-color-text-muted);
    --lp-documents-outputs-ink-4: var(--lp-color-text-soft);
    --lp-documents-outputs-accent: #d4a017;

    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 860px;
    --lp-shared-section-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-section-header-line: 1.1;
    --lp-shared-section-header-track: -0.02em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.55;
    --lp-shared-section-accent: #d4a017;
}

.lp-documents-outputs__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-documents-outputs-rule);
    border: 1px solid var(--lp-documents-outputs-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.lp-documents-outputs__card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-documents-outputs-card);
    transition: background-color 180ms ease;
}

.lp-documents-outputs__card:hover,
.lp-documents-outputs__card:focus-within {
    background: var(--lp-documents-outputs-card-hover);
}

.lp-documents-outputs__card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-documents-outputs-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-documents-outputs__card:hover::after,
.lp-documents-outputs__card:focus-within::after {
    transform: scaleX(1);
}

.lp-documents-outputs__visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 520px;
    min-height: 520px;
    padding: 28px 28px 24px;
    background: var(--lp-documents-outputs-inset);
    border-bottom: 1px solid var(--lp-documents-outputs-rule);
    overflow: hidden;
}

.lp-documents-outputs__img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 4px;
    filter: drop-shadow(0 10px 24px rgba(15, 23, 42, 0.12));
}

/* ---------- Slideshow (multi-page card) ---------------------------------
 * When a card carries more than one page screenshot, the images are stacked
 * absolutely inside the .__slide-stack container and auto-crossfade. Pure
 * CSS — no JS controller. Total cycle = 8s for a 2-page stack (4s per
 * page including 0.8s crossfade overlap). Pauses on hover so visitors can
 * study a page when they mouse in. Respects prefers-reduced-motion.
 * ------------------------------------------------------------------------ */
.lp-documents-outputs__slide-stack {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lp-documents-outputs__img--slide {
    position: absolute;
    inset: 0;
    margin: auto;
    opacity: 0;
    will-change: opacity;
}

.lp-documents-outputs__slide-stack--count-2 .lp-documents-outputs__img--slide-1 {
    animation: lp-documents-outputs-slide2-a 8s ease-in-out infinite;
}

.lp-documents-outputs__slide-stack--count-2 .lp-documents-outputs__img--slide-2 {
    animation: lp-documents-outputs-slide2-b 8s ease-in-out infinite;
}

.lp-documents-outputs__card.is-slideshow:hover .lp-documents-outputs__img--slide,
.lp-documents-outputs__card.is-slideshow:focus-within .lp-documents-outputs__img--slide {
    animation-play-state: paused;
}

.lp-documents-outputs__card.is-slideshow:hover .lp-documents-outputs__dot,
.lp-documents-outputs__card.is-slideshow:focus-within .lp-documents-outputs__dot {
    animation-play-state: paused;
}

@keyframes lp-documents-outputs-slide2-a {
    0%, 45% { opacity: 1; }
    55%, 95% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes lp-documents-outputs-slide2-b {
    0%, 45% { opacity: 0; }
    55%, 95% { opacity: 1; }
    100% { opacity: 0; }
}

.lp-documents-outputs__dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    display: flex;
    justify-content: center;
    gap: 6px;
    pointer-events: none;
}

.lp-documents-outputs__dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-documents-outputs-rule-strong);
    opacity: 0.45;
    transition: opacity 200ms ease, transform 200ms ease;
}

.lp-documents-outputs__slide-stack--count-2 ~ .lp-documents-outputs__dots .lp-documents-outputs__dot--1 {
    animation: lp-documents-outputs-dot2-a 8s ease-in-out infinite;
}

.lp-documents-outputs__slide-stack--count-2 ~ .lp-documents-outputs__dots .lp-documents-outputs__dot--2 {
    animation: lp-documents-outputs-dot2-b 8s ease-in-out infinite;
}

@keyframes lp-documents-outputs-dot2-a {
    0%, 45% { opacity: 1; background: var(--lp-documents-outputs-accent); transform: scale(1.15); }
    55%, 95% { opacity: 0.45; background: var(--lp-documents-outputs-rule-strong); transform: scale(1); }
    100% { opacity: 1; background: var(--lp-documents-outputs-accent); transform: scale(1.15); }
}

@keyframes lp-documents-outputs-dot2-b {
    0%, 45% { opacity: 0.45; background: var(--lp-documents-outputs-rule-strong); transform: scale(1); }
    55%, 95% { opacity: 1; background: var(--lp-documents-outputs-accent); transform: scale(1.15); }
    100% { opacity: 0.45; background: var(--lp-documents-outputs-rule-strong); transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .lp-documents-outputs__img--slide,
    .lp-documents-outputs__dot {
        animation: none !important;
    }

    .lp-documents-outputs__slide-stack .lp-documents-outputs__img--slide-1 {
        opacity: 1;
    }

    .lp-documents-outputs__slide-stack ~ .lp-documents-outputs__dots .lp-documents-outputs__dot--1 {
        opacity: 1;
        background: var(--lp-documents-outputs-accent);
    }
}

.lp-documents-outputs__caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 18px 24px 22px;
    background: var(--lp-documents-outputs-card);
    text-align: center;
}

.lp-documents-outputs__kind {
    margin: 0;
    color: var(--lp-documents-outputs-ink-4);
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-documents-outputs__name {
    margin: 0;
    color: var(--lp-documents-outputs-ink);
    font-family: var(--lp-font-display, "Sora", "Inter", system-ui, sans-serif);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.lp-documents-outputs__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 28px;
    margin-top: 0;
    border: 1px solid var(--lp-documents-outputs-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-documents-outputs-inset);
}

.lp-documents-outputs__footer-text {
    margin: 0;
    color: var(--lp-documents-outputs-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-documents-outputs__footer-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-documents-outputs-rule-strong);
    border-radius: 6px;
    color: var(--lp-documents-outputs-ink-2);
    background: transparent;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-documents-outputs__footer-link:hover,
.lp-documents-outputs__footer-link:focus-visible {
    color: var(--lp-documents-outputs-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-documents-outputs__footer-link svg {
    width: 12px;
    height: 12px;
}

/* ============================================================================
 * .lp-explore-platform — paid-LP "go deeper" rail sitting between
 * `home_benefits_strip` and `home_cta_strip` on the 4 Google-Ads cluster LPs.
 *
 * Purpose: give evaluators product-page deep-links without restoring the
 * heavy `home_platform_overview` section (which would push the primary
 * CTA below the fold). The rail is deliberately understated — small icons,
 * short titles, short body copy, a subtle "Learn more →" at the bottom
 * of each card. Hover/focus brings the gold accent rule forward so the
 * cards read as *navigation* rather than a mini-hero.
 *
 * Typography matches the builder/inspection-report showcase blocks above,
 * driven by its own `--lp-shared-section-*` tokens (not registered in the
 * shared `:is(...)` rules because the treatment here is slightly smaller
 * — paid LPs need the primary CTA to stay dominant).
 * ============================================================================ */
.lp-section--lp-explore-platform {
    background: transparent;
}

.lp-explore-platform {
    --lp-explore-platform-card: var(--lp-panel-bg-strong);
    --lp-explore-platform-card-hover: var(--lp-panel-hover-strong);
    --lp-explore-platform-rule: var(--lp-panel-border);
    --lp-explore-platform-rule-strong: var(--lp-ghost-border);
    --lp-explore-platform-ink: var(--lp-color-text);
    --lp-explore-platform-ink-2: var(--lp-color-text-muted);
    --lp-explore-platform-ink-4: var(--lp-color-text-soft);
    --lp-explore-platform-accent: #d4a017;
}

.lp-explore-platform__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
}

.lp-explore-platform__eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-explore-platform-accent);
}

.lp-explore-platform__eyebrow-text {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-color-text-muted);
}

.lp-explore-platform__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
    align-items: end;
    gap: 32px;
    margin: 0 0 28px;
}

.lp-explore-platform__header h2 {
    margin: 0;
    max-width: 680px;
    color: var(--lp-color-text);
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.lp-explore-platform__header h2 span {
    color: var(--lp-explore-platform-accent);
}

.lp-explore-platform__header p {
    margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-color-text-muted);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-explore-platform__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-explore-platform-rule);
    border: 1px solid var(--lp-explore-platform-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-explore-platform__card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 22px 22px 20px;
    background: var(--lp-explore-platform-card);
    color: inherit;
    text-decoration: none;
    transition: background-color 180ms ease;
}

.lp-explore-platform__card:hover,
.lp-explore-platform__card:focus-visible {
    background: var(--lp-explore-platform-card-hover);
    outline: none;
}

.lp-explore-platform__card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-explore-platform-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-explore-platform__card:hover::after,
.lp-explore-platform__card:focus-visible::after {
    transform: scaleX(1);
}

.lp-explore-platform__card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--lp-explore-platform-accent) 14%, transparent);
    color: var(--lp-explore-platform-accent);
}

.lp-explore-platform__card-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1 1 auto;
}

.lp-explore-platform__card-title {
    color: var(--lp-explore-platform-ink);
    font-family: var(--lp-font-display, "Sora", "Inter", system-ui, sans-serif);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

.lp-explore-platform__card-desc {
    color: var(--lp-explore-platform-ink-2);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}

.lp-explore-platform__card-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    color: var(--lp-explore-platform-accent);
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: -0.005em;
    transition: gap 180ms ease;
}

.lp-explore-platform__card:hover .lp-explore-platform__card-link,
.lp-explore-platform__card:focus-visible .lp-explore-platform__card-link {
    gap: 8px;
}

.lp-explore-platform__card-link svg {
    width: 12px;
    height: 12px;
}

.lp-explore-platform__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.lp-explore-platform__footer-text {
    margin: 0;
    color: var(--lp-explore-platform-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-explore-platform__footer-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-explore-platform-rule-strong);
    border-radius: 6px;
    color: var(--lp-explore-platform-ink-2);
    background: transparent;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-explore-platform__footer-link:hover,
.lp-explore-platform__footer-link:focus-visible {
    color: var(--lp-explore-platform-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-explore-platform__footer-link svg {
    width: 12px;
    height: 12px;
}

/* ============================================================================
 * .lp-pricing-preview — paid-LP slim pricing strip sitting between the
 * `lp_explore_platform` rail and the `home_import_migration` switching
 * story. Two compact plan cards (Seat, Usage) with a link to the full
 * `/pricing` page. Kept deliberately shorter than `pricing_plans.php` —
 * the goal is cost transparency without pushing the primary CTA below
 * the fold on paid traffic.
 *
 * Mirrors the structural language of `lp_explore_platform` above so the
 * two back-to-back paid-LP sections share one visual rhythm.
 * ============================================================================ */
.lp-section--lp-pricing-preview {
    background: transparent;
}

.lp-pricing-preview {
    --lp-pricing-preview-card: var(--lp-panel-bg-strong);
    --lp-pricing-preview-card-hover: var(--lp-panel-hover-strong);
    --lp-pricing-preview-rule: var(--lp-panel-border);
    --lp-pricing-preview-rule-strong: var(--lp-ghost-border);
    --lp-pricing-preview-ink: var(--lp-color-text);
    --lp-pricing-preview-ink-2: var(--lp-color-text-muted);
    --lp-pricing-preview-ink-4: var(--lp-color-text-soft);
    --lp-pricing-preview-accent: #d4a017;
}

.lp-pricing-preview__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
}

.lp-pricing-preview__eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-pricing-preview-accent);
}

.lp-pricing-preview__eyebrow-text {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-color-text-muted);
}

.lp-pricing-preview__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
    align-items: end;
    gap: 32px;
    margin: 0 0 28px;
}

.lp-pricing-preview__header h2 {
    margin: 0;
    max-width: 680px;
    color: var(--lp-color-text);
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.lp-pricing-preview__header h2 span {
    color: var(--lp-pricing-preview-accent);
}

.lp-pricing-preview__header p {
    margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-color-text-muted);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-pricing-preview__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-pricing-preview-rule);
    border: 1px solid var(--lp-pricing-preview-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-pricing-preview__card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 26px 26px 24px;
    background: var(--lp-pricing-preview-card);
}

.lp-pricing-preview__card-head {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--lp-pricing-preview-rule);
}

.lp-pricing-preview__card-type {
    margin: 0;
    color: var(--lp-pricing-preview-ink-4);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-pricing-preview__card-price {
    margin: 0;
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: var(--lp-pricing-preview-ink);
}

.lp-pricing-preview__card-price-figure {
    font-family: var(--lp-font-display, "Sora", "Inter", system-ui, sans-serif);
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.05;
    color: var(--lp-pricing-preview-accent);
}

.lp-pricing-preview__card-price-unit {
    font-size: 13px;
    font-weight: 400;
    color: var(--lp-pricing-preview-ink-2);
}

.lp-pricing-preview__card-pitch {
    margin: 0;
    color: var(--lp-pricing-preview-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
}

.lp-pricing-preview__card-bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lp-pricing-preview__card-bullets li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--lp-pricing-preview-ink-2);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}

.lp-pricing-preview__card-bullets svg {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    margin-top: 2px;
    color: var(--lp-pricing-preview-accent);
}

.lp-pricing-preview__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.lp-pricing-preview__footer-text {
    margin: 0;
    color: var(--lp-pricing-preview-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-pricing-preview__footer-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-pricing-preview-rule-strong);
    border-radius: 6px;
    color: var(--lp-pricing-preview-ink-2);
    background: transparent;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-pricing-preview__footer-link:hover,
.lp-pricing-preview__footer-link:focus-visible {
    color: var(--lp-pricing-preview-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-pricing-preview__footer-link svg {
    width: 12px;
    height: 12px;
}

/* ============================================================================
 * .lp-compliance-outputs — two-up showcase on /compliance, sitting between
 * `compliance_evidence_pack` and `compliance_bs8214`. Inspection PDF card
 * auto-crossfades between page 1 and page 2 (same slideshow pattern as
 * `.lp-documents-outputs` on /platform/documents); QR label card is a
 * single static image.
 *
 * Structurally identical to `.lp-documents-outputs` above — same rounded
 * outer, rule-grid, top-accent hover, crossfade keyframes and dot
 * indicator. Duplicated rather than aliased so the compliance section
 * can diverge later without affecting the /platform/documents styling.
 * ============================================================================ */
.lp-section--compliance-outputs {
    background: transparent;
}

.lp-compliance-outputs {
    --lp-compliance-outputs-card: var(--lp-panel-bg-strong);
    --lp-compliance-outputs-card-hover: var(--lp-panel-hover-strong);
    --lp-compliance-outputs-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-compliance-outputs-rule: var(--lp-panel-border);
    --lp-compliance-outputs-rule-strong: var(--lp-ghost-border);
    --lp-compliance-outputs-ink: var(--lp-color-text);
    --lp-compliance-outputs-ink-2: var(--lp-color-text-muted);
    --lp-compliance-outputs-ink-4: var(--lp-color-text-soft);
    --lp-compliance-outputs-accent: #d4a017;
}

.lp-compliance-outputs__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

.lp-compliance-outputs__eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-compliance-outputs-accent);
}

.lp-compliance-outputs__eyebrow-text {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-color-text-muted);
}

.lp-compliance-outputs__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

.lp-compliance-outputs__header h2 {
    margin: 0;
    max-width: 860px;
    color: var(--lp-color-text);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-compliance-outputs__header h2 span {
    color: var(--lp-compliance-outputs-accent);
}

.lp-compliance-outputs__header p {
    margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-color-text-muted);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-compliance-outputs__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-compliance-outputs-rule);
    border: 1px solid var(--lp-compliance-outputs-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.lp-compliance-outputs__card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-compliance-outputs-card);
    transition: background-color 180ms ease;
}

.lp-compliance-outputs__card:hover,
.lp-compliance-outputs__card:focus-within {
    background: var(--lp-compliance-outputs-card-hover);
}

.lp-compliance-outputs__card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-compliance-outputs-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-compliance-outputs__card:hover::after,
.lp-compliance-outputs__card:focus-within::after {
    transform: scaleX(1);
}

.lp-compliance-outputs__visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 520px;
    min-height: 520px;
    padding: 28px 28px 24px;
    background: var(--lp-compliance-outputs-inset);
    border-bottom: 1px solid var(--lp-compliance-outputs-rule);
    overflow: hidden;
}

.lp-compliance-outputs__img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 4px;
    filter: drop-shadow(0 10px 24px rgba(15, 23, 42, 0.12));
}

/* Slideshow — Inspection PDF card. Twin of the crossfade used on
 * /platform/documents; same 8s cycle, same hover pause, same reduced-
 * motion fallback that locks on page 1. */
.lp-compliance-outputs__slide-stack {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lp-compliance-outputs__img--slide {
    position: absolute;
    inset: 0;
    margin: auto;
    opacity: 0;
    will-change: opacity;
}

.lp-compliance-outputs__slide-stack--count-2 .lp-compliance-outputs__img--slide-1 {
    animation: lp-compliance-outputs-slide2-a 8s ease-in-out infinite;
}

.lp-compliance-outputs__slide-stack--count-2 .lp-compliance-outputs__img--slide-2 {
    animation: lp-compliance-outputs-slide2-b 8s ease-in-out infinite;
}

.lp-compliance-outputs__card.is-slideshow:hover .lp-compliance-outputs__img--slide,
.lp-compliance-outputs__card.is-slideshow:focus-within .lp-compliance-outputs__img--slide {
    animation-play-state: paused;
}

.lp-compliance-outputs__card.is-slideshow:hover .lp-compliance-outputs__dot,
.lp-compliance-outputs__card.is-slideshow:focus-within .lp-compliance-outputs__dot {
    animation-play-state: paused;
}

@keyframes lp-compliance-outputs-slide2-a {
    0%, 45% { opacity: 1; }
    55%, 95% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes lp-compliance-outputs-slide2-b {
    0%, 45% { opacity: 0; }
    55%, 95% { opacity: 1; }
    100% { opacity: 0; }
}

.lp-compliance-outputs__dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    display: flex;
    justify-content: center;
    gap: 6px;
    pointer-events: none;
}

.lp-compliance-outputs__dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-compliance-outputs-rule-strong);
    opacity: 0.45;
    transition: opacity 200ms ease, transform 200ms ease;
}

.lp-compliance-outputs__slide-stack--count-2 ~ .lp-compliance-outputs__dots .lp-compliance-outputs__dot--1 {
    animation: lp-compliance-outputs-dot2-a 8s ease-in-out infinite;
}

.lp-compliance-outputs__slide-stack--count-2 ~ .lp-compliance-outputs__dots .lp-compliance-outputs__dot--2 {
    animation: lp-compliance-outputs-dot2-b 8s ease-in-out infinite;
}

@keyframes lp-compliance-outputs-dot2-a {
    0%, 45% { opacity: 1; background: var(--lp-compliance-outputs-accent); transform: scale(1.15); }
    55%, 95% { opacity: 0.45; background: var(--lp-compliance-outputs-rule-strong); transform: scale(1); }
    100% { opacity: 1; background: var(--lp-compliance-outputs-accent); transform: scale(1.15); }
}

@keyframes lp-compliance-outputs-dot2-b {
    0%, 45% { opacity: 0.45; background: var(--lp-compliance-outputs-rule-strong); transform: scale(1); }
    55%, 95% { opacity: 1; background: var(--lp-compliance-outputs-accent); transform: scale(1.15); }
    100% { opacity: 0.45; background: var(--lp-compliance-outputs-rule-strong); transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .lp-compliance-outputs__img--slide,
    .lp-compliance-outputs__dot {
        animation: none !important;
    }

    .lp-compliance-outputs__slide-stack .lp-compliance-outputs__img--slide-1 {
        opacity: 1;
    }

    .lp-compliance-outputs__slide-stack ~ .lp-compliance-outputs__dots .lp-compliance-outputs__dot--1 {
        opacity: 1;
        background: var(--lp-compliance-outputs-accent);
    }
}

.lp-compliance-outputs__caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 18px 24px 22px;
    background: var(--lp-compliance-outputs-card);
    text-align: center;
}

.lp-compliance-outputs__kind {
    margin: 0;
    color: var(--lp-compliance-outputs-ink-4);
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-compliance-outputs__name {
    margin: 0;
    color: var(--lp-compliance-outputs-ink);
    font-family: var(--lp-font-display, "Sora", "Inter", system-ui, sans-serif);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.lp-compliance-outputs__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 28px;
    margin-top: 0;
    border: 1px solid var(--lp-compliance-outputs-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-compliance-outputs-inset);
}

.lp-compliance-outputs__footer-text {
    margin: 0;
    color: var(--lp-compliance-outputs-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-compliance-outputs__footer-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-compliance-outputs-rule-strong);
    border-radius: 6px;
    color: var(--lp-compliance-outputs-ink-2);
    background: transparent;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-compliance-outputs__footer-link:hover,
.lp-compliance-outputs__footer-link:focus-visible {
    color: var(--lp-compliance-outputs-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-compliance-outputs__footer-link svg {
    width: 12px;
    height: 12px;
}

/* ============================================================================
 * .lp-eo-inclusion — slim reassurance strip on /example-outputs, sitting
 * between the hero and the samples grid. Single-row banner: shield-check
 * icon on the left, title + sub on the middle, "See pricing" link on the
 * right. Deliberately understated (short padding, small type) so it reads
 * as a fact-line rather than a hero callout.
 * ============================================================================ */
.lp-section--example-outputs-inclusion {
    padding: 16px 0 0;
    background: transparent;
}

.lp-eo-inclusion {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    padding: 16px 22px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 12px;
    background:
        linear-gradient(90deg,
            rgba(212, 160, 23, 0.08) 0%,
            rgba(212, 160, 23, 0.02) 40%,
            transparent 100%),
        var(--lp-panel-bg-strong);
}

.lp-eo-inclusion__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: color-mix(in srgb, #d4a017 18%, transparent);
    color: #d4a017;
}

.lp-eo-inclusion__icon svg {
    width: 20px;
    height: 20px;
}

.lp-eo-inclusion__copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1 1 auto;
    min-width: 0;
}

.lp-eo-inclusion__title {
    margin: 0;
    color: var(--lp-color-text);
    font-family: var(--lp-font-display, "Sora", "Inter", system-ui, sans-serif);
    font-size: 14.5px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.lp-eo-inclusion__sub {
    margin: 0;
    color: var(--lp-color-text-muted);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-eo-inclusion__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: 1px solid var(--lp-ghost-border);
    border-radius: 6px;
    color: var(--lp-color-text-muted);
    background: transparent;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    flex-shrink: 0;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease, gap 180ms ease;
}

.lp-eo-inclusion__link:hover,
.lp-eo-inclusion__link:focus-visible {
    color: var(--lp-color-text);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    gap: 8px;
    outline: none;
}

.lp-eo-inclusion__link svg {
    width: 12px;
    height: 12px;
}

/* ============================================================================
 * /how-to-install — browser/OS detection hint + QR install card + recommended
 * device badge. Three self-contained primitives scoped to `.lp-how-install__*`
 * so they can't leak into other resource pages that share the generic
 * `.lp-resources-guides` grid.
 * ============================================================================ */

/* ---- Detection hint (shown when JS matches the visitor's device) -------- */
.lp-how-install__detect-hint {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 22px;
    padding: 12px 18px;
    border: 1px solid color-mix(in srgb, #d4a017 30%, var(--lp-panel-border));
    border-radius: 10px;
    background:
        linear-gradient(90deg,
            rgba(212, 160, 23, 0.10) 0%,
            rgba(212, 160, 23, 0.02) 50%,
            transparent 100%),
        var(--lp-panel-bg-strong);
    cursor: pointer;
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-how-install__detect-hint:hover,
.lp-how-install__detect-hint:focus-within {
    border-color: color-mix(in srgb, #d4a017 55%, var(--lp-panel-border));
}

.lp-how-install__detect-hint[hidden] {
    display: none;
}

.lp-how-install__detect-hint-icon {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #d4a017;
}

.lp-how-install__detect-hint-icon svg {
    width: 16px;
    height: 16px;
}

.lp-how-install__detect-hint-text {
    flex: 1 1 auto;
    margin: 0;
    color: var(--lp-color-text);
    font-size: 13px;
    line-height: 1.5;
}

.lp-how-install__detect-hint-text strong {
    color: #d4a017;
    font-weight: 600;
}

.lp-how-install__detect-hint-dismiss {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--lp-ghost-border);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-color-text-muted);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-how-install__detect-hint-dismiss:hover,
.lp-how-install__detect-hint-dismiss:focus-visible {
    color: var(--lp-color-text);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

/* ---- QR install card (above the device grid) ---------------------------- */
.lp-how-install__qr-card {
    display: flex;
    align-items: stretch;
    gap: 28px;
    flex-wrap: wrap;
    margin: 0 0 24px;
    padding: 22px 24px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 14px;
    background: var(--lp-panel-bg-strong);
}

.lp-how-install__qr-visual {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.lp-how-install__qr-img {
    display: block;
    width: 160px;
    height: 160px;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.lp-how-install__qr-copy {
    flex: 1 1 260px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.lp-how-install__qr-eyebrow {
    margin: 0;
    color: var(--lp-color-text-soft);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-how-install__qr-title {
    margin: 0;
    color: var(--lp-color-text);
    font-family: var(--lp-font-display, "Sora", "Inter", system-ui, sans-serif);
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.2;
}

.lp-how-install__qr-title span {
    color: #d4a017;
}

.lp-how-install__qr-desc {
    margin: 0;
    color: var(--lp-color-text-muted);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.55;
    max-width: 56ch;
}

.lp-how-install__qr-url {
    margin: 6px 0 0;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--lp-color-text-muted);
    font-size: 12px;
}

.lp-how-install__qr-url-label {
    color: var(--lp-color-text-soft);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp-how-install__qr-url code {
    padding: 4px 10px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 6px;
    background: var(--lp-color-surface-soft);
    color: var(--lp-color-text);
    font-family: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 12px;
}

/* ---- Recommended device badge (flipped visible by JS) ------------------- */
.lp-how-install__device-card {
    position: relative;
    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.lp-how-install__device-card.is-recommended {
    border-color: color-mix(in srgb, #d4a017 45%, var(--lp-panel-border)) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, #d4a017 20%, transparent);
}

.lp-how-install__device-badge-recommended {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    padding: 3px 10px;
    border-radius: 20px;
    background: #d4a017;
    color: #121315;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp-how-install__device-badge-recommended[hidden] {
    display: none;
}

/* ---- One-click install button (revealed on beforeinstallprompt) -------- */
.lp-how-install__qr-install-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin: 10px 0 2px;
}

.lp-how-install__qr-install-wrap[hidden] {
    display: none;
}

.lp-how-install__qr-install-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border: 1px solid #d4a017;
    border-radius: 8px;
    background: #d4a017;
    color: #121315;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: -0.005em;
    cursor: pointer;
    transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
    box-shadow: 0 1px 3px rgba(212, 160, 23, 0.28);
}

.lp-how-install__qr-install-btn:hover:not([disabled]),
.lp-how-install__qr-install-btn:focus-visible:not([disabled]) {
    background: #e3b008;
    border-color: #e3b008;
    box-shadow: 0 2px 8px rgba(212, 160, 23, 0.38);
    transform: translateY(-1px);
    outline: none;
}

.lp-how-install__qr-install-btn[disabled] {
    cursor: not-allowed;
    opacity: 0.7;
    transform: none;
}

.lp-how-install__qr-install-btn.is-installed {
    background: color-mix(in srgb, #3a9e5f 22%, var(--lp-panel-bg-strong));
    border-color: color-mix(in srgb, #3a9e5f 45%, transparent);
    color: var(--lp-color-text);
    opacity: 1;
    box-shadow: none;
}

.lp-how-install__qr-install-idle,
.lp-how-install__qr-install-done {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.lp-how-install__qr-install-idle[hidden],
.lp-how-install__qr-install-done[hidden] {
    display: none;
}

.lp-how-install__qr-install-idle svg,
.lp-how-install__qr-install-done svg {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.lp-how-install__qr-install-done svg {
    color: #3a9e5f;
}

.lp-how-install__qr-install-note {
    margin: 0;
    color: var(--lp-color-text-soft);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.5;
}

/* ============================================================================
 * /contact — two additions (2026-04-21):
 *   1. Intent-split cards above the form (.lp-contact-intent)
 *   2. Trust microbar above the form's submit button (.lp-contact-form__trust-bar)
 * ============================================================================ */

/* ---- 1. Intent-split cards --------------------------------------------- */
.lp-section--contact-intent {
    padding: 48px 0 12px;
    background: transparent;
}

.lp-contact-intent__header {
    max-width: 720px;
    margin: 0 0 28px;
}

.lp-contact-intent__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    color: var(--lp-color-text-muted);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-contact-intent__eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #d4a017;
}

.lp-contact-intent__title {
    margin: 0 0 10px;
    color: var(--lp-color-text);
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.lp-contact-intent__title span {
    color: #d4a017;
}

.lp-contact-intent__summary {
    margin: 0;
    color: var(--lp-color-text-muted);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-contact-intent__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-panel-border);
    border: 1px solid var(--lp-ghost-border);
    border-radius: 12px;
    overflow: hidden;
}

.lp-contact-intent__card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 22px 22px 20px;
    background: var(--lp-panel-bg-strong);
    color: inherit;
    text-align: left;
    border: none;
    font: inherit;
    cursor: pointer;
    position: relative;
    transition: background-color 180ms ease;
}

.lp-contact-intent__card:hover,
.lp-contact-intent__card:focus-visible {
    background: var(--lp-panel-hover-strong);
    outline: none;
}

.lp-contact-intent__card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #d4a017;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-contact-intent__card:hover::after,
.lp-contact-intent__card:focus-visible::after {
    transform: scaleX(1);
}

.lp-contact-intent__card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: color-mix(in srgb, #d4a017 14%, transparent);
    color: #d4a017;
}

.lp-contact-intent__card-icon svg {
    width: 20px;
    height: 20px;
}

.lp-contact-intent__card-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
}

.lp-contact-intent__card-title {
    color: var(--lp-color-text);
    font-family: var(--lp-font-display, "Sora", "Inter", system-ui, sans-serif);
    font-size: 15.5px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

.lp-contact-intent__card-desc {
    color: var(--lp-color-text-muted);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
}

.lp-contact-intent__card-cta {
    margin-top: 2px;
    color: #d4a017;
    font-size: 12.5px;
    font-weight: 500;
}

/* ---- 2. Trust microbar above submit ------------------------------------ */
.lp-contact-form__trust-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin: 18px 0 14px;
    padding: 12px 16px;
    border: 1px solid color-mix(in srgb, #d4a017 22%, var(--lp-panel-border));
    border-radius: 10px;
    background:
        linear-gradient(90deg,
            rgba(212, 160, 23, 0.08) 0%,
            rgba(212, 160, 23, 0.02) 50%,
            transparent 100%),
        var(--lp-panel-bg-strong);
}

.lp-contact-form__trust-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lp-color-text);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.4;
}

.lp-contact-form__trust-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    color: #d4a017;
}

.lp-contact-form__trust-icon svg {
    width: 16px;
    height: 16px;
}






.lp-section--remedials-why {
background: transparent;
}

.lp-section--documents-why {
background: transparent;
}

.lp-documents-why {
--lp-documents-why-card: var(--lp-panel-bg-strong);
    --lp-documents-why-card-hover: var(--lp-panel-hover-strong);
    --lp-documents-why-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-documents-why-rule: var(--lp-panel-border);
    --lp-documents-why-rule-strong: var(--lp-ghost-border);
    --lp-documents-why-ink: var(--lp-color-text);
    --lp-documents-why-ink-2: var(--lp-color-text-muted);
    --lp-documents-why-ink-3: var(--lp-color-text-muted);
    --lp-documents-why-ink-4: var(--lp-color-text-soft);
    --lp-documents-why-accent: #d4a017;
    --lp-documents-why-green: #3a9e5f;
    --lp-documents-why-blue: #60b0e0;
    color: var(--lp-documents-why-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:is(.lp-documents-why__eyebrow, .lp-portal-why__eyebrow, .lp-integrations-capabilities__eyebrow, .lp-documents-capabilities__eyebrow, .lp-documents-use-cases__eyebrow) {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

:is(.lp-documents-why__eyebrow-dot, .lp-portal-why__eyebrow-dot, .lp-integrations-capabilities__eyebrow-dot, .lp-documents-capabilities__eyebrow-dot, .lp-documents-use-cases__eyebrow-dot) {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #d4a017;
}

:is(.lp-documents-why__eyebrow-text, .lp-portal-why__eyebrow-text, .lp-integrations-capabilities__eyebrow-text, .lp-documents-capabilities__eyebrow-text, .lp-documents-use-cases__eyebrow-text) {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-color-text-muted);
}

:is(.lp-documents-why__header, .lp-portal-why__header, .lp-integrations-capabilities__header, .lp-documents-capabilities__header, .lp-documents-use-cases__header) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

:is(.lp-documents-why__header h2, .lp-portal-why__header h2, .lp-integrations-capabilities__header h2, .lp-documents-capabilities__header h2, .lp-documents-use-cases__header h2) {
    margin: 0;
    max-width: 860px;
    color: var(--lp-color-text);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

:is(.lp-documents-why__header h2 span, .lp-portal-why__header h2 span, .lp-integrations-capabilities__header h2 span, .lp-documents-capabilities__header h2 span, .lp-documents-use-cases__header h2 span) {
    color: #d4a017;
}

:is(.lp-documents-why__header p, .lp-portal-why__header p, .lp-integrations-capabilities__header p, .lp-documents-capabilities__header p, .lp-documents-use-cases__header p) {
    margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-color-text-muted);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-documents-why__title span {
color: var(--lp-documents-why-accent);
}

.lp-documents-why__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-documents-why-rule);
    border: 1px solid var(--lp-documents-why-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.lp-documents-why__card {
position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-documents-why-card);
    transition: background-color 180ms ease;
}

.lp-documents-why__card:hover,
.lp-documents-why__card:focus-within {
background: var(--lp-documents-why-card-hover);
}

.lp-documents-why__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-documents-why-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-documents-why__card:hover::after,
.lp-documents-why__card:focus-within::after {
transform: scaleX(1);
}

.lp-documents-why__visual {
display: flex;
    flex-direction: column;
    gap: 6px;
    height: 196px;
    padding: 22px 24px 20px;
    overflow: hidden;
    background: var(--lp-documents-why-inset);
    border-bottom: 1px solid var(--lp-documents-why-rule);
    transition: border-color 180ms ease;
}

.lp-documents-why__card:hover .lp-documents-why__visual,
.lp-documents-why__card:focus-within .lp-documents-why__visual {
border-color: var(--lp-documents-why-rule-strong);
}

.lp-documents-why__visual-label {
margin: 0 0 4px;
    color: var(--lp-documents-why-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-documents-why__ui-row {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid var(--lp-documents-why-rule);
    border-radius: 5px;
    background: var(--lp-documents-why-card);
}

.lp-documents-why__ui-row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-documents-why__ui-row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-documents-why__ui-row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-documents-why__ui-dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
}

.lp-documents-why__ui-dot.is-amber {
background: var(--lp-documents-why-accent);
}

.lp-documents-why__ui-dot.is-blue {
background: var(--lp-documents-why-blue);
}

.lp-documents-why__ui-dot.is-green {
background: var(--lp-documents-why-green);
}

.lp-documents-why__ui-dot.is-grey {
background: var(--lp-documents-why-ink-4);
}

.lp-documents-why__ui-label {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-documents-why-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-documents-why__ui-value {
flex: 0 0 auto;
    color: var(--lp-documents-why-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-documents-why__ui-tag {
flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 100px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-documents-why__ui-tag.is-amber {
color: var(--lp-documents-why-accent);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid rgba(212, 160, 23, 0.22);
}

.lp-documents-why__ui-tag.is-green {
color: var(--lp-documents-why-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.22);
}

.lp-documents-why__ui-tag.is-blue {
color: var(--lp-documents-why-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.22);
}

.lp-documents-why__ui-tag.is-grey,
.lp-documents-why__ui-tag.is-muted {
color: var(--lp-documents-why-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--lp-documents-why-rule);
}

.lp-documents-why__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 26px 28px 28px;
}

.lp-documents-why__number {
margin: 0 0 8px;
    color: var(--lp-documents-why-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-documents-why__title {
margin: 0 0 12px;
    color: var(--lp-documents-why-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-documents-why__desc {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-documents-why-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-documents-why__proof-list {
display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.lp-documents-why__proof-list li {
display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--lp-documents-why-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-documents-why__proof-list li::before {
content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

.lp-documents-why__card:hover .lp-documents-why__proof-list li::before,
.lp-documents-why__card:focus-within .lp-documents-why__proof-list li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
}

.lp-documents-why__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 28px;
    border: 1px solid var(--lp-documents-why-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-documents-why-inset);
}

.lp-documents-why__footer-text {
margin: 0;
    color: var(--lp-documents-why-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-documents-why__footer-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-documents-why-rule-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-documents-why-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-documents-why__footer-link svg {
width: 12px;
    height: 12px;
}

.lp-documents-why__footer-link:hover,
.lp-documents-why__footer-link:focus-visible {
color: var(--lp-documents-why-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}



.lp-portal-why {
--lp-portal-why-card: var(--lp-panel-bg-strong);
    --lp-portal-why-card-hover: var(--lp-panel-hover-strong);
    --lp-portal-why-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-portal-why-rule: var(--lp-panel-border);
    --lp-portal-why-rule-strong: var(--lp-ghost-border);
    --lp-portal-why-ink: var(--lp-color-text);
    --lp-portal-why-ink-2: var(--lp-color-text-muted);
    --lp-portal-why-ink-3: var(--lp-color-text-muted);
    --lp-portal-why-ink-4: var(--lp-color-text-soft);
    --lp-portal-why-accent: #d4a017;
    --lp-portal-why-green: #3a9e5f;
    --lp-portal-why-blue: #60b0e0;
    color: var(--lp-portal-why-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-portal-why__title span {
color: var(--lp-portal-why-accent);
}

.lp-portal-why__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-portal-why-rule);
    border: 1px solid var(--lp-portal-why-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.lp-portal-why__card {
position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-portal-why-card);
    transition: background-color 180ms ease;
}

.lp-portal-why__card:hover,
.lp-portal-why__card:focus-within {
background: var(--lp-portal-why-card-hover);
}

.lp-portal-why__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-portal-why-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-portal-why__card:hover::after,
.lp-portal-why__card:focus-within::after {
transform: scaleX(1);
}

.lp-portal-why__visual {
display: flex;
    flex-direction: column;
    gap: 6px;
    height: 196px;
    padding: 22px 24px 20px;
    overflow: hidden;
    background: var(--lp-portal-why-inset);
    border-bottom: 1px solid var(--lp-portal-why-rule);
    transition: border-color 180ms ease;
}

.lp-portal-why__card:hover .lp-portal-why__visual,
.lp-portal-why__card:focus-within .lp-portal-why__visual {
border-color: var(--lp-portal-why-rule-strong);
}

.lp-portal-why__visual-label {
margin: 0 0 4px;
    color: var(--lp-portal-why-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-portal-why__ui-row {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid var(--lp-portal-why-rule);
    border-radius: 5px;
    background: var(--lp-portal-why-card);
}

.lp-portal-why__ui-row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-portal-why__ui-row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-portal-why__ui-row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-portal-why__ui-dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
}

.lp-portal-why__ui-dot.is-amber {
background: var(--lp-portal-why-accent);
}

.lp-portal-why__ui-dot.is-blue {
background: var(--lp-portal-why-blue);
}

.lp-portal-why__ui-dot.is-green {
background: var(--lp-portal-why-green);
}

.lp-portal-why__ui-dot.is-grey {
background: var(--lp-portal-why-ink-4);
}

.lp-portal-why__ui-label {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-portal-why-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-portal-why__ui-value {
flex: 0 0 auto;
    color: var(--lp-portal-why-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-portal-why__ui-tag {
flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 100px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-portal-why__ui-tag.is-amber {
color: var(--lp-portal-why-accent);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid rgba(212, 160, 23, 0.22);
}

.lp-portal-why__ui-tag.is-green {
color: var(--lp-portal-why-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.22);
}

.lp-portal-why__ui-tag.is-blue {
color: var(--lp-portal-why-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.22);
}

.lp-portal-why__ui-tag.is-grey,
.lp-portal-why__ui-tag.is-muted {
color: var(--lp-portal-why-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--lp-portal-why-rule);
}

.lp-portal-why__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 26px 28px 28px;
}

.lp-portal-why__number {
margin: 0 0 8px;
    color: var(--lp-portal-why-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-portal-why__title {
margin: 0 0 12px;
    color: var(--lp-portal-why-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-portal-why__desc {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-portal-why-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-portal-why__proof-list {
display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.lp-portal-why__proof-list li {
display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--lp-portal-why-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-portal-why__proof-list li::before {
content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

.lp-portal-why__card:hover .lp-portal-why__proof-list li::before,
.lp-portal-why__card:focus-within .lp-portal-why__proof-list li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
}

.lp-portal-why__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 28px;
    border: 1px solid var(--lp-portal-why-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-portal-why-inset);
}

.lp-portal-why__footer-text {
margin: 0;
    color: var(--lp-portal-why-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-portal-why__footer-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-portal-why-rule-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-portal-why-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-portal-why__footer-link svg {
width: 12px;
    height: 12px;
}

.lp-portal-why__footer-link:hover,
.lp-portal-why__footer-link:focus-visible {
color: var(--lp-portal-why-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-section--integrations-capabilities {
background: transparent;
}

.lp-integrations-capabilities {
--lp-integrations-cap-card: var(--lp-panel-bg-strong);
    --lp-integrations-cap-card-hover: var(--lp-panel-hover-strong);
    --lp-integrations-cap-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-integrations-cap-rule: var(--lp-panel-border);
    --lp-integrations-cap-rule-strong: var(--lp-ghost-border);
    --lp-integrations-cap-ink: var(--lp-color-text);
    --lp-integrations-cap-ink-2: var(--lp-color-text-muted);
    --lp-integrations-cap-ink-3: var(--lp-color-text-muted);
    --lp-integrations-cap-ink-4: var(--lp-color-text-soft);
    --lp-integrations-cap-accent: #d4a017;
    --lp-integrations-cap-green: #3a9e5f;
    --lp-integrations-cap-blue: #60b0e0;
    --lp-integrations-cap-red: #c0392b;
    color: var(--lp-integrations-cap-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-integrations-capabilities__title span {
color: var(--lp-integrations-cap-accent);
}

.lp-integrations-capabilities__grid {
display: flex;
    flex-wrap: wrap;
    gap: 1px;
    background: var(--lp-integrations-cap-rule);
    border: 1px solid var(--lp-integrations-cap-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-integrations-capabilities__card {
position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(25% - 1px);
    min-width: 220px;
    overflow: hidden;
    background: var(--lp-integrations-cap-card);
    transition: background 180ms ease;
}

.lp-integrations-capabilities__card:hover,
.lp-integrations-capabilities__card:focus-within {
background: var(--lp-integrations-cap-card-hover);
}

.lp-integrations-capabilities__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-integrations-cap-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-integrations-capabilities__card:hover::after,
.lp-integrations-capabilities__card:focus-within::after {
transform: scaleX(1);
}

.lp-integrations-capabilities__visual {
display: flex;
    flex-direction: column;
    gap: 5px;
    height: 196px;
    padding: 18px 20px 16px;
    overflow: hidden;
    background: var(--lp-integrations-cap-inset);
    border-bottom: 1px solid var(--lp-integrations-cap-rule);
    transition: border-color 180ms ease;
}

.lp-integrations-capabilities__card:hover .lp-integrations-capabilities__visual,
.lp-integrations-capabilities__card:focus-within .lp-integrations-capabilities__visual {
border-color: var(--lp-integrations-cap-rule-strong);
}

.lp-integrations-capabilities__visual-label {
margin: 0 0 4px;
    color: var(--lp-integrations-cap-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-integrations-capabilities__row {
display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--lp-integrations-cap-rule);
    border-radius: 5px;
    background: var(--lp-integrations-cap-card);
}

.lp-integrations-capabilities__row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-integrations-capabilities__row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-integrations-capabilities__row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-integrations-capabilities__row.is-summary {
justify-content: space-between;
}

.lp-integrations-capabilities__dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
}

.lp-integrations-capabilities__dot.is-amber {
background: var(--lp-integrations-cap-accent);
}

.lp-integrations-capabilities__dot.is-green {
background: var(--lp-integrations-cap-green);
}

.lp-integrations-capabilities__dot.is-blue {
background: var(--lp-integrations-cap-blue);
}

.lp-integrations-capabilities__dot.is-red {
background: var(--lp-integrations-cap-red);
}

.lp-integrations-capabilities__dot.is-grey {
background: var(--lp-integrations-cap-ink-4);
}

.lp-integrations-capabilities__text {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-integrations-cap-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-integrations-capabilities__row.is-summary .lp-integrations-capabilities__text {
color: var(--lp-integrations-cap-ink-2);
    font-weight: 500;
}

.lp-integrations-capabilities__value {
flex: 0 0 auto;
    color: var(--lp-integrations-cap-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-integrations-capabilities__row.is-summary .lp-integrations-capabilities__value {
color: var(--lp-integrations-cap-accent);
    font-size: 13px;
}

.lp-integrations-capabilities__pill {
flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 100px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-integrations-capabilities__pill.is-amber {
color: var(--lp-integrations-cap-accent);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid rgba(212, 160, 23, 0.22);
}

.lp-integrations-capabilities__pill.is-green {
color: var(--lp-integrations-cap-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.22);
}

.lp-integrations-capabilities__pill.is-blue {
color: var(--lp-integrations-cap-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.22);
}

.lp-integrations-capabilities__pill.is-red {
color: var(--lp-integrations-cap-red);
    background: rgba(192, 57, 43, 0.1);
    border: 1px solid rgba(192, 57, 43, 0.22);
}

.lp-integrations-capabilities__pill.is-grey,
.lp-integrations-capabilities__pill.is-muted {
color: var(--lp-integrations-cap-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--lp-integrations-cap-rule);
}

.lp-integrations-capabilities__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 22px 22px 22px;
}

.lp-integrations-capabilities__number {
margin: 0 0 7px;
    color: var(--lp-integrations-cap-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-integrations-capabilities__title {
margin: 0 0 10px;
    color: var(--lp-integrations-cap-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-integrations-capabilities__desc {
margin: 0;
    flex: 1 1 auto;
    color: var(--lp-integrations-cap-ink-2);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-integrations-capabilities__detail-list {
display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.lp-integrations-capabilities__detail-list li {
display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--lp-integrations-cap-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-integrations-capabilities__detail-list li::before {
content: "";
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 4.5,8.5 10,3.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

.lp-integrations-capabilities__card:hover .lp-integrations-capabilities__detail-list li::before,
.lp-integrations-capabilities__card:focus-within .lp-integrations-capabilities__detail-list li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 4.5,8.5 10,3.5'/%3E%3C/svg%3E");
}

.lp-integrations-capabilities__footer {
margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--lp-integrations-cap-rule);
    transition: border-color 180ms ease;
}

.lp-integrations-capabilities__card:hover .lp-integrations-capabilities__footer,
.lp-integrations-capabilities__card:focus-within .lp-integrations-capabilities__footer {
border-color: var(--lp-integrations-cap-rule-strong);
}

.lp-integrations-capabilities__link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lp-integrations-cap-ink-3);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-integrations-capabilities__link:hover,
.lp-integrations-capabilities__link:focus-visible {
color: var(--lp-integrations-cap-ink);
    outline: none;
}

.lp-integrations-capabilities__link svg {
width: 11px;
    height: 11px;
    transform: translateY(0);
    transition: transform 150ms ease;
}

.lp-integrations-capabilities__link:hover svg,
.lp-integrations-capabilities__link:focus-visible svg {
transform: translate(1px, -1px);
}

.lp-integrations-capabilities__bottom {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.lp-integrations-capabilities__bottom-note {
margin: 0;
    color: var(--lp-integrations-cap-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-integrations-capabilities__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-integrations-cap-rule-strong);
    border-radius: 6px;
    color: var(--lp-integrations-cap-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-integrations-capabilities__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-integrations-capabilities__bottom-link:hover,
.lp-integrations-capabilities__bottom-link:focus-visible {
color: var(--lp-integrations-cap-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}





.lp-section--integrations-needs {
background: transparent;
}





.lp-section--integrations-resources {
background: transparent;
}

.lp-integrations-resources {
    --lp-shared-res-card: var(--lp-panel-bg-strong);
    --lp-shared-res-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-res-rule: var(--lp-panel-border);
    --lp-shared-res-rule-strong: var(--lp-ghost-border);
    --lp-shared-res-ink: var(--lp-color-text);
    --lp-shared-res-ink-2: var(--lp-color-text-muted);
    --lp-shared-res-ink-3: var(--lp-color-text-muted);
    --lp-shared-res-ink-4: var(--lp-color-text-soft);
    --lp-shared-res-accent: #d4a017;
    --lp-shared-res-blue: #60b0e0;
    --lp-shared-res-green: #3a9e5f;
    --lp-shared-res-violet: #a07cd8;
    --lp-shared-res-grid-columns: repeat(4, minmax(0, 1fr));
    --lp-shared-res-card-header-padding: 18px 20px;
    --lp-shared-res-body-padding: 22px 22px 24px;
    --lp-shared-res-title-margin: 0 0 10px;
    --lp-shared-res-title-size: 16px;
    --lp-shared-res-desc-size: 12.5px;
    --lp-shared-res-covers-gap: 6px;
    --lp-shared-res-covers-margin: 18px 0 0;
    --lp-shared-res-cover-size: 11.5px;
    --lp-shared-res-footer-margin: auto;
    --lp-shared-res-footer-padding: 20px;
    --lp-shared-res-bottom-gap: 14px;
    --lp-shared-res-bottom-margin: 28px 0 0;
    --lp-shared-res-type-padding: 6px 9px;
    --lp-shared-res-type-size: 11px;
    --lp-shared-res-type-letter-spacing: 0.02em;
    --lp-shared-res-type-line-height: 1;
    --lp-shared-res-meta-gap: 6px;
    --lp-shared-res-card-header-align: flex-start;
    color: var(--lp-shared-res-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-integrations-resources__grid {
    display: grid;
    grid-template-columns: var(--lp-shared-res-grid-columns);
    gap: 1px;
    background: var(--lp-shared-res-rule);
    border: 1px solid var(--lp-shared-res-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-integrations-resources__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lp-shared-res-bottom-gap);
    flex-wrap: wrap;
    margin: var(--lp-shared-res-bottom-margin);
}

.lp-integrations-resources__bottom-note {
    margin: 0;
    color: var(--lp-shared-res-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-integrations-resources__bottom-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-shared-res-rule-strong);
    border-radius: 6px;
    color: var(--lp-shared-res-ink-3);
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-integrations-resources__bottom-link svg {
    width: 12px;
    height: 12px;
}

.lp-integrations-resources__bottom-link:hover,
.lp-integrations-resources__bottom-link:focus-visible {
    color: var(--lp-shared-res-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-section--integrations-use-cases {
background: transparent;
}

.lp-integrations-use-cases {
    --lp-shared-uc-card: var(--lp-panel-bg-strong);
    --lp-shared-uc-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-uc-rule: var(--lp-panel-border);
    --lp-shared-uc-rule-strong: var(--lp-ghost-border);
    --lp-shared-uc-ink: var(--lp-color-text);
    --lp-shared-uc-ink-2: var(--lp-color-text-muted);
    --lp-shared-uc-ink-3: var(--lp-color-text-muted);
    --lp-shared-uc-ink-4: var(--lp-color-text-soft);
    --lp-shared-uc-accent: #d4a017;
    --lp-shared-uc-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-uc-grid-cols: repeat(2, minmax(0, 1fr));
    --lp-shared-uc-card-padding: 28px 28px 26px;
    --lp-shared-uc-number-top: 24px;
    --lp-shared-uc-number-right: 24px;
    --lp-shared-uc-number-size: 10px;
    --lp-shared-uc-number-weight: 500;
    --lp-shared-uc-number-track: 0.1em;
    --lp-shared-uc-number-transform: uppercase;
    --lp-shared-uc-icon-size: 42px;
    --lp-shared-uc-icon-radius: 10px;
    --lp-shared-uc-icon-margin: 18px;
    --lp-shared-uc-icon-svg: 21px;
    --lp-shared-uc-icon-hover-border: rgba(212, 160, 23, 0.3);
    --lp-shared-uc-icon-hover-bg: rgba(212, 160, 23, 0.06);
    --lp-shared-uc-title-margin: 0 0 12px;
    --lp-shared-uc-title-size: 24px;
    --lp-shared-uc-title-line: 1.05;
    --lp-shared-uc-title-track: -0.025em;
    --lp-shared-uc-desc-size: 13px;
    --lp-shared-uc-desc-line: 1.7;
    --lp-shared-uc-desc-flex: 0 0 auto;
    --lp-shared-uc-desc-max: none;
    --lp-shared-uc-why-margin: 18px;
    --lp-shared-uc-why-padding: 16px 18px;
    --lp-shared-uc-why-radius: 10px;
    --lp-shared-uc-why-bg: rgba(255, 255, 255, 0.02);
    --lp-shared-uc-why-hover-border: rgba(212, 160, 23, 0.18);
    --lp-shared-uc-why-hover-bg: rgba(212, 160, 23, 0.04);
    --lp-shared-uc-why-label-margin: 0 0 6px;
    --lp-shared-uc-why-label-size: 10px;
    --lp-shared-uc-why-label-track: 0.1em;
    --lp-shared-uc-why-text-size: 12px;
    --lp-shared-uc-why-text-line: 1.6;
    --lp-shared-uc-tags-gap: 8px;
    --lp-shared-uc-tags-margin: 18px;
    --lp-shared-uc-tag-padding: 6px 10px;
    --lp-shared-uc-tag-size: 11px;
    --lp-shared-uc-tag-bg: transparent;
    --lp-shared-uc-tag-hover-border: rgba(212, 160, 23, 0.18);
    --lp-shared-uc-tag-hover-color: var(--lp-shared-uc-ink-2);
    --lp-shared-uc-tag-hover-bg: rgba(212, 160, 23, 0.04);
    --lp-shared-uc-footer-gap: 12px;
    --lp-shared-uc-footer-margin: auto;
    --lp-shared-uc-footer-padding: 22px;
    --lp-shared-uc-cta-size: 12.5px;
    --lp-shared-uc-cta-color: var(--lp-shared-uc-ink-3);
    --lp-shared-uc-arrow-size: 16px;
    --lp-shared-uc-arrow-offset: 2px;
    --lp-shared-uc-bottom-links-wrap: wrap;
    color: var(--lp-shared-uc-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-builder-use-cases {
    --lp-shared-uc-card: var(--lp-panel-bg-strong);
    --lp-shared-uc-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-uc-rule: var(--lp-panel-border);
    --lp-shared-uc-rule-strong: var(--lp-ghost-border);
    --lp-shared-uc-ink: var(--lp-color-text);
    --lp-shared-uc-ink-2: var(--lp-color-text-muted);
    --lp-shared-uc-ink-3: var(--lp-color-text-muted);
    --lp-shared-uc-ink-4: var(--lp-color-text-soft);
    --lp-shared-uc-accent: #d4a017;
    --lp-shared-uc-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-uc-grid-cols: repeat(2, minmax(0, 1fr));
    --lp-shared-uc-card-padding: 40px 40px 36px;
    --lp-shared-uc-number-top: 36px;
    --lp-shared-uc-number-right: 40px;
    --lp-shared-uc-number-size: 11px;
    --lp-shared-uc-number-weight: 400;
    --lp-shared-uc-number-track: 0.04em;
    --lp-shared-uc-number-transform: none;
    --lp-shared-uc-icon-size: 44px;
    --lp-shared-uc-icon-radius: 9px;
    --lp-shared-uc-icon-margin: 26px;
    --lp-shared-uc-icon-svg: 21px;
    --lp-shared-uc-icon-hover-border: rgba(212, 160, 23, 0.3);
    --lp-shared-uc-icon-hover-bg: rgba(212, 160, 23, 0.07);
    --lp-shared-uc-title-margin: 0 0 14px;
    --lp-shared-uc-title-size: 22px;
    --lp-shared-uc-title-line: 1.15;
    --lp-shared-uc-title-track: -0.02em;
    --lp-shared-uc-desc-size: 13.5px;
    --lp-shared-uc-desc-line: 1.7;
    --lp-shared-uc-desc-flex: 1 1 auto;
    --lp-shared-uc-desc-max: 400px;
    --lp-shared-uc-why-margin: 24px;
    --lp-shared-uc-why-padding: 16px 18px;
    --lp-shared-uc-why-radius: 7px;
    --lp-shared-uc-why-bg: var(--lp-shared-uc-inset);
    --lp-shared-uc-why-hover-border: var(--lp-shared-uc-rule-strong);
    --lp-shared-uc-why-hover-bg: var(--lp-shared-uc-inset);
    --lp-shared-uc-why-label-margin: 0 0 7px;
    --lp-shared-uc-why-label-size: 9.5px;
    --lp-shared-uc-why-label-track: 0.09em;
    --lp-shared-uc-why-text-size: 12.5px;
    --lp-shared-uc-why-text-line: 1.6;
    --lp-shared-uc-tags-gap: 5px;
    --lp-shared-uc-tags-margin: 20px;
    --lp-shared-uc-tag-padding: 3px 10px;
    --lp-shared-uc-tag-size: 10.5px;
    --lp-shared-uc-tag-bg: var(--lp-panel-hover);
    --lp-shared-uc-tag-hover-border: var(--lp-shared-uc-rule-strong);
    --lp-shared-uc-tag-hover-color: var(--lp-shared-uc-ink-3);
    --lp-shared-uc-tag-hover-bg: var(--lp-panel-hover);
    --lp-shared-uc-footer-gap: 0;
    --lp-shared-uc-footer-margin: 28px;
    --lp-shared-uc-footer-padding: 22px;
    --lp-shared-uc-cta-size: 13px;
    --lp-shared-uc-cta-color: var(--lp-shared-uc-ink-4);
    --lp-shared-uc-arrow-size: 16px;
    --lp-shared-uc-arrow-offset: 3px;
    --lp-shared-uc-bottom-links-wrap: wrap;
    color: var(--lp-shared-uc-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-inspection-use-cases {
    --lp-shared-uc-card: var(--lp-panel-bg-strong);
    --lp-shared-uc-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-uc-rule: var(--lp-panel-border);
    --lp-shared-uc-rule-strong: var(--lp-ghost-border);
    --lp-shared-uc-ink: var(--lp-color-text);
    --lp-shared-uc-ink-2: var(--lp-color-text-muted);
    --lp-shared-uc-ink-3: var(--lp-color-text-muted);
    --lp-shared-uc-ink-4: var(--lp-color-text-soft);
    --lp-shared-uc-accent: #d4a017;
    --lp-shared-uc-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-uc-grid-cols: repeat(3, minmax(0, 1fr));
    --lp-shared-uc-card-padding: 36px 32px 32px;
    --lp-shared-uc-number-top: 32px;
    --lp-shared-uc-number-right: 32px;
    --lp-shared-uc-number-size: 11px;
    --lp-shared-uc-number-weight: 400;
    --lp-shared-uc-number-track: 0.04em;
    --lp-shared-uc-number-transform: none;
    --lp-shared-uc-icon-size: 42px;
    --lp-shared-uc-icon-radius: 9px;
    --lp-shared-uc-icon-margin: 24px;
    --lp-shared-uc-icon-svg: 20px;
    --lp-shared-uc-icon-hover-border: rgba(212, 160, 23, 0.3);
    --lp-shared-uc-icon-hover-bg: rgba(212, 160, 23, 0.07);
    --lp-shared-uc-title-margin: 0 0 12px;
    --lp-shared-uc-title-size: 18px;
    --lp-shared-uc-title-line: 1.2;
    --lp-shared-uc-title-track: -0.015em;
    --lp-shared-uc-desc-size: 13px;
    --lp-shared-uc-desc-line: 1.7;
    --lp-shared-uc-desc-flex: 1 1 auto;
    --lp-shared-uc-desc-max: none;
    --lp-shared-uc-why-margin: 22px;
    --lp-shared-uc-why-padding: 14px 16px;
    --lp-shared-uc-why-radius: 7px;
    --lp-shared-uc-why-bg: var(--lp-shared-uc-inset);
    --lp-shared-uc-why-hover-border: var(--lp-shared-uc-rule-strong);
    --lp-shared-uc-why-hover-bg: var(--lp-shared-uc-inset);
    --lp-shared-uc-why-label-margin: 0 0 6px;
    --lp-shared-uc-why-label-size: 9.5px;
    --lp-shared-uc-why-label-track: 0.09em;
    --lp-shared-uc-why-text-size: 12px;
    --lp-shared-uc-why-text-line: 1.55;
    --lp-shared-uc-tags-gap: 5px;
    --lp-shared-uc-tags-margin: 18px;
    --lp-shared-uc-tag-padding: 3px 9px;
    --lp-shared-uc-tag-size: 10.5px;
    --lp-shared-uc-tag-bg: var(--lp-panel-hover);
    --lp-shared-uc-tag-hover-border: var(--lp-shared-uc-rule-strong);
    --lp-shared-uc-tag-hover-color: var(--lp-shared-uc-ink-3);
    --lp-shared-uc-tag-hover-bg: var(--lp-panel-hover);
    --lp-shared-uc-footer-gap: 0;
    --lp-shared-uc-footer-margin: 24px;
    --lp-shared-uc-footer-padding: 20px;
    --lp-shared-uc-cta-size: 12.5px;
    --lp-shared-uc-cta-color: var(--lp-shared-uc-ink-4);
    --lp-shared-uc-arrow-size: 15px;
    --lp-shared-uc-arrow-offset: 3px;
    --lp-shared-uc-bottom-links-wrap: nowrap;
    color: var(--lp-shared-uc-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:is(.lp-integrations-use-cases__eyebrow, .lp-builder-use-cases__eyebrow, .lp-inspection-use-cases__eyebrow) {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

:is(.lp-integrations-use-cases__eyebrow-dot, .lp-builder-use-cases__eyebrow-dot, .lp-inspection-use-cases__eyebrow-dot) {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-shared-uc-accent);
}

:is(.lp-integrations-use-cases__eyebrow-text, .lp-builder-use-cases__eyebrow-text, .lp-inspection-use-cases__eyebrow-text) {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-shared-uc-ink-3);
}

:is(.lp-integrations-use-cases__header, .lp-builder-use-cases__header, .lp-inspection-use-cases__header) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

:is(.lp-integrations-use-cases__header h2, .lp-builder-use-cases__header h2, .lp-inspection-use-cases__header h2) {
    margin: 0;
    max-width: 860px;
    color: var(--lp-shared-uc-ink);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

:is(.lp-integrations-use-cases__header h2 span, .lp-builder-use-cases__header h2 span, .lp-inspection-use-cases__header h2 span, .lp-integrations-use-cases__title span, .lp-builder-use-cases__title span, .lp-inspection-use-cases__title span) {
    color: var(--lp-shared-uc-accent);
}

:is(.lp-integrations-use-cases__header p, .lp-builder-use-cases__header p, .lp-inspection-use-cases__header p) {
    margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-shared-uc-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

:is(.lp-integrations-use-cases__grid, .lp-builder-use-cases__grid, .lp-inspection-use-cases__grid) {
    display: grid;
    grid-template-columns: var(--lp-shared-uc-grid-cols);
    gap: 1px;
    border: 1px solid var(--lp-shared-uc-rule-strong);
    border-radius: 12px;
    background: var(--lp-shared-uc-rule);
    overflow: hidden;
}

:is(.lp-integrations-use-cases__card, .lp-builder-use-cases__card, .lp-inspection-use-cases__card) {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    padding: var(--lp-shared-uc-card-padding);
    background: var(--lp-shared-uc-card);
    color: inherit;
    text-decoration: none;
    transition: background-color 180ms ease;
}

:is(.lp-integrations-use-cases__card, .lp-builder-use-cases__card, .lp-inspection-use-cases__card):hover,
:is(.lp-integrations-use-cases__card, .lp-builder-use-cases__card, .lp-inspection-use-cases__card):focus-visible {
    background: var(--lp-shared-uc-card-hover);
    outline: none;
}

:is(.lp-integrations-use-cases__card, .lp-builder-use-cases__card, .lp-inspection-use-cases__card)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-shared-uc-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

:is(.lp-integrations-use-cases__card, .lp-builder-use-cases__card, .lp-inspection-use-cases__card):hover::after,
:is(.lp-integrations-use-cases__card, .lp-builder-use-cases__card, .lp-inspection-use-cases__card):focus-visible::after {
    transform: scaleX(1);
}

:is(.lp-integrations-use-cases__number, .lp-builder-use-cases__number, .lp-inspection-use-cases__number) {
    position: absolute;
    top: var(--lp-shared-uc-number-top);
    right: var(--lp-shared-uc-number-right);
    color: var(--lp-shared-uc-ink-4);
    font-size: var(--lp-shared-uc-number-size);
    font-weight: var(--lp-shared-uc-number-weight);
    letter-spacing: var(--lp-shared-uc-number-track);
    text-transform: var(--lp-shared-uc-number-transform);
}

:is(.lp-integrations-use-cases__icon-box, .lp-builder-use-cases__icon-box, .lp-inspection-use-cases__icon-box) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--lp-shared-uc-icon-size);
    height: var(--lp-shared-uc-icon-size);
    margin-bottom: var(--lp-shared-uc-icon-margin);
    border: 1px solid var(--lp-shared-uc-rule);
    border-radius: var(--lp-shared-uc-icon-radius);
    background: var(--lp-shared-uc-inset);
    transition: border-color 180ms ease, background-color 180ms ease;
}

:is(.lp-integrations-use-cases__card:hover .lp-integrations-use-cases__icon-box, .lp-builder-use-cases__card:hover .lp-builder-use-cases__icon-box, .lp-inspection-use-cases__card:hover .lp-inspection-use-cases__icon-box, .lp-integrations-use-cases__card:focus-visible .lp-integrations-use-cases__icon-box, .lp-builder-use-cases__card:focus-visible .lp-builder-use-cases__icon-box, .lp-inspection-use-cases__card:focus-visible .lp-inspection-use-cases__icon-box) {
    border-color: var(--lp-shared-uc-icon-hover-border);
    background: var(--lp-shared-uc-icon-hover-bg);
}

:is(.lp-integrations-use-cases__icon-box svg, .lp-builder-use-cases__icon-box svg, .lp-inspection-use-cases__icon-box svg) {
    width: var(--lp-shared-uc-icon-svg);
    height: var(--lp-shared-uc-icon-svg);
    color: var(--lp-shared-uc-ink-3);
    transition: color 180ms ease;
}

:is(.lp-integrations-use-cases__card:hover .lp-integrations-use-cases__icon-box svg, .lp-builder-use-cases__card:hover .lp-builder-use-cases__icon-box svg, .lp-inspection-use-cases__card:hover .lp-inspection-use-cases__icon-box svg, .lp-integrations-use-cases__card:focus-visible .lp-integrations-use-cases__icon-box svg, .lp-builder-use-cases__card:focus-visible .lp-builder-use-cases__icon-box svg, .lp-inspection-use-cases__card:focus-visible .lp-inspection-use-cases__icon-box svg) {
    color: var(--lp-shared-uc-accent);
}

:is(.lp-integrations-use-cases__label, .lp-builder-use-cases__label, .lp-inspection-use-cases__label) {
    margin: 0 0 8px;
    color: var(--lp-shared-uc-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

:is(.lp-integrations-use-cases__title, .lp-builder-use-cases__title, .lp-inspection-use-cases__title) {
    margin: var(--lp-shared-uc-title-margin);
    color: var(--lp-shared-uc-ink);
    font-size: var(--lp-shared-uc-title-size);
    font-weight: 600;
    line-height: var(--lp-shared-uc-title-line);
    letter-spacing: var(--lp-shared-uc-title-track);
}

:is(.lp-integrations-use-cases__desc, .lp-builder-use-cases__desc, .lp-inspection-use-cases__desc) {
    margin: 0;
    flex: var(--lp-shared-uc-desc-flex);
    max-width: var(--lp-shared-uc-desc-max);
    color: var(--lp-shared-uc-ink-2);
    font-size: var(--lp-shared-uc-desc-size);
    font-weight: 300;
    line-height: var(--lp-shared-uc-desc-line);
}

:is(.lp-integrations-use-cases__why-box, .lp-builder-use-cases__why-box, .lp-inspection-use-cases__why-box) {
    margin-top: var(--lp-shared-uc-why-margin);
    padding: var(--lp-shared-uc-why-padding);
    border: 1px solid var(--lp-shared-uc-rule);
    border-radius: var(--lp-shared-uc-why-radius);
    background: var(--lp-shared-uc-why-bg);
    transition: border-color 180ms ease, background-color 180ms ease;
}

:is(.lp-integrations-use-cases__card:hover .lp-integrations-use-cases__why-box, .lp-builder-use-cases__card:hover .lp-builder-use-cases__why-box, .lp-inspection-use-cases__card:hover .lp-inspection-use-cases__why-box, .lp-integrations-use-cases__card:focus-visible .lp-integrations-use-cases__why-box, .lp-builder-use-cases__card:focus-visible .lp-builder-use-cases__why-box, .lp-inspection-use-cases__card:focus-visible .lp-inspection-use-cases__why-box) {
    border-color: var(--lp-shared-uc-why-hover-border);
    background: var(--lp-shared-uc-why-hover-bg);
}

:is(.lp-integrations-use-cases__why-label, .lp-builder-use-cases__why-label, .lp-inspection-use-cases__why-label) {
    margin: var(--lp-shared-uc-why-label-margin);
    color: var(--lp-shared-uc-ink-4);
    font-size: var(--lp-shared-uc-why-label-size);
    font-weight: 500;
    letter-spacing: var(--lp-shared-uc-why-label-track);
    text-transform: uppercase;
}

:is(.lp-integrations-use-cases__why-text, .lp-builder-use-cases__why-text, .lp-inspection-use-cases__why-text) {
    margin: 0;
    color: var(--lp-shared-uc-ink-3);
    font-size: var(--lp-shared-uc-why-text-size);
    font-weight: 300;
    line-height: var(--lp-shared-uc-why-text-line);
}

:is(.lp-integrations-use-cases__tags, .lp-builder-use-cases__tags, .lp-inspection-use-cases__tags) {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lp-shared-uc-tags-gap);
    margin-top: var(--lp-shared-uc-tags-margin);
}

:is(.lp-integrations-use-cases__tag, .lp-builder-use-cases__tag, .lp-inspection-use-cases__tag) {
    padding: var(--lp-shared-uc-tag-padding);
    border: 1px solid var(--lp-shared-uc-rule);
    border-radius: 999px;
    background: var(--lp-shared-uc-tag-bg);
    color: var(--lp-shared-uc-ink-4);
    font-size: var(--lp-shared-uc-tag-size);
    font-weight: 400;
    white-space: nowrap;
    transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

:is(.lp-integrations-use-cases__card:hover .lp-integrations-use-cases__tag, .lp-builder-use-cases__card:hover .lp-builder-use-cases__tag, .lp-inspection-use-cases__card:hover .lp-inspection-use-cases__tag, .lp-integrations-use-cases__card:focus-visible .lp-integrations-use-cases__tag, .lp-builder-use-cases__card:focus-visible .lp-builder-use-cases__tag, .lp-inspection-use-cases__card:focus-visible .lp-inspection-use-cases__tag) {
    color: var(--lp-shared-uc-tag-hover-color);
    border-color: var(--lp-shared-uc-tag-hover-border);
    background: var(--lp-shared-uc-tag-hover-bg);
}

:is(.lp-integrations-use-cases__footer, .lp-builder-use-cases__footer, .lp-inspection-use-cases__footer) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lp-shared-uc-footer-gap);
    margin-top: var(--lp-shared-uc-footer-margin);
    padding-top: var(--lp-shared-uc-footer-padding);
    border-top: 1px solid var(--lp-shared-uc-rule);
    transition: border-color 180ms ease;
}

:is(.lp-integrations-use-cases__card:hover .lp-integrations-use-cases__footer, .lp-builder-use-cases__card:hover .lp-builder-use-cases__footer, .lp-inspection-use-cases__card:hover .lp-inspection-use-cases__footer, .lp-integrations-use-cases__card:focus-visible .lp-integrations-use-cases__footer, .lp-builder-use-cases__card:focus-visible .lp-builder-use-cases__footer, .lp-inspection-use-cases__card:focus-visible .lp-inspection-use-cases__footer) {
    border-color: var(--lp-shared-uc-rule-strong);
}

:is(.lp-integrations-use-cases__cta, .lp-builder-use-cases__cta, .lp-inspection-use-cases__cta) {
    color: var(--lp-shared-uc-cta-color);
    font-size: var(--lp-shared-uc-cta-size);
    font-weight: 500;
    transition: color 180ms ease;
}

:is(.lp-integrations-use-cases__arrow, .lp-builder-use-cases__arrow, .lp-inspection-use-cases__arrow) {
    width: var(--lp-shared-uc-arrow-size);
    height: var(--lp-shared-uc-arrow-size);
    flex: 0 0 auto;
    color: var(--lp-shared-uc-ink-4);
    transition: color 180ms ease, transform 180ms ease;
}

:is(.lp-integrations-use-cases__card:hover :is(.lp-integrations-use-cases__cta, .lp-integrations-use-cases__arrow), .lp-builder-use-cases__card:hover :is(.lp-builder-use-cases__cta, .lp-builder-use-cases__arrow), .lp-inspection-use-cases__card:hover :is(.lp-inspection-use-cases__cta, .lp-inspection-use-cases__arrow), .lp-integrations-use-cases__card:focus-visible :is(.lp-integrations-use-cases__cta, .lp-integrations-use-cases__arrow), .lp-builder-use-cases__card:focus-visible :is(.lp-builder-use-cases__cta, .lp-builder-use-cases__arrow), .lp-inspection-use-cases__card:focus-visible :is(.lp-inspection-use-cases__cta, .lp-inspection-use-cases__arrow)) {
    color: var(--lp-shared-uc-accent);
}

:is(.lp-integrations-use-cases__card:hover .lp-integrations-use-cases__arrow, .lp-builder-use-cases__card:hover .lp-builder-use-cases__arrow, .lp-inspection-use-cases__card:hover .lp-inspection-use-cases__arrow, .lp-integrations-use-cases__card:focus-visible .lp-integrations-use-cases__arrow, .lp-builder-use-cases__card:focus-visible .lp-builder-use-cases__arrow, .lp-inspection-use-cases__card:focus-visible .lp-inspection-use-cases__arrow) {
    transform: translate(var(--lp-shared-uc-arrow-offset), calc(var(--lp-shared-uc-arrow-offset) * -1));
}

:is(.lp-integrations-use-cases__bottom, .lp-builder-use-cases__bottom, .lp-inspection-use-cases__bottom) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
}

:is(.lp-integrations-use-cases__bottom-note, .lp-builder-use-cases__bottom-note, .lp-inspection-use-cases__bottom-note) {
    margin: 0;
    color: var(--lp-shared-uc-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

:is(.lp-integrations-use-cases__bottom-links, .lp-builder-use-cases__bottom-links, .lp-inspection-use-cases__bottom-links) {
    display: flex;
    flex-wrap: var(--lp-shared-uc-bottom-links-wrap);
    gap: 8px;
}

:is(.lp-integrations-use-cases__bottom-link, .lp-builder-use-cases__bottom-link, .lp-inspection-use-cases__bottom-link) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-shared-uc-rule-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-shared-uc-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

:is(.lp-integrations-use-cases__bottom-link, .lp-builder-use-cases__bottom-link, .lp-inspection-use-cases__bottom-link):hover,
:is(.lp-integrations-use-cases__bottom-link, .lp-builder-use-cases__bottom-link, .lp-inspection-use-cases__bottom-link):focus-visible {
    color: var(--lp-shared-uc-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

:is(.lp-integrations-use-cases__bottom-link svg, .lp-builder-use-cases__bottom-link svg, .lp-inspection-use-cases__bottom-link svg) {
    width: 12px;
    height: 12px;
}





.lp-integrations-final-cta,
.lp-inspection-final-cta,
.lp-remedials-final-cta,
.lp-documents-final-cta,
.lp-portal-final-cta {
    --lp-final-cta-card: var(--lp-panel-bg-strong);
    --lp-final-cta-rule: var(--lp-panel-border);
    --lp-final-cta-rule-hover: var(--lp-ghost-border);
    --lp-final-cta-ink: var(--lp-color-text);
    --lp-final-cta-ink-2: var(--lp-color-text-muted);
    --lp-final-cta-ink-3: var(--lp-color-text-muted);
    --lp-final-cta-ink-4: var(--lp-color-text-soft);
    --lp-final-cta-accent: #d4a017;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--lp-final-cta-rule-hover);
    border-radius: 14px;
    color: var(--lp-final-cta-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-integrations-final-cta::before,
.lp-inspection-final-cta::before,
.lp-remedials-final-cta::before,
.lp-documents-final-cta::before,
.lp-portal-final-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 640px;
    height: 280px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at 50% 0%, rgba(212, 160, 23, 0.1) 0%, transparent 68%);
    pointer-events: none;
}

.lp-integrations-final-cta::after,
.lp-inspection-final-cta::after,
.lp-remedials-final-cta::after,
.lp-documents-final-cta::after,
.lp-portal-final-cta::after {
    content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.55), transparent);
}

.lp-integrations-final-cta__inner,
.lp-inspection-final-cta__inner,
.lp-remedials-final-cta__inner,
.lp-documents-final-cta__inner,
.lp-portal-final-cta__inner {
    position: relative;
    padding: 80px 64px 72px;
    background: var(--lp-final-cta-card);
    text-align: center;
}

.lp-integrations-final-cta__eyebrow,
.lp-inspection-final-cta__eyebrow,
.lp-remedials-final-cta__eyebrow,
.lp-documents-final-cta__eyebrow,
.lp-portal-final-cta__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.lp-integrations-final-cta__eyebrow-dot,
.lp-inspection-final-cta__eyebrow-dot,
.lp-remedials-final-cta__eyebrow-dot,
.lp-documents-final-cta__eyebrow-dot,
.lp-portal-final-cta__eyebrow-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-final-cta-accent);
}

.lp-integrations-final-cta__eyebrow-text,
.lp-inspection-final-cta__eyebrow-text,
.lp-remedials-final-cta__eyebrow-text,
.lp-documents-final-cta__eyebrow-text,
.lp-portal-final-cta__eyebrow-text {
    color: var(--lp-final-cta-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-integrations-final-cta__headline,
.lp-inspection-final-cta__headline,
.lp-remedials-final-cta__headline,
.lp-documents-final-cta__headline,
.lp-portal-final-cta__headline {
    max-width: 600px;
    margin: 0 auto 20px;
    color: var(--lp-final-cta-ink);
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.lp-integrations-final-cta__headline span,
.lp-inspection-final-cta__headline span,
.lp-remedials-final-cta__headline span,
.lp-documents-final-cta__headline span,
.lp-portal-final-cta__headline span {
    color: var(--lp-final-cta-accent);
}

.lp-integrations-final-cta__sub,
.lp-inspection-final-cta__sub,
.lp-remedials-final-cta__sub,
.lp-documents-final-cta__sub,
.lp-portal-final-cta__sub {
    max-width: 440px;
    margin: 0 auto 40px;
    color: var(--lp-final-cta-ink-2);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-integrations-final-cta__buttons,
.lp-inspection-final-cta__buttons,
.lp-remedials-final-cta__buttons,
.lp-documents-final-cta__buttons,
.lp-portal-final-cta__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.lp-integrations-final-cta__btn-primary,
.lp-integrations-final-cta__btn-ghost,
.lp-inspection-final-cta__btn-primary,
.lp-inspection-final-cta__btn-ghost,
.lp-remedials-final-cta__btn-primary,
.lp-remedials-final-cta__btn-ghost,
.lp-documents-final-cta__btn-primary,
.lp-documents-final-cta__btn-ghost,
.lp-portal-final-cta__btn-primary,
.lp-portal-final-cta__btn-ghost {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.lp-integrations-final-cta__btn-primary,
.lp-inspection-final-cta__btn-primary,
.lp-remedials-final-cta__btn-primary,
.lp-documents-final-cta__btn-primary,
.lp-portal-final-cta__btn-primary {
    gap: 8px;
    padding: 14px 32px;
    border-radius: 7px;
    background: var(--lp-final-cta-accent);
    color: #0e0e0c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.lp-integrations-final-cta__btn-primary:hover,
.lp-integrations-final-cta__btn-primary:focus-visible,
.lp-inspection-final-cta__btn-primary:hover,
.lp-inspection-final-cta__btn-primary:focus-visible,
.lp-remedials-final-cta__btn-primary:hover,
.lp-remedials-final-cta__btn-primary:focus-visible,
.lp-documents-final-cta__btn-primary:hover,
.lp-documents-final-cta__btn-primary:focus-visible,
.lp-portal-final-cta__btn-primary:hover,
.lp-portal-final-cta__btn-primary:focus-visible {
    opacity: 0.88;
    transform: translateY(-1px);
}

.lp-integrations-final-cta__btn-primary svg,
.lp-inspection-final-cta__btn-primary svg,
.lp-remedials-final-cta__btn-primary svg,
.lp-documents-final-cta__btn-primary svg,
.lp-portal-final-cta__btn-primary svg {
    width: 14px;
    height: 14px;
}

.lp-integrations-final-cta__btn-ghost,
.lp-inspection-final-cta__btn-ghost,
.lp-remedials-final-cta__btn-ghost,
.lp-documents-final-cta__btn-ghost,
.lp-portal-final-cta__btn-ghost {
    gap: 7px;
    padding: 13px 26px;
    border: 1px solid var(--lp-final-cta-rule-hover);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-final-cta-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-integrations-final-cta__btn-ghost:hover,
.lp-integrations-final-cta__btn-ghost:focus-visible,
.lp-inspection-final-cta__btn-ghost:hover,
.lp-inspection-final-cta__btn-ghost:focus-visible,
.lp-remedials-final-cta__btn-ghost:hover,
.lp-remedials-final-cta__btn-ghost:focus-visible,
.lp-documents-final-cta__btn-ghost:hover,
.lp-documents-final-cta__btn-ghost:focus-visible,
.lp-portal-final-cta__btn-ghost:hover,
.lp-portal-final-cta__btn-ghost:focus-visible {
    color: var(--lp-final-cta-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
}

.lp-integrations-final-cta__micro,
.lp-inspection-final-cta__micro,
.lp-remedials-final-cta__micro,
.lp-documents-final-cta__micro,
.lp-portal-final-cta__micro {
    margin: 0;
    color: var(--lp-final-cta-ink-4);
    font-size: 11.5px;
    font-weight: 300;
}

.lp-integrations-final-cta__pills,
.lp-inspection-final-cta__pills,
.lp-remedials-final-cta__pills,
.lp-documents-final-cta__pills,
.lp-portal-final-cta__pills {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--lp-final-cta-rule);
}

.lp-integrations-final-cta__pill,
.lp-inspection-final-cta__pill,
.lp-remedials-final-cta__pill,
.lp-documents-final-cta__pill,
.lp-portal-final-cta__pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px;
    border: 1px solid var(--lp-final-cta-rule);
    border-radius: 999px;
    background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
    color: var(--lp-final-cta-ink-4);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

.lp-integrations-final-cta__pill svg,
.lp-inspection-final-cta__pill svg,
.lp-remedials-final-cta__pill svg,
.lp-documents-final-cta__pill svg,
.lp-portal-final-cta__pill svg {
    width: 10px;
    height: 10px;
}



.lp-integrations-why {
--lp-integrations-why-card: var(--lp-panel-bg-strong);
    --lp-integrations-why-card-hover: var(--lp-panel-hover-strong);
    --lp-integrations-why-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-integrations-why-rule: var(--lp-panel-border);
    --lp-integrations-why-rule-strong: var(--lp-ghost-border);
    --lp-integrations-why-ink: var(--lp-color-text);
    --lp-integrations-why-ink-2: var(--lp-color-text-muted);
    --lp-integrations-why-ink-3: var(--lp-color-text-muted);
    --lp-integrations-why-ink-4: var(--lp-color-text-soft);
    --lp-integrations-why-accent: #d4a017;
    --lp-integrations-why-green: #3a9e5f;
    --lp-integrations-why-blue: #60b0e0;
    color: var(--lp-integrations-why-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-integrations-why__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

.lp-integrations-why__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-integrations-why-accent);
}

.lp-integrations-why__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-integrations-why-ink-3);
}

.lp-integrations-why__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

.lp-integrations-why__header h2 {
margin: 0;
    max-width: 860px;
    color: var(--lp-integrations-why-ink);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-integrations-why__header h2 span,
.lp-integrations-why__title span {
color: var(--lp-integrations-why-accent);
}

.lp-integrations-why__header p {
margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-integrations-why-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-integrations-why__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-integrations-why-rule);
    border: 1px solid var(--lp-integrations-why-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.lp-integrations-why__card {
position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-integrations-why-card);
    transition: background-color 180ms ease;
}

.lp-integrations-why__card:hover,
.lp-integrations-why__card:focus-within {
background: var(--lp-integrations-why-card-hover);
}

.lp-integrations-why__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-integrations-why-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-integrations-why__card:hover::after,
.lp-integrations-why__card:focus-within::after {
transform: scaleX(1);
}

.lp-integrations-why__visual {
display: flex;
    flex-direction: column;
    gap: 6px;
    height: 196px;
    padding: 22px 24px 20px;
    overflow: hidden;
    background: var(--lp-integrations-why-inset);
    border-bottom: 1px solid var(--lp-integrations-why-rule);
    transition: border-color 180ms ease;
}

.lp-integrations-why__card:hover .lp-integrations-why__visual,
.lp-integrations-why__card:focus-within .lp-integrations-why__visual {
border-color: var(--lp-integrations-why-rule-strong);
}

.lp-integrations-why__visual-label {
margin: 0 0 4px;
    color: var(--lp-integrations-why-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-integrations-why__ui-row {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid var(--lp-integrations-why-rule);
    border-radius: 5px;
    background: var(--lp-integrations-why-card);
}

.lp-integrations-why__ui-row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-integrations-why__ui-row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-integrations-why__ui-row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-integrations-why__ui-dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
}

.lp-integrations-why__ui-dot.is-amber {
background: var(--lp-integrations-why-accent);
}

.lp-integrations-why__ui-dot.is-blue {
background: var(--lp-integrations-why-blue);
}

.lp-integrations-why__ui-dot.is-green {
background: var(--lp-integrations-why-green);
}

.lp-integrations-why__ui-dot.is-grey {
background: var(--lp-integrations-why-ink-4);
}

.lp-integrations-why__ui-label {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-integrations-why-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-integrations-why__ui-value {
flex: 0 0 auto;
    color: var(--lp-integrations-why-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-integrations-why__ui-tag {
flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 100px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-integrations-why__ui-tag.is-amber {
color: var(--lp-integrations-why-accent);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid rgba(212, 160, 23, 0.22);
}

.lp-integrations-why__ui-tag.is-green {
color: var(--lp-integrations-why-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.22);
}

.lp-integrations-why__ui-tag.is-blue {
color: var(--lp-integrations-why-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.22);
}

.lp-integrations-why__ui-tag.is-grey,
.lp-integrations-why__ui-tag.is-muted {
color: var(--lp-integrations-why-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--lp-integrations-why-rule);
}

.lp-integrations-why__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 26px 28px 28px;
}

.lp-integrations-why__number {
margin: 0 0 8px;
    color: var(--lp-integrations-why-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-integrations-why__title {
margin: 0 0 12px;
    color: var(--lp-integrations-why-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-integrations-why__desc {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-integrations-why-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-integrations-why__proof-list {
display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.lp-integrations-why__proof-list li {
display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--lp-integrations-why-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-integrations-why__proof-list li::before {
content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

.lp-integrations-why__card:hover .lp-integrations-why__proof-list li::before,
.lp-integrations-why__card:focus-within .lp-integrations-why__proof-list li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
}

.lp-integrations-why__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 28px;
    border: 1px solid var(--lp-integrations-why-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-integrations-why-inset);
}

.lp-integrations-why__footer-text {
margin: 0;
    color: var(--lp-integrations-why-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-integrations-why__footer-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-integrations-why-rule-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-integrations-why-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-integrations-why__footer-link svg {
width: 12px;
    height: 12px;
}

.lp-integrations-why__footer-link:hover,
.lp-integrations-why__footer-link:focus-visible {
color: var(--lp-integrations-why-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-section--portal-capabilities {
background: transparent;
}

.lp-portal-capabilities {
--lp-portal-cap-card: var(--lp-panel-bg-strong);
    --lp-portal-cap-card-hover: var(--lp-panel-hover-strong);
    --lp-portal-cap-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-portal-cap-rule: var(--lp-panel-border);
    --lp-portal-cap-rule-strong: var(--lp-ghost-border);
    --lp-portal-cap-ink: var(--lp-color-text);
    --lp-portal-cap-ink-2: var(--lp-color-text-muted);
    --lp-portal-cap-ink-3: var(--lp-color-text-muted);
    --lp-portal-cap-ink-4: var(--lp-color-text-soft);
    --lp-portal-cap-accent: #d4a017;
    --lp-portal-cap-green: #3a9e5f;
    --lp-portal-cap-blue: #60b0e0;
    --lp-portal-cap-red: #c0392b;
    color: var(--lp-portal-cap-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-portal-capabilities__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

.lp-portal-capabilities__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-portal-cap-accent);
}

.lp-portal-capabilities__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-portal-cap-ink-3);
}

.lp-portal-capabilities__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

.lp-portal-capabilities__header h2 {
margin: 0;
    max-width: 860px;
    color: var(--lp-portal-cap-ink);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-portal-capabilities__header h2 span,
.lp-portal-capabilities__title span {
color: var(--lp-portal-cap-accent);
}

.lp-portal-capabilities__header p {
margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-portal-cap-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-portal-capabilities__grid {
display: flex;
    flex-wrap: wrap;
    gap: 1px;
    background: var(--lp-portal-cap-rule);
    border: 1px solid var(--lp-portal-cap-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-portal-capabilities__card {
position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(25% - 1px);
    min-width: 220px;
    overflow: hidden;
    background: var(--lp-portal-cap-card);
    transition: background 180ms ease;
}

.lp-portal-capabilities__card:hover,
.lp-portal-capabilities__card:focus-within {
background: var(--lp-portal-cap-card-hover);
}

.lp-portal-capabilities__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-portal-cap-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-portal-capabilities__card:hover::after,
.lp-portal-capabilities__card:focus-within::after {
transform: scaleX(1);
}

.lp-portal-capabilities__visual {
display: flex;
    flex-direction: column;
    gap: 5px;
    height: 196px;
    padding: 18px 20px 16px;
    overflow: hidden;
    background: var(--lp-portal-cap-inset);
    border-bottom: 1px solid var(--lp-portal-cap-rule);
    transition: border-color 180ms ease;
}

.lp-portal-capabilities__card:hover .lp-portal-capabilities__visual,
.lp-portal-capabilities__card:focus-within .lp-portal-capabilities__visual {
border-color: var(--lp-portal-cap-rule-strong);
}

.lp-portal-capabilities__visual-label {
margin: 0 0 4px;
    color: var(--lp-portal-cap-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-portal-capabilities__row {
display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--lp-portal-cap-rule);
    border-radius: 5px;
    background: var(--lp-portal-cap-card);
}

.lp-portal-capabilities__row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-portal-capabilities__row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-portal-capabilities__row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

:is(.lp-portal-capabilities__row.is-summary, .lp-documents-capabilities__row.is-summary, .lp-remedials-capabilities__row.is-summary, .lp-builder-capabilities__row.is-summary) {
justify-content: space-between;
}

:is(.lp-portal-capabilities__dot, .lp-documents-capabilities__dot, .lp-remedials-capabilities__dot, .lp-builder-capabilities__dot, .lp-inspection-capabilities__dot) {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
}

.lp-portal-capabilities__dot.is-amber {
background: var(--lp-portal-cap-accent);
}

.lp-portal-capabilities__dot.is-green {
background: var(--lp-portal-cap-green);
}

.lp-portal-capabilities__dot.is-blue {
background: var(--lp-portal-cap-blue);
}

.lp-portal-capabilities__dot.is-red {
background: var(--lp-portal-cap-red);
}

.lp-portal-capabilities__dot.is-grey {
background: var(--lp-portal-cap-ink-4);
}

.lp-portal-capabilities__text {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-portal-cap-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

:is(.lp-portal-capabilities__row.is-summary .lp-portal-capabilities__text, .lp-documents-capabilities__row.is-summary .lp-documents-capabilities__text, .lp-remedials-capabilities__row.is-summary .lp-remedials-capabilities__text, .lp-builder-capabilities__row.is-summary .lp-builder-capabilities__text) {
color: var(--lp-color-text-muted);
    font-weight: 500;
}

.lp-portal-capabilities__value {
flex: 0 0 auto;
    color: var(--lp-portal-cap-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

:is(.lp-portal-capabilities__row.is-summary .lp-portal-capabilities__value, .lp-documents-capabilities__row.is-summary .lp-documents-capabilities__value, .lp-remedials-capabilities__row.is-summary .lp-remedials-capabilities__value, .lp-builder-capabilities__row.is-summary .lp-builder-capabilities__value) {
color: #d4a017;
    font-size: 13px;
}

.lp-portal-capabilities__pill {
flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 100px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-portal-capabilities__pill.is-amber {
color: var(--lp-portal-cap-accent);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid rgba(212, 160, 23, 0.22);
}

.lp-portal-capabilities__pill.is-green {
color: var(--lp-portal-cap-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.22);
}

.lp-portal-capabilities__pill.is-blue {
color: var(--lp-portal-cap-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.22);
}

.lp-portal-capabilities__pill.is-red {
color: #e05c4a;
    background: rgba(192, 57, 43, 0.12);
    border: 1px solid rgba(192, 57, 43, 0.25);
}

.lp-portal-capabilities__pill.is-grey,
.lp-portal-capabilities__pill.is-muted {
color: var(--lp-portal-cap-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--lp-portal-cap-rule);
}

.lp-portal-capabilities__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 22px 22px 22px;
}

.lp-portal-capabilities__number {
margin: 0 0 7px;
    color: var(--lp-portal-cap-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-portal-capabilities__title {
margin: 0 0 10px;
    color: var(--lp-portal-cap-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-portal-capabilities__desc {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-portal-cap-ink-2);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

:is(.lp-portal-capabilities__detail-list, .lp-documents-capabilities__detail-list, .lp-remedials-capabilities__detail-list, .lp-builder-capabilities__detail-list, .lp-inspection-capabilities__detail-list) {
display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

:is(.lp-portal-capabilities__detail-list li, .lp-documents-capabilities__detail-list li, .lp-remedials-capabilities__detail-list li, .lp-builder-capabilities__detail-list li, .lp-inspection-capabilities__detail-list li) {
display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--lp-color-text-soft);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.5;
}

:is(.lp-portal-capabilities__detail-list li::before, .lp-documents-capabilities__detail-list li::before, .lp-remedials-capabilities__detail-list li::before, .lp-builder-capabilities__detail-list li::before, .lp-inspection-capabilities__detail-list li::before) {
content: "";
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 4.5,8.5 10,3.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

:is(.lp-portal-capabilities__card:hover .lp-portal-capabilities__detail-list li::before, .lp-documents-capabilities__card:hover .lp-documents-capabilities__detail-list li::before, .lp-remedials-capabilities__card:hover .lp-remedials-capabilities__detail-list li::before, .lp-builder-capabilities__card:hover .lp-builder-capabilities__detail-list li::before, .lp-inspection-capabilities__card:hover .lp-inspection-capabilities__detail-list li::before, .lp-portal-capabilities__card:focus-within .lp-portal-capabilities__detail-list li::before, .lp-documents-capabilities__card:focus-within .lp-documents-capabilities__detail-list li::before, .lp-remedials-capabilities__card:focus-within .lp-remedials-capabilities__detail-list li::before, .lp-builder-capabilities__card:focus-within .lp-builder-capabilities__detail-list li::before) {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 4.5,8.5 10,3.5'/%3E%3C/svg%3E");
}

.lp-portal-capabilities__footer {
margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--lp-portal-cap-rule);
    transition: border-color 180ms ease;
}

.lp-portal-capabilities__card:hover .lp-portal-capabilities__footer,
.lp-portal-capabilities__card:focus-within .lp-portal-capabilities__footer {
border-color: var(--lp-portal-cap-rule-strong);
}

.lp-portal-capabilities__link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--lp-portal-cap-ink-4);
    font-size: 11.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-portal-capabilities__link:hover,
.lp-portal-capabilities__link:focus-visible {
color: var(--lp-portal-cap-accent);
    outline: none;
}

:is(.lp-portal-capabilities__link svg, .lp-documents-capabilities__link svg, .lp-remedials-capabilities__link svg, .lp-builder-capabilities__link svg, .lp-inspection-capabilities__link svg) {
width: 11px;
    height: 11px;
    transition: transform 150ms ease;
}

:is(.lp-portal-capabilities__link:hover svg, .lp-documents-capabilities__link:hover svg, .lp-remedials-capabilities__link:hover svg, .lp-builder-capabilities__link:hover svg, .lp-inspection-capabilities__link:hover svg, .lp-portal-capabilities__link:focus-visible svg, .lp-documents-capabilities__link:focus-visible svg, .lp-remedials-capabilities__link:focus-visible svg, .lp-builder-capabilities__link:focus-visible svg, .lp-inspection-capabilities__link:focus-visible svg) {
transform: translate(2px, -2px);
}

:is(.lp-portal-capabilities__bottom, .lp-documents-capabilities__bottom, .lp-remedials-capabilities__bottom, .lp-builder-capabilities__bottom, .lp-inspection-capabilities__bottom) {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
}

:is(.lp-portal-capabilities__bottom-note, .lp-documents-capabilities__bottom-note, .lp-remedials-capabilities__bottom-note, .lp-builder-capabilities__bottom-note, .lp-inspection-capabilities__bottom-note) {
margin: 0;
    color: var(--lp-color-text-soft);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-portal-capabilities__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-portal-cap-rule-strong);
    border-radius: 6px;
    color: var(--lp-portal-cap-ink-3);
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-portal-capabilities__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-portal-capabilities__bottom-link:hover,
.lp-portal-capabilities__bottom-link:focus-visible {
color: var(--lp-portal-cap-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}





.lp-section--portal-needs {
background: transparent;
}

.lp-portal-needs {
    --lp-shared-needs-card: var(--lp-panel-bg-strong);
    --lp-shared-needs-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-needs-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-needs-rule: var(--lp-panel-border);
    --lp-shared-needs-rule-strong: var(--lp-ghost-border);
    --lp-shared-needs-ink: var(--lp-color-text);
    --lp-shared-needs-ink-2: var(--lp-color-text-muted);
    --lp-shared-needs-ink-3: var(--lp-color-text-muted);
    --lp-shared-needs-ink-4: var(--lp-color-text-soft);
    --lp-shared-needs-accent: #d4a017;
    --lp-shared-needs-header-max: 860px;
    --lp-shared-needs-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-needs-header-line: 1.1;
    --lp-shared-needs-header-track: -0.02em;
    --lp-shared-needs-col-header-padding: 28px 36px 24px;
    --lp-shared-needs-item-padding: 20px 36px;
    --lp-shared-needs-item-title-size: 13.5px;
    --lp-shared-needs-item-title-line: 1.3;
    --lp-shared-needs-item-title-track: -0.01em;
    --lp-shared-needs-item-desc-line: 1.6;
    --lp-shared-needs-num-weight: 600;
    --lp-shared-needs-outcome-gap: 16px;
    --lp-shared-needs-outcome-padding: 20px 36px;
    --lp-shared-needs-outcome-copy-flex: 1 1 auto;
    --lp-shared-needs-outcome-value-size: 13.5px;
    --lp-shared-needs-outcome-value-weight: 500;
    --lp-shared-needs-outcome-value-line: 1.4;
    --lp-shared-needs-outcome-links-gap: 8px;
}

.lp-documents-needs {
    --lp-shared-needs-card: var(--lp-panel-bg-strong);
    --lp-shared-needs-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-needs-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-needs-rule: var(--lp-panel-border);
    --lp-shared-needs-rule-strong: var(--lp-ghost-border);
    --lp-shared-needs-ink: var(--lp-color-text);
    --lp-shared-needs-ink-2: var(--lp-color-text-muted);
    --lp-shared-needs-ink-3: var(--lp-color-text-muted);
    --lp-shared-needs-ink-4: var(--lp-color-text-soft);
    --lp-shared-needs-accent: #d4a017;
    --lp-shared-needs-header-max: 860px;
    --lp-shared-needs-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-needs-header-line: 1.1;
    --lp-shared-needs-header-track: -0.02em;
    --lp-shared-needs-col-header-padding: 28px 36px 24px;
    --lp-shared-needs-item-padding: 20px 36px;
    --lp-shared-needs-item-title-size: 13.5px;
    --lp-shared-needs-item-title-line: 1.3;
    --lp-shared-needs-item-title-track: -0.01em;
    --lp-shared-needs-item-desc-line: 1.6;
    --lp-shared-needs-num-weight: 600;
    --lp-shared-needs-outcome-gap: 16px;
    --lp-shared-needs-outcome-padding: 20px 36px;
    --lp-shared-needs-outcome-copy-flex: 1 1 auto;
    --lp-shared-needs-outcome-value-size: 13.5px;
    --lp-shared-needs-outcome-value-weight: 500;
    --lp-shared-needs-outcome-value-line: 1.4;
    --lp-shared-needs-outcome-links-gap: 8px;
}

.lp-remedials-needs {
    --lp-shared-needs-card: var(--lp-panel-bg-strong);
    --lp-shared-needs-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-needs-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-needs-rule: var(--lp-panel-border);
    --lp-shared-needs-rule-strong: var(--lp-ghost-border);
    --lp-shared-needs-ink: var(--lp-color-text);
    --lp-shared-needs-ink-2: var(--lp-color-text-muted);
    --lp-shared-needs-ink-3: var(--lp-color-text-muted);
    --lp-shared-needs-ink-4: var(--lp-color-text-soft);
    --lp-shared-needs-accent: #d4a017;
    --lp-shared-needs-header-max: none;
    --lp-shared-needs-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-needs-header-line: 1.1;
    --lp-shared-needs-header-track: -0.02em;
    --lp-shared-needs-col-header-padding: 28px 36px 24px;
    --lp-shared-needs-item-padding: 20px 36px;
    --lp-shared-needs-item-title-size: 13.5px;
    --lp-shared-needs-item-title-line: 1.3;
    --lp-shared-needs-item-title-track: -0.01em;
    --lp-shared-needs-item-desc-line: 1.6;
    --lp-shared-needs-num-weight: 600;
    --lp-shared-needs-outcome-gap: 16px;
    --lp-shared-needs-outcome-padding: 20px 36px;
    --lp-shared-needs-outcome-copy-flex: 1 1 260px;
    --lp-shared-needs-outcome-value-size: 13.5px;
    --lp-shared-needs-outcome-value-weight: 500;
    --lp-shared-needs-outcome-value-line: 1.4;
    --lp-shared-needs-outcome-links-gap: 8px;
}

.lp-integrations-needs {
    --lp-shared-needs-card: var(--lp-panel-bg-strong);
    --lp-shared-needs-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-needs-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-needs-rule: var(--lp-panel-border);
    --lp-shared-needs-rule-strong: var(--lp-ghost-border);
    --lp-shared-needs-ink: var(--lp-color-text);
    --lp-shared-needs-ink-2: var(--lp-color-text-muted);
    --lp-shared-needs-ink-3: var(--lp-color-text-muted);
    --lp-shared-needs-ink-4: var(--lp-color-text-soft);
    --lp-shared-needs-accent: #d4a017;
    --lp-shared-needs-header-max: 860px;
    --lp-shared-needs-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-needs-header-line: 1.1;
    --lp-shared-needs-header-track: -0.02em;
    --lp-shared-needs-col-header-padding: 28px 36px 24px;
    --lp-shared-needs-item-padding: 20px 36px;
    --lp-shared-needs-item-title-size: 13px;
    --lp-shared-needs-item-title-line: 1.45;
    --lp-shared-needs-item-title-track: 0;
    --lp-shared-needs-item-desc-line: 1.65;
    --lp-shared-needs-num-weight: 500;
    --lp-shared-needs-outcome-gap: 18px;
    --lp-shared-needs-outcome-padding: 20px 24px;
    --lp-shared-needs-outcome-copy-flex: 1 1 auto;
    --lp-shared-needs-outcome-value-size: 12.5px;
    --lp-shared-needs-outcome-value-weight: 300;
    --lp-shared-needs-outcome-value-line: 1.65;
    --lp-shared-needs-outcome-links-gap: 10px;
}

.lp-builder-needs {
    --lp-shared-needs-card: var(--lp-panel-bg-strong);
    --lp-shared-needs-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-needs-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-needs-rule: var(--lp-panel-border);
    --lp-shared-needs-rule-strong: var(--lp-ghost-border);
    --lp-shared-needs-ink: var(--lp-color-text);
    --lp-shared-needs-ink-2: var(--lp-color-text-muted);
    --lp-shared-needs-ink-3: var(--lp-color-text-muted);
    --lp-shared-needs-ink-4: var(--lp-color-text-soft);
    --lp-shared-needs-accent: #d4a017;
    --lp-shared-needs-header-max: 860px;
    --lp-shared-needs-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-needs-header-line: 1.1;
    --lp-shared-needs-header-track: -0.02em;
    --lp-shared-needs-col-header-padding: 28px 36px 24px;
    --lp-shared-needs-item-padding: 20px 36px;
    --lp-shared-needs-item-title-size: 13.5px;
    --lp-shared-needs-item-title-line: 1.3;
    --lp-shared-needs-item-title-track: -0.01em;
    --lp-shared-needs-item-desc-line: 1.6;
    --lp-shared-needs-num-weight: 600;
    --lp-shared-needs-outcome-gap: 16px;
    --lp-shared-needs-outcome-padding: 20px 36px;
    --lp-shared-needs-outcome-copy-flex: 1 1 260px;
    --lp-shared-needs-outcome-value-size: 13.5px;
    --lp-shared-needs-outcome-value-weight: 500;
    --lp-shared-needs-outcome-value-line: 1.4;
    --lp-shared-needs-outcome-links-gap: 8px;
    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 860px;
    --lp-shared-section-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-section-header-line: 1.1;
    --lp-shared-section-header-track: -0.02em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.65;
}

.lp-inspection-needs {
    --lp-shared-needs-card: var(--lp-panel-bg-strong);
    --lp-shared-needs-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-needs-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-needs-rule: var(--lp-panel-border);
    --lp-shared-needs-rule-strong: var(--lp-ghost-border);
    --lp-shared-needs-ink: var(--lp-color-text);
    --lp-shared-needs-ink-2: var(--lp-color-text-muted);
    --lp-shared-needs-ink-3: var(--lp-color-text-muted);
    --lp-shared-needs-ink-4: var(--lp-color-text-soft);
    --lp-shared-needs-accent: #d4a017;
    --lp-shared-needs-header-max: 860px;
    --lp-shared-needs-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-needs-header-line: 1.1;
    --lp-shared-needs-header-track: -0.02em;
    --lp-shared-needs-col-header-padding: 28px 36px 24px;
    --lp-shared-needs-item-padding: 20px 36px;
    --lp-shared-needs-item-title-size: 13.5px;
    --lp-shared-needs-item-title-line: 1.3;
    --lp-shared-needs-item-title-track: -0.01em;
    --lp-shared-needs-item-desc-line: 1.6;
    --lp-shared-needs-num-weight: 600;
    --lp-shared-needs-outcome-gap: 16px;
    --lp-shared-needs-outcome-padding: 20px 36px;
    --lp-shared-needs-outcome-copy-flex: 1 1 auto;
    --lp-shared-needs-outcome-value-size: 13.5px;
    --lp-shared-needs-outcome-value-weight: 500;
    --lp-shared-needs-outcome-value-line: 1.4;
    --lp-shared-needs-outcome-links-gap: 8px;
    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 860px;
    --lp-shared-section-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-section-header-line: 1.1;
    --lp-shared-section-header-track: -0.02em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.65;
}

:is(.lp-portal-needs, .lp-documents-needs, .lp-remedials-needs, .lp-integrations-needs, .lp-builder-needs, .lp-inspection-needs) {
    color: var(--lp-shared-needs-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:is(.lp-portal-needs__eyebrow, .lp-documents-needs__eyebrow, .lp-remedials-needs__eyebrow, .lp-integrations-needs__eyebrow) {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

:is(.lp-portal-needs__eyebrow-dot, .lp-documents-needs__eyebrow-dot, .lp-remedials-needs__eyebrow-dot, .lp-integrations-needs__eyebrow-dot) {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-shared-needs-accent);
}

:is(.lp-portal-needs__eyebrow-text, .lp-documents-needs__eyebrow-text, .lp-remedials-needs__eyebrow-text, .lp-integrations-needs__eyebrow-text) {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-shared-needs-ink-3);
}

:is(.lp-portal-needs__header, .lp-documents-needs__header, .lp-integrations-needs__header) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

:is(.lp-portal-needs__header h2, .lp-documents-needs__header h2, .lp-remedials-needs__header h2, .lp-integrations-needs__header h2) {
    margin: 0;
    max-width: var(--lp-shared-needs-header-max);
    color: var(--lp-shared-needs-ink);
    font-size: var(--lp-shared-needs-header-size);
    font-weight: 600;
    line-height: var(--lp-shared-needs-header-line);
    letter-spacing: var(--lp-shared-needs-header-track);
}

:is(.lp-portal-needs__header h2 span, .lp-documents-needs__header h2 span, .lp-remedials-needs__header h2 span, .lp-integrations-needs__header h2 span, .lp-portal-needs__col-title span, .lp-documents-needs__col-title span, .lp-remedials-needs__col-title span, .lp-integrations-needs__col-title span, .lp-builder-needs__col-title span, .lp-inspection-needs__header h2 span, .lp-inspection-needs__col-title span) {
    color: var(--lp-shared-needs-accent);
}

:is(.lp-portal-needs__header p, .lp-documents-needs__header p, .lp-integrations-needs__header p) {
    margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-shared-needs-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-remedials-needs__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    margin: 0 0 52px;
}

.lp-remedials-needs__header p {
    margin: 0;
    max-width: 280px;
    text-align: right;
    color: var(--lp-shared-needs-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

:is(.lp-portal-needs__split, .lp-documents-needs__split, .lp-remedials-needs__split, .lp-integrations-needs__split, .lp-builder-needs__split, .lp-inspection-needs__split) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-shared-needs-rule);
    border: 1px solid var(--lp-shared-needs-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

:is(.lp-portal-needs__col, .lp-documents-needs__col, .lp-remedials-needs__col, .lp-integrations-needs__col, .lp-builder-needs__col, .lp-inspection-needs__col) {
    display: flex;
    flex-direction: column;
    background: var(--lp-shared-needs-card);
}

:is(.lp-portal-needs__col-header, .lp-documents-needs__col-header, .lp-remedials-needs__col-header, .lp-integrations-needs__col-header, .lp-builder-needs__col-header, .lp-inspection-needs__col-header) {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: var(--lp-shared-needs-col-header-padding);
    border-bottom: 1px solid var(--lp-shared-needs-rule);
}

:is(.lp-portal-needs__icon-box, .lp-documents-needs__icon-box, .lp-remedials-needs__icon-box, .lp-integrations-needs__icon-box, .lp-builder-needs__icon-box, .lp-inspection-needs__icon-box) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    border: 1px solid var(--lp-shared-needs-rule);
    border-radius: 8px;
    background: var(--lp-shared-needs-inset);
    transition: border-color 180ms ease, background 180ms ease;
}

:is(.lp-portal-needs__col:hover .lp-portal-needs__icon-box, .lp-documents-needs__col:hover .lp-documents-needs__icon-box, .lp-remedials-needs__col:hover .lp-remedials-needs__icon-box, .lp-integrations-needs__col:hover .lp-integrations-needs__icon-box, .lp-builder-needs__col:hover .lp-builder-needs__icon-box, .lp-inspection-needs__col:hover .lp-inspection-needs__icon-box) {
    border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.07);
}

:is(.lp-portal-needs__icon-box svg, .lp-documents-needs__icon-box svg, .lp-remedials-needs__icon-box svg, .lp-integrations-needs__icon-box svg, .lp-builder-needs__icon-box svg, .lp-inspection-needs__icon-box svg) {
    width: 18px;
    height: 18px;
    color: var(--lp-shared-needs-ink-3);
    transition: color 180ms ease;
}

:is(.lp-portal-needs__col:hover .lp-portal-needs__icon-box svg, .lp-documents-needs__col:hover .lp-documents-needs__icon-box svg, .lp-remedials-needs__col:hover .lp-remedials-needs__icon-box svg, .lp-integrations-needs__col:hover .lp-integrations-needs__icon-box svg, .lp-builder-needs__col:hover .lp-builder-needs__icon-box svg, .lp-inspection-needs__col:hover .lp-inspection-needs__icon-box svg) {
    color: var(--lp-shared-needs-accent);
}

:is(.lp-portal-needs__col-type, .lp-documents-needs__col-type, .lp-remedials-needs__col-type, .lp-integrations-needs__col-type, .lp-builder-needs__col-type, .lp-inspection-needs__col-type) {
    margin: 0 0 5px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--lp-shared-needs-ink-4);
}

:is(.lp-portal-needs__col-title, .lp-documents-needs__col-title, .lp-remedials-needs__col-title, .lp-integrations-needs__col-title, .lp-builder-needs__col-title, .lp-inspection-needs__col-title) {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: var(--lp-shared-needs-ink);
    letter-spacing: -0.015em;
    line-height: 1.2;
}

:is(.lp-portal-needs__col-sub, .lp-documents-needs__col-sub, .lp-remedials-needs__col-sub, .lp-integrations-needs__col-sub, .lp-builder-needs__col-sub, .lp-inspection-needs__col-sub) {
    margin: 5px 0 0;
    font-size: 12.5px;
    font-weight: 300;
    color: var(--lp-shared-needs-ink-3);
    line-height: 1.5;
}

:is(.lp-portal-needs__list, .lp-documents-needs__list, .lp-remedials-needs__list, .lp-integrations-needs__list, .lp-builder-needs__list, .lp-inspection-needs__list) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 8px 0;
}

:is(.lp-portal-needs__item, .lp-documents-needs__item, .lp-remedials-needs__item, .lp-integrations-needs__item, .lp-builder-needs__item, .lp-inspection-needs__item) {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: var(--lp-shared-needs-item-padding);
    border-bottom: 1px solid var(--lp-shared-needs-rule);
    transition: background 150ms ease;
}

:is(.lp-portal-needs__item:last-child, .lp-documents-needs__item:last-child, .lp-remedials-needs__item:last-child, .lp-integrations-needs__item:last-child, .lp-builder-needs__item:last-child, .lp-inspection-needs__item:last-child) {
    border-bottom: 0;
}

:is(.lp-portal-needs__item:hover, .lp-documents-needs__item:hover, .lp-remedials-needs__item:hover, .lp-integrations-needs__item:hover, .lp-builder-needs__item:hover, .lp-inspection-needs__item:hover) {
    background: var(--lp-shared-needs-card-hover);
}

:is(.lp-portal-needs__num, .lp-documents-needs__num, .lp-remedials-needs__num, .lp-integrations-needs__num, .lp-builder-needs__num, .lp-inspection-needs__num) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    margin-top: 1px;
    border: 1px solid var(--lp-shared-needs-rule-strong);
    border-radius: 999px;
    font-size: 10px;
    font-weight: var(--lp-shared-needs-num-weight);
    color: var(--lp-shared-needs-ink-4);
    transition: border-color 150ms ease, color 150ms ease;
}

:is(.lp-portal-needs__item:hover .lp-portal-needs__num, .lp-documents-needs__item:hover .lp-documents-needs__num, .lp-remedials-needs__item:hover .lp-remedials-needs__num, .lp-integrations-needs__item:hover .lp-integrations-needs__num, .lp-builder-needs__item:hover .lp-builder-needs__num, .lp-inspection-needs__item:hover .lp-inspection-needs__num) {
    border-color: var(--lp-shared-needs-accent);
    color: var(--lp-shared-needs-accent);
}

:is(.lp-portal-needs__item-title, .lp-documents-needs__item-title, .lp-remedials-needs__item-title, .lp-integrations-needs__item-title, .lp-builder-needs__item-title, .lp-inspection-needs__item-title) {
    margin: 0 0 5px;
    font-size: var(--lp-shared-needs-item-title-size);
    font-weight: 500;
    color: var(--lp-shared-needs-ink);
    letter-spacing: var(--lp-shared-needs-item-title-track);
    line-height: var(--lp-shared-needs-item-title-line);
}

:is(.lp-portal-needs__item-desc, .lp-documents-needs__item-desc, .lp-remedials-needs__item-desc, .lp-integrations-needs__item-desc, .lp-builder-needs__item-desc, .lp-inspection-needs__item-desc) {
    margin: 0;
    font-size: 12.5px;
    font-weight: 300;
    color: var(--lp-shared-needs-ink-3);
    line-height: var(--lp-shared-needs-item-desc-line);
}

:is(.lp-portal-needs__outcome, .lp-documents-needs__outcome, .lp-remedials-needs__outcome, .lp-integrations-needs__outcome, .lp-builder-needs__outcome, .lp-inspection-needs__outcome) {
    display: flex;
    align-items: center;
    gap: var(--lp-shared-needs-outcome-gap);
    flex-wrap: wrap;
    padding: var(--lp-shared-needs-outcome-padding);
    border: 1px solid var(--lp-shared-needs-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-shared-needs-inset);
}

:is(.lp-portal-needs__outcome-icon, .lp-documents-needs__outcome-icon, .lp-remedials-needs__outcome-icon, .lp-integrations-needs__outcome-icon, .lp-builder-needs__outcome-icon, .lp-inspection-needs__outcome-icon) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    border: 1px solid rgba(212, 160, 23, 0.25);
    border-radius: 7px;
    background: rgba(212, 160, 23, 0.07);
}

:is(.lp-portal-needs__outcome-icon svg, .lp-documents-needs__outcome-icon svg, .lp-remedials-needs__outcome-icon svg, .lp-integrations-needs__outcome-icon svg, .lp-builder-needs__outcome-icon svg, .lp-inspection-needs__outcome-icon svg) {
    width: 15px;
    height: 15px;
    color: var(--lp-shared-needs-accent);
}

:is(.lp-portal-needs__outcome-copy, .lp-documents-needs__outcome-copy, .lp-remedials-needs__outcome-copy, .lp-integrations-needs__outcome-copy, .lp-builder-needs__outcome-copy, .lp-inspection-needs__outcome-copy) {
    flex: var(--lp-shared-needs-outcome-copy-flex);
}

:is(.lp-portal-needs__outcome-label, .lp-documents-needs__outcome-label, .lp-remedials-needs__outcome-label, .lp-integrations-needs__outcome-label, .lp-builder-needs__outcome-label, .lp-inspection-needs__outcome-label) {
    margin: 0 0 4px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--lp-shared-needs-ink-4);
}

:is(.lp-portal-needs__outcome-value, .lp-documents-needs__outcome-value, .lp-remedials-needs__outcome-value, .lp-integrations-needs__outcome-value, .lp-builder-needs__outcome-value, .lp-inspection-needs__outcome-value) {
    margin: 0;
    font-size: var(--lp-shared-needs-outcome-value-size);
    font-weight: var(--lp-shared-needs-outcome-value-weight);
    color: var(--lp-shared-needs-ink-2);
    line-height: var(--lp-shared-needs-outcome-value-line);
}

:is(.lp-portal-needs__outcome-value span, .lp-documents-needs__outcome-value span, .lp-remedials-needs__outcome-value span, .lp-integrations-needs__outcome-value span, .lp-builder-needs__outcome-value span, .lp-inspection-needs__outcome-value span) {
    color: var(--lp-shared-needs-ink);
}

:is(.lp-portal-needs__outcome-links, .lp-documents-needs__outcome-links, .lp-remedials-needs__outcome-links, .lp-integrations-needs__outcome-links, .lp-builder-needs__outcome-links, .lp-inspection-needs__outcome-links) {
    display: flex;
    gap: var(--lp-shared-needs-outcome-links-gap);
    flex-wrap: wrap;
}

:is(.lp-portal-needs__outcome-link, .lp-documents-needs__outcome-link, .lp-remedials-needs__outcome-link, .lp-integrations-needs__outcome-link, .lp-builder-needs__outcome-link, .lp-inspection-needs__outcome-link) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-shared-needs-rule-strong);
    border-radius: 6px;
    color: var(--lp-shared-needs-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

:is(.lp-portal-needs__outcome-link, .lp-documents-needs__outcome-link, .lp-remedials-needs__outcome-link, .lp-integrations-needs__outcome-link, .lp-builder-needs__outcome-link, .lp-inspection-needs__outcome-link):hover,
:is(.lp-portal-needs__outcome-link, .lp-documents-needs__outcome-link, .lp-remedials-needs__outcome-link, .lp-integrations-needs__outcome-link, .lp-builder-needs__outcome-link, .lp-inspection-needs__outcome-link):focus-visible {
    color: var(--lp-shared-needs-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

:is(.lp-portal-needs__outcome-link svg, .lp-documents-needs__outcome-link svg, .lp-remedials-needs__outcome-link svg, .lp-integrations-needs__outcome-link svg, .lp-builder-needs__outcome-link svg, .lp-inspection-needs__outcome-link svg) {
    width: 12px;
    height: 12px;
}

.lp-integrations-needs__outcome-icon {
    border: 0;
    border-radius: 0;
    background: transparent;
}

.lp-integrations-needs__outcome-copy {
    min-width: 0;
}

.lp-integrations-needs__outcome-links {
    align-items: center;
}

.lp-inspection-needs__outcome-links {
    flex: 0 0 auto;
}





.lp-section--portal-resources {
background: transparent;
}

.lp-portal-resources {
    --lp-shared-res-card: var(--lp-panel-bg-strong);
    --lp-shared-res-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-res-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-res-rule: var(--lp-panel-border);
    --lp-shared-res-rule-strong: var(--lp-ghost-border);
    --lp-shared-res-ink: var(--lp-color-text);
    --lp-shared-res-ink-2: var(--lp-color-text-muted);
    --lp-shared-res-ink-3: var(--lp-color-text-muted);
    --lp-shared-res-ink-4: var(--lp-color-text-soft);
    --lp-shared-res-accent: #d4a017;
    --lp-shared-res-blue: #60b0e0;
    --lp-shared-res-green: #3a9e5f;
    --lp-shared-res-violet: #a07cd8;
    --lp-shared-res-grid-columns: repeat(3, minmax(0, 1fr));
    --lp-shared-res-card-header-padding: 20px 28px 18px;
    --lp-shared-res-body-padding: 24px 28px 26px;
    --lp-shared-res-title-margin: 0 0 11px;
    --lp-shared-res-title-size: 16px;
    --lp-shared-res-desc-size: 13px;
    --lp-shared-res-covers-gap: 7px;
    --lp-shared-res-covers-margin: 18px 0 0;
    --lp-shared-res-cover-size: 12px;
    --lp-shared-res-footer-margin: 22px;
    --lp-shared-res-footer-padding: 18px;
    --lp-shared-res-bottom-padding: 16px 28px;
}

.lp-documents-resources {
    --lp-shared-res-card: var(--lp-panel-bg-strong);
    --lp-shared-res-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-res-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-res-rule: var(--lp-panel-border);
    --lp-shared-res-rule-strong: var(--lp-ghost-border);
    --lp-shared-res-ink: var(--lp-color-text);
    --lp-shared-res-ink-2: var(--lp-color-text-muted);
    --lp-shared-res-ink-3: var(--lp-color-text-muted);
    --lp-shared-res-ink-4: var(--lp-color-text-soft);
    --lp-shared-res-accent: #d4a017;
    --lp-shared-res-blue: #60b0e0;
    --lp-shared-res-green: #3a9e5f;
    --lp-shared-res-violet: #a07cd8;
    --lp-shared-res-grid-columns: repeat(4, minmax(0, 1fr));
    --lp-shared-res-card-header-padding: 20px 22px 18px;
    --lp-shared-res-body-padding: 20px 22px 22px;
    --lp-shared-res-title-margin: 0 0 10px;
    --lp-shared-res-title-size: 15px;
    --lp-shared-res-desc-size: 12.5px;
    --lp-shared-res-covers-gap: 6px;
    --lp-shared-res-covers-margin: 16px 0 0;
    --lp-shared-res-cover-size: 11.5px;
    --lp-shared-res-footer-margin: 20px;
    --lp-shared-res-footer-padding: 16px;
    --lp-shared-res-bottom-padding: 16px 28px;
}

.lp-remedials-resources {
    --lp-shared-res-card: var(--lp-panel-bg-strong);
    --lp-shared-res-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-res-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-res-rule: var(--lp-panel-border);
    --lp-shared-res-rule-strong: var(--lp-ghost-border);
    --lp-shared-res-ink: var(--lp-color-text);
    --lp-shared-res-ink-2: var(--lp-color-text-muted);
    --lp-shared-res-ink-3: var(--lp-color-text-muted);
    --lp-shared-res-ink-4: var(--lp-color-text-soft);
    --lp-shared-res-accent: #d4a017;
    --lp-shared-res-blue: #60b0e0;
    --lp-shared-res-green: #3a9e5f;
    --lp-shared-res-grid-columns: repeat(3, minmax(0, 1fr));
    --lp-shared-res-card-header-padding: 20px 28px 18px;
    --lp-shared-res-body-padding: 24px 28px 26px;
    --lp-shared-res-title-margin: 0 0 11px;
    --lp-shared-res-title-size: 16px;
    --lp-shared-res-desc-size: 13px;
    --lp-shared-res-covers-gap: 7px;
    --lp-shared-res-covers-margin: 18px 0 0;
    --lp-shared-res-cover-size: 12px;
    --lp-shared-res-footer-margin: 22px;
    --lp-shared-res-footer-padding: 18px;
    --lp-shared-res-bottom-padding: 16px 28px;
}

:is(.lp-integrations-resources, .lp-portal-resources, .lp-documents-resources, .lp-remedials-resources) {
    color: var(--lp-shared-res-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:is(.lp-integrations-resources__eyebrow, .lp-portal-resources__eyebrow, .lp-documents-resources__eyebrow, .lp-remedials-resources__eyebrow) {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

:is(.lp-integrations-resources__eyebrow-dot, .lp-portal-resources__eyebrow-dot, .lp-documents-resources__eyebrow-dot, .lp-remedials-resources__eyebrow-dot) {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-shared-res-accent);
}

:is(.lp-integrations-resources__eyebrow-text, .lp-portal-resources__eyebrow-text, .lp-documents-resources__eyebrow-text, .lp-remedials-resources__eyebrow-text) {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-shared-res-ink-3);
}

:is(.lp-integrations-resources__header, .lp-portal-resources__header, .lp-documents-resources__header) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

:is(.lp-integrations-resources__header h2, .lp-portal-resources__header h2, .lp-documents-resources__header h2, .lp-remedials-resources__header h2) {
    margin: 0;
    color: var(--lp-shared-res-ink);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

:is(.lp-integrations-resources__header h2, .lp-portal-resources__header h2, .lp-documents-resources__header h2) {
    max-width: 860px;
}

:is(.lp-integrations-resources__header h2 span, .lp-portal-resources__header h2 span, .lp-documents-resources__header h2 span, .lp-remedials-resources__header h2 span) {
    color: var(--lp-shared-res-accent);
}

:is(.lp-integrations-resources__header p, .lp-portal-resources__header p, .lp-documents-resources__header p) {
    margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-shared-res-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-remedials-resources__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    margin: 0 0 52px;
}

.lp-remedials-resources__header p {
    margin: 0;
    max-width: 280px;
    text-align: right;
    color: var(--lp-shared-res-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

:is(.lp-portal-resources__grid, .lp-documents-resources__grid, .lp-remedials-resources__grid) {
    display: grid;
    grid-template-columns: var(--lp-shared-res-grid-columns);
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--lp-shared-res-rule-strong);
    border-radius: 12px 12px 0 0;
    background: var(--lp-shared-res-rule);
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card) {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 100%;
    background: var(--lp-shared-res-card);
    color: inherit;
    text-decoration: none;
    transition: background 180ms ease;
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card):hover,
:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card):focus-visible {
    background: var(--lp-shared-res-card-hover);
    outline: none;
}

:is(.lp-integrations-resources__card-header, .lp-portal-resources__card-header, .lp-documents-resources__card-header, .lp-remedials-resources__card-header, .lp-builder-resources__card-header, .lp-inspection-resources__card-header) {
    display: flex;
    align-items: var(--lp-shared-res-card-header-align, center);
    justify-content: space-between;
    gap: 10px;
    height: var(--lp-shared-res-card-header-height, 80px);
    padding: var(--lp-shared-res-card-header-padding);
    border-bottom: var(--lp-shared-res-card-header-border, 1px solid var(--lp-shared-res-rule));
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-amber :is(.lp-integrations-resources__card-header, .lp-portal-resources__card-header, .lp-documents-resources__card-header, .lp-remedials-resources__card-header, .lp-builder-resources__card-header, .lp-inspection-resources__card-header) {
    background: rgba(212, 160, 23, 0.07);
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-blue :is(.lp-integrations-resources__card-header, .lp-portal-resources__card-header, .lp-documents-resources__card-header, .lp-remedials-resources__card-header, .lp-builder-resources__card-header, .lp-inspection-resources__card-header) {
    background: rgba(96, 176, 224, 0.07);
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-green :is(.lp-integrations-resources__card-header, .lp-portal-resources__card-header, .lp-documents-resources__card-header, .lp-remedials-resources__card-header, .lp-builder-resources__card-header, .lp-inspection-resources__card-header) {
    background: rgba(58, 158, 95, 0.07);
}

.lp-documents-resources__card.is-violet .lp-documents-resources__card-header {
    background: rgba(160, 124, 216, 0.07);
}

:is(.lp-builder-resources__card, .lp-inspection-resources__card).is-violet :is(.lp-builder-resources__card-header, .lp-inspection-resources__card-header) {
    background: rgba(160, 124, 216, 0.07);
}

.lp-integrations-resources__card.is-purple .lp-integrations-resources__card-header {
    background: rgba(160, 124, 216, 0.07);
}

:is(.lp-portal-resources__icon-box, .lp-documents-resources__icon-box, .lp-remedials-resources__icon-box) {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 9px;
}

:is(.lp-builder-resources__icon-box, .lp-inspection-resources__icon-box) {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 9px;
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-amber :is(.lp-integrations-resources__icon-box, .lp-portal-resources__icon-box, .lp-documents-resources__icon-box, .lp-remedials-resources__icon-box, .lp-builder-resources__icon-box, .lp-inspection-resources__icon-box) {
    background: rgba(212, 160, 23, 0.13);
    border: 1px solid rgba(212, 160, 23, 0.25);
    color: var(--lp-shared-res-accent);
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-blue :is(.lp-integrations-resources__icon-box, .lp-portal-resources__icon-box, .lp-documents-resources__icon-box, .lp-remedials-resources__icon-box, .lp-builder-resources__icon-box, .lp-inspection-resources__icon-box) {
    background: rgba(96, 176, 224, 0.12);
    border: 1px solid rgba(96, 176, 224, 0.25);
    color: var(--lp-shared-res-blue);
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-green :is(.lp-integrations-resources__icon-box, .lp-portal-resources__icon-box, .lp-documents-resources__icon-box, .lp-remedials-resources__icon-box, .lp-builder-resources__icon-box, .lp-inspection-resources__icon-box) {
    background: rgba(58, 158, 95, 0.12);
    border: 1px solid rgba(58, 158, 95, 0.25);
    color: var(--lp-shared-res-green);
}

.lp-documents-resources__card.is-violet .lp-documents-resources__icon-box {
    background: rgba(160, 124, 216, 0.12);
    border: 1px solid rgba(160, 124, 216, 0.25);
    color: var(--lp-shared-res-violet);
}

:is(.lp-builder-resources__card, .lp-inspection-resources__card).is-violet :is(.lp-builder-resources__icon-box, .lp-inspection-resources__icon-box) {
    background: rgba(160, 124, 216, 0.12);
    border: 1px solid rgba(160, 124, 216, 0.25);
    color: var(--lp-shared-res-violet);
}

.lp-integrations-resources__card.is-purple .lp-integrations-resources__icon-box {
    background: rgba(160, 124, 216, 0.12);
    border: 1px solid rgba(160, 124, 216, 0.25);
    color: var(--lp-shared-res-violet);
}

:is(.lp-integrations-resources__icon-box svg, .lp-portal-resources__icon-box svg, .lp-documents-resources__icon-box svg, .lp-remedials-resources__icon-box svg) {
width: 19px;
    height: 19px;
}

:is(.lp-builder-resources__icon-box svg, .lp-inspection-resources__icon-box svg) {
width: 19px;
    height: 19px;
}

:is(.lp-integrations-resources__card-meta, .lp-portal-resources__card-meta, .lp-documents-resources__card-meta, .lp-remedials-resources__card-meta, .lp-builder-resources__card-meta, .lp-inspection-resources__card-meta) {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--lp-shared-res-meta-gap, 5px);
}

:is(.lp-integrations-resources__type, .lp-portal-resources__type, .lp-documents-resources__type, .lp-remedials-resources__type, .lp-builder-resources__type, .lp-inspection-resources__type) {
    padding: var(--lp-shared-res-type-padding, 3px 8px);
    border-radius: 999px;
    font-size: var(--lp-shared-res-type-size, 9px);
    font-weight: 500;
    letter-spacing: var(--lp-shared-res-type-letter-spacing, 0.07em);
    line-height: var(--lp-shared-res-type-line-height, normal);
    text-transform: uppercase;
    white-space: nowrap;
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-amber :is(.lp-integrations-resources__type, .lp-portal-resources__type, .lp-documents-resources__type, .lp-remedials-resources__type, .lp-builder-resources__type, .lp-inspection-resources__type) {
    color: var(--lp-shared-res-accent);
    background: rgba(212, 160, 23, 0.12);
    border: 1px solid rgba(212, 160, 23, 0.25);
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-blue :is(.lp-integrations-resources__type, .lp-portal-resources__type, .lp-documents-resources__type, .lp-remedials-resources__type, .lp-builder-resources__type, .lp-inspection-resources__type) {
    color: var(--lp-shared-res-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.25);
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-green :is(.lp-integrations-resources__type, .lp-portal-resources__type, .lp-documents-resources__type, .lp-remedials-resources__type, .lp-builder-resources__type, .lp-inspection-resources__type) {
    color: var(--lp-shared-res-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.25);
}

.lp-documents-resources__card.is-violet .lp-documents-resources__type {
    color: var(--lp-shared-res-violet);
    background: rgba(160, 124, 216, 0.1);
    border: 1px solid rgba(160, 124, 216, 0.25);
}

:is(.lp-builder-resources__card, .lp-inspection-resources__card).is-violet :is(.lp-builder-resources__type, .lp-inspection-resources__type) {
    color: var(--lp-shared-res-violet);
    background: rgba(160, 124, 216, 0.1);
    border: 1px solid rgba(160, 124, 216, 0.25);
}

.lp-integrations-resources__card.is-purple .lp-integrations-resources__type {
    color: var(--lp-shared-res-violet);
    background: rgba(160, 124, 216, 0.1);
    border: 1px solid rgba(160, 124, 216, 0.25);
}

:is(.lp-integrations-resources__read-time, .lp-portal-resources__read-time, .lp-documents-resources__read-time, .lp-remedials-resources__read-time, .lp-builder-resources__read-time, .lp-inspection-resources__read-time) {
    color: var(--lp-shared-res-ink-4);
    font-size: 10.5px;
    font-weight: 300;
}

:is(.lp-integrations-resources__body, .lp-portal-resources__body, .lp-documents-resources__body, .lp-remedials-resources__body, .lp-builder-resources__body, .lp-inspection-resources__body) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: var(--lp-shared-res-body-padding);
}

:is(.lp-integrations-resources__title, .lp-portal-resources__title, .lp-documents-resources__title, .lp-remedials-resources__title, .lp-builder-resources__title, .lp-inspection-resources__title) {
    margin: var(--lp-shared-res-title-margin);
    color: var(--lp-shared-res-ink);
    font-size: var(--lp-shared-res-title-size);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

:is(.lp-integrations-resources__desc, .lp-portal-resources__desc, .lp-documents-resources__desc, .lp-remedials-resources__desc, .lp-builder-resources__desc, .lp-inspection-resources__desc) {
    flex: 1 1 auto;
    margin: 0;
    color: var(--lp-shared-res-ink-3);
    font-size: var(--lp-shared-res-desc-size);
    font-weight: 300;
    line-height: 1.65;
}

:is(.lp-integrations-resources__covers, .lp-portal-resources__covers, .lp-documents-resources__covers, .lp-remedials-resources__covers, .lp-builder-resources__covers, .lp-inspection-resources__covers) {
    display: flex;
    flex-direction: column;
    gap: var(--lp-shared-res-covers-gap);
    margin: var(--lp-shared-res-covers-margin);
    padding: 0;
    list-style: none;
}

:is(.lp-integrations-resources__covers li, .lp-portal-resources__covers li, .lp-documents-resources__covers li, .lp-remedials-resources__covers li, .lp-builder-resources__covers li, .lp-inspection-resources__covers li) {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--lp-shared-res-ink-4);
    font-size: var(--lp-shared-res-cover-size);
    font-weight: 300;
    line-height: 1.4;
}

:is(.lp-integrations-resources__covers li, .lp-portal-resources__covers li, .lp-documents-resources__covers li, .lp-remedials-resources__covers li, .lp-builder-resources__covers li, .lp-inspection-resources__covers li)::before {
    content: "";
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 4.5,8.5 10,3.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

:is(.lp-integrations-resources__footer, .lp-portal-resources__footer, .lp-documents-resources__footer, .lp-remedials-resources__footer, .lp-builder-resources__footer, .lp-inspection-resources__footer) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: var(--lp-shared-res-footer-margin);
    padding-top: var(--lp-shared-res-footer-padding);
    gap: var(--lp-shared-res-footer-gap, 0);
    border-top: var(--lp-shared-res-footer-border, 1px solid var(--lp-shared-res-rule));
}

:is(.lp-integrations-resources__cta-text, .lp-portal-resources__cta-text, .lp-documents-resources__cta-text, .lp-remedials-resources__cta-text, .lp-builder-resources__cta-text, .lp-inspection-resources__cta-text) {
    color: var(--lp-shared-res-ink-4);
    font-size: 12px;
    font-weight: 500;
    transition: color 180ms ease;
}

:is(.lp-integrations-resources__cta-arrow, .lp-portal-resources__cta-arrow, .lp-documents-resources__cta-arrow, .lp-remedials-resources__cta-arrow, .lp-builder-resources__cta-arrow, .lp-inspection-resources__cta-arrow) {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: var(--lp-shared-res-ink-4);
    transition: color 180ms ease, transform 180ms ease;
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-amber:hover :is(.lp-integrations-resources__cta-text, .lp-integrations-resources__cta-arrow, .lp-portal-resources__cta-text, .lp-portal-resources__cta-arrow, .lp-documents-resources__cta-text, .lp-documents-resources__cta-arrow, .lp-remedials-resources__cta-text, .lp-remedials-resources__cta-arrow, .lp-builder-resources__cta-text, .lp-builder-resources__cta-arrow, .lp-inspection-resources__cta-text, .lp-inspection-resources__cta-arrow),
:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-amber:focus-visible :is(.lp-integrations-resources__cta-text, .lp-integrations-resources__cta-arrow, .lp-portal-resources__cta-text, .lp-portal-resources__cta-arrow, .lp-documents-resources__cta-text, .lp-documents-resources__cta-arrow, .lp-remedials-resources__cta-text, .lp-remedials-resources__cta-arrow, .lp-builder-resources__cta-text, .lp-builder-resources__cta-arrow, .lp-inspection-resources__cta-text, .lp-inspection-resources__cta-arrow) {
    color: var(--lp-shared-res-accent);
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-blue:hover :is(.lp-integrations-resources__cta-text, .lp-integrations-resources__cta-arrow, .lp-portal-resources__cta-text, .lp-portal-resources__cta-arrow, .lp-documents-resources__cta-text, .lp-documents-resources__cta-arrow, .lp-remedials-resources__cta-text, .lp-remedials-resources__cta-arrow, .lp-builder-resources__cta-text, .lp-builder-resources__cta-arrow, .lp-inspection-resources__cta-text, .lp-inspection-resources__cta-arrow),
:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-blue:focus-visible :is(.lp-integrations-resources__cta-text, .lp-integrations-resources__cta-arrow, .lp-portal-resources__cta-text, .lp-portal-resources__cta-arrow, .lp-documents-resources__cta-text, .lp-documents-resources__cta-arrow, .lp-remedials-resources__cta-text, .lp-remedials-resources__cta-arrow, .lp-builder-resources__cta-text, .lp-builder-resources__cta-arrow, .lp-inspection-resources__cta-text, .lp-inspection-resources__cta-arrow) {
    color: var(--lp-shared-res-blue);
}

:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-green:hover :is(.lp-integrations-resources__cta-text, .lp-integrations-resources__cta-arrow, .lp-portal-resources__cta-text, .lp-portal-resources__cta-arrow, .lp-documents-resources__cta-text, .lp-documents-resources__cta-arrow, .lp-remedials-resources__cta-text, .lp-remedials-resources__cta-arrow, .lp-builder-resources__cta-text, .lp-builder-resources__cta-arrow, .lp-inspection-resources__cta-text, .lp-inspection-resources__cta-arrow),
:is(.lp-integrations-resources__card, .lp-portal-resources__card, .lp-documents-resources__card, .lp-remedials-resources__card, .lp-builder-resources__card, .lp-inspection-resources__card).is-green:focus-visible :is(.lp-integrations-resources__cta-text, .lp-integrations-resources__cta-arrow, .lp-portal-resources__cta-text, .lp-portal-resources__cta-arrow, .lp-documents-resources__cta-text, .lp-documents-resources__cta-arrow, .lp-remedials-resources__cta-text, .lp-remedials-resources__cta-arrow, .lp-builder-resources__cta-text, .lp-builder-resources__cta-arrow, .lp-inspection-resources__cta-text, .lp-inspection-resources__cta-arrow) {
    color: var(--lp-shared-res-green);
}

.lp-documents-resources__card.is-violet:hover :is(.lp-documents-resources__cta-text, .lp-documents-resources__cta-arrow),
.lp-documents-resources__card.is-violet:focus-visible :is(.lp-documents-resources__cta-text, .lp-documents-resources__cta-arrow) {
    color: var(--lp-shared-res-violet);
}

:is(.lp-builder-resources__card, .lp-inspection-resources__card).is-violet:hover :is(.lp-builder-resources__cta-text, .lp-builder-resources__cta-arrow, .lp-inspection-resources__cta-text, .lp-inspection-resources__cta-arrow),
:is(.lp-builder-resources__card, .lp-inspection-resources__card).is-violet:focus-visible :is(.lp-builder-resources__cta-text, .lp-builder-resources__cta-arrow, .lp-inspection-resources__cta-text, .lp-inspection-resources__cta-arrow) {
    color: var(--lp-shared-res-violet);
}

.lp-integrations-resources__card.is-purple:hover :is(.lp-integrations-resources__cta-text, .lp-integrations-resources__cta-arrow),
.lp-integrations-resources__card.is-purple:focus-visible :is(.lp-integrations-resources__cta-text, .lp-integrations-resources__cta-arrow) {
    color: var(--lp-shared-res-violet);
}

:is(.lp-integrations-resources__card:hover .lp-integrations-resources__cta-arrow, .lp-integrations-resources__card:focus-visible .lp-integrations-resources__cta-arrow, .lp-portal-resources__card:hover .lp-portal-resources__cta-arrow, .lp-portal-resources__card:focus-visible .lp-portal-resources__cta-arrow, .lp-documents-resources__card:hover .lp-documents-resources__cta-arrow, .lp-documents-resources__card:focus-visible .lp-documents-resources__cta-arrow, .lp-remedials-resources__card:hover .lp-remedials-resources__cta-arrow, .lp-remedials-resources__card:focus-visible .lp-remedials-resources__cta-arrow, .lp-builder-resources__card:hover .lp-builder-resources__cta-arrow, .lp-builder-resources__card:focus-visible .lp-builder-resources__cta-arrow, .lp-inspection-resources__card:hover .lp-inspection-resources__cta-arrow, .lp-inspection-resources__card:focus-visible .lp-inspection-resources__cta-arrow) {
    transform: translate(3px, -3px);
}

:is(.lp-portal-resources__bottom, .lp-documents-resources__bottom, .lp-remedials-resources__bottom) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: var(--lp-shared-res-bottom-padding);
    border: 1px solid var(--lp-shared-res-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-shared-res-inset);
}

:is(.lp-portal-resources__bottom-note, .lp-documents-resources__bottom-note, .lp-remedials-resources__bottom-note) {
    margin: 0;
    color: var(--lp-shared-res-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

:is(.lp-portal-resources__bottom-link, .lp-documents-resources__bottom-link, .lp-remedials-resources__bottom-link) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-shared-res-rule-strong);
    border-radius: 6px;
    color: var(--lp-shared-res-ink-3);
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

:is(.lp-portal-resources__bottom-link svg, .lp-documents-resources__bottom-link svg, .lp-remedials-resources__bottom-link svg) {
    width: 12px;
    height: 12px;
}

:is(.lp-portal-resources__bottom-link, .lp-documents-resources__bottom-link, .lp-remedials-resources__bottom-link):hover,
:is(.lp-portal-resources__bottom-link, .lp-documents-resources__bottom-link, .lp-remedials-resources__bottom-link):focus-visible {
    color: var(--lp-shared-res-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}





.lp-section--portal-use-cases {
background: transparent;
}

.lp-portal-use-cases {
--lp-portal-uc-card: var(--lp-panel-bg-strong);
    --lp-portal-uc-card-hover: var(--lp-panel-hover-strong);
    --lp-portal-uc-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-portal-uc-rule: var(--lp-panel-border);
    --lp-portal-uc-rule-strong: var(--lp-ghost-border);
    --lp-portal-uc-ink: var(--lp-color-text);
    --lp-portal-uc-ink-2: var(--lp-color-text-muted);
    --lp-portal-uc-ink-3: var(--lp-color-text-muted);
    --lp-portal-uc-ink-4: var(--lp-color-text-soft);
    --lp-portal-uc-accent: #d4a017;
    color: var(--lp-portal-uc-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-portal-use-cases__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

.lp-portal-use-cases__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-portal-uc-accent);
}

.lp-portal-use-cases__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-portal-uc-ink-3);
}

.lp-portal-use-cases__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

.lp-portal-use-cases__header h2 {
margin: 0;
    max-width: 860px;
    color: var(--lp-portal-uc-ink);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-portal-use-cases__header h2 span,
.lp-portal-use-cases__title span {
color: var(--lp-portal-uc-accent);
}

.lp-portal-use-cases__header p {
margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-portal-uc-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-portal-use-cases__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-portal-uc-rule);
    border: 1px solid var(--lp-portal-uc-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-portal-use-cases__card {
position: relative;
    display: flex;
    flex-direction: column;
    padding: 36px 32px 32px;
    background: var(--lp-portal-uc-card);
    color: inherit;
    text-decoration: none;
    transition: background 180ms ease;
}

.lp-portal-use-cases__card:hover,
.lp-portal-use-cases__card:focus-visible {
background: var(--lp-portal-uc-card-hover);
    outline: none;
}

.lp-portal-use-cases__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-portal-uc-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-portal-use-cases__card:hover::after,
.lp-portal-use-cases__card:focus-visible::after {
transform: scaleX(1);
}

.lp-portal-use-cases__number {
position: absolute;
    top: 32px;
    right: 32px;
    color: var(--lp-portal-uc-ink-4);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.04em;
}

.lp-portal-use-cases__icon-box {
width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border: 1px solid var(--lp-portal-uc-rule);
    border-radius: 9px;
    background: var(--lp-portal-uc-inset);
    transition: border-color 180ms ease, background 180ms ease;
}

.lp-portal-use-cases__card:hover .lp-portal-use-cases__icon-box,
.lp-portal-use-cases__card:focus-visible .lp-portal-use-cases__icon-box {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.07);
}

.lp-portal-use-cases__icon-box svg {
width: 20px;
    height: 20px;
    color: var(--lp-portal-uc-ink-3);
    transition: color 180ms ease;
}

.lp-portal-use-cases__card:hover .lp-portal-use-cases__icon-box svg,
.lp-portal-use-cases__card:focus-visible .lp-portal-use-cases__icon-box svg {
color: var(--lp-portal-uc-accent);
}

.lp-portal-use-cases__label {
margin: 0 0 8px;
    color: var(--lp-portal-uc-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-portal-use-cases__title {
margin: 0 0 12px;
    color: var(--lp-portal-uc-ink);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-portal-use-cases__desc {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-portal-uc-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-portal-use-cases__why-box {
margin-top: 22px;
    padding: 14px 16px;
    border: 1px solid var(--lp-portal-uc-rule);
    border-radius: 7px;
    background: var(--lp-portal-uc-inset);
    transition: border-color 180ms ease;
}

.lp-portal-use-cases__card:hover .lp-portal-use-cases__why-box,
.lp-portal-use-cases__card:focus-visible .lp-portal-use-cases__why-box {
border-color: var(--lp-portal-uc-rule-strong);
}

.lp-portal-use-cases__why-label {
margin: 0 0 6px;
    color: var(--lp-portal-uc-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-portal-use-cases__why-text {
margin: 0;
    color: var(--lp-portal-uc-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-portal-use-cases__tags {
display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 18px;
}

.lp-portal-use-cases__tag {
padding: 3px 9px;
    border: 1px solid var(--lp-portal-uc-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-portal-uc-ink-4);
    font-size: 10.5px;
    font-weight: 400;
    transition: color 180ms ease, border-color 180ms ease;
}

.lp-portal-use-cases__card:hover .lp-portal-use-cases__tag,
.lp-portal-use-cases__card:focus-visible .lp-portal-use-cases__tag {
color: var(--lp-portal-uc-ink-3);
    border-color: var(--lp-portal-uc-rule-strong);
}

.lp-portal-use-cases__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--lp-portal-uc-rule);
    transition: border-color 180ms ease;
}

.lp-portal-use-cases__card:hover .lp-portal-use-cases__footer,
.lp-portal-use-cases__card:focus-visible .lp-portal-use-cases__footer {
border-color: var(--lp-portal-uc-rule-strong);
}

.lp-portal-use-cases__cta {
color: var(--lp-portal-uc-ink-4);
    font-size: 12.5px;
    font-weight: 500;
    transition: color 180ms ease;
}

.lp-portal-use-cases__arrow {
width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: var(--lp-portal-uc-ink-4);
    transition: color 180ms ease, transform 180ms ease;
}

.lp-portal-use-cases__card:hover :is(.lp-portal-use-cases__cta, .lp-portal-use-cases__arrow),
.lp-portal-use-cases__card:focus-visible :is(.lp-portal-use-cases__cta, .lp-portal-use-cases__arrow) {
color: var(--lp-portal-uc-accent);
}

.lp-portal-use-cases__card:hover .lp-portal-use-cases__arrow,
.lp-portal-use-cases__card:focus-visible .lp-portal-use-cases__arrow {
transform: translate(3px, -3px);
}

.lp-portal-use-cases__bottom {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.lp-portal-use-cases__bottom-note {
margin: 0;
    color: var(--lp-portal-uc-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-portal-use-cases__bottom-links {
display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lp-portal-use-cases__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-portal-uc-rule-strong);
    border-radius: 6px;
    color: var(--lp-portal-uc-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-portal-use-cases__bottom-link:hover,
.lp-portal-use-cases__bottom-link:focus-visible {
color: var(--lp-portal-uc-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-portal-use-cases__bottom-link svg {
width: 12px;
    height: 12px;
}





.lp-section--documents-capabilities {
background: transparent;
}

.lp-documents-capabilities {
--lp-documents-cap-card: var(--lp-panel-bg-strong);
    --lp-documents-cap-card-hover: var(--lp-panel-hover-strong);
    --lp-documents-cap-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-documents-cap-rule: var(--lp-panel-border);
    --lp-documents-cap-rule-strong: var(--lp-ghost-border);
    --lp-documents-cap-ink: var(--lp-color-text);
    --lp-documents-cap-ink-2: var(--lp-color-text-muted);
    --lp-documents-cap-ink-3: var(--lp-color-text-muted);
    --lp-documents-cap-ink-4: var(--lp-color-text-soft);
    --lp-documents-cap-accent: #d4a017;
    --lp-documents-cap-green: #3a9e5f;
    --lp-documents-cap-blue: #60b0e0;
    color: var(--lp-documents-cap-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-documents-capabilities__title span {
color: var(--lp-documents-cap-accent);
}

.lp-documents-capabilities__grid {
display: flex;
    flex-wrap: wrap;
    gap: 1px;
    background: var(--lp-documents-cap-rule);
    border: 1px solid var(--lp-documents-cap-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-documents-capabilities__card {
position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(25% - 1px);
    min-width: 220px;
    overflow: hidden;
    background: var(--lp-documents-cap-card);
    transition: background 180ms ease;
}

.lp-documents-capabilities__card:hover,
.lp-documents-capabilities__card:focus-within {
background: var(--lp-documents-cap-card-hover);
}

.lp-documents-capabilities__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-documents-cap-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-documents-capabilities__card:hover::after,
.lp-documents-capabilities__card:focus-within::after {
transform: scaleX(1);
}

.lp-documents-capabilities__visual {
display: flex;
    flex-direction: column;
    gap: 5px;
    height: 196px;
    padding: 18px 20px 16px;
    overflow: hidden;
    background: var(--lp-documents-cap-inset);
    border-bottom: 1px solid var(--lp-documents-cap-rule);
    transition: border-color 180ms ease;
}

.lp-documents-capabilities__card:hover .lp-documents-capabilities__visual,
.lp-documents-capabilities__card:focus-within .lp-documents-capabilities__visual {
border-color: var(--lp-documents-cap-rule-strong);
}

.lp-documents-capabilities__visual-label {
margin: 0 0 4px;
    color: var(--lp-documents-cap-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-documents-capabilities__row {
display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--lp-documents-cap-rule);
    border-radius: 5px;
    background: var(--lp-documents-cap-card);
}

.lp-documents-capabilities__row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-documents-capabilities__row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-documents-capabilities__row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-documents-capabilities__dot.is-amber {
background: var(--lp-documents-cap-accent);
}

.lp-documents-capabilities__dot.is-green {
background: var(--lp-documents-cap-green);
}

.lp-documents-capabilities__dot.is-blue {
background: var(--lp-documents-cap-blue);
}

.lp-documents-capabilities__dot.is-grey {
background: var(--lp-documents-cap-ink-4);
}

.lp-documents-capabilities__text {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-documents-cap-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-documents-capabilities__value {
flex: 0 0 auto;
    color: var(--lp-documents-cap-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-documents-capabilities__pill {
flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 100px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-documents-capabilities__pill.is-amber {
color: var(--lp-documents-cap-accent);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid rgba(212, 160, 23, 0.22);
}

.lp-documents-capabilities__pill.is-green {
color: var(--lp-documents-cap-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.22);
}

.lp-documents-capabilities__pill.is-blue {
color: var(--lp-documents-cap-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.22);
}

.lp-documents-capabilities__pill.is-grey,
.lp-documents-capabilities__pill.is-muted {
color: var(--lp-documents-cap-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--lp-documents-cap-rule);
}

.lp-documents-capabilities__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 22px;
}

.lp-documents-capabilities__number {
margin: 0 0 7px;
    color: var(--lp-documents-cap-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-documents-capabilities__title {
margin: 0 0 10px;
    color: var(--lp-documents-cap-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-documents-capabilities__desc {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-documents-cap-ink-2);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-documents-capabilities__footer {
margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--lp-documents-cap-rule);
    transition: border-color 180ms ease;
}

.lp-documents-capabilities__card:hover .lp-documents-capabilities__footer,
.lp-documents-capabilities__card:focus-within .lp-documents-capabilities__footer {
border-color: var(--lp-documents-cap-rule-strong);
}

.lp-documents-capabilities__link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--lp-documents-cap-ink-4);
    font-size: 11.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-documents-capabilities__link:hover,
.lp-documents-capabilities__link:focus-visible {
color: var(--lp-documents-cap-accent);
    outline: none;
}

.lp-documents-capabilities__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-documents-cap-rule-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-documents-cap-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 180ms ease, border-color 180ms ease, background 180ms ease;
}

.lp-documents-capabilities__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-documents-capabilities__bottom-link:hover,
.lp-documents-capabilities__bottom-link:focus-visible {
background: var(--lp-panel-hover);
    border-color: var(--lp-ghost-border-hover);
    color: var(--lp-documents-cap-ink);
    outline: none;
}

.lp-section--documents-needs {
background: transparent;
}

.lp-section--documents-resources {
background: transparent;
}





.lp-section--documents-use-cases {
background: transparent;
}

.lp-documents-use-cases {
--lp-documents-uc-card: var(--lp-panel-bg-strong);
    --lp-documents-uc-card-hover: var(--lp-panel-hover-strong);
    --lp-documents-uc-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-documents-uc-rule: var(--lp-panel-border);
    --lp-documents-uc-rule-strong: var(--lp-ghost-border);
    --lp-documents-uc-ink: var(--lp-color-text);
    --lp-documents-uc-ink-2: var(--lp-color-text-muted);
    --lp-documents-uc-ink-3: var(--lp-color-text-muted);
    --lp-documents-uc-ink-4: var(--lp-color-text-soft);
    --lp-documents-uc-accent: #d4a017;
    color: var(--lp-documents-uc-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-documents-use-cases__title span {
color: var(--lp-documents-uc-accent);
}

.lp-documents-use-cases__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-documents-uc-rule);
    border: 1px solid var(--lp-documents-uc-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-documents-use-cases__card {
position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 36px 32px 32px;
    background: var(--lp-documents-uc-card);
    color: inherit;
    text-decoration: none;
    transition: background 180ms ease;
}

.lp-documents-use-cases__card:hover,
.lp-documents-use-cases__card:focus-visible {
background: var(--lp-documents-uc-card-hover);
}

.lp-documents-use-cases__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-documents-uc-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-documents-use-cases__card:hover::after,
.lp-documents-use-cases__card:focus-visible::after {
transform: scaleX(1);
}

.lp-documents-use-cases__number {
position: absolute;
    top: 32px;
    right: 32px;
    color: var(--lp-documents-uc-ink-4);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.04em;
}

.lp-documents-use-cases__icon-box {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 24px;
    border: 1px solid var(--lp-documents-uc-rule);
    border-radius: 9px;
    background: var(--lp-documents-uc-inset);
    transition: border-color 180ms ease, background 180ms ease;
}

.lp-documents-use-cases__card:hover .lp-documents-use-cases__icon-box,
.lp-documents-use-cases__card:focus-visible .lp-documents-use-cases__icon-box {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.07);
}

.lp-documents-use-cases__icon-box svg {
width: 20px;
    height: 20px;
    color: var(--lp-documents-uc-ink-3);
    transition: color 180ms ease;
}

.lp-documents-use-cases__card:hover .lp-documents-use-cases__icon-box svg,
.lp-documents-use-cases__card:focus-visible .lp-documents-use-cases__icon-box svg {
color: var(--lp-documents-uc-accent);
}

.lp-documents-use-cases__label {
margin: 0 0 8px;
    color: var(--lp-documents-uc-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-documents-use-cases__title {
margin: 0 0 12px;
    color: var(--lp-documents-uc-ink);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-documents-use-cases__desc {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-documents-uc-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-documents-use-cases__why-box {
margin-top: 22px;
    padding: 14px 16px;
    border: 1px solid var(--lp-documents-uc-rule);
    border-radius: 7px;
    background: var(--lp-documents-uc-inset);
    transition: border-color 180ms ease;
}

.lp-documents-use-cases__card:hover .lp-documents-use-cases__why-box,
.lp-documents-use-cases__card:focus-visible .lp-documents-use-cases__why-box {
border-color: var(--lp-documents-uc-rule-strong);
}

.lp-documents-use-cases__why-label {
margin: 0 0 6px;
    color: var(--lp-documents-uc-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-documents-use-cases__why-text {
margin: 0;
    color: var(--lp-documents-uc-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-documents-use-cases__tags {
display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 18px;
}

.lp-documents-use-cases__tag {
padding: 3px 9px;
    border: 1px solid var(--lp-documents-uc-rule);
    border-radius: 100px;
    background: var(--lp-panel-hover);
    color: var(--lp-documents-uc-ink-4);
    font-size: 10.5px;
    font-weight: 400;
    transition: color 180ms ease, border-color 180ms ease;
}

.lp-documents-use-cases__card:hover .lp-documents-use-cases__tag,
.lp-documents-use-cases__card:focus-visible .lp-documents-use-cases__tag {
color: var(--lp-documents-uc-ink-3);
    border-color: var(--lp-documents-uc-rule-strong);
}

.lp-documents-use-cases__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--lp-documents-uc-rule);
    transition: border-color 180ms ease;
}

.lp-documents-use-cases__card:hover .lp-documents-use-cases__footer,
.lp-documents-use-cases__card:focus-visible .lp-documents-use-cases__footer {
border-color: var(--lp-documents-uc-rule-strong);
}

.lp-documents-use-cases__cta {
color: var(--lp-documents-uc-ink-4);
    font-size: 12.5px;
    font-weight: 500;
    transition: color 180ms ease;
}

.lp-documents-use-cases__card:hover .lp-documents-use-cases__cta,
.lp-documents-use-cases__card:focus-visible .lp-documents-use-cases__cta {
color: var(--lp-documents-uc-accent);
}

.lp-documents-use-cases__arrow {
width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: var(--lp-documents-uc-ink-4);
    transition: color 180ms ease, transform 180ms ease;
}

.lp-documents-use-cases__card:hover .lp-documents-use-cases__arrow,
.lp-documents-use-cases__card:focus-visible .lp-documents-use-cases__arrow {
color: var(--lp-documents-uc-accent);
    transform: translate(3px, -3px);
}

.lp-documents-use-cases__bottom {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.lp-documents-use-cases__bottom-note {
margin: 0;
    color: var(--lp-documents-uc-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-documents-use-cases__bottom-links {
display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lp-documents-use-cases__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-documents-uc-rule-strong);
    border-radius: 6px;
    color: var(--lp-documents-uc-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-documents-use-cases__bottom-link:hover,
.lp-documents-use-cases__bottom-link:focus-visible {
color: var(--lp-documents-uc-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-documents-use-cases__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-remedials-why {
--lp-remedials-why-card: var(--lp-panel-bg-strong);
    --lp-remedials-why-card-hover: var(--lp-panel-hover-strong);
    --lp-remedials-why-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-remedials-why-rule: var(--lp-panel-border);
    --lp-remedials-why-rule-strong: var(--lp-ghost-border);
    --lp-remedials-why-ink: var(--lp-color-text);
    --lp-remedials-why-ink-2: var(--lp-color-text-muted);
    --lp-remedials-why-ink-3: var(--lp-color-text-muted);
    --lp-remedials-why-ink-4: var(--lp-color-text-soft);
    --lp-remedials-why-accent: #d4a017;
    --lp-remedials-why-green: #3a9e5f;
    --lp-remedials-why-blue: #60b0e0;
    --lp-remedials-why-red: #c0392b;
    color: var(--lp-remedials-why-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-remedials-why__title span {
color: var(--lp-remedials-why-accent);
}

.lp-remedials-why__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-remedials-why-rule);
    border: 1px solid var(--lp-remedials-why-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.lp-remedials-why__card {
position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-remedials-why-card);
    transition: background-color 180ms ease;
}

.lp-remedials-why__card:hover,
.lp-remedials-why__card:focus-within {
background: var(--lp-remedials-why-card-hover);
}

.lp-remedials-why__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-remedials-why-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-remedials-why__card:hover::after,
.lp-remedials-why__card:focus-within::after {
transform: scaleX(1);
}

.lp-remedials-why__visual {
display: flex;
    flex-direction: column;
    gap: 6px;
    height: 196px;
    padding: 22px 24px 20px;
    overflow: hidden;
    background: var(--lp-remedials-why-inset);
    border-bottom: 1px solid var(--lp-remedials-why-rule);
    transition: border-color 180ms ease;
}

.lp-remedials-why__card:hover .lp-remedials-why__visual,
.lp-remedials-why__card:focus-within .lp-remedials-why__visual {
border-color: var(--lp-remedials-why-rule-strong);
}

.lp-remedials-why__visual-label {
margin: 0 0 4px;
    color: var(--lp-remedials-why-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-remedials-why__ui-row {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid var(--lp-remedials-why-rule);
    border-radius: 5px;
    background: var(--lp-remedials-why-card);
}

.lp-remedials-why__ui-row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-remedials-why__ui-row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-remedials-why__ui-row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-remedials-why__ui-row.is-highlight-red {
border-color: rgba(192, 57, 43, 0.22);
    background: rgba(192, 57, 43, 0.08);
}

.lp-remedials-why__ui-dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
}

.lp-remedials-why__ui-dot.is-amber {
background: var(--lp-remedials-why-accent);
}

.lp-remedials-why__ui-dot.is-blue {
background: var(--lp-remedials-why-blue);
}

.lp-remedials-why__ui-dot.is-green {
background: var(--lp-remedials-why-green);
}

.lp-remedials-why__ui-dot.is-red {
background: var(--lp-remedials-why-red);
}

.lp-remedials-why__ui-dot.is-grey {
background: var(--lp-remedials-why-ink-4);
}

.lp-remedials-why__ui-label {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-remedials-why-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-remedials-why__ui-value {
flex: 0 0 auto;
    color: var(--lp-remedials-why-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-remedials-why__ui-tag {
flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-remedials-why__ui-tag.is-amber {
color: var(--lp-remedials-why-accent);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid rgba(212, 160, 23, 0.22);
}

.lp-remedials-why__ui-tag.is-blue {
color: var(--lp-remedials-why-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.22);
}

.lp-remedials-why__ui-tag.is-green {
color: var(--lp-remedials-why-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.22);
}

.lp-remedials-why__ui-tag.is-red {
color: #e05c4a;
    background: rgba(192, 57, 43, 0.12);
    border: 1px solid rgba(192, 57, 43, 0.25);
}

.lp-remedials-why__ui-tag.is-grey,
.lp-remedials-why__ui-tag.is-muted {
color: var(--lp-remedials-why-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--lp-remedials-why-rule);
}

.lp-remedials-why__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 26px 28px 28px;
}

.lp-remedials-why__number {
margin: 0 0 8px;
    color: var(--lp-remedials-why-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-remedials-why__title {
margin: 0 0 12px;
    color: var(--lp-remedials-why-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-remedials-why__desc {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-remedials-why-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-remedials-why__proof-list {
display: flex;
    flex-direction: column;
    gap: 7px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.lp-remedials-why__proof-list li {
display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--lp-remedials-why-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-remedials-why__proof-list li::before {
content: "";
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

.lp-remedials-why__card:hover .lp-remedials-why__proof-list li::before,
.lp-remedials-why__card:focus-within .lp-remedials-why__proof-list li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6.5 5,9.5 11,4'/%3E%3C/svg%3E");
}

.lp-remedials-why__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 28px;
    border: 1px solid var(--lp-remedials-why-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-remedials-why-inset);
}

.lp-remedials-why__footer-text {
margin: 0;
    color: var(--lp-remedials-why-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-remedials-why__footer-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-remedials-why-rule-strong);
    border-radius: 6px;
    color: var(--lp-remedials-why-ink-3);
    background: transparent;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-remedials-why__footer-link:hover,
.lp-remedials-why__footer-link:focus-visible {
color: var(--lp-remedials-why-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-remedials-why__footer-link svg {
width: 12px;
    height: 12px;
}





.lp-section--remedials-capabilities {
background: transparent;
}

.lp-remedials-capabilities {
--lp-remedials-cap-card: var(--lp-panel-bg-strong);
    --lp-remedials-cap-card-hover: var(--lp-panel-hover-strong);
    --lp-remedials-cap-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-remedials-cap-rule: var(--lp-panel-border);
    --lp-remedials-cap-rule-strong: var(--lp-ghost-border);
    --lp-remedials-cap-ink: var(--lp-color-text);
    --lp-remedials-cap-ink-2: var(--lp-color-text-muted);
    --lp-remedials-cap-ink-3: var(--lp-color-text-muted);
    --lp-remedials-cap-ink-4: var(--lp-color-text-soft);
    --lp-remedials-cap-accent: #d4a017;
    --lp-remedials-cap-green: #3a9e5f;
    --lp-remedials-cap-blue: #60b0e0;
    --lp-remedials-cap-red: #c0392b;
    color: var(--lp-remedials-cap-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-remedials-capabilities__title span {
color: var(--lp-remedials-cap-accent);
}

.lp-remedials-capabilities__grid {
display: flex;
    flex-wrap: wrap;
    gap: 1px;
    background: var(--lp-remedials-cap-rule);
    border: 1px solid var(--lp-remedials-cap-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-remedials-capabilities__card {
position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(25% - 1px);
    min-width: 220px;
    overflow: hidden;
    background: var(--lp-remedials-cap-card);
    transition: background 180ms ease;
}

.lp-remedials-capabilities__card:hover,
.lp-remedials-capabilities__card:focus-within {
background: var(--lp-remedials-cap-card-hover);
}

.lp-remedials-capabilities__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-remedials-cap-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-remedials-capabilities__card:hover::after,
.lp-remedials-capabilities__card:focus-within::after {
transform: scaleX(1);
}

.lp-remedials-capabilities__visual {
display: flex;
    flex-direction: column;
    gap: 5px;
    height: 196px;
    padding: 18px 20px 16px;
    overflow: hidden;
    background: var(--lp-remedials-cap-inset);
    border-bottom: 1px solid var(--lp-remedials-cap-rule);
    transition: border-color 180ms ease;
}

.lp-remedials-capabilities__card:hover .lp-remedials-capabilities__visual,
.lp-remedials-capabilities__card:focus-within .lp-remedials-capabilities__visual {
border-color: var(--lp-remedials-cap-rule-strong);
}

.lp-remedials-capabilities__visual-label {
margin: 0 0 4px;
    color: var(--lp-remedials-cap-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-remedials-capabilities__row {
display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--lp-remedials-cap-rule);
    border-radius: 5px;
    background: var(--lp-remedials-cap-card);
}

.lp-remedials-capabilities__row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-remedials-capabilities__row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-remedials-capabilities__row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-remedials-capabilities__row.is-highlight-red {
border-color: rgba(192, 57, 43, 0.22);
    background: rgba(192, 57, 43, 0.08);
}

.lp-remedials-capabilities__dot.is-amber {
background: var(--lp-remedials-cap-accent);
}

.lp-remedials-capabilities__dot.is-green {
background: var(--lp-remedials-cap-green);
}

.lp-remedials-capabilities__dot.is-blue {
background: var(--lp-remedials-cap-blue);
}

.lp-remedials-capabilities__dot.is-red {
background: var(--lp-remedials-cap-red);
}

.lp-remedials-capabilities__dot.is-grey {
background: var(--lp-remedials-cap-ink-4);
}

.lp-remedials-capabilities__text {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-remedials-cap-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-remedials-capabilities__value {
flex: 0 0 auto;
    color: var(--lp-remedials-cap-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-remedials-capabilities__pill {
flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 100px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-remedials-capabilities__pill.is-amber {
color: var(--lp-remedials-cap-accent);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid rgba(212, 160, 23, 0.22);
}

.lp-remedials-capabilities__pill.is-green {
color: var(--lp-remedials-cap-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.22);
}

.lp-remedials-capabilities__pill.is-blue {
color: var(--lp-remedials-cap-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.22);
}

.lp-remedials-capabilities__pill.is-red {
color: #e05c4a;
    background: rgba(192, 57, 43, 0.12);
    border: 1px solid rgba(192, 57, 43, 0.25);
}

.lp-remedials-capabilities__pill.is-grey,
.lp-remedials-capabilities__pill.is-muted {
color: var(--lp-remedials-cap-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--lp-remedials-cap-rule);
}

.lp-remedials-capabilities__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 22px;
}

.lp-remedials-capabilities__number {
margin: 0 0 7px;
    color: var(--lp-remedials-cap-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-remedials-capabilities__title {
margin: 0 0 10px;
    color: var(--lp-remedials-cap-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-remedials-capabilities__desc {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-remedials-cap-ink-2);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-remedials-capabilities__footer {
margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--lp-remedials-cap-rule);
    transition: border-color 180ms ease;
}

.lp-remedials-capabilities__card:hover .lp-remedials-capabilities__footer,
.lp-remedials-capabilities__card:focus-within .lp-remedials-capabilities__footer {
border-color: var(--lp-remedials-cap-rule-strong);
}

.lp-remedials-capabilities__link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--lp-remedials-cap-ink-4);
    font-size: 11.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-remedials-capabilities__link:hover,
.lp-remedials-capabilities__link:focus-visible {
color: var(--lp-remedials-cap-accent);
    outline: none;
}

.lp-remedials-capabilities__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-remedials-cap-rule-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-remedials-cap-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 180ms ease, border-color 180ms ease, background 180ms ease;
}

.lp-remedials-capabilities__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-remedials-capabilities__bottom-link:hover,
.lp-remedials-capabilities__bottom-link:focus-visible {
background: var(--lp-panel-hover);
    border-color: var(--lp-ghost-border-hover);
    color: var(--lp-remedials-cap-ink);
    outline: none;
}





.lp-section--remedials-needs {
background: transparent;
}





.lp-section--remedials-resources {
background: transparent;
}



.lp-section--remedials-use-cases {
background: transparent;
}

.lp-remedials-use-cases {
--lp-remedials-uc-card: var(--lp-panel-bg-strong);
    --lp-remedials-uc-card-hover: var(--lp-panel-hover-strong);
    --lp-remedials-uc-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-remedials-uc-rule: var(--lp-panel-border);
    --lp-remedials-uc-rule-strong: var(--lp-ghost-border);
    --lp-remedials-uc-ink: var(--lp-color-text);
    --lp-remedials-uc-ink-2: var(--lp-color-text-muted);
    --lp-remedials-uc-ink-3: var(--lp-color-text-muted);
    --lp-remedials-uc-ink-4: var(--lp-color-text-soft);
    --lp-remedials-uc-accent: #d4a017;
    color: var(--lp-remedials-uc-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-remedials-use-cases__title span {
color: var(--lp-remedials-uc-accent);
}

:is(.lp-remedials-why__eyebrow, .lp-remedials-capabilities__eyebrow, .lp-remedials-use-cases__eyebrow) {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

:is(.lp-remedials-why__eyebrow-dot, .lp-remedials-capabilities__eyebrow-dot, .lp-remedials-use-cases__eyebrow-dot) {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #d4a017;
}

:is(.lp-remedials-why__eyebrow-text, .lp-remedials-capabilities__eyebrow-text, .lp-remedials-use-cases__eyebrow-text) {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-color-text-muted);
}

.lp-remedials-why__header,
.lp-remedials-capabilities__header,
.lp-remedials-needs__header,
.lp-remedials-resources__header,
.lp-remedials-use-cases__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

.lp-remedials-why__header h2,
.lp-remedials-capabilities__header h2,
.lp-remedials-needs__header h2,
.lp-remedials-resources__header h2,
.lp-remedials-use-cases__header h2 {
margin: 0;
    max-width: 860px;
    color: var(--lp-color-text);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-remedials-why__header p,
.lp-remedials-capabilities__header p,
.lp-remedials-needs__header p,
.lp-remedials-resources__header p,
.lp-remedials-use-cases__header p {
margin: 0;
    max-width: none;
    text-align: right;
    color: var(--lp-color-text-muted);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

:is(.lp-remedials-why__header h2 span, .lp-remedials-capabilities__header h2 span, .lp-remedials-use-cases__header h2 span) {
color: #d4a017;
}



.lp-remedials-use-cases__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-remedials-uc-rule);
    border: 1px solid var(--lp-remedials-uc-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-remedials-use-cases__card {
position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 36px 32px 32px;
    background: var(--lp-remedials-uc-card);
    color: inherit;
    text-decoration: none;
    transition: background 180ms ease;
}

.lp-remedials-use-cases__card:hover,
.lp-remedials-use-cases__card:focus-visible {
background: var(--lp-remedials-uc-card-hover);
}

.lp-remedials-use-cases__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-remedials-uc-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-remedials-use-cases__card:hover::after,
.lp-remedials-use-cases__card:focus-visible::after {
transform: scaleX(1);
}

.lp-remedials-use-cases__number {
position: absolute;
    top: 32px;
    right: 32px;
    color: var(--lp-remedials-uc-ink-4);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.04em;
}

.lp-remedials-use-cases__icon-box {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 24px;
    border: 1px solid var(--lp-remedials-uc-rule);
    border-radius: 9px;
    background: var(--lp-remedials-uc-inset);
    transition: border-color 180ms ease, background 180ms ease;
}

.lp-remedials-use-cases__card:hover .lp-remedials-use-cases__icon-box,
.lp-remedials-use-cases__card:focus-visible .lp-remedials-use-cases__icon-box {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.07);
}

.lp-remedials-use-cases__icon-box svg {
width: 20px;
    height: 20px;
    color: var(--lp-remedials-uc-ink-3);
    transition: color 180ms ease;
}

.lp-remedials-use-cases__card:hover .lp-remedials-use-cases__icon-box svg,
.lp-remedials-use-cases__card:focus-visible .lp-remedials-use-cases__icon-box svg {
color: var(--lp-remedials-uc-accent);
}

.lp-remedials-use-cases__label {
margin: 0 0 8px;
    color: var(--lp-remedials-uc-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-remedials-use-cases__title {
margin: 0 0 12px;
    color: var(--lp-remedials-uc-ink);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-remedials-use-cases__desc {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-remedials-uc-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-remedials-use-cases__why-box {
margin-top: 22px;
    padding: 14px 16px;
    border: 1px solid var(--lp-remedials-uc-rule);
    border-radius: 7px;
    background: var(--lp-remedials-uc-inset);
    transition: border-color 180ms ease;
}

.lp-remedials-use-cases__card:hover .lp-remedials-use-cases__why-box,
.lp-remedials-use-cases__card:focus-visible .lp-remedials-use-cases__why-box {
border-color: var(--lp-remedials-uc-rule-strong);
}

.lp-remedials-use-cases__why-label {
margin: 0 0 6px;
    color: var(--lp-remedials-uc-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-remedials-use-cases__why-text {
margin: 0;
    color: var(--lp-remedials-uc-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-remedials-use-cases__tags {
display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 18px;
}

.lp-remedials-use-cases__tag {
padding: 3px 9px;
    border: 1px solid var(--lp-remedials-uc-rule);
    border-radius: 100px;
    background: var(--lp-panel-hover);
    color: var(--lp-remedials-uc-ink-4);
    font-size: 10.5px;
    font-weight: 400;
    transition: color 180ms ease, border-color 180ms ease;
}

.lp-remedials-use-cases__card:hover .lp-remedials-use-cases__tag,
.lp-remedials-use-cases__card:focus-visible .lp-remedials-use-cases__tag {
color: var(--lp-remedials-uc-ink-3);
    border-color: var(--lp-remedials-uc-rule-strong);
}

.lp-remedials-use-cases__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--lp-remedials-uc-rule);
    transition: border-color 180ms ease;
}

.lp-remedials-use-cases__card:hover .lp-remedials-use-cases__footer,
.lp-remedials-use-cases__card:focus-visible .lp-remedials-use-cases__footer {
border-color: var(--lp-remedials-uc-rule-strong);
}

.lp-remedials-use-cases__cta {
color: var(--lp-remedials-uc-ink-4);
    font-size: 12.5px;
    font-weight: 500;
    transition: color 180ms ease;
}

.lp-remedials-use-cases__arrow {
width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: var(--lp-remedials-uc-ink-4);
    transition: color 180ms ease, transform 180ms ease;
}

.lp-remedials-use-cases__card:hover :is(.lp-remedials-use-cases__cta, .lp-remedials-use-cases__arrow),
.lp-remedials-use-cases__card:focus-visible :is(.lp-remedials-use-cases__cta, .lp-remedials-use-cases__arrow) {
color: var(--lp-remedials-uc-accent);
}

.lp-remedials-use-cases__card:hover .lp-remedials-use-cases__arrow,
.lp-remedials-use-cases__card:focus-visible .lp-remedials-use-cases__arrow {
transform: translate(3px, -3px);
}

.lp-remedials-use-cases__bottom {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.lp-remedials-use-cases__bottom-note {
margin: 0;
    color: var(--lp-remedials-uc-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-remedials-use-cases__bottom-links {
display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lp-remedials-use-cases__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-remedials-uc-rule-strong);
    border-radius: 6px;
    color: var(--lp-remedials-uc-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-remedials-use-cases__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-remedials-use-cases__bottom-link:hover,
.lp-remedials-use-cases__bottom-link:focus-visible {
color: var(--lp-remedials-uc-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}





.lp-inspection-capabilities {
--lp-inspect-cap-card: var(--lp-panel-bg-strong);
    --lp-inspect-cap-card-hover: var(--lp-panel-hover-strong);
    --lp-inspect-cap-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-inspect-cap-rule: var(--lp-panel-border);
    --lp-inspect-cap-rule-strong: var(--lp-ghost-border);
    --lp-inspect-cap-ink: var(--lp-color-text);
    --lp-inspect-cap-ink-2: var(--lp-color-text-muted);
    --lp-inspect-cap-ink-3: var(--lp-color-text-muted);
    --lp-inspect-cap-ink-4: var(--lp-color-text-soft);
    --lp-inspect-cap-accent: #d4a017;
    --lp-inspect-cap-green: #3a9e5f;
    --lp-inspect-cap-blue: #60b0e0;
    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 860px;
    --lp-shared-section-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-section-header-line: 1.1;
    --lp-shared-section-header-track: -0.02em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.65;
    color: var(--lp-inspect-cap-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-section--builder-capabilities {
background: transparent;
}

.lp-builder-capabilities {
--lp-builder-cap-card: var(--lp-panel-bg-strong);
    --lp-builder-cap-card-hover: var(--lp-panel-hover-strong);
    --lp-builder-cap-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-builder-cap-rule: var(--lp-panel-border);
    --lp-builder-cap-rule-strong: var(--lp-ghost-border);
    --lp-builder-cap-ink: var(--lp-color-text);
    --lp-builder-cap-ink-2: var(--lp-color-text-muted);
    --lp-builder-cap-ink-3: var(--lp-color-text-muted);
    --lp-builder-cap-ink-4: var(--lp-color-text-soft);
    --lp-builder-cap-accent: #d4a017;
    --lp-builder-cap-green: #3a9e5f;
    --lp-builder-cap-blue: #60b0e0;
    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 860px;
    --lp-shared-section-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-section-header-line: 1.1;
    --lp-shared-section-header-track: -0.02em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.65;
    color: var(--lp-builder-cap-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-builder-capabilities__title span {
color: var(--lp-builder-cap-accent);
}

.lp-builder-capabilities__grid {
display: flex;
    flex-wrap: wrap;
    gap: 1px;
    background: var(--lp-builder-cap-rule);
    border: 1px solid var(--lp-builder-cap-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-builder-capabilities__card {
position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(25% - 1px);
    min-width: 220px;
    overflow: hidden;
    background: var(--lp-builder-cap-card);
    transition: background 180ms ease;
}

.lp-builder-capabilities__card:hover,
.lp-builder-capabilities__card:focus-within {
background: var(--lp-builder-cap-card-hover);
}

.lp-builder-capabilities__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-builder-cap-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-builder-capabilities__card:hover::after,
.lp-builder-capabilities__card:focus-within::after {
transform: scaleX(1);
}

.lp-builder-capabilities__visual {
display: flex;
    flex-direction: column;
    gap: 5px;
    height: 196px;
    padding: 18px 20px 16px;
    overflow: hidden;
    background: var(--lp-builder-cap-inset);
    border-bottom: 1px solid var(--lp-builder-cap-rule);
    transition: border-color 180ms ease;
}

.lp-builder-capabilities__card:hover .lp-builder-capabilities__visual,
.lp-builder-capabilities__card:focus-within .lp-builder-capabilities__visual {
border-color: var(--lp-builder-cap-rule-strong);
}

.lp-builder-capabilities__visual-label {
margin: 0 0 4px;
    color: var(--lp-builder-cap-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-builder-capabilities__row {
display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--lp-builder-cap-rule);
    border-radius: 5px;
    background: var(--lp-builder-cap-card);
}

.lp-builder-capabilities__row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-builder-capabilities__row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-builder-capabilities__row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-builder-capabilities__dot.is-amber {
background: var(--lp-builder-cap-accent);
}

.lp-builder-capabilities__dot.is-green {
background: var(--lp-builder-cap-green);
}

.lp-builder-capabilities__dot.is-blue {
background: var(--lp-builder-cap-blue);
}

.lp-builder-capabilities__dot.is-grey {
background: var(--lp-builder-cap-ink-4);
}

.lp-builder-capabilities__text {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-builder-cap-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-builder-capabilities__value {
flex: 0 0 auto;
    color: var(--lp-builder-cap-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-builder-capabilities__pill {
flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 100px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-builder-capabilities__pill.is-amber {
color: var(--lp-builder-cap-accent);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid rgba(212, 160, 23, 0.22);
}

.lp-builder-capabilities__pill.is-green {
color: var(--lp-builder-cap-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.22);
}

.lp-builder-capabilities__pill.is-blue {
color: var(--lp-builder-cap-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.22);
}

.lp-builder-capabilities__pill.is-grey {
color: var(--lp-builder-cap-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--lp-builder-cap-rule);
}

.lp-builder-capabilities__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 22px 22px 22px;
}

.lp-builder-capabilities__number {
margin: 0 0 7px;
    color: var(--lp-builder-cap-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-builder-capabilities__title {
margin: 0 0 10px;
    color: var(--lp-builder-cap-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-builder-capabilities__desc {
margin: 0;
    flex: 1 1 auto;
    color: var(--lp-builder-cap-ink-2);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-builder-capabilities__footer {
margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--lp-builder-cap-rule);
    transition: border-color 180ms ease;
}

.lp-builder-capabilities__card:hover .lp-builder-capabilities__footer,
.lp-builder-capabilities__card:focus-within .lp-builder-capabilities__footer {
border-color: var(--lp-builder-cap-rule-strong);
}

.lp-builder-capabilities__link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--lp-builder-cap-ink-4);
    font-size: 11.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-builder-capabilities__link:hover,
.lp-builder-capabilities__link:focus-visible {
color: var(--lp-builder-cap-accent);
    outline: none;
}

.lp-builder-capabilities__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-builder-cap-rule-strong);
    border-radius: 6px;
    color: var(--lp-builder-cap-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-builder-capabilities__bottom-link:hover,
.lp-builder-capabilities__bottom-link:focus-visible {
color: var(--lp-builder-cap-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-builder-capabilities__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-inspection-capabilities__header h2 span,
.lp-inspection-capabilities__title span {
color: var(--lp-inspect-cap-accent);
}

.lp-inspection-capabilities__grid {
display: flex;
    flex-wrap: wrap;
    gap: 1px;
    border: 1px solid var(--lp-inspect-cap-rule-strong);
    border-radius: 12px;
    background: var(--lp-inspect-cap-rule);
    overflow: hidden;
}

.lp-inspection-capabilities__card {
position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(25% - 1px);
    min-width: 220px;
    background: var(--lp-inspect-cap-card);
    overflow: hidden;
    transition: background-color 180ms ease;
}

.lp-inspection-capabilities__card:hover {
background: var(--lp-inspect-cap-card-hover);
}

.lp-inspection-capabilities__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-inspect-cap-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-inspection-capabilities__card:hover::after {
transform: scaleX(1);
}

.lp-inspection-capabilities__visual {
display: flex;
    flex-direction: column;
    gap: 5px;
    height: 196px;
    padding: 20px 20px 18px;
    border-bottom: 1px solid var(--lp-inspect-cap-rule);
    background: var(--lp-inspect-cap-inset);
    overflow: hidden;
    transition: border-color 180ms ease;
}

.lp-inspection-capabilities__card:hover .lp-inspection-capabilities__visual {
border-color: var(--lp-inspect-cap-rule-strong);
}

.lp-inspection-capabilities__visual-label {
margin: 0 0 6px;
    color: var(--lp-inspect-cap-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-inspection-capabilities__row {
display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--lp-inspect-cap-rule);
    border-radius: 5px;
    background: var(--lp-inspect-cap-card);
}

.lp-inspection-capabilities__row.is-highlight-blue {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-inspection-capabilities__row.is-highlight-green {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-inspection-capabilities__row.is-highlight-amber {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-inspection-capabilities__dot.is-amber {
background: var(--lp-inspect-cap-accent);
}

.lp-inspection-capabilities__dot.is-green {
background: var(--lp-inspect-cap-green);
}

.lp-inspection-capabilities__dot.is-blue {
background: var(--lp-inspect-cap-blue);
}

.lp-inspection-capabilities__dot.is-grey {
background: var(--lp-inspect-cap-ink-4);
}

.lp-inspection-capabilities__text {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-inspect-cap-ink-3);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-inspection-capabilities__value {
flex: 0 0 auto;
    color: var(--lp-inspect-cap-ink);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-inspection-capabilities__pill {
flex: 0 0 auto;
    padding: 2px 6px;
    border: 1px solid var(--lp-inspect-cap-rule);
    border-radius: 999px;
    color: var(--lp-inspect-cap-ink-4);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.lp-inspection-capabilities__pill.is-amber {
color: var(--lp-inspect-cap-accent);
    background: rgba(212, 160, 23, 0.1);
    border-color: rgba(212, 160, 23, 0.22);
}

.lp-inspection-capabilities__pill.is-green {
color: var(--lp-inspect-cap-green);
    background: rgba(58, 158, 95, 0.1);
    border-color: rgba(58, 158, 95, 0.22);
}

.lp-inspection-capabilities__pill.is-blue {
color: var(--lp-inspect-cap-blue);
    background: rgba(96, 176, 224, 0.1);
    border-color: rgba(96, 176, 224, 0.22);
}

.lp-inspection-capabilities__pill.is-grey {
color: var(--lp-inspect-cap-ink-4);
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--lp-inspect-cap-rule);
}

.lp-inspection-capabilities__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 26px 24px 24px;
}

.lp-inspection-capabilities__number {
margin: 0 0 8px;
    color: var(--lp-inspect-cap-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-inspection-capabilities__title {
margin: 0 0 10px;
    color: var(--lp-inspect-cap-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-inspection-capabilities__desc {
margin: 0;
    flex: 1 1 auto;
    color: var(--lp-inspect-cap-ink-2);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-inspection-capabilities__footer {
margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--lp-inspect-cap-rule);
    transition: border-color 180ms ease;
}

.lp-inspection-capabilities__card:hover .lp-inspection-capabilities__footer {
border-color: var(--lp-inspect-cap-rule-strong);
}

.lp-inspection-capabilities__link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--lp-inspect-cap-ink-4);
    font-size: 11.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-inspection-capabilities__link:hover,
.lp-inspection-capabilities__link:focus-visible {
color: var(--lp-inspect-cap-accent);
    outline: none;
}

.lp-inspection-capabilities__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-inspect-cap-rule-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-inspect-cap-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-inspection-capabilities__bottom-link:hover,
.lp-inspection-capabilities__bottom-link:focus-visible {
color: var(--lp-inspect-cap-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-inspection-capabilities__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-section--inspection-needs {
background: transparent;
}

.lp-section--builder-needs {
background: transparent;
}

.lp-section--inspection-resources {
background: transparent;
}

.lp-inspection-resources {
    --lp-shared-res-card: var(--lp-panel-bg-strong);
    --lp-shared-res-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-res-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-res-rule: var(--lp-panel-border);
    --lp-shared-res-rule-strong: var(--lp-ghost-border);
    --lp-shared-res-ink: var(--lp-color-text);
    --lp-shared-res-ink-2: var(--lp-color-text-muted);
    --lp-shared-res-ink-3: var(--lp-color-text-muted);
    --lp-shared-res-ink-4: var(--lp-color-text-soft);
    --lp-shared-res-accent: #d4a017;
    --lp-shared-res-blue: #60b0e0;
    --lp-shared-res-green: #3a9e5f;
    --lp-shared-res-violet: #a07cd8;
    --lp-shared-res-card-header-padding: 20px 22px 18px;
    --lp-shared-res-body-padding: 20px 24px 24px;
    --lp-shared-res-title-margin: 0 0 10px;
    --lp-shared-res-title-size: 15px;
    --lp-shared-res-desc-size: 12.5px;
    --lp-shared-res-covers-gap: 6px;
    --lp-shared-res-covers-margin: 16px 0 0;
    --lp-shared-res-cover-size: 11.5px;
    --lp-shared-res-footer-margin: 20px;
    --lp-shared-res-footer-padding: 16px;
    --lp-shared-res-bottom-padding: 16px 28px;
    --lp-shared-res-meta-gap: 5px;
    --lp-shared-res-type-padding: 3px 8px;
    --lp-shared-res-type-size: 9px;
    --lp-shared-res-type-letter-spacing: 0.07em;
    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 860px;
    --lp-shared-section-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-section-header-line: 1.1;
    --lp-shared-section-header-track: -0.02em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.65;
}

.lp-section--builder-resources {
background: transparent;
}

.lp-builder-resources {
    --lp-shared-res-card: var(--lp-panel-bg-strong);
    --lp-shared-res-card-hover: var(--lp-panel-hover-strong);
    --lp-shared-res-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-shared-res-rule: var(--lp-panel-border);
    --lp-shared-res-rule-strong: var(--lp-ghost-border);
    --lp-shared-res-ink: var(--lp-color-text);
    --lp-shared-res-ink-2: var(--lp-color-text-muted);
    --lp-shared-res-ink-3: var(--lp-color-text-muted);
    --lp-shared-res-ink-4: var(--lp-color-text-soft);
    --lp-shared-res-accent: #d4a017;
    --lp-shared-res-blue: #60b0e0;
    --lp-shared-res-green: #3a9e5f;
    --lp-shared-res-violet: #a07cd8;
    --lp-shared-res-card-header-padding: 20px 22px 18px;
    --lp-shared-res-body-padding: 20px 22px 22px;
    --lp-shared-res-title-margin: 0 0 10px;
    --lp-shared-res-title-size: 15px;
    --lp-shared-res-desc-size: 12.5px;
    --lp-shared-res-covers-gap: 6px;
    --lp-shared-res-covers-margin: 16px 0 0;
    --lp-shared-res-cover-size: 11.5px;
    --lp-shared-res-footer-margin: 20px;
    --lp-shared-res-footer-padding: 16px;
    --lp-shared-res-bottom-padding: 16px 28px;
    --lp-shared-res-meta-gap: 5px;
    --lp-shared-res-type-padding: 3px 8px;
    --lp-shared-res-type-size: 9px;
    --lp-shared-res-type-letter-spacing: 0.07em;
    --lp-shared-section-eyebrow-gap: 10px;
    --lp-shared-section-eyebrow-margin: 0 0 32px;
    --lp-shared-section-eyebrow-dot: 6px;
    --lp-shared-section-eyebrow-size: 11px;
    --lp-shared-section-eyebrow-track: 0.12em;
    --lp-shared-section-header-max: 860px;
    --lp-shared-section-header-size: clamp(26px, 3.2vw, 40px);
    --lp-shared-section-header-line: 1.1;
    --lp-shared-section-header-track: -0.02em;
    --lp-shared-section-header-gap: 32px;
    --lp-shared-section-header-margin: 0 0 52px;
    --lp-shared-section-header-side: minmax(240px, 280px);
    --lp-shared-section-copy-size: 13.5px;
    --lp-shared-section-copy-line: 1.65;
}

:is(.lp-builder-resources__grid, .lp-inspection-resources__grid) {
display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--lp-shared-res-rule-strong);
    border-radius: 12px 12px 0 0;
    background: var(--lp-shared-res-rule);
}

.lp-builder-resources__bottom,
.lp-inspection-resources__bottom {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: var(--lp-shared-res-bottom-padding);
    border: 1px solid var(--lp-shared-res-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-shared-res-inset);
}

.lp-builder-resources__bottom-note,
.lp-inspection-resources__bottom-note {
margin: 0;
    color: var(--lp-shared-res-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

:is(.lp-builder-resources__bottom-link, .lp-inspection-resources__bottom-link) {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-shared-res-rule-strong);
    border-radius: 6px;
    color: var(--lp-shared-res-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

:is(.lp-builder-resources__bottom-link, .lp-inspection-resources__bottom-link):hover,
:is(.lp-builder-resources__bottom-link, .lp-inspection-resources__bottom-link):focus-visible {
color: var(--lp-shared-res-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

:is(.lp-builder-resources__bottom-link svg, .lp-inspection-resources__bottom-link svg) {
width: 12px;
    height: 12px;
}

.lp-inspection-resources__card-meta {
min-width: 0;
}





.lp-section--inspection-use-cases {
background: transparent;
}

.lp-section--builder-use-cases {
background: transparent;
}

.lp-section--builder-final-cta {
background: transparent;
}

.lp-builder-final-cta {
--lp-builder-final-card: var(--lp-panel-bg-strong);
    --lp-builder-final-rule: var(--lp-panel-border);
    --lp-builder-final-rule-strong: var(--lp-ghost-border);
    --lp-builder-final-ink: var(--lp-color-text);
    --lp-builder-final-ink-2: var(--lp-color-text-muted);
    --lp-builder-final-ink-3: var(--lp-color-text-muted);
    --lp-builder-final-ink-4: var(--lp-color-text-soft);
    --lp-builder-final-accent: #d4a017;
    color: var(--lp-builder-final-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-builder-final-cta__inner {
position: relative;
    overflow: hidden;
    padding: 80px 64px 72px;
    border: 1px solid var(--lp-builder-final-rule-strong);
    border-radius: 14px;
    background: var(--lp-builder-final-card);
    text-align: center;
}

.lp-builder-final-cta__inner::before {
content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 640px;
    height: 280px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at 50% 0%, rgba(212, 160, 23, 0.1) 0%, transparent 68%);
    pointer-events: none;
}

.lp-builder-final-cta__inner::after {
content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.55), transparent);
}

.lp-builder-final-cta__eyebrow {
position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.lp-builder-final-cta__eyebrow-dot {
width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--lp-builder-final-accent);
}

.lp-builder-final-cta__eyebrow-text {
color: var(--lp-builder-final-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-builder-final-cta__headline {
position: relative;
    max-width: 600px;
    margin: 0 auto 20px;
    color: var(--lp-builder-final-ink);
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.lp-builder-final-cta__headline span {
color: var(--lp-builder-final-accent);
}

.lp-builder-final-cta__sub {
position: relative;
    max-width: 440px;
    margin: 0 auto 40px;
    color: var(--lp-builder-final-ink-2);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-builder-final-cta__buttons {
position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.lp-builder-final-cta__btn-primary {
display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    border-radius: 7px;
    background: var(--lp-builder-final-accent);
    color: #0e0e0c;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: -0.01em;
    white-space: nowrap;
    transition: opacity 200ms ease, transform 150ms ease;
}

.lp-builder-final-cta__btn-primary:hover,
.lp-builder-final-cta__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
    outline: none;
}

.lp-builder-final-cta__btn-primary svg {
width: 14px;
    height: 14px;
}

.lp-builder-final-cta__btn-ghost {
display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 13px 26px;
    border: 1px solid var(--lp-builder-final-rule-strong);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-builder-final-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 200ms ease, border-color 200ms ease, background 200ms ease;
}

.lp-builder-final-cta__btn-ghost:hover,
.lp-builder-final-cta__btn-ghost:focus-visible {
color: var(--lp-builder-final-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-builder-final-cta__micro {
position: relative;
    margin: 0;
    color: var(--lp-builder-final-ink-4);
    font-size: 11.5px;
    font-weight: 300;
}

.lp-builder-final-cta__pills {
position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--lp-builder-final-rule);
}

.lp-builder-final-cta__pill {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px;
    border: 1px solid var(--lp-builder-final-rule);
    border-radius: 999px;
    background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
    color: var(--lp-builder-final-ink-4);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

.lp-builder-final-cta__pill svg {
width: 10px;
    height: 10px;
}





.lp-section--inspection-final-cta {
background: transparent;
}


.lp-section--home-outcomes {
background: transparent;
}

.lp-section--contractors-glance {
background: transparent;
}

.lp-section--contractors-proof {
background: transparent;
}

.lp-section--contractors-pains {
background: transparent;
}

.lp-section--contractors-workflow {
background: transparent;
}

.lp-section--contractors-resources {
background: transparent;
}

.lp-fm-glance {
--lp-fm-glance-card: var(--lp-panel-bg-strong);
    --lp-fm-glance-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-fm-glance-rule: var(--lp-panel-border);
    --lp-fm-glance-rule-strong: var(--lp-ghost-border);
    --lp-fm-glance-ink: var(--lp-color-text);
    --lp-fm-glance-ink-2: var(--lp-color-text-muted);
    --lp-fm-glance-ink-3: var(--lp-color-text-muted);
    --lp-fm-glance-ink-4: var(--lp-color-text-soft);
    --lp-fm-glance-accent: #d4a017;
    color: var(--lp-fm-glance-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-fm-glance__breadcrumb {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    color: var(--lp-fm-glance-ink-4);
    font-size: 12px;
    font-weight: 400;
}

.lp-fm-glance__breadcrumb-link {
color: inherit;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-fm-glance__breadcrumb-link:hover,
.lp-fm-glance__breadcrumb-link:focus-visible {
color: var(--lp-fm-glance-ink-2);
    outline: none;
}

.lp-fm-glance__breadcrumb-sep {
width: 12px;
    height: 12px;
}

.lp-fm-glance__bar {
overflow: hidden;
    border: 1px solid var(--lp-fm-glance-rule-strong);
    border-radius: 12px;
    background: var(--lp-fm-glance-card);
}

.lp-fm-glance__top {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(260px, 0.92fr);
    gap: 1px;
    background: var(--lp-fm-glance-rule);
}

.lp-fm-glance__cell,
.lp-fm-glance__nav {
background: var(--lp-fm-glance-card);
}

.lp-fm-glance__cell {
padding: 28px 24px 24px;
}

.lp-fm-glance__cell-eyebrow {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.lp-fm-glance__cell-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: var(--lp-fm-glance-accent);
}

.lp-fm-glance__cell-icon svg {
width: 14px;
    height: 14px;
}

.lp-fm-glance__cell-label {
color: var(--lp-fm-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-fm-glance__cell-value {
margin: 0 0 6px;
    color: var(--lp-fm-glance-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-fm-glance__cell-rule {
width: 100%;
    height: 1px;
    margin: 0 0 10px;
    background: var(--lp-fm-glance-rule);
}

.lp-fm-glance__cell-sub {
margin: 0;
    color: var(--lp-fm-glance-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-fm-glance__nav {
display: flex;
    flex-direction: column;
    padding: 22px 22px 20px;
}

.lp-fm-glance__nav-label {
margin: 0 0 10px;
    color: var(--lp-fm-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-fm-glance__nav-item {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 0;
    border-top: 1px solid var(--lp-fm-glance-rule);
    color: var(--lp-fm-glance-ink-3);
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-fm-glance__nav-item:first-of-type {
border-top: 0;
}

.lp-fm-glance__nav-item:hover,
.lp-fm-glance__nav-item:focus-visible {
color: var(--lp-fm-glance-ink);
    outline: none;
}

.lp-fm-glance__nav-dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--lp-fm-glance-accent);
}

.lp-fm-glance__nav-text {
flex: 1 1 auto;
    min-width: 0;
    font-size: 12.5px;
    font-weight: 400;
}

.lp-fm-glance__nav-arrow {
width: 10px;
    height: 10px;
    flex: 0 0 auto;
    color: var(--lp-fm-glance-ink-4);
    transition: transform 150ms ease, color 150ms ease;
}

.lp-fm-glance__nav-item:hover .lp-fm-glance__nav-arrow,
.lp-fm-glance__nav-item:focus-visible .lp-fm-glance__nav-arrow {
color: var(--lp-fm-glance-accent);
    transform: translateX(2px);
}

.lp-fm-glance__bottom {
display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    border-top: 1px solid var(--lp-fm-glance-rule);
    background: var(--lp-fm-glance-inset);
}

.lp-fm-glance__bottom-label {
flex: 0 0 auto;
    color: var(--lp-fm-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-fm-glance__tag-row {
display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-fm-glance__tag {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--lp-fm-glance-rule);
    border-radius: 999px;
    color: var(--lp-fm-glance-ink-3);
    font-size: 11px;
    font-weight: 400;
}

.lp-fm-glance__tag-dot {
width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--lp-fm-glance-accent);
}





.lp-contractors-glance {
--lp-contractors-glance-card: var(--lp-panel-bg-strong);
    --lp-contractors-glance-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-contractors-glance-rule: var(--lp-panel-border);
    --lp-contractors-glance-rule-strong: var(--lp-ghost-border);
    --lp-contractors-glance-ink: var(--lp-color-text);
    --lp-contractors-glance-ink-2: var(--lp-color-text-muted);
    --lp-contractors-glance-ink-3: var(--lp-color-text-muted);
    --lp-contractors-glance-ink-4: var(--lp-color-text-soft);
    --lp-contractors-glance-accent: #d4a017;
    color: var(--lp-contractors-glance-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-contractors-glance__breadcrumb {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    color: var(--lp-contractors-glance-ink-4);
    font-size: 12px;
    font-weight: 400;
}

.lp-contractors-glance__breadcrumb-link {
color: inherit;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-contractors-glance__breadcrumb-link:hover,
.lp-contractors-glance__breadcrumb-link:focus-visible {
color: var(--lp-contractors-glance-ink-2);
    outline: none;
}

.lp-contractors-glance__breadcrumb-sep {
width: 12px;
    height: 12px;
}

.lp-contractors-glance__bar {
overflow: hidden;
    border: 1px solid var(--lp-contractors-glance-rule-strong);
    border-radius: 12px;
    background: var(--lp-contractors-glance-card);
}

.lp-contractors-glance__top {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(260px, 0.92fr);
    gap: 1px;
    background: var(--lp-contractors-glance-rule);
}

.lp-contractors-glance__cell,
.lp-contractors-glance__nav {
background: var(--lp-contractors-glance-card);
}

.lp-contractors-glance__cell {
padding: 28px 24px 24px;
}

.lp-contractors-glance__cell-eyebrow {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.lp-contractors-glance__cell-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: var(--lp-contractors-glance-accent);
}

.lp-contractors-glance__cell-icon svg {
width: 14px;
    height: 14px;
}

.lp-contractors-glance__cell-label {
color: var(--lp-contractors-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contractors-glance__cell-value {
margin: 0 0 6px;
    color: var(--lp-contractors-glance-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-contractors-glance__cell-rule {
width: 100%;
    height: 1px;
    margin: 0 0 10px;
    background: var(--lp-contractors-glance-rule);
}

.lp-contractors-glance__cell-sub {
margin: 0;
    color: var(--lp-contractors-glance-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-contractors-glance__nav {
display: flex;
    flex-direction: column;
    padding: 22px 22px 20px;
}

.lp-contractors-glance__nav-label {
margin: 0 0 10px;
    color: var(--lp-contractors-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contractors-glance__nav-item {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 0;
    border-top: 1px solid var(--lp-contractors-glance-rule);
    color: var(--lp-contractors-glance-ink-3);
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-contractors-glance__nav-item:first-of-type {
border-top: 0;
}

.lp-contractors-glance__nav-item:hover,
.lp-contractors-glance__nav-item:focus-visible {
color: var(--lp-contractors-glance-ink);
    outline: none;
}

.lp-contractors-glance__nav-dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--lp-contractors-glance-accent);
}

.lp-contractors-glance__nav-text {
flex: 1 1 auto;
    min-width: 0;
    font-size: 12.5px;
    font-weight: 400;
}

.lp-contractors-glance__nav-arrow {
width: 10px;
    height: 10px;
    flex: 0 0 auto;
    color: var(--lp-contractors-glance-ink-4);
    transition: transform 150ms ease, color 150ms ease;
}

.lp-contractors-glance__nav-item:hover .lp-contractors-glance__nav-arrow,
.lp-contractors-glance__nav-item:focus-visible .lp-contractors-glance__nav-arrow {
color: var(--lp-contractors-glance-accent);
    transform: translateX(2px);
}

.lp-contractors-glance__bottom {
display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    border-top: 1px solid var(--lp-contractors-glance-rule);
    background: var(--lp-contractors-glance-inset);
}

.lp-contractors-glance__bottom-label {
flex: 0 0 auto;
    color: var(--lp-contractors-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contractors-glance__tag-row {
display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-contractors-glance__tag {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--lp-contractors-glance-rule);
    border-radius: 999px;
    color: var(--lp-contractors-glance-ink-3);
    font-size: 11px;
    font-weight: 400;
}

.lp-contractors-glance__tag-dot {
width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--lp-contractors-glance-accent);
}





.lp-housing-glance {
--lp-housing-glance-card: var(--lp-panel-bg-strong);
    --lp-housing-glance-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-housing-glance-rule: var(--lp-panel-border);
    --lp-housing-glance-rule-strong: var(--lp-ghost-border);
    --lp-housing-glance-ink: var(--lp-color-text);
    --lp-housing-glance-ink-2: var(--lp-color-text-muted);
    --lp-housing-glance-ink-3: var(--lp-color-text-muted);
    --lp-housing-glance-ink-4: var(--lp-color-text-soft);
    --lp-housing-glance-accent: #d4a017;
    color: var(--lp-housing-glance-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-housing-glance__breadcrumb {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    color: var(--lp-housing-glance-ink-4);
    font-size: 12px;
    font-weight: 400;
}

.lp-housing-glance__breadcrumb-link {
color: inherit;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-housing-glance__breadcrumb-link:hover,
.lp-housing-glance__breadcrumb-link:focus-visible {
color: var(--lp-housing-glance-ink-2);
    outline: none;
}

.lp-housing-glance__breadcrumb-sep {
width: 12px;
    height: 12px;
}

.lp-housing-glance__bar {
overflow: hidden;
    border: 1px solid var(--lp-housing-glance-rule-strong);
    border-radius: 12px;
    background: var(--lp-housing-glance-card);
}

.lp-housing-glance__top {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(260px, 0.92fr);
    gap: 1px;
    background: var(--lp-housing-glance-rule);
}

.lp-housing-glance__cell,
.lp-housing-glance__nav {
background: var(--lp-housing-glance-card);
}

.lp-housing-glance__cell {
padding: 28px 24px 24px;
}

.lp-housing-glance__cell-eyebrow {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.lp-housing-glance__cell-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: var(--lp-housing-glance-accent);
}

.lp-housing-glance__cell-icon svg {
width: 14px;
    height: 14px;
}

.lp-housing-glance__cell-label {
color: var(--lp-housing-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-housing-glance__cell-value {
margin: 0 0 6px;
    color: var(--lp-housing-glance-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-housing-glance__cell-rule {
width: 100%;
    height: 1px;
    margin: 0 0 10px;
    background: var(--lp-housing-glance-rule);
}

.lp-housing-glance__cell-sub {
margin: 0;
    color: var(--lp-housing-glance-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-housing-glance__nav {
display: flex;
    flex-direction: column;
    padding: 22px 22px 20px;
}

.lp-housing-glance__nav-label {
margin: 0 0 10px;
    color: var(--lp-housing-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-housing-glance__nav-item {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 0;
    border-top: 1px solid var(--lp-housing-glance-rule);
    color: var(--lp-housing-glance-ink-3);
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-housing-glance__nav-item:first-of-type {
border-top: 0;
}

.lp-housing-glance__nav-item:hover,
.lp-housing-glance__nav-item:focus-visible {
color: var(--lp-housing-glance-ink);
    outline: none;
}

.lp-housing-glance__nav-dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--lp-housing-glance-accent);
}

.lp-housing-glance__nav-text {
flex: 1 1 auto;
    min-width: 0;
    font-size: 12.5px;
    font-weight: 400;
}

.lp-housing-glance__nav-arrow {
width: 10px;
    height: 10px;
    flex: 0 0 auto;
    color: var(--lp-housing-glance-ink-4);
    transition: transform 150ms ease, color 150ms ease;
}

.lp-housing-glance__nav-item:hover .lp-housing-glance__nav-arrow,
.lp-housing-glance__nav-item:focus-visible .lp-housing-glance__nav-arrow {
color: var(--lp-housing-glance-accent);
    transform: translateX(2px);
}

.lp-housing-glance__bottom {
display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    border-top: 1px solid var(--lp-housing-glance-rule);
    background: var(--lp-housing-glance-inset);
}

.lp-housing-glance__bottom-label {
flex: 0 0 auto;
    color: var(--lp-housing-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-housing-glance__tag-row {
display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-housing-glance__tag {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--lp-housing-glance-rule);
    border-radius: 999px;
    color: var(--lp-housing-glance-ink-3);
    font-size: 11px;
    font-weight: 400;
}

.lp-housing-glance__tag-dot {
width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--lp-housing-glance-accent);
}





.lp-care-glance {
--lp-care-glance-card: var(--lp-panel-bg-strong);
    --lp-care-glance-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-care-glance-rule: var(--lp-panel-border);
    --lp-care-glance-rule-strong: var(--lp-ghost-border);
    --lp-care-glance-ink: var(--lp-color-text);
    --lp-care-glance-ink-2: var(--lp-color-text-muted);
    --lp-care-glance-ink-3: var(--lp-color-text-muted);
    --lp-care-glance-ink-4: var(--lp-color-text-soft);
    --lp-care-glance-accent: #d4a017;
    color: var(--lp-care-glance-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-care-glance__breadcrumb {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    color: var(--lp-care-glance-ink-4);
    font-size: 12px;
    font-weight: 400;
}

.lp-care-glance__breadcrumb-link {
color: inherit;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-care-glance__breadcrumb-link:hover,
.lp-care-glance__breadcrumb-link:focus-visible {
color: var(--lp-care-glance-ink-2);
    outline: none;
}

.lp-care-glance__breadcrumb-sep {
width: 12px;
    height: 12px;
}

.lp-care-glance__bar {
overflow: hidden;
    border: 1px solid var(--lp-care-glance-rule-strong);
    border-radius: 12px;
    background: var(--lp-care-glance-card);
}

.lp-care-glance__top {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(260px, 0.92fr);
    gap: 1px;
    background: var(--lp-care-glance-rule);
}

.lp-care-glance__cell,
.lp-care-glance__nav {
background: var(--lp-care-glance-card);
}

.lp-care-glance__cell {
padding: 28px 24px 24px;
}

.lp-care-glance__cell-eyebrow {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.lp-care-glance__cell-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: var(--lp-care-glance-accent);
}

.lp-care-glance__cell-icon svg {
width: 14px;
    height: 14px;
}

.lp-care-glance__cell-label {
color: var(--lp-care-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-care-glance__cell-value {
margin: 0 0 6px;
    color: var(--lp-care-glance-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-care-glance__cell-rule {
width: 100%;
    height: 1px;
    margin: 0 0 10px;
    background: var(--lp-care-glance-rule);
}

.lp-care-glance__cell-sub {
margin: 0;
    color: var(--lp-care-glance-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-care-glance__nav {
display: flex;
    flex-direction: column;
    padding: 22px 22px 20px;
}

.lp-care-glance__nav-label {
margin: 0 0 10px;
    color: var(--lp-care-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-care-glance__nav-item {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 0;
    border-top: 1px solid var(--lp-care-glance-rule);
    color: var(--lp-care-glance-ink-3);
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-care-glance__nav-item:first-of-type {
border-top: 0;
}

.lp-care-glance__nav-item:hover,
.lp-care-glance__nav-item:focus-visible {
color: var(--lp-care-glance-ink);
    outline: none;
}

.lp-care-glance__nav-dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--lp-care-glance-accent);
}

.lp-care-glance__nav-text {
flex: 1 1 auto;
    min-width: 0;
    font-size: 12.5px;
    font-weight: 400;
}

.lp-care-glance__nav-arrow {
width: 10px;
    height: 10px;
    flex: 0 0 auto;
    color: var(--lp-care-glance-ink-4);
    transition: transform 150ms ease, color 150ms ease;
}

.lp-care-glance__nav-item:hover .lp-care-glance__nav-arrow,
.lp-care-glance__nav-item:focus-visible .lp-care-glance__nav-arrow {
color: var(--lp-care-glance-accent);
    transform: translateX(2px);
}

.lp-care-glance__bottom {
display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 24px;
    border-top: 1px solid var(--lp-care-glance-rule);
    background: var(--lp-care-glance-inset);
}

.lp-care-glance__bottom-label {
flex: 0 0 auto;
    color: var(--lp-care-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-care-glance__tag-row {
display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-care-glance__tag {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--lp-care-glance-rule);
    border-radius: 999px;
    color: var(--lp-care-glance-ink-3);
    font-size: 11px;
    font-weight: 400;
}

.lp-care-glance__tag-dot {
width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--lp-care-glance-accent);
}





.lp-care-proof {
--lp-care-proof-card: var(--lp-panel-bg-strong);
    --lp-care-proof-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-care-proof-rule: var(--lp-panel-border);
    --lp-care-proof-rule-strong: var(--lp-ghost-border);
    --lp-care-proof-ink: var(--lp-color-text);
    --lp-care-proof-ink-2: var(--lp-color-text-muted);
    --lp-care-proof-ink-3: var(--lp-color-text-muted);
    --lp-care-proof-ink-4: var(--lp-color-text-soft);
    --lp-care-proof-accent: #d4a017;
    --lp-care-proof-blue: #60b0e0;
    --lp-care-proof-green: #3a9e5f;
    color: var(--lp-care-proof-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-care-proof__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-care-proof__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-care-proof-accent);
}

.lp-care-proof__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-care-proof-ink-3);
}

.lp-care-proof__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-care-proof__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-care-proof-ink);
}

.lp-care-proof__header h2 span {
color: var(--lp-care-proof-accent);
}

.lp-care-proof__header p {
margin: 0;
    text-align: right;
    color: var(--lp-care-proof-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-care-proof__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-care-proof-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-care-proof-rule);
}

.lp-care-proof__card {
display: flex;
    flex-direction: column;
    background: var(--lp-care-proof-card);
}

.lp-care-proof__visual {
padding: 22px 24px 20px;
    border-bottom: 1px solid var(--lp-care-proof-rule);
    background: var(--lp-care-proof-inset);
}

.lp-care-proof__visual-label {
margin-bottom: 14px;
    color: var(--lp-care-proof-ink-4);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp-care-proof__visual-row {
display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--lp-care-proof-rule);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
}

.lp-care-proof__visual-row + .lp-care-proof__visual-row {
margin-top: 10px;
}

.lp-care-proof__visual-row.is-amber-strong {
background: rgba(212, 160, 23, 0.08);
}

.lp-care-proof__visual-row.is-blue-strong {
background: rgba(96, 176, 224, 0.08);
}

.lp-care-proof__visual-row.is-green-strong {
background: rgba(58, 158, 95, 0.08);
}

.lp-care-proof__visual-dot {
width: 7px;
    height: 7px;
    border-radius: 999px;
}

.lp-care-proof__visual-dot.is-amber {
background: var(--lp-care-proof-accent);
}

.lp-care-proof__visual-dot.is-blue {
background: var(--lp-care-proof-blue);
}

.lp-care-proof__visual-dot.is-green {
background: var(--lp-care-proof-green);
}

.lp-care-proof__visual-dot.is-neutral {
background: var(--lp-care-proof-ink-4);
}

.lp-care-proof__visual-text {
color: var(--lp-care-proof-ink-2);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.4;
}

.lp-care-proof__visual-pill,
.lp-care-proof__visual-value {
font-size: 11.5px;
    font-weight: 500;
    white-space: nowrap;
}

.lp-care-proof__visual-pill {
padding: 4px 8px;
    border: 1px solid var(--lp-care-proof-rule);
    border-radius: 999px;
    color: var(--lp-care-proof-ink-3);
}

.lp-care-proof__visual-pill.is-amber {
color: var(--lp-care-proof-accent);
}

.lp-care-proof__visual-pill.is-blue {
color: var(--lp-care-proof-blue);
}

.lp-care-proof__visual-pill.is-green {
color: var(--lp-care-proof-green);
}

.lp-care-proof__visual-pill.is-neutral {
color: var(--lp-care-proof-ink-4);
}

.lp-care-proof__visual-value {
color: var(--lp-care-proof-ink);
}

.lp-care-proof__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 16px;
    padding: 22px 24px 24px;
}

.lp-care-proof__num {
color: var(--lp-care-proof-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-care-proof__title {
color: var(--lp-care-proof-ink);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.lp-care-proof__title span {
color: var(--lp-care-proof-accent);
}

.lp-care-proof__desc {
color: var(--lp-care-proof-ink-2);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-care-proof__list {
margin: 0;
    padding-left: 18px;
    color: var(--lp-care-proof-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-care-proof__list li + li {
margin-top: 8px;
}

.lp-care-proof__bottom-strip {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border: 1px solid var(--lp-care-proof-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-care-proof-inset);
}

.lp-care-proof__bottom-text {
color: var(--lp-care-proof-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-care-proof__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lp-care-proof-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-care-proof__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-care-proof__bottom-link:hover,
.lp-care-proof__bottom-link:focus-visible {
color: var(--lp-care-proof-accent);
    outline: none;
}





.lp-fm-proof {
--lp-fm-proof-card: var(--lp-panel-bg-strong);
    --lp-fm-proof-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-fm-proof-rule: var(--lp-panel-border);
    --lp-fm-proof-rule-strong: var(--lp-ghost-border);
    --lp-fm-proof-ink: var(--lp-color-text);
    --lp-fm-proof-ink-2: var(--lp-color-text-muted);
    --lp-fm-proof-ink-3: var(--lp-color-text-muted);
    --lp-fm-proof-ink-4: var(--lp-color-text-soft);
    --lp-fm-proof-accent: #d4a017;
    --lp-fm-proof-blue: #60b0e0;
    --lp-fm-proof-green: #3a9e5f;
    --lp-fm-proof-red: #e05c4a;
    color: var(--lp-fm-proof-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-fm-proof__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-fm-proof__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-fm-proof-accent);
}

.lp-fm-proof__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-fm-proof-ink-3);
}

.lp-fm-proof__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-fm-proof__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-fm-proof-ink);
}

.lp-fm-proof__header h2 span {
color: var(--lp-fm-proof-accent);
}

.lp-fm-proof__header p {
margin: 0;
    text-align: right;
    color: var(--lp-fm-proof-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-fm-proof__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-fm-proof-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-fm-proof-rule);
}

.lp-fm-proof__card {
display: flex;
    flex-direction: column;
    background: var(--lp-fm-proof-card);
}

.lp-fm-proof__visual {
padding: 22px 24px 20px;
    border-bottom: 1px solid var(--lp-fm-proof-rule);
    background: var(--lp-fm-proof-inset);
}

.lp-fm-proof__visual-label {
margin-bottom: 14px;
    color: var(--lp-fm-proof-ink-4);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp-fm-proof__visual-row {
display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--lp-fm-proof-rule);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
}

.lp-fm-proof__visual-row + .lp-fm-proof__visual-row {
margin-top: 10px;
}

.lp-fm-proof__visual-row.is-amber-strong {
background: rgba(212, 160, 23, 0.08);
}

.lp-fm-proof__visual-row.is-blue-strong {
background: rgba(96, 176, 224, 0.08);
}

.lp-fm-proof__visual-row.is-green-strong {
background: rgba(58, 158, 95, 0.08);
}

.lp-fm-proof__visual-dot {
width: 7px;
    height: 7px;
    border-radius: 999px;
}

.lp-fm-proof__visual-dot.is-amber {
background: var(--lp-fm-proof-accent);
}

.lp-fm-proof__visual-dot.is-blue {
background: var(--lp-fm-proof-blue);
}

.lp-fm-proof__visual-dot.is-green {
background: var(--lp-fm-proof-green);
}

.lp-fm-proof__visual-dot.is-red {
background: var(--lp-fm-proof-red);
}

.lp-fm-proof__visual-dot.is-neutral {
background: var(--lp-fm-proof-ink-4);
}

.lp-fm-proof__visual-text {
color: var(--lp-fm-proof-ink-2);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.4;
}

.lp-fm-proof__visual-pill,
.lp-fm-proof__visual-value {
font-size: 11.5px;
    font-weight: 500;
    white-space: nowrap;
}

.lp-fm-proof__visual-pill {
padding: 4px 8px;
    border: 1px solid var(--lp-fm-proof-rule);
    border-radius: 999px;
    color: var(--lp-fm-proof-ink-3);
}

.lp-fm-proof__visual-pill.is-amber {
color: var(--lp-fm-proof-accent);
}

.lp-fm-proof__visual-pill.is-blue {
color: var(--lp-fm-proof-blue);
}

.lp-fm-proof__visual-pill.is-green {
color: var(--lp-fm-proof-green);
}

.lp-fm-proof__visual-pill.is-red {
color: var(--lp-fm-proof-red);
}

.lp-fm-proof__visual-pill.is-neutral {
color: var(--lp-fm-proof-ink-4);
}

.lp-fm-proof__visual-value {
color: var(--lp-fm-proof-ink);
}

.lp-fm-proof__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 16px;
    padding: 22px 24px 24px;
}

.lp-fm-proof__num {
color: var(--lp-fm-proof-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-fm-proof__title {
color: var(--lp-fm-proof-ink);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.lp-fm-proof__title span {
color: var(--lp-fm-proof-accent);
}

.lp-fm-proof__desc {
color: var(--lp-fm-proof-ink-2);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-fm-proof__list {
margin: 0;
    padding-left: 18px;
    color: var(--lp-fm-proof-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-fm-proof__list li + li {
margin-top: 8px;
}

.lp-fm-proof__bottom-strip {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border: 1px solid var(--lp-fm-proof-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-fm-proof-inset);
}

.lp-fm-proof__bottom-text {
color: var(--lp-fm-proof-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-fm-proof__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lp-fm-proof-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-fm-proof__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-fm-proof__bottom-link:hover,
.lp-fm-proof__bottom-link:focus-visible {
color: var(--lp-fm-proof-accent);
    outline: none;
}





.lp-fm-pains {
--lp-fm-pains-card: var(--lp-panel-bg-strong);
    --lp-fm-pains-card-hover: var(--lp-panel-hover-strong);
    --lp-fm-pains-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-fm-pains-rule: var(--lp-panel-border);
    --lp-fm-pains-rule-strong: var(--lp-ghost-border);
    --lp-fm-pains-ink: var(--lp-color-text);
    --lp-fm-pains-ink-2: var(--lp-color-text-muted);
    --lp-fm-pains-ink-3: var(--lp-color-text-muted);
    --lp-fm-pains-ink-4: var(--lp-color-text-soft);
    --lp-fm-pains-accent: #d4a017;
    --lp-fm-pains-red: #e05c4a;
    --lp-fm-pains-green: #3a9e5f;
    color: var(--lp-fm-pains-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-fm-pains__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-fm-pains__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-fm-pains-accent);
}

.lp-fm-pains__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-fm-pains-ink-3);
}

.lp-fm-pains__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-fm-pains__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-fm-pains-ink);
}

.lp-fm-pains__header h2 span {
color: var(--lp-fm-pains-accent);
}

.lp-fm-pains__header p {
margin: 0;
    text-align: right;
    color: var(--lp-fm-pains-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-fm-pains__split {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-fm-pains-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-fm-pains-rule);
}

.lp-fm-pains__col {
background: var(--lp-fm-pains-card);
}

.lp-fm-pains__col-header {
display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--lp-fm-pains-rule);
}

.lp-fm-pains__col-icon-box {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--lp-fm-pains-rule);
    border-radius: 10px;
    background: var(--lp-fm-pains-inset);
}

.lp-fm-pains__col-icon-box svg {
width: 17px;
    height: 17px;
}

.lp-fm-pains__col-icon-box.is-pain {
color: var(--lp-fm-pains-red);
}

.lp-fm-pains__col-icon-box.is-fit {
color: var(--lp-fm-pains-green);
}

.lp-fm-pains__col-type {
margin-bottom: 8px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-fm-pains__col-type.is-pain {
color: var(--lp-fm-pains-red);
}

.lp-fm-pains__col-type.is-fit {
color: var(--lp-fm-pains-green);
}

.lp-fm-pains__col-title {
color: var(--lp-fm-pains-ink);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.lp-fm-pains__col-sub {
margin-top: 12px;
    color: var(--lp-fm-pains-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-fm-pains__item-list {
display: flex;
    flex-direction: column;
}

.lp-fm-pains__item {
display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--lp-fm-pains-rule);
}

.lp-fm-pains__item:last-child {
border-bottom: 0;
}

.lp-fm-pains__item:hover {
background: var(--lp-fm-pains-card-hover);
}

.lp-fm-pains__marker {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.lp-fm-pains__marker svg {
width: 11px;
    height: 11px;
}

.lp-fm-pains__marker.is-pain {
color: var(--lp-fm-pains-red);
}

.lp-fm-pains__marker.is-fit {
color: var(--lp-fm-pains-green);
}

.lp-fm-pains__item-title {
color: var(--lp-fm-pains-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
}

.lp-fm-pains__item-desc {
margin-top: 6px;
    color: var(--lp-fm-pains-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-fm-pains__resolution {
display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border: 1px solid var(--lp-fm-pains-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-fm-pains-inset);
}

.lp-fm-pains__resolution-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: 10px;
    color: var(--lp-fm-pains-accent);
}

.lp-fm-pains__resolution-icon svg {
width: 18px;
    height: 18px;
}

.lp-fm-pains__resolution-copy {
flex: 1 1 auto;
    min-width: 0;
}

.lp-fm-pains__resolution-label {
color: var(--lp-fm-pains-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-fm-pains__resolution-value {
margin-top: 6px;
    color: var(--lp-fm-pains-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-fm-pains__resolution-value strong {
color: var(--lp-fm-pains-ink);
}

.lp-fm-pains__resolution-links {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lp-fm-pains__resolution-link {
display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid var(--lp-fm-pains-rule-strong);
    border-radius: 999px;
    color: var(--lp-fm-pains-ink-3);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-fm-pains__resolution-link:hover,
.lp-fm-pains__resolution-link:focus-visible {
color: var(--lp-fm-pains-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-fm-pains__resolution-link svg {
width: 12px;
    height: 12px;
}





.lp-housing-proof {
--lp-housing-proof-card: var(--lp-panel-bg-strong);
    --lp-housing-proof-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-housing-proof-rule: var(--lp-panel-border);
    --lp-housing-proof-rule-strong: var(--lp-ghost-border);
    --lp-housing-proof-ink: var(--lp-color-text);
    --lp-housing-proof-ink-2: var(--lp-color-text-muted);
    --lp-housing-proof-ink-3: var(--lp-color-text-muted);
    --lp-housing-proof-ink-4: var(--lp-color-text-soft);
    --lp-housing-proof-accent: #d4a017;
    --lp-housing-proof-blue: #60b0e0;
    --lp-housing-proof-green: #3a9e5f;
    color: var(--lp-housing-proof-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-housing-proof__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-housing-proof__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-housing-proof-accent);
}

.lp-housing-proof__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-housing-proof-ink-3);
}

.lp-housing-proof__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-housing-proof__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-housing-proof-ink);
}

.lp-housing-proof__header h2 span {
color: var(--lp-housing-proof-accent);
}

.lp-housing-proof__header p {
margin: 0;
    text-align: right;
    color: var(--lp-housing-proof-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-housing-proof__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-housing-proof-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-housing-proof-rule);
}

.lp-housing-proof__card {
display: flex;
    flex-direction: column;
    background: var(--lp-housing-proof-card);
}

.lp-housing-proof__visual {
padding: 22px 24px 20px;
    border-bottom: 1px solid var(--lp-housing-proof-rule);
    background: var(--lp-housing-proof-inset);
}

.lp-housing-proof__visual-label {
margin-bottom: 14px;
    color: var(--lp-housing-proof-ink-4);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp-housing-proof__visual-row {
display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--lp-housing-proof-rule);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
}

.lp-housing-proof__visual-row + .lp-housing-proof__visual-row {
margin-top: 10px;
}

.lp-housing-proof__visual-row.is-amber-strong {
background: rgba(212, 160, 23, 0.08);
}

.lp-housing-proof__visual-row.is-blue-strong {
background: rgba(96, 176, 224, 0.08);
}

.lp-housing-proof__visual-row.is-green-strong {
background: rgba(58, 158, 95, 0.08);
}

.lp-housing-proof__visual-dot {
width: 7px;
    height: 7px;
    border-radius: 999px;
}

.lp-housing-proof__visual-dot.is-amber {
background: var(--lp-housing-proof-accent);
}

.lp-housing-proof__visual-dot.is-blue {
background: var(--lp-housing-proof-blue);
}

.lp-housing-proof__visual-dot.is-green {
background: var(--lp-housing-proof-green);
}

.lp-housing-proof__visual-text {
color: var(--lp-housing-proof-ink-2);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.4;
}

.lp-housing-proof__visual-pill,
.lp-housing-proof__visual-value {
font-size: 11.5px;
    font-weight: 500;
    white-space: nowrap;
}

.lp-housing-proof__visual-pill {
padding: 4px 8px;
    border: 1px solid var(--lp-housing-proof-rule);
    border-radius: 999px;
    color: var(--lp-housing-proof-ink-3);
}

.lp-housing-proof__visual-pill.is-amber {
color: var(--lp-housing-proof-accent);
}

.lp-housing-proof__visual-pill.is-blue {
color: var(--lp-housing-proof-blue);
}

.lp-housing-proof__visual-pill.is-green {
color: var(--lp-housing-proof-green);
}

.lp-housing-proof__visual-value {
color: var(--lp-housing-proof-ink);
}

.lp-housing-proof__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 16px;
    padding: 22px 24px 24px;
}

.lp-housing-proof__num {
color: var(--lp-housing-proof-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-housing-proof__title {
color: var(--lp-housing-proof-ink);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.lp-housing-proof__title span {
color: var(--lp-housing-proof-accent);
}

.lp-housing-proof__desc {
color: var(--lp-housing-proof-ink-2);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-housing-proof__list {
margin: 0;
    padding-left: 18px;
    color: var(--lp-housing-proof-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-housing-proof__list li + li {
margin-top: 8px;
}

.lp-housing-proof__bottom-strip {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border: 1px solid var(--lp-housing-proof-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-housing-proof-inset);
}

.lp-housing-proof__bottom-text {
color: var(--lp-housing-proof-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-housing-proof__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lp-housing-proof-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-housing-proof__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-housing-proof__bottom-link:hover,
.lp-housing-proof__bottom-link:focus-visible {
color: var(--lp-housing-proof-accent);
    outline: none;
}





.lp-housing-pains {
--lp-housing-pains-card: var(--lp-panel-bg-strong);
    --lp-housing-pains-card-hover: var(--lp-panel-hover-strong);
    --lp-housing-pains-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-housing-pains-rule: var(--lp-panel-border);
    --lp-housing-pains-rule-strong: var(--lp-ghost-border);
    --lp-housing-pains-ink: var(--lp-color-text);
    --lp-housing-pains-ink-2: var(--lp-color-text-muted);
    --lp-housing-pains-ink-3: var(--lp-color-text-muted);
    --lp-housing-pains-ink-4: var(--lp-color-text-soft);
    --lp-housing-pains-accent: #d4a017;
    --lp-housing-pains-red: #e05c4a;
    --lp-housing-pains-green: #3a9e5f;
    color: var(--lp-housing-pains-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-housing-pains__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-housing-pains__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-housing-pains-accent);
}

.lp-housing-pains__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-housing-pains-ink-3);
}

.lp-housing-pains__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-housing-pains__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-housing-pains-ink);
}

.lp-housing-pains__header h2 span {
color: var(--lp-housing-pains-accent);
}

.lp-housing-pains__header p {
margin: 0;
    text-align: right;
    color: var(--lp-housing-pains-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-housing-pains__split {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-housing-pains-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-housing-pains-rule);
}

.lp-housing-pains__col {
background: var(--lp-housing-pains-card);
}

.lp-housing-pains__col-header {
display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--lp-housing-pains-rule);
}

.lp-housing-pains__col-icon-box {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--lp-housing-pains-rule);
    border-radius: 10px;
    background: var(--lp-housing-pains-inset);
}

.lp-housing-pains__col-icon-box svg {
width: 17px;
    height: 17px;
}

.lp-housing-pains__col-icon-box.is-pain {
color: var(--lp-housing-pains-red);
}

.lp-housing-pains__col-icon-box.is-fit {
color: var(--lp-housing-pains-green);
}

.lp-housing-pains__col-type {
margin-bottom: 8px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-housing-pains__col-type.is-pain {
color: var(--lp-housing-pains-red);
}

.lp-housing-pains__col-type.is-fit {
color: var(--lp-housing-pains-green);
}

.lp-housing-pains__col-title {
color: var(--lp-housing-pains-ink);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.lp-housing-pains__col-sub {
margin-top: 12px;
    color: var(--lp-housing-pains-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-housing-pains__item-list {
display: flex;
    flex-direction: column;
}

.lp-housing-pains__item {
display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--lp-housing-pains-rule);
}

.lp-housing-pains__item:last-child {
border-bottom: 0;
}

.lp-housing-pains__item:hover {
background: var(--lp-housing-pains-card-hover);
}

.lp-housing-pains__marker {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.lp-housing-pains__marker svg {
width: 11px;
    height: 11px;
}

.lp-housing-pains__marker.is-pain {
color: var(--lp-housing-pains-red);
}

.lp-housing-pains__marker.is-fit {
color: var(--lp-housing-pains-green);
}

.lp-housing-pains__item-title {
color: var(--lp-housing-pains-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
}

.lp-housing-pains__item-desc {
margin-top: 6px;
    color: var(--lp-housing-pains-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-housing-pains__resolution {
display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border: 1px solid var(--lp-housing-pains-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-housing-pains-inset);
}

.lp-housing-pains__resolution-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: 10px;
    color: var(--lp-housing-pains-accent);
}

.lp-housing-pains__resolution-icon svg {
width: 18px;
    height: 18px;
}

.lp-housing-pains__resolution-copy {
flex: 1 1 auto;
    min-width: 0;
}

.lp-housing-pains__resolution-label {
color: var(--lp-housing-pains-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-housing-pains__resolution-value {
margin-top: 6px;
    color: var(--lp-housing-pains-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-housing-pains__resolution-value strong {
color: var(--lp-housing-pains-ink);
}

.lp-housing-pains__resolution-links {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lp-housing-pains__resolution-link {
display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid var(--lp-housing-pains-rule-strong);
    border-radius: 999px;
    color: var(--lp-housing-pains-ink-3);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-housing-pains__resolution-link:hover,
.lp-housing-pains__resolution-link:focus-visible {
color: var(--lp-housing-pains-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-housing-pains__resolution-link svg {
width: 12px;
    height: 12px;
}





.lp-care-pains {
--lp-care-pains-card: var(--lp-panel-bg-strong);
    --lp-care-pains-card-hover: var(--lp-panel-hover-strong);
    --lp-care-pains-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-care-pains-rule: var(--lp-panel-border);
    --lp-care-pains-rule-strong: var(--lp-ghost-border);
    --lp-care-pains-ink: var(--lp-color-text);
    --lp-care-pains-ink-2: var(--lp-color-text-muted);
    --lp-care-pains-ink-3: var(--lp-color-text-muted);
    --lp-care-pains-ink-4: var(--lp-color-text-soft);
    --lp-care-pains-accent: #d4a017;
    --lp-care-pains-red: #e05c4a;
    --lp-care-pains-green: #3a9e5f;
    color: var(--lp-care-pains-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-care-pains__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-care-pains__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-care-pains-accent);
}

.lp-care-pains__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-care-pains-ink-3);
}

.lp-care-pains__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-care-pains__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-care-pains-ink);
}

.lp-care-pains__header h2 span {
color: var(--lp-care-pains-accent);
}

.lp-care-pains__header p {
margin: 0;
    text-align: right;
    color: var(--lp-care-pains-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-care-pains__split {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-care-pains-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-care-pains-rule);
}

.lp-care-pains__col {
background: var(--lp-care-pains-card);
}

.lp-care-pains__col-header {
display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--lp-care-pains-rule);
}

.lp-care-pains__col-icon-box {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--lp-care-pains-rule);
    border-radius: 10px;
    background: var(--lp-care-pains-inset);
}

.lp-care-pains__col-icon-box svg {
width: 17px;
    height: 17px;
}

.lp-care-pains__col-icon-box.is-pain {
color: var(--lp-care-pains-red);
}

.lp-care-pains__col-icon-box.is-fit {
color: var(--lp-care-pains-green);
}

.lp-care-pains__col-type {
margin-bottom: 8px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-care-pains__col-type.is-pain {
color: var(--lp-care-pains-red);
}

.lp-care-pains__col-type.is-fit {
color: var(--lp-care-pains-green);
}

.lp-care-pains__col-title {
color: var(--lp-care-pains-ink);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.lp-care-pains__col-sub {
margin-top: 12px;
    color: var(--lp-care-pains-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-care-pains__item-list {
display: flex;
    flex-direction: column;
}

.lp-care-pains__item {
display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--lp-care-pains-rule);
}

.lp-care-pains__item:last-child {
border-bottom: 0;
}

.lp-care-pains__item:hover {
background: var(--lp-care-pains-card-hover);
}

.lp-care-pains__marker {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.lp-care-pains__marker svg {
width: 11px;
    height: 11px;
}

.lp-care-pains__marker.is-pain {
color: var(--lp-care-pains-red);
}

.lp-care-pains__marker.is-fit {
color: var(--lp-care-pains-green);
}

.lp-care-pains__item-title {
color: var(--lp-care-pains-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
}

.lp-care-pains__item-desc {
margin-top: 6px;
    color: var(--lp-care-pains-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-care-pains__resolution {
display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    border: 1px solid var(--lp-care-pains-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-care-pains-inset);
}

.lp-care-pains__resolution-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: 10px;
    color: var(--lp-care-pains-accent);
}

.lp-care-pains__resolution-icon svg {
width: 18px;
    height: 18px;
}

.lp-care-pains__resolution-copy {
flex: 1 1 auto;
    min-width: 0;
}

.lp-care-pains__resolution-label {
color: var(--lp-care-pains-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-care-pains__resolution-value {
margin-top: 6px;
    color: var(--lp-care-pains-ink-2);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-care-pains__resolution-value strong {
color: var(--lp-care-pains-ink);
}

.lp-care-pains__resolution-links {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lp-care-pains__resolution-link {
display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid var(--lp-care-pains-rule-strong);
    border-radius: 999px;
    color: var(--lp-care-pains-ink-3);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-care-pains__resolution-link:hover,
.lp-care-pains__resolution-link:focus-visible {
color: var(--lp-care-pains-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-care-pains__resolution-link svg {
width: 12px;
    height: 12px;
}





.lp-care-workflow {
--lp-care-workflow-card: var(--lp-panel-bg-strong);
    --lp-care-workflow-card-hover: var(--lp-panel-hover-strong);
    --lp-care-workflow-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-care-workflow-rule: var(--lp-panel-border);
    --lp-care-workflow-rule-strong: var(--lp-ghost-border);
    --lp-care-workflow-ink: var(--lp-color-text);
    --lp-care-workflow-ink-2: var(--lp-color-text-muted);
    --lp-care-workflow-ink-3: var(--lp-color-text-muted);
    --lp-care-workflow-ink-4: var(--lp-color-text-soft);
    --lp-care-workflow-accent: #d4a017;
    color: var(--lp-care-workflow-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-care-workflow__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-care-workflow__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-care-workflow-accent);
}

.lp-care-workflow__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-care-workflow-ink-3);
}

.lp-care-workflow__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-care-workflow__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-care-workflow-ink);
}

.lp-care-workflow__header h2 span {
color: var(--lp-care-workflow-accent);
}

.lp-care-workflow__header p {
margin: 0;
    text-align: right;
    color: var(--lp-care-workflow-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-care-workflow__workflow {
border: 1px solid var(--lp-care-workflow-rule-strong);
    border-radius: 12px;
    overflow: hidden;
    background: var(--lp-care-workflow-rule);
}

.lp-care-workflow__steps {
display: grid;
    grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1fr);
    gap: 1px;
    background: var(--lp-care-workflow-rule);
}

.lp-care-workflow__steps[data-step-count="4"] {
    grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1fr);
}

.lp-care-workflow__step {
padding: 28px 28px 24px;
    background: var(--lp-care-workflow-card);
}

.lp-care-workflow__step-num {
margin-bottom: 14px;
    color: var(--lp-care-workflow-ink-4);
    font-size: 12px;
    font-weight: 500;
}

.lp-care-workflow__step-icon-row {
display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.lp-care-workflow__step-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--lp-care-workflow-rule);
    border-radius: 8px;
    background: var(--lp-care-workflow-inset);
}

.lp-care-workflow__step-icon svg {
width: 16px;
    height: 16px;
    color: var(--lp-care-workflow-ink-3);
}

.lp-care-workflow__step-phase {
color: var(--lp-care-workflow-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-care-workflow__step-title {
margin-bottom: 12px;
    color: var(--lp-care-workflow-ink);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-care-workflow__step-title span {
color: var(--lp-care-workflow-accent);
}

.lp-care-workflow__step-desc {
margin-bottom: 18px;
    color: var(--lp-care-workflow-ink-2);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-care-workflow__step-details {
margin: 0;
    padding-left: 18px;
    color: var(--lp-care-workflow-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-care-workflow__step-details li + li {
margin-top: 8px;
}

.lp-care-workflow__step-arrow {
display: flex;
    align-items: center;
    justify-content: center;
    background: var(--lp-care-workflow-card);
    color: var(--lp-care-workflow-ink-4);
}

.lp-care-workflow__step-arrow svg {
width: 16px;
    height: 16px;
}

.lp-care-workflow__platform-row {
display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 24px;
    border-top: 1px solid var(--lp-care-workflow-rule);
    background: var(--lp-care-workflow-inset);
}

.lp-care-workflow__platform-label {
flex: 0 0 auto;
    color: var(--lp-care-workflow-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-care-workflow__platform-links {
display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-care-workflow__platform-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lp-care-workflow-ink-3);
    font-size: 11.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-care-workflow__platform-link svg {
width: 9px;
    height: 9px;
}

.lp-care-workflow__platform-link:hover,
.lp-care-workflow__platform-link:focus-visible {
color: var(--lp-care-workflow-accent);
    outline: none;
}





.lp-housing-workflow {
--lp-housing-workflow-card: var(--lp-panel-bg-strong);
    --lp-housing-workflow-card-hover: var(--lp-panel-hover-strong);
    --lp-housing-workflow-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-housing-workflow-rule: var(--lp-panel-border);
    --lp-housing-workflow-rule-strong: var(--lp-ghost-border);
    --lp-housing-workflow-ink: var(--lp-color-text);
    --lp-housing-workflow-ink-2: var(--lp-color-text-muted);
    --lp-housing-workflow-ink-3: var(--lp-color-text-muted);
    --lp-housing-workflow-ink-4: var(--lp-color-text-soft);
    --lp-housing-workflow-accent: #d4a017;
    color: var(--lp-housing-workflow-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-housing-workflow__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-housing-workflow__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-housing-workflow-accent);
}

.lp-housing-workflow__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-housing-workflow-ink-3);
}

.lp-housing-workflow__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-housing-workflow__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-housing-workflow-ink);
}

.lp-housing-workflow__header h2 span {
color: var(--lp-housing-workflow-accent);
}

.lp-housing-workflow__header p {
margin: 0;
    text-align: right;
    color: var(--lp-housing-workflow-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-housing-workflow__workflow {
border: 1px solid var(--lp-housing-workflow-rule-strong);
    border-radius: 12px;
    overflow: hidden;
    background: var(--lp-housing-workflow-rule);
}

.lp-housing-workflow__steps {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-housing-workflow-rule);
}

.lp-housing-workflow__steps[data-step-count="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lp-housing-workflow__step {
display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 22px 24px 24px;
    background: var(--lp-housing-workflow-card);
}

.lp-housing-workflow__step-num {
color: var(--lp-housing-workflow-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-housing-workflow__step-icon-row {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.lp-housing-workflow__step-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--lp-housing-workflow-rule);
    border-radius: 10px;
    background: var(--lp-housing-workflow-inset);
}

.lp-housing-workflow__step-icon svg {
width: 18px;
    height: 18px;
    color: var(--lp-housing-workflow-ink-3);
}

.lp-housing-workflow__step-phase {
color: var(--lp-housing-workflow-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-housing-workflow__step-title {
color: var(--lp-housing-workflow-ink);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.lp-housing-workflow__step-title span {
color: var(--lp-housing-workflow-accent);
}

.lp-housing-workflow__step-desc {
color: var(--lp-housing-workflow-ink-2);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-housing-workflow__step-details {
margin: 0;
    padding-left: 18px;
    color: var(--lp-housing-workflow-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-housing-workflow__step-details li + li {
margin-top: 8px;
}

.lp-housing-workflow__step-arrow {
display: none;
}

.lp-housing-workflow__platform-row {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 20px;
    border-top: 1px solid var(--lp-housing-workflow-rule);
    background: var(--lp-housing-workflow-inset);
}

.lp-housing-workflow__platform-label {
color: var(--lp-housing-workflow-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-housing-workflow__platform-links {
display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.lp-housing-workflow__platform-link {
display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--lp-housing-workflow-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-housing-workflow__platform-link svg {
width: 9px;
    height: 9px;
}

.lp-housing-workflow__platform-link:hover,
.lp-housing-workflow__platform-link:focus-visible {
color: var(--lp-housing-workflow-accent);
    outline: none;
}





.lp-care-resources {
--lp-care-res-card: var(--lp-panel-bg-strong);
    --lp-care-res-card-hover: var(--lp-panel-hover-strong);
    --lp-care-res-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-care-res-rule: var(--lp-panel-border);
    --lp-care-res-rule-strong: var(--lp-ghost-border);
    --lp-care-res-ink: var(--lp-color-text);
    --lp-care-res-ink-2: var(--lp-color-text-muted);
    --lp-care-res-ink-3: var(--lp-color-text-muted);
    --lp-care-res-ink-4: var(--lp-color-text-soft);
    --lp-care-res-accent: #d4a017;
    --lp-care-res-blue: #60b0e0;
    --lp-care-res-green: #3a9e5f;
    color: var(--lp-care-res-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-care-resources__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-care-resources__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-care-res-accent);
}

.lp-care-resources__eyebrow-text {
color: var(--lp-care-res-ink-3);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-care-resources__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-care-resources__header h2 {
margin: 0;
    color: var(--lp-care-res-ink);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-care-resources__header h2 span {
color: var(--lp-care-res-accent);
}

.lp-care-resources__header p {
margin: 0;
    color: var(--lp-care-res-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
    text-align: right;
}

.lp-care-resources__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-care-res-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-care-res-rule);
}

.lp-care-resources__card {
display: flex;
    flex-direction: column;
    background: var(--lp-care-res-card);
    color: inherit;
    text-decoration: none;
    transition: background 180ms ease;
}

.lp-care-resources__card:hover,
.lp-care-resources__card:focus-visible {
background: var(--lp-care-res-card-hover);
    outline: none;
}

.lp-care-resources__card-header {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 84px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--lp-care-res-rule);
}

.lp-care-resources__card-header.is-amber {
background: rgba(212, 160, 23, 0.07);
}

.lp-care-resources__card-header.is-blue {
background: rgba(96, 176, 224, 0.07);
}

.lp-care-resources__card-header.is-green {
background: rgba(58, 158, 95, 0.07);
}

.lp-care-resources__icon-box {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 9px;
}

.lp-care-resources__icon-box svg {
width: 19px;
    height: 19px;
}

.lp-care-resources__icon-box.is-amber {
border: 1px solid rgba(212, 160, 23, 0.25);
    background: rgba(212, 160, 23, 0.13);
    color: var(--lp-care-res-accent);
}

.lp-care-resources__icon-box.is-blue {
border: 1px solid rgba(96, 176, 224, 0.25);
    background: rgba(96, 176, 224, 0.12);
    color: var(--lp-care-res-blue);
}

.lp-care-resources__icon-box.is-green {
border: 1px solid rgba(58, 158, 95, 0.25);
    background: rgba(58, 158, 95, 0.12);
    color: var(--lp-care-res-green);
}

.lp-care-resources__header-right {
display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.lp-care-resources__type-badge {
display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
}

.lp-care-resources__type-badge.is-amber {
border: 1px solid rgba(212, 160, 23, 0.25);
    background: rgba(212, 160, 23, 0.12);
    color: var(--lp-care-res-accent);
}

.lp-care-resources__type-badge.is-blue {
border: 1px solid rgba(96, 176, 224, 0.25);
    background: rgba(96, 176, 224, 0.1);
    color: var(--lp-care-res-blue);
}

.lp-care-resources__type-badge.is-green {
border: 1px solid rgba(58, 158, 95, 0.25);
    background: rgba(58, 158, 95, 0.1);
    color: var(--lp-care-res-green);
}

.lp-care-resources__read-time {
color: var(--lp-care-res-ink-4);
    font-size: 10.5px;
    font-weight: 300;
}

.lp-care-resources__card-body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 24px 28px 26px;
}

.lp-care-resources__card-title {
margin-bottom: 11px;
    color: var(--lp-care-res-ink);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-care-resources__card-desc {
flex: 1 1 auto;
    color: var(--lp-care-res-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-care-resources__covers {
margin: 18px 0 0;
    padding-left: 18px;
    color: var(--lp-care-res-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.45;
}

.lp-care-resources__covers li + li {
margin-top: 7px;
}

.lp-care-resources__card-footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--lp-care-res-rule);
}

.lp-care-resources__cta-text {
color: var(--lp-care-res-ink-4);
    font-size: 12px;
    font-weight: 500;
    transition: color 180ms ease;
}

.lp-care-resources__cta-arrow {
width: 15px;
    height: 15px;
    color: var(--lp-care-res-ink-4);
    transition: color 180ms ease, transform 180ms ease;
}

.lp-care-resources__card:hover .lp-care-resources__cta-text,
.lp-care-resources__card:focus-visible .lp-care-resources__cta-text {
color: var(--lp-care-res-accent);
}

.lp-care-resources__card:hover .lp-care-resources__cta-arrow,
.lp-care-resources__card:focus-visible .lp-care-resources__cta-arrow {
color: var(--lp-care-res-accent);
    transform: translate(3px, -3px);
}

.lp-care-resources__bottom-bar {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 28px;
    border: 1px solid var(--lp-care-res-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-care-res-inset);
}

.lp-care-resources__bottom-note {
color: var(--lp-care-res-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-care-resources__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-care-res-rule-strong);
    border-radius: 6px;
    color: var(--lp-care-res-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-care-resources__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-care-resources__bottom-link:hover,
.lp-care-resources__bottom-link:focus-visible {
color: var(--lp-care-res-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}





.lp-housing-resources {
--lp-housing-res-card: var(--lp-panel-bg-strong);
    --lp-housing-res-card-hover: var(--lp-panel-hover-strong);
    --lp-housing-res-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-housing-res-rule: var(--lp-panel-border);
    --lp-housing-res-rule-strong: var(--lp-ghost-border);
    --lp-housing-res-ink: var(--lp-color-text);
    --lp-housing-res-ink-2: var(--lp-color-text-muted);
    --lp-housing-res-ink-3: var(--lp-color-text-muted);
    --lp-housing-res-ink-4: var(--lp-color-text-soft);
    --lp-housing-res-accent: #d4a017;
    --lp-housing-res-blue: #60b0e0;
    --lp-housing-res-green: #3a9e5f;
    color: var(--lp-housing-res-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-housing-resources__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-housing-resources__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-housing-res-accent);
}

.lp-housing-resources__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-housing-res-ink-3);
}

.lp-housing-resources__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-housing-resources__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-housing-res-ink);
}

.lp-housing-resources__header h2 span {
color: var(--lp-housing-res-accent);
}

.lp-housing-resources__header p {
margin: 0;
    text-align: right;
    color: var(--lp-housing-res-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-housing-resources__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-housing-res-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-housing-res-rule);
}

.lp-housing-resources__card {
display: flex;
    flex-direction: column;
    background: var(--lp-housing-res-card);
    color: inherit;
    text-decoration: none;
    transition: background 150ms ease;
}

.lp-housing-resources__card:hover,
.lp-housing-resources__card:focus-visible {
background: var(--lp-housing-res-card-hover);
    outline: none;
}

.lp-housing-resources__card-header {
display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 20px 24px 18px;
    border-bottom: 1px solid var(--lp-housing-res-rule);
    background: var(--lp-housing-res-inset);
}

.lp-housing-resources__card-header.is-amber {
box-shadow: inset 0 1px 0 rgba(212, 160, 23, 0.18);
}

.lp-housing-resources__card-header.is-blue {
box-shadow: inset 0 1px 0 rgba(96, 176, 224, 0.18);
}

.lp-housing-resources__card-header.is-green {
box-shadow: inset 0 1px 0 rgba(58, 158, 95, 0.18);
}

.lp-housing-resources__icon-box {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    border: 1px solid var(--lp-housing-res-rule);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
}

.lp-housing-resources__icon-box svg {
width: 20px;
    height: 20px;
}

.lp-housing-resources__icon-box.is-amber {
color: var(--lp-housing-res-accent);
}

.lp-housing-resources__icon-box.is-blue {
color: var(--lp-housing-res-blue);
}

.lp-housing-resources__icon-box.is-green {
color: var(--lp-housing-res-green);
}

.lp-housing-resources__header-right {
display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.lp-housing-resources__type-badge {
display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border: 1px solid var(--lp-housing-res-rule);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.lp-housing-resources__type-badge.is-amber {
color: var(--lp-housing-res-accent);
}

.lp-housing-resources__type-badge.is-blue {
color: var(--lp-housing-res-blue);
}

.lp-housing-resources__type-badge.is-green {
color: var(--lp-housing-res-green);
}

.lp-housing-resources__read-time {
color: var(--lp-housing-res-ink-4);
    font-size: 11px;
    font-weight: 400;
}

.lp-housing-resources__card-body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 14px;
    padding: 22px 24px 24px;
}

.lp-housing-resources__card-title {
color: var(--lp-housing-res-ink);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.lp-housing-resources__card-desc {
color: var(--lp-housing-res-ink-2);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-housing-resources__covers {
margin: 0;
    padding-left: 18px;
    color: var(--lp-housing-res-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-housing-resources__covers li + li {
margin-top: 8px;
}

.lp-housing-resources__card-footer {
display: flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: var(--lp-housing-res-ink-4);
}

.lp-housing-resources__cta-text {
font-size: 12.5px;
    font-weight: 500;
}

.lp-housing-resources__cta-arrow {
width: 14px;
    height: 14px;
    transition: transform 150ms ease, color 150ms ease;
}

.lp-housing-resources__card:hover .lp-housing-resources__cta-text,
.lp-housing-resources__card:focus-visible .lp-housing-resources__cta-text {
color: var(--lp-housing-res-ink);
}

.lp-housing-resources__card:hover .lp-housing-resources__cta-arrow,
.lp-housing-resources__card:focus-visible .lp-housing-resources__cta-arrow {
color: var(--lp-housing-res-accent);
    transform: translate(1px, -1px);
}

.lp-housing-resources__bottom-bar {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 14px 22px;
    border: 1px solid var(--lp-housing-res-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-housing-res-inset);
}

.lp-housing-resources__bottom-note {
color: var(--lp-housing-res-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-housing-resources__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lp-housing-res-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-housing-resources__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-housing-resources__bottom-link:hover,
.lp-housing-resources__bottom-link:focus-visible {
color: var(--lp-housing-res-ink);
    outline: none;
}





.lp-fm-final-cta {
--lp-fm-final-cta-card: var(--lp-panel-bg-strong);
    --lp-fm-final-cta-rule: var(--lp-panel-border);
    --lp-fm-final-cta-rule-hover: var(--lp-ghost-border);
    --lp-fm-final-cta-ink: var(--lp-color-text);
    --lp-fm-final-cta-ink-2: var(--lp-color-text-muted);
    --lp-fm-final-cta-ink-3: var(--lp-color-text-muted);
    --lp-fm-final-cta-ink-4: var(--lp-color-text-soft);
    --lp-fm-final-cta-accent: #d4a017;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--lp-fm-final-cta-rule-hover);
    border-radius: 14px;
    color: var(--lp-fm-final-cta-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-fm-final-cta::before {
content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 640px;
    height: 280px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at 50% 0%, rgba(212, 160, 23, 0.1) 0%, transparent 68%);
    pointer-events: none;
}

.lp-fm-final-cta::after {
content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.55), transparent);
}

.lp-fm-final-cta__inner {
position: relative;
    padding: 80px 64px 72px;
    background: var(--lp-fm-final-cta-card);
    text-align: center;
}

.lp-fm-final-cta__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.lp-fm-final-cta__eyebrow-dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-fm-final-cta-accent);
}

.lp-fm-final-cta__eyebrow-text {
color: var(--lp-fm-final-cta-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-fm-final-cta__headline {
max-width: 600px;
    margin: 0 auto 20px;
    color: var(--lp-fm-final-cta-ink);
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.lp-fm-final-cta__headline span {
color: var(--lp-fm-final-cta-accent);
}

.lp-fm-final-cta__sub {
max-width: 440px;
    margin: 0 auto 40px;
    color: var(--lp-fm-final-cta-ink-2);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-fm-final-cta__buttons {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.lp-fm-final-cta__btn-primary,
.lp-fm-final-cta__btn-ghost {
display: inline-flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.lp-fm-final-cta__btn-primary {
gap: 8px;
    padding: 14px 32px;
    border-radius: 7px;
    background: var(--lp-fm-final-cta-accent);
    color: #0e0e0c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.lp-fm-final-cta__btn-primary:hover,
.lp-fm-final-cta__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
}

.lp-fm-final-cta__btn-primary svg {
width: 14px;
    height: 14px;
}

.lp-fm-final-cta__btn-ghost {
gap: 7px;
    padding: 13px 26px;
    border: 1px solid var(--lp-fm-final-cta-rule-hover);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-fm-final-cta-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-fm-final-cta__btn-ghost:hover,
.lp-fm-final-cta__btn-ghost:focus-visible {
color: var(--lp-fm-final-cta-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
}

.lp-fm-final-cta__micro {
margin: 0;
    color: var(--lp-fm-final-cta-ink-4);
    font-size: 11.5px;
    font-weight: 300;
}

.lp-fm-final-cta__pills {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--lp-fm-final-cta-rule);
}

.lp-fm-final-cta__pill {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px;
    border: 1px solid var(--lp-fm-final-cta-rule);
    border-radius: 999px;
    background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
    color: var(--lp-fm-final-cta-ink-4);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

.lp-fm-final-cta__pill svg {
width: 10px;
    height: 10px;
}



.lp-care-final-cta {
--lp-care-final-cta-card: var(--lp-panel-bg-strong);
    --lp-care-final-cta-rule: var(--lp-panel-border);
    --lp-care-final-cta-rule-hover: var(--lp-ghost-border);
    --lp-care-final-cta-ink: var(--lp-color-text);
    --lp-care-final-cta-ink-2: var(--lp-color-text-muted);
    --lp-care-final-cta-ink-3: var(--lp-color-text-muted);
    --lp-care-final-cta-ink-4: var(--lp-color-text-soft);
    --lp-care-final-cta-accent: #d4a017;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--lp-care-final-cta-rule-hover);
    border-radius: 14px;
    color: var(--lp-care-final-cta-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-care-final-cta::before {
content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 640px;
    height: 280px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at 50% 0%, rgba(212, 160, 23, 0.1) 0%, transparent 68%);
    pointer-events: none;
}

.lp-care-final-cta::after {
content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.55), transparent);
}

.lp-care-final-cta__inner {
position: relative;
    padding: 80px 64px 72px;
    background: var(--lp-care-final-cta-card);
    text-align: center;
}

.lp-care-final-cta__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.lp-care-final-cta__eyebrow-dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-care-final-cta-accent);
}

.lp-care-final-cta__eyebrow-text {
color: var(--lp-care-final-cta-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-care-final-cta__headline {
max-width: 600px;
    margin: 0 auto 20px;
    color: var(--lp-care-final-cta-ink);
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.lp-care-final-cta__headline span {
color: var(--lp-care-final-cta-accent);
}

.lp-care-final-cta__sub {
max-width: 440px;
    margin: 0 auto 40px;
    color: var(--lp-care-final-cta-ink-2);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-care-final-cta__buttons {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.lp-care-final-cta__btn-primary,
.lp-care-final-cta__btn-ghost {
display: inline-flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.lp-care-final-cta__btn-primary {
gap: 8px;
    padding: 14px 32px;
    border-radius: 7px;
    background: var(--lp-care-final-cta-accent);
    color: #0e0e0c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.lp-care-final-cta__btn-primary:hover,
.lp-care-final-cta__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
}

.lp-care-final-cta__btn-primary svg {
width: 14px;
    height: 14px;
}

.lp-care-final-cta__btn-ghost {
gap: 7px;
    padding: 13px 26px;
    border: 1px solid var(--lp-care-final-cta-rule-hover);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-care-final-cta-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-care-final-cta__btn-ghost:hover,
.lp-care-final-cta__btn-ghost:focus-visible {
color: var(--lp-care-final-cta-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
}

.lp-care-final-cta__micro {
margin: 0;
    color: var(--lp-care-final-cta-ink-4);
    font-size: 11.5px;
    font-weight: 300;
}

.lp-care-final-cta__pills {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--lp-care-final-cta-rule);
}

.lp-care-final-cta__pill {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px;
    border: 1px solid var(--lp-care-final-cta-rule);
    border-radius: 999px;
    background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
    color: var(--lp-care-final-cta-ink-4);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

.lp-care-final-cta__pill svg {
width: 10px;
    height: 10px;
}



.lp-housing-final-cta {
--lp-housing-final-cta-card: var(--lp-panel-bg-strong);
    --lp-housing-final-cta-rule: var(--lp-panel-border);
    --lp-housing-final-cta-rule-hover: var(--lp-ghost-border);
    --lp-housing-final-cta-ink: var(--lp-color-text);
    --lp-housing-final-cta-ink-2: var(--lp-color-text-muted);
    --lp-housing-final-cta-ink-3: var(--lp-color-text-muted);
    --lp-housing-final-cta-ink-4: var(--lp-color-text-soft);
    --lp-housing-final-cta-accent: #d4a017;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--lp-housing-final-cta-rule-hover);
    border-radius: 14px;
    color: var(--lp-housing-final-cta-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-housing-final-cta::before {
content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 640px;
    height: 280px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at 50% 0%, rgba(212, 160, 23, 0.1) 0%, transparent 68%);
    pointer-events: none;
}

.lp-housing-final-cta::after {
content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.55), transparent);
}

.lp-housing-final-cta__inner {
position: relative;
    padding: 80px 64px 72px;
    background: var(--lp-housing-final-cta-card);
    text-align: center;
}

.lp-housing-final-cta__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.lp-housing-final-cta__eyebrow-dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-housing-final-cta-accent);
}

.lp-housing-final-cta__eyebrow-text {
color: var(--lp-housing-final-cta-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-housing-final-cta__headline {
max-width: 600px;
    margin: 0 auto 20px;
    color: var(--lp-housing-final-cta-ink);
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.lp-housing-final-cta__headline span {
color: var(--lp-housing-final-cta-accent);
}

.lp-housing-final-cta__sub {
max-width: 440px;
    margin: 0 auto 40px;
    color: var(--lp-housing-final-cta-ink-2);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-housing-final-cta__buttons {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.lp-housing-final-cta__btn-primary,
.lp-housing-final-cta__btn-ghost {
display: inline-flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.lp-housing-final-cta__btn-primary {
gap: 8px;
    padding: 14px 32px;
    border-radius: 7px;
    background: var(--lp-housing-final-cta-accent);
    color: #0e0e0c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.lp-housing-final-cta__btn-primary:hover,
.lp-housing-final-cta__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
}

.lp-housing-final-cta__btn-primary svg {
width: 14px;
    height: 14px;
}

.lp-housing-final-cta__btn-ghost {
gap: 7px;
    padding: 13px 26px;
    border: 1px solid var(--lp-housing-final-cta-rule-hover);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-housing-final-cta-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-housing-final-cta__btn-ghost:hover,
.lp-housing-final-cta__btn-ghost:focus-visible {
color: var(--lp-housing-final-cta-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
}

.lp-housing-final-cta__micro {
margin: 0;
    color: var(--lp-housing-final-cta-ink-4);
    font-size: 11.5px;
    font-weight: 300;
}

.lp-housing-final-cta__pills {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--lp-housing-final-cta-rule);
}

.lp-housing-final-cta__pill {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px;
    border: 1px solid var(--lp-housing-final-cta-rule);
    border-radius: 999px;
    background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
    color: var(--lp-housing-final-cta-ink-4);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

.lp-housing-final-cta__pill svg {
width: 10px;
    height: 10px;
}



.lp-contractors-proof {
--lp-contractors-proof-card: var(--lp-panel-bg-strong);
    --lp-contractors-proof-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-contractors-proof-rule: var(--lp-panel-border);
    --lp-contractors-proof-rule-strong: var(--lp-ghost-border);
    --lp-contractors-proof-ink: var(--lp-color-text);
    --lp-contractors-proof-ink-2: var(--lp-color-text-muted);
    --lp-contractors-proof-ink-3: var(--lp-color-text-muted);
    --lp-contractors-proof-ink-4: var(--lp-color-text-soft);
    --lp-contractors-proof-accent: #d4a017;
    --lp-contractors-proof-blue: #60b0e0;
    --lp-contractors-proof-green: #3a9e5f;
    color: var(--lp-contractors-proof-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-contractors-proof__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-contractors-proof__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-contractors-proof-accent);
}

.lp-contractors-proof__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-contractors-proof-ink-3);
}

.lp-contractors-proof__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-contractors-proof__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-contractors-proof-ink);
}

.lp-contractors-proof__header h2 span {
color: var(--lp-contractors-proof-accent);
}

.lp-contractors-proof__header p {
margin: 0;
    text-align: right;
    color: var(--lp-contractors-proof-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-contractors-proof__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-contractors-proof-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-contractors-proof-rule);
}

.lp-contractors-proof__card {
display: flex;
    flex-direction: column;
    background: var(--lp-contractors-proof-card);
}

.lp-contractors-proof__visual {
padding: 22px 24px 20px;
    border-bottom: 1px solid var(--lp-contractors-proof-rule);
    background: var(--lp-contractors-proof-inset);
}

.lp-contractors-proof__visual-label {
margin-bottom: 12px;
    color: var(--lp-contractors-proof-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-contractors-proof__visual-row {
display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid var(--lp-contractors-proof-rule);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.02);
}

.lp-contractors-proof__visual-row.is-amber-strong {
border-color: rgba(212, 160, 23, 0.2);
    background: rgba(212, 160, 23, 0.05);
}

.lp-contractors-proof__visual-row.is-blue-strong {
border-color: rgba(96, 176, 224, 0.2);
    background: rgba(96, 176, 224, 0.05);
}

.lp-contractors-proof__visual-row.is-green-strong {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.05);
}

.lp-contractors-proof__visual-dot {
width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 999px;
}

.lp-contractors-proof__visual-dot.is-amber {
background: var(--lp-contractors-proof-accent);
}

.lp-contractors-proof__visual-dot.is-blue {
background: var(--lp-contractors-proof-blue);
}

.lp-contractors-proof__visual-dot.is-green {
background: var(--lp-contractors-proof-green);
}

.lp-contractors-proof__visual-text {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-contractors-proof-ink-2);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.45;
}

.lp-contractors-proof__visual-pill,
.lp-contractors-proof__visual-value {
flex: 0 0 auto;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 500;
}

.lp-contractors-proof__visual-pill {
padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--lp-contractors-proof-rule);
    color: var(--lp-contractors-proof-ink-3);
}

.lp-contractors-proof__visual-pill.is-amber {
border-color: rgba(212, 160, 23, 0.22);
    color: var(--lp-contractors-proof-accent);
    background: rgba(212, 160, 23, 0.08);
}

.lp-contractors-proof__visual-pill.is-blue {
border-color: rgba(96, 176, 224, 0.22);
    color: var(--lp-contractors-proof-blue);
    background: rgba(96, 176, 224, 0.08);
}

.lp-contractors-proof__visual-pill.is-green {
border-color: rgba(58, 158, 95, 0.22);
    color: var(--lp-contractors-proof-green);
    background: rgba(58, 158, 95, 0.08);
}

.lp-contractors-proof__visual-value {
color: var(--lp-contractors-proof-ink);
}

.lp-contractors-proof__visual-arrow {
display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 0;
    color: rgba(255, 255, 255, 0.18);
}

.lp-contractors-proof__visual-arrow svg {
width: 12px;
    height: 12px;
}

.lp-contractors-proof__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 24px 24px 28px;
}

.lp-contractors-proof__num {
margin-bottom: 10px;
    color: var(--lp-contractors-proof-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contractors-proof__title {
margin: 0 0 12px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-contractors-proof-ink);
}

.lp-contractors-proof__title span {
color: var(--lp-contractors-proof-accent);
}

.lp-contractors-proof__desc {
margin: 0 0 18px;
    color: var(--lp-contractors-proof-ink-2);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-contractors-proof__list {
margin: 0;
    padding-left: 18px;
    color: var(--lp-contractors-proof-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-contractors-proof__list li + li {
margin-top: 8px;
}

.lp-contractors-proof__bottom-strip {
display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    padding: 16px 24px;
    border: 1px solid var(--lp-contractors-proof-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-contractors-proof-inset);
}

.lp-contractors-proof__bottom-text {
color: var(--lp-contractors-proof-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-contractors-proof__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lp-contractors-proof-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-contractors-proof__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-contractors-proof__bottom-link:hover,
.lp-contractors-proof__bottom-link:focus-visible {
color: var(--lp-contractors-proof-accent);
    outline: none;
}





.lp-contractors-pains {
--lp-contractors-pains-card: var(--lp-panel-bg-strong);
    --lp-contractors-pains-card-hover: var(--lp-panel-hover-strong);
    --lp-contractors-pains-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-contractors-pains-rule: var(--lp-panel-border);
    --lp-contractors-pains-rule-strong: var(--lp-ghost-border);
    --lp-contractors-pains-ink: var(--lp-color-text);
    --lp-contractors-pains-ink-2: var(--lp-color-text-muted);
    --lp-contractors-pains-ink-3: var(--lp-color-text-muted);
    --lp-contractors-pains-ink-4: var(--lp-color-text-soft);
    --lp-contractors-pains-accent: #d4a017;
    --lp-contractors-pains-red: #e05c4a;
    --lp-contractors-pains-green: #3a9e5f;
    color: var(--lp-contractors-pains-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-contractors-pains__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-contractors-pains__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-contractors-pains-accent);
}

.lp-contractors-pains__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-contractors-pains-ink-3);
}

.lp-contractors-pains__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-contractors-pains__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-contractors-pains-ink);
}

.lp-contractors-pains__header h2 span {
color: var(--lp-contractors-pains-accent);
}

.lp-contractors-pains__header p {
margin: 0;
    text-align: right;
    color: var(--lp-contractors-pains-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-contractors-pains__split {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-contractors-pains-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-contractors-pains-rule);
}

.lp-contractors-pains__col {
display: flex;
    flex-direction: column;
    background: var(--lp-contractors-pains-card);
}

.lp-contractors-pains__col-header {
display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 28px 36px 24px;
    border-bottom: 1px solid var(--lp-contractors-pains-rule);
}

.lp-contractors-pains__col-icon-box {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    border: 1px solid var(--lp-contractors-pains-rule);
    border-radius: 8px;
    background: var(--lp-contractors-pains-inset);
}

.lp-contractors-pains__col-icon-box svg {
width: 18px;
    height: 18px;
}

.lp-contractors-pains__col-icon-box.is-pain {
border-color: rgba(192, 57, 43, 0.25);
    background: rgba(192, 57, 43, 0.08);
    color: var(--lp-contractors-pains-red);
}

.lp-contractors-pains__col-icon-box.is-fit {
border-color: rgba(58, 158, 95, 0.25);
    background: rgba(58, 158, 95, 0.08);
    color: var(--lp-contractors-pains-green);
}

.lp-contractors-pains__col-type {
margin-bottom: 5px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contractors-pains__col-type.is-pain {
color: var(--lp-contractors-pains-red);
}

.lp-contractors-pains__col-type.is-fit {
color: var(--lp-contractors-pains-green);
}

.lp-contractors-pains__col-title {
color: var(--lp-contractors-pains-ink);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-contractors-pains__col-sub {
margin-top: 8px;
    color: var(--lp-contractors-pains-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-contractors-pains__item-list {
display: flex;
    flex-direction: column;
}

.lp-contractors-pains__item {
display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 36px;
    border-bottom: 1px solid var(--lp-contractors-pains-rule);
    transition: background 150ms ease;
}

.lp-contractors-pains__item:last-child {
border-bottom: 0;
}

.lp-contractors-pains__item:hover {
background: var(--lp-contractors-pains-card-hover);
}

.lp-contractors-pains__marker {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    margin-top: 1px;
    border-radius: 999px;
}

.lp-contractors-pains__marker svg {
width: 11px;
    height: 11px;
}

.lp-contractors-pains__marker.is-pain {
border: 1px solid rgba(192, 57, 43, 0.28);
    background: rgba(192, 57, 43, 0.08);
    color: var(--lp-contractors-pains-red);
}

.lp-contractors-pains__marker.is-fit {
border: 1px solid rgba(58, 158, 95, 0.28);
    background: rgba(58, 158, 95, 0.08);
    color: var(--lp-contractors-pains-green);
}

.lp-contractors-pains__item-title {
margin-bottom: 6px;
    color: var(--lp-contractors-pains-ink);
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.01em;
}

.lp-contractors-pains__item-desc {
color: var(--lp-contractors-pains-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-contractors-pains__resolution {
display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 20px 36px;
    border: 1px solid var(--lp-contractors-pains-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-contractors-pains-inset);
}

.lp-contractors-pains__resolution-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    border: 1px solid rgba(212, 160, 23, 0.25);
    border-radius: 7px;
    background: rgba(212, 160, 23, 0.07);
    color: var(--lp-contractors-pains-accent);
}

.lp-contractors-pains__resolution-icon svg {
width: 15px;
    height: 15px;
}

.lp-contractors-pains__resolution-copy {
flex: 1 1 260px;
}

.lp-contractors-pains__resolution-label {
margin-bottom: 4px;
    color: var(--lp-contractors-pains-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contractors-pains__resolution-value {
color: var(--lp-contractors-pains-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.45;
}

.lp-contractors-pains__resolution-value strong {
color: var(--lp-contractors-pains-ink);
}

.lp-contractors-pains__resolution-links {
display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lp-contractors-pains__resolution-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid var(--lp-contractors-pains-rule-strong);
    border-radius: 6px;
    color: var(--lp-contractors-pains-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
}

.lp-contractors-pains__resolution-link:hover,
.lp-contractors-pains__resolution-link:focus-visible {
color: var(--lp-contractors-pains-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-contractors-pains__resolution-link svg {
width: 12px;
    height: 12px;
}







.lp-contractors-workflow {
--lp-contractors-workflow-card: var(--lp-panel-bg-strong);
    --lp-contractors-workflow-card-hover: var(--lp-panel-hover-strong);
    --lp-contractors-workflow-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-contractors-workflow-rule: var(--lp-panel-border);
    --lp-contractors-workflow-rule-strong: var(--lp-ghost-border);
    --lp-contractors-workflow-ink: var(--lp-color-text);
    --lp-contractors-workflow-ink-2: var(--lp-color-text-muted);
    --lp-contractors-workflow-ink-3: var(--lp-color-text-muted);
    --lp-contractors-workflow-ink-4: var(--lp-color-text-soft);
    --lp-contractors-workflow-accent: #d4a017;
    color: var(--lp-contractors-workflow-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-contractors-workflow__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-contractors-workflow__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-contractors-workflow-accent);
}

.lp-contractors-workflow__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-contractors-workflow-ink-3);
}

.lp-contractors-workflow__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-contractors-workflow__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-contractors-workflow-ink);
}

.lp-contractors-workflow__header h2 span {
color: var(--lp-contractors-workflow-accent);
}

.lp-contractors-workflow__header p {
margin: 0;
    text-align: right;
    color: var(--lp-contractors-workflow-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-contractors-workflow__workflow {
border: 1px solid var(--lp-contractors-workflow-rule-strong);
    border-radius: 12px;
    overflow: hidden;
    background: var(--lp-contractors-workflow-rule);
}

.lp-contractors-workflow__steps {
display: grid;
    grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1fr);
    gap: 1px;
    background: var(--lp-contractors-workflow-rule);
}

.lp-contractors-workflow__step {
padding: 28px 28px 24px;
    background: var(--lp-contractors-workflow-card);
}

.lp-contractors-workflow__step-num {
margin-bottom: 14px;
    color: var(--lp-contractors-workflow-ink-4);
    font-size: 12px;
    font-weight: 500;
}

.lp-contractors-workflow__step-icon-row {
display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.lp-contractors-workflow__step-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--lp-contractors-workflow-rule);
    border-radius: 8px;
    background: var(--lp-contractors-workflow-inset);
}

.lp-contractors-workflow__step-icon svg {
width: 16px;
    height: 16px;
    color: var(--lp-contractors-workflow-ink-3);
}

.lp-contractors-workflow__step-phase {
color: var(--lp-contractors-workflow-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contractors-workflow__step-title {
margin-bottom: 12px;
    color: var(--lp-contractors-workflow-ink);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-contractors-workflow__step-title span {
color: var(--lp-contractors-workflow-accent);
}

.lp-contractors-workflow__step-desc {
margin-bottom: 18px;
    color: var(--lp-contractors-workflow-ink-2);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-contractors-workflow__step-details {
margin: 0;
    padding-left: 18px;
    color: var(--lp-contractors-workflow-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-contractors-workflow__step-details li + li {
margin-top: 8px;
}

.lp-contractors-workflow__step-arrow {
display: flex;
    align-items: center;
    justify-content: center;
    background: var(--lp-contractors-workflow-card);
    color: var(--lp-contractors-workflow-ink-4);
}

.lp-contractors-workflow__step-arrow svg {
width: 16px;
    height: 16px;
}

.lp-contractors-workflow__platform-row {
display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 24px;
    border-top: 1px solid var(--lp-contractors-workflow-rule);
    background: var(--lp-contractors-workflow-inset);
}

.lp-contractors-workflow__platform-label {
flex: 0 0 auto;
    color: var(--lp-contractors-workflow-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contractors-workflow__platform-links {
display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-contractors-workflow__platform-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lp-contractors-workflow-ink-3);
    font-size: 11.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-contractors-workflow__platform-link svg {
width: 9px;
    height: 9px;
}

.lp-contractors-workflow__platform-link:hover,
.lp-contractors-workflow__platform-link:focus-visible {
color: var(--lp-contractors-workflow-accent);
    outline: none;
}





.lp-fm-workflow {
--lp-fm-workflow-card: var(--lp-panel-bg-strong);
    --lp-fm-workflow-card-hover: var(--lp-panel-hover-strong);
    --lp-fm-workflow-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-fm-workflow-rule: var(--lp-panel-border);
    --lp-fm-workflow-rule-strong: var(--lp-ghost-border);
    --lp-fm-workflow-ink: var(--lp-color-text);
    --lp-fm-workflow-ink-2: var(--lp-color-text-muted);
    --lp-fm-workflow-ink-3: var(--lp-color-text-muted);
    --lp-fm-workflow-ink-4: var(--lp-color-text-soft);
    --lp-fm-workflow-accent: #d4a017;
    color: var(--lp-fm-workflow-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-fm-workflow__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-fm-workflow__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-fm-workflow-accent);
}

.lp-fm-workflow__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-fm-workflow-ink-3);
}

.lp-fm-workflow__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-fm-workflow__header h2 {
margin: 0;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--lp-fm-workflow-ink);
}

.lp-fm-workflow__header h2 span {
color: var(--lp-fm-workflow-accent);
}

.lp-fm-workflow__header p {
margin: 0;
    text-align: right;
    color: var(--lp-fm-workflow-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-fm-workflow__workflow {
border: 1px solid var(--lp-fm-workflow-rule-strong);
    border-radius: 12px;
    overflow: hidden;
    background: var(--lp-fm-workflow-rule);
}

.lp-fm-workflow__steps {
display: grid;
    grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1fr);
    gap: 1px;
    background: var(--lp-fm-workflow-rule);
}

.lp-fm-workflow__steps[data-step-count="4"] {
    grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1fr);
}

.lp-fm-workflow__step {
padding: 28px 28px 24px;
    background: var(--lp-fm-workflow-card);
}

.lp-fm-workflow__step-num {
margin-bottom: 14px;
    color: var(--lp-fm-workflow-ink-4);
    font-size: 12px;
    font-weight: 500;
}

.lp-fm-workflow__step-icon-row {
display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.lp-fm-workflow__step-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--lp-fm-workflow-rule);
    border-radius: 8px;
    background: var(--lp-fm-workflow-inset);
}

.lp-fm-workflow__step-icon svg {
width: 16px;
    height: 16px;
    color: var(--lp-fm-workflow-ink-3);
}

.lp-fm-workflow__step-phase {
color: var(--lp-fm-workflow-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-fm-workflow__step-title {
margin-bottom: 12px;
    color: var(--lp-fm-workflow-ink);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-fm-workflow__step-title span {
color: var(--lp-fm-workflow-accent);
}

.lp-fm-workflow__step-desc {
margin-bottom: 18px;
    color: var(--lp-fm-workflow-ink-2);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-fm-workflow__step-details {
margin: 0;
    padding-left: 18px;
    color: var(--lp-fm-workflow-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-fm-workflow__step-details li + li {
margin-top: 8px;
}

.lp-fm-workflow__step-arrow {
display: flex;
    align-items: center;
    justify-content: center;
    background: var(--lp-fm-workflow-card);
    color: var(--lp-fm-workflow-ink-4);
}

.lp-fm-workflow__step-arrow svg {
width: 16px;
    height: 16px;
}

.lp-fm-workflow__platform-row {
display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 24px;
    border-top: 1px solid var(--lp-fm-workflow-rule);
    background: var(--lp-fm-workflow-inset);
}

.lp-fm-workflow__platform-label {
flex: 0 0 auto;
    color: var(--lp-fm-workflow-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-fm-workflow__platform-links {
display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-fm-workflow__platform-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lp-fm-workflow-ink-3);
    font-size: 11.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-fm-workflow__platform-link svg {
width: 9px;
    height: 9px;
}

.lp-fm-workflow__platform-link:hover,
.lp-fm-workflow__platform-link:focus-visible {
color: var(--lp-fm-workflow-accent);
    outline: none;
}





.lp-contractors-resources {
--lp-contractors-res-card: var(--lp-panel-bg-strong);
    --lp-contractors-res-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-contractors-res-rule: var(--lp-panel-border);
    --lp-contractors-res-rule-strong: var(--lp-ghost-border);
    --lp-contractors-res-ink: var(--lp-color-text);
    --lp-contractors-res-ink-2: var(--lp-color-text-muted);
    --lp-contractors-res-ink-3: var(--lp-color-text-muted);
    --lp-contractors-res-ink-4: var(--lp-color-text-soft);
    --lp-contractors-res-accent: #d4a017;
    --lp-contractors-res-blue: #60b0e0;
    --lp-contractors-res-green: #3a9e5f;
    color: var(--lp-contractors-res-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-contractors-resources__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

.lp-contractors-resources__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-contractors-res-accent);
}

.lp-contractors-resources__eyebrow-text {
color: var(--lp-contractors-res-ink-3);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-contractors-resources__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

.lp-contractors-resources__header h2 {
margin: 0;
    color: var(--lp-contractors-res-ink);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-contractors-resources__header h2 span {
color: var(--lp-contractors-res-accent);
}

.lp-contractors-resources__header p {
margin: 0;
    text-align: right;
    color: var(--lp-contractors-res-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-contractors-resources__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--lp-contractors-res-rule-strong);
    border-radius: 12px 12px 0 0;
    background: var(--lp-contractors-res-rule);
}

.lp-contractors-resources__card {
display: flex;
    flex-direction: column;
    background: var(--lp-contractors-res-card);
    color: inherit;
    text-decoration: none;
}

.lp-contractors-resources__card-header {
display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px 16px;
}

.lp-contractors-resources__card-header.is-amber {
background: rgba(212, 160, 23, 0.07);
}

.lp-contractors-resources__card-header.is-blue {
background: rgba(96, 176, 224, 0.07);
}

.lp-contractors-resources__card-header.is-green {
background: rgba(58, 158, 95, 0.07);
}

.lp-contractors-resources__icon-box {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
}

.lp-contractors-resources__icon-box svg {
width: 19px;
    height: 19px;
}

.lp-contractors-resources__icon-box.is-amber {
background: rgba(212, 160, 23, 0.13);
    border: 1px solid rgba(212, 160, 23, 0.25);
    color: var(--lp-contractors-res-accent);
}

.lp-contractors-resources__icon-box.is-blue {
background: rgba(96, 176, 224, 0.12);
    border: 1px solid rgba(96, 176, 224, 0.25);
    color: var(--lp-contractors-res-blue);
}

.lp-contractors-resources__icon-box.is-green {
background: rgba(58, 158, 95, 0.12);
    border: 1px solid rgba(58, 158, 95, 0.25);
    color: var(--lp-contractors-res-green);
}

.lp-contractors-resources__header-right {
display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.lp-contractors-resources__type-badge {
display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.lp-contractors-resources__type-badge.is-amber {
color: var(--lp-contractors-res-accent);
    background: rgba(212, 160, 23, 0.12);
    border: 1px solid rgba(212, 160, 23, 0.25);
}

.lp-contractors-resources__type-badge.is-blue {
color: var(--lp-contractors-res-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.25);
}

.lp-contractors-resources__type-badge.is-green {
color: var(--lp-contractors-res-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.25);
}

.lp-contractors-resources__read-time {
color: var(--lp-contractors-res-ink-4);
    font-size: 11px;
    font-weight: 400;
}

.lp-contractors-resources__card-body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 22px 22px 24px;
    background: var(--lp-contractors-res-card);
}

.lp-contractors-resources__card-title {
margin: 0 0 10px;
    color: var(--lp-contractors-res-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-contractors-resources__card-desc {
margin: 0 0 16px;
    color: var(--lp-contractors-res-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-contractors-resources__covers {
margin: 0 0 20px;
    padding-left: 18px;
    color: var(--lp-contractors-res-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-contractors-resources__covers li + li {
margin-top: 8px;
}

.lp-contractors-resources__card-footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--lp-contractors-res-rule);
}

.lp-contractors-resources__cta-text {
color: var(--lp-contractors-res-ink-4);
    font-size: 12px;
    font-weight: 500;
    transition: color 150ms ease;
}

.lp-contractors-resources__cta-arrow {
width: 15px;
    height: 15px;
    color: var(--lp-contractors-res-ink-4);
    transition: color 150ms ease, transform 150ms ease;
}

.lp-contractors-resources__card:hover .lp-contractors-resources__cta-text,
.lp-contractors-resources__card:focus-visible .lp-contractors-resources__cta-text {
color: var(--lp-contractors-res-accent);
}

.lp-contractors-resources__card:hover .lp-contractors-resources__cta-arrow,
.lp-contractors-resources__card:focus-visible .lp-contractors-resources__cta-arrow {
color: var(--lp-contractors-res-accent);
    transform: translate(3px, -3px);
}

.lp-contractors-resources__bottom-bar {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 14px 22px;
    border: 1px solid var(--lp-contractors-res-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-contractors-res-inset);
}

.lp-contractors-resources__bottom-note {
color: var(--lp-contractors-res-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-contractors-resources__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lp-contractors-res-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-contractors-resources__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-contractors-resources__bottom-link:hover,
.lp-contractors-resources__bottom-link:focus-visible {
color: var(--lp-contractors-res-ink);
    outline: none;
}

.lp-contractors-final-cta {
--lp-contractors-final-cta-card: var(--lp-panel-bg-strong);
    --lp-contractors-final-cta-rule: var(--lp-panel-border);
    --lp-contractors-final-cta-rule-hover: var(--lp-ghost-border);
    --lp-contractors-final-cta-ink: var(--lp-color-text);
    --lp-contractors-final-cta-ink-2: var(--lp-color-text-muted);
    --lp-contractors-final-cta-ink-3: var(--lp-color-text-muted);
    --lp-contractors-final-cta-ink-4: var(--lp-color-text-soft);
    --lp-contractors-final-cta-accent: #d4a017;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--lp-contractors-final-cta-rule-hover);
    border-radius: 14px;
    color: var(--lp-contractors-final-cta-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-contractors-final-cta::before {
content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 640px;
    height: 280px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at 50% 0%, rgba(212, 160, 23, 0.1) 0%, transparent 68%);
    pointer-events: none;
}

.lp-contractors-final-cta::after {
content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.55), transparent);
}

.lp-contractors-final-cta__inner {
position: relative;
    padding: 80px 64px 72px;
    background: var(--lp-contractors-final-cta-card);
    text-align: center;
}

.lp-contractors-final-cta__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.lp-contractors-final-cta__eyebrow-dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-contractors-final-cta-accent);
}

.lp-contractors-final-cta__eyebrow-text {
color: var(--lp-contractors-final-cta-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-contractors-final-cta__headline {
max-width: 600px;
    margin: 0 auto 20px;
    color: var(--lp-contractors-final-cta-ink);
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.lp-contractors-final-cta__headline span {
color: var(--lp-contractors-final-cta-accent);
}

.lp-contractors-final-cta__sub {
max-width: 440px;
    margin: 0 auto 40px;
    color: var(--lp-contractors-final-cta-ink-2);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-contractors-final-cta__buttons {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.lp-contractors-final-cta__btn-primary,
.lp-contractors-final-cta__btn-ghost {
display: inline-flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.lp-contractors-final-cta__btn-primary {
gap: 8px;
    padding: 14px 32px;
    border-radius: 7px;
    background: var(--lp-contractors-final-cta-accent);
    color: #0e0e0c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.lp-contractors-final-cta__btn-primary:hover,
.lp-contractors-final-cta__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
}

.lp-contractors-final-cta__btn-primary svg {
width: 14px;
    height: 14px;
}

.lp-contractors-final-cta__btn-ghost {
gap: 7px;
    padding: 13px 26px;
    border: 1px solid var(--lp-contractors-final-cta-rule-hover);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-contractors-final-cta-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-contractors-final-cta__btn-ghost:hover,
.lp-contractors-final-cta__btn-ghost:focus-visible {
color: var(--lp-contractors-final-cta-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
}

.lp-contractors-final-cta__micro {
margin: 0;
    color: var(--lp-contractors-final-cta-ink-4);
    font-size: 11.5px;
    font-weight: 300;
}

.lp-contractors-final-cta__pills {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--lp-contractors-final-cta-rule);
}

.lp-contractors-final-cta__pill {
display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--lp-contractors-final-cta-rule);
    border-radius: 999px;
    padding: 4px 11px;
    background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
    color: var(--lp-contractors-final-cta-ink-4);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

.lp-contractors-final-cta__pill svg {
width: 10px;
    height: 10px;
}





.lp-fm-resources {
--lp-fm-res-card: var(--lp-panel-bg-strong);
    --lp-fm-res-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-fm-res-rule: var(--lp-panel-border);
    --lp-fm-res-rule-strong: var(--lp-ghost-border);
    --lp-fm-res-ink: var(--lp-color-text);
    --lp-fm-res-ink-2: var(--lp-color-text-muted);
    --lp-fm-res-ink-3: var(--lp-color-text-muted);
    --lp-fm-res-ink-4: var(--lp-color-text-soft);
    --lp-fm-res-accent: #d4a017;
    --lp-fm-res-blue: #60b0e0;
    --lp-fm-res-green: #3a9e5f;
    color: var(--lp-fm-res-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-fm-resources__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

.lp-fm-resources__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-fm-res-accent);
}

.lp-fm-resources__eyebrow-text {
color: var(--lp-fm-res-ink-3);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-fm-resources__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

.lp-fm-resources__header h2 {
margin: 0;
    color: var(--lp-fm-res-ink);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-fm-resources__header h2 span {
color: var(--lp-fm-res-accent);
}

.lp-fm-resources__header p {
margin: 0;
    text-align: right;
    color: var(--lp-fm-res-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-fm-resources__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--lp-fm-res-rule-strong);
    border-radius: 12px 12px 0 0;
    background: var(--lp-fm-res-rule);
}

.lp-fm-resources__card {
display: flex;
    flex-direction: column;
    background: var(--lp-fm-res-card);
    color: inherit;
    text-decoration: none;
}

.lp-fm-resources__card-header {
display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px 16px;
}

.lp-fm-resources__card-header.is-amber {
background: rgba(212, 160, 23, 0.07);
}

.lp-fm-resources__card-header.is-blue {
background: rgba(96, 176, 224, 0.07);
}

.lp-fm-resources__card-header.is-green {
background: rgba(58, 158, 95, 0.07);
}

.lp-fm-resources__icon-box {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
}

.lp-fm-resources__icon-box svg {
width: 19px;
    height: 19px;
}

.lp-fm-resources__icon-box.is-amber {
background: rgba(212, 160, 23, 0.13);
    border: 1px solid rgba(212, 160, 23, 0.25);
    color: var(--lp-fm-res-accent);
}

.lp-fm-resources__icon-box.is-blue {
background: rgba(96, 176, 224, 0.12);
    border: 1px solid rgba(96, 176, 224, 0.25);
    color: var(--lp-fm-res-blue);
}

.lp-fm-resources__icon-box.is-green {
background: rgba(58, 158, 95, 0.12);
    border: 1px solid rgba(58, 158, 95, 0.25);
    color: var(--lp-fm-res-green);
}

.lp-fm-resources__header-right {
display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

.lp-fm-resources__type-badge {
display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.lp-fm-resources__type-badge.is-amber {
color: var(--lp-fm-res-accent);
    background: rgba(212, 160, 23, 0.12);
    border: 1px solid rgba(212, 160, 23, 0.25);
}

.lp-fm-resources__type-badge.is-blue {
color: var(--lp-fm-res-blue);
    background: rgba(96, 176, 224, 0.1);
    border: 1px solid rgba(96, 176, 224, 0.25);
}

.lp-fm-resources__type-badge.is-green {
color: var(--lp-fm-res-green);
    background: rgba(58, 158, 95, 0.1);
    border: 1px solid rgba(58, 158, 95, 0.25);
}

.lp-fm-resources__read-time {
color: var(--lp-fm-res-ink-4);
    font-size: 11px;
    font-weight: 400;
}

.lp-fm-resources__card-body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 22px 22px 24px;
    background: var(--lp-fm-res-card);
}

.lp-fm-resources__card-title {
margin: 0 0 10px;
    color: var(--lp-fm-res-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-fm-resources__card-desc {
margin: 0 0 16px;
    color: var(--lp-fm-res-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-fm-resources__covers {
margin: 0 0 20px;
    padding-left: 18px;
    color: var(--lp-fm-res-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-fm-resources__covers li + li {
margin-top: 8px;
}

.lp-fm-resources__card-footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--lp-fm-res-rule);
}

.lp-fm-resources__cta-text {
color: var(--lp-fm-res-ink-4);
    font-size: 12px;
    font-weight: 500;
    transition: color 150ms ease;
}

.lp-fm-resources__cta-arrow {
width: 15px;
    height: 15px;
    color: var(--lp-fm-res-ink-4);
    transition: color 150ms ease, transform 150ms ease;
}

.lp-fm-resources__card:hover .lp-fm-resources__cta-text,
.lp-fm-resources__card:focus-visible .lp-fm-resources__cta-text {
color: var(--lp-fm-res-accent);
}

.lp-fm-resources__card:hover .lp-fm-resources__cta-arrow,
.lp-fm-resources__card:focus-visible .lp-fm-resources__cta-arrow {
color: var(--lp-fm-res-accent);
    transform: translate(3px, -3px);
}

.lp-fm-resources__bottom-bar {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 14px 22px;
    border: 1px solid var(--lp-fm-res-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-fm-res-inset);
}

.lp-fm-resources__bottom-note {
color: var(--lp-fm-res-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-fm-resources__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lp-fm-res-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-fm-resources__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-fm-resources__bottom-link:hover,
.lp-fm-resources__bottom-link:focus-visible {
color: var(--lp-fm-res-ink);
    outline: none;
}





.lp-outcomes-proto {
--lp-outcomes-card: var(--lp-panel-bg-strong);
    --lp-outcomes-card-hover: var(--lp-panel-hover-strong);
    --lp-outcomes-rule: var(--lp-panel-border);
    --lp-outcomes-rule-hover: var(--lp-ghost-border);
    --lp-outcomes-ink: var(--lp-color-text);
    --lp-outcomes-ink-2: var(--lp-color-text-muted);
    --lp-outcomes-ink-3: var(--lp-color-text-muted);
    --lp-outcomes-ink-4: var(--lp-color-text-soft);
    --lp-outcomes-accent: #d4a017;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--lp-outcomes-ink);
}

.lp-outcomes-proto__eyebrow-wrap {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-outcomes-proto__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lp-outcomes-accent);
}

.lp-outcomes-proto__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-outcomes-ink-3);
}

.lp-outcomes-proto__heading {
display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 32px;
    margin-bottom: 48px;
}

.lp-outcomes-proto__heading h2 {
margin: 0;
    max-width: 500px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--lp-outcomes-ink);
}

.lp-outcomes-proto__heading h2 span {
color: var(--lp-outcomes-accent);
}

.lp-outcomes-proto__heading p {
margin: 0;
    max-width: 280px;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--lp-outcomes-ink-3);
}

/* Resource guides (proto partials): stack title + lede; heading span uses global .lp-outcomes-proto__heading h2 span (--lp-outcomes-accent). */
.builder-proto-wrap .lp-outcomes-proto__heading,
.portal-proto-wrap .lp-outcomes-proto__heading,
.remedials-proto-wrap .lp-outcomes-proto__heading,
.security-proto-wrap .lp-outcomes-proto__heading,
.install-proto-wrap .lp-outcomes-proto__heading {
    display: block;
}

.builder-proto-wrap .lp-outcomes-proto__heading h2,
.portal-proto-wrap .lp-outcomes-proto__heading h2,
.remedials-proto-wrap .lp-outcomes-proto__heading h2,
.security-proto-wrap .lp-outcomes-proto__heading h2,
.install-proto-wrap .lp-outcomes-proto__heading h2 {
    max-width: none;
}

.builder-proto-wrap .lp-outcomes-proto__heading p,
.portal-proto-wrap .lp-outcomes-proto__heading p,
.remedials-proto-wrap .lp-outcomes-proto__heading p,
.security-proto-wrap .lp-outcomes-proto__heading p,
.install-proto-wrap .lp-outcomes-proto__heading p {
    max-width: 560px;
    text-align: left;
    margin-top: 12px;
}

.lp-outcomes-proto__steps-row {
display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 2px;
}

.lp-outcomes-proto__step-label {
position: relative;
    flex: 1;
    padding-bottom: 10px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--lp-outcomes-ink-4);
}

.lp-outcomes-proto__step-label::after {
content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 8px;
    background: var(--lp-outcomes-rule-hover);
    transform: translateX(-50%);
}

.lp-outcomes-proto__step-arrow {
display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0 6px 12px;
}

.lp-outcomes-proto__step-arrow svg {
width: 12px;
    height: 12px;
    color: var(--lp-outcomes-ink-4);
}

.lp-outcomes-proto__grid {
display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-outcomes-rule);
    border-radius: 10px;
    overflow: hidden;
    background: var(--lp-outcomes-rule);
}

.lp-outcomes-proto__card {
position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 36px 32px 32px;
    background: var(--lp-outcomes-card);
    color: inherit;
    text-decoration: none;
    overflow: hidden;
    transition: background 0.2s ease;
}

.lp-outcomes-proto__card:hover,
.lp-outcomes-proto__card:focus-visible {
background: var(--lp-outcomes-card-hover);
}

.lp-outcomes-proto__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-outcomes-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}

.lp-outcomes-proto__card:hover::after,
.lp-outcomes-proto__card:focus-visible::after {
transform: scaleX(1);
}

.lp-outcomes-proto__card-step {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--lp-outcomes-ink-4);
}

.lp-outcomes-proto__card-step-num {
display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: 1px solid var(--lp-outcomes-rule-hover);
    border-radius: 50%;
    color: var(--lp-outcomes-ink-4);
    transition: border-color 0.2s ease, color 0.2s ease;
}

.lp-outcomes-proto__card:hover .lp-outcomes-proto__card-step-num,
.lp-outcomes-proto__card:focus-visible .lp-outcomes-proto__card-step-num {
border-color: var(--lp-outcomes-accent);
    color: var(--lp-outcomes-accent);
}

.lp-outcomes-proto__card-icon {
width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    flex-shrink: 0;
    display: block;
    margin-bottom: 20px;
    color: var(--lp-outcomes-ink-3);
    transition: color 0.2s ease;
}

.lp-outcomes-proto__card:hover .lp-outcomes-proto__card-icon,
.lp-outcomes-proto__card:focus-visible .lp-outcomes-proto__card-icon {
color: var(--lp-outcomes-accent);
}

.lp-outcomes-proto__card-title {
margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
    color: var(--lp-outcomes-ink);
}

.lp-outcomes-proto__card-desc {
flex: 1;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.65;
    color: var(--lp-outcomes-ink-2);
}

.lp-outcomes-proto__card-link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 24px;
    font-size: 12px;
    font-weight: 500;
    color: var(--lp-outcomes-ink-4);
    transition: color 0.2s ease;
}

.lp-outcomes-proto__card:hover .lp-outcomes-proto__card-link,
.lp-outcomes-proto__card:focus-visible .lp-outcomes-proto__card-link {
color: var(--lp-outcomes-accent);
}

.lp-outcomes-proto__card-link svg {
width: 12px;
    height: 12px;
    transition: transform 0.2s ease;
}

.lp-outcomes-proto__card:hover .lp-outcomes-proto__card-link svg,
.lp-outcomes-proto__card:focus-visible .lp-outcomes-proto__card-link svg {
transform: translate(2px, -2px);
}

.lp-outcomes-proto__bottom-strip {
display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 1px;
    padding: 20px 32px;
    border: 1px solid var(--lp-outcomes-rule);
    border-top: none;
    border-radius: 0 0 10px 10px;
    background: var(--lp-outcomes-card);
}

.lp-outcomes-proto__strip-note {
font-size: 12.5px;
    font-weight: 300;
    color: var(--lp-outcomes-ink-4);
}

.lp-outcomes-proto__strip-links {
display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-outcomes-proto__strip-link {
padding: 7px 14px;
    border: 1px solid var(--lp-outcomes-rule);
    border-radius: 5px;
    color: var(--lp-outcomes-ink-3);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-outcomes-proto__strip-link:hover,
.lp-outcomes-proto__strip-link:focus-visible {
border-color: var(--lp-outcomes-rule-hover);
    background: var(--lp-panel-hover);
    color: var(--lp-outcomes-ink);
}





.lp-section--home-benefits {
background: transparent;
}

.lp-benefits-proto {
--lp-benefits-card: var(--lp-panel-bg-strong);
    --lp-benefits-card-hover: var(--lp-panel-hover-strong);
    --lp-benefits-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-benefits-rule: var(--lp-panel-border);
    --lp-benefits-rule-hover: var(--lp-ghost-border);
    --lp-benefits-ink: var(--lp-color-text);
    --lp-benefits-ink-2: var(--lp-color-text-muted);
    --lp-benefits-ink-3: var(--lp-color-text-muted);
    --lp-benefits-ink-4: var(--lp-color-text-soft);
    --lp-benefits-accent: #d4a017;
    --lp-benefits-accent-glow: rgba(212, 160, 23, 0.08);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--lp-benefits-ink);
}

.lp-benefits-proto__eyebrow-wrap {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-benefits-proto__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lp-benefits-accent);
}

.lp-benefits-proto__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-benefits-ink-3);
}

.lp-benefits-proto__heading {
margin-bottom: 56px;
}

.lp-benefits-proto__heading h2 {
margin: 0;
    max-width: 520px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--lp-benefits-ink);
}

.lp-benefits-proto__heading h2 span {
color: var(--lp-benefits-accent);
}

.lp-benefits-proto__heading p {
margin: 14px 0 0;
    max-width: 440px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--lp-benefits-ink-2);
}

.lp-benefits-proto__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-benefits-rule);
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    background: var(--lp-benefits-rule);
}

.lp-benefits-proto__card {
position: relative;
    overflow: hidden;
    padding: 40px 36px 36px;
    background: var(--lp-benefits-card);
    transition: background 0.2s ease;
}

.lp-benefits-proto__card:hover,
.lp-benefits-proto__card:focus-within {
background: var(--lp-benefits-card-hover);
}

.lp-benefits-proto__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-benefits-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}

.lp-benefits-proto__card:hover::after,
.lp-benefits-proto__card:focus-within::after {
transform: scaleX(1);
}

.lp-benefits-proto__icon-wrap {
display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 28px;
    border: 1px solid var(--lp-benefits-rule);
    border-radius: 8px;
    background: var(--lp-benefits-inset);
    transition: border-color 0.2s ease, background 0.2s ease;
}

.lp-benefits-proto__card:hover .lp-benefits-proto__icon-wrap,
.lp-benefits-proto__card:focus-within .lp-benefits-proto__icon-wrap {
border-color: rgba(212, 160, 23, 0.3);
    background: var(--lp-benefits-accent-glow);
}

.lp-benefits-proto__icon {
width: 22px;
    height: 22px;
    color: var(--lp-benefits-ink-3);
    transition: color 0.2s ease;
}

.lp-benefits-proto__card:hover .lp-benefits-proto__icon,
.lp-benefits-proto__card:focus-within .lp-benefits-proto__icon {
color: var(--lp-benefits-accent);
}

.lp-benefits-proto__label {
margin-bottom: 10px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--lp-benefits-ink-4);
}

.lp-benefits-proto__title {
margin-bottom: 14px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--lp-benefits-ink);
}

.lp-benefits-proto__title span {
color: var(--lp-benefits-accent);
}

.lp-benefits-proto__desc {
font-size: 13.5px;
    font-weight: 300;
    line-height: 1.7;
    color: var(--lp-benefits-ink-2);
}

.lp-benefits-proto__proofs {
display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.lp-benefits-proto__proofs li {
display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.5;
    color: var(--lp-benefits-ink-3);
}

.lp-benefits-proto__proofs li::before {
content: "";
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,7 5,10 12,4'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.2s ease;
}

.lp-benefits-proto__card:hover .lp-benefits-proto__proofs li::before,
.lp-benefits-proto__card:focus-within .lp-benefits-proto__proofs li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,7 5,10 12,4'/%3E%3C/svg%3E");
}

.lp-benefits-proto__objection-row {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-benefits-rule);
    border-top: none;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    background: var(--lp-benefits-rule);
}

.lp-benefits-proto__objection-cell {
display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 36px;
    background: var(--lp-benefits-inset);
}

.lp-benefits-proto__objection-q {
flex: 1;
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.4;
    color: var(--lp-benefits-ink-4);
}

.lp-benefits-proto__objection-divider {
width: 1px;
    height: 20px;
    flex-shrink: 0;
    background: var(--lp-benefits-rule-hover);
}

.lp-benefits-proto__objection-a {
font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--lp-benefits-ink-3);
}

.lp-benefits-proto__cta-row {
display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 40px;
}

.lp-benefits-proto__cta-note {
font-size: 12.5px;
    font-weight: 300;
    color: var(--lp-benefits-ink-4);
}

.lp-benefits-proto__cta-buttons {
display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-benefits-proto__btn-primary,
.lp-benefits-proto__btn-ghost {
display: inline-flex;
    align-items: center;
    text-decoration: none;
    border-radius: 6px;
    transition: opacity 0.2s ease, color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-benefits-proto__btn-primary {
gap: 8px;
    padding: 10px 20px;
    background: var(--lp-benefits-accent);
    color: #0e0e0c;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-benefits-proto__btn-primary:hover,
.lp-benefits-proto__btn-primary:focus-visible {
opacity: 0.88;
}

.lp-benefits-proto__btn-ghost {
gap: 7px;
    padding: 10px 18px;
    border: 1px solid var(--lp-benefits-rule-hover);
    background: transparent;
    color: var(--lp-benefits-ink-2);
    font-size: 13px;
    font-weight: 500;
}

.lp-benefits-proto__btn-ghost:hover,
.lp-benefits-proto__btn-ghost:focus-visible {
border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    color: var(--lp-benefits-ink);
}



.lp-section--home-security {
background: transparent;
}

.lp-security-proto {
--lp-security-card: var(--lp-panel-bg-strong);
    --lp-security-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-security-pill: #1e1e1b;
    --lp-security-rule: var(--lp-panel-border);
    --lp-security-rule-hover: var(--lp-ghost-border);
    --lp-security-ink: var(--lp-color-text);
    --lp-security-ink-2: var(--lp-color-text-muted);
    --lp-security-ink-3: var(--lp-color-text-muted);
    --lp-security-ink-4: var(--lp-color-text-soft);
    --lp-security-accent: #d4a017;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--lp-security-ink);
}

.lp-security-proto__eyebrow-wrap {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-security-proto__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lp-security-accent);
}

.lp-security-proto__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-security-ink-3);
}

.lp-security-proto__header {
display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 32px;
    margin-bottom: 48px;
}

.lp-security-proto__header h2 {
margin: 0;
    max-width: 480px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--lp-security-ink);
}

.lp-security-proto__header h2 span {
color: var(--lp-security-accent);
}

.lp-security-proto__header p {
margin: 0;
    max-width: 300px;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--lp-security-ink-3);
}

.lp-security-proto__wrap {
overflow: hidden;
    border: 1px solid var(--lp-security-rule-hover);
    border-radius: 12px;
}

.lp-security-proto__grid {
display: flex;
    flex-wrap: wrap;
    gap: 1px;
    background: var(--lp-security-rule);
}

.lp-security-proto__feature {
position: relative;
    overflow: hidden;
    flex: 1 1 calc(25% - 1px);
    min-width: 220px;
    padding: 36px 32px 32px;
    background: var(--lp-security-card);
    transition: background 0.2s ease;
}

.lp-security-proto__feature:hover,
.lp-security-proto__feature:focus-within {
background: var(--lp-panel-hover-strong);
}

.lp-security-proto__feature::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-security-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}

.lp-security-proto__feature:hover::after,
.lp-security-proto__feature:focus-within::after {
transform: scaleX(1);
}

.lp-security-proto__feature-icon-box {
display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-bottom: 24px;
    border: 1px solid var(--lp-security-rule);
    border-radius: 8px;
    background: var(--lp-security-inset);
    transition: border-color 0.2s ease, background 0.2s ease;
}

.lp-security-proto__feature:hover .lp-security-proto__feature-icon-box,
.lp-security-proto__feature:focus-within .lp-security-proto__feature-icon-box {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.07);
}

.lp-security-proto__feature-icon {
width: 20px;
    height: 20px;
    color: var(--lp-security-ink-3);
    transition: color 0.2s ease;
}

.lp-security-proto__feature:hover .lp-security-proto__feature-icon,
.lp-security-proto__feature:focus-within .lp-security-proto__feature-icon {
color: var(--lp-security-accent);
}

.lp-security-proto__feature-title {
margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
    color: var(--lp-security-ink);
}

.lp-security-proto__feature-desc {
font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
    color: var(--lp-security-ink-3);
}

.lp-security-proto__divider {
height: 1px;
    background: var(--lp-security-rule);
}

.lp-security-proto__compliance-row {
display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
    padding: 24px 36px;
    background: var(--lp-security-inset);
}

.lp-security-proto__compliance-left {
display: flex;
    align-items: flex-start;
    gap: 14px;
}

.lp-security-proto__compliance-icon {
width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--lp-security-ink-4);
}

.lp-security-proto__compliance-text {
max-width: 580px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--lp-security-ink-4);
}

.lp-security-proto__compliance-text strong {
font-weight: 500;
    color: var(--lp-security-ink-3);
}

.lp-security-proto__compliance-link {
padding: 7px 14px;
    border: 1px solid var(--lp-security-rule);
    border-radius: 5px;
    color: var(--lp-security-ink-4);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.lp-security-proto__compliance-link:hover,
.lp-security-proto__compliance-link:focus-visible {
border-color: var(--lp-security-rule-hover);
    color: var(--lp-security-ink-2);
}

.lp-security-proto__pill-row {
display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 20px 36px;
    border-top: 1px solid var(--lp-security-rule);
    background: var(--lp-security-inset);
}

.lp-security-proto__pill-label {
margin-right: 4px;
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--lp-security-ink-4);
}

.lp-security-proto__pill {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border: 1px solid var(--lp-security-rule);
    border-radius: 999px;
    background: var(--lp-security-pill);
    color: var(--lp-security-ink-3);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.lp-security-proto__pill:hover,
.lp-security-proto__pill:focus-visible {
border-color: var(--lp-security-rule-hover);
    color: var(--lp-security-ink-2);
}

.lp-security-proto__pill-dot {
width: 5px;
    height: 5px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--lp-security-ink-4);
}

.lp-security-proto__pill.is-active {
border-color: rgba(212, 160, 23, 0.2);
    color: var(--lp-security-ink-2);
}

.lp-security-proto__pill.is-active .lp-security-proto__pill-dot {
background: var(--lp-security-accent);
}

.lp-audience-proto__heading,
.lp-outcomes-proto__heading,
.lp-benefits-proto__heading,
.lp-security-proto__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-audience-proto__heading h2,
.lp-outcomes-proto__heading h2,
.lp-benefits-proto__heading h2,
.lp-security-proto__header h2 {
margin: 0;
    max-width: 560px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--lp-color-text);
}

.lp-audience-proto__heading p,
.lp-outcomes-proto__heading p,
.lp-benefits-proto__heading p,
.lp-security-proto__header p {
margin: 0;
    max-width: none;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--lp-color-text-muted);
}





.lp-section--home-faq {
background: transparent;
}

.lp-home-faq-proto {
--lp-home-faq-card: var(--lp-panel-bg-strong);
    --lp-home-faq-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-home-faq-rule: var(--lp-panel-border);
    --lp-home-faq-rule-hover: var(--lp-ghost-border);
    --lp-home-faq-ink: var(--lp-color-text);
    --lp-home-faq-ink-2: var(--lp-color-text-muted);
    --lp-home-faq-ink-3: var(--lp-color-text-muted);
    --lp-home-faq-ink-4: var(--lp-color-text-soft);
    --lp-home-faq-accent: #d4a017;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--lp-home-faq-ink);
}

.lp-home-faq-proto__eyebrow-wrap {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-home-faq-proto__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lp-home-faq-accent);
}

.lp-home-faq-proto__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-home-faq-ink-3);
}

.lp-home-faq-proto__layout {
display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 80px;
    align-items: start;
}

.lp-home-faq-proto__left {
position: sticky;
    top: 40px;
}

.lp-home-faq-proto__left h2 {
margin: 0 0 16px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(24px, 2.8vw, 36px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--lp-home-faq-ink);
}

.lp-home-faq-proto__left h2 span {
color: var(--lp-home-faq-accent);
}

.lp-home-faq-proto__left p {
margin: 0 0 32px;
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
    color: var(--lp-home-faq-ink-3);
}

.lp-home-faq-proto__filters {
display: flex;
    flex-direction: column;
    gap: 2px;
}

.lp-home-faq-proto__filter {
display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 14px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--lp-home-faq-ink-4);
    font: inherit;
    font-size: 12.5px;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.lp-home-faq-proto__filter:hover,
.lp-home-faq-proto__filter:focus-visible {
background: var(--lp-panel-hover);
    color: var(--lp-home-faq-ink-2);
}

.lp-home-faq-proto__filter.is-active {
background: rgba(255, 255, 255, 0.06);
    color: var(--lp-home-faq-ink);
}

.lp-home-faq-proto__filter-dot {
width: 5px;
    height: 5px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--lp-home-faq-ink-4);
    transition: background 0.15s ease;
}

.lp-home-faq-proto__filter.is-active .lp-home-faq-proto__filter-dot {
background: var(--lp-home-faq-accent);
}

.lp-home-faq-proto__filter-count {
margin-left: auto;
    padding: 1px 7px;
    border: 1px solid var(--lp-home-faq-rule);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    color: var(--lp-home-faq-ink-4);
    font-size: 10px;
    font-weight: 400;
}

.lp-home-faq-proto__full-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 28px;
    color: var(--lp-home-faq-ink-4);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.lp-home-faq-proto__full-link:hover,
.lp-home-faq-proto__full-link:focus-visible {
color: var(--lp-home-faq-ink-2);
}

.lp-home-faq-proto__full-link svg {
width: 12px;
    height: 12px;
}

.lp-home-faq-proto__accordion {
border: 1px solid var(--lp-home-faq-rule-hover);
    border-radius: 10px;
    overflow: hidden;
}

.lp-home-faq-proto__item {
margin-top: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid var(--lp-home-faq-rule);
    overflow: hidden;
}

.lp-home-faq-proto__item[open] {
box-shadow: none;
}

.lp-home-faq-proto__item:last-child {
border-bottom: none;
}

.lp-home-faq-proto__item[hidden] {
display: none;
}

.lp-home-faq-proto__summary {
display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 28px;
    background: var(--lp-home-faq-card);
    cursor: pointer;
    list-style: none;
    justify-content: flex-start;
    transition: background 0.15s ease;
}

.lp-home-faq-proto__summary::after {
content: none;
}

.lp-home-faq-proto__summary::-webkit-details-marker {
display: none;
}

.lp-home-faq-proto__summary:hover {
background: var(--lp-panel-hover-strong);
}

.lp-home-faq-proto__item[open] .lp-home-faq-proto__summary {
background: var(--lp-panel-hover-strong);
}

body.landing-body details.lp-home-faq-proto__item,
body.landing-body details.lp-home-faq-proto__item[open] {
margin-top: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.landing-body details.lp-home-faq-proto__item > summary.lp-home-faq-proto__summary {
justify-content: flex-start;
}

body.landing-body details.lp-home-faq-proto__item > summary.lp-home-faq-proto__summary::after {
content: none;
}

html[data-theme="dark"] body.landing-body .lp-home-faq-proto__item,
html[data-theme="dark"] body.landing-body .lp-home-faq-proto__item[open] {
border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.lp-home-faq-proto__question {
flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: var(--lp-home-faq-ink);
}

.lp-home-faq-proto__tag {
flex-shrink: 0;
    white-space: nowrap;
    padding: 2px 8px;
    border: 1px solid var(--lp-home-faq-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-home-faq-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp-home-faq-proto__item[open] .lp-home-faq-proto__tag {
border-color: rgba(212, 160, 23, 0.25);
    background: rgba(212, 160, 23, 0.06);
    color: var(--lp-home-faq-accent);
}

.lp-home-faq-proto__icon {
position: relative;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.lp-home-faq-proto__icon::before,
.lp-home-faq-proto__icon::after {
content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 1px;
    background: var(--lp-home-faq-ink-4);
    transition: transform 0.25s ease, opacity 0.25s ease, background 0.15s ease;
}

.lp-home-faq-proto__icon::before {
width: 10px;
    height: 1.5px;
    transform: translate(-50%, -50%);
}

.lp-home-faq-proto__icon::after {
width: 1.5px;
    height: 10px;
    transform: translate(-50%, -50%);
}

.lp-home-faq-proto__item[open] .lp-home-faq-proto__icon::after {
transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}

.lp-home-faq-proto__item[open] .lp-home-faq-proto__icon::before {
background: var(--lp-home-faq-accent);
}

.lp-home-faq-proto__summary:hover .lp-home-faq-proto__icon::before,
.lp-home-faq-proto__summary:hover .lp-home-faq-proto__icon::after {
background: var(--lp-home-faq-ink-2);
}

.lp-home-faq-proto__panel {
display: grid;
    grid-template-rows: 0fr;
    background: var(--lp-home-faq-inset);
    transition: grid-template-rows 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

.lp-home-faq-proto__item[open] .lp-home-faq-proto__panel {
grid-template-rows: 1fr;
}

.lp-home-faq-proto__panel-inner {
min-height: 0;
    overflow: hidden;
    padding: 0 28px 0 64px;
    border-top: 0 solid var(--lp-home-faq-rule);
    transition: padding 0.22s ease, border-width 0.22s ease;
}

.lp-home-faq-proto__item[open] .lp-home-faq-proto__panel-inner {
padding: 20px 28px 24px 64px;
    border-top-width: 1px;
}

.lp-home-faq-proto__answer {
font-size: 13.5px;
    font-weight: 300;
    line-height: 1.7;
    color: var(--lp-home-faq-ink-2);
}

.lp-home-faq-proto__answer a {
border-bottom: 1px solid rgba(212, 160, 23, 0.3);
    color: var(--lp-home-faq-accent);
    text-decoration: none;
    transition: border-color 0.15s ease;
}

.lp-home-faq-proto__answer a:hover,
.lp-home-faq-proto__answer a:focus-visible {
border-color: var(--lp-home-faq-accent);
}



.lp-section--home-cta-strip,
.lp-section--home-final-cta {
background: transparent;
}

.lp-home-cta-strip {
--lp-home-cta-strip-card: var(--lp-panel-bg-strong);
    --lp-home-cta-strip-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-home-cta-strip-rule: var(--lp-panel-border);
    --lp-home-cta-strip-rule-hover: var(--lp-ghost-border);
    --lp-home-cta-strip-ink: var(--lp-color-text);
    --lp-home-cta-strip-ink-2: var(--lp-color-text-muted);
    --lp-home-cta-strip-ink-3: var(--lp-color-text-muted);
    --lp-home-cta-strip-ink-4: var(--lp-color-text-soft);
    --lp-home-cta-strip-accent: #d4a017;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--lp-home-cta-strip-rule-hover);
    border-radius: 12px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--lp-home-cta-strip-ink);
}

.lp-home-cta-strip::before {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 180px;
    background: radial-gradient(ellipse at 0% 0%, rgba(212, 160, 23, 0.07) 0%, transparent 70%);
    pointer-events: none;
}

.lp-home-cta-strip__main {
position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    padding: 56px 64px;
    background: var(--lp-home-cta-strip-card);
}

.lp-home-cta-strip__left {
flex: 1;
    min-width: 280px;
}

.lp-home-cta-strip__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.lp-home-cta-strip__eyebrow-dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-home-cta-strip-accent);
}

.lp-home-cta-strip__eyebrow-text {
font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-home-cta-strip-ink-4);
}

.lp-home-cta-strip__headline {
margin-bottom: 14px;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.025em;
    color: var(--lp-home-cta-strip-ink);
}

.lp-home-cta-strip__headline span {
color: var(--lp-home-cta-strip-accent);
}

.lp-home-cta-strip__supporting {
max-width: 400px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--lp-home-cta-strip-ink-2);
}

.lp-home-cta-strip__right {
display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    flex-shrink: 0;
}

.lp-home-cta-strip__btn-primary,
.lp-home-cta-strip__btn-ghost {
display: inline-flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.lp-home-cta-strip__btn-primary {
gap: 8px;
    padding: 13px 28px;
    border-radius: 7px;
    background: var(--lp-home-cta-strip-accent);
    color: #0e0e0c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.lp-home-cta-strip__btn-primary:hover,
.lp-home-cta-strip__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
}

.lp-home-cta-strip__btn-primary svg {
width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.lp-home-cta-strip__btn-ghost {
gap: 7px;
    padding: 12px 24px;
    border: 1px solid var(--lp-home-cta-strip-rule-hover);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-home-cta-strip-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-home-cta-strip__btn-ghost:hover,
.lp-home-cta-strip__btn-ghost:focus-visible {
border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    color: var(--lp-home-cta-strip-ink);
}

.lp-home-cta-strip__microcopy {
text-align: right;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.5;
    color: var(--lp-home-cta-strip-ink-4);
}

/* Optional tertiary text link below the microcopy (paid-LP feature).
 * Renders only when the cta data array carries `tertiary_label` +
 * `tertiary_href` — the home page does not pass these and gets nothing
 * extra. Visually subordinate to the buttons above: text-only with a
 * small arrow icon, brand-color hover, sits aligned right alongside the
 * microcopy. */
.lp-home-cta-strip__demo-link {
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 4px 2px;
    font-family: var(--lp-font-sans);
    font-size: 12.5px;
    font-weight: 500;
    color: var(--lp-home-cta-strip-ink-4);
    text-decoration: none;
    border-radius: 4px;
    transition: color 0.18s ease, transform 0.18s ease;
}

.lp-home-cta-strip__demo-link svg {
    transition: transform 0.18s ease;
}

.lp-home-cta-strip__demo-link:hover,
.lp-home-cta-strip__demo-link:focus-visible {
    color: var(--lp-color-brand);
}

.lp-home-cta-strip__demo-link:hover svg,
.lp-home-cta-strip__demo-link:focus-visible svg {
    transform: translateX(2px);
}

.lp-home-cta-strip__demo-link:focus-visible {
    outline: 2px solid var(--lp-color-brand);
    outline-offset: 2px;
}

.lp-home-cta-strip__divider {
height: 1px;
    background: var(--lp-home-cta-strip-rule);
}

.lp-home-cta-strip__trust-strip {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: var(--lp-home-cta-strip-inset);
}

.lp-home-cta-strip__trust-item {
position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 32px;
    border-right: 1px solid var(--lp-home-cta-strip-rule);
}

.lp-home-cta-strip__trust-item:last-child {
border-right: none;
}

.lp-home-cta-strip__trust-icon {
width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--lp-home-cta-strip-ink-4);
}

.lp-home-cta-strip__trust-text {
flex: 1;
}

.lp-home-cta-strip__trust-label {
font-size: 12.5px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--lp-home-cta-strip-ink-2);
}

.lp-home-cta-strip__trust-sub {
margin-top: 2px;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.4;
    color: var(--lp-home-cta-strip-ink-4);
}



.lp-section--home-import-migration {
background: transparent;
}

.lp-import-migration {
--lp-import-migration-card: var(--lp-panel-bg-strong);
    --lp-import-migration-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-import-migration-rule: var(--lp-panel-border);
    --lp-import-migration-rule-hover: var(--lp-ghost-border);
    --lp-import-migration-ink: var(--lp-color-text);
    --lp-import-migration-ink-2: var(--lp-color-text-muted);
    --lp-import-migration-ink-3: var(--lp-color-text-muted);
    --lp-import-migration-ink-4: var(--lp-color-text-soft);
    --lp-import-migration-accent: #d4a017;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--lp-import-migration-rule-hover);
    border-radius: 12px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--lp-import-migration-ink);
}

.lp-import-migration::before {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 320px;
    height: 180px;
    background: radial-gradient(ellipse at 100% 0%, rgba(212, 160, 23, 0.07) 0%, transparent 70%);
    pointer-events: none;
}

.lp-import-migration__main {
position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: stretch;
    gap: 0;
    background: var(--lp-import-migration-card);
}

.lp-import-migration__left {
padding: 56px 56px 48px;
    border-right: 1px solid var(--lp-import-migration-rule);
}

.lp-import-migration__eyebrow-wrap {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
}

.lp-import-migration__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lp-import-migration-accent);
}

.lp-import-migration__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-import-migration-ink-3);
}

.lp-import-migration__headline {
margin: 0 0 16px;
    max-width: 480px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--lp-import-migration-ink);
}

.lp-import-migration__headline span {
color: var(--lp-import-migration-accent);
}

.lp-import-migration__supporting {
margin: 0 0 24px;
    max-width: 480px;
    font-size: 14.5px;
    font-weight: 300;
    line-height: 1.65;
    color: var(--lp-import-migration-ink-2);
}

.lp-import-migration__points {
margin: 0 0 32px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 11px;
    max-width: 520px;
}

.lp-import-migration__points li {
position: relative;
    padding-left: 24px;
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.6;
    color: var(--lp-import-migration-ink-2);
}

.lp-import-migration__points li::before {
content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23d4a017' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,7 5,10 12,4'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.lp-import-migration__cta-row {
display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.lp-import-migration__btn-primary,
.lp-import-migration__btn-ghost {
display: inline-flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.lp-import-migration__btn-primary {
gap: 8px;
    padding: 13px 26px;
    border-radius: 7px;
    background: var(--lp-import-migration-accent);
    color: #0e0e0c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.lp-import-migration__btn-primary:hover,
.lp-import-migration__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
}

.lp-import-migration__btn-primary svg {
width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.lp-import-migration__btn-ghost {
gap: 7px;
    padding: 12px 22px;
    border: 1px solid var(--lp-import-migration-rule-hover);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-import-migration-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-import-migration__btn-ghost:hover,
.lp-import-migration__btn-ghost:focus-visible {
border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    color: var(--lp-import-migration-ink);
}

.lp-import-migration__microcopy {
margin: 0;
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.5;
    color: var(--lp-import-migration-ink-4);
}

.lp-import-migration__right {
position: relative;
    padding: 56px 56px 48px;
    background: var(--lp-import-migration-inset);
    display: flex;
    align-items: center;
}

.lp-import-migration__visual {
width: 100%;
}

.lp-import-migration__visual-eyebrow {
margin: 0 0 18px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-import-migration-ink-4);
}

.lp-import-migration__steps {
margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.lp-import-migration__step {
position: relative;
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 14px;
    align-items: flex-start;
    padding: 16px 18px;
    background: var(--lp-import-migration-card);
    border: 1px solid var(--lp-import-migration-rule);
    border-radius: 8px;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.lp-import-migration__step:hover,
.lp-import-migration__step:focus-within {
border-color: rgba(212, 160, 23, 0.3);
    background: color-mix(in srgb, var(--lp-import-migration-card) 92%, var(--lp-import-migration-accent));
}

.lp-import-migration__step-num {
display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--lp-import-migration-rule);
    border-radius: 7px;
    background: var(--lp-import-migration-inset);
    color: var(--lp-import-migration-accent);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: border-color 0.2s ease;
}

.lp-import-migration__step:hover .lp-import-migration__step-num,
.lp-import-migration__step:focus-within .lp-import-migration__step-num {
border-color: rgba(212, 160, 23, 0.36);
}

.lp-import-migration__step-body {
min-width: 0;
}

.lp-import-migration__step-title {
margin: 0 0 4px;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--lp-import-migration-ink);
}

.lp-import-migration__step-sub {
margin: 0;
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.55;
    color: var(--lp-import-migration-ink-3);
}

@media (max-width: 960px) {
    .lp-import-migration__main {
        grid-template-columns: 1fr;
    }
    .lp-import-migration__left {
        padding: 44px 36px 36px;
        border-right: none;
        border-bottom: 1px solid var(--lp-import-migration-rule);
    }
    .lp-import-migration__right {
        padding: 36px 36px 44px;
    }
}

@media (max-width: 600px) {
    .lp-import-migration__left {
        padding: 36px 24px 28px;
    }
    .lp-import-migration__right {
        padding: 28px 24px 36px;
    }
    .lp-import-migration__cta-row {
        flex-direction: column;
        align-items: stretch;
    }
    .lp-import-migration__btn-primary,
    .lp-import-migration__btn-ghost {
        justify-content: center;
    }
}

.lp-home-final-cta {
--lp-home-final-cta-card: var(--lp-panel-bg-strong);
    --lp-home-final-cta-rule: var(--lp-panel-border);
    --lp-home-final-cta-rule-hover: var(--lp-ghost-border);
    --lp-home-final-cta-ink: var(--lp-color-text);
    --lp-home-final-cta-ink-2: var(--lp-color-text-muted);
    --lp-home-final-cta-ink-3: var(--lp-color-text-muted);
    --lp-home-final-cta-ink-4: var(--lp-color-text-soft);
    --lp-home-final-cta-accent: #d4a017;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--lp-home-final-cta-rule-hover);
    border-radius: 14px;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--lp-home-final-cta-ink);
}

.lp-home-final-cta::before {
content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 640px;
    height: 280px;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at 50% 0%, rgba(212, 160, 23, 0.1) 0%, transparent 68%);
    pointer-events: none;
}

.lp-home-final-cta::after {
content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.55), transparent);
}

.lp-home-final-cta__inner {
position: relative;
    padding: 80px 64px 72px;
    background: var(--lp-home-final-cta-card);
    text-align: center;
}

.lp-home-final-cta__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.lp-home-final-cta__eyebrow-dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-home-final-cta-accent);
}

.lp-home-final-cta__eyebrow-text {
font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-home-final-cta-ink-4);
}

.lp-home-final-cta__headline {
max-width: 600px;
    margin: 0 auto 20px;
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.025em;
    color: var(--lp-home-final-cta-ink);
}

.lp-home-final-cta__headline span {
color: var(--lp-home-final-cta-accent);
}

.lp-home-final-cta__sub {
max-width: 440px;
    margin: 0 auto 40px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.65;
    color: var(--lp-home-final-cta-ink-2);
}

.lp-home-final-cta__buttons {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.lp-home-final-cta__btn-primary,
.lp-home-final-cta__btn-ghost {
display: inline-flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.lp-home-final-cta__btn-primary {
gap: 8px;
    padding: 14px 32px;
    border-radius: 7px;
    background: var(--lp-home-final-cta-accent);
    color: #0e0e0c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.lp-home-final-cta__btn-primary:hover,
.lp-home-final-cta__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
}

.lp-home-final-cta__btn-primary svg {
width: 14px;
    height: 14px;
}

.lp-home-final-cta__btn-ghost {
gap: 7px;
    padding: 13px 26px;
    border: 1px solid var(--lp-home-final-cta-rule-hover);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-home-final-cta-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-home-final-cta__btn-ghost:hover,
.lp-home-final-cta__btn-ghost:focus-visible {
color: var(--lp-home-final-cta-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
}

.lp-home-final-cta__micro {
margin: 0;
    font-size: 11.5px;
    font-weight: 300;
    color: var(--lp-home-final-cta-ink-4);
}

.lp-home-final-cta__pills {
display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--lp-home-final-cta-rule);
}

.lp-home-final-cta__pill {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px;
    border: 1px solid var(--lp-home-final-cta-rule);
    border-radius: 999px;
    background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
    color: var(--lp-home-final-cta-ink-4);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

.lp-home-final-cta__pill svg {
width: 10px;
    height: 10px;
}





.lp-story__inner {
display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 32px;
    align-items: start;
}

.lp-story__inner--balanced {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

:where([data-story-rail]) {
--lp-story-progress: 0%;
}

.lp-story__rail {
position: sticky;
    top: calc(var(--lp-header-height, 72px) + 18px);
    align-self: start;
    padding: 18px 18px 16px;
    border-radius: 22px;
    border: 1px solid var(--lp-color-border-subtle);
    background:
        radial-gradient(520px circle at 0% 0%, rgba(212, 175, 55, 0.12), transparent 55%),
        var(--lp-color-surface);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    overflow: hidden;
}

.lp-story__rail::before {
content: "";
    position: absolute;
    inset: -40%;
    pointer-events: none;
    background:
        radial-gradient(560px circle at 18% 0%, rgba(212, 175, 55, 0.16), transparent 58%),
        radial-gradient(720px circle at 100% 24%, rgba(56, 189, 248, 0.06), transparent 52%),
        radial-gradient(520px circle at 50% 120%, rgba(15, 19, 32, 0.22), transparent 60%);
    opacity: 0.95;
    filter: saturate(1.05);
}

.lp-story__rail > * {
position: relative;
    z-index: 1;
}

.lp-story__rail::after {
content: "";
    display: block;
    height: 2px;
    margin-top: 16px;
    border-radius: 999px;
    background-image:
        linear-gradient(90deg, rgba(212, 175, 55, 0.85), rgba(212, 175, 55, 0.45)),
        linear-gradient(90deg, rgba(243, 244, 246, 0.10), rgba(243, 244, 246, 0.10));
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: var(--lp-story-progress) 100%, 100% 100%;
    transform: translateZ(0);
    transform-origin: 50% 50%;
    will-change: transform, filter, background-size;
    transition:
        background-size 140ms cubic-bezier(0.22, 0.61, 0.36, 1),
        filter 140ms ease-out;
}

.lp-story__rail.is-scrolling::after {
filter: brightness(1.06);
}

.lp-story__rail.is-pop::after {
animation: lp-story-progress-pop 260ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

@keyframes lp-story-progress-pop {
    0% {
        transform: scaleY(1);
    }
    45% {
        transform: scaleY(2.2);
    }
    100% {
        transform: scaleY(1);
    }
}

@media (prefers-reduced-motion: reduce) {

.lp-story__rail::after {
transition: none;
}

.lp-story__rail.is-pop::after {
animation: none;
}

}


.lp-story__panels {
display: grid;
    gap: 16px;
}

.lp-story-panel {
padding: 18px 18px 16px;
    overflow: hidden;
    transition:
        transform 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
        box-shadow 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
        border-color 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
        opacity 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
    opacity: 0.92;
}

.lp-story-panel.is-active {
border-color: rgba(212, 175, 55, 0.38);
    box-shadow: var(--lp-shadow-glow);
    transform: translateY(-2px);
    opacity: 1;
}

.lp-story-panel__eyebrow {
margin: 0 0 6px;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--lp-color-text-muted);
}

.lp-story-panel__header h3 {
margin: 0 0 10px;
    font-size: 1.2rem;
    letter-spacing: -0.03em;
}

.lp-story-panel__points {
margin: 0 0 10px;
    padding-left: 1.05rem;
    color: var(--lp-color-text-muted);
}

@keyframes lp-story-frame-sweep {
    0% {
        opacity: 0;
        transform: translateY(6px);
    }
    35% {
        opacity: 0.85;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-6px);
    }
}



.lp-pricing-glance {
--lp-pricing-glance-bg: #0e0e0c;
    --lp-pricing-glance-card: var(--lp-panel-bg-strong);
    --lp-pricing-glance-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-pricing-glance-rule: var(--lp-panel-border);
    --lp-pricing-glance-rule-strong: var(--lp-ghost-border);
    --lp-pricing-glance-ink: var(--lp-color-text);
    --lp-pricing-glance-ink-2: var(--lp-color-text-muted);
    --lp-pricing-glance-ink-3: var(--lp-color-text-muted);
    --lp-pricing-glance-ink-4: var(--lp-color-text-soft);
    --lp-pricing-glance-accent: #d4a017;
    --lp-pricing-glance-success: #3a9e5f;
    color: var(--lp-pricing-glance-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-pricing-glance__breadcrumb {
display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 24px;
    color: var(--lp-pricing-glance-ink-4);
    font-size: 11px;
    font-weight: 400;
}

.lp-pricing-glance__breadcrumb-link {
color: inherit;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-pricing-glance__breadcrumb-link:hover,
.lp-pricing-glance__breadcrumb-link:focus-visible {
color: var(--lp-pricing-glance-ink-3);
    outline: none;
}

.lp-pricing-glance__breadcrumb-sep {
width: 12px;
    height: 12px;
}

.lp-pricing-glance__bar {
overflow: hidden;
    border: 1px solid var(--lp-pricing-glance-rule-strong);
    border-radius: 12px;
    background: var(--lp-pricing-glance-rule);
}

.lp-pricing-glance__top {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(220px, auto);
    gap: 1px;
}

.lp-pricing-glance__cell,
.lp-pricing-glance__actions {
background: var(--lp-pricing-glance-card);
}

.lp-pricing-glance__cell {
display: flex;
    flex-direction: column;
    padding: 28px 28px 24px;
}

.lp-pricing-glance__badge {
display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin: 0 0 10px;
    padding: 2px 8px;
    border: 1px solid rgba(212, 160, 23, 0.25);
    border-radius: 999px;
    background: rgba(212, 160, 23, 0.1);
    color: var(--lp-pricing-glance-accent);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.lp-pricing-glance__cell-eyebrow {
display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
}

.lp-pricing-glance__cell-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: var(--lp-pricing-glance-ink-4);
    transition: color 150ms ease;
}

.lp-pricing-glance__cell:hover .lp-pricing-glance__cell-icon {
color: var(--lp-pricing-glance-accent);
}

.lp-pricing-glance__cell-icon svg {
width: 14px;
    height: 14px;
}

.lp-pricing-glance__cell-label {
color: var(--lp-pricing-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-pricing-glance__price {
display: flex;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 2px;
}

.lp-pricing-glance__price-main {
color: var(--lp-pricing-glance-ink);
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.03em;
}

.lp-pricing-glance__price-unit,
.lp-pricing-glance__price-line {
color: var(--lp-pricing-glance-ink-3);
    font-size: 11px;
    font-weight: 300;
    line-height: 1.3;
}

.lp-pricing-glance__price-stack {
display: flex;
    flex-direction: column;
    gap: 0;
}

.lp-pricing-glance__price-meta {
margin: 3px 0 0;
    color: var(--lp-pricing-glance-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.4;
}

.lp-pricing-glance__cell-rule {
width: 20px;
    height: 1px;
    margin: 10px 0;
    background: var(--lp-pricing-glance-rule-strong);
    transition: width 200ms ease, background-color 150ms ease;
}

.lp-pricing-glance__cell:hover .lp-pricing-glance__cell-rule {
width: 32px;
    background: rgba(212, 160, 23, 0.4);
}

.lp-pricing-glance__cell-sub {
margin: 0;
    color: var(--lp-pricing-glance-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-pricing-glance__actions {
display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    min-width: 200px;
    padding: 28px 28px 24px;
    border-left: 1px solid var(--lp-pricing-glance-rule-strong);
}

.lp-pricing-glance__btn {
display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 120ms ease, opacity 150ms ease, color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-pricing-glance__btn--primary {
background: var(--lp-pricing-glance-accent);
    color: #0e0e0c;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-pricing-glance__btn--primary:hover,
.lp-pricing-glance__btn--primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
    outline: none;
}

.lp-pricing-glance__btn--primary svg {
width: 11px;
    height: 11px;
}

.lp-pricing-glance__btn--ghost {
border: 1px solid var(--lp-pricing-glance-rule-strong);
    background: transparent;
    color: var(--lp-pricing-glance-ink-3);
    font-size: 12.5px;
    font-weight: 500;
}

.lp-pricing-glance__btn--ghost:hover,
.lp-pricing-glance__btn--ghost:focus-visible {
background: var(--lp-panel-hover);
    border-color: var(--lp-ghost-border-hover);
    color: var(--lp-pricing-glance-ink-2);
    outline: none;
}

.lp-pricing-glance__microcopy {
margin: 0;
    color: var(--lp-pricing-glance-ink-4);
    font-size: 10.5px;
    font-weight: 300;
    text-align: center;
}

.lp-pricing-glance__bottom {
display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 28px;
    border-top: 1px solid var(--lp-pricing-glance-rule);
    background: var(--lp-pricing-glance-inset);
}

.lp-pricing-glance__bottom-label {
flex: 0 0 auto;
    margin-right: 2px;
    color: var(--lp-pricing-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-pricing-glance__tag-row {
display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 5px;
}

.lp-pricing-glance__tag {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border: 1px solid var(--lp-pricing-glance-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-pricing-glance-ink-4);
    font-size: 11px;
    font-weight: 400;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-pricing-glance__tag:hover {
border-color: var(--lp-pricing-glance-rule-strong);
    color: var(--lp-pricing-glance-ink-2);
}

.lp-pricing-glance__tag--success {
border-color: rgba(58, 158, 95, 0.2);
    background: rgba(58, 158, 95, 0.08);
    color: var(--lp-pricing-glance-success);
}

.lp-pricing-glance__tag--success:hover {
border-color: rgba(58, 158, 95, 0.35);
    color: #4cb872;
}

.lp-pricing-glance__tag-dot {
width: 4px;
    height: 4px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: currentColor;
}

.lp-pricing-glance__bottom-right {
display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.lp-pricing-glance__bottom-link {
padding: 4px 8px;
    border-radius: 5px;
    color: var(--lp-pricing-glance-ink-4);
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease, background-color 150ms ease;
}

.lp-pricing-glance__bottom-link:hover,
.lp-pricing-glance__bottom-link:focus-visible {
background: rgba(255, 255, 255, 0.05);
    color: var(--lp-pricing-glance-ink-2);
    outline: none;
}

.lp-pricing-glance__bottom-sep {
color: var(--lp-pricing-glance-ink-4);
    font-size: 11px;
}





.lp-faq-getting-started__breadcrumb {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
}

.lp-faq-getting-started__breadcrumb-link {
color: var(--lp-color-text-soft);
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-faq-getting-started__breadcrumb-link:hover,
.lp-faq-getting-started__breadcrumb-link:focus-visible {
color: var(--lp-color-text-muted);
    outline: none;
}

.lp-faq-getting-started__breadcrumb-sep {
width: 12px;
    height: 12px;
    color: var(--lp-color-text-soft);
    flex: 0 0 auto;
}

.lp-faq-getting-started__breadcrumb-current {
color: var(--lp-color-text-muted);
    font-size: 11px;
    font-weight: 500;
}

.lp-faq-getting-started {
overflow: hidden;
    border: 1px solid var(--lp-ghost-border);
    border-radius: 12px;
}

.lp-faq-getting-started__top {
display: grid;
    grid-template-columns: 300px 1fr;
    gap: 1px;
    background: var(--lp-panel-border);
}

.lp-faq-getting-started__left,
.lp-faq-getting-started__right {
background: var(--lp-panel-bg-strong);
}

.lp-faq-getting-started__left {
display: flex;
    flex-direction: column;
    padding: 28px;
}

.lp-faq-getting-started__eyebrow {
display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 12px;
}

.lp-faq-getting-started__eyebrow-dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d4a017;
}

.lp-faq-getting-started__eyebrow-text {
color: var(--lp-color-text-muted);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-faq-getting-started__headline {
margin: 0 0 8px;
    color: var(--lp-color-text);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.lp-faq-getting-started__headline span {
color: #d4a017;
}

.lp-faq-getting-started__summary {
margin: 0 0 20px;
    color: var(--lp-color-text-muted);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-faq-getting-started__facts {
display: flex;
    flex-direction: column;
    gap: 1px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--lp-panel-border);
}

.lp-faq-getting-started__fact {
display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
}

.lp-faq-getting-started__fact-icon {
display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 5px;
    background: var(--lp-panel-bg-strong);
    flex: 0 0 auto;
}

.lp-faq-getting-started__fact-icon svg {
width: 11px;
    height: 11px;
    color: var(--lp-color-text-soft);
}

.lp-faq-getting-started__fact-label {
display: block;
    margin-bottom: 1px;
    color: var(--lp-color-text-soft);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-faq-getting-started__fact-value {
color: var(--lp-color-text-muted);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.3;
}

.lp-faq-getting-started__spacer {
flex: 1;
}

.lp-faq-getting-started__buttons {
display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 12px;
}

.lp-faq-getting-started__btn-primary,
.lp-faq-getting-started__btn-ghost {
display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-decoration: none;
    border-radius: 6px;
    transition: opacity 150ms ease, transform 120ms ease, color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-faq-getting-started__btn-primary {
padding: 11px 20px;
    background: #d4a017;
    color: #0e0e0c;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-faq-getting-started__btn-primary:hover,
.lp-faq-getting-started__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
    outline: none;
}

.lp-faq-getting-started__btn-primary svg {
width: 11px;
    height: 11px;
}

.lp-faq-getting-started__btn-ghost {
padding: 10px 18px;
    border: 1px solid var(--lp-ghost-border);
    background: transparent;
    color: var(--lp-color-text-muted);
    font-size: 12.5px;
    font-weight: 500;
}

.lp-faq-getting-started__btn-ghost:hover,
.lp-faq-getting-started__btn-ghost:focus-visible {
color: var(--lp-color-text-muted);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-faq-getting-started__microcopy {
color: var(--lp-color-text-soft);
    font-size: 10.5px;
    font-weight: 300;
    text-align: center;
}

.lp-faq-getting-started__right {
display: flex;
    flex-direction: column;
}

.lp-faq-getting-started__steps-header {
display: flex;
    align-items: center;
    gap: 9px;
    padding: 16px 26px 14px;
    border-bottom: 1px solid var(--lp-panel-border);
}

.lp-faq-getting-started__steps-icon {
display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--lp-ghost-border);
    border-radius: 5px;
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    flex: 0 0 auto;
}

.lp-faq-getting-started__steps-icon svg {
width: 10px;
    height: 10px;
    color: var(--lp-color-text-soft);
}

.lp-faq-getting-started__steps-label {
color: var(--lp-color-text-soft);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-faq-getting-started__steps-sep {
width: 1px;
    height: 12px;
    background: var(--lp-ghost-border);
}

.lp-faq-getting-started__steps-title {
color: var(--lp-color-text);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.lp-faq-getting-started__steps-badge {
margin-left: auto;
    padding: 4px 10px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-color-text-soft);
    font-size: 10px;
    font-weight: 400;
}

.lp-faq-getting-started__steps {
display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 1px;
    flex: 1;
    background: var(--lp-panel-border);
}

.lp-faq-getting-started__step {
position: relative;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 20px 26px;
    overflow: hidden;
    background: var(--lp-panel-bg-strong);
    transition: background-color 180ms ease;
}

.lp-faq-getting-started__step:hover {
background: var(--lp-panel-hover-strong);
}

.lp-faq-getting-started__step::before {
content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background: #d4a017;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 250ms ease;
}

.lp-faq-getting-started__step:hover::before {
transform: scaleY(1);
}

.lp-faq-getting-started__step-left {
display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    padding-top: 1px;
}

.lp-faq-getting-started__check-circle {
display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(58, 158, 95, 0.35);
    border-radius: 50%;
    background: rgba(58, 158, 95, 0.08);
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-faq-getting-started__step:hover .lp-faq-getting-started__check-circle {
border-color: rgba(212, 160, 23, 0.4);
    background: rgba(212, 160, 23, 0.09);
}

.lp-faq-getting-started__check-circle svg {
width: 9px;
    height: 9px;
    color: #3a9e5f;
    transition: color 180ms ease;
}

.lp-faq-getting-started__step:hover .lp-faq-getting-started__check-circle svg {
color: #d4a017;
}

.lp-faq-getting-started__step-num {
color: var(--lp-color-text-soft);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.06em;
    transition: color 180ms ease;
}

.lp-faq-getting-started__step:hover .lp-faq-getting-started__step-num {
color: #d4a017;
}

.lp-faq-getting-started__step-body {
flex: 1;
}

.lp-faq-getting-started__step-title {
margin-bottom: 6px;
    color: var(--lp-color-text);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.lp-faq-getting-started__step-desc {
color: var(--lp-color-text-soft);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.65;
    transition: color 180ms ease;
}

.lp-faq-getting-started__step:hover .lp-faq-getting-started__step-desc {
color: var(--lp-color-text-muted);
}

.lp-faq-getting-started__workflow {
display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.lp-faq-getting-started__workflow-pill {
padding: 2px 8px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 4px;
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    color: var(--lp-color-text-soft);
    font-size: 10.5px;
    font-weight: 400;
    white-space: nowrap;
    transition: color 180ms ease, border-color 180ms ease;
}

.lp-faq-getting-started__step:hover .lp-faq-getting-started__workflow-pill {
color: var(--lp-color-text-muted);
    border-color: var(--lp-ghost-border);
}

.lp-faq-getting-started__workflow-arrow {
color: var(--lp-color-text-soft);
    font-size: 10px;
    flex: 0 0 auto;
    transition: color 180ms ease;
}

.lp-faq-getting-started__step:hover .lp-faq-getting-started__workflow-arrow {
color: #d4a017;
}

.lp-faq-getting-started__tip {
display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 26px;
    border-top: 1px solid var(--lp-panel-border);
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
}

.lp-faq-getting-started__tip-icon {
display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border: 1px solid rgba(212, 160, 23, 0.22);
    border-radius: 5px;
    background: rgba(212, 160, 23, 0.06);
    flex: 0 0 auto;
}

.lp-faq-getting-started__tip-icon svg {
width: 10px;
    height: 10px;
    color: #d4a017;
}

.lp-faq-getting-started__tip-text {
color: var(--lp-color-text-soft);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-faq-getting-started__tip-text strong {
color: var(--lp-color-text-muted);
    font-weight: 500;
}

.lp-faq-getting-started__bottom {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 28px;
    border-top: 1px solid var(--lp-panel-border);
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
}

.lp-faq-getting-started__bottom-label {
margin-right: 2px;
    color: var(--lp-color-text-soft);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    flex: 0 0 auto;
}

.lp-faq-getting-started__tag-row {
display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.lp-faq-getting-started__tag {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-color-text-soft);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-faq-getting-started__tag:hover {
color: var(--lp-color-text-muted);
    border-color: var(--lp-ghost-border);
}

.lp-faq-getting-started__tag-dot {
width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--lp-color-text-soft);
    flex: 0 0 auto;
}

.lp-faq-getting-started__footer {
display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    padding: 10px 28px;
    border-top: 1px solid var(--lp-panel-border);
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
}

.lp-faq-getting-started__footer-icon {
width: 13px;
    height: 13px;
    color: var(--lp-color-text-soft);
    flex: 0 0 auto;
}

.lp-faq-getting-started__footer-icon svg {
width: 100%;
    height: 100%;
}

.lp-faq-getting-started__footer-text {
flex: 1;
    color: var(--lp-color-text-soft);
    font-size: 11px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-faq-getting-started__footer-link {
color: var(--lp-color-text-soft);
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 1px;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-faq-getting-started__footer-link:hover,
.lp-faq-getting-started__footer-link:focus-visible {
color: var(--lp-color-text-muted);
    border-color: var(--lp-color-text-soft);
    outline: none;
}





.lp-pricing-plans-proto {
--lp-pricing-plans-card: var(--lp-panel-bg-strong);
    --lp-pricing-plans-card-hover: var(--lp-panel-hover-strong);
    --lp-pricing-plans-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-pricing-plans-rule: var(--lp-panel-border);
    --lp-pricing-plans-rule-strong: var(--lp-ghost-border);
    --lp-pricing-plans-ink: var(--lp-color-text);
    --lp-pricing-plans-ink-2: var(--lp-color-text-muted);
    --lp-pricing-plans-ink-3: var(--lp-color-text-muted);
    --lp-pricing-plans-ink-4: var(--lp-color-text-soft);
    --lp-pricing-plans-accent: #d4a017;
    color: var(--lp-pricing-plans-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-pricing-plans-proto__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

.lp-pricing-plans-proto__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-pricing-plans-accent);
}

.lp-pricing-plans-proto__eyebrow-text {
color: var(--lp-pricing-plans-ink-3);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-pricing-plans-proto__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
    align-items: end;
    gap: 32px;
    margin: 0 0 48px;
}

.lp-pricing-plans-proto__header h2 {
margin: 0;
    color: var(--lp-pricing-plans-ink);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-pricing-plans-proto__header h2 span {
color: var(--lp-pricing-plans-accent);
}

.lp-pricing-plans-proto__header p {
margin: 0;
    color: var(--lp-pricing-plans-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
    text-align: right;
}

.lp-pricing-plans-proto__grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--lp-pricing-plans-rule-strong);
    border-radius: 12px 12px 0 0;
    background: var(--lp-pricing-plans-rule);
}

.lp-pricing-plans-proto__card {
position: relative;
    display: flex;
    flex-direction: column;
    padding: 40px;
    overflow: hidden;
    background: var(--lp-pricing-plans-card);
    transition: background-color 180ms ease;
}

.lp-pricing-plans-proto__card:hover {
background: var(--lp-pricing-plans-card-hover);
}

.lp-pricing-plans-proto__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-pricing-plans-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-pricing-plans-proto__card:hover::after {
transform: scaleX(1);
}

.lp-pricing-plans-proto__badge-row {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.lp-pricing-plans-proto__badge {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border: 1px solid rgba(212, 160, 23, 0.22);
    border-radius: 999px;
    background: rgba(212, 160, 23, 0.08);
    color: var(--lp-pricing-plans-accent);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: background-color 180ms ease, border-color 180ms ease;
}

.lp-pricing-plans-proto__card:hover .lp-pricing-plans-proto__badge {
background: rgba(212, 160, 23, 0.14);
    border-color: rgba(212, 160, 23, 0.35);
}

.lp-pricing-plans-proto__badge-dot {
width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--lp-pricing-plans-accent);
}

.lp-pricing-plans-proto__badge-spacer {
height: 26px;
}

.lp-pricing-plans-proto__number {
color: var(--lp-pricing-plans-ink-4);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.04em;
}

.lp-pricing-plans-proto__type {
margin: 0 0 16px;
    color: var(--lp-pricing-plans-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: color 180ms ease;
}

.lp-pricing-plans-proto__card:hover .lp-pricing-plans-proto__type {
color: var(--lp-pricing-plans-ink-3);
}

.lp-pricing-plans-proto__price-row {
display: flex;
    align-items: baseline;
    gap: 8px;
}

.lp-pricing-plans-proto__price {
color: var(--lp-pricing-plans-ink);
    font-size: 52px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
}

.lp-pricing-plans-proto__price-unit {
color: var(--lp-pricing-plans-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.45;
}

.lp-pricing-plans-proto__price-unit span {
display: block;
}

.lp-pricing-plans-proto__extras {
display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
}

.lp-pricing-plans-proto__extra-row {
display: flex;
    align-items: baseline;
    gap: 7px;
}

.lp-pricing-plans-proto__extra-plus {
width: 8px;
    flex: 0 0 auto;
    color: var(--lp-pricing-plans-ink-4);
    font-size: 11px;
}

.lp-pricing-plans-proto__extra-figure {
color: var(--lp-pricing-plans-ink-2);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.02em;
    transition: color 180ms ease;
}

.lp-pricing-plans-proto__card:hover .lp-pricing-plans-proto__extra-figure {
color: var(--lp-pricing-plans-ink);
}

.lp-pricing-plans-proto__extra-unit {
color: var(--lp-pricing-plans-ink-4);
    font-size: 12px;
    font-weight: 300;
}

.lp-pricing-plans-proto__sep {
height: 1px;
    margin: 28px 0;
    background: var(--lp-pricing-plans-rule);
    transition: background-color 180ms ease;
}

.lp-pricing-plans-proto__card:hover .lp-pricing-plans-proto__sep {
background: var(--lp-pricing-plans-rule-strong);
}

.lp-pricing-plans-proto__pitch {
margin: 0 0 10px;
    color: var(--lp-pricing-plans-ink);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

.lp-pricing-plans-proto__pitch em {
color: var(--lp-pricing-plans-accent);
    font-style: normal;
}

.lp-pricing-plans-proto__description {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-pricing-plans-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-pricing-plans-proto__includes {
display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.lp-pricing-plans-proto__includes li {
display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--lp-pricing-plans-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.4;
    transition: color 150ms ease;
}

.lp-pricing-plans-proto__card:hover .lp-pricing-plans-proto__includes li {
color: var(--lp-pricing-plans-ink-2);
}

.lp-pricing-plans-proto__includes li::before {
content: "";
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%234a4844' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,7 5.5,10.5 12,4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

.lp-pricing-plans-proto__card:hover .lp-pricing-plans-proto__includes li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23d4a017' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,7 5.5,10.5 12,4'/%3E%3C/svg%3E");
}

.lp-pricing-plans-proto__note {
display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 16px;
    padding: 11px 14px;
    border: 1px solid var(--lp-pricing-plans-rule);
    border-radius: 6px;
    background: var(--lp-pricing-plans-inset);
    color: var(--lp-pricing-plans-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.55;
    transition: border-color 180ms ease;
}

.lp-pricing-plans-proto__card:hover .lp-pricing-plans-proto__note {
border-color: var(--lp-pricing-plans-rule-strong);
}

.lp-pricing-plans-proto__note strong {
color: var(--lp-pricing-plans-ink-3);
    font-weight: 500;
}

.lp-pricing-plans-proto__footer {
display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--lp-pricing-plans-rule);
    transition: border-color 180ms ease;
}

.lp-pricing-plans-proto__card:hover .lp-pricing-plans-proto__footer {
border-color: var(--lp-pricing-plans-rule-strong);
}

.lp-pricing-plans-proto__btn {
display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 11px 22px;
    border-radius: 7px;
    text-decoration: none;
    transition: opacity 150ms ease, transform 120ms ease, color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-pricing-plans-proto__btn--primary {
background: var(--lp-pricing-plans-accent);
    color: #0e0e0c;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-pricing-plans-proto__btn--primary:hover,
.lp-pricing-plans-proto__btn--primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
    outline: none;
}

.lp-pricing-plans-proto__btn--primary svg {
width: 12px;
    height: 12px;
}

.lp-pricing-plans-proto__btn--ghost {
border: 1px solid var(--lp-pricing-plans-rule-strong);
    background: transparent;
    color: var(--lp-pricing-plans-ink-3);
    font-size: 13px;
    font-weight: 500;
}

.lp-pricing-plans-proto__btn--ghost:hover,
.lp-pricing-plans-proto__btn--ghost:focus-visible {
background: var(--lp-panel-hover);
    border-color: var(--lp-ghost-border-hover);
    color: var(--lp-pricing-plans-ink-2);
    outline: none;
}

.lp-pricing-plans-proto__microcopy {
margin: 0;
    color: var(--lp-pricing-plans-ink-4);
    font-size: 11px;
    font-weight: 300;
    text-align: center;
}

.lp-pricing-plans-proto__parity {
display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 40px;
    border: 1px solid var(--lp-pricing-plans-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-pricing-plans-inset);
}

.lp-pricing-plans-proto__parity-label {
flex: 0 0 auto;
    color: var(--lp-pricing-plans-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-pricing-plans-proto__parity-pills {
display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 5px;
}

.lp-pricing-plans-proto__parity-pill {
padding: 3px 9px;
    border: 1px solid var(--lp-pricing-plans-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-pricing-plans-ink-4);
    font-size: 10.5px;
    font-weight: 400;
    white-space: nowrap;
}

.lp-pricing-plans-proto__parity-note {
flex: 0 0 auto;
    color: var(--lp-pricing-plans-ink-4);
    font-size: 12px;
    font-weight: 300;
}





.lp-pricing-included-proto {
--lp-pricing-included-card: var(--lp-panel-bg-strong);
    --lp-pricing-included-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-pricing-included-rule: var(--lp-panel-border);
    --lp-pricing-included-rule-strong: var(--lp-ghost-border);
    --lp-pricing-included-ink: var(--lp-color-text);
    --lp-pricing-included-ink-2: var(--lp-color-text-muted);
    --lp-pricing-included-ink-3: var(--lp-color-text-muted);
    --lp-pricing-included-ink-4: var(--lp-color-text-soft);
    --lp-pricing-included-accent: #d4a017;
    --lp-pricing-included-green: #3a9e5f;
    --lp-pricing-included-red: #c0392b;
    color: var(--lp-pricing-included-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-section--pricing-included,
.lp-section--pricing-faq {
background: transparent;
}

.lp-pricing-included__header {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 32px;
    border: 1px solid var(--lp-pricing-included-rule-strong);
    border-bottom: 1px solid var(--lp-pricing-included-rule);
    border-radius: 12px 12px 0 0;
    background: var(--lp-pricing-included-card);
}

.lp-pricing-included__header-left {
display: flex;
    align-items: center;
    gap: 14px;
}

.lp-pricing-included__header-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border: 1px solid rgba(212, 160, 23, 0.25);
    border-radius: 8px;
    background: rgba(212, 160, 23, 0.07);
    color: var(--lp-pricing-included-accent);
}

.lp-pricing-included__header-copy h3 {
margin: 0;
    color: var(--lp-pricing-included-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-pricing-included__header-copy p {
margin: 2px 0 0;
    color: var(--lp-pricing-included-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-pricing-included__badge {
display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    padding: 4px 12px;
    border: 1px solid rgba(212, 160, 23, 0.22);
    border-radius: 999px;
    background: rgba(212, 160, 23, 0.08);
    color: var(--lp-pricing-included-accent);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp-pricing-included__badge-dot {
width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: currentColor;
}

.lp-pricing-included__cap-grid {
display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-pricing-included-rule);
}

.lp-pricing-included__cap {
position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    padding: 24px 28px;
    background: var(--lp-pricing-included-card);
    transition: background-color 180ms ease;
}

.lp-pricing-included__cap:hover {
background: var(--lp-panel-hover-strong);
}

.lp-pricing-included__cap::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-pricing-included-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-pricing-included__cap:hover::after {
transform: scaleX(1);
}

.lp-pricing-included__cap-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--lp-pricing-included-rule);
    border-radius: 7px;
    background: var(--lp-pricing-included-inset);
    color: var(--lp-pricing-included-ink-3);
    transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

.lp-pricing-included__cap:hover .lp-pricing-included__cap-icon {
border-color: rgba(212, 160, 23, 0.28);
    background: rgba(212, 160, 23, 0.07);
    color: var(--lp-pricing-included-accent);
}

.lp-pricing-included__cap-title {
margin: 0;
    color: var(--lp-pricing-included-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.lp-pricing-included__cap-desc {
margin: 0;
    color: var(--lp-pricing-included-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.5;
    transition: color 180ms ease;
}

.lp-pricing-included__cap:hover .lp-pricing-included__cap-desc {
color: var(--lp-pricing-included-ink-3);
}

.lp-pricing-included__table-wrap {
margin: 14px 0 4px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid var(--lp-pricing-included-rule-strong);
    background: var(--lp-pricing-included-card);
    box-shadow: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.lp-pricing-included__table {
width: 100%;
    min-width: 480px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: var(--lp-pricing-included-card);
}

.lp-pricing-included__table thead tr {
background: var(--lp-pricing-included-inset);
}

.lp-pricing-included__table thead th {
position: sticky;
    top: 0;
    z-index: 2;
    padding: 9px 12px 10px;
    border-bottom: 2px solid var(--lp-pricing-included-rule-strong);
    color: var(--lp-pricing-included-ink-3);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: uppercase;
    vertical-align: bottom;
    background: var(--lp-pricing-included-inset);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--lp-pricing-included-ink) 8%, transparent);
}

.lp-pricing-included__table thead th:first-child {
width: 62%;
}

.lp-pricing-included__table thead th:nth-child(2),
.lp-pricing-included__table thead th:nth-child(3) {
width: 19%;
    min-width: 72px;
    max-width: 120px;
    text-align: center;
}

.lp-pricing-included__table thead th:nth-child(2),
.lp-pricing-included__table tbody td:nth-child(2) {
border-left: 1px solid var(--lp-pricing-included-rule-strong);
}

.lp-pricing-included__table thead th:nth-child(3),
.lp-pricing-included__table tbody td:nth-child(3) {
border-left: 1px solid var(--lp-pricing-included-rule);
}

.lp-pricing-included__seat-col {
background: rgba(212, 160, 23, 0.04);
}

.lp-pricing-included__table thead .lp-pricing-included__seat-col {
background: color-mix(in srgb, rgba(212, 160, 23, 0.12) 40%, var(--lp-pricing-included-inset));
    color: var(--lp-pricing-included-accent);
}

.lp-pricing-included__group-row td {
padding: 7px 12px 6px;
    border-top: 1px solid var(--lp-pricing-included-rule-strong);
    border-bottom: 1px solid var(--lp-pricing-included-rule);
    background: color-mix(in srgb, var(--lp-pricing-included-inset) 88%, var(--lp-pricing-included-card));
    color: var(--lp-pricing-included-ink-3);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-pricing-included__table tbody tr.lp-pricing-included__data-row {
border-bottom: 1px solid var(--lp-pricing-included-rule);
    transition: background-color 120ms ease;
}

.lp-pricing-included__table tbody tr.lp-pricing-included__data-row--alt {
background: color-mix(in srgb, var(--lp-color-bg) 22%, var(--lp-pricing-included-card));
}

.lp-pricing-included__table tbody tr.lp-pricing-included__data-row:hover > th,
.lp-pricing-included__table tbody tr.lp-pricing-included__data-row:hover > td {
background: color-mix(in srgb, var(--lp-panel-hover-strong) 55%, var(--lp-pricing-included-card));
}

.lp-pricing-included__table tbody tr.lp-pricing-included__data-row:hover > td.lp-pricing-included__seat-col {
background: color-mix(in srgb, rgba(212, 160, 23, 0.1) 40%, color-mix(in srgb, var(--lp-panel-hover-strong) 55%, var(--lp-pricing-included-card)));
}

.lp-pricing-included__table tbody tr:last-child {
border-bottom: 0;
}

.lp-pricing-included__table td,
.lp-pricing-included__table tbody th.lp-pricing-included__feature {
padding: 7px 12px;
    color: var(--lp-pricing-included-ink-2);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    vertical-align: middle;
}

.lp-pricing-included__table tbody th.lp-pricing-included__feature {
text-align: left;
    font-weight: 400;
    overflow-wrap: anywhere;
    hyphens: auto;
}

.lp-pricing-included__table td:nth-child(2),
.lp-pricing-included__table td:nth-child(3) {
text-align: center;
    white-space: nowrap;
}

.lp-pricing-included__check,
.lp-pricing-included__dash {
display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
    vertical-align: middle;
}

.lp-pricing-included__check {
color: var(--lp-pricing-included-green);
}

.lp-pricing-included__check svg {
width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.lp-pricing-included__dash {
color: var(--lp-pricing-included-red);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}

.lp-pricing-included__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 13px 32px;
    border: 1px solid var(--lp-pricing-included-rule-strong);
    border-top: 1px solid var(--lp-pricing-included-rule);
    border-radius: 0 0 12px 12px;
    background: var(--lp-pricing-included-inset);
}

.lp-pricing-included__footer-note {
margin: 0;
    color: var(--lp-pricing-included-ink-4);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-pricing-included__footer-note strong {
color: var(--lp-pricing-included-ink-3);
    font-weight: 500;
}

.lp-pricing-included__footer-note span {
margin-left: 4px;
}

.lp-pricing-included__footer-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--lp-pricing-included-rule);
    border-radius: 6px;
    color: var(--lp-pricing-included-ink-4);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-pricing-included__footer-link:hover,
.lp-pricing-included__footer-link:focus-visible {
border-color: var(--lp-pricing-included-rule-strong);
    background: var(--lp-panel-hover);
    color: var(--lp-pricing-included-ink-3);
    outline: none;
}

.lp-pricing-included__footer-link svg {
width: 10px;
    height: 10px;
}





.lp-pricing-examples {
--lp-pricing-examples-card: var(--lp-panel-bg-strong);
    --lp-pricing-examples-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-pricing-examples-rule: var(--lp-panel-border);
    --lp-pricing-examples-rule-strong: var(--lp-ghost-border);
    --lp-pricing-examples-ink: var(--lp-color-text);
    --lp-pricing-examples-ink-2: var(--lp-color-text-muted);
    --lp-pricing-examples-ink-3: var(--lp-color-text-muted);
    --lp-pricing-examples-ink-4: var(--lp-color-text-soft);
    --lp-pricing-examples-accent: #d4a017;
    color: var(--lp-pricing-examples-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    border: 1px solid var(--lp-pricing-examples-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-pricing-examples__header {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 32px;
    border-bottom: 1px solid var(--lp-pricing-examples-rule);
    background: var(--lp-pricing-examples-card);
}

.lp-pricing-examples__eyebrow {
display: flex;
    align-items: center;
    gap: 8px;
}

.lp-pricing-examples__dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-pricing-examples-accent);
}

.lp-pricing-examples__title {
color: var(--lp-pricing-examples-ink-3);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-pricing-examples__note {
color: var(--lp-pricing-examples-ink-4);
    font-size: 12px;
    font-weight: 300;
}

.lp-pricing-examples__row {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-pricing-examples-rule);
}

.lp-pricing-examples__card {
position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
    padding: 32px 36px;
    background: var(--lp-pricing-examples-card);
    transition: background-color 180ms ease;
}

.lp-pricing-examples__row > .lp-pricing-examples__card:nth-child(3):last-child {
    grid-column: 1 / -1;
    align-items: center;
    text-align: center;
}

.lp-pricing-examples__row > .lp-pricing-examples__card:nth-child(3):last-child .lp-pricing-examples__calc {
    justify-content: center;
}

.lp-pricing-examples__row > .lp-pricing-examples__card:nth-child(3):last-child .lp-pricing-examples__calc-workings {
    margin-left: 0;
}

.lp-pricing-examples__row > .lp-pricing-examples__card:nth-child(3):last-child .lp-pricing-examples__description {
    max-width: 62ch;
}

.lp-pricing-examples__row > .lp-pricing-examples__card:nth-child(3):last-child .lp-pricing-examples__signals {
    align-items: center;
}

.lp-discount-flag {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px 5px 8px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(212, 160, 23, 0.14), rgba(212, 160, 23, 0.06));
    border: 1px solid rgba(212, 160, 23, 0.32);
    color: #d4a017;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(212, 160, 23, 0.12);
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.lp-discount-flag__icon {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
}

.lp-discount-flag--strong {
    padding: 6px 12px 6px 10px;
    font-size: 11px;
    background: linear-gradient(135deg, rgba(212, 160, 23, 0.2), rgba(212, 160, 23, 0.08));
    border-color: rgba(212, 160, 23, 0.42);
    box-shadow: 0 2px 6px rgba(212, 160, 23, 0.18);
}

.lp-discount-flag--strong .lp-discount-flag__icon {
    width: 12px;
    height: 12px;
}

.lp-pricing-examples__card--flagged:hover .lp-discount-flag,
.lp-pricing-plans-proto__card:hover .lp-discount-flag {
    background: linear-gradient(135deg, rgba(212, 160, 23, 0.24), rgba(212, 160, 23, 0.1));
    border-color: rgba(212, 160, 23, 0.5);
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(212, 160, 23, 0.22);
}

.lp-pricing-examples__card:hover {
background: var(--lp-panel-hover-strong);
}

.lp-pricing-examples__card::after {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-pricing-examples-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-pricing-examples__card:hover::after {
transform: scaleX(1);
}

.lp-pricing-examples__scenario {
margin: 0 0 14px;
    color: var(--lp-pricing-examples-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: color 180ms ease;
}

.lp-pricing-examples__card:hover .lp-pricing-examples__scenario {
color: var(--lp-pricing-examples-ink-3);
}

.lp-pricing-examples__pill {
display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 5px;
    margin-bottom: 18px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.lp-pricing-examples__pill-dot {
width: 4px;
    height: 4px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: currentColor;
}

.lp-pricing-examples__card-title {
margin: 0 0 12px;
    color: var(--lp-pricing-examples-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-pricing-examples__calc {
display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 16px;
    padding: 12px 16px;
    border: 1px solid var(--lp-pricing-examples-rule);
    border-radius: 6px;
    background: var(--lp-pricing-examples-inset);
    transition: border-color 180ms ease;
}

.lp-pricing-examples__card:hover .lp-pricing-examples__calc {
border-color: var(--lp-pricing-examples-rule-strong);
}

.lp-pricing-examples__calc-figure {
color: var(--lp-pricing-examples-ink);
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.lp-pricing-examples__calc-label {
color: var(--lp-pricing-examples-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
}

.lp-pricing-examples__calc-workings {
margin-left: auto;
    color: var(--lp-pricing-examples-ink-4);
    font-size: 11px;
    font-weight: 300;
}

.lp-pricing-examples__description {
margin: 0;
    color: var(--lp-pricing-examples-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-pricing-examples__signals {
display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.lp-pricing-examples__signals li {
display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--lp-pricing-examples-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
    transition: color 150ms ease;
}

.lp-pricing-examples__card:hover .lp-pricing-examples__signals li {
color: var(--lp-pricing-examples-ink-3);
}

.lp-pricing-examples__signals li::before {
content: "";
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 4.5,8.5 10,3.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

.lp-pricing-examples__card:hover .lp-pricing-examples__signals li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,6 4.5,8.5 10,3.5'/%3E%3C/svg%3E");
}

.lp-pricing-examples__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 13px 32px;
    border-top: 1px solid var(--lp-pricing-examples-rule);
    background: var(--lp-pricing-examples-inset);
}

.lp-pricing-examples__footer-note {
color: var(--lp-pricing-examples-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-pricing-examples__footer-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--lp-pricing-examples-rule);
    border-radius: 6px;
    color: var(--lp-pricing-examples-ink-4);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-pricing-examples__footer-link:hover,
.lp-pricing-examples__footer-link:focus-visible {
border-color: var(--lp-pricing-examples-rule-strong);
    background: var(--lp-panel-hover);
    color: var(--lp-pricing-examples-ink-3);
    outline: none;
}

.lp-pricing-examples__footer-link svg {
width: 10px;
    height: 10px;
}





.lp-pricing-faq-proto {
--lp-pricing-faq-card: var(--lp-panel-bg-strong);
    --lp-pricing-faq-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-pricing-faq-rule: var(--lp-panel-border);
    --lp-pricing-faq-rule-strong: var(--lp-ghost-border);
    --lp-pricing-faq-ink: var(--lp-color-text);
    --lp-pricing-faq-ink-2: var(--lp-color-text-muted);
    --lp-pricing-faq-ink-3: var(--lp-color-text-muted);
    --lp-pricing-faq-ink-4: var(--lp-color-text-soft);
    --lp-pricing-faq-accent: #d4a017;
    color: var(--lp-pricing-faq-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-pricing-faq-proto__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 32px;
}

.lp-pricing-faq-proto__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--lp-pricing-faq-accent);
}

.lp-pricing-faq-proto__eyebrow-text {
color: var(--lp-pricing-faq-ink-3);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-pricing-faq-proto__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 260px);
    align-items: end;
    gap: 32px;
    margin: 0 0 40px;
}

.lp-pricing-faq-proto__header h2 {
margin: 0;
    color: var(--lp-pricing-faq-ink);
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-pricing-faq-proto__header h2 span {
color: var(--lp-pricing-faq-accent);
}

.lp-pricing-faq-proto__header p {
margin: 0;
    color: var(--lp-pricing-faq-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.6;
    text-align: right;
}

.lp-pricing-faq-proto__accordion {
overflow: hidden;
    border: 1px solid var(--lp-pricing-faq-rule-strong);
    border-radius: 12px;
}

.lp-pricing-faq-proto__item {
position: relative;
    border-bottom: 1px solid var(--lp-pricing-faq-rule);
}

.lp-pricing-faq-proto__item:last-child {
border-bottom: 0;
}

.lp-pricing-faq-proto__item.open::before {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-pricing-faq-accent);
}

.lp-pricing-faq-proto__question {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding: 22px 32px;
    cursor: pointer;
    border: 0;
    background: var(--lp-pricing-faq-card);
    list-style: none;
    text-align: left;
    transition: background-color 150ms ease;
}

.lp-pricing-faq-proto__question:hover,
.lp-pricing-faq-proto__item.open > .lp-pricing-faq-proto__question {
background: var(--lp-panel-hover-strong);
}

.lp-pricing-faq-proto__q-left {
display: flex;
    align-items: center;
    gap: 14px;
}

.lp-pricing-faq-proto__number {
min-width: 18px;
    flex: 0 0 auto;
    color: var(--lp-pricing-faq-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    transition: color 150ms ease;
}

.lp-pricing-faq-proto__question:hover .lp-pricing-faq-proto__number,
.lp-pricing-faq-proto__item.open .lp-pricing-faq-proto__number {
color: var(--lp-pricing-faq-accent);
}

.lp-pricing-faq-proto__q-text {
color: var(--lp-pricing-faq-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.lp-pricing-faq-proto__q-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    border: 1px solid var(--lp-pricing-faq-rule-strong);
    border-radius: 999px;
    background: var(--lp-pricing-faq-inset);
    color: var(--lp-pricing-faq-ink-4);
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, transform 250ms ease;
}

.lp-pricing-faq-proto__q-icon svg {
width: 9px;
    height: 9px;
}

.lp-pricing-faq-proto__question:hover .lp-pricing-faq-proto__q-icon {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.06);
    color: var(--lp-pricing-faq-accent);
}

.lp-pricing-faq-proto__item.open .lp-pricing-faq-proto__q-icon {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.1);
    color: var(--lp-pricing-faq-accent);
    transform: rotate(180deg);
}

.lp-pricing-faq-proto__answer {
max-height: 0;
    overflow: hidden;
    background: var(--lp-pricing-faq-inset);
    transition: max-height 300ms ease, padding 300ms ease;
}

.lp-pricing-faq-proto__item.open .lp-pricing-faq-proto__answer {
max-height: 300px;
}

.lp-pricing-faq-proto__answer-inner {
padding: 0 32px 24px 64px;
    color: var(--lp-pricing-faq-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.75;
}

.lp-pricing-faq-proto__answer-inner strong {
color: var(--lp-pricing-faq-ink-2);
    font-weight: 500;
}

.lp-pricing-faq-proto__answer-inner a {
color: var(--lp-pricing-faq-accent);
    text-decoration: none;
    border-bottom: 1px solid rgba(212, 160, 23, 0.3);
    transition: border-color 150ms ease;
}

.lp-pricing-faq-proto__answer-inner a:hover,
.lp-pricing-faq-proto__answer-inner a:focus-visible {
border-color: var(--lp-pricing-faq-accent);
    outline: none;
}

.lp-pricing-faq-proto__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
    padding: 14px 32px;
    border: 1px solid var(--lp-pricing-faq-rule-strong);
    border-radius: 8px;
    background: var(--lp-pricing-faq-card);
}

.lp-pricing-faq-proto__footer-note {
color: var(--lp-pricing-faq-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-pricing-faq-proto__footer-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--lp-pricing-faq-rule);
    border-radius: 6px;
    color: var(--lp-pricing-faq-ink-4);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-pricing-faq-proto__footer-link:hover,
.lp-pricing-faq-proto__footer-link:focus-visible {
border-color: var(--lp-pricing-faq-rule-strong);
    background: var(--lp-panel-hover);
    color: var(--lp-pricing-faq-ink-3);
    outline: none;
}

.lp-pricing-faq-proto__footer-link svg {
width: 10px;
    height: 10px;
}



.lp-compliance-section-heading__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 32px;
}

.lp-compliance-section-heading__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #d4a017;
}

.lp-compliance-section-heading__eyebrow-text {
color: var(--lp-color-text-muted);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-compliance-section-heading__header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: end;
    gap: 32px;
    margin-bottom: 52px;
}

.lp-compliance-section-heading__header h2 {
margin: 0;
    color: var(--lp-color-text);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-compliance-section-heading__header h2 span {
color: #d4a017;
}

.lp-compliance-section-heading--alert .lp-compliance-section-heading__eyebrow-dot,
.lp-compliance-section-heading__eyebrow.lp-compliance-section-heading--alert .lp-compliance-section-heading__eyebrow-dot {
background: #e05c4a;
}

.lp-compliance-section-heading--alert h2 span {
color: #e05c4a;
}

.lp-compliance-section-heading__header p {
margin: 0;
    color: var(--lp-color-text-muted);
    text-align: right;
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-compliance-golden-thread {
--lp-compliance-gt-card: var(--lp-panel-bg-strong);
    --lp-compliance-gt-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-compliance-gt-rule: var(--lp-panel-border);
    --lp-compliance-gt-rule-strong: var(--lp-ghost-border);
    --lp-compliance-gt-ink: var(--lp-color-text);
    --lp-compliance-gt-ink-2: var(--lp-color-text-muted);
    --lp-compliance-gt-ink-3: var(--lp-color-text-muted);
    --lp-compliance-gt-ink-4: var(--lp-color-text-soft);
    --lp-compliance-gt-accent: #d4a017;
    --lp-compliance-gt-blue: #60b0e0;
    --lp-compliance-gt-green: #3a9e5f;
    color: var(--lp-compliance-gt-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-compliance-golden-thread__grid {
display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid var(--lp-compliance-gt-rule-strong);
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: var(--lp-compliance-gt-rule);
}

.lp-compliance-golden-thread__card {
position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-compliance-gt-card);
}

.lp-compliance-golden-thread__card::before {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: var(--lp-compliance-gt-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 180ms ease;
}

.lp-compliance-golden-thread__card:hover::before {
transform: scaleX(1);
}

.lp-compliance-golden-thread__visual {
min-height: 180px;
    padding: 22px 24px 20px;
    border-bottom: 1px solid var(--lp-compliance-gt-rule);
    background: var(--lp-compliance-gt-inset);
}

.lp-compliance-golden-thread__visual-label {
margin-bottom: 14px;
    color: var(--lp-compliance-gt-ink-4);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp-compliance-golden-thread__visual-row {
display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--lp-compliance-gt-rule);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
}

.lp-compliance-golden-thread__visual-row + .lp-compliance-golden-thread__visual-row {
margin-top: 10px;
}

.lp-compliance-golden-thread__visual-row.is-amber-strong {
background: rgba(212, 160, 23, 0.08);
}

.lp-compliance-golden-thread__visual-row.is-blue-strong {
background: rgba(96, 176, 224, 0.08);
}

.lp-compliance-golden-thread__visual-row.is-green-strong {
background: rgba(58, 158, 95, 0.08);
}

.lp-compliance-golden-thread__visual-dot {
width: 7px;
    height: 7px;
    border-radius: 999px;
}

.lp-compliance-golden-thread__visual-dot.is-amber {
background: var(--lp-compliance-gt-accent);
}

.lp-compliance-golden-thread__visual-dot.is-blue {
background: var(--lp-compliance-gt-blue);
}

.lp-compliance-golden-thread__visual-dot.is-green {
background: var(--lp-compliance-gt-green);
}

.lp-compliance-golden-thread__visual-dot.is-neutral {
background: var(--lp-compliance-gt-ink-4);
}

.lp-compliance-golden-thread__visual-text {
color: var(--lp-compliance-gt-ink-2);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.4;
}

.lp-compliance-golden-thread__visual-pill,
.lp-compliance-golden-thread__visual-value {
font-size: 11.5px;
    font-weight: 500;
    white-space: nowrap;
}

.lp-compliance-golden-thread__visual-pill {
padding: 4px 8px;
    border: 1px solid var(--lp-compliance-gt-rule);
    border-radius: 999px;
    color: var(--lp-compliance-gt-ink-3);
}

.lp-compliance-golden-thread__visual-pill.is-amber {
color: var(--lp-compliance-gt-accent);
}

.lp-compliance-golden-thread__visual-pill.is-blue {
color: var(--lp-compliance-gt-blue);
}

.lp-compliance-golden-thread__visual-pill.is-green {
color: var(--lp-compliance-gt-green);
}

.lp-compliance-golden-thread__visual-pill.is-neutral {
color: var(--lp-compliance-gt-ink-4);
}

.lp-compliance-golden-thread__visual-value {
color: var(--lp-compliance-gt-ink);
}

.lp-compliance-golden-thread__body {
display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 16px;
    padding: 26px 28px 28px;
}

.lp-compliance-golden-thread__num {
color: var(--lp-compliance-gt-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-compliance-golden-thread__title {
color: var(--lp-compliance-gt-ink);
    font-size: 28px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.lp-compliance-golden-thread__title span {
color: var(--lp-compliance-gt-accent);
}

.lp-compliance-golden-thread__desc {
color: var(--lp-compliance-gt-ink-2);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-compliance-golden-thread__list {
margin: 0;
    padding-left: 18px;
    color: var(--lp-compliance-gt-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-compliance-golden-thread__list li + li {
margin-top: 8px;
}

.lp-compliance-golden-thread__bottom {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border: 1px solid var(--lp-compliance-gt-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-compliance-gt-inset);
}

.lp-compliance-golden-thread__bottom-copy {
color: var(--lp-compliance-gt-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-compliance-golden-thread__bottom-copy strong {
color: var(--lp-compliance-gt-ink-3);
    font-weight: 500;
}

.lp-compliance-golden-thread__bottom-link {
display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lp-compliance-gt-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease;
    white-space: nowrap;
}

.lp-compliance-golden-thread__bottom-link svg {
width: 12px;
    height: 12px;
}

.lp-compliance-golden-thread__bottom-link:hover,
.lp-compliance-golden-thread__bottom-link:focus-visible {
color: var(--lp-compliance-gt-accent);
    outline: none;
}





.lp-compliance-mechanics {
--lp-compliance-mech-card: var(--lp-panel-bg-strong);
    --lp-compliance-mech-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-compliance-mech-rule: var(--lp-panel-border);
    --lp-compliance-mech-rule-strong: var(--lp-ghost-border);
    --lp-compliance-mech-ink: var(--lp-color-text);
    --lp-compliance-mech-ink-2: var(--lp-color-text-muted);
    --lp-compliance-mech-ink-3: var(--lp-color-text-muted);
    --lp-compliance-mech-ink-4: var(--lp-color-text-soft);
    --lp-compliance-mech-accent: #d4a017;
    color: var(--lp-compliance-mech-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-compliance-mechanics__frame {
overflow: hidden;
    border: 1px solid var(--lp-compliance-mech-rule-strong);
    border-radius: 12px;
}

.lp-compliance-mechanics__steps {
display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 1px;
    background: var(--lp-compliance-mech-rule);
}

.lp-compliance-mechanics__step {
position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px 32px 28px;
    background: var(--lp-compliance-mech-card);
    transition: background-color 180ms ease;
}

.lp-compliance-mechanics__step:hover {
background: var(--lp-panel-hover-strong);
}

.lp-compliance-mechanics__step::before {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: var(--lp-compliance-mech-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 180ms ease;
}

.lp-compliance-mechanics__step:hover::before {
transform: scaleX(1);
}

.lp-compliance-mechanics__num {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-bottom: 18px;
    border: 1px solid var(--lp-compliance-mech-rule-strong);
    border-radius: 999px;
    color: var(--lp-compliance-mech-ink-4);
    font-size: 11px;
    font-weight: 600;
    transition: border-color 180ms ease, color 180ms ease;
}

.lp-compliance-mechanics__step:hover .lp-compliance-mechanics__num {
border-color: var(--lp-compliance-mech-accent);
    color: var(--lp-compliance-mech-accent);
}

.lp-compliance-mechanics__icon-row {
display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.lp-compliance-mechanics__icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--lp-compliance-mech-rule);
    border-radius: 7px;
    background: var(--lp-compliance-mech-inset);
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-compliance-mechanics__step:hover .lp-compliance-mechanics__icon {
border-color: rgba(212, 160, 23, 0.28);
    background: rgba(212, 160, 23, 0.07);
}

.lp-compliance-mechanics__icon svg {
width: 16px;
    height: 16px;
    color: var(--lp-compliance-mech-ink-3);
    transition: color 180ms ease;
}

.lp-compliance-mechanics__step:hover .lp-compliance-mechanics__icon svg {
color: var(--lp-compliance-mech-accent);
}

.lp-compliance-mechanics__label {
color: var(--lp-compliance-mech-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-compliance-mechanics__title {
margin-bottom: 10px;
    color: var(--lp-compliance-mech-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-compliance-mechanics__title span {
color: var(--lp-compliance-mech-accent);
}

.lp-compliance-mechanics__desc {
flex: 1 1 auto;
    color: var(--lp-compliance-mech-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-compliance-mechanics__details {
display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.lp-compliance-mechanics__details li {
display: flex;
    align-items: flex-start;
    gap: 7px;
    color: var(--lp-compliance-mech-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.4;
}

.lp-compliance-mechanics__details li::before {
content: "";
    width: 11px;
    height: 11px;
    flex-shrink: 0;
    margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,5.5 4,7.5 9,3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: background-image 180ms ease;
}

.lp-compliance-mechanics__step:hover .lp-compliance-mechanics__details li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,5.5 4,7.5 9,3'/%3E%3C/svg%3E");
}

.lp-compliance-mechanics__output {
display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 16px;
    padding: 8px 12px;
    border: 1px solid var(--lp-compliance-mech-rule);
    border-radius: 5px;
    background: var(--lp-compliance-mech-inset);
    transition: border-color 180ms ease;
}

.lp-compliance-mechanics__step:hover .lp-compliance-mechanics__output {
border-color: var(--lp-compliance-mech-rule-strong);
}

.lp-compliance-mechanics__output-label {
flex-shrink: 0;
    color: var(--lp-compliance-mech-ink-4);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.lp-compliance-mechanics__output-rule {
width: 1px;
    height: 10px;
    flex-shrink: 0;
    background: var(--lp-compliance-mech-rule-strong);
}

.lp-compliance-mechanics__output-text {
color: var(--lp-compliance-mech-ink-3);
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.3;
}

.lp-compliance-mechanics__arrow {
display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    padding: 0 4px;
    background: var(--lp-compliance-mech-card);
    color: var(--lp-compliance-mech-ink-4);
}

.lp-compliance-mechanics__arrow svg {
width: 16px;
    height: 16px;
}

.lp-compliance-mechanics__platform {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 13px 30px;
    border-top: 1px solid var(--lp-compliance-mech-rule);
    background: var(--lp-compliance-mech-inset);
}

.lp-compliance-mechanics__platform-label {
margin-right: 4px;
    color: var(--lp-compliance-mech-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-compliance-mechanics__platform-links {
display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lp-compliance-mechanics__platform-link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border: 1px solid var(--lp-compliance-mech-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-compliance-mech-ink-4);
    font-size: 11.5px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-compliance-mechanics__platform-link:hover,
.lp-compliance-mechanics__platform-link:focus-visible {
border-color: var(--lp-compliance-mech-rule-strong);
    color: var(--lp-compliance-mech-ink-2);
    outline: none;
}

.lp-compliance-mechanics__platform-link svg {
width: 9px;
    height: 9px;
}





.lp-compliance-stakeholders {
--lp-compliance-stakeholders-card: var(--lp-panel-bg-strong);
    --lp-compliance-stakeholders-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-compliance-stakeholders-rule: var(--lp-panel-border);
    --lp-compliance-stakeholders-rule-strong: var(--lp-ghost-border);
    --lp-compliance-stakeholders-ink: var(--lp-color-text);
    --lp-compliance-stakeholders-ink-2: var(--lp-color-text-muted);
    --lp-compliance-stakeholders-ink-3: var(--lp-color-text-muted);
    --lp-compliance-stakeholders-ink-4: var(--lp-color-text-soft);
    --lp-compliance-stakeholders-accent: #d4a017;
    color: var(--lp-compliance-stakeholders-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-compliance-stakeholders__strip {
overflow: hidden;
    border: 1px solid var(--lp-compliance-stakeholders-rule-strong);
    border-radius: 12px;
}

.lp-compliance-stakeholders__header {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 20px 32px;
    border-bottom: 1px solid var(--lp-compliance-stakeholders-rule);
    background: var(--lp-compliance-stakeholders-card);
}

.lp-compliance-stakeholders__header-left {
display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.lp-compliance-stakeholders__eyebrow {
margin-bottom: 0;
}

.lp-compliance-stakeholders__header-rule {
width: 1px;
    height: 14px;
    background: var(--lp-compliance-stakeholders-rule-strong);
}

.lp-compliance-stakeholders__title {
color: var(--lp-compliance-stakeholders-ink);
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.lp-compliance-stakeholders__note {
color: var(--lp-compliance-stakeholders-ink-4);
    font-size: 12px;
    font-weight: 300;
}

.lp-compliance-stakeholders__cells {
display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-compliance-stakeholders-rule);
}

.lp-compliance-stakeholders__cell {
position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px 26px;
    background: var(--lp-compliance-stakeholders-card);
    transition: background-color 180ms ease;
}

.lp-compliance-stakeholders__cell:hover {
background: var(--lp-panel-hover-strong);
}

.lp-compliance-stakeholders__cell::before {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: var(--lp-compliance-stakeholders-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 180ms ease;
}

.lp-compliance-stakeholders__cell:hover::before {
transform: scaleX(1);
}

.lp-compliance-stakeholders__icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 14px;
    border: 1px solid var(--lp-compliance-stakeholders-rule);
    border-radius: 7px;
    background: var(--lp-compliance-stakeholders-inset);
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-compliance-stakeholders__cell:hover .lp-compliance-stakeholders__icon {
border-color: rgba(212, 160, 23, 0.28);
    background: rgba(212, 160, 23, 0.07);
}

.lp-compliance-stakeholders__icon svg {
width: 14px;
    height: 14px;
    color: var(--lp-compliance-stakeholders-ink-3);
    transition: color 180ms ease;
}

.lp-compliance-stakeholders__cell:hover .lp-compliance-stakeholders__icon svg {
color: var(--lp-compliance-stakeholders-accent);
}

.lp-compliance-stakeholders__cell-title {
margin-bottom: 8px;
    color: var(--lp-compliance-stakeholders-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.lp-compliance-stakeholders__sep {
width: 18px;
    height: 1px;
    margin: 8px 0 10px;
    background: var(--lp-compliance-stakeholders-rule-strong);
    transition: width 180ms ease, background-color 180ms ease;
}

.lp-compliance-stakeholders__cell:hover .lp-compliance-stakeholders__sep {
width: 28px;
    background: rgba(212, 160, 23, 0.4);
}

.lp-compliance-stakeholders__desc {
flex: 1 1 auto;
    color: var(--lp-compliance-stakeholders-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    transition: color 180ms ease;
}

.lp-compliance-stakeholders__cell:hover .lp-compliance-stakeholders__desc {
color: var(--lp-compliance-stakeholders-ink-3);
}

.lp-compliance-stakeholders__link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    align-self: flex-start;
    margin-top: 12px;
    padding-bottom: 1px;
    border-bottom: 1px solid var(--lp-panel-border);
    color: var(--lp-compliance-stakeholders-ink-4);
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-compliance-stakeholders__link:hover,
.lp-compliance-stakeholders__link:focus-visible {
border-color: var(--lp-compliance-stakeholders-ink-4);
    color: var(--lp-compliance-stakeholders-ink-3);
    outline: none;
}

.lp-compliance-stakeholders__link svg {
width: 9px;
    height: 9px;
}

.lp-compliance-stakeholders__footer {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 13px 32px;
    border-top: 1px solid var(--lp-compliance-stakeholders-rule);
    background: var(--lp-compliance-stakeholders-inset);
}

.lp-compliance-stakeholders__footer-icon {
width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--lp-compliance-stakeholders-ink-4);
}

.lp-compliance-stakeholders__footer-icon svg {
width: 14px;
    height: 14px;
}

.lp-compliance-stakeholders__footer-text {
flex: 1 1 auto;
    color: var(--lp-compliance-stakeholders-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-compliance-stakeholders__footer-text strong {
color: var(--lp-compliance-stakeholders-ink-3);
    font-weight: 500;
}





.lp-compliance-evidence-pack {
--lp-compliance-evidence-pack-card: var(--lp-panel-bg-strong);
    --lp-compliance-evidence-pack-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-compliance-evidence-pack-rule: var(--lp-panel-border);
    --lp-compliance-evidence-pack-rule-strong: var(--lp-ghost-border);
    --lp-compliance-evidence-pack-ink: var(--lp-color-text);
    --lp-compliance-evidence-pack-ink-2: var(--lp-color-text-muted);
    --lp-compliance-evidence-pack-ink-3: var(--lp-color-text-muted);
    --lp-compliance-evidence-pack-ink-4: var(--lp-color-text-soft);
    --lp-compliance-evidence-pack-accent: #d4a017;
    --lp-compliance-evidence-pack-green: #3a9e5f;
    color: var(--lp-compliance-evidence-pack-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-compliance-evidence-pack__checklist {
overflow: hidden;
    border: 1px solid var(--lp-compliance-evidence-pack-rule-strong);
    border-radius: 12px;
}

.lp-compliance-evidence-pack__header {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 18px 32px;
    border-bottom: 1px solid var(--lp-compliance-evidence-pack-rule);
    background: var(--lp-compliance-evidence-pack-card);
}

.lp-compliance-evidence-pack__header-left {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lp-compliance-evidence-pack__icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--lp-compliance-evidence-pack-rule-strong);
    border-radius: 6px;
    background: var(--lp-compliance-evidence-pack-inset);
}

.lp-compliance-evidence-pack__icon svg {
width: 13px;
    height: 13px;
    color: var(--lp-compliance-evidence-pack-ink-4);
}

.lp-compliance-evidence-pack__label {
color: var(--lp-compliance-evidence-pack-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-compliance-evidence-pack__rule {
width: 1px;
    height: 13px;
    background: var(--lp-compliance-evidence-pack-rule-strong);
}

.lp-compliance-evidence-pack__title {
color: var(--lp-compliance-evidence-pack-ink);
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.lp-compliance-evidence-pack__badge {
padding: 3px 10px;
    border: 1px solid var(--lp-compliance-evidence-pack-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-compliance-evidence-pack-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    white-space: nowrap;
}

.lp-compliance-evidence-pack__items {
display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: var(--lp-compliance-evidence-pack-rule);
}

.lp-compliance-evidence-pack__item {
position: relative;
    display: flex;
    flex-direction: column;
    padding: 22px 26px;
    background: var(--lp-compliance-evidence-pack-card);
    transition: background-color 180ms ease;
}

.lp-compliance-evidence-pack__item:hover {
background: var(--lp-panel-hover-strong);
}

.lp-compliance-evidence-pack__item::before {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: var(--lp-compliance-evidence-pack-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 180ms ease;
}

.lp-compliance-evidence-pack__item:hover::before {
transform: scaleX(1);
}

.lp-compliance-evidence-pack__item-check {
display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
}

.lp-compliance-evidence-pack__check-circle {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(58, 158, 95, 0.3);
    border-radius: 999px;
    background: rgba(58, 158, 95, 0.08);
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-compliance-evidence-pack__item:hover .lp-compliance-evidence-pack__check-circle {
border-color: rgba(212, 160, 23, 0.4);
    background: rgba(212, 160, 23, 0.1);
}

.lp-compliance-evidence-pack__check-circle svg {
width: 10px;
    height: 10px;
    color: var(--lp-compliance-evidence-pack-green);
    transition: color 180ms ease;
}

.lp-compliance-evidence-pack__item:hover .lp-compliance-evidence-pack__check-circle svg {
color: var(--lp-compliance-evidence-pack-accent);
}

.lp-compliance-evidence-pack__item-num {
color: var(--lp-compliance-evidence-pack-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
}

.lp-compliance-evidence-pack__item-title {
margin-bottom: 8px;
    color: var(--lp-compliance-evidence-pack-ink);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.lp-compliance-evidence-pack__item-sep {
width: 16px;
    height: 1px;
    margin-bottom: 10px;
    background: var(--lp-compliance-evidence-pack-rule-strong);
    transition: width 180ms ease, background-color 180ms ease;
}

.lp-compliance-evidence-pack__item:hover .lp-compliance-evidence-pack__item-sep {
width: 24px;
    background: rgba(212, 160, 23, 0.4);
}

.lp-compliance-evidence-pack__item-desc {
flex: 1 1 auto;
    color: var(--lp-compliance-evidence-pack-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    transition: color 180ms ease;
}

.lp-compliance-evidence-pack__item:hover .lp-compliance-evidence-pack__item-desc {
color: var(--lp-compliance-evidence-pack-ink-3);
}

.lp-compliance-evidence-pack__points {
display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.lp-compliance-evidence-pack__points li {
position: relative;
    padding-left: 12px;
    color: var(--lp-compliance-evidence-pack-ink-4);
    font-size: 11px;
    font-weight: 300;
    line-height: 1.4;
    transition: color 150ms ease;
}

.lp-compliance-evidence-pack__item:hover .lp-compliance-evidence-pack__points li {
color: var(--lp-compliance-evidence-pack-ink-3);
}

.lp-compliance-evidence-pack__points li::before {
content: "·";
    position: absolute;
    left: 2px;
    color: var(--lp-compliance-evidence-pack-ink-4);
    transition: color 150ms ease;
}

.lp-compliance-evidence-pack__item:hover .lp-compliance-evidence-pack__points li::before {
color: var(--lp-compliance-evidence-pack-accent);
}

.lp-compliance-evidence-pack__footer {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 32px;
    border-top: 1px solid var(--lp-compliance-evidence-pack-rule);
    background: var(--lp-compliance-evidence-pack-inset);
}

.lp-compliance-evidence-pack__footer-text {
flex: 1 1 auto;
    color: var(--lp-compliance-evidence-pack-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-compliance-evidence-pack__footer-text strong {
color: var(--lp-compliance-evidence-pack-ink-3);
    font-weight: 500;
}

.lp-compliance-evidence-pack__footer-link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: 1px solid var(--lp-compliance-evidence-pack-rule);
    border-radius: 6px;
    color: var(--lp-compliance-evidence-pack-ink-4);
    font-size: 11.5px;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-compliance-evidence-pack__footer-link:hover,
.lp-compliance-evidence-pack__footer-link:focus-visible {
border-color: var(--lp-compliance-evidence-pack-rule-strong);
    background: var(--lp-panel-hover);
    color: var(--lp-compliance-evidence-pack-ink-3);
    outline: none;
}

.lp-compliance-evidence-pack__footer-link svg {
width: 9px;
    height: 9px;
}





.lp-compliance-bs8214 {
--lp-compliance-bs8214-card: var(--lp-panel-bg-strong);
    --lp-compliance-bs8214-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-compliance-bs8214-rule: var(--lp-panel-border);
    --lp-compliance-bs8214-rule-strong: var(--lp-ghost-border);
    --lp-compliance-bs8214-ink: var(--lp-color-text);
    --lp-compliance-bs8214-ink-2: var(--lp-color-text-muted);
    --lp-compliance-bs8214-ink-3: var(--lp-color-text-muted);
    --lp-compliance-bs8214-ink-4: var(--lp-color-text-soft);
    --lp-compliance-bs8214-accent: #d4a017;
    color: var(--lp-compliance-bs8214-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-compliance-bs8214__strip {
overflow: hidden;
    border: 1px solid var(--lp-compliance-bs8214-rule-strong);
    border-radius: 12px;
}

.lp-compliance-bs8214__body {
display: grid;
    grid-template-columns: 200px minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 1px;
    background: var(--lp-compliance-bs8214-rule);
}

.lp-compliance-bs8214__label-cell {
display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    padding: 28px 24px;
    background: var(--lp-compliance-bs8214-inset);
}

.lp-compliance-bs8214__label-tag {
display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    padding: 3px 10px;
    border: 1px solid var(--lp-compliance-bs8214-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-compliance-bs8214-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-compliance-bs8214__label-heading {
color: var(--lp-compliance-bs8214-ink);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

.lp-compliance-bs8214__label-sub {
margin-top: 8px;
    color: var(--lp-compliance-bs8214-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-compliance-bs8214__label-link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    align-self: flex-start;
    padding-bottom: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--lp-compliance-bs8214-ink-4);
    font-size: 11.5px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-compliance-bs8214__label-link:hover,
.lp-compliance-bs8214__label-link:focus-visible {
border-color: var(--lp-compliance-bs8214-ink-4);
    color: var(--lp-compliance-bs8214-ink-3);
    outline: none;
}

.lp-compliance-bs8214__label-link svg {
width: 9px;
    height: 9px;
}

.lp-compliance-bs8214__concept {
position: relative;
    display: flex;
    flex-direction: column;
    padding: 28px;
    background: var(--lp-compliance-bs8214-card);
    transition: background-color 180ms ease;
}

.lp-compliance-bs8214__concept:hover {
background: var(--lp-panel-hover-strong);
}

.lp-compliance-bs8214__concept::before {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: var(--lp-compliance-bs8214-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 180ms ease;
}

.lp-compliance-bs8214__concept:hover::before {
transform: scaleX(1);
}

.lp-compliance-bs8214__concept-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 14px;
    border: 1px solid var(--lp-compliance-bs8214-rule);
    border-radius: 7px;
    background: var(--lp-compliance-bs8214-inset);
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-compliance-bs8214__concept:hover .lp-compliance-bs8214__concept-icon {
border-color: rgba(212, 160, 23, 0.28);
    background: rgba(212, 160, 23, 0.07);
}

.lp-compliance-bs8214__concept-icon svg {
width: 14px;
    height: 14px;
    color: var(--lp-compliance-bs8214-ink-3);
    transition: color 180ms ease;
}

.lp-compliance-bs8214__concept:hover .lp-compliance-bs8214__concept-icon svg {
color: var(--lp-compliance-bs8214-accent);
}

.lp-compliance-bs8214__concept-num {
margin-bottom: 8px;
    color: var(--lp-compliance-bs8214-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-compliance-bs8214__concept-title {
margin-bottom: 10px;
    color: var(--lp-compliance-bs8214-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-compliance-bs8214__concept-desc {
flex: 1 1 auto;
    color: var(--lp-compliance-bs8214-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
    transition: color 180ms ease;
}

.lp-compliance-bs8214__concept:hover .lp-compliance-bs8214__concept-desc {
color: var(--lp-compliance-bs8214-ink-2);
}

.lp-compliance-bs8214__caveat {
display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    min-width: 200px;
    max-width: 220px;
    padding: 28px 24px;
    border-left: 1px solid var(--lp-compliance-bs8214-rule-strong);
    background: var(--lp-compliance-bs8214-inset);
}

.lp-compliance-bs8214__caveat-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--lp-compliance-bs8214-rule-strong);
    border-radius: 999px;
    background: var(--lp-compliance-bs8214-card);
    color: var(--lp-compliance-bs8214-ink-4);
}

.lp-compliance-bs8214__caveat-icon svg {
width: 12px;
    height: 12px;
}

.lp-compliance-bs8214__caveat-text {
color: var(--lp-compliance-bs8214-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-compliance-bs8214__caveat-text strong {
display: block;
    margin-bottom: 4px;
    color: var(--lp-compliance-bs8214-ink-3);
    font-weight: 500;
}

.lp-compliance-bs8214__footer {
display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 12px 28px;
    border-top: 1px solid var(--lp-compliance-bs8214-rule);
    background: var(--lp-compliance-bs8214-inset);
}

.lp-compliance-bs8214__footer-dot {
width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--lp-compliance-bs8214-ink-4);
    flex-shrink: 0;
}

.lp-compliance-bs8214__footer-text {
flex: 1 1 auto;
    color: var(--lp-compliance-bs8214-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-compliance-bs8214__footer-text strong {
color: var(--lp-compliance-bs8214-ink-3);
    font-weight: 500;
}





.lp-compliance-england-note {
--lp-compliance-england-card: var(--lp-panel-bg-strong);
    --lp-compliance-england-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-compliance-england-rule: var(--lp-panel-border);
    --lp-compliance-england-rule-strong: var(--lp-ghost-border);
    --lp-compliance-england-ink: var(--lp-color-text);
    --lp-compliance-england-ink-2: var(--lp-color-text-muted);
    --lp-compliance-england-ink-3: var(--lp-color-text-muted);
    --lp-compliance-england-ink-4: var(--lp-color-text-soft);
    --lp-compliance-england-accent: #d4a017;
    color: var(--lp-compliance-england-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-compliance-england-note__strip {
overflow: hidden;
    border: 1px solid var(--lp-compliance-england-rule-strong);
    border-radius: 12px;
}

.lp-compliance-england-note__body {
display: grid;
    grid-template-columns: 180px minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 1px;
    background: var(--lp-compliance-england-rule);
}

.lp-compliance-england-note__flag {
display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 26px 22px;
    background: var(--lp-compliance-england-inset);
}

.lp-compliance-england-note__flag-tag {
display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    padding: 3px 10px;
    border: 1px solid var(--lp-compliance-england-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-compliance-england-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-compliance-england-note__flag-heading {
color: var(--lp-compliance-england-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

.lp-compliance-england-note__flag-sub {
flex: 1 1 auto;
    color: var(--lp-compliance-england-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-compliance-england-note__refs-label {
margin-bottom: 5px;
    color: var(--lp-compliance-england-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp-compliance-england-note__refs {
display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 4px;
}

.lp-compliance-england-note__ref-link {
display: inline-flex;
    align-items: flex-start;
    gap: 6px;
    color: var(--lp-compliance-england-ink-4);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-compliance-england-note__ref-link:hover,
.lp-compliance-england-note__ref-link:focus-visible {
color: var(--lp-compliance-england-ink-3);
    outline: none;
}

.lp-compliance-england-note__ref-link svg {
width: 9px;
    height: 9px;
    flex-shrink: 0;
    margin-top: 2px;
}

.lp-compliance-england-note__context {
position: relative;
    display: flex;
    flex-direction: column;
    padding: 26px 28px;
    background: var(--lp-compliance-england-card);
    transition: background-color 180ms ease;
}

.lp-compliance-england-note__context:hover {
background: var(--lp-panel-hover-strong);
}

.lp-compliance-england-note__context::before {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: var(--lp-compliance-england-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 180ms ease;
}

.lp-compliance-england-note__context:hover::before {
transform: scaleX(1);
}

.lp-compliance-england-note__context-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-bottom: 13px;
    border: 1px solid var(--lp-compliance-england-rule);
    border-radius: 7px;
    background: var(--lp-compliance-england-inset);
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-compliance-england-note__context:hover .lp-compliance-england-note__context-icon {
border-color: rgba(212, 160, 23, 0.28);
    background: rgba(212, 160, 23, 0.07);
}

.lp-compliance-england-note__context-icon svg {
width: 13px;
    height: 13px;
    color: var(--lp-compliance-england-ink-3);
    transition: color 180ms ease;
}

.lp-compliance-england-note__context:hover .lp-compliance-england-note__context-icon svg {
color: var(--lp-compliance-england-accent);
}

.lp-compliance-england-note__context-num {
margin-bottom: 6px;
    color: var(--lp-compliance-england-ink-4);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-compliance-england-note__context-title {
margin-bottom: 9px;
    color: var(--lp-compliance-england-ink);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-compliance-england-note__context-desc {
flex: 1 1 auto;
    color: var(--lp-compliance-england-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
    transition: color 180ms ease;
}

.lp-compliance-england-note__context:hover .lp-compliance-england-note__context-desc {
color: var(--lp-compliance-england-ink-2);
}

.lp-compliance-england-note__ownership {
display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    min-width: 190px;
    max-width: 210px;
    padding: 26px 22px;
    border-left: 1px solid var(--lp-compliance-england-rule-strong);
    background: var(--lp-compliance-england-inset);
}

.lp-compliance-england-note__ownership-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--lp-compliance-england-rule-strong);
    border-radius: 999px;
    background: var(--lp-compliance-england-card);
    color: var(--lp-compliance-england-ink-4);
}

.lp-compliance-england-note__ownership-icon svg {
width: 12px;
    height: 12px;
}

.lp-compliance-england-note__ownership-text {
color: var(--lp-compliance-england-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-compliance-england-note__ownership-text strong {
display: block;
    margin-bottom: 4px;
    color: var(--lp-compliance-england-ink-3);
    font-weight: 500;
}

.lp-compliance-england-note__ownership-link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    align-self: flex-start;
    margin-top: 4px;
    padding-bottom: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--lp-compliance-england-ink-4);
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-compliance-england-note__ownership-link:hover,
.lp-compliance-england-note__ownership-link:focus-visible {
border-color: var(--lp-compliance-england-ink-4);
    color: var(--lp-compliance-england-ink-3);
    outline: none;
}

.lp-compliance-england-note__ownership-link svg {
width: 9px;
    height: 9px;
}

.lp-compliance-england-note__footer {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 28px;
    border-top: 1px solid var(--lp-compliance-england-rule);
    background: var(--lp-compliance-england-inset);
}

.lp-compliance-england-note__footer-icon {
width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--lp-compliance-england-ink-4);
}

.lp-compliance-england-note__footer-icon svg {
width: 14px;
    height: 14px;
}

.lp-compliance-england-note__footer-text {
flex: 1 1 auto;
    color: var(--lp-compliance-england-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-compliance-england-note__footer-text strong {
color: var(--lp-compliance-england-ink-3);
    font-weight: 500;
}





.lp-compliance-boundaries {
--lp-compliance-boundaries-card: var(--lp-panel-bg-strong);
    --lp-compliance-boundaries-card-hover: var(--lp-panel-hover-strong);
    --lp-compliance-boundaries-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-compliance-boundaries-rule: var(--lp-panel-border);
    --lp-compliance-boundaries-rule-strong: var(--lp-ghost-border);
    --lp-compliance-boundaries-ink: var(--lp-color-text);
    --lp-compliance-boundaries-ink-2: var(--lp-color-text-muted);
    --lp-compliance-boundaries-ink-3: var(--lp-color-text-muted);
    --lp-compliance-boundaries-ink-4: var(--lp-color-text-soft);
    --lp-compliance-boundaries-red: #e05c4a;
    --lp-compliance-boundaries-red-faint: rgba(192, 57, 43, 0.08);
    --lp-compliance-boundaries-red-rule: rgba(192, 57, 43, 0.22);
    color: var(--lp-compliance-boundaries-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-compliance-boundaries__bounds {
overflow: hidden;
    border: 1px solid var(--lp-compliance-boundaries-rule-strong);
    border-radius: 12px;
}

.lp-compliance-boundaries__item {
position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 28px 36px;
    border-bottom: 1px solid var(--lp-compliance-boundaries-rule);
    background: var(--lp-compliance-boundaries-card);
    transition: background-color 180ms ease;
}

.lp-compliance-boundaries__item:hover {
background: var(--lp-compliance-boundaries-card-hover);
}

.lp-compliance-boundaries__item::before {
content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background: var(--lp-compliance-boundaries-red);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 180ms ease;
}

.lp-compliance-boundaries__item:hover::before {
transform: scaleY(1);
}

.lp-compliance-boundaries__item:last-of-type {
border-bottom: 0;
}

.lp-compliance-boundaries__marker {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border: 1px solid var(--lp-compliance-boundaries-red-rule);
    border-radius: 8px;
    background: var(--lp-compliance-boundaries-red-faint);
    color: var(--lp-compliance-boundaries-red);
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-compliance-boundaries__marker svg {
width: 16px;
    height: 16px;
}

.lp-compliance-boundaries__item:hover .lp-compliance-boundaries__marker {
border-color: rgba(192, 57, 43, 0.38);
    background: rgba(192, 57, 43, 0.14);
}

.lp-compliance-boundaries__content {
flex: 1 1 auto;
}

.lp-compliance-boundaries__num {
margin-bottom: 6px;
    color: var(--lp-compliance-boundaries-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: color 180ms ease;
}

.lp-compliance-boundaries__item:hover .lp-compliance-boundaries__num {
color: var(--lp-compliance-boundaries-red);
}

.lp-compliance-boundaries__title {
margin-bottom: 10px;
    color: var(--lp-compliance-boundaries-ink);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-compliance-boundaries__desc {
max-width: 680px;
    color: var(--lp-compliance-boundaries-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
}

.lp-compliance-boundaries__desc strong {
color: var(--lp-compliance-boundaries-ink-2);
    font-weight: 500;
}

.lp-compliance-boundaries__tag {
align-self: center;
    flex-shrink: 0;
    padding: 5px 14px;
    border: 1px solid var(--lp-compliance-boundaries-rule-strong);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-compliance-boundaries-ink-4);
    font-size: 10.5px;
    font-weight: 500;
    letter-spacing: 0.06em;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-compliance-boundaries__item:hover .lp-compliance-boundaries__tag {
color: var(--lp-compliance-boundaries-ink-3);
    border-color: var(--lp-ghost-border-hover);
}

.lp-compliance-boundaries__disclaimer {
display: flex;
    align-items: flex-start;
    gap: 14px;
    flex-wrap: wrap;
    padding: 18px 36px;
    border-top: 1px solid rgba(192, 57, 43, 0.2);
    background: rgba(192, 57, 43, 0.06);
}

.lp-compliance-boundaries__disclaimer-icon {
width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--lp-compliance-boundaries-red);
}

.lp-compliance-boundaries__disclaimer-icon svg {
width: 20px;
    height: 20px;
}

.lp-compliance-boundaries__disclaimer-copy {
flex: 1 1 auto;
}

.lp-compliance-boundaries__disclaimer-primary {
margin-bottom: 4px;
    color: var(--lp-compliance-boundaries-ink-2);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}

.lp-compliance-boundaries__disclaimer-secondary {
color: var(--lp-compliance-boundaries-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-compliance-boundaries__disclaimer-secondary a {
padding-bottom: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--lp-compliance-boundaries-ink-4);
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-compliance-boundaries__disclaimer-secondary a:hover,
.lp-compliance-boundaries__disclaimer-secondary a:focus-visible {
color: var(--lp-compliance-boundaries-ink-3);
    border-color: var(--lp-compliance-boundaries-ink-4);
    outline: none;
}





.lp-compliance-faq {
--lp-compliance-faq-card: var(--lp-panel-bg-strong);
    --lp-compliance-faq-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-compliance-faq-rule: var(--lp-panel-border);
    --lp-compliance-faq-rule-strong: var(--lp-ghost-border);
    --lp-compliance-faq-ink: var(--lp-color-text);
    --lp-compliance-faq-ink-2: var(--lp-color-text-muted);
    --lp-compliance-faq-ink-3: var(--lp-color-text-muted);
    --lp-compliance-faq-ink-4: var(--lp-color-text-soft);
    --lp-compliance-faq-accent: #d4a017;
    color: var(--lp-compliance-faq-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-compliance-faq__accordion {
overflow: hidden;
    border: 1px solid var(--lp-compliance-faq-rule-strong);
    border-radius: 12px;
}

.lp-compliance-faq__item {
position: relative;
    border-bottom: 1px solid var(--lp-compliance-faq-rule);
}

.lp-compliance-faq__item:last-child {
border-bottom: 0;
}

.lp-compliance-faq__item.open::before {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: var(--lp-compliance-faq-accent);
}

.lp-compliance-faq__question {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding: 22px 32px;
    cursor: pointer;
    border: 0;
    background: var(--lp-compliance-faq-card);
    text-align: left;
    transition: background-color 150ms ease;
}

.lp-compliance-faq__question:hover,
.lp-compliance-faq__item.open > .lp-compliance-faq__question {
background: var(--lp-panel-hover-strong);
}

.lp-compliance-faq__q-left {
display: flex;
    align-items: center;
    gap: 14px;
}

.lp-compliance-faq__number {
min-width: 18px;
    flex: 0 0 auto;
    color: var(--lp-compliance-faq-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    transition: color 150ms ease;
}

.lp-compliance-faq__question:hover .lp-compliance-faq__number,
.lp-compliance-faq__item.open .lp-compliance-faq__number {
color: var(--lp-compliance-faq-accent);
}

.lp-compliance-faq__q-text {
color: var(--lp-compliance-faq-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.lp-compliance-faq__q-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    border: 1px solid var(--lp-compliance-faq-rule-strong);
    border-radius: 999px;
    background: var(--lp-compliance-faq-inset);
    color: var(--lp-compliance-faq-ink-4);
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, transform 250ms ease;
}

.lp-compliance-faq__q-icon svg {
width: 9px;
    height: 9px;
}

.lp-compliance-faq__question:hover .lp-compliance-faq__q-icon {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.06);
    color: var(--lp-compliance-faq-accent);
}

.lp-compliance-faq__item.open .lp-compliance-faq__q-icon {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.1);
    color: var(--lp-compliance-faq-accent);
    transform: rotate(180deg);
}

.lp-compliance-faq__answer {
max-height: 0;
    overflow: hidden;
    background: var(--lp-compliance-faq-inset);
    transition: max-height 300ms ease;
}

.lp-compliance-faq__item.open .lp-compliance-faq__answer {
max-height: 400px;
}

.lp-compliance-faq__answer-inner {
padding: 0 32px 24px 64px;
    color: var(--lp-compliance-faq-ink-3);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.75;
}

.lp-compliance-faq__answer-inner strong {
color: var(--lp-compliance-faq-ink-2);
    font-weight: 500;
}

.lp-compliance-faq__answer-inner a {
color: var(--lp-compliance-faq-accent);
    text-decoration: none;
    border-bottom: 1px solid rgba(212, 160, 23, 0.3);
    transition: border-color 150ms ease;
}

.lp-compliance-faq__answer-inner a:hover,
.lp-compliance-faq__answer-inner a:focus-visible {
border-color: var(--lp-compliance-faq-accent);
    outline: none;
}

.lp-compliance-faq__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
    padding: 14px 32px;
    border: 1px solid var(--lp-compliance-faq-rule-strong);
    border-radius: 8px;
    background: var(--lp-compliance-faq-card);
}

.lp-compliance-faq__footer-note {
color: var(--lp-compliance-faq-ink-4);
    font-size: 12.5px;
    font-weight: 300;
}

.lp-compliance-faq__footer-links {
display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lp-compliance-faq__footer-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid var(--lp-compliance-faq-rule);
    border-radius: 6px;
    color: var(--lp-compliance-faq-ink-4);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-compliance-faq__footer-link:hover,
.lp-compliance-faq__footer-link:focus-visible {
border-color: var(--lp-compliance-faq-rule-strong);
    background: var(--lp-panel-hover);
    color: var(--lp-compliance-faq-ink-3);
    outline: none;
}

.lp-compliance-faq__footer-link svg {
width: 10px;
    height: 10px;
}



.lp-compliance-final-cta,
.lp-pricing-final-cta,
.lp-faq-final-cta {
    --lp-panel-final-cta-card: var(--lp-panel-bg-strong);
    --lp-panel-final-cta-rule: var(--lp-panel-border);
    --lp-panel-final-cta-rule-hover: var(--lp-ghost-border);
    --lp-panel-final-cta-ink: var(--lp-color-text);
    --lp-panel-final-cta-ink-2: var(--lp-color-text-muted);
    --lp-panel-final-cta-ink-3: var(--lp-color-text-muted);
    --lp-panel-final-cta-ink-4: var(--lp-color-text-soft);
    --lp-panel-final-cta-accent: #d4a017;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--lp-panel-final-cta-rule-hover);
    border-radius: 12px;
    background:
        radial-gradient(circle at top, rgba(212, 160, 23, 0.14), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--lp-panel-bg-strong) 98%, transparent), color-mix(in srgb, var(--lp-panel-bg) 94%, var(--lp-color-bg)));
}

.lp-compliance-final-cta::before,
.lp-pricing-final-cta::before,
.lp-faq-final-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.12), transparent),
        linear-gradient(var(--lp-panel-final-cta-rule) 1px, transparent 1px),
        linear-gradient(90deg, var(--lp-panel-final-cta-rule) 1px, transparent 1px);
    background-size: 100% 100%, 56px 56px, 56px 56px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.65) 60%, transparent);
    pointer-events: none;
}

.lp-compliance-final-cta__inner,
.lp-pricing-final-cta__inner,
.lp-faq-final-cta__inner {
    position: relative;
    padding: 80px 64px 72px;
    background: var(--lp-panel-final-cta-card);
    text-align: center;
}

.lp-compliance-final-cta__eyebrow,
.lp-pricing-final-cta__eyebrow,
.lp-faq-final-cta__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.lp-compliance-final-cta__eyebrow-dot,
.lp-pricing-final-cta__eyebrow-dot,
.lp-faq-final-cta__eyebrow-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-panel-final-cta-accent);
}

.lp-compliance-final-cta__eyebrow-text,
.lp-pricing-final-cta__eyebrow-text,
.lp-faq-final-cta__eyebrow-text {
    color: var(--lp-panel-final-cta-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-compliance-final-cta__headline,
.lp-pricing-final-cta__headline,
.lp-faq-final-cta__headline {
    max-width: 600px;
    margin: 0 auto 20px;
    color: var(--lp-panel-final-cta-ink);
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.lp-compliance-final-cta__headline {
    max-width: 640px;
}

.lp-compliance-final-cta__headline span,
.lp-pricing-final-cta__headline span,
.lp-faq-final-cta__headline span {
    color: var(--lp-panel-final-cta-accent);
}

.lp-compliance-final-cta__sub,
.lp-pricing-final-cta__sub,
.lp-faq-final-cta__sub {
    max-width: 440px;
    margin: 0 auto 40px;
    color: var(--lp-panel-final-cta-ink-2);
    font-size: 15px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-compliance-final-cta__sub {
    max-width: 500px;
}

.lp-compliance-final-cta__buttons,
.lp-pricing-final-cta__buttons,
.lp-faq-final-cta__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.lp-compliance-final-cta__btn-primary,
.lp-compliance-final-cta__btn-ghost,
.lp-pricing-final-cta__btn-primary,
.lp-pricing-final-cta__btn-ghost,
.lp-faq-final-cta__btn-primary,
.lp-faq-final-cta__btn-ghost {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.lp-compliance-final-cta__btn-primary,
.lp-pricing-final-cta__btn-primary,
.lp-faq-final-cta__btn-primary {
    gap: 8px;
    padding: 14px 32px;
    border-radius: 7px;
    background: var(--lp-panel-final-cta-accent);
    color: #0e0e0c;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 0.2s ease, transform 0.15s ease;
}

.lp-compliance-final-cta__btn-primary:hover,
.lp-compliance-final-cta__btn-primary:focus-visible,
.lp-pricing-final-cta__btn-primary:hover,
.lp-pricing-final-cta__btn-primary:focus-visible,
.lp-faq-final-cta__btn-primary:hover,
.lp-faq-final-cta__btn-primary:focus-visible {
    opacity: 0.88;
    transform: translateY(-1px);
}

.lp-compliance-final-cta__btn-primary svg,
.lp-pricing-final-cta__btn-primary svg,
.lp-faq-final-cta__btn-primary svg {
    width: 14px;
    height: 14px;
}

.lp-compliance-final-cta__btn-ghost,
.lp-pricing-final-cta__btn-ghost,
.lp-faq-final-cta__btn-ghost {
    gap: 7px;
    padding: 13px 26px;
    border: 1px solid var(--lp-panel-final-cta-rule-hover);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-panel-final-cta-ink-2);
    font-size: 13.5px;
    font-weight: 500;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.lp-compliance-final-cta__btn-ghost:hover,
.lp-compliance-final-cta__btn-ghost:focus-visible,
.lp-pricing-final-cta__btn-ghost:hover,
.lp-pricing-final-cta__btn-ghost:focus-visible,
.lp-faq-final-cta__btn-ghost:hover,
.lp-faq-final-cta__btn-ghost:focus-visible {
    color: var(--lp-panel-final-cta-ink);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
}

.lp-compliance-final-cta__micro,
.lp-pricing-final-cta__micro,
.lp-faq-final-cta__micro {
    margin: 0;
    color: var(--lp-panel-final-cta-ink-4);
    font-size: 11.5px;
    font-weight: 300;
}

.lp-compliance-final-cta__pills,
.lp-pricing-final-cta__pills,
.lp-faq-final-cta__pills {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--lp-panel-final-cta-rule);
}

.lp-compliance-final-cta__pill,
.lp-pricing-final-cta__pill,
.lp-faq-final-cta__pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px;
    border: 1px solid var(--lp-panel-final-cta-rule);
    border-radius: 999px;
    background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
    color: var(--lp-panel-final-cta-ink-4);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

.lp-compliance-final-cta__pill svg,
.lp-pricing-final-cta__pill svg,
.lp-faq-final-cta__pill svg {
    width: 10px;
    height: 10px;
}



html[data-theme="light"] body.landing-body [class$="-final-cta"] {
border-color: var(--lp-panel-border);
    background:
        radial-gradient(circle at top, rgba(212, 160, 23, 0.12), transparent 42%),
        linear-gradient(180deg, color-mix(in srgb, var(--lp-panel-bg-strong) 98%, white), color-mix(in srgb, var(--lp-panel-bg) 96%, var(--lp-color-bg)));
}

html[data-theme="light"] body.landing-body [class$="-final-cta"]::before {
background:
        linear-gradient(90deg, transparent, rgba(212, 160, 23, 0.08), transparent),
        linear-gradient(var(--lp-panel-border) 1px, transparent 1px),
        linear-gradient(90deg, var(--lp-panel-border) 1px, transparent 1px);
}

html[data-theme="light"] body.landing-body [class*="final-cta__inner"] {
background: color-mix(in srgb, var(--lp-panel-bg-strong) 96%, var(--lp-color-bg));
}

html[data-theme="light"] body.landing-body [class*="final-cta__eyebrow-text"],
html[data-theme="light"] body.landing-body [class*="final-cta__micro"],
html[data-theme="light"] body.landing-body [class*="final-cta__pill"] {
color: var(--lp-color-text-soft);
}

html[data-theme="light"] body.landing-body [class*="final-cta__headline"] {
color: var(--lp-color-text);
}

html[data-theme="light"] body.landing-body [class*="final-cta__sub"],
html[data-theme="light"] body.landing-body [class*="final-cta__btn-ghost"] {
color: var(--lp-color-text-muted);
}

html[data-theme="light"] body.landing-body [class*="final-cta__btn-ghost"] {
border-color: var(--lp-ghost-border);
    background: color-mix(in srgb, var(--lp-panel-bg) 72%, transparent);
}

html[data-theme="light"] body.landing-body [class*="final-cta__btn-ghost"]:hover,
html[data-theme="light"] body.landing-body [class*="final-cta__btn-ghost"]:focus-visible {
color: var(--lp-color-text);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-ghost-bg-hover);
}

html[data-theme="light"] body.landing-body [class*="final-cta__btn-primary"] {
color: #1A1917;
}

html[data-theme="light"] body.landing-body [class*="final-cta__pills"] {
border-top-color: var(--lp-panel-border);
}

html[data-theme="light"] body.landing-body [class*="final-cta__pill"] {
border-color: var(--lp-panel-border);
    background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
}

.lp-faq-page-heading__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 26px;
}

.lp-faq-page-heading__eyebrow-dot {
width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #d4a017;
    flex: 0 0 auto;
}

.lp-faq-page-heading__eyebrow-text {
color: var(--lp-color-text-soft);
    font-size: 0.76rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-faq-page-heading__header {
display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.72fr);
    gap: 28px;
    align-items: end;
    margin-bottom: 34px;
}

.lp-faq-page-heading__header h2 {
margin: 0;
    color: var(--lp-color-text);
    font-size: clamp(2.1rem, 4.7vw, 3.45rem);
    font-weight: 600;
    line-height: 0.98;
    letter-spacing: -0.045em;
    text-wrap: balance;
}

.lp-faq-page-heading__header h2 span {
color: #d4a017;
}

.lp-faq-page-heading__header p {
margin: 0;
    justify-self: end;
    max-width: 28rem;
    color: var(--lp-color-text-muted);
    font-size: 1.02rem;
    font-weight: 300;
    line-height: 1.55;
}

.lp-faq-accordion-proto {
--lp-faq-accordion-card: var(--lp-panel-bg-strong);
    --lp-faq-accordion-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-faq-accordion-rule: var(--lp-panel-border);
    --lp-faq-accordion-rule-strong: var(--lp-ghost-border);
    --lp-faq-accordion-ink: var(--lp-color-text);
    --lp-faq-accordion-ink-2: var(--lp-color-text-muted);
    --lp-faq-accordion-ink-3: var(--lp-color-text-soft);
    --lp-faq-accordion-ink-4: var(--lp-color-text-soft);
    --lp-faq-accordion-accent: #d4a017;
    color: var(--lp-faq-accordion-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-faq-accordion-proto__controls {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.lp-faq-accordion-proto__search-wrap {
position: relative;
    flex: 1 1 320px;
    max-width: 420px;
}

.lp-faq-accordion-proto__search-icon {
position: absolute;
    top: 50%;
    left: 12px;
    width: 14px;
    height: 14px;
    color: var(--lp-faq-accordion-ink-4);
    transform: translateY(-50%);
    pointer-events: none;
}

.lp-faq-accordion-proto__search-icon svg {
width: 100%;
    height: 100%;
}

.lp-faq-accordion-proto__search-input {
width: 100%;
    height: 40px;
    padding: 9px 38px 9px 36px;
    border: 1px solid var(--lp-faq-accordion-rule-strong);
    border-radius: 7px;
    background: var(--lp-faq-accordion-card);
    color: var(--lp-faq-accordion-ink);
    font-size: 0.84rem;
    font-weight: 300;
    outline: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.lp-faq-accordion-proto__search-input::placeholder {
color: var(--lp-faq-accordion-ink-4);
}

.lp-faq-accordion-proto__search-input:focus {
border-color: rgba(212, 160, 23, 0.42);
    box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.12);
}

.lp-faq-accordion-proto__search-clear {
position: absolute;
    top: 50%;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--lp-faq-accordion-ink-4);
    transform: translateY(-50%);
    cursor: pointer;
}

.lp-faq-accordion-proto__search-clear svg {
width: 12px;
    height: 12px;
}

.lp-faq-accordion-proto__search-clear:hover,
.lp-faq-accordion-proto__search-clear:focus-visible {
color: var(--lp-faq-accordion-ink-3);
    outline: none;
}

.lp-faq-accordion-proto__controls-meta {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lp-faq-accordion-proto__results {
color: var(--lp-faq-accordion-ink-4);
    font-size: 0.77rem;
    font-weight: 300;
    white-space: nowrap;
}

.lp-faq-accordion-proto__expand {
display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--lp-faq-accordion-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-faq-accordion-ink-3);
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.lp-faq-accordion-proto__expand:hover,
.lp-faq-accordion-proto__expand:focus-visible {
border-color: var(--lp-faq-accordion-rule-strong);
    background: rgba(255, 255, 255, 0.06);
    color: var(--lp-faq-accordion-accent);
    outline: none;
}

.lp-faq-accordion-proto__cats {
display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 24px;
}

.lp-faq-accordion-proto__cat-pill {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: 1px solid var(--lp-faq-accordion-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-faq-accordion-ink-4);
    font-size: 0.72rem;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-faq-accordion-proto__cat-pill:hover,
.lp-faq-accordion-proto__cat-pill:focus-visible {
color: var(--lp-faq-accordion-ink-2);
    border-color: var(--lp-faq-accordion-rule-strong);
    outline: none;
}

.lp-faq-accordion-proto__cat-pill.is-active {
color: var(--lp-faq-accordion-accent);
    background: rgba(212, 160, 23, 0.1);
    border-color: rgba(212, 160, 23, 0.3);
}

.lp-faq-accordion-proto__cat-count {
display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    padding: 1px 5px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.07);
    color: var(--lp-faq-accordion-ink-4);
    font-size: 0.64rem;
    font-weight: 500;
}

.lp-faq-accordion-proto__cat-pill.is-active .lp-faq-accordion-proto__cat-count {
background: rgba(212, 160, 23, 0.15);
    color: var(--lp-faq-accordion-accent);
}

.lp-faq-accordion-proto__frame {
display: flex;
    flex-direction: column;
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--lp-faq-accordion-rule-strong);
    border-radius: 12px;
    background: var(--lp-faq-accordion-rule);
}

.lp-faq-accordion-proto__empty {
padding: 40px 32px;
    background: var(--lp-faq-accordion-card);
    color: var(--lp-faq-accordion-ink-4);
    font-size: 0.84rem;
    font-weight: 300;
    text-align: center;
}

.lp-faq-accordion-proto__topic-header {
display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 32px;
    border-bottom: 1px solid var(--lp-faq-accordion-rule);
    background: var(--lp-faq-accordion-inset);
}

.lp-faq-accordion-proto__topic-dot {
width: 5px;
    height: 5px;
    border-radius: 999px;
    background: var(--lp-faq-accordion-accent);
    flex: 0 0 auto;
}

.lp-faq-accordion-proto__topic-name {
color: var(--lp-faq-accordion-ink-4);
    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-faq-accordion-proto__topic-count {
display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--lp-faq-accordion-ink-4);
    font-size: 0.64rem;
    font-weight: 400;
}

.lp-faq-accordion-proto__item {
position: relative;
    border-bottom: 1px solid var(--lp-faq-accordion-rule);
    background: var(--lp-faq-accordion-card);
}

.lp-faq-accordion-proto__item:last-child {
border-bottom: 0;
}

.lp-faq-accordion-proto__item.open::before {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--lp-faq-accordion-accent);
    z-index: 1;
}

.lp-faq-accordion-proto__question {
position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 32px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.lp-faq-accordion-proto__question:hover,
.lp-faq-accordion-proto__question:focus-visible {
background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
    outline: none;
}

.lp-faq-accordion-proto__q-left {
display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.lp-faq-accordion-proto__q-num {
color: var(--lp-faq-accordion-ink-4);
    font-size: 0.64rem;
    font-weight: 500;
    letter-spacing: 0.07em;
    flex: 0 0 auto;
    transition: color 150ms ease;
}

.lp-faq-accordion-proto__question:hover .lp-faq-accordion-proto__q-num,
.lp-faq-accordion-proto__item.open .lp-faq-accordion-proto__q-num {
color: var(--lp-faq-accordion-accent);
}

.lp-faq-accordion-proto__q-text {
color: var(--lp-faq-accordion-ink);
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.lp-faq-accordion-proto__q-text mark {
padding: 0 1px;
    border-radius: 2px;
    background: rgba(212, 160, 23, 0.22);
    color: var(--lp-faq-accordion-ink);
}

.lp-faq-accordion-proto__q-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    border: 1px solid var(--lp-faq-accordion-rule-strong);
    border-radius: 999px;
    background: var(--lp-faq-accordion-inset);
    color: var(--lp-faq-accordion-ink-4);
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.lp-faq-accordion-proto__q-icon svg {
width: 9px;
    height: 9px;
    transition: transform 250ms ease;
}

.lp-faq-accordion-proto__question:hover .lp-faq-accordion-proto__q-icon {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.06);
    color: var(--lp-faq-accordion-accent);
}

.lp-faq-accordion-proto__item.open .lp-faq-accordion-proto__q-icon {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.1);
    color: var(--lp-faq-accordion-accent);
}

.lp-faq-accordion-proto__item.open .lp-faq-accordion-proto__q-icon svg {
transform: rotate(180deg);
}

.lp-faq-accordion-proto__answer {
max-height: 0;
    overflow: hidden;
    background: var(--lp-faq-accordion-inset);
    transition: max-height 300ms ease;
}

.lp-faq-accordion-proto__item.open .lp-faq-accordion-proto__answer {
max-height: 320px;
    border-top: 1px solid var(--lp-faq-accordion-rule);
}

.lp-faq-accordion-proto__answer-inner {
padding: 13px 32px 17px 57px;
    color: var(--lp-faq-accordion-ink-3);
    font-size: 0.84rem;
    font-weight: 300;
    line-height: 1.75;
}

.lp-faq-accordion-proto__answer-inner a,
.lp-faq-accordion-proto__answer-link {
margin-left: 6px;
    color: var(--lp-faq-accordion-accent);
    text-decoration: none;
    border-bottom: 1px solid rgba(212, 160, 23, 0.3);
    transition: border-color 150ms ease;
}

.lp-faq-accordion-proto__answer-inner a:hover,
.lp-faq-accordion-proto__answer-inner a:focus-visible,
.lp-faq-accordion-proto__answer-link:hover,
.lp-faq-accordion-proto__answer-link:focus-visible {
border-color: var(--lp-faq-accordion-accent);
    outline: none;
}

.lp-faq-accordion-proto__footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
    padding: 14px 28px;
    border: 1px solid var(--lp-faq-accordion-rule-strong);
    border-radius: 8px;
    background: var(--lp-faq-accordion-card);
}

.lp-faq-accordion-proto__footer-copy {
display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.lp-faq-accordion-proto__footer-note,
.lp-faq-accordion-proto__footer-meta {
color: var(--lp-faq-accordion-ink-4);
    font-size: 0.78rem;
    font-weight: 300;
}

.lp-faq-accordion-proto__footer-meta {
padding-left: 12px;
    border-left: 1px solid var(--lp-faq-accordion-rule);
}

.lp-faq-accordion-proto__footer-links {
display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lp-faq-accordion-proto__footer-link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border: 1px solid var(--lp-faq-accordion-rule);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-faq-accordion-ink-4);
    font-size: 0.75rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-faq-accordion-proto__footer-link:hover,
.lp-faq-accordion-proto__footer-link:focus-visible {
color: var(--lp-faq-accordion-ink-3);
    border-color: var(--lp-faq-accordion-rule-strong);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-faq-accordion-proto__footer-link svg {
width: 9px;
    height: 9px;
}







html[data-theme="dark"] body.landing-body details {
border-color: rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.6);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
}

html[data-theme="dark"] body.landing-body details[open] {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.65);
}

html[data-theme="dark"] body.landing-body summary {
color: var(--lp-color-text);
}

html[data-theme="dark"] body.landing-body details > :where(p, ul) {
color: var(--lp-color-text-muted);
}

.lp-cta {
padding-bottom: 52px;
}

.lp-cta .lp-hero-meta,
.lp-cta .lp-hero-meta--secondary {
color: #e5e7eb;
}

.lp-cta .lp-link {
color: #e5e7eb;
}

.lp-cta .lp-btn--primary {
background: #020617;
    color: #e5e7eb;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.9);
}

.lp-cta .lp-btn--primary:hover {
transform: translateY(-1px);
}

.lp-cta .lp-btn--ghost {
background: transparent;
    border-color: rgba(226, 232, 240, 0.9);
    color: #eef2ff;
}

.lp-cta .lp-btn--ghost:hover {
background: rgba(15, 23, 42, 0.18);
}

.lp-cta-mid {
border-radius: 22px;
    padding: 18px 20px;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.18), transparent 55%),
        linear-gradient(135deg, rgba(15, 19, 32, 0.98), rgba(7, 8, 11, 0.96));
    color: #e5e7eb;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    box-shadow: var(--lp-shadow-card);
}

.lp-cta-mid__copy h2 {
margin: 0 0 4px;
    font-size: 1.4rem;
}

.lp-cta-mid__copy p {
margin: 0;
    font-size: 0.94rem;
    color: rgba(243, 244, 246, 0.78);
}

.lp-cta-mid__meta {
margin-top: 6px;
    font-size: 0.86rem;
    color: #9ca3af;
}

.lp-cta-mid__actions {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
}



.lp-footer {
background: var(--lp-color-bg);
    color: var(--lp-color-text-muted);
    display: flow-root;
    border-top: 1px solid var(--lp-color-border-subtle);
    padding: 0;
}

.lp-contact-details {
--lp-contact-details-card: var(--lp-panel-bg-strong);
    --lp-contact-details-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-contact-details-rule: var(--lp-panel-border);
    --lp-contact-details-rule-strong: var(--lp-ghost-border);
    --lp-contact-details-ink: var(--lp-color-text);
    --lp-contact-details-ink-2: var(--lp-color-text-muted);
    --lp-contact-details-ink-3: var(--lp-color-text-muted);
    --lp-contact-details-ink-4: var(--lp-color-text-soft);
    --lp-contact-details-accent: #d4a017;
    color: var(--lp-contact-details-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-contact-details__strip {
border: 1px solid var(--lp-contact-details-rule-strong);
    border-radius: 12px;
    overflow: hidden;
    background: transparent;
}

.lp-contact-details__header {
display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 28px;
    border-bottom: 1px solid var(--lp-contact-details-rule);
    background: var(--lp-contact-details-card);
}

.lp-contact-details__eyebrow {
display: flex;
    align-items: center;
    gap: 8px;
}

.lp-contact-details__dot {
width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lp-contact-details-accent);
    flex: 0 0 auto;
}

.lp-contact-details__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-contact-details-ink-3);
}

.lp-contact-details__header-sep {
width: 1px;
    height: 13px;
    background: var(--lp-contact-details-rule-strong);
}

.lp-contact-details__header-title {
font-size: 13px;
    font-weight: 500;
    color: var(--lp-contact-details-ink);
    letter-spacing: -0.01em;
}

.lp-contact-details__cells {
display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: var(--lp-contact-details-rule);
}

.lp-contact-details__cell {
position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 24px 28px;
    background: var(--lp-contact-details-card);
    transition: background-color 180ms ease;
}

.lp-contact-details__cell:hover {
background: var(--lp-panel-hover-strong);
}

.lp-contact-details__cell::after {
content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: var(--lp-contact-details-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-contact-details__cell:hover::after {
transform: scaleX(1);
}

.lp-contact-details__cell-head {
display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.lp-contact-details__cell-icon {
width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--lp-contact-details-rule);
    border-radius: 6px;
    background: var(--lp-contact-details-inset);
    color: var(--lp-contact-details-ink-4);
    flex: 0 0 auto;
    transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

.lp-contact-details__cell-icon svg {
width: 12px;
    height: 12px;
}

.lp-contact-details__cell:hover .lp-contact-details__cell-icon {
border-color: rgba(212, 160, 23, 0.28);
    background: rgba(212, 160, 23, 0.07);
    color: var(--lp-contact-details-accent);
}

.lp-contact-details__cell-label {
font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--lp-contact-details-ink-4);
    transition: color 180ms ease;
}

.lp-contact-details__cell:hover .lp-contact-details__cell-label {
color: var(--lp-contact-details-ink-3);
}

.lp-contact-details__cell-sep {
width: 16px;
    height: 1px;
    margin-bottom: 10px;
    background: var(--lp-contact-details-rule-strong);
    transition: width 200ms ease, background-color 180ms ease;
}

.lp-contact-details__cell:hover .lp-contact-details__cell-sep {
width: 24px;
    background: rgba(212, 160, 23, 0.4);
}

.lp-contact-details__cell-title {
margin: 0 0 8px;
    color: var(--lp-contact-details-ink);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.lp-contact-details__cell-body {
margin: 0;
    color: var(--lp-contact-details-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    transition: color 180ms ease;
}

.lp-contact-details__cell:hover .lp-contact-details__cell-body {
color: var(--lp-contact-details-ink-3);
}

.lp-contact-details__links,
.lp-contact-details__values {
display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}

.lp-contact-details__link,
.lp-contact-details__value {
display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lp-contact-details__link {
color: var(--lp-contact-details-ink-3);
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-contact-details__link:hover,
.lp-contact-details__link:focus-visible {
color: var(--lp-contact-details-ink-2);
    outline: none;
}

.lp-contact-details__link-icon,
.lp-contact-details__value-icon {
width: 12px;
    height: 12px;
    color: var(--lp-contact-details-ink-4);
    flex: 0 0 auto;
}

.lp-contact-details__link-icon svg,
.lp-contact-details__value-icon svg {
width: 100%;
    height: 100%;
}

.lp-contact-details__value {
padding: 8px 12px;
    border: 1px solid var(--lp-contact-details-rule);
    border-radius: 5px;
    background: var(--lp-contact-details-inset);
    transition: border-color 180ms ease;
}

.lp-contact-details__cell:hover .lp-contact-details__value {
border-color: var(--lp-contact-details-rule-strong);
}

.lp-contact-details__value-link {
color: var(--lp-contact-details-ink-3);
    font-size: 12.5px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-contact-details__value-link:hover,
.lp-contact-details__value-link:focus-visible {
color: var(--lp-contact-details-ink-2);
    outline: none;
}

.lp-contact-details__cta {
display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    margin-top: 12px;
    padding: 6px 12px;
    border: 1px solid var(--lp-contact-details-rule-strong);
    border-radius: 6px;
    color: var(--lp-contact-details-ink-4);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-contact-details__cta:hover,
.lp-contact-details__cta:focus-visible {
color: var(--lp-contact-details-ink-3);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-contact-details__cta-icon {
width: 9px;
    height: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.lp-contact-details__cta-icon svg {
width: 100%;
    height: 100%;
}

.lp-contact-details__footer {
margin: 16px 0 0;
    color: var(--lp-color-text-muted);
}

.lp-contact-details__footer-link {
color: var(--lp-color-text);
    text-decoration: none;
}

.lp-contact-details__footer-link:hover,
.lp-contact-details__footer-link:focus-visible {
text-decoration: underline;
    outline: none;
}



.lp-contact-questions {
--lp-contact-questions-card: var(--lp-panel-bg-strong);
    --lp-contact-questions-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-contact-questions-rule: var(--lp-panel-border);
    --lp-contact-questions-rule-strong: var(--lp-ghost-border);
    --lp-contact-questions-ink: var(--lp-color-text);
    --lp-contact-questions-ink-2: var(--lp-color-text-muted);
    --lp-contact-questions-ink-3: var(--lp-color-text-muted);
    --lp-contact-questions-ink-4: var(--lp-color-text-soft);
    --lp-contact-questions-accent: #d4a017;
    color: var(--lp-contact-questions-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-contact-questions__accordion {
border: 1px solid var(--lp-contact-questions-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-contact-questions__header {
display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    border-bottom: 1px solid var(--lp-contact-questions-rule);
    background: var(--lp-contact-questions-card);
}

.lp-contact-questions__eyebrow {
display: flex;
    align-items: center;
    gap: 8px;
}

.lp-contact-questions__dot {
width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lp-contact-questions-accent);
    flex: 0 0 auto;
}

.lp-contact-questions__eyebrow-text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-contact-questions-ink-3);
}

.lp-contact-questions__header-sep {
width: 1px;
    height: 13px;
    background: var(--lp-contact-questions-rule-strong);
}

.lp-contact-questions__header-title {
font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: var(--lp-contact-questions-ink);
}

.lp-contact-questions__item {
position: relative;
    border-bottom: 1px solid var(--lp-contact-questions-rule);
}

.lp-contact-questions__item:last-of-type {
border-bottom: 0;
}

.lp-contact-questions__item.is-open::before {
content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: var(--lp-contact-questions-accent);
    transform: scaleX(1);
    transform-origin: left;
    z-index: 1;
}

.lp-contact-questions__question {
width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 32px;
    border: 0;
    background: var(--lp-contact-questions-card);
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.lp-contact-questions__question:hover {
background: var(--lp-panel-hover-strong);
}

.lp-contact-questions__question-left {
display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
}

.lp-contact-questions__number {
font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: var(--lp-contact-questions-ink-4);
    flex: 0 0 auto;
    transition: color 150ms ease;
}

.lp-contact-questions__item.is-open .lp-contact-questions__number,
.lp-contact-questions__question:hover .lp-contact-questions__number {
color: var(--lp-contact-questions-accent);
}

.lp-contact-questions__question-text {
color: var(--lp-contact-questions-ink);
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.lp-contact-questions__icon {
width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--lp-contact-questions-rule-strong);
    border-radius: 50%;
    background: var(--lp-contact-questions-inset);
    color: var(--lp-contact-questions-ink-4);
    flex: 0 0 auto;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.lp-contact-questions__icon svg {
width: 9px;
    height: 9px;
    transition: transform 250ms ease;
}

.lp-contact-questions__question:hover .lp-contact-questions__icon,
.lp-contact-questions__item.is-open .lp-contact-questions__icon {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.08);
    color: var(--lp-contact-questions-accent);
}

.lp-contact-questions__item.is-open .lp-contact-questions__icon svg {
transform: rotate(180deg);
}

.lp-contact-questions__answer {
background: var(--lp-contact-questions-inset);
    border-top: 1px solid var(--lp-contact-questions-rule);
}

.lp-contact-questions__answer-inner {
display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 13px 32px 17px 57px;
    color: var(--lp-contact-questions-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.75;
}

.lp-contact-questions__answer-inner a {
color: var(--lp-contact-questions-accent);
    text-decoration: none;
    border-bottom: 1px solid rgba(212, 160, 23, 0.3);
}

.lp-contact-questions__answer-inner a:hover,
.lp-contact-questions__answer-inner a:focus-visible {
border-color: var(--lp-contact-questions-accent);
    outline: none;
}

.lp-contact-questions__footer {
display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 12px 32px;
    border-top: 1px solid var(--lp-contact-questions-rule);
    background: var(--lp-contact-questions-inset);
}

.lp-contact-questions__footer-text {
flex: 1 1 auto;
    color: var(--lp-contact-questions-ink-4);
    font-size: 12px;
    font-weight: 300;
}

.lp-contact-questions__footer-link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: 1px solid var(--lp-contact-questions-rule);
    border-radius: 6px;
    color: var(--lp-contact-questions-ink-4);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-contact-questions__footer-link:hover,
.lp-contact-questions__footer-link:focus-visible {
color: var(--lp-contact-questions-ink-3);
    border-color: var(--lp-contact-questions-rule-strong);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-contact-questions__footer-link svg {
width: 9px;
    height: 9px;
}



.lp-contact-final-cta {
--lp-contact-final-card: var(--lp-panel-bg-strong);
    --lp-contact-final-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-contact-final-rule: var(--lp-panel-border);
    --lp-contact-final-rule-strong: var(--lp-ghost-border);
    --lp-contact-final-ink: var(--lp-color-text);
    --lp-contact-final-ink-2: var(--lp-color-text-muted);
    --lp-contact-final-ink-3: var(--lp-color-text-muted);
    --lp-contact-final-ink-4: var(--lp-color-text-soft);
    --lp-contact-final-accent: #d4a017;
    color: var(--lp-contact-final-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    border: 1px solid var(--lp-contact-final-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-contact-final-cta__main {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    padding: 32px 40px;
    background: var(--lp-contact-final-card);
}

.lp-contact-final-cta__left {
flex: 1 1 240px;
    min-width: 240px;
}

.lp-contact-final-cta__eyebrow {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.lp-contact-final-cta__dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-contact-final-accent);
    flex: 0 0 auto;
}

.lp-contact-final-cta__eyebrow-text {
font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-contact-final-ink-4);
}

.lp-contact-final-cta__headline {
margin: 0 0 8px;
    color: var(--lp-contact-final-ink);
    font-size: clamp(18px, 2.4vw, 26px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.lp-contact-final-cta__headline span {
color: var(--lp-contact-final-accent);
}

.lp-contact-final-cta__body {
margin: 0;
    max-width: 420px;
    color: var(--lp-contact-final-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-contact-final-cta__right {
display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    flex-shrink: 0;
}

.lp-contact-final-cta__buttons {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lp-contact-final-cta__btn-primary,
.lp-contact-final-cta__btn-ghost {
display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    white-space: nowrap;
}

.lp-contact-final-cta__btn-primary {
padding: 12px 24px;
    border-radius: 7px;
    background: var(--lp-contact-final-accent);
    color: #0e0e0c;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 150ms ease, transform 120ms ease;
}

.lp-contact-final-cta__btn-primary:hover,
.lp-contact-final-cta__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
    outline: none;
}

.lp-contact-final-cta__btn-primary svg {
width: 12px;
    height: 12px;
}

.lp-contact-final-cta__btn-ghost {
padding: 11px 20px;
    border: 1px solid var(--lp-contact-final-rule-strong);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-contact-final-ink-3);
    font-size: 13px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-contact-final-cta__btn-ghost:hover,
.lp-contact-final-cta__btn-ghost:focus-visible {
color: var(--lp-contact-final-ink-2);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-contact-final-cta__microcopy {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lp-contact-final-cta__micro-item {
display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--lp-contact-final-ink-4);
    font-size: 11px;
    font-weight: 300;
}

.lp-contact-final-cta__micro-dot {
width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--lp-contact-final-ink-4);
    flex: 0 0 auto;
}

.lp-contact-final-cta__micro-sep {
width: 1px;
    height: 10px;
    background: var(--lp-contact-final-rule-strong);
    flex: 0 0 auto;
}

.lp-contact-final-cta__footer {
display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 12px 40px;
    border-top: 1px solid var(--lp-contact-final-rule);
    background: var(--lp-contact-final-inset);
}

.lp-contact-final-cta__footer-text {
flex: 1 1 auto;
    color: var(--lp-contact-final-ink-4);
    font-size: 12px;
    font-weight: 300;
}

.lp-contact-final-cta__footer-links {
display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.lp-contact-final-cta__footer-link {
color: var(--lp-contact-final-ink-4);
    font-size: 11.5px;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid var(--lp-panel-border);
    padding-bottom: 1px;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-contact-final-cta__footer-link:hover,
.lp-contact-final-cta__footer-link:focus-visible {
color: var(--lp-contact-final-ink-3);
    border-color: var(--lp-contact-final-ink-4);
    outline: none;
}

.lp-contact-final-cta__footer-sep {
color: var(--lp-contact-final-ink-4);
    font-size: 11px;
}





.lp-contact-glance {
--lp-contact-glance-card: var(--lp-panel-bg-strong);
    --lp-contact-glance-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-contact-glance-rule: var(--lp-panel-border);
    --lp-contact-glance-rule-strong: var(--lp-ghost-border);
    --lp-contact-glance-ink: var(--lp-color-text);
    --lp-contact-glance-ink-2: var(--lp-color-text-muted);
    --lp-contact-glance-ink-3: var(--lp-color-text-muted);
    --lp-contact-glance-ink-4: var(--lp-color-text-soft);
    --lp-contact-glance-accent: #d4a017;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--lp-contact-glance-ink);
}

.lp-contact-glance__breadcrumb {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
}

.lp-contact-glance__breadcrumb-link {
color: var(--lp-contact-glance-ink-4);
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-contact-glance__breadcrumb-link:hover,
.lp-contact-glance__breadcrumb-link:focus-visible {
color: var(--lp-contact-glance-ink-3);
    outline: none;
}

.lp-contact-glance__breadcrumb-sep {
width: 12px;
    height: 12px;
    color: var(--lp-contact-glance-ink-4);
    flex: 0 0 auto;
}

.lp-contact-glance__breadcrumb-current {
color: var(--lp-contact-glance-ink-3);
    font-size: 11px;
    font-weight: 500;
}

.lp-contact-glance__bar {
overflow: hidden;
    border: 1px solid var(--lp-contact-glance-rule-strong);
    border-radius: 12px;
}

.lp-contact-glance__top {
display: grid;
    grid-template-columns: 1fr 1fr 1fr 210px;
    gap: 1px;
    background: var(--lp-contact-glance-rule);
}

.lp-contact-glance__cell,
.lp-contact-glance__action {
display: flex;
    flex-direction: column;
    background: var(--lp-contact-glance-card);
}

.lp-contact-glance__cell {
padding: 26px;
    transition: background-color 150ms ease;
}

.lp-contact-glance__cell:hover {
background: var(--lp-panel-hover-strong);
}

.lp-contact-glance__eyebrow {
display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
}

.lp-contact-glance__eyebrow-icon {
width: 13px;
    height: 13px;
    color: var(--lp-contact-glance-ink-4);
    flex: 0 0 auto;
    transition: color 150ms ease;
}

.lp-contact-glance__eyebrow-icon svg {
width: 100%;
    height: 100%;
}

.lp-contact-glance__cell:hover .lp-contact-glance__eyebrow-icon {
color: var(--lp-contact-glance-accent);
}

.lp-contact-glance__eyebrow-label {
color: var(--lp-contact-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contact-glance__value {
margin-bottom: 8px;
    color: var(--lp-contact-glance-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-contact-glance__rule {
width: 20px;
    height: 1px;
    margin-bottom: 10px;
    background: var(--lp-contact-glance-rule-strong);
    transition: width 200ms ease, background-color 150ms ease;
}

.lp-contact-glance__cell:hover .lp-contact-glance__rule {
width: 30px;
    background: rgba(212, 160, 23, 0.4);
}

.lp-contact-glance__body {
color: var(--lp-contact-glance-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-contact-glance__hours {
display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
}

.lp-contact-glance__hours-row {
display: grid;
    grid-template-columns: 70px 1fr auto;
    align-items: center;
    gap: 6px;
}

.lp-contact-glance__hours-label {
color: var(--lp-contact-glance-ink-4);
    font-size: 11.5px;
    font-weight: 300;
    white-space: nowrap;
}

.lp-contact-glance__hours-sep {
height: 1px;
    background: var(--lp-contact-glance-rule);
}

.lp-contact-glance__hours-value {
color: var(--lp-contact-glance-ink-3);
    font-size: 11.5px;
    font-weight: 400;
    white-space: nowrap;
}

.lp-contact-glance__hours-value.is-closed {
color: var(--lp-contact-glance-ink-4);
}

.lp-contact-glance__routes {
display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 10px;
}

.lp-contact-glance__route {
display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--lp-contact-glance-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4;
}

.lp-contact-glance__route-icon {
width: 12px;
    height: 12px;
    margin-top: 1px;
    color: var(--lp-contact-glance-ink-4);
    flex: 0 0 auto;
}

.lp-contact-glance__route-icon svg {
width: 100%;
    height: 100%;
}

.lp-contact-glance__cell:hover .lp-contact-glance__route-icon {
color: var(--lp-contact-glance-ink-3);
}

.lp-contact-glance__route-link {
color: var(--lp-contact-glance-ink-3);
    text-decoration: none;
    border-bottom: 1px solid var(--lp-panel-border);
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-contact-glance__route-link:hover,
.lp-contact-glance__route-link:focus-visible {
color: var(--lp-contact-glance-ink-2);
    border-color: var(--lp-contact-glance-ink-4);
    outline: none;
}

.lp-contact-glance__action {
justify-content: center;
    gap: 10px;
    padding: 26px 22px;
    border-left: 1px solid var(--lp-contact-glance-rule-strong);
}

.lp-contact-glance__btn-primary,
.lp-contact-glance__btn-ghost {
display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-decoration: none;
    white-space: nowrap;
}

.lp-contact-glance__btn-primary {
padding: 11px 16px;
    border-radius: 6px;
    background: var(--lp-contact-glance-accent);
    color: #0e0e0c;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 150ms ease, transform 120ms ease;
}

.lp-contact-glance__btn-primary:hover,
.lp-contact-glance__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
    outline: none;
}

.lp-contact-glance__btn-primary svg {
width: 11px;
    height: 11px;
}

.lp-contact-glance__btn-ghost {
padding: 10px 14px;
    border: 1px solid var(--lp-contact-glance-rule-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-contact-glance-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-contact-glance__btn-ghost:hover,
.lp-contact-glance__btn-ghost:focus-visible {
color: var(--lp-contact-glance-ink-2);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-contact-glance__action-note {
color: var(--lp-contact-glance-ink-4);
    font-size: 10.5px;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
}

.lp-contact-glance__bottom {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 26px;
    border-top: 1px solid var(--lp-contact-glance-rule);
    background: var(--lp-contact-glance-inset);
}

.lp-contact-glance__bottom-label {
margin-right: 2px;
    color: var(--lp-contact-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    flex-shrink: 0;
}

.lp-contact-glance__tags {
display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.lp-contact-glance__tag {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border: 1px solid var(--lp-contact-glance-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-contact-glance-ink-4);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-contact-glance__tag:hover {
color: var(--lp-contact-glance-ink-2);
    border-color: var(--lp-contact-glance-rule-strong);
}

.lp-contact-glance__tag-dot {
width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--lp-contact-glance-ink-4);
    flex: 0 0 auto;
}





.lp-resources-glance {
--lp-resources-glance-card: var(--lp-panel-bg-strong);
    --lp-resources-glance-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-resources-glance-rule: var(--lp-panel-border);
    --lp-resources-glance-rule-strong: var(--lp-ghost-border);
    --lp-resources-glance-ink: var(--lp-color-text);
    --lp-resources-glance-ink-2: var(--lp-color-text-muted);
    --lp-resources-glance-ink-3: var(--lp-color-text-muted);
    --lp-resources-glance-ink-4: var(--lp-color-text-soft);
    --lp-resources-glance-accent: #d4a017;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--lp-resources-glance-ink);
}

.lp-resources-glance__breadcrumb {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 28px;
}

.lp-resources-glance__breadcrumb-link {
color: var(--lp-resources-glance-ink-4);
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-resources-glance__breadcrumb-link:hover,
.lp-resources-glance__breadcrumb-link:focus-visible {
color: var(--lp-resources-glance-ink-3);
    outline: none;
}

.lp-resources-glance__breadcrumb-sep {
width: 12px;
    height: 12px;
    color: var(--lp-resources-glance-ink-4);
    flex: 0 0 auto;
}

.lp-resources-glance__breadcrumb-current {
color: var(--lp-resources-glance-ink-3);
    font-size: 11px;
    font-weight: 500;
}

.lp-resources-glance__bar {
overflow: hidden;
    border: 1px solid var(--lp-resources-glance-rule-strong);
    border-radius: 12px;
}

.lp-resources-glance__top {
display: grid;
    grid-template-columns: 1fr 1fr 1fr 196px;
    gap: 1px;
    background: var(--lp-resources-glance-rule);
}

.lp-resources-glance__cell,
.lp-resources-glance__action {
display: flex;
    flex-direction: column;
    background: var(--lp-resources-glance-card);
}

.lp-resources-glance__cell {
padding: 28px 32px;
    transition: background-color 150ms ease;
}

.lp-resources-glance__cell:hover {
background: var(--lp-panel-hover-strong);
}

.lp-resources-glance__eyebrow {
display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
}

.lp-resources-glance__eyebrow-icon {
width: 14px;
    height: 14px;
    color: var(--lp-resources-glance-ink-4);
    flex: 0 0 auto;
    transition: color 150ms ease;
}

.lp-resources-glance__eyebrow-icon svg {
width: 100%;
    height: 100%;
}

.lp-resources-glance__cell:hover .lp-resources-glance__eyebrow-icon {
color: var(--lp-resources-glance-accent);
}

.lp-resources-glance__eyebrow-label {
color: var(--lp-resources-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-resources-glance__value {
color: var(--lp-resources-glance-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
}

.lp-resources-glance__rule {
width: 20px;
    height: 1px;
    margin: 10px 0;
    background: var(--lp-resources-glance-rule-strong);
    transition: width 200ms ease, background-color 150ms ease;
}

.lp-resources-glance__cell:hover .lp-resources-glance__rule {
width: 32px;
    background: rgba(212, 160, 23, 0.4);
}

.lp-resources-glance__body {
color: var(--lp-resources-glance-ink-3);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-resources-glance__guide-links {
display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
}

.lp-resources-glance__guide-link {
display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--lp-resources-glance-ink-4);
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    transition: color 150ms ease;
}

.lp-resources-glance__guide-link:hover,
.lp-resources-glance__guide-link:focus-visible {
color: var(--lp-resources-glance-ink-3);
    outline: none;
}

.lp-resources-glance__guide-link svg {
width: 9px;
    height: 9px;
    flex: 0 0 auto;
}

.lp-resources-glance__action {
justify-content: center;
    gap: 10px;
    min-width: 196px;
    padding: 28px 30px;
    border-left: 1px solid var(--lp-resources-glance-rule-strong);
}

.lp-resources-glance__btn-primary,
.lp-resources-glance__btn-ghost {
display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-decoration: none;
    white-space: nowrap;
}

.lp-resources-glance__btn-primary {
padding: 11px 20px;
    border-radius: 6px;
    background: var(--lp-resources-glance-accent);
    color: #0e0e0c;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 150ms ease, transform 120ms ease;
}

.lp-resources-glance__btn-primary:hover,
.lp-resources-glance__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
    outline: none;
}

.lp-resources-glance__btn-primary svg {
width: 11px;
    height: 11px;
}

.lp-resources-glance__btn-ghost {
padding: 10px 18px;
    border: 1px solid var(--lp-resources-glance-rule-strong);
    border-radius: 6px;
    background: transparent;
    color: var(--lp-resources-glance-ink-3);
    font-size: 12.5px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-resources-glance__btn-ghost:hover,
.lp-resources-glance__btn-ghost:focus-visible {
color: var(--lp-resources-glance-ink-2);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-resources-glance__action-note {
color: var(--lp-resources-glance-ink-4);
    font-size: 10.5px;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
}

.lp-resources-glance__bottom,
.lp-resources-glance__footer {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 32px;
    border-top: 1px solid var(--lp-resources-glance-rule);
    background: var(--lp-resources-glance-inset);
}

.lp-resources-glance__bottom-label {
margin-right: 2px;
    color: var(--lp-resources-glance-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    flex-shrink: 0;
}

.lp-resources-glance__tags {
display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 5px;
}

.lp-resources-glance__tag {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border: 1px solid var(--lp-resources-glance-rule);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-resources-glance-ink-4);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-resources-glance__tag:hover {
color: var(--lp-resources-glance-ink-2);
    border-color: var(--lp-resources-glance-rule-strong);
}

.lp-resources-glance__tag-dot {
width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--lp-resources-glance-ink-4);
    flex: 0 0 auto;
}

.lp-resources-glance__bottom-right {
display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.lp-resources-glance__bottom-link {
color: var(--lp-resources-glance-ink-4);
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 5px;
    transition: color 150ms ease, background-color 150ms ease;
}

.lp-resources-glance__bottom-link:hover,
.lp-resources-glance__bottom-link:focus-visible {
color: var(--lp-resources-glance-ink-2);
    background: rgba(255, 255, 255, 0.05);
    outline: none;
}

.lp-resources-glance__bottom-sep {
color: var(--lp-resources-glance-ink-4);
    font-size: 11px;
}

.lp-resources-glance__footer-icon {
width: 13px;
    height: 13px;
    color: var(--lp-resources-glance-ink-4);
    flex: 0 0 auto;
}

.lp-resources-glance__footer-icon svg {
width: 100%;
    height: 100%;
}

.lp-resources-glance__footer-text {
color: var(--lp-resources-glance-ink-4);
    font-size: 11px;
    font-weight: 300;
    line-height: 1.5;
    flex: 1;
}

.lp-resources-glance__footer-link {
color: var(--lp-resources-glance-ink-4);
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-resources-glance__footer-link:hover,
.lp-resources-glance__footer-link:focus-visible {
color: var(--lp-resources-glance-ink-3);
    border-color: var(--lp-resources-glance-ink-4);
    outline: none;
}

.lp-resources-section-heading {
max-width: 540px;
    margin-bottom: 36px;
}

.lp-resources-section-heading__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.lp-resources-section-heading__dot {
width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d4a017;
}

.lp-resources-section-heading__eyebrow-text {
color: var(--lp-color-text-muted);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-resources-section-heading__title {
margin: 0 0 8px;
    color: var(--lp-color-text);
    font-size: clamp(22px, 2.8vw, 34px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.lp-resources-section-heading__title span {
color: #d4a017;
}

.lp-resources-section-heading__summary {
max-width: 520px;
    margin: 0;
    color: var(--lp-color-text-muted);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.6;
}

.lp-resources-start-here {
overflow: hidden;
    border: 1px solid var(--lp-ghost-border);
    border-radius: 12px;
}

.lp-resources-start-here__steps {
display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 1px;
    background: var(--lp-panel-border);
}

.lp-resources-start-here__step {
position: relative;
    display: flex;
    flex-direction: column;
    padding: 28px 30px 26px;
    overflow: hidden;
    background: var(--lp-panel-bg-strong);
    transition: background-color 180ms ease;
}

.lp-resources-start-here__step:hover {
background: var(--lp-panel-hover-strong);
}

.lp-resources-start-here__step::after {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: #d4a017;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-resources-start-here__step:hover::after {
transform: scaleX(1);
}

.lp-resources-start-here__step-num {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-bottom: 16px;
    border: 1px solid var(--lp-ghost-border);
    border-radius: 999px;
    color: var(--lp-color-text-soft);
    font-size: 11px;
    font-weight: 600;
    transition: border-color 180ms ease, color 180ms ease;
}

.lp-resources-start-here__step:hover .lp-resources-start-here__step-num {
border-color: #d4a017;
    color: #d4a017;
}

.lp-resources-start-here__icon-row {
display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.lp-resources-start-here__icon {
display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 7px;
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-resources-start-here__step:hover .lp-resources-start-here__icon {
border-color: rgba(212, 160, 23, 0.28);
    background: rgba(212, 160, 23, 0.07);
}

.lp-resources-start-here__icon svg {
width: 15px;
    height: 15px;
    color: var(--lp-color-text-muted);
    transition: color 180ms ease;
}

.lp-resources-start-here__step:hover .lp-resources-start-here__icon svg {
color: #d4a017;
}

.lp-resources-start-here__phase {
color: var(--lp-color-text-soft);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-resources-start-here__title {
margin-bottom: 10px;
    color: var(--lp-color-text);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.015em;
}

.lp-resources-start-here__title span {
color: #d4a017;
}

.lp-resources-start-here__desc {
flex: 1;
    color: var(--lp-color-text-muted);
    font-size: 12.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-resources-start-here__output {
display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 8px 12px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 5px;
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    text-decoration: none;
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-resources-start-here__output:hover,
.lp-resources-start-here__output:focus-visible {
border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.05);
    outline: none;
}

.lp-resources-start-here__output-icon {
width: 12px;
    height: 12px;
    flex: 0 0 auto;
    color: var(--lp-color-text-soft);
    transition: color 180ms ease;
}

.lp-resources-start-here__output:hover .lp-resources-start-here__output-icon,
.lp-resources-start-here__output:focus-visible .lp-resources-start-here__output-icon {
color: #d4a017;
}

.lp-resources-start-here__output-label {
flex: 0 0 auto;
    color: var(--lp-color-text-soft);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: color 180ms ease;
}

.lp-resources-start-here__output:hover .lp-resources-start-here__output-label,
.lp-resources-start-here__output:focus-visible .lp-resources-start-here__output-label {
color: var(--lp-color-text-muted);
}

.lp-resources-start-here__output-sep {
width: 1px;
    height: 10px;
    background: var(--lp-ghost-border);
    flex: 0 0 auto;
}

.lp-resources-start-here__output-text {
flex: 1;
    color: var(--lp-color-text-muted);
    font-size: 11.5px;
    font-weight: 400;
    transition: color 180ms ease;
}

.lp-resources-start-here__output:hover .lp-resources-start-here__output-text,
.lp-resources-start-here__output:focus-visible .lp-resources-start-here__output-text {
color: var(--lp-color-text-muted);
}

.lp-resources-start-here__output-arrow {
width: 9px;
    height: 9px;
    flex: 0 0 auto;
    color: var(--lp-color-text-soft);
    transition: color 180ms ease, transform 180ms ease;
}

.lp-resources-start-here__output:hover .lp-resources-start-here__output-arrow,
.lp-resources-start-here__output:focus-visible .lp-resources-start-here__output-arrow {
color: #d4a017;
    transform: translate(2px, -2px);
}

.lp-resources-start-here__arrow {
display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    padding: 0 4px;
    background: var(--lp-panel-bg-strong);
}

.lp-resources-start-here__arrow svg {
width: 15px;
    height: 15px;
    color: var(--lp-color-text-soft);
}

.lp-resources-start-here__footer {
display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 13px 30px;
    border-top: 1px solid var(--lp-panel-border);
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
}

.lp-resources-start-here__footer-label {
flex: 0 0 auto;
    color: var(--lp-color-text-soft);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-resources-start-here__footer-links {
display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 8px;
}

.lp-resources-start-here__footer-link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-color-text-soft);
    font-size: 11.5px;
    font-weight: 400;
    text-decoration: none;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-resources-start-here__footer-link:hover,
.lp-resources-start-here__footer-link:focus-visible {
color: var(--lp-color-text-muted);
    border-color: var(--lp-ghost-border);
    outline: none;
}

.lp-resources-start-here__footer-link svg {
width: 9px;
    height: 9px;
    flex: 0 0 auto;
}

.lp-resources-guides__controls {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.lp-resources-guides__search-wrap {
position: relative;
    flex: 1 1 200px;
    max-width: 340px;
}

.lp-resources-guides__search-icon {
position: absolute;
    top: 50%;
    left: 11px;
    width: 13px;
    height: 13px;
    color: var(--lp-color-text-soft);
    transform: translateY(-50%);
    pointer-events: none;
}

.lp-resources-guides__search-input {
width: 100%;
    padding: 9px 34px 9px 32px;
    border: 1px solid var(--lp-ghost-border);
    border-radius: 7px;
    background: var(--lp-panel-bg-strong);
    color: var(--lp-color-text);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13px;
    font-weight: 300;
    outline: none;
    transition: border-color 150ms ease;
}

.lp-resources-guides__search-input::placeholder {
color: var(--lp-color-text-soft);
}

.lp-resources-guides__search-input:focus {
border-color: rgba(212, 160, 23, 0.4);
}

.lp-resources-guides__search-clear {
position: absolute;
    top: 50%;
    right: 9px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--lp-color-text-soft);
    cursor: pointer;
    transform: translateY(-50%);
}

.lp-resources-guides__search-clear:hover,
.lp-resources-guides__search-clear:focus-visible {
color: var(--lp-color-text-muted);
    outline: none;
}

.lp-resources-guides__search-clear svg {
width: 11px;
    height: 11px;
}

.lp-resources-guides__count {
color: var(--lp-color-text-soft);
    font-size: 12px;
    font-weight: 300;
    white-space: nowrap;
}

.lp-resources-guides__cats {
display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 28px;
}

.lp-resources-guides__cat {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 999px;
    background: var(--lp-panel-hover);
    color: var(--lp-color-text-soft);
    font-size: 11.5px;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-resources-guides__cat:hover,
.lp-resources-guides__cat:focus-visible {
color: var(--lp-color-text-muted);
    border-color: var(--lp-ghost-border);
    outline: none;
}

.lp-resources-guides__cat.is-active[data-cat="all"],
.lp-resources-guides__cat.is-active[data-cat="setup"] {
color: #d4a017;
    border-color: rgba(212, 160, 23, 0.3);
    background: rgba(212, 160, 23, 0.1);
}

.lp-resources-guides__cat.is-active[data-cat="inspections"] {
color: #60b0e0;
    border-color: rgba(96, 176, 224, 0.3);
    background: rgba(96, 176, 224, 0.1);
}

.lp-resources-guides__cat.is-active[data-cat="outputs"] {
color: #3a9e5f;
    border-color: rgba(58, 158, 95, 0.3);
    background: rgba(58, 158, 95, 0.1);
}

.lp-resources-guides__cat.is-active[data-cat="portal"] {
color: #8b7fd4;
    border-color: rgba(139, 127, 212, 0.3);
    background: rgba(139, 127, 212, 0.1);
}

.lp-resources-guides__cat-count {
padding: 1px 5px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.07);
    color: var(--lp-color-text-soft);
    font-size: 10px;
    font-weight: 500;
    transition: color 150ms ease, background-color 150ms ease;
}

.lp-resources-guides__cat.is-active .lp-resources-guides__cat-count {
background: currentColor;
    color: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
}

.lp-resources-guides__grid {
display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--lp-ghost-border);
    border-radius: 12px;
    background: var(--lp-panel-border);
}

.lp-resources-guides__empty {
display: none;
    grid-column: 1 / -1;
    padding: 48px 32px;
    background: var(--lp-panel-bg-strong);
    color: var(--lp-color-text-soft);
    font-size: 13.5px;
    font-weight: 300;
    text-align: center;
}

.lp-resources-guides__card {
position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lp-panel-bg-strong);
    color: inherit;
    text-decoration: none;
    transition: background-color 180ms ease;
}

.lp-resources-guides__card:hover {
background: var(--lp-panel-hover-strong);
}

.lp-resources-guides__card.is-hidden {
display: none;
}

.lp-resources-guides__card::after {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-resources-guides__card[data-cat="setup"]::after {
background: #d4a017;
}

.lp-resources-guides__card[data-cat="inspections"]::after {
background: #60b0e0;
}

.lp-resources-guides__card[data-cat="outputs"]::after {
background: #3a9e5f;
}

.lp-resources-guides__card[data-cat="portal"]::after {
background: #8b7fd4;
}

.lp-resources-guides__card:hover::after {
transform: scaleX(1);
}

.lp-resources-guides__card-header {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 72px;
    padding: 18px 24px 16px;
    border-bottom: 1px solid var(--lp-panel-border);
}

.lp-resources-guides__icon-box {
display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    flex: 0 0 auto;
}

.lp-resources-guides__icon-box svg {
width: 17px;
    height: 17px;
}

.lp-resources-guides__badge {
flex: 0 0 auto;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
}

.lp-resources-guides__card-body {
display: flex;
    flex: 1;
    flex-direction: column;
    padding: 20px 24px 22px;
}

.lp-resources-guides__card-title {
margin-bottom: 10px;
    color: var(--lp-color-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.lp-resources-guides__card-title mark {
padding: 0 1px;
    border-radius: 2px;
    background: rgba(212, 160, 23, 0.2);
    color: inherit;
}

.lp-resources-guides__bullets {
display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lp-resources-guides__bullets li {
display: flex;
    align-items: flex-start;
    gap: 7px;
    color: var(--lp-color-text-soft);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.4;
    transition: color 150ms ease;
}

.lp-resources-guides__card:hover .lp-resources-guides__bullets li {
color: var(--lp-color-text-muted);
}

.lp-resources-guides__bullets li::before {
content: "";
    width: 11px;
    height: 11px;
    margin-top: 1px;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,5.5 4,7.5 9,3'/%3E%3C/svg%3E");
}

.lp-resources-guides__card[data-cat="setup"]:hover .lp-resources-guides__bullets li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%23d4a017' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,5.5 4,7.5 9,3'/%3E%3C/svg%3E");
}

.lp-resources-guides__card[data-cat="inspections"]:hover .lp-resources-guides__bullets li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%2360b0e0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,5.5 4,7.5 9,3'/%3E%3C/svg%3E");
}

.lp-resources-guides__card[data-cat="outputs"]:hover .lp-resources-guides__bullets li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%233a9e5f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,5.5 4,7.5 9,3'/%3E%3C/svg%3E");
}

.lp-resources-guides__card[data-cat="portal"]:hover .lp-resources-guides__bullets li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' fill='none' stroke='%238b7fd4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2,5.5 4,7.5 9,3'/%3E%3C/svg%3E");
}

.lp-resources-guides__card-footer {
display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--lp-panel-border);
}

.lp-resources-guides__cta-text {
color: var(--lp-color-text-soft);
    font-size: 12px;
    font-weight: 500;
    transition: color 180ms ease;
}

.lp-resources-guides__cta-arrow {
width: 14px;
    height: 14px;
    color: var(--lp-color-text-soft);
    flex: 0 0 auto;
    transition: color 180ms ease, transform 180ms ease;
}

.lp-resources-guides__card[data-cat="setup"] .lp-resources-guides__icon-box {
border: 1px solid rgba(212, 160, 23, 0.25);
    background: rgba(212, 160, 23, 0.12);
}

.lp-resources-guides__card[data-cat="setup"] .lp-resources-guides__icon-box svg,
.lp-resources-guides__card[data-cat="setup"] .lp-resources-guides__badge,
.lp-resources-guides__card[data-cat="setup"]:hover .lp-resources-guides__cta-text,
.lp-resources-guides__card[data-cat="setup"]:hover .lp-resources-guides__cta-arrow {
color: #d4a017;
}

.lp-resources-guides__card[data-cat="setup"] .lp-resources-guides__badge {
border: 1px solid rgba(212, 160, 23, 0.25);
    background: rgba(212, 160, 23, 0.1);
}

.lp-resources-guides__card[data-cat="setup"] .lp-resources-guides__card-header {
background: rgba(212, 160, 23, 0.04);
}

.lp-resources-guides__card[data-cat="inspections"] .lp-resources-guides__icon-box {
border: 1px solid rgba(96, 176, 224, 0.25);
    background: rgba(96, 176, 224, 0.12);
}

.lp-resources-guides__card[data-cat="inspections"] .lp-resources-guides__icon-box svg,
.lp-resources-guides__card[data-cat="inspections"] .lp-resources-guides__badge,
.lp-resources-guides__card[data-cat="inspections"]:hover .lp-resources-guides__cta-text,
.lp-resources-guides__card[data-cat="inspections"]:hover .lp-resources-guides__cta-arrow {
color: #60b0e0;
}

.lp-resources-guides__card[data-cat="inspections"] .lp-resources-guides__badge {
border: 1px solid rgba(96, 176, 224, 0.25);
    background: rgba(96, 176, 224, 0.1);
}

.lp-resources-guides__card[data-cat="inspections"] .lp-resources-guides__card-header {
background: rgba(96, 176, 224, 0.04);
}

.lp-resources-guides__card[data-cat="outputs"] .lp-resources-guides__icon-box {
border: 1px solid rgba(58, 158, 95, 0.25);
    background: rgba(58, 158, 95, 0.12);
}

.lp-resources-guides__card[data-cat="outputs"] .lp-resources-guides__icon-box svg,
.lp-resources-guides__card[data-cat="outputs"] .lp-resources-guides__badge,
.lp-resources-guides__card[data-cat="outputs"]:hover .lp-resources-guides__cta-text,
.lp-resources-guides__card[data-cat="outputs"]:hover .lp-resources-guides__cta-arrow {
color: #3a9e5f;
}

.lp-resources-guides__card[data-cat="outputs"] .lp-resources-guides__badge {
border: 1px solid rgba(58, 158, 95, 0.25);
    background: rgba(58, 158, 95, 0.1);
}

.lp-resources-guides__card[data-cat="outputs"] .lp-resources-guides__card-header {
background: rgba(58, 158, 95, 0.04);
}

.lp-resources-guides__card[data-cat="portal"] .lp-resources-guides__icon-box {
border: 1px solid rgba(139, 127, 212, 0.25);
    background: rgba(139, 127, 212, 0.12);
}

.lp-resources-guides__card[data-cat="portal"] .lp-resources-guides__icon-box svg,
.lp-resources-guides__card[data-cat="portal"] .lp-resources-guides__badge,
.lp-resources-guides__card[data-cat="portal"]:hover .lp-resources-guides__cta-text,
.lp-resources-guides__card[data-cat="portal"]:hover .lp-resources-guides__cta-arrow {
color: #8b7fd4;
}

.lp-resources-guides__card[data-cat="portal"] .lp-resources-guides__badge {
border: 1px solid rgba(139, 127, 212, 0.25);
    background: rgba(139, 127, 212, 0.1);
}

.lp-resources-guides__card[data-cat="portal"] .lp-resources-guides__card-header {
background: rgba(139, 127, 212, 0.04);
}

.lp-resources-guides__card:hover .lp-resources-guides__cta-arrow {
transform: translate(2px, -2px);
}

.lp-example-outputs__samples {
width: 100%;
}

.lp-example-outputs__samples-eyebrow {
margin-bottom: 14px;
}

.lp-example-outputs__samples-header {
display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
    align-items: end;
    gap: 32px;
    margin: 0 0 52px;
}

.lp-example-outputs__samples-title {
margin: 0;
    color: var(--lp-color-text);
    font-size: clamp(26px, 3.2vw, 40px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.lp-example-outputs__samples-title span {
color: #d4a017;
}

.lp-example-outputs__samples-lede {
margin: 0;
    text-align: right;
    color: var(--lp-color-text-muted);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-example-outputs__source-key {
grid-column: 1 / -1;
    align-self: start;
    margin-top: 8px;
    padding: 14px 18px;
    border-radius: 10px;
    border: 1px solid var(--lp-panel-border);
    background: var(--lp-panel-bg-strong);
}

.lp-example-outputs__source-key-lede {
margin: 0 0 12px;
    color: var(--lp-color-text-muted);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.5;
}

.lp-example-outputs__source-key-list {
display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lp-example-outputs__source-key-list li {
display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 100%;
}

.lp-example-outputs__source-swatch {
flex: 0 0 auto;
    width: 10px;
    height: 10px;
    margin-top: 3px;
    border-radius: 2px;
}

.lp-example-outputs__source-swatch--dashboard {
background: #3a9e5f;
}

.lp-example-outputs__source-swatch--portal {
background: #8b7fd4;
}

.lp-example-outputs__source-key-text {
color: var(--lp-color-text-soft);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.45;
}

.lp-example-outputs__source-key-text strong {
font-weight: 600;
    color: var(--lp-color-text);
}

.lp-example-outputs__source-tag {
margin: 0 0 8px;
    padding: 0;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.2;
}

.lp-example-outputs__source-tag--dashboard {
color: #2d7a4a;
}

.lp-example-outputs__source-tag--portal {
color: #6b5fb0;
}

.lp-example-outputs__guides .lp-example-outputs__card::after {
transform: scaleX(1);
}

.lp-example-outputs__guides .lp-example-outputs__card--pending:hover::after {
transform: scaleX(1);
}

.lp-example-outputs__samples-grid-wrap {
width: 100%;
    min-width: 0;
}

.lp-example-outputs__card--pending {
cursor: default;
}

.lp-example-outputs__card--pending:hover {
background: var(--lp-panel-bg-strong);
}

.lp-example-outputs__card--pending:hover::after {
transform: scaleX(0);
}

.lp-example-outputs__card--pending .lp-resources-guides__cta-arrow {
opacity: 0.35;
}

.lp-example-outputs__card--pending:hover .lp-resources-guides__cta-arrow {
transform: none;
}

/* Whole-card screenshot trigger (example outputs); pending row otherwise uses cursor: default */
.lp-example-outputs__card--preview-modal.lp-example-outputs__card--pending {
    cursor: pointer;
}

.lp-resources-secure {
max-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid var(--lp-ghost-border);
    border-radius: 12px;
}

.lp-resources-secure__header {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 28px;
    border-bottom: 1px solid var(--lp-panel-border);
    background: var(--lp-panel-bg-strong);
}

.lp-resources-secure__header-left {
display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
}

.lp-resources-secure__header-icon {
display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(58, 158, 95, 0.25);
    border-radius: 6px;
    background: rgba(58, 158, 95, 0.07);
    flex: 0 0 auto;
}

.lp-resources-secure__header-icon svg {
width: 13px;
    height: 13px;
    color: #3a9e5f;
}

.lp-resources-secure__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lp-resources-secure__eyebrow-dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #3a9e5f;
    flex: 0 0 auto;
}

.lp-resources-secure__eyebrow-text {
color: var(--lp-color-text-muted);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-resources-secure__header-sep {
width: 1px;
    height: 13px;
    background: var(--lp-ghost-border);
    flex: 0 0 auto;
}

.lp-resources-secure__header-title {
flex: 1 1 auto;
    min-width: 0;
    color: var(--lp-color-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.01em;
}

.lp-resources-secure__header-link,
.lp-resources-secure__footer-link {
display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 6px;
    color: var(--lp-color-text-soft);
    font-size: 11.5px;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-resources-secure__header-link:hover,
.lp-resources-secure__header-link:focus-visible,
.lp-resources-secure__footer-link:hover,
.lp-resources-secure__footer-link:focus-visible {
color: var(--lp-color-text-muted);
    border-color: var(--lp-ghost-border);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-resources-secure__header-link svg,
.lp-resources-secure__footer-link svg {
width: 9px;
    height: 9px;
    flex: 0 0 auto;
}

.lp-resources-secure__cells {
display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--lp-panel-border);
}

.lp-resources-secure__cell {
position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 22px 24px;
    background: var(--lp-panel-bg-strong);
    transition: background-color 180ms ease;
}

.lp-resources-secure__cell:hover {
background: var(--lp-panel-hover-strong);
}

.lp-resources-secure__cell::after {
content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: #3a9e5f;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 250ms ease;
}

.lp-resources-secure__cell:hover::after {
transform: scaleX(1);
}

.lp-resources-secure__cell-icon {
display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-bottom: 12px;
    border: 1px solid var(--lp-panel-border);
    border-radius: 7px;
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    transition: border-color 180ms ease, background-color 180ms ease;
}

.lp-resources-secure__cell:hover .lp-resources-secure__cell-icon {
border-color: rgba(58, 158, 95, 0.3);
    background: rgba(58, 158, 95, 0.07);
}

.lp-resources-secure__cell-icon svg {
width: 13px;
    height: 13px;
    color: var(--lp-color-text-soft);
    transition: color 180ms ease;
}

.lp-resources-secure__cell:hover .lp-resources-secure__cell-icon svg {
color: #3a9e5f;
}

.lp-resources-secure__cell-title {
margin: 0 0 7px;
    color: var(--lp-color-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.lp-resources-secure__cell-sep {
width: 16px;
    height: 1px;
    margin-bottom: 9px;
    background: var(--lp-ghost-border);
    transition: width 180ms ease, background-color 180ms ease;
}

.lp-resources-secure__cell:hover .lp-resources-secure__cell-sep {
width: 24px;
    background: rgba(58, 158, 95, 0.4);
}

.lp-resources-secure__cell-desc {
margin: 0;
    color: var(--lp-color-text-soft);
    font-size: 11.5px;
    font-weight: 300;
    line-height: 1.6;
    transition: color 180ms ease;
}

.lp-resources-secure__cell:hover .lp-resources-secure__cell-desc {
color: var(--lp-color-text-muted);
}

.lp-resources-secure__footer {
display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 12px 28px;
    border-top: 1px solid var(--lp-panel-border);
    background: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
}

.lp-resources-secure__footer-text {
flex: 1 1 auto;
    margin: 0;
    color: var(--lp-color-text-soft);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.55;
}

.lp-resources-secure__footer-links {
display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-left: auto;
}

.lp-resources-final-cta {
--lp-resources-final-card: var(--lp-panel-bg-strong);
    --lp-resources-final-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-resources-final-rule: var(--lp-panel-border);
    --lp-resources-final-rule-strong: var(--lp-ghost-border);
    --lp-resources-final-ink: var(--lp-color-text);
    --lp-resources-final-ink-2: var(--lp-color-text-muted);
    --lp-resources-final-ink-3: var(--lp-color-text-muted);
    --lp-resources-final-ink-4: var(--lp-color-text-soft);
    --lp-resources-final-accent: #d4a017;
    color: var(--lp-resources-final-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    border: 1px solid var(--lp-resources-final-rule-strong);
    border-radius: 12px;
    overflow: hidden;
}

.lp-resources-final-cta__main {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    padding: 32px 40px;
    background: var(--lp-resources-final-card);
}

.lp-resources-final-cta__left {
flex: 1 1 240px;
    min-width: 240px;
}

.lp-resources-final-cta__eyebrow {
display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.lp-resources-final-cta__dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-resources-final-accent);
    flex: 0 0 auto;
}

.lp-resources-final-cta__eyebrow-text {
font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-resources-final-ink-4);
}

.lp-resources-final-cta__headline {
margin: 0 0 8px;
    color: var(--lp-resources-final-ink);
    font-size: clamp(18px, 2.4vw, 26px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.lp-resources-final-cta__headline span {
color: var(--lp-resources-final-accent);
}

.lp-resources-final-cta__body {
margin: 0;
    max-width: 430px;
    color: var(--lp-resources-final-ink-3);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-resources-final-cta__right {
display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    flex-shrink: 0;
}

.lp-resources-final-cta__buttons {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lp-resources-final-cta__btn-primary,
.lp-resources-final-cta__btn-ghost {
display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    white-space: nowrap;
}

.lp-resources-final-cta__btn-primary {
padding: 12px 24px;
    border-radius: 7px;
    /* Accent token lives on .lp-resources-final-cta; install overview (and any other) uses .lp-outcomes-proto --lp-outcomes-accent — same gold */
    background: var(--lp-resources-final-accent, var(--lp-outcomes-accent, #d4a017));
    color: #0e0e0c;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: opacity 150ms ease, transform 120ms ease;
}

button.lp-resources-final-cta__btn-primary {
    border: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.lp-resources-final-cta__btn-primary:hover,
.lp-resources-final-cta__btn-primary:focus-visible {
opacity: 0.88;
    transform: translateY(-1px);
    outline: none;
}

.lp-resources-final-cta__btn-primary svg {
width: 12px;
    height: 12px;
}

.lp-resources-final-cta__btn-ghost {
padding: 11px 20px;
    border: 1px solid var(--lp-resources-final-rule-strong);
    border-radius: 7px;
    background: transparent;
    color: var(--lp-resources-final-ink-3);
    font-size: 13px;
    font-weight: 500;
    transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.lp-resources-final-cta__btn-ghost:hover,
.lp-resources-final-cta__btn-ghost:focus-visible {
color: var(--lp-resources-final-ink-2);
    border-color: var(--lp-ghost-border-hover);
    background: var(--lp-panel-hover);
    outline: none;
}

.lp-resources-final-cta__microcopy {
display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lp-resources-final-cta__micro-item {
display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--lp-resources-final-ink-4);
    font-size: 11px;
    font-weight: 300;
}

.lp-resources-final-cta__micro-dot {
width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--lp-resources-final-ink-4);
    flex: 0 0 auto;
}

.lp-resources-final-cta__micro-sep {
width: 1px;
    height: 10px;
    background: var(--lp-resources-final-rule-strong);
    flex: 0 0 auto;
}

.lp-resources-final-cta__footer {
display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 12px 40px;
    border-top: 1px solid var(--lp-resources-final-rule);
    background: var(--lp-resources-final-inset);
}

.lp-resources-final-cta__footer-text {
flex: 1 1 auto;
    color: var(--lp-resources-final-ink-4);
    font-size: 12px;
    font-weight: 300;
}

.lp-resources-final-cta__footer-links {
display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.lp-resources-final-cta__footer-link {
color: var(--lp-resources-final-ink-4);
    font-size: 11.5px;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid var(--lp-panel-border);
    padding-bottom: 1px;
    transition: color 150ms ease, border-color 150ms ease;
}

.lp-resources-final-cta__footer-link:hover,
.lp-resources-final-cta__footer-link:focus-visible {
color: var(--lp-resources-final-ink-3);
    border-color: var(--lp-resources-final-ink-4);
    outline: none;
}

.lp-resources-final-cta__footer-sep {
color: var(--lp-resources-final-ink-4);
    font-size: 11px;
}









.lp-banner {
padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid var(--lp-color-border-subtle);
    background: rgba(248, 250, 252, 0.95);
    color: var(--lp-color-text);
    font-size: 0.92rem;
    margin: 0 0 12px;
}

html[data-theme="dark"] body.landing-body .lp-banner {
background: rgba(15, 23, 42, 0.55);
}

.lp-contact-form {
display: grid;
    gap: 18px;
}

.lp-contact-form__group {
display: grid;
    gap: 12px;
}

.lp-contact-form__row + .lp-contact-form__row {
margin-top: 12px;
}

.lp-contact-form__grid {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 2px;
}

.lp-contact-form__grid .lp-contact-form__row + .lp-contact-form__row {
margin-top: 0;
}

.lp-contact-form__label {
display: block;
    margin: 0 0 6px;
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--lp-color-text);
}

.lp-contact-form__input {
width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: rgba(248, 250, 252, 0.95);
    padding: 10px 12px;
    font-size: 0.95rem;
    color: var(--lp-color-text);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
    transition:
        background-color 160ms ease-out,
        border-color 160ms ease-out,
        box-shadow 160ms ease-out;
}

html[data-theme="dark"] body.landing-body .lp-contact-form__input {
border-color: rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.55);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.35);
}

.lp-contact-form__input:focus {
outline: none;
    border-color: rgba(212, 175, 55, 0.55);
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.32), 0 10px 22px rgba(15, 23, 42, 0.05);
    background: rgba(255, 255, 255, 0.96);
}

html[data-theme="dark"] body.landing-body .lp-contact-form__input:focus {
background: rgba(15, 23, 42, 0.82);
}

.lp-contact-form__textarea {
resize: vertical;
    min-height: 140px;
}

.lp-contact-form__row--verify {
display: grid;
    gap: 10px;
    padding-top: 4px;
}

.lp-contact-form .cf-turnstile {
margin-top: 0;
}



.lp-contact-page-heading {
max-width: 720px;
}

.lp-contact-page-heading__eyebrow {
display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.lp-contact-page-heading__dot {
width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d4a017;
    flex: 0 0 auto;
}

.lp-contact-page-heading__text {
font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--lp-color-text-muted);
}

.lp-contact-page-heading__title {
margin: 0 0 10px;
    color: var(--lp-color-text);
    font-size: clamp(2rem, 4vw, 3.3rem);
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.lp-contact-page-heading__title span {
color: #d4a017;
}

.lp-contact-page-heading__summary {
margin: 0;
    max-width: 54ch;
    color: var(--lp-color-text-muted);
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.65;
}

.lp-page--contact .lp-section--contact-form {
background: transparent;
}

.lp-contact-form-proto {
--lp-contact-form-card: var(--lp-panel-bg-strong);
    --lp-contact-form-inset: color-mix(in srgb, var(--lp-panel-bg-strong) 92%, var(--lp-color-bg));
    --lp-contact-form-field: #0e0e0c;
    --lp-contact-form-rule: var(--lp-panel-border);
    --lp-contact-form-rule-strong: var(--lp-ghost-border);
    --lp-contact-form-rule-focus: rgba(212, 160, 23, 0.45);
    --lp-contact-form-ink: var(--lp-color-text);
    --lp-contact-form-ink-2: var(--lp-color-text-muted);
    --lp-contact-form-ink-3: var(--lp-color-text-muted);
    --lp-contact-form-ink-4: var(--lp-color-text-soft);
    --lp-contact-form-accent: #d4a017;
    --lp-contact-form-green: #3a9e5f;
    color: var(--lp-contact-form-ink);
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lp-contact-form-proto__heading {
margin-bottom: 38px;
}

.lp-contact-form-proto__layout {
display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 1px;
    border: 1px solid var(--lp-contact-form-rule-strong);
    border-radius: 12px;
    background: var(--lp-contact-form-rule);
    overflow: hidden;
}

.lp-contact-form-proto__slot-panel,
.lp-contact-form-proto__form-panel {
min-width: 0;
}

.lp-contact-form-proto__slot-panel {
display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 32px 28px;
    background: var(--lp-contact-form-inset);
}

.lp-contact-form-proto__slot-panel-head {
display: flex;
    align-items: center;
    gap: 10px;
}

.lp-contact-form-proto__slot-icon {
width: 32px;
    height: 32px;
    border: 1px solid var(--lp-contact-form-rule-strong);
    border-radius: 7px;
    background: var(--lp-contact-form-card);
    color: var(--lp-contact-form-ink-4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.lp-contact-form-proto__slot-icon svg {
width: 14px;
    height: 14px;
}

.lp-contact-form-proto__slot-title {
color: var(--lp-contact-form-ink);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-contact-form-proto__availability {
display: flex;
    flex-direction: column;
    gap: 6px;
}

.lp-contact-form-proto__availability-row {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid var(--lp-contact-form-rule);
    border-radius: 6px;
    background: var(--lp-contact-form-card);
}

.lp-contact-form-proto__availability-dot {
width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--lp-contact-form-accent);
    flex: 0 0 auto;
}

.lp-contact-form-proto__availability-dot.is-success {
background: var(--lp-contact-form-green);
}

.lp-contact-form-proto__availability-label {
flex: 1 1 auto;
    color: var(--lp-contact-form-ink-3);
    font-size: 11.5px;
    font-weight: 300;
}

.lp-contact-form-proto__availability-value {
color: var(--lp-contact-form-ink-2);
    font-size: 11.5px;
    font-weight: 400;
    text-align: right;
}

.lp-contact-form-proto__select-block {
display: flex;
    flex-direction: column;
    gap: 6px;
}

.lp-contact-form-proto__select-label {
color: var(--lp-contact-form-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contact-form-proto__select {
width: 100%;
    padding: 9px 12px;
    padding-right: 30px;
    border: 1px solid var(--lp-contact-form-rule-strong);
    border-radius: 6px;
    background-color: var(--lp-contact-form-field);
    color: var(--lp-contact-form-ink-3);
    font-size: 12.5px;
    font-weight: 300;
    appearance: none;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%234a4844' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    cursor: pointer;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.lp-contact-form-proto__select:focus {
border-color: var(--lp-contact-form-rule-focus);
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.08);
}

.lp-contact-form-proto__slot-note {
padding: 10px 12px;
    border: 1px solid var(--lp-contact-form-rule);
    border-radius: 6px;
    background: var(--lp-contact-form-card);
    color: var(--lp-contact-form-ink-4);
    font-size: 11px;
    line-height: 1.6;
}

.lp-contact-form-proto__form-card {
height: 100%;
    max-width: none;
    padding: 32px 36px;
    border: 0;
    border-radius: 0;
    background: var(--lp-contact-form-card);
    box-shadow: none;
}

html[data-theme="dark"] body.landing-body .lp-page--contact .lp-contact-form-proto__form-card {
background: var(--lp-contact-form-card);
    box-shadow: none;
}

.lp-contact-form-proto__form-card:focus-within {
transform: none;
    border-color: transparent;
    box-shadow: none;
}

.lp-contact-form-proto .lp-banner {
border-color: var(--lp-contact-form-rule-strong);
    background: color-mix(in srgb, var(--lp-panel-bg) 82%, transparent);
    color: var(--lp-contact-form-ink);
}

.lp-contact-form-proto .lp-contact-form {
gap: 20px;
}

.lp-contact-form-proto .lp-contact-form__group {
gap: 14px;
}

.lp-contact-form-proto .lp-contact-form__label {
color: var(--lp-contact-form-ink-4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lp-contact-form-proto .lp-contact-form__label {
display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 6px;
}

.lp-contact-form-proto__req {
width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--lp-contact-form-accent);
    flex: 0 0 auto;
}

.lp-contact-form-proto .lp-contact-form__grid {
gap: 14px;
    margin-top: 0;
}

.lp-contact-form-proto .lp-contact-form__group + .lp-contact-form__group {
margin-top: 2px;
}

.lp-contact-form-proto .lp-contact-form__row + .lp-contact-form__row {
margin-top: 0;
}

.lp-contact-form-proto .lp-contact-form__input {
border-color: var(--lp-contact-form-rule-strong);
    background: var(--lp-contact-form-field);
    box-shadow: none;
    color: var(--lp-contact-form-ink);
    font-size: 13px;
    font-weight: 300;
    padding: 10px 14px;
    border-radius: 6px;
}

html[data-theme="dark"] body.landing-body .lp-page--contact .lp-contact-form-proto .lp-contact-form__input {
border-color: var(--lp-contact-form-rule-strong);
    background: var(--lp-contact-form-field);
    box-shadow: none;
    color: var(--lp-contact-form-ink);
}

.lp-contact-form-proto .lp-contact-form__input::placeholder {
color: var(--lp-contact-form-ink-4);
}

.lp-contact-form-proto .lp-contact-form__input:focus {
background: var(--lp-contact-form-field);
    border-color: var(--lp-contact-form-rule-focus);
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.08);
}

html[data-theme="dark"] body.landing-body .lp-page--contact .lp-contact-form-proto .lp-contact-form__input:focus {
background: var(--lp-contact-form-field);
    border-color: var(--lp-contact-form-rule-focus);
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.08);
}

.lp-contact-form-proto .lp-contact-form__textarea {
min-height: 110px;
    line-height: 1.6;
}

.lp-contact-form-proto .lp-contact-form__row--verify {
padding-top: 2px;
}

.lp-contact-form-proto__submit-row {
display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding-top: 4px;
}

.lp-contact-form-proto__submit {
gap: 8px;
    padding: 12px 28px;
    border: 0;
    border-radius: 7px;
    background: var(--lp-contact-form-accent);
    color: #0e0e0c;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.lp-contact-form-proto__submit svg {
width: 12px;
    height: 12px;
}

.lp-contact-form-proto__submit-note {
display: flex;
    flex-direction: column;
    gap: 2px;
    color: var(--lp-contact-form-ink-4);
    font-size: 11.5px;
    line-height: 1.45;
}

.lp-contact-form-proto__nudges {
display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 14px 36px;
    border: 1px solid var(--lp-contact-form-rule-strong);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: var(--lp-contact-form-inset);
}

.lp-contact-form-proto__nudge {
display: flex;
    align-items: center;
    gap: 7px;
    color: var(--lp-contact-form-ink-4);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.lp-contact-form-proto__nudge-icon {
width: 12px;
    height: 12px;
    color: var(--lp-contact-form-ink-4);
    flex: 0 0 auto;
}

.lp-contact-form-proto__nudge-icon svg {
width: 100%;
    height: 100%;
}

.lp-contact-form-proto__nudge a {
color: var(--lp-contact-form-ink-3);
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 1px;
}

.lp-contact-form-proto__nudge a:hover,
.lp-contact-form-proto__nudge a:focus-visible {
color: var(--lp-contact-form-ink-2);
    border-color: var(--lp-contact-form-ink-4);
    outline: none;
}

.lp-contact-form-proto__nudge-sep {
width: 1px;
    height: 14px;
    background: var(--lp-contact-form-rule-strong);
    flex: 0 0 auto;
}





.lp-footer__body,
.lp-footer__bar {
width: min(1080px, calc(100% - 64px));
    margin: 0 auto;
}

.lp-footer__body {
padding: 52px 0 44px;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
}

.lp-footer__brand {
min-width: 0;
}

.lp-footer__brand-link {
display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    color: var(--lp-color-text);
    text-decoration: none;
}

.lp-footer__brand-logo {
display: block;
    width: auto;
    height: 56px;
    max-height: 56px;
}

.lp-footer__brand-tagline {
margin: 0 0 10px;
    font-size: 0.78rem;
    line-height: 1.65;
    color: var(--lp-footer-text-muted);
}

.lp-footer__brand-sub {
margin: 0;
    font-size: 0.75rem;
    line-height: 1.5;
    color: var(--lp-footer-text-muted);
    font-style: italic;
}

.lp-footer__column {
min-width: 0;
}

.lp-footer__heading,
.lp-footer__subheading {
display: block;
    margin-bottom: 14px;
    font-size: 0.64rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lp-footer__heading {
color: var(--lp-color-accent);
}

.lp-footer__subheading {
margin-bottom: 10px;
    color: var(--lp-footer-text);
}

.lp-footer__links {
display: flex;
    flex-direction: column;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.lp-footer__links a,
.lp-footer__contact a,
.lp-footer__bar-links a {
text-decoration: none;
}

.lp-footer__links a {
display: block;
    padding: 4.5px 0;
    font-size: 0.82rem;
    line-height: 1.4;
    color: var(--lp-footer-text-muted);
    transition: color 0.15s ease;
}

.lp-footer__links a:hover,
.lp-footer__contact a:hover,
.lp-footer__bar-links a:hover {
color: var(--lp-color-text);
}

.lp-footer__divider {
width: 100%;
    height: 1px;
    margin: 14px 0;
    background: var(--lp-color-border-subtle);
}

.lp-footer__contact {
display: flex;
    flex-direction: column;
    gap: 0;
}

.lp-footer__contact-row {
display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
}

.lp-footer__contact-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 11px;
    height: 11px;
    color: var(--lp-footer-text);
    flex-shrink: 0;
}

.lp-footer__contact-icon svg {
width: 11px;
    height: 11px;
}

.lp-footer__contact a {
font-size: 0.78rem;
    line-height: 1.4;
    color: var(--lp-footer-text-muted);
    transition: color 0.15s ease;
}

.lp-footer__bar-wrap {
background: var(--lp-footer-surface);
    border-top: 1px solid var(--lp-color-border-subtle);
}

.lp-footer__bar {
padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    flex-wrap: wrap;
}

.lp-footer__bar-copy {
font-size: 0.72rem;
    line-height: 1.45;
    color: var(--lp-footer-text);
}

.lp-footer__bar-links {
display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 2px;
}

/* Compact icon-only control — legal links first, theme last */
.lp-footer__theme-toggle {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-height: 0;
    padding: 0;
    margin: 0 0 0 6px;
    flex-shrink: 0;
    border: 1px solid color-mix(in srgb, var(--lp-color-border-subtle) 85%, transparent);
    border-radius: 8px;
    background: transparent;
    color: var(--lp-footer-text-muted);
    box-shadow: none;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        background-color 0.15s ease,
        color 0.15s ease;
}

.lp-footer__theme-toggle:hover {
border-color: var(--lp-color-border-subtle);
    background: color-mix(in srgb, var(--lp-footer-text) 7%, transparent);
    color: var(--lp-footer-text);
}

.lp-footer__theme-toggle:focus-visible {
outline: 2px solid color-mix(in srgb, var(--lp-color-brand) 45%, transparent);
    outline-offset: 2px;
    border-color: color-mix(in srgb, var(--lp-color-brand) 35%, var(--lp-color-border-subtle));
    background: color-mix(in srgb, var(--lp-color-brand) 10%, transparent);
    color: var(--lp-color-text);
}

.lp-footer__theme-toggle:active {
background: color-mix(in srgb, var(--lp-footer-text) 10%, transparent);
}

.lp-footer__theme-toggle-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    color: inherit;
}

.lp-footer__theme-toggle-icon svg {
width: 15px;
    height: 15px;
}

.lp-footer__bar-links a {
padding: 2px 12px;
    border-left: 1px solid var(--lp-color-border-subtle);
    font-size: 0.72rem;
    line-height: 1.4;
    white-space: nowrap;
    color: var(--lp-footer-text);
    transition: color 0.15s ease;
}

.lp-footer__bar-links a:first-child {
padding-left: 0;
    border-left: 0;
}





html.lp-js :where([data-animate]) {
opacity: 0;
    filter: blur(0px);
    will-change: opacity, transform, filter;
    transition:
        opacity 640ms cubic-bezier(0.22, 0.61, 0.36, 1),
        transform 640ms cubic-bezier(0.22, 0.61, 0.36, 1),
        filter 820ms cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-delay: var(--lp-animate-delay, 0ms);
}

html.lp-js body.landing-body :where([data-animate-order="1"]) {
--lp-animate-delay: 0ms;
}

html.lp-js body.landing-body :where([data-animate-order="2"]) {
--lp-animate-delay: 70ms;
}

html.lp-js body.landing-body :where([data-animate-order="3"]) {
--lp-animate-delay: 140ms;
}

html.lp-js body.landing-body :where([data-animate-order="4"]) {
--lp-animate-delay: 210ms;
}

html.lp-js body.landing-body :where([data-animate-order="5"]) {
--lp-animate-delay: 280ms;
}

html.lp-js body.landing-body :where([data-animate-order="6"]) {
--lp-animate-delay: 350ms;
}

html.lp-js body.landing-body :where([data-animate-order="7"]) {
--lp-animate-delay: 420ms;
}

html.lp-js body.landing-body :where([data-animate-order="8"]) {
--lp-animate-delay: 490ms;
}

html.lp-js body.landing-body :where([data-animate-order="9"]) {
--lp-animate-delay: 560ms;
}

html.lp-js body.landing-body :where([data-animate-order="10"]) {
--lp-animate-delay: 630ms;
}

html.lp-js body.landing-body :where([data-animate-order="11"]) {
--lp-animate-delay: 700ms;
}

html.lp-js body.landing-body :where([data-animate-order="12"]) {
--lp-animate-delay: 770ms;
}

html.lp-js body.landing-body :where([data-animate-order="13"]) {
--lp-animate-delay: 840ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="1"]) {
--lp-animate-delay: 0ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="2"]) {
--lp-animate-delay: 86ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="3"]) {
--lp-animate-delay: 172ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="4"]) {
--lp-animate-delay: 258ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="5"]) {
--lp-animate-delay: 344ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="6"]) {
--lp-animate-delay: 430ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="7"]) {
--lp-animate-delay: 516ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="8"]) {
--lp-animate-delay: 602ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="9"]) {
--lp-animate-delay: 688ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="10"]) {
--lp-animate-delay: 774ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="11"]) {
--lp-animate-delay: 860ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="12"]) {
--lp-animate-delay: 946ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="86"]) :where([data-animate-order="13"]) {
--lp-animate-delay: 1032ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="1"]) {
--lp-animate-delay: 0ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="2"]) {
--lp-animate-delay: 90ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="3"]) {
--lp-animate-delay: 180ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="4"]) {
--lp-animate-delay: 270ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="5"]) {
--lp-animate-delay: 360ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="6"]) {
--lp-animate-delay: 450ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="7"]) {
--lp-animate-delay: 540ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="8"]) {
--lp-animate-delay: 630ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="9"]) {
--lp-animate-delay: 720ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="10"]) {
--lp-animate-delay: 810ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="11"]) {
--lp-animate-delay: 900ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="12"]) {
--lp-animate-delay: 990ms;
}

html.lp-js body.landing-body :where([data-animate-stagger="90"]) :where([data-animate-order="13"]) {
--lp-animate-delay: 1080ms;
}

html.lp-js :where([data-animate="left"]) {
transform: translateX(-24px);
}

html.lp-js :where([data-animate="right"]) {
transform: translateX(24px);
}

html.lp-js :where([data-animate="soft-up"]) {
transform: translateY(12px);
    transition:
        opacity 520ms cubic-bezier(0.22, 0.61, 0.36, 1),
        transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1),
        filter 780ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

html.lp-js :where([data-animate="up"], [data-animate]:not([data-animate="left"]):not([data-animate="right"])) {
transform: translateY(22px);
}

html.lp-js :where([data-animate-group="hero"]) {
filter: blur(10px);
}

html.lp-js :where([data-animate].is-visible) {
opacity: 1;
    transform: none;
    filter: none;
    will-change: auto;
}

@keyframes lp-hero-glow {
    0%,
    100% {
        box-shadow:
            0 32px 80px rgba(15, 23, 42, 0.7),
            0 0 0 1px rgba(212, 175, 55, 0.28);
    }
    50% {
        box-shadow:
            0 40px 92px rgba(15, 23, 42, 0.62),
            0 0 0 1px rgba(212, 175, 55, 0.4);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes lp-section-pulse {
    0% {
        transform: translateY(0);
        box-shadow: 0 0 0 rgba(15, 23, 42, 0);
    }
    40% {
        transform: translateY(-2px);
        box-shadow: 0 18px 32px rgba(15, 23, 42, 0.12);
    }
    100% {
        transform: translateY(0);
        box-shadow: 0 0 0 rgba(15, 23, 42, 0);
    }
}

@keyframes lp-details-reveal {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes lp-nav-more-in {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}









/*
 * Resource / platform / install guide inline sections: palette for <style> blocks in partials.
 * Partials set --s1, --t1, etc. to var(--res-*). Light uses marketing tokens; dark restores legacy kit.
 */
.lp-page--resources,
.lp-page--how-to-install,
.lp-page--platform-detail,
.lp-page--legal {
    --res-gold: var(--lp-color-brand);
    --res-gold2: var(--lp-color-accent);
    --res-s1: var(--lp-color-bg);
    --res-s2: var(--lp-panel-bg-strong);
    --res-s3: var(--lp-color-surface-soft);
    --res-s4: color-mix(in srgb, var(--lp-panel-bg-strong) 78%, var(--lp-color-ink-strong) 22%);
    --res-bd: var(--lp-panel-border);
    --res-bd2: color-mix(in srgb, var(--lp-color-ink-strong) 16%, transparent);
    --res-bd3: color-mix(in srgb, var(--lp-color-ink-strong) 8%, transparent);
    --res-t1: var(--lp-color-text-strong);
    --res-t2: color-mix(in srgb, var(--lp-color-text-muted) 88%, var(--lp-color-text-strong) 12%);
    --res-t3: color-mix(in srgb, var(--lp-color-text-muted) 58%, transparent);
    --res-t4: color-mix(in srgb, var(--lp-color-text-muted) 38%, transparent);
    --res-green: #3dd68c;
    --res-green2: #6eedb5;
    --res-green-dim: color-mix(in srgb, #3dd68c 20%, transparent);
    --res-blue: #60a5fa;
    --res-blue-dim: color-mix(in srgb, #60a5fa 16%, transparent);
    --res-amber: #f59e0b;
    --res-amber-dim: color-mix(in srgb, #f59e0b 14%, transparent);
    --res-red: #f87171;
    --res-red-dim: color-mix(in srgb, #f87171 12%, transparent);
    --res-purple: #a78bfa;
    --res-purple-dim: color-mix(in srgb, #a78bfa 16%, transparent);
}

html[data-theme="dark"] body.landing-body .lp-page--resources,
html[data-theme="dark"] body.landing-body .lp-page--how-to-install,
html[data-theme="dark"] body.landing-body .lp-page--platform-detail,
html[data-theme="dark"] body.landing-body .lp-page--legal {
    --res-gold: #c9a84c;
    --res-gold2: #e2c06a;
    --res-s1: #0e0f11;
    --res-s2: #161719;
    --res-s3: #1e2023;
    --res-s4: #242628;
    --res-bd: rgba(255, 255, 255, 0.07);
    --res-bd2: rgba(255, 255, 255, 0.11);
    --res-bd3: rgba(255, 255, 255, 0.05);
    --res-t1: #f2efe9;
    --res-t2: rgba(242, 239, 233, 0.55);
    --res-t3: rgba(242, 239, 233, 0.28);
    --res-t4: rgba(242, 239, 233, 0.1);
    --res-green: #3dd68c;
    --res-green2: #6eedb5;
    --res-green-dim: rgba(61, 214, 140, 0.14);
    --res-blue: #60a5fa;
    --res-blue-dim: rgba(96, 165, 250, 0.12);
    --res-amber: #f59e0b;
    --res-amber-dim: rgba(245, 158, 11, 0.12);
    --res-red: #f87171;
    --res-red-dim: rgba(248, 113, 113, 0.1);
    --res-purple: #a78bfa;
    --res-purple-dim: rgba(167, 139, 250, 0.12);
}

/* Resource library (/resources/* guides): v2 hero rail + jump links (restored after desktop CSS split) */
body.landing-body .lp-page--resources .lp-hero--resource-guide .lp-hero-copy {
    max-width: 620px;
}

body.landing-body .lp-page--resources .lp-hero--resource-guide .lp-hero-copy h1 {
    max-width: 10.4ch;
    font-size: clamp(3rem, 5.35vw, 4.9rem);
    line-height: 0.97;
    letter-spacing: -0.06em;
}

body.landing-body .lp-page--resources .lp-hero--resource-guide .lp-hero-lede--v2 {
    max-width: 54ch;
    font-size: clamp(1rem, 1.16vw, 1.1rem);
    color: var(--lp-color-text-muted);
}

body.landing-body .lp-page--resources .lp-hero--resource-guide .lp-hero-chips {
    margin-top: 12px;
    max-width: 56ch;
}

body.landing-body .lp-page--resources .lp-hero--resource-guide .lp-hero-actions--v2 {
    margin-bottom: 8px;
}

body.landing-body .lp-page--resources .lp-hero--resource-guide .lp-hero-meta-block {
    margin-top: 10px;
}

body.landing-body .lp-page--resources .lp-hero--resource-guide .lp-hero-media--v2 {
    max-width: 450px;
    margin-left: auto;
    width: 100%;
}

body.landing-body .lp-page--resources .lp-hero--resource-guide .lp-signal-card {
    max-width: 420px;
    margin-left: auto;
    width: 100%;
}

body.landing-body .lp-page--resources-has-embed .lp-hero--resource-guide .lp-hero-media--v2 {
    max-width: min(560px, 100%);
}

body.landing-body .lp-page--resources-has-embed .lp-hero--resource-guide .lp-hero-shot--embed,
body.landing-body .lp-page--resources-has-embed .lp-hero--resource-guide .lp-hero-shot--inline-mockup {
    max-width: min(560px, 100%);
}

body.landing-body .lp-page--resources .lp-hero--resource-guide .lp-hero-shot {
    max-width: 450px;
    margin-left: auto;
    width: 100%;
}

@media (max-width: 768px) {
    body.landing-body .lp-page--resources .lp-hero--resource-guide .lp-hero-copy h1 {
        max-width: none;
    }
}

/* Compliance (/compliance): hero embed rail (matches resources / platform embed width) */
body.landing-body .lp-page--compliance-has-embed .lp-hero--compliance .lp-hero-media--v2 {
    max-width: min(560px, 100%);
    margin-left: auto;
    width: 100%;
}

body.landing-body .lp-page--compliance-has-embed .lp-hero--compliance .lp-hero-shot--embed {
    max-width: min(560px, 100%);
}

/* Contact (/contact): hero embed rail (matches compliance / resources embed width) */
body.landing-body .lp-page--contact-has-embed .lp-hero--contact .lp-hero-media--v2 {
    max-width: min(560px, 100%);
    margin-left: auto;
    width: 100%;
}

body.landing-body .lp-page--contact-has-embed .lp-hero--contact .lp-hero-shot--embed {
    max-width: min(560px, 100%);
}

.has-tooltip {
position: relative;
}

.has-tooltip::before {
content: attr(data-tooltip);
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: min(320px, calc(100vw - 24px));
  white-space: normal;
  text-align: center;
  background: rgba(15, 23, 42, 0.92);
  color: #fff;
  font-size: 0.78rem;
  line-height: 1.25;
  padding: 6px 10px;
  border-radius: 10px;
  opacity: 0;
  pointer-events: none;
  z-index: 50;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.has-tooltip:hover::before,
.has-tooltip:focus-visible::before {
opacity: 1;
  transform: translate(-50%, 2px);
}

/* ========== Home FDA v4 hero (home only — hero_home_fda_v4.php) ========== */

@property --fda-home-hero-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.fda-home-hero {
    /* Light theme defaults — dark mode overrides below */
    --fda-home-hero-s1: var(--lp-color-bg);
    --fda-home-hero-s2: var(--lp-color-surface);
    /* Match `.lp-shell` so hero copy aligns with sections below (same max width + gutters) */
    --fda-home-hero-shell: 1120px;
    --fda-home-hero-gold: var(--lp-color-brand);
    --fda-home-hero-gold-hi: var(--lp-color-accent);
    --fda-home-hero-gold-dim: color-mix(in srgb, var(--lp-color-brand) 14%, transparent);
    --fda-home-hero-gold-line: color-mix(in srgb, var(--lp-color-brand) 28%, transparent);
    --fda-home-hero-text: var(--lp-color-text-strong);
    --fda-home-hero-muted: var(--lp-color-text-muted);
    --fda-home-hero-faint: color-mix(in srgb, var(--lp-color-ink-strong) 5.5%, transparent);
    --fda-border-stats: color-mix(in srgb, var(--lp-color-ink-strong) 10%, transparent);
    --fda-border-stat-rule: color-mix(in srgb, var(--lp-color-ink-strong) 9%, transparent);
    --fda-secondary-border: color-mix(in srgb, var(--lp-color-ink-strong) 16%, transparent);
    --fda-pill-fg: color-mix(in srgb, var(--lp-color-text-muted) 88%, var(--lp-color-text-strong));
    --fda-pill-border: color-mix(in srgb, var(--lp-color-ink-strong) 11%, transparent);
    --fda-pill-hover-fg: var(--lp-color-text-strong);
    --fda-usp-fg: var(--lp-color-text-muted);
    --fda-usp-border: color-mix(in srgb, var(--lp-color-ink-strong) 12%, transparent);
    --fda-usp-hover-border: color-mix(in srgb, var(--lp-color-ink-strong) 20%, transparent);
    --fda-usp-hover-bg: color-mix(in srgb, var(--lp-color-ink-strong) 4%, transparent);
    --fda-usp-hover-fg: var(--lp-color-text-base);
    --fda-usp-focus-fg: var(--lp-color-text-strong);
    --fda-trust: color-mix(in srgb, var(--lp-color-text-muted) 68%, transparent);
    position: relative;
    background: var(--fda-home-hero-s1);
    overflow: hidden;
    padding: clamp(96px, 11vw, 132px) var(--lp-space-6) clamp(92px, 9vw, 120px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

html[data-theme="dark"] body.landing-body .fda-home-hero {
    --fda-home-hero-s1: #0e0f11;
    --fda-home-hero-s2: #161719;
    --fda-home-hero-text: #f0f0ee;
    --fda-home-hero-muted: #8a8a88;
    --fda-home-hero-faint: rgba(240, 240, 238, 0.06);
    --fda-border-stats: rgba(255, 255, 255, 0.06);
    --fda-border-stat-rule: rgba(255, 255, 255, 0.06);
    --fda-secondary-border: rgba(255, 255, 255, 0.12);
    --fda-pill-fg: rgba(138, 138, 136, 0.7);
    --fda-pill-border: rgba(255, 255, 255, 0.05);
    --fda-pill-hover-fg: rgba(240, 240, 238, 0.95);
    --fda-usp-fg: rgba(186, 186, 182, 0.88);
    --fda-usp-border: rgba(255, 255, 255, 0.055);
    --fda-usp-hover-border: rgba(255, 255, 255, 0.09);
    --fda-usp-hover-bg: rgba(240, 240, 238, 0.045);
    --fda-usp-hover-fg: rgba(210, 210, 206, 0.95);
    --fda-usp-focus-fg: rgba(220, 218, 214, 0.96);
    --fda-trust: rgba(138, 138, 136, 0.6);
}

/* Same stack as body.landing-body::after so the hero grid/noise flows into sections below */
.fda-home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        var(--lp-bg-noise-image),
        linear-gradient(to right, var(--lp-bg-grid-color) 1px, transparent 1px),
        linear-gradient(to bottom, var(--lp-bg-grid-color) 1px, transparent 1px),
        radial-gradient(circle at 50% 50%, var(--lp-bg-grid-accent), transparent 72%);
    background-size:
        var(--lp-bg-noise-size),
        var(--lp-bg-grid-size) var(--lp-bg-grid-size),
        var(--lp-bg-grid-size) var(--lp-bg-grid-size),
        100% 100%;
    background-position: 0 0, 0 0, 0 0, center;
    background-attachment: fixed, fixed, fixed, fixed;
    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.18) 8%,
        rgba(0, 0, 0, 0.42) 18%,
        rgba(0, 0, 0, 0.78) 34%,
        rgba(0, 0, 0, 1) 52%
    );
    mask-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.18) 8%,
        rgba(0, 0, 0, 0.42) 18%,
        rgba(0, 0, 0, 0.78) 34%,
        rgba(0, 0, 0, 1) 52%
    );
}

.fda-home-hero__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.fda-home-hero__glow {
    position: absolute;
    top: -68px;
    left: 50%;
    transform: translateX(-50%);
    width: min(var(--fda-home-hero-shell), 100%);
    max-width: 100%;
    height: 460px;
    background: radial-gradient(
        ellipse at center,
        color-mix(in srgb, var(--lp-color-brand) 14%, transparent) 0%,
        transparent 70%
    );
    pointer-events: none;
    z-index: 0;
}

.fda-home-hero > *:not(.fda-home-hero__canvas):not(.fda-home-hero__glow) {
    position: relative;
    z-index: 1;
}

.fda-home-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.115em;
    text-transform: uppercase;
    color: var(--fda-home-hero-gold);
    background: var(--fda-home-hero-gold-dim);
    border: 1px solid var(--fda-home-hero-gold-line);
    border-radius: 4px;
    padding: 5px 11px;
    margin-bottom: 28px;
    opacity: 0;
    transform: translateY(12px);
    animation: fda-home-hero-rise 0.5s ease 0.1s forwards;
}

.fda-home-hero__eyebrow::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--fda-home-hero-gold);
    box-shadow: 0 0 8px var(--fda-home-hero-gold);
    animation: fda-home-hero-pulse 2s ease-in-out infinite;
}

.fda-home-hero__provenance {
    box-sizing: border-box;
    width: min(var(--fda-home-hero-shell), min(36rem, 100%));
    margin: -6px auto 20px;
    padding: 0 var(--lp-space-4);
    font-family: var(--lp-font-sans);
    font-size: clamp(14px, 2.1vw, 16px);
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.012em;
    color: color-mix(in srgb, var(--fda-home-hero-muted) 88%, var(--fda-home-hero-text));
    opacity: 0;
    transform: translateY(12px);
    animation: fda-home-hero-rise 0.5s ease 0.15s forwards;
}

.fda-home-hero__headline {
    box-sizing: border-box;
    width: min(var(--fda-home-hero-shell), 100%);
    margin-inline: auto;
    font-family: var(--lp-font-display);
    font-size: clamp(32px, 5vw, 58px);
    font-weight: 700;
    line-height: 1.09;
    letter-spacing: -0.02em;
    color: var(--fda-home-hero-text);
    margin: 0 0 26px;
    opacity: 0;
    transform: translateY(16px);
    animation: fda-home-hero-rise 0.55s ease 0.2s forwards;
}

.fda-home-hero__headline em {
    font-style: normal;
    background: linear-gradient(135deg, var(--lp-color-brand) 0%, var(--lp-color-brand-dark) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.fda-home-hero__sub {
    box-sizing: border-box;
    width: min(var(--fda-home-hero-shell), var(--lp-text-measure), 100%);
    max-width: 100%;
    margin-inline: auto;
    font-family: var(--lp-font-sans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--fda-home-hero-muted);
    margin: 0 0 38px;
    opacity: 0;
    transform: translateY(14px);
    animation: fda-home-hero-rise 0.55s ease 0.3s forwards;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
}

.fda-home-hero__typing-caret {
    display: inline-block;
    width: 2px;
    height: 1.05em;
    margin-left: 2px;
    vertical-align: -0.12em;
    background-color: #d4a017;
    animation: fda-home-hero-typing-caret-blink 1s steps(1, end) infinite;
}

.fda-home-hero__typing-caret--done {
    display: none;
}

@keyframes fda-home-hero-typing-caret-blink {
    50%,
    100% {
        opacity: 0;
    }
}

.fda-home-hero__ctas {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    width: min(var(--fda-home-hero-shell), 100%);
    margin-inline: auto;
    opacity: 0;
    transform: translateY(12px);
    animation: fda-home-hero-rise 0.55s ease 0.4s forwards;
}

.fda-home-hero__cta-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
    width: 100%;
    max-width: 100%;
}

.fda-home-hero__btn-wrap {
    position: relative;
    border-radius: 8px;
    padding: 1px;
    background: conic-gradient(
        from var(--fda-home-hero-angle, 0deg),
        transparent 0%,
        transparent 38%,
        color-mix(in srgb, var(--lp-color-brand) 30%, transparent) 44%,
        color-mix(in srgb, var(--lp-color-brand) 48%, transparent) 50%,
        color-mix(in srgb, var(--lp-color-brand) 30%, transparent) 56%,
        transparent 62%,
        transparent 100%
    );
    animation: fda-home-hero-spin 14s linear infinite;
}

.fda-home-hero__btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: auto;
    min-width: 0;
    box-sizing: border-box;
    background: linear-gradient(180deg, var(--lp-color-brand), var(--lp-color-brand-dark));
    color: #07080b;
    font-family: var(--lp-font-sans);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.01em;
    padding: 12px 22px;
    border-radius: 6px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.fda-home-hero__btn-primary:hover {
    filter: brightness(1.06);
    box-shadow:
        0 8px 36px color-mix(in srgb, var(--lp-color-brand) 28%, transparent),
        0 0 0 1px color-mix(in srgb, var(--lp-color-brand) 22%, transparent);
}

.fda-home-hero__btn-primary svg {
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.fda-home-hero__btn-primary:hover svg {
    transform: translateX(3px);
}

.fda-home-hero__btn-primary:focus-visible {
    outline: 2px solid var(--lp-color-brand);
    outline-offset: 3px;
}

@supports not (background: conic-gradient(from 1deg, red, blue)) {
    .fda-home-hero__btn-wrap {
        background: var(--lp-color-brand);
        animation: none;
    }
}

.fda-home-hero__btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 7px;
    background: transparent;
    color: var(--fda-home-hero-text);
    font-family: var(--lp-font-sans);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.01em;
    padding: 11px 22px;
    border-radius: 6px;
    border: 1px solid var(--fda-secondary-border);
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.fda-home-hero__btn-secondary:hover {
    border-color: var(--fda-home-hero-gold-line);
    color: var(--lp-color-brand);
    background: var(--fda-home-hero-gold-dim);
}

.fda-home-hero__btn-secondary svg {
    transition: transform 0.2s ease;
}

.fda-home-hero__btn-secondary:hover svg {
    transform: translateX(3px);
}

.fda-home-hero__btn-secondary:focus-visible {
    outline: 2px solid var(--fda-home-hero-gold-line);
    outline-offset: 2px;
}

.fda-home-hero__demo-link {
    font-family: var(--lp-font-sans);
    font-size: 13px;
    color: var(--fda-home-hero-muted);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease;
}

.fda-home-hero__demo-link:hover {
    color: var(--fda-home-hero-gold);
}

.fda-home-hero__demo-link:focus-visible {
    outline: 2px solid var(--fda-home-hero-gold-line);
    outline-offset: 2px;
    border-radius: 4px;
}

.fda-home-hero__trust {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 11px;
    color: var(--fda-trust);
    letter-spacing: 0.06em;
    margin-top: 6px;
}

.fda-home-hero__usp-pill-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 28px;
    margin-bottom: 0;
    box-sizing: border-box;
    width: min(var(--fda-home-hero-shell), 100%);
    margin-inline: auto;
    padding: 0 var(--lp-space-6);
    opacity: 0;
    transform: translateY(8px);
    animation: fda-home-hero-rise 0.48s ease 0.52s forwards;
}

/* Soft halo behind the USP pill — draws the eye without shouting */
.fda-home-hero__usp-pill-wrap::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(100%, 38rem);
    height: 3.25rem;
    border-radius: 999px;
    pointer-events: none;
    z-index: -1;
    background: radial-gradient(
        ellipse 92% 120% at 50% 45%,
        color-mix(in srgb, var(--fda-home-hero-gold) 12%, transparent) 0%,
        color-mix(in srgb, var(--fda-home-hero-gold-hi) 4%, transparent) 42%,
        transparent 72%
    );
    opacity: 0.42;
    filter: blur(0.4px);
}

.fda-home-hero__usp-pill {
    display: inline-block;
    position: relative;
    z-index: 0;
    max-width: min(100%, 34rem);
    padding: 5px 13px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--fda-home-hero-gold-line) 24%, var(--fda-usp-border));
    background: linear-gradient(
        118deg,
        color-mix(in srgb, var(--fda-home-hero-gold) 9%, transparent) 0%,
        var(--fda-home-hero-faint) 48%,
        color-mix(in srgb, var(--fda-home-hero-gold-hi) 5.5%, transparent) 100%
    );
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--fda-home-hero-gold) 3.3%, transparent),
        0 5px 18px color-mix(in srgb, var(--fda-home-hero-gold) 3.9%, transparent);
    font-family: var(--lp-font-sans);
    font-size: clamp(0.65rem, 1.35vw, 0.72rem);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.01em;
    text-align: center;
    text-wrap: balance;
    color: var(--fda-usp-fg);
    text-decoration: none;
    transition:
        border-color 150ms ease,
        background 150ms ease,
        box-shadow 150ms ease,
        color 150ms ease;
}

.fda-home-hero__usp-pill--link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-align: left;
}

.fda-home-hero__usp-pill-icon {
    flex-shrink: 0;
    margin-top: 0.5px;
    opacity: 0.5;
    transition:
        opacity 150ms ease,
        transform 150ms ease;
}

a.fda-home-hero__usp-pill:hover {
    border-color: color-mix(in srgb, var(--fda-home-hero-gold-line) 42%, var(--fda-usp-hover-border));
    background: linear-gradient(
        118deg,
        color-mix(in srgb, var(--fda-home-hero-gold) 13%, transparent) 0%,
        var(--fda-usp-hover-bg) 48%,
        color-mix(in srgb, var(--fda-home-hero-gold-hi) 8%, transparent) 100%
    );
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--fda-home-hero-gold) 5.5%, transparent),
        0 6px 22px color-mix(in srgb, var(--fda-home-hero-gold) 6.6%, transparent);
    color: var(--fda-usp-hover-fg);
}

a.fda-home-hero__usp-pill:hover .fda-home-hero__usp-pill-icon {
    opacity: 0.72;
    transform: translateX(1.5px);
}

a.fda-home-hero__usp-pill:focus-visible {
    outline: none;
    border-color: rgba(212, 160, 23, 0.22);
    color: var(--fda-usp-focus-fg);
}

.fda-home-hero--has-usp-pill .fda-home-hero__stats {
    margin-top: 18px;
}

.fda-home-hero__stats {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin-top: 68px;
    border: 1px solid var(--fda-border-stats);
    border-radius: 8px;
    background: var(--fda-home-hero-s2);
    overflow: hidden;
    opacity: 0;
    transform: translateY(14px);
    animation: fda-home-hero-rise 0.55s ease 0.55s forwards;
    box-sizing: border-box;
    width: min(var(--fda-home-hero-shell), 100%);
    margin-inline: auto;
}

.fda-home-hero__stat {
    flex: 1;
    padding: 22px 22px;
    text-align: center;
    position: relative;
}

.fda-home-hero__stat + .fda-home-hero__stat::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background: var(--fda-border-stat-rule);
}

.fda-home-hero__stat-val {
    font-family: var(--lp-font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--lp-color-brand);
    line-height: 1;
    margin-bottom: 5px;
    letter-spacing: -0.02em;
}

.fda-home-hero__stat-label {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 10px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: var(--fda-home-hero-muted);
    line-height: 1.4;
}

.fda-home-hero__pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin-top: 32px;
    box-sizing: border-box;
    width: min(var(--fda-home-hero-shell), 100%);
    margin-inline: auto;
    opacity: 0;
    transform: translateY(10px);
    animation: fda-home-hero-rise 0.5s ease 0.7s forwards;
}

.fda-home-hero__pill {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 10px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: var(--fda-pill-fg);
    background: var(--fda-home-hero-faint);
    border: 1px solid var(--fda-pill-border);
    border-radius: 100px;
    padding: 4px 11px;
    cursor: default;
    user-select: none;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.fda-home-hero__pill:hover {
    color: var(--fda-pill-hover-fg);
    background: var(--fda-home-hero-gold-dim);
    border-color: var(--fda-home-hero-gold-line);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--lp-color-brand) 18%, transparent),
        0 0 20px color-mix(in srgb, var(--lp-color-brand) 12%, transparent);
}

.fda-home-hero__meta {
    margin-top: 32px;
    box-sizing: border-box;
    width: min(var(--fda-home-hero-shell), 100%);
    margin-inline: auto;
    opacity: 0;
    transform: translateY(10px);
    animation: fda-home-hero-rise 0.5s ease 0.82s forwards;
}

.fda-home-hero__meta .lp-hero-meta {
    margin-bottom: 0;
    text-align: center;
    color: var(--fda-home-hero-muted);
    font-size: 0.84rem;
    line-height: 1.5;
}

.fda-home-hero__meta .lp-link {
    color: var(--lp-color-brand);
}

.fda-home-hero__meta .lp-link:hover {
    color: var(--lp-color-brand-dark);
}

/* ──────────────────────────────────────────────────────────────────────────
 * FDA Home Hero — paid-LP variant
 *
 * Used by /fire-door-inspection-software, /fire-door-survey-software,
 * /fire-door-compliance-software. The visual identity (particle field,
 * gold accent, type scale, dark mode) is identical to the home hero. The
 * differences are content-density:
 *
 *  - secondary + tertiary CTAs render as INLINE TEXT LINKS instead of
 *    button + ghost button + small link, so the primary button is the
 *    only visually-dominant action above the fold
 *  - a pricing anchor line ("Plans from £1/door — or £50/user/month")
 *    sits below the trust line
 *  - the provenance line is demoted below the stats (set in markup —
 *    not styled here)
 *  - feature pills + USP pill are skipped entirely (not rendered)
 *
 * All tokens reuse the existing --fda-home-hero-* and --lp-* design
 * system. Dark mode parity is automatic because every colour is a token.
 * ────────────────────────────────────────────────────────────────────── */

.fda-home-hero--paid-lp .fda-home-hero__ctas--paid-lp {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.fda-home-hero--paid-lp .fda-home-hero__cta-row--inline {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 4px;
}

.fda-home-hero__inline-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--lp-font-sans);
    font-size: 13.5px;
    font-weight: 500;
    color: var(--fda-home-hero-muted);
    text-decoration: none;
    padding: 4px 2px;
    border-radius: 4px;
    transition: color 0.18s ease, transform 0.18s ease;
}

.fda-home-hero__inline-link:hover {
    color: var(--fda-home-hero-gold);
}

.fda-home-hero__inline-link:hover svg {
    transform: translateX(2px);
}

.fda-home-hero__inline-link svg {
    transition: transform 0.18s ease;
}

.fda-home-hero__inline-link:focus-visible {
    outline: 2px solid var(--fda-home-hero-gold-line);
    outline-offset: 2px;
}

.fda-home-hero__inline-sep {
    display: inline-block;
    color: var(--fda-home-hero-faint);
    font-size: 14px;
    line-height: 1;
    user-select: none;
    pointer-events: none;
}

.fda-home-hero__pricing-anchor {
    display: inline-block;
    margin-top: 4px;
    font-family: var(--lp-font-sans);
    font-size: 12.5px;
    font-weight: 500;
    color: var(--fda-home-hero-muted);
    letter-spacing: 0.01em;
    text-align: center;
}

/* Demoted provenance line — paid-LP variant only.
 * Sits below the stats as a small credibility line. */
.fda-home-hero__provenance--demoted {
    margin-top: 22px;
    margin-bottom: 0;
    font-family: var(--lp-font-sans);
    font-style: italic;
    font-size: 13px;
    color: var(--fda-home-hero-muted);
    text-align: center;
    max-width: 32em;
    margin-inline: auto;
    opacity: 0.85;
}

/* Static lede (paid-LP) — no typing animation, appears immediately. */
.fda-home-hero__sub--static {
    /* Inherits .fda-home-hero__sub spacing/typography; only overrides
     * the animation-related state so it renders fully on first paint. */
    opacity: 1;
}

/* Tighter padding above the stats row in the paid-LP variant — keeps the
 * KPI strip closer to the trust+price line so the rest of the page comes
 * up sooner on scroll. */
.fda-home-hero--paid-lp .fda-home-hero__stats {
    margin-top: 32px;
}

/* Keep the existing primary button shimmer + width — paid-LP just doesn't
 * render the secondary button next to it, so the primary stands alone
 * centered below the lede. */
.fda-home-hero--paid-lp .fda-home-hero__btn-wrap {
    align-self: center;
}

/* ──────────────────────────────────────────────────────────────────────────
 * WOW item 2 — Bolder H1 typography on paid-LP variant
 *
 * The home page H1 is restrained (clamp(32px, 5vw, 58px)) because organic
 * visitors are exploring. Cold paid-search traffic needs a more confident,
 * dominant first-impression headline. Pushed to clamp(44px, 6.4vw, 84px)
 * with tighter line-height (1.04 vs 1.09) and tighter letter-spacing
 * (-0.035em vs -0.02em) for the larger size. Mobile gets its own override
 * in landing-mobile.css.
 *
 * Scoped to .fda-home-hero--paid-lp so the home page H1 is bit-for-bit
 * unchanged.
 * ────────────────────────────────────────────────────────────────────── */
.fda-home-hero--paid-lp .fda-home-hero__headline {
    font-size: clamp(44px, 6.4vw, 84px);
    line-height: 1.04;
    letter-spacing: -0.035em;
    font-weight: 700;
    margin-bottom: 28px;
}

/* The <em> accent within the bigger headline gets a marginally tighter
 * gradient angle so the gold flows along the longer baseline. */
.fda-home-hero--paid-lp .fda-home-hero__headline em {
    background: linear-gradient(120deg, var(--lp-color-brand) 0%, color-mix(in srgb, var(--lp-color-brand) 60%, white) 50%, var(--lp-color-brand-dark) 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

/* ──────────────────────────────────────────────────────────────────────────
 * WOW item 3 — Animated benefit icons (stroke draw-on, scroll-triggered)
 *
 * The 3 benefit cards in home_benefits_strip render inline SVG icons with
 * stroke-based paths/lines/rects/circles. On the paid LPs we draw them on
 * as the section scrolls into view: stroke-dasharray + stroke-dashoffset
 * animated to 0 over 1.1s with a 200ms stagger between cards.
 *
 * The trigger is an IntersectionObserver in lp_cluster.php that adds
 * `is-icon-drawn` to each `.lp-benefits-proto__icon-wrap` element on
 * intersection. This rule only fires under the .lp-page--paid-lp scope,
 * so the home page benefit cards are unaffected.
 *
 * Path-length 100 covers all the icons in home_benefits_strip — they're
 * 22x22 viewBox with short strokes. Larger SVGs would need pathLength="100"
 * normalisation, but that's not required here.
 * ────────────────────────────────────────────────────────────────────── */
.lp-page--paid-lp .lp-benefits-proto__icon path,
.lp-page--paid-lp .lp-benefits-proto__icon polyline,
.lp-page--paid-lp .lp-benefits-proto__icon line,
.lp-page--paid-lp .lp-benefits-proto__icon rect,
.lp-page--paid-lp .lp-benefits-proto__icon circle {
    stroke-dasharray: 120;
    stroke-dashoffset: 120;
}

.lp-page--paid-lp .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon path,
.lp-page--paid-lp .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon polyline,
.lp-page--paid-lp .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon line,
.lp-page--paid-lp .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon rect,
.lp-page--paid-lp .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon circle {
    animation: lp-paid-icon-draw 1.1s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

/* Stagger the 3 benefit cards: card 1 = 0ms, card 2 = 200ms, card 3 = 400ms.
 * Targets the icon-wrap inside each card, so the markup doesn't need any
 * order data attribute. */
.lp-page--paid-lp .lp-benefits-proto__card:nth-of-type(2) .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon path,
.lp-page--paid-lp .lp-benefits-proto__card:nth-of-type(2) .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon polyline,
.lp-page--paid-lp .lp-benefits-proto__card:nth-of-type(2) .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon line,
.lp-page--paid-lp .lp-benefits-proto__card:nth-of-type(2) .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon rect,
.lp-page--paid-lp .lp-benefits-proto__card:nth-of-type(2) .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon circle {
    animation-delay: 200ms;
}
.lp-page--paid-lp .lp-benefits-proto__card:nth-of-type(3) .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon path,
.lp-page--paid-lp .lp-benefits-proto__card:nth-of-type(3) .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon polyline,
.lp-page--paid-lp .lp-benefits-proto__card:nth-of-type(3) .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon line,
.lp-page--paid-lp .lp-benefits-proto__card:nth-of-type(3) .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon rect,
.lp-page--paid-lp .lp-benefits-proto__card:nth-of-type(3) .lp-benefits-proto__icon-wrap.is-icon-drawn .lp-benefits-proto__icon circle {
    animation-delay: 400ms;
}

@keyframes lp-paid-icon-draw {
    from {
        stroke-dashoffset: 120;
    }
    to {
        stroke-dashoffset: 0;
    }
}

/* Reduced motion — skip the draw animation entirely, render filled. */
@media (prefers-reduced-motion: reduce) {
    .lp-page--paid-lp .lp-benefits-proto__icon path,
    .lp-page--paid-lp .lp-benefits-proto__icon polyline,
    .lp-page--paid-lp .lp-benefits-proto__icon line,
    .lp-page--paid-lp .lp-benefits-proto__icon rect,
    .lp-page--paid-lp .lp-benefits-proto__icon circle {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        animation: none;
    }
}

/* ──────────────────────────────────────────────────────────────────────────
 * WOW item 5 — Scroll-revealed sections on paid LPs
 *
 * The home_* partials this template uses (home_benefits_strip,
 * home_cta_strip, home_security_strip, home_faq_accordion,
 * home_final_cta) do NOT carry the existing [data-animate] attributes —
 * the home page renders them statically without scroll reveal. We add
 * scroll reveal here as a paid-LP-only behaviour: each .lp-section after
 * the hero starts at opacity 0 + translateY(56px) + scale(0.97) and
 * transitions to its resting state when the observer in lp_cluster.php
 * adds .is-revealed.
 *
 * The hero is excluded because it has its own entrance animation
 * (fda-home-hero-rise) — applying a second reveal would clash. Scoped
 * to .lp-page--paid-lp so the home page reveals (none) are untouched.
 * ────────────────────────────────────────────────────────────────────── */
html.lp-js .lp-page--paid-lp .lp-section {
    opacity: 0;
    transform: translateY(56px) scale(0.97);
    transition:
        opacity 880ms cubic-bezier(0.22, 0.61, 0.36, 1),
        transform 880ms cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
}

html.lp-js .lp-page--paid-lp .lp-section.is-revealed {
    opacity: 1;
    transform: none;
    will-change: auto;
}

/* Reduced motion — render sections in their final state immediately. */
@media (prefers-reduced-motion: reduce) {
    html.lp-js .lp-page--paid-lp .lp-section {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

@keyframes fda-home-hero-rise {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fda-home-hero-pulse {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
}

@keyframes fda-home-hero-spin {
    to {
        --fda-home-hero-angle: 360deg;
    }
}

@media (max-width: 600px) {
    .fda-home-hero {
        padding: clamp(76px, 18vw, 96px) var(--lp-space-6) clamp(68px, 14vw, 84px);
    }

    .fda-home-hero__sub {
        width: 100%;
        max-width: 100%;
        font-size: clamp(15px, 4.1vw, 16px);
        line-height: 1.55;
        margin-bottom: 28px;
        text-wrap: pretty;
        overflow-wrap: anywhere;
    }

    .fda-home-hero__headline {
        text-wrap: pretty;
        overflow-wrap: anywhere;
    }

    .fda-home-hero__stats {
        flex-direction: column;
    }

    .fda-home-hero__stat + .fda-home-hero__stat::before {
        top: 0;
        left: 20%;
        width: 60%;
        height: 1px;
    }

    .fda-home-hero__cta-row {
        max-width: 100%;
        gap: 8px;
        /* Top-align so .fda-home-hero__btn-wrap (conic halo) stays button-height; avoid stretch to taller secondary */
        align-items: flex-start;
    }

    .fda-home-hero__btn-wrap {
        flex: 1 1 0;
        min-width: 0;
    }

    .fda-home-hero__btn-primary {
        width: 100%;
        padding-inline: 12px;
        font-size: 14px;
    }

    .fda-home-hero__btn-secondary {
        flex: 1 1 0;
        min-width: 0;
        padding-inline: 12px;
        font-size: 14px;
        text-wrap: balance;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fda-home-hero__btn-wrap {
        animation: none;
    }

    .fda-home-hero__eyebrow::before {
        animation: none;
    }

    .fda-home-hero__eyebrow,
    .fda-home-hero__headline,
    .fda-home-hero__sub,
    .fda-home-hero__ctas,
    .fda-home-hero__usp-pill-wrap,
    .fda-home-hero__stats,
    .fda-home-hero__pills,
    .fda-home-hero__meta {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .fda-home-hero__canvas {
        opacity: 0;
        visibility: hidden;
    }
}

/* ========== Example outputs modal (dark compact card) ========== */

button.fda-home-hero__btn-secondary--modal {
    margin: 0;
    font: inherit;
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.fda-outputs-modal {
    --fda-om-s2: #16181b;
    --fda-om-s3: #1e2024;
    --fda-om-s4: #242628;
    --fda-om-s5: #2e3035;
    --fda-om-text: #f0f0f0;
    --fda-om-muted: #8a8d94;
    --fda-om-border: rgba(255, 255, 255, 0.07);
    padding: 0;
    border: none;
    max-width: calc(100vw - 48px);
    width: min(400px, 100%);
    background: transparent;
    color: var(--fda-om-text);
}

.fda-outputs-modal::backdrop {
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.fda-outputs-modal__panel {
    background: var(--fda-om-s2);
    border: 1px solid var(--fda-om-border);
    border-radius: 20px;
    width: 100%;
    padding: 24px;
    box-shadow:
        0 24px 80px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 255, 255, 0.04);
    animation: fda-outputs-modal-in 0.25s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes fda-outputs-modal-in {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.fda-outputs-modal__eyebrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.fda-outputs-modal__eyebrow-label {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--fda-om-muted);
}

.fda-outputs-modal__eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--lp-color-brand);
    box-shadow: 0 0 6px color-mix(in srgb, var(--lp-color-brand) 85%, transparent);
    flex-shrink: 0;
}

.fda-outputs-modal__close {
    flex-shrink: 0;
    appearance: none;
    background: var(--fda-om-s4);
    border: 1px solid var(--fda-om-border);
    color: var(--fda-om-text);
    font-family: var(--lp-font-sans);
    font-size: 13px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.fda-outputs-modal__close:hover,
.fda-outputs-modal__close:focus-visible {
    background: var(--fda-om-s5);
    border-color: rgba(255, 255, 255, 0.14);
}

.fda-outputs-modal__close:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px var(--fda-om-s2), 0 0 0 4px color-mix(in srgb, var(--lp-color-brand) 45%, transparent);
}

.fda-outputs-modal__title {
    margin: 0;
    font-family: var(--lp-font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--fda-om-text);
    line-height: 1.2;
    margin-bottom: 8px;
}

.fda-outputs-modal__title span {
    color: var(--lp-color-accent);
}

.fda-outputs-modal__desc {
    margin: 0 0 20px;
    font-family: var(--lp-font-sans);
    font-size: 13.5px;
    font-weight: 400;
    color: var(--fda-om-muted);
    line-height: 1.55;
}

.fda-outputs-modal__divider {
    height: 1px;
    background: var(--fda-om-border);
    margin-bottom: 16px;
}

.fda-outputs-modal__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fda-outputs-modal__list-item {
    margin: 0;
}

.fda-outputs-modal__row {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 13px 14px;
    background: var(--fda-om-s3);
    border: 1px solid var(--fda-om-border);
    border-radius: 11px;
    text-decoration: none;
    color: inherit;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
}

.fda-outputs-modal__row::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--lp-color-brand);
    border-radius: 0 2px 2px 0;
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.fda-outputs-modal__row:hover {
    background: var(--fda-om-s4);
    border-color: rgba(255, 255, 255, 0.1);
    transform: translateX(2px);
}

.fda-outputs-modal__row:hover::before {
    transform: scaleY(1);
}

.fda-outputs-modal__row[data-fda-outputs-row-pending] {
    cursor: default;
}

.fda-outputs-modal__row[data-fda-outputs-row-pending]:hover {
    transform: translateX(2px);
}

.fda-outputs-modal__icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--fda-om-s4);
    border: 1px solid var(--fda-om-border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--fda-om-muted);
}

.fda-outputs-modal__icon svg {
    display: block;
}

.fda-outputs-modal__name {
    flex: 1;
    min-width: 0;
    font-family: var(--lp-font-sans);
    font-size: 14px;
    font-weight: 600;
    color: var(--fda-om-text);
    text-align: left;
}

.fda-outputs-modal__badge {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: var(--fda-om-muted);
    background: var(--fda-om-s5);
    border: 1px solid var(--fda-om-border);
    border-radius: 5px;
    padding: 2px 7px;
    flex-shrink: 0;
}

.fda-outputs-modal__arrow {
    flex-shrink: 0;
    color: var(--fda-om-muted);
    margin-left: 4px;
    transition: color 0.15s ease, transform 0.15s ease;
}

.fda-outputs-modal__row:hover .fda-outputs-modal__arrow {
    color: var(--lp-color-accent);
    transform: translateX(2px);
}

.fda-outputs-modal__row:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--lp-color-brand) 45%, transparent);
}

@media (prefers-reduced-motion: reduce) {
    .fda-outputs-modal__panel {
        animation: none;
    }

    .fda-outputs-modal__row,
    .fda-outputs-modal__row::before,
    .fda-outputs-modal__arrow {
        transition: none;
    }
}

@media (max-width: 480px) {
    .fda-outputs-modal {
        max-width: calc(100vw - 32px);
    }

    .fda-outputs-modal__panel {
        padding: 20px;
    }

    .fda-outputs-modal__row {
        padding: 12px 12px;
        gap: 10px;
    }
}

/* ──────────────────────────────────────────────────────────────────────────
 * Marketing site exit-intent modal
 *
 * Fires once per session when the cursor leaves the top of the viewport.
 * Adapted from the demo exit-intent (.demo-exit-intent in demo.css).
 * Uses --lp-* tokens where available for dark mode parity.
 * JS controller: public/assets/js/exit-intent.js
 * Markup: app/Views/landing/partials/exit_intent.php
 * ────────────────────────────────────────────────────────────────────── */
body.landing-body .lp-exit-intent {
    position: fixed;
    inset: 0;
    z-index: 2147483450;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.32s ease;
}

body.landing-body .lp-exit-intent.is-active {
    opacity: 1;
    pointer-events: auto;
}

body.landing-body .lp-exit-intent[hidden] {
    display: none !important;
}

body.landing-body .lp-exit-intent__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(3px);
}

body.landing-body .lp-exit-intent__panel {
    position: relative;
    width: min(440px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 32px 30px 26px;
    background: var(--lp-color-surface, #FBF7F0);
    border-radius: 18px;
    box-shadow:
        0 30px 60px rgba(15, 23, 42, 0.32),
        0 0 0 1px rgba(212, 175, 55, 0.18);
    text-align: center;
    transform: translateY(8px) scale(0.98);
    transition: transform 0.32s cubic-bezier(0.18, 0.8, 0.32, 1.05);
}

body.landing-body .lp-exit-intent.is-active .lp-exit-intent__panel {
    transform: translateY(0) scale(1);
}

body.landing-body .lp-exit-intent__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    color: var(--lp-color-ink-muted, #6b6458);
    border: none;
    border-radius: 8px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}

body.landing-body .lp-exit-intent__close:hover {
    background: rgba(26, 24, 21, 0.06);
    color: var(--lp-color-ink-strong, #1a1917);
}

body.landing-body .lp-exit-intent__close:focus-visible {
    outline: 2px solid var(--lp-color-brand, #d4a017);
    outline-offset: 2px;
}

body.landing-body .lp-exit-intent__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    background: linear-gradient(135deg, #c49510, #a97807);
    color: #ffffff;
    border-radius: 14px;
    box-shadow: 0 10px 24px rgba(196, 149, 16, 0.32);
}

body.landing-body .lp-exit-intent__icon svg {
    width: 28px;
    height: 28px;
}

body.landing-body .lp-exit-intent__eyebrow {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--lp-color-brand-dark, #b88711);
}

body.landing-body .lp-exit-intent__title {
    margin: 0 0 10px;
    font-family: var(--lp-font-display, 'Space Grotesk', system-ui, sans-serif);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--lp-color-ink-strong, #1a1917);
}

body.landing-body .lp-exit-intent__sub {
    margin: 0 0 22px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--lp-color-ink-base, #3d3a34);
}

body.landing-body .lp-exit-intent__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
}

body.landing-body .lp-exit-intent__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 22px;
    background: linear-gradient(135deg, #c49510, #a97807);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14.5px;
    letter-spacing: 0.01em;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(196, 149, 16, 0.34);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

body.landing-body .lp-exit-intent__cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(196, 149, 16, 0.42);
    filter: brightness(1.05);
    color: #ffffff;
}

body.landing-body .lp-exit-intent__cta:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

body.landing-body .lp-exit-intent__cta svg {
    width: 14px;
    height: 14px;
    color: #ffffff;
    flex-shrink: 0;
}

body.landing-body .lp-exit-intent__secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 20px;
    background: transparent;
    color: var(--lp-color-ink-base, #3d3a34);
    border: 1px solid var(--lp-color-border-subtle, rgba(61, 58, 52, 0.14));
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}

body.landing-body .lp-exit-intent__secondary:hover {
    color: var(--lp-color-ink-strong, #1a1917);
    border-color: rgba(212, 175, 55, 0.42);
    background: rgba(212, 175, 55, 0.06);
}

body.landing-body .lp-exit-intent__secondary:focus-visible {
    outline: 2px solid var(--lp-color-brand, #d4a017);
    outline-offset: 2px;
}

body.landing-body .lp-exit-intent__micro {
    margin: 0;
    font-size: 11.5px;
    color: var(--lp-color-ink-soft, #9a9188);
}

/* Dark mode overrides */
html[data-theme="dark"] body.landing-body .lp-exit-intent__panel {
    background: var(--lp-color-surface, #0b0d14);
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(212, 175, 55, 0.22);
}

html[data-theme="dark"] body.landing-body .lp-exit-intent__backdrop {
    background: rgba(0, 0, 0, 0.65);
}

/* Body scroll lock when modal is open */
body.landing-body.lp-exit-intent-open {
    overflow: hidden;
}

/* Reduced motion: drop panel entrance + button hover transforms */
@media (prefers-reduced-motion: reduce) {
    body.landing-body .lp-exit-intent,
    body.landing-body .lp-exit-intent__panel,
    body.landing-body .lp-exit-intent__cta {
        transition: none;
    }
    body.landing-body .lp-exit-intent.is-active .lp-exit-intent__panel {
        transform: none;
    }
    body.landing-body .lp-exit-intent__cta:hover {
        transform: none;
    }
}

/* "2.0 is now live" announcement banner — hairline strip flush under
   .lp-header. Scrolls away naturally; dismiss button kills it for the
   browser. See /app/Views/landing/partials/v2_live_banner.php */
.lp-v2-banner {
    position: relative;
    background: color-mix(in srgb, var(--lp-color-brand) 4%, var(--lp-panel-bg-strong));
    border-bottom: 1px solid var(--lp-header-border);
    color: var(--lp-color-text-muted);
    font-size: 11.5px;
    line-height: 1;
    letter-spacing: 0.015em;
}
.lp-v2-banner__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 4px 32px;
}
.lp-v2-banner__text {
    color: var(--lp-color-text);
}
.lp-v2-banner__close {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--lp-color-text-soft, var(--lp-color-text-muted));
    border-radius: 4px;
    cursor: pointer;
    transition: color 120ms ease;
}
.lp-v2-banner__close:hover,
.lp-v2-banner__close:focus-visible {
    color: var(--lp-color-text-strong);
    outline: none;
}
.lp-v2-banner__close svg {
    width: 10px;
    height: 10px;
    display: block;
}