/* Compact public welcome pages; shared across languages. */
html#cz-product body.index-page .hero.section { padding: 88px 0 28px; }
html#cz-product body.index-page .hero > .container > .row { flex-direction: row; gap: 28px; align-items: center; }
html#cz-product body.index-page .hero > .container > .row > .col-lg-6 { width: auto; flex: 1 1 0; min-width: 0; }
html#cz-product body.index-page .hero-content { text-align: start; max-width: 480px; }
html#cz-product body.index-page .hero-title { font-size: clamp(28px,3vw,40px) !important; line-height: 1.12 !important; letter-spacing: -.035em; margin: 12px 0; }
html#cz-product body.index-page .hero-description { margin: 12px 0; font-size: 14px; line-height: 1.6; }
html#cz-product body.index-page .hero :is(.hero-actions,.hero-features,.hero-store-links) { justify-content: flex-start; gap: 10px; margin-block: 14px; flex-wrap: wrap; }
html#cz-product body.index-page .hero .hero-features { gap: 8px 14px; }
html#cz-product body.index-page .hero .feature-item { font-size: 12px; }
html#cz-product body.index-page .hero :is(.btn-primary,.btn-secondary,.store-pill) { min-height: 44px; display: inline-flex; align-items: center; }
html#cz-product body.index-page .hero .main-screen { border-radius: 12px; box-shadow: 0 8px 28px #0000000a; }
html#cz-product body.index-page .section { padding-block: 24px; }
html#cz-product body.index-page .section-title { padding-bottom: 16px; }
html#cz-product body.index-page .section-title > div { font-size: clamp(22px,2.4vw,30px); line-height: 1.2; }
html#cz-product body.index-page .features-card { margin-bottom: 16px; }
html#cz-product body.index-page .feature-content .content-inner { padding: 22px; }
html#cz-product body.index-page .feature-content h3 { font-size: 22px; margin-bottom: 10px; }
html#cz-product body.index-page .feature-content p { font-size: 14px; margin-bottom: 12px; }
html#cz-product body.index-page .feature-image img { height: auto; max-height: 300px; object-fit: contain; }
html#cz-product body.index-page :is(.service-card,.pricing-card,.contact-form-section) { padding: 22px; }
html#cz-product body.index-page .pricing-card h3 { font-size: 20px; }
html#cz-product body.index-page .faq-item { margin-bottom: 10px; padding: 16px; }
html#cz-product body.index-page .header { padding-block: 8px; }
@media(max-width:991px) {
 html#cz-product body.index-page .hero > .container > .row { flex-direction: column; gap: 20px; }
 html#cz-product body.index-page .hero > .container > .row > .col-lg-6 { width: 100%; }
 html#cz-product body.index-page .hero-content { max-width: 640px; }
 html#cz-product body.index-page .hero-visual { max-width: 720px; }
}
@media(max-width:575px) {
 html#cz-product body.index-page .hero.section { padding-top: 80px; }
 html#cz-product body.index-page .section { padding-block: 20px; }
 html#cz-product body.index-page .feature-content .content-inner { padding: 16px; }
 html#cz-product body.index-page .hero .store-pill { font-size: 12px; padding-inline: 10px; }
}
/* Public pages have no application sidebar. */
html#cz-product body.index-page :is(.main,.header,.footer) { margin-inline-start: 0 !important; width: 100% !important; }
html#cz-product body.index-page .header { left: 0 !important; right: 0; }
html#cz-product body.index-page .header-container { background: transparent; box-shadow: none; border-radius: 0; }
html#cz-product body.index-page .features-card :is(.feature-content,.feature-image) { background: var(--cz-surface); color: var(--cz-text); }
html#cz-product body.index-page .feature-content :is(h3,p,li) { color: var(--cz-text); }
html#cz-product body.index-page .section-title > div { text-transform: none; }
html#cz-product body.index-page .header { max-width: none !important; margin-inline: 0 !important; }
html#cz-product body.index-page .features-card { background: var(--cz-surface); }

/* Public feature previews and themed lower-page sections. */
html#cz-product body.index-page .features-card .feature-image { display: flex; align-items: center; padding: 20px; }
html#cz-product body.index-page .features-card .feature-image .dashboard-shot { width: 100%; height: auto !important; max-height: none; object-fit: contain; background: transparent; border: 1px solid var(--cz-line); border-radius: 10px; }
html#cz-product body.index-page .features-card .feature-image .image-overlay { display: none; }
html#cz-product body.index-page :is(.plan-card,.faq-sidebar,.faq-item,.contact-wrapper,.contact-form-section) { background: var(--cz-surface) !important; color: var(--cz-text) !important; border: 1px solid var(--cz-line); box-shadow: var(--cz-shadow); }
html#cz-product body.index-page .plan-card { height: 100%; border-radius: 18px; }
html#cz-product body.index-page .plan-card::before,
html#cz-product body.index-page .plan-card::after { display: none; }
html#cz-product body.index-page :is(.plan-card,.faq-sidebar,.faq-item,.contact-form-section) :is(h2,h3,p,li,label,.value,.free-price,.faq-content,.faq-question,.sidebar-title) { color: var(--cz-text) !important; }
html#cz-product body.index-page :is(.plan-tagline,.cycle,.sidebar-desc,.sidebar-meta,.form-note) { color: var(--cz-muted) !important; }
html#cz-product body.index-page .plan-popular { border-color: var(--cz-accent); }
html#cz-product body.index-page .faq-sidebar { border-radius: 14px; }
html#cz-product body.index-page .faq-item { border-radius: 12px; }
html#cz-product body.index-page .contact-wrapper { border-radius: 20px; overflow: hidden; }
html#cz-product body.index-page .contact-form-section { border: 0; box-shadow: none; }
html#cz-product body.index-page .contact-form-section .form-control { background: var(--cz-bg); color: var(--cz-text); border-color: var(--cz-line); }
html#cz-product body.index-page .contact-form-section .form-control::placeholder { color: var(--cz-muted); opacity: 1; }
@media(max-width:767px) { html#cz-product body.index-page .features-card .feature-image { padding: 12px; } }

html#cz-product body.index-page .ui-preview-wrapper { padding: 0 0 20px; }
html#cz-product body.index-page .ui-preview-wrapper > img { width: 100%; height: auto; background: var(--cz-surface); border: 1px solid var(--cz-line); }
html#cz-product body.index-page .ui-preview-wrapper .floating-badge { right: 12px; bottom: 0; background: var(--cz-surface); color: var(--cz-text); border: 1px solid var(--cz-line); border-radius: 12px; padding: 12px 16px; box-shadow: var(--cz-shadow); }
html#cz-product body.index-page .floating-badge .badge-text span { color: var(--cz-text); font-size: 22px; font-weight: 700; }
html#cz-product body.index-page .floating-badge .badge-text small { color: var(--cz-muted); font-size: 12px; }
html#cz-product body.index-page .footer-about .logo { display: inline-flex; align-items: center; gap: 9px; }
html#cz-product body.index-page .footer-about .logo img { width: 32px; height: 32px; object-fit: contain; }

html#cz-product body.index-page img.dashboard-preview-dark { display: none; }
html#cz-product[data-theme=dark] body.index-page img.dashboard-preview-light { display: none; }
html#cz-product[data-theme=dark] body.index-page img.dashboard-preview-dark { display: block; }