:root{
  --bg:#050518;
  --bg2:#0a0a2e;
  --bg3:#0d0d35;
  --gold:#d4a537;
  --gold2:#fcd34d;
  --text:#f9fafb;
  --muted:#d1d5db;
  --muted2:#9ca3af;
  --red:#f87171;
  --amber:#f59e0b;
  --blue:#93c5fd;
  --purple:#c4b5fd;
  --border:rgba(255,255,255,.08);
  --shadow:0 20px 50px rgba(0,0,0,.35);
  --radius:1rem;

  --site-yellow:#fcd34d;
  --site-yellow-hover:#fde68a;
  --site-yellow-deep:#d4a537;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
  margin:0;
  font-family:'Inter',Arial,Helvetica,sans-serif;
  background:linear-gradient(to bottom,var(--bg),var(--bg2));
  color:var(--text);
  line-height:1.65;
}

img{max-width:100%;display:block}
a{text-decoration:none}
button{font:inherit}

.serif{
  font-family:'Crimson Text',Georgia,'Times New Roman',serif;
}

/* =========================
   TEXT / LINK UTILITIES
========================= */

.text-gold,
.gold,
.hl,
.nav-logo-sub,
.book-link,
.chart-card-body h3,
.feature-card h3,
.compare-box .text-gold,
.result-gold,
.donate-strip .cashapp,
.hero .gold{
  color:var(--site-yellow);
}

.text-red{color:var(--red)}
.text-blue{color:var(--blue)}
.text-purple{color:var(--purple)}
.text-amber{color:#fbbf24}
.text-accent{color:#f59e0b}
.highlight-yellow{color:#fcd34d !important}

.link-gold{
  color:#facc15;
  text-decoration:none;
  font-weight:600;
}

.link-gold:hover{
  color:#fde68a;
  text-decoration:underline;
}

.yellow-link,
.yellow-link:visited,
.yellow-link:active,
.orange-link,
.orange-link:visited,
.orange-link:active{
  color:var(--site-yellow) !important;
  font-weight:400 !important;
  text-decoration:none !important;
}

.yellow-link:hover,
.yellow-link:focus,
.orange-link:hover,
.orange-link:focus{
  color:var(--site-yellow-hover) !important;
  text-decoration:underline !important;
}

/* =========================
   NAVIGATION
========================= */

.nav{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(5,5,24,.97);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}

.nav-inner{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.25rem;
}

.nav-logo{
  display:flex;
  align-items:center;
  gap:.9rem;
  min-width:0;
  color:#fff !important;
  text-decoration:none;
}

.nav-logo img,
.nav-logo-img{
  width:52px;
  height:52px;
  object-fit:contain;
  border-radius:.5rem;
  box-shadow:0 8px 20px rgba(0,0,0,.25);
  flex-shrink:0;
}

.nav-logo-text{
  font-size:1.7rem;
  font-weight:700;
  line-height:1;
  color:#fff !important;
  white-space:nowrap;
}

.nav-logo-text span{
  color:var(--site-yellow-deep) !important;
}

.nav-logo-sub{
  color:var(--site-yellow) !important;
  font-size:.85rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-top:.2rem;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:1.15rem;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.nav-link,
.nav-links a,
.nav-mobile a{
  color:#fff !important;
  font-weight:600;
  font-size:.98rem;
  text-decoration:none;
}

.nav-link:hover,
.nav-links a:hover,
.nav-mobile a:hover{
  color:var(--site-yellow) !important;
}

.nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.7rem 1rem;
  border-radius:.75rem;
  background:linear-gradient(to right,#b45309,#d97706);
  color:#fff !important;
  font-weight:700;
  white-space:nowrap;
  text-decoration:none;
}

.nav-mobile-btn{
  display:none;
  background:none;
  border:none;
  color:#fff;
  cursor:pointer;
}

.nav-mobile{
  display:none;
  flex-direction:column;
  gap:.75rem;
  padding:1rem 1.25rem 1.25rem;
  background:#050518;
  border-top:1px solid var(--border);
}

.nav-mobile.show{display:flex}

/* =========================
   HERO
========================= */

.hero{
  position:relative;
  overflow:hidden;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,var(--bg2),var(--bg3));
  text-align:center;
  padding-top:2rem;
}

.hero-bg{
  position:absolute;
  inset:0;
}

.hero-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.16;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(5,5,24,.58),rgba(5,5,24,.90));
}

.hero-overlay2{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at center, rgba(212,165,55,.08), transparent 58%);
}

.hero-bg-clean{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top center, rgba(212,165,55,.10), transparent 35%),
    linear-gradient(180deg, rgba(5,5,24,.88), rgba(10,10,46,.95));
}

.hero-stripe{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:5px;
  background:linear-gradient(to right,#7f1d1d,#d97706,#d4a537,#d97706,#7f1d1d);
  z-index:2;
}

.hero-content{
  position:relative;
  z-index:3;
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:5.25rem 1.5rem 4rem;
  text-align:center;
}

.hero-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 auto 1.5rem;
  padding:0;
  background:none;
  border:none;
  border-radius:0;
  text-align:center;
}

.hero-logo{
  width:min(500px,88vw);
  max-width:500px;
  height:auto;
  display:block;
  margin:0 auto;
  filter:none !important;
  box-shadow:none !important;
}

.hero-badge,
.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.5rem .95rem;
  border:1px solid rgba(212,165,55,.28);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#fef3c7;
  font-weight:600;
  font-size:.92rem;
  margin-bottom:1.1rem;
}

.hero-kicker strong{
  color:var(--site-yellow);
}

.hero-badge svg{
  width:18px;
  height:18px;
  flex-shrink:0;
}

.hero h1{
  font-size:clamp(3rem,8vw,5.4rem);
  line-height:.92;
  margin:.15rem 0 .45rem 0;
  font-weight:700;
  letter-spacing:-.02em;
}

.subtitle{
  font-size:clamp(1.35rem,4vw,2.1rem);
  color:#fef3c7;
  margin:0 0 1.1rem;
  letter-spacing:.02em;
}

.desc{
  max-width:760px;
  margin:0 auto 1rem;
  color:var(--muted);
  font-size:1.05rem;
  line-height:1.8;
  opacity:.94;
}

.hero-mini-note{
  margin-top:1rem;
  color:#cbd5e1;
  font-size:.98rem;
  line-height:1.8;
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}

.hero-quote{
  max-width:720px;
  margin:1.75rem auto 0;
  padding:1.1rem 1.15rem;
  border-left:4px solid var(--gold);
  background:rgba(255,255,255,.04);
  border-radius:.85rem;
}

.hero-quote p{
  margin:0 0 .4rem;
  font-size:1.2rem;
  line-height:1.6;
  color:#fff;
}

.hero-quote cite{
  color:var(--muted2);
  font-style:normal;
}

.hero-btns{
  margin-top:1.75rem;
  display:flex;
  gap:1rem;
  justify-content:center;
  flex-wrap:wrap;
}

.hero-stats{
  margin-top:2rem;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}

.hero-stat{
  padding:1rem;
  border:1px solid var(--border);
  border-radius:1rem;
  background:rgba(255,255,255,.04);
}

.hero-stat .num{
  color:var(--gold2);
  font-size:1.8rem;
  font-weight:800;
}

.hero-stat .label{
  color:var(--muted);
  font-size:.95rem;
}

.hero-pillars{
  min-height:88vh;
}

.hero-pillars .hero-content{
  max-width:1080px;
}

.hero-pillars .hero-bg img{
  filter:brightness(.42);
}

/* =========================
   BUTTONS
========================= */

.btn-primary,
.btn-secondary,
.pill-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.95rem 1.3rem;
  border-radius:.75rem;
  font-weight:700;
  transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
  cursor:pointer;
  text-decoration:none;
}

.btn-primary,
.pill-btn{
  background:linear-gradient(to right,#b45309,#d97706);
  color:#fff;
  border:none;
}

.btn-secondary{
  border:1px solid rgba(212,165,55,.35);
  color:#fff;
  background:rgba(255,255,255,.03);
}

.btn-primary:hover,
.pill-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.btn-secondary:hover{
  transform:translateY(-2px);
  border-color:rgba(252,211,77,.6);
  color:var(--site-yellow);
}

/* =========================
   SECTIONS
========================= */

.section{
  padding:4.5rem 1.25rem;
  position:relative;
}

.section:not(:last-child)::after{
  content:"";
  display:block;
  width:120px;
  height:1px;
  margin:3rem auto 0;
  background:linear-gradient(to right,transparent,var(--gold),transparent);
  opacity:.35;
}

.section-dark{
  background:linear-gradient(to bottom,#070722,#0a0a2e);
}

.section-inner{
  max-width:1100px;
  margin:0 auto;
}

.section-narrow{
  max-width:900px;
  margin:0 auto;
}

.sh{
  text-align:center;
  margin-bottom:1.9rem;
}

.sh h2{
  margin:.35rem 0;
  font-size:clamp(2rem,5vw,3rem);
  line-height:1.05;
}

.sh p{
  margin:0 auto;
  max-width:760px;
  color:var(--muted);
  font-size:1rem;
  line-height:1.75;
}

.sh-deco{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.9rem;
  margin-bottom:.5rem;
}

.sh-line{
  width:80px;
  height:1px;
  background:linear-gradient(to right,transparent,var(--gold),transparent);
}

.sh-star{
  width:18px;
  height:18px;
  color:var(--gold);
}

.page-intro,
.section-lead,
.pioneer-promise{
  max-width:980px;
  margin:0 auto 2rem;
  text-align:center;
  color:#d1d5db;
  line-height:1.85;
}

/* =========================
   GRID / CARDS
========================= */

.grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2rem;
}

.grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.4rem;
}

.feature-grid-3,
.truth-grid-3,
.promise-grid,
.subgrid,
.timeline,
.resource-grid,
.share-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:1.25rem;
}

.waymark-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:1.35rem;
  margin-top:2rem;
}

.charts-showcase{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:1.5rem;
  align-items:start;
}

.comparison{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:1.25rem;
  margin-top:1.75rem;
}

.card,
.compare-box,
.book-card,
.resource-card,
.feature-card,
.chart-card,
.truth-card,
.subcard,
.compare-panel,
.promise-card,
.waymark-card,
.faq-item{
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
  border-radius:1rem;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.feature-card,
.truth-card,
.subcard,
.compare-panel,
.promise-card,
.resource-card,
.book-card,
.faq-item{
  padding:1.15rem;
}

.feature-card h3,
.truth-card h3,
.compare-panel h3,
.faq-item h3,
.promise-card h4,
.resource-card h4,
.book-card h4,
.subcard h3{
  margin:0 0 .6rem 0;
  color:#fef3c7;
}

.feature-card p,
.truth-card p,
.compare-panel p,
.faq-item p,
.promise-card p,
.resource-card p,
.subcard p{
  margin:0;
  color:#d1d5db;
  line-height:1.8;
}

.subcard .year,
.waymark-k{
  display:inline-block;
  color:#fcd34d;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:.82rem;
}

.card-img{
  width:100%;
  height:240px;
  object-fit:cover;
}

.card-body,
.chart-card-body{
  padding:1.15rem;
}

.chart-card{
  border-color:rgba(212,165,55,.2);
  background:linear-gradient(180deg,rgba(17,24,39,.95),rgba(10,10,46,.95));
}

.chart-card img{
  width:100%;
  height:auto;
  display:block;
  background:#0b1022;
}

.chart-card-body h3{
  margin:0 0 .5rem 0;
  font-size:1.35rem;
  color:#fef3c7;
}

.chart-card-body p{
  margin:0 0 1rem 0;
  color:#d1d5db;
  line-height:1.8;
}

.chart-links{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}

.waymark-card{
  border:1px solid rgba(212,165,55,.2);
  border-radius:1.15rem;
  background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(10,10,46,.96));
  box-shadow:0 20px 42px rgba(0,0,0,.28);
}

.waymark-head{
  padding:1rem 1.1rem;
  background:linear-gradient(90deg,rgba(127,29,29,.84),rgba(180,83,9,.78),rgba(127,29,29,.84));
  border-bottom:1px solid rgba(255,255,255,.08);
}

.waymark-head h3{
  margin:.25rem 0 0 0;
  color:#fff;
  font-size:1.35rem;
}

.waymark-body{
  padding:1.1rem;
}

.waymark-body p{
  color:#d1d5db;
  line-height:1.82;
  margin:0 0 .9rem 0;
}

.cite-mini{
  display:block;
  color:#9ca3af;
  font-size:.92rem;
  margin-top:.45rem;
}

/* =========================
   QUOTES / BANNERS / BOXES
========================= */

.sq,
.quote-block,
.strong-quote{
  padding:1rem 1.1rem;
  border-radius:1rem;
  border:1px solid var(--border);
}

.sq{
  margin-top:1rem;
}

.sq p{margin:0 0 .45rem}
.sq cite,
.quote-block cite,
.strong-quote cite{
  color:var(--muted2);
  font-style:normal;
}

.sq-gold{
  background:linear-gradient(180deg,rgba(212,165,55,.10),rgba(255,255,255,.03));
  border-color:rgba(212,165,55,.25);
}

.sq-dark{
  background:rgba(0,0,0,.18);
}

.sq-default{
  background:rgba(255,255,255,.03);
}

.bg-red-subtle,
.bg-amber-subtle,
.bg-blue-subtle,
.bg-purple-subtle{
  padding:1.2rem;
  border-radius:1rem;
  border:1px solid var(--border);
}

.bg-red-subtle{background:rgba(127,29,29,.18)}
.bg-amber-subtle{background:rgba(180,83,9,.14)}
.bg-blue-subtle{background:rgba(30,64,175,.18)}
.bg-purple-subtle{background:rgba(91,33,182,.15)}

.egw{
  margin-top:1rem;
  padding:1rem 1.1rem;
  border-radius:1rem;
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
  position:relative;
}

.egw-bar{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(to bottom,var(--gold),#b45309);
  border-radius:1rem 0 0 1rem;
}

.egw p,
.egw cite{
  margin-left:.7rem;
}

.verse-banner{
  max-width:1080px;
  margin:0 auto 2rem;
  border:1px solid rgba(212,165,55,.25);
  border-radius:1.25rem;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(10,10,46,.95),rgba(17,24,39,.98));
  box-shadow:0 24px 50px rgba(0,0,0,.36);
}

.verse-banner-top{
  padding:1.15rem 1.3rem;
  background:linear-gradient(90deg,rgba(127,29,29,.92),rgba(180,83,9,.88),rgba(127,29,29,.92));
  border-bottom:1px solid rgba(255,255,255,.08);
}

.verse-banner-top h2,
.verse-banner-top h3{
  margin:0;
  color:#fff;
  font-size:1.45rem;
}

.verse-banner-body{
  padding:1.35rem;
}

.verse-banner-body p{
  margin:0;
  color:#f3f4f6;
  line-height:1.95;
  font-size:1.08rem;
}

.verse-banner-body cite{
  display:block;
  margin-top:.9rem;
  color:#cbd5e1;
}

.quote-block{
  background:linear-gradient(180deg,rgba(10,10,46,.94),rgba(17,24,39,.98));
  box-shadow:0 20px 40px rgba(0,0,0,.28);
  margin:1rem 0;
}

.quote-block p{
  margin:0;
  color:#f3f4f6;
  line-height:1.95;
  font-size:1.03rem;
}

.quote-accent{
  border-left:5px solid rgba(212,165,55,.55);
}

.strong-quote{
  max-width:980px;
  margin:1.4rem auto 0;
  border:1px solid rgba(239,68,68,.22);
  background:linear-gradient(180deg,rgba(127,29,29,.14),rgba(180,83,9,.08));
}

.strong-quote p{
  margin:0;
  color:#fff;
  line-height:1.9;
  font-size:1.06rem;
}

/* =========================
   SHARE / DONATE / CTA
========================= */

.share-card{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  border-radius:1rem;
  border:1px solid rgba(212,165,55,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  color:#fff;
  text-decoration:none;
  font-weight:700;
  cursor:pointer;
}

.share-card:hover{
  border-color:rgba(252,211,77,.45);
  color:var(--site-yellow);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
}

.donate-strip,
.cta-banner{
  max-width:1080px;
  margin:2rem auto 0;
  padding:1.25rem;
  border-radius:1rem;
  border:1px solid rgba(212,165,55,.22);
  background:linear-gradient(180deg,rgba(212,165,55,.08),rgba(180,83,9,.08));
  text-align:center;
}

.donate-strip p,
.cta-banner p{
  margin:0;
  color:#f3f4f6;
  line-height:1.8;
  font-size:1.05rem;
}

/* =========================
   FOOTER
========================= */

.footer{
  border-top:1px solid rgba(252,211,77,.12);
  background:linear-gradient(to bottom,#050518,#070722);
}

.footer-banner{
  text-align:center;
  padding:2rem 1rem 1rem;
  border-bottom:1px solid var(--border);
}

.footer-banner p{
  margin:0 0 .35rem;
  font-size:1.2rem;
  color:#fff;
}

.footer-banner cite{
  color:var(--muted2);
  font-style:normal;
}

.footer-main{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr;
  gap:2rem;
  align-items:start;
  padding:2.35rem 1.5rem;
}

.footer-col{
  line-height:1.7;
}

.footer-col h4{
  margin:0 0 1rem 0;
  color:#fff;
}

.footer-col p,
.footer-col li,
.footer-col a{
  color:var(--muted);
}

.footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-col li{
  margin:0 0 .75rem 0;
}

.footer-col-brand{
  max-width:500px;
  align-self:start;
}

.footer-brand-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.65rem;
  margin-bottom:1rem;
}

.footer-site-logo{
  width:100%;
  max-width:340px;
  height:auto;
  display:block;
  border-radius:.4rem;
  margin-bottom:1rem;
}

.footer-site-logo-lg{
  width:200px;
  height:200px;
  object-fit:contain;
  border-radius:.35rem;
}

.footer-domain{
  font-size:1.05rem;
  font-weight:700;
  color:#fff;
  line-height:1.2;
}

.footer-brand-text{
  margin:0 0 .9rem 0;
  color:#d1d5db;
  line-height:1.8;
}

.footer-support-line{
  margin:0 0 .85rem 0;
  color:#facc15;
  font-weight:700;
  line-height:1.5;
}

.footer-donate-btn{
  display:inline-block;
  margin-top:.5rem;
}

.footer-bottom{
  border-top:1px solid var(--border);
  text-align:center;
  padding:1.1rem 1rem 2rem;
  color:var(--muted2);
}

.footer-flags{
  display:flex;
  justify-content:center;
  gap:.25rem;
  margin:.7rem 0;
}

.flag-r,.flag-w,.flag-b{
  width:26px;
  height:4px;
  border-radius:999px;
}

.flag-r{background:#b91c1c}
.flag-w{background:#f8fafc}
.flag-b{background:#1d4ed8}

.footer-stripe{
  height:5px;
  background:linear-gradient(to right,#7f1d1d,#d97706,#d4a537,#d97706,#7f1d1d);
}

.footer-col a:hover{
  color:var(--site-yellow) !important;
}

/* =========================
   UTILITIES
========================= */

.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mb-4{margin-bottom:1rem}
.mb-8{margin-bottom:2rem}
.mb-12{margin-bottom:3rem}
.max-w-4{max-width:900px;margin-left:auto;margin-right:auto}
.text-center{text-align:center}

/* citation links in content only */
p a,
cite a,
.verse a,
.quote a,
blockquote a{
  color:#facc15 !important;
  text-decoration:none;
  font-weight:500;
  transition:all .2s ease;
}

p a:hover,
cite a:hover,
.verse a:hover,
.quote a:hover,
blockquote a:hover{
  color:#fde68a !important;
  text-decoration:underline;
}

/* =========================
   BACK TO TOP
========================= */

.btt{
  position:fixed;
  right:1rem;
  bottom:1rem;
  width:46px;
  height:46px;
  border:none;
  border-radius:999px;
  background:linear-gradient(to right,#b45309,#d97706);
  color:#fff;
  box-shadow:var(--shadow);
  cursor:pointer;
  z-index:1001;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1100px){
  .nav-links{display:none}
  .nav-mobile-btn{display:block}

  .grid-2,
  .grid-3{
    grid-template-columns:1fr;
  }

  .hero-content{
    max-width:900px;
  }
}

@media (max-width: 980px){
  .footer-main{
    grid-template-columns:1fr 1fr;
    gap:1.75rem;
  }
}

@media (max-width: 900px){
  .hero-logo{
    width:min(560px,94vw);
  }
}

@media (max-width: 700px){
  .hero-content{
    padding:4.5rem 1rem 3.25rem;
  }

  .nav-logo-text{
    font-size:1.35rem;
  }

  .hero-logo{
    width:min(420px,96vw);
    max-width:420px;
  }

  .hero-badge,
  .hero-kicker{
    font-size:.84rem;
  }

  .subtitle{
    font-size:1.3rem;
  }

  .hero-stats{
    grid-template-columns:1fr;
  }

  .footer-main{
    padding:2rem 1rem;
  }

  .footer-site-logo{
    max-width:300px;
  }
}

@media (max-width: 640px){
  .hero-quote p{
    font-size:1.08rem;
  }

  .footer-main{
    grid-template-columns:1fr;
    gap:1.5rem;
  }

  .footer-col-brand{
    max-width:none;
  }

  .footer-site-logo{
    max-width:280px;
  }
}

/* ===== HERO FINAL POLISH ===== */

.hero-content{
  padding: 6rem 1.5rem 4rem;
  text-align:center;
}

.hero-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin: 0 auto 2rem;
}

.hero-logo{
  width: clamp(480px, 60vw, 700px);
  height:auto;
  display:block;
  margin:0 auto;
  filter: drop-shadow(0 10px 25px rgba(0,0,0,.6));
}

.hero h1{
  margin-top: 0.5rem;
}

/* darker overlay for contrast */
.hero-overlay{
  background:linear-gradient(
    to bottom,
    rgba(5,5,24,.75),
    rgba(5,5,24,.95)
  );
}

/* mobile control */
@media (max-width:700px){
  .hero-logo{
    width: clamp(300px, 85vw, 500px);
  }

  .hero-content{
    padding: 4.5rem 1rem 3rem;
  }
}

/* ===== FOOTER LOGO FIX ===== */

.footer-logo{
  width: 120px;
  height:auto;
  object-fit:contain;
  border-radius:.35rem;
}


/* ===== FOOTER FINAL POLISH ===== */

/* spacing between footer columns */
.footer-main{
  gap:2rem;
}

/* stack logo + name cleanly */
.footer-brand-block{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.75rem;
  margin-bottom:1rem;
}

/* site name under logo */
.footer-brand-name{
  font-size:1.1rem;
  font-weight:700;
  color:#fff;
  line-height:1.2;
  margin-top:-4px;
  letter-spacing:.5px;
}

/* footer logo size */
.footer-logo{
  width:150px;
  height:auto;
  object-fit:contain;
  border-radius:.35rem;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.6));
}

/* link hover effect (subtle modern feel) */
.footer-col a{
  transition:all .2s ease;
}

.footer-col a:hover{
  color:#fde68a;
  transform:translateX(3px);
}

/* ===== HERO + FOOTER VISUAL MATCH ===== */

/* HERO POLISH */
.hero-content{
  padding:6rem 1.5rem 4rem;
  text-align:center;
}

.hero-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 2rem;
}

.hero-logo{
  width:clamp(480px, 60vw, 700px);
  height:auto;
  display:block;
  margin:0 auto;
  filter:drop-shadow(0 10px 25px rgba(0,0,0,.6));
}

.hero h1{
  margin-top:.5rem;
}

.hero-overlay{
  background:linear-gradient(to bottom, rgba(5,5,24,.75), rgba(5,5,24,.95));
}

/* FOOTER FINAL POLISH */
.footer-main{
  gap:2rem;
}

.footer-brand-block{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.75rem;
  margin-bottom:1rem;
}

.footer-brand-name{
  font-size:1.1rem;
  font-weight:700;
  color:#fff;
  line-height:1.2;
  margin-top:-4px;
  letter-spacing:.5px;
}

.footer-logo{
  width:150px;
  height:auto;
  object-fit:contain;
  border-radius:.35rem;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));
}

.footer-col a{
  transition:all .2s ease;
}

.footer-col a:hover{
  color:#fde68a;
  transform:translateX(3px);
}

/* MOBILE CONTROL */
@media (max-width:700px){
  .hero-logo{
    width:clamp(300px, 85vw, 500px);
  }

  .hero-content{
    padding:4.5rem 1rem 3rem;
  }
}

<style>
.book-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.share-icons {
  display: flex;
  gap: 8px;
  font-size: 18px;
}

.share-icons a {
  text-decoration: none;
  transition: transform 0.2s ease;
}

.share-icons a:hover {
  transform: scale(1.2);
}
</style>