/* Page-level styles shared by the ENBLY website pages. */
html{scroll-behavior:smooth}
body{margin:0;background:#F2EBE3;color:#13181B;font-family:var(--font-ui),Inter,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#003A6C;text-decoration:none}
a:hover{color:#13181B}
textarea::placeholder{color:#53616A}
img{max-width:100%}

/* Buttons: width modifiers matching the design */
.enbly-button--auto{min-width:0}
.enbly-button--solid{background-color:rgba(255,255,255,0.9)}
.enbly-button--solid:hover{background-color:var(--action-secondary-hover)}
a.enbly-button:hover{color:var(--text-on-action)}
a.enbly-button--secondary:hover{color:var(--text-action)}

/* Cards placed over brand patterns */
.enbly-card--solid{background-color:rgba(255,255,255,0.78)}

/* Navigation */
.site-nav{width:100%;max-width:1280px;margin:0 auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;box-sizing:border-box}
.site-nav__links{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.site-nav__links a{color:#FFFFFF;font-size:14px;font-weight:500;line-height:100%}
.site-nav__links a:hover{color:#FFBF65}
.site-nav__links a[aria-current="page"]{color:#FFBF65;font-weight:600}

/* FAQ */
.faq-item{border-bottom:1px solid rgba(255,255,255,0.16)}
.faq-item__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;border:none;background:none;cursor:pointer;text-align:left;font-family:var(--font-display),'Space Grotesk',sans-serif;font-weight:500;font-size:22px;line-height:28px;letter-spacing:-0.5px;color:#FFFFFF}
.faq-item__q:focus-visible{outline:2px solid #FFBF65;outline-offset:4px}
.faq-item__icon{flex-shrink:0;width:20px;text-align:center;font-family:var(--font-ui),Inter,sans-serif;font-weight:400;font-size:24px;line-height:100%;color:#FFBF65}
.faq-item__a{margin:0;padding:0 48px 28px 0;font-size:15px;line-height:24px;color:#CCD5DA;text-wrap:pretty}
.faq-item__a[hidden]{display:none}

/* Two-column card grid that stacks on phones */
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:720px){
  .grid-2{grid-template-columns:1fr}
  .site-nav{padding:20px 16px}
  .site-nav__links{gap:20px;order:3;width:100%}
  .faq-item__q{font-size:19px}
}

[hidden]{display:none !important}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}