/* ═══════════════════════════════════════════════════════════════════
   BIQc marketing site — shared design system
   Tokens copied verbatim from the canonical brand system
   (frontend/src/styles/liquid-steel-tokens.css :root — LIGHT marketing)
   Source of visual truth: biqc-governance-homepage-mockup.html (approved)
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --canvas:#FFFFFF;
  --canvas-app:#FAFAFA;
  --surface:#FFFFFF;
  --surface-sunken:#F5F5F5;
  --canvas-sage:#F2F4EC;
  --canvas-sage-deep:#EEF1E6;
  --canvas-sage-soft:#F7F8F2;

  --ink-display:#0A0A0A;
  --ink:#171717;
  --ink-secondary:#525252;
  --ink-muted:#737373;
  --ink-subtle:#A3A3A3;
  --ink-inverse:#FFFFFF;

  --lava-600:#E85D00;
  --lava-500:#FF7A1A;
  --lava:#E85D00;
  --lava-deep:#E85D00;
  --lava-ring:rgba(232,93,0,0.18);
  --lava-wash:rgba(232,93,0,0.08);

  --silver-1:#F6F7F9;
  --silver-2:#E8ECF1;
  --silver-3:#D1D8E0;

  --border:rgba(10,10,10,0.08);
  --border-strong:rgba(10,10,10,0.14);

  --positive:#16A34A;
  --positive-wash:#ECFDF5;
  --warning:#D97706;
  --warning-wash:#FFFBEB;
  --info:#2563EB;
  --info-wash:#EFF6FF;
  --positive-ink:#166534;
  --warning-ink:#92400E;
  --negative:#B42318;
  --negative-wash:#FEF3F2;
  --negative-border:#FECDCA;

  --font-display:"Source Serif 4", Georgia, serif;
  --font-marketing-ui:"Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;

  --r-md:8px; --r-lg:12px; --r-xl:16px; --r-2xl:20px; --r-3xl:28px; --r-pill:9999px;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px;

  --elev-1:0 1px 2px rgba(10,10,10,0.04), 0 0 0 1px rgba(10,10,10,0.04);
  --elev-2:0 1px 3px rgba(10,10,10,0.06), 0 8px 24px -4px rgba(10,10,10,0.04);
  --elev-3:0 4px 12px rgba(10,10,10,0.08), 0 32px 64px -16px rgba(10,10,10,0.08);

  --content-max:1280px;
  --topbar-h:68px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:80px;}
html,body{overflow-x:clip;}
body{
  margin:0;
  font-family:var(--font-ui);
  font-size:16px; line-height:1.6;
  color:var(--ink);
  background:var(--canvas);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,p{margin:0;}
a{color:inherit; text-decoration:none;}
img,svg{display:block; max-width:100%;}
::selection{background:var(--lava); color:#fff;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
a:focus-visible,button:focus-visible{outline:2px solid var(--lava); outline-offset:3px; border-radius:8px;}
button{font:inherit;background:none;border:0;padding:0;cursor:pointer;color:inherit;}

/* ─────────────────── NAV ─────────────────── */
.gov-nav{
  position:sticky; top:0; left:0; right:0; z-index:50;
  height:68px;
  background:var(--canvas-app);
  backdrop-filter:blur(24px) saturate(1.5);
  -webkit-backdrop-filter:blur(24px) saturate(1.5);
  border-bottom:1px solid var(--border);
}
.gov-nav-inner{
  height:100%;
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  padding:0 24px;
}
.gov-brand{grid-column:1; justify-self:start; display:flex; align-items:center;}
.b-mark{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:block;}
.gov-brand .b-mark{margin-right:10px;}
.gov-word{
  font-family:var(--font-display);
  font-size:24px; font-weight:600; letter-spacing:-0.012em;
  color:var(--ink-display); line-height:1;
}
.gov-word .q{color:#E85D00; font-weight:700;}
.gov-links{grid-column:2; justify-content:center; gap:26px; display:flex; align-items:center;}
.gov-links a, .gov-links .navdrop > a{
  font-family:var(--font-marketing-ui);
  font-size:13.5px; font-weight:500; color:var(--ink-secondary);
  white-space:nowrap; transition:color .15s ease;
}
.gov-links a:hover,.gov-links a.active{color:var(--ink-display);}
.gov-links a.active{font-weight:600;}

/* Solutions dropdown */
.navdrop{position:relative; display:flex; align-items:center;}
.navdrop > a{display:inline-flex; align-items:center; gap:5px; padding:6px 0;}
.navdrop > a svg{width:12px; height:12px; color:var(--ink-muted); transition:transform .18s ease;}
.navdrop:hover > a svg, .navdrop:focus-within > a svg{transform:rotate(180deg);}
.navdrop-menu{
  position:absolute; top:calc(100% + 8px); left:50%; transform:translate(-50%,4px);
  min-width:230px; padding:8px;
  background:var(--surface); border:1px solid var(--border);
  border-radius:var(--r-xl); box-shadow:var(--elev-3);
  opacity:0; visibility:hidden; transition:opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
}
.navdrop:hover .navdrop-menu, .navdrop:focus-within .navdrop-menu, .navdrop.open .navdrop-menu{
  opacity:1; visibility:visible; transform:translate(-50%,0); transition:opacity .16s ease, transform .16s ease, visibility 0s;
}
.navdrop.open > a svg{transform:rotate(180deg);}
.navdrop-menu a{
  display:block; padding:10px 12px; border-radius:10px;
  font-family:var(--font-marketing-ui); font-size:13.5px; font-weight:500; color:var(--ink-secondary);
}
.navdrop-menu a:hover{background:var(--canvas-sage-soft); color:var(--ink-display);}
.navdrop-menu a .d{display:block; font-size:11.5px; font-weight:400; color:var(--ink-muted); margin-top:1px;}

.gov-actions{grid-column:3; justify-self:end; display:flex; align-items:center; gap:8px;}
.gov-login{
  padding:9px 14px; font-family:var(--font-marketing-ui);
  font-size:13.5px; font-weight:500; color:var(--ink-secondary);
  border-radius:9999px; background:transparent;
}
.gov-login:hover{color:var(--ink-display);}
.gov-specialist{
  padding:9px 18px; font-family:var(--font-marketing-ui);
  font-size:13.5px; font-weight:500; color:#fff; white-space:nowrap;
  border-radius:9999px; background:var(--lava);
  box-shadow:0 4px 14px rgba(232,93,0,0.25);
  transition:background .15s ease;
}
.gov-specialist:hover{background:var(--lava-500);}
.gov-burger{display:none; grid-column:3; justify-self:end; padding:8px; color:var(--ink-secondary);}
.gov-mobile{display:none;}
.gov-mobile a{padding:11px 14px; font-family:var(--font-marketing-ui); font-size:14px; color:var(--ink-secondary); border-radius:10px;}
.gov-mobile a:hover{background:var(--canvas-sage-soft); color:var(--ink-display);}
.gov-mobile .m-group{font-family:var(--font-mono); font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-muted); padding:12px 14px 4px;}
.gov-mobile .m-cta{margin-top:8px; padding:12px 16px; text-align:center; font-weight:500; color:#fff; background:var(--lava); border-radius:9999px; box-shadow:0 4px 14px rgba(232,93,0,0.25);}
.gov-mobile .m-cta:hover{background:var(--lava-500); color:#fff;}

/* ─────────────────── BUTTONS / EYEBROW ─────────────────── */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family:var(--font-marketing-ui); font-size:14.5px; font-weight:500;
  border-radius:9999px; padding:12px 22px; cursor:pointer;
  transition:transform .16s ease, box-shadow .2s ease, background .15s ease, border-color .15s ease;
}
.btn svg{width:17px; height:17px;}
.btn-primary{color:#fff; background:var(--lava); box-shadow:0 4px 14px rgba(232,93,0,0.25);}
.btn-primary:hover{background:var(--lava-500); transform:translateY(-1px); box-shadow:0 8px 22px rgba(232,93,0,0.3);}
.btn-primary .arrow{transition:transform .18s ease;}
.btn-primary:hover .arrow{transform:translateX(3px);}
.btn-ghost{color:var(--ink-display); background:var(--surface); border:1px solid var(--border-strong);}
.btn-ghost:hover{transform:translateY(-1px); border-color:var(--ink-display);}
.btn-ghost svg{color:var(--lava);}

.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 14px 6px 11px; border-radius:9999px;
  background:rgba(255,255,255,0.7);
  border:1px solid rgba(10,10,10,0.1);
  box-shadow:0 2px 8px rgba(10,10,10,0.04);
  font-family:var(--font-marketing-ui);
  font-size:12.5px; font-weight:600; color:var(--ink-display);
}
.eyebrow .ping{position:relative; display:inline-flex; width:8px; height:8px;}
.eyebrow .ping i{position:absolute; inset:0; border-radius:50%; background:var(--lava);}
.eyebrow .ping i:first-child{opacity:.65; animation:auPing 2.2s ease-out infinite;}
@keyframes auPing{0%{transform:scale(1);opacity:.65;}80%,100%{transform:scale(2.4);opacity:0;}}

/* ─────────────────── PAGE SCAFFOLD (subpages) ─────────────────── */
.page-hero{background:var(--canvas); padding:clamp(40px,6vw,72px) 0 clamp(22px,3vw,36px);}
.page-hero-inner{max-width:var(--content-max); margin:0 auto; padding:0 clamp(20px,4vw,40px);}
.page-h1{
  font-family:var(--font-display);
  font-size:clamp(28px,3vw + 0.4rem,42px);
  line-height:1.12; letter-spacing:-0.022em; font-weight:500;
  color:var(--ink-display); max-width:22ch; margin-top:16px;
}
.page-sub{
  margin-top:16px; font-family:var(--font-marketing-ui);
  font-size:clamp(14.5px,0.5vw + 12px,16.5px); line-height:1.6;
  color:var(--ink-secondary); max-width:58ch;
}
.section{max-width:var(--content-max); margin:0 auto; padding:clamp(36px,5vw,64px) clamp(20px,4vw,40px);}
.section.tight{padding-top:clamp(20px,3vw,36px);}
.section-band{background:var(--canvas-sage-soft); border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
.section-head{margin-bottom:clamp(20px,3vw,32px);}
.section-kicker{font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--lava-deep);}
.section-h2{
  font-family:var(--font-display); font-size:clamp(1.45rem,2.4vw,2rem);
  font-weight:600; letter-spacing:-0.02em; color:var(--ink-display); margin-top:10px; max-width:30ch;
}
.section-sub{margin-top:12px; font-family:var(--font-marketing-ui); font-size:15px; line-height:1.6; color:var(--ink-secondary); max-width:62ch;}

/* ─────────────────── QUOTE BAND ─────────────────── */
.quote-band{background:var(--canvas-sage-soft); border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
.quote-inner{max-width:var(--content-max); margin:0 auto; padding:clamp(22px,3.2vw,40px) clamp(20px,4vw,40px);}
.quote-q{
  font-family:var(--font-display); font-weight:500;
  font-size:clamp(1.4rem,3vw,2.2rem); line-height:1.25; letter-spacing:-0.02em;
  color:var(--ink-display); max-width:30ch;
}
.quote-support{
  margin-top:18px; font-family:var(--font-marketing-ui);
  font-size:clamp(15px,1.2vw,17px); line-height:1.6; color:var(--ink-secondary); max-width:62ch;
}
.quote-pills{margin-top:22px; display:flex; flex-wrap:wrap; gap:10px;}
.qp{
  display:inline-flex; align-items:center; gap:7px;
  padding:6px 13px; border-radius:9999px;
  background:var(--surface); border:1px solid var(--border);
  font-family:var(--font-marketing-ui); font-size:12.5px; font-weight:500; color:var(--ink-secondary);
}
.qp svg{width:13px; height:13px; color:var(--positive);}

/* ─────────────────── VALUE CARDS ─────────────────── */
.cards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(16px,2vw,24px);}
.cards.c2{grid-template-columns:repeat(2,minmax(0,1fr));}
.vcard{
  position:relative; overflow:hidden;
  background:linear-gradient(155deg, rgba(255,255,255,0.97) 0%, rgba(247,248,242,0.85) 55%, rgba(255,255,255,0.96) 100%);
  border:1px solid rgba(10,10,10,0.09); border-radius:var(--r-2xl);
  padding:clamp(22px,2.4vw,28px);
  box-shadow:var(--elev-2);
  transition:transform .25s ease, box-shadow .3s ease;
}
.vcard:hover{transform:translateY(-3px); box-shadow:var(--elev-3);}
.vicon{
  width:40px; height:40px; border-radius:10px; margin-bottom:16px;
  display:grid; place-items:center; color:var(--lava-deep);
  background:var(--lava-wash); border:1px solid rgba(232,93,0,0.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.6);
}
.vicon svg{width:20px; height:20px;}
.vcard h3{font-family:var(--font-display); font-size:1.2rem; font-weight:600; letter-spacing:-0.015em; color:var(--ink-display); margin-bottom:9px;}
.vcard p{font-family:var(--font-marketing-ui); font-size:0.95rem; line-height:1.55; color:var(--ink-secondary);}
.vcard .vmore{display:inline-flex; align-items:center; gap:6px; margin-top:14px; font-family:var(--font-marketing-ui); font-size:13px; font-weight:600; color:var(--lava-deep);}
.vcard .vmore svg{width:14px; height:14px;}

/* ─────────────────── STEP ROWS ─────────────────── */
.steps-row{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(12px,1.6vw,20px);}
@media(max-width:980px){.steps-row{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.steps-row{grid-template-columns:1fr;}}
.step-card{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-xl); padding:18px; box-shadow:var(--elev-1);}
.step-card .n{
  width:26px; height:26px; border-radius:9999px;
  background:var(--lava-wash); border:1px solid rgba(232,93,0,0.25); color:var(--lava-deep);
  font-family:var(--font-mono); font-size:12.5px; font-weight:600; display:grid; place-items:center;
}
.step-card h3{font-family:var(--font-marketing-ui); font-size:14.5px; font-weight:600; color:var(--ink-display); margin-top:12px;}
.step-card p{font-family:var(--font-marketing-ui); font-size:12.5px; line-height:1.5; color:var(--ink-secondary); margin-top:4px;}

/* ─────────────────── CHECK LIST ─────────────────── */
.check-list{display:flex; flex-direction:column; gap:12px; margin-top:18px;}
.check-item{display:flex; gap:12px; align-items:flex-start;}
.check-item .ck{
  flex:none; width:22px; height:22px; border-radius:7px; margin-top:1px;
  background:var(--positive-wash); border:1px solid rgba(22,163,74,0.3); color:var(--positive);
  display:grid; place-items:center;
}
.check-item .ck svg{width:12px; height:12px;}
.check-item .t{font-family:var(--font-marketing-ui); font-size:14px; font-weight:600; color:var(--ink-display);}
.check-item .d{font-family:var(--font-marketing-ui); font-size:13px; color:var(--ink-secondary); line-height:1.5; margin-top:1px;}

/* ─────────────────── DEMO EMBED ─────────────────── */
.demo-frame-card{
  position:relative; overflow:hidden;
  background:
    radial-gradient(ellipse 120% 50% at 50% 0%, rgba(232,93,0,0.06) 0%, transparent 55%),
    linear-gradient(155deg, var(--canvas-sage-soft) 0%, var(--canvas-sage) 60%, var(--canvas-sage-deep) 100%);
  border:1px solid rgba(10,10,10,0.09);
  border-radius:var(--r-3xl);
  box-shadow:var(--elev-3), inset 0 1px 0 rgba(255,255,255,0.9);
  padding:14px;
}
.demo-frame-card iframe{
  display:block; width:100%; border:1px solid var(--border);
  border-radius:var(--r-xl); background:var(--surface);
}
.demo-caption{
  margin-top:10px; text-align:center;
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.05em;
  color:var(--ink-muted);
}

/* ─────────────────── PROSE (legal / long-form) ─────────────────── */
.prose{max-width:760px;}
.prose h2{font-family:var(--font-display); font-size:1.3rem; font-weight:600; letter-spacing:-0.015em; color:var(--ink-display); margin:34px 0 10px;}
.prose h3{font-family:var(--font-marketing-ui); font-size:1.02rem; font-weight:600; color:var(--ink-display); margin:22px 0 8px;}
.prose p{font-family:var(--font-marketing-ui); font-size:14.5px; line-height:1.7; color:var(--ink-secondary); margin:0 0 12px;}
.prose ul{margin:0 0 14px; padding-left:20px;}
.prose li{font-family:var(--font-marketing-ui); font-size:14.5px; line-height:1.7; color:var(--ink-secondary); margin-bottom:6px;}
.prose strong{color:var(--ink-display); font-weight:600;}
.prose a{color:var(--lava-deep); font-weight:600;}
.doc-meta{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:18px;
}
.doc-meta span{
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.04em;
  color:var(--ink-muted); background:var(--surface-sunken);
  border:1px solid var(--border); border-radius:9999px; padding:4px 11px;
}

/* Plain-English summary box */
.plain-box{
  background:var(--canvas-sage-soft); border:1px solid var(--border);
  border-left:3px solid var(--lava);
  border-radius:var(--r-xl); padding:18px 20px; margin:22px 0 8px;
}
.plain-box .pb-label{
  display:flex; align-items:center; gap:7px;
  font-family:var(--font-mono); font-size:10.5px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; color:var(--lava-deep); margin-bottom:10px;
}
.plain-box ul{margin:0; padding-left:18px;}
.plain-box li{font-family:var(--font-marketing-ui); font-size:13.5px; line-height:1.6; color:var(--ink); margin-bottom:6px;}
.plain-box li:last-child{margin-bottom:0;}

/* ─────────────────── TABLES ─────────────────── */
.mk-tbl{width:100%; border-collapse:separate; border-spacing:0; font-family:var(--font-marketing-ui); font-size:13.5px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-xl); overflow:hidden;}
.mk-tbl th{
  text-align:left; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--ink-muted); font-weight:600;
  padding:11px 14px; background:var(--surface-sunken); border-bottom:1px solid var(--border);
}
.mk-tbl td{padding:12px 14px; border-bottom:1px solid var(--border); color:var(--ink-secondary); vertical-align:top;}
.mk-tbl tr:last-child td{border-bottom:0;}
.mk-tbl td:first-child{color:var(--ink-display); font-weight:600;}
.tbl-scroll{overflow-x:auto; -webkit-overflow-scrolling:touch;}

/* ─────────────────── FAQ ─────────────────── */
.faq{border-top:1px solid var(--border);}
.faq details{border-bottom:1px solid var(--border);}
.faq summary{
  cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:18px 4px; font-family:var(--font-marketing-ui); font-size:15px; font-weight:600; color:var(--ink-display);
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary .pm{flex:none; width:22px; height:22px; border-radius:7px; display:grid; place-items:center; color:var(--lava-deep); background:var(--lava-wash); border:1px solid rgba(232,93,0,0.22); font-weight:600; font-size:14px; line-height:1;}
.faq details[open] summary .pm{background:var(--lava); color:#fff;}
.faq .faq-a{padding:0 4px 18px; font-family:var(--font-marketing-ui); font-size:14px; line-height:1.65; color:var(--ink-secondary); max-width:70ch;}

/* ─────────────────── CTA BAND ─────────────────── */
.cta-band{background:var(--canvas-sage-soft); border-top:1px solid var(--border);}
.cta-band-inner{
  max-width:var(--content-max); margin:0 auto;
  padding:clamp(40px,6vw,72px) clamp(20px,4vw,40px);
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px;
}
.cta-band h2{font-family:var(--font-display); font-size:clamp(1.4rem,2.4vw,1.9rem); font-weight:600; letter-spacing:-0.02em; color:var(--ink-display); max-width:26ch;}
.cta-band p{margin-top:8px; font-family:var(--font-marketing-ui); font-size:14px; color:var(--ink-secondary); max-width:52ch;}
.cta-band .cta-actions{display:flex; flex-wrap:wrap; gap:12px;}
.cta-fine{margin-top:10px; font-family:var(--font-marketing-ui); font-size:12px; color:var(--ink-muted);}

/* ─────────────────── FOOTER ─────────────────── */
.gov-footer{background:var(--surface-sunken); border-top:1px solid var(--border);}
.footer-inner{max-width:var(--content-max); margin:0 auto; padding:64px 24px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px;}
.footer-brand .fb-row{display:flex;align-items:center;gap:10px;}
.footer-brand .b-mark{width:30px;height:30px;}
.footer-brand .fb-word{font-family:var(--font-display); font-size:22px; font-weight:600; letter-spacing:-0.012em; color:var(--ink-display);}
.footer-brand .fb-word .q{color:#E85D00; font-weight:700;}
.footer-brand p{margin-top:16px; font-family:var(--font-marketing-ui); font-size:12px; line-height:1.6; color:rgba(82,82,82,0.6); max-width:30ch;}
.footer-brand .au{margin-top:20px; display:flex; align-items:center; gap:8px;}
.footer-brand .au i{width:8px; height:8px; border-radius:50%; background:#22c55e; animation:pulseDot 2s ease-in-out infinite;}
@keyframes pulseDot{0%,100%{opacity:1;}50%{opacity:.4;}}
.footer-brand .au span{font-family:var(--font-mono); font-size:10px; color:rgba(82,82,82,0.5);}
.footer-brand .au-fine{margin-top:8px; font-family:var(--font-marketing-ui); font-size:10.5px; line-height:1.5; color:rgba(82,82,82,0.5); max-width:34ch;}
.footer-brand .au-fine a{display:inline; font-size:inherit; color:inherit; margin:0; text-decoration:underline;}
/* Monogram fallback when a third-party logo CDN fails */
.logo-fb{display:inline-grid; place-items:center; width:100%; height:100%; min-width:18px; min-height:18px; border-radius:6px; background:var(--canvas-sage-soft); border:1px solid var(--border); color:var(--ink-secondary); font-family:var(--font-marketing-ui); font-size:11px; font-weight:600;}
.footer-col h2{font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:rgba(82,82,82,0.4); margin-bottom:16px;}
.footer-col a{display:block; font-family:var(--font-marketing-ui); font-size:14px; color:var(--ink-secondary); margin-bottom:10px; transition:color .15s ease;}
.footer-col a:hover{color:var(--lava);}
.footer-bottom{margin-top:48px; padding-top:24px; border-top:1px solid var(--border); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px;}
.footer-bottom span{font-family:var(--font-mono); font-size:12px; color:rgba(82,82,82,0.4);}

/* ─────────────────── ENTRANCE ANIMATIONS ─────────────────── */
@keyframes heroFadeUp{from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:translateY(0);}}
.f1{animation:heroFadeUp .7s ease both .05s;}
.f2{animation:heroFadeUp .7s ease both .16s;}
.f3{animation:heroFadeUp .7s ease both .27s;}
.f4{animation:heroFadeUp .7s ease both .38s;}
.f5{animation:heroFadeUp .7s ease both .49s;}
.f6{animation:heroFadeUp .8s ease both .3s;}

/* ─────────────────── RESPONSIVE ─────────────────── */
@media (max-width:980px){
  .gov-links{display:none;}
  .gov-login{display:none;}
  .gov-actions{display:none;}
  .gov-burger{display:inline-flex; align-items:center;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .cards{grid-template-columns:1fr 1fr;}
  .cards.c2{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .cards{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important; transition:none !important;}
}