/* =============== Premium Ultra Theme (Inter + Outfit) =============== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
:root{
  --bg:#0b1220; --panel:#0f172a; --muted:#cbd5e1; --text:#e2e8f0;
  --accent:#8b5cf6; --accent-2:#22d3ee; --ring: rgba(136,58,234,.35);
  --fs-base:17px; --lh-base:1.85;
  --fs-h1:clamp(34px, 6vw, 56px); --fs-h2:clamp(24px, 3.8vw, 32px); --fs-h3:clamp(18px, 3vw, 22px);
}
html,body{background:var(--bg); color:var(--text); font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif; font-size:var(--fs-base); line-height:var(--lh-base); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility}
h1,h2,h3{font-family:'Outfit','Inter',system-ui,sans-serif; color:#e5e7eb; margin:0 0 .6rem}
h1{font-weight:800; font-size:var(--fs-h1); line-height:1.12; letter-spacing:.2px}
h2{font-weight:800; font-size:var(--fs-h2); line-height:1.2}
h3{font-weight:700; font-size:var(--fs-h3)}
p{color:var(--muted); margin:.85rem 0}
small,.text-muted{color:#9fb2c8}
.lead{font-size:1.12rem; color:#d7e3f3}
.container{max-width:1180px; margin:0 auto; padding:0 16px}
section{padding:40px 0}
a{color:var(--accent-2); text-decoration:none}
a:hover{text-decoration:underline; opacity:.95}
.button{display:inline-block; padding:10px 16px; border-radius:999px; background:#22d3ee; color:#071521 !important; font-weight:800; box-shadow:0 10px 24px rgba(34,211,238,.25)}
/* Header */
header{position:sticky; top:0; z-index:50; backdrop-filter:blur(10px);
  background:linear-gradient(180deg, rgba(2,6,23,.9), rgba(2,6,23,.6));
  border-bottom:1px solid rgba(148,163,184,.14)
}
header .container{display:flex; align-items:center; gap:20px; padding:10px 16px}
header nav{display:flex; align-items:center; gap:18px; flex:1}
header nav a{color:#e2e8f0; opacity:.92; font-weight:700}
header nav a:hover{opacity:1}
.nav-spacer{flex:1}
.header-cta{background:#22d3ee}
.header-cta:hover{transform:translateY(-1px)}
/* Hero */
.hero{position:relative; display:flex; align-items:center; min-height:58vh;}
.hero::after{content:''; position:absolute; inset:0; background:radial-gradient(60% 60% at 50% 40%, rgba(34,211,238,.18), transparent 55%), radial-gradient(60% 60% at 60% 60%, rgba(139,92,246,.18), transparent 55%); pointer-events:none}
.hero .inner{max-width:1180px; margin:0 auto; padding:40px 16px; text-align:center}
.hero p{max-width:860px; margin:0 auto; line-height:1.85; color:#cbd5e1; font-size:1.05rem}
/* Cards */
.card-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:20px}
.card{background:linear-gradient(180deg, #0f172a, #0b1220); border:1px solid rgba(148,163,184,.12);
  border-radius:18px; overflow:hidden; box-shadow:0 18px 40px rgba(2,6,23,.35)}
.card img{display:block; width:100%; height:auto}
.card .content{padding:16px}
.card .title{font-weight:800; margin:6px 0 10px}
/* Footer */
footer{border-top:1px solid rgba(148,163,184,.12); padding:24px 16px; color:#cbd5e1; margin-top:40px}
footer .footer-inner{max-width:1180px; margin:0 auto; display:flex; gap:12px; justify-content:space-between; flex-wrap:wrap}



/* === Professional Prose (readable articles) === */
.prose{max-width:820px;margin:0 auto;color:#e5e7eb}
.prose h1,.prose h2,.prose h3{color:#f1f5f9;margin:1.2rem 0 .6rem}
.prose p{color:#cbd5e1;margin:.9rem 0;line-height:1.9}
.prose .lead{font-size:1.15rem;color:#eaf2ff;margin:0 0 1rem}
.prose ul,.prose ol{padding-left:1.2rem;margin:.6rem 0}
.prose li{margin:.35rem 0}
.prose blockquote{margin:1rem 0;padding:.6rem 1rem;border-left:3px solid rgba(148,163,184,.4);color:#d8e2f1;background:rgba(148,163,184,.08);border-radius:8px}
.prose code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;background:rgba(148,163,184,.15);padding:.1rem .3rem;border-radius:6px}
.prose img{border-radius:14px}
.section-narrow{max-width:1100px;margin:0 auto;padding:22px 16px}