/* Brobston Platform marketing — shared base + nav toggles.
   Only layout-toggled display lives here (inline display would beat [hidden]
   and media queries). Everything decorative stays inline on the elements,
   verbatim from the Claude Design export. */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
img,svg{max-width:100%}

/* ---- Nav show/hide (desktop vs mobile) ---- */
.mkt-desktop{display:flex;align-items:center}
.mkt-burger{display:none}
.mkt-mobile{display:none}
.mkt-mobile.open{display:flex}
.mkt-dd-menu{display:none}
.mkt-dd-menu.open{display:grid}
@media (max-width:939px){
  .mkt-desktop{display:none}
  .mkt-burger{display:inline-flex}
}

/* ---- Active top-nav underline (champagne) ---- */
.mkt-nav [data-nav]{position:relative}
.mkt-nav[data-active="platform"]  [data-nav="platform"]::after,
.mkt-nav[data-active="solutions"] [data-nav="solutions"]::after,
.mkt-nav[data-active="pricing"]   [data-nav="pricing"]::after,
.mkt-nav[data-active="blog"]      [data-nav="blog"]::after,
.mkt-nav[data-active="about"]     [data-nav="about"]::after{
  content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:#FEDCB0;border-radius:2px
}

/* ---- Focus-visible affordance for keyboard users ---- */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #4361EE;outline-offset:2px}

@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1 !important;transform:none !important}
}