:root{
  --pc-surface-0:#06131d;
  --pc-surface-1:#0a1c2a;
  --pc-surface-2:#0f2737;
  --pc-surface-3:#143246;
  --pc-border:rgba(122,192,225,.18);
  --pc-border-strong:rgba(122,192,225,.34);
  --pc-text-soft:#c6dbe6;
  --pc-accent:#4fd3ff;
  --pc-accent-2:#2ce3c0;
  --pc-shadow:0 32px 80px rgba(0,0,0,.42);
}

/* Professional global polish */
.btn,
.di3-btn,
.dip-btn,
.px-btn,
.whatsapp,
.navcta{
  letter-spacing:.01em;
}
.di3-btn-primary,
.btn.primary,
.dip-btn.primary,
.px-btn.primary,
.navcta{
  background:linear-gradient(135deg,#23d4d5 0%,#2492ff 100%);
  box-shadow:0 16px 34px rgba(18,122,203,.28);
}
.site-header{
  backdrop-filter: blur(14px);
}
.brandtext small{
  opacity:.86;
}

/* Homepage mission-control redesign */
.di3-mission{
  position:relative;
  overflow:hidden;
}
.di3-mission::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 20%, rgba(41,186,255,.10), transparent 32%),
    radial-gradient(circle at 85% 18%, rgba(57,230,194,.09), transparent 28%),
    linear-gradient(180deg, rgba(10,23,34,0) 0%, rgba(8,20,31,.24) 100%);
  pointer-events:none;
}
.di3-mission-grid{
  align-items:center;
  gap:48px;
}
.di3-mission-copy h2{
  font-size:clamp(2.7rem,4vw,5rem);
  line-height:.98;
  letter-spacing:-.04em;
  max-width:11ch;
  margin-bottom:16px;
}
.di3-mission-copy h2 em{
  color:#8fe4ff;
  font-style:normal;
}
.di3-mission-copy p{
  max-width:36rem;
  color:var(--pc-text-soft);
}
.di3-mini-features{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.di3-mini-features span{
  border:1px solid var(--pc-border-strong);
  background:rgba(11,28,39,.68);
  color:#dceef5;
  border-radius:999px;
  padding:10px 14px;
  font-size:.82rem;
}
.di3-command-points{
  margin:24px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.di3-command-points li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
  color:#d7ebf2;
  font-size:.97rem;
}
.di3-command-points b{
  display:block;
  font-size:.98rem;
  margin-bottom:2px;
  color:#fff;
}
.di3-command-points i{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  font-style:normal;
  background:linear-gradient(135deg, rgba(35,212,213,.14), rgba(36,146,255,.18));
  border:1px solid var(--pc-border-strong);
  color:#8fe4ff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.di3-mission-copy .di3-actions{
  margin-top:24px;
}
.di3-dashboard{
  background:linear-gradient(180deg, rgba(9,23,34,.98), rgba(5,16,24,.99));
  border:1px solid rgba(99,168,204,.25);
  border-radius:30px;
  box-shadow:var(--pc-shadow);
  overflow:hidden;
}
.di3-dash-top{
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  gap:16px;
  align-items:center;
  padding:16px 18px;
  border-bottom:1px solid rgba(120,176,208,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.di3-dash-logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  color:#eff9ff;
}
.di3-dash-logo::before{
  content:"DI";
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#23d4d5,#2492ff);
  color:#04111b;
  font-size:.82rem;
  font-weight:800;
}
.di3-dash-logo span{
  color:#9fc3d2;
  font-weight:600;
  font-size:.9rem;
}
.di3-dash-search{
  min-height:42px;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(109,165,198,.18);
  background:#071420;
  color:#7ca0af;
  font-size:.92rem;
}
.di3-status-pill,
.di3-avatar{
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.8rem;
  font-weight:700;
  border:1px solid rgba(86,205,215,.28);
  background:rgba(17,72,89,.34);
  color:#8ceaff;
}
.di3-avatar{
  min-width:40px;
  padding:0;
  background:linear-gradient(135deg,#1ec8cf,#329bff);
  color:#04111b;
  border:none;
}
.di3-dash-body{
  display:grid;
  grid-template-columns:180px 1fr;
  min-height:640px;
}
.di3-dash-body aside{
  padding:20px 14px;
  border-right:1px solid rgba(120,176,208,.11);
  background:linear-gradient(180deg, rgba(11,28,39,.88), rgba(6,19,29,.78));
}
.di3-dash-body aside b{
  display:block;
  color:#8fb7c6;
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.18em;
  margin:0 6px 14px;
}
.di3-dash-body aside span{
  display:block;
  border-radius:12px;
  padding:11px 12px;
  color:#9fc3d2;
  font-size:.92rem;
  margin-bottom:6px;
}
.di3-dash-body aside span.active{
  color:#fff;
  background:linear-gradient(135deg, rgba(21,110,118,.58), rgba(31,75,123,.45));
  border:1px solid rgba(86,205,215,.28);
}
.di3-dash-main{
  padding:18px 18px 20px;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.di3-view-tabs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.di3-view-tabs b{
  color:#8fb7c6;
  font-size:.86rem;
  margin-right:2px;
}
.di3-view-tabs span{
  border:1px solid rgba(107,165,198,.16);
  border-radius:999px;
  padding:10px 14px;
  color:#8fb7c6;
  font-size:.82rem;
}
.di3-view-tabs span.active{
  color:#04111b;
  background:linear-gradient(135deg,#3fe0ea,#45adff);
  border:none;
  font-weight:700;
}
.di3-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.di3-kpis article,
.di3-dash-panels article,
.di3-dash-lower article{
  background:linear-gradient(180deg, rgba(8,29,43,.96), rgba(6,20,30,.98));
  border:1px solid rgba(112,172,205,.15);
  border-radius:22px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.di3-kpis article{
  padding:16px 16px 14px;
}
.di3-kpis article span{
  display:block;
  color:#8fb7c6;
  font-size:.8rem;
  margin-bottom:8px;
}
.di3-kpis article b{
  display:block;
  color:#fff;
  font-size:2rem;
  letter-spacing:-.04em;
}
.di3-kpis article i{
  display:block;
  position:relative;
  height:8px;
  margin:12px 0 8px;
  border-radius:999px;
  background:rgba(93,124,138,.22);
}
.di3-kpis article i::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:72%;
  border-radius:999px;
  background:linear-gradient(90deg,#24d8d0,#5dd4ff);
}
.di3-kpis article small{
  color:#79d3c8;
  font-size:.74rem;
  letter-spacing:.02em;
}
.di3-dash-panels{
  display:grid;
  grid-template-columns:1.5fr .9fr;
  gap:14px;
}
.di3-dash-panels article,
.di3-dash-lower article{
  padding:16px;
}
.di3-dash-panels header,
.di3-dash-lower header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.di3-dash-panels header b,
.di3-dash-lower header b{
  color:#fff;
}
.di3-dash-panels header span,
.di3-dash-lower header span{
  color:#8fb7c6;
  font-size:.8rem;
}
.mini-graph{
  position:relative;
  min-height:228px;
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 85%, rgba(70,167,255,.26), transparent 27%),
    linear-gradient(180deg, rgba(5,15,24,.96), rgba(7,23,34,.9));
  border:1px solid rgba(126,189,220,.14);
  overflow:hidden;
}
.mini-graph::before,
.mini-graph::after{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:22px;
  border:1px dashed rgba(102,167,199,.12);
}
.mini-graph::after{
  inset:38px;
  border-style:solid;
  border-color:rgba(77,138,170,.08);
}
.mini-graph i{position:absolute;display:block}
.mini-graph .core{
  left:50%;top:72%;transform:translate(-50%,-50%);
  width:106px;height:106px;border-radius:999px;
  background:radial-gradient(circle at 40% 35%, #66dfff, #168fe2);
  box-shadow:0 0 0 10px rgba(74,157,231,.09),0 26px 46px rgba(19,130,208,.26);
  display:grid;place-items:center;color:#04111b;font-style:normal;font-weight:800;
}
.mini-graph .a,.mini-graph .b,.mini-graph .c,.mini-graph .d,.mini-graph .e{
  width:18px;height:18px;border-radius:999px;background:#3bdcf2;box-shadow:0 0 18px rgba(59,220,242,.55);
}
.mini-graph .a{left:14%;top:66%}.mini-graph .b{left:45%;top:12%}.mini-graph .c{right:15%;top:48%}.mini-graph .d{right:18%;top:14%}.mini-graph .e{left:24%;top:18%}
.mini-graph svg{position:absolute;inset:0;width:100%;height:100%}
.di3-graph-legend{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;
}
.di3-graph-legend span{
  padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(112,172,205,.11);color:#a8cbd7;font-size:.79rem;
}
.mini-map{
  height:116px;border-radius:20px;margin-bottom:16px;position:relative;overflow:hidden;
  background:radial-gradient(circle at 50% 50%, rgba(78,210,208,.24), rgba(78,210,208,.08) 33%, transparent 34%),linear-gradient(180deg, rgba(6,19,29,.96), rgba(8,26,39,.92));
  border:1px solid rgba(126,189,220,.12);
}
.mini-map::before{
  content:"";position:absolute;inset:14px;border:1px dashed rgba(83,147,182,.15);border-radius:999px;
}
.mini-map span{position:absolute;width:9px;height:9px;border-radius:999px;background:#57ead8;box-shadow:0 0 12px rgba(87,234,216,.55)}
.mini-map .p1{left:28%;top:38%}.mini-map .p2{left:48%;top:29%}.mini-map .p3{left:70%;top:48%}.mini-map .p4{left:80%;top:72%}
.di3-map-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.di3-map-stats b{display:block;color:#fff;font-size:1.85rem;letter-spacing:-.04em}
.di3-map-stats small{display:block;font-size:.72rem;color:#8fb7c6;font-weight:500;margin-top:4px}
.di3-dash-lower{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:14px;
}
.di3-activity-list,
.di3-review-list{
  display:grid;gap:10px;
}
.di3-activity-list div,
.di3-review-list div{
  display:flex;justify-content:space-between;gap:10px;align-items:flex-start;
  padding:12px 13px;border-radius:14px;border:1px solid rgba(112,172,205,.1);background:rgba(255,255,255,.02);
}
.di3-activity-list b,
.di3-review-list b{display:block;color:#fff;font-size:.9rem;margin-bottom:2px}
.di3-activity-list p,
.di3-review-list p{margin:0;color:#a8cbd7;font-size:.78rem;line-height:1.45}
.di3-activity-list span,
.di3-review-list span{white-space:nowrap;color:#78d1c7;font-size:.73rem;font-weight:700}
.di3-demo-label{
  display:block;
  padding:0 22px 18px;
  color:#83a6b3;
  font-size:.76rem;
}

/* New enterprise cards on homepage */
.di3-enterprise-next{
  padding-top:12px;
}
.di3-enterprise-next .di3-section-head{margin-bottom:24px}
.di3-enterprise-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.di3-enterprise-card{
  display:flex;flex-direction:column;gap:12px;
  min-height:100%;
  padding:22px;
  border-radius:24px;
  text-decoration:none;
  background:linear-gradient(180deg, rgba(9,24,36,.94), rgba(6,18,28,.98));
  border:1px solid rgba(112,172,205,.14);
  box-shadow:var(--pc-shadow);
}
.di3-enterprise-card span{
  color:#79d8dc;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.72rem;
  font-weight:700;
}
.di3-enterprise-card h3{
  color:#fff;
  font-size:1.45rem;
  line-height:1.05;
  margin:0;
}
.di3-enterprise-card p{margin:0;color:#b9d5df}
.di3-enterprise-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:#dff4fb;font-size:.88rem}
.di3-enterprise-card li::before{content:"• ";color:#79d8dc}
.di3-enterprise-card b{margin-top:auto;color:#8fe4ff}

/* Professional polish for dashboard gallery pages */
.px-hero-console,
.px-shell,
.px-stage article,
.px-card,
.dpc-card,
.dip-hero-art .overlay{
  box-shadow:var(--pc-shadow);
}
.px-hero-console,
.px-shell,
.px-stage article,
.px-card,
.dpc-card{
  border-color:rgba(112,172,205,.16)!important;
}
.px-node.core{
  background:linear-gradient(135deg,#22d1d6,#46a3ff)!important;
}

/* Mini-grid style for new pages */
.dip-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.dip-mini-grid article{padding:18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(112,172,205,.14)}
.dip-mini-grid b{display:block;color:#fff;margin-bottom:8px;font-size:1rem}
.dip-mini-grid p{margin:0;color:#bdd4df;font-size:.9rem}

@media (max-width: 1120px){
  .di3-dash-body{grid-template-columns:1fr}
  .di3-dash-body aside{border-right:none;border-bottom:1px solid rgba(120,176,208,.11);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .di3-dash-body aside b{grid-column:1/-1;margin-bottom:6px}
  .di3-kpis,.di3-enterprise-grid,.dip-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .di3-dash-panels,.di3-dash-lower{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .di3-mission-copy h2{max-width:none}
  .di3-dash-top{grid-template-columns:1fr;justify-items:start}
  .di3-dash-top > *{width:100%}
  .di3-kpis,.di3-enterprise-grid,.dip-mini-grid{grid-template-columns:1fr}
  .di3-dash-body aside{grid-template-columns:repeat(2,minmax(0,1fr))}
  .di3-graph-legend{grid-template-columns:1fr}
}