/* Site footer (Nov 11 2026) — the portal footer (_FooterOnboarding.cshtml, Tailwind) rebuilt as plain CSS for the landing
site. px units on purpose: the Dawn layout sets html {font-size:62.5%}. Colours = Tailwind zinc scale as on the portal. */
.da-footer { position: relative; overflow: hidden; margin-top: 0; padding: 0; background: linear-gradient(to bottom, #18181b, #0a0a0a); color: #fff;
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.da-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, #3f3f46, transparent); }
.da-footer .da-footer__glow { position: absolute; top: 0; left: 50%; width: 600px; height: 300px; transform: translateX(-50%); border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(59, 130, 246, .08), transparent 70%); filter: blur(40px); }
.da-footer .da-footer__wrap { position: relative; max-width: 1152px; margin: 0 auto; padding: 40px 16px 24px; }
.da-footer a { color: inherit; text-decoration: none; }
.da-footer p, .da-footer ul, .da-footer h4 { margin: 0; padding: 0; }
.da-footer p { font-size: 14px; line-height: 1.5; color: #a1a1aa; }
.da-footer ul { list-style: none; }
.da-footer img { display: block; }
.da-footer .wl-ico { width: 18px; height: 18px; }

/* main grid */
.da-footer .da-footer__main { display: grid; gap: 32px; padding-bottom: 40px; border-bottom: 1px solid rgba(39, 39, 42, .5); }
.da-footer .da-footer__brand { text-align: center; }
.da-footer .da-footer__logo { display: inline-block; margin-bottom: 16px; transition: opacity .2s; }
.da-footer .da-footer__logo:hover { opacity: .8; }
.da-footer .da-footer__logo img { height: 26px; width: auto; margin: 0 auto; }
.da-footer .da-footer__mission { max-width: 280px; margin: 0 auto 24px; color: #a1a1aa; font-size: 14px; line-height: 1.6; }
.da-footer .da-footer__social { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.da-footer .da-footer__social a { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: rgba(39, 39, 42, .5); border: 1px solid rgba(63, 63, 70, .5); color: #a1a1aa;
  transition: transform .25s ease, background-color .25s ease, border-color .25s ease, color .25s ease; }
.da-footer .da-footer__social a:hover { background: #3f3f46; border-color: #52525b; color: #fff; }
.da-footer .da-footer__social a:active { transform: scale(.95); }
.da-footer .da-footer__social svg { width: 16px; height: 16px; }
.da-footer .da-footer__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.da-footer h4 { margin-bottom: 12px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.da-footer .da-footer__cols ul { display: grid; gap: 4px; }
.da-footer .da-footer__cols li a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; color: #a1a1aa; font-size: 14px; transition: color .2s; }
.da-footer .da-footer__cols li a:hover { color: #fff; }
.da-footer .da-footer__cols li a span { display: none; margin-left: 4px; opacity: 0; transition: opacity .2s, transform .2s; }
.da-footer .da-footer__cols li a:hover span { opacity: 1; transform: translateX(4px); }
.da-footer .da-footer__contact { display: grid; gap: 8px; align-content: start; }
.da-footer .da-footer__hint { color: #a1a1aa; font-size: 12px; font-weight: 500; }
.da-footer .da-footer__sms { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 0; color: #fff; font-size: 14px; font-weight: 500; transition: color .2s; }
.da-footer .da-footer__sms:hover { color: #60a5fa; }
.da-footer .da-footer__fine { color: #71717a; font-size: 12px; }
.da-footer .da-footer__addr { display: grid; gap: 6px; padding-top: 8px; border-top: 1px solid rgba(63, 63, 70, .5); }
.da-footer .da-footer__addr p { color: #a1a1aa; font-size: 14px; }
.da-footer .da-footer__addr > a { display: block; padding: 6px 0; color: #fff; font-size: 14px; overflow-wrap: anywhere; transition: color .2s; }
.da-footer .da-footer__addr > a:hover { color: #60a5fa; }

/* trust pills + certificates */
.da-footer .da-footer__trust { padding: 24px 0; border-bottom: 1px solid rgba(39, 39, 42, .5); }
.da-footer .da-footer__pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.da-footer .da-footer__pills li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(39, 39, 42, .3); border: 1px solid rgba(63, 63, 70, .3); color: #d4d4d8; font-size: 12px; font-weight: 500; white-space: nowrap; }
.da-footer .da-footer__pillico { display: inline-grid; place-items: center; width: 18px; height: 18px; font-size: 11px; font-weight: 700; letter-spacing: .02em; color: #fff; }
.da-footer .da-footer__pillico--green { color: #4ade80; } .da-footer__pillico--blue { color: #60a5fa; } .da-footer__pillico--purple { color: #c084fc; }
.da-footer .da-footer__certs { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(39, 39, 42, .5); }
.da-footer .da-footer__certs a { display: inline-flex; transition: opacity .2s; }
.da-footer .da-footer__certs a:hover { opacity: .9; }
.da-footer .da-footer__certs img { width: 56px; height: 56px; object-fit: contain; }

/* copyright bar */
.da-footer .da-footer__bar { display: flex; flex-direction: column; align-items: center; gap: 16px; padding-top: 24px; color: #71717a; font-size: 12px; }
.da-footer .da-footer__copy { order: 2; text-align: center; }
.da-footer .da-footer__barlinks { order: 1; display: flex; gap: 16px; }
.da-footer .da-footer__barlinks a, .da-footer .da-footer__top { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 8px 4px; color: #71717a; transition: color .2s; }
.da-footer .da-footer__barlinks a:hover, .da-footer .da-footer__top:hover { color: #fff; }
.da-footer .da-footer__top { order: 3; }
.da-footer .da-footer__top .wl-ico { width: 14px; height: 14px; transform: rotate(-45deg); transition: transform .2s; }
.da-footer .da-footer__top:hover .wl-ico { transform: rotate(-45deg) translate(2px, -2px); }

@media (min-width: 640px) {
.da-footer .da-footer__wrap { padding: 56px 24px 32px; }
.da-footer .da-footer__main { gap: 40px; padding-bottom: 64px; }
.da-footer .da-footer__logo img { height: 28px; }
.da-footer .da-footer__social a { width: 40px; height: 40px; }
.da-footer .da-footer__social a:hover { transform: scale(1.1); }
.da-footer .da-footer__cols { gap: 32px; }
.da-footer h4 { margin-bottom: 20px; }
.da-footer .da-footer__cols ul { gap: 12px; }
.da-footer .da-footer__cols li a { min-height: 0; padding: 0; }
.da-footer .da-footer__cols li a span { display: inline; }
.da-footer .da-footer__sms { min-height: 0; padding: 0; }
.da-footer .da-footer__addr > a { padding: 0; }
.da-footer .da-footer__trust { padding: 32px 0; }
.da-footer .da-footer__pills { gap: 24px; }
.da-footer .da-footer__pills li .wl-ico, .da-footer .da-footer__pillico { width: 20px; height: 20px; }
.da-footer .da-footer__certs { gap: 32px; margin-top: 32px; padding-top: 32px; }
.da-footer .da-footer__certs img { width: 64px; height: 64px; }
.da-footer .da-footer__bar { padding-top: 32px; }
.da-footer .da-footer__barlinks a, .da-footer .da-footer__top { min-height: 0; padding: 0; }
}
@media (min-width: 768px) {
.da-footer .da-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.da-footer .da-footer__brand { text-align: left; }
.da-footer .da-footer__logo img, .da-footer .da-footer__mission { margin-left: 0; margin-right: 0; }
.da-footer .da-footer__social { justify-content: flex-start; }
.da-footer .da-footer__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.da-footer .da-footer__pills { gap: 40px; }
.da-footer .da-footer__bar { flex-direction: row; justify-content: space-between; }
.da-footer .da-footer__copy { order: 1; text-align: left; } .da-footer__barlinks { order: 2; gap: 24px; } .da-footer__top { order: 3; }
}
@media (min-width: 1024px) {
.da-footer .da-footer__wrap { padding: 80px 32px 32px; }
.da-footer .da-footer__main { grid-template-columns: 3fr 9fr; gap: 32px; }
}
@media (max-width: 767px) { .da-footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } .da-footer__main { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .da-footer * { transition: none !important; } }