@font-face { font-family: 'Coattail Inter'; src: url('/assets/fonts/inter/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
body.marketing-support { background: #fff; color: #22262d; font-family: 'Coattail Inter', Arial, sans-serif; font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
.support-nav { max-width: 1440px; margin: auto; padding: 24px 32px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.support-nav img { display: block; width: 124px; height: auto; }
.support-links, .support-account { display: flex; align-items: center; gap: 28px; }
.support-nav a { color: #68717e; font-size: 14px; font-weight: 500; text-decoration: none; }
.support-nav a:hover { color: #22262d; }
.support-account a { color: #22262d; }
.support-nav .support-button { background: #2285ff; color: #fff; border-radius: 999px; padding: 12px 24px; transition: transform .18s; }
.support-button:hover { transform: translateY(-2px); }
.marketing-support .container, .marketing-support .contact-section { max-width: 880px; padding: 64px 28px 88px; margin: auto; }
.marketing-support h1, .marketing-support .contact-headline { color: #22262d; font-size: clamp(36px, 5vw, 56px); line-height: 1.12; letter-spacing: -.045em; font-weight: 500; margin-bottom: 24px; }
.marketing-support h2 { color: #22262d; font-weight: 500; font-size: 25px; margin-top: 44px; }
.marketing-support h3, .marketing-support strong, .marketing-support .contact-card-title { color: #22262d; font-weight: 600; }
.marketing-support p, .marketing-support li, .marketing-support .contact-sub { color: #68717e; }
.marketing-support .meta, .marketing-support .contact-eyebrow, .marketing-support .contact-card-label { color: #77808e; font-weight: 400; }
.marketing-support .badge { background: #f1f3f6; color: #77808e; border-radius: 999px; font-weight: 500; letter-spacing: .08em; }
.marketing-support .container a, .marketing-support .contact-card a { color: #2285ff; text-underline-offset: 3px; }
.marketing-support .warning, .marketing-support .highlight { background: #f5f6f8; border: 1px solid #e2e5ea; border-radius: 20px; padding: 24px; color: #68717e; }
.marketing-support .contact-card { border: 1px solid #e2e5ea; border-radius: 24px; box-shadow: none; }
.marketing-support .policy-table { display: block; max-width: 100%; overflow-x: auto; border: 1px solid #e2e5ea; border-radius: 16px; }
.marketing-support .policy-table th { background: #f5f6f8; color: #22262d; }
.marketing-support hr, .marketing-support .meta { border-color: #e2e5ea; }
.marketing-support footer, .marketing-support .landing-footer { background: #fff; border-top: 1px solid #e2e5ea; padding: 32px 24px; color: #77808e; }
.marketing-support footer a, .marketing-support .footer-links a, .marketing-support .footer-fine { color: #68717e; }
.marketing-support .footer-logo { filter: none; opacity: 1; }
body.marketing-support.page-legal .container { width: 100%; max-width: 880px; margin: 0; box-sizing: border-box; }
@media(max-width: 780px) {
  body.marketing-support.page-legal .legal-layout { width: 100%; display: block; }
  body.marketing-support.page-legal .legal-contents { padding: 40px 28px 0; }
  body.marketing-support.page-legal .legal-contents nav { position: static; max-height: none; overflow: visible; padding-bottom: 24px; border-bottom: 1px solid #e2e5ea; }
  body.marketing-support.page-legal .legal-contents h2 { margin-bottom: 12px; }
  body.marketing-support.page-legal .legal-contents a { padding: 5px 0; }
}
@media(max-width: 900px) { .support-links { display: none; } }
@media(max-width: 540px) { .support-nav { padding: 20px; gap: 16px; } .support-nav img { width: 106px; } .support-account { gap: 12px; } .support-nav .support-button { padding: 9px 16px; } .marketing-support .container, .marketing-support .contact-section { padding: 40px 20px 64px; } body.marketing-support.page-legal .legal-contents { padding: 32px 20px 0; } .marketing-support .contact-cards { grid-template-columns: 1fr; } }
@media(prefers-reduced-motion:reduce) { .support-nav .support-button { transition: none; transform: none; } }
