/* Light marketing theme inspired by Hypit's clear, monochrome presentation. */
:root {
  --lz-bg: #fff;
  --lz-panel: #fff;
  --lz-panel-2: #f6f7f9;
  --lz-white: #141619;
  --lz-muted: #626972;
  --lz-line: #e4e7eb;
  --lz-blue: #315ee9;
}

body { background: #fff; color: #141619; }
body .lz-home { background: #fff; color: #141619; color-scheme: light; }

/* Navigation and footer are shared by the other marketing pages. */
body .site-header {
  border-bottom: 1px solid #e9ebee !important;
  background: rgba(255,255,255,.94) !important;
  color: #141619 !important;
  box-shadow: none;
}
body .site-header .brand,
body .site-header .nav-toggle { color: #141619; }
body .site-header .brand-glyph i { border-color: #141619; }
body .site-header .brand-glyph i:last-child { border-color: var(--lz-blue); }
body .site-header .brand-name small { color: #777d85; }
body .site-header .main-nav a,
body .site-header .nav-actions a,
body .site-header .nav-actions .nav-logout,
body .site-header .nav-actions .nav-login,
body .site-header .nav-actions .nav-register,
body .site-header .nav-actions .nav-keys { color: #454b54 !important; }
body .site-header .main-nav a:hover,
body .site-header .main-nav a.active,
body .site-header .main-nav a.router-link-active,
body .site-header .nav-actions a:hover,
body .site-header .nav-actions a.router-link-active,
body .site-header .nav-actions .nav-logout:hover { color: #111317 !important; }
body .site-header .nav-actions .nav-register {
  padding: 10px 16px !important;
  border: 1px solid #d9dde3 !important;
  border-radius: 8px;
  background: #fff;
  color: #111317 !important;
  box-shadow: none;
}
body .site-header .nav-actions .nav-register.router-link-active { color: #111317 !important; }
body .site-header .nav-actions .nav-register:hover { border-color: #c7cdd6 !important; background: #f4f5f7; color: #111317 !important; }
body .site-header .main-nav a.active:after { background: #111317; }
body .site-header .locale-switcher select { border-color: #d9dde3; color: #343a43; background: #fff; }
@media (min-width: 761px) {
  body .site-header .nav-wrap { justify-content: flex-start !important; }
  body .site-header .main-nav { position: static; transform: none; margin-left: clamp(30px, 5vw, 84px); }
  body .site-header .nav-actions { margin-left: auto; }
}
@supports (animation-timeline: scroll()) {
  body .site-header { animation: none; }
}

body .site-footer {
  border-top: 1px solid #e8eaee !important;
  background: #f8f9fa !important;
  color: #626972 !important;
}
body .site-footer .brand-footer,
body .site-footer .footer-link-group h2,
body .site-footer .footer-social h2 { color: #17191d; }
body .site-footer .brand-glyph i { border-color: #17191d; }
body .site-footer .brand-glyph i:last-child { border-color: var(--lz-blue); }
body .site-footer a:hover,
body .site-footer button:hover { color: #111317; }

/* Keep the hero plain and spacious so the message reads first. */
body .lz-hero {
  background: #fff;
  border-bottom: 1px solid #eceef1;
}
body .lz-hero-bg-video,
body .lz-hero-video-shade,
body .lz-hero-motion,
body .lz-hero > .lz-ambient,
body .lz-hero:after { display: none; }
body .lz-badge { border-color: #e4e7eb; background: #f7f8f9; color: #4b535e; }
body .lz-badge span { border-color: #dce0e5; color: #747c87; }
body .lz-hero h1 { color: #111317; }
body .lz-hero-lead { color: #414751; }
body .lz-hero-note,
body .lz-signal-row { color: #68717d; }
body .lz-button-primary { background: #15171a; color: #fff; box-shadow: none; }
body .lz-button-primary:hover { background: #30343a; color: #fff; box-shadow: none; }
body .lz-button-primary span { color: #fff; }
body .lz-button-secondary { border-color: #d9dde2; background: #fff; color: #181b20; box-shadow: none; }
body .lz-button-secondary:hover { background: #f4f5f7; }

/* Social proof and product examples. */
body .lz-trust { border-color: #eceef1; background: #fff; }
body .lz-trust-heading h2,
body .lz-trust-stats strong { color: #17191d; }
body .lz-trust-heading p,
body .lz-trust-stats span { color: #69717b; }
body .lz-trust-brand-set img { filter: grayscale(1) brightness(.28); opacity: .75; }
body .lz-trust-brand-set span:hover img { opacity: 1; }

body .lz-creation-modes {
  border-color: #e9ebee;
  background: #f8f9fa;
}
body .lz-card-index { color: #6f7782; }
body .lz-mode-heading h3,
body .lz-mode-heading li > b { color: #17191d; }
body .lz-mode-heading > p,
body .lz-mode-heading li { color: #5f6772; }
body .lz-mode-heading li > span:before { color: #a4aab2; }
body .lz-mode-original { border-color: #e1e4e8; }
body .lz-mode-action { background: #17191d; color: #fff; }
body .lz-mode-action:hover { background: #34383f; color: #fff; box-shadow: none; }
body .lz-creation-case,
body .lz-ugc-case {
  border-color: #e2e5e9;
  background: #fff;
  box-shadow: 0 10px 30px rgba(20,27,38,.055);
}
body .lz-creation-case header > span,
body .lz-creation-case footer,
body .lz-ugc-status { color: #68717c; }
body .lz-creation-case h4 { color: #17191d; }
body .lz-creation-case footer span:last-child { color: #3b56aa; }
body .lz-ugc-case footer { border-color: #e6e8ec; }
body .lz-ugc-case footer span { border-color: #e6e8ec; }
body .lz-ugc-case footer span:last-child { color: #5e6671; }
body .lz-case-video-shell,
body .lz-ugc-video-frame { border-color: #dfe3e9; box-shadow: 0 12px 24px rgba(22,29,42,.13); }
body .lz-recreate-case .lz-case-video-shell { border-color: #30343a; background: #111318; }
body .lz-recreate-case .lz-case-video-label { padding: 4px 7px; background: rgba(10,11,14,.82); color: #fff; text-shadow: none; }
body .lz-case-transform { color: #454d57; }

body .lz-products { background: #fff; color: #17191d; }
body .lz-products .lz-kicker,
body .lz-products .lz-section-heading > p { color: #626a75; }
body .lz-section-heading h2 { color: #17191d; }
body .lz-product-card {
  border-color: #e4e7eb;
  background: #fff;
  box-shadow: 0 7px 28px rgba(20,27,38,.045);
}
body .lz-product-card:hover {
  border-color: #c8cdd4;
  background: #f8f9fa;
  color: #17191d;
  box-shadow: 0 16px 38px rgba(20,27,38,.085);
}
body .lz-product-card h3,
body .lz-product-card > a { color: #17191d; }
body .lz-product-card > p,
body .lz-product-card li,
body .lz-product-card:hover > p,
body .lz-product-card:hover li { color: #5e6670; }
body .lz-product-top > span { color: #78818c; }
body .lz-product-card li span,
body .lz-product-card > a span { color: #315ee9; }

body .lz-models {
  border-color: #e9ebee;
  background: #f8f9fa;
}
body .lz-models-heading .lz-kicker,
body .lz-models-heading p { color: #626a75; }
body .lz-models-heading h2,
body .lz-model-group-title h3,
body .lz-model-group li b { color: #17191d; }
body .lz-model-group {
  border-color: #e0e4e9;
  background: #fff;
}
body .lz-model-group-title span { color: #78818c; }
body .lz-model-group li {
  border-color: #e6e9ed;
  background: #fafbfc;
}
body .lz-model-group li:hover { border-color: #cbd2dc; background: #f2f4f7; }
body .lz-model-logo { border-color: #e1e5ea; background: #fff; color: #17191d; box-shadow: none; }

/* Keep model names easy to scan without filling each category with empty cards. */
body .lz-model-groups { max-width: 1080px; margin-right: auto; margin-left: auto; gap: 12px; }
body .lz-model-group {
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 24px;
  padding: 22px 28px;
  border-color: #e7eaf0;
  border-radius: 18px;
  box-shadow: 0 8px 28px rgba(29, 42, 70, .035);
}
body .lz-model-group-title { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 0 24px 0 0; border-right: 1px solid #e9edf3; }
body .lz-model-group-title h3 { margin-top: 8px; font-size: 17px; }
body .lz-model-group ul,
body .lz-model-group:first-child ul { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
body .lz-model-group li {
  flex: 0 0 auto;
  min-height: 40px;
  gap: 9px;
  padding: 9px 15px;
  border: 0;
  border-radius: 999px;
  background: #f3f5f8;
  transition: none;
}
body .lz-model-group li::before { width: 5px; height: 5px; flex: 0 0 auto; border-radius: 50%; background: #6b84d9; content: ''; }
body .lz-model-group li:hover { border: 0; background: #f3f5f8; transform: none; }
body .lz-model-group li b { overflow: visible; font-size: 13px; font-weight: 600; text-overflow: clip; }
@media (max-width: 760px) {
  body .lz-model-group { grid-template-columns: 1fr; gap: 16px; padding: 20px; }
  body .lz-model-group-title { flex-direction: row; align-items: baseline; justify-content: flex-start; gap: 12px; padding: 0; border-right: 0; }
  body .lz-model-group-title h3 { margin: 0; }
  body .lz-model-group li { min-height: 38px; }
}

@media (max-width: 980px) {
  body .site-header .main-nav {
    border-color: #e2e5ea !important;
    background: #fff !important;
    box-shadow: 0 18px 45px rgba(20,27,38,.12);
  }
  body .site-header .main-nav .mobile-nav-actions { border-color: #e7e9ed; }
  body .site-header .main-nav .mobile-nav-actions select { color: #343a43; background: #fff; }
}

/* Pricing, account and support pages use the same white canvas. */
body .lz-app-page {
  --lz-app-bg: #fff;
  --lz-app-panel: #fff;
  --lz-app-panel-raised: #f6f7f9;
  --lz-app-text: #17191d;
  --lz-app-muted: #626a75;
  --lz-app-line: #e1e5ea;
  --lz-app-violet: #315ee9;
  --lz-app-cyan: #266879;
  color-scheme: light;
}
body .lz-app-page .page-hero,
body .lz-app-page .section,
body .lz-app-page .pricing-section { background: #fff; }
body .lz-app-page .page-hero::before,
body .lz-app-page .page-hero::after { display: none; }
body .lz-app-page .page-hero p,
body .lz-recharge-page .recharge-intro,
body .lz-pricing-page .pricing-intro { color: #5f6771; }
body .lz-app-page .eyebrow { color: #315ee9; }
body .lz-app-page .step-line span { color: #6b737e; }
body .lz-app-page .step-line b { background: #f6f7f9; color: #59616c; }
body .lz-app-page .step-line .active { color: #183fba; }
body .lz-app-page .step-line .active b { background: #315ee9; color: #fff; }
body .lz-app-page .step-line i { background: #d7dce3; }

body .lz-app-page .package-card,
body .lz-app-page .contact-card { background: #fff; }
body .lz-app-page .package-card:hover,
body .lz-app-page .package-card.selected { border-color: #aeb9ca; background: #f8f9fb; box-shadow: 0 12px 30px rgba(20,27,38,.08); }
body .lz-app-page .package-card .price,
body .lz-app-page .package-card .plan-all-skills,
body .lz-app-page .contact-card h2,
body .lz-app-page .support-note h3 { color: #17191d; }
body .lz-app-page .package-card .plan-summary,
body .lz-app-page .package-card .plan-feature-list,
body .lz-app-page .package-card .plan-feature-list li,
body .lz-app-page .plan-note { color: #5e6670; }
body .lz-app-page .package-card .plan-all-skills { border-color: #e5e8ed; }
body .lz-app-page .credits b,
body .lz-app-page .key-box code { color: #315ee9; }
body .lz-app-page .unit-price b { color: #246d7b; }

body .lz-app-page .form-panel,
body .lz-app-page .payment-card,
body .lz-app-page .success-card,
body .lz-app-page .table-wrap,
body .lz-usage-page .credit-query-form,
body .lz-usage-page .credit-summary-card {
  background: #fff;
  box-shadow: 0 10px 32px rgba(20,27,38,.06);
}
body .lz-app-page .text-input,
body .lz-usage-page .credit-query-controls input { border-color: #d7dce3; background: #fff; color: #17191d; }
body .lz-app-page .text-input::placeholder,
body .lz-usage-page .credit-query-controls input::placeholder { color: #8a929d; }
body .lz-app-page .btn-pay,
body .lz-app-page .btn-primary { background: #17191d; color: #fff; }
body .lz-app-page .btn-pay:hover:not(:disabled),
body .lz-app-page .btn-primary:hover { background: #34383f; color: #fff; box-shadow: none; }
body .lz-app-page.auth-page .btn-primary { background: #315ee9; color: #fff; box-shadow: 0 4px 12px #315ee933; }
body .lz-app-page.auth-page .btn-primary:hover:not(:disabled) { background: #244fce; color: #fff; box-shadow: 0 6px 16px #315ee944; }
body .lz-recharge-page .back-link,
body .lz-recharge-page .back-link:hover { color: #343a43; }
body .lz-app-page .key-box { background: #f8f9fa; }
body .lz-app-page .pricing-note { background: #f6f8fb; }
body .lz-app-page .table-wrap th { background: #f4f5f7; color: #3e454f; }
body .lz-app-page .table-wrap td,
body .lz-app-page .pricing-table .price-value { color: #454d57; }
body .lz-app-page .pricing-table .feature-cell { background: #fafbfc; color: #17191d; }
body .lz-app-page .credit-pill { background: #eef2ff; color: #294fc0; }
body .lz-app-page .faq-list details,
body .lz-app-page .faq-list details:hover,
body .lz-app-page .faq-list details[open] { background: #fff; }
body .lz-app-page .faq-list summary { color: #17191d; }
body .lz-app-page .faq-list summary i,
body .lz-app-page .faq-list summary span { color: #315ee9; }
body .lz-app-page .contact-card small { color: #68717b; }
body .lz-app-page .support-note { background: #f5f7fb; }
body .lz-app-page .support-note > span { color: #315ee9; }
body .lz-app-page .pricing-promotion { border-color: #d9e0eb; background: #f8f9fb; box-shadow: none; }
body .lz-app-page .pricing-promotion > p,
body .lz-app-page .pricing-promotion strong { color: #17191d; }
body .lz-app-page .pricing-promotion-title-copy strong { color: #fff; }
body .lz-app-page .pricing-promotion li { border-color: #e1e5ea; background: #fff; color: #5e6670; }
body .lz-app-page .pricing-promotion-discount { background: #eaf0ff; color: #3150ad; }
body .lz-app-page .pricing-promotion-discount b,
body .lz-app-page .pricing-promotion-offer b,
body .lz-app-page .pricing-promotion-period { color: #3150ad; }

body .auth-section { background: #f8f9fa; }
body .auth-panel { border-color: #e1e5ea; background: #fff; box-shadow: 0 18px 50px rgba(20,27,38,.08); }
body .auth-hero-side .lz-hero-copy h1 { color: #17191d; }
body .auth-hero-side .lz-hero-lead { color: #4d5660; }
body .auth-form label { color: #3d454f; }
body .auth-switch a,
body .auth-links a,
body .auth-home a,
body .auth-resend,
body .auth-steps .active { color: #3150ad; }
body .auth-steps { color: #707985; }
body .auth-locale-switcher { color: #343a43; }
body .profile-page .credit-summary-card strong,
body .profile-page .credit-summary-card.consumed strong,
body .lz-usage-page .credit-summary-card strong,
body .lz-usage-page .credit-summary-card.consumed strong { color: #3150ad; }
body .lz-usage-page .credit-query-form > label { color: #17191d; }
body .lz-usage-page .credit-query-form > small { color: #68717b; }
body .key-value code,
body .key-copy,
body .key-visibility { color: #3150ad; }
body .key-eye-icon.is-visible { color: #3150ad; }
body .standalone-status-page { background: #fff; color: #17191d; color-scheme: light; }
body .standalone-status-content > p:not(.standalone-status-code) { color: #5e6670; }
body .standalone-status-link { border-color: #d9dde3; color: #17191d; }
body .wechat-dialog { background: #fff; color: #17191d; }
body .wechat-dialog p { color: #626a75; }

/* v1 has additional onboarding, Skills and legal content. */
body .site-header .lululab-wordmark,
body .site-footer .lululab-wordmark { color: #17191d; }
body .site-header .language-select {
  color-scheme: light;
  color: #343a43;
  background: #fff;
  border-color: #d9dde3;
}
body .site-footer .footer-legal a { color: #3150ad; }
body .lz-hero-tool-note,
body .lz-home .lz-release-note { color: #626a75; }
body .lz-getting-started,
body .lz-home-next {
  border-color: #e7e9ed;
  background: #f8f9fa;
}
body .lz-home .lz-start-heading > p,
body .lz-start-grid p,
body .lz-home-next p,
body .lz-home-support { color: #5e6670; }
body .lz-start-agents span {
  border-color: #dce1e7;
  background: #fff;
  color: #39414c;
}
body .lz-start-grid li { border-color: #e1e5ea; background: #fff; }
body .lz-start-grid li > span,
body .lz-start-links,
body .lz-home .lz-products .lz-product-top .lz-skill-status { color: #3150ad; }
body .lz-start-grid h3,
body .lz-home-next h2 { color: #17191d; }
body .lz-home .lz-products .lz-product-card .lz-product-example {
  border-color: #e6e9ed;
  color: #5e6670;
}
body .lz-home .lz-products .lz-product-top .lz-skill-status { border-color: #cfdaef; }
body .lz-creation-case header .lz-case-category {
  border-color: #dce2ec;
  background: #f5f7fb;
  color: #4d5969;
}

body .lz-app-page.legal-page { background: #fff; color: #17191d; }
body .legal-page h1,
body .legal-page .legal-body h2,
body .legal-page .legal-body h3,
body .legal-page summary { color: #17191d; }
body .legal-page .legal-brand,
body .legal-page a { color: #3150ad; }
body .legal-page .legal-header p,
body .legal-page .legal-body,
body .legal-page .legal-notice { color: #5e6670; }
body .legal-page .legal-contents { border-color: #e1e5ea; background: #f8f9fa; color: #3d4550; }
body .legal-page .legal-body h2,
body .legal-page .legal-related { border-color: #e1e5ea; }
body .legal-page .legal-notice { border-color: #d6deeb; background: #f8f9fa; }