/* Mendo AI Consulting brand layer, shared by the partner portal (index.html)
   and the website protocol page. Everything here is taken from the live site's
   source, ReclaimByDesign/mendoaiconsulting.com @ 40c0a2b8 (2026-09-14), which is
   byte-identical to what https://mendoaiconsulting.com serves (checked 2026-10-13):
   - colours: tailwind.config.js theme.extend.colors (+ Tailwind gray/slate defaults
     the site uses: gray-50/200/300/500/600/800, slate-200)
   - fonts: src/app/layout.tsx next/font/google Inter (--font-inter, body) and
     Playfair_Display (--font-playfair, headings); the woff2 files in
     /brand/fonts are the exact latin subsets the live site preloads
     (_next/static/media/83afe278b6a6bb3c-s.p and 2a65768255d6b625-s.p)
   - header: src/components/Navbar.tsx; footer: src/components/GlobalFooter.tsx
   - buttons/cards/inputs: the Tailwind classes on the live home and contact pages
   - page background: the ambient dotted SVG in src/app/layout.tsx
   Images in /brand are copied unchanged from public/ of that repo. */

@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/brand/fonts/inter-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(/brand/fonts/playfair-display-latin-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* next/font's metric-matched fallbacks, so text doesn't jump while fonts load */
@font-face{font-family:"Inter Fallback";src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%}
@font-face{font-family:"Playfair Display Fallback";src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0%;size-adjust:111.26%}

:root{
  --brand-orange:#F36C21;      /* primary-orange / brand-orange */
  --brand-orange-500:#f97316;  /* Tailwind orange-500 (footer toggles, focus rings) */
  --brand-orange-600:#ea580c;  /* Tailwind orange-600 (hover on footer button) */
  --brand-blue:#1A365D;        /* deep-blue / brand-blue */
  --brand-text:#1a1a1a;        /* dark-text */
  --brand-light-bg:#f9f9f9;    /* light-bg */
  --brand-dot:#EEF3FA;         /* ambient-dot */
  --brand-slate-800:#1e293b;   /* "black" is repointed to slate-800 */
  --gray-50:#f9fafb;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-600:#4b5563;--gray-800:#1f2937;--slate-200:#e2e8f0;
  --font-sans:"Inter","Inter Fallback",ui-sans-serif,system-ui,sans-serif;
  --font-serif:"Playfair Display","Playfair Display Fallback",ui-serif,Georgia,serif;
  /* Tailwind shadows as used on the site (sm is overridden in tailwind.config.js) */
  --shadow-sm:0 1px 2px 0 rgb(203 213 225 / .5);
  --shadow-md:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
  --shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
  --shadow-xl:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);
  --radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--brand-text);background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='2' fill='%23EEF3FA'/%3E%3C/svg%3E");
  background-repeat:repeat;background-position:center;background-attachment:fixed;
  display:flex;flex-direction:column;min-height:100vh}
h1,h2,h3{font-family:var(--font-serif);color:var(--brand-blue);line-height:1.25}
h1{font-weight:700}h2,h3{font-weight:600}

/* Tailwind `container mx-auto px-6` */
.container{width:100%;margin:0 auto;padding-left:24px;padding-right:24px}
@media(min-width:640px){.container{max-width:640px}}
@media(min-width:768px){.container{max-width:768px}}
@media(min-width:1024px){.container{max-width:1024px}}
@media(min-width:1280px){.container{max-width:1280px}}
@media(min-width:1536px){.container{max-width:1536px}}

/* ---- Header: Navbar.tsx ------------------------------------------------- */
.site-header{position:sticky;top:0;z-index:40;background:#fff;box-shadow:var(--shadow-md)}
.site-header .bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px}
.site-logo{display:flex;align-items:center;text-decoration:none;flex:none}
.site-logo .icon{height:36px;width:36px;object-fit:contain}
.site-logo .wordmark{height:44px;width:auto;margin-left:4px;margin-top:9px;object-fit:contain}
.site-label{font-size:.875rem;color:var(--gray-600);border-left:1px solid var(--gray-300);padding-left:12px;margin-left:12px;white-space:nowrap}
.site-brand{display:flex;align-items:center;min-width:0}
.site-nav{display:flex;align-items:center;gap:32px}
.nav-link{font:inherit;font-family:var(--font-sans);color:var(--brand-text);text-decoration:none;background:none;border:0;padding:0;cursor:pointer;transition:color .15s}
.nav-link:hover{color:var(--brand-blue)}
.nav-link.on{color:var(--brand-blue);font-weight:600;box-shadow:inset 0 -2px 0 var(--brand-orange)}

/* ---- Buttons ------------------------------------------------------------
   .btn-cta / .google / .btn.warn = the orange "Book Free AI Audit" pill (Navbar.tsx)
   .btn.primary = the brand-blue "Send message" pill (contact page submit)
   .btn = the white outlined pill (footer newsletter toggle, unselected)   */
.btn-cta,.btn.warn,.google{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--brand-orange);color:#fff;font-family:var(--font-sans);font-size:1rem;font-weight:700;text-decoration:none;
  border:0;border-radius:var(--radius-full);padding:10px 20px;box-shadow:var(--shadow-lg);cursor:pointer;transition:all .2s}
.btn-cta:hover,.btn.warn:hover,.google:hover{background:rgb(243 108 33 / .9);box-shadow:var(--shadow-xl);transform:scale(1.05)}
.btn-cta.sm{padding:8px 16px;font-size:.875rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-family:var(--font-sans);font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;border-radius:var(--radius-full);padding:8px 16px;cursor:pointer;
  border:1px solid var(--gray-300);background:#fff;color:var(--gray-800);transition:background-color .15s,color .15s,border-color .15s}
.btn:hover{background:var(--gray-50)}
.btn.sm{padding:6px 14px}
.btn.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;font-size:1rem;font-weight:600;line-height:1.5rem;padding:10px 24px}
.btn.primary:hover{background:rgb(26 54 93 / .9)}
.btn:focus-visible,.btn-cta:focus-visible,.google:focus-visible,.nav-link:focus-visible,.chip:focus-visible{outline:2px solid var(--brand-orange-500);outline-offset:2px}
.btn.primary:focus-visible{outline-color:var(--brand-blue)}
.btn:disabled,.btn-cta:disabled{opacity:.5;cursor:not-allowed;transform:none}

/* ---- Footer: GlobalFooter.tsx ------------------------------------------- */
.site-footer{margin-top:auto;padding:48px 0;background:var(--gray-50);border-top:1px solid var(--gray-200);font-size:.875rem;text-align:center;color:var(--brand-text)}
.site-footer p{margin:0 0 8px}.site-footer p:last-child{margin:0}
.site-footer a{color:var(--brand-orange);text-decoration:none}.site-footer a:hover{text-decoration:underline}
.site-footer .mr-2{display:inline-block;margin-right:8px}.site-footer .mx-2{display:inline-block;margin:0 8px}

@media(max-width:1023px){.site-nav{gap:20px}}
@media(max-width:720px){
  .site-header .bar{flex-wrap:wrap;row-gap:6px;padding-top:10px;padding-bottom:10px}
  .site-label{display:none}
  .site-nav{order:3;width:100%;gap:22px;overflow-x:auto;padding:4px 0 2px;border-top:1px solid var(--gray-200)}
  .site-nav .nav-link{padding:8px 0;min-height:44px;display:inline-flex;align-items:center}
}