/* Professional wholesale palette: deep navy, clear blue, and cool neutrals. */
:root { --navy: #0a2d5d; --blue: #1b73bd; --ink: #132a45; --mist: #e7f1fa; --line: #b9d1e3; }
body { background: #f7fbff; }
.site-header { height: 108px; background: #e5f1fbed; border-bottom-color: #bdd8eb; }
.brand img { width: 310px; height: 82px; }
.hero { position: relative; background: radial-gradient(circle at 82% 24%, #edf8ff 0, transparent 20%), radial-gradient(circle at 16% 92%, #8dc4eb 0, transparent 39%), linear-gradient(118deg, #b7daf4 0%, #dbeefe 54%, #b0d5ef 100%); }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .42; background-image: linear-gradient(#2775b945 1px, transparent 1px), linear-gradient(90deg, #2775b945 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg, #000, transparent 85%); }
.hero > * { position: relative; }
.eyebrow { color: #1767aa; font-size: 13px; }
.eyebrow span { background: #1767aa; }
.hero h1 { color: #0a2d5d; }
.hero h1 em { color: #1b73bd; }
.globe-orbit { border-color: #80b8e0; background: radial-gradient(circle, #f8fcff 35%, #c3e0f5 100%); }
.globe-orbit::before, .globe-orbit::after { border-color: #83b8df; }
.hero-footer { border-top-color: #a9cce5; color: #315a7b; }
.intro { display: block; max-width: none; padding-left: max(24px, calc((100vw - 1150px) / 2)); padding-right: max(24px, calc((100vw - 1150px) / 2)); background: #f5faff; }
.intro > div { max-width: 800px; }
.channels { background: #e4f1fb; }
.credentials { max-width: none; padding-left: max(24px, calc((100vw - 1150px) / 2)); padding-right: max(24px, calc((100vw - 1150px) / 2)); grid-template-columns: 1fr 1.3fr; background: #cfe5f7; }
.credentials > div { max-width: 550px; }
.channel-list article { grid-template-columns: 1fr auto; }
.channel-list h3 { font-size: 23px; }
.channel-list p { font-size: 15px; line-height: 1.6; }
.status { border-color: #91b4d1; color: #365d80; }
.status.active { border-color: #4d91c9; background: #d8edf9; color: #23669b; }
.document-card { grid-template-columns: 1fr auto; }
.document-card strong { font-size: 21px; }
.document-card i { color: #4e7396; font-size: 12px; }
.contact { background: radial-gradient(circle at 10% 120%, #1d6fac 0, transparent 45%), linear-gradient(135deg, #0a2d5d, #12487d); }
.sales-email { display: inline-block; margin-top: 23px; padding-bottom: 6px; border-bottom: 1px solid #8fc4ec; font-size: 15px; font-weight: 800; }
.sales-email span { margin-left: 10px; color: #a8d8f7; }
footer { padding-top: 34px; padding-bottom: 34px; background: #c6e1f4; color: #315b7c; }
footer img { width: 245px; height: 58px; }
footer a { color: #0a2d5d; }
.eyebrow, .status, .document-card i { font-family: Manrope, Arial, sans-serif; letter-spacing: .03em; }
.intro div > p, .credentials div > p { font-size: 18px; }
@media (max-width: 760px) { .site-header { height: 82px; } .brand img { width: 205px; height: 64px; } footer img { width: 190px; height: 48px; } .channel-list article, .document-card { grid-template-columns: 1fr; } }