/* Digital Transformation — Kaizen Pharmaceuticals */
.dt-scope.dt-body { margin: 0; width: 100%; max-width: none; background: #07675a; font-family: Poppins, sans-serif; color: #ffffff; }
.dt-scope.dt-body a { color: #2fd897; text-decoration: none; }
.dt-scope.dt-body a:hover { color: #ffffff; }
.dt-scope.dt-body *, .dt-scope.dt-body *::before, .dt-scope.dt-body *::after { box-sizing: border-box; }
.dt-scope { scroll-behavior: smooth; }

@keyframes dtRoadV { to { background-position: 0 54px; } }
@keyframes dtRoad { to { background-position: 60px 0; } }
@keyframes dtPing { 0% { transform: scale(.8); opacity: .9; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes dtGrid { to { background-position: 0 64px, 64px 0; } }
@keyframes dtPulse { 0%, 100% { opacity: .35; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.2); } }
@keyframes dtDash { to { stroke-dashoffset: -40; } }
@keyframes dtSpin { to { transform: rotate(360deg); } }
@keyframes dtSpinR { to { transform: rotate(-360deg); } }
@keyframes dtScan { 0% { transform: translateY(-100%); } 100% { transform: translateY(400%); } }
@keyframes dtIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

.dt-scope .dt-gridbg {
  position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 64px 64px;
  animation: dtGrid 8s linear infinite;
  -webkit-mask-image: radial-gradient(ellipse at 70% 40%, #000 20%, transparent 75%);
  mask-image: radial-gradient(ellipse at 70% 40%, #000 20%, transparent 75%);
}

.dt-scope .dt-scan {
  position: absolute; left: 0; right: 0; top: 0; height: 25%;
  background: linear-gradient(180deg, transparent, rgba(47,216,151,.08), transparent);
  animation: dtScan 4s linear infinite; pointer-events: none;
}

.dt-scope .dt-packet {
  position: absolute; right: -14px; top: -11px; width: 28px; height: 28px; border-radius: 50%;
  background: radial-gradient(closest-side, #ffffff, rgba(47,216,151,.6), transparent);
  animation: dtPulse 1.2s ease-in-out infinite;
}

.dt-scope .dt-h-primary:hover { transform: translateY(-2px) !important; color: #04072a !important; }
.dt-scope .dt-h-outline:hover { box-shadow: inset 0 0 0 2px #2fd897 !important; color: #2fd897 !important; }
.dt-scope .dt-h-more:hover { box-shadow: inset 0 0 0 2px #2c45dd, 0 24px 48px rgba(44,69,221,.14) !important; transform: translateY(-6px) !important; }
.dt-scope .dt-h-gov:hover { background: #ffffff !important; box-shadow: inset 0 0 0 2px #2c45dd !important; }
.dt-scope .dt-h-road:hover { transform: translateY(-6px) !important; }

.dt-scope .dt-page { width: 100%; max-width: none; margin: 0; background: #ffffff; min-height: 100vh; display: flex; flex-direction: column; }

@media (prefers-reduced-motion: reduce) {
  .dt-scope * { animation: none !important; transition: none !important; }
}
