/* Forever Water — shared design tokens + mobile menu. Loaded site-wide for a
   consistent header/footer, margins and the modern mobile drawer. */
:root{
  --fw-ink:#0A2440; --fw-blue:#0E63C0; --fw-blue2:#2487E0; --fw-body:#4A5E72;
  --fw-pale:#ECF4FC; --fw-border:#E3ECF4; --fw-max:1200px; --fw-pad:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Hanken Grotesk',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:'ss01'}

/* Consistent page gutter / max-width helper (used by ported + legal pages) */
.fw-wrap{max-width:var(--fw-max);margin:0 auto;padding-left:var(--fw-pad);padding-right:var(--fw-pad)}

/* ---- Mobile optimisation ---- */
html,body{max-width:100%;overflow-x:hidden}
img,video{max-width:100%}
@media(max-width:600px){
  header > div{padding-left:18px !important;padding-right:18px !important}
  h1{word-break:break-word}
  /* Slim trust bar: compact it so it doesn't tower on small screens */
  .fw-topbar{padding:6px 14px !important;font-size:10.5px !important;gap:4px 12px !important;line-height:1.3}
  .fw-topbar > span[style*="opacity"]{display:none !important}
}

/* ---- Hamburger button ---- */
.fw-burger{display:none;width:44px;height:44px;border:1px solid #DCE7F1;border-radius:11px;background:#fff;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto}
.fw-burger span{display:block;width:20px;height:2px;border-radius:2px;background:#0A2440;transition:transform .2s ease,opacity .2s ease}
.fw-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.fw-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.fw-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){.fw-burger{display:inline-flex}}

/* ---- Drawer ---- */
.fw-drawer{position:fixed;inset:0;z-index:200;visibility:hidden;pointer-events:none}
.fw-drawer.is-open{visibility:visible;pointer-events:auto}
.fw-drawer__backdrop{position:absolute;inset:0;z-index:1;background:rgba(8,20,34,.45);opacity:0;transition:opacity .25s ease}
.fw-drawer.is-open .fw-drawer__backdrop{opacity:1}
.fw-drawer__panel{position:absolute;top:0;right:0;z-index:2;height:100%;width:min(360px,86vw);background:#fff;box-shadow:-24px 0 60px -30px rgba(10,36,64,.5);display:flex;flex-direction:column;padding:18px 22px calc(22px + env(safe-area-inset-bottom));transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}
.fw-drawer.is-open .fw-drawer__panel{transform:translateX(0)}
.fw-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.fw-drawer__brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;letter-spacing:.04em;color:#0A2440}
.fw-drawer__brand b{color:#0E63C0;font-weight:800}
.fw-drawer__logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(155deg,#2487E0,#0E63C0);display:flex;align-items:center;justify-content:center}
.fw-drawer__logo i{width:12px;height:12px;background:#fff;border-radius:0 50% 50% 50%;transform:rotate(45deg);display:block}
.fw-drawer__close{width:42px;height:42px;border:none;background:#F1F7FD;border-radius:11px;color:#0A2440;font-size:26px;line-height:1;cursor:pointer}
.fw-drawer__nav{display:flex;flex-direction:column;margin-top:8px;border-top:1px solid #EEF3F8}
.fw-drawer__nav a{padding:16px 4px;font-size:17px;font-weight:700;color:#0A2440;text-decoration:none;border-bottom:1px solid #EEF3F8}
.fw-drawer__nav a:active{color:#0E63C0}
.fw-drawer__cta{margin-top:auto;display:flex;flex-direction:column;gap:11px;padding-top:20px}
.fw-drawer__buy{display:inline-flex;align-items:center;justify-content:center;padding:15px;border-radius:12px;background:linear-gradient(180deg,#2487E0,#0E63C0);color:#fff;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 14px 28px -12px rgba(14,99,192,.6),inset 0 1px 0 rgba(255,255,255,.28)}
.fw-drawer__call{display:inline-flex;align-items:center;justify-content:center;padding:14px;border-radius:12px;background:#fff;border:1px solid #C6DCF2;color:#0E63C0;font-weight:700;font-size:15.5px;text-decoration:none}