:root{
  --brand-1:#3e5fc0;
  --brand-2:#010164;
  --brand-3:#010139;
  --brand-4:#d6d6e6;
  --brand-accent:#f0ce16;
}
.hcm-container{max-width:1200px;margin:0 auto;padding:0 16px;}
.hcm-header{position:sticky;top:0;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #e5e7eb;z-index:99;}
.hcm-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0;}
.hcm-nav .menu a{margin:0 10px;text-decoration:none;color:#111}
.hcm-btn{display:inline-block;padding:10px 18px;border-radius:999px;border:1px solid #111;background:var(--brand-accent);color:#000;font-weight:600}
.hcm-btn-outline{background:transparent;border:1px solid #aaa;color:#111}
.hcm-hero{padding:64px 0;background:radial-gradient(75% 85% at 50% 0%, rgba(62,95,192,0.15), transparent 60%);}
.hcm-hero h1{color:var(--brand-2);font-size:48px;margin:10px 0 0 0}
.hcm-chip{display:inline-block;border:1px solid #ddd;border-radius:999px;padding:4px 10px;font-size:12px}
.hcm-grid{display:grid;gap:16px}
@media(min-width:768px){.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}}
.hcm-card{border:1px solid #e5e7eb;border-radius:16px;padding:18px;background:#fff}
.hcm-section{padding:56px 0}
.hcm-section h2{font-size:32px;margin:0 0 6px 0}
.hcm-muted{color:#6b7280}
.hcm-footer{border-top:1px solid #e5e7eb;padding:24px 0;color:#6b7280}
.hcm-logo{height:36px;width:36px;border-radius:999px;border:1px solid #eee}
.hcm-logo-hero{height:140px;width:140px}
.hcm-buttons a{margin-right:8px}