/* Shared marketing language; scoped to landing surfaces to preserve the reader.
   Bootstrap owns layout and controls; these rules supply the editorial brand. */
:root { --marketing-serif: Georgia, 'Times New Roman', serif; --marketing-web: #ece7dc; --marketing-local: #e3ede8; --marketing-section-space: clamp(2.75rem, 6vw, 5rem); }
#homeView, .download-page { background: var(--desk-bg); background-image: radial-gradient(ellipse 80% 40rem at 10% 5%, #eae3d8aa, transparent 80%); box-shadow: none; }
#homeView .home-main, .download-page #downloadMain { max-width: 1240px; }
#homeView .home-header, .download-page .home-header { background: var(--desk-bg); border-color: #dedbd480 !important; backdrop-filter: none; }
#homeView .home-main { padding-top: 2.5rem !important; gap: 0 !important; }
#homeView .home-main > section:not(.home-hero-section), .download-page .download-section { padding-block: var(--marketing-section-space) !important; }
#homeView .home-main > section:not(.home-hero-section), .download-page .download-section:not(.download-hero) { border-radius: 0; background: transparent; box-shadow: none; border: 0; border-top: 1px solid var(--bs-border-color); }
#homeView .home-main > section { --home-support: var(--desk-teal); --home-support-soft: var(--marketing-local); }
#homeView .home-main > section:not(.home-hero-section) { padding-inline: 0 !important; }
#homeView .home-feature-kicker, .download-page .home-feature-kicker { color: var(--desk-muted); font-size: .7rem; letter-spacing: .13em; font-weight: 600; }
#homeView .home-main h2:not(.home-feature-kicker), .download-page .download-section > h2 { font-family: var(--marketing-serif); font-size: clamp(2rem, 3vw, 2.9rem); font-weight: 400 !important; line-height: 1.12; letter-spacing: -.045em; color: var(--desk-ink); }
#homeView .home-headline, .download-page .download-headline { font-family: var(--marketing-serif); font-size: clamp(2.7rem, 4.7vw, 4.2rem); font-weight: 400 !important; letter-spacing: -.045em; line-height: 1.04; }
#homeView .home-headline span { color: var(--desk-teal); font-style: italic; }
#homeView .home-hero-section { background: var(--marketing-web); margin: 0 0 2rem; padding-block: clamp(2rem, 4vw, 3.5rem); border-radius: 1rem; }
#homeView .home-upload-button { box-shadow: none; }
#homeView .home-upload-button::after { display: none; }
#homeView .btn-primary, #homeView .btn-outline-primary, .download-page .btn-primary, .download-page .btn-outline-primary { border-radius: 50rem !important; box-shadow: none; }
#homeView .home-main .example-card { background: var(--desk-paper); --example-support: var(--desk-teal); --example-soft: var(--marketing-local); box-shadow: none; border-color: var(--bs-border-color); }
#homeView .usp-comparison { background: var(--marketing-local) !important; box-shadow: none !important; border-color: transparent !important; }
#homeView .pricing-plan-card { background: var(--marketing-web); border: 1px solid #ffffff90; box-shadow: none; border-radius: 1rem; }
#homeView .pricing-plan-cards > div:last-child .pricing-plan-card { background: var(--marketing-local); }
#homeView .home-about-section .card, #homeView .home-about-response { background: var(--desk-paper); box-shadow: none; border-color: var(--bs-border-color); }
.download-page #downloadMain { padding-top: 2.5rem !important; }
.download-page .download-hero { background: transparent; border-radius: 0; padding-inline: 0; }
.download-page .download-card { background: var(--desk-paper); border: 1px solid #ffffff90; box-shadow: none; }
.download-page .download-app-mark { background: var(--marketing-local); border: 0; box-shadow: none; color: var(--desk-teal); }
.download-page .download-card-footer { background: var(--desk-panel); }
.download-page .download-button, .download-page .download-workspace-local .btn-primary { --bs-btn-bg: #28675c; --bs-btn-border-color: #28675c; --bs-btn-hover-bg: #1d5148; --bs-btn-hover-border-color: #1d5148; }
.download-page .download-feature-area { --area-color: var(--desk-teal); background: var(--desk-paper); border-color: var(--bs-border-color); box-shadow: none; }
.download-page .download-workspace-local { background: var(--marketing-local); border-color: #ffffff90; }
.download-page .download-web .card:not(.download-workspace-local) { background: var(--marketing-web); border-color: #ffffff90; box-shadow: none; }
#homeView :focus-visible, .download-page :focus-visible { outline: 2px solid var(--desk-teal); outline-offset: 4px; }
@media (max-width: 575.98px) {
 #homeView .home-main > section:not(.home-hero-section) { margin-inline: .5rem; }
 #homeView .home-headline, .download-page .download-headline { font-size: 2.9rem; }
 .download-page .download-section { padding-inline: 0; }
}
/* Static editorial type replaces the older shimmer effect. */
#homeView .home-headline, #homeView .home-headline span { background: none; -webkit-text-fill-color: currentColor; animation: none; }
#homeView .home-headline { color: var(--desk-ink); }
#homeView .home-headline-desktop span { display: block; }
@media (max-width: 575.98px) {
 #homeView .home-headline-mobile { font-size: clamp(1.8rem, 8.4vw, 2.15rem); }
 #homeView .home-headline-mobile span:nth-child(-n + 2) { color: var(--desk-ink); font-style: normal; }
}
/* Section dividers align with the content edge without Bootstrap row overhang. */
#homeView .home-main > section:not(.home-hero-section) > .row { margin-inline: 0; }
#homeView #featureShared > .row { margin-inline: 0; }

/* A compact product hero leads into benefits on the neutral page surface. */
.download-page .download-hero { padding-block: clamp(2rem, 3vw, 3rem) !important; }
.download-page .download-app-mark { width: 3rem; height: 3rem; border-radius: .8rem; font-size: 1.9rem; }
.download-page .download-benefit-strip { padding-block: 2.5rem; }
/* Metadata may wrap on narrow phone covers instead of escaping the download card. */
@media (max-width: 399.98px) { .download-page #downloadVersion { white-space: normal !important; text-wrap: balance; } }
/* A quiet paper surface groups the three review layers as one feature section. */
#homeView .home-main > #featureSection { background: var(--marketing-web); border: 0; border-radius: 1rem; padding-inline: clamp(1.25rem, 3vw, 3rem) !important; }
/* Let the flex container center the actual copy rather than an empty fixed-height box. */
#homeView .usp-detail-inner { min-height: 0; }
/* The Web entry keeps its upload flow in a quiet centered introduction. */
#homeView .home-main > .web-centered-hero { background: transparent; padding-inline: 0 !important; border-radius: 0; }
#homeView .web-centered-hero .home-headline { display: block; }
#homeView .web-centered-hero .home-lead { min-height: 0; }
/* A restrained video frame reserves space for the forthcoming product demo. */
#homeView .web-demo-placeholder, .download-page .web-demo-placeholder { background: var(--marketing-local); border: 1px solid #ffffff90; color: var(--desk-teal); }
#homeView #webDemoPlaceholderTitle, .download-page #localDemoPlaceholderTitle { font-family: inherit; font-size: 1.15rem; font-weight: 500 !important; letter-spacing: 0; line-height: 1.4; }

/* Balance the Local introduction with its adjacent 16:9 demo frame. */
.download-page .download-hero .download-headline { max-width: none; font-size: clamp(2.5rem, 3.4vw, 3.35rem); }

/* Shared content edges and compact tablet rows avoid nested gutters and empty space. */
@media (max-width: 991.98px) {
 .download-page .download-section { padding-inline: 0; }
 .download-page .download-benefits { --bs-gutter-x: 0; --bs-gutter-y: 1.5rem; }
 .download-page .download-benefits > div + div { border-top: 1px solid var(--bs-border-color); padding-top: 1.5rem; }
 .download-page .download-benefits > div > i { width: 1.75rem; }
 .download-page .download-lead { max-width: 40rem; margin-inline: auto; }
 .download-page .role-card .role-slogan { min-height: 0; }
 .download-page .role-section > .row { row-gap: 5.5rem !important; }
}
@media (max-width: 767.98px) {
 .download-page #downloadCard { padding: 1.25rem !important; }
 .download-page #downloadCard .row { --bs-gutter-y: 1.25rem; }
 .download-page #downloadCard .download-button { width: 100%; }
 .download-page #downloadCard .row > div:last-child { text-align: center; }
 #homeView .home-hero-section .home-lead { font-size: 1rem !important; }
}

/* Consistent phone gutters and an opaque sticky header preserve reading contrast. */
@media (max-width: 767.98px) {
 .download-page #downloadMain, #homeView .home-main { padding-inline: 1.25rem; }
}

/* Quiet product navigation shares the pill shape of the landing-page controls. */
.home-header .site-product-link, .concept-header .site-product-link { color: var(--desk-muted); font-size: .9rem; font-weight: 400; border: 1px solid transparent; transition: background-color .15s ease, color .15s ease; }
.home-header .site-product-link:hover, .concept-header .site-product-link:hover { color: var(--desk-ink); background: var(--desk-panel); }
.home-header .site-product-link[aria-current="page"], .concept-header .site-product-link[aria-current="page"] { color: var(--desk-teal); background: var(--marketing-local); border-color: #287b7715; }
.home-header .site-product-link:focus-visible, .concept-header .site-product-link:focus-visible { outline: 2px solid var(--desk-teal); outline-offset: 3px; }
@media (max-width: 991.98px) { #sitePrimaryNavigation .navbar-nav { flex-direction: row; padding-block: .75rem .25rem; } }