/* The kymo marketing footer: full-bleed ink band, dot grid, EKG trace sweep.
   Extracted verbatim from public/index.html's inline <style> so the homepage
   and every public/compare/*.html page render the SAME footer instead of the
   homepage having this one and the comparison pages a thin four-link strip.

   Two mirrors of this footer exist and must be changed together:
     - this file + kymo-footer.js  (all static pages under public/)
     - app/(site)/_components/SiteFooter.js + app/footer.css  (React surfaces:
       /blog, /aeo, /docs, /crawlers, /tools, /report)
   The React one cannot import this file, and these static pages have no build
   step that could import the React one, so the duplication is structural.

   Loaded with a <link>, which means it applies AFTER each page's inline
   <style>; nothing here depends on that ordering, but keep it in mind. */

/* ---------- footer (full-bleed dot-theatre reprise — closing bookend) ---------- */
/* pulse.css styles the bare `footer` element for the dashboard
   (display:flex, margin-top) — reset both. Full viewport width: no
   max-width on the footer itself; inner content sits in .footer-wrap
   (the same 1060px column the sections use) so columns align. */
.mkt-footer{display:block;margin-top:0;background-color:#33240D;
  background-image:radial-gradient(rgba(245,235,214,0.13) 1px,transparent 1px);
  background-size:14px 14px;font-family:'IBM Plex Mono',monospace;color:#F5EBD6}
.footer-wrap{max-width:1060px;margin:0 auto;padding:0 24px}
/* brand-plate lockup */
.footer-brand{display:flex;align-items:center;gap:9px;padding-top:32px;margin-bottom:20px}
.footer-brand .footer-brand-link{display:flex;align-items:center;gap:9px;text-decoration:none}
.footer-brand .footer-brand-link:hover .wm{color:#F0997B}
.footer-brand .footer-brand-link:focus-visible{outline:2px solid #D85A30;outline-offset:4px}
.footer-brand .plate{width:28px;height:28px;flex:none;background:#D85A30;
  display:flex;align-items:center;justify-content:center}
.footer-brand .plate svg{width:20px;height:12px}
.footer-brand .plate svg path{stroke:#F5EBD6}
.footer-brand .wm{font-size:14px;color:#F5EBD6;transition:color .15s}
.footer-brand .tag{font-size:11px;color:#F0997B}
/* full-bleed EKG trace canvas — transparent so the dot grid shows through.
   Fixed 60px height reserved so a JS/no-JS failure never shifts layout. */
.footer-trace{display:block;width:100%;height:60px}
/* links row */
.footer-links{display:flex;justify-content:space-between;align-items:center;gap:16px;
  flex-wrap:wrap;border-top:1px dashed rgba(245,235,214,0.25);padding:20px 0}
.footer-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.footer-links .fl-left{gap:22px}
.footer-links .fl-right{gap:18px}
.footer-links .fl-left a{font-size:13px;color:#F5EBD6}
.footer-links .fl-right a{font-size:13px;color:rgba(245,235,214,0.6)} /* 5.9:1 on ink — passes AA */
/* baseline (attribution + copyright): 0.55 alpha = 4.85:1 on ink (0.5
   measured 4.26:1 and failed AA, so bumped up per the contrast check) */
.footer-base{display:flex;justify-content:space-between;align-items:center;gap:16px;
  flex-wrap:wrap;padding-bottom:22px;font-size:12px;color:rgba(245,235,214,0.55)}
/* links: no underline at rest; orange dashed underline on hover */
.mkt-footer a{color:inherit;text-decoration:none;transition:color 120ms}
.mkt-footer a:hover{color:#D85A30;text-decoration:underline dashed;
  text-decoration-thickness:1px;text-underline-offset:3px}
.mkt-footer a:focus-visible{outline:2px solid #F0997B;outline-offset:2px;border-radius:0}
/* orange baseline — the last pixels of the page, full-bleed */
.footer-baseline{height:6px;background:#D85A30}
@media (max-width:640px){
  .footer-brand{padding-top:24px}
  .footer-links{flex-direction:column;align-items:flex-start;gap:12px}
  .footer-base{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:18px}
}