/* _content/Ayva.Marketing.AI/Components/Landing/AyvaHeader.razor.rz.scp.css */
.ayva-header[b-tquor3t8mw] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    padding: 12px var(--space-xl);
    background: var(--glass-bg);
    border-bottom: 1px solid var(--border-color);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    animation: header-slide-in-b-tquor3t8mw 700ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
}

.ayva-header--hidden[b-tquor3t8mw] {
    transform: translateY(-100%);
}

@keyframes header-slide-in-b-tquor3t8mw {
    from { transform: translateY(-100%); }
    to   { transform: translateY(0);     }
}

.ayva-header-brand[b-tquor3t8mw] {
    text-decoration: none;
    color: inherit;
}

.ayva-header-left[b-tquor3t8mw] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-md);
}

.ayva-header-actions[b-tquor3t8mw] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-md);
}

.ayva-header-secondary[b-tquor3t8mw] {
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    padding: 8px 14px;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-family: var(--font-primary);
    font-weight: var(--font-medium);
    cursor: pointer;
    text-decoration: none;
    transition: color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}

.ayva-header-secondary:hover[b-tquor3t8mw] {
    color: var(--text-primary);
    border-color: var(--accent-color-30);
    transform: translateY(-1px);
}

.ayva-header-cta[b-tquor3t8mw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--accent-gradient);
    color: var(--text-primary);
    border: none;
    padding: 10px 22px;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    cursor: pointer;
    box-shadow: 0 6px 18px var(--accent-color-20);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.ayva-header-cta:hover[b-tquor3t8mw] {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px var(--accent-color-30);
}

.ayva-header-cta-arrow[b-tquor3t8mw] {
    transition: transform var(--transition-fast);
}

.ayva-header-cta:hover .ayva-header-cta-arrow[b-tquor3t8mw] {
    transform: translateX(3px);
}

@media (max-width: 768px) {
    .ayva-header[b-tquor3t8mw] {
        padding: 10px var(--space-md);
    }
    .ayva-header-cta span:first-child[b-tquor3t8mw] { display: none; }
    .ayva-header-cta[b-tquor3t8mw] { padding: 8px 12px; }
    .ayva-header-secondary[b-tquor3t8mw] { display: none; }
}

@media (max-width: 640px) {
    .ayva-header-brand .ayva-wordmark-bar[b-tquor3t8mw] { display: none; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/AyvaHero.razor.rz.scp.css */
.ayva-hero[b-obf67b18ow] {
    position: relative;
    min-height: 100vh;
    padding: 112px var(--space-2xl) var(--space-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-2xl);
    overflow: hidden;
    isolation: isolate;
}

/* ── Background layers ──────────────────────────────────── */
.ayva-hero-bg[b-obf67b18ow] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.ayva-hero-grid[b-obf67b18ow] {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(var(--border-color) 1px, transparent 1px),
        linear-gradient(90deg, var(--border-color) 1px, transparent 1px);
    background-size: 80px 80px;
    opacity: 0.08;
    mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);
}

.ayva-hero-orb[b-obf67b18ow] {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.6;
    animation: hero-orb-drift-b-obf67b18ow 20s ease-in-out infinite;
}

.ayva-hero-orb-1[b-obf67b18ow] {
    top: -10%;  left: -5%;
    width: 540px; height: 540px;
    background: radial-gradient(circle, var(--accent-color) 0%, transparent 70%);
}
.ayva-hero-orb-2[b-obf67b18ow] {
    bottom: -15%; right: -10%;
    width: 620px; height: 620px;
    background: radial-gradient(circle, var(--secondary-accent) 0%, transparent 70%);
    animation-delay: -6s;
    animation-duration: 26s;
}
.ayva-hero-orb-3[b-obf67b18ow] {
    top: 40%; left: 50%;
    width: 380px; height: 380px;
    background: radial-gradient(circle, var(--info-color) 0%, transparent 70%);
    animation-delay: -12s;
    animation-duration: 30s;
    opacity: 0.3;
}

@keyframes hero-orb-drift-b-obf67b18ow {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33%      { transform: translate(40px, -20px) scale(1.05); }
    66%      { transform: translate(-30px, 30px) scale(0.95); }
}

/* ── Foreground content ─────────────────────────────────── */
.ayva-hero-wordmark[b-obf67b18ow] {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-start;
    /* Match the .ayva-hero-content max-width + auto-margin so the
       wordmark's left edge lines up with the hero headline's left
       edge on wide viewports. */
    width: 100%;
    max-width: 1280px;
    margin: var(--space-md) auto 0;
    animation: hero-fade-up-b-obf67b18ow 1.2s cubic-bezier(0.16, 1, 0.3, 1) 100ms backwards;
}

.ayva-hero-content[b-obf67b18ow] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: var(--space-2xl);
    align-items: center;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    flex: 1 1 auto;
}

.ayva-hero-copy[b-obf67b18ow] { max-width: 640px; }

.ayva-hero-headline[b-obf67b18ow] {
    font-family: var(--font-primary);
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: var(--font-bold);
    line-height: 1.05;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    margin: 0 0 var(--space-lg);
}

.ayva-hero-headline .word[b-obf67b18ow] {
    display: inline-block;
    margin-right: 0.4em;
    opacity: 0;
    transform: translateY(20px);
    animation: hero-word-in-b-obf67b18ow 700ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.ayva-hero-headline .word:nth-child(1)[b-obf67b18ow] { animation-delay: 300ms; }
.ayva-hero-headline .word:nth-child(2)[b-obf67b18ow] { animation-delay: 380ms; }
.ayva-hero-headline .word:nth-child(3)[b-obf67b18ow] { animation-delay: 540ms; }
.ayva-hero-headline .word:nth-child(4)[b-obf67b18ow] { animation-delay: 620ms; }

.ayva-hero-headline-row2[b-obf67b18ow] {
    display: inline-block;
    margin-top: 0.1em;
}

@keyframes hero-word-in-b-obf67b18ow {
    to { opacity: 1; transform: translateY(0); }
}

.ayva-hero-subhead[b-obf67b18ow] {
    font-size: clamp(1.05rem, 1.35vw, 1.3rem);
    line-height: 1.6;
    color: var(--text-secondary);
    margin: 0 0 var(--space-xl);
    max-width: 56ch;
    animation: hero-fade-up-b-obf67b18ow 800ms cubic-bezier(0.16, 1, 0.3, 1) 900ms backwards;
}

.ayva-hero-actions[b-obf67b18ow] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin-bottom: var(--space-xl);
    animation: hero-fade-up-b-obf67b18ow 800ms cubic-bezier(0.16, 1, 0.3, 1) 1100ms backwards;
}

.ayva-hero-cta-primary[b-obf67b18ow],
.ayva-hero-cta-secondary[b-obf67b18ow] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: var(--radius-full);
    font-family: var(--font-primary);
    font-size: var(--text-base);
    font-weight: var(--font-semibold);
    cursor: pointer;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.ayva-hero-cta-primary[b-obf67b18ow] {
    background: var(--accent-gradient);
    color: var(--text-primary);
    border: none;
    box-shadow: 0 10px 28px var(--accent-color-20);
}
.ayva-hero-cta-primary:hover[b-obf67b18ow] {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px var(--accent-color-30);
}

.ayva-hero-cta-secondary[b-obf67b18ow] {
    background: transparent;
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}
.ayva-hero-cta-secondary:hover[b-obf67b18ow] {
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

.ayva-hero-trust[b-obf67b18ow] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    animation: hero-fade-up-b-obf67b18ow 800ms cubic-bezier(0.16, 1, 0.3, 1) 1300ms backwards;
}

.ayva-hero-trust-pill[b-obf67b18ow] {
    padding: 6px 14px;
    border-radius: var(--radius-full);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    letter-spacing: 0.04em;
}

.ayva-hero-trust-pill[b-obf67b18ow]::before {
    content: "\25B8 ";
    color: var(--accent-color);
    margin-right: 4px;
}

.ayva-hero-visual[b-obf67b18ow] {
    position: relative;
    aspect-ratio: 1;
    max-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: hero-visual-in-b-obf67b18ow 1.4s cubic-bezier(0.16, 1, 0.3, 1) 600ms backwards;
}

@keyframes hero-fade-up-b-obf67b18ow {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes hero-visual-in-b-obf67b18ow {
    from { opacity: 0; transform: scale(0.92); }
    to   { opacity: 1; transform: scale(1);   }
}

.ayva-hero-scroll-cue[b-obf67b18ow] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xs);
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--text-muted);
    margin-top: var(--space-lg);
}

.ayva-hero-scroll-line[b-obf67b18ow] {
    width: 1px;
    height: 32px;
    background: linear-gradient(to bottom, var(--accent-color), transparent);
    animation: scroll-cue-pulse-b-obf67b18ow 2s ease-in-out infinite;
}

@keyframes scroll-cue-pulse-b-obf67b18ow {
    0%, 100% { transform: scaleY(1);    opacity: 1;   }
    50%      { transform: scaleY(1.4);  opacity: 0.5; }
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 1024px) {
    .ayva-hero-content[b-obf67b18ow] {
        grid-template-columns: 1fr;
    }
    .ayva-hero-visual[b-obf67b18ow] { max-height: 380px; margin: 0 auto; }
}

@media (max-width: 768px) {
    .ayva-hero[b-obf67b18ow] { padding: 96px var(--space-md) var(--space-lg); }
}

/* Short-viewport phones — Review-board fix (product-1 / product-2):
   on iPhone-SE-class devices the hero must still show the headline
   + at least one CTA above the fold. */
@media (max-height: 600px) {
    .ayva-hero[b-obf67b18ow] { padding-top: 80px; gap: var(--space-md); }
    .ayva-hero-wordmark[b-obf67b18ow] { margin-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .ayva-hero-wordmark[b-obf67b18ow],
    .ayva-hero-subhead[b-obf67b18ow],
    .ayva-hero-actions[b-obf67b18ow],
    .ayva-hero-trust[b-obf67b18ow],
    .ayva-hero-visual[b-obf67b18ow] {
        animation: none;
    }
    .ayva-hero-headline .word[b-obf67b18ow] {
        opacity: 1; transform: none; animation: none;
    }
    .ayva-hero-orb[b-obf67b18ow] { animation: none; }
    .ayva-hero-scroll-line[b-obf67b18ow] { animation: none; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/AyvaLandingPage.razor.rz.scp.css */
.ayva-landing[b-40ng29tva2] {
    min-height: 100vh;
    background: var(--bg-base);
    color: var(--text-primary);
    font-family: var(--font-primary);
    overflow-x: hidden;
}

.ayva-landing-main[b-40ng29tva2] {
    /* Sections position themselves; this just preserves vertical flow */
    display: flex;
    flex-direction: column;
}
/* _content/Ayva.Marketing.AI/Components/Landing/Cards/CapabilityCard.razor.rz.scp.css */
.cap-card[b-oior21tvxi] {
    position: relative;
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.cap-card:hover[b-oior21tvxi] {
    transform: translateY(-3px);
    border-color: var(--accent-color-30);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}

.cap-card-glow-line[b-oior21tvxi] {
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--accent-color-30) 50%,
        transparent 100%
    );
    opacity: 0;
    transition: opacity var(--transition-normal);
}

.cap-card:hover .cap-card-glow-line[b-oior21tvxi] { opacity: 1; }

.cap-card-icon[b-oior21tvxi] {
    width: 52px;
    height: 52px;
    border-radius: var(--radius-md);
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-md);
    color: var(--accent-color);
}

.cap-card-icon-glyph[b-oior21tvxi] {
    font-size: 1.5rem;
    line-height: 1;
    color: var(--accent-color);
}

.cap-card-title[b-oior21tvxi] {
    font-family: var(--font-primary);
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0 0 var(--space-sm);
}

.cap-card-body[b-oior21tvxi] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--text-sm);
    line-height: 1.55;
}
/* _content/Ayva.Marketing.AI/Components/Landing/Cards/DifferentiatorCard.razor.rz.scp.css */
.diff-card[b-tvdpor6z1w] {
    position: relative;
    padding: var(--space-lg);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.diff-card:hover[b-tvdpor6z1w] {
    transform: translateY(-4px);
    border-color: var(--accent-color-30);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
}

.diff-card-header[b-tvdpor6z1w] {
    display: flex;
    align-items: baseline;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
}

.diff-card-glyph[b-tvdpor6z1w] {
    font-size: 1.4rem;
    color: var(--accent-color);
    line-height: 1;
}

.diff-card-title[b-tvdpor6z1w] {
    font-family: var(--font-primary);
    font-size: var(--text-xl);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    margin: 0;
}

.diff-card-body[b-tvdpor6z1w] {
    color: var(--text-secondary);
    font-size: var(--text-base);
    line-height: 1.6;
    max-width: 56ch;
    padding-right: 80px;
}

.diff-card-svg[b-tvdpor6z1w] {
    position: absolute;
    right: var(--space-lg);
    bottom: var(--space-lg);
    opacity: 0.85;
}

@media (max-width: 640px) {
    .diff-card-body[b-tvdpor6z1w] { padding-right: 0; padding-bottom: 80px; }
    .diff-card-svg[b-tvdpor6z1w] { right: var(--space-md); bottom: var(--space-md); }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Cards/HeroPairCard.razor.rz.scp.css */
.hero-pair-card[b-2wafjqne17] {
    position: relative;
    padding: var(--space-xl);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    transition: transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);
    backdrop-filter: blur(8px);
}

.hero-pair-card:hover[b-2wafjqne17] {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35);
}

.hero-pair-glyph[b-2wafjqne17] {
    display: inline-block;
    font-size: 1.6rem;
    color: var(--accent-color);
    margin-bottom: var(--space-sm);
}

.hero-pair-label[b-2wafjqne17] {
    display: block;
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--accent-color);
    font-weight: var(--font-semibold);
    margin-bottom: var(--space-sm);
}

.hero-pair-title[b-2wafjqne17] {
    font-family: var(--font-primary);
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    margin: 0 0 var(--space-md);
    line-height: 1.2;
}

.hero-pair-body[b-2wafjqne17] {
    color: var(--text-secondary);
    font-size: var(--text-base);
    line-height: 1.6;
    margin: 0;
}
/* _content/Ayva.Marketing.AI/Components/Landing/Cards/MetricTile.razor.rz.scp.css */
.metric-tile[b-8equh7hlds] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    text-align: center;
    transition: transform var(--transition-normal), border-color var(--transition-normal);
    backdrop-filter: blur(8px);
}

.metric-tile:hover[b-8equh7hlds] {
    border-color: var(--accent-color-30);
    transform: translateY(-2px);
}

.metric-tile-visual[b-8equh7hlds] {
    margin-bottom: var(--space-md);
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.metric-tile-value[b-8equh7hlds] {
    font-family: var(--font-primary);
    font-size: clamp(1.5rem, 2.5vw, 2.25rem);
    font-weight: var(--font-bold);
    line-height: 1.1;
    background: var(--accent-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.metric-tile-subtitle[b-8equh7hlds] {
    margin-top: var(--space-xs);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}
/* _content/Ayva.Marketing.AI/Components/Landing/Common/ContextBridgeCard.razor.rz.scp.css */
.context-bridge[b-d9svt5e8gz] {
    position: relative;
    max-width: 1280px;
    margin: var(--space-2xl) auto 0;
    padding: var(--space-2xl);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    overflow: hidden;
    backdrop-filter: blur(12px);
}

.context-bridge-content[b-d9svt5e8gz] {
    position: relative;
    z-index: 1;
    text-align: center;
}

.context-bridge-label[b-d9svt5e8gz] {
    font-size: var(--text-sm);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--accent-color);
    margin-bottom: var(--space-sm);
    font-weight: var(--font-semibold);
}

.context-bridge-body[b-d9svt5e8gz] {
    color: var(--text-secondary);
    font-size: var(--text-lg);
    margin: 0 0 var(--space-lg);
}

.context-bridge-cta[b-d9svt5e8gz] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    border: none;
    background: var(--accent-gradient);
    color: var(--text-primary);
    border-radius: var(--radius-full);
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: var(--text-base);
    cursor: pointer;
    box-shadow: 0 10px 26px var(--accent-color-30);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.context-bridge-cta:hover[b-d9svt5e8gz] {
    transform: translateY(-2px);
    box-shadow: 0 14px 36px var(--accent-color-30);
}

.context-bridge-cta .arrow[b-d9svt5e8gz] {
    transition: transform var(--transition-fast);
}

.context-bridge-cta:hover .arrow[b-d9svt5e8gz] {
    transform: translateX(4px);
}

.context-bridge-fine[b-d9svt5e8gz] {
    margin-top: var(--space-md);
    color: var(--text-muted);
    font-size: var(--text-xs);
}

.context-bridge-decor[b-d9svt5e8gz] {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 40% 50% at 50% 100%, var(--accent-color-15) 0%, transparent 70%);
    z-index: 0;
}
/* _content/Ayva.Marketing.AI/Components/Landing/Common/LandingFooter.razor.rz.scp.css */
.landing-footer[b-mqx1gmygnx] {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
    padding: var(--space-2xl) var(--space-xl) var(--space-md);
    color: var(--text-secondary);
}

.landing-footer-grid[b-mqx1gmygnx] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: var(--space-xl);
    max-width: 1280px;
    margin: 0 auto;
}

.landing-footer-brand-desc[b-mqx1gmygnx] {
    margin-top: var(--space-md);
    color: var(--text-muted);
    font-size: var(--text-sm);
    line-height: 1.55;
    max-width: 30ch;
}

.landing-footer-heading[b-mqx1gmygnx] {
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--text-primary);
    margin: 0 0 var(--space-md);
}

.landing-footer-list[b-mqx1gmygnx] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.landing-footer-link[b-mqx1gmygnx] {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: var(--text-sm);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-family: inherit;
    text-align: left;
    transition: color var(--transition-fast);
}

.landing-footer-link:hover[b-mqx1gmygnx] {
    color: var(--accent-color);
}

.landing-footer-static[b-mqx1gmygnx] {
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.landing-footer-bottom[b-mqx1gmygnx] {
    max-width: 1280px;
    margin: var(--space-2xl) auto 0;
    padding-top: var(--space-md);
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-sm);
    font-size: var(--text-xs);
    color: var(--text-muted);
}

@media (max-width: 768px) {
    .landing-footer-grid[b-mqx1gmygnx] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .landing-footer-grid[b-mqx1gmygnx] {
        grid-template-columns: 1fr;
    }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Common/PlatformShowcase.razor.rz.scp.css */
.showcase-frame[b-jpmpd6tpnh] {
    max-width: 1100px;
    margin: var(--space-xl) auto;
    padding: 0 var(--space-xl);
    outline: none;
}

.showcase-frame:focus-visible[b-jpmpd6tpnh] {
    box-shadow: 0 0 0 2px var(--accent-color), 0 0 0 4px var(--bg-base);
    border-radius: var(--radius-lg);
}

.showcase-caption[b-jpmpd6tpnh] {
    text-align: center;
    margin: 0 0 var(--space-md);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.showcase-caption-prefix[b-jpmpd6tpnh] {
    color: var(--text-muted);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-right: 0.5em;
}

.showcase-caption-label[b-jpmpd6tpnh] {
    color: var(--text-primary);
    font-weight: var(--font-semibold);
}

.showcase-window[b-jpmpd6tpnh] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.showcase-window-chrome[b-jpmpd6tpnh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px var(--space-md);
    background: linear-gradient(to bottom, var(--bg-secondary), var(--bg-card));
    border-bottom: 1px solid var(--border-color);
}

.chrome-dot[b-jpmpd6tpnh] {
    width: 10px;
    height: 10px;
    border-radius: var(--radius-full);
}

.chrome-dot--red[b-jpmpd6tpnh]    { background: #ff5f57; }
.chrome-dot--yellow[b-jpmpd6tpnh] { background: #ffbd2e; }
.chrome-dot--green[b-jpmpd6tpnh]  { background: #28c941; }

.chrome-url[b-jpmpd6tpnh] {
    margin-left: var(--space-md);
    color: var(--text-muted);
    font-family: monospace;
    font-size: var(--text-xs);
}

.showcase-window-body[b-jpmpd6tpnh] {
    position: relative;
    aspect-ratio: 1280 / 800;
    background: var(--bg-base);
    overflow: hidden;
}

.showcase-slide[b-jpmpd6tpnh] {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateX(8px);
    transition: opacity 600ms cubic-bezier(0.4, 0, 0.2, 1), transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.showcase-slide--active[b-jpmpd6tpnh] {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.showcase-slide img[b-jpmpd6tpnh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    user-select: none;
}

/* Review-board fix (C11): inline-SVG-style fallback rendered when an image 404s. */
.showcase-slide-fallback[b-jpmpd6tpnh] {
    position: absolute;
    inset: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-card) 100%);
    color: var(--text-muted);
}

.showcase-slide--failed .showcase-slide-fallback[b-jpmpd6tpnh] {
    display: flex;
}

.showcase-slide-fallback-glyph[b-jpmpd6tpnh] {
    font-size: 3rem;
    color: var(--accent-color);
    opacity: 0.4;
}

.showcase-slide-fallback-caption[b-jpmpd6tpnh] {
    font-size: var(--text-sm);
    text-align: center;
    padding: 0 var(--space-md);
}

.showcase-dots[b-jpmpd6tpnh] {
    display: flex;
    justify-content: center;
    gap: var(--space-sm);
    margin-top: var(--space-md);
}

.showcase-dot[b-jpmpd6tpnh] {
    width: 10px;
    height: 10px;
    border-radius: var(--radius-full);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    cursor: pointer;
    transition: all var(--transition-fast);
    padding: 0;
}

.showcase-dot:hover[b-jpmpd6tpnh] {
    border-color: var(--accent-color);
    transform: scale(1.15);
}

.showcase-dot--active[b-jpmpd6tpnh] {
    background: var(--accent-color);
    border-color: var(--accent-color);
    width: 28px;
    border-radius: var(--radius-full);
}

.sr-only[b-jpmpd6tpnh] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0);
    white-space: nowrap; border: 0;
}

@media (prefers-reduced-motion: reduce) {
    .showcase-slide[b-jpmpd6tpnh] { transition: opacity 0ms; transform: none; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Common/SectionOpener.razor.rz.scp.css */
.section-opener[b-4k12nekak1] {
    max-width: 960px;
    margin: 0 auto var(--space-2xl);
    text-align: center;
    padding: 0 var(--space-md);
}

.section-label-mark[b-4k12nekak1] {
    color: var(--accent-color);
    font-size: 1.1em;
    line-height: 1;
}

.section-opener .section-subtitle[b-4k12nekak1] {
    margin-bottom: 0;
}
/* _content/Ayva.Marketing.AI/Components/Landing/Common/TrustStrip.razor.rz.scp.css */
.trust-strip[b-40e4qqq4mj] {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-sm);
    max-width: 1080px;
}

.trust-strip-pill[b-40e4qqq4mj] {
    padding: 8px 16px;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-full);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    letter-spacing: 0.04em;
    backdrop-filter: blur(8px);
}

.trust-strip-pill[b-40e4qqq4mj]::before {
    content: "▸ ";
    color: var(--accent-color);
    margin-right: 4px;
}

@media (max-width: 640px) {
    .trust-strip[b-40e4qqq4mj] { gap: 6px; }
    .trust-strip-pill[b-40e4qqq4mj] { padding: 6px 12px; font-size: var(--text-xs); }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Sections/AiRails/CapabilityGrid.razor.rz.scp.css */
.ai-capability-grid[b-5h3hntoqf5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-lg);
    max-width: 1280px;
    margin: var(--space-2xl) auto;
    padding: 0 var(--space-xl);
}

@media (max-width: 1024px) {
    .ai-capability-grid[b-5h3hntoqf5] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .ai-capability-grid[b-5h3hntoqf5] { grid-template-columns: 1fr; gap: var(--space-md); }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Sections/AiRails/ResponsiveProactiveRail.razor.rz.scp.css */
/* AI Rail A. Shared .ai-rail-* styles live in wwwroot/assets/css/ayva-theme.css
   under the .ayva-landing scope (alongside .section-title and friends from Task 4).
   This file is intentionally minimal — only rail-A-specific overrides go here. */
/* _content/Ayva.Marketing.AI/Components/Landing/Sections/AiSecuritySection.razor.rz.scp.css */
.ai-security-section[b-c6z6jexj50] {
    position: relative;
    padding: var(--space-2xl) 0;
    overflow: hidden;
    isolation: isolate;
}

.ai-security-bg[b-c6z6jexj50] {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(ellipse 60% 40% at 80% 20%,  var(--accent-color-8) 0%, transparent 70%),
        radial-gradient(ellipse 50% 30% at 20% 80%, var(--info-color-10)   0%, transparent 70%);
    pointer-events: none;
}

.ai-section-divider[b-c6z6jexj50] {
    max-width: 600px;
    margin: var(--space-2xl) auto;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--accent-color-30) 50%, transparent 100%);
    position: relative;
}

.ai-section-divider-glow[b-c6z6jexj50] {
    position: absolute;
    inset: -8px 30% -8px 30%;
    background: radial-gradient(ellipse, var(--accent-color-15) 0%, transparent 70%);
    filter: blur(8px);
}
/* _content/Ayva.Marketing.AI/Components/Landing/Sections/CtaSection.razor.rz.scp.css */
.ayva-cta-section[b-ovrcymyayd] {
    position: relative;
    padding: var(--space-2xl) 0 0;
    background: radial-gradient(ellipse 60% 40% at 50% 0%, var(--accent-color-8) 0%, transparent 70%);
}

.ayva-cta-block[b-ovrcymyayd] {
    max-width: 800px;
    margin: var(--space-2xl) auto;
    padding: 0 var(--space-xl);
    text-align: center;
}

.ayva-cta-title[b-ovrcymyayd] {
    font-family: var(--font-primary);
    font-size: clamp(2.25rem, 4vw, 3.25rem);
    font-weight: var(--font-bold);
    color: var(--text-primary);
    line-height: 1.15;
    margin: 0 0 var(--space-xl);
}

.ayva-cta-actions[b-ovrcymyayd] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--space-xl);
}

.ayva-cta-primary[b-ovrcymyayd] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 36px;
    background: var(--accent-gradient);
    color: var(--text-primary);
    border: none;
    border-radius: var(--radius-full);
    font-family: var(--font-primary);
    font-weight: var(--font-semibold);
    font-size: var(--text-lg);
    cursor: pointer;
    box-shadow: 0 14px 32px var(--accent-color-30);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.ayva-cta-primary:hover[b-ovrcymyayd] {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px var(--accent-color-30);
}

.ayva-cta-primary .arrow[b-ovrcymyayd] {
    transition: transform var(--transition-fast);
}

.ayva-cta-primary:hover .arrow[b-ovrcymyayd] {
    transform: translateX(5px);
}

.ayva-cta-contact[b-ovrcymyayd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-sm);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.ayva-cta-contact-link[b-ovrcymyayd] {
    color: var(--text-secondary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.ayva-cta-contact-link:hover[b-ovrcymyayd] {
    color: var(--accent-color);
}

.ayva-cta-sep[b-ovrcymyayd] {
    color: var(--text-muted);
}
/* _content/Ayva.Marketing.AI/Components/Landing/Sections/InfrastructureSection.razor.rz.scp.css */
.ayva-infra-section[b-vgwqtm10w7] {
    position: relative;
    padding: var(--space-2xl) 0;
    background: radial-gradient(ellipse 50% 40% at 70% 50%, var(--secondary-accent-10) 0%, transparent 75%);
}

.infra-split[b-vgwqtm10w7] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: var(--space-2xl);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 var(--space-xl);
    align-items: center;
}

.infra-topology[b-vgwqtm10w7] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1.2 / 1;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    padding: var(--space-lg);
    overflow: hidden;
    backdrop-filter: blur(8px);
}

.infra-metrics[b-vgwqtm10w7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-md);
}

.infra-capabilities[b-vgwqtm10w7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-lg);
    max-width: 1280px;
    margin: var(--space-2xl) auto 0;
    padding: 0 var(--space-xl);
}

@media (max-width: 1024px) {
    .infra-split[b-vgwqtm10w7] { grid-template-columns: 1fr; }
    .infra-capabilities[b-vgwqtm10w7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .infra-metrics[b-vgwqtm10w7] { grid-template-columns: 1fr; }
    .infra-capabilities[b-vgwqtm10w7] { grid-template-columns: 1fr; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Sections/PlatformSection.razor.rz.scp.css */
.ayva-platform-section[b-0jhvfirmyr] {
    position: relative;
    padding: var(--space-2xl) 0;
    background:
        radial-gradient(ellipse 50% 40% at 30% 30%, var(--secondary-accent-10) 0%, transparent 70%);
}

.platform-diff-row[b-0jhvfirmyr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-lg);
    max-width: 1280px;
    margin: var(--space-2xl) auto 0;
    padding: 0 var(--space-xl);
}

@media (max-width: 1024px) {
    .platform-diff-row[b-0jhvfirmyr] { grid-template-columns: 1fr; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Sections/SpaceSection.razor.rz.scp.css */
.ayva-space-section[b-123hjjbin7] {
    position: relative;
    padding: var(--space-2xl) 0;
    background:
        radial-gradient(ellipse 60% 40% at 30% 20%, var(--accent-color-8) 0%, transparent 70%),
        radial-gradient(ellipse 40% 30% at 70% 80%, var(--info-color-10)  0%, transparent 70%);
}

.space-orbit[b-123hjjbin7] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 720px;
    margin: 0 auto var(--space-2xl);
    padding: 0 var(--space-xl);
}

.space-hero-pair[b-123hjjbin7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
    max-width: 1080px;
    margin: 0 auto var(--space-2xl);
    padding: 0 var(--space-xl);
}

.space-capabilities[b-123hjjbin7] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-md);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 var(--space-xl);
}

@media (max-width: 1024px) {
    .space-hero-pair[b-123hjjbin7] { grid-template-columns: 1fr; }
    .space-capabilities[b-123hjjbin7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .space-capabilities[b-123hjjbin7] { grid-template-columns: 1fr; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/AgentFanOutSvg.razor.rz.scp.css */
.agent-fanout[b-at525jd7er] {
    width: 100%;
    height: 100%;
    max-width: 560px;
    max-height: 420px;
    overflow: visible;
}

.channel-node[b-at525jd7er] {
    filter: drop-shadow(0 0 6px var(--accent-color-15));
}

.agent-core[b-at525jd7er] {
    animation: agent-decide-b-at525jd7er 4s ease-in-out infinite;
    transform-origin: 0 0;
    transform-box: fill-box;
}

@keyframes agent-decide-b-at525jd7er {
    0%, 80%, 100% { filter: drop-shadow(0 0 8px var(--accent-color-30)); }
    85%, 95%      { filter: drop-shadow(0 0 24px var(--accent-color)); }
}

.pulse[b-at525jd7er] {
    opacity: 0;
}

/* ── Inbound (channel → center) ─────────────────────────── */
.pulse--from-discord[b-at525jd7er] { animation: pulse-inbound-discord-b-at525jd7er 4s linear infinite; }
.pulse--from-sms[b-at525jd7er]     { animation: pulse-inbound-sms-b-at525jd7er 4s linear infinite; animation-delay: 200ms; }
.pulse--from-web[b-at525jd7er]     { animation: pulse-inbound-web-b-at525jd7er 4s linear infinite; animation-delay: 400ms; }
.pulse--from-email[b-at525jd7er]   { animation: pulse-inbound-email-b-at525jd7er 4s linear infinite; animation-delay: 600ms; }

@keyframes pulse-inbound-discord-b-at525jd7er {
    0% { transform: translate(-160px, -90px); opacity: 0; }
    5% { opacity: 1; }
    35% { transform: translate(0, 0); opacity: 1; }
    40% { transform: translate(0, 0); opacity: 0; }
    100% { transform: translate(0, 0); opacity: 0; }
}
@keyframes pulse-inbound-sms-b-at525jd7er {
    0% { transform: translate(-160px, 90px); opacity: 0; }
    5% { opacity: 1; }
    35% { transform: translate(0, 0); opacity: 1; }
    40% { transform: translate(0, 0); opacity: 0; }
    100% { transform: translate(0, 0); opacity: 0; }
}
@keyframes pulse-inbound-web-b-at525jd7er {
    0% { transform: translate(160px, -90px); opacity: 0; }
    5% { opacity: 1; }
    35% { transform: translate(0, 0); opacity: 1; }
    40% { transform: translate(0, 0); opacity: 0; }
    100% { transform: translate(0, 0); opacity: 0; }
}
@keyframes pulse-inbound-email-b-at525jd7er {
    0% { transform: translate(160px, 90px); opacity: 0; }
    5% { opacity: 1; }
    35% { transform: translate(0, 0); opacity: 1; }
    40% { transform: translate(0, 0); opacity: 0; }
    100% { transform: translate(0, 0); opacity: 0; }
}

/* ── Outbound (center → channel) ────────────────────────── */
.pulse--to-discord[b-at525jd7er] { animation: pulse-outbound-discord-b-at525jd7er 4s linear infinite; animation-delay: 1.6s; }
.pulse--to-sms[b-at525jd7er]     { animation: pulse-outbound-sms-b-at525jd7er 4s linear infinite;     animation-delay: 1.8s; }
.pulse--to-web[b-at525jd7er]     { animation: pulse-outbound-web-b-at525jd7er 4s linear infinite;     animation-delay: 2.0s; }
.pulse--to-email[b-at525jd7er]   { animation: pulse-outbound-email-b-at525jd7er 4s linear infinite;   animation-delay: 2.2s; }

@keyframes pulse-outbound-discord-b-at525jd7er {
    0% { transform: translate(0, 0); opacity: 0; }
    5% { opacity: 1; }
    35% { transform: translate(-160px, -90px); opacity: 1; }
    40% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes pulse-outbound-sms-b-at525jd7er {
    0% { transform: translate(0, 0); opacity: 0; }
    5% { opacity: 1; }
    35% { transform: translate(-160px, 90px); opacity: 1; }
    40% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes pulse-outbound-web-b-at525jd7er {
    0% { transform: translate(0, 0); opacity: 0; }
    5% { opacity: 1; }
    35% { transform: translate(160px, -90px); opacity: 1; }
    40% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes pulse-outbound-email-b-at525jd7er {
    0% { transform: translate(0, 0); opacity: 0; }
    5% { opacity: 1; }
    35% { transform: translate(160px, 90px); opacity: 1; }
    40% { opacity: 0; }
    100% { opacity: 0; }
}

/* ── Proactive (12s cycle — every 3rd 4s loop) ──────────── */
/* The --to-web class above sets an outbound animation; the proactive
   class layer overrides it with a longer 12s cycle to the same target.
   Specificity: 0,2,0 beats 0,1,0 — two-class selector wins. */
.pulse--proactive.pulse--to-web[b-at525jd7er] {
    animation: pulse-proactive-b-at525jd7er 12s linear infinite;
    filter: drop-shadow(0 0 10px var(--info-color));
}

@keyframes pulse-proactive-b-at525jd7er {
    0%, 80%, 100% { opacity: 0; transform: translate(0, 0); }
    85% { opacity: 1; transform: translate(0, 0); }
    98% { opacity: 1; transform: translate(160px, -90px); }
}

@media (prefers-reduced-motion: reduce) {
    .pulse[b-at525jd7er], .agent-core[b-at525jd7er] { animation: none !important; }
    .pulse[b-at525jd7er] { display: none; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/AsMarkSvg.razor.rz.scp.css */
.as-mark[b-5vdf4dtbr4] {
    width: 100%;
    max-width: 160px;
    height: 60px;
}

.as-badge[b-5vdf4dtbr4] {
    filter: drop-shadow(0 0 4px var(--accent-color-15));
    animation: as-badge-pulse-b-5vdf4dtbr4 4s ease-in-out infinite;
    transform-box: fill-box;
}

.as-badge--1[b-5vdf4dtbr4] { animation-delay: 0s;   }
.as-badge--2[b-5vdf4dtbr4] { animation-delay: 2s;   }

@keyframes as-badge-pulse-b-5vdf4dtbr4 {
    0%, 100% { filter: drop-shadow(0 0 4px var(--accent-color-15)); }
    50%      { filter: drop-shadow(0 0 12px var(--accent-color)); }
}

@media (prefers-reduced-motion: reduce) {
    .as-badge[b-5vdf4dtbr4] { animation: none; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/AuditTrailSvg.razor.rz.scp.css */
.audit-trail-svg[b-ayqr38kqiu] {
    width: 60px;
    height: 60px;
    overflow: visible;
}

.at-rows[b-ayqr38kqiu] { animation: at-scroll-b-ayqr38kqiu 6s ease-in-out infinite; transform-box: fill-box; }

@keyframes at-scroll-b-ayqr38kqiu {
    0%   { transform: translateY(0); opacity: 1; }
    50%  { transform: translateY(-12px); opacity: 1; }
    51%  { transform: translateY(0); opacity: 0; }
    52%  { opacity: 1; }
    100% { transform: translateY(-12px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .at-rows[b-ayqr38kqiu] { animation: none; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/AyvaWordmark.razor.rz.scp.css */
/* Wordmark + streak. The streak sits BEHIND the mark (z-index 0,
   pointer-events none) and extends to the right past the wordmark's
   right edge for a horizon-line trail effect — same design language as
   the original LogoBlock on master. */

.ayva-wordmark[b-edttdivag5] {
    position: relative;
    display: inline-flex;
    align-items: center;
    isolation: isolate; /* contain the z-index stack to this component */
    user-select: none;
    -webkit-user-select: none;
}

.ayva-wordmark-mark[b-edttdivag5] {
    position: relative;
    z-index: 1;
    height: 32px;
    width: auto;
    filter: var(--drop-shadow-soft);
    transition: filter var(--transition-normal);
}

/* Streak container — slim horizontal band, vertically centered on the
   wordmark, extending well past the right edge for the "trail" effect. */
.ayva-wordmark-streak[b-edttdivag5] {
    position: absolute;
    top: 50%;
    left: 0;
    /* 280% of the mark width: the first ~36% sits behind/across the mark,
       the remaining 64% is the visible trail to the right. */
    width: 280%;
    height: 60%;
    transform: translateY(-50%);
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    animation: ayva-wordmark-streak-in-b-edttdivag5 1.6s 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* The wide diffuse glow strip — no crisp horizon line on top. */
.ayva-wordmark-streak-glow[b-edttdivag5] {
    filter: blur(4px);
}

/* Size variants — same mark heights as before, just letting the streak
   inherit width from the mark element it's attached to. */
.ayva-wordmark-small  .ayva-wordmark-mark[b-edttdivag5]   { height: 28px; }
.ayva-wordmark-small  .ayva-wordmark-streak[b-edttdivag5] { width: 320%; height: 40%; }

.ayva-wordmark-medium .ayva-wordmark-mark[b-edttdivag5]   { height: 48px; }
.ayva-wordmark-medium .ayva-wordmark-streak[b-edttdivag5] { width: 300%; }

.ayva-wordmark-large  .ayva-wordmark-mark[b-edttdivag5]   { height: 120px; }
.ayva-wordmark-large  .ayva-wordmark-streak[b-edttdivag5] { width: 260%; height: 50%; }

.ayva-wordmark-hero   .ayva-wordmark-mark[b-edttdivag5] {
    height: 220px;
    filter: drop-shadow(0 0 28px rgba(99, 102, 241, 0.25));
}
.ayva-wordmark-hero   .ayva-wordmark-streak[b-edttdivag5] {
    width: 250%;
    height: 35%;
}

@keyframes ayva-wordmark-streak-in-b-edttdivag5 {
    from {
        opacity: 0;
        transform: translateY(-50%) translateX(-8%) scaleX(0.85);
    }
    to {
        opacity: 1;
        transform: translateY(-50%) translateX(0) scaleX(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ayva-wordmark-streak[b-edttdivag5] {
        opacity: 1;
        animation: none;
        transform: translateY(-50%);
    }
}

@media (max-width: 640px) {
    .ayva-wordmark-hero  .ayva-wordmark-mark[b-edttdivag5] { height: 80px; }
    .ayva-wordmark-large .ayva-wordmark-mark[b-edttdivag5] { height: 80px; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/BandwidthPipeSvg.razor.rz.scp.css */
.bandwidth-pipe[b-l8l4rfsf3d] {
    width: 100%;
    max-width: 220px;
    height: 60px;
}

.bw-packet--up[b-l8l4rfsf3d] {
    animation: bw-flow-up-b-l8l4rfsf3d 3s linear infinite;
}

@keyframes bw-flow-up-b-l8l4rfsf3d {
    from { transform: translateX(0); }
    to   { transform: translateX(-200px); }
}

.bw-packet--up-1[b-l8l4rfsf3d] { animation-delay: 0s; }
.bw-packet--up-2[b-l8l4rfsf3d] { animation-delay: 0.6s; }
.bw-packet--up-3[b-l8l4rfsf3d] { animation-delay: 1.2s; }
.bw-packet--up-4[b-l8l4rfsf3d] { animation-delay: 1.8s; }
.bw-packet--up-5[b-l8l4rfsf3d] { animation-delay: 2.4s; }

.bw-packet--down[b-l8l4rfsf3d] {
    animation: bw-flow-down-b-l8l4rfsf3d 3s linear infinite;
}

@keyframes bw-flow-down-b-l8l4rfsf3d {
    from { transform: translateX(0); }
    to   { transform: translateX(200px); }
}

.bw-packet--down-1[b-l8l4rfsf3d] { animation-delay: 0s; }
.bw-packet--down-2[b-l8l4rfsf3d] { animation-delay: 0.6s; }
.bw-packet--down-3[b-l8l4rfsf3d] { animation-delay: 1.2s; }
.bw-packet--down-4[b-l8l4rfsf3d] { animation-delay: 1.8s; }
.bw-packet--down-5[b-l8l4rfsf3d] { animation-delay: 2.4s; }

@media (prefers-reduced-motion: reduce) {
    .bw-packet--up[b-l8l4rfsf3d], .bw-packet--down[b-l8l4rfsf3d] { animation: none; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/ContractsImplSvg.razor.rz.scp.css */
.contracts-impl-svg[b-4g1f32evhz] {
    width: 60px;
    height: 60px;
    overflow: visible;
}

.ci-seam-pulse[b-4g1f32evhz] {
    animation: ci-pulse-move-b-4g1f32evhz 3s linear infinite;
    filter: drop-shadow(0 0 4px var(--accent-color));
}

@keyframes ci-pulse-move-b-4g1f32evhz {
    0%   { transform: translateX(0);    opacity: 1; }
    90%  { transform: translateX(40px); opacity: 1; }
    100% { transform: translateX(40px); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .ci-seam-pulse[b-4g1f32evhz] { animation: none; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/GatedPipelineSvg.razor.rz.scp.css */
.gated-pipeline[b-ocdypom67i] {
    width: 100%;
    height: 100%;
    max-width: 600px;
    max-height: 280px;
    overflow: visible;
}

.pipeline-gate[b-ocdypom67i] {
    filter: drop-shadow(0 0 6px var(--accent-color-15));
}

.pipeline-gate-lock[b-ocdypom67i] {
    animation: gate-scan-b-ocdypom67i 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

.pipeline-gate--1 .pipeline-gate-lock[b-ocdypom67i] { animation-delay: 0.6s; }
.pipeline-gate--2 .pipeline-gate-lock[b-ocdypom67i] { animation-delay: 1.4s; }
.pipeline-gate--3 .pipeline-gate-lock[b-ocdypom67i] { animation-delay: 2.2s; }
.pipeline-gate--4 .pipeline-gate-lock[b-ocdypom67i] { animation-delay: 3.0s; }
.pipeline-gate--5 .pipeline-gate-lock[b-ocdypom67i] { animation-delay: 3.8s; }

@keyframes gate-scan-b-ocdypom67i {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.3; }
}

.pipeline-token--pass[b-ocdypom67i] {
    animation: token-traverse-b-ocdypom67i 6s linear infinite;
    filter: drop-shadow(0 0 8px var(--accent-color));
}

@keyframes token-traverse-b-ocdypom67i {
    0%   { transform: translateX(0); opacity: 1; }
    85%  { transform: translateX(480px); opacity: 1; }
    95%  { transform: translateX(480px); opacity: 0; }
    100% { transform: translateX(0); opacity: 0; }
}

.pipeline-token--deny[b-ocdypom67i] {
    animation: token-rejected-b-ocdypom67i 18s linear infinite;
    animation-delay: 6s;
    filter: drop-shadow(0 0 8px var(--warning-color));
    fill: var(--warning-color);
    opacity: 0;
}

@keyframes token-rejected-b-ocdypom67i {
    0%, 100% { transform: translateX(0); opacity: 0; }
    5%       { transform: translateX(0); opacity: 1; }
    25%      { transform: translateX(240px); opacity: 1; fill: var(--warning-color); }
    35%      { transform: translateX(0); opacity: 1; }
    40%      { opacity: 0; }
}

.pipeline-deny-label[b-ocdypom67i] {
    opacity: 0;
    animation: deny-label-show-b-ocdypom67i 18s linear infinite;
    animation-delay: 6s;
}

@keyframes deny-label-show-b-ocdypom67i {
    0%, 100% { opacity: 0; }
    25%, 32% { opacity: 1; }
    35%      { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .pipeline-token[b-ocdypom67i], .pipeline-deny-label[b-ocdypom67i], .pipeline-gate-lock[b-ocdypom67i] { animation: none; }
    .pipeline-token--pass[b-ocdypom67i] { opacity: 1; }
    .pipeline-token--deny[b-ocdypom67i] { display: none; }
    .pipeline-deny-label[b-ocdypom67i]  { display: none; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/HotReloadSvg.razor.rz.scp.css */
.hot-reload-svg[b-d8ixwz592z] {
    width: 60px;
    height: 60px;
    overflow: visible;
}

.hr-mod--A[b-d8ixwz592z] {
    animation: hr-mod-cycle-b-d8ixwz592z 4s ease-in-out infinite;
    transform-box: fill-box;
    transform-origin: center;
}

.hr-mod--B[b-d8ixwz592z] {
    animation: hr-mod-cycle-b-d8ixwz592z 4s ease-in-out infinite -2s;
    transform-box: fill-box;
    transform-origin: center;
}

@keyframes hr-mod-cycle-b-d8ixwz592z {
    0%, 100% { opacity: 1; filter: drop-shadow(0 0 0 transparent); }
    45%      { opacity: 1; filter: drop-shadow(0 0 6px var(--accent-color)); }
    50%      { opacity: 0; }
    55%      { opacity: 1; filter: drop-shadow(0 0 6px var(--accent-color)); }
}

.hr-arrow[b-d8ixwz592z] {
    animation: hr-arrow-pulse-b-d8ixwz592z 4s ease-in-out infinite;
}

@keyframes hr-arrow-pulse-b-d8ixwz592z {
    0%, 100% { opacity: 0.3; }
    50%      { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .hr-mod--A[b-d8ixwz592z], .hr-mod--B[b-d8ixwz592z], .hr-arrow[b-d8ixwz592z] { animation: none; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/LatencyDialSvg.razor.rz.scp.css */
.latency-dial[b-p8fvvugwgq] {
    width: 100%;
    max-width: 140px;
    height: 70px;
}

.dial-needle[b-p8fvvugwgq] {
    transform-origin: 60px 60px;
    animation: dial-needle-settle-b-p8fvvugwgq 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes dial-needle-settle-b-p8fvvugwgq {
    from { transform: rotate(120deg); }
    to   { transform: rotate(0deg); }
}

.dial-sweep[b-p8fvvugwgq] {
    animation: dial-sweep-rotate-b-p8fvvugwgq 4s linear infinite;
    transform-origin: 60px 60px;
}

@keyframes dial-sweep-rotate-b-p8fvvugwgq {
    from { stroke-dashoffset: 0; }
    to   { stroke-dashoffset: -56; }
}

@media (prefers-reduced-motion: reduce) {
    .dial-needle[b-p8fvvugwgq], .dial-sweep[b-p8fvvugwgq] { animation: none; }
    .dial-needle[b-p8fvvugwgq] { transform: rotate(0deg); }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/MemoryGraphSvg.razor.rz.scp.css */
.memory-graph[b-188ysjy38p] {
    width: 100%;
    height: 100%;
    max-width: 540px;
    max-height: 380px;
    overflow: visible;
}

.memory-card[b-188ysjy38p] {
    transform-origin: center;
    transform-box: fill-box;
    animation: memory-card-idle-b-188ysjy38p 10s ease-in-out infinite;
}

.memory-card--1[b-188ysjy38p] { animation-delay: 0s;   }
.memory-card--2[b-188ysjy38p] { animation-delay: 2.4s; }
.memory-card--3[b-188ysjy38p] { animation-delay: 4.8s; }
.memory-card--4[b-188ysjy38p] { animation-delay: 7.2s; }

@keyframes memory-card-idle-b-188ysjy38p {
    0%, 90%, 100% {
        filter: drop-shadow(0 0 0 transparent);
    }
    5%, 12% {
        filter: drop-shadow(0 0 12px var(--success-color));
    }
}

.event-dot[b-188ysjy38p] {
    transform-origin: center;
    transform-box: fill-box;
    animation: event-dot-spawn-b-188ysjy38p 10s ease-out infinite;
    opacity: 0;
}

.event-dot--1[b-188ysjy38p] { animation-delay: 0.4s; }
.event-dot--2[b-188ysjy38p] { animation-delay: 2.8s; }
.event-dot--3[b-188ysjy38p] { animation-delay: 5.2s; }
.event-dot--4[b-188ysjy38p] { animation-delay: 7.6s; }
.event-dot--5[b-188ysjy38p] { animation-delay: 9.0s; }

@keyframes event-dot-spawn-b-188ysjy38p {
    0%, 100% { opacity: 0; transform: scale(0); }
    3%       { opacity: 1; transform: scale(1.4); }
    6%       { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.8; }
    95%      { opacity: 0.4; }
}

.event-connector[b-188ysjy38p] {
    animation: event-connector-draw-b-188ysjy38p 10s ease-out infinite;
}

.event-connector--1[b-188ysjy38p] { animation-delay: 0.4s; }
.event-connector--2[b-188ysjy38p] { animation-delay: 2.8s; }
.event-connector--3[b-188ysjy38p] { animation-delay: 5.2s; }
.event-connector--4[b-188ysjy38p] { animation-delay: 7.6s; }
.event-connector--5[b-188ysjy38p] { animation-delay: 9.0s; }

@keyframes event-connector-draw-b-188ysjy38p {
    0%, 100% { stroke-dashoffset: 200; opacity: 0; }
    3%       { stroke-dashoffset: 200; opacity: 0; }
    8%       { stroke-dashoffset: 0;   opacity: 1; }
    50%      { opacity: 0.4; }
}

@media (prefers-reduced-motion: reduce) {
    .memory-card[b-188ysjy38p], .event-dot[b-188ysjy38p], .event-connector[b-188ysjy38p] { animation: none; }
    .event-dot[b-188ysjy38p] { opacity: 1; }
    .event-connector[b-188ysjy38p] { stroke-dashoffset: 0; opacity: 0.6; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/NetworkTopologySvg.razor.rz.scp.css */
.net-topology[b-atul7682gs] {
    width: 100%;
    height: 100%;
    max-width: 480px;
    max-height: 380px;
    overflow: visible;
}

.topo-pop[b-atul7682gs] {
    filter: drop-shadow(0 0 12px var(--accent-color-15));
    animation: topo-pop-breathe-b-atul7682gs 6s ease-in-out infinite;
    transform-box: fill-box;
}

.topo-pop--den[b-atul7682gs] { animation-delay: -3s; }

@keyframes topo-pop-breathe-b-atul7682gs {
    0%, 100% { filter: drop-shadow(0 0 12px var(--accent-color-15)); }
    50%      { filter: drop-shadow(0 0 24px var(--accent-color-30)); }
}

.topo-bgp-pulse[b-atul7682gs] {
    animation: topo-bgp-flow-b-atul7682gs 4s ease-in-out infinite;
}

@keyframes topo-bgp-flow-b-atul7682gs {
    0%   { transform: translate(0, 0); opacity: 0; }
    10%  { opacity: 1; }
    45%  { transform: translate(20px, 50px); opacity: 1; }
    50%  { transform: translate(20px, 50px); opacity: 0; }
    55%  { transform: translate(0, 0); opacity: 0; }
    65%  { opacity: 1; }
    100% { transform: translate(0, 0); opacity: 0; }
}

.topo-peer[b-atul7682gs] {
    animation: topo-peer-glow-b-atul7682gs 3s ease-in-out infinite;
    transform-box: fill-box;
}

.topo-peer--1[b-atul7682gs] { animation-delay: 0s;    }
.topo-peer--2[b-atul7682gs] { animation-delay: 0.4s;  }
.topo-peer--3[b-atul7682gs] { animation-delay: 0.8s;  }
.topo-peer--4[b-atul7682gs] { animation-delay: 1.2s;  }
.topo-peer--5[b-atul7682gs] { animation-delay: 1.6s;  }
.topo-peer--6[b-atul7682gs] { animation-delay: 2.0s;  }
.topo-peer--7[b-atul7682gs] { animation-delay: 2.4s;  }
.topo-peer--8[b-atul7682gs] { animation-delay: 2.8s;  }

@keyframes topo-peer-glow-b-atul7682gs {
    0%, 100% { opacity: 0.6; }
    50%      { opacity: 1; filter: drop-shadow(0 0 4px var(--accent-color)); }
}

@media (prefers-reduced-motion: reduce) {
    .topo-pop[b-atul7682gs], .topo-bgp-pulse[b-atul7682gs], .topo-peer[b-atul7682gs] { animation: none; }
    .topo-bgp-pulse[b-atul7682gs] { opacity: 0.4; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/NeuralMeshSvg.razor.rz.scp.css */
.neural-mesh[b-aqpzscyt8z] {
    width: 100%;
    height: 100%;
    max-width: 520px;
    max-height: 520px;
    overflow: visible;
}

.mesh-rotor[b-aqpzscyt8z] {
    transform-origin: center;
    animation: mesh-rotate-b-aqpzscyt8z 80s linear infinite;
}

@keyframes mesh-rotate-b-aqpzscyt8z {
    from { transform: rotate(0deg);   }
    to   { transform: rotate(360deg); }
}

.mesh-node[b-aqpzscyt8z] {
    transform-box: fill-box;
    transform-origin: center;
    animation: mesh-node-pulse-b-aqpzscyt8z var(--landing-mesh-pulse-duration, 3s) ease-in-out infinite;
    filter: drop-shadow(0 0 6px var(--accent-color-30));
}

.mesh-node--inner[b-aqpzscyt8z] {
    animation-duration: 4s;
}

@keyframes mesh-node-pulse-b-aqpzscyt8z {
    0%, 100% { transform: scale(1);    opacity: 0.85; }
    50%      { transform: scale(1.45); opacity: 1;    }
}

.mesh-edge[b-aqpzscyt8z] {
    animation: mesh-edge-shimmer-b-aqpzscyt8z 4s linear infinite;
}

@keyframes mesh-edge-shimmer-b-aqpzscyt8z {
    from { stroke-dashoffset: 40; }
    to   { stroke-dashoffset: 0;  }
}

.mesh-hub[b-aqpzscyt8z] {
    filter: drop-shadow(0 0 14px var(--accent-color-30));
    animation: mesh-hub-pulse-b-aqpzscyt8z 5s ease-in-out infinite;
}

@keyframes mesh-hub-pulse-b-aqpzscyt8z {
    0%, 100% { transform: scale(1);    }
    50%      { transform: scale(1.15); }
}

.mesh-lock[b-aqpzscyt8z] {
    transform-origin: center;
    opacity: 0;
    animation: mesh-lock-cycle-b-aqpzscyt8z 8s ease-in-out infinite 2.2s;
}

@keyframes mesh-lock-cycle-b-aqpzscyt8z {
    0%, 100% { opacity: 0; transform: scale(0.85); }
    8%, 22%  { opacity: 0.95; transform: scale(1); }
    30%      { opacity: 0; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .mesh-rotor[b-aqpzscyt8z],
    .mesh-node[b-aqpzscyt8z],
    .mesh-edge[b-aqpzscyt8z],
    .mesh-hub[b-aqpzscyt8z],
    .mesh-lock[b-aqpzscyt8z] {
        animation: none !important;
    }
    .mesh-lock[b-aqpzscyt8z] { opacity: 0.6; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/OrbitSvg.razor.rz.scp.css */
.orbit-svg[b-vuvwszwymp] {
    width: 100%;
    height: 100%;
    max-width: 640px;
    max-height: 440px;
    overflow: visible;
}

.orbit-rotor[b-vuvwszwymp] {
    transform-origin: center;
    animation: orbit-rotate-b-vuvwszwymp var(--landing-orbit-rotation, 60s) linear infinite;
}

@keyframes orbit-rotate-b-vuvwszwymp {
    from { transform: rotate(0deg);   }
    to   { transform: rotate(360deg); }
}

.orbit-sat--main[b-vuvwszwymp] {
    filter: drop-shadow(0 0 8px var(--accent-color));
}

.orbit-telem-packet[b-vuvwszwymp] {
    filter: drop-shadow(0 0 6px var(--info-color));
}

.orbit-layer[b-vuvwszwymp] {
    animation: orbit-layer-shimmer-b-vuvwszwymp 6s ease-in-out infinite;
}

.orbit-layer--1[b-vuvwszwymp] { animation-delay: 0s;    }
.orbit-layer--2[b-vuvwszwymp] { animation-delay: 0.6s;  }
.orbit-layer--3[b-vuvwszwymp] { animation-delay: 1.2s;  }
.orbit-layer--4[b-vuvwszwymp] { animation-delay: 1.8s;  }
.orbit-layer--5[b-vuvwszwymp] { animation-delay: 2.4s;  }
.orbit-layer--6[b-vuvwszwymp] { animation-delay: 3.0s;  }
.orbit-layer--7[b-vuvwszwymp] { animation-delay: 3.6s;  }

@keyframes orbit-layer-shimmer-b-vuvwszwymp {
    0%, 100% { opacity: 0.4; }
    50%      { opacity: 1; filter: drop-shadow(0 0 4px var(--info-color)); }
}

.orbit-gnd[b-vuvwszwymp], .orbit-mops[b-vuvwszwymp] {
    filter: drop-shadow(0 0 6px var(--secondary-accent-10));
}

@media (prefers-reduced-motion: reduce) {
    .orbit-rotor[b-vuvwszwymp], .orbit-telem-packet[b-vuvwszwymp], .orbit-layer[b-vuvwszwymp] { animation: none; }
    .orbit-telem-packet[b-vuvwszwymp] { opacity: 0.4; }
}
/* _content/Ayva.Marketing.AI/Components/Landing/Visuals/RackSvg.razor.rz.scp.css */
.rack-svg[b-8j8x2nbcfs] {
    width: 60px;
    height: 60px;
}

.rack-led[b-8j8x2nbcfs] {
    filter: drop-shadow(0 0 2px var(--success-color));
    animation: rack-led-pulse-b-8j8x2nbcfs 2.5s ease-in-out infinite;
}

.rack-led--1[b-8j8x2nbcfs] { animation-delay: 0s;    }
.rack-led--2[b-8j8x2nbcfs] { animation-delay: 0.3s;  }
.rack-led--3[b-8j8x2nbcfs] { animation-delay: 0.6s;  }
.rack-led--4[b-8j8x2nbcfs] { animation-delay: 0.9s;  }
.rack-led--5[b-8j8x2nbcfs] { animation-delay: 1.2s;  }
.rack-led--6[b-8j8x2nbcfs] { animation-delay: 1.5s;  }

@keyframes rack-led-pulse-b-8j8x2nbcfs {
    0%, 100% { opacity: 0.85; }
    50%      { opacity: 0.25; }
}

@media (prefers-reduced-motion: reduce) {
    .rack-led[b-8j8x2nbcfs] { animation: none; }
}