/* MailDriver.ai website. Brand tokens from the approved MailDriver brand (MD-130), as on the proposal pages. */
@font-face{font-family:Manrope;font-style:normal;font-weight:700 800;font-display:swap;src:url(/assets/fonts/manrope-wght.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/inter-wght.woff2) format("woff2")}
:root{
  --brand:#0E6B6B; --brand-deep:#0B5656; --ink:#13202B; --body:#475561; --paper:#FBFAF7; --band:#EEF3F1; --mark:#B8322A; --deco:#E3A63B;
  --font-display:"Manrope",ui-sans-serif,system-ui,sans-serif; --font-body:"Inter",ui-sans-serif,system-ui,sans-serif;
  --rule:color-mix(in srgb,var(--ink) 14%,transparent); --wrap:1180px; --gut:clamp(20px,5vw,56px); --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--body);font:400 1.0625rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased}
main{flex:1}
::selection{background:color-mix(in srgb,var(--brand) 22%,transparent);color:var(--ink)}
a{color:var(--brand);text-underline-offset:.2em}
a:hover{color:var(--brand-deep)}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}
h1,h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.025em;text-wrap:balance}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:20;padding:8px 12px;background:#fff;border-radius:8px}

.masthead{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--rule);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
.masthead-in{display:flex;align-items:center;min-height:68px}
.masthead-home{display:inline-flex}
.masthead-logo{height:32px;width:auto;display:block}

.hero{padding:clamp(48px,8vw,112px) 0 clamp(48px,7vw,104px)}
.hero-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center}
.pill{display:inline-block;margin:0 0 22px;padding:6px 14px;border-radius:999px;background:var(--band);color:var(--brand-deep);font:700 .8125rem/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase}
.hero h1{margin:0;font-size:clamp(2rem,1.2rem + 3.4vw,3.5rem);font-weight:800;line-height:1.04;letter-spacing:-.035em;max-width:20ch}
.nb{white-space:nowrap}
.lede{margin:24px 0 0;max-width:36rem;font-size:1.1875rem;line-height:1.55}
.contact{margin:28px 0 0;color:var(--ink);font-weight:600}
.hero-mark{width:100%;height:auto;overflow:visible}
.hero-mark .route{stroke:var(--deco)}
.hero-mark .card-shadow{fill:color-mix(in srgb,var(--ink) 9%,transparent)}
.hero-mark .card-face{fill:#fff;stroke:var(--rule);stroke-width:1}
.hero-mark .card-rule{stroke:var(--rule)}
.hero-mark .card-line{fill:var(--ink);opacity:.85}
.hero-mark .card-line.soft{fill:var(--body);opacity:.22}
.hero-mark .stamp-edge{fill:#fff;stroke:var(--deco);stroke-width:2;stroke-dasharray:3 3}
.hero-mark .stamp-face{fill:var(--brand)}
.hero-mark .stamp-env{stroke:#fff}
.hero-mark .postmark{stroke:var(--mark);opacity:.55}
.hero-mark>g{animation:arrive 1.1s .15s var(--ease) both}
@keyframes arrive{from{opacity:0;transform:translate(-18px,14px) rotate(-4deg)}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.hero-mark>g{animation:none}}
@media (max-width:820px){.hero-in{grid-template-columns:1fr}.hero-art{max-width:420px}}

.legal{max-width:46rem;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px)}
.legal h1{margin:0 0 .5rem;font-size:clamp(2rem,1.4rem + 2.4vw,3rem);font-weight:800;line-height:1.06}
.legal h2{margin:2.25rem 0 .5rem;font-size:1.25rem;font-weight:800}
.legal .version{margin:0 0 2rem;color:var(--body);font-size:.9375rem}
.legal .note{padding:.75rem 1rem;border-radius:10px;background:var(--band);color:var(--ink)}
.legal li{margin:.35rem 0}
.notfound{padding-top:clamp(48px,8vw,112px);padding-bottom:clamp(48px,8vw,112px)}
.notfound h1{margin:0 0 1rem;font-size:clamp(2rem,1.4rem + 2.4vw,3rem);font-weight:800}

.foot{border-top:1px solid var(--rule);background:var(--band)}
.foot-in{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:24px;font-size:.9375rem}
.foot-legal{margin:0}
.foot-links{margin:0;display:flex;gap:20px}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}