:root{
  --ink:#0a1224; --ink-soft:#5b657a; --bg:#ffffff; --bg-subtle:#f6f7fb;
  --brand:#7c3aed; --brand-2:#22d3ee; --accent:#ff6b00;
}
body{font-family: "Roboto", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color:var(--ink);}
.section{scroll-margin-top:100px}

/* Brand flair */
.brand-gradient{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(180deg,var(--brand),var(--brand-2));display:inline-block}

/* Topbar */
.topbar{background:#0e142b;color:#d7dbec;padding:.35rem 0}
.topbar a{color:#d7dbec}

/* Stylish nav */
.navbar .nav-link{position:relative;margin:0 .35rem;padding:.5rem .75rem;border-radius:999px;font-weight:500}
.navbar .nav-link.nav-pill::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:3px;border-radius:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:transform .25s}
.navbar .nav-link:hover::after,.navbar .nav-link.active::after{transform:scaleX(1)}
.btn-gradient{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;border:0}
.btn-gradient:hover{opacity:.95;color:#fff}

/* Mega menu */
.dropdown-menu.mega{min-width:900px;border-radius:1rem}
.mega-link{display:block;padding:.35rem 0;color:var(--ink-soft);text-decoration:none}
.mega-link:hover{color:var(--ink)}

/* Hero */
.bg-gradient-subtle{background:linear-gradient(180deg,#ffffff, #f5f7ff)}
.feature-card{background:#fff;border:1px solid #eef0f6;border-radius:1rem;padding:1rem;text-align:center}
.feature-card i{font-size:1.5rem}

/* Service tiles */
.service-tile{background:#fff;border:1px solid #eef0f6;border-radius:1rem;padding:1.25rem;height:100%}
.service-tile i{font-size:1.5rem}

/* Case cards & members */
.case-card,.member-card{background:#fff;border:1px solid #eef0f6;border-radius:1rem;padding:1.25rem;height:100%}

/* Footer */
.footer .sitename{font-weight:700}
.scroll-top{position:fixed;right:1rem;bottom:1rem;width:44px;height:44px;border-radius:50%;background:#111;color:#fff}