/* =====================================================================
   INTERSA — Custom Homepage
   Scoped entirely under #intersa-home so Elementor/theme CSS cannot leak
   in, and this file's generic class names cannot leak out.
   Font is locked to "Plus Jakarta Sans" on the wrapper and inherited down.
   All @keyframes are prefixed "ih-" to avoid colliding with Elementor.
   ===================================================================== */

/* ---------- scope tokens + base ---------- */
#intersa-home {
    --ink: #0b1229;
    --ink-2: #1e293b;
    --body: #4b5563;
    --muted: #7c8497;
    --primary: #4f46e5;
    --primary-2: #4338ca;
    --violet: #7c3aed;
    --pink: #ec4899;
    --cyan: #17bce9;
    --green: #10b981;
    --amber: #f59e0b;
    --red: #ef4444;
    --bg: #ffffff;
    --lav: #f7f5ff;
    --lav-2: #eef1ff;
    --line: #e8e6f6;
    --line-2: #dcd9f0;
    --grad: linear-gradient(100deg, #4f46e5 0%, #7c3aed 52%, #ec4899 100%);
    --grad-soft: linear-gradient(135deg, #eef1ff, #fdf3fb);
    --r-sm: 12px;
    --r: 20px;
    --r-lg: 28px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 4px 12px rgba(79, 70, 229, .06);
    --shadow-md: 0 4px 10px rgba(15, 23, 42, .05), 0 16px 40px rgba(79, 70, 229, .11);
    --shadow-lg: 0 8px 20px rgba(15, 23, 42, .07), 0 40px 90px rgba(79, 70, 229, .18);
    --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    font-family: var(--font);
    color: var(--body);
    line-height: 1.65;
    font-size: 16.5px;
    -webkit-font-smoothing: antialiased;
}

/* scoped reset — cannot touch Elementor (nothing Elementor lives inside the wrapper) */
#intersa-home *,
#intersa-home *::before,
#intersa-home *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: inherit; /* lock the brand font; defeats stray global font rules */
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 96px; /* tweak to your Elementor header height */
}

body {
    overflow-x: hidden;
}

#intersa-home img,
#intersa-home svg {
    display: block;
    max-width: 100%;
}

#intersa-home a {
    color: inherit;
    text-decoration: none;
}

#intersa-home ul,
#intersa-home ol {
    list-style: none;
}

#intersa-home button,
#intersa-home input,
#intersa-home select,
#intersa-home textarea {
    font: inherit;
    color: inherit;
}

#intersa-home h1,
#intersa-home h2,
#intersa-home h3,
#intersa-home h4 {
    color: var(--ink);
    font-family: var(--font);
    font-weight: 800;
    line-height: 1.14;
    letter-spacing: -.02em;
}

#intersa-home .wrap {
    width: min(1200px, 92vw);
    margin: 0 auto;
}

#intersa-home .section {
    padding: clamp(84px, 9vw, 128px) 0;
    position: relative;
}

/* ============ UTILITIES ============ */
#intersa-home .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--primary);
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 100px;
    padding: 8px 18px;
    box-shadow: var(--shadow-sm);
}

#intersa-home .eyebrow::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--grad);
    flex: none;
}

#intersa-home .eyebrow.on-dark {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .16);
    color: #c7d2fe;
}

#intersa-home .sec-head {
    max-width: 800px;
    margin: 0 auto 20px;
    text-align: center;
}

#intersa-home .sec-head.left {
    margin: 0 0 20px;
    text-align: left;
}

#intersa-home .sec-head h2 {
    font-size: clamp(1.9rem, 3.6vw, 2.85rem);
    margin: 20px 0 18px;
}

#intersa-home .sec-head p {
    font-size: clamp(1.02rem, 1.4vw, 1.16rem);
    color: var(--body);
}

#intersa-home .grad-text {
    background: var(--grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

#intersa-home .center {
    text-align: center;
}

/* ============ BUTTONS ============ */
#intersa-home .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15.5px;
    padding: 14px 28px;
    border: 1.5px solid transparent;
    cursor: pointer;
    transition: transform .25s cubic-bezier(.34, 1.56, .64, 1), box-shadow .25s, background .25s, border-color .25s;
    white-space: nowrap;
}

#intersa-home .btn svg {
    transition: transform .25s;
}

#intersa-home .btn:hover svg {
    transform: translateX(3px);
}

#intersa-home .btn-primary {
    background: var(--primary);
    color: #fff;
    box-shadow: 0 8px 24px rgba(79, 70, 229, .35), inset 0 1px 0 rgba(255, 255, 255, .18);
}

#intersa-home .btn-primary:hover {
    background: var(--primary-2);
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(79, 70, 229, .45);
}

#intersa-home .btn-ghost {
    border-color: var(--line-2);
    color: var(--ink-2);
    background: #fff;
}

#intersa-home .btn-ghost:hover {
    border-color: var(--primary);
    color: var(--primary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

#intersa-home .btn-white {
    background: #fff;
    color: var(--primary);
    box-shadow: 0 8px 24px rgba(11, 18, 41, .25);
}

#intersa-home .btn-white:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(11, 18, 41, .35);
}

#intersa-home .btn-lg {
    padding: 17px 34px;
    font-size: 16.5px;
}

#intersa-home .text-link {
    font-weight: 700;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 15.5px;
}

#intersa-home .text-link svg {
    transition: transform .25s;
}

#intersa-home .text-link:hover svg {
    transform: translateX(4px);
}

/* ============ REVEAL ANIMATIONS ============ */
#intersa-home .reveal {
    opacity: 0;
    transform: translateY(34px);
    transition: opacity .8s cubic-bezier(.22, 1, .36, 1), transform .8s cubic-bezier(.22, 1, .36, 1);
    transition-delay: var(--d, 0s);
}

#intersa-home .reveal.in {
    opacity: 1;
    transform: none;
}

#intersa-home .reveal-scale {
    opacity: 0;
    transform: scale(.94) translateY(20px);
    transition: opacity .9s cubic-bezier(.22, 1, .36, 1), transform .9s cubic-bezier(.22, 1, .36, 1);
    transition-delay: var(--d, 0s);
}

#intersa-home .reveal-scale.in {
    opacity: 1;
    transform: none;
}

/* ============ HERO (sticky cinematic / planet horizon) ============ */
#intersa-home .hero {
    position: sticky;
    top: 0;
    height: 100vh;
    height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 112px 0 0; /* clears the Elementor header — adjust if needed */
    overflow: hidden;
    color: #aab3d6;
    background: #050414;
    z-index: 1;
}

/* aurora glows */
#intersa-home .hero-aurora {
    position: absolute;
    inset: 0;
    pointer-events: none;
    will-change: transform;
}

#intersa-home .hero-aurora i {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    mix-blend-mode: screen;
    animation: ih-aurora 18s ease-in-out infinite alternate;
}

#intersa-home .hero-aurora i:nth-child(1) {
    width: 56vw;
    height: 56vw;
    left: -18vw;
    bottom: -14vw;
    background: radial-gradient(circle, rgba(23, 188, 233, .34), transparent 65%);
}

#intersa-home .hero-aurora i:nth-child(2) {
    width: 48vw;
    height: 48vw;
    right: -16vw;
    top: -16vw;
    background: radial-gradient(circle, rgba(79, 70, 229, .4), transparent 65%);
    animation-delay: -6s;
}

#intersa-home .hero-aurora i:nth-child(3) {
    width: 34vw;
    height: 34vw;
    left: 8vw;
    top: -12vw;
    background: radial-gradient(circle, rgba(16, 185, 129, .16), transparent 65%);
    animation-delay: -11s;
}

#intersa-home .hero-aurora i:nth-child(4) {
    width: 30vw;
    height: 30vw;
    right: 6vw;
    bottom: -6vw;
    background: radial-gradient(circle, rgba(124, 58, 237, .22), transparent 65%);
    animation-delay: -14s;
}

@keyframes ih-aurora {
    0% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(6vw, -4vw) scale(1.22); }
    66% { transform: translate(-4vw, 3vw) scale(.92); }
    100% { transform: translate(3vw, -2vw) scale(1.12); }
}

/* shooting meteors (created in JS) */
#intersa-home .meteor {
    position: absolute;
    width: 150px;
    height: 2px;
    border-radius: 100px;
    background: linear-gradient(90deg, transparent, rgba(191, 233, 255, .9));
    filter: drop-shadow(0 0 6px rgba(154, 220, 255, .85));
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transform: rotate(var(--ang, -30deg)) translateX(0);
    animation: ih-meteor var(--dur, 1.4s) ease-out forwards;
}

@keyframes ih-meteor {
    0% { transform: rotate(var(--ang, -30deg)) translateX(0); opacity: 0; }
    12% { opacity: 1; }
    100% { transform: rotate(var(--ang, -30deg)) translateX(-340px); opacity: 0; }
}

/* stars */
#intersa-home .stars,
#intersa-home .stars2 {
    position: absolute;
    inset: 0;
    pointer-events: none;
    will-change: transform;
}

#intersa-home .stars i,
#intersa-home .stars2 i {
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #fff;
    opacity: .55;
    animation: ih-twinkle 4s ease-in-out infinite;
}

#intersa-home .stars2 i {
    width: 1.5px;
    height: 1.5px;
    opacity: .3;
    animation-duration: 6s;
}

@keyframes ih-twinkle {
    0%, 100% { opacity: .12; }
    50% { opacity: .7; }
}

/* copy */
#intersa-home .hero-center {
    position: relative;
    text-align: center;
    max-width: 960px;
    margin: auto;
    z-index: 3;
    padding: 0 4vw;
}

#intersa-home .hero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #8b93b8;
    margin-bottom: 18px;
}

#intersa-home .hero-kicker::before,
#intersa-home .hero-kicker::after {
    content: '';
    width: 36px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #3d3a6e);
    display: block;
}

#intersa-home .hero-kicker::after {
    background: linear-gradient(90deg, #3d3a6e, transparent);
}

#intersa-home .hero-center h1 {
    color: #fff;
    font-size: clamp(2.3rem, 5.6vw, 4.1rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.04;
    margin-bottom: 18px;
}

#intersa-home .hero-center h1 .shine {
    background: linear-gradient(100deg, #38bdf8 0%, #17bce9 25%, #818cf8 55%, #c084fc 80%, #38bdf8 100%);
    background-size: 220% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: ih-shine 8s linear infinite;
}

@keyframes ih-shine {
    to { background-position: 220% center; }
}

#intersa-home .hero-center .lead {
    font-size: clamp(.95rem, 1.2vw, 1.08rem);
    color: #a8b2d8;
    max-width: 620px;
    margin: 0 auto 26px;
    line-height: 1.65;
}

/* glowing cta */
#intersa-home .hero-ctas {
    display: flex;
    gap: 18px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

#intersa-home .btn-glow {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    background: rgba(9, 8, 32, .6);
    border: 1.5px solid rgba(23, 188, 233, .75);
    border-radius: 100px;
    padding: 14px 32px;
    cursor: pointer;
    transition: transform .3s, box-shadow .3s, background .3s;
    box-shadow: 0 0 22px rgba(23, 188, 233, .35), inset 0 0 18px rgba(23, 188, 233, .12);
    animation: ih-glowpulse 3.2s ease-in-out infinite;
}

@keyframes ih-glowpulse {
    0%, 100% { box-shadow: 0 0 20px rgba(23, 188, 233, .3), inset 0 0 16px rgba(23, 188, 233, .1); }
    50% { box-shadow: 0 0 38px rgba(23, 188, 233, .55), inset 0 0 24px rgba(23, 188, 233, .18); }
}

#intersa-home .btn-glow:hover {
    transform: translateY(-2px);
    background: rgba(23, 188, 233, .14);
    box-shadow: 0 0 48px rgba(23, 188, 233, .75), inset 0 0 28px rgba(23, 188, 233, .22);
}

#intersa-home .btn-glow svg {
    transition: transform .3s;
}

#intersa-home .btn-glow:hover svg {
    transform: translateX(4px);
}

#intersa-home .hero-try {
    font-size: 14px;
    font-weight: 700;
    color: #8b93b8;
    transition: color .25s;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

#intersa-home .hero-try:hover {
    color: #fff;
}

#intersa-home .hero-try u {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: rgba(139, 147, 184, .5);
}

/* trusted logos */
#intersa-home .hero-trust {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(7vh + 26px);
    z-index: 3;
    text-align: center;
}

#intersa-home .hero-trust p {
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .1em;
    color: #fff;
    margin-bottom: 14px;
}

#intersa-home .hero-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(24px, 4.4vw, 58px);
    flex-wrap: wrap;
    padding: 0 5vw;
}

#intersa-home .hlogo {
    font-weight: 800;
    font-size: clamp(14px, 1.5vw, 18px);
    color: #fff;
    letter-spacing: -.02em;
    opacity: .85;
    transition: all .3s;
    cursor: default;
    display: inline-flex;
    align-items: center;
}

#intersa-home .hlogo:hover {
    opacity: 1;
    color: #fff;
    transform: translateY(-2px);
}

/* planet */
#intersa-home .planet-zone {
    --pw: clamp(680px, 80vw, 1330px);
    --aw: clamp(720px, 84vw, 1390px);
    --ow: clamp(880px, 106vw, 1730px);
    --ow2: clamp(990px, 120vw, 1950px);
    --ptop: 64px;
    position: relative;
    flex: none;
    height: clamp(190px, 30vh, 340px);
    z-index: 1;
    pointer-events: none;
}

#intersa-home .planet {
    position: absolute;
    left: 50%;
    top: var(--ptop);
    transform: translateX(-50%);
    width: var(--pw);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 18%, #9adcff 0%, #38bdf8 9%, #1d6fd8 22%, #12318f 38%, #0a0f3d 55%, #050414 72%);
    box-shadow: 0 0 60px rgba(56, 189, 248, .55), 0 0 160px rgba(37, 99, 235, .5), 0 0 320px rgba(29, 78, 216, .35), inset 0 2px 24px rgba(255, 255, 255, .5);
}

#intersa-home .planet::before {
    content: '';
    position: absolute;
    inset: -1.5%;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 12%, rgba(154, 220, 255, .5), transparent 32%);
    filter: blur(10px);
}

#intersa-home .planet-atmo {
    position: absolute;
    left: 50%;
    top: calc(var(--ptop) + var(--pw) / 2 - var(--aw) / 2);
    transform: translateX(-50%);
    width: var(--aw);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 14%, rgba(56, 189, 248, .32), transparent 42%);
    filter: blur(24px);
    animation: ih-atmo 6s ease-in-out infinite;
}

@keyframes ih-atmo {
    0%, 100% { opacity: .75; }
    50% { opacity: 1; }
}

/* orbits + comet */
#intersa-home .orbit {
    position: absolute;
    left: 50%;
    top: calc(var(--ptop) + var(--pw) / 2 - var(--ow) / 2);
    transform: translateX(-50%);
    width: var(--ow);
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .2);
}

#intersa-home .orbit.o2 {
    width: var(--ow2);
    top: calc(var(--ptop) + var(--pw) / 2 - var(--ow2) / 2);
    border-color: rgba(255, 255, 255, .1);
}

#intersa-home .comet-track {
    position: absolute;
    left: 50%;
    top: calc(var(--ptop) + var(--pw) / 2 - var(--ow) / 2);
    transform: translateX(-50%);
    width: var(--ow);
    aspect-ratio: 1;
    animation: ih-cometspin 9s linear infinite;
    will-change: transform;
}

@keyframes ih-cometspin {
    from { transform: translateX(-50%) rotate(-62deg); }
    to { transform: translateX(-50%) rotate(62deg); }
}

#intersa-home .comet {
    position: absolute;
    top: -2px;
    left: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e8fbff;
    box-shadow: 0 0 12px 3px rgba(154, 220, 255, .95), 0 0 34px 10px rgba(56, 189, 248, .55);
    animation: ih-cometfade 9s linear infinite;
}

@keyframes ih-cometfade {
    0%, 100% { opacity: 0; }
    10%, 85% { opacity: 1; }
}

#intersa-home .comet::after {
    content: '';
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 130px;
    height: 2.5px;
    background: linear-gradient(270deg, rgba(232, 251, 255, .95), rgba(56, 189, 248, .4) 45%, transparent);
    border-radius: 100px;
    filter: blur(.5px);
}

/* content sheet slides over sticky hero */
#intersa-home .page-body {
    position: relative;
    z-index: 5;
    background: #fff;
    border-radius: clamp(26px, 4vw, 44px) clamp(26px, 4vw, 44px) 0 0;
    margin-top: -7vh;
    overflow: hidden;
    box-shadow: 0 -30px 80px rgba(5, 4, 20, .55);
}

#intersa-home .sheet-notch {
    width: 52px;
    height: 5px;
    border-radius: 100px;
    background: var(--line-2);
    margin: 18px auto -18px;
    opacity: .8;
}

@media (max-width: 1080px) {
    #intersa-home .hero {
        padding-top: 104px;
    }

    #intersa-home .hero-center h1 {
        font-size: clamp(2.1rem, 8.4vw, 3rem);
    }
}

@media (max-height: 760px) {
    #intersa-home .hero {
        padding-top: 96px;
    }

    #intersa-home .hero-kicker {
        margin-bottom: 12px;
    }

    #intersa-home .hero-center h1 {
        font-size: clamp(2rem, 4.6vw, 3.2rem);
        margin-bottom: 14px;
    }

    #intersa-home .hero-center .lead {
        margin-bottom: 20px;
    }

    #intersa-home .hero-trust {
        margin-top: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #intersa-home .comet-track,
    #intersa-home .hero-aurora i,
    #intersa-home .stars i,
    #intersa-home .stars2 i {
        animation: none !important;
    }
}

/* ============ SIMPLE SETUP ============ */
#intersa-home .simple {
    background: #fff;
}

#intersa-home .io-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
    margin-top: 56px;
    align-items: stretch;
}

#intersa-home .io-card {
    border-radius: var(--r-lg);
    padding: 38px 36px;
}

#intersa-home .io-in {
    background: linear-gradient(180deg, #fff, var(--lav));
    border: 1px solid var(--line);
}

#intersa-home .io-card h3 {
    font-size: 1.28rem;
    margin-bottom: 22px;
}

#intersa-home .io-in li {
    display: flex;
    gap: 13px;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px dashed var(--lav-2);
    font-size: 15.5px;
    font-weight: 600;
    color: var(--ink-2);
}

#intersa-home .io-in li:last-of-type {
    border-bottom: 0;
}

#intersa-home .io-in li i {
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 11px;
    background: #fff;
    border: 1px solid var(--line);
    display: grid;
    place-items: center;
    color: var(--primary);
}

#intersa-home .io-in li i svg {
    width: 16px;
    height: 16px;
}

#intersa-home .io-note {
    margin-top: 18px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--primary);
    display: flex;
    align-items: center;
    gap: 8px;
}

#intersa-home .io-note svg {
    width: 16px;
    height: 16px;
    flex: none;
}

#intersa-home .io-out {
    background: linear-gradient(160deg, #171243 0%, #312e81 55%, #4f46e5 130%);
    color: #c7d2fe;
    box-shadow: var(--shadow-lg);
    position: relative;
    overflow: hidden;
}

#intersa-home .io-out::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(500px 300px at 90% -10%, rgba(236, 72, 153, .28), transparent 60%);
    pointer-events: none;
}

#intersa-home .io-out h3 {
    color: #fff;
}

#intersa-home .io-out li {
    display: flex;
    gap: 13px;
    align-items: center;
    padding: 11px 0;
    font-size: 15.5px;
    font-weight: 600;
    color: #e0e7ff;
    position: relative;
}

#intersa-home .io-out li i {
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 11px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    display: grid;
    place-items: center;
    color: #6ee7b7;
}

#intersa-home .io-out li i svg {
    width: 16px;
    height: 16px;
}

#intersa-home .io-arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: var(--grad);
    display: grid;
    place-items: center;
    color: #fff;
    box-shadow: 0 10px 30px rgba(124, 58, 237, .45), 0 0 0 8px #fff;
    animation: ih-ioarrow 2.4s ease-in-out infinite;
}

@keyframes ih-ioarrow {
    0%, 100% { transform: translate(-50%, -50%); }
    50% { transform: translate(calc(-50% + 7px), -50%); }
}

#intersa-home .io-arrow svg {
    width: 24px;
    height: 24px;
}

#intersa-home .simple-sub {
    text-align: center;
    margin-top: 18px;
    font-size: 14px;
    color: var(--muted);
    font-weight: 600;
}

@media (max-width: 1080px) {
    #intersa-home .io-grid {
        grid-template-columns: 1fr;
    }

    #intersa-home .io-arrow {
        position: static;
        transform: none;
        margin: -40px auto;
        animation: ih-ioarrowV 2.4s ease-in-out infinite;
    }

    @keyframes ih-ioarrowV {
        0%, 100% { transform: translateY(0) rotate(90deg); }
        50% { transform: translateY(7px) rotate(90deg); }
    }
}

/* ============ PERSONALIZATION ENGINE ============ */
#intersa-home .perso {
    background: linear-gradient(180deg, var(--lav) 0%, #fff 100%);
}

#intersa-home .engine {
    margin-top: 56px;
}

#intersa-home .engine-top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: clamp(16px, 3vw, 40px);
    align-items: center;
}

#intersa-home .ctx-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    padding: 28px;
    box-shadow: var(--shadow-sm);
}

#intersa-home .ctx-card h4 {
    font-size: 13px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    font-weight: 800;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#intersa-home .ctx-card h4 i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    font-style: normal;
    flex: none;
}

#intersa-home .ctx-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#intersa-home .ctx-chip {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink-2);
    background: var(--lav);
    border: 1px solid var(--line);
    border-radius: 100px;
    padding: 7px 14px;
}

#intersa-home .engine-core {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    position: relative;
}

#intersa-home .engine-core .core-label b {
    display: block;
    color: var(--ink);
    font-size: 14px;
    font-weight: 800;
}

#intersa-home .engine-core .core-label span {
    display: block;
    color: var(--muted);
    font-size: 11.5px;
    line-height: 1.4;
    max-width: 180px;
    margin: 0 auto;
}

#intersa-home .elane {
    width: clamp(30px, 4vw, 70px);
    height: 2px;
    background: linear-gradient(90deg, rgba(124, 58, 237, .1), rgba(124, 58, 237, .55), rgba(124, 58, 237, .1));
    position: relative;
    overflow: visible;
}

#intersa-home .elane::after {
    content: '';
    position: absolute;
    top: -2.5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #a78bfa;
    box-shadow: 0 0 10px #a78bfa;
    animation: ih-elflow 1.6s linear infinite;
}

#intersa-home .elane.rev::after {
    animation-name: ih-elflowrev;
}

@keyframes ih-elflow {
    from { left: -4px; opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    to { left: calc(100% - 3px); opacity: 0; }
}

@keyframes ih-elflowrev {
    from { right: -4px; opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    to { right: calc(100% - 3px); opacity: 0; }
}

#intersa-home .engine-mid {
    display: flex;
    align-items: center;
    gap: 0;
}

#intersa-home .engine-down {
    width: 2px;
    height: 44px;
    margin: 2px auto 0;
    background: linear-gradient(180deg, rgba(124, 58, 237, .55), rgba(124, 58, 237, .12));
    position: relative;
}

#intersa-home .engine-down::after {
    content: '';
    position: absolute;
    left: -2.5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #a78bfa;
    box-shadow: 0 0 10px #a78bfa;
    animation: ih-eldown 1.4s linear infinite;
}

@keyframes ih-eldown {
    from { top: -4px; opacity: 0; }
    25% { opacity: 1; }
    80% { opacity: 1; }
    to { top: calc(100% - 3px); opacity: 0; }
}

/* persona output */
#intersa-home .persona-out {
    max-width: 760px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

#intersa-home .persona-tabs {
    display: flex;
    gap: 6px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--lav-2);
    background: #fbfaff;
    flex-wrap: wrap;
}

#intersa-home .ptab {
    border: 1.5px solid var(--line-2);
    background: #fff;
    border-radius: 100px;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 700;
    color: var(--muted);
    cursor: pointer;
    transition: all .25s;
}

#intersa-home .ptab:hover {
    border-color: var(--primary);
    color: var(--primary);
}

#intersa-home .ptab.act {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
    box-shadow: 0 4px 14px rgba(79, 70, 229, .3);
}

#intersa-home .persona-body {
    padding: 26px 28px;
}

#intersa-home .persona-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

#intersa-home .persona-head b {
    display: block;
    font-size: 14.5px;
    color: var(--ink);
    line-height: 1.25;
}

#intersa-home .persona-head span {
    display: block;
    font-size: 12px;
    color: var(--muted);
}

#intersa-home .persona-head .avatar {
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
}

#intersa-home .persona-focus {
    margin-left: auto;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--violet);
    background: #f6f0ff;
    border: 1px dashed #ddd0f7;
    border-radius: 100px;
    padding: 5px 13px;
    white-space: nowrap;
}

#intersa-home .persona-msg {
    background: var(--lav);
    border: 1px solid var(--lav-2);
    border-radius: 16px;
    padding: 18px 20px;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--ink-2);
    min-height: 118px;
    transition: opacity .3s;
}

#intersa-home .persona-msg.fade {
    opacity: 0;
}

#intersa-home .persona-cap {
    text-align: center;
    font-size: 13.5px;
    color: var(--muted);
    font-weight: 600;
    padding: 16px;
    border-top: 1px solid var(--lav-2);
    background: #fbfaff;
}

#intersa-home .persona-cap b {
    color: var(--ink-2);
}

@media (max-width: 1080px) {
    #intersa-home .engine-top {
        grid-template-columns: 1fr;
    }

    #intersa-home .engine-mid {
        flex-direction: column;
    }

    #intersa-home .elane {
        width: 2px;
        height: 34px;
        background: linear-gradient(180deg, rgba(124, 58, 237, .1), rgba(124, 58, 237, .55), rgba(124, 58, 237, .1));
    }

    #intersa-home .elane::after {
        animation: ih-eldown 1.4s linear infinite;
        left: -2.5px;
    }

    #intersa-home .persona-focus {
        display: none;
    }
}

/* ============ SHARED: channel pills, provider logos, AI core ============ */
@keyframes ih-ripple {
    0% { transform: scale(.72); opacity: 1; }
    100% { transform: scale(1.5); opacity: 0; }
}

#intersa-home .ch-pills {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 28px;
}

#intersa-home .ch-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 100px;
    padding: 9px 20px 9px 10px;
    font-weight: 800;
    color: var(--ink);
    font-size: 14.5px;
    box-shadow: var(--shadow-sm);
    transition: transform .3s, box-shadow .3s;
}

#intersa-home .ch-pill:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}

#intersa-home .ch-pill i {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    flex: none;
}

#intersa-home .ch-pill i svg {
    width: 17px;
    height: 17px;
}

#intersa-home .logo-sat {
    padding: 12px 18px;
}

#intersa-home .logo-sat img {
    height: 22px;
    width: auto;
    display: block;
}

#intersa-home .mc4-core {
    position: relative;
    width: 104px;
    height: 104px;
    display: grid;
    place-items: center;
}

#intersa-home .mc4-core::before,
#intersa-home .mc4-core::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1.5px solid rgba(167, 139, 250, .35);
    animation: ih-ripple 3.2s ease-out infinite;
}

#intersa-home .mc4-core::after {
    animation-delay: 1.6s;
}

#intersa-home .mc4-ring {
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, #4f46e5, #a855f7, #ec4899, #17bce9, #4f46e5);
    animation: ih-spin 6s linear infinite;
    filter: blur(1.5px);
}

#intersa-home .mc4-in {
    position: relative;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: radial-gradient(circle at 32% 28%, #241b58, #0d0a2c 72%);
    border: 1px solid rgba(255, 255, 255, .18);
    display: grid;
    place-items: center;
    z-index: 1;
}

#intersa-home .mc4-in svg {
    height: 26px;
    width: auto;
}

/* shared spin keyframe (crm rings, mc4 ring, loaders) */
@keyframes ih-spin {
    to { transform: rotate(360deg); }
}

/* shared floaty keyframe (crm satellites) */
@keyframes ih-floaty {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-11px); }
}

/* ============ MULTICHANNEL / CRM (shared grid + viz) ============ */
#intersa-home .crm {
    background: linear-gradient(180deg, #fff, var(--lav));
}

#intersa-home .crm-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    margin-top: 26px;
}

#intersa-home .crm-caps {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 28px;
}

#intersa-home .crm-cap {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13.8px;
    font-weight: 600;
    color: var(--ink-2);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 12px 15px;
}

#intersa-home .crm-cap svg {
    width: 16px;
    height: 16px;
    color: var(--green);
    flex: none;
}

#intersa-home .crm-viz {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 380px;
}

#intersa-home .crm-hub {
    width: 110px;
    height: 110px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: var(--shadow-lg);
    display: grid;
    place-items: center;
    position: relative;
    z-index: 2;
}

#intersa-home .crm-hub svg {
    height: 22px;
    width: auto;
}

#intersa-home .crm-ring {
    position: absolute;
    border: 1.5px dashed var(--line-2);
    border-radius: 50%;
    animation: ih-spin 40s linear infinite;
}

#intersa-home .crm-ring.r1 {
    width: 250px;
    height: 250px;
}

#intersa-home .crm-ring.r2 {
    width: 380px;
    height: 380px;
    animation-duration: 70s;
    animation-direction: reverse;
}

#intersa-home .crm-sat {
    position: absolute;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 11px 18px;
    font-size: 13px;
    font-weight: 800;
    color: var(--ink-2);
    box-shadow: var(--shadow-md);
    display: flex;
    align-items: center;
    gap: 8px;
    animation: ih-floaty 5.5s ease-in-out infinite;
}

#intersa-home .crm-sat small {
    display: block;
    font-size: 9.5px;
    color: var(--muted);
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

#intersa-home .crm-sat.soon {
    opacity: .75;
    border-style: dashed;
}

#intersa-home .crm-sat.soon small {
    color: var(--amber);
}

/* ============ DIFFERENTIATOR (conversation) ============ */
#intersa-home .diff {
    background: #fff;
}

#intersa-home .diff-grid {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 64px;
    align-items: center;
    margin-top: 26px;
}

#intersa-home .diff-feats {
    display: grid;
    gap: 10px;
    margin-top: 34px;
}

#intersa-home .diff-feat {
    display: flex;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 18px;
    border: 1px solid transparent;
    transition: all .3s;
    cursor: default;
}

#intersa-home .diff-feat:hover {
    background: var(--lav);
    border-color: var(--line);
}

#intersa-home .diff-ico {
    width: 44px;
    height: 44px;
    flex: none;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: var(--lav-2);
    color: var(--primary);
}

#intersa-home .diff-ico svg {
    width: 20px;
    height: 20px;
}

#intersa-home .diff-feat b {
    display: block;
    font-size: 15.5px;
    color: var(--ink);
    margin-bottom: 3px;
}

#intersa-home .diff-feat p {
    font-size: 14px;
    line-height: 1.55;
}

#intersa-home .convo {
    position: relative;
}

#intersa-home .convo::before {
    content: '';
    position: absolute;
    inset: -8% -6%;
    background: radial-gradient(closest-side, rgba(124, 58, 237, .13), transparent);
    border-radius: 50%;
}

#intersa-home .convo-window {
    position: relative;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

#intersa-home .convo-body {
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 400px;
}

#intersa-home .convo .msg {
    font-size: 13.2px;
}

/* app-bar (shared: convo window header) */
#intersa-home .app-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--lav-2);
    background: linear-gradient(180deg, #fdfcff, #f8f7ff);
}

#intersa-home .app-bar i {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: block;
}

#intersa-home .app-bar i:nth-child(1) {
    background: #fca5a5;
}

#intersa-home .app-bar i:nth-child(2) {
    background: #fcd34d;
}

#intersa-home .app-bar i:nth-child(3) {
    background: #86efac;
}

#intersa-home .app-bar .app-url {
    margin-left: 12px;
    font-size: 11.5px;
    color: var(--muted);
    background: #fff;
    border: 1px solid var(--lav-2);
    border-radius: 100px;
    padding: 4px 14px;
    font-weight: 600;
}

#intersa-home .app-bar .app-live {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--green);
    background: #ecfdf5;
    border-radius: 100px;
    padding: 4px 11px;
}

#intersa-home .app-bar .app-live::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--green);
    animation: ih-pulse 1.8s infinite;
}

@keyframes ih-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, .5); }
    55% { box-shadow: 0 0 0 5px rgba(16, 185, 129, 0); }
}

/* avatar (shared: persona, db rows) */
#intersa-home .avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 12.5px;
    font-weight: 800;
    color: #fff;
    flex: none;
}

#intersa-home .av-sc {
    background: linear-gradient(135deg, #f472b6, #c084fc);
}

/* chat bubbles (shared: convo) */
#intersa-home .msg {
    max-width: 88%;
    padding: 11px 15px;
    border-radius: 16px;
    font-size: 12.8px;
    line-height: 1.55;
    opacity: 0;
    transform: translateY(14px) scale(.97);
    transition: opacity .5s cubic-bezier(.22, 1, .36, 1), transform .5s cubic-bezier(.22, 1, .36, 1);
}

#intersa-home .msg.show {
    opacity: 1;
    transform: none;
}

#intersa-home .msg-out {
    align-self: flex-end;
    background: var(--primary);
    color: #fff;
    border-bottom-right-radius: 5px;
    box-shadow: 0 6px 16px rgba(79, 70, 229, .25);
}

#intersa-home .msg-out b {
    color: #fff;
}

#intersa-home .msg-in {
    align-self: flex-start;
    background: #f4f2fd;
    color: var(--ink-2);
    border-bottom-left-radius: 5px;
}

#intersa-home .intent-chip {
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    border-radius: 100px;
    padding: 5px 13px;
    opacity: 0;
    transform: translateY(8px);
    transition: all .45s;
}

#intersa-home .intent-chip.show {
    opacity: 1;
    transform: none;
}

#intersa-home .ic-objection {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
    align-self: flex-start;
}

#intersa-home .ic-thinking {
    background: #f6f0ff;
    color: var(--violet);
    border: 1px dashed #ddd0f7;
    align-self: flex-start;
}

#intersa-home .ic-positive {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
    align-self: flex-start;
}

/* ============ PLATFORM BENTO ============ */
#intersa-home .platform {
    background: linear-gradient(180deg, var(--lav) 0%, #fff 100%);
}

#intersa-home .bento {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 60px;
}

#intersa-home .bcard {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    padding: 30px;
    display: flex;
    flex-direction: column;
    transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s, border-color .35s;
    position: relative;
    overflow: hidden;
}

#intersa-home .bcard:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
    border-color: var(--line-2);
}

#intersa-home .bcard h3 {
    font-size: 1.15rem;
    margin-bottom: 9px;
}

#intersa-home .bcard > p {
    font-size: 14.5px;
    flex: 1;
    margin-bottom: 20px;
}

#intersa-home .bviz {
    border-radius: 16px;
    background: var(--lav);
    border: 1px solid var(--lav-2);
    margin-bottom: 22px;
    padding: 16px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    position: relative;
    overflow: hidden;
}

#intersa-home .bviz-rows {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

#intersa-home .brow {
    display: flex;
    align-items: center;
    gap: 9px;
    background: #fff;
    border: 1px solid var(--lav-2);
    border-radius: 11px;
    padding: 8px 11px;
    font-size: 11px;
    font-weight: 700;
    color: var(--ink-2);
}

#intersa-home .brow .mini-av {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    flex: none;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
}

#intersa-home .brow small {
    color: var(--muted);
    font-weight: 600;
    font-size: 10.5px;
}

#intersa-home .brow .tag {
    margin-left: auto;
    font-size: 9.5px;
    font-weight: 800;
    border-radius: 100px;
    padding: 2.5px 9px;
    flex: none;
}

#intersa-home .tag-g {
    background: #ecfdf5;
    color: #047857;
}

#intersa-home .tag-v {
    background: #f3e8ff;
    color: var(--violet);
}

#intersa-home .tag-b {
    background: #e0f2fe;
    color: #0369a1;
}

#intersa-home .bviz .fchips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 4px;
}

#intersa-home .fchip {
    font-size: 10px;
    font-weight: 700;
    background: #fff;
    border: 1px solid var(--line);
    color: var(--body);
    border-radius: 100px;
    padding: 4px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

#intersa-home .fchip i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary);
    font-style: normal;
}

#intersa-home .burl {
    display: flex;
    align-items: center;
    gap: 9px;
    background: #fff;
    border: 1.5px solid var(--primary);
    border-radius: 100px;
    padding: 9px 15px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ink-2);
    box-shadow: 0 4px 14px rgba(79, 70, 229, .14);
}

#intersa-home .burl svg {
    width: 14px;
    height: 14px;
    color: var(--primary);
    flex: none;
}

#intersa-home .bgen {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    color: var(--violet);
}

#intersa-home .bgen i {
    width: 14px;
    height: 14px;
    flex: none;
    border-radius: 50%;
    border: 2px solid #ddd0f7;
    border-top-color: var(--violet);
    animation: ih-spin 1s linear infinite;
    font-style: normal;
}

#intersa-home .bmsg {
    background: #fff;
    border: 1px solid var(--lav-2);
    border-radius: 13px;
    padding: 11px 13px;
    font-size: 11.5px;
    line-height: 1.6;
    color: var(--ink-2);
}

#intersa-home .hlt {
    background: linear-gradient(120deg, #ede9fe, #fce7f3);
    border-radius: 5px;
    padding: 1px 5px;
    font-weight: 700;
    color: var(--violet);
}

#intersa-home .gauge-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}

#intersa-home .gauge {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: conic-gradient(var(--green) 0 351deg, #e5e1f5 351deg 360deg);
    display: grid;
    place-items: center;
    flex: none;
}

#intersa-home .gauge i {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--lav);
    display: grid;
    place-items: center;
    font-style: normal;
    font-weight: 800;
    font-size: 17px;
    color: var(--ink);
}

#intersa-home .checks {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#intersa-home .checks span {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 700;
    color: var(--ink-2);
}

#intersa-home .checks svg {
    width: 14px;
    height: 14px;
    color: var(--green);
}

#intersa-home .bcard .text-link {
    font-size: 14.5px;
    margin-top: auto;
}

#intersa-home .bico {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    color: #fff;
}

#intersa-home .bico svg {
    width: 21px;
    height: 21px;
}

#intersa-home .bi-indigo {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
}

#intersa-home .bi-violet {
    background: linear-gradient(135deg, #a78bfa, #7c3aed);
}

#intersa-home .bi-pink {
    background: linear-gradient(135deg, #f472b6, #db2777);
}

#intersa-home .bi-cyan {
    background: linear-gradient(135deg, #38bdf8, #0891b2);
}

/* ============ TRAIN CENTER & KNOWLEDGE BASE ============ */
#intersa-home .train {
    background: #fff;
}

#intersa-home .kb {
    background: linear-gradient(180deg, var(--lav) 0%, #fff 100%);
}

#intersa-home .hchips {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 28px;
}

#intersa-home .hchip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink-2);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 100px;
    padding: 8px 15px;
}

#intersa-home .hchip svg {
    width: 14px;
    height: 14px;
    color: var(--green);
}

#intersa-home .tk-grid {
    display: grid;
    grid-template-columns: 1fr 1.02fr;
    gap: 64px;
    align-items: center;
    margin-top: 26px;
}

#intersa-home .tk-grid.flip {
    grid-template-columns: 1.02fr 1fr;
}

#intersa-home .tk-window {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

#intersa-home .tk-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--lav-2);
    background: linear-gradient(180deg, #fdfcff, #f8f7ff);
}

#intersa-home .tk-bar i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--line-2);
    display: block;
}

#intersa-home .tk-bar b {
    font-size: 12.5px;
    color: var(--ink-2);
    margin-left: 8px;
    font-weight: 700;
}

#intersa-home .tk-body {
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

#intersa-home .tk-label {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
}

#intersa-home .tk-draft {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 14px;
    padding: 13px 15px;
    font-size: 12.8px;
    color: var(--ink-2);
    line-height: 1.55;
    position: relative;
}

#intersa-home .tk-draft::after {
    content: 'AI draft';
    position: absolute;
    top: -9px;
    right: 12px;
    font-size: 9.5px;
    font-weight: 800;
    color: #b91c1c;
    background: #fff;
    border: 1px solid #fecaca;
    border-radius: 100px;
    padding: 2px 10px;
}

#intersa-home .tk-fixed {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 14px;
    padding: 13px 15px;
    font-size: 12.8px;
    color: var(--ink-2);
    line-height: 1.55;
    position: relative;
}

#intersa-home .tk-fixed::after {
    content: 'Your correction';
    position: absolute;
    top: -9px;
    right: 12px;
    font-size: 9.5px;
    font-weight: 800;
    color: #047857;
    background: #fff;
    border: 1px solid #a7f3d0;
    border-radius: 100px;
    padding: 2px 10px;
}

#intersa-home .tk-scope {
    display: flex;
    gap: 8px;
}

#intersa-home .tk-scope span {
    font-size: 11.5px;
    font-weight: 700;
    border-radius: 100px;
    padding: 7px 15px;
    border: 1.5px solid var(--line-2);
    color: var(--muted);
}

#intersa-home .tk-scope span.on {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
    box-shadow: 0 4px 12px rgba(79, 70, 229, .3);
}

#intersa-home .tk-lessons {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

#intersa-home .tk-lesson {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--lav);
    border: 1px solid var(--lav-2);
    border-radius: 12px;
    padding: 9px 13px;
    font-size: 12px;
    font-weight: 600;
    color: var(--ink-2);
}

#intersa-home .tk-lesson svg {
    width: 14px;
    height: 14px;
    color: var(--violet);
    flex: none;
}

#intersa-home .tk-lesson em {
    margin-left: auto;
    font-style: normal;
    font-size: 9.5px;
    font-weight: 800;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    flex: none;
}

/* kb mock */
#intersa-home .kb-src {
    display: flex;
    align-items: center;
    gap: 11px;
    background: var(--lav);
    border: 1px solid var(--lav-2);
    border-radius: 13px;
    padding: 11px 14px;
    font-size: 12.8px;
    font-weight: 700;
    color: var(--ink-2);
}

#intersa-home .kb-src .ksico {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #fff;
    border: 1px solid var(--line);
    color: var(--primary);
    flex: none;
}

#intersa-home .kb-src .ksico svg {
    width: 15px;
    height: 15px;
}

#intersa-home .kb-src small {
    display: block;
    font-size: 10.5px;
    color: var(--muted);
    font-weight: 600;
}

#intersa-home .kb-src .kst {
    margin-left: auto;
    font-size: 9.8px;
    font-weight: 800;
    border-radius: 100px;
    padding: 3px 10px;
    flex: none;
}

#intersa-home .kst-ok {
    background: #ecfdf5;
    color: #047857;
}

#intersa-home .kst-sync {
    background: #eff6ff;
    color: #1d4ed8;
}

#intersa-home .kb-gap {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 14px;
    padding: 13px 15px;
    font-size: 12.5px;
    color: #92400e;
    line-height: 1.5;
    display: flex;
    gap: 11px;
    align-items: flex-start;
}

#intersa-home .kb-gap svg {
    width: 17px;
    height: 17px;
    flex: none;
    margin-top: 1px;
}

#intersa-home .kb-gap b {
    color: #78350f;
}

#intersa-home .kb-esc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 12px 15px;
    font-size: 12.8px;
    font-weight: 700;
    color: var(--ink-2);
}

#intersa-home .kb-toggle {
    width: 40px;
    height: 22px;
    border-radius: 100px;
    background: var(--green);
    position: relative;
    flex: none;
}

#intersa-home .kb-toggle::after {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
}

@media (max-width: 1080px) {
    #intersa-home .tk-grid,
    #intersa-home .tk-grid.flip {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    #intersa-home .tk-grid.flip > div:first-child {
        order: 2;
    }
}

/* ============ PLAYGROUND (dark) ============ */
#intersa-home .playground {
    background: radial-gradient(1000px 500px at 80% -10%, rgba(124, 58, 237, .25), transparent 60%), radial-gradient(800px 500px at 8% 108%, rgba(236, 72, 153, .16), transparent 55%), linear-gradient(175deg, #0d0b2e 0%, #171243 60%, #221a5e 100%);
    color: #a5b0d0;
    overflow: hidden;
}

#intersa-home .playground .sec-head h2 {
    color: #fff;
}

#intersa-home .playground .sec-head p {
    color: #a5b0d0;
}

#intersa-home .pg-grid {
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    gap: 64px;
    align-items: center;
    margin-top: 26px;
}

#intersa-home .pg-feats {
    display: grid;
    gap: 8px;
}

#intersa-home .pg-feat {
    display: flex;
    gap: 16px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid transparent;
    transition: all .3s;
}

#intersa-home .pg-feat:hover {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .1);
}

#intersa-home .pg-feat b {
    display: block;
    font-size: 15.5px;
    color: #fff;
    margin-bottom: 3px;
}

#intersa-home .pg-feat p {
    font-size: 14px;
    line-height: 1.55;
}

#intersa-home .pg-ico {
    width: 42px;
    height: 42px;
    flex: none;
    border-radius: 13px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    color: #c4b5fd;
}

#intersa-home .pg-ico svg {
    width: 19px;
    height: 19px;
}

#intersa-home .pg-window {
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 22px;
    backdrop-filter: blur(12px);
    box-shadow: 0 40px 90px rgba(0, 0, 0, .45);
    overflow: hidden;
}

#intersa-home .pg-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

#intersa-home .pg-bar i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    display: block;
}

#intersa-home .pg-bar b {
    font-size: 12px;
    color: #c7d2fe;
    font-weight: 700;
    margin-left: 8px;
}

#intersa-home .pg-mode {
    margin-left: auto;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fbbf24;
    background: rgba(251, 191, 36, .12);
    border: 1px solid rgba(251, 191, 36, .3);
    border-radius: 100px;
    padding: 4px 11px;
}

#intersa-home .pg-body {
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    min-height: 340px;
}

#intersa-home .pg-msg {
    max-width: 88%;
    padding: 11px 15px;
    border-radius: 15px;
    font-size: 12.8px;
    line-height: 1.55;
}

#intersa-home .pg-you {
    align-self: flex-end;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .14);
    color: #e0e7ff;
    border-bottom-right-radius: 5px;
}

#intersa-home .pg-ai {
    align-self: flex-start;
    background: rgba(124, 58, 237, .22);
    border: 1px solid rgba(167, 139, 250, .3);
    color: #ede9fe;
    border-bottom-left-radius: 5px;
}

#intersa-home .pg-note {
    align-self: center;
    font-size: 10.5px;
    font-weight: 700;
    color: #fbbf24;
    background: rgba(251, 191, 36, .1);
    border: 1px dashed rgba(251, 191, 36, .35);
    border-radius: 100px;
    padding: 5px 14px;
    text-align: center;
}

#intersa-home .pg-actions {
    display: flex;
    gap: 8px;
    margin-top: auto;
}

#intersa-home .pg-btn {
    flex: 1;
    text-align: center;
    font-size: 11.5px;
    font-weight: 700;
    border-radius: 100px;
    padding: 9px;
    border: 1px solid rgba(255, 255, 255, .14);
    color: #c7d2fe;
    background: rgba(255, 255, 255, .05);
}

#intersa-home .pg-btn.save {
    background: var(--primary);
    border-color: transparent;
    color: #fff;
}

/* ============ B2B DATABASE ============ */
#intersa-home .b2b {
    background: #fff;
}

#intersa-home .b2b-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 56px;
}

#intersa-home .stat-tile {
    background: linear-gradient(180deg, #fff, var(--lav));
    border: 1px solid var(--line);
    border-radius: var(--r);
    padding: 28px 24px;
    text-align: center;
    transition: transform .3s, box-shadow .3s;
}

#intersa-home .stat-tile:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

#intersa-home .stat-tile b {
    display: block;
    font-size: clamp(1.9rem, 3vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -.03em;
    background: var(--grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1.1;
}

#intersa-home .stat-tile > span {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ink-2);
    display: block;
    margin-top: 6px;
}

#intersa-home .stat-tile b .count {
    font-size: inherit;
    font-weight: inherit;
    display: inline;
    background: var(--grad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

#intersa-home .stat-tile small {
    font-size: 11.5px;
    color: var(--muted);
    font-weight: 600;
}

#intersa-home .db-window {
    margin-top: 26px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

#intersa-home .db-body {
    display: grid;
    grid-template-columns: 250px 1fr;
}

#intersa-home .db-filters {
    border-right: 1px solid var(--lav-2);
    background: #fbfaff;
    padding: 20px;
}

#intersa-home .db-filters h6 {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 12px;
}

#intersa-home .db-fgroup {
    margin-bottom: 14px;
}

#intersa-home .db-fgroup b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12.5px;
    color: var(--ink-2);
    font-weight: 700;
    padding: 7px 0;
}

#intersa-home .db-fgroup b::after {
    content: '▾';
    color: var(--muted);
    font-size: 10px;
}

#intersa-home .db-fchips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding-bottom: 4px;
}

#intersa-home .db-fchips span {
    font-size: 10px;
    font-weight: 700;
    background: #fff;
    border: 1px solid var(--line);
    color: var(--primary);
    border-radius: 100px;
    padding: 3.5px 10px;
}

#intersa-home .db-results {
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

#intersa-home .db-rhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

#intersa-home .db-rhead b {
    font-size: 13px;
    color: var(--ink);
}

#intersa-home .db-rhead span {
    font-size: 11px;
    font-weight: 800;
    color: var(--green);
    background: #ecfdf5;
    border-radius: 100px;
    padding: 4px 12px;
}

#intersa-home .db-row {
    display: flex;
    align-items: center;
    gap: 11px;
    background: var(--lav);
    border: 1px solid var(--lav-2);
    border-radius: 14px;
    padding: 11px 14px;
}

#intersa-home .db-row b {
    font-size: 12.8px;
    color: var(--ink);
    display: block;
    line-height: 1.25;
}

#intersa-home .db-row small {
    font-size: 10.8px;
    color: var(--muted);
    display: block;
    font-weight: 600;
}

#intersa-home .db-add {
    margin-left: auto;
    font-size: 10.5px;
    font-weight: 800;
    color: #fff;
    background: var(--primary);
    border-radius: 100px;
    padding: 6px 13px;
    flex: none;
    box-shadow: 0 4px 10px rgba(79, 70, 229, .3);
}

#intersa-home .db-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px;
    border-top: 1px solid var(--lav-2);
    flex-wrap: wrap;
    background: #fbfaff;
}

#intersa-home .db-step {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink-2);
}

#intersa-home .db-step i {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--lav-2);
    color: var(--primary);
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 10.5px;
    font-weight: 800;
}

#intersa-home .db-steps svg {
    color: var(--line-2);
}

#intersa-home .priv-row {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 30px;
}

#intersa-home .priv-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink-2);
    background: var(--lav);
    border: 1px solid var(--line);
    border-radius: 100px;
    padding: 9px 18px;
}

#intersa-home .priv-chip svg {
    width: 15px;
    height: 15px;
    color: var(--green);
}

/* live search */
#intersa-home .live-search {
    margin-top: 34px;
    background: linear-gradient(120deg, #171243, #312e81 60%, #4f46e5 140%);
    border-radius: var(--r-lg);
    padding: clamp(34px, 4.5vw, 56px);
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
}

#intersa-home .live-search::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(600px 300px at 85% 0%, rgba(236, 72, 153, .3), transparent 60%);
}

#intersa-home .ls-inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 44px;
    align-items: center;
}

#intersa-home .ls-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fbbf24;
    background: rgba(251, 191, 36, .13);
    border: 1px solid rgba(251, 191, 36, .35);
    border-radius: 100px;
    padding: 7px 16px;
    margin-bottom: 18px;
}

#intersa-home .ls-badge::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fbbf24;
}

#intersa-home .live-search h3 {
    color: #fff;
    font-size: clamp(1.4rem, 2.4vw, 1.9rem);
    margin-bottom: 12px;
}

#intersa-home .live-search p {
    color: #a5b4fc;
    font-size: 15.5px;
}

#intersa-home .ls-box {
    position: relative;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 20px;
    padding: 22px;
    backdrop-filter: blur(10px);
}

#intersa-home .ls-input {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: 100px;
    padding: 15px 22px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .28);
}

#intersa-home .ls-input svg {
    width: 19px;
    height: 19px;
    color: var(--primary);
    flex: none;
}

#intersa-home .ls-query {
    font-size: 14px;
    font-weight: 600;
    color: var(--ink-2);
    white-space: nowrap;
    overflow: hidden;
}

#intersa-home .ls-query::after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 15px;
    background: var(--primary);
    margin-left: 2px;
    vertical-align: -2px;
    animation: ih-blink 1s steps(1) infinite;
}

@keyframes ih-blink {
    50% { opacity: 0; }
}

#intersa-home .ls-parsed {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

#intersa-home .ls-tag {
    font-size: 11px;
    font-weight: 700;
    color: #e0e7ff;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 100px;
    padding: 6px 13px;
    opacity: 0;
    transform: translateY(6px);
    transition: all .4s;
}

#intersa-home .ls-tag.show {
    opacity: 1;
    transform: none;
}

#intersa-home .ls-tag b {
    color: #fbcfe8;
    font-weight: 800;
}

#intersa-home .hiw-ctas {
    display: flex;
    gap: 14px;
    justify-content: center;
    margin-top: 58px;
    flex-wrap: wrap;
}

/* ============ DELIVERABILITY ============ */
#intersa-home .deliv {
    background: linear-gradient(180deg, var(--lav) 0%, #fff 100%);
}

#intersa-home .deliv-grid {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 64px;
    align-items: center;
    margin-top: 26px;
}

#intersa-home .deliv-window {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--shadow-lg);
    padding: 30px;
    position: relative;
}

#intersa-home .dh-top {
    display: flex;
    align-items: center;
    gap: 22px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--lav-2);
    margin-bottom: 22px;
}

#intersa-home .big-gauge {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: conic-gradient(var(--green) var(--val, 0deg), #eceafb 0);
    display: grid;
    place-items: center;
    flex: none;
    transition: --val 1s;
}

#intersa-home .big-gauge i {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    display: grid;
    place-items: center;
    flex-direction: column;
    font-style: normal;
    text-align: center;
}

#intersa-home .big-gauge b {
    font-size: 30px;
    font-weight: 800;
    color: var(--ink);
    display: block;
    line-height: 1;
}

#intersa-home .big-gauge span {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--muted);
    letter-spacing: .06em;
    text-transform: uppercase;
}

#intersa-home .dh-top h4 {
    font-size: 1.05rem;
    margin-bottom: 6px;
}

#intersa-home .dh-top p {
    font-size: 13px;
}

#intersa-home .dns-rows {
    display: grid;
    gap: 9px;
    margin-bottom: 22px;
}

#intersa-home .dns-row {
    display: flex;
    align-items: center;
    gap: 11px;
    background: var(--lav);
    border: 1px solid var(--lav-2);
    border-radius: 13px;
    padding: 11px 15px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ink-2);
}

#intersa-home .dns-row svg {
    width: 17px;
    height: 17px;
    color: var(--green);
    flex: none;
}

#intersa-home .dns-row span {
    margin-left: auto;
    font-size: 10.5px;
    font-weight: 800;
    color: #047857;
    background: #ecfdf5;
    border-radius: 100px;
    padding: 3px 11px;
}

#intersa-home .ramp {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    height: 64px;
}

#intersa-home .ramp i {
    flex: 1;
    border-radius: 6px 6px 0 0;
    background: linear-gradient(180deg, #a5b4fc, #6366f1);
    transform-origin: bottom;
    transform: scaleY(0);
    transition: transform .7s cubic-bezier(.22, 1, .36, 1);
}

#intersa-home .deliv-window.in .ramp i {
    transform: scaleY(1);
}

#intersa-home .ramp-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--muted);
    margin-top: 10px;
    text-align: center;
}

#intersa-home .deliv-feats {
    display: grid;
    gap: 8px;
    margin-top: 32px;
}

/* ============ AUDIENCE ============ */
#intersa-home .aud {
    background: #fff;
}

#intersa-home .aud-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 58px;
}

#intersa-home .aud-card {
    border-radius: var(--r);
    border: 1px solid var(--line);
    padding: 30px 26px;
    background: linear-gradient(180deg, #fff, var(--lav));
    transition: transform .3s, box-shadow .3s;
}

#intersa-home .aud-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

#intersa-home .aud-card h3 {
    font-size: 1.05rem;
    margin: 18px 0 8px;
}

#intersa-home .aud-card p {
    font-size: 14px;
}

.prefooter-cta-section {
    z-index: 6;
    position: relative;
    background: white;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1080px) {
    #intersa-home .diff-grid,
    #intersa-home .pg-grid,
    #intersa-home .deliv-grid,
    #intersa-home .crm-grid,
    #intersa-home .ls-inner {
        grid-template-columns: 1fr;
        gap: 52px;
    }

    #intersa-home .bento {
        grid-template-columns: 1fr 1fr;
    }

    #intersa-home .aud-grid {
        grid-template-columns: 1fr 1fr;
    }

    #intersa-home .b2b-stats {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    #intersa-home .bento,
    #intersa-home .aud-grid {
        grid-template-columns: 1fr;
    }

    #intersa-home .crm-ring.r2 {
        width: 300px;
        height: 300px;
    }

    #intersa-home .db-body {
        grid-template-columns: 1fr;
    }

    #intersa-home .db-filters {
        border-right: 0;
        border-bottom: 1px solid var(--lav-2);
    }
}

@media (prefers-reduced-motion: reduce) {
    #intersa-home *,
    #intersa-home *::before,
    #intersa-home *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

    html {
        scroll-behavior: auto;
    }

    #intersa-home .reveal,
    #intersa-home .reveal-scale {
        opacity: 1;
        transform: none;
    }
}