*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif;}
body{background:#0f2847;color:#fefefe;line-height:1.6;}
.hero{
  background:linear-gradient(120deg,rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('assets/hero-bg.png') center/cover no-repeat;
  min-height:70vh;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;}
.logo{font-weight:bold;font-size:1.6rem;}
.actions .btn{margin-left:.5rem;}
.hero-content{display:flex;justify-content:space-between;align-items:center;gap:2.5rem;padding:2.5rem 3rem 3.5rem;}
.hero-text{max-width:570px;}
.hero-text h1{font-size:2.6rem;margin-bottom:1rem;}
.hero-text p{font-size:1.05rem;margin-bottom:1.5rem;}
.hero-buttons .btn{margin-right:1rem;margin-bottom:.5rem;}
.hero-quicklinks{margin:1rem 0;}
.hero-quicklinks .quick{
  display:inline-block;
  background:rgba(255,209,102,0.95);
  color:#132337;
  padding:.35rem .9rem;
  border-radius:999px;
  margin-right:.5rem;
  font-weight:bold;
  font-size:.82rem;
  text-decoration:none;
}
.social a{margin-right:1rem;color:#fff;text-decoration:underline;font-size:.9rem;}
.hero-flyer img{width:260px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3);}
.hero-flyer .download-link{display:block;margin-top:.5rem;color:#fff;text-decoration:underline;font-weight:bold;}

.section{padding:3rem 3rem;background:#133457;}
.section.light{background:#16416b;}
.section h2{margin-bottom:1.5rem;color:#fff;}
.section p, .section li, .section details{color:#f5f7fa;}
.section a{color:#ffe08a;}

.section.grid .options{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:1rem;
  margin-bottom:1.5rem;
}
.card{
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 10px rgba(0,0,0,.15);
  color:#122;
  max-width:300px;
  margin:0 auto;
}
.card img{
  width:100%;
  height:130px;
  object-fit:cover;
}
.card h3{padding:.8rem 1rem;font-size:1rem;}
.card p{padding:0 1rem 1rem;font-size:.85rem;line-height:1.4;}

.amenities{list-style:none;columns:2;gap:2rem;}
.mission-list{margin:1rem 0 1.5rem 1.2rem;}
.mission-list li{margin-bottom:.5rem;}
.steps{list-style:decimal;padding-left:1.5rem;}

.form-section .form{
  background:#fff;
  border-radius:12px;
  padding:1.5rem;
  box-shadow:0 4px 14px rgba(0,0,0,.15);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:1rem 1.5rem;
  color:#122;
}
.form h3{grid-column:1/-1;margin-top:1rem;color:#0a2849;}
.form label{display:flex;flex-direction:column;font-size:.9rem;}
.form input,.form select,.form textarea{margin-top:.25rem;padding:.55rem .5rem;border:1px solid #d2d6de;border-radius:6px;font-size:.9rem;}
.form textarea{min-height:90px;}
.form button{grid-column:1/-1;width:max-content;}

.btn{display:inline-block;padding:.6rem 1.15rem;border-radius:30px;text-decoration:none;font-weight:bold;font-size:.9rem;}
.btn.primary{background:#ffd166;color:#222;}
.btn.secondary{background:#fff;color:#0f2847;}
.btn.outline-light{border:1px solid #fff;color:#fff;background:transparent;}

.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.testimonials article{background:#fff;border-left:4px solid #ffd166;padding:1rem;border-radius:6px;color:#123;}

.downloads li{margin-bottom:.5rem;}
.flyer-small img{max-width:220px;border-radius:6px;box-shadow:0 2px 12px rgba(0,0,0,.2);margin-bottom:.5rem;}

footer{background:#0a1a2e;color:#fff;text-align:center;padding:1.5rem;}

@media (max-width:880px){
  .hero-content{flex-direction:column;align-items:flex-start;}
  .amenities{columns:1;}
  .top-nav{flex-direction:column;gap:1rem;}
  .card{max-width:100%;}
  .section{padding:2.2rem 1.3rem;}
}


.note {
  grid-column: 1 / -1;
  font-size: 0.8rem;
  color: #555;
}


.pay-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.pay-card {
  display: block;
  text-align: center;
  padding: 0.85rem 1rem;
  border-radius: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #0a1a2e;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0,0,0,0.25);
}
.pay-card.paypal { background: #fff; }
.pay-card.cashapp { background: #00d64f; color: #fff; }
.pay-card.stripe { background: #635bff; color: #fff; }
.pay-card.zelle { background: #7a3cff; color: #fff; }

@media (max-width: 880px) {
  .pay-grid { grid-template-columns: 1fr 1fr; }
}


.btn.tertiary {
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.35);
  color: #fff;
}

.service-boxes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1.2rem;
  margin-bottom: 1.5rem;
}
.service-card {
  background: #fff;
  border-radius: 14px;
  padding: 1.1rem 1.2rem 1.3rem;
  color: #122;
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
}
.service-card h3 {
  margin-bottom: .4rem;
}
.service-pay-links {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .5rem;
}
.pay-pill {
  display: inline-block;
  background: #0f2847;
  color: #fff;
  padding: .35rem .8rem;
  border-radius: 999px;
  font-size: .78rem;
  text-decoration: none;
  font-weight: 600;
}
@media (max-width: 880px) {
  .service-boxes { grid-template-columns: 1fr; }
}