:root { --u: calc(100vw / 816); --ink-1: #16283c; --ink-2: #2c3e50; --ink-3: #5a6b7c; --ink-deep: #0b1b2b; --blue-1: #29a8e0; --blue-2: #1b8fcb; --tint: #eff7fd; --hair: #d3e2ee; font-family: Barlow, Helvetica, Arial, sans-serif; color: var(--ink-1); }
html, body { margin: 0; padding: 0; background: #fff; }
.page { box-sizing: border-box; width: 100vw; height: calc(1054 * var(--u)); display: flex; flex-direction: column; overflow: hidden; break-after: auto; page-break-after: auto; }
.page > * { flex-shrink: 0; }
.logo { height: calc(40 * var(--u)); width: auto; display: block; }
.partner { height: calc(40 * var(--u)); width: auto; max-width: calc(220 * var(--u)); object-fit: contain; display: block; }
.page { justify-content: space-between; background: linear-gradient(155deg, #d8ebf8 0%, #eff7fd 55%, #fff 100%); }
.top { padding: calc(38 * var(--u)); display: flex; align-items: center; gap: calc(28 * var(--u)); }
.top .logo, .top .partner { height: calc(56 * var(--u)); }
.lower { padding: 0 calc(38 * var(--u)) calc(38 * var(--u)); }
.kicker { font-weight: 700; font-size: calc(9 * var(--u)); letter-spacing: 0.3em; text-transform: uppercase; color: var(--blue-2); }
.line { margin-top: calc(10 * var(--u)); font-size: calc(32 * var(--u)); line-height: 1; font-weight: 800; letter-spacing: -0.02em; }
.contact { margin-top: calc(20 * var(--u)); padding-top: calc(12 * var(--u)); border-top: 1px solid #c7ddee; display: flex; gap: calc(28 * var(--u)); font-weight: 700; font-size: calc(10.5 * var(--u)); letter-spacing: 0.1em; }
.copy { margin-top: calc(14 * var(--u)); font-size: calc(10 * var(--u)); line-height: 1.5; color: var(--ink-3); }
.copy:empty { display: none; }

/* long unbroken text (a very long name or URL) breaks instead of widening the page */
.page { overflow-wrap: anywhere; }

/* ---- Brand fonts: Poppins body, Montserrat 600 labels and table headers, League Spartan bold headlines; Barlow stays for figures and the client name. */
html, body, button, input, select, textarea { font-family: Poppins, Helvetica, Arial, sans-serif; }
.kicker { font-family: Montserrat, "Poppins", Helvetica, Arial, sans-serif; font-weight: 600; }
.line { font-family: "League Spartan", "Poppins", Helvetica, Arial, sans-serif; font-weight: 800; letter-spacing: -0.02em; }
.contact { font-family: Montserrat, "Poppins", Helvetica, Arial, sans-serif; font-weight: 600; }

/* ---- Brand colors: deep navy #002e5b, slate navy #283a54, brand blue #2381bf, medium blue #0b5697. */
:root { --ink-1: #002e5b; --ink-2: #283a54; --ink-deep: #002e5b; --blue-1: #2381bf; --blue-2: #0b5697; }