*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Montserrat',sans-serif;
}
:root{
  --navy:#073c56;
  --navy2:#052b3d;
  --gold:#d7b56d;
  --gold2:#c2984a;
  --cream:#f8f5ef;
  --white:#ffffff;
  --text:#12384a;
  --muted:#66777f;
  --shadow:0 22px 50px rgba(7,60,86,.16);
}
html{scroll-behavior:smooth;}
body{background:var(--cream);color:var(--text);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

.top-bar{
  background:#fff;
  color:var(--navy);
  font-size:11px;
  padding:10px 7%;
  display:flex;
  justify-content:space-between;
  gap:20px;
  letter-spacing:1px;
  font-weight:700;
}
.navbar{
  background:rgba(7,60,86,.94);
  backdrop-filter:blur(18px);
  padding:16px 7%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff;
  position:sticky;
  top:0;
  z-index:1000;
  box-shadow:0 15px 35px rgba(0,0,0,.18);
}
.logo{font-size:25px;font-weight:900;letter-spacing:2px;white-space:nowrap;}
.logo span{color:var(--gold);font-weight:700;}
.nav-links{display:flex;gap:24px;align-items:center;}
.nav-links a{
  color:white;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  position:relative;
  padding:8px 0;
}
.nav-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background:var(--gold);
  transition:.35s ease;
}
.nav-links a:hover::after{width:100%;}
.menu-icon,.close-menu{
  display:none;
  background:none;
  border:0;
  color:white;
  font-size:30px;
  cursor:pointer;
}
.nav-call{
  display:inline-block;
  background:linear-gradient(135deg,var(--gold),#f2d992);
  color:var(--navy);
  padding:12px 18px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(215,181,109,.25);
}
.mobile-menu,.overlay{display:none;}

.hero{height:720px;position:relative;overflow:hidden;}
.slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:1s ease-in-out;
  background-size:cover;
  background-position:center;
  transform:scale(1.04);
}
.slide.active{opacity:1;transform:scale(1);}
.slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,43,61,.82),rgba(7,60,86,.45),rgba(7,60,86,.12));
}
.hero-content{
  position:relative;
  z-index:2;
  height:100%;
  max-width:820px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  color:white;
  padding:0 7%;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--gold);
  letter-spacing:4px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:15px;
}
.eyebrow::before{content:"";width:38px;height:2px;background:var(--gold);}
.eyebrow.dark{color:var(--gold2);}
.hero-content h1{font-size:68px;line-height:1.02;font-weight:900;letter-spacing:1px;margin-bottom:20px;}
.hero-content p{max-width:650px;line-height:1.8;margin-bottom:32px;font-size:17px;color:#eef8fb;}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;}
.btn{
  padding:15px 34px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:1.5px;
  font-weight:900;
  transition:.35s ease;
}
.btn-gold{background:linear-gradient(135deg,var(--gold),#f4db99);color:var(--navy);box-shadow:0 15px 30px rgba(215,181,109,.28);}
.btn-outline{border:1px solid rgba(255,255,255,.8);color:white;}
.btn:hover{transform:translateY(-4px);}
.slider-dots{position:absolute;left:7%;bottom:40px;display:flex;gap:12px;z-index:5;}
.dot{width:12px;height:12px;border-radius:50%;border:1px solid white;background:transparent;cursor:pointer;}
.dot.active{background:var(--gold);border-color:var(--gold);}

.features{
  width:86%;
  margin:-55px auto 0;
  position:relative;
  z-index:10;
  background:#fff;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  padding:28px;
  border-radius:24px;
  box-shadow:var(--shadow);
}
.feature-card{text-align:center;padding:18px;border-radius:18px;transition:.35s ease;background:linear-gradient(180deg,#fff,#fbf8ef);}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(7,60,86,.12);}
.feature-card span{font-size:34px;}
.feature-card h4{font-size:13px;margin:10px 0 5px;letter-spacing:1px;}
.feature-card p{font-size:12px;color:var(--muted);}

.section{padding:95px 7%;}
.section-heading{text-align:center;max-width:760px;margin:0 auto 45px;}
.section-heading h2,.section h2{font-size:42px;line-height:1.18;margin:12px 0 16px;letter-spacing:-.5px;}
.section-heading p{line-height:1.8;color:var(--muted);}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.about-img{position:relative;}
.about-img img{width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:var(--shadow);}
.floating-badge{
  position:absolute;
  right:-20px;
  bottom:35px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border:1px solid rgba(215,181,109,.45);
  border-radius:22px;
  padding:22px 26px;
  box-shadow:var(--shadow);
}
.floating-badge strong{display:block;font-size:38px;color:var(--gold2);}
.floating-badge span{font-size:12px;font-weight:800;}
.about-text p{line-height:1.9;color:var(--muted);margin-bottom:20px;}
.tick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;}
.tick-grid p{margin:0;background:#fff;padding:15px;border-radius:14px;color:var(--text);font-weight:700;box-shadow:0 10px 24px rgba(7,60,86,.08);}
.tick-grid p::before{content:'✓ ';color:var(--gold2);}
.text-link{color:var(--gold2);font-weight:900;}

.collections,.products,.process,.testimonials{background:#fff;}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.collection-card{position:relative;height:390px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);}
.collection-card img{width:100%;height:100%;object-fit:cover;transition:.5s ease;}
.collection-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(5,43,61,.84));}
.collection-card div{position:absolute;left:26px;bottom:26px;color:white;z-index:2;}
.collection-card h3{font-size:24px;margin-bottom:8px;}
.collection-card p{color:#f2d992;font-weight:700;}
.collection-card:hover img{transform:scale(1.1);}

.comfort{background:linear-gradient(135deg,rgba(5,43,61,.9),rgba(7,60,86,.72)),url('https://images.unsplash.com/photo-1631048501851-4aa85ffc3be8?auto=format&fit=crop&w=1600&q=80') center/cover;color:white;}
.comfort-content{max-width:760px;}
.comfort-content h2{font-size:46px;}
.comfort-content p{line-height:1.8;color:#e6f0f4;margin-bottom:25px;}
.comfort-points{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px;}
.comfort-points span{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);padding:12px 16px;border-radius:999px;font-size:13px;font-weight:800;}

.why{background:var(--cream);}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.why-card{padding:38px 24px;background:#fff;border-radius:24px;box-shadow:0 14px 35px rgba(7,60,86,.09);transition:.35s ease;font-size:34px;text-align:center;border:1px solid rgba(215,181,109,.15);}
.why-card:hover{transform:translateY(-10px);border-color:var(--gold);}
.why-card h3{font-size:17px;margin:16px 0 10px;color:var(--navy);}
.why-card p{font-size:13px;line-height:1.75;color:var(--muted);}
.counter-section{background:linear-gradient(135deg,var(--navy),#0b5e7f);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:75px 7%;}
.counter-section h2{font-size:48px;color:var(--gold);}.counter-section p{letter-spacing:1px;margin-top:8px;font-weight:700;}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.product-card{background:#fff;border-radius:24px;padding:14px;box-shadow:0 16px 35px rgba(0,0,0,.08);transition:.35s ease;border:1px solid #f1e7cf;overflow:hidden;}
.product-card:hover{transform:translateY(-10px);box-shadow:var(--shadow);}
.product-card img{width:100%;height:250px;object-fit:cover;border-radius:18px;}
.product-card h3{margin:18px 8px 8px;font-size:16px;}.product-card p{color:var(--gold2);font-weight:900;font-size:13px;margin:0 8px 14px;}
.product-card a{display:block;margin:0 8px 10px;background:var(--navy);color:white;padding:13px;border-radius:999px;font-size:12px;font-weight:900;text-align:center;}
.process-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.process-card,.testimonial-card{background:var(--cream);border-radius:24px;padding:34px;box-shadow:0 12px 30px rgba(7,60,86,.08);border:1px solid rgba(215,181,109,.18);}
.process-card b{font-size:42px;color:var(--gold2);}.process-card h3{margin:15px 0 10px;}.process-card p,.testimonial-card p{color:var(--muted);line-height:1.8;}
.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;grid-auto-rows:230px;gap:18px;}
.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 15px 35px rgba(7,60,86,.12);transition:.35s ease;}.gallery-grid img:hover{transform:scale(1.03);}.gallery-grid .tall{grid-row:span 2;}
.testimonial-card{background:#fff;}.testimonial-card h4{margin-top:18px;color:var(--gold2);}
.cta{padding:90px 7%;text-align:center;color:white;background:linear-gradient(rgba(7,60,86,.84),rgba(7,60,86,.84)),url('https://images.unsplash.com/photo-1560448204-603b3fc33ddc?auto=format&fit=crop&w=1600&q=80') center/cover;}
.cta h2{font-size:44px;margin-bottom:14px;}.cta p{margin-bottom:30px;color:#e5eef2;}.cta a{color:var(--navy);background:white;padding:15px 38px;border-radius:999px;font-weight:900;letter-spacing:2px;display:inline-block;}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:linear-gradient(135deg,#fff,#f6efe0);}
.contact-info p{line-height:1.9;color:var(--muted);margin-bottom:10px;}
.contact-form{background:rgba(255,255,255,.72);backdrop-filter:blur(15px);border:1px solid rgba(215,181,109,.35);border-radius:28px;padding:30px;box-shadow:var(--shadow);}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:16px 18px;margin-bottom:14px;border:1px solid #eadbb8;border-radius:14px;outline:0;background:white;color:var(--text);font-weight:600;}
.contact-form textarea{height:130px;resize:none;}.contact-form button{width:100%;border:0;background:linear-gradient(135deg,var(--navy),#0b5e7f);color:white;padding:16px;border-radius:999px;font-weight:900;letter-spacing:1px;cursor:pointer;transition:.35s;}.contact-form button:hover{transform:translateY(-4px);}
footer{background:var(--navy2);color:white;display:grid;grid-template-columns:2fr 1fr 2fr;gap:40px;padding:65px 7%;}
footer h3{font-size:28px;color:var(--gold);margin-bottom:15px;}footer h4{margin-bottom:15px;color:var(--gold);}footer p,footer a{display:block;color:#d9e8ee;font-size:14px;line-height:1.9;margin-bottom:8px;}
.whatsapp{position:fixed;right:25px;bottom:25px;width:58px;height:58px;border-radius:50%;background:#25D366;color:white;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:30px;z-index:999;box-shadow:0 12px 25px rgba(0,0,0,.25);animation:pulse 1.8s infinite;}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.reveal{opacity:0;transform:translateY(45px);transition:1s ease;}.reveal.active{opacity:1;transform:translateY(0);}

@media(max-width:1024px){
  .nav-links{gap:14px}.hero-content h1{font-size:54px}.features,.why-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.collection-grid,.process-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.about{gap:40px}
}
@media(max-width:760px){
  .top-bar{font-size:9px;text-align:center;justify-content:center;flex-direction:column;padding:8px 5%;gap:3px;}
  .navbar{padding:14px 5%;}.menu-icon{display:block}.nav-links,.nav-actions{display:none}.logo{font-size:19px}.close-menu{display:block;align-self:flex-end;color:var(--navy);}
  .mobile-menu{display:flex;position:fixed;top:0;left:-100%;width:82%;max-width:340px;height:100vh;background:#fff;z-index:2000;flex-direction:column;padding:24px;gap:6px;transition:.4s ease;box-shadow:30px 0 60px rgba(0,0,0,.25);}
  .mobile-menu.active{left:0}.mobile-menu a{padding:16px 10px;border-bottom:1px solid #f0e4ca;color:var(--navy);font-weight:900;letter-spacing:1px}.mobile-call{background:var(--navy)!important;color:#fff!important;border-radius:999px;text-align:center;margin-top:12px;border-bottom:0!important;}
  .overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:1500;opacity:0;pointer-events:none;transition:.3s}.overlay.active{opacity:1;pointer-events:auto;}
  .hero{height:660px}.slide::after{background:linear-gradient(rgba(5,43,61,.72),rgba(5,43,61,.78))}.hero-content{align-items:center;text-align:center;padding:0 6%;}.eyebrow{letter-spacing:2px;font-size:10px}.eyebrow::before{width:24px}.hero-content h1{font-size:40px}.hero-content p{font-size:14px}.hero-buttons{justify-content:center}.btn{padding:14px 24px}.slider-dots{left:50%;transform:translateX(-50%);bottom:25px}
  .features{width:92%;grid-template-columns:1fr;margin-top:-35px;padding:18px}.section{padding:68px 6%;}.section-heading h2,.section h2{font-size:30px}.about,.contact,footer{grid-template-columns:1fr}.about-img img{height:360px;border-radius:24px}.floating-badge{right:12px;bottom:18px}.tick-grid,.collection-grid,.why-grid,.counter-section,.product-grid,.process-grid,.testimonial-grid,.gallery-grid{grid-template-columns:1fr}.collection-card{height:310px}.counter-section{gap:28px;padding:60px 7%}.product-card img{height:230px}.gallery-grid{grid-auto-rows:220px}.gallery-grid .tall{grid-row:auto}.cta h2{font-size:32px}footer{gap:25px}.whatsapp{width:52px;height:52px;right:17px;bottom:17px;}
}


