/* ============================================================
   PREMIUM V2 — BAM CRM  Full Dark Tech Theme
   Layered on top of existing style.css — overrides only
   ============================================================ */

/* -- 0. GLOBAL DARK FOUNDATION -- */

body[data-page] {
    background: #050a07 !important;
    color: var(--text);
}

body[data-page]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(rgba(0, 255, 174,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 255, 174,.03) 1px, transparent 1px);
    background-size: 80px 80px;
}

/* Ambient floating CSS orbs — continuous depth layer */
body[data-page]::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(circle 4px at 12% 18%, rgba(87,245,196,.18) 0%, transparent 100%),
        radial-gradient(circle 2.5px at 85% 12%, rgba(87,245,196,.12) 0%, transparent 100%),
        radial-gradient(circle 5px at 22% 52%, rgba(0, 255, 174,.15) 0%, transparent 100%),
        radial-gradient(circle 2px at 72% 42%, rgba(87,245,196,.10) 0%, transparent 100%),
        radial-gradient(circle 3.5px at 42% 76%, rgba(0, 255, 174,.14) 0%, transparent 100%),
        radial-gradient(circle 2px at 92% 68%, rgba(87,245,196,.08) 0%, transparent 100%),
        radial-gradient(circle 3px at 6% 88%, rgba(0, 255, 174,.12) 0%, transparent 100%),
        radial-gradient(circle 2px at 55% 8%, rgba(87,245,196,.10) 0%, transparent 100%),
        radial-gradient(circle 4.5px at 33% 33%, rgba(0, 255, 174,.08) 0%, transparent 100%),
        radial-gradient(circle 2px at 68% 92%, rgba(87,245,196,.12) 0%, transparent 100%);
    animation: cssOrbs 25s ease-in-out infinite alternate;
}
@keyframes cssOrbs {
    0%   { transform: translateY(0) scale(1); }
    50%  { transform: translateY(-20px) scale(1.02); }
    100% { transform: translateY(10px) scale(0.98); }
}

#globalParticles {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    opacity: 1;
}

body[data-page] .site-shell,
body[data-page] main {
    position: relative;
    z-index: 1;
}

/* -- SECTION GLOW DIVIDERS — brighter inter-section glow -- */
.benefits-section,
.features-grid-section,
.support-section,
.plans-section-home,
.social-proof-home,
.home-faq,
.integrations-section,
.home-final-cta,
.cases-section,
.testimonials-section,
.social-section,
.pricing-section,
.pricing-support,
.comparison-section,
.faq-section,
.fit-section,
.page-hero,
.pricing-top,
.final-cta {
    position: relative;
}

/* Bottom glow between sections */
.benefits-section::after,
.features-grid-section::after,
.support-section::after,
.plans-section-home::after,
.social-proof-home::after,
.home-faq::after,
.cases-section::after,
.testimonials-section::after,
.pricing-section::after,
.comparison-section::after,
.faq-section::after,
.fit-section::after,
.pricing-support::after,
.integrations-section::after {
    content: "";
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 280px;
    background: radial-gradient(ellipse, rgba(0, 255, 174,.12), transparent 70%);
    filter: blur(60px);
    pointer-events: none;
    z-index: 0;
}

/* ── AMBIENT GLOW ORBS ─ pulsing radial glows per-section ── */
@keyframes ambientDrift {
    0%   { transform: translate(-50%,-50%) scale(1); opacity: .4; }
    50%  { transform: translate(-50%,-50%) scale(1.2); opacity: .7; }
    100% { transform: translate(-50%,-50%) scale(1); opacity: .4; }
}

/* Top-left glow orb via a shared class approach using CSS nesting-free selectors */
.benefits-section::before,
.features-grid-section::before,
.plans-section-home::before,
.social-proof-home::before,
.cases-section::before,
.pricing-section::before,
.fit-section::before {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 255, 174,.10), transparent 65%);
    filter: blur(80px);
    pointer-events: none;
    z-index: 0;
    animation: ambientDrift 8s ease-in-out infinite;
}

/* Alternate positions */
.benefits-section::before { top: 20%; left: 10%; }
.features-grid-section::before { top: 30%; right: 5%; left: auto; }
.plans-section-home::before { top: 10%; left: 15%; }
.social-proof-home::before { top: 40%; right: 10%; left: auto; }
.cases-section::before { top: 20%; left: 5%; }
.pricing-section::before { top: 15%; right: 8%; left: auto; }
.fit-section::before { top: 30%; left: 12%; }

/* Secondary orb on some sections */
.support-section::before,
.home-faq::before,
.testimonials-section::before,
.comparison-section::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(87,245,196,.06), transparent 60%);
    filter: blur(70px);
    pointer-events: none;
    z-index: 0;
    animation: ambientDrift 10s ease-in-out infinite reverse;
}
.support-section::before { bottom: 20%; right: 8%; top: auto; }
.home-faq::before { top: 25%; left: 8%; }
.testimonials-section::before { top: 30%; right: 5%; left: auto; }
.comparison-section::before { top: 20%; left: 10%; }

/* -- UNIVERSAL DARK TEXT -- */
body[data-page] .section-heading { color: var(--text); }
body[data-page] .section-heading h2 { color: #eef4f0; }
body[data-page] .section-heading p { color: rgba(243,245,242,.6); }

body[data-page] .section-tag {
    background: rgba(0, 255, 174,.12);
    border-color: rgba(0, 255, 174,.2);
    color: #57f5c3;
}

body[data-page] .plans-detail-link {
    color: #57f5c3;
    border-bottom-color: rgba(87,245,196,.3);
}
body[data-page] .plans-detail-link:hover {
    color: #00ffae;
    border-color: #00ffae;
}

/* -- 1. HERO — make background semi-transparent for particles -- */
body[data-page=\"home\"] .home-hero {
    background:
        radial-gradient(circle at 15% 18%, rgba(0, 255, 174, 0.2), transparent 22%),
        radial-gradient(circle at 82% 10%, rgba(83, 125, 107, 0.24), transparent 26%),
        linear-gradient(180deg, rgba(8,16,13,.88) 0%, rgba(13,25,20,.88) 100%) !important;
}

.hero-particles-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    opacity: .85;
}

.hero-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(100px);
    z-index: 0;
}
.hero-glow--tl {
    width: 600px; height: 600px;
    top: -180px; left: -120px;
    background: radial-gradient(circle, rgba(0, 255, 174,.25), transparent 70%);
    animation: glowPulse 6s ease-in-out infinite alternate;
}
.hero-glow--br {
    width: 500px; height: 500px;
    bottom: -100px; right: -80px;
    background: radial-gradient(circle, rgba(29,107,79,.2), transparent 70%);
    animation: glowPulse 8s ease-in-out infinite alternate-reverse;
}

@keyframes glowPulse {
    0%   { opacity: .5; transform: scale(1); }
    100% { opacity: 1; transform: scale(1.15); }
}

.home-hero .hero-copy,
.home-hero .hero-visual { will-change: transform, opacity; }

.hero-float-card { will-change: transform, opacity; }
.hero-float-card--leads  { animation: floatCard 5s ease-in-out infinite alternate; }
.hero-float-card--conv   { animation: floatCard 6s ease-in-out .5s infinite alternate; }
.hero-float-card--neg    { animation: floatCard 7s ease-in-out 1s infinite alternate; }

@keyframes floatCard {
    0%   { transform: translateY(0); }
    100% { transform: translateY(-8px); }
}

.hero-banner-img { animation: bannerFloat 8s ease-in-out infinite alternate; }
@keyframes bannerFloat {
    0%   { transform: translateY(0) scale(1); }
    100% { transform: translateY(-6px) scale(1.005); }
}

.hero-pillars span { will-change: transform, opacity; }

[data-gsap="hero-title"],
[data-gsap="hero-pillars"],
[data-gsap="hero-subtitle"],
[data-gsap="hero-cta"],
[data-gsap="hero-proof"],
[data-gsap="hero-visual"] {
    opacity: 0;
    transform: translateY(40px);
}
[data-gsap="hero-float"] {
    opacity: 0;
    transform: scale(.8) translateY(20px);
}

.scroll-indicator {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    z-index: 5;
    opacity: .6;
    animation: scrollBounce 2s ease-in-out infinite;
}
.scroll-indicator span {
    font-size: .72rem;
    font-weight: 600;
    color: rgba(243,245,242,.5);
    letter-spacing: .12em;
    text-transform: uppercase;
}
.scroll-indicator svg { color: rgba(87,245,196,.6); }

@keyframes scrollBounce {
    0%,100% { transform: translateX(-50%) translateY(0); }
    50%     { transform: translateX(-50%) translateY(8px); }
}

/* -- 2. CLIENTS CAROUSEL -- */
body[data-page="home"] .clients-carousel-section {
    background: rgba(8,14,11,.85);
    border-bottom-color: rgba(0, 255, 174,.08);
    position: relative;
}
body[data-page="home"] .clients-carousel-section::before {
    content: "";
    position: absolute; top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 255, 174,.25), transparent);
}
body[data-page="home"] .clients-carousel-section::after {
    content: "";
    position: absolute; bottom: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 255, 174,.12), transparent);
}
body[data-page="home"] .clients-carousel-label { color: rgba(243,245,242,.8); }
body[data-page="home"] .carousel-item img { opacity: .5; filter: brightness(1.2); }
body[data-page="home"] .carousel-item img:hover { opacity: .85; }

/* -- 3. BENEFITS -- */
body[data-page="home"] .benefits-section {
    background: linear-gradient(180deg, rgba(6,12,9,.88) 0%, rgba(8,18,16,.88) 50%, rgba(6,12,9,.88) 100%);
    position: relative;
    overflow: hidden;
}
body[data-page="home"] .bsplit-content .section-heading h2 { color: #eef4f0; }
body[data-page="home"] .bsplit-content .section-heading p { color: rgba(243,245,242,.6); }

body[data-page="home"] .benefit-card {
    background: rgba(18, 22, 20, .95);
    border-color: rgba(0, 255, 174,.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 24px rgba(0,0,0,.12);
}
body[data-page="home"] .benefit-card:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.3);
    box-shadow: 0 16px 48px rgba(0, 255, 174,.12);
}
body[data-page="home"] .benefit-card h3 { color: #e9f2ec; }
body[data-page="home"] .benefit-card p { color: #3a5a4c; }
body[data-page="home"] .benefit-icon {
    background: rgba(0, 255, 174,.1);
    color: #00ffae;
}
body[data-page="home"] .bsplit-image {
    box-shadow: 0 32px 80px rgba(0,0,0,.4);
    border: 1px solid rgba(0, 255, 174,.1);
}

/* -- 4. SYSTEM PREVIEW -- */
body[data-page="home"] .system-preview-section {
    position: relative;
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(10,21,17,.88) 50%, rgba(7,13,10,.88) 100%);
    overflow: hidden;
}

/* -- 5. FEATURES -- */
body[data-page="home"] .features-grid-section {
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(10,21,17,.88) 50%, rgba(7,13,10,.88) 100%);
    position: relative;
    overflow: hidden;
}
body[data-page="home"] .feature-card {
    background: rgba(18, 22, 20, .95);
    border: 1px solid rgba(0, 255, 174,.1);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
    position: relative;
    overflow: hidden;
}
body[data-page="home"] .feature-card:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.28);
    box-shadow: 0 0 30px rgba(0, 255, 174,.08), 0 20px 50px rgba(0,0,0,.12);
    transform: translateY(-4px);
}
body[data-page="home"] .feature-card::before {
    content: "";
    position: absolute;
    top: -100%; left: 0;
    width: 100%; height: 50%;
    background: linear-gradient(180deg, transparent, rgba(87,245,196,.04), transparent);
    pointer-events: none;
    z-index: 1;
}
body[data-page="home"] .feature-card::after {
    content: "";
    position: absolute;
    bottom: 0; left: 0;
    width: 0; height: 1px;
    background: linear-gradient(90deg, rgba(87,245,196,.5), rgba(0, 255, 174,.2), transparent);
    transition: width .6s ease;
    z-index: 1;
}
body[data-page="home"] .feature-card:hover::after { width: 100%; }

body[data-page="home"] .feature-card h4 { color: #e9f2ec; }
body[data-page="home"] .feature-card p { color: #3a5a4c; }
body[data-page="home"] .feature-icon {
    background: rgba(0, 255, 174,.1);
    color: #00ffae;
    border: 1px solid rgba(0, 255, 174,.15);
}
body[data-page="home"] .feature-link { color: #00ffae; }
body[data-page="home"] .feature-link:hover { color: #1a8a5e; }

/* -- 6. SUPPORT -- */
body[data-page="home"] .support-section {
    background: linear-gradient(180deg, rgba(6,12,9,.88) 0%, rgba(8,18,16,.88) 50%, rgba(6,12,9,.88) 100%);
    position: relative;
    overflow: hidden;
}
body[data-page="home"] .support-title { color: #eef4f0; }
body[data-page="home"] .support-subtitle { color: rgba(243,245,242,.6); }
body[data-page="home"] .support-content > .section-tag {
    color: #57f5c3;
    background: rgba(0, 255, 174,.12);
    border-color: rgba(0, 255, 174,.2);
}
body[data-page="home"] .support-image { position: relative; }
body[data-page="home"] .support-image::before {
    content: "";
    position: absolute; inset: -20px;
    background: radial-gradient(ellipse at center, rgba(0, 255, 174,.12), transparent 60%);
    filter: blur(40px);
    pointer-events: none;
    z-index: 0;
    border-radius: 28px;
}
body[data-page="home"] .support-image img {
    position: relative;
    z-index: 1;
    border: 1px solid rgba(0, 255, 174,.1);
}
body[data-page="home"] .support-card {
    background: rgba(18, 22, 20, .95);
    border-color: rgba(0, 255, 174,.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
    position: relative;
    overflow: hidden;
}
body[data-page="home"] .support-card:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.25);
    box-shadow: 0 12px 36px rgba(0, 255, 174,.1);
}
body[data-page="home"] .support-card::before {
    content: "";
    position: absolute; top: 0; left: 0;
    width: 2px; height: 0;
    background: rgba(87,245,196,.5);
    transition: height .4s ease;
    z-index: 1;
}
body[data-page="home"] .support-card:hover::before { height: 100%; }
body[data-page="home"] .support-card strong { color: #e9f2ec; }
body[data-page="home"] .support-card span { color: #3a5a4c; }
body[data-page="home"] .support-card-icon {
    background: rgba(0, 255, 174,.1);
    color: #00ffae;
}

/* -- 7. PLANS -- */
body[data-page="home"] .plans-section-home {
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(11,26,20,.88) 50%, rgba(7,13,10,.88) 100%);
    border-top-color: rgba(0, 255, 174,.08);
    position: relative;
    overflow: hidden;
}
body[data-page="home"] .home-billing-toggle {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.08);
}
body[data-page="home"] .billing-option {
    color: rgba(243,245,242,.6);
}
body[data-page="home"] .billing-option.is-active {
    background: var(--brand-strong);
    color: #fff;
}

/* Non-featured plan cards */
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) {
    background: rgba(18, 22, 20, .95);
    border-color: rgba(0, 255, 174,.1);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
    position: relative;
    overflow: hidden;
}
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured):hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.25);
    box-shadow: 0 20px 50px rgba(0,0,0,.12);
}
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-home-header h3 { color: #e9f2ec; }
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-home-header p { color: #3a5a4c; }
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-home-price strong,
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-home-price .price-value { color: #e9f2ec; }
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-home-price span,
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-home-price .price-period { color: #5a7a6c; }
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-home-price .price-billing-note { color: #00ffae; }
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-home-price .price-original { color: #8aaa9c; }
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-home-features li { color: #3a5a4c; }
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-home-features li svg { color: #00ffae; }
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-tag {
    background: rgba(0, 255, 174,.08);
    border-color: rgba(0, 255, 174,.15);
    color: #00ffae;
}
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .plan-tag.dark {
    background: rgba(0, 255, 174,.12);
    color: #e9f2ec;
}
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .button-secondary {
    background: rgba(0, 255, 174,.08);
    border-color: rgba(0, 255, 174,.2);
    color: #e9f2ec;
}
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .button-secondary:hover {
    background: rgba(0, 255, 174,.15);
    border-color: rgba(0, 255, 174,.35);
    color: #e9f2ec;
}
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .button-outline-dark {
    border-color: rgba(17,35,28,.2);
    color: #e9f2ec;
}
body[data-page="home"] .plan-home-card:not(.plan-home-card--featured) .button-outline-dark:hover {
    border-color: #00ffae;
    color: #00ffae;
    background: rgba(0, 255, 174,.06);
}

/* Featured (Pro) — enhanced glow */
body[data-page="home"] .plan-home-card--featured {
    position: relative;
    overflow: hidden;
    border-color: rgba(87,245,196,.2);
    box-shadow: 0 0 40px rgba(0, 255, 174,.08), 0 24px 60px rgba(0,0,0,.35);
}
body[data-page="home"] .plan-home-card--featured::after {
    content: "";
    position: absolute;
    top: -50%; right: -50%;
    width: 100%; height: 100%;
    background: radial-gradient(circle, rgba(87,245,196,.06), transparent 60%);
    pointer-events: none;
    animation: featuredGlow 5s ease-in-out infinite alternate;
}
@keyframes featuredGlow {
    0%   { transform: translate(0,0); opacity: .4; }
    100% { transform: translate(-10%,10%); opacity: .8; }
}

/* -- 8. SOCIAL PROOF -- */
body[data-page="home"] .social-proof-home {
    background: linear-gradient(180deg, rgba(6,12,9,.88) 0%, rgba(8,18,16,.88) 50%, rgba(6,12,9,.88) 100%);
    position: relative;
}
body[data-page="home"] .social-proof-home .section-heading h2 { color: #eef4f0; }

body[data-page="home"] .tc-card {
    background: rgba(18, 22, 20, .95);
    border-color: rgba(0, 255, 174,.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
}
body[data-page="home"] .tc-card:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.25);
    box-shadow: 0 14px 44px rgba(0,0,0,.12);
}
body[data-page="home"] .tc-title { color: #e9f2ec; }
body[data-page="home"] .tc-name { color: #e9f2ec; }
body[data-page="home"] .tc-role { color: #5a7a6c; }
body[data-page="home"] .tc-company-text { color: #7a9a8c; }
body[data-page="home"] .tc-quote { color: #3a5a4c; }
body[data-page="home"] .tc-result {
    background: rgba(0, 255, 174,.06);
    border-color: rgba(0, 255, 174,.15);
}
body[data-page="home"] .tc-result__text { color: #e9f2ec; }
body[data-page="home"] .tc-company-logo { border-top-color: rgba(0,0,0,.06); }
body[data-page="home"] .tc-company-logo img {
    filter: none;
    opacity: .5;
}
body[data-page="home"] .tc-card:hover .tc-company-logo img { opacity: .75; }

body[data-page="home"] .tc-btn {
    background: rgba(18, 22, 20, .9);
    border-color: rgba(0, 255, 174,.15);
    color: #e9f2ec;
}
body[data-page="home"] .tc-btn:hover {
    background: #00ffae;
    border-color: #00ffae;
    color: #ffffff;
}

body[data-page="home"] .social-metrics { border-top-color: rgba(0, 255, 174,.08); }
body[data-page="home"] .social-metrics article {
    background: rgba(18, 22, 20, .92);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
    position: relative;
    overflow: hidden;
}
body[data-page="home"] .social-metrics article::before {
    content: "";
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 40px; height: 2px;
    background: #57f5c3;
    border-radius: 0 0 2px 2px;
    opacity: 0;
    transition: opacity .4s ease, width .4s ease;
}
body[data-page="home"] .social-metrics article:hover::before {
    opacity: 1;
    width: 50%;
}
body[data-page="home"] .social-metrics article:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.2);
}
body[data-page="home"] .social-metrics strong { color: #00ffae; }
body[data-page="home"] .social-metrics span { color: #3a5a4c; }

/* -- 9. FAQ -- */
body[data-page="home"] .home-faq {
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(10,21,17,.88) 50%, rgba(7,13,10,.88) 100%);
    position: relative;
}
body[data-page="home"] .faq-item {
    background: rgba(18, 22, 20, .92);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 2px 16px rgba(0,0,0,.06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body[data-page="home"] .faq-item:hover {
    border-color: rgba(0, 255, 174,.25);
    box-shadow: 0 8px 28px rgba(0,0,0,.1);
    transform: translateY(-2px);
}
body[data-page="home"] .faq-question { color: #e9f2ec; }
body[data-page="home"] .faq-answer p { color: #3a5a4c; }
body[data-page="home"] .faq-chevron { color: #00ffae; }

/* -- 10. INTEGRATIONS -- */
body[data-page="home"] .integrations-section {
    background: linear-gradient(180deg, rgba(6,12,9,.88) 0%, rgba(8,18,16,.88) 50%, rgba(6,12,9,.88) 100%);
    border-top-color: rgba(0, 255, 174,.06);
    border-bottom-color: rgba(0, 255, 174,.06);
    position: relative;
}
body[data-page="home"] .integrations-text h2 { color: #eef4f0; }
body[data-page="home"] .integrations-text p { color: rgba(243,245,242,.55); }
body[data-page="home"] .integrations-cta {
    color: #57f5c3;
    border-color: rgba(87,245,196,.25);
}
body[data-page="home"] .integrations-cta:hover {
    background: rgba(0, 255, 174,.08);
    border-color: #57f5c3;
    color: #57f5c3;
}
body[data-page="home"] .integration-item {
    background: rgba(18, 22, 20, .92);
    border-color: rgba(0, 255, 174,.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
}
body[data-page="home"] .integration-item:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.25);
    box-shadow: 0 12px 32px rgba(0,0,0,.1);
}
body[data-page="home"] .integration-item span { color: #3a5a4c; }
body[data-page="home"] .integration-item img { filter: none; }

/* -- 11. CTA FINAL -- */
body[data-page="home"] .home-final-cta {
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(10,21,17,.88) 100%);
}
body[data-page="home"] .final-cta-box {
    position: relative;
    overflow: hidden;
}
body[data-page="home"] .final-cta-box::after {
    content: "";
    position: absolute;
    top: -40%; left: -20%;
    width: 50%; height: 140%;
    background: radial-gradient(ellipse, rgba(0, 255, 174,.1), transparent 70%);
    pointer-events: none;
    filter: blur(40px);
    animation: ctaGlow 6s ease-in-out infinite alternate;
    z-index: 0;
}
@keyframes ctaGlow {
    0%   { transform: translateX(0); opacity: .5; }
    100% { transform: translateX(30%); opacity: .9; }
}
body[data-page="home"] .final-cta-box .button-secondary {
    background: rgba(255,255,255,.08);
    color: #eef4f0;
    border-color: rgba(255,255,255,.15);
}
body[data-page="home"] .final-cta-box .button-secondary:hover {
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.25);
}

/* -- 12. FOOTER -- */
body[data-page] .site-footer {
    background: rgba(4,7,5,.92);
    border-top-color: rgba(0, 255, 174,.06);
}

/* ========================================================
   CLIENTES PAGE
   ======================================================== */

/* Hero */
body[data-page="clientes"] .page-hero {
    background: linear-gradient(180deg, rgba(5,10,7,.88) 0%, rgba(8,18,16,.88) 100%);
    position: relative;
}
body[data-page="clientes"] .page-hero h1 { color: #eef4f0; }
body[data-page="clientes"] .page-hero p { color: rgba(243,245,242,.6); }

/* Stacked metrics in hero */
body[data-page="clientes"] .stacked-metrics-card article {
    background: rgba(18, 22, 20, .92);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
}
body[data-page="clientes"] .stacked-metrics-card strong { color: #00ffae; }
body[data-page="clientes"] .stacked-metrics-card span { color: #3a5a4c; }

/* Logo band */
body[data-page="clientes"] .logo-band {
    background: rgba(8,14,11,.85);
    position: relative;
}
body[data-page="clientes"] .logo-band .carousel-item img { opacity: .5; filter: brightness(1.2); }
body[data-page="clientes"] .logo-band .carousel-item img:hover { opacity: .85; }

/* Social metrics */
body[data-page="clientes"] .social-section {
    background: linear-gradient(180deg, rgba(6,12,9,.88) 0%, rgba(8,18,16,.88) 50%, rgba(6,12,9,.88) 100%);
    position: relative;
    overflow: hidden;
}
body[data-page="clientes"] .social-metrics article {
    background: rgba(18, 22, 20, .92);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
}
body[data-page="clientes"] .social-metrics article:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.2);
}
body[data-page="clientes"] .social-metrics strong { color: #00ffae; }
body[data-page="clientes"] .social-metrics span { color: #3a5a4c; }

/* Case cards */
body[data-page="clientes"] .cases-section {
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(10,21,17,.88) 50%, rgba(7,13,10,.88) 100%);
    position: relative;
    overflow: hidden;
}
body[data-page="clientes"] .cases-section h2 { color: #eef4f0; }
body[data-page="clientes"] .cases-section > .container > p { color: rgba(243,245,242,.6); }

body[data-page="clientes"] .case-card {
    background: rgba(18, 22, 20, .95);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
body[data-page="clientes"] .case-card:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.25);
    box-shadow: 0 16px 48px rgba(0,0,0,.12);
}
body[data-page="clientes"] .case-card strong { color: #e9f2ec; }
body[data-page="clientes"] .case-card small { color: #5a7a6c; }
body[data-page="clientes"] .case-card p { color: #3a5a4c; }
body[data-page="clientes"] .case-badge {
    background: rgba(0, 255, 174,.08);
    color: #00ffae;
}
body[data-page="clientes"] .case-result {
    background: rgba(0, 255, 174,.06);
    border-color: rgba(0, 255, 174,.12);
    color: #e9f2ec;
}
body[data-page="clientes"] .client-logo-text { color: #e9f2ec; }

/* Testimonial cards */
body[data-page="clientes"] .testimonials-section {
    background: linear-gradient(180deg, rgba(6,12,9,.88) 0%, rgba(8,18,16,.88) 50%, rgba(6,12,9,.88) 100%);
    position: relative;
    overflow: hidden;
}
body[data-page="clientes"] .testimonials-section h2 { color: #eef4f0; }

body[data-page="clientes"] .testimonial-card {
    background: rgba(18, 22, 20, .95);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
body[data-page="clientes"] .testimonial-card:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.25);
}
body[data-page="clientes"] .testimonial-card p { color: #3a5a4c; }
body[data-page="clientes"] .testimonial-card strong { color: #e9f2ec; }
body[data-page="clientes"] .testimonial-card span { color: #5a7a6c; }
body[data-page="clientes"] .card-result {
    background: rgba(0, 255, 174,.06);
    border-color: rgba(0, 255, 174,.12);
    color: #e9f2ec;
}

body[data-page="clientes"] .tc-btn {
    background: rgba(18, 22, 20, .9);
    border-color: rgba(0, 255, 174,.15);
    color: #e9f2ec;
}
body[data-page="clientes"] .tc-btn:hover {
    background: #00ffae;
    border-color: #00ffae;
    color: #ffffff;
}

/* Final CTA */
body[data-page="clientes"] .final-cta {
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(10,21,17,.88) 100%);
}
body[data-page="clientes"] .final-cta h2 { color: #eef4f0; }
body[data-page="clientes"] .final-cta p { color: rgba(243,245,242,.6); }

/* ========================================================
   PLANOS PAGE
   ======================================================== */

/* Pricing top */
body[data-page="planos"] .pricing-top {
    background: linear-gradient(180deg, rgba(5,10,7,.88) 0%, rgba(8,18,16,.88) 100%);
    position: relative;
}
body[data-page="planos"] .pricing-top h1 { color: #eef4f0; }
body[data-page="planos"] .pricing-top p { color: rgba(243,245,242,.6); }

body[data-page="planos"] .billing-toggle {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.08);
}
body[data-page="planos"] .billing-option {
    color: rgba(243,245,242,.6);
}
body[data-page="planos"] .billing-option.is-active {
    background: var(--brand-strong);
    color: #fff;
}

/* Pricing cards */
body[data-page="planos"] .pricing-section {
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(11,26,20,.88) 50%, rgba(7,13,10,.88) 100%);
    position: relative;
    overflow: hidden;
}

body[data-page="planos"] .pricing-card {
    background: rgba(18, 22, 20, .95);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
body[data-page="planos"] .pricing-card:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.25);
    box-shadow: 0 20px 50px rgba(0,0,0,.12);
}
body[data-page="planos"] .pricing-card h3 { color: #e9f2ec; }
body[data-page="planos"] .plan-description { color: #3a5a4c; }
body[data-page="planos"] .price-value { color: #e9f2ec; }
body[data-page="planos"] .price-period { color: #5a7a6c; }
body[data-page="planos"] .price-billing-note { color: #00ffae; }
body[data-page="planos"] .price-original { color: #8aaa9c; }
body[data-page="planos"] .feature-list li { color: #3a5a4c; }
body[data-page="planos"] .feature-list li svg { color: #00ffae; }
body[data-page="planos"] .plan-footnote { color: #5a7a6c; }
body[data-page="planos"] .plan-tag {
    background: rgba(0, 255, 174,.08);
    border-color: rgba(0, 255, 174,.15);
    color: #00ffae;
}
body[data-page="planos"] .plan-tag.highlight {
    background: rgba(0, 255, 174,.15);
    color: #e9f2ec;
}
body[data-page="planos"] .plan-tag.dark {
    background: rgba(0, 255, 174,.12);
    color: #e9f2ec;
}
body[data-page="planos"] .plan-tag.neutral {
    background: rgba(0,0,0,.03);
    color: #5a7a6c;
}

/* Featured pricing card (Pro) — keep darker for contrast */
body[data-page="planos"] .pricing-card.featured {
    background: linear-gradient(160deg, #0d2e22, #081a12);
    border-color: rgba(87,245,196,.2);
    box-shadow: 0 0 40px rgba(0, 255, 174,.08), 0 24px 60px rgba(0,0,0,.35);
}
body[data-page="planos"] .pricing-card.featured h3 { color: #eef4f0; }
body[data-page="planos"] .pricing-card.featured .plan-description { color: rgba(243,245,242,.6); }
body[data-page="planos"] .pricing-card.featured .price-value { color: #eef4f0; }
body[data-page="planos"] .pricing-card.featured .price-period { color: rgba(243,245,242,.45); }
body[data-page="planos"] .pricing-card.featured .price-billing-note { color: #57f5c3; }
body[data-page="planos"] .pricing-card.featured .price-original { color: rgba(243,245,242,.3); }
body[data-page="planos"] .pricing-card.featured .feature-list li { color: rgba(243,245,242,.65); }
body[data-page="planos"] .pricing-card.featured .feature-list li svg { color: #57f5c3; }
body[data-page="planos"] .pricing-card.featured .plan-footnote { color: rgba(243,245,242,.45); }
body[data-page="planos"] .pricing-card.featured .plan-tag {
    background: rgba(87,245,196,.15);
    border-color: rgba(87,245,196,.25);
    color: #57f5c3;
}

/* Enterprise card */
body[data-page="planos"] .pricing-card.enterprise {
    background: rgba(18, 22, 20, .95);
}

/* Pricing card buttons */
body[data-page="planos"] .pricing-card .button-secondary {
    background: rgba(0, 255, 174,.08);
    border-color: rgba(0, 255, 174,.2);
    color: #e9f2ec;
}
body[data-page="planos"] .pricing-card .button-secondary:hover {
    background: rgba(0, 255, 174,.15);
    border-color: rgba(0, 255, 174,.35);
}
body[data-page="planos"] .pricing-card .button-outline-dark {
    border-color: rgba(17,35,28,.2);
    color: #e9f2ec;
}
body[data-page="planos"] .pricing-card .button-outline-dark:hover {
    border-color: #00ffae;
    color: #00ffae;
    background: rgba(0, 255, 174,.06);
}
body[data-page="planos"] .pricing-card.featured .button-secondary {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.15);
    color: #eef4f0;
}
body[data-page="planos"] .pricing-card.featured .button-secondary:hover {
    background: rgba(0, 255, 174,.2);
    border-color: rgba(0, 255, 174,.35);
    color: #57f5c3;
}

/* Support strip */
body[data-page="planos"] .pricing-support {
    background: linear-gradient(180deg, rgba(6,12,9,.88) 0%, rgba(8,18,16,.88) 50%, rgba(6,12,9,.88) 100%);
    position: relative;
}
body[data-page="planos"] .pricing-support h2 { color: #eef4f0; }
body[data-page="planos"] .support-item {
    background: rgba(18, 22, 20, .92);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
}
body[data-page="planos"] .support-item:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.2);
}
body[data-page="planos"] .support-item strong { color: #e9f2ec; }
body[data-page="planos"] .support-item span { color: #3a5a4c; }

/* Fit cards */
body[data-page="planos"] .fit-section {
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(10,21,17,.88) 50%, rgba(7,13,10,.88) 100%);
    position: relative;
    overflow: hidden;
}
body[data-page="planos"] .fit-section h2 { color: #eef4f0; }
body[data-page="planos"] .fit-section > .container > p { color: rgba(243,245,242,.6); }

body[data-page="planos"] .fit-card {
    background: rgba(18, 22, 20, .95);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
}
body[data-page="planos"] .fit-card:hover {
    background: #0b100e;
    border-color: rgba(0, 255, 174,.25);
    box-shadow: 0 12px 36px rgba(0,0,0,.12);
}
body[data-page="planos"] .fit-card h3 { color: #e9f2ec; }
body[data-page="planos"] .fit-card p { color: #3a5a4c; }
body[data-page="planos"] .fit-card strong { color: #00ffae; }
body[data-page="planos"] .fit-icon { color: rgba(0, 255, 174,.15); }

/* Comparison table */
body[data-page="planos"] .comparison-section {
    background: linear-gradient(180deg, rgba(6,12,9,.88) 0%, rgba(8,18,16,.88) 50%, rgba(6,12,9,.88) 100%);
    position: relative;
    overflow: hidden;
}
body[data-page="planos"] .comparison-section h2 { color: #eef4f0; }
body[data-page="planos"] .comparison-table {
    background: rgba(18, 22, 20, .95);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 4px 30px rgba(0,0,0,.1);
}
body[data-page="planos"] .comparison-table thead th {
    background: #0d1310;
    color: #e9f2ec;
    border-bottom-color: rgba(0, 255, 174,.12);
}
body[data-page="planos"] .comparison-table tbody td {
    color: #3a5a4c;
    border-bottom-color: rgba(0,0,0,.04);
}
body[data-page="planos"] .comparison-table .category-row td {
    background: rgba(0, 255, 174,.04);
    color: #e9f2ec;
    font-weight: 700;
}
body[data-page="planos"] .comparison-table .status.yes { color: #00ffae; }
body[data-page="planos"] .comparison-table .status.no { color: #c0c0c0; }

/* FAQ */
body[data-page="planos"] .faq-section {
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(10,21,17,.88) 50%, rgba(7,13,10,.88) 100%);
    position: relative;
}
body[data-page="planos"] .faq-section h2 { color: #eef4f0; }
body[data-page="planos"] .faq-item {
    background: rgba(18, 22, 20, .92);
    border-color: rgba(0, 255, 174,.1);
    box-shadow: 0 2px 16px rgba(0,0,0,.06);
}
body[data-page="planos"] .faq-item:hover {
    border-color: rgba(0, 255, 174,.25);
    box-shadow: 0 8px 28px rgba(0,0,0,.1);
    transform: translateY(-2px);
}
body[data-page="planos"] .faq-question { color: #e9f2ec; }
body[data-page="planos"] .faq-answer p { color: #3a5a4c; }
body[data-page="planos"] .faq-chevron { color: #00ffae; }

/* Final CTA */
body[data-page="planos"] .final-cta {
    background: linear-gradient(180deg, rgba(7,13,10,.88) 0%, rgba(10,21,17,.88) 100%);
}
body[data-page="planos"] .final-cta h2 { color: #eef4f0; }
body[data-page="planos"] .final-cta p { color: rgba(243,245,242,.6); }

/* ========================================================
   ENERGY SPINE — Continuous flow connecting all sections
   ======================================================== */

/* SVG container — absolute, full page height */
.energy-spine {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    overflow: visible;
}

/* The main path — invisible rail, no base line shown */
.energy-spine__path {
    fill: none;
    stroke: transparent;
    stroke-width: 0;
}

/* Fading trail — travels behind the bright tip */
.energy-spine__glow {
    fill: none;
    stroke: url(#spineGradient);
    stroke-width: 8;
    stroke-linecap: round;
    filter: url(#spineBlur);
    stroke-dasharray: 320 var(--spine-len, 5000);
    stroke-dashoffset: var(--spine-len, 5000);
    transition: stroke-dashoffset 0s linear;
}

/* Bright tip — short and intense, at the front */
.energy-spine__pulse {
    fill: none;
    stroke: rgba(87,245,196,1);
    stroke-width: 10;
    stroke-linecap: round;
    filter: url(#spineBlur);
    stroke-dasharray: 60 var(--spine-len, 5000);
    stroke-dashoffset: var(--spine-len, 5000);
}

/* Section connector nodes — glowing orbs */
.energy-node {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(0);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(87,245,196,.7);
    box-shadow:
        0 0 12px rgba(87,245,196,.6),
        0 0 32px rgba(0, 255, 174,.35),
        0 0 64px rgba(0, 255, 174,.15);
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: transform .6s cubic-bezier(.34,1.56,.64,1), opacity .4s ease;
}

.energy-node.is-active {
    transform: translateX(-50%) scale(1);
    opacity: 1;
}

/* Ripple ring on node */
.energy-node::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 1px solid rgba(87,245,196,.2);
    animation: nodeRipple 2.5s ease-out infinite;
}

@keyframes nodeRipple {
    0%   { transform: scale(1); opacity: .6; }
    100% { transform: scale(2.5); opacity: 0; }
}

/* Horizontal energy tendrils at each node */
.energy-node::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(87,245,196,.25), rgba(87,245,196,.12), transparent);
    transition: width .8s ease;
    pointer-events: none;
}

.energy-node.is-active::before {
    width: 900px;
}

/* ========================================================
   HOLOGRAM BACKGROUND PHRASE
   ======================================================== */
.holo-phrase {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    font-family: 'Sora', 'Oswald', sans-serif;
    font-size: clamp(2rem, 5vw, 4.5rem);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    color: transparent;
    -webkit-text-stroke: 1px rgba(0, 255, 174,.08);
    text-shadow:
        0 0 40px rgba(0, 255, 174,.04),
        0 0 80px rgba(0, 255, 174,.02);
    opacity: 0.4;
    user-select: none;
    will-change: transform, opacity;
    transition: none;
}

/* ========================================================
   HOLOGRAM CARD ANIMATION SYSTEM
   ======================================================== */

.holo-card {
    --holo-border: rgba(0, 255, 174,.2);
    --holo-bg: rgba(255,255,255,.95);
    --holo-scan: rgba(87,245,196,.12);
    position: relative;
    overflow: hidden;
}

/* Phase 1: animated conic border */
.holo-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: conic-gradient(
        from 0deg,
        transparent 0%,
        rgba(87,245,196,.35) 25%,
        rgba(0, 255, 174,.2) 50%,
        transparent 75%,
        transparent 100%
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: opacity .5s ease;
}
.holo-card.holo-border-in::before {
    opacity: 1;
    animation: holoBorderSpin 3s linear infinite;
}
@keyframes holoBorderSpin {
    to {
        background: conic-gradient(
            from 360deg,
            transparent 0%,
            rgba(87,245,196,.35) 25%,
            rgba(0, 255, 174,.2) 50%,
            transparent 75%,
            transparent 100%
        );
    }
}

.holo-card.holo-settled::before {
    animation: none;
    background: none;
    opacity: 0;
}
.holo-card.holo-settled {
    border-color: rgba(0, 255, 174,.12);
    box-shadow: 0 4px 24px rgba(0,0,0,.1);
}

/* Phase 2: scan line */
.holo-card::after {
    content: "";
    position: absolute;
    top: -100%; left: 0;
    width: 100%; height: 60%;
    background: linear-gradient(180deg, transparent 0%, var(--holo-scan) 50%, transparent 100%);
    pointer-events: none;
    z-index: 3;
    opacity: 0;
}
.holo-card.holo-scan::after {
    opacity: 1;
    animation: holoScan .8s ease-out forwards;
}
@keyframes holoScan {
    0%   { top: -60%; }
    100% { top: 120%; }
}

/* Phase 3: content reveal */
.holo-card .feature-icon,
.holo-card .benefit-icon,
.holo-card .support-card-icon,
.holo-card h3, .holo-card h4,
.holo-card p,
.holo-card strong,
.holo-card span:not(.plan-tag):not(.billing-discount-badge):not(.section-tag),
.holo-card a,
.holo-card ul,
.holo-card .plan-home-header,
.holo-card .plan-home-price,
.holo-card .plan-home-features,
.holo-card .button {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .4s ease, transform .4s ease;
}
.holo-card.holo-content-in .feature-icon,
.holo-card.holo-content-in .benefit-icon,
.holo-card.holo-content-in .support-card-icon,
.holo-card.holo-content-in h3,
.holo-card.holo-content-in h4,
.holo-card.holo-content-in p,
.holo-card.holo-content-in strong,
.holo-card.holo-content-in span:not(.plan-tag):not(.billing-discount-badge):not(.section-tag),
.holo-card.holo-content-in a,
.holo-card.holo-content-in ul,
.holo-card.holo-content-in .plan-home-header,
.holo-card.holo-content-in .plan-home-price,
.holo-card.holo-content-in .plan-home-features,
.holo-card.holo-content-in .button {
    opacity: 1;
    transform: translateY(0);
}

/* ========================================================
   MOBILE / REDUCED MOTION
   ======================================================== */

@media (max-width: 768px) {
    .energy-spine { display: none; }
    .energy-node { display: none; }
    .hero-glow--tl, .hero-glow--br { display: none; }
    .hero-particles-canvas { opacity: .3; }
    #globalParticles { opacity: .4; }
    .scroll-indicator { display: none; }
    .hero-float-card { animation: none; }
    .hero-banner-img { animation: none; }
    body[data-page="home"]::before { opacity: .5; }
    body[data-page]::after { display: none; }
    .system-preview-section::before { display: none; }
    .plan-home-card--featured::after { display: none; }
    .home-final-cta .final-cta-box::after { display: none; }
    .holo-phrase { display: none; }

    /* Hide ambient glow orbs on mobile */
    .benefits-section::before,
    .features-grid-section::before,
    .plans-section-home::before,
    .social-proof-home::before,
    .cases-section::before,
    .pricing-section::before,
    .fit-section::before,
    .support-section::before,
    .home-faq::before,
    .testimonials-section::before,
    .comparison-section::before { display: none; }

    .holo-card::before, .holo-card::after { display: none !important; }
    .holo-card .feature-icon,
    .holo-card .benefit-icon,
    .holo-card .support-card-icon,
    .holo-card h3, .holo-card h4,
    .holo-card p, .holo-card strong,
    .holo-card span:not(.plan-tag):not(.billing-discount-badge):not(.section-tag),
    .holo-card a, .holo-card ul,
    .holo-card .plan-home-header,
    .holo-card .plan-home-price,
    .holo-card .plan-home-features,
    .holo-card .button {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .energy-spine { display: none; }
    .energy-node { display: none; }
    .hero-glow--tl, .hero-glow--br,
    .hero-particles-canvas,
    #globalParticles,
    .scroll-indicator { display: none; }
    body[data-page]::before { display: none; }
    body[data-page]::after { display: none; }
    .hero-float-card, .hero-banner-img { animation: none !important; }

    [data-gsap="hero-title"],
    [data-gsap="hero-pillars"],
    [data-gsap="hero-subtitle"],
    [data-gsap="hero-cta"],
    [data-gsap="hero-proof"],
    [data-gsap="hero-visual"],
    [data-gsap="hero-float"] {
        opacity: 1 !important;
        transform: none !important;
    }

    .holo-card::before, .holo-card::after { display: none !important; }
    .holo-card .feature-icon,
    .holo-card .benefit-icon,
    .holo-card .support-card-icon,
    .holo-card h3, .holo-card h4,
    .holo-card p, .holo-card strong,
    .holo-card span, .holo-card a, .holo-card ul,
    .holo-card .plan-home-header,
    .holo-card .plan-home-price,
    .holo-card .plan-home-features,
    .holo-card .button {
        opacity: 1 !important;
        transform: none !important;
    }
}