:root {
    --li-bridge-ink: #101214;
    --li-bridge-paper: #f2efe7;
    --li-bridge-panel: #fffdf7;
    --li-bridge-line: #bbb7ad;
    --li-bridge-soft-line: #d8d4ca;
    --li-bridge-muted: #67655f;
    --li-bridge-signal: #c93613;
    --li-bridge-blue: #155dfc;
    --li-bridge-green: #147a55;
    --li-bridge-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

body.li-v3-bridge {
    --primary: var(--li-bridge-blue);
    --primary-dark: #0d45c4;
    --bg-primary: var(--li-bridge-panel);
    --bg-secondary: #e9e6de;
    --text-primary: var(--li-bridge-ink);
    --text-secondary: var(--li-bridge-muted);
    --border: var(--li-bridge-line);
    margin: 0;
    overflow-x: hidden;
    background: var(--li-bridge-paper);
    color: var(--li-bridge-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.li-v3-bridge::before {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--li-bridge-signal) 0 33%, var(--li-bridge-blue) 33% 66%, var(--li-bridge-green) 66%);
    content: "";
}

.li-v3-bridge .container,
.li-v3-bridge .nav-container {
    width: min(1240px, calc(100% - 48px));
    max-width: none;
    margin-inline: auto;
}

.li-v3-bridge .navbar {
    position: sticky;
    z-index: 1000;
    top: 3px;
    min-height: 68px;
    border-bottom: 1px solid var(--li-bridge-ink);
    background: color-mix(in srgb, var(--li-bridge-paper) 94%, transparent);
    box-shadow: none;
    backdrop-filter: blur(14px);
}

.li-v3-bridge .nav-container {
    display: flex;
    min-height: 68px;
    height: auto;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-inline: 0;
}
body.li-v3-bridge .navbar .logo,
body.li-v3-bridge .navbar .logo a {
    background: none !important;
    color: var(--li-bridge-ink) !important;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -.055em;
    -webkit-text-fill-color: currentColor !important;
}
.li-v3-bridge .nav-menu a,
.li-v3-bridge .nav-dropdown-toggle,
.li-v3-bridge .language-switcher-toggle {
    border-radius: 0 !important;
    color: var(--li-bridge-ink) !important;
    font-size: 12px;
    font-weight: 750;
}
.li-v3-bridge .nav-menu {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.li-v3-bridge .nav-menu > li { position: relative; flex: 0 0 auto; }
.li-v3-bridge .nav-menu > li.nav-cta-start { margin-left: auto; }
.li-v3-bridge .nav-menu > li > a,
.li-v3-bridge .nav-menu > li > button { padding-inline: 10px; }
.li-v3-bridge .nav-menu a.active:not(.btn),
.li-v3-bridge .nav-dropdown-toggle.active { color: var(--li-bridge-blue) !important; }
.li-v3-bridge .nav-dropdown-toggle::after,
.li-v3-bridge .language-switcher-toggle::after {
    color: var(--li-bridge-muted) !important;
    content: "↓";
    font-family: var(--li-bridge-mono);
}
.li-v3-bridge .nav-mega-menu,
.li-v3-bridge .nav-dropdown-menu,
.li-v3-bridge .language-switcher-menu {
    position: absolute;
    z-index: 1200;
    top: calc(100% + 14px);
    left: 0;
    margin: 0;
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: var(--li-bridge-panel) !important;
    box-shadow: 5px 5px 0 var(--li-bridge-ink) !important;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
.li-v3-bridge .nav-mega-menu {
    display: grid;
    width: min(680px, calc(100vw - 48px));
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.li-v3-bridge .nav-dropdown-menu,
.li-v3-bridge .language-switcher-menu { min-width: 230px; padding: 8px; }
.li-v3-bridge .language-switcher-menu { right: 0; left: auto; }
.li-v3-bridge .nav-mega-menu.show,
.li-v3-bridge .nav-dropdown-menu.show,
.li-v3-bridge .language-switcher-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.li-v3-bridge .mega-menu-column {
    padding: 18px !important;
    border-right: 1px solid var(--li-bridge-soft-line);
}
.li-v3-bridge .mega-menu-column:last-child { border-right: 0; }
.li-v3-bridge .mega-menu-title {
    color: var(--li-bridge-signal) !important;
    font-family: var(--li-bridge-mono);
    font-size: 9px !important;
    letter-spacing: .1em;
}
.li-v3-bridge .mega-menu-items { margin: 0; padding: 0; list-style: none; }
.li-v3-bridge .mega-menu-items a,
.li-v3-bridge .nav-dropdown-menu a,
.li-v3-bridge .language-switcher-menu a {
    color: var(--li-bridge-ink) !important;
    font-size: 12px !important;
}
.li-v3-bridge .mega-menu-items a:hover,
.li-v3-bridge .nav-dropdown-menu a:hover,
.li-v3-bridge .language-switcher-menu a:hover {
    background: var(--li-bridge-ink) !important;
    color: white !important;
}
.li-v3-bridge .nav-menu a.btn {
    min-height: 38px;
    padding-inline: 12px;
    border-color: var(--li-bridge-ink) !important;
    background: var(--li-bridge-ink) !important;
    color: white !important;
}
.li-v3-bridge .nav-menu button.btn {
    min-height: 38px;
    border: 1px solid var(--li-bridge-ink) !important;
    background: transparent !important;
    color: var(--li-bridge-ink) !important;
}
.li-v3-bridge .mobile-menu-toggle {
    border: 1px solid var(--li-bridge-ink);
    border-radius: 0 !important;
    background: transparent !important;
}
.li-v3-bridge .mobile-menu-toggle span { background: var(--li-bridge-ink) !important; }

.li-v3-bridge .section { padding-block: 88px; }
.li-v3-bridge .navbar + .section {
    padding-top: 88px !important;
    border-bottom: 1px solid var(--li-bridge-ink);
    background: var(--li-bridge-paper) !important;
    color: var(--li-bridge-ink) !important;
}
.li-v3-bridge .navbar + .section .section-title,
.li-v3-bridge .navbar + .section .section-subtitle { color: inherit !important; }
.li-v3-bridge .navbar + .section .section-subtitle { color: var(--li-bridge-muted) !important; }
.li-v3-bridge .section:has(.pricing-toggle) { padding: 38px 0 20px !important; }

.li-v3-bridge .section-title {
    margin-top: 0;
    color: var(--li-bridge-ink);
    font-size: clamp(34px, 4.8vw, 64px);
    line-height: .98;
    letter-spacing: -.055em;
}
.li-v3-bridge .section-subtitle {
    color: var(--li-bridge-muted);
    font-size: 16px;
    line-height: 1.65;
}

.li-v3-bridge .btn {
    min-height: 46px;
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--li-bridge-ink) !important;
    font-size: 12px;
    font-weight: 800;
}
.li-v3-bridge .btn-primary,
.li-v3-bridge .btn-cta {
    border-color: var(--li-bridge-signal) !important;
    background: var(--li-bridge-signal) !important;
    color: white !important;
}
.li-v3-bridge .btn:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 3px 3px 0 var(--li-bridge-ink) !important;
}

.li-v3-bridge .card,
.li-v3-bridge .pricing-card,
.li-v3-bridge .feature-card,
.li-v3-bridge .benefit-card,
.li-v3-bridge .integration-card,
.li-v3-bridge .integration-item,
.li-v3-bridge .partner-card,
.li-v3-bridge .vs-card,
.li-v3-bridge .workflow-step,
.li-v3-bridge .workflow-visual,
.li-v3-bridge .comparison-table,
.li-v3-bridge .vs-table {
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: var(--li-bridge-panel) !important;
    box-shadow: none !important;
}

.li-v3-bridge .pricing-grid,
.li-v3-bridge .integration-grid,
.li-v3-bridge .feature-grid,
.li-v3-bridge .benefit-grid,
.li-v3-bridge .partner-grid,
.li-v3-bridge .grid {
    gap: 14px !important;
}
.li-v3-bridge .pricing-card.featured {
    border: 3px solid var(--li-bridge-ink) !important;
    transform: none !important;
}
.li-v3-bridge .pricing-badge {
    border-radius: 0 !important;
    background: var(--li-bridge-signal) !important;
    font-family: var(--li-bridge-mono);
    font-size: 9px;
    letter-spacing: .08em;
}
.li-v3-bridge .pricing-toggle {
    border: 1px solid var(--li-bridge-ink);
    border-radius: 0 !important;
    background: var(--li-bridge-panel) !important;
}
.li-v3-bridge .pricing-toggle .btn { border: 0 !important; }

.li-v3-bridge .feature-showcase {
    gap: clamp(30px, 7vw, 84px);
    align-items: center;
}
.li-v3-bridge .feature-showcase-image img {
    border: 1px solid var(--li-bridge-ink);
    border-radius: 0 !important;
    box-shadow: none !important;
}
.li-v3-bridge .feature-showcase-text > div[style*="border-radius"] {
    border: 1px solid currentColor;
    border-radius: 0 !important;
    background: transparent !important;
    font-family: var(--li-bridge-mono);
    font-size: 9px !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.li-v3-bridge .features-hero {
    padding: 72px 0 82px !important;
    border-bottom: 1px solid var(--li-bridge-ink);
    background: var(--li-bridge-paper) !important;
    color: var(--li-bridge-ink) !important;
}
body.li-v3-bridge .features-hero::before { display: none !important; }
.li-v3-bridge .features-hero .container {
    display: grid !important;
    grid-template-columns: minmax(0, .8fr) minmax(480px, 1.2fr) !important;
    gap: 64px !important;
    align-items: center !important;
}
.li-v3-bridge .features-hero-text { text-align: left !important; }
.li-v3-bridge .features-hero h1 {
    color: var(--li-bridge-ink) !important;
    font-size: clamp(50px, 6vw, 82px) !important;
    line-height: .9 !important;
    letter-spacing: -.065em !important;
}
.li-v3-bridge .features-hero h1 span {
    display: inline;
    background: none !important;
    color: var(--li-bridge-blue) !important;
    -webkit-text-fill-color: currentColor !important;
}
.li-v3-bridge .features-hero p { color: var(--li-bridge-muted) !important; }
.li-v3-bridge .features-hero .eyebrow {
    border: 1px solid var(--li-bridge-blue) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--li-bridge-blue) !important;
    font-family: var(--li-bridge-mono);
    font-size: 9px !important;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.li-v3-bridge .features-hero-text > div[style*="justify-content:center"] { justify-content: flex-start !important; }
.li-v3-bridge .features-hero-images {
    position: relative !important;
    height: auto !important;
    padding: 35px 12px 12px;
    border: 1px solid var(--li-bridge-ink);
    background: var(--li-bridge-panel);
}
.li-v3-bridge .features-hero-images::before {
    position: absolute;
    top: 11px;
    left: 12px;
    color: var(--li-bridge-muted);
    content: "REAL PRODUCT / DESIGN EDITOR";
    font-family: var(--li-bridge-mono);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .09em;
}
.li-v3-bridge .features-hero-images img:first-child {
    position: static !important;
    width: 100% !important;
    border: 1px solid var(--li-bridge-line) !important;
    object-fit: contain;
}
.li-v3-bridge .features-hero-images img:nth-child(n+2) { display: none !important; }
.li-v3-bridge .features-hero-stats {
    border-block: 1px solid var(--li-bridge-ink);
    background: var(--li-bridge-panel);
}
.li-v3-bridge .features-hero-stats .stat { border-right: 1px solid var(--li-bridge-soft-line); }
.li-v3-bridge .features-hero-stats .stat:last-child { border-right: 0; }
.li-v3-bridge .stat-number { color: var(--li-bridge-signal) !important; }

.li-v3-bridge .workflow-step-number {
    border-radius: 0 !important;
    background: var(--li-bridge-blue) !important;
    font-family: var(--li-bridge-mono);
}
.li-v3-bridge .workflow-arrow { color: var(--li-bridge-signal) !important; }
.li-v3-bridge .workflow-visual [style*="border-radius"] {
    border: 1px solid var(--li-bridge-soft-line);
    border-radius: 0 !important;
    box-shadow: none !important;
}

.li-v3-bridge .section[style*="linear-gradient"]:not(:first-of-type) {
    border-block: 1px solid var(--li-bridge-ink);
    background: var(--li-bridge-ink) !important;
    color: white !important;
}
.li-v3-bridge .section[style*="linear-gradient"]:not(:first-of-type) .section-title,
.li-v3-bridge .section[style*="linear-gradient"]:not(:first-of-type) .section-subtitle {
    color: white !important;
}
.li-v3-bridge input,
.li-v3-bridge select,
.li-v3-bridge textarea {
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: var(--li-bridge-panel) !important;
    box-shadow: none !important;
}

/* Page-specific campaign frame inserted by the shared navigation runtime. */
.li-v3-bridge .li-page-campaign {
    padding: 34px 0;
    border-bottom: 1px solid var(--li-bridge-ink);
    background: #e9e6de;
}
.li-v3-bridge .li-page-campaign-inner {
    display: grid;
    width: min(1240px, calc(100% - 48px));
    margin-inline: auto;
    grid-template-columns: minmax(260px, .58fr) minmax(0, 1.42fr);
    border: 1px solid var(--li-bridge-ink);
    background: var(--li-bridge-panel);
}
.li-v3-bridge .li-page-campaign-copy {
    display: flex;
    min-width: 0;
    justify-content: flex-end;
    flex-direction: column;
    padding: 28px;
    border-right: 1px solid var(--li-bridge-ink);
}
.li-v3-bridge .li-page-campaign-copy > span {
    margin-bottom: auto;
    color: var(--li-bridge-signal);
    font-family: var(--li-bridge-mono);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
}
.li-v3-bridge .li-page-campaign-copy h2 {
    margin: 72px 0 14px;
    color: var(--li-bridge-ink) !important;
    font-size: clamp(28px, 3.4vw, 48px);
    line-height: 1;
    letter-spacing: -.05em;
}
.li-v3-bridge .li-page-campaign-copy p {
    margin: 0;
    color: var(--li-bridge-muted);
    font-size: 14px;
    line-height: 1.6;
}
.li-v3-bridge .li-page-campaign img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
}

/* Content pages: preserve the page's information while giving every public
   article, landing page and resource the same paper/ink system. */
body.li-v3-bridge .blog-article-header,
body.li-v3-bridge .landing-header {
    padding: 72px 0 54px !important;
    border-bottom: 1px solid var(--li-bridge-ink);
    background: var(--li-bridge-paper) !important;
    color: var(--li-bridge-ink) !important;
    text-align: left !important;
}
.li-v3-bridge .blog-article-header::before,
.li-v3-bridge .landing-header::before { display: none !important; }
.li-v3-bridge .blog-article-header .blog-article,
.li-v3-bridge .landing-header .blog-article {
    width: min(980px, calc(100% - 48px));
    max-width: none;
    margin-inline: auto;
}
.li-v3-bridge .blog-breadcrumb {
    margin-bottom: 22px;
    color: var(--li-bridge-muted) !important;
    font-family: var(--li-bridge-mono);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.li-v3-bridge .blog-article-title {
    max-width: 950px;
    margin: 0;
    color: var(--li-bridge-ink) !important;
    font-size: clamp(42px, 6.5vw, 76px) !important;
    line-height: .96 !important;
    letter-spacing: -.055em !important;
    text-wrap: balance;
}
.li-v3-bridge .landing-subtitle {
    max-width: 780px;
    margin: 24px 0 0 !important;
    color: var(--li-bridge-muted) !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
}
.li-v3-bridge .blog-article-meta {
    justify-content: flex-start !important;
    margin-top: 22px !important;
    color: var(--li-bridge-muted) !important;
    font-family: var(--li-bridge-mono);
    font-size: 9px !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.li-v3-bridge .blog-article-tags { justify-content: flex-start !important; }
.li-v3-bridge .blog-tag,
.li-v3-bridge .meta-free-badge,
.li-v3-bridge .meta-trial-badge,
.li-v3-bridge .trust-badge-pill {
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--li-bridge-ink) !important;
    font-family: var(--li-bridge-mono);
    font-size: 9px !important;
    letter-spacing: .05em;
}
.li-v3-bridge article.blog-article.blog-content,
.li-v3-bridge .blog-content {
    width: min(820px, calc(100% - 48px));
    max-width: none;
    margin: 0 auto;
    padding: 62px 0 90px;
    color: var(--li-bridge-ink);
    font-size: 17px;
    line-height: 1.82;
}
.li-v3-bridge .blog-content h2,
.li-v3-bridge .blog-content h3,
.li-v3-bridge .blog-content h4 { color: var(--li-bridge-ink) !important; letter-spacing: -.03em; }
.li-v3-bridge .blog-content h2 {
    margin: 68px 0 20px;
    padding-top: 18px;
    border-top: 1px solid var(--li-bridge-ink);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.08;
}
.li-v3-bridge .blog-content h3 { margin-top: 42px; font-size: 25px; line-height: 1.2; }
.li-v3-bridge .blog-content p,
.li-v3-bridge .blog-content li { color: #343534; }
.li-v3-bridge .blog-content a { color: var(--li-bridge-blue); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.li-v3-bridge .blog-content img,
.li-v3-bridge .feature-screenshot {
    height: auto;
    border: 1px solid var(--li-bridge-ink);
    border-radius: 0 !important;
    box-shadow: none !important;
}
.li-v3-bridge .blog-content table {
    display: block;
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--li-bridge-ink);
    border-collapse: collapse;
    background: var(--li-bridge-panel);
}
.li-v3-bridge .blog-content th,
.li-v3-bridge .blog-content td {
    padding: 13px 14px;
    border: 1px solid var(--li-bridge-soft-line);
    text-align: left;
}
.li-v3-bridge .blog-content th {
    background: var(--li-bridge-ink);
    color: white;
    font-family: var(--li-bridge-mono);
    font-size: 10px;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.li-v3-bridge .blog-tip,
.li-v3-bridge .blog-warning,
.li-v3-bridge .blog-cta-inline,
.li-v3-bridge .blog-faq,
.li-v3-bridge .blog-faq-item,
.li-v3-bridge .blog-related,
.li-v3-bridge .blog-cta,
.li-v3-bridge .promo-banner,
.li-v3-bridge .social-proof-strip,
.li-v3-bridge .app-journey,
.li-v3-bridge .how-it-works,
.li-v3-bridge .mini-pricing-section {
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: var(--li-bridge-panel) !important;
    box-shadow: none !important;
    color: var(--li-bridge-ink) !important;
}
.li-v3-bridge .blog-tip,
.li-v3-bridge .blog-warning,
.li-v3-bridge .blog-cta-inline,
.li-v3-bridge .promo-banner { padding: 22px !important; }
.li-v3-bridge .blog-warning { border-left: 5px solid var(--li-bridge-signal) !important; }
.li-v3-bridge .blog-tip { border-left: 5px solid var(--li-bridge-blue) !important; }
.li-v3-bridge .blog-cta,
.li-v3-bridge .promo-banner { border-left: 5px solid var(--li-bridge-green) !important; }
.li-v3-bridge .blog-cta *,
.li-v3-bridge .promo-banner *,
.li-v3-bridge .social-proof-strip * { color: inherit !important; }
.li-v3-bridge .how-it-works-grid,
.li-v3-bridge .app-journey-grid,
.li-v3-bridge .mini-pricing-grid,
.li-v3-bridge .social-proof-stats { gap: 0 !important; }
.li-v3-bridge .how-it-works-step,
.li-v3-bridge .app-journey-step,
.li-v3-bridge .mini-pricing-card,
.li-v3-bridge .social-proof-stat {
    border: 1px solid var(--li-bridge-soft-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.li-v3-bridge .step-number,
.li-v3-bridge .sps-number,
.li-v3-bridge .mpc-price { color: var(--li-bridge-signal) !important; }
.li-v3-bridge .landing-cta-row { justify-content: flex-start !important; }
.li-v3-bridge .btn-hero-primary,
.li-v3-bridge .btn-hero-secondary,
.li-v3-bridge .blog-cta .btn,
.li-v3-bridge .promo-banner a[class*="btn"] {
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.li-v3-bridge .btn-hero-primary,
.li-v3-bridge .blog-cta .btn {
    background: var(--li-bridge-signal) !important;
    color: white !important;
}
.li-v3-bridge .btn-hero-secondary {
    background: var(--li-bridge-panel) !important;
    color: var(--li-bridge-ink) !important;
}
.li-v3-bridge .btn-hero-secondary:hover {
    background: var(--li-bridge-ink) !important;
    color: white !important;
}
.li-v3-bridge .whatsapp-fab {
    background: #087a45 !important;
    color: white !important;
}
.li-v3-bridge .download-sticky-btn {
    background: #087a45 !important;
    color: white !important;
}
.li-v3-bridge .printer-brand-type.native {
    background: #087a45 !important;
    color: white !important;
}
.li-v3-bridge #whatsappFloat {
    background: #087a45 !important;
    color: white !important;
}
.li-v3-bridge .mpc-badge {
    background: #087a45 !important;
    color: white !important;
}
.li-v3-bridge .contact-btn {
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: var(--li-bridge-panel) !important;
    color: var(--li-bridge-ink) !important;
}

/* Cards, index pages and the shared footer. */
.li-v3-bridge .blog-card,
.li-v3-bridge .case-study-card,
.li-v3-bridge .stat-card {
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: var(--li-bridge-panel) !important;
    box-shadow: none !important;
}
.li-v3-bridge .blog-card:hover,
.li-v3-bridge .case-study-card:hover {
    transform: translate(-3px, -3px) !important;
    box-shadow: 5px 5px 0 var(--li-bridge-ink) !important;
}
.li-v3-bridge .footer {
    border-top: 1px solid var(--li-bridge-ink);
    background: var(--li-bridge-ink) !important;
    color: white;
}
.li-v3-bridge .footer .container { width: min(1240px, calc(100% - 48px)); }
.li-v3-bridge .footer-content { gap: 34px !important; }
.li-v3-bridge .footer h4 {
    color: white !important;
    font-family: var(--li-bridge-mono);
    font-size: 10px !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.li-v3-bridge .footer p,
.li-v3-bridge .footer a { color: #c6c9cd !important; }
.li-v3-bridge .footer a:hover { color: white !important; }
.li-v3-bridge .footer-bottom { border-top: 1px solid #31353a !important; }

@media (max-width: 900px) {
    .li-v3-bridge .features-hero .container {
        grid-template-columns: 1fr !important;
    }
    .li-v3-bridge .features-hero-images { width: min(760px, 100%); }
}

@media (max-width: 760px) {
    .li-v3-bridge .container,
    .li-v3-bridge .nav-container { width: min(100% - 28px, 1240px); }
    .li-v3-bridge .section { padding-block: 64px; }
    .li-v3-bridge .navbar + .section { padding-top: 64px !important; }
    .li-v3-bridge .features-hero { padding: 52px 0 62px !important; }
    .li-v3-bridge .features-hero h1 { font-size: clamp(42px, 12vw, 56px) !important; }
    .li-v3-bridge .features-hero h1 br { display: none; }
    .li-v3-bridge .features-hero-stats { grid-template-columns: repeat(2, 1fr) !important; }
    .li-v3-bridge .features-hero-stats .stat:nth-child(2) { border-right: 0; }
    .li-v3-bridge .features-hero-stats .stat:nth-child(n+3) { border-top: 1px solid var(--li-bridge-soft-line); }
    .li-v3-bridge .btn { width: 100%; }
    .li-v3-bridge .grid,
    .li-v3-bridge .pricing-grid,
    .li-v3-bridge .integration-grid,
    .li-v3-bridge .feature-grid,
    .li-v3-bridge .benefit-grid,
    .li-v3-bridge .partner-grid { grid-template-columns: minmax(0, 1fr) !important; }
    .li-v3-bridge .grid > *,
    .li-v3-bridge .pricing-grid > *,
    .li-v3-bridge .integration-grid > * { min-width: 0; }
    .li-v3-bridge .card,
    .li-v3-bridge .pricing-card,
    .li-v3-bridge .integration-card { padding: 24px !important; }
    .li-v3-bridge input,
    .li-v3-bridge select,
    .li-v3-bridge textarea { min-width: 0 !important; max-width: 100%; }
    .li-v3-bridge .navbar { position: sticky; }
    .li-v3-bridge .nav-container { min-height: 60px; }
    .li-v3-bridge .nav-menu {
        position: fixed !important;
        top: 63px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        display: none !important;
        width: 100% !important;
        height: calc(100vh - 63px) !important;
        overflow-y: auto;
        align-items: stretch;
        flex-direction: column;
        gap: 0 !important;
        margin: 0 !important;
        padding-top: 14px !important;
        border-top: 1px solid var(--li-bridge-ink);
        background: var(--li-bridge-paper) !important;
        transform: none !important;
    }
    .li-v3-bridge .nav-menu.active { display: flex !important; }
    .li-v3-bridge .mobile-menu-toggle { display: flex !important; }
    .li-v3-bridge .nav-menu > li,
    .li-v3-bridge .nav-menu > li.nav-cta-start { width: 100%; margin-left: 0; }
    .li-v3-bridge .nav-menu > li > a,
    .li-v3-bridge .nav-menu > li > button {
        width: 100%;
        min-height: 48px;
        justify-content: space-between;
        border-bottom: 1px solid var(--li-bridge-soft-line) !important;
    }
    .li-v3-bridge .nav-mega-menu,
    .li-v3-bridge .nav-dropdown-menu,
    .li-v3-bridge .language-switcher-menu {
        position: static;
        display: none;
        width: 100% !important;
        border-top: 0 !important;
        box-shadow: none !important;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    .li-v3-bridge .nav-mega-menu { grid-template-columns: 1fr !important; }
    .li-v3-bridge .nav-mega-menu.show { display: grid; }
    .li-v3-bridge .nav-dropdown-menu.show,
    .li-v3-bridge .language-switcher-menu.show { display: block; }
    .li-v3-bridge .mega-menu-column { border-right: 0; border-bottom: 1px solid var(--li-bridge-soft-line); }
    .li-v3-bridge .blog-article-header .blog-article,
    .li-v3-bridge .landing-header .blog-article,
    .li-v3-bridge article.blog-article.blog-content,
    .li-v3-bridge .blog-content { width: min(100% - 28px, 980px); }
    body.li-v3-bridge .blog-article-header,
    body.li-v3-bridge .landing-header { padding: 48px 0 38px !important; }
    .li-v3-bridge .blog-article-title { font-size: clamp(38px, 12vw, 54px) !important; }
    .li-v3-bridge article.blog-article.blog-content,
    .li-v3-bridge .blog-content { padding: 42px 0 68px; font-size: 16px; }
    .li-v3-bridge .blog-content h2 { margin-top: 52px; }
    .li-v3-bridge .li-page-campaign-inner {
        width: min(100% - 28px, 1240px);
        grid-template-columns: 1fr;
    }
    .li-v3-bridge .li-page-campaign-copy { border-right: 0; border-bottom: 1px solid var(--li-bridge-ink); }
    .li-v3-bridge .li-page-campaign-copy h2 { margin-top: 42px; }
    .li-v3-bridge .li-page-campaign img { min-height: 0; aspect-ratio: 16 / 9; }
}

@media (prefers-reduced-motion: reduce) {
    .li-v3-bridge *,
    .li-v3-bridge *::before,
    .li-v3-bridge *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}

/* ==========================================================================
   Checkout funnel — cart, payment, success/failed
   These pages carried their own rounded/gradient look while the rest of the
   site moved to the squared paper system. Re-skin their bespoke components so
   the money path matches the marketing path.
   ========================================================================== */

.li-v3-bridge .cart-container,
.li-v3-bridge .success-container,
.li-v3-bridge .payment-layout {
    width: min(1240px, calc(100% - 48px));
    margin-inline: auto;
}

/* Panels: cart items, order summary, receipt blocks */
.li-v3-bridge .cart-items,
.li-v3-bridge .cart-summary,
.li-v3-bridge .cart-empty,
.li-v3-bridge .auth-required-card,
.li-v3-bridge .order-details,
.li-v3-bridge .next-steps,
.li-v3-bridge .email-confirmation,
.li-v3-bridge .payment-security {
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: var(--li-bridge-panel) !important;
    box-shadow: none !important;
}

.li-v3-bridge .cart-item,
.li-v3-bridge .order-item,
.li-v3-bridge .cart-summary-row,
.li-v3-bridge .detail-row {
    border-bottom: 1px solid var(--li-bridge-soft-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.li-v3-bridge .cart-item:last-child,
.li-v3-bridge .order-item:last-child,
.li-v3-bridge .cart-summary-row:last-child,
.li-v3-bridge .detail-row:last-child { border-bottom: 0 !important; }

.li-v3-bridge .cart-item-name,
.li-v3-bridge .detail-value,
.li-v3-bridge .order-total {
    color: var(--li-bridge-ink) !important;
    font-weight: 800;
}
.li-v3-bridge .cart-item-price,
.li-v3-bridge .detail-label,
.li-v3-bridge .cart-item-details { color: var(--li-bridge-muted) !important; }

.li-v3-bridge .order-total {
    border-top: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Price display */
.li-v3-bridge .price,
.li-v3-bridge .price-amount {
    color: var(--li-bridge-ink) !important;
    font-weight: 900;
    letter-spacing: -.04em;
}
.li-v3-bridge .price-currency { color: var(--li-bridge-signal) !important; }

/* Outcome states: the checkmark/cross medallions were gradient circles.
   Square them, but keep them SOLID — the glyphs inside are SVGs with a
   hardcoded fill="white", so a light panel would render them invisible. */
.li-v3-bridge .success-icon {
    border: 1px solid var(--li-bridge-green) !important;
    border-radius: 0 !important;
    background: var(--li-bridge-green) !important;
    box-shadow: none !important;
}
.li-v3-bridge .icon-circle,
.li-v3-bridge .icon-lock {
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: var(--li-bridge-panel) !important;
    box-shadow: none !important;
    color: var(--li-bridge-ink) !important;
}

/* payment-failed.html builds its medallion with inline styles and no class
   hook, so square it via the shape it always takes inside the outcome card. */
.li-v3-bridge .card.text-center > div[style*="border-radius: 50%"] {
    border-radius: 0 !important;
}

/* "What happens next" numbered steps */
.li-v3-bridge .step {
    border-bottom: 1px solid var(--li-bridge-soft-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.li-v3-bridge .step:last-child { border-bottom: 0 !important; }
.li-v3-bridge .step-number {
    display: inline-flex;
    min-width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--li-bridge-ink) !important;
    border-radius: 0 !important;
    background: var(--li-bridge-ink) !important;
    color: #fff !important;
    font-family: var(--li-bridge-mono);
    font-size: 11px;
    font-weight: 800;
}
.li-v3-bridge .step-text { color: var(--li-bridge-muted) !important; }

/* Auth gate on the cart */
.li-v3-bridge .auth-gate-modal,
.li-v3-bridge .auth-banner-text {
    border-radius: 0 !important;
    background: var(--li-bridge-panel) !important;
}
.li-v3-bridge .auth-gate-modal { border: 1px solid var(--li-bridge-ink) !important; }

.li-v3-bridge .badge {
    border: 1px solid currentColor !important;
    border-radius: 0 !important;
    font-family: var(--li-bridge-mono);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.li-v3-bridge .cart-grid,
.li-v3-bridge .payment-layout {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1.6fr) minmax(300px, .9fr);
    align-items: start;
}

@media (max-width: 900px) {
    .li-v3-bridge .cart-grid,
    .li-v3-bridge .payment-layout { grid-template-columns: minmax(0, 1fr); }
    .li-v3-bridge .cart-container,
    .li-v3-bridge .success-container,
    .li-v3-bridge .payment-layout { width: min(100% - 28px, 1240px); }
}

/* Page-scoped checkout buttons and gradient panels. These are declared in each
   page's inline <style>, so they need matching specificity to be re-skinned. */
.li-v3-bridge .auth-required-card .btn-login-main,
.li-v3-bridge .auth-required-card .btn-register-main,
.li-v3-bridge .auth-gate-modal .btn-login-main,
.li-v3-bridge .auth-gate-modal .btn-register-main,
.li-v3-bridge .cart-summary .btn-checkout,
.li-v3-bridge .checkout-btn {
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 800 !important;
    transition: transform .15s, box-shadow .15s !important;
}
.li-v3-bridge .auth-required-card .btn-login-main,
.li-v3-bridge .auth-gate-modal .btn-login-main,
.li-v3-bridge .cart-summary .btn-checkout,
.li-v3-bridge .checkout-btn {
    border: 1px solid var(--li-bridge-signal) !important;
    background: var(--li-bridge-signal) !important;
    color: #fff !important;
}
.li-v3-bridge .auth-required-card .btn-register-main,
.li-v3-bridge .auth-gate-modal .btn-register-main {
    border: 1px solid var(--li-bridge-ink) !important;
    background: transparent !important;
    color: var(--li-bridge-ink) !important;
}
.li-v3-bridge .auth-required-card .btn-login-main:hover,
.li-v3-bridge .auth-required-card .btn-register-main:hover,
.li-v3-bridge .auth-gate-modal .btn-login-main:hover,
.li-v3-bridge .auth-gate-modal .btn-register-main:hover,
.li-v3-bridge .cart-summary .btn-checkout:hover,
.li-v3-bridge .checkout-btn:hover {
    transform: translate(-2px, -2px) !important;
    background: var(--li-bridge-ink) !important;
    border-color: var(--li-bridge-ink) !important;
    box-shadow: 3px 3px 0 var(--li-bridge-ink) !important;
    color: #fff !important;
}
.li-v3-bridge .auth-required-card .browse-link { color: var(--li-bridge-muted) !important; }

/* Kill the leftover blue/violet gradient medallions and banners. */
.li-v3-bridge .icon-lock,
.li-v3-bridge .icon-circle,
.li-v3-bridge .success-icon,
.li-v3-bridge .auth-banner-text,
.li-v3-bridge .recommendation-card,
.li-v3-bridge .recommendations-section {
    background-image: none !important;
    border-radius: 0 !important;
}
.li-v3-bridge .recommendation-card,
.li-v3-bridge .recommendations-section {
    border: 1px solid var(--li-bridge-ink) !important;
    background-color: var(--li-bridge-panel) !important;
    box-shadow: none !important;
}