@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');:root{--navy:#102448;--green:#6ca646;--green2:#4e842e;--ink:#192235;--muted:#687386;--soft:#f7f7f3;--line:#e4e8e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);line-height:1.55}img{display:block;width:100%}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:"Manrope",sans-serif;line-height:1.08}h2{font-size:clamp(34px,4vw,50px);color:var(--navy);margin:0 0 14px}h3{color:var(--navy)}p{color:var(--muted)}.header{height:78px;padding:0 5vw;display:flex;align-items:center;gap:28px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;line-height:1;color:var(--navy)}.brand-icon{width:38px;height:38px;border:2px solid var(--green);border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:900}.brand small{display:block;font-size:10px;letter-spacing:.16em;color:#7b8596;margin-top:4px}.header nav{margin-left:auto;display:flex;gap:24px}.header nav a{font-size:14px;font-weight:700}.btn{border:0;min-height:48px;border-radius:9px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green2)}.ghost{border:1px solid rgba(255,255,255,.8);color:#fff}.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-img{position:absolute;inset:0;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,10,.91),rgba(7,17,10,.48) 52%,rgba(7,17,10,.05))}.hero-inner{position:relative;width:min(1120px,90%);margin:auto;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:var(--green2);margin-bottom:12px}.light{color:#a8d180}.hero h1{font-size:clamp(48px,6vw,80px);letter-spacing:-.045em;margin:0 0 20px}.hero h1 em{font-style:normal;color:#8cc35e}.lead{font-size:19px;color:#eef4eb;max-width:680px}.hero-facts{display:flex;gap:12px 24px;flex-wrap:wrap;margin:25px 0;font-size:14px;font-weight:700}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.quickfacts{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:27px 5vw;gap:18px}.quickfacts div{text-align:center}.quickfacts strong{display:block;color:var(--navy);font-size:18px}.quickfacts span{font-size:13px;color:var(--muted)}.section{max-width:1280px;margin:auto;padding:90px 5vw}.heading{text-align:center;max-width:760px;margin:0 auto 45px}.tent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tent-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 32px rgba(16,36,72,.08)}.tent-card.featured{border-color:#accb98;box-shadow:0 15px 38px rgba(82,130,48,.16)}.tent-card>img{height:230px;object-fit:cover}.tent-body{padding:22px}.tent-top{display:flex;align-items:center;justify-content:space-between}.tent-top strong{font-size:23px;color:var(--navy)}.badge{background:#eef6e9;color:var(--green2);font-size:12px;font-weight:900;padding:5px 9px;border-radius:20px}.small{font-size:12px}.tent-body ul{padding-left:18px;color:#596576;font-size:13px}.linkbtn{border:0;background:none;color:var(--green2);font-weight:900;padding:8px 0;cursor:pointer}.soft{max-width:none;background:var(--soft)}.benefits{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr)}.benefits>div{text-align:center;padding:10px 20px;border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.benefits span{color:var(--green2);font-weight:900}.benefits p{font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1000px;margin:auto}.steps>div{text-align:center}.steps b{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;margin:auto}.steps p{font-size:14px}.accessories{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.accessories>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.accessories h3{font-size:17px}.accessories strong{color:var(--green2)}.accessories p{font-size:13px}.faq{max-width:900px}.faq details{padding:21px 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;color:var(--navy);font-weight:800}.contact{background:var(--navy);padding:90px 10vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;color:#fff}.contact h2{color:#fff;font-size:clamp(42px,5vw,62px)}.contact-copy>p{color:#d4ddea}.contact-copy strong{color:#fff}.contact-list{display:grid;gap:12px;margin-top:28px}.contact-list span{display:flex;flex-direction:column;color:#d7e0eb}.contact-list b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#fff}.contact form{background:#fff;padding:30px;border-radius:18px;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}label{font-size:13px;font-weight:800;color:var(--navy);display:block;margin-bottom:15px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d4dcd0;border-radius:9px;padding:13px;font:inherit}fieldset{border:1px solid var(--line);border-radius:10px;margin-bottom:15px}.check{display:inline-block;margin:6px 13px 6px 0;font-weight:500;color:var(--muted)}.check input,.privacy input{width:auto;margin:0 6px 0 0}.privacy{font-size:12px;font-weight:500;color:var(--muted)}.wide{width:100%}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#status{display:block;color:var(--muted);margin-top:10px}footer{padding:44px 8vw;background:#0a1830;color:#d0dae8;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer strong{color:#fff}footer p{color:#a2afc2;font-size:13px}@media(max-width:1000px){.header nav{display:none}.tent-grid{grid-template-columns:1fr 1fr}.benefits,.accessories{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr;padding:70px 6vw}}@media(max-width:640px){.header{padding:0 18px}.header>.btn{margin-left:auto;padding:0 14px}.hero{min-height:720px}.hero-inner{width:calc(100% - 36px)}.quickfacts,.tent-grid,.benefits,.steps,.accessories,.form-grid,footer{grid-template-columns:1fr}.section{padding:70px 18px}.contact{padding:60px 18px}.contact form{padding:21px}}
.legal-wrap{max-width:900px;margin:0 auto;padding:70px 5vw 100px}
.legal-wrap h1{font-size:clamp(38px,5vw,60px);color:var(--navy);margin-bottom:30px}
.legal-wrap h2{font-size:26px;margin-top:38px}
.legal-wrap p,.legal-wrap li{color:var(--muted)}
.legal-wrap a{color:var(--green2);font-weight:700}
.back-home{display:inline-block;margin-bottom:25px;color:var(--green2);font-weight:800}
footer a{color:inherit}

.final-cta{max-width:1180px;margin:0 auto 80px;padding:42px 46px;border-radius:22px;background:linear-gradient(120deg,#102448,#19365f);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;box-shadow:0 18px 50px rgba(16,36,72,.16)}
.final-cta h2{color:#fff;font-size:clamp(30px,4vw,46px);margin:0 0 10px}
.final-cta p{color:#dbe4ef;margin:0;max-width:700px}
.final-cta .eyebrow{color:#a8d180;margin-bottom:10px}
.tent-card img{background:#eef1eb}
.tent-card,.accessories>div,.contact form{transition:transform .18s ease,box-shadow .18s ease}
@media (hover:hover){.tent-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(16,36,72,.13)}}
@media(max-width:640px){
 body{font-size:16px}
 .header{height:68px}
 .brand strong{font-size:13px}.brand small{font-size:8px}
 .hero{min-height:660px}
 .hero h1{font-size:46px}
 .lead{font-size:17px}
 .hero-actions .btn{width:100%}
 .quickfacts{padding:24px 18px}
 .quickfacts div{padding:7px 0}
 .tent-grid{gap:24px}
 .tent-card>img{height:250px}
 .benefits>div{border-right:0;border-bottom:1px solid var(--line);padding:24px 10px}
 .accessories{gap:12px}
 .final-cta{margin:0 18px 60px;padding:32px 24px;display:block}
 .final-cta .btn{width:100%;margin-top:22px}
 .contact{gap:36px}
 input,select,textarea{font-size:16px}
 footer{padding:40px 22px}
}

.benefits>div:nth-child(3n){border-right:0}
.benefits>div:nth-child(-n+3){border-bottom:1px solid var(--line)}
@media(max-width:1000px){
 .benefits{grid-template-columns:repeat(2,1fr)}
 .benefits>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
 .benefits>div:nth-child(2n){border-right:0}
}
@media(max-width:640px){
 .benefits{grid-template-columns:1fr}
 .benefits>div{border-right:0!important;border-bottom:1px solid var(--line)}
}


.photo-note{
  max-width:850px;
  margin:30px auto 0;
  text-align:center;
  font-size:13px;
  color:var(--muted);
}

.accessory-photo-grid{
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}

.accessory-card{
  position:relative;
  display:block;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(16,36,72,.06);
}

.accessory-card img,
.accessory-card .no-photo-visual{
  display:block;
  width:100%;
  height:190px;
  object-fit:cover;
}

.accessory-card>div:last-child{
  padding:18px;
}

.accessory-card h3{
  font-size:17px;
  margin:0 0 8px;
}

.accessory-card strong{
  color:var(--green2);
}

.accessory-card p{
  font-size:13px;
  margin:8px 0 0;
}

.no-photo-visual{
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eef1eb,#d9e2d2);
  color:#6b7d63;
  font-weight:900;
  letter-spacing:.14em;
}

/* Mobile navigation */
.menu-toggle{
  display:none;
  background:none;
  border:0;
  padding:8px;
  cursor:pointer;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
}

.menu-toggle span{
  display:block;
  width:24px;
  height:2px;
  background:var(--navy);
  border-radius:2px;
  transition:transform .2s ease,opacity .2s ease;
}

.mobile-menu{
  display:none;
}

@media(max-width:1000px){
  .accessory-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .desktop-nav{
    display:none!important;
  }

  .menu-toggle{
    display:flex;
    margin-left:auto;
  }

  .header-cta{
    margin-left:0!important;
  }

  .mobile-menu{
    position:absolute;
    top:78px;
    left:0;
    right:0;
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    box-shadow:0 16px 30px rgba(16,36,72,.12);
    padding:14px 18px 20px;
    flex-direction:column;
    gap:4px;
    z-index:30;
  }

  .mobile-menu.open{
    display:flex;
  }

  .mobile-menu a{
    padding:14px 10px;
    font-weight:800;
    color:var(--navy);
    border-bottom:1px solid #eef1eb;
  }

  .mobile-menu a:last-child{
    border-bottom:0;
  }

  .mobile-menu .mobile-cta{
    margin-top:8px;
    background:var(--green);
    color:#fff;
    border-radius:9px;
    text-align:center;
    border-bottom:0;
  }

  .menu-toggle.open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .menu-toggle.open span:nth-child(2){
    opacity:0;
  }

  .menu-toggle.open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }
}

@media(max-width:640px){
  .accessory-photo-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .accessory-card{
    width:100%;
    min-width:0;
    position:relative;
  }

  .accessory-card img,
  .accessory-card .no-photo-visual{
    width:100%;
    height:230px;
    object-fit:cover;
  }

  .mobile-menu{
    top:68px;
  }

  .header-cta{
    display:none;
  }

  .menu-toggle{
    margin-left:auto;
  }
}