/* Shared base styles — used by every public page (home, services, contact, blog, blog-article).
   Loaded once and cached by the browser instead of being repeated inline on every page.
   Page-specific rules stay inline in each page's <style> block and are loaded AFTER this
   file, so any page that needs to override a value below still can (same CSS specificity,
   later source order wins). */

:root{
  --navy:#0B1220;
  --navy2:#121B30;
  --blue:#2F5FFF;
  --blue-deep:#12245C;
  --amber:#F2994A;
  --amber-light:#FBE4CE;
  --cream:#F7F7F4;
  --card:#FFFFFF;
  --ink:#11141C;
  --muted:#6B7280;
  --border:rgba(17,20,28,0.09);
  --shadow:0 20px 50px rgba(17,20,60,0.08);
  --cat-amazon:#2F5FFF;
  --cat-google:#8B5CF6;
  --cat-d2c:#0f9d63;
  --cat-data:#F2994A;
}

/* Reset */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

/* Layout / typography helpers */
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;letter-spacing:-0.02em;}
.mono{font-family:'JetBrains Mono',monospace;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--blue);color:#fff;
  font-family:'Space Grotesk',sans-serif;
  font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  padding:7px 16px;border-radius:100px;margin-bottom:18px;
}

/* Header / nav base (shared across every page) */
header{
  position:sticky;top:0;z-index:200;
  background:rgba(247,247,244,0.9);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;max-width:1200px;margin:0 auto;}
.brand{display:flex;align-items:center;gap:10px;}
.nav-links a{font-size:14px;font-weight:500;color:var(--ink);margin-right:36px;}
.nav-links a:last-child{margin-right:0;}
.nav-social{display:flex;gap:12px;align-items:center;}
.icon-btn{
  width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--navy);color:#fff;
}
.icon-btn:hover{background:var(--blue);}
.nav-cta{
  background:var(--blue);color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;
  padding:11px 22px;border-radius:100px;
}
.burger{display:none;background:none;border:none;font-size:24px;cursor:pointer;}