/* ======= TOKENS ======= */
:root {
  --bg: #FAF7F2;
  --surface: #FFFFFF;
  --surface-2: #F4EFE6;
  --ink: #0E1A33;
  --ink-soft: #2A3658;
  --muted: #6B7388;
  --line: #E8E1D2;
  --line-strong: #D9CFB8;
  --gold: #B8924E;
  --gold-dark: #8E6F36;
  --gold-soft: #F1E6CC;
  --green: #1F7A4D;
  --red: #C0392B;
  --shadow-sm: 0 1px 2px rgba(14,26,51,.06), 0 1px 0 rgba(14,26,51,.04);
  --shadow-md: 0 6px 20px -8px rgba(14,26,51,.18), 0 2px 6px rgba(14,26,51,.06);
  --shadow-lg: 0 24px 60px -20px rgba(14,26,51,.28), 0 8px 18px -8px rgba(14,26,51,.12);
  --radius: 14px;
  --radius-sm: 8px;
  --radius-lg: 22px;
  --container: 1340px;
}
@media(max-width:1400px){
    .container{width: 90%;margin:auto;}
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Manrope', system-ui, sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}

/* ======= TYPOGRAPHY ======= */
h1,h2,h3{
  font-family:'Instrument Serif', Georgia, serif;
  font-weight:400;
  letter-spacing:-.01em;
  line-height:1.05;
  color:var(--ink);
  margin:0;
}
h1{font-size:clamp(38px,5.6vw,55px)}
h2{font-size:clamp(30px,3.8vw,50px)}
h3{font-size:clamp(20px,2vw,27px)}
.eyebrow{
  font-family:'Manrope', sans-serif;
  font-size:12px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-dark);
  display:inline-flex;align-items:center;gap:10px;
}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--gold)}
.lead{font-size:18px;color:var(--ink-soft);line-height:1.6;max-width:60ch}
.italic{font-style:italic}

/* ======= BUTTONS ======= */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 22px;border-radius:999px;
  font-weight:600;font-size:15px;
  transition:transform .15s ease, box-shadow .2s ease, background .2s;
  white-space:nowrap;cursor:pointer;border:0;
}
.btn-primary{background:var(--ink);color:#fff;box-shadow:var(--shadow-md)}
.btn-primary:hover{transform:translateY(-1px);background:#1a2a4f}
.btn-gold{
  background:linear-gradient(180deg,#C9A05D 0%,var(--gold) 100%);
  color:#fff;box-shadow:0 8px 20px -6px rgba(184,146,78,.5);
}
.btn-gold:hover{transform:translateY(-1px)}
.btn-whatsapp{background:#25D366;color:#fff}
.btn-whatsapp:hover{background:#1ebd5b;transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}
.btn-ghost:hover{background:var(--surface-2)}
.btn-sm{padding:10px 16px;font-size:14px}

/* ======= TOPBAR ======= */
.topbar{background:var(--ink);color:#fff;font-size:13px;padding:8px 0}
.topbar-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.topbar-left{display:flex;gap:18px;align-items:center;flex-wrap:wrap;opacity:.9}
.topbar-left span{display:inline-flex;align-items:center;gap:6px}
.topbar-right{display:flex;gap:14px;align-items:center}
.topbar-right a{display:inline-flex;align-items:center;gap:6px;color:#fff;opacity:.95;font-weight:600}
.topbar-right a:hover{color:var(--gold-soft)}

/* ======= NAV ======= */
/* ======= NAV ======= */

.nav{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(250,247,242,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}

.nav-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0;
  gap:24px;
}

.logo{
  display:flex;
  align-items:center;
  gap:10px;
  flex:none;
}

.logo-mark{
  width:42px;
  height:42px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--ink) 0%,#1a2a4f 100%);
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:'Instrument Serif',serif;
  font-size:24px;
  box-shadow:var(--shadow-sm);
}

.logo-text{
  display:flex;
  flex-direction:column;
  line-height:1;
}

.logo-text .b1{
  font-family:'Instrument Serif',serif;
  font-size:20px;
  color:var(--ink);
}

.logo-text .b2{
  font-size:10px;
  letter-spacing:.18em;
  color:var(--gold-dark);
  font-weight:700;
  margin-top:3px;
}

/* Desktop Menu */
.nav-links{
  display:flex;
  gap:28px;
  align-items:center;
}

.nav-links a{
  font-size:14.5px;
  font-weight:500;
  color:var(--surface);
  padding:6px 0;
  text-decoration:none;
}

.nav-links a:hover{
  color:var(--gold-dark);
}

/* ===== DROPDOWN ===== */

.dropdown{
  position:relative;
}

.dropdown-btn{
  background:none;
  border:none;
  font-size:14.5px;
  font-weight:500;
  color:var(--surface);
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:6px;
}

.arrow{
  font-size:16px;
  transition:0.3s;
}
.dropdown-menu {
    position: absolute;
    top: 120%;
    left: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 5px;
    padding: 0px 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s;
}
.dropdown-menu a {
    display: block;
    padding: 5px 11px; color: #b19540;
}

.dropdown:hover .dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.dropdown:hover .arrow{
  transform:rotate(177deg);
}

/* ===== MOBILE TOGGLE ===== */

.menu-toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
}

.menu-toggle span{
  width:26px;
  height:2px;
  background:#fff;
  transition:.3s;
}

/* ===== MOBILE ===== */
.nav{

  left: 0;
  width: 100%;
  z-index: 999;
 background: rgb(14 26 51);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
  transition: 0.3s ease;
}

/* Optional Scroll Effect */
.nav.scrolled{
  padding: 2px 0;position: fixed;top: 0px;width: 100%;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
 background: rgb(14 26 51);
}

@media(max-width:980px){

  .menu-toggle{
    display:flex;
  }

  .nav-links{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
   background: #0e1a33;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:20px;
    border-top:1px solid var(--line);

    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:.3s;
  }

  .nav-links.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);height: 100vh;
  }

  .nav-links a{
    width:100%;
    padding:14px 0;
  }

  /* Mobile Dropdown */

  .dropdown{
    width:100%;
  }

  .dropdown-btn{
    width:100%;
    justify-content:space-between;
    padding:14px 0;
  }

  .dropdown-menu{
    position:static;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
    border:none;
    background:transparent;
    padding:0;
    display:none;
  }

  .dropdown.active .dropdown-menu{
    display:block;
  }

  .dropdown.active .arrow{
    transform:rotate(-180deg);
  }

}
/* ======= HERO ======= */
.hero{position:relative;padding: 100px 0 70px;overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(900px 500px at 90% -10%,rgba(184,146,78,.16),transparent 60%),
    radial-gradient(700px 500px at 0% 100%,rgba(14,26,51,.06),transparent 60%);
  pointer-events:none;
}
.hero-grid{
  display:grid;grid-template-columns:1.15fr .85fr;
  gap:60px;align-items:center;position:relative;
}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero{padding:32px 0 48px}
}
.hero h1 .gold{color:var(--gold-dark);font-style:italic}
.hero h1 .price{
  display:inline-block;
  background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dark) 100%);
  color:#fff;padding:0 18px;border-radius:8px;
  transform:rotate(-1.5deg);margin:0 6px;
  box-shadow:0 8px 24px -10px rgba(184,146,78,.6);
}
.hero-sub{margin-top:22px;font-size:19px;color:var(--ink-soft);line-height:1.55;max-width:46ch}
.hero-bullets{
  margin:28px 0 30px;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;max-width:520px;
}
.hero-bullets li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--ink)}
.hero-bullets .tick{
  width:22px;height:22px;border-radius:50%;
  background:var(--gold-soft);color:var(--gold-dark);
  display:grid;place-items:center;font-weight:800;flex:none;
}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-meta{
  margin-top:36px;display:flex;gap:28px;align-items:center;flex-wrap:wrap;
  padding-top:24px;border-top:1px solid var(--line);
}
.hero-meta .avatars{display:flex}
.hero-meta .avatars span{
  width:36px;height:36px;border-radius:50%;
  border:2.5px solid var(--bg);
  background:linear-gradient(135deg,#d9cfb8,#b8924e);
  margin-left:-10px;display:grid;place-items:center;
  color:#fff;font-weight:700;font-size:12px;
}
.hero-meta .avatars span:first-child{margin-left:0}
.hero-meta .meta-text{font-size:13.5px;color:var(--muted);line-height:1.3}
.hero-meta .meta-text strong{color:var(--ink);display:block;font-size:14.5px;font-weight:700}
.hero-meta .stars{color:var(--gold);letter-spacing:1px}

/* ======= BOOKING CARD ======= */
.booking-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:28px;
  box-shadow:var(--shadow-lg);position:relative;
}
.booking-card::before{
  content:"";position:absolute;inset:-1px;border-radius:var(--radius-lg);
  background:linear-gradient(135deg,rgba(184,146,78,.4),transparent 40%);
  z-index:-1;
}
.booking-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.booking-head h3{font-size:24px}
.booking-badge{
  background:var(--gold-soft);color:var(--gold-dark);
  font-size:11px;font-weight:800;letter-spacing:.12em;
  padding:6px 10px;border-radius:6px;text-transform:uppercase;
}
.booking-card .field{margin-bottom:14px}
.booking-card label{
  display:block;font-size:12px;font-weight:700;
  color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;
}
.booking-card input,.booking-card textarea,.booking-card select{
  width:100%;background:var(--bg);border:1px solid var(--line);
  border-radius:10px;padding:13px 14px;
  font-family:inherit;font-size:14.5px;color:var(--ink);
  transition:border .15s, background .15s;
}
.booking-card input:focus,.booking-card textarea:focus,.booking-card select:focus{
  outline:none;border-color:var(--gold);background:#fff;
  box-shadow:0 0 0 4px rgba(184,146,78,.12);
}
.booking-card .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.booking-card .submit{
  width:100%;background:var(--ink);color:#fff;
  padding:15px;border-radius:10px;font-weight:700;font-size:15px;
  margin-top:6px;transition:background .2s, transform .15s;cursor:pointer;border:0;
}
.booking-card .submit:hover{background:#1a2a4f;transform:translateY(-1px)}
.booking-foot{margin-top:14px;text-align:center;font-size:12.5px;color:var(--muted)}
.booking-foot strong{color:var(--ink)}

/* ======= TRUST STRIP ======= */
.trust-strip{background:var(--ink);color:#fff;padding:22px 0}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:center}
.trust-row>div{
  display:flex;gap:14px;align-items:center;font-size:14px;
  border-right:1px solid rgba(255,255,255,.12);padding-right:20px;
}
.trust-row>div:last-child{border:0}
.trust-row .tg{
  width:42px;height:42px;border-radius:50%;flex:none;
  background:rgba(184,146,78,.18);color:var(--gold);
  display:grid;place-items:center;font-size:20px;
}
.trust-row strong{display:block;color:#fff;font-weight:700;font-size:15px;margin-bottom:2px}
.trust-row span{color:rgba(255,255,255,.7);font-size:12.5px}
@media(max-width:880px){
  .trust-row{grid-template-columns:repeat(2,1fr)}
  .trust-row>div{border:0}
}

/* ======= SECTIONS ======= */
section{margin:90px 0}
@media(max-width:768px){section{margin:60px 0}}
.section-head{text-align:center;max-width:720px;margin:0 auto 56px}
.section-head .eyebrow{justify-content:center;display:inline-flex}
.section-head h2{margin-top:14px}
.section-head .lead{margin:18px auto 0}

/* ======= STATS ======= */
.stats{background:var(--surface-2);padding:70px 0;border-block:1px solid var(--line)}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:32px 24px;text-align:center;
  transition:transform .25s, box-shadow .25s;
}
.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.stat .num{
  font-family:'Instrument Serif',serif;font-size:64px;line-height:1;
  color:var(--ink);margin-bottom:10px;
}
.stat .num .plus{color:var(--gold-dark);font-style:italic}
.stat .lbl{font-size:13.5px;color:var(--muted);font-weight:600;letter-spacing:.04em}
@media(max-width:768px){.stats-row{grid-template-columns:repeat(2,1fr)}}

/* ======= WHY HIRE ======= */
.why{background:var(--bg)}
.why-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
@media(max-width:880px){.why-grid{grid-template-columns:1fr;gap:40px}}
.why-collage{position:relative;min-height:560px;padding:0 10px 60px 10px}
.why-collage .photo{
  position:absolute;border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow-lg);background:var(--surface-2);
}
.why-collage .photo img{width:100%;height:100%;object-fit:cover;display:block}
.why-collage .photo.p1{top:0;right:0;width:74%;aspect-ratio:4/5;border:8px solid var(--bg);z-index:2}
.why-collage .photo.p2{bottom:30px;left:0;width:60%;aspect-ratio:4/5;border:8px solid var(--bg);z-index:3}
.why-collage .swatch{
  position:absolute;top:30px;left:24px;width:30%;height:42%;
  background:var(--ink);border-radius:18px;z-index:1;
}
.why-collage .badge{
  position:absolute;bottom:0;right:10px;
  background:var(--ink);color:#fff;border-radius:14px;
  padding:18px 20px;display:flex;gap:14px;align-items:center;
  box-shadow:var(--shadow-lg);z-index:4;border-top:4px solid var(--gold);
}
.why-collage .badge .seal{
  width:48px;height:48px;border-radius:50%;
  background:var(--gold);color:var(--ink);
  display:grid;place-items:center;font-weight:800;font-size:22px;flex:none;
}
.why-collage .badge .yr{font-family:'Instrument Serif',serif;font-size:38px;line-height:1;color:var(--gold)}
.why-collage .badge .lbl{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);line-height:1.2}
.why-content h2{margin-top:14px}
.why-list{margin:32px 0 0;padding:0;list-style:none;display:grid;gap:18px}
.why-list li{display:flex;gap:16px;align-items:flex-start}
.why-list .ico{
  width:38px;height:38px;border-radius:10px;flex:none;
  background:var(--gold-soft);color:var(--gold-dark);
  display:grid;place-items:center;font-weight:800;font-size:16px;
}
.why-list strong{display:block;color:var(--ink);font-size:16px;margin-bottom:3px}
.why-list span{color:var(--ink-soft);font-size:14.5px;line-height:1.55}

/* ======= PRICING ======= */
.pricing{background:var(--surface-2);border-block:1px solid var(--line)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:980px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.pricing-grid{grid-template-columns:1fr}}
.price-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 26px;position:relative;
  transition:transform .25s, box-shadow .25s, border-color .25s;
  display:flex;flex-direction:column;
}
.price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--line-strong)}
.price-card.featured{background:var(--ink);color:#fff;border-color:var(--ink)}
.price-card.featured .price-name,
.price-card.featured .price-desc,
.price-card.featured .price-num,
.price-card.featured .price-unit,
.price-card.featured h3{color:#fff}
.price-card.featured .price-desc{color:rgba(255,255,255,.7)}
.price-card.featured .price-unit{color:rgba(255,255,255,.6)}
.price-card.featured .price-list li{color:rgba(255,255,255,.85)}
.price-card.featured .price-list .check{background:rgba(184,146,78,.2);color:var(--gold)}
.price-card .ribbon{
  position:absolute;top:18px;right:18px;
  background:var(--gold);color:#fff;
  font-size:10.5px;font-weight:800;letter-spacing:.15em;
  padding:5px 10px;border-radius:6px;
}
.price-name{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark)}
.price-card h3{margin:8px 0 6px;font-size:24px}
.price-desc{font-size:13.5px;color:var(--muted);margin-bottom:22px;min-height:34px}
.price-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}
.price-num{font-family:'Instrument Serif',serif;font-size:54px;line-height:1;color:var(--ink)}
.price-cur{font-size:14px;font-weight:700;color:var(--gold-dark)}
.price-unit{font-size:13px;color:var(--muted)}
.price-list{margin:22px 0 26px;padding:0;list-style:none;display:grid;gap:10px;flex:1}
.price-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-soft)}
.price-list .check{
  width:18px;height:18px;border-radius:50%;flex:none;margin-top:2px;
  background:var(--gold-soft);color:var(--gold-dark);
  display:grid;place-items:center;font-weight:800;font-size:11px;
}
.price-card .btn{width:100%}

/* ======= SERVICES ======= */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:980px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.services-grid{grid-template-columns:1fr}}
.service-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;
  transition:transform .25s, box-shadow .25s;
  display:flex;flex-direction:column;
}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.service-img{aspect-ratio:16/10;background:linear-gradient(135deg,#2A3658,#0E1A33);position:relative;overflow:hidden}
.service-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.service-card:hover .service-img img{transform:scale(1.05)}
.service-img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(14,26,51,.25));
  pointer-events:none;
}
.service-img .label{
  position:absolute;top:14px;left:14px;z-index:2;
  background:rgba(255,255,255,.95);
  font-size:11px;font-weight:800;letter-spacing:.12em;
  padding:5px 10px;border-radius:6px;color:var(--gold-dark);
}
.service-body{padding:22px 24px 26px}
.service-body h3{font-size:22px;margin-bottom:8px}
.service-body p{font-size:14px;color:var(--ink-soft);line-height:1.55;margin:0 0 18px}
.service-link{
  color:var(--gold-dark);font-weight:700;font-size:13.5px;
  display:inline-flex;align-items:center;gap:6px;
  border-bottom:1px solid var(--gold);padding-bottom:2px;
}
.service-link:hover{color:var(--ink);border-color:var(--ink)}

/* ======= NEIGHBORHOODS ======= */
.neighborhoods{background:var(--bg)}
.nb-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media(max-width:1100px){.nb-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.nb-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.nb-grid{grid-template-columns:repeat(2,1fr)}}
.nb-tile{
  position:relative;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:18px 18px 16px;
  aspect-ratio:1/0.78;display:flex;flex-direction:column;justify-content:space-between;
  overflow:hidden;transition:transform .25s, box-shadow .25s, border-color .25s;isolation:isolate;
}
.nb-tile::before{
  content:"";position:absolute;right:-24px;top:-24px;
  width:84px;height:84px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,var(--gold-soft) 0%,transparent 70%);
  opacity:.8;transition:opacity .3s, transform .4s;z-index:-1;
}
.nb-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--gold)}
.nb-tile:hover::before{transform:scale(1.3);opacity:1}
.nb-idx{font-size:10px;font-weight:800;color:var(--gold-dark);letter-spacing:.16em}
.nb-tile h3{font-size:17px;line-height:1.15;margin:8px 0 0}
.nb-meta{
  display:flex;justify-content:space-between;align-items:center;
  font-size:12px;color:var(--muted);margin-top:auto;padding-top:10px;
}
.nb-meta strong{color:var(--gold-dark);font-weight:700}
.nb-arrow{
  width:28px;height:28px;border-radius:50%;
  background:var(--ink);color:var(--gold);
  display:grid;place-items:center;flex:none;
  transition:transform .25s, background .25s;font-size:13px;
}
.nb-tile:hover .nb-arrow{transform:translate(3px,-3px);background:var(--gold);color:var(--ink)}
.nb-foot{text-align:center;margin-top:40px;color:var(--ink-soft);font-size:14.5px}
.nb-foot a{color:var(--gold-dark);font-weight:700;border-bottom:1px solid var(--gold)}
.nb-foot a:hover{color:var(--ink)}

/* ======= COVERAGE ======= */
.coverage{background:var(--bg)}
.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:880px){.coverage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.coverage-grid{grid-template-columns:1fr}}
.area-card{
  position:relative;border-radius:var(--radius);overflow:hidden;
  aspect-ratio:4/5;background:var(--ink);
  box-shadow:var(--shadow-sm);transition:transform .3s, box-shadow .3s;
}
.area-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.area-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s;filter:saturate(.95)}
.area-card:hover img{transform:scale(1.08)}
.area-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(14,26,51,.85) 100%);
}
.area-card .info{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;color:#fff}
.area-card .info h3{color:#fff;font-size:24px;margin-bottom:4px}
.area-card .info .from{font-size:13px;color:var(--gold);font-weight:700;letter-spacing:.05em}
.area-card .info .from span{color:rgba(255,255,255,.65);font-weight:400}
.area-card .ribbon{
  position:absolute;top:14px;left:14px;z-index:2;
  background:rgba(255,255,255,.95);font-size:10.5px;font-weight:800;
  letter-spacing:.12em;padding:5px 10px;border-radius:6px;color:var(--gold-dark);
}

/* ======= OCCASIONS ======= */
.occasions{background:var(--surface-2);border-block:1px solid var(--line)}
.occ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:980px){.occ-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.occ-grid{grid-template-columns:1fr 1fr}}
.occ-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 20px;text-align:left;
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
.occ-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--gold)}
.occ-card .ico{
  width:48px;height:48px;border-radius:12px;
  background:var(--gold-soft);color:var(--gold-dark);
  display:grid;place-items:center;font-size:22px;margin-bottom:14px;
}
.occ-card h3{font-size:18px;margin-bottom:6px;line-height:1.2}
.occ-card p{font-size:13.5px;color:var(--ink-soft);margin:0;line-height:1.5}

/* ======= HOW IT WORKS ======= */
.how{background:var(--bg)}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.how-grid::before{
  content:"";position:absolute;left:8%;right:8%;top:46px;
  border-top:1.5px dashed var(--line-strong);z-index:0;
}
@media(max-width:880px){
  .how-grid{grid-template-columns:repeat(2,1fr)}
  .how-grid::before{display:none}
}
.step{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:30px 22px;text-align:center;position:relative;z-index:1;
}
.step .num-circle{
  width:60px;height:60px;border-radius:50%;background:var(--ink);color:#fff;
  display:grid;place-items:center;margin:0 auto 18px;
  font-family:'Instrument Serif',serif;font-size:26px;
  box-shadow:0 0 0 6px var(--bg),var(--shadow-md);
}
.step h3{font-size:18px;margin-bottom:6px}
.step p{font-size:13.5px;color:var(--muted);margin:0}

/* ======= VIDEO ======= */
.video-section{background:var(--surface-2);border-block:1px solid var(--line)}
.video-grid{display:grid;grid-template-columns:.95fr 1.15fr;gap:50px;align-items:center}
@media(max-width:880px){.video-grid{grid-template-columns:1fr;gap:32px}}
.video-copy h2{margin-top:14px}
.video-copy h2 em{color:var(--gold-dark);font-style:italic}
.video-copy .lead{margin:18px 0 24px}
.video-bullets{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.video-bullets li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink-soft);font-weight:500}
.video-bullets li i{color:var(--gold-dark);font-size:18px;width:22px;flex:none}
.video-wrap{
  position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:var(--shadow-lg);background:var(--ink);border:8px solid var(--surface);
}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ======= SAFETY ======= */
.safety{background:var(--surface-2);border-block:1px solid var(--line)}
.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:880px){.safety-grid{grid-template-columns:1fr}}
.safety-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:32px 28px;display:flex;flex-direction:column;gap:14px;
  transition:transform .25s, box-shadow .25s;
}
.safety-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.safety-card .ico{
  width:54px;height:54px;border-radius:14px;
  background:var(--gold-soft);color:var(--gold-dark);
  display:grid;place-items:center;font-size:26px;
}
.safety-card.red .ico{background:#FCE7E4;color:var(--red)}
.safety-card.green .ico{background:#E0F2E7;color:var(--green)}
.safety-card h3{font-size:22px}
.safety-card p{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.6}
.safety-card .stat-line{
  margin-top:auto;padding-top:14px;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--muted);font-weight:600;letter-spacing:.04em;
}
.safety-card .stat-line strong{
  color:var(--red);font-family:'Instrument Serif',serif;font-size:22px;font-weight:400;display:block;margin-bottom:2px;
}
.safety-card.green .stat-line strong{color:var(--green)}
.safety-card.gold .stat-line strong{color:var(--gold-dark)}

/* ======= TESTIMONIALS ======= */
.testimonials{background:var(--bg)}
.review-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:50px;flex-wrap:wrap}
.review-pill{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--surface);border:1px solid var(--line);
  border-radius:999px;padding:8px 16px;font-size:13px;color:var(--ink-soft);
  box-shadow:var(--shadow-sm);
}
.review-pill strong{color:var(--ink)}
.review-pill .g{font-weight:800;color:var(--gold-dark);font-size:14px}
.review-pill .stars{color:var(--gold);letter-spacing:1px;font-size:13px}
.tg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:880px){.tg-grid{grid-template-columns:1fr}}
.tcard{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:30px 28px;display:flex;flex-direction:column;
}
.tcard .quote{font-family:'Instrument Serif',serif;font-size:48px;line-height:1;color:var(--gold);margin-bottom:8px}
.tcard p{font-size:15.5px;line-height:1.6;color:var(--ink-soft);margin:0 0 22px;font-style:italic}
.tcard .who{display:flex;align-items:center;gap:12px;margin-top:auto}
.tcard .avatar{
  width:46px;height:46px;border-radius:50%;flex:none;
  background:linear-gradient(135deg,#d9cfb8,#b8924e);
  display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px;
}
.tcard .who-text strong{display:block;color:var(--ink);font-size:15px}
.tcard .who-text span{font-size:12.5px;color:var(--muted)}
.tcard .stars{color:var(--gold);letter-spacing:1px;font-size:14px;margin-bottom:10px}

/* ======= FAQ ======= */
.faq{background:var(--surface-2);border-block:1px solid var(--line)}
.faq-wrap{max-width:840px;margin:0 auto}
details{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);margin-bottom:12px;transition:border-color .2s;
}
details[open]{border-color:var(--gold)}
details summary{
  cursor:pointer;list-style:none;padding:22px 26px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  font-weight:600;font-size:16.5px;color:var(--ink);
}
details summary::-webkit-details-marker{display:none}
details summary::after{
  content:"+";width:30px;height:30px;border-radius:50%;
  background:var(--gold-soft);color:var(--gold-dark);
  display:grid;place-items:center;font-size:20px;flex:none;
  transition:transform .25s, background .25s;
}
details[open] summary::after{content:"−";background:var(--gold);color:#fff}
details .ans{padding:0 26px 24px;color:var(--ink-soft);font-size:15px;line-height:1.65}

/* ======= BLOG ======= */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}}
.blog-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .25s, box-shadow .25s;
}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.blog-img{
  aspect-ratio:16/10;background:linear-gradient(135deg,var(--gold-soft),var(--surface-2));
  display:grid;place-items:center;color:var(--gold-dark);position:relative;
}
.blog-tag{
  position:absolute;top:14px;left:14px;background:var(--surface);
  font-size:11px;font-weight:800;letter-spacing:.12em;
  padding:5px 10px;border-radius:6px;color:var(--gold-dark);
}
.blog-body{padding:22px 24px;flex:1;display:flex;flex-direction:column}
.blog-body h3{font-size:19px;line-height:1.25;margin-bottom:10px}
.blog-meta{font-size:12.5px;color:var(--muted);margin-top:auto;padding-top:14px}
.blog-meta strong{color:var(--gold-dark);font-weight:700}

/* ======= CTA BANNER ======= */
.cta-banner{background:var(--ink);color:#fff;padding:80px 0;position:relative;overflow:hidden}
.cta-banner::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(800px 400px at 80% 50%,rgba(184,146,78,.2),transparent 60%);
}
.cta-row{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center;position:relative}
@media(max-width:880px){.cta-row{grid-template-columns:1fr;text-align:center}}
.cta-row h2{color:#fff;font-size:clamp(34px,4vw,52px)}
.cta-row h2 em{color:var(--gold);font-style:italic}
.cta-row p{color:rgba(255,255,255,.75);font-size:17px;margin-top:14px;max-width:50ch}
.cta-row .ctas{display:flex;flex-direction:column;gap:12px}
@media(max-width:880px){.cta-row .ctas{flex-direction:row;justify-content:center;flex-wrap:wrap}}
.cta-row .btn-primary{background:var(--gold)}
.cta-row .btn-primary:hover{background:var(--gold-dark)}

/* ======= SEO CONTENT ======= */
.seo-content{background:var(--bg);padding:0px 0}
.seo-wrap{max-width:880px;margin:0 auto}
.seo-wrap h2{font-size:36px;margin-bottom:18px}
.seo-wrap h3{font-size:22px;margin:28px 0 10px;color:var(--ink)}
.seo-wrap p{color:var(--ink-soft);font-size:15.5px;line-height:1.75;margin:0 0 14px}
.seo-wrap a.kw{color:var(--gold-dark);font-weight:700;border-bottom:1px solid var(--gold-soft)}
.seo-wrap a.kw:hover{border-color:var(--gold)}

/* ======= FOOTER ======= */
footer{background:#0a142a;color:rgba(255,255,255,.75);padding:70px 0 30px;font-size:14.5px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:40px;margin-bottom:50px}
@media(max-width:880px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
footer h4{
  font-family:'Manrope',sans-serif;font-size:13px;font-weight:800;
  letter-spacing:.15em;text-transform:uppercase;color:#fff;margin:0 0 18px;
}
.brand-logo img{width:170px}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
footer a:hover{color:var(--gold)}
footer .brand-logo{display:flex;gap:10px;align-items:center;margin-bottom:18px}
footer p.about{color:rgba(255,255,255,.6);line-height:1.6;max-width:38ch}
footer .contact-row{display:flex;gap:10px;align-items:center;margin-bottom:10px;color:rgba(255,255,255,.85)}
footer .contact-row .ic{
  width:34px;height:34px;border-radius:8px;flex:none;
  background:rgba(184,146,78,.18);color:var(--gold);display:grid;place-items:center;
}
footer .socials{display:flex;gap:10px;margin-top:18px}
footer .socials a{
  width:38px;height:38px;border-radius:10px;display:grid;place-items:center;
  background:rgba(255,255,255,.06);color:#fff;transition:background .2s;
}
footer .socials a:hover{background:var(--gold)}
footer .copyright{
  border-top:1px solid rgba(255,255,255,.1);padding-top:24px;
  display:flex;justify-content:space-between;
  color:rgba(255,255,255,.5);font-size:13px;flex-wrap:wrap;gap:14px;
}

/* ======= FAB & MOBILE BAR ======= */
.fab-whatsapp{
  position:fixed;bottom:28px;right:28px;z-index:60;
  width:60px;height:60px;border-radius:50%;
  background:#25D366;color:#fff;display:grid;place-items:center;
  box-shadow:0 8px 24px -4px rgba(37,211,102,.45);
  animation:pulse 2.4s ease-out infinite;
}
@keyframes pulse{
  0%{box-shadow:0 8px 24px -4px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.5)}
  70%{box-shadow:0 8px 24px -4px rgba(37,211,102,.45),0 0 0 18px rgba(37,211,102,0)}
  100%{box-shadow:0 8px 24px -4px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,0)}
}
@media(max-width:768px){.fab-whatsapp{bottom:80px;right:18px;width:54px;height:54px}}
.mobile-bar{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:55;
  background:rgba(255,255,255,.96);backdrop-filter:blur(12px);
  border-top:1px solid var(--line);padding:10px 14px;
  box-shadow:0 -6px 24px -8px rgba(14,26,51,.18);
}
.mobile-bar .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mobile-bar .btn{padding:13px;font-size:14px;flex:1}
@media(max-width:768px){.mobile-bar{display:block}}

/* ======= REVEAL ======= */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.reveal.on{opacity:1;transform:none}
.occasions,.pricing,.safety,.faq,.video-section{
    padding: 50px 0px;
}



.svc-daily *, .svc-daily *::before, .svc-daily *::after {
  box-sizing:inherit;
}

.svc-daily img { max-width:100%; display:block; }
.svc-daily a { color:inherit; text-decoration:none; }
.svc-daily button { font-family:inherit; cursor:pointer; border:0; background:none; }

/* Container */
.svc-daily .sd-container {
  max-width:var(--container);
  margin:0 auto;
  padding:0 24px;
}

/* Typography */
.svc-daily h1,
.svc-daily h2,
.svc-daily h3 {
  font-family:'Instrument Serif',Georgia,serif;
  font-weight:400;
  letter-spacing:-.01em;
  line-height:1.05;
  color:var(--ink);
  margin:0;
}
.svc-daily h1 { font-size:clamp(38px,5.4vw,49px); }
.svc-daily h2 { font-size:clamp(28px,3.6vw,46px); }
.svc-daily h3 { font-size:clamp(20px,2vw,26px); }

.svc-daily .sd-eyebrow {
  font-family:'Manrope',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold-dark);
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.svc-daily .sd-eyebrow::before {
  content:"";
  width:24px;
  height:1px;
  background:var(--gold);
}

.svc-daily .sd-lead {
  font-size:18px;
  color:var(--ink-soft);
  line-height:1.6;
  max-width:60ch;
}

/* Buttons */
.svc-daily .sd-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 22px;
  border-radius:999px;
  font-weight:600;
  font-size:15px;
  transition:transform .15s,box-shadow .2s,background .2s;
  white-space:nowrap;
  cursor:pointer;
  border:none;
  text-decoration:none;
  font-family:'Manrope',sans-serif;
}
.svc-daily .sd-btn-primary {
  background:var(--ink);
  color:#fff;
  box-shadow:var(--shadow-md);
}
.svc-daily .sd-btn-primary:hover { transform:translateY(-1px); background:#1a2a4f; }
.svc-daily .sd-btn-gold {
  background:linear-gradient(180deg,#C9A05D 0%,var(--gold) 100%);
  color:#fff;
  box-shadow:0 8px 20px -6px rgba(184,146,78,.5);
}
.svc-daily .sd-btn-gold:hover { transform:translateY(-1px); }
.svc-daily .sd-btn-whatsapp { background:#25D366; color:#fff; }
.svc-daily .sd-btn-whatsapp:hover { background:#1ebd5b; transform:translateY(-1px); }
.svc-daily .sd-btn-ghost {
  background:transparent;
  color:var(--ink);
  border:1px solid var(--line-strong);
}
.svc-daily .sd-btn-ghost:hover { background:var(--surface-2); }
.svc-daily .sd-btn-sm { padding:10px 16px; font-size:14px; }

/* Section base */
/* .svc-daily .sd-section { padding:84px 0; } */


.svc-daily .sd-section-head {
  text-align:center;
  max-width:760px;
  margin:0 auto 50px;
}
.svc-daily .sd-section-head .sd-eyebrow {
  justify-content:center;
  display:inline-flex;
}
.svc-daily .sd-section-head h2 { margin-top:14px; }
.svc-daily .sd-section-head .sd-lead { margin:18px auto 0; }

/* ── BREADCRUMB ── */
.svc-daily .sd-crumb {
  padding:18px 0;
  font-size:13px;
  color:var(--muted);
  border-bottom:1px solid var(--line);
  background:var(--bg);
}
.svc-daily .sd-crumb a { color:var(--gold-dark); font-weight:600; }
.svc-daily .sd-crumb a:hover { color:var(--ink); }
.svc-daily .sd-crumb i { font-size:9px; margin:0 8px; opacity:.6; }

/* ── HERO ── */
.svc-daily .sd-hero {
  position:relative;
  padding:60px 0 70px;
  overflow:hidden;
  background:var(--bg);
}
.svc-daily .sd-hero::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(900px 500px at 90% -10%,rgba(184,146,78,.16),transparent 60%),
             radial-gradient(700px 500px at 0% 100%,rgba(14,26,51,.06),transparent 60%);
  pointer-events:none;
}
.svc-daily .sd-hero-grid {
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:center;
  position:relative;
}
@media(max-width:980px){
  .svc-daily .sd-hero-grid { grid-template-columns:1fr; gap:40px; }
  .svc-daily .sd-hero { padding:32px 0 48px; }
}

.svc-daily .sd-hero h1 .gold { color:var(--gold-dark); font-style:italic; }

.svc-daily .sd-price-pill {
  display:inline-flex;
  align-items:baseline;
  gap:8px;
  background:linear-gradient(180deg,#C9A05D 0%,var(--gold) 100%);
  color:#fff;
  padding:6px 18px;
  border-radius:10px;
  transform:rotate(-1.5deg);
  box-shadow:0 8px 24px -10px rgba(184,146,78,.6);
  font-family:'Instrument Serif',serif;
  font-size:30px;
  line-height:1.1;
}
.svc-daily .sd-price-pill small {
  font-family:'Manrope',sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:.06em;
}

.svc-daily .sd-hero-sub {
  margin-top:22px;
  font-size:18px;
  color:var(--ink-soft);
  line-height:1.6;
  max-width:50ch;
}

.svc-daily .sd-hero-bullets {
  margin:26px 0 30px;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px 18px;
  max-width:540px;
}
.svc-daily .sd-hero-bullets li {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14.5px;
  font-weight:500;
  color:var(--ink);
}
.svc-daily .sd-hero-bullets i {
  color:var(--gold-dark);
  font-size:14px;
  width:18px;
  flex:none;
}

.svc-daily .sd-hero-cta { display:flex; gap:12px; flex-wrap:wrap; }

.svc-daily .sd-hero-img {
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
  aspect-ratio:4/4;
  box-shadow:var(--shadow-lg);
  border:8px solid var(--surface);
}
.svc-daily .sd-hero-img img {
  width:100%;
  height:100%;
  object-fit:cover;
}
.svc-daily .sd-hero-img::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(14,26,51,.5));
}

.svc-daily .sd-float-tag {
  position:absolute;
  bottom:20px;
  left:20px;
  right:20px;
  background:rgba(255,255,255,.96);
  border-radius:14px;
  padding:16px 18px;
  display:flex;
  gap:14px;
  align-items:center;
  backdrop-filter:blur(10px);
  z-index:2;
}
.svc-daily .sd-float-tag .ft-ico {
  width:44px;
  height:44px;
  border-radius:12px;
  background:var(--gold-soft);
  color:var(--gold-dark);
  display:grid;
  place-items:center;
  font-size:20px;
  flex:none;
}
.svc-daily .sd-float-tag .ft-t {
  font-weight:700;
  color:var(--ink);
  font-size:14px;
  line-height:1.2;
  margin-bottom:3px;
}
.svc-daily .sd-float-tag .ft-s { font-size:12px; color:var(--muted); }

/* ── TRUST STRIP ── */
.svc-daily .sd-trust {
  background:var(--ink);
  color:#fff;
  padding:22px 0;
}
.svc-daily .sd-trust-row {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  align-items:center;
}
.svc-daily .sd-trust-row > div {
  display:flex;
  gap:14px;
  align-items:center;
  font-size:14px;
  border-right:1px solid rgba(255,255,255,.12);
  padding-right:20px;
}
.svc-daily .sd-trust-row > div:last-child { border:0; }
.svc-daily .sd-trust-row .tg {
  width:42px;
  height:42px;
  border-radius:50%;
  flex:none;
  background:rgba(184,146,78,.18);
  color:var(--gold);
  display:grid;
  place-items:center;
  font-size:18px;
}
.svc-daily .sd-trust-row strong {
  display:block;
  color:#fff;
  font-weight:700;
  font-size:15px;
  margin-bottom:2px;
}
.svc-daily .sd-trust-row span { color:rgba(255,255,255,.7); font-size:12.5px; }
@media(max-width:880px){
  .svc-daily .sd-trust-row { grid-template-columns:repeat(2,1fr); }
  .svc-daily .sd-trust-row > div { border:0; }
}

/* ── ABOUT ── */
.svc-daily .sd-about { background:var(--bg); }
.svc-daily .sd-about-grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:60px;
  align-items:center;
}
@media(max-width:980px){
  .svc-daily .sd-about-grid { grid-template-columns:1fr; gap:40px; }
}

.svc-daily .sd-stats-box {
  background:var(--ink);
  color:#fff;
  border-radius:var(--radius-lg);
  padding:36px 30px;
  display:grid;
  gap:20px;
  box-shadow:var(--shadow-lg);
  position:relative;
  overflow:hidden;
}
.svc-daily .sd-stats-box::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(600px 300px at 100% 0%,rgba(184,146,78,.2),transparent 60%);
  pointer-events:none;
}
.svc-daily .sd-stat {
  display:flex;
  align-items:center;
  gap:20px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.svc-daily .sd-stat:last-child { border:0; padding-bottom:0; }
.svc-daily .sd-stat .num {
  font-family:'Instrument Serif',serif;
  font-size:54px;
  line-height:1;
  color:var(--gold);
}
.svc-daily .sd-stat .lbl {
  flex:1;
  font-size:14px;
  font-weight:600;
  color:rgba(255,255,255,.85);
  line-height:1.3;
}
.svc-daily .sd-stat .lbl small {
  display:block;
  color:rgba(255,255,255,.55);
  font-weight:400;
  font-size:12.5px;
  margin-top:4px;
}

.svc-daily .sd-about-content h2 { margin-bottom:6px; }
.svc-daily .sd-about-content .sd-lead { margin:18px 0 22px; }
.svc-daily .sd-about-content p {
  font-size:15.5px;
  color:var(--ink-soft);
  line-height:1.7;
  margin:0 0 14px;
}
.svc-daily .sd-about-content p strong { color:var(--ink); }

/* ── TYPES ── */
.svc-daily .sd-types {
  background:var(--surface-2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.svc-daily .sd-types-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
@media(max-width:980px){ .svc-daily .sd-types-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .svc-daily .sd-types-grid { grid-template-columns:1fr; } }

.svc-daily .sd-type-card {
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:30px 26px;
  transition:transform .25s,box-shadow .25s,border-color .25s;
  display:flex;
  flex-direction:column;
}
.svc-daily .sd-type-card:hover {
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
  border-color:var(--gold);
}
.svc-daily .sd-type-ico {
  width:54px;
  height:54px;
  border-radius:14px;
  background:var(--gold-soft);
  color:var(--gold-dark);
  display:grid;
  place-items:center;
  font-size:22px;
  margin-bottom:18px;
}
.svc-daily .sd-type-card h3 { font-size:21px; margin-bottom:10px; }
.svc-daily .sd-type-card p {
  font-size:14.5px;
  color:var(--ink-soft);
  line-height:1.6;
  margin:0 0 16px;
}
.svc-daily .sd-type-card .tag {
  margin-top:auto;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.12em;
  color:var(--gold-dark);
  text-transform:uppercase;
}

/* ── OTHER SERVICES ── */
.svc-daily .sd-other { background:var(--bg); }
.svc-daily .sd-os-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
@media(max-width:980px){ .svc-daily .sd-os-grid { grid-template-columns:1fr; } }

.svc-daily .sd-os-card {
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .25s,box-shadow .25s;
}
.svc-daily .sd-os-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }

.svc-daily .sd-os-img {
  aspect-ratio:16/9;
  position:relative;
  overflow:hidden;
  background:var(--ink);
}
.svc-daily .sd-os-img img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s;
}
.svc-daily .sd-os-card:hover .sd-os-img img { transform:scale(1.05); }
.svc-daily .sd-os-img::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(14,26,51,.3));
}
.svc-daily .sd-os-stars {
  position:absolute;
  top:14px;
  left:14px;
  background:rgba(255,255,255,.95);
  font-size:12px;
  font-weight:700;
  padding:5px 10px;
  border-radius:6px;
  color:var(--gold-dark);
  display:flex;
  align-items:center;
  gap:6px;
  z-index:2;
}
.svc-daily .sd-os-stars .stars { color:var(--gold); letter-spacing:1px; }
.svc-daily .sd-os-body {
  padding:24px 26px;
  flex:1;
  display:flex;
  flex-direction:column;
}
.svc-daily .sd-os-body h3 { font-size:22px; margin-bottom:10px; }
.svc-daily .sd-os-body p {
  font-size:14px;
  color:var(--ink-soft);
  line-height:1.55;
  margin:0 0 18px;
}
.svc-daily .sd-os-link {
  margin-top:auto;
  color:var(--gold-dark);
  font-weight:700;
  font-size:13.5px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-bottom:1px solid var(--gold);
  padding-bottom:2px;
  align-self:flex-start;
}
.svc-daily .sd-os-link:hover { color:var(--ink); border-color:var(--ink); }

/* ── FAQ ── */
.svc-daily .sd-faq {
  background:var(--surface-2);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.svc-daily .sd-faq-wrap { max-width:860px; margin:0 auto; }

.svc-daily details {
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  margin-bottom:12px;
  transition:border-color .2s;
}
.svc-daily details[open] { border-color:var(--gold); }
.svc-daily details summary {
  cursor:pointer;
  list-style:none;
  padding:22px 26px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  font-weight:600;
  font-size:16.5px;
  color:var(--ink);
  font-family:'Manrope',sans-serif;
}
.svc-daily details summary::-webkit-details-marker { display:none; }
.svc-daily details summary::after {
  content:"+";
  width:30px;
  height:30px;
  border-radius:50%;
  background:var(--gold-soft);
  color:var(--gold-dark);
  display:grid;
  place-items:center;
  font-size:20px;
  flex:none;
  transition:transform .25s,background .25s;
}
.svc-daily details[open] summary::after {
  content:"−";
  background:var(--gold);
  color:#fff;
}
.svc-daily details .ans {
  padding:0 26px 24px;
  color:var(--ink-soft);
  font-size:15px;
  line-height:1.65;
}
.svc-daily details .ans strong { color:var(--ink); }

/* ── TESTIMONIALS ── */
.svc-daily .sd-testimonials { background:var(--bg); }
.svc-daily .sd-review-row {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin-bottom:42px;
  flex-wrap:wrap;
}
.svc-daily .sd-review-pill {
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 16px;
  font-size:13px;
  color:var(--ink-soft);
  box-shadow:var(--shadow-sm);
}
.svc-daily .sd-review-pill strong { color:var(--ink); }
.svc-daily .sd-review-pill .stars { color:var(--gold); letter-spacing:1px; font-size:13px; }

.svc-daily .sd-tg-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
@media(max-width:880px){ .svc-daily .sd-tg-grid { grid-template-columns:1fr; } }

.svc-daily .sd-tcard {
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:30px 28px;
  display:flex;
  flex-direction:column;
}
.svc-daily .sd-tcard .quote {
  font-family:'Instrument Serif',serif;
  font-size:48px;
  line-height:1;
  color:var(--gold);
  margin-bottom:8px;
}
.svc-daily .sd-tcard p {
  font-size:15.5px;
  line-height:1.6;
  color:var(--ink-soft);
  margin:0 0 22px;
  font-style:italic;
}
.svc-daily .sd-tcard .who {
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:auto;
}
.svc-daily .sd-tcard .avatar {
  width:46px;
  height:46px;
  border-radius:50%;
  flex:none;
  background:linear-gradient(135deg,#d9cfb8,#b8924e);
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:700;
  font-size:16px;
  font-family:'Manrope',sans-serif;
}
.svc-daily .sd-tcard .who-text strong { display:block; color:var(--ink); font-size:15px; }
.svc-daily .sd-tcard .who-text span { font-size:12.5px; color:var(--muted); }
.svc-daily .sd-tcard .stars {
  color:var(--gold);
  letter-spacing:1px;
  font-size:14px;
  margin-bottom:10px;
}

/* ── CTA BANNER ── */
.svc-daily .sd-cta-banner {
  background:var(--ink);
  color:#fff;
  padding:80px 0;
  position:relative;
  overflow:hidden;
}
.svc-daily .sd-cta-banner::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(800px 400px at 80% 50%,rgba(184,146,78,.2),transparent 60%);
}
.svc-daily .sd-cta-row {
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:40px;
  align-items:center;
  position:relative;
}
.svc-daily .sd-types,.sd-faq{
    padding: 60px 0px;
 }
@media(max-width:880px){
  .svc-daily .sd-cta-row { grid-template-columns:1fr; text-align:center; }
}
.svc-daily .sd-cta-row h2 { color:#fff; }
.svc-daily .sd-cta-row h2 em { color:var(--gold); font-style:italic; }
.svc-daily .sd-cta-row p {
  color:rgba(255,255,255,.75);
  font-size:17px;
  margin-top:14px;
  max-width:50ch;
}
.svc-daily .sd-ctas {
  display:flex;
  flex-direction:column;
  gap:12px;
}
@media(max-width:880px){
  .svc-daily .sd-ctas { flex-direction:row; justify-content:center; flex-wrap:wrap; }
}
.svc-daily .sd-cta-banner .sd-btn-primary { background:var(--gold); }
.svc-daily .sd-cta-banner .sd-btn-primary:hover { background:var(--gold-dark); }

/* ── WHATSAPP FAB ── */
.svc-daily .sd-fab-whatsapp {
  position:fixed;
  bottom:28px;
  right:28px;
  z-index:60;
  width:60px;
  height:60px;
  border-radius:50%;
  background:#25D366;
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 8px 24px -4px rgba(37,211,102,.45);
  animation:sd-pulse 2.4s ease-out infinite;
  font-size:26px;
  text-decoration:none;
}
@keyframes sd-pulse {
  0%  { box-shadow:0 8px 24px -4px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.5); }
  70% { box-shadow:0 8px 24px -4px rgba(37,211,102,.45),0 0 0 18px rgba(37,211,102,0); }
  100%{ box-shadow:0 8px 24px -4px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,0); }
}
@media(max-width:768px){
  .svc-daily .sd-fab-whatsapp { bottom:80px; right:18px; width:54px; height:54px; font-size:22px; }
}

/* ── MOBILE BAR ── */
.svc-daily .sd-mobile-bar {
  display:none;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:55;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
  border-top:1px solid var(--line);
  padding:10px 14px;
  box-shadow:0 -6px 24px -8px rgba(14,26,51,.18);
}
.svc-daily .sd-mobile-bar .row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.svc-daily .sd-mobile-bar .sd-btn {
  padding:13px;
  font-size:14px;
  flex:1;
}
@media(max-width:768px){
  .svc-daily .sd-mobile-bar { display:block; }
}

/* ── ANIMATIONS (on-scroll reveal) ── */
@keyframes sd-fadein {
  from { opacity:0; transform:translateY(22px); }
  to   { opacity:1; transform:translateY(0); }
}
.svc-daily .sd-reveal {
  opacity:0;
  animation:sd-fadein .65s ease forwards;
 
}
.svc-daily .sd-reveal.sd-visible { animation-play-state:running; }
.svc-daily .sd-reveal:nth-child(2) { animation-delay:.1s; }
.svc-daily .sd-reveal:nth-child(3) { animation-delay:.2s; }
.svc-daily .sd-reveal:nth-child(4) { animation-delay:.3s; }
.svc-daily .sd-reveal:nth-child(5) { animation-delay:.4s; }
.svc-daily .sd-reveal:nth-child(6) { animation-delay:.5s; }

header nav{padding: 10px 0px;}
@media(max-width:600px){
  .trust-row {
    grid-template-columns:1fr;
    gap: 4px;}
    .stat .num {
    font-size: 34px;}
    .container {
    padding: 0 0px;
}
.price-num {
    font-size: 40px;}
    h2 {
    font-size: clamp(25px, 3.8vw, 50px);
}
.area-card {
    aspect-ratio: 4 / 4;}
    .svc-daily .sd-stat .num {
    font-size: 40px;
    width: 70px;
}
.topbar{display: none;}
header nav img{
    width: 170px;
}
.svc-daily .sd-cta-banner {
    padding: 50px 0;}
    .nav.scrolled {
    padding: 15px 0;}
    .svc-daily .sd-cta-row {
    gap: 10px;}
     .brand-logo img{
    width: 160px;
}
.svc-daily .sd-hero-cta {
    gap: 5px;
    flex-wrap: nowrap;
}
.svc-daily h1 {
    font-size: clamp(35px, 5.4vw, 49px);
}
.svc-daily .sd-section-head {
    margin: 0 auto 30px;
}
.svc-daily .sd-review-pill {
    width: 70%;
    text-align: center;
    justify-content: center;
}
}



/* <--------------location/service page styles end----------------> */

.sdm-container{max-width:var(--container);margin:0 auto;padding:0 24px}

.sdm-page h1,.sdm-page h2,.sdm-page h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.01em;line-height:1.05;color:var(--ink);margin:0}
.sdm-page h1{font-size:clamp(40px,5.4vw,72px)}
.sdm-page h2{font-size:clamp(30px,3.6vw,48px)}
.sdm-page h3{font-size:clamp(22px,2vw,28px)}
.sdm-eyebrow{font-family:'Manrope',sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark);display:inline-flex;align-items:center;gap:10px}
.sdm-eyebrow::before{content:"";width:24px;height:1px;background:var(--gold)}
.sdm-lead{font-size:18px;color:var(--ink-soft);line-height:1.6;max-width:60ch}
.sdm-page em{font-style:italic;color:var(--gold-dark)}

/* Buttons */
.sdm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .15s,box-shadow .2s,background .2s;white-space:nowrap;border:0;cursor:pointer;font-family:inherit;text-decoration:none}
.sdm-page .sdm-btn-primary{background:var(--ink);color:#fff;box-shadow:var(--shadow-md)}
.sdm-page .sdm-btn-primary:hover{transform:translateY(-1px);background:#1a2a4f;color:#fff}
.sdm-page .sdm-btn-gold{background:linear-gradient(180deg,#C9A05D,var(--gold));color:#fff;box-shadow:0 8px 20px -6px rgba(184,146,78,.5)}
.sdm-page .sdm-btn-gold:hover{transform:translateY(-1px);color:#fff}
.sdm-page .sdm-btn-whatsapp{background:#25D366;color:#fff}
.sdm-page .sdm-btn-whatsapp:hover{background:#1ebd5b;transform:translateY(-1px);color:#fff}
.sdm-page .sdm-btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}
.sdm-page .sdm-btn-ghost:hover{background:var(--surface-2);color:var(--ink)}
.sdm-btn-sm{padding:10px 16px;font-size:14px}

/* Topbar */
.sdm-topbar{background:var(--ink);color:#fff;font-size:13px;padding:8px 0}
.sdm-topbar-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.sdm-topbar-left{display:flex;gap:18px;align-items:center;flex-wrap:wrap;opacity:.9}
.sdm-topbar-left span{display:inline-flex;align-items:center;gap:6px}
.sdm-topbar-right{display:flex;gap:14px;align-items:center}
.sdm-topbar-right a{display:inline-flex;align-items:center;gap:6px;color:#fff;opacity:.95;font-weight:600}
.sdm-topbar-right a:hover{color:var(--gold-soft)}
@media(max-width:680px){.sdm-topbar-left span:last-child,.sdm-topbar-right a:first-child{display:none}}

/* Breadcrumb */
.sdm-crumb{padding:18px 0;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);background:var(--bg)}
.sdm-crumb a{color:var(--gold-dark);font-weight:600}
.sdm-crumb a:hover{color:var(--ink)}
.sdm-crumb i{font-size:9px;margin:0 8px;opacity:.6}

/* Hero */
.sdm-hero{position:relative;padding:60px 0 70px;overflow:hidden;background:linear-gradient(180deg,var(--surface-2) 0%,var(--bg) 100%)}
.sdm-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 90% -10%,rgba(184,146,78,.16),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(14,26,51,.06),transparent 60%);pointer-events:none}
.sdm-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative}
@media(max-width:980px){.sdm-hero-grid{grid-template-columns:1fr;gap:40px}.sdm-hero{padding:32px 0 48px}}
.sdm-hero h1 .sdm-gold{color:var(--gold-dark);font-style:italic}
.sdm-price-pill{display:inline-block;white-space:nowrap;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dark) 100%);color:#fff;padding:8px 22px;border-radius:10px;transform:rotate(-1.5deg);box-shadow:0 8px 24px -10px rgba(184,146,78,.6);font-family:'Instrument Serif',serif;font-size:38px;line-height:1.1}
.sdm-price-pill small{font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;margin-left:4px;vertical-align:0.18em}
.sdm-hero-sub{margin-top:22px;font-size:18px;color:var(--ink-soft);line-height:1.6;max-width:50ch}
.sdm-hero-bullets{margin:26px 0 30px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;max-width:540px}
.sdm-hero-bullets li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--ink)}
.sdm-hero-bullets i{color:var(--gold-dark);font-size:14px;width:18px;flex:none}
.sdm-hero-cta{display:flex;gap:12px;flex-wrap:wrap}

.sdm-hero-img{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:5/5;box-shadow:var(--shadow-lg);border:8px solid var(--surface)}
.sdm-hero-img img{width:100%;height:100%;object-fit:cover}
.sdm-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(14,26,51,.5))}
.sdm-float-tag{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(255,255,255,.96);border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:center;backdrop-filter:blur(10px);z-index:2}
.sdm-float-tag .sdm-ft-ico{width:44px;height:44px;border-radius:12px;background:var(--gold-soft);color:var(--gold-dark);display:grid;place-items:center;font-size:20px;flex:none}
.sdm-float-tag .sdm-ft-t{font-weight:700;color:var(--ink);font-size:14px;line-height:1.2;margin-bottom:3px}
.sdm-float-tag .sdm-ft-s{font-size:12px;color:var(--muted)}

/* Trust strip */
.sdm-trust{background:var(--ink);color:#fff;padding:22px 0}
.sdm-trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:center}
.sdm-trust-row>div{display:flex;gap:14px;align-items:center;font-size:14px;border-right:1px solid rgba(255,255,255,.12);padding-right:20px}
.sdm-trust-row>div:last-child{border:0}
.sdm-trust-row .sdm-tg{width:42px;height:42px;border-radius:50%;flex:none;background:rgba(184,146,78,.18);color:var(--gold);display:grid;place-items:center;font-size:18px}
.sdm-trust-row strong{display:block;color:#fff;font-weight:700;font-size:15px;margin-bottom:2px}
.sdm-trust-row span{color:rgba(255,255,255,.7);font-size:12.5px}
@media(max-width:880px){.sdm-trust-row{grid-template-columns:repeat(2,1fr)}.sdm-trust-row>div{border:0}}



.sdm-section-head{text-align:center;max-width:760px;margin:0 auto 50px}
.sdm-section-head .sdm-eyebrow{justify-content:center;display:inline-flex}
.sdm-section-head h2{margin-top:14px}
.sdm-section-head .sdm-lead{margin:18px auto 0}
.sdm-bg-alt{background:var(--surface-2);border-block:1px solid var(--line);    padding: 50px 0px;}

/* About */
.sdm-about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
@media(max-width:980px){.sdm-about-grid{grid-template-columns:1fr;gap:40px}}
.sdm-stats-box{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:36px 30px;display:grid;gap:20px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.sdm-stats-box::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 100% 0%,rgba(184,146,78,.2),transparent 60%);pointer-events:none}
.sdm-stats-box > *{position:relative;z-index:1}
.sdm-stat{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.sdm-stat:last-child{border:0;padding-bottom:0}
.sdm-stat .sdm-num{font-family:'Instrument Serif',serif;font-size:54px;line-height:1;color:var(--gold);flex:none}
.sdm-stat .sdm-lbl{flex:1;font-size:14px;font-weight:600;color:rgba(255,255,255,.85);line-height:1.3}
.sdm-stat .sdm-lbl small{display:block;color:rgba(255,255,255,.55);font-weight:400;font-size:12.5px;margin-top:4px}
.sdm-about-content h2{margin-bottom:6px}
.sdm-about-content .sdm-lead{margin:18px 0 22px}
.sdm-about-content p{font-size:15.5px;color:var(--ink-soft);line-height:1.7;margin:0 0 14px}
.sdm-about-content p strong{color:var(--ink)}

/* Coverage / type cards */
.sdm-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:980px){.sdm-types-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sdm-types-grid{grid-template-columns:1fr}}
.sdm-type-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}
.sdm-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold)}
.sdm-type-ico{width:54px;height:54px;border-radius:14px;background:var(--gold-soft);color:var(--gold-dark);display:grid;place-items:center;font-size:22px;margin-bottom:18px}
.sdm-type-card h3{font-size:21px;margin-bottom:10px}
.sdm-type-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.6;margin:0 0 16px}
.sdm-type-card .sdm-tag{margin-top:auto;font-size:11.5px;font-weight:800;letter-spacing:.12em;color:var(--gold-dark);text-transform:uppercase}

/* Services grid */
.sdm-os-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:1100px){.sdm-os-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:880px){.sdm-os-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sdm-os-grid{grid-template-columns:1fr}}
.sdm-os-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.sdm-os-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.sdm-os-img{aspect-ratio:16/10;position:relative;overflow:hidden;background:var(--ink)}
.sdm-os-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sdm-os-card:hover .sdm-os-img img{transform:scale(1.05)}
.sdm-os-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(14,26,51,.3))}
.sdm-os-stars{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.95);font-size:12px;font-weight:700;padding:5px 10px;border-radius:6px;color:var(--gold-dark);display:inline-flex;align-items:center;gap:6px;z-index:2}
.sdm-os-stars .sdm-stars{color:var(--gold);letter-spacing:1px}
.sdm-os-body{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
.sdm-os-body h3{font-size:20px;margin-bottom:8px}
.sdm-os-body p{font-size:13.5px;color:var(--ink-soft);line-height:1.55;margin:0 0 16px}
.sdm-os-link{margin-top:auto;color:var(--gold-dark);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid var(--gold);padding-bottom:2px;align-self:flex-start}
.sdm-os-link:hover{color:var(--ink);border-color:var(--ink)}

/* FAQ */
.sdm-faq-wrap{max-width:860px;margin:0 auto}
.sdm-faq-wrap details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;transition:border-color .2s}
.sdm-faq-wrap details[open]{border-color:var(--gold)}
.sdm-faq-wrap summary{cursor:pointer;list-style:none;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:600;font-size:16.5px;color:var(--ink)}
.sdm-faq-wrap summary::-webkit-details-marker{display:none}
.sdm-faq-wrap summary::after{content:"+";width:30px;height:30px;border-radius:50%;background:var(--gold-soft);color:var(--gold-dark);display:grid;place-items:center;font-size:20px;flex:none;transition:transform .25s,background .25s}
.sdm-faq-wrap details[open] summary::after{content:"−";background:var(--gold);color:#fff}
.sdm-faq-wrap .sdm-ans{padding:0 26px 24px;color:var(--ink-soft);font-size:15px;line-height:1.65}
.sdm-faq-wrap .sdm-ans strong{color:var(--ink)}


@media(max-width:768px){.sdm-fab-whatsapp{bottom:80px;right:18px;width:54px;height:54px;font-size:22px}}

.sdm-mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:55;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 14px;box-shadow:0 -6px 24px -8px rgba(14,26,51,.18)}
.sdm-mobile-bar .sdm-bar-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sdm-mobile-bar .sdm-btn{padding:13px;font-size:14px}
@media(max-width:768px){.sdm-mobile-bar{display:block}.sdm-hero-img {
    aspect-ratio: 6 / 5;}
  .sdm-stat .sdm-num {
    font-size: 30px;}
  .sdm-page h1 {
    font-size: clamp(31px, 5.5vw, 80px);line-height: 1.1;
}
  
  
  }

@media(min-width:600px){
  .sd-mobile-bar{display:none}
}



.header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    animation: headerSlideDown 0.4s ease forwards;
}

@keyframes headerSlideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}




        .contact-crumb {
            padding: 18px 0;
            font-size: 13px;
            color: var(--muted);
            border-bottom: 1px solid var(--line);
            background: var(--bg)
        }

        .contact-crumb a {
            color: var(--gold-dark);
            font-weight: 600
        }

        .contact-crumb a:hover {
            color: var(--ink)
        }

        .contact-crumb i {
            font-size: 9px;
            margin: 0 8px;
            opacity: .6
        }

        .contact-page-hero {
            position: relative;
            padding: 60px 0 56px;
            text-align: center;
            background: linear-gradient(180deg, var(--surface-2), var(--bg));
            overflow: hidden
        }

        .contact-page-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(700px 400px at 50% 0%, rgba(184, 146, 78, .15), transparent 60%);
            pointer-events: none
        }

        .contact-page-hero>.contact-container {
            position: relative;
            z-index: 1;
            max-width: 820px
        }

        .contact-page-hero .contact-eyebrow {
            justify-content: center;
            display: inline-flex
        }

        .contact-page-hero h1 {
            margin-top: 14px
        }

        .contact-page-hero .contact-lead {
            margin: 18px auto 0
        }

        .contact-bg-alt {
            background: var(--surface-2);
            border-block: 1px solid var(--line)
        }

        .contact-cta-banner {
            background: var(--ink);
            color: #fff;
            padding: 80px 0;
            position: relative;
            overflow: hidden
        }

        .contact-cta-banner::before {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(800px 400px at 80% 50%, rgba(184, 146, 78, .2), transparent 60%)
        }

        .contact-cta-row {
            display: grid;
            grid-template-columns: 1.4fr .6fr;
            gap: 40px;
            align-items: center;
            position: relative
        }

        @media(max-width:880px) {
            .contact-cta-row {
                grid-template-columns: 1fr;
                text-align: center
            }
        }

        .contact-cta-banner h2 {
            color: #fff
        }

        .contact-cta-banner p {
            color: rgba(255, 255, 255, .75);
            font-size: 17px;
            margin-top: 14px;
            max-width: 50ch
        }

        .contact-cta-actions {
            display: flex;
            flex-direction: column;
            gap: 12px
        }

        @media(max-width:880px) {
            .contact-cta-actions {
                flex-direction: row;
                justify-content: center;
                flex-wrap: wrap
            }
        }

        .contact-page .contact-cta-banner .contact-btn-primary {
            background: var(--gold);
            color: #fff
        }

        .contact-page .contact-cta-banner .contact-btn-primary:hover {
            background: var(--gold-dark);
            color: #fff
        }

      
        .contact-contact-row {
            display: flex;
            gap: 10px;
            align-items: center;
            margin-bottom: 10px;
            color: rgba(255, 255, 255, .85)
        }

        .contact-contact-row .contact-fic {
            width: 34px;
            height: 34px;
            border-radius: 8px;
            flex: none;
            background: rgba(184, 146, 78, .18);
            color: var(--gold);
            display: grid;
            place-items: center
        }

        .contact-socials {
            display: flex;
            gap: 10px;
            margin-top: 18px
        }

        .contact-socials a {
            width: 38px;
            height: 38px;
            border-radius: 10px;
            display: grid;
            place-items: center;
            background: rgba(255, 255, 255, .06);
            color: #fff;
            transition: background .2s
        }

        .contact-socials a:hover {
            background: var(--gold)
        }


        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1.1fr;
            gap: 50px;
            align-items: stretch
        }
.contact-page-hero>.contact-container {
    position: relative;
    z-index: 1;
    max-width: 820px;    margin: auto;
}
        @media(max-width:880px) {
            .contact-grid {
                grid-template-columns: 1fr;
                gap: 32px
            }
            .contact-page-hero {
    padding: 60px 0 0px;}
        }

        .contact-info {
            background: var(--ink);
            color: #fff;
            border-radius: var(--radius-lg);
            padding: 42px 36px;
            display: flex;
            flex-direction: column;
            gap: 28px;
            position: relative;
            overflow: hidden
        }

        .contact-info::before {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(700px 400px at 100% 0%, rgba(184, 146, 78, .18), transparent 60%);
            pointer-events: none
        }

        .contact-info>* {
            position: relative;
            z-index: 1
        }

        .contact-info h2 {
            color: #fff
        }

        .contact-info p {
            color: rgba(255, 255, 255, .78);
            font-size: 15.5px;
            line-height: 1.6;
            margin: 0
        }

        .contact-ci-list {
            display: grid;
            gap: 20px
        }

        .contact-ci-row {
            display: flex;
            gap: 16px;
            align-items: flex-start
        }

        .contact-ci-row .contact-ic {
            width: 48px;
            height: 48px;
            border-radius: 12px;
            background: rgba(184, 146, 78, .18);
            color: var(--gold);
            display: grid;
            place-items: center;
            font-size: 20px;
            flex: none
        }

        .contact-ci-row .contact-lbl {
            font-size: 11.5px;
            font-weight: 800;
            letter-spacing: .16em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, .55);
            margin-bottom: 4px
        }

        .contact-ci-row .contact-val {
            font-size: 16.5px;
            color: #fff;
            font-weight: 600
        }

        .contact-ci-row .contact-val a {
            color: #fff
        }

        .contact-ci-row .contact-val a:hover {
            color: var(--gold)
        }

        .contact-ci-row .contact-sub {
            font-size: 13px;
            color: rgba(255, 255, 255, .6);
            margin-top: 2px
        }

        .contact-ci-socials {
            display: flex;
            gap: 10px;
            margin-top: auto;
            padding-top: 14px;
            border-top: 1px solid rgba(255, 255, 255, .1)
        }

        .contact-ci-socials a {
            width: 42px;
            height: 42px;
            border-radius: 12px;
            background: rgba(255, 255, 255, .06);
            color: #fff;
            display: grid;
            place-items: center;
            transition: background .2s
        }

        .contact-ci-socials a:hover {
            background: var(--gold)
        }

        .contact-form {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--radius-lg);
            padding: 42px 36px;
            box-shadow: var(--shadow-md)
        }

        .contact-form h3 {
            font-size: 28px;
            margin-bottom: 6px
        }

        .contact-form-sub {
            color: var(--muted);
            font-size: 14.5px;
            margin: 0 0 24px
        }

        .contact-field {
            margin-bottom: 16px
        }

        .contact-row2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px
        }

        @media(max-width:560px) {
            .contact-row2 {
                grid-template-columns: 1fr
            }
        }

        .contact-field label {
            display: block;
            font-size: 12px;
            font-weight: 700;
            color: var(--muted);
            text-transform: uppercase;
            letter-spacing: .1em;
            margin-bottom: 6px
        }

        .contact-field input,
        .contact-field textarea,
        .contact-field select {
            width: 100%;
            background: var(--bg);
            border: 1px solid var(--line);
            border-radius: 10px;
            padding: 13px 14px;
            font-family: inherit;
            font-size: 14.5px;
            color: var(--ink);
            transition: border .15s, background .15s
        }

        .contact-field input:focus,
        .contact-field textarea:focus,
        .contact-field select:focus {
            outline: none;
            border-color: var(--gold);
            background: #fff;
            box-shadow: 0 0 0 4px rgba(184, 146, 78, .12)
        }

        .contact-field textarea {
            resize: vertical;
            min-height: 110px
        }

        .contact-submit {
            width: 100%;
            background: var(--ink);
            color: #fff;
            padding: 16px;
            border-radius: 10px;
            font-weight: 700;
            font-size: 15px;
            margin-top: 6px;
            transition: background .2s, transform .15s;
            border: 0;
            cursor: pointer;
            font-family: inherit
        }

        .contact-submit:hover {
            background: #1a2a4f;
            transform: translateY(-1px)
        }

        .contact-form-foot {
            font-size: 12px;
            color: var(--muted);
            margin-top: 14px;
            text-align: center
        }

        .contact-form-foot a {
            color: var(--gold-dark);
            font-weight: 700
        }

        .contact-map-wrap {
            margin-top: 60px;
            border-radius: var(--radius-lg);
            overflow: hidden;
            height: 380px;
            border: 1px solid var(--line);
            box-shadow: var(--shadow-md)
        }

        .contact-map-wrap iframe {
            width: 100%;
            height: 100%;
            border: 0;
            display: block
        }


       .inpricing-page img {
            max-width: 100%;
            display: block
        }

        .inpricing-page a {
            color: inherit;
            text-decoration: none
        }

        .inpricing-container {
            max-width: var(--container);
            margin: 0 auto;
            padding: 0 24px
        }

        .inpricing-page h1,
        .inpricing-page h2,
        .inpricing-page h3 {
            font-family: 'Instrument Serif', Georgia, serif;
            font-weight: 400;
            letter-spacing: -.01em;
            line-height: 1.05;
            color: var(--ink);
            margin: 0
        }

        .inpricing-page h1 {
            font-size: clamp(40px, 5.4vw, 68px)
        }

        .inpricing-page h2 {
            font-size: clamp(30px, 3.6vw, 46px)
        }

        .inpricing-page h3 {
            font-size: clamp(20px, 2vw, 26px)
        }

        .inpricing-eyebrow {
            font-family: 'Manrope', sans-serif;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--gold-dark);
            display: inline-flex;
            align-items: center;
            gap: 10px
        }

        .inpricing-eyebrow::before {
            content: "";
            width: 24px;
            height: 1px;
            background: var(--gold)
        }

        .inpricing-lead {
            font-size: 18px;
            color: var(--ink-soft);
            line-height: 1.6;
            max-width: 60ch
        }

        .inpricing-page em {
            font-style: italic;
            color: var(--gold-dark)
        }

        .inpricing-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 14px 22px;
            border-radius: 999px;
            font-weight: 600;
            font-size: 15px;
            transition: transform .15s, box-shadow .2s, background .2s;
            white-space: nowrap;
            border: 0;
            cursor: pointer;
            font-family: inherit;
            text-decoration: none
        }

        .inpricing-page .inpricing-btn-primary {
            background: var(--ink);
            color: #fff;
            box-shadow: var(--shadow-md)
        }

        .inpricing-page .inpricing-btn-primary:hover {
            transform: translateY(-1px);
            background: #1a2a4f;
            color: #fff
        }

        .inpricing-page .inpricing-btn-gold {
            background: linear-gradient(180deg, #C9A05D, var(--gold));
            color: #fff;
            box-shadow: 0 8px 20px -6px rgba(184, 146, 78, .5)
        }

        .inpricing-page .inpricing-btn-gold:hover {
            transform: translateY(-1px);
            color: #fff
        }

        .inpricing-page .inpricing-btn-whatsapp {
            background: #25D366;
            color: #fff
        }

        .inpricing-page .inpricing-btn-whatsapp:hover {
            background: #1ebd5b;
            transform: translateY(-1px);
            color: #fff
        }

        .inpricing-page .inpricing-btn-ghost {
            background: transparent;
            color: var(--ink);
            border: 1px solid var(--line-strong)
        }

        .inpricing-page .inpricing-btn-ghost:hover {
            background: var(--surface-2);
            color: var(--ink)
        }

        .inpricing-btn-sm {
            padding: 10px 16px;
            font-size: 14px
        }

       

        .inpricing-crumb {
            padding: 18px 0;
            font-size: 13px;
            color: var(--muted);
            border-bottom: 1px solid var(--line);
            background: var(--bg)
        }

        .inpricing-crumb a {
            color: var(--gold-dark);
            font-weight: 600
        }

        .inpricing-crumb a:hover {
            color: var(--ink)
        }

        .inpricing-crumb i {
            font-size: 9px;
            margin: 0 8px;
            opacity: .6
        }

        .inpricing-page-hero {
            position: relative;
            padding: 60px 0 0px;
            text-align: center;
            background: linear-gradient(180deg, var(--surface-2), var(--bg));
            overflow: hidden
        }

        .inpricing-page-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(700px 400px at 50% 0%, rgba(184, 146, 78, .15), transparent 60%);
            pointer-events: none
        }

        .inpricing-page-hero>.inpricing-container {
            position: relative;
            z-index: 1;
            max-width: 820px
        }

        .inpricing-page-hero .inpricing-eyebrow {
            justify-content: center;
            display: inline-flex
        }

        .inpricing-page-hero h1 {
            margin-top: 14px
        }

        .inpricing-page-hero .inpricing-lead {
            margin: 18px auto 0
        }

        .inpricing-page-hero .inpricing-hero-cta {
            display: inline-flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-top: 30px;
            justify-content: center
        }

        .inpricing-section-head {
            text-align: center;
            max-width: 760px;
            margin: 0 auto 50px
        }

        .inpricing-section-head .inpricing-eyebrow {
            justify-content: center;
            display: inline-flex
        }

        .inpricing-section-head h2 {
            margin-top: 14px
        }

        .inpricing-section-head .inpricing-lead {
            margin: 18px auto 0
        }

        .inpricing-bg-alt {
            background: var(--surface-2);
            border-block: 1px solid var(--line)
        }

        .inpricing-cta-banner {
            background: var(--ink);
            color: #fff;
            padding: 80px 0;
            position: relative;
            overflow: hidden
        }


        .inpricing-cta-row {
            display: grid;
            grid-template-columns: 1.4fr .6fr;
            gap: 40px;
            align-items: center;
            position: relative
        }

        @media(max-width:880px) {
            .inpricing-cta-row {
                grid-template-columns: 1fr;
                text-align: center
            }
        }

        .inpricing-cta-actions {
            display: flex;
            flex-direction: column;
            gap: 12px
        }

        @media(max-width:880px) {
            .inpricing-cta-actions {
                flex-direction: row;
                justify-content: center;
                flex-wrap: wrap
            }
            .sdm-section-head {
    margin: 0 auto 20px;
}
.sdm-lead {
    font-size: 16px;}
        }

        .inpricing-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 22px
        }

        @media(max-width:980px) {
            .inpricing-grid {
                grid-template-columns: repeat(2, 1fr)
            }
        }

        @media(max-width:560px) {
            .inpricing-grid {
                grid-template-columns: 1fr
            }
        }

        .inpricing-card {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 30px 26px;
            position: relative;
            transition: transform .25s, box-shadow .25s, border-color .25s;
            display: flex;
            flex-direction: column
        }

        .inpricing-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-lg);
            border-color: var(--line-strong)
        }

        .inpricing-card.featured {
            background: var(--ink);
            color: #fff;
            border-color: var(--ink)
        }

        .inpricing-card.featured .inpricing-name,
        .inpricing-card.featured h3,
        .inpricing-card.featured .inpricing-num,
        .inpricing-card.featured .inpricing-cur {
            color: #fff
        }

        .inpricing-card.featured .inpricing-desc {
            color: rgba(255, 255, 255, .7)
        }

        .inpricing-card.featured .inpricing-unit {
            color: rgba(255, 255, 255, .6)
        }

        .inpricing-card.featured .inpricing-list li {
            color: rgba(255, 255, 255, .85)
        }

        .inpricing-card.featured .inpricing-list .inpricing-check {
            background: rgba(184, 146, 78, .2);
            color: var(--gold)
        }

        .inpricing-ribbon {
            position: absolute;
            top: 18px;
            right: 18px;
            background: var(--gold);
            color: #fff;
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: .15em;
            padding: 5px 10px;
            border-radius: 6px
        }

        .inpricing-name {
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--gold-dark)
        }

        .inpricing-card h3 {
            margin: 8px 0 6px;
            font-size: 24px
        }

        .inpricing-desc {
            font-size: 13.5px;
            color: var(--muted);
            margin-bottom: 22px;
            min-height: 34px
        }

        .inpricing-amount {
            display: flex;
            align-items: baseline;
            gap: 6px;
            margin-bottom: 6px
        }

        .inpricing-num {
            font-family: 'Instrument Serif', serif;
            font-size: 54px;
            line-height: 1;
            color: var(--ink)
        }

        .inpricing-cur {
            font-size: 14px;
            font-weight: 700;
            color: var(--gold-dark)
        }

        .inpricing-unit {
            font-size: 13px;
            color: var(--muted)
        }

        .inpricing-list {
            margin: 22px 0 26px;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 10px;
            flex: 1
        }

        .inpricing-list li {
            display: flex;
            gap: 10px;
            align-items: flex-start;
            font-size: 14px;
            color: var(--ink-soft)
        }

        .inpricing-list .inpricing-check {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            flex: none;
            margin-top: 2px;
            background: var(--gold-soft);
            color: var(--gold-dark);
            display: grid;
            place-items: center;
            font-weight: 800;
            font-size: 11px
        }

        .inpricing-card .inpricing-btn {
            width: 100%
        }

        .inpricing-table-wrap {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-md);
            overflow-x: auto
        }

        .inpricing-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14.5px;
            min-width: 680px
        }

        .inpricing-table th,
        .inpricing-table td {
            padding: 18px 20px;
            text-align: left;
            border-bottom: 1px solid var(--line)
        }

        .inpricing-table thead th {
            background: var(--ink);
            color: #fff;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase
        }

        .inpricing-table tbody tr:last-child td {
            border-bottom: 0
        }

        .inpricing-table tbody tr:hover {
            background: var(--surface-2)
        }

        .inpricing-table td:first-child {
            font-weight: 600;
            color: var(--ink)
        }

        .inpricing-table .y {
            color: var(--green);
            font-size: 18px
        }

        .inpricing-table .n {
            color: var(--muted);
            opacity: .5;
            font-size: 16px
        }

        .inpricing-faq-wrap {
            max-width: 860px;
            margin: 0 auto
        }

        .inpricing-faq-wrap details {
            background: var(--surface);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            margin-bottom: 12px;
            transition: border-color .2s
        }

        .inpricing-faq-wrap details[open] {
            border-color: var(--gold)
        }

        .inpricing-faq-wrap summary {
            cursor: pointer;
            list-style: none;
            padding: 22px 26px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            font-weight: 600;
            font-size: 16.5px;
            color: var(--ink)
        }

        .inpricing-faq-wrap summary::-webkit-details-marker {
            display: none
        }

        .inpricing-faq-wrap summary::after {
            content: "+";
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: var(--gold-soft);
            color: var(--gold-dark);
            display: grid;
            place-items: center;
            font-size: 20px;
            flex: none;
            transition: transform .25s, background .25s
        }

        .inpricing-faq-wrap details[open] summary::after {
            content: "−";
            background: var(--gold);
            color: #fff
        }

        .inpricing-faq-wrap .inpricing-ans {
            padding: 0 26px 24px;
            color: var(--ink-soft);
            font-size: 15px;
            line-height: 1.65
        }

        .inpricing-faq-wrap .inpricing-ans strong {
            color: var(--ink)
        }

/* <--------dynamic form fix---------> */
.booking-card p,.contact-form p{padding:0px;margin:0px;}
.booking-card br,.contact-form br{display:none;}
.wpcf7-not-valid-tip,.wpcf7-not-valid-tip{font-size: 12px !important;}
.wpcf7 form .wpcf7-response-output {
    margin: 1em 0.5em 0em !important;
    padding: 0.2em 1em !important;
    border: 1px solid #00a0d2 !important;
    font-size: 12px !important;
    text-align: center !important;
}

.contact-field textarea{resize:none;height:120px;}



/* Blog */
.blog-grid{display:grid;gap:26px;margin-top:46px}
@media(max-width:1300px){html,body{overflow-x:hidden}}
@media(min-width:700px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.blog-card{background:var(--card);border:1px solid var(--border);border-radius:24px;overflow:hidden;transition:all .3s}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.blog-card__img{aspect-ratio:16/10;overflow:hidden}
.blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.blog-card:hover .blog-card__img img{transform:scale(1.06)}
.blog-card__body{padding:22px}
.blog-meta{display:flex;gap:16px;font-size:12px;color:var(--muted)}
.blog-card h3{margin-top:10px;font-size:18px;line-height:1.35}
.blog-card p{margin-top:8px;font-size:13.5px}
.blog-card .read{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--teal);font-weight:600;font-size:13.5px}
 
/* Location */
.loc-grid{display:grid;gap:36px}
@media(min-width:1000px){.loc-grid{grid-template-columns:2fr 3fr;align-items:stretch}}
.loc__info ul{margin-top:30px;display:flex;flex-direction:column;gap:14px;font-size:14px}
.loc__info li{display:flex;align-items:flex-start;gap:12px;color:var(--deep)}
.loc__info .ico{color:var(--teal);margin-top:2px;flex-shrink:0}
.loc__cta{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.loc__map{border-radius:24px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);min-height:380px}
.loc__map iframe{width:100%;height:100%;min-height:420px;border:0;display:block}
 
/* Accent strip */
.accent-strip{background:var(--parrot);color:var(--deep);padding:48px 0}
.accent-strip .container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;text-align:center}
@media(min-width:700px){.accent-strip .container{flex-direction:row;text-align:left}}
.accent-strip h3{color:var(--deep);font-size:clamp(1.3rem,2.4vw,1.7rem)}
.accent-strip small{color:rgba(10,58,64,.85);font-size:13px}
 
 
 
/* Icon helper (inline SVG sizing) */
.i{width:18px;height:18px;display:inline-block;vertical-align:middle}
.i-sm{width:14px;height:14px}
.i-lg{width:22px;height:22px}
 
/* Reduce vertical padding on small screens */
@media(max-width:640px){
  section{padding:60px 0}
  .heroip__inner{padding:60px 24px 80px}
  .form{padding:24px}
 
}
 
 
 
/* <---------------blog--------------> */
 
.inblog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    position: relative;
}
.blog-box {
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s ease-in;
    background-color: transparent;
    margin-bottom: 15px;
    border: 1px solid transparent;
       box-shadow: 0px 09px 20px #ddd;
  border-radius: 10px;
}
.blog-img{overflow: hidden;height: 230px;display: block;transition: all 0.5s ease-in;    width: 100%;}
.blog-box img {
    transition: all 0.5s ease-in;    
}
.blog-box img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.blog-box:hover {
    border: 1px solid #0e1a33;
    color: #fff;
    transform: translateY(5px);
}
.blog-box:hover img {
    transform: scale(1.1);
}
.st-blog-meta {
    display: flex;
    gap: 16px;
    font-size: 14px;
    color: #bbb;
    margin-top: 0px;
    margin-bottom: 10px;
    justify-content: space-between;
}
.blogtitl {
    color: #494949;
   
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-transform: capitalize;
    margin-bottom: 10px;
    display: block;
}
.blg-details-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}
.blog-btn {
    border-radius: 5px;
    background: #0e1a33;
    padding: 7px 15px;
    display: inline-block;
    margin-top: 18px;
    color: #fff !important;
    border: 1px solid transparent;
    transition: all 0.4s ease-in;
}
.blog-cont {
    color: #494949;
   
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 10px;padding: 20px;
}
.blog-cont p{  
  display: -webkit-box;
  -webkit-line-clamp: 2;    
  -webkit-box-orient: vertical;
  overflow: hidden;
 
}
.blog-btn:hover {
    border: 1px solid #b19540;
    background-color: #b19540;
    color: #0e1a33;
    border-radius: 30px;
}
.blog-bannertitle{
    font-size: 50px;
    color: #fff;
    text-align: center;
    z-index: 1;
    position: relative;
}
@media (max-width: 991px) {
    .inblog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
        .ip-wc-hero.ip-wc-blog {
        min-height: 400px !important;
    }
    .blog-bannertitle {
    font-size: 40px;}
}
@media (max-width: 600px) {
    .inblog-grid {
        grid-template-columns: 1fr;
    }
}
 
/* <----------blog detail---------> */
.inner-blog-listing {
    display: flex;
    gap: 30px;
}
 
.blog-cardsx-inn {
    flex: 2;
    padding-right: 20px;
}
.inner-blog-listing img {
    width: 100%;
}
.blog-card-full-description p {
    margin: 10px 0px 20px 0px;
}
@media (min-width: 993px) {
    .blog-sidebar {
        position: sticky;
        top: 100px;
        height: fit-content;
    }
}
.blog-sidebar {
    flex: 1;
}
.recommended-post {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    list-style-type: none;
}
a.recommended-post-link {
    display: flex;
}
.recommended-post-avatar img{
    margin-right: 15px;
    flex-shrink: 0;
    width: 98px !important;
    height: 71px !important;
    aspect-ratio: 188 / 81;
        border-radius: 8px;
    overflow: hidden;
}
.recommended-post-content {
    flex: 1;
}
ul.recommended-posts {
    padding-left: 0px;
}
.recommended-post-title {
    color: #4A4240;
   
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;margin: 0px;
}
.recommended-post-date {
    color: #494949;
   
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    padding: 7px 0px 0px 0px;
}
 
.recommended-post {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    list-style-type: none;
}
h3.sidebar-title {
    font-size: 27px;
    font-weight: 500;
    margin-bottom: 10px;
}
@media (max-width: 992px) {
    .inner-blog-listing {
        flex-direction: column;
    }
    .inner-blog-listing img {
    width: 100%;
    border-radius: 10px;
    height: 320px;
    object-fit: cover;
}
.blog-cardsx-inn {
    flex: 2;
    padding-right: 0px;
}
   .recommended-post-avatar img {
        width: 100%;
        border-radius: 10px;
        height: 70px;}
}
.blog-details-section {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 3px #ccc;    border-radius: 10px;
    overflow: hidden;
}
.blog-card-content.blog-in-cnt {
    padding: 5px 20px;
}
@media (max-width:600px) {
    .inner-blog-listing img {
        height: 240px;
    }
      .recommended-post-avatar img {
        height: 70px;}
           .ip-wc-hero.ip-wc-blog {
        min-height: 350px !important;
    }
    .ip-wc-hero.ip-wc-blog {
        min-height: 260px !important;
    }
        .blog-bannertitle {
        font-size: 25px;
    }
    .ab-hero {
    padding: 70px 24px 70px;}
    h2.lp-title {
    font-size: 25px;
}
.cta-section h2{font-size: 27px;
    line-height: 31px;}
}
.lp-hf-note{display: none;}
.blog-card-full-description h2{font-size:36px;}

.blog-card-full-description h3{font-size:30px;}
.blog-card-full-description h4{font-size:27px;    font-family: 'Instrument Serif', Georgia, serif;margin:6px 0px;font-weight: 400;}
.sd-blog h1{
    font-size: clamp(38px, 5.6vw, 44px);
}