/* Simplyfai — shared base styles (loaded on every page)
   Auto-generated from the page mockups. Edit here, not inline. */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(14,124,123,.4)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand img{display:block;height:36px;width:auto}
.brand.sm img{height:30px}
.navlinks{display:flex;gap:30px;font-size:15px;color:var(--body)}
.navlinks a:hover{color:var(--teal)}
@media(max-width:820px){.navlinks{display:none}}
.eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);
    font-weight:700;margin-bottom:14px;font-family:"SF Mono",ui-monospace,monospace}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;align-items:center}
.foot a{color:var(--body)}
.foot a:hover{color:var(--teal)}
.badge-note{position:fixed;bottom:14px;right:14px;z-index:99;font-size:11px;color:var(--muted);
    background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:6px 12px;border-radius:8px;font-family:"SF Mono",monospace}
/* --- global additions (deployable build) --- */
  .menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto}
.menu-btn span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}
.menu-btn.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn.is-open span:nth-child(2){opacity:0}
.menu-btn.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;flex-direction:column;padding:10px 28px 22px;background:var(--surface);border-bottom:1px solid var(--border)}
.mobile-menu a{padding:12px 0;font-size:16px;color:var(--ink);border-bottom:1px solid var(--border)}
.mobile-menu a.btn{border:none;justify-content:center;margin-top:14px;color:#fff}
.mobile-menu.open{display:flex}
@media(max-width:820px){.menu-btn{display:flex}.nav>.btn-primary{display:none}}
.wa-fab{position:fixed;right:20px;bottom:20px;z-index:200;width:58px;height:58px;border-radius:50%;
    background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 24px rgba(0,0,0,.20);transition:transform .15s,box-shadow .25s}
.wa-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.wa-fab svg{width:30px;height:30px}