/* Goldfish Group — mobile layer. Overrides inline styles below the breakpoint. */
[data-m="burger"]{display:none}
[data-banner-dup]{display:none}
@keyframes gf-banner{from{transform:translateX(0)}to{transform:translateX(-50%)}}
[data-swipe-dots]{display:none;justify-content:center;gap:7px;margin-top:14px}
[data-swipe-dots] i{width:7px;height:7px;border-radius:50%;background:rgba(24,42,82,.22);transition:background .2s,width .2s}
[data-swipe-dots] i.on{background:#e2662a;width:18px;border-radius:4px}

/* ---------- tablet: tighten the nav so all links fit ---------- */
@media (min-width:861px) and (max-width:1100px){
  [data-m="nav"] > div{padding-left:24px!important;padding-right:24px!important}
  [data-m="navlinks"]{gap:16px!important;font-size:11px!important;letter-spacing:.05em!important}
  [data-m="navlinks"] > a:last-child{padding:9px 16px!important}
}

@media (max-width:860px){
  /* ---------- top banner: single-line ticker ---------- */
  [data-banner]{text-align:left!important;padding:9px 0!important;white-space:nowrap}
  [data-banner-track]{display:inline-flex;width:max-content;animation:gf-banner 22s linear infinite}
  [data-banner-track] > span{display:inline-block!important;padding-right:48px}
  @media (prefers-reduced-motion:reduce){[data-banner-track]{animation:none}[data-banner-dup]{display:none!important}[data-banner]{white-space:normal;text-align:center!important;padding:9px 16px!important}}
  /* ---------- services: tap-to-expand accordion ---------- */
  [data-acc]{grid-template-columns:1fr!important;gap:10px!important}
  [data-acc] > div{padding:0!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
  [data-acc] > div > div:nth-child(1),[data-acc] > div > div:nth-child(2){display:inline-block;margin:0!important;padding:18px 0 18px 20px;vertical-align:middle}
  [data-acc] > div > div:nth-child(1){padding-right:10px!important;font-size:15px!important;color:#e2662a!important}
  [data-acc] > div > div:nth-child(2){font-size:18px!important;padding-left:0!important}
  [data-acc] > div{position:relative;display:block!important}
  [data-acc] > div::after{content:"+";position:absolute;right:20px;top:14px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:24px;color:#182a52;transition:transform .25s}
  [data-acc] > div[data-acc-open]::after{transform:rotate(45deg)}
  [data-acc] > div > p,[data-acc] > div > ul,[data-acc] > div > div:nth-child(5){display:none!important}
  [data-acc] > div[data-acc-open] > p{display:block!important;padding:0 20px;margin:0 0 12px!important}
  [data-acc] > div[data-acc-open] > ul{display:flex!important;padding:0 20px!important;margin:0 0 14px!important}
  [data-acc] > div[data-acc-open] > div:nth-child(5){display:inline-block!important;margin:0 20px 20px!important}
  [data-acc-conn]{display:none!important}

  /* ---------- results figures: stacked with breathing room ---------- */
  [data-figs]{display:flex!important;flex-direction:column;gap:0!important}
  [data-figs] > div{border-right:0!important;padding:30px 8px!important;border-bottom:1px solid rgba(246,241,228,.2)}
  [data-figs] > div:first-child{padding-top:6px!important}
  [data-figs] > div:last-child{border-bottom:0;padding-bottom:6px!important}

  /* ---------- approach steps: dark carousel ---------- */
  [data-carousel]{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px!important;margin:0 -20px!important;padding:6px 20px 6px!important;scrollbar-width:none}
  [data-carousel]::-webkit-scrollbar{display:none}
  [data-carousel] > div{flex:0 0 78%!important;scroll-snap-align:center;min-height:210px}
  [data-carousel] + [data-swipe-dots] i{background:rgba(246,241,228,.28)}
  [data-carousel] + [data-swipe-dots] i.on{background:#e9e64a}

  /* ---------- stat cards: horizontal swipe ---------- */
  [data-swipe]{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin:0 -20px!important;padding:24px 20px 6px!important;scrollbar-width:none}
  [data-swipe]::-webkit-scrollbar{display:none}
  [data-swipe] > div{flex:0 0 82%!important;scroll-snap-align:center;background:#fff;border:1px solid rgba(24,42,82,.15)!important;border-radius:12px;padding:24px 22px!important}
  [data-swipe] > div > div:first-child{white-space:normal!important}
  [data-swipe-dots]{display:flex!important}

  /* ---------- trusted-by strip: label on top, marquee below ---------- */
  [data-trusted]{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:18px 20px!important;text-align:center}
  [data-trusted] > div{width:100%!important;flex:none!important}

  /* ---------- nav ---------- */
  [data-m="nav"] > div{padding:12px 20px!important;gap:12px!important}
  [data-m="nav"] img{height:32px!important}
  [data-m="burger"]{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(246,241,228,.35);border-radius:999px;background:transparent;color:#f6f1e4;cursor:pointer;padding:0;flex:none}
  [data-m="burger"] i{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative}
  [data-m="burger"] i::before,[data-m="burger"] i::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s}
  [data-m="burger"] i::before{top:-6px}
  [data-m="burger"] i::after{top:6px}
  [data-m="nav"][data-open] [data-m="burger"] i{background:transparent}
  [data-m="nav"][data-open] [data-m="burger"] i::before{transform:translateY(6px) rotate(45deg)}
  [data-m="nav"][data-open] [data-m="burger"] i::after{transform:translateY(-6px) rotate(-45deg)}
  [data-m="navlinks"]{display:none!important}
  [data-m="nav"][data-open] [data-m="navlinks"]{display:flex!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch!important;gap:0!important;background:#12213f;padding:6px 20px 22px;border-top:1px solid rgba(246,241,228,.14);box-shadow:0 18px 30px -12px rgba(0,0,0,.45)}
  [data-m="navlinks"] > a,[data-m="navlinks"] > span{padding:15px 2px!important;font-size:14px!important;border-bottom:1px solid rgba(246,241,228,.1)}
  [data-m="navlinks"] > a:last-child{margin-top:16px;border-bottom:0;text-align:center;padding:14px 20px!important}
}

@media (max-width:760px){
  /* ---------- grids collapse to one column (decorative absolute backgrounds excluded) ---------- */
  [style*="grid-template-columns"]:not([style*="position: absolute"]){grid-template-columns:minmax(0,1fr)!important}
  #calc-dest{grid-template-columns:1fr 1fr!important}
  [style*="grid-column"]{grid-column:1/-1!important}
  [style*="display: grid"]:not([style*="position: absolute"]) > [style*="border-right"]{border-right:0!important}

  /* ---------- side padding ---------- */
  [style*="px 48px"],[style*="px 44px"],[style*="px 42px"],[style*="px 40px"]{padding-left:20px!important;padding-right:20px!important}
  [style*="padding: 44px;"],[style*="padding: 44px\""]{padding:28px 20px!important}

  /* ---------- vertical rhythm ---------- */
  [style*="padding: 104px"],[style*="padding: 100px"],[style*="padding: 96px"],[style*="padding: 88px"],[style*="padding: 84px"],[style*="padding: 80px"]{padding-top:60px!important;padding-bottom:60px!important}
  [style*="padding: 181px"]{padding-top:128px!important;padding-bottom:64px!important}
  [style*="padding: 72px"],[style*="padding: 64px"]{padding-top:48px!important;padding-bottom:48px!important}

  /* ---------- type scale ---------- */
  [style*="font-size: 66px"],[style*="font-size: 64px"],[style*="font-size: 60px"],[style*="font-size: 58px"],[style*="font-size: 56px"]{font-size:38px!important;line-height:1.08!important}
  [style*="font-size: 52px"]{font-size:36px!important}
  [style*="font-size: 44px"],[style*="font-size: 42px"]{font-size:30px!important;line-height:1.12!important}
  [style*="font-size: 40px"],[style*="font-size: 38px"]{font-size:28px!important}
  [style*="font-size: 34px"]{font-size:26px!important}

  /* ---------- misc ---------- */
  #top h1{font-size:50px!important;line-height:1.02!important;letter-spacing:-.025em!important}
  #top h1 + p{font-size:16px!important;line-height:1.55!important}
  #top a[href="#calculator"],#top a[href="#approach"]{width:210px;text-align:center;box-sizing:border-box}
  #top span[style*="width: 28px"][style*="height: 2px"]{display:none!important}
  [style*="min-height: 420px"]{min-height:640px!important}
  [style*="min-height: 700px"]{min-height:760px!important}
  img,video{max-width:100%}
  [style*="white-space: nowrap"][style*="font-size: 58px"]{white-space:normal!important}
}
