@import url('/field-guide.css');
:root { --paper: #eef1f6; --ink: #172438; }
body { background: var(--paper); color: var(--ink); }
.sales-nav { max-width: 1180px; margin: auto; padding: 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; border-bottom: 1px solid #d5dce6; }
.sales-nav nav { display: flex; flex-wrap: wrap; gap: 22px; font-size: 14px; }
.wordmark { font-size: 30px; font-weight: 750; letter-spacing: -.06em; text-decoration: none; }
.sales-main { max-width: 1120px; margin: auto; padding: 0 24px; }
.sales-hero { padding: 90px 0 65px; display: grid; grid-template-columns: 1.5fr 1fr; align-items: center; gap: 60px; }
.sales-hero h1 { font-size: clamp(40px, 5.5vw, 72px); line-height: 1.04; letter-spacing: -.045em; margin: 18px 0 28px; }
.sales-hero .lead { color: #5a687b; font-size: 21px; line-height: 1.6; }
.sales-main .button.outline { color: #172438; }
.sales-main .button { font-size: 14px; }
.story-map .eyebrow { color: #dfe7f4; }
.actions { flex-wrap: wrap; }
.eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; }
.story-map { background: #172438; color: #ffffff; padding: 30px; border-radius: 4px; }
.story-map ol { list-style: none; padding: 0; margin: 0; counter-reset: story; }
.story-map li { counter-increment: story; padding: 20px 0; border-top: 1px solid #64748b; }
.story-map li::before { content: '0' counter(story); color: #dfe7f4; font-size: 12px; margin-right: 14px; }
.story-map strong { font-size: 20px; }
.story-map p { font-size: 14px; line-height: 1.6; margin: 8px 0 0 30px; }
.sales-section { padding: 54px 0; border-top: 1px solid #d5dce6; scroll-margin-top: 24px; }
.sales-section h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.15; letter-spacing: -.025em; max-width: 850px; margin: 10px 0 24px; }
.sales-section > p { max-width: 76ch; line-height: 1.7; }
.sales-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.sales-grid.two { grid-template-columns: repeat(2, 1fr); }
.sales-card { background: #ffffff; border: 1px solid #d5dce6; border-radius: 4px; padding: 26px; }
.sales-card h3 { font-size: 22px; margin: 10px 0; line-height: 1.25; }
.sales-card p, .sales-card li { line-height: 1.65; font-size: 15px; }
.sales-card ul, .sales-card ol { padding-left: 20px; }
.sales-card li + li { margin-top: 10px; }
.sales-card a { font-weight: 650; }
.callout-note { padding: 20px 24px; background: #e9eefb; border-left: 4px solid #2859ce; border-radius: 0 4px 4px 0; line-height: 1.7; margin: 24px 0; }
.say { font-size: 24px; line-height: 1.5; margin: 24px 0; max-width: 900px; }
.detail-list details { padding: 20px 0; border-bottom: 1px solid #d5dce6; }
.detail-list summary { cursor: pointer; font-weight: 650; font-size: 18px; }
.detail-list p { max-width: 85ch; line-height: 1.7; }
.status-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.status-table th, .status-table td { text-align: left; vertical-align: top; padding: 16px 12px; border-bottom: 1px solid #d5dce6; line-height: 1.55; }
.status-table th { background: #e9eefb; }
.table-scroll { overflow-x: auto; }
.sales-footer { padding: 32px 24px; max-width: 1120px; margin: auto; border-top: 1px solid #d5dce6; font-size: 13px; line-height: 1.7; }
.muted { color: #5a687b; font-size: 13px; }
.route-list { padding-left: 22px; max-width: 86ch; }
.route-list li { padding: 10px 0; line-height: 1.7; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline:3px solid #2859ce; outline-offset:4px; }
@media (max-width: 760px) { .sales-hero { grid-template-columns: 1fr; gap: 26px; padding: 40px 0; } .sales-grid, .sales-grid.two { grid-template-columns: 1fr; } .sales-section { padding: 36px 0; } .sales-nav { padding: 18px 24px; } .sales-nav nav { gap: 12px; } }
@media print { .sales-nav nav, .actions { display: none; } .sales-hero { padding: 24px 0; } .sales-section { padding: 22px 0; } .sales-card { break-inside: avoid; } .sales-grid { display: block; } .sales-card { margin-bottom: 12px; } details::details-content { content-visibility: visible; } body { background: white; } a { color: inherit; } }