/* ===== Responsive layer for the fixed-1440 Figma build ===== */
html,body{max-width:100%;overflow-x:hidden}
#root,#root>div{max-width:100%}

@media (max-width:1024px){
  #root [data-name="Container"]{padding-left:clamp(16px,4vw,64px)!important;padding-right:clamp(16px,4vw,64px)!important}
  #root [class*="max-w-[1280px]"]{max-width:100%!important}
}
@media (max-width:768px){
  /* stack content flex containers; keep small inline controls horizontal */
  #root [class~="flex"]:not([data-name="Button"]):not([data-name="Tab"]):not([data-name="Tag"]):not([data-name="Info"])
    :not([data-name="Avatar"]):not([data-name="Social Links"]):not([data-name="Slider Buttons"]):not([data-name="Slider Dots"])
    :not([data-name="Actions"]):not([data-name="Chevron Down"]):not([data-name="close"]):not([data-name="Question"])
    {flex-direction:column!important;align-items:stretch!important}
  #root [class~="flex"],#root [class*="flex-col"]{width:100%!important;max-width:100%!important}
  #root p{width:100%!important;max-width:100%!important}
  #root [class*="ml-[-"]{margin-left:0!important}
  /* cap large fixed widths */
  #root [class*="w-[859px]"],#root [class*="w-[788px]"],#root [class*="w-[768px]"],#root [class*="max-w-[768px]"],
  #root [class*="w-[616px]"],#root [class*="w-[600px]"],#root [class*="w-[560px]"],#root [class*="max-w-[560px]"],
  #root [class*="w-[536px]"],#root [class*="w-[513px]"],#root [class*="w-[504px]"],#root [class*="w-[460px]"],
  #root [class*="w-[440px]"],#root [class*="w-[405px]"],#root [class*="w-[400px]"],#root [class*="w-[394px]"],
  #root [class*="w-[1024px]"],#root [class*="max-w-[1024px]"],#root [class*="w-[1029px]"]{width:auto!important;max-width:100%!important;flex-basis:auto!important}
  /* hero tabs flow */
  #root [data-name="Tabs"]{position:static!important;transform:none!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;margin-top:32px!important}
  /* keep tabs/actions/buttons usable */
  #root [data-name="Actions"]{flex-direction:column!important;align-items:stretch!important;gap:12px!important}
  /* shrink big headings */
  #root [class*="text-sizes-heading-1"]{font-size:clamp(28px,7.5vw,40px)!important;line-height:1.15!important}
  #root [class*="text-sizes-heading-2"]{font-size:clamp(24px,6vw,34px)!important;line-height:1.2!important}
}
@media (max-width:640px){
  #root [data-name="Navbar / 2 /"] [data-name="Container"]{flex-wrap:wrap!important;row-gap:12px!important}
}

@media (max-width:768px){
  /* navbar: keep horizontal (logo + Contact); hide dropdown links */
  #root [data-name="Navbar / 2 /"] [class~="flex"]{flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}
  #root [data-name="Navbar / 2 /"] [data-name="Container"]{justify-content:space-between!important;width:100%!important;gap:12px!important}
  #root [data-name="Navbar / 2 /"] [data-name="Column"]{display:none!important}
}

/* fixed-height sections -> auto so wrapped content isn't clipped/overflowing */
@media (max-width:1024px){
  #root [data-name="Header / 103 /"]{height:auto!important;min-height:0!important;padding-top:40px!important;padding-bottom:48px!important}
  #root [data-name^="Layout"],#root [data-name^="Stats"],#root [data-name^="FAQ"],
  #root [data-name^="Testimonial"],#root [data-name^="Blog"],#root [data-name^="CTA"],
  #root [data-name^="Footer"]{height:auto!important;min-height:0!important}
  #root [data-name="Placeholder Image"]{max-height:55vh!important}
}

.mey-scroll{scrollbar-width:none;-ms-overflow-style:none}
.mey-scroll::-webkit-scrollbar{display:none}

/* blog post article typography */
.meytier-article{font-family:'Roboto',system-ui,sans-serif;font-size:18px;line-height:1.7;color:#1a1a1a}
.meytier-article > *{margin:0 0 1.25em}
.meytier-article h2{font-size:30px;font-weight:700;line-height:1.25;margin:1.4em 0 .4em}
.meytier-article h3{font-size:24px;font-weight:700;line-height:1.3;margin:1.3em 0 .4em}
.meytier-article img{border-radius:12px;max-width:100%;height:auto;display:block;margin:1.5em 0}
.meytier-article blockquote{border-left:2px solid #cf2e2e;padding-left:20px;font-style:italic;font-size:20px;margin:1.5em 0;color:#1a1a1a}
.meytier-article ul,.meytier-article ol{padding-left:1.4em}
.meytier-article li{margin:.4em 0}
.meytier-article a{color:#cf2e2e;text-decoration:underline}