body.sales-page .sales-top { width: min(1280px, calc(100% - 64px)); max-width: 1280px; padding: 24px 0; gap: 32px; border-bottom: 1px solid var(--t-bd); }
body.sales-page .sales-top .brand { display: inline-flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 650; }
.sales-top nav { display: flex; gap: 28px; margin-left: auto; }
.sales-top nav a { color: var(--t-fg2); font-size: 12px; }
body.sales-page .sales-hero { width: min(1200px, calc(100% - 64px)); padding: 70px 0; display: grid; grid-template-columns: 1.1fr 1fr; gap: 0 80px; text-align: left; }
body.sales-page .sales-hero .brand-hero { grid-column: 1; font-size: 10px; color: var(--t-ac); font-weight: 600; letter-spacing: .18em; margin: 0 0 24px; }
body.sales-page .sales-hero h1 { grid-column: 1; font-size: clamp(56px, 6.7vw, 94px); font-weight: 750; line-height: .99; letter-spacing: -.06em; margin: 0 0 28px; }
body.sales-page .sales-hero h1 em { font-family: Figtree, sans-serif; font-weight: 400; color: var(--t-ac); }
body.sales-page .sales-hero .lede { grid-column: 1; max-width: 36ch; margin: 0 0 30px; font-size: 16px; line-height: 1.75; }
body.sales-page .sales-cta-row { grid-column: 1; justify-content: start; }
.welcome-directory { grid-column: 2; grid-row: 1 / 5; align-self: center; background: var(--t-bg2); color: var(--t-fg); padding: 30px; border-radius: 12px; transform: none; }
.welcome-directory-label { display: block; padding-bottom: 22px; font-size: 10px; font-weight: 700; letter-spacing: .16em; border-bottom: 1px solid var(--t-bd); }
.welcome-directory a { display: flex; align-items: center; gap: 20px; padding: 26px 0; border-bottom: 1px solid var(--t-bd); color: inherit; }
.welcome-directory a:hover strong { text-decoration: underline; text-underline-offset: 5px; }
.welcome-directory a > span { font-size: 10px; color: var(--t-fg2); }
.welcome-directory a > div { flex: 1; }
.welcome-directory strong { display: block; font-size: 21px; font-weight: 750; letter-spacing: -.03em; }
.welcome-directory small { display: block; font-size: 11px; color: var(--t-fg2); margin-top: 6px; }
.welcome-directory a > b { font-size: 22px; font-weight: 400; }
.welcome-directory-signature { display: flex; align-items: center; justify-content: space-between; padding-top: 24px; font-size: 12px; }
.welcome-directory-signature i { font: italic bold 42px Figtree, sans-serif; }
body.sales-page .sales-section { width: min(1200px, calc(100% - 64px)); padding: 48px 0; text-align: left; border-top: 1px solid var(--t-bd); }
body.sales-page .sales-section h2 { font-size: 34px; font-weight: 750; letter-spacing: -.04em; }
body.sales-page .sales-section .sub { text-align: left; margin-left: 0; }
body.sales-page .feature-list { gap: 20px; margin-top: 28px; }
body.sales-page .feature-item { border-radius: 10px; padding: 26px; background: var(--t-bg2); box-shadow: none !important; }
body.sales-page .feature-item h3 { font-size: 19px; font-weight: 600; margin-bottom: 10px; }
body.sales-page .feature-item p { font-size: 14px; line-height: 1.7; }
body.sales-page .sales-bottom { width: min(1200px, calc(100% - 64px)); margin: 32px auto; padding: 48px; border: 1px solid var(--t-bd); background: var(--t-bg2); border-radius: 12px; }
body.sales-page .sales-bottom h2 { font: 750 48px Figtree, sans-serif; letter-spacing: -.04em; }
@media (max-width: 860px) {
  body.sales-page .sales-top { width: calc(100% - 40px); gap: 18px; flex-wrap: wrap; }
  .sales-top nav { order: 2; flex-basis: 100%; margin: 0; }
  body.sales-page .sales-top > .btn-ghost { margin-left: auto; }
  body.sales-page .sales-hero { grid-template-columns: 1fr; width: calc(100% - 40px); padding: 40px 0; }
  .welcome-directory { grid-column: 1; grid-row: auto; margin: 40px 6px 12px; transform: rotate(1deg); }
  body.sales-page .sales-section, body.sales-page .sales-bottom { width: calc(100% - 40px); }
  body.sales-page .sales-bottom { padding: 30px; }
}