/* =========================================================================
   Nancy AI — Governments & Scale page (government.html) specific styles.
   Loaded only by government.html. Shared components live in main.css.
   Component patterns adapted from css/pages/index.css into this owned file.
   ========================================================================= */

/* ───────── HERO — animated "one hire → one nation" motif ───────── */
.gov-hero{background:#0A0B0D;}
.gov-hero-bg{position:absolute;inset:0;
  background:
    radial-gradient(60% 70% at 78% 30%, rgba(212,75,232,.20) 0%, rgba(212,75,232,0) 60%),
    linear-gradient(135deg, #1F1260 0%, #150C46 45%, #0A0B0D 100%);}
.gov-hero-motif{position:absolute;inset:0;}
.gov-hero-motif svg{display:block;}
/* subtle left-anchored scrim: guarantees headline/sub contrast over the
   animated motif at every width, while the dots still glow on the right */
.gov-hero-motif::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(95deg, rgba(10,11,13,.72) 0%, rgba(10,11,13,.5) 34%, rgba(10,11,13,.18) 60%, rgba(10,11,13,0) 80%);}
.gh-core circle{filter:drop-shadow(0 0 6px rgba(212,75,232,.65));}
.gh-mid circle{filter:drop-shadow(0 0 4px rgba(47,197,255,.45));}
.gh-ring{opacity:0;transform-origin:760px 330px;animation:gh-ring-expand 6s cubic-bezier(.2,.7,.3,1) infinite;}
.gh-ring-2{animation-delay:2s;}
.gh-ring-3{animation-delay:4s;}
.gh-core circle{animation:gh-pulse 4s ease-in-out infinite;}
.gh-mid circle{animation:gh-twinkle 5s ease-in-out infinite;}
.gh-mid circle:nth-child(2n){animation-delay:1.2s;}
.gh-mid circle:nth-child(3n){animation-delay:2.4s;}
.gh-field circle{animation:gh-twinkle 7s ease-in-out infinite;}
.gh-field circle:nth-child(2n){animation-delay:1.6s;}
.gh-field circle:nth-child(3n){animation-delay:3.1s;}
.gh-field circle:nth-child(5n){animation-delay:4.4s;}
@keyframes gh-ring-expand{
  0%{opacity:.55;transform:scale(.2);}
  70%{opacity:0;transform:scale(6.4);}
  100%{opacity:0;transform:scale(6.4);}
}
@keyframes gh-pulse{
  0%,100%{opacity:1;}
  50%{opacity:.7;}
}
@keyframes gh-twinkle{
  0%,100%{opacity:.55;}
  50%{opacity:1;}
}
@media (prefers-reduced-motion: reduce){
  .gh-ring{animation:none;opacity:.25;}
  .gh-core circle,.gh-mid circle,.gh-field circle{animation:none;opacity:.9;}
}
@media (max-width:720px){
  .gov-hero-motif{opacity:.7;}
}

/* ───────── PROOF STRIP ───────── */
.gov-proof{background:var(--bg-ink);color:#fff;padding:72px 0;position:relative;overflow:hidden;}
.gov-proof::before{content:"";position:absolute;inset:0;background:var(--grad-aurora);opacity:.5;pointer-events:none;}
.gov-proof-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
.gov-proof-item{text-align:center;padding:0 8px;}
.gov-proof-num{font:800 62px/0.95 var(--font-display);letter-spacing:-.035em;color:#fff;margin-bottom:10px;}
.gov-proof-num span{color:var(--v400);}
.gov-proof-num small{font-size:30px;color:var(--magenta-bright);vertical-align:baseline;}
.gov-proof-label{font:500 14px/1.45 var(--font-body);color:rgba(255,255,255,.7);}

/* ───────── FIVE LEVELS — STEPPED LADDER ───────── */
.gov-levels{padding:120px 0;background:#fff;}
.gov-levels-head{max-width:820px;margin:0 auto 56px;text-align:center;}
.gov-levels-head .eyebrow{margin-bottom:14px;}
.gov-levels-head h2{margin-bottom:18px;}
.gov-levels-head p{font:400 18px/1.6 var(--font-body);color:var(--ink-600);}
.gov-steps{display:flex;flex-direction:column;gap:14px;max-width:1000px;margin:0 auto;}
.gov-step{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:24px;
  background:var(--bg-soft);border:1px solid var(--line);border-left:4px solid var(--v300);
  border-radius:var(--r-lg);padding:24px 28px;transition:transform .18s, box-shadow .18s, border-color .18s;}
.gov-step:hover{transform:translateX(4px);box-shadow:0 14px 30px rgba(31,18,96,.07);border-left-color:var(--v500);}
@media (prefers-reduced-motion: reduce){.gov-step{transition:border-color .18s;}.gov-step:hover{transform:none;}}
.gov-step:nth-child(1){margin-right:32%;}
.gov-step:nth-child(2){margin-right:24%;}
.gov-step:nth-child(3){margin-right:16%;}
.gov-step:nth-child(4){margin-right:8%;border-left-color:var(--magenta);}
.gov-step:nth-child(4):hover{border-left-color:var(--magenta);}
.gov-step:nth-child(5){border-left-color:#2FC5FF;}
.gov-step:nth-child(5):hover{border-left-color:#2FC5FF;}
.gov-step .lvl{font:800 22px/1 var(--font-mono);color:var(--v500);letter-spacing:-.02em;}
.gov-step:nth-child(4) .lvl{color:var(--magenta);}
.gov-step:nth-child(5) .lvl{color:#1AA9E0;}
.gov-step h3{font:700 19px/1.25 var(--font-display);color:var(--ink-900);margin-bottom:4px;}
.gov-step h3 .arrow{color:var(--ink-400);font-weight:500;margin:0 8px;}
.gov-step p{font:400 14px/1.5 var(--font-body);color:var(--ink-600);}

/* ───────── LIVE COUNTRY DASHBOARD ───────── */
.gov-dash{padding:120px 0;background:var(--bg-ink);color:#fff;position:relative;overflow:hidden;}
.gov-dash::before{content:"";position:absolute;inset:0;background:var(--grad-aurora);opacity:.45;pointer-events:none;}
.gov-dash-inner{position:relative;}
.gov-dash-head{max-width:820px;margin:0 auto 48px;text-align:center;}
.gov-dash-head .eyebrow{color:var(--v300);margin-bottom:14px;}
.gov-dash-head h2{color:#fff;margin-bottom:18px;}
.gov-dash-head p{color:rgba(255,255,255,.74);font:400 18px/1.6 var(--font-body);}
.gov-dash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:stretch;}
.gov-dash-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:var(--r-lg);padding:32px 30px;}
.gov-dash-panel h3{color:#fff;font:700 18px/1.3 var(--font-display);margin-bottom:6px;}
.gov-dash-panel .sub{font:500 12px/1.4 var(--font-mono);color:var(--v300);letter-spacing:.06em;margin-bottom:26px;}
.gov-bars{display:flex;flex-direction:column;gap:20px;}
.gov-bar .bar-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
.gov-bar .bar-name{font:500 14px/1.3 var(--font-body);color:rgba(255,255,255,.88);}
.gov-bar .bar-val{font:800 16px/1 var(--font-display);color:#fff;letter-spacing:-.01em;}
.gov-bar .bar-track{height:8px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;}
.gov-bar .bar-fill{height:100%;border-radius:999px;background:var(--grad-bar);}
.gov-dash-side{display:flex;flex-direction:column;gap:24px;}
.gov-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:var(--r-lg);padding:28px 30px;flex:1;}
.gov-stat h4{font:600 12px/1.3 var(--font-mono);color:var(--v300);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;}
.gov-stat .gov-stat-num{font:800 56px/0.9 var(--font-display);color:#fff;letter-spacing:-.03em;margin-bottom:8px;}
.gov-stat .gov-stat-num span{color:var(--v400);}
.gov-stat .gov-stat-sub{font:400 13px/1.5 var(--font-body);color:rgba(255,255,255,.62);}
.gov-cities{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.gov-city{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);
  border-radius:999px;padding:7px 14px;font:600 12px/1 var(--font-mono);color:rgba(255,255,255,.82);}
.gov-city b{color:#fff;font-weight:800;}
.gov-dash-foot{margin-top:36px;text-align:center;}
.gov-dash-foot a{color:var(--v300);font:600 15px/1 var(--font-body);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px;}
.gov-dash-foot a:hover{color:#fff;}
.gov-dash-foot a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px;}

/* ───────── WHAT A NATIONAL PROGRAMME IDENTIFIES ───────── */
.gov-ident{padding:120px 0;background:var(--bg-soft-2);}
.gov-ident-head{max-width:780px;margin:0 auto 56px;text-align:center;}
.gov-ident-head .eyebrow{margin-bottom:14px;}
.gov-ident-head h2{margin-bottom:18px;}
.gov-ident-head p{font:400 18px/1.6 var(--font-body);color:var(--ink-600);}
.gov-ident-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.gov-ident-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;transition:transform .18s, box-shadow .18s, border-color .18s;}
.gov-ident-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(31,18,96,.08);border-color:var(--v200);}
@media (prefers-reduced-motion: reduce){.gov-ident-card{transition:border-color .18s;}.gov-ident-card:hover{transform:none;}}
.gov-ident-card .n{font:700 11px/1 var(--font-mono);color:var(--v500);letter-spacing:.12em;margin-bottom:16px;}
.gov-ident-card h3{font:700 17px/1.25 var(--font-display);color:var(--ink-900);margin-bottom:8px;}
.gov-ident-card p{font:400 13px/1.55 var(--font-body);color:var(--ink-600);}
.gov-ident-foot{text-align:center;margin-top:44px;}
.gov-ident-foot .btn:focus-visible{outline:2px solid var(--v500);outline-offset:3px;}

/* ───────── SOVEREIGN TRUST BAND ───────── */
.gov-trust{padding:120px 0;background:#fff;}
.gov-trust-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;}
.gov-trust-text .eyebrow{margin-bottom:16px;}
.gov-trust-text h2{margin-bottom:20px;}
.gov-trust-text .lede{margin-bottom:28px;max-width:520px;}
.gov-trust-list{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-direction:column;gap:16px;}
.gov-trust-list li{position:relative;padding-left:32px;font:500 15px/1.5 var(--font-body);color:var(--ink-800);}
.gov-trust-list li strong{color:var(--ink-900);}
.gov-trust-list li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--v50);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B3FE4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");background-size:14px;background-repeat:no-repeat;background-position:center;}
.gov-trust-link{font:600 15px/1 var(--font-body);color:var(--ink-900);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px;display:inline-flex;align-items:center;gap:8px;transition:color .15s;}
.gov-trust-link:hover{color:var(--v500);}
.gov-trust-link:focus-visible{outline:2px solid var(--v500);outline-offset:3px;border-radius:2px;}
.gov-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.gov-badge{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 22px;}
.gov-badge .code{font:800 15px/1.1 var(--font-display);color:var(--ink-900);letter-spacing:-.01em;margin-bottom:6px;}
.gov-badge .desc{font:500 12px/1.45 var(--font-mono);color:var(--ink-500);letter-spacing:.02em;}
.gov-badge.is-ai{grid-column:1 / -1;background:var(--bg-ink);color:#fff;border-color:transparent;position:relative;overflow:hidden;}
.gov-badge.is-ai::before{content:"";position:absolute;inset:0;background:var(--grad-aurora);opacity:.5;pointer-events:none;}
.gov-badge.is-ai .code{color:#fff;position:relative;}
.gov-badge.is-ai .desc{color:rgba(255,255,255,.72);position:relative;}

/* ───────── FAQ ───────── */
.gov-faq{padding:120px 0;background:var(--bg-soft);}
.gov-faq-head{text-align:center;max-width:720px;margin:0 auto 56px;}
.gov-faq-head .eyebrow{margin-bottom:14px;}
.gov-faq-list{max-width:820px;margin:0 auto;}
.gov-faq-item{padding:28px 0;border-bottom:1px solid var(--line);}
.gov-faq-item:first-child{border-top:1px solid var(--line);}
.gov-faq-item h3{font:700 19px/1.35 var(--font-display);color:var(--ink-900);margin-bottom:12px;}
.gov-faq-item p{font:400 15px/1.6 var(--font-body);color:var(--ink-600);}

/* ───────── CTA BAND ───────── */
.gov-ctaband{padding:120px 0;background:var(--bg-ink);color:#fff;position:relative;overflow:hidden;text-align:center;}
.gov-ctaband::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 50% 20%, rgba(91,63,228,0.42) 0%, rgba(91,63,228,0) 65%);pointer-events:none;}
.gov-ctaband-inner{position:relative;max-width:720px;margin:0 auto;}
.gov-ctaband .eyebrow{color:var(--v300);margin-bottom:18px;}
.gov-ctaband h2{color:#fff;margin-bottom:20px;}
.gov-ctaband p{color:rgba(255,255,255,.78);font:400 18px/1.55 var(--font-body);max-width:560px;margin:0 auto 32px;}
.gov-ctaband-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.gov-ctaband-cta .btn{min-height:48px;}
.gov-ctaband-cta .btn:focus-visible{outline:2px solid #fff;outline-offset:3px;}

/* ───────── RESPONSIVE ───────── */
@media (max-width:1100px){
  .gov-proof-grid{grid-template-columns:repeat(2,1fr);gap:36px 24px;}
  .gov-ident-grid{grid-template-columns:repeat(3,1fr);}
  .gov-dash-grid{grid-template-columns:1fr;}
  .gov-trust-grid{grid-template-columns:1fr;gap:44px;}
  .gov-step:nth-child(1),.gov-step:nth-child(2),.gov-step:nth-child(3),.gov-step:nth-child(4){margin-right:0;}
}
@media (max-width:900px){
  .gov-proof,.gov-levels,.gov-dash,.gov-ident,.gov-trust,.gov-faq,.gov-ctaband{padding:88px 0;}
  .gov-ident-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:720px){
  .gov-proof,.gov-levels,.gov-dash,.gov-ident,.gov-trust,.gov-faq,.gov-ctaband{padding:64px 0;}
  .gov-proof-num{font-size:48px;}
  .gov-ident-grid{grid-template-columns:1fr;}
  .gov-badges{grid-template-columns:1fr;}
  .gov-step{grid-template-columns:48px 1fr;gap:16px;padding:20px 22px;}
  .gov-stat .gov-stat-num{font-size:48px;}
  .gov-ctaband p{font-size:16px;}
  .gov-ctaband-cta .btn{width:100%;justify-content:center;}
}
@media (max-width:480px){
  .gov-proof-grid{grid-template-columns:1fr;gap:28px;}
  .gov-proof,.gov-levels,.gov-dash,.gov-ident,.gov-trust,.gov-faq,.gov-ctaband{padding:52px 0;}
}