/* ══════════════════════════════════════════
   MINISTRY OF MINERALS — REPUBLIC OF TANZANIA
   Shared stylesheet · v2.0
   Brand: Forest Green #1B5E3B · Gold #C8960C
══════════════════════════════════════════ */
:root {
  --g:      #1B5E3B;
  --g2:     #236B47;
  --g3:     #2E7D52;
  --gl:     #EAF2ED;
  --gl2:    #F2F8F4;
  --gold:   #C8960C;
  --goldb:  #F5E8C0;
  --goldl:  #FDF8EC;
  --ink:    #111827;
  --ink2:   #1F2937;
  --gray:   #6B7280;
  --lgray:  #9CA3AF;
  --border: #E5E7EB;
  --bg:     #F9FAF8;
  --white:  #FFFFFF;
  --red:    #B91C1C;
  --blue:   #1E40AF;
  --shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.06);
  --shadow-lg: 0 8px 30px rgba(0,0,0,.12);
}

*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:15px; }
body { font-family:'Inter',sans-serif; background:var(--bg); color:var(--ink2); line-height:1.65; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }
button { cursor:pointer; }

/* ── TYPOGRAPHY ── */
h1,h2,h3,h4 { font-family:'Merriweather',serif; line-height:1.2; color:var(--ink); }
h1 { font-size:clamp(1.8rem,4vw,3rem); }
h2 { font-size:clamp(1.4rem,3vw,2.2rem); }
h3 { font-size:clamp(1rem,2vw,1.3rem); }
h4 { font-size:.95rem; }
p { color:var(--gray); font-size:.9rem; line-height:1.75; }
.serif { font-family:'Merriweather',serif; }

/* ── PROGRESS BAR ── */
#progress { position:fixed; top:0; left:0; height:3px; background:var(--gold); z-index:9999; width:0; transition:width .1s; }

/* ── TOPBAR ── */
.topbar { background:var(--g); color:rgba(255,255,255,.7); font-size:.72rem; padding:.35rem 0; }
.topbar-inner { max-width:1400px; margin:0 auto; padding:0 4%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.5rem; }
.topbar a { color:rgba(255,255,255,.7); transition:color .2s; }
.topbar a:hover { color:#fff; }
.topbar-left,.topbar-right { display:flex; align-items:center; gap:1.2rem; }
.lang { display:flex; border:1px solid rgba(255,255,255,.2); overflow:hidden; }
.lang button { background:none; border:none; color:rgba(255,255,255,.6); font-size:.7rem; padding:.15rem .55rem; font-family:'Inter',sans-serif; transition:background .2s,color .2s; }
.lang button.on,.lang button:hover { background:rgba(255,255,255,.15); color:#fff; }

/* ── NAV ── */
nav { background:var(--white); border-bottom:3px solid var(--g); box-shadow:0 2px 8px rgba(0,0,0,.07); position:sticky; top:0; z-index:200; }
.nav-wrap { max-width:1400px; margin:0 auto; padding:0 4%; display:flex; align-items:center; height:64px; }
.brand { display:flex; align-items:center; gap:.85rem; padding-right:1.2rem; border-right:1px solid var(--border); text-decoration:none; flex-shrink:0; }
.brand-crest { width:42px; height:42px; flex-shrink:0; }
.brand-crest img { width:42px; height:42px; object-fit:contain; }
.brand-text strong { display:block; font-family:'Merriweather',serif; font-size:.85rem; color:var(--g); white-space:nowrap; }
.brand-text span { font-size:.6rem; color:var(--gray); white-space:nowrap; }
.nav-links { display:flex; align-items:center; list-style:none; flex:1; padding-left:.4rem; overflow:hidden; }
.nav-links > li { position:relative; display:flex; align-items:center; flex-shrink:0; }
.nav-links > li > a,
.nav-links > li > button { display:flex; align-items:center; gap:.2rem; padding:0 .65rem; height:64px; font-size:.75rem; font-weight:500; color:var(--ink2); background:none; border:none; font-family:'Inter',sans-serif; white-space:nowrap; transition:color .2s,background .2s; }
.nav-links > li:hover > a,
.nav-links > li:hover > button { color:var(--g); background:var(--gl); }
.nav-links > li.active > a { color:var(--g); border-bottom:3px solid var(--g); }
/* dropdown */
.dd { display:none; position:absolute; top:100%; left:0; background:var(--white); border:1px solid var(--border); border-top:3px solid var(--g); min-width:220px; box-shadow:var(--shadow-lg); z-index:300; }
.nav-links > li:hover .dd { display:block; }
.dd a { display:flex; align-items:center; gap:.6rem; padding:.65rem 1.1rem; font-size:.8rem; color:var(--ink2); border-bottom:1px solid var(--border); transition:background .2s,color .2s; }
.dd a:last-child { border-bottom:none; }
.dd a:hover { background:var(--gl); color:var(--g); }
.dd .dh { font-size:.58rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gray); padding:.4rem 1.1rem .3rem; background:var(--bg); border-bottom:1px solid var(--border); }
.nav-r { display:flex; align-items:center; gap:.5rem; margin-left:auto; padding-left:.5rem; flex-shrink:0; }
.btn-cta { background:var(--gold); color:var(--white); padding:.4rem .9rem; font-size:.73rem; font-weight:600; border:none; font-family:'Inter',sans-serif; white-space:nowrap; transition:background .2s; }
.btn-cta:hover { background:#A87C09; }
.hbg { display:none; flex-direction:column; gap:5px; background:none; border:none; padding:.5rem; margin-left:.4rem; flex-shrink:0; }
.hbg span { width:22px; height:2px; background:var(--ink2); display:block; transition:.3s; }
/* mobile menu overlay */
.mob-menu { display:none; position:fixed; top:64px; left:0; right:0; bottom:0; background:var(--white); z-index:199; overflow-y:auto; border-top:1px solid var(--border); }
.mob-menu.open { display:block; }
.mob-link { display:flex; align-items:center; justify-content:space-between; padding:.9rem 4%; font-size:.88rem; font-weight:500; color:var(--ink2); border-bottom:1px solid var(--border); }
.mob-link:hover,.mob-link.active { color:var(--g); background:var(--gl); }
.mob-sub { background:var(--bg); }
.mob-sub a { display:block; padding:.7rem 4% .7rem 8%; font-size:.82rem; color:var(--gray); border-bottom:1px solid var(--border); }
.mob-sub a:hover { color:var(--g); }
.mob-cta { padding:1rem 4%; }
.mob-cta a { display:block; background:var(--gold); color:#fff; text-align:center; padding:.75rem; font-weight:600; font-size:.85rem; }

/* ── BREADCRUMB ── */
.breadcrumb { background:var(--white); border-bottom:1px solid var(--border); padding:.55rem 0; }
.breadcrumb-inner { max-width:1400px; margin:0 auto; padding:0 4%; display:flex; align-items:center; gap:.5rem; font-size:.75rem; color:var(--gray); flex-wrap:wrap; }
.breadcrumb a { color:var(--g); }
.breadcrumb a:hover { text-decoration:underline; }
.breadcrumb-sep { color:var(--lgray); }

/* ── PAGE HERO ── */
.page-hero { background:linear-gradient(135deg, var(--g) 0%, #0D3322 100%); padding:3rem 0; position:relative; overflow:hidden; }
.page-hero::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size:50px 50px; }
.page-hero-inner { max-width:1400px; margin:0 auto; padding:0 4%; position:relative; z-index:1; }
.page-hero-kicker { font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:.6rem; }
.page-hero h1 { color:#fff; margin-bottom:.6rem; }
.page-hero p { color:rgba(255,255,255,.7); max-width:600px; font-size:.95rem; }

/* ── LAYOUT ── */
.wrap { max-width:1400px; margin:0 auto; padding:0 4%; }
.section { padding:3.5rem 0; }
.section.alt { background:var(--bg); }
.section.white { background:var(--white); }
.section.dark { background:linear-gradient(135deg,var(--g),#0D3322); }
.container { max-width:900px; margin:0 auto; }

/* ── SECTION HEADERS ── */
.sh { margin-bottom:2rem; }
.sh-kicker { font-size:.63rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:.4rem; }
.sh-title { color:var(--g); }
.sh-desc { font-size:.9rem; color:var(--gray); max-width:600px; margin-top:.5rem; }
.gold-bar { width:40px; height:3px; background:var(--gold); margin:.55rem 0 .8rem; }
.sh-row { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:1rem; }

/* ── BUTTONS ── */
.btn { display:inline-flex; align-items:center; gap:.4rem; padding:.65rem 1.4rem; font-family:'Inter',sans-serif; font-size:.82rem; font-weight:600; border:none; transition:all .2s; cursor:pointer; text-decoration:none; }
.btn-primary { background:var(--g); color:#fff; }
.btn-primary:hover { background:var(--g3); transform:translateY(-1px); }
.btn-gold { background:var(--gold); color:#fff; }
.btn-gold:hover { background:#A87C09; transform:translateY(-1px); }
.btn-outline { background:transparent; color:var(--g); border:1.5px solid var(--g); }
.btn-outline:hover { background:var(--gl); }
.btn-ghost { background:transparent; color:var(--gray); border:1.5px solid var(--border); }
.btn-ghost:hover { border-color:var(--g); color:var(--g); }
.btn-white-outline { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.4); }
.btn-white-outline:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.7); }
.more-link { display:inline-flex; align-items:center; gap:.3rem; font-size:.78rem; color:var(--g); font-weight:600; transition:gap .2s; }
.more-link:hover { gap:.55rem; }

/* ── CARDS ── */
.card { background:var(--white); border:1px solid var(--border); transition:box-shadow .25s,border-color .25s; }
.card:hover { box-shadow:var(--shadow-lg); border-color:rgba(27,94,59,.25); }
.card-body { padding:1.4rem; }

/* ── TAGS / BADGES ── */
.tag { display:inline-block; font-size:.58rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700; padding:.18rem .55rem; }
.tag-green { background:var(--g); color:#fff; }
.tag-blue { background:var(--blue); color:#fff; }
.tag-gold { background:var(--gold); color:#1A1A1A; }
.tag-gray { background:var(--bg); color:var(--gray); border:1px solid var(--border); }
.badge { display:inline-flex; align-items:center; font-size:.66rem; padding:.22rem .6rem; font-weight:600; border-radius:2px; }
.b-on { background:#D1FAE5; color:#065F46; }
.b-pr { background:#FEF3C7; color:#92400E; }
.b-co { background:#E0E7FF; color:#3730A3; }

/* ── FORMS ── */
.form-group { display:flex; flex-direction:column; gap:.35rem; margin-bottom:.9rem; }
.form-group label { font-size:.72rem; letter-spacing:.05em; color:var(--ink2); font-weight:500; }
.form-group input,
.form-group select,
.form-group textarea { border:1.5px solid var(--border); padding:.65rem .9rem; font-family:'Inter',sans-serif; font-size:.88rem; color:var(--ink); outline:none; transition:border-color .2s; background:var(--white); width:100%; border-radius:2px; }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { border-color:var(--g); }
.form-group textarea { height:110px; resize:vertical; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:.9rem; }
.form-note { font-size:.72rem; color:var(--gray); margin-top:-.5rem; margin-bottom:.5rem; }

/* ── TABLE ── */
.data-table { width:100%; border-collapse:collapse; }
.data-table th { background:var(--g); color:#fff; padding:.75rem 1rem; font-size:.72rem; letter-spacing:.05em; text-transform:uppercase; text-align:left; font-weight:600; }
.data-table td { padding:.85rem 1rem; font-size:.84rem; border-bottom:1px solid var(--border); vertical-align:top; }
.data-table tr:last-child td { border-bottom:none; }
.data-table tr:nth-child(even) td { background:var(--bg); }
.data-table tr:hover td { background:var(--gl); }

/* ── TABS ── */
.tab-nav { display:flex; border-bottom:2px solid var(--border); gap:0; margin-bottom:1.5rem; }
.tab-btn { padding:.6rem 1.2rem; background:none; border:none; font-family:'Inter',sans-serif; font-size:.8rem; font-weight:500; color:var(--gray); cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-2px; transition:color .2s,border-color .2s; white-space:nowrap; }
.tab-btn.on,.tab-btn:hover { color:var(--g); border-bottom-color:var(--g); }
.tab-content { display:none; }
.tab-content.on { display:block; }

/* ── ACCORDION ── */
.accordion-item { border:1px solid var(--border); margin-bottom:.5rem; }
.accordion-head { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.2rem; cursor:pointer; font-weight:600; font-size:.88rem; color:var(--ink); background:var(--white); transition:background .2s; }
.accordion-head:hover { background:var(--gl); color:var(--g); }
.accordion-head.open { background:var(--gl); color:var(--g); border-bottom:1px solid var(--border); }
.accordion-icon { font-size:.8rem; transition:transform .3s; color:var(--gray); }
.accordion-head.open .accordion-icon { transform:rotate(180deg); }
.accordion-body { display:none; padding:1.2rem; background:var(--white); font-size:.85rem; color:var(--gray); line-height:1.75; }
.accordion-body.open { display:block; }

/* ── SEARCH BAR ── */
.search-bar { display:flex; border:1.5px solid var(--border); overflow:hidden; background:var(--white); transition:border-color .2s; }
.search-bar:focus-within { border-color:var(--g); }
.search-bar input { flex:1; border:none; padding:.7rem 1rem; font-size:.88rem; font-family:'Inter',sans-serif; outline:none; color:var(--ink); }
.search-bar button { background:var(--g); color:#fff; border:none; padding:.7rem 1.2rem; font-size:.9rem; transition:background .2s; }
.search-bar button:hover { background:var(--g3); }

/* ── FILTER PILLS ── */
.filters { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1.5rem; }
.filter-pill { padding:.35rem .9rem; border:1.5px solid var(--border); background:var(--white); font-size:.75rem; font-weight:500; color:var(--gray); cursor:pointer; transition:all .2s; font-family:'Inter',sans-serif; }
.filter-pill.on,.filter-pill:hover { border-color:var(--g); color:var(--g); background:var(--gl); }

/* ── STAT CARDS ── */
.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border); }
.stat-cell { background:var(--white); padding:1.5rem 1.2rem; text-align:center; }
.stat-num { font-family:'Merriweather',serif; font-size:2rem; font-weight:700; color:var(--g); line-height:1; margin-bottom:.3rem; }
.stat-label { font-size:.75rem; color:var(--gray); }

/* ── NEWS CARD ── */
.news-card { background:var(--white); border:1px solid var(--border); overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .25s,border-color .25s; }
.news-card:hover { box-shadow:var(--shadow-lg); border-color:rgba(27,94,59,.25); }
.news-card img { width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .5s; }
.news-card:hover img { transform:scale(1.03); }
.news-card-body { padding:1.2rem; flex:1; display:flex; flex-direction:column; }
.news-card-title { font-family:'Merriweather',serif; font-size:.92rem; color:var(--ink); line-height:1.4; margin-bottom:.5rem; }
.news-card-excerpt { font-size:.8rem; color:var(--gray); line-height:1.65; flex:1; }
.news-card-footer { display:flex; justify-content:space-between; align-items:center; margin-top:.9rem; padding-top:.7rem; border-top:1px solid var(--border); }
.news-card-date { font-size:.7rem; color:var(--lgray); }

/* ── PERSON CARD ── */
.person-card { background:var(--white); border:1px solid var(--border); overflow:hidden; }
.person-card-flag { height:4px; background:linear-gradient(90deg,#1EB53A 33%,#FCD116 33% 66%,#3A75C4 66%); }
.person-card img { width:100%; aspect-ratio:3/4; object-fit:cover; filter:grayscale(10%); transition:filter .4s; }
.person-card:hover img { filter:grayscale(0); }
.person-card-body { padding:1.1rem; }
.person-card-role { font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); font-weight:700; margin-bottom:.3rem; }
.person-card-name { font-family:'Merriweather',serif; font-size:.9rem; color:var(--ink); line-height:1.3; }
.person-card-pos { font-size:.73rem; color:var(--gray); margin-top:.15rem; }
.person-card-bio { display:inline-flex; align-items:center; gap:.25rem; font-size:.72rem; color:var(--g); font-weight:600; margin-top:.7rem; transition:gap .2s; }
.person-card-bio:hover { gap:.5rem; }

/* ── MINERAL CARD ── */
.mineral-card { position:relative; overflow:hidden; aspect-ratio:4/3; cursor:pointer; }
.mineral-card img { width:100%; height:100%; object-fit:cover; transition:transform .5s,filter .4s; filter:brightness(.72); }
.mineral-card:hover img { transform:scale(1.06); filter:brightness(.88); }
.mineral-ov { position:absolute; inset:0; background:linear-gradient(to top,rgba(11,40,20,.88) 0%,transparent 55%); display:flex; flex-direction:column; justify-content:flex-end; padding:1.1rem; }
.mineral-badge { position:absolute; top:.7rem; right:.7rem; background:var(--gold); color:var(--ink); font-size:.55rem; letter-spacing:.08em; text-transform:uppercase; padding:.18rem .5rem; font-weight:700; }
.mineral-name { font-family:'Merriweather',serif; font-size:1.15rem; color:#fff; font-weight:700; }
.mineral-loc { font-size:.7rem; color:rgba(255,255,255,.75); margin-top:.15rem; }
.mineral-action { font-size:.68rem; color:var(--gold); margin-top:.3rem; font-weight:600; }

/* ── GALLERY ── */
.gal-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:3px; }
.gal-item { position:relative; overflow:hidden; aspect-ratio:4/3; cursor:pointer; }
.gal-item img { width:100%; height:100%; object-fit:cover; transition:transform .5s,filter .3s; filter:brightness(.85); }
.gal-item:hover img { transform:scale(1.05); filter:brightness(1); }
.gal-cap { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(transparent,rgba(0,0,0,.75)); color:#fff; font-size:.67rem; padding:1.5rem .7rem .6rem; line-height:1.35; opacity:0; transition:opacity .3s; }
.gal-item:hover .gal-cap { opacity:1; }

/* ── LIGHTBOX ── */
#lightbox { display:none; position:fixed; inset:0; background:rgba(0,0,0,.93); z-index:1000; flex-direction:column; align-items:center; justify-content:center; }
#lightbox.open { display:flex; }
#lightbox img { max-height:80vh; max-width:90vw; object-fit:contain; }
#lightbox-cap { color:rgba(255,255,255,.75); font-size:.82rem; margin-top:1rem; text-align:center; max-width:600px; font-style:italic; }
.lb-close { position:absolute; top:1.5rem; right:1.5rem; background:rgba(255,255,255,.1); border:none; color:#fff; width:40px; height:40px; font-size:1.2rem; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.lb-prev,.lb-next { position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.1); border:none; color:#fff; width:46px; height:46px; font-size:1.3rem; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s; }
.lb-prev { left:1.5rem; } .lb-next { right:1.5rem; }
.lb-prev:hover,.lb-next:hover { background:rgba(255,255,255,.25); }

/* ── SIDE PANEL ── */
.side-panel { display:none; position:fixed; top:0; right:0; width:min(540px,100vw); height:100vh; background:#fff; z-index:500; overflow-y:auto; box-shadow:-8px 0 40px rgba(0,0,0,.2); }
.side-panel.open { display:block; }
.side-panel-head { background:var(--g); padding:1.2rem 1.5rem; display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; z-index:1; }
.side-panel-head h3 { color:#fff; font-size:1.1rem; }
.side-panel-close { background:rgba(255,255,255,.15); border:none; color:#fff; width:32px; height:32px; font-size:1.1rem; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.side-panel-body { padding:1.5rem; }
.panel-backdrop { display:none; position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:499; }
.panel-backdrop.open { display:block; }

/* ── ALERTS / NOTICES ── */
.alert { padding:1rem 1.2rem; border-left:4px solid; margin-bottom:1rem; font-size:.85rem; }
.alert-info { background:#EFF6FF; border-color:#3B82F6; color:#1E40AF; }
.alert-success { background:#F0FDF4; border-color:var(--g); color:var(--g); }
.alert-warn { background:var(--goldl); border-color:var(--gold); color:#7C5500; }

/* ── INVEST PAGE SPECIFICS ── */
.invest-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.2rem; }
.invest-card { background:var(--white); border:1px solid var(--border); padding:1.6rem; border-left:4px solid var(--g); transition:box-shadow .2s; }
.invest-card:hover { box-shadow:var(--shadow-lg); }
.invest-icon { font-size:1.8rem; margin-bottom:.8rem; }
.invest-card h3 { font-size:1rem; color:var(--ink); margin-bottom:.5rem; }
.invest-card p { font-size:.83rem; color:var(--gray); line-height:1.7; }
.licence-table { width:100%; border-collapse:collapse; margin-top:1rem; }
.licence-table th { background:var(--g); color:#fff; padding:.65rem 1rem; font-size:.72rem; text-align:left; }
.licence-table td { padding:.75rem 1rem; font-size:.83rem; border-bottom:1px solid var(--border); vertical-align:top; }
.licence-table tr:hover td { background:var(--gl); }

/* ── SOURCING ── */
.commodity-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.commodity-card { background:var(--white); border:1px solid var(--border); padding:1.5rem; transition:box-shadow .2s,border-color .2s; }
.commodity-card:hover { box-shadow:var(--shadow-lg); border-color:var(--g); }
.commodity-icon { font-size:2rem; margin-bottom:.7rem; }
.commodity-card h3 { font-size:.95rem; color:var(--ink); margin-bottom:.5rem; }
.commodity-card p { font-size:.81rem; color:var(--gray); line-height:1.7; margin-bottom:1rem; }
.commodity-detail { display:flex; flex-direction:column; gap:.35rem; margin-bottom:1rem; }
.cd-row { display:flex; gap:.6rem; font-size:.78rem; }
.cd-label { color:var(--gray); min-width:80px; flex-shrink:0; }
.cd-val { color:var(--ink2); font-weight:500; }

/* ── FOOTER ── */
footer { background:#0B2E1A; color:rgba(255,255,255,.65); }
.footer-top { max-width:1400px; margin:0 auto; padding:3rem 4%; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; }
.footer-brand strong { font-family:'Merriweather',serif; font-size:.95rem; color:#fff; display:block; margin-bottom:.2rem; }
.footer-brand .fs { font-size:.6rem; color:rgba(255,255,255,.35); text-transform:uppercase; letter-spacing:.08em; }
.footer-brand p { font-size:.8rem; line-height:1.7; margin-top:.9rem; color:rgba(255,255,255,.55); }
.footer-col h4 { font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); margin-bottom:.9rem; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:.45rem; }
.footer-col a { font-size:.8rem; color:rgba(255,255,255,.55); transition:color .2s; }
.footer-col a:hover { color:rgba(255,255,255,.9); }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08); padding:1rem 4%; max-width:1400px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.5rem; font-size:.72rem; color:rgba(255,255,255,.35); }
.tz-flag { display:flex; height:6px; width:36px; border-radius:1px; overflow:hidden; }
.tz-flag span:nth-child(1) { flex:1; background:#1EB53A; }
.tz-flag span:nth-child(2) { flex:1; background:#FCD116; }
.tz-flag span:nth-child(3) { flex:1; background:#3A75C4; }

/* ── SCROLL REVEAL ── */
.rv { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s ease; }
.rv.in { opacity:1; transform:none; }
.d1{transition-delay:.06s;} .d2{transition-delay:.12s;} .d3{transition-delay:.18s;} .d4{transition-delay:.24s;}

/* ══ RESPONSIVE ══ */
@media(max-width:1100px){
  .nav-links>li>a,.nav-links>li>button{padding:0 .5rem;font-size:.72rem;}
  .footer-top{grid-template-columns:1fr 1fr;gap:2rem;}
  .stat-grid{grid-template-columns:1fr 1fr;}
  .gal-grid{grid-template-columns:1fr 1fr 1fr;}
  .commodity-grid{grid-template-columns:1fr 1fr;}
  .invest-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  .nav-links,.nav-r .btn-cta{display:none;}
  .hbg{display:flex;}
  .gal-grid{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .form-row{grid-template-columns:1fr;}
  .commodity-grid{grid-template-columns:1fr;}
  .invest-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .gal-grid{grid-template-columns:1fr 1fr;}
  .stat-grid{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr;}
  .topbar-left span:last-child{display:none;}
  h1{font-size:1.6rem;}
}