@font-face{font-family:'Geist';src:url(../../assets/fonts/geist-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
/* Minimal shared layer for all sample sites: the Agentmark ribbon, a11y helpers, reveal motion. */
.am-ribbon{position:relative;z-index:100;background:#0B1937;color:#DDE5F5;font:500 13px/1.45 'Geist',system-ui,sans-serif}
.am-ribbon__in{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:14px;min-height:40px;padding:6px max(16px,env(safe-area-inset-left,0px)) 6px max(16px,env(safe-area-inset-right,0px));text-align:center;flex-wrap:wrap}
.am-ribbon a{color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid #4E7FF0;white-space:nowrap}
.am-ribbon a:hover{border-color:#fff}
.am-ribbon__logo{display:inline-flex;align-items:center;gap:6px;opacity:.9}
.am-ribbon__logo svg{height:14px;width:auto}
.am-ribbon button{position:absolute;right:max(8px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:#9FB0CF;cursor:pointer;display:grid;place-items:center}
.am-ribbon button:hover{color:#fff;background:#ffffff14}
.am-ribbon button svg{width:14px;height:14px}
@media (max-width:640px){.am-ribbon__txt{display:none}.am-ribbon__in{justify-content:flex-start;padding-right:48px}}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 14px;background:#000;color:#fff;border-radius:6px;font:600 14px/1 system-ui}
.skip:focus{top:12px}
.will-reveal{opacity:0;transform:translateY(18px)}
.is-in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}*{scroll-behavior:auto!important}}
[hidden]{display:none!important}