:root {
    --wpagain-bg: #050505;
    --wpagain-bg-soft: #090b10;
    --wpagain-surface: rgba(255, 255, 255, 0.025);
    --wpagain-surface-strong: rgba(255, 255, 255, 0.055);
    --wpagain-border: rgba(255, 255, 255, 0.07);
    --wpagain-border-strong: rgba(255, 255, 255, 0.14);
    --wpagain-text: #ffffff;
    --wpagain-text-muted: rgba(255, 255, 255, 0.46);
    --wpagain-text-dim: rgba(255, 255, 255, 0.3);
    --wpagain-blue: #3b82f6;
    --wpagain-blue-soft: rgba(59, 130, 246, 0.16);
    --wpagain-violet: #8b5cf6;
    --wpagain-cyan: #22d3ee;
    --wpagain-green: #22c55e;
    --wpagain-font-display: "Space Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --wpagain-font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
    --wpagain-scroll-offset: 84;
}

html {
    scroll-padding-top: calc(var(--wpagain-scroll-offset) * 1px);
    scroll-behavior: smooth;
}

.wpagain-homepage-pattern,
.wpagain-homepage-pattern *,
.wpagain-page,
.wpagain-page * {
    --wp--style--block-gap: 0;
    box-sizing: border-box;
}

.wpagain-homepage-pattern,
.wpagain-homepage-pattern > *,
.wpagain-homepage-pattern main > *,
.wpagain-homepage-pattern [class*="wp-block-wpagain-"],
:where(.wp-site-blocks) > .wpagain-homepage-pattern,
:where(.wp-site-blocks) > .wp-block-group.wpagain-homepage-pattern,
:where(.wp-site-blocks) > [class*="wp-block-wpagain-"],
:where(.is-layout-flow) > [class*="wp-block-wpagain-"],
:where(.block-editor-block-list__layout) > [class*="wp-block-wpagain-"] {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}



.wpagain-homepage-pattern {
    /* background:
        radial-gradient(circle at 12% 4%, rgba(34, 211, 238, 0.13), transparent 28rem),
        radial-gradient(circle at 82% 14%, rgba(139, 92, 246, 0.18), transparent 32rem),
        radial-gradient(circle at 50% 52%, rgba(59, 130, 246, 0.09), transparent 42rem),
        linear-gradient(180deg, #050505 0%, #07080d 44%, #050505 100%); */

    color: var(--wpagain-text);
    font-family: var(--wpagain-font-display);
    isolation: isolate;
    overflow: clip;
    position: relative;
}

.wpagain-homepage-pattern::before {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 72px 72px;
    content: "";
    inset: 0;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), transparent 68%);
    opacity: 0.28;
    pointer-events: none;
    position: absolute;
    z-index: -2;
}

.wpagain-homepage-pattern::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.36'/%3E%3C/svg%3E");
    content: "";
    inset: 0;
    opacity: 0.11;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.wpagain-animate-in {
    animation: wpagain-fade-up 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.wpagain-animate-soft {
    animation: wpagain-fade-up 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.wpagain-delay-1 {
    animation-delay: 0.08s;
}

.wpagain-delay-2 {
    animation-delay: 0.16s;
}

.wpagain-delay-3 {
    animation-delay: 0.24s;
}

@keyframes wpagain-fade-up {
    from {
        opacity: 0;
        transform: translateY(24px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wpagain-animate-in,
    .wpagain-animate-soft,
    .wpagain-marquee-track {
        animation: none !important;
    }
}

.wpagain-homepage-pattern :is(.wpagain-site-header, .wpagain-hero, .wpagain-tech-marquee, .wpagain-home-section, .wpagain-work-preview, .wpagain-process-strip, .wpagain-homepage-cta, .wpagain-site-footer) {
    font-family: var(--wpagain-font-display);
}

.wpagain-homepage-pattern :is(.wpagain-hero, .wpagain-home-section, .wpagain-work-preview, .wpagain-homepage-cta, .wpagain-site-footer) {
    background: transparent;
}

.wpagain-homepage-pattern :is(.wpagain-hero, .wpagain-home-section, .wpagain-work-preview, .wpagain-homepage-cta) {
    position: relative;
}


/* Modified */
.wpagain-homepage-pattern :is(.wpagain-home-section, .wpagain-work-preview, .wpagain-homepage-cta)::before {
    /* background:
        radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.07), transparent 24rem),
        radial-gradient(circle at 100% 12%, rgba(139, 92, 246, 0.1), transparent 28rem); */
    content: "";
    inset: 0;
    opacity: 0.78;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}

.wpagain-homepage-pattern .wpagain-site-header {
    background: #000000ed;
    box-shadow: 0 18px 70px rgba(0, 0, 0, 0.28);
}

.wpagain-homepage-pattern .wpagain-hero {
    background:
        radial-gradient(circle at 78% 20%, rgba(34, 211, 238, 0.13), transparent 26rem),
        radial-gradient(circle at 22% 72%, rgba(139, 92, 246, 0.13), transparent 30rem),
        transparent;
}

.wpagain-homepage-pattern :is(.wpagain-service-card, .wpagain-work-item, .wpagain-process-card) {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
        rgba(5, 5, 5, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.wpagain-homepage-pattern .wpagain-service-card:hover,
.wpagain-homepage-pattern .wpagain-work-item:hover {
    border-color: var(--wpagain-border-strong);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 24px 80px rgba(0, 0, 0, 0.32);
}

.wpagain-homepage-pattern .wpagain-card-grid,
.wpagain-homepage-pattern .wpagain-process-grid {
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.16), rgba(59, 130, 246, 0.06), rgba(139, 92, 246, 0.16));
}

.wpagain-homepage-pattern .wpagain-tech-marquee,
.wpagain-homepage-pattern .wpagain-process-strip {
    background:
        linear-gradient(90deg, rgba(34, 211, 238, 0.035), rgba(139, 92, 246, 0.045)),
        rgba(255, 255, 255, 0.012);
}

.wpagain-homepage-pattern .gradient-text,
.wpagain-homepage-pattern .wpagain-hero .gradient-text,
.wpagain-homepage-pattern .wpagain-homepage-cta .gradient-text {
    background: linear-gradient(135deg, #ffffff 0%, var(--wpagain-cyan) 32%, var(--wpagain-blue) 62%, var(--wpagain-violet) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wpagain-homepage-pattern .wpagain-hero .badge,
.wpagain-homepage-pattern .wpagain-hero h1 span,
.wpagain-homepage-pattern .wpagain-hero .desc,
.wpagain-homepage-pattern .wpagain-hero .actions,
.wpagain-homepage-pattern .wpagain-stats-grid,
.wpagain-homepage-pattern .wpagain-section-header,
.wpagain-homepage-pattern .wpagain-work-header,
.wpagain-homepage-pattern .wpagain-homepage-cta > *,
.wpagain-homepage-pattern .wpagain-site-footer__cta > * {
    animation: wpagain-fade-up 0.78s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.wpagain-homepage-pattern .wpagain-hero h1 span:nth-child(2),
.wpagain-homepage-pattern .wpagain-hero .desc,
.wpagain-homepage-pattern .wpagain-section-header,
.wpagain-homepage-pattern .wpagain-work-header,
.wpagain-homepage-pattern .wpagain-homepage-cta > :nth-child(2),
.wpagain-homepage-pattern .wpagain-site-footer__cta > :nth-child(2) {
    animation-delay: 0.12s;
}

.wpagain-homepage-pattern .wpagain-hero h1 span:nth-child(3),
.wpagain-homepage-pattern .wpagain-hero .actions,
.wpagain-homepage-pattern .wpagain-homepage-cta > :nth-child(3),
.wpagain-homepage-pattern .wpagain-site-footer__cta > :nth-child(3) {
    animation-delay: 0.22s;
}

.wpagain-homepage-pattern .wpagain-stats-grid {
    animation-delay: 0.32s;
}

.is-style-ocean :is(.wpagain-hero .btn-primary, .wpagain-homepage-cta a, .wpagain-service-card a, .wpagain-work-item a),
.is-style-ocean:is(.wp-block-wpagain-hero, .wp-block-wpagain-homepage-cta, .wp-block-wpagain-services-grid, .wp-block-wpagain-work-preview) :is(.btn-primary, a) {
    background-color: #22d3ee;
    color: #041012;
}

.is-style-ocean :is(.gradient-text, .wpagain-hero .gradient-text, .wpagain-homepage-cta .gradient-text) {
    background: linear-gradient(135deg, #ffffff 0%, #22d3ee 52%, #3b82f6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.is-style-emerald :is(.wpagain-hero .btn-primary, .wpagain-homepage-cta a, .wpagain-service-card a, .wpagain-work-item a),
.is-style-emerald:is(.wp-block-wpagain-hero, .wp-block-wpagain-homepage-cta, .wp-block-wpagain-services-grid, .wp-block-wpagain-work-preview) :is(.btn-primary, a) {
    background-color: #22c55e;
    color: #041006;
}

.is-style-emerald :is(.gradient-text, .wpagain-hero .gradient-text, .wpagain-homepage-cta .gradient-text) {
    background: linear-gradient(135deg, #ffffff 0%, #22c55e 52%, #14b8a6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wpagain-homepage-pattern :is(.wpagain-service-card, .wpagain-work-item, .wpagain-process-card) {
    animation: wpagain-fade-up 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.wpagain-homepage-pattern :is(.wpagain-service-card, .wpagain-work-item, .wpagain-process-card):nth-child(2) {
    animation-delay: 0.08s;
}

.wpagain-homepage-pattern :is(.wpagain-service-card, .wpagain-work-item, .wpagain-process-card):nth-child(3) {
    animation-delay: 0.16s;
}

.wpagain-homepage-pattern :is(.wpagain-service-card, .wpagain-process-card):nth-child(4) {
    animation-delay: 0.24s;
}

.wpagain-homepage-pattern :is(h1, h2, h3) {
    text-wrap: balance;
}

.wpagain-homepage-pattern p {
    text-wrap: pretty;
}

@media (prefers-reduced-motion: reduce) {
    .wpagain-homepage-pattern *,
    .wpagain-homepage-pattern *::before,
    .wpagain-homepage-pattern *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

.wpagain-homepage-pattern .wpagain-reveal,
.wpagain-page .wpagain-reveal {
    animation: none !important;
    opacity: 0;
    transform: translateY(26px);
    transition:
        opacity 0.78s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.78s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.wpagain-homepage-pattern .wpagain-reveal.wpagain-is-visible,
.wpagain-page .wpagain-reveal.wpagain-is-visible {
    opacity: 1;
    transform: translateY(0);
}

.wpagain-scroll-progress {
    background: linear-gradient(90deg, var(--wpagain-cyan), var(--wpagain-blue), var(--wpagain-violet));
    height: 2px;
    inset: 0 0 auto;
    pointer-events: none;
    position: fixed;
    transform: scaleX(0);
    transform-origin: left center;
    z-index: 9999;
}

.wpagain-premium-card {
    overflow: hidden;
    position: relative;
}

.wpagain-premium-card::before {
    background:
        radial-gradient(
            360px circle at var(--wpagain-spotlight-x, 50%) var(--wpagain-spotlight-y, 50%),
            rgba(255, 255, 255, 0.1),
            transparent 42%
        );
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity 0.22s ease;
    z-index: 0;
}

.wpagain-premium-card:hover::before {
    opacity: 1;
}

.wpagain-premium-card > * {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .wpagain-premium-card::before,
    .wpagain-scroll-progress {
        display: none;
    }

    .wpagain-homepage-pattern .wpagain-reveal,
    .wpagain-page .wpagain-reveal {
        opacity: 1;
        transform: none;
    }
}