/* ── Base reset & globals (from original design) ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:#f9f7f2;color:#1a1a2e;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
button:focus-visible,input:focus-visible{outline:2px solid #ffc44f;outline-offset:2px}

/* ── Animations ── */
@keyframes fadeInUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes floatYR{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(12deg) translateY(-10px)}}
@keyframes shimmerRay{0%,100%{opacity:0.85}50%{opacity:1}}

/* ── Helpers used by the vanilla-JS enhancements ── */
.mtl-hidden{display:none !important}

/* FAQ answer reveal */
.faq-answer{overflow:hidden}

/* Loading / empty states for JSON-driven sections */
.mtl-loading{font-size:14px;color:rgba(41,70,117,0.45);text-align:center;padding:20px 0;font-style:italic;}

/* ── Testimonials masonry layout ── */
.mtl-testimonials-grid{column-count:2;column-gap:22px;margin-bottom:56px;}
.mtl-testimonials-grid>div{break-inside:avoid;margin-bottom:22px;}
@media(max-width:680px){.mtl-testimonials-grid{column-count:1;}}

/* ── Nav responsive ── */
@media(max-width:700px){
  #mainNav{padding:18px 5% !important;}
  #mainNav .mtl-nav-links{gap:18px !important;}
  #mainNav .mtl-nl{font-size:10px !important;letter-spacing:0.1em !important;}
}
@media(max-width:460px){
  .mtl-nl-secondary{display:none !important;}
}