:root{
  --bg0:#070B14;
  --bg1:#0B1220;
  --bg2:#0F1930;

  --text:#EAF0FF;
  --muted:rgba(234,240,255,.72);

  --blue:#2483F0;
  --blue2:#63A6FF;
  --red:#E02020;
  --stroke:rgba(255,255,255,.12);

  --card:rgba(255,255,255,.06);
  --card2:rgba(255,255,255,.08);

  --r-xl:22px;
  --r-lg:18px;
  --r-md:14px;

  --shadow:0 18px 50px rgba(0,0,0,.45);
}

html,body{height:100%}
body{
  background:
    radial-gradient(1200px 800px at 20% 10%, rgba(36,131,240,.22), transparent 55%),
    radial-gradient(900px 600px at 85% 15%, rgba(224,32,32,.18), transparent 55%),
    radial-gradient(800px 600px at 40% 80%, rgba(99,166,255,.12), transparent 55%),
    linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 45%, #070B14 100%);
  color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  overflow-x:hidden;
}

.text-muted{color:var(--muted)!important}

.dgeo-navbar{
  background: rgba(11,18,32,.78);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.dgeo-logo{height:42px;width:auto}
.dgeo-brand{letter-spacing:.4px}
.dgeo-brand-sub{color:var(--muted)}

.btn{
  border-radius:14px!important;
  padding:.70rem .95rem;
  font-weight:700;
}

.btn-dgeo-outline{
  border:1px solid rgba(99,166,255,.55);
  color:var(--text);
  background:rgba(255,255,255,.02);
}
.btn-dgeo-outline:hover{
  background:rgba(99,166,255,.12);
  border-color:rgba(99,166,255,.85);
  color:var(--text);
}

.btn-whats{
  background:#25D366;
  border-color:#25D366;
  color:#06120b;
}
.btn-whats:hover{
  background:#1fb85a;
  border-color:#1fb85a;
  color:#06120b;
}

.btn-primary{
  background:var(--blue)!important;
  border-color:var(--blue)!important;
}
.btn-primary:hover{
  background:#1e6fd0!important;
  border-color:#1e6fd0!important;
}

.dgeo-hero{
  padding: 5.2rem 0 2.8rem;
}
.dgeo-pill{
  display:inline-flex;
  gap:.5rem;
  align-items:center;
  padding:.35rem .75rem;
  border-radius:999px;
  border:1px solid var(--stroke);
  background:rgba(255,255,255,.04);
  color:var(--muted);
}

.h-title{
  font-weight:900;
  line-height:1.05;
  letter-spacing:-.6px;
}
.h-title .accent{
  background: linear-gradient(90deg, var(--blue2), #fff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.h-sub{font-size:1.05rem}

.cardx{
  border-radius:var(--r-xl);
  background:var(--card);
  border:1px solid var(--stroke);
  box-shadow:var(--shadow);
}
.cardx .card-body{padding:1.25rem}

.icon-badge{
  width:46px;height:46px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(36,131,240,.14);
  border:1px solid rgba(36,131,240,.22);
  color:#cfe4ff;
  font-size:1.35rem;
}

.section{
  padding: 3.6rem 0;
}
.section-title{
  font-weight:900;
  letter-spacing:-.4px;
}
.hr-soft{
  border-color: rgba(255,255,255,.10);
}

.dgeo-footer{
  border-top:1px solid rgba(255,255,255,.10);
  background:rgba(11,18,32,.55);
}
.dgeo-footer-link{
  color:rgba(234,240,255,.88);
  text-decoration:none;
}
.dgeo-footer-link:hover{text-decoration:underline}

.badge-soft{
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: rgba(234,240,255,.88);
}

.mockup{
  border-radius: var(--r-xl);
  border:1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  box-shadow: var(--shadow);
  overflow:hidden;
}

.small-list li{margin-bottom:.35rem}