/* AIOS Consulting Group — shared styles for Services + Blog pages.
   Matches the homepage: ink/brass palette, Georgia headers, Segoe body. */
:root{
  --ground:#0B0F14; --surface:#12161d; --surface2:#0f1319; --ink:#EEF0ED;
  --muted:#aab0be; --dim:#7a8090; --line:#232836; --brass:#9C6F22; --brass-lt:#c79436; --signal:#2F7568;
  --serif:Georgia,"Iowan Old Style","Palatino Linotype",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"SF Mono","Cascadia Code","Consolas",monospace;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:var(--brass-lt);}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.18;text-wrap:balance;}
.wrap{max-width:820px;margin:0 auto;padding:0 24px;}
.wide{max-width:1080px;}

/* top nav */
.nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,15,20,.85);backdrop-filter:blur(8px);z-index:10;}
.nav .inner{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);}
.brand .w{font-family:var(--mono);font-size:.86rem;font-weight:700;letter-spacing:.06em;}
.nav a.link{font-family:var(--mono);font-size:.82rem;color:var(--muted);text-decoration:none;margin-left:20px;}
.nav a.link:hover{color:var(--ink);}
.nav a.cta{color:#0B0F14;background:var(--brass);padding:8px 14px;border-radius:8px;font-family:var(--mono);font-size:.8rem;text-decoration:none;margin-left:20px;}
@media(max-width:640px){.nav a.link{margin-left:12px;font-size:.75rem;}}

/* article */
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);}
article{padding:52px 0 20px;}
article h1{font-size:clamp(2rem,5vw,3rem);margin:14px 0 10px;}
article .meta{font-family:var(--mono);font-size:.78rem;color:var(--dim);margin-bottom:34px;}
article h2{font-size:1.6rem;margin:40px 0 12px;border-bottom:1px solid var(--line);padding-bottom:8px;}
article h3{font-size:1.2rem;margin:26px 0 8px;color:var(--ink);}
article p,article li{color:#d7dbe2;}
article p{margin:16px 0;}
article ul,article ol{padding-left:22px;margin:16px 0;}
article li{margin:8px 0;}
article strong{color:var(--ink);}
blockquote{margin:22px 0;padding:14px 20px;border-left:3px solid var(--brass);background:rgba(156,111,34,.08);border-radius:6px;color:var(--ink);font-size:1.08rem;}
.lede{font-size:1.2rem;color:var(--ink);}

/* cards / grid */
.grid{display:grid;gap:18px;margin:26px 0;}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;}
.card h3{font-family:var(--serif);font-size:1.25rem;margin:0 0 6px;}
.card .tag{display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin-bottom:8px;}
.card p{color:var(--muted);font-size:.98rem;margin:0;}
a.postcard{display:block;text-decoration:none;color:inherit;}
a.postcard:hover{border-color:rgba(156,111,34,.5);}

/* CTA block */
.ctaband{background:linear-gradient(160deg,#151a22,#0f1319);border:1px solid var(--brass);border-radius:18px;padding:34px;margin:44px 0;text-align:center;}
.ctaband h2{font-size:1.7rem;margin:0 0 8px;border:none;padding:0;}
.ctaband p{color:var(--muted);margin:0 auto 20px;max-width:520px;}
.btn{display:inline-block;background:var(--brass);color:#0B0F14;font-family:var(--mono);font-size:.86rem;font-weight:700;text-decoration:none;padding:13px 24px;border-radius:9px;}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);margin-left:10px;}

/* page hero */
.pagehero{padding:56px 0 8px;}
.pagehero h1{font-size:clamp(2.1rem,5vw,3.2rem);margin:12px 0 12px;}
.pagehero .sub{color:var(--muted);font-size:1.15rem;max-width:640px;}

footer.site{border-top:1px solid var(--line);margin-top:50px;padding:30px 24px;}
footer.site .inner{max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-family:var(--mono);font-size:.76rem;color:var(--dim);}
footer.site a{color:var(--muted);text-decoration:none;margin-right:16px;}