/*
Theme Name: DiginovaX Neon Growth
Theme URI: https://example.com/diginovax
Author: DiginovaX
Description: A futuristic full-site-editing block theme for a digital marketing agency. Header and footer are editable in the WordPress Site Editor.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: diginovax
Tags: block-patterns, full-site-editing, custom-colors, custom-logo, one-column, portfolio
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
    --dx-bg: #050618;
    --dx-bg-soft: #0b1030;
    --dx-card: rgba(12, 16, 47, .72);
    --dx-cyan: #08dbf0;
    --dx-blue: #2475ff;
    --dx-purple: #8d38ff;
    --dx-pink: #ec32f5;
    --dx-white: #f8fbff;
    --dx-muted: #a8b2d7;
    --dx-line: rgba(75, 115, 255, .25);
    --dx-glow: 0 0 42px rgba(25, 117, 255, .22);
}

html { scroll-behavior: smooth; }
body {
    background:
      radial-gradient(circle at 70% 8%, rgba(98, 42, 229, .14), transparent 30%),
      radial-gradient(circle at 20% 30%, rgba(0, 216, 245, .09), transparent 28%),
      var(--dx-bg);
}
a { transition: color .22s ease, transform .22s ease; }
.wp-site-blocks { overflow-x: hidden; }

.diginovax-header {
    position: sticky;
    top: 0;
    z-index: 20;
    backdrop-filter: blur(18px);
    background: rgba(5, 6, 24, .82);
    border-bottom: 1px solid var(--dx-line);
}
.admin-bar .diginovax-header { top: 32px; }
.diginovax-brand .wp-block-site-title a {
    background: linear-gradient(90deg, var(--dx-white), var(--dx-cyan), var(--dx-pink));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: -.03em;
}
.diginovax-header .wp-block-navigation-item__content { color: var(--dx-muted); }
.diginovax-header .wp-block-navigation-item__content:hover { color: var(--dx-white); }

.dx-hero {
    position: relative;
    min-height: min(720px, calc(100vh - 86px));
    display: flex;
    align-items: center;
}
.dx-hero::before {
    content: "";
    position: absolute;
    inset: 10% -20% auto 35%;
    height: 560px;
    background: radial-gradient(circle, rgba(28,142,255,.22), rgba(177,39,255,.12) 35%, transparent 65%);
    filter: blur(10px);
    pointer-events: none;
}
.dx-kicker {
    display: inline-flex;
    border: 1px solid rgba(8, 219, 240, .34);
    background: rgba(8, 219, 240, .08);
    color: var(--dx-cyan);
    border-radius: 999px;
    padding: .48rem 1rem;
    letter-spacing: .11em;
    text-transform: uppercase;
    font-size: .78rem;
}
.dx-gradient-heading strong,
.dx-gradient {
    background: linear-gradient(92deg, var(--dx-cyan), var(--dx-blue), var(--dx-pink));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.dx-muted { color: var(--dx-muted); }
.dx-button .wp-block-button__link,
.wp-block-button.dx-button .wp-block-button__link {
    background: linear-gradient(100deg, var(--dx-blue), var(--dx-purple), var(--dx-pink));
    box-shadow: 0 10px 34px rgba(70, 88, 255, .36);
    transition: transform .24s ease, box-shadow .24s ease;
}
.dx-button .wp-block-button__link:hover,
.wp-block-button.dx-button .wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 45px rgba(83, 78, 255, .48);
}
.dx-button-outline .wp-block-button__link {
    border: 1px solid rgba(8,219,240,.5);
    color: var(--dx-white);
    background: transparent;
}
.dx-logo-card {
    padding: clamp(1rem, 4vw, 2.5rem);
    border: 1px solid rgba(42, 114, 255, .35);
    border-radius: 32px;
    background: linear-gradient(145deg, rgba(9,12,38,.9), rgba(5,6,24,.8));
    box-shadow: var(--dx-glow);
}
.dx-logo-card img { filter: drop-shadow(0 0 28px rgba(28,136,255,.17)); }

.dx-stat {
    border: 1px solid var(--dx-line);
    background: var(--dx-card);
    border-radius: 18px;
    padding: 1.25rem;
}
.dx-card {
    height: 100%;
    border: 1px solid var(--dx-line);
    background: var(--dx-card);
    border-radius: 22px;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.dx-card:hover {
    transform: translateY(-5px);
    border-color: rgba(8, 219, 240, .45);
    box-shadow: var(--dx-glow);
}
.dx-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 12px;
    background: linear-gradient(130deg, rgba(8,219,240,.18), rgba(236,50,245,.16));
    color: var(--dx-cyan);
    font-weight: 700;
}
.dx-section {
    padding-top: clamp(4rem, 8vw, 6.5rem);
    padding-bottom: clamp(4rem, 8vw, 6.5rem);
}
.dx-process-number { color: var(--dx-cyan); font-weight: 700; letter-spacing: .15em; }
.dx-contact {
    border-radius: 28px;
    border: 1px solid rgba(112,75,255,.36);
    background: linear-gradient(120deg, rgba(17,30,78,.85), rgba(48,12,67,.7));
    box-shadow: 0 28px 90px rgba(39,24,105,.32);
}
.diginovax-footer {
    border-top: 1px solid var(--dx-line);
    background: rgba(3, 4, 16, .8);
}
.diginovax-footer a { color: var(--dx-muted); text-decoration: none; }
.diginovax-footer a:hover { color: var(--dx-cyan); }

@media (max-width: 781px) {
    .diginovax-header { position: relative; }
    .admin-bar .diginovax-header { top: 0; }
    .dx-hero { min-height: auto; }
}