/* TrimYou Spray - Static Site CSS */
:root {
  --darkBlue: #1E3A5F;
  --lightBlue: #60A5FA;
  --gold: #D4A574;
  --red-600: #dc2626;
  --red-700: #b91c1c;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --radius: 0.5rem;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff; color: #1a1a1a; line-height: 1.5;
}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { max-width: 100%; height: auto; display: block; }

.container-custom { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 1rem; }
@media (min-width:640px){.container-custom{padding:0 1.5rem;}}
@media (min-width:1024px){.container-custom{padding:0 2rem;}}

.section-padding { padding: 4rem 0; }
@media (min-width:768px){.section-padding{padding:6rem 0;}}

@keyframes fadeInUp { from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);} }
@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }
@keyframes pulse-gold { 0%,100%{box-shadow:0 0 0 0 rgba(212,165,116,0.4);} 50%{box-shadow:0 0 0 15px rgba(212,165,116,0);} }
@keyframes spin { to{transform:rotate(360deg);} }

.animate-fadeInUp { animation: fadeInUp 0.6s ease-out forwards; }
.animate-fadeIn { animation: fadeIn 0.8s ease-out forwards; }
.animate-pulse-gold { animation: pulse-gold 2s infinite; }
.animation-delay-100{animation-delay:0.1s;}
.animation-delay-200{animation-delay:0.2s;}
.animation-delay-300{animation-delay:0.3s;}
.animation-delay-400{animation-delay:0.4s;}
.animation-delay-500{animation-delay:0.5s;}

.hero-gradient { background: linear-gradient(135deg,#1E3A5F 0%,#0F1729 50%,#1E3A5F 100%); }
.text-gradient-gold {
  background: linear-gradient(135deg,#D4A574 0%,#F5DEB3 50%,#D4A574 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.card-hover { transition: all 0.3s ease; }
.card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.15); }
.testimonial-card { background: linear-gradient(145deg,#fff 0%,#f8fafc 100%); border: 1px solid #e2e8f0; }
.gallery-image { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.gallery-image:hover { transform: scale(1.05); box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.btn-shine { position: relative; overflow: hidden; }
.btn-shine::before {
  content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);
  transition: left 0.5s ease;
}
.btn-shine:hover::before { left: 100%; }
.ecwid-productBrowser { font-family: inherit !important; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #D4A574; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #c49664; }

.site-header { position: fixed; top:0; left:0; right:0; z-index:50; transition: all 0.3s ease; background: #1E3A5F; }
.site-header.scrolled { background: rgba(30,58,95,0.95); backdrop-filter: blur(12px); box-shadow: 0 4px 20px rgba(0,0,0,0.15); }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:4rem; }
@media (min-width:768px){.header-inner{height:5rem;}}
.header-logo img { height:2.5rem; width:auto; }
@media (min-width:768px){.header-logo img{height:3rem;}}
.desktop-nav { display:none; align-items:center; gap:2rem; }
@media (min-width:768px){.desktop-nav{display:flex;}}
.nav-link { font-size:0.875rem; font-weight:500; color:rgba(255,255,255,0.9); transition: color 0.2s; }
.nav-link:hover,.nav-link.active { color:#D4A574; }
.mobile-menu-btn { display:block; background:none; border:none; color:#fff; padding:0.5rem; cursor:pointer; }
.mobile-menu-btn svg { width:1.5rem; height:1.5rem; }
@media (min-width:768px){.mobile-menu-btn{display:none;}}
.mobile-nav { display:none; padding:1rem 0; border-top:1px solid rgba(255,255,255,0.1); }
@media (min-width:768px){.mobile-nav{display:none!important;}}
.mobile-nav.open { display:block; }
.mobile-nav a { display:block; padding:0.5rem; font-size:1rem; font-weight:500; color:rgba(255,255,255,0.9); }
.mobile-nav a:hover,.mobile-nav a.active { color:#D4A574; }
.mobile-nav .btn-red { width:100%; margin-top:0.5rem; }
.tagline-bar { background: rgba(212,165,116,0.9); color:#1E3A5F; text-align:center; padding:0.375rem 0; font-size:0.875rem; font-weight:500; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:0.5rem; white-space:nowrap; border-radius:0.375rem; font-size:0.875rem; font-weight:500; transition:all 0.2s; cursor:pointer; border:none; text-decoration:none; }
.btn svg { width:1rem; height:1rem; flex-shrink:0; }
.btn:disabled { opacity:0.5; pointer-events:none; }
.btn-red { padding:0.5rem 1.5rem; background:#dc2626; color:#fff; }
.btn-red:hover { background:#b91c1c; }
.btn-lg { padding:0.75rem 2rem; font-size:1rem; }
.btn-xl { padding:1rem 2rem; font-size:1.125rem; }
.btn-outline-gold { border:1px solid #D4A574; color:#D4A574; background:transparent; padding:0.5rem 1.5rem; }
.btn-outline-gold:hover { background:#D4A574; color:#1E3A5F; }
.btn-outline-darkblue { border:1px solid #1E3A5F; color:#1E3A5F; background:transparent; padding:0.5rem 1.5rem; }
.btn-outline-darkblue:hover { background:#1E3A5F; color:#fff; }
.btn-outline-lightblue { border:1px solid #60A5FA; color:#60A5FA; background:transparent; padding:0.5rem 1.5rem; }
.btn-outline-lightblue:hover { background:#60A5FA; color:#fff; }
.btn-gold { background:#D4A574; color:#1E3A5F; padding:0.5rem 1.5rem; }
.btn-gold:hover { background:rgba(212,165,116,0.9); }
.btn-w-full { width:100%; }
.btn-py-3 { padding-top:0.75rem; padding-bottom:0.75rem; }
.btn-py-4 { padding-top:1rem; padding-bottom:1rem; }
.btn-text-lg { font-size:1.125rem; }

.page-content { padding-top:6rem; }
@media (min-width:768px){.page-content{padding-top:7rem;}}

.hero-section { position:relative; overflow:hidden; padding-bottom:8rem; }
.hero-bg-pattern { position:absolute; inset:0; opacity:0.1; }
.hero-bg-pattern .blur-circle-gold { position:absolute; top:5rem; left:2.5rem; width:16rem; height:16rem; background:#D4A574; border-radius:50%; filter:blur(64px); }
.hero-bg-pattern .blur-circle-blue { position:absolute; bottom:5rem; right:2.5rem; width:24rem; height:24rem; background:#60A5FA; border-radius:50%; filter:blur(64px); }
.hero-inner { position:relative; z-index:10; padding:2rem 0 4rem; display:grid; grid-template-columns:1fr; gap:3rem; align-items:center; }
@media (min-width:1024px){.hero-inner{grid-template-columns:1fr 1fr; padding:10rem 0 6rem;}}
.hero-content { text-align:center; }
@media (min-width:1024px){.hero-content{text-align:left;}}
.hero-badge { display:inline-flex; align-items:center; background:rgba(212,165,116,0.2); color:#D4A574; padding:0.5rem 1rem; border-radius:9999px; font-size:0.875rem; font-weight:500; margin-bottom:1.5rem; margin-top:1rem; }
.hero-badge svg { width:1rem; height:1rem; margin-right:0.5rem; }
.hero-h1 { font-size:2.25rem; font-weight:700; color:#fff; margin-bottom:1.5rem; line-height:1.1; }
@media (min-width:768px){.hero-h1{font-size:3rem;}}
@media (min-width:1024px){.hero-h1{font-size:3.75rem;}}
.hero-subtext { font-size:1.125rem; color:rgba(255,255,255,0.8); margin-bottom:2rem; max-width:36rem; margin-left:auto; margin-right:auto; }
@media (min-width:768px){.hero-subtext{font-size:1.25rem;}}
@media (min-width:1024px){.hero-subtext{margin-left:0; margin-right:0;}}
.hero-trust-badges { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; margin-bottom:2rem; }
@media (min-width:1024px){.hero-trust-badges{justify-content:flex-start;}}
.hero-trust-badge { display:flex; align-items:center; color:rgba(255,255,255,0.7); font-size:0.875rem; }
.hero-trust-badge svg { width:1.25rem; height:1.25rem; color:#D4A574; margin-right:0.5rem; }
.hero-cta-buttons { display:flex; flex-direction:column; gap:1rem; }
@media (min-width:640px){.hero-cta-buttons{flex-direction:row; justify-content:center;}}
@media (min-width:1024px){.hero-cta-buttons{justify-content:flex-start;}}
.hero-disclaimer { color:rgba(255,255,255,0.5); font-size:0.875rem; margin-top:1rem; }
.hero-product { display:flex; justify-content:center; }
@media (min-width:1024px){.hero-product{justify-content:flex-end;}}
.hero-product-wrapper { position:relative; }
.hero-glow { position:absolute; inset:0; background:rgba(212,165,116,0.2); border-radius:50%; filter:blur(48px); transform:scale(0.75); }
.hero-product-img { position:relative; z-index:10; width:36rem; height:auto; max-width:100%; filter:drop-shadow(0 25px 50px rgba(0,0,0,0.5)); }
@media (min-width:768px){.hero-product-img{width:40rem;}}
.hero-supply-badge { position:absolute; bottom:1rem; right:0; background:#D4A574; color:#1E3A5F; padding:0.5rem 1rem; border-radius:0.75rem; font-weight:700; box-shadow:0 4px 12px rgba(0,0,0,0.2); z-index:20; }
.hero-wave { position:absolute; bottom:0; left:0; right:0; }
.hero-wave svg { width:100%; height:4rem; display:block; }

.stats-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);}}
.stat-card { text-align:center; padding:1.5rem; border-radius:1rem; background:#f9fafb; }
.stat-icon-wrapper { width:3rem; height:3rem; margin:0 auto 1rem; border-radius:0.75rem; display:flex; align-items:center; justify-content:center; }
.stat-icon-wrapper svg { width:1.5rem; height:1.5rem; }
.stat-value { font-size:1.875rem; font-weight:700; color:#1E3A5F; margin-bottom:0.25rem; }
@media (min-width:768px){.stat-value{font-size:2.25rem;}}
.stat-label { color:#4b5563; font-size:0.875rem; }

.section-header-center { text-align:center; margin-bottom:3rem; }
.section-h2 { font-size:1.875rem; font-weight:700; color:#1E3A5F; margin-bottom:1rem; }
@media (min-width:768px){.section-h2{font-size:2.25rem;}}
.section-subtitle { color:#4b5563; max-width:42rem; margin:0 auto; }
.section-subtitle-lg { font-size:1.125rem; }
.section-badge { display:inline-flex; align-items:center; background:rgba(212,165,116,0.1); color:#D4A574; padding:0.5rem 1rem; border-radius:9999px; font-size:0.875rem; font-weight:500; margin-bottom:1rem; }
.section-badge svg { width:1rem; height:1rem; margin-right:0.5rem; }

.two-col-grid { display:grid; grid-template-columns:1fr; gap:3rem; align-items:center; }
@media (min-width:1024px){.two-col-grid{grid-template-columns:1fr 1fr;}}
.what-is-text p { color:#374151; line-height:1.7; margin-bottom:1rem; }
.what-is-cta { margin-top:2rem; padding:1.5rem; background:#1E3A5F; border-radius:1rem; color:#fff; display:flex; align-items:flex-start; gap:1rem; }
.what-is-cta svg { width:2.5rem; height:2.5rem; color:#D4A574; flex-shrink:0; }
.what-is-cta h3 { font-weight:700; font-size:1.125rem; margin-bottom:0.5rem; }
.what-is-cta p { color:rgba(255,255,255,0.7); font-size:0.875rem; margin-bottom:1rem; }
.dr-simeons-card { background:#fff; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:2rem; }
.dr-simeons-header { display:flex; align-items:center; margin-bottom:1.5rem; }
.dr-simeons-header img { width:5rem; height:5rem; border-radius:50%; object-fit:cover; margin-right:1rem; border:4px solid #D4A574; }
.dr-simeons-header h3 { font-weight:700; color:#1E3A5F; }
.dr-simeons-header p { color:#4b5563; font-size:0.875rem; }
.dr-simeons-info-item { display:flex; align-items:flex-start; gap:0.75rem; margin-bottom:1rem; }
.dr-simeons-info-item svg { width:1.25rem; height:1.25rem; color:#D4A574; flex-shrink:0; margin-top:0.25rem; }
.dr-simeons-info-item p { color:#374151; }
.trust-badge-row { display:flex; justify-content:center; gap:1rem; margin-top:1.5rem; }
.trust-badge-row img { height:4rem; width:auto; }

.how-it-works-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; margin-bottom:3rem; }
@media (min-width:768px){.how-it-works-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.how-it-works-grid{grid-template-columns:repeat(4,1fr);}}
.how-step-card { background:#f9fafb; border-radius:1rem; padding:1.5rem; text-align:center; }
.how-step-icon { width:4rem; height:4rem; margin:0 auto 1rem; background:rgba(212,165,116,0.1); border-radius:1rem; display:flex; align-items:center; justify-content:center; }
.how-step-icon svg { width:2rem; height:2rem; color:#D4A574; }
.how-step-card h3 { font-size:1.125rem; font-weight:700; color:#1E3A5F; margin-bottom:0.75rem; }
.how-step-card p { color:#4b5563; font-size:0.875rem; line-height:1.6; }

.water-memory-block { background:#1E3A5F; border-radius:1rem; padding:2rem; }
@media (min-width:768px){.water-memory-block{padding:3rem;}}
.water-memory-grid { display:grid; grid-template-columns:1fr; gap:2rem; align-items:center; }
@media (min-width:1024px){.water-memory-grid{grid-template-columns:1fr 1fr;}}
.water-memory-text { color:#fff; }
.water-memory-text h3 { font-size:1.5rem; font-weight:700; margin-bottom:1rem; }
.water-memory-text p { color:rgba(255,255,255,0.8); line-height:1.7; margin-bottom:1rem; }
.water-memory-text blockquote { border-left:4px solid #D4A574; padding-left:1rem; font-style:italic; color:rgba(255,255,255,0.7); margin-bottom:1rem; }
.video-embed { position:relative; padding-bottom:56.25%; border-radius:0.75rem; overflow:hidden; }
.video-embed iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

.product-cta-card { background:#fff; border-radius:1.5rem; box-shadow:0 25px 50px rgba(0,0,0,0.15); overflow:hidden; max-width:80rem; margin:0 auto; }
.product-cta-grid { display:grid; grid-template-columns:1fr; }
@media (min-width:1024px){.product-cta-grid{grid-template-columns:1fr 1fr;}}
.product-cta-image-side { background:#1E3A5F; padding:2rem; display:flex; flex-direction:column; justify-content:center; align-items:center; }
@media (min-width:768px){.product-cta-image-side{padding:3rem;}}
.product-cta-image-side img.product-img { width:32rem; height:auto; max-width:100%; margin-bottom:1.5rem; filter:drop-shadow(0 25px 50px rgba(0,0,0,0.5)); }
@media (min-width:768px){.product-cta-image-side img.product-img{width:40rem;}}
.product-cta-image-side .trust-badge-row img { height:3.5rem; }
.product-cta-info { padding:2rem; }
@media (min-width:768px){.product-cta-info{padding:3rem;}}
.product-cta-info h2 { font-size:1.875rem; font-weight:700; color:#1E3A5F; margin-bottom:0.5rem; }
@media (min-width:768px){.product-cta-info h2{font-size:2.25rem;}}
.product-cta-info .product-subtitle { color:#4b5563; margin-bottom:1.5rem; }
.product-price { margin-bottom:1.5rem; }
.product-price .price { font-size:2.25rem; font-weight:700; color:#dc2626; }
.product-price .per { color:#6b7280; margin-left:0.5rem; }
.benefits-list { margin-bottom:1.5rem; }
.benefits-list li { display:flex; align-items:center; color:#374151; margin-bottom:0.5rem; }
.benefits-list li svg { width:1.25rem; height:1.25rem; color:#22c55e; margin-right:0.5rem; flex-shrink:0; }
.bulk-pricing { background:rgba(212,165,116,0.1); border-radius:0.75rem; padding:1rem; margin-bottom:1.5rem; }
.bulk-pricing h4 { font-weight:700; color:#1E3A5F; margin-bottom:0.75rem; }
.bulk-pricing-row { display:flex; justify-content:space-between; align-items:center; font-size:0.875rem; margin-bottom:0.5rem; }
.bulk-pricing-row .qty { color:#374151; }
.bulk-pricing-row .price { font-weight:600; color:#1E3A5F; }
.bulk-pricing-row .savings { color:#16a34a; font-weight:500; margin-left:0.5rem; }
.trust-icons-row { display:flex; justify-content:center; gap:1.5rem; margin-top:1.5rem; color:#6b7280; font-size:0.875rem; }
.trust-icons-row .trust-icon { display:flex; align-items:center; }
.trust-icons-row svg { width:1rem; height:1rem; margin-right:0.25rem; }

.testimonials-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; margin-bottom:2rem; }
@media (min-width:768px){.testimonials-grid{grid-template-columns:1fr 1fr;}}
.testimonial-card { border-radius:1rem; padding:1.5rem; }
.testimonial-card .quote-icon { width:2rem; height:2rem; color:rgba(212,165,116,0.3); margin-bottom:1rem; }
.testimonial-card p { color:#374151; line-height:1.7; margin-bottom:1rem; font-style:italic; }
.testimonial-stars { display:flex; gap:0.125rem; }
.testimonial-stars svg { width:1rem; height:1rem; color:#D4A574; fill:#D4A574; }
.testimonial-pagination { display:flex; align-items:center; justify-content:center; gap:1rem; }
.pagination-dots { display:flex; align-items:center; gap:0.5rem; }
.pagination-dot { width:0.625rem; height:0.625rem; border-radius:50%; background:#d1d5db; border:none; cursor:pointer; transition:all 0.3s; }
.pagination-dot.active { background:#D4A574; width:2rem; }
.pagination-dot:hover { background:rgba(212,165,116,0.5); }
.pagination-btn { width:2.25rem; height:2.25rem; border:1px solid #D4A574; background:transparent; color:#D4A574; border-radius:0.375rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s; }
.pagination-btn:hover { background:#D4A574; color:#fff; }
.pagination-btn svg { width:1.25rem; height:1.25rem; }
.testimonial-video { margin-top:3rem; max-width:48rem; margin-left:auto; margin-right:auto; }
.testimonial-video h3 { font-size:1.25rem; font-weight:700; color:#1E3A5F; text-align:center; margin-bottom:1.5rem; }

.gallery-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
@media (min-width:640px){.gallery-grid{grid-template-columns:repeat(3,1fr);}}
@media (min-width:768px){.gallery-grid{grid-template-columns:repeat(4,1fr);}}
@media (min-width:1024px){.gallery-grid{grid-template-columns:repeat(5,1fr);}}
.gallery-item { position:relative; aspect-ratio:1; overflow:hidden; border-radius:0.75rem; border:none; cursor:pointer; padding:0; background:none; }
.gallery-item img { width:100%; height:100%; object-fit:cover; }
.gallery-overlay { position:absolute; inset:0; background:rgba(30,58,95,0); display:flex; align-items:center; justify-content:center; transition:all 0.3s; }
.gallery-item:hover .gallery-overlay { background:rgba(30,58,95,0.5); }
.gallery-overlay svg { width:2rem; height:2rem; color:#fff; opacity:0; transition:opacity 0.3s; }
.gallery-item:hover .gallery-overlay svg { opacity:1; }
.gallery-stats-bar { margin-top:3rem; background:#1E3A5F; border-radius:1rem; padding:2rem; color:#fff; }
.gallery-stats-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; text-align:center; }
@media (min-width:768px){.gallery-stats-grid{grid-template-columns:repeat(3,1fr);}}
.gallery-stat-value { font-size:1.875rem; font-weight:700; color:#D4A574; }
@media (min-width:768px){.gallery-stat-value{font-size:2.25rem;}}
.gallery-stat-label { color:rgba(255,255,255,0.7); }

.lightbox { position:fixed; inset:0; background:rgba(0,0,0,0.9); z-index:100; display:flex; align-items:center; justify-content:center; padding:1rem; }
.lightbox-close { position:absolute; top:1rem; right:1rem; background:none; border:none; color:#fff; padding:0.5rem; cursor:pointer; border-radius:50%; }
.lightbox-close:hover { background:rgba(255,255,255,0.1); }
.lightbox-close svg { width:2rem; height:2rem; }
.lightbox img { max-width:100%; max-height:90vh; object-fit:contain; border-radius:0.5rem; }

.faq-accordion { max-width:48rem; margin:0 auto; }
.faq-item { background:#fff; border-radius:0.75rem; box-shadow:0 1px 3px rgba(0,0,0,0.05); margin-bottom:1rem; overflow:hidden; }
.faq-trigger { width:100%; padding:1rem 1.5rem; text-align:left; background:none; border:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; font-weight:600; color:#1E3A5F; font-family:inherit; font-size:inherit; }
.faq-trigger .faq-chevron { transition:transform 0.2s; flex-shrink:0; margin-left:1rem; }
.faq-item.open .faq-chevron { transform:rotate(180deg); }
.faq-chevron svg { width:1.25rem; height:1.25rem; }
.faq-content { max-height:0; overflow:hidden; transition:max-height 0.3s ease; padding:0 1.5rem; }
.faq-item.open .faq-content { max-height:500px; padding-bottom:1rem; }
.faq-content p { color:#374151; line-height:1.7; }

.aeo-guides-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; max-width:80rem; margin:0 auto; }
@media (min-width:768px){.aeo-guides-grid{grid-template-columns:repeat(3,1fr);}}
.aeo-guide-card { background:#fff; border-radius:1rem; padding:1.5rem; box-shadow:0 4px 12px rgba(0,0,0,0.08); transition:all 0.3s ease; border-top:4px solid #D4A574; }
.aeo-guide-card:hover { transform:translateY(-5px); box-shadow:0 20px 40px rgba(0,0,0,0.15); }
.aeo-guide-card h3 { font-size:1.125rem; font-weight:700; color:#1E3A5F; margin-bottom:0.75rem; }
.aeo-guide-card p { color:#4b5563; font-size:0.875rem; line-height:1.6; margin-bottom:1rem; }
.aeo-guide-card .read-more { color:#D4A574; font-size:0.875rem; font-weight:500; display:inline-flex; align-items:center; gap:0.25rem; }
.aeo-guide-card .read-more svg { width:1rem; height:1rem; }

.site-footer { background:#1E3A5F; color:#fff; }
.footer-trust { border-bottom:1px solid rgba(255,255,255,0.1); }
.footer-trust .container-custom { padding-top:2.5rem; padding-bottom:2.5rem; }
@media (min-width:768px){.footer-trust .container-custom{padding-top:3rem; padding-bottom:3rem;}}
.footer-trust-grid { display:grid; grid-template-columns:1fr; gap:2rem; }
@media (min-width:768px){.footer-trust-grid{grid-template-columns:repeat(3,1fr);}}
.footer-trust-item { display:flex; align-items:center; justify-content:center; gap:0.75rem; padding:1rem 0; }
.footer-trust-item svg { width:1.5rem; height:1.5rem; color:#D4A574; }
.footer-trust-item span { font-size:0.875rem; font-weight:500; }
.footer-main { padding:4rem 0; }
@media (min-width:768px){.footer-main{padding:5rem 0;}}
.footer-main-grid { display:grid; grid-template-columns:1fr; gap:3rem; }
@media (min-width:768px){.footer-main-grid{grid-template-columns:2fr 1fr 1fr;}}
.footer-brand-logo { margin-bottom:1.5rem; }
.footer-brand-logo img { height:3rem; width:auto; }
.footer-brand-desc { color:rgba(255,255,255,0.7); font-size:0.875rem; line-height:1.7; margin-bottom:1.5rem; max-width:28rem; }
.footer-made-usa img { height:3rem; width:auto; }
.footer-col h4 { color:#D4A574; font-weight:600; margin-bottom:1.5rem; }
.footer-col ul li { margin-bottom:1rem; }
.footer-col ul li a { color:rgba(255,255,255,0.7); font-size:0.875rem; transition:color 0.2s; }
.footer-col ul li a:hover { color:#D4A574; }
.footer-disclaimer { border-top:1px solid rgba(255,255,255,0.1); padding:2.5rem 0; }
@media (min-width:768px){.footer-disclaimer{padding:3rem 0;}}
.footer-disclaimer p { color:rgba(255,255,255,0.5); font-size:0.75rem; line-height:1.7; margin-bottom:2rem; }
.footer-disclaimer strong { color:rgba(255,255,255,0.7); }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.1); padding:2rem 0; }
.footer-bottom-inner { display:flex; flex-direction:column; justify-content:space-between; align-items:center; }
@media (min-width:768px){.footer-bottom-inner{flex-direction:row;}}
.footer-copyright { color:rgba(255,255,255,0.5); font-size:0.875rem; }
.footer-bottom-links { display:flex; flex-wrap:wrap; justify-content:center; gap:1.5rem; margin-top:1.25rem; }
@media (min-width:768px){.footer-bottom-links{margin-top:0;}}
.footer-bottom-links a { color:rgba(255,255,255,0.5); font-size:0.875rem; transition:color 0.2s; }
.footer-bottom-links a:hover { color:#D4A574; }

.page-banner { background:#1E3A5F; color:#fff; padding:3rem 0; text-align:center; }
.page-banner svg { width:3rem; height:3rem; color:#D4A574; margin:0 auto 1rem; }
.page-banner h1 { font-size:1.875rem; font-weight:700; }
@media (min-width:768px){.page-banner h1{font-size:2.25rem;}}
.page-banner p { color:rgba(255,255,255,0.7); margin-top:0.5rem; }

.info-card { background:#fff; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:1.5rem; }
.info-card-header { display:flex; align-items:center; margin-bottom:1rem; }
.info-card-header svg { width:1.5rem; height:1.5rem; color:#D4A574; margin-right:0.75rem; }
.info-card-header h2 { font-size:1.125rem; font-weight:700; color:#1E3A5F; }

.content-card { background:#fff; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:2rem; max-width:48rem; margin:0 auto; }
@media (min-width:768px){.content-card{padding:3rem;}}
.content-card p { color:#374151; line-height:1.7; margin-bottom:1rem; }
.content-card section { margin-bottom:2rem; }
.content-card h2 { font-size:1.25rem; font-weight:700; color:#1E3A5F; margin-bottom:1rem; display:flex; align-items:center; }
.content-card h2 svg { width:1.5rem; height:1.5rem; color:#D4A574; margin-right:0.75rem; }

.numbered-list { }
.numbered-list li { display:flex; align-items:flex-start; gap:0.75rem; margin-bottom:1rem; }
.numbered-list li .num { flex-shrink:0; width:1.5rem; height:1.5rem; background:#1E3A5F; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.875rem; font-weight:700; }
.numbered-list li span { color:#374151; line-height:1.7; }
.check-list li { display:flex; align-items:flex-start; gap:0.75rem; margin-bottom:0.75rem; }
.check-list li svg { width:1.25rem; height:1.25rem; color:#22c55e; flex-shrink:0; margin-top:0.125rem; }
.check-list li span { color:#374151; font-size:0.875rem; line-height:1.6; }

.spinner { animation: spin 1s linear infinite; border-radius:50%; border:2px solid #e5e7eb; border-top-color:#D4A574; }
.spinner-lg { width:3rem; height:3rem; }

.modal-overlay { position:fixed; inset:0; z-index:100; display:none; align-items:center; justify-content:center; padding:1rem; }
.modal-overlay.open { display:flex; }
.modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,0.6); backdrop-filter:blur(4px); }
.modal-box { position:relative; background:#fff; border-radius:1rem; box-shadow:0 25px 50px rgba(0,0,0,0.25); width:100%; max-width:28rem; overflow:hidden; }
.modal-close { position:absolute; top:0.75rem; right:0.75rem; z-index:10; width:2rem; height:2rem; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f3f4f6; border:none; cursor:pointer; transition:background 0.2s; }
.modal-close:hover { background:#e5e7eb; }
.modal-close svg { width:1.25rem; height:1.25rem; color:#4b5563; }
.modal-body { padding:2rem; }
.modal-icon { width:4rem; height:4rem; background:rgba(212,165,116,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; }
.modal-icon svg { width:2rem; height:2rem; color:#D4A574; }
.modal-body h2 { font-size:1.5rem; font-weight:700; color:#1E3A5F; text-align:center; }
.modal-body > p { color:#4b5563; margin-top:0.5rem; text-align:center; font-size:0.875rem; margin-bottom:1.5rem; }
.form-field { margin-bottom:1rem; }
.form-field label { display:block; font-size:0.875rem; font-weight:500; color:#374151; margin-bottom:0.25rem; }
.form-field input, .form-field textarea { width:100%; padding:0.5rem 1rem; border:1px solid #d1d5db; border-radius:0.5rem; outline:none; transition:all 0.2s; font-family:inherit; font-size:0.875rem; }
.form-field input:focus, .form-field textarea:focus { border-color:#D4A574; box-shadow:0 0 0 2px rgba(212,165,116,0.3); }
.form-field textarea { resize:none; }
.modal-privacy { font-size:0.75rem; color:#6b7280; text-align:center; margin-top:1rem; }

.order-trust-grid { display:grid; grid-template-columns:1fr; gap:1rem; }
@media (min-width:768px){.order-trust-grid{grid-template-columns:repeat(3,1fr);}}
.order-trust-item { display:flex; align-items:center; justify-content:center; gap:0.75rem; padding:0.5rem 0; }
.order-trust-item svg { width:1.5rem; height:1.5rem; color:#D4A574; }
.order-trust-item .title { font-weight:600; color:#1E3A5F; }
.order-trust-item .desc { font-size:0.875rem; color:#4b5563; }
.order-main-grid { display:grid; grid-template-columns:1fr; gap:2rem; }
@media (min-width:1024px){.order-main-grid{grid-template-columns:2fr 1fr;}}
.order-store-wrapper { background:#fff; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:1.5rem; min-height:500px; }
@media (min-width:768px){.order-store-wrapper{padding:2rem;}}
.order-store-loading { display:flex; align-items:center; justify-content:center; height:16rem; }
.order-sidebar-card { background:#fff; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:1.5rem; margin-bottom:1.5rem; }
.order-sidebar-card h2 { font-size:1.25rem; font-weight:700; color:#1E3A5F; margin-bottom:1rem; display:flex; align-items:center; }
.order-sidebar-card h2 svg { width:1.25rem; height:1.25rem; color:#D4A574; margin-right:0.5rem; }
.guarantee-card { background:#1E3A5F; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:1.5rem; color:#fff; }
.guarantee-header { display:flex; align-items:center; margin-bottom:1rem; }
.guarantee-header img { height:4rem; width:auto; margin-right:1rem; }
.guarantee-header h3 { font-size:1.125rem; font-weight:700; color:#D4A574; }
.guarantee-header p { font-size:0.875rem; color:rgba(255,255,255,0.8); }
.guarantee-card > p { font-size:0.875rem; color:rgba(255,255,255,0.7); }
.email-notice { margin-top:2rem; background:rgba(96,165,250,0.1); border:1px solid rgba(96,165,250,0.3); border-radius:0.75rem; padding:1.5rem; text-align:center; }
.email-notice img { height:3rem; width:auto; margin:0 auto 0.75rem; }
.email-notice p { color:#374151; }

.support-options-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; margin-bottom:3rem; }
@media (min-width:768px){.support-options-grid{grid-template-columns:repeat(3,1fr);}}
.support-option-card { background:#fff; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:1.5rem; display:flex; flex-direction:column; }
.support-option-icon { width:3rem; height:3rem; background:rgba(212,165,116,0.1); border-radius:0.75rem; display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.support-option-icon svg { width:1.5rem; height:1.5rem; color:#D4A574; }
.support-option-card h2 { font-size:1.125rem; font-weight:700; color:#1E3A5F; margin-bottom:0.5rem; }
.support-option-card p { color:#4b5563; font-size:0.875rem; margin-bottom:1rem; flex-grow:1; }
.support-option-card a, .support-option-card button { display:inline-flex; align-items:center; color:#D4A574; font-weight:500; font-size:0.875rem; background:none; border:none; cursor:pointer; }
.support-option-card a:hover, .support-option-card button:hover { color:rgba(212,165,116,0.8); }
.support-option-card a svg, .support-option-card button svg { width:1rem; height:1rem; margin-left:0.25rem; }
.kb-iframe-wrapper { background:#fff; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:2rem; margin-bottom:2rem; }
.kb-iframe-wrapper iframe { width:100%; height:600px; border:none; border-radius:0.5rem; }
.support-resources { background:#1E3A5F; border-radius:1rem; padding:2rem; color:#fff; }
.support-resources-grid { display:grid; grid-template-columns:1fr; gap:2rem; align-items:center; }
@media (min-width:768px){.support-resources-grid{grid-template-columns:1fr 1fr;}}
.support-resources h2 { font-size:1.5rem; font-weight:700; margin-bottom:1rem; }
.support-resources h2 .text-gold { color:#D4A574; }
.support-resources > div > p { color:rgba(255,255,255,0.7); margin-bottom:1.5rem; }
.support-stats-box { background:rgba(255,255,255,0.1); border-radius:0.75rem; padding:1.5rem; text-align:center; }
.support-stats-box .stat { font-size:2.25rem; font-weight:700; color:#D4A574; }
.support-stats-box .label { color:rgba(255,255,255,0.7); font-size:0.875rem; }
.support-stats-box .mt { margin-top:1rem; }

.contact-form { background:#fff; border-radius:0.75rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:1.5rem; max-width:36rem; margin:0 auto; }
.contact-form h2 { font-size:1.5rem; font-weight:700; color:#1E3A5F; text-align:center; margin-bottom:2rem; }

.download-card { background:#fff; border-radius:0.75rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); overflow:hidden; margin-bottom:1.5rem; }
.download-card-inner { display:flex; flex-direction:column; }
@media (min-width:768px){.download-card-inner{flex-direction:row;}}
.download-card-img { width:12rem; height:12rem; background:#f3f4f6; flex-shrink:0; }
.download-card-img img { width:100%; height:100%; object-fit:cover; }
.download-card-body { padding:1.5rem; flex-grow:1; }
.download-card-body h3 { font-size:1.25rem; font-weight:700; color:#1E3A5F; margin-bottom:0.75rem; display:flex; align-items:center; }
.download-card-body h3 svg { width:1.5rem; height:1.5rem; color:#D4A574; margin-right:0.75rem; }
.download-card-body p { color:#4b5563; margin-bottom:1rem; }
.support-group-card { background:#1E3A5F; border-radius:1rem; padding:2rem; color:#fff; margin-bottom:2rem; }
.support-group-card h2 { font-size:1.25rem; font-weight:700; margin-bottom:1rem; display:flex; align-items:center; }
.support-group-card h2 svg { width:2rem; height:2rem; color:#D4A574; margin-right:0.75rem; }
.support-group-card > p { color:rgba(255,255,255,0.7); margin-bottom:1.5rem; }
.support-group-links { display:grid; grid-template-columns:1fr; gap:1rem; }
@media (min-width:768px){.support-group-links{grid-template-columns:1fr 1fr;}}
.support-group-link { background:rgba(255,255,255,0.1); border-radius:0.75rem; padding:1rem; display:flex; align-items:center; justify-content:space-between; transition:background 0.2s; }
.support-group-link:hover { background:rgba(255,255,255,0.2); }
.support-group-link .step-title { font-weight:700; color:#D4A574; }
.support-group-link .step-url { color:rgba(255,255,255,0.7); font-size:0.875rem; }
.support-group-link svg { width:1.25rem; height:1.25rem; color:#D4A574; }

.rewards-info-card { background:linear-gradient(135deg,rgba(212,165,116,0.1),rgba(212,165,116,0.05)); border:1px solid rgba(212,165,116,0.2); border-radius:1rem; padding:2rem; margin-bottom:2rem; }
.rewards-info-card h2 { font-size:1.5rem; font-weight:700; color:#1E3A5F; margin-bottom:1rem; text-align:center; }
.rewards-info-card p { color:#374151; font-size:1.125rem; text-align:center; }
.rewards-info-card p.small { color:#4b5563; font-size:0.875rem; margin-top:0.5rem; }
.rewards-info-card .btn-wrapper { display:flex; justify-content:center; margin-top:1.5rem; }
.rewards-benefits-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; margin-bottom:2rem; }
@media (min-width:768px){.rewards-benefits-grid{grid-template-columns:1fr 1fr;}}
.reward-benefit-card { background:#fff; border-radius:0.75rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:1.5rem; }
.reward-benefit-inner { display:flex; align-items:flex-start; gap:1rem; }
.reward-benefit-icon { width:3rem; height:3rem; background:rgba(212,165,116,0.1); border-radius:0.75rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.reward-benefit-icon svg { width:1.5rem; height:1.5rem; color:#D4A574; }
.reward-benefit-card h3 { font-weight:700; color:#1E3A5F; margin-bottom:0.25rem; }
.reward-benefit-card p { color:#4b5563; font-size:0.875rem; }
.how-it-works { background:#1E3A5F; border-radius:1rem; padding:2rem; color:#fff; }
.how-it-works h2 { font-size:1.5rem; font-weight:700; text-align:center; margin-bottom:2rem; }
.how-it-works-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; text-align:center; }
@media (min-width:768px){.how-it-works-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.how-it-works-grid{grid-template-columns:repeat(4,1fr);}}
.how-step-number { width:3rem; height:3rem; background:#D4A574; color:#1E3A5F; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; font-size:1.25rem; font-weight:700; }
.how-step-title { font-weight:700; color:#D4A574; margin-bottom:0.5rem; }
.how-step-desc { color:rgba(255,255,255,0.7); font-size:0.875rem; }

.ebook-download-grid { display:grid; grid-template-columns:1fr; gap:2rem; margin-bottom:3rem; }
@media (min-width:768px){.ebook-download-grid{grid-template-columns:1fr 1fr;}}
.ebook-download-card { background:#fff; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:2rem; text-align:center; }
.ebook-download-icon { width:5rem; height:5rem; border-radius:1rem; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; }
.ebook-download-icon svg { width:2.5rem; height:2.5rem; }
.ebook-download-icon.red { background:#fee2e2; }
.ebook-download-icon.red svg { color:#dc2626; }
.ebook-download-icon.gold { background:rgba(212,165,116,0.2); }
.ebook-download-icon.gold svg { color:#D4A574; }
.ebook-download-card h2 { font-size:1.25rem; font-weight:700; color:#1E3A5F; margin-bottom:1rem; }
.ebook-download-card p { color:#4b5563; margin-bottom:1.5rem; }
.study-card { background:linear-gradient(135deg,rgba(96,165,250,0.1),rgba(96,165,250,0.05)); border:1px solid rgba(96,165,250,0.2); border-radius:1rem; padding:2rem; margin-bottom:3rem; }
.study-card-inner { display:flex; flex-direction:column; gap:1.5rem; align-items:center; }
@media (min-width:768px){.study-card-inner{flex-direction:row;}}
.study-icon-box { width:6rem; height:6rem; background:#fff; border-radius:0.75rem; box-shadow:0 4px 12px rgba(0,0,0,0.1); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.study-icon-box svg { width:3rem; height:3rem; color:#60A5FA; }
.study-text { text-align:center; }
@media (min-width:768px){.study-text{text-align:left;}}
.study-text h2 { font-size:1.25rem; font-weight:700; color:#1E3A5F; margin-bottom:0.5rem; }
.study-text p { color:#4b5563; font-size:0.875rem; margin-bottom:0.5rem; }
.study-text p.italic { font-style:italic; }
.study-text strong { color:#374151; }
.video-testimonial-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; }
@media (min-width:768px){.video-testimonial-grid{grid-template-columns:1fr 1fr;}}
.video-testimonial-card { background:#fff; border-radius:0.75rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); overflow:hidden; }
.video-testimonial-card .video-embed { border-radius:0; }
.video-testimonial-card .body { padding:1rem; }
.video-testimonial-card .body h3 { font-weight:700; color:#1E3A5F; }
.video-testimonial-card .body p { color:#4b5563; font-size:0.875rem; font-style:italic; }

.thankyou-bookmark { background:rgba(212,165,116,0.1); border:1px solid rgba(212,165,116,0.3); border-radius:0.75rem; padding:1.5rem; margin-bottom:2rem; text-align:center; }
.thankyou-bookmark svg { width:2rem; height:2rem; color:#D4A574; margin:0 auto 0.75rem; }
.thankyou-bookmark p.bold { font-weight:700; color:#1E3A5F; font-size:1.125rem; }
.thankyou-bookmark p.muted { color:#4b5563; margin-top:0.5rem; }
.thankyou-download-card { background:#fff; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:2rem; margin-bottom:2rem; text-align:center; }
.thankyou-download-card svg.icon { width:3rem; height:3rem; color:#D4A574; margin:0 auto 1rem; }
.thankyou-download-card h2 { font-size:1.5rem; font-weight:700; color:#1E3A5F; }
.thankyou-download-card p { color:#4b5563; margin-top:0.5rem; margin-bottom:1.5rem; }
.thankyou-help-card { background:#fff; border-radius:1rem; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:2rem; }
.thankyou-help-card h2 { font-size:1.25rem; font-weight:700; color:#1E3A5F; text-align:center; margin-bottom:1.5rem; }
.thankyou-help-item { display:flex; align-items:center; justify-content:space-between; padding:1rem; background:#f9fafb; border-radius:0.75rem; margin-bottom:1rem; transition:background 0.2s; }
.thankyou-help-item:hover { background:#f3f4f6; }
.thankyou-help-item .left { display:flex; align-items:center; }
.thankyou-help-item svg.icon { width:1.5rem; height:1.5rem; color:#D4A574; margin-right:0.75rem; }
.thankyou-help-item .title { font-weight:600; color:#1E3A5F; }
.thankyou-help-item .url { color:#4b5563; font-size:0.875rem; }
.thankyou-help-item svg.arrow { width:1.25rem; height:1.25rem; color:#9ca3af; }
.thankyou-next-steps { text-align:center; margin-top:2rem; }
.thankyou-next-steps h3 { font-size:1.125rem; font-weight:700; color:#1E3A5F; margin-bottom:1rem; }
.thankyou-next-steps .btn-group { display:flex; flex-direction:column; gap:1rem; justify-content:center; }
@media (min-width:640px){.thankyou-next-steps .btn-group{flex-direction:row;}}

.error-404 { text-align:center; padding:4rem 0; }
.error-404 h1 { font-size:6rem; font-weight:700; color:#1E3A5F; line-height:1; }
.error-404 h2 { font-size:1.5rem; font-weight:700; color:#1E3A5F; margin-bottom:1rem; }
.error-404 p { color:#4b5563; margin-bottom:2rem; }

.guides-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; max-width:64rem; margin:0 auto; }
@media (min-width:768px){.guides-grid{grid-template-columns:1fr 1fr;}}
.guide-article-card { background:#fff; border-radius:1rem; padding:1.5rem; box-shadow:0 4px 12px rgba(0,0,0,0.08); transition:all 0.3s ease; border-left:4px solid #D4A574; }
.guide-article-card:hover { transform:translateY(-3px); box-shadow:0 15px 30px rgba(0,0,0,0.12); }
.guide-article-card h3 { font-size:1.125rem; font-weight:700; color:#1E3A5F; margin-bottom:0.75rem; }
.guide-article-card p { color:#4b5563; font-size:0.875rem; line-height:1.6; margin-bottom:1rem; }
.guide-article-card .read-more { color:#D4A574; font-size:0.875rem; font-weight:500; }
.guide-article-card .read-more:hover { text-decoration:underline; }
.article-content { max-width:48rem; margin:0 auto; }
.article-content h1 { font-size:2rem; font-weight:700; color:#1E3A5F; margin-bottom:1rem; }
@media (min-width:768px){.article-content h1{font-size:2.5rem;}}
.article-content h2 { font-size:1.5rem; font-weight:700; color:#1E3A5F; margin-top:2rem; margin-bottom:1rem; }
.article-content p { color:#374151; line-height:1.8; margin-bottom:1rem; }
.article-content ul { margin-bottom:1rem; padding-left:1.5rem; }
.article-content ul li { list-style:disc; color:#374151; margin-bottom:0.5rem; line-height:1.7; }
.article-cta { background:#1E3A5F; border-radius:1rem; padding:2rem; text-align:center; color:#fff; margin-top:2rem; }
.article-cta h3 { font-size:1.25rem; font-weight:700; color:#D4A574; margin-bottom:0.75rem; }
.article-cta p { color:rgba(255,255,255,0.8); margin-bottom:1.5rem; }

.text-center{text-align:center;}
.text-gold{color:#D4A574;}
.text-white{color:#fff;}
.text-darkBlue{color:#1E3A5F;}
.text-gray-600{color:#4b5563;}
.bg-gray-50{background:#f9fafb;}
.bg-white{background:#fff;}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}
.py-12{padding-top:3rem;padding-bottom:3rem;}
.mt-8{margin-top:2rem;}
.mb-8{margin-bottom:2rem;}
.mt-12{margin-top:3rem;}
.mb-12{margin-bottom:3rem;}
.max-w-3xl{max-width:48rem;}
.max-w-4xl{max-width:64rem;}
.max-w-5xl{max-width:80rem;}
.mx-auto{margin-left:auto;margin-right:auto;}