/* Chaitda landing — responsive (loads from , no JS required) */ .ch-nav { position: sticky; top: 0; z-index: 100; display: flex; flex-wrap: wrap; align-items: center; padding: 18px 56px; border-bottom: 1px solid #e6e3dd; background: rgba(246, 245, 242, 0.85); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .ch-nav-brand { display: flex; align-items: center; gap: 11px; flex-shrink: 0; } .ch-nav-toggle { display: none; margin-left: auto; background: none; border: 1px solid #d8d3c8; border-radius: 10px; width: 44px; height: 44px; align-items: center; justify-content: center; color: #14213d; font-size: 22px; line-height: 1; cursor: pointer; flex-shrink: 0; } .ch-nav-toggle[aria-expanded="true"] { background: #14213d; color: #fff; border-color: #14213d; } .ch-nav-links { display: flex; align-items: center; gap: 34px; margin-left: auto; } .ch-nav-links a { white-space: nowrap; } .ch-hero-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 64px; align-items: center; } .ch-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; } .ch-benefits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .ch-demos-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; } .ch-contact-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: center; } .ch-contact-perks { display: flex; gap: 24px; flex-wrap: wrap; } .ch-compliance { display: flex; align-items: center; gap: 16px; } .ch-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; } .ch-footer-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } @media (max-width: 900px) { html, body { overflow-x: hidden; } .ch-nav { padding: 14px 20px; } .ch-nav-toggle { display: inline-flex !important; } .ch-nav-links { display: none !important; flex-basis: 100%; order: 3; flex-direction: column; align-items: stretch; gap: 0; margin-left: 0; margin-top: 0; padding: 12px 0 4px; border-top: 1px solid #ebe7de; } .ch-nav-links.is-open { display: flex !important; } .ch-nav-links a { padding: 12px 0; border-bottom: 1px solid #ebe7de; white-space: normal; } .ch-nav-links a:last-child { margin-top: 8px; border-bottom: none; text-align: center; } .ch-hero { padding: 56px 20px 48px !important; } .ch-hero-grid { grid-template-columns: 1fr !important; gap: 36px !important; } .ch-hero h1 { font-size: 38px !important; line-height: 1.18 !important; } .ch-hero-visual .ch-hero-badge { position: relative !important; bottom: auto !important; left: auto !important; margin-top: 16px; } .ch-hero-actions { flex-direction: column; } .ch-hero-actions a { text-align: center; width: 100%; } .ch-pad-x { padding-left: 20px !important; padding-right: 20px !important; } .ch-benefits { padding: 64px 20px !important; } .ch-benefits h2 { font-size: 30px !important; } .ch-benefits-grid { grid-template-columns: 1fr !important; } .ch-demos { padding: 0 20px 64px !important; } .ch-demos-head { flex-direction: column; align-items: flex-start !important; } .ch-demos h2 { font-size: 30px !important; } .ch-contact { padding: 0 20px 56px !important; } .ch-contact-inner { padding: 36px 24px !important; } .ch-contact-grid { grid-template-columns: 1fr !important; gap: 28px !important; } .ch-contact h2 { font-size: 32px !important; } .ch-contact-perks { flex-direction: column; gap: 10px !important; } .ch-compliance { flex-direction: column; align-items: flex-start !important; padding: 18px 20px !important; } .ch-footer { padding: 28px 20px !important; flex-direction: column; align-items: flex-start !important; } } @media (max-width: 480px) { .ch-hero h1 { font-size: 32px !important; } .ch-nav .ch-brand-sub { display: none; } }