/* Phase 3 Enterprise Rebuild (Main site, no Nicepage) */
:root{
  --bg0:#070c16;--bg1:#0b1220;
  --card:rgba(255,255,255,.06);--border:rgba(255,255,255,.14);
  --text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.72);--muted2:rgba(255,255,255,.60);
  --accent:#19c37d;--accent2:#4f46e5;
  --shadow:0 14px 40px rgba(0,0,0,.35);--shadow2:0 10px 22px rgba(0,0,0,.25);
  --r:18px;--r2:12px;--max:1200px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 18% 0%, rgba(79,70,229,.22), transparent 60%),
    radial-gradient(900px 540px at 82% 18%, rgba(25,195,125,.18), transparent 60%),
    linear-gradient(180deg, var(--bg1), var(--bg0));
  line-height:1.5;
}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px} a:hover{opacity:.94}
.container{width:min(var(--max),calc(100% - 24px));margin:0 auto}
.grid{display:grid;gap:14px}
@media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr 1fr}}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow2)}
.card-pad{padding:18px}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.badge{font-size:12px;color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.05)}
.btnrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:var(--r2);
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:var(--text);font-weight:650;text-decoration:none;
  box-shadow:var(--shadow2);transition:transform .12s ease,border-color .12s ease,background .12s ease}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.26)} .btn:active{transform:translateY(0)}
.btn-primary{background:linear-gradient(135deg,var(--accent),rgba(25,195,125,.75));color:#062014;border-color:transparent}
.btn-ghost{background:transparent}
.kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border);color:var(--muted);font-size:13px;letter-spacing:.2px}
h1{font-size:40px;line-height:1.06;margin:12px 0 8px 0} h2{font-size:26px;margin:0 0 10px 0} h3{font-size:18px;margin:0 0 8px 0}
p{margin:0;color:var(--muted)} ul{margin:10px 0 0 18px;color:var(--muted)} li{margin:6px 0}
header{position:sticky;top:0;z-index:999;background:rgba(11,18,32,.70);border-bottom:1px solid var(--border);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:34px;height:34px;border-radius:10px} .brand b{letter-spacing:.2px}
.navlinks{display:none;gap:10px;align-items:center}
.navlinks a{text-decoration:none;padding:8px 12px;border-radius:999px;border:1px solid transparent;color:var(--muted)}
.navlinks a:hover{background:rgba(255,255,255,.08);color:var(--text);border-color:rgba(255,255,255,.12)}
@media(min-width:900px){.navlinks{display:flex}.navbtn{display:none}}
.navbtn{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:var(--text);cursor:pointer}
.drawer{position:fixed;inset:0 0 0 auto;width:min(320px,92vw);background:rgba(11,18,32,.95);border-left:1px solid var(--border);
  transform:translateX(102%);transition:transform .15s ease;z-index:2000;padding:14px}
.drawer.open{transform:translateX(0)} .drawer a{display:block;padding:12px 12px;border-radius:12px;text-decoration:none;color:var(--text);
  border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);margin:10px 0}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:1900}
.overlay.open{opacity:1;pointer-events:auto}
.hero{margin:22px auto 18px auto}
.heroBox{border-radius:calc(var(--r) + 8px);border:1px solid var(--border);box-shadow:var(--shadow);
  background:radial-gradient(800px 400px at 18% 22%, rgba(79,70,229,0.35), transparent 65%),
            radial-gradient(700px 420px at 75% 30%, rgba(25,195,125,0.30), transparent 65%),
            linear-gradient(180deg, rgba(11,18,32,0.96), rgba(11,18,32,0.82));overflow:hidden}
.heroInner{display:grid;gap:16px;padding:26px 18px}
@media(min-width:900px){.heroInner{grid-template-columns:1.2fr .8fr;padding:34px 26px}}
.heroImg{width:100%;border-radius:var(--r);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.section{padding:18px 0} .small{font-size:12px;color:var(--muted2)}
.footer{margin-top:18px;padding:24px 0 34px 0;border-top:1px solid var(--border);background:rgba(7,12,22,.75)}