:root {
  --dust: #DAD7CD;
  --fern: #52754F;
  --pine: #344E41;
  --ink: var(--pine);
  --muted: #515C54;
  --line: #B5B2A7;
  --paper: var(--dust);
  --sidebar: var(--pine);
  --surface: #F6F4ED;
  --accent: var(--fern);
  --mint: #E3ECDF;
  --mint-strong: #3A5A40;
  --peach: #F1E5D5;
  --lavender: #E7E5DF;
  --yellow: #F1E9D2;
}
body:not(.landing-active) { background: var(--dust); color: var(--pine); }
body:not(.landing-active) .sidebar { background: var(--pine); color: var(--surface); border-right: 0; }
body:not(.landing-active) .brand { color: var(--surface); }
body:not(.landing-active) .brand-mark { background: var(--fern); color: #fff; border-radius: 3px; }
body:not(.landing-active) .workspace { background: #40594b; color: var(--surface); border-color: #ffffff35; border-radius: 3px; }
body:not(.landing-active) .workspace small, body:not(.landing-active) .user-card small { color: var(--muted); }
body:not(.landing-active) .sidebar .avatar { background: var(--dust); color: var(--pine); }
body:not(.landing-active) .workspace .avatar, body:not(.landing-active) .org-logo, body:not(.landing-active) .organization-logo-preview { overflow: hidden; }
body:not(.landing-active) .workspace .avatar img, body:not(.landing-active) .org-logo img, body:not(.landing-active) .organization-logo-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
body:not(.landing-active) .organization-logo-control { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 12px; margin: 0 0 18px; }
body:not(.landing-active) .organization-logo-preview { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--dust); color: var(--pine); font-weight: 700; }
body:not(.landing-active) .organization-logo-control label { margin: 0; }
body:not(.landing-active) .organization-logo-control small { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; }
body:not(.landing-active) .nav-label { color: #c4cec2; }
body:not(.landing-active) .nav-item { border-radius: 3px; color: #e3e8df; }
body:not(.landing-active) .nav-item:hover:not(.active) { background: #40594b; color: #fff; }
body:not(.landing-active) .nav-item.active { background: var(--fern); color: #fff; font-weight: 700; box-shadow: none; }
body:not(.landing-active) .nav-item b { border-radius: 3px; background: #496252; color: var(--surface); }
body:not(.landing-active) .nav-item b.alert { background: #496252; color: var(--surface); }
body:not(.landing-active) .sidebar .user-card { border-color: #ffffff35; color: var(--surface); }
body:not(.landing-active) .sidebar .user-card small { color: #d2dbd0; }
body:not(.landing-active) main { background: var(--dust); }
body:not(.landing-active) .topbar { background: var(--surface); border-color: var(--line); }
body:not(.landing-active) .breadcrumb { color: var(--pine); }
body:not(.landing-active) .breadcrumb span, body:not(.landing-active) .breadcrumb em { color: var(--muted); }
body:not(.landing-active) .content { background: var(--dust); }
body:not(.landing-active) .page-heading h1, body:not(.landing-active) .panel h2, body:not(.landing-active) .quick-card h3 { color: var(--pine); letter-spacing: -.8px; }
body:not(.landing-active) .eyebrow, body:not(.landing-active) .subheading { color: var(--muted); }
body:not(.landing-active) .primary { border: 1px solid var(--pine); border-radius: 3px; background: var(--pine); color: var(--surface); transition: background .15s,color .15s; }
body:not(.landing-active) .primary:hover { border-color: var(--fern); background: var(--fern); color: #fff; }
body:not(.landing-active) .filter { border: 1px solid var(--pine); border-radius: 3px; background: var(--surface); color: var(--pine); }
body:not(.landing-active) .filter:hover { border-color: var(--fern); background: #E7E8DE; color: var(--pine); }
body:not(.landing-active) .stats article, body:not(.landing-active) .panel { border: 1px solid var(--line); border-radius: 4px; background: var(--surface); box-shadow: 0 5px 18px #344E4110; }
body:not(.landing-active) .stat-top { color: var(--muted); }
body:not(.landing-active) .stat-icon { border-radius: 3px; background: #E8E7DF; color: var(--pine); }
body:not(.landing-active) .stats small, body:not(.landing-active) .panel-heading p { color: var(--muted); }
body:not(.landing-active) .event-row .date { border-radius: 3px; background: #E8E7DF; color: var(--pine); }
body:not(.landing-active) .content .event-list .event-row { width: 100%; border-top: 0; border-left: 0; border-right: 0; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }
body:not(.landing-active) .content .event-list .event-row:hover { background: #E8E7DF; }
body:not(.landing-active) .content .event-list .event-row:focus-visible { outline: 2px solid var(--fern); outline-offset: 2px; }
body:not(.landing-active) .tag { border-radius: 3px; }
body:not(.landing-active) .tag-review, body:not(.landing-active) .tag-missing { background: #F1E9D2; color: #6B531E; }
body:not(.landing-active) .tag-ready { background: #E3ECDF; color: var(--pine); }
body:not(.landing-active) .tag-sent, body:not(.landing-active) .tag-new { background: #E8E7DF; color: var(--pine); }
body:not(.landing-active) .tag-rejected { background: #F1DEDA; color: #843F39; }
body:not(.landing-active) .panel-heading a, body:not(.landing-active) .management-link { color: var(--pine); text-decoration-color: var(--fern); }
body:not(.landing-active) .quick-card { border: 1px solid var(--line); border-left: 4px solid var(--fern); border-radius: 3px; background: #E8E7DF; }
body:not(.landing-active) .quick-card p { color: var(--muted); }
body:not(.landing-active) .quick-icon { border-radius: 3px; background: var(--fern); color: #fff; }
body:not(.landing-active) .quote-card { border-radius: 3px; background: var(--pine); color: var(--surface); }
body:not(.landing-active) .quote-card > span, body:not(.landing-active) .quote-card small { color: var(--dust); }
body:not(.landing-active) .secondary { border-color: var(--pine); border-radius: 3px; background: var(--surface); color: var(--pine); }
body:not(.landing-active) .language-picker select { appearance: auto; width: 84px; min-width: 84px; height: 38px; padding: 7px 8px; border: 1px solid var(--pine); border-left: 4px solid var(--fern); border-radius: 3px; background: var(--surface); color: var(--pine); font: 700 11px 'DM Sans',sans-serif; }
body:not(.landing-active) input:not([type=checkbox]):not([type=radio]), body:not(.landing-active) select, body:not(.landing-active) textarea { border-color: var(--pine); border-radius: 3px; background: var(--surface); color: var(--pine); }
body:not(.landing-active) :is(input,select,textarea):focus-visible, body:not(.landing-active) button:focus-visible, body:not(.landing-active) a:focus-visible { outline: 2px solid var(--fern); outline-offset: 2px; }
body:not(.landing-active) .user-mini { background: var(--fern); color: #fff; }
body:not(.landing-active) .icon-button { color: var(--pine); }
body:not(.landing-active) .login-screen, body:not(.landing-active) .login-card { background: var(--dust); }
body:not(.landing-active) .login-brand .brand-mark { background: var(--fern); color: #fff; }
body:not(.landing-active) .login-aside { background: var(--pine); }
body:not(.landing-active) .login-aside:before { border-color: #65786A; }
body:not(.landing-active) .aside-mark { color: #40594B; }
body:not(.landing-active) .login-aside p { color: var(--surface); }
body:not(.landing-active) .login-aside small { color: #D9E0D7; }
body:not(.landing-active) .login-card input { border-color: var(--pine); border-radius: 3px; background: var(--surface); }
body:not(.landing-active) .login-card input:focus { border-color: var(--fern); box-shadow: 0 0 0 3px #52754F33; }
body:not(.landing-active) .management-tabs button[aria-selected=true] { border-color: var(--fern); color: var(--pine); }
body:not(.landing-active) .management-panel-card, body:not(.landing-active) .management-tree, body:not(.landing-active) .management-settings { border-color: var(--line); border-radius: 4px; background: var(--surface); }
body:not(.landing-active) .management-role-badge, body:not(.landing-active) .management-chip { border: 1px solid var(--line); border-radius: 3px; background: #E8E7DF; color: var(--pine); }
body:not(.landing-active) .management-tree-child { border-color: var(--line); border-radius: 3px; background: var(--surface); }
body:not(.landing-active) .management-tree-person { border-radius: 3px; background: #E8E7DF; }
body:not(.landing-active) .workspace-menu, body:not(.landing-active) .event-popover { border-color: var(--line); border-radius: 3px; background: var(--surface); color: var(--pine); }
body:not(.landing-active) .workspace-menu button, body:not(.landing-active) .popover-event { border-radius: 3px; background: var(--surface); color: var(--pine); }
body:not(.landing-active) .workspace-menu button:hover, body:not(.landing-active) .popover-event:hover { background: #E8E7DF; }
body:not(.landing-active) .calendar-grid span { border-radius: 3px; }
body:not(.landing-active) .calendar-grid span:hover, body:not(.landing-active) .calendar-grid span.selected { border-radius: 3px; background: var(--fern) !important; color: #fff !important; }
body:not(.landing-active) .calendar-grid .today { color: var(--pine); box-shadow: inset 0 0 0 2px var(--fern); }
body:not(.landing-active) .calendar-grid span.interested-day { background: #E8E7DF; }
body:not(.landing-active) .agenda-item.interested-event { border-radius: 3px; }
body:not(.landing-active) .selected-item, body:not(.landing-active) .agenda-item:hover { background: #E8E7DF; }

/* Match the application's shared controls and cards to the landing surfaces. */
body:not(.landing-active) .topbar { height: 88px; padding-right: clamp(22px,5vw,76px); padding-left: clamp(22px,5vw,76px); }
body:not(.landing-active) .content { max-width: 1480px; padding-right: clamp(22px,5vw,76px); padding-left: clamp(22px,5vw,76px); }
body:not(.landing-active) :is(.stats article,.panel,.quick-card,.quote-card,.management-panel-card,.management-tree,.management-settings,.management-tree-child,.contact-group,.contact-modal-box,.workspace-menu,.event-popover,.send-stats>div,.send-list,.send-edit-panel,.event-contact,.request-card) { border-radius: 3px; }
body:not(.landing-active) button:not(.icon-button):not(.user-mini):not(.nav-item) { border-radius: 3px; font-family: 'DM Sans',sans-serif; }
body:not(.landing-active) :is(.management-tabs button,.manual-role-tabs button,.management-role-badge,.management-chip,.tag,.workspace-menu button,.popover-event,.contact-row-actions button) { border-radius: 3px; }
body:not(.landing-active) .manual-role-tabs button { border-color: var(--line); background: var(--surface); color: var(--pine); }
body:not(.landing-active) .manual-role-tabs button[aria-pressed=true] { border-color: var(--fern); background: #E3ECDF; color: var(--pine); }

/* Keep the real event and email flows in the landing's visual language. */
body:not(.landing-active) .event-detail-modal { background: #26372fbb; }
body:not(.landing-active) .event-detail-box { border: 1px solid var(--line); border-top: 5px solid var(--fern); border-radius: 3px; background: var(--surface); color: var(--pine); box-shadow: 0 24px 70px #1b2b2240; }
body:not(.landing-active) .event-detail-box .eyebrow { color: var(--fern); font-weight: 700; letter-spacing: 1.1px; }
body:not(.landing-active) .event-detail-title-line h2 { color: var(--pine); font: 600 clamp(25px,3vw,34px)/1.08 'Space Grotesk',sans-serif; letter-spacing: -1px; }
body:not(.landing-active) .event-detail-box .detail-venue { color: var(--muted); }
body:not(.landing-active) .detail-summary { border-color: var(--line); }
body:not(.landing-active) .detail-summary span { color: var(--fern); font-weight: 700; letter-spacing: .8px; }
body:not(.landing-active) .detail-summary strong, body:not(.landing-active) .detail-summary a { color: var(--pine); }
body:not(.landing-active) .event-rescan-panel, body:not(.landing-active) .empty-requests { border: 1px solid var(--line); border-radius: 3px; background: #E8E7DF; color: var(--pine); }
body:not(.landing-active) .event-rescan-panel strong, body:not(.landing-active) .detail-contacts-heading strong { color: var(--pine); }
body:not(.landing-active) .event-rescan-panel small, body:not(.landing-active) .detail-contacts-heading small { color: var(--muted); }
body:not(.landing-active) .event-contact, body:not(.landing-active) .request-card { border-color: var(--line); border-radius: 3px; background: var(--surface); color: var(--pine); }
body:not(.landing-active) .event-contact strong, body:not(.landing-active) .request-card strong { color: var(--pine); }
body:not(.landing-active) .event-contact small, body:not(.landing-active) .request-card small { color: var(--muted); }
body:not(.landing-active) .join-role-label, body:not(.landing-active) .join-contexts { color: var(--pine); }
body:not(.landing-active) .sends-view .send-stats>div, body:not(.landing-active) .sends-view .send-list, body:not(.landing-active) .send-edit-panel { border: 1px solid var(--line); border-radius: 3px; background: var(--surface); color: var(--pine); box-shadow: 0 5px 18px #344E4110; }
body:not(.landing-active) .send-edit-panel { border-top: 4px solid var(--fern); }
body:not(.landing-active) .send-edit-panel label { color: var(--pine); }
body:not(.landing-active) .send-edit-panel input, body:not(.landing-active) .send-edit-panel textarea { border-color: var(--line); border-radius: 3px; background: #fffefa; color: var(--pine); }
body:not(.landing-active) .send-row { border-color: var(--line); }
body:not(.landing-active) .send-label { border-radius: 3px; }
body:not(.landing-active) .send-progress { margin: 4px 0 18px; padding: 19px 22px; background: var(--pine); color: var(--surface); }
body:not(.landing-active) .send-progress-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 13px; border-bottom: 1px solid #ffffff30; }
body:not(.landing-active) .send-progress-heading small { color: #d4ddcf; font-size: 9px; font-weight: 700; letter-spacing: 1px; }
body:not(.landing-active) .send-progress-heading span { color: #c4cdc3; font-size: 9px; }
body:not(.landing-active) .send-progress-list { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; padding-top: 17px; }
body:not(.landing-active) .send-progress-list::before { position: absolute; top: 26px; left: 8%; right: 8%; height: 1px; background: #ffffff40; content: ''; }
body:not(.landing-active) .send-progress-step { position: relative; display: grid; align-content: start; grid-template-columns: 23px 1fr; gap: 8px; min-width: 0; }
body:not(.landing-active) .send-progress-marker { z-index: 1; display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid #aebbad; border-radius: 50%; background: var(--pine); color: #e7eee3; font-size: 9px; }
body:not(.landing-active) .send-progress-step.done .send-progress-marker { border-color: var(--fern); background: var(--fern); color: #fff; }
body:not(.landing-active) .send-progress-step.current .send-progress-marker { border-color: #d4ddcf; box-shadow: 0 0 0 3px #ffffff1a; }
body:not(.landing-active) .send-progress-copy { display: grid; gap: 4px; min-width: 0; }
body:not(.landing-active) .send-progress-copy strong { color: #fff; font-size: 10px; }
body:not(.landing-active) .send-progress-copy small, body:not(.landing-active) .send-progress-step time { color: #c4cdc3; font-size: 9px; line-height: 1.4; }
body:not(.landing-active) .send-progress-step time { grid-column: 2; margin-top: 1px; }
body:not(.landing-active) .contact-group, body:not(.landing-active) .contact-modal-box { border-color: var(--line); border-radius: 3px; background: var(--surface); color: var(--pine); }
body:not(.landing-active) .contact-group { box-shadow: 0 5px 18px #344E4110; }
body:not(.landing-active) .contact-group .group-heading { border-color: var(--line); }
body:not(.landing-active) .contact-group .group-heading h2 { color: var(--pine); }
body:not(.landing-active) .contact-group .group-heading p, body:not(.landing-active) .contact-row small { color: var(--muted); }
body:not(.landing-active) .contact-row-actions button { border-color: var(--pine); border-radius: 3px; background: var(--surface); color: var(--pine); }

/* Shared VALLFROST surfaces, applied after component styles are injected. */
body:not(.landing-active) :is(.content,.events-view,.organizations-view,.contacts-view,.sends-view,.send-edit-view,.settings-view,.audit-view,.members-view,.personal-view,.organization-personal-view,.previas-view,.management-view) { width: 100%; max-width: 1480px; min-height: calc(100vh - 88px); margin: 0; padding: 43px clamp(22px,5vw,76px) 55px; }
body:not(.landing-active) :is(.page-heading h1,.panel h2,.management-panel-card h2,.management-tree h2,.personal-panel h2) { color: var(--pine); font-family: 'Space Grotesk',sans-serif; }
body:not(.landing-active) :is(.org-entry-panel,.organization-card,.org-global-search-panel,.personal-stats>div,.personal-panel,.email-template-panel,.subscription-plan-card,.subscription-onboarding-card,.signup-box,.member-modal-box,.top-popover,.account-menu,.event-interest-people-menu,.event-rescan-panel,.event-contact,.request-card,.empty-requests,.empty-contacts,.admin-event-controls,.send-stats>div,.send-list,.send-edit-panel,.contact-group,.contact-modal-box,.management-panel-card,.management-tree,.management-settings,.management-tree-child,.management-code-result,.management-survey-answer,.manual-reader,.manual-launch-panel,.audit-panel,.members-panel,.management-error) { border: 1px solid var(--line); border-radius: 3px; background: var(--surface); color: var(--pine); box-shadow: none; }
body:not(.landing-active) :is(.org-entry-panel,.organization-card,.org-global-search-panel,.personal-stats>div,.personal-panel,.email-template-panel,.subscription-plan-card,.subscription-onboarding-card,.signup-box,.member-modal-box,.top-popover,.account-menu,.event-interest-people-menu,.event-rescan-panel,.event-contact,.request-card,.empty-requests,.empty-contacts,.admin-event-controls,.send-stats>div,.send-list,.send-edit-panel,.contact-group,.contact-modal-box,.management-panel-card,.management-tree,.management-settings,.management-tree-child,.management-code-result,.management-survey-answer,.audit-panel,.members-panel,.management-error) :is(h2,h3,strong) { color: var(--pine); }
body:not(.landing-active) :is(.org-entry-panel,.organization-card,.org-global-search-panel,.personal-stats>div,.personal-panel,.email-template-panel,.subscription-plan-card,.subscription-onboarding-card,.signup-box,.member-modal-box,.top-popover,.account-menu,.event-interest-people-menu,.event-rescan-panel,.event-contact,.request-card,.empty-requests,.empty-contacts,.admin-event-controls,.send-stats>div,.send-list,.send-edit-panel,.contact-group,.contact-modal-box,.management-panel-card,.management-tree,.management-settings,.management-tree-child,.management-code-result,.management-survey-answer,.audit-panel,.members-panel,.management-error) :is(p,small,label) { color: var(--muted); }
body:not(.landing-active) :is(.org-entry-panel,.organization-card,.org-global-search-panel,.personal-stats>div,.personal-panel,.email-template-panel,.subscription-plan-card,.subscription-onboarding-card,.signup-box,.member-modal-box,.top-popover,.account-menu,.event-popover,.event-interest-people-menu,.event-rescan-panel,.event-contact,.request-card,.empty-requests,.empty-contacts,.admin-event-controls,.send-stats>div,.send-list,.send-edit-panel,.contact-group,.contact-modal-box,.management-panel-card,.management-tree,.management-settings,.management-tree-child,.management-code-result,.management-survey-answer,.audit-panel,.members-panel,.management-error,.management-org-member,.management-access-row,.management-user-row,.personal-row,.send-row,.contact-row,.audit-row,.member-row) { border-radius: 3px; }
body:not(.landing-active) :is(.org-entry-panel,.organization-card,.org-global-search-panel,.personal-stats>div,.personal-panel,.email-template-panel,.subscription-plan-card,.subscription-onboarding-card,.signup-box,.member-modal-box,.top-popover,.account-menu,.event-interest-people-menu,.event-rescan-panel,.event-contact,.request-card,.empty-requests,.empty-contacts,.admin-event-controls,.send-stats>div,.send-list,.send-edit-panel,.contact-group,.contact-modal-box,.management-panel-card,.management-tree,.management-settings,.management-tree-child,.management-code-result,.management-survey-answer,.audit-panel,.members-panel,.management-error) { border-color: var(--line); background: var(--surface); }
body:not(.landing-active) :is(.org-entry-choice.active,.management-tabs button[aria-selected=true],.manual-role-tabs button[aria-pressed=true],.join-context-option:has(input:checked)) { border-color: var(--fern); background: var(--mint); color: var(--pine); }
body:not(.landing-active) :is(.org-logo,.company-logo,.org-purple,.management-tree-person,.management-role-badge,.management-chip,.management-survey-answer,.management-code-result,.subscription-shared-note,.personal-quick-panel,.join-context-option,.detail-previa,.empty-requests,.empty-contacts,.event-rescan-panel,.admin-event-controls,.event-interest-toggle,.event-type-badge,.send-label,.personal-label,.member-status,.org-status,.muted-status,.previas-status,.previas-permission,.previas-aux-count,.tag,.management-error,.audit-kind) { background: var(--mint); color: var(--pine); }
body:not(.landing-active) :is(.org-purple,.avatar-purple,.avatar-blue,.avatar-orange,.avatar-mint) { background: var(--dust); color: var(--pine); }
body:not(.landing-active) :is(.org-actions button,.contact-row-actions button,.member-actions button) { border: 1px solid var(--pine); border-radius: 3px; background: var(--surface); color: var(--pine); }
body:not(.landing-active) :is(.event-detail-modal,.contact-modal,.member-modal,.signup-modal,.subscription-onboarding) { background: #344E41cc; }
body:not(.landing-active) :is(.organization-card,.org-global-search-panel,.org-entry-panel,.contact-group,.event-detail-box,.send-edit-panel,.subscription-plan-card,.subscription-onboarding-card,.signup-box,.member-modal-box,.contact-modal-box,.management-error,.manual-reader,.manual-launch-panel):focus-within { border-color: var(--fern); }
body:not(.landing-active) .send-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 16px; }
body:not(.landing-active) .send-stats>div { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 7px 10px; min-width: 0; padding: 15px 17px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface); color: var(--muted); }
body:not(.landing-active) .send-stats>div strong { grid-column: 1; grid-row: 2; color: var(--pine); font: 600 25px 'Space Grotesk',sans-serif; }
body:not(.landing-active) .send-stats>div span { grid-column: 1; grid-row: 1; font-size: 11px; }
body:not(.landing-active) .template-roster { border: 1px solid var(--line); border-radius: 3px; background: var(--mint); color: var(--pine); }
body:not(.landing-active) .contact-search { border-color: var(--pine); border-radius: 3px; background: var(--surface); color: var(--muted); }
body:not(.landing-active) .empty-state { border: 1px solid var(--line); border-radius: 3px; background: var(--surface); color: var(--muted); }
body:not(.landing-active) .workspace .workspace-role { color: #d2dbd0 !important; }
body:not(.landing-active) .workspace>div>strong { color: var(--surface); }
body:not(.landing-active) .management-error { border-color: #c9a69c; background: var(--peach); color: #71453d; }
body:not(.landing-active) :is(.personal-label.rejected,.tag-rejected) { background: var(--peach); color: #843f39; }
body:not(.landing-active) :is(.personal-label.pending,.tag-review,.tag-missing,.send-label) { background: var(--yellow); color: #6b531e; }
body:not(.landing-active) .send-label.generated { background: var(--dust); color: var(--pine); }
body:not(.landing-active) :is(.personal-label.accepted,.send-label.sent,.tag-ready) { background: var(--mint); color: var(--pine); }

/* Landing and signed-in screens share the palette and type, while keeping their layouts. */
body.landing-active .landing-page { background: var(--dust); color: var(--pine); }
body.landing-active .landing-header { border-color: var(--line); }
body.landing-active :is(.landing-wordmark,.landing-nav a,.landing-footer>a:last-child,.landing-hero h1,.landing-section-heading h2,.landing-zone-copy h3,.demo-heading h2) { color: var(--pine); }
body.landing-active :is(.landing-hero h1 em,.landing-section-heading h2 em,.landing-zones-intro h2 em) { color: var(--fern); }
body.landing-active :is(.landing-eyebrow,.landing-lede,.landing-proof,.landing-section-heading p,.landing-steps p,.landing-zone-copy>p:last-child,.landing-nav a) { color: var(--muted); }
body.landing-active .landing-eyebrow>span { background: var(--fern); box-shadow: 0 0 0 4px var(--mint); }
body.landing-active .landing-cta-primary { border-color: var(--pine); border-radius: 3px; background: var(--pine); color: var(--surface); }
body.landing-active :is(.landing-cta-primary span,.landing-cta-secondary span,.landing-footer>a:last-child span) { color: var(--fern); }
body.landing-active .landing-stage { background-image: radial-gradient(#B5B2A7 1px,transparent 1px); }
body.landing-active .landing-stage:before,body.landing-active .landing-stage:after { border-color: var(--line); }
body.landing-active .landing-poster { background: var(--fern); color: var(--surface); box-shadow: 8px 9px 0 var(--pine); }
body.landing-active :is(.landing-demo,.agenda-demo,.event-sheet-demo,.team-demo,.email-demo,.contacts-demo) { border-color: var(--line); border-radius: 3px; background: var(--surface); box-shadow: 0 10px 25px #344E4112; }
body.landing-active .landing-demo { box-shadow: 0 17px 45px #344E411c; }
body.landing-active .landing-header { background: var(--surface); }
body.landing-active .landing-demo-brand { background: var(--surface); }
body.landing-active .landing-demo-sidebar { border-color: #ffffff24; background: var(--pine); color: var(--surface); }
body.landing-active .landing-demo-sidebar>small { color: #c4cec2; }
body.landing-active .landing-demo-sidebar>span { color: #e3e8df; }
body.landing-active .landing-demo-sidebar>span.active { background: var(--fern); color: #fff; }
body.landing-active .landing-cta-primary span { color: var(--surface); }
body.landing-active .landing-end .landing-cta-primary span { color: var(--pine); }
body.landing-active :is(.landing-steps,.landing-step) { border-color: var(--line); }
body.landing-active :is(.step-number,.step-mark,.landing-zone-kicker,.agenda-demo-top>span,.team-demo-person>b,.email-demo header>span:last-child,.email-demo footer,.contacts-demo header>span,.contacts-demo-row>b,.contacts-demo-preview small,.event-sheet-preview b) { color: var(--fern); }
body.landing-active :is(.demo-example,.demo-status,.request-icon,.request-wait,.avatar-green,.avatar-purple,.contact-type,.contacts-demo-preview,.team-demo header>span,.agenda-demo-row time) { background: var(--mint); color: var(--pine); }
body.landing-active .demo-tabs button[aria-selected=true]:after { background: var(--fern); }
body.landing-active :is(.request-demo,.event-sheet-cover,.landing-end) { background: var(--pine); color: var(--surface); }
body.landing-active :is(.request-demo-heading strong,.request-status-grid strong,.event-sheet-cover,.landing-end) { color: var(--surface); }
body.landing-active .landing-zone:nth-of-type(even)::before { background: var(--surface); }
body.landing-active .landing-language-picker select { border-color: var(--pine); border-left-color: var(--fern); border-radius: 3px; background: var(--surface); color: var(--pine); }
body.landing-active .landing-event-preview { border-color: var(--line); border-top-color: var(--fern); border-radius: 3px; background: var(--surface); color: var(--pine); }

@media(max-width:760px) {
  body:not(.landing-active) .topbar { height: 72px; }
  body:not(.landing-active) :is(.content,.events-view,.organizations-view,.contacts-view,.sends-view,.send-edit-view,.settings-view,.audit-view,.members-view,.personal-view,.organization-personal-view,.previas-view,.management-view) { min-height: calc(100vh - 72px); padding: 25px 20px 35px; }
  body:not(.landing-active) .send-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:not(.landing-active) .send-progress { padding: 16px; }
  body:not(.landing-active) .send-progress-list { grid-template-columns: 1fr; gap: 10px; }
  body:not(.landing-active) .send-progress-list::before { top: 27px; bottom: 27px; left: 10px; right: auto; width: 1px; height: auto; }
  body:not(.landing-active) .send-progress-step { grid-template-columns: 22px 1fr; }
  body:not(.landing-active) .send-progress-step time { grid-column: 2; }
}
@media(max-width:420px) { body:not(.landing-active) .send-stats { grid-template-columns: 1fr; } }