/* Base */
:root{
  --black:#050505;
  --black-soft:#0d0d0d;
  --charcoal:#161616;
  --gold:#d6a93b;
  --gold-deep:#a97612;
  --gold-light:#f5d47b;
  --cream:#f1ebe0;
  --text:#f6f2e9;
  --muted:#d7cfbf;
  --line:rgba(214,169,59,.72);
  --shadow:0 18px 40px rgba(0,0,0,.42);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 20% 0%, rgba(214,169,59,.08), transparent 30%),
    radial-gradient(circle at 80% 15%, rgba(214,169,59,.06), transparent 25%),
    linear-gradient(180deg, #020202 0%, #090909 40%, #040404 100%);
  font-family:"Inter", Arial, sans-serif;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(1240px, calc(100% - 44px)); margin:0 auto}
.narrow{max-width:920px}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:20;
  background:
    linear-gradient(180deg, rgba(0,0,0,.96), rgba(7,7,7,.94));
  border-bottom:1px solid rgba(214,169,59,.35);
  box-shadow:0 10px 26px rgba(0,0,0,.35);
}
.header-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  padding:18px 0 16px;
}
.brand-logo{
  width:min(480px, 72vw);
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.45));
}
.small-logo{width:min(360px, 64vw)}
.main-nav{
  display:flex;
  justify-content:center;
  gap:30px;
  flex-wrap:wrap;
  font-weight:700;
  color:var(--gold-light);
}
.main-nav a{
  position:relative;
  padding-bottom:3px;
}
.main-nav a::after{
  content:"";
  position:absolute;
  left:0; bottom:-2px;
  width:100%; height:1px;
  background:transparent;
  transition:.2s ease;
}
.main-nav a:hover::after{background:var(--gold-light)}

/* Hero */
.hero-section{
  position:relative;
  overflow:hidden;
  padding:28px 0 30px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.48) 24%, rgba(0,0,0,.72));
}
.hero-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at center, rgba(214,169,59,.08), transparent 38%),
    linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.28) 50%, rgba(0,0,0,.76) 100%);
  pointer-events:none;
}
.hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  align-items:center;
  gap:30px;
  min-height:530px;
}
.hero-copy{
  padding:22px 0 0 6px;
}
.hero-copy h1{
  margin:0 0 20px;
  max-width:690px;
  font-family:"Cinzel", Georgia, serif;
  font-size:clamp(2.3rem, 4.8vw, 4.4rem);
  line-height:1.08;
  letter-spacing:-0.02em;
  color:var(--cream);
  text-shadow:0 4px 18px rgba(0,0,0,.55);
}
.hero-subtitle{
  margin:0 0 30px;
  max-width:660px;
  font-size:clamp(1.1rem, 2vw, 1.5rem);
  line-height:1.45;
  color:#efe5cf;
}
.hero-image-wrap{
  align-self:end;
}
.hero-image{
  width:100%;
  max-width:700px;
  margin-left:auto;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.38));
}
.hero-actions{display:flex; gap:16px; flex-wrap:wrap}

.gold-button{
  display:inline-block;
  padding:18px 34px;
  border-radius:5px;
  background:
    linear-gradient(180deg, #f1cd74 0%, #d7a739 45%, #aa7710 100%);
  color:#181101;
  font-weight:800;
  font-size:1.08rem;
  letter-spacing:.01em;
  box-shadow:0 14px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.35);
  border:1px solid rgba(82,52,0,.6);
}
.gold-button:hover{transform:translateY(-1px)}
.gold-button-small{padding:15px 26px; font-size:1rem}

/* Stats */
.stats-bar{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  margin-top:18px;
  border:1px solid rgba(214,169,59,.5);
  background:
    linear-gradient(180deg, rgba(11,11,11,.96), rgba(18,18,18,.95));
  box-shadow:var(--shadow);
}
.stat{
  padding:18px 14px;
  text-align:center;
  border-right:1px solid rgba(214,169,59,.35);
}
.stat:last-child{border-right:none}
.stat-value{
  font-family:"Cinzel", Georgia, serif;
  color:var(--gold-light);
  font-size:clamp(1.5rem, 3vw, 2.35rem);
  font-weight:800;
  line-height:1.1;
  margin-bottom:6px;
}
.stat-label{
  color:#f4ead5;
  font-size:1.05rem;
  font-weight:600;
}

/* Shared section styling */
.section{padding:44px 0 54px}
.section-dark{
  background:
    radial-gradient(circle at 15% 10%, rgba(214,169,59,.06), transparent 25%),
    radial-gradient(circle at 80% 70%, rgba(214,169,59,.05), transparent 24%),
    linear-gradient(180deg, #090909 0%, #0f0f0f 100%);
}
.section-black{
  background:
    linear-gradient(180deg, #030303 0%, #0a0a0a 100%);
}
.texture{
  position:relative;
}
.texture::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.015), transparent 38%);
  pointer-events:none;
}
.section-title-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-bottom:26px;
}
.section-title-wrap h2{
  margin:0;
  font-family:"Cinzel", Georgia, serif;
  font-size:clamp(2rem, 4vw, 3.15rem);
  color:var(--gold-light);
  text-align:center;
}
.rule{
  width:min(22vw, 320px);
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(214,169,59,.78), transparent);
}

/* Qualify */
.qualify-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:28px;
}
.info-card{
  background:
    linear-gradient(180deg, rgba(8,8,8,.98), rgba(16,16,16,.96));
  border:1px solid rgba(214,169,59,.42);
  box-shadow:var(--shadow);
}
.card-heading{
  padding:18px 18px 16px;
  background:linear-gradient(180deg, rgba(0,0,0,.9), rgba(14,14,14,.92));
  font-family:"Cinzel", Georgia, serif;
  color:var(--gold-light);
  font-size:1.65rem;
  font-weight:700;
  text-align:center;
  border-bottom:1px solid rgba(214,169,59,.3);
}
.card-body{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:20px;
  align-items:center;
  padding:18px;
}
.card-copy{
  color:#f3ebdd;
  font-size:1.18rem;
  line-height:1.55;
}

.card-visual{
  min-height:122px;
  border:1px solid rgba(214,169,59,.25);
  background:
    linear-gradient(180deg, rgba(245,212,123,.14), rgba(214,169,59,.03)),
    linear-gradient(180deg, #111, #1a1a1a);
  position:relative;
  overflow:hidden;
}
.warehouse-visual::before{
  content:"";
  position:absolute;
  left:18px; right:18px; bottom:18px;
  height:58px;
  background:
    linear-gradient(180deg, transparent 0 46%, #2b2b2b 46% 52%, transparent 52%),
    linear-gradient(90deg, #3b3b3b 0 20%, transparent 20% 24%, #3b3b3b 24% 44%, transparent 44% 48%, #3b3b3b 48% 68%, transparent 68% 72%, #3b3b3b 72% 100%);
  clip-path:polygon(6% 100%, 6% 35%, 28% 35%, 42% 10%, 68% 10%, 82% 35%, 94% 35%, 94% 100%);
}
.warehouse-visual::after{
  content:"";
  position:absolute;
  left:22px; bottom:14px;
  width:120px; height:18px;
  background:
    linear-gradient(90deg, rgba(214,169,59,.94) 0 30%, transparent 30% 34%, rgba(214,169,59,.94) 34% 64%, transparent 64% 68%, rgba(214,169,59,.94) 68% 100%);
}
.truck-visual::before{
  content:"";
  position:absolute;
  left:18px; right:18px; bottom:28px; height:40px;
  background:
    linear-gradient(90deg, transparent 0 8%, #37516d 8% 48%, #2e3f57 48% 56%, #37516d 56% 72%, transparent 72% 100%);
}
.truck-visual::after{
  content:"";
  position:absolute;
  left:34px; bottom:14px;
  width:108px; height:18px;
  background:
    radial-gradient(circle at 12px 9px, #101010 0 8px, transparent 8.5px),
    radial-gradient(circle at 62px 9px, #101010 0 8px, transparent 8.5px);
}

.check-wrap{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  margin-top:28px;
  align-items:stretch;
}
.check-copy{
  padding:26px 28px 22px;
  border:1px solid rgba(214,169,59,.4);
  background:
    linear-gradient(180deg, rgba(7,7,7,.95), rgba(15,15,15,.94));
  box-shadow:var(--shadow);
}
.check-copy h3{
  margin:0 0 16px;
  font-family:"Cinzel", Georgia, serif;
  color:var(--gold-light);
  font-size:2rem;
}
.check-list{
  list-style:none;
  margin:0;
  padding:0;
}
.check-list li{
  position:relative;
  padding-left:38px;
  margin:16px 0;
  font-size:1.2rem;
  color:#f2eadb;
  line-height:1.45;
}
.check-list li::before{
  content:"✓";
  position:absolute;
  left:0; top:-2px;
  color:var(--gold-light);
  font-weight:900;
  font-size:1.55rem;
}
.flags-panel{
  border:1px solid rgba(214,169,59,.4);
  background:#0b0b0b;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.flags-panel img{
  width:100%;
  height:100%;
  object-fit:cover;
  min-height:100%;
}

/* Process */
.steps-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:22px;
}
.step-card{
  padding:22px 18px 20px;
  text-align:center;
  background:
    linear-gradient(180deg, rgba(11,11,11,.98), rgba(18,18,18,.96));
  border:1px solid rgba(214,169,59,.38);
  box-shadow:var(--shadow);
}
.step-number{
  width:48px; height:48px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg, #f0cd76, #b68013);
  color:#171102;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.step-card h3{
  margin:0 0 10px;
  font-family:"Cinzel", Georgia, serif;
  color:var(--gold-light);
  font-size:1.42rem;
}
.step-card p{
  margin:0;
  color:#efe7d8;
  line-height:1.5;
  font-size:1rem;
}

.cta-band{
  margin-top:32px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(214,169,59,.42);
  background:
    linear-gradient(180deg, rgba(7,7,7,.98), rgba(15,15,15,.95));
  box-shadow:var(--shadow);
}
.cta-band-copy{
  font-size:1.2rem;
  color:#f5ebd8;
  font-weight:600;
}

/* Footer */
.site-footer{
  padding:26px 0 34px;
  border-top:1px solid rgba(214,169,59,.36);
  background:
    linear-gradient(180deg, #050505 0%, #080808 100%);
}
.footer-top, .footer-bottom{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  text-align:center;
}
.footer-top{
  color:#f5ebd7;
  font-size:1.12rem;
  margin-bottom:10px;
}
.footer-bottom{
  color:#d9cfbc;
  font-size:.96rem;
}
.footer-bottom a{
  color:var(--gold-light);
}
.footer-divider, .footer-sep{
  color:var(--gold-light);
}

/* Legal */
.legal-card{
  padding:28px 28px 24px;
  background:
    linear-gradient(180deg, rgba(8,8,8,.98), rgba(16,16,16,.96));
  border:1px solid rgba(214,169,59,.38);
  box-shadow:var(--shadow);
}
.legal-card p{
  margin:0 0 16px;
  color:#f0e8da;
  line-height:1.65;
  font-size:1.08rem;
}
.legal-card p:last-child{margin-bottom:0}

/* Responsive */
@media (max-width: 1100px){
  .hero-grid, .check-wrap, .steps-grid{
    grid-template-columns:1fr 1fr;
  }
  .steps-grid .step-card:last-child{
    grid-column:1 / -1;
    max-width:420px;
    margin:0 auto;
  }
}
@media (max-width: 820px){
  .container{width:min(1240px, calc(100% - 24px))}
  .hero-grid, .qualify-grid, .check-wrap, .steps-grid{
    grid-template-columns:1fr;
  }
  .card-body{
    grid-template-columns:1fr;
  }
  .stats-bar{
    grid-template-columns:1fr;
  }
  .stat{
    border-right:none;
    border-bottom:1px solid rgba(214,169,59,.28);
  }
  .stat:last-child{border-bottom:none}
  .cta-band{
    flex-direction:column;
    text-align:center;
  }
  .hero-copy{
    text-align:center;
    padding-left:0;
  }
  .hero-image{
    max-width:520px;
    margin:0 auto;
  }
  .main-nav{
    gap:18px;
    font-size:.96rem;
  }
}


/* Additional multi-page styles */
.subheadline{
  text-align:center;
  font-family:"Cinzel", Georgia, serif;
  color:var(--gold-light);
  font-size:clamp(1.2rem, 2.2vw, 2rem);
  margin:0 0 18px;
}
.light-subheadline{color:#f0e5c7}
.page-intro{
  max-width:920px;
  margin:0 auto 28px;
  color:#ece3d4;
  font-size:1.12rem;
  line-height:1.65;
}
.centered-copy{text-align:center}
.page-stack{display:grid; gap:30px}

.check-panel{
  padding:28px 32px;
  border:1px solid rgba(214,169,59,.38);
  background:linear-gradient(180deg, rgba(8,8,8,.96), rgba(15,15,15,.93));
  box-shadow:var(--shadow);
}
.soft-panel{
  background:linear-gradient(180deg, rgba(11,11,11,.98), rgba(21,21,21,.96));
}
.centered-panel{
  max-width:980px;
  margin:0 auto;
}
.check-panel h3{
  margin:0 0 12px;
  text-align:center;
  font-family:"Cinzel", Georgia, serif;
  color:var(--gold-light);
  font-size:clamp(1.7rem, 3vw, 2.4rem);
}
.panel-intro{
  margin:0 0 12px;
  text-align:center;
  color:#efe7da;
  font-size:1.05rem;
}
.compact li{margin:12px 0}
.centered-list{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

.dual-box-row, .triple-box-row{
  display:grid;
  gap:22px;
}
.dual-box-row{
  grid-template-columns:repeat(2,1fr);
  margin-top:26px;
}
.triple-box-row{
  grid-template-columns:repeat(3,1fr);
}
.mini-panel{
  padding:24px 22px;
  text-align:center;
  background:linear-gradient(180deg, rgba(11,11,11,.98), rgba(18,18,18,.96));
  border:1px solid rgba(214,169,59,.35);
  box-shadow:var(--shadow);
}
.mini-panel h4{
  margin:0 0 12px;
  font-family:"Cinzel", Georgia, serif;
  color:var(--gold-light);
  font-size:1.5rem;
}
.mini-panel p{
  margin:0;
  color:#f1e8d9;
  line-height:1.6;
}
.tall-panel{
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.bottom-cta-panel{
  margin:4px auto 0;
  max-width:960px;
  text-align:center;
  padding:30px 26px;
  border:1px solid rgba(214,169,59,.4);
  background:linear-gradient(180deg, rgba(7,7,7,.98), rgba(15,15,15,.95));
  box-shadow:var(--shadow);
}
.bottom-cta-panel h3{
  margin:0 0 12px;
  font-family:"Cinzel", Georgia, serif;
  color:var(--gold-light);
  font-size:clamp(1.8rem, 3vw, 2.5rem);
}
.bottom-cta-panel p{
  margin:0 0 20px;
  color:#f2ead9;
  line-height:1.6;
}
.wave-panel{
  position:relative;
  overflow:hidden;
}
.wave-panel::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-2px;
  height:64px;
  background:
    radial-gradient(130px 40px at 10% 100%, rgba(214,169,59,.12), transparent 60%),
    radial-gradient(160px 45px at 32% 100%, rgba(214,169,59,.10), transparent 60%),
    radial-gradient(170px 42px at 58% 100%, rgba(214,169,59,.10), transparent 60%),
    radial-gradient(150px 42px at 82% 100%, rgba(214,169,59,.12), transparent 60%);
  pointer-events:none;
}

.process-hero{
  padding:20px 0 34px;
  background:
    linear-gradient(180deg, rgba(214,169,59,.08), transparent 70%),
    linear-gradient(180deg, rgba(10,10,10,.96), rgba(5,5,5,.92));
}
.process-hero-copy{max-width:900px}
.three-steps{
  grid-template-columns:repeat(3,1fr);
}

@media (max-width: 980px){
  .dual-box-row, .triple-box-row, .three-steps{
    grid-template-columns:1fr;
  }
}