.marketing { --paper: #f6f4ef; --ink: #18181b; --muted: #505761; --surface: #fff; --line: #dcdedc; --blue: #1858cf; background: var(--paper); color: var(--ink); }
.marketing .site-header, .marketing .site-footer, .marketing .page { max-width: 1140px; }
.marketing .brand-mark { background: #1c6bff; color: #fff; border: 0; box-shadow: none; font-size: 23px; }
.marketing .hero { gap: 64px; grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr); padding-top: 32px; }
.marketing .hero h1 { font-family: Georgia, serif; font-size: clamp(2.5rem, 4.8vw, 4.3rem); line-height: 1.07; letter-spacing: -.035em; }
.marketing em { color: #b94724; font-style: normal; }
.marketing h2 { font-size: clamp(1.65rem, 3vw, 2.3rem); line-height: 1.15; letter-spacing: -.025em; }
.marketing .eyebrow { font-size: .72rem; letter-spacing: .13em; font-weight: 750; margin: 0 0 18px; }
.hero-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; margin-top: 28px; }
.download-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 52px; padding: 14px 20px; background: #1858cf; border: 1px solid transparent; border-radius: 10px; color: #fff; font-weight: 700; text-decoration: none; text-align: center; }
.download-button:hover { background: #1246a6; }
.text-link { font-weight: 650; }
.marketing .fine-print { font-size: .85rem; line-height: 1.7; }
.product-proof { margin: 0; text-align: center; }
.product-proof img { width: min(100%, 280px); height: auto; border: 1px solid var(--line); border-radius: 28px; background: var(--surface); box-shadow: 0 14px 35px #0b102b12; }
figcaption { color: var(--muted); font-size: .8rem; margin-top: 12px; }
.marketing .card { box-shadow: none; padding: 25px; border-radius: 12px; }
.step { display: block; font-size: .68rem; font-weight: 700; letter-spacing: .1em; color: var(--blue); margin-bottom: 15px; }
.marketing .card h2, .marketing .card h3 { font-size: 1.2rem; letter-spacing: -.015em; }
.marketing .card p + p { margin-top: 16px; }
.demo-section { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; padding: 75px 0; }
.demo-section p { color: var(--muted); max-width: 44ch; }
.demo-player { margin: 0; text-align: center; }
.demo-player video { display: block; width: 100%; max-height: 520px; background: #0b102b; border-radius: 14px; }
.offer-section { border-top: 1px solid var(--line); padding: 54px 0; }
.offer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 28px; }
.offer-grid .text-link { display: inline-block; margin-top: 22px; min-height: 44px; }
.full-offer { border-top: 3px solid var(--blue) !important; }
.faq-section { padding: 25px 0 45px; max-width: 780px; }
details { border-bottom: 1px solid var(--line); padding: 18px 0; }
summary { cursor: pointer; font-weight: 650; min-height: 30px; }
details p { color: var(--muted); }
.closing { border-top: 1px solid var(--line); padding: 40px 0 55px; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 18px; }
a:focus-visible, summary:focus-visible, video:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
.skip-link { position: absolute; left: 16px; top: -100px; background: var(--surface); padding: 12px; z-index: 2; }
.skip-link:focus { top: 12px; }
@media (prefers-color-scheme: dark) {
 .marketing { --paper: #0f1115; --ink: #f2f2f2; --muted: #b4bcc7; --surface: #141820; --line: #343b46; --blue: #8edcff; }
 .marketing em { color: #e37853; }
 .marketing .download-button { background: #1c6bff; color: #fff; }
 .marketing .download-button:hover { background: #1858cf; }
}
@media (max-width: 780px) {
 .marketing .hero, .demo-section, .offer-grid { grid-template-columns: 1fr; gap: 28px; }
 .marketing .hero { padding-top: 18px; }
 .marketing .hero h1 { font-size: 2.7rem; }
 .product-proof img { width: 230px; }
 .demo-section { padding: 45px 0; }
 .marketing .site-nav a { padding: 8px 0; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }