/* Homepage-only Americana refinement
   Goal: stronger red-white-blue presence without turning the site into a novelty flag theme. */

body.homepage-americana {
  background: #031126;
}

.homepage-americana .site-header {
  background: rgba(3, 17, 38, .9);
  border-bottom: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 10px 34px rgba(0, 0, 0, .28);
}

.homepage-americana .brand img {
  filter:
    drop-shadow(0 0 16px rgba(255,255,255,.28))
    drop-shadow(0 0 28px rgba(37,99,235,.28));
}

.homepage-americana .nav-links a {
  color: #ffffff;
}

.homepage-americana .nav-links a:hover {
  color: #8fc0ff;
}

.homepage-americana .header-cta,
.homepage-americana .btn-red {
  background: linear-gradient(135deg, #d51f33, #a61225);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow:
    0 0 30px rgba(213,31,51,.5),
    0 10px 24px rgba(0,0,0,.2);
}

.homepage-americana .hero-overlay {
  background:
    linear-gradient(
      90deg,
      rgba(3,17,38,.94) 0%,
      rgba(5,29,66,.72) 34%,
      rgba(3,17,38,.24) 67%,
      rgba(3,17,38,0) 100%
    ),
    linear-gradient(
      to top,
      rgba(3,17,38,.92) 0%,
      rgba(3,17,38,.28) 30%,
      rgba(3,17,38,0) 100%
    );
}

.homepage-americana .orb-blue {
  background: rgba(30, 102, 255, .72);
  opacity: .72;
}

.homepage-americana .orb-red {
  background: rgba(213, 31, 51, .48);
  opacity: .48;
}

.homepage-americana .hero .eyebrow,
.homepage-americana .section-heading .eyebrow,
.homepage-americana .story-copy .eyebrow,
.homepage-americana .final-cta .eyebrow {
  color: #ef3340;
}

.homepage-americana .hero-stats,
.homepage-americana .facility-highlight-grid,
.homepage-americana .number-bar {
  border-color: rgba(255,255,255,.25);
  background:
    linear-gradient(135deg, rgba(9, 50, 111, .7), rgba(3,17,38,.72));
  box-shadow: 0 18px 46px rgba(0,0,0,.26);
}

.homepage-americana .hero-stats div,
.homepage-americana .facility-highlight,
.homepage-americana .number-bar div {
  border-color: rgba(255,255,255,.15);
}

.homepage-americana .promo-banner {
  background:
    linear-gradient(90deg, rgba(4,24,55,.96), rgba(180,18,40,.78), rgba(4,24,55,.96)),
    url("https://images.unsplash.com/photo-1484100356142-db6ab6244067?auto=format&fit=crop&w=1800&q=80") center/cover;
  border-top: 1px solid rgba(255,255,255,.22);
  border-bottom: 1px solid rgba(255,255,255,.22);
}

.homepage-americana .promo-banner h2 {
  color: #ffffff;
  text-shadow: 0 0 22px rgba(255,255,255,.12);
}

.homepage-americana .feature-strip {
  background:
    radial-gradient(circle at 18% 0%, rgba(41,112,255,.28), transparent 36%),
    radial-gradient(circle at 82% 100%, rgba(213,31,51,.18), transparent 36%),
    #061b3e;
  border-top: 1px solid rgba(255,255,255,.14);
  border-bottom: 1px solid rgba(255,255,255,.2);
}

.homepage-americana .feature {
  border-color: rgba(255,255,255,.16);
}

.homepage-americana .storage-section,
.homepage-americana .lifestyle-section {
  background:
    radial-gradient(circle at 18% 14%, rgba(213,31,51,.16), transparent 30%),
    radial-gradient(circle at 82% 20%, rgba(41,112,255,.3), transparent 35%),
    #031126;
}

.homepage-americana .storage-card,
.homepage-americana .lifestyle-card {
  border-color: rgba(255,255,255,.2);
  box-shadow:
    0 30px 80px rgba(0,0,0,.42),
    0 0 0 1px rgba(41,112,255,.05);
}

.homepage-americana .storage-card:hover,
.homepage-americana .lifestyle-card:hover {
  border-color: rgba(122, 178, 255, .72);
  box-shadow:
    0 34px 90px rgba(0,0,0,.46),
    0 0 30px rgba(41,112,255,.18);
}

.homepage-americana .card-content a {
  color: #ef3340;
}

.homepage-americana .cinematic-story {
  background: linear-gradient(90deg, #031126, #041b3f);
  border-top: 1px solid rgba(255,255,255,.14);
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.homepage-americana .story-image {
  background:
    linear-gradient(90deg, transparent, #041b3f),
    url("https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat;
}

.homepage-americana .final-cta {
  background:
    linear-gradient(rgba(3,17,38,.74), rgba(3,17,38,.92)),
    url("https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=2400&q=80") center/cover no-repeat;
  border-top: 1px solid rgba(255,255,255,.16);
}

.homepage-americana footer {
  background: #020b1a;
  border-top: 1px solid rgba(255,255,255,.14);
}

/* Heavy comparison layer */
.homepage-americana .site-header {
  background: linear-gradient(90deg, rgba(2,21,51,.98), rgba(8,46,103,.96), rgba(2,21,51,.98));
  border-bottom: 2px solid rgba(255,255,255,.48);
}

.homepage-americana .header-cta,
.homepage-americana .btn-red {
  background: linear-gradient(135deg, #ef3340, #b3122d);
  border-color: rgba(255,255,255,.35);
  box-shadow: 0 0 38px rgba(239,51,64,.65), 0 12px 28px rgba(0,0,0,.24);
}

.homepage-americana .orb-blue {
  background: rgba(46,124,255,.95);
  opacity: .92;
}

.homepage-americana .orb-red {
  background: rgba(239,51,64,.74);
  opacity: .68;
}

.homepage-americana .hero-stats,
.homepage-americana .facility-highlight-grid,
.homepage-americana .number-bar {
  border-color: rgba(255,255,255,.44);
  background: linear-gradient(135deg, rgba(12,74,166,.86), rgba(2,21,51,.88));
}

.homepage-americana .promo-banner {
  background: linear-gradient(90deg, rgba(4,31,74,.98), rgba(207,24,48,.9), rgba(4,31,74,.98));
  border-top: 2px solid rgba(255,255,255,.54);
  border-bottom: 2px solid rgba(255,255,255,.54);
}

.homepage-americana .feature-strip {
  background: radial-gradient(circle at 16% 0%, rgba(46,124,255,.54), transparent 38%), radial-gradient(circle at 86% 100%, rgba(239,51,64,.32), transparent 38%), #08295e;
  border-top: 2px solid rgba(255,255,255,.26);
  border-bottom: 2px solid rgba(255,255,255,.34);
}

.homepage-americana .storage-section,
.homepage-americana .lifestyle-section {
  background: radial-gradient(circle at 18% 16%, rgba(239,51,64,.26), transparent 30%), radial-gradient(circle at 82% 18%, rgba(46,124,255,.5), transparent 36%), #021533;
}

.homepage-americana .storage-card,
.homepage-americana .lifestyle-card {
  border-color: rgba(255,255,255,.32);
}

.homepage-americana .cinematic-story {
  background: linear-gradient(90deg, #021533, #07316f);
  border-top: 2px solid rgba(255,255,255,.25);
  border-bottom: 2px solid rgba(255,255,255,.25);
}