@keyframes pulseRing { 0% { box-shadow: 0 0 0 0 rgba(178,59,59,0.45); } 70% { box-shadow: 0 0 0 14px rgba(178,59,59,0); } 100% { box-shadow: 0 0 0 0 rgba(178,59,59,0); } }
@keyframes floatY { 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }
@keyframes fadeUp { from { opacity:0; transform: translateY(18px);} to { opacity:1; transform: translateY(0);} }
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
body { margin:0; background:#0B0F17; }
::selection { background: #4A7FB5; color:#fff; }

/* Premium Hover & Layout Effects */
.premium-card { transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.4s ease; }
.premium-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0,0,0,0.6); border-color: rgba(127,168,214,0.4) !important; z-index: 10; }
.premium-img-zoom img { transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
.premium-card:hover .premium-img-zoom img { transform: scale(1.05); }

.dc-mobile-bar { display:none; }
@media (max-width: 900px) {
  .dc-desktop-nav { display:none !important; }
  .dc-hero-grid, .dc-contact-grid, .dc-ba-grid { grid-template-columns:1fr !important; }
  .dc-svc-grid-2, .dc-svc-grid-4, .dc-pillars-grid, .dc-reviews-grid, .dc-how-grid { grid-template-columns:1fr !important; }
  .dc-how-line { display:none !important; }
  .dc-metrics-grid { grid-template-columns:repeat(2,1fr) !important; }
  .dc-footer-grid { grid-template-columns:1fr 1fr !important; }
  .dc-why-row { grid-template-columns:1.2fr 0.8fr 0.8fr !important; padding-left:16px !important; padding-right:16px !important; }
}

@media (max-width: 760px) {
  .dc-mobile-bar { display:flex !important; }
  .dc-desktop-nav { display:none !important; }
  h1 { font-size: 40px !important; line-height: 1.1 !important; }
  h2 { font-size: 28px !important; }
  .dc-hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
  .dc-how-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
  .dc-how-line { display: none !important; }
  .dc-svc-grid-2, .dc-svc-grid-4, .dc-ba-grid, .dc-pillars-grid, .dc-reviews-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  .dc-metrics-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
  .dc-why-row { grid-template-columns: 1fr 0.8fr 0.8fr !important; padding: 12px 16px !important; }
  section { padding-left: 20px !important; padding-right: 20px !important; }
  .dc-chat-wrap { bottom:96px !important; }
}

summary::-webkit-details-marker { display:none; }
summary { position:relative; padding-right:26px; }
summary::after { content:"+"; position:absolute; right:0; top:0; font-size:18px; color:#7FA8D6; font-weight:700; }
details[open] summary::after { content:"–"; }
@keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.hero-dynamic-bg { background: linear-gradient(-45deg, #0B0F17, #131A26, #0c182a, #162233); background-size: 400% 400%; animation: gradientShift 15s ease infinite; }
.glass-panel { background: rgba(18, 24, 38, 0.65); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5); border-radius: 24px; padding: 48px; }
.btn-glow { transition: all 0.3s ease; }
.btn-glow:hover { box-shadow: 0 0 20px rgba(194, 74, 74, 0.6), 0 0 40px rgba(194, 74, 74, 0.4); transform: translateY(-3px) scale(1.02); }
.stagger-1 { animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both; }
.stagger-2 { animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both; }
.stagger-3 { animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both; }
.stagger-4 { animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both; }

