/* Enterprise conversion surfaces for the public homepage.
 * Scoped to named sections so the existing galaxy canvas and global brand
 * system remain intact. The layouts deliberately use explicit grid spans:
 * five-step and seven-feature sets never leave an accidental empty column. */

:root {
    --ec-panel: rgba(10, 14, 29, .88);
    --ec-panel-strong: rgba(7, 10, 22, .96);
    --ec-line: rgba(149, 164, 205, .17);
    --ec-line-cyan: rgba(0, 212, 255, .28);
    --ec-muted: rgba(232, 237, 249, .68);
    --ec-soft: rgba(255, 255, 255, .035);
    --ec-radius: 18px;
    --ec-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

/* A fast, paint-only star field is always available. The optional WebGL layer
 * loads after first paint on capable devices, so the brand atmosphere never
 * depends on a large script or continuous GPU work. */
#galaxyContainer {
    background-color: #050713;
    background-image:
        radial-gradient(circle, rgba(255, 255, 255, .66) 0 1px, transparent 1.4px),
        radial-gradient(circle, rgba(103, 220, 255, .52) 0 1px, transparent 1.5px),
        radial-gradient(circle, rgba(156, 130, 255, .44) 0 .8px, transparent 1.35px),
        radial-gradient(ellipse at 18% 16%, rgba(58, 189, 255, .075), transparent 35%),
        radial-gradient(ellipse at 84% 58%, rgba(132, 102, 255, .065), transparent 38%);
    background-position: 14px 20px, 88px 61px, 42px 116px, 0 0, 0 0;
    background-size: 171px 171px, 239px 239px, 307px 307px, 100% 100%, 100% 100%;
}
#galaxyContainer canvas { opacity: .72; }

/* ── Audit → action path ───────────────────────────────────────────── */
.how-path {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(780px 360px at 12% 12%, rgba(0, 212, 255, .08), transparent 68%),
        radial-gradient(720px 360px at 88% 92%, rgba(135, 103, 255, .08), transparent 68%),
        linear-gradient(180deg, rgba(7, 9, 19, .97), rgba(10, 10, 22, .98)) !important;
}
.how-path-head { max-width: 850px !important; }
.how-path-steps {
    display: grid !important;
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    grid-auto-flow: row;
    gap: 16px !important;
}
.how-path-step {
    grid-column: span 2;
    min-width: 0;
    min-height: 300px;
    padding: 24px 22px 22px !important;
    display: grid !important;
    grid-template-rows: auto minmax(48px, auto) 1fr auto;
    align-content: stretch;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
        var(--ec-panel) !important;
    border: 1px solid var(--ec-line) !important;
    border-radius: var(--ec-radius) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.how-path-step:hover {
    transform: translateY(-3px);
    border-color: var(--ec-line-cyan) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .05);
}
.how-path-num {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 18px !important;
    border-radius: 9px !important;
    background: rgba(0, 212, 255, .11) !important;
    border: 1px solid rgba(0, 212, 255, .28);
    color: #7be8ff !important;
    font-size: 13px !important;
}
.how-path-step-title {
    margin-bottom: 12px !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
}
.how-path-step p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.64 !important;
    color: var(--ec-muted) !important;
}
.how-path-outcome {
    display: block;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: #d9e5ff;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .025em;
    line-height: 1.45;
}

/* ── Command-center conversion panel ───────────────────────────────── */
.conversion-summary {
    max-width: 1160px;
    margin: 64px auto 0 !important;
    padding: 34px !important;
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
    grid-template-areas:
        "intro stats"
        "actions stats";
    gap: 24px 34px;
    text-align: left !important;
    background:
        radial-gradient(580px 240px at 0% 0%, rgba(0, 212, 255, .11), transparent 70%),
        linear-gradient(145deg, rgba(14, 18, 37, .96), rgba(7, 10, 23, .96)) !important;
    border: 1px solid var(--ec-line-cyan) !important;
    border-radius: 22px !important;
    box-shadow: var(--ec-shadow), inset 0 1px rgba(255, 255, 255, .045);
}
.conversion-summary__intro { grid-area: intro; }
.conversion-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: #75e8ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.conversion-summary h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(22px, 2.25vw, 30px);
    line-height: 1.2;
}
.conversion-summary__intro p {
    margin: 0;
    color: var(--ec-muted);
    font-size: 14.5px;
    line-height: 1.65;
}
.conversion-summary .summary-stats {
    grid-area: stats;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
}
.conversion-summary .summary-stat {
    min-width: 0;
    min-height: 190px;
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: left !important;
    background: rgba(255, 255, 255, .035);
    border: 1px solid var(--ec-line);
    border-radius: 15px;
}
.conversion-summary .summary-number {
    margin: 0 0 auto;
    color: #fff !important;
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(28px, 3vw, 39px) !important;
    line-height: 1;
    text-shadow: none !important;
}
.conversion-summary .summary-label {
    margin: 22px 0 5px !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
}
.summary-detail {
    color: rgba(232, 237, 249, .56);
    font-size: 11.5px;
    line-height: 1.45;
}
.conversion-summary__actions {
    grid-area: actions;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
.conversion-summary__actions .btn {
    min-height: 48px;
    padding: 13px 19px;
    border-radius: 11px;
    font-size: 14px;
}
.conversion-text-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #bcefff;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

/* ── Custom integration consultation ───────────────────────────────── */
.integration-cta {
    max-width: 1160px;
    margin: 70px auto 0;
    padding: 30px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(230px, auto);
    align-items: center;
    gap: 24px;
    background:
        linear-gradient(120deg, rgba(0, 212, 255, .07), transparent 38%),
        var(--ec-panel-strong);
    border: 1px solid var(--ec-line);
    border-radius: 20px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .2);
}
.integration-cta__icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #72e7ff;
    background: rgba(0, 212, 255, .09);
    border: 1px solid rgba(0, 212, 255, .24);
    font-size: 21px;
}
.integration-cta__eyebrow,
.decision-cta__eyebrow {
    display: block;
    margin-bottom: 7px;
    color: #75e8ff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.integration-cta h3 { margin: 0 0 8px; color: #fff; font-size: 21px; line-height: 1.3; }
.integration-cta p { margin: 0; color: var(--ec-muted); font-size: 13.5px; line-height: 1.58; }
.integration-cta ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
}
.integration-cta li { color: rgba(232, 237, 249, .72); font-size: 11.5px; }
.integration-cta li i { margin-right: 5px; color: #54dfad; }
.integration-cta__actions { display: grid; gap: 9px; }
.integration-button {
    min-height: 44px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 15px;
    border: 1px solid var(--ec-line);
    border-radius: 10px;
    color: #dbe8ff;
    background: rgba(255, 255, 255, .035);
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 750;
}
.integration-button--primary {
    color: #06111c;
    border-color: transparent;
    background: linear-gradient(135deg, #53e0ff, #77e3bf);
}

/* ── Security ──────────────────────────────────────────────────────── */
.security-showcase {
    position: relative;
    padding: 96px 20px;
    overflow: hidden;
    background:
        radial-gradient(800px 420px at 10% 0%, rgba(0, 212, 255, .08), transparent 70%),
        radial-gradient(760px 440px at 94% 100%, rgba(109, 84, 232, .10), transparent 72%),
        rgba(7, 9, 19, .98);
    border-top: 1px solid rgba(0, 212, 255, .16);
}
.security-showcase__head { max-width: 820px; margin: 0 auto 48px; text-align: center; }
.security-showcase__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: #6ce3ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.security-showcase__head h2 {
    margin: 0 0 16px;
    color: #fff;
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(28px, 4vw, 43px);
    line-height: 1.16;
}
.security-showcase__head p { margin: 0; color: var(--ec-muted); font-size: 17px; line-height: 1.68; }
.security-pillars {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.security-pillar {
    min-width: 0;
    min-height: 330px;
    padding: 24px 21px 20px;
    display: grid;
    grid-template-rows: auto auto minmax(72px, auto) 1fr auto;
    background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018));
    border: 1px solid var(--ec-line);
    border-radius: 17px;
}
.security-pillar__icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    color: #69e4ff;
    border: 1px solid rgba(0, 212, 255, .24);
    border-radius: 11px;
    background: rgba(0, 212, 255, .08);
}
.security-pillar__label {
    margin-bottom: 8px;
    color: rgba(232, 237, 249, .48);
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}
.security-pillar h3 { margin: 0 0 12px; color: #fff; font-size: 17px; line-height: 1.38; }
.security-pillar p { margin: 0; color: var(--ec-muted); font-size: 13px; line-height: 1.6; }
.security-pillar__proof {
    margin-top: 20px;
    padding-top: 13px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: #91efd0;
    font-size: 10.5px;
    font-weight: 750;
    line-height: 1.4;
}
.security-pillar__proof i { margin-right: 5px; }
.security-controls {
    max-width: 1200px;
    margin: 16px auto 0;
    padding: 28px;
    display: grid;
    grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
    gap: 30px;
    background: rgba(255, 255, 255, .025);
    border: 1px solid var(--ec-line);
    border-radius: 18px;
}
.security-controls__intro > span { color: #72e7ff; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.security-controls__intro h3 { margin: 9px 0 10px; color: #fff; font-size: 23px; line-height: 1.3; }
.security-controls__intro p { margin: 0; color: var(--ec-muted); font-size: 13.5px; line-height: 1.62; }
.security-control-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.security-control-list li {
    min-height: 92px;
    padding: 15px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: rgba(255, 255, 255, .028);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 12px;
    color: rgba(232, 237, 249, .62);
    font-size: 11.5px;
    line-height: 1.45;
}
.security-control-list li > i { width: 20px; margin-top: 2px; color: #6ce3ff; text-align: center; }
.security-control-list strong { display: block; margin-bottom: 4px; color: #edf3ff; font-size: 12px; }
.security-showcase__footer {
    max-width: 1200px;
    margin: 16px auto 0;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    border: 1px solid rgba(82, 224, 174, .23);
    border-radius: 14px;
    background: rgba(82, 224, 174, .045);
}
.security-showcase__footer > i { color: #54dfad; font-size: 20px; }
.security-showcase__footer strong { display: block; color: #fff; font-size: 13px; }
.security-showcase__footer span { display: block; margin-top: 3px; color: var(--ec-muted); font-size: 11.5px; }
.security-showcase__footer a { color: #93ecff; font-size: 12px; font-weight: 750; text-decoration: none; }

/* ── Seven connected capabilities ─────────────────────────────────── */
.feature-preview-section {
    background:
        radial-gradient(760px 360px at 15% 10%, rgba(0, 212, 255, .07), transparent 70%),
        rgba(5, 6, 13, .92) !important;
}
.feature-preview-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch;
}
.feature-preview-grid > .feature-preview-card {
    grid-column: span 3;
    min-width: 0;
    height: auto !important;
    padding: 24px !important;
    background: linear-gradient(160deg, rgba(14, 18, 35, .96), rgba(7, 10, 22, .96)) !important;
    border: 1px solid var(--ec-line) !important;
    border-radius: 17px !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}
.feature-preview-grid > .feature-preview-card:nth-child(n+5) { grid-column: span 4; }
.feature-preview-card > div:first-child {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 3px 13px;
    margin-bottom: 18px !important;
    text-align: left !important;
}
.feature-preview-card > div:first-child > div:first-child {
    grid-row: 1 / span 2;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 11px !important;
    background: rgba(0, 212, 255, .07) !important;
    border-color: rgba(0, 212, 255, .20) !important;
}
.feature-preview-card > div:first-child > div:first-child i { color: #68e4ff !important; font-size: 19px !important; }
.feature-agent-name {
    grid-column: 2;
    grid-row: 1;
    color: #6ce5ff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.35;
    text-transform: uppercase;
}
.feature-preview-card h3 {
    grid-column: 2;
    grid-row: 2;
    margin: 0 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.32;
}
.feature-preview-card > p {
    min-height: 96px;
    margin: 0 0 18px !important;
    color: var(--ec-muted) !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
}
.feature-preview-card > div:nth-last-child(2) {
    margin-bottom: 18px !important;
}
.feature-preview-card > div:nth-last-child(2) > div {
    margin-bottom: 9px !important;
}
.feature-preview-card > div:nth-last-child(2) i { color: #55deb0 !important; }
.feature-preview-card > div:nth-last-child(2) span {
    color: rgba(232, 237, 249, .74) !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
}
.feature-preview-card > div:last-child {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: auto !important;
}
.feature-preview-card > div:last-child a {
    min-height: 42px;
    padding: 10px 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px !important;
    border: 1px solid var(--ec-line-cyan) !important;
    background: rgba(0, 212, 255, .055) !important;
    color: #95edff !important;
    font-size: 11.5px !important;
    font-weight: 750;
}
.feature-preview-card > div:last-child a + a { display: none !important; }

/* ── Decision CTA ──────────────────────────────────────────────────── */
.decision-cta {
    margin-top: 60px;
    padding: 30px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(390px, .9fr);
    align-items: center;
    gap: 30px;
    background:
        linear-gradient(120deg, rgba(0, 212, 255, .075), transparent 45%),
        var(--ec-panel-strong);
    border: 1px solid var(--ec-line-cyan);
    border-radius: 20px;
}
.decision-cta h3 { margin: 0 0 9px; color: #fff; font-size: 24px; line-height: 1.3; }
.decision-cta p { margin: 0; color: var(--ec-muted); font-size: 14px; line-height: 1.62; }
.decision-cta__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.decision-action {
    min-height: 92px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--ec-line);
    border-radius: 12px;
    background: rgba(255, 255, 255, .035);
    color: #eaf2ff;
    text-decoration: none;
}
.decision-action > i { color: #68e4ff; font-size: 19px; }
.decision-action strong { display: block; font-size: 12.5px; line-height: 1.35; }
.decision-action small { display: block; margin-top: 4px; color: rgba(232, 237, 249, .54); font-size: 10.5px; line-height: 1.35; }
.decision-action--primary { border-color: rgba(0, 212, 255, .35); background: rgba(0, 212, 255, .075); }

/* ── Setup and contact conversion surface ─────────────────────────── */
.enterprise-contact {
    position: relative;
    isolation: isolate;
    padding: 112px 0 96px !important;
    overflow: hidden;
    background:
        radial-gradient(1000px 560px at -5% 12%, rgba(0, 212, 255, .13), transparent 67%),
        radial-gradient(900px 560px at 103% 42%, rgba(143, 116, 255, .12), transparent 66%),
        radial-gradient(700px 400px at 54% 101%, rgba(183, 78, 255, .09), transparent 72%),
        linear-gradient(180deg, rgba(6, 8, 18, .92), rgba(7, 9, 20, .84)) !important;
    border-top: 1px solid rgba(103, 227, 255, .18);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.enterprise-contact::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .58;
    background-image:
        radial-gradient(circle at 8% 18%, rgba(255,255,255,.75) 0 1px, transparent 1.6px),
        radial-gradient(circle at 22% 72%, rgba(103,227,255,.7) 0 1px, transparent 1.7px),
        radial-gradient(circle at 48% 28%, rgba(255,255,255,.5) 0 1px, transparent 1.5px),
        radial-gradient(circle at 71% 81%, rgba(255,151,73,.65) 0 1px, transparent 1.7px),
        radial-gradient(circle at 91% 14%, rgba(255,255,255,.65) 0 1px, transparent 1.6px);
    background-size: 340px 290px, 440px 360px, 390px 330px, 470px 390px, 360px 310px;
}
.enterprise-contact .container { position: relative; z-index: 1; max-width: 1280px; }
.enterprise-contact .section-header-centered {
    max-width: 970px;
    margin: 0 auto 58px;
}
.enterprise-contact .section-badge-centered {
    padding: 9px 14px;
    gap: 9px;
    margin-bottom: 22px;
    border: 1px solid rgba(103, 227, 255, .32);
    border-radius: 8px;
    background: rgba(10, 24, 39, .72);
    box-shadow: 0 10px 34px rgba(0, 212, 255, .09);
    color: #baf3ff;
    font-size: 11px;
    letter-spacing: .13em;
}
.enterprise-contact__status {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #56e6b0;
    box-shadow: 0 0 0 5px rgba(86, 230, 176, .1), 0 0 18px rgba(86, 230, 176, .65);
}
.enterprise-contact .section-title-modern {
    max-width: 950px;
    margin: 0 auto 20px;
    line-height: 1.08;
    font-size: clamp(34px, 4.2vw, 58px);
    letter-spacing: -.035em;
    background: linear-gradient(105deg, #f8fbff 5%, #a9f1ff 46%, #fff 70%, #ffbd87 104%);
    -webkit-background-clip: text;
    background-clip: text;
}
.enterprise-contact .section-subtitle-modern {
    max-width: 760px;
    color: rgba(234, 241, 255, .72);
    font-size: clamp(16px, 1.55vw, 19px);
    line-height: 1.68;
}
.enterprise-contact__assurances {
    width: fit-content;
    max-width: 100%;
    margin: 30px auto 0;
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, .025);
    box-shadow: 0 16px 44px rgba(0, 0, 0, .18);
}
.enterprise-contact__assurances span {
    min-height: 46px;
    padding: 0 19px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(236, 243, 255, .75);
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}
.enterprise-contact__assurances span + span { border-left: 1px solid rgba(255, 255, 255, .08); }
.enterprise-contact__assurances i { color: #68e4ff; }
.enterprise-contact .transform-grid-modern {
    grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr) !important;
    align-items: start;
    gap: 22px !important;
}
.enterprise-contact .transform-info-modern,
.enterprise-contact .transform-form-modern { min-width: 0; }
.enterprise-contact .transform-info-modern { gap: 22px; }
.enterprise-contact .info-card-modern,
.enterprise-contact .form-card-modern {
    overflow: hidden;
    padding: 0 !important;
    background:
        linear-gradient(145deg, rgba(18, 24, 44, .94), rgba(7, 10, 23, .96)) !important;
    border: 1px solid rgba(152, 180, 225, .16) !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .27), inset 0 1px rgba(255, 255, 255, .035) !important;
    backdrop-filter: blur(18px);
}
.enterprise-contact .info-card-modern:hover { transform: none; }
.enterprise-contact .card-header-modern,
.enterprise-contact .form-header-modern {
    margin: 0 !important;
    padding: 22px 24px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .075);
    background: linear-gradient(90deg, rgba(0, 212, 255, .055), rgba(255, 255, 255, .015)) !important;
}
.enterprise-contact .card-header-modern { align-items: center; gap: 13px; }
.enterprise-card-step {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(103, 228, 255, .32);
    border-radius: 9px;
    background: rgba(0, 212, 255, .08);
    color: #86ebff;
    font: 750 11px/1 'Orbitron', sans-serif;
    letter-spacing: .05em;
}
.enterprise-card-eyebrow {
    display: block;
    margin-bottom: 4px;
    color: #73e6ff;
    font-size: 9px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}
.enterprise-contact .card-header-modern h3 {
    color: #f5f8ff;
    font-size: 19px;
    line-height: 1.3;
}
.enterprise-contact .setup-options-grid-modern {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
    padding: 18px 18px 12px !important;
}
.enterprise-contact .setup-option-modern {
    min-width: 0;
    min-height: 202px;
    padding: 16px 14px 15px !important;
    display: grid !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    align-items: start !important;
    gap: 12px !important;
    position: relative;
    text-align: left;
    font-family: inherit;
    color: inherit;
    cursor: pointer;
    appearance: none;
    background: linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .014)) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}
.enterprise-contact .setup-option-modern::before {
    content: '';
    position: absolute;
    inset: -1px auto -1px -1px;
    width: 3px;
    border-radius: 11px 0 0 11px;
    background: linear-gradient(180deg, transparent, #68e4ff, transparent);
    opacity: 0;
    transition: opacity .2s ease;
}
.enterprise-contact .setup-option-modern:hover,
.enterprise-contact .setup-option-modern.is-selected {
    transform: translateY(-2px);
    border-color: rgba(103, 228, 255, .4) !important;
    background: linear-gradient(145deg, rgba(0, 212, 255, .105), rgba(255, 255, 255, .025)) !important;
    box-shadow: 0 13px 30px rgba(0, 162, 210, .12) !important;
}
.enterprise-contact .setup-option-modern.is-selected::before { opacity: 1; }
.enterprise-contact .option-icon-wrapper {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    background: rgba(0, 212, 255, .11) !important;
    border: 1px solid rgba(103, 228, 255, .24);
    color: #8cecff !important;
}
.enterprise-contact .option-content-modern { min-width: 0; }
.enterprise-contact .option-content-modern h4 { margin: 0 0 7px !important; font-size: 14px !important; line-height: 1.25; }
.enterprise-contact .option-time,
.enterprise-contact .option-price { margin: 0 0 6px !important; color: #62ddb2 !important; font-size: 9px !important; line-height: 1.2; letter-spacing: .1em; text-transform: uppercase; }
.enterprise-contact .option-content-modern p { color: rgba(228, 236, 251, .6) !important; font-size: 10.5px !important; line-height: 1.52 !important; }
.setup-option-check {
    position: absolute;
    top: 13px;
    right: 12px;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    color: transparent;
    font-size: 8px;
}
.setup-option-modern.is-selected .setup-option-check {
    border-color: #5de1b0;
    background: #5de1b0;
    color: #05130e;
    box-shadow: 0 0 18px rgba(93, 225, 176, .28);
}
.setup-path-detail {
    min-height: 56px;
    margin: 0 18px 10px;
    padding: 11px 13px;
    display: flex;
    align-items: center;
    gap: 11px;
    border: 1px solid rgba(103, 228, 255, .17);
    border-radius: 10px;
    background: rgba(0, 212, 255, .045);
    color: rgba(230, 238, 252, .66);
    font-size: 10.5px;
    line-height: 1.45;
}
.setup-path-detail strong { color: #e9f8ff; }
.setup-path-detail__icon {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(0, 212, 255, .1);
    color: #73e6ff;
}
.setup-support-note {
    padding: 0 19px 17px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(226, 234, 248, .5);
    font-size: 9.5px;
    line-height: 1.45;
}
.setup-support-note i { color: #ffac69; }
.setup-support-note strong { color: rgba(246, 249, 255, .76); }
.workflow-picker-card__lead {
    margin: 0;
    padding: 17px 20px 0;
    color: rgba(230, 237, 251, .6);
    font-size: 11px;
    line-height: 1.5;
}
.enterprise-contact .capabilities-grid-modern {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 13px 18px 14px !important;
}
.enterprise-contact .capability-item-modern {
    min-width: 0;
    min-height: 68px;
    padding: 11px 11px !important;
    display: grid !important;
    grid-template-columns: 25px minmax(0, 1fr) 18px;
    align-items: center !important;
    gap: 8px !important;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    appearance: none;
    background: rgba(255, 255, 255, .025) !important;
    border: 1px solid rgba(255, 255, 255, .07) !important;
    border-radius: 9px !important;
    color: inherit;
    transform: none !important;
}
.enterprise-contact .capability-item-modern:hover,
.enterprise-contact .capability-item-modern.is-selected {
    border-color: rgba(103, 228, 255, .34) !important;
    background: rgba(0, 212, 255, .07) !important;
}
.enterprise-contact .capability-item-modern > i:first-child { width: 25px; color: #6ce4ff !important; text-align: center; font-size: 13px; }
.enterprise-contact .capability-item-modern span { min-width: 0; color: rgba(231, 238, 251, .62) !important; font-size: 9px !important; line-height: 1.35 !important; }
.enterprise-contact .capability-item-modern strong { display: block; margin-bottom: 2px; color: #eef4ff; font-size: 10.5px; line-height: 1.3; }
.enterprise-contact .capability-item-modern small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(226, 234, 249, .48); font-size: 8.5px; }
.enterprise-contact .capability-check { color: transparent !important; font-size: 8px !important; }
.enterprise-contact .capability-item-modern.is-selected .capability-check { color: #58dfac !important; }
.workflow-selection-summary {
    min-height: 48px;
    margin: 0 18px 18px;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255, 151, 73, .18);
    border-radius: 9px;
    background: rgba(143, 116, 255, .045);
    color: rgba(230, 237, 251, .52);
    font-size: 9.5px;
}
.workflow-selection-summary strong { color: #ffe3cc; font-size: 10px; }
.workflow-selection-summary i { margin-left: auto; color: #ffae6f; }
.enterprise-contact .transform-form-modern { position: sticky; top: 92px; display: grid; gap: 12px; }
.enterprise-contact .form-card-modern { border-color: rgba(103, 228, 255, .21) !important; }
.enterprise-contact .form-header-modern { padding: 25px 26px 22px !important; text-align: left; }
.form-header-modern__topline { display: flex; align-items: center; gap: 11px; margin-bottom: 17px; color: #72e5ff; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.enterprise-contact .form-header-modern h3 { margin: 0 0 8px; color: #f7f9ff; font-size: 25px; line-height: 1.25; letter-spacing: -.02em; }
.enterprise-contact .form-header-modern p { max-width: 520px; margin: 0; color: rgba(229, 237, 252, .6); font-size: 11.5px; line-height: 1.55; text-align: left; }
.enterprise-contact .contact-form-modern { padding: 23px 26px 25px; }
.enterprise-contact .form-grid-modern { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; margin: 0; }
.enterprise-contact .form-field-modern { margin: 0; }
.enterprise-contact .form-field-modern label { margin-bottom: 7px; color: rgba(239, 244, 255, .8); font-size: 10px; }
.enterprise-contact .input-wrapper-modern input,
.enterprise-contact .input-wrapper-modern select,
.enterprise-contact .input-wrapper-modern textarea {
    min-height: 48px;
    padding: 12px 13px 12px 40px;
    border-width: 1px;
    border-color: rgba(255, 255, 255, .1);
    border-radius: 9px;
    background: rgba(255, 255, 255, .035);
    color: #f4f7ff;
    font-size: 11px;
}
.enterprise-contact .input-wrapper-modern textarea { min-height: 88px; padding-top: 14px; }
.enterprise-contact .input-wrapper-modern i { left: 14px; color: rgba(104, 228, 255, .75); font-size: 12px; }
.contact-details-optional {
    margin-top: 16px;
    border: 1px solid rgba(255, 255, 255, .085);
    border-radius: 10px;
    background: rgba(255, 255, 255, .018);
    overflow: hidden;
}
.contact-details-optional summary {
    min-height: 48px;
    padding: 0 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    color: rgba(235, 241, 253, .72);
    font-size: 10.5px;
    font-weight: 650;
    list-style: none;
}
.contact-details-optional summary::-webkit-details-marker { display: none; }
.contact-details-optional summary span { display: inline-flex; align-items: center; gap: 8px; }
.contact-details-optional summary i { color: #70e7ff; }
.contact-details-optional summary small { color: rgba(232, 239, 252, .4); font-size: 8px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.contact-details-optional[open] summary { border-bottom: 1px solid rgba(255, 255, 255, .07); background: rgba(0, 212, 255, .025); }
.contact-details-optional__body { padding: 15px; }
.contact-details-optional__body > .form-field-modern { margin-top: 14px; }
.enterprise-contact .form-actions-modern { margin-top: 17px; }
.enterprise-contact .btn-primary-modern {
    min-height: 60px;
    margin: 0 0 14px;
    padding: 11px 16px !important;
    border: 1px solid rgba(255, 255, 255, .15) !important;
    border-radius: 10px !important;
    background: linear-gradient(105deg, #00bada, #1abfc2 48%, #f47b32) !important;
    box-shadow: 0 15px 38px rgba(0, 190, 216, .2);
}
.enterprise-contact .btn-primary-modern .btn-content { flex-direction: row; justify-content: space-between; gap: 13px; text-align: left; }
.enterprise-contact .btn-primary-modern .btn-copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 2px; }
.enterprise-contact .btn-primary-modern .btn-text { font-size: 13px; line-height: 1.25; }
.enterprise-contact .btn-primary-modern .btn-subtitle { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8.5px; opacity: .8; }
.enterprise-contact .form-benefits-modern { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.enterprise-contact .benefit-item-contact { min-width: 0; min-height: 47px; padding: 8px 6px; flex-direction: row; justify-content: center; gap: 6px; border: 1px solid rgba(255, 255, 255, .065); border-radius: 8px; background: rgba(255, 255, 255, .02); }
.enterprise-contact .benefit-item-contact i { color: #65dfb0; font-size: 10px; }
.enterprise-contact .benefit-item-contact span { color: rgba(229, 237, 251, .56); font-size: 8px; line-height: 1.3; }
.launch-brief-card {
    overflow: hidden;
    border: 1px solid rgba(255, 151, 73, .18);
    border-radius: 13px;
    background:
        radial-gradient(260px 130px at 100% 0, rgba(143, 116, 255, .09), transparent 75%),
        rgba(10, 13, 28, .9);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .2);
}
.launch-brief-card__head { padding: 15px 17px 13px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(255, 255, 255, .065); }
.launch-brief-card__head > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(167, 145, 255, .26); border-radius: 8px; background: rgba(143, 116, 255, .08); color: #c8bdff; font-size: 11px; }
.launch-brief-card__head small { display: block; margin-bottom: 2px; color: rgba(235, 241, 253, .42); font-size: 8px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.launch-brief-card__head strong { display: block; color: #f4f7ff; font-size: 11px; }
.launch-brief-card dl { margin: 0; padding: 7px 17px 10px; }
.launch-brief-card dl > div { min-height: 37px; display: grid; grid-template-columns: minmax(90px, .7fr) minmax(0, 1.3fr); align-items: center; gap: 10px; border-bottom: 1px solid rgba(255, 255, 255, .045); }
.launch-brief-card dl > div:last-child { border-bottom: 0; }
.launch-brief-card dt { color: rgba(232, 239, 252, .44); font-size: 8.5px; }
.launch-brief-card dd { margin: 0; overflow: hidden; color: rgba(245, 248, 255, .76); font-size: 9px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-contact .setup-demo-band {
    grid-column: 1 / -1;
    min-height: 390px;
    margin: 0 !important;
    display: grid;
    grid-template-columns: minmax(320px, .75fr) minmax(0, 1.25fr);
    border-color: rgba(255, 151, 73, .19) !important;
}
.setup-demo-band__copy {
    padding: 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(380px 250px at 0 100%, rgba(143, 116, 255, .11), transparent 70%),
        rgba(255, 255, 255, .012);
    border-right: 1px solid rgba(255, 255, 255, .075);
}
.setup-demo-band__copy h3 { margin: 9px 0 11px; color: #f6f8ff; font-size: 26px; line-height: 1.25; letter-spacing: -.025em; }
.setup-demo-band__copy p { margin: 0; color: rgba(229, 237, 251, .6); font-size: 12px; line-height: 1.65; }
.setup-demo-steps { margin: 23px 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; list-style: none; }
.setup-demo-steps li { min-width: 0; display: flex; align-items: center; gap: 6px; color: rgba(238, 244, 255, .72); font-size: 9px; font-weight: 650; }
.setup-demo-steps li span { width: 21px; height: 21px; flex: 0 0 21px; display: grid; place-items: center; border: 1px solid rgba(104, 228, 255, .28); border-radius: 999px; color: #73e6ff; font: 750 8px/1 'Orbitron', sans-serif; }
.setup-demo-link { width: fit-content; display: inline-flex; align-items: center; gap: 9px; color: #8cecff; font-size: 10px; font-weight: 750; text-decoration: none; }
.setup-demo-link i { transition: transform .2s ease; }
.setup-demo-link:hover i { transform: translateX(3px); }
.setup-demo-band__media {
    position: relative;
    min-width: 0;
    margin: 26px;
    align-self: center;
    overflow: hidden;
    border: 1px solid rgba(146, 181, 224, .2);
    border-radius: 13px;
    background: #070914;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .38), 0 0 35px rgba(0, 212, 255, .07);
}
.setup-demo-band__chrome { height: 35px; padding: 0 12px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid rgba(255, 255, 255, .07); background: rgba(255, 255, 255, .035); }
.setup-demo-band__chrome span { width: 7px; height: 7px; border-radius: 999px; background: rgba(255, 255, 255, .18); }
.setup-demo-band__chrome span:first-child { background: #ff765f; }
.setup-demo-band__chrome span:nth-child(2) { background: #ffc457; }
.setup-demo-band__chrome span:nth-child(3) { background: #59dca3; }
.setup-demo-band__chrome strong { margin-left: 5px; color: rgba(231, 238, 251, .42); font-size: 8px; font-weight: 600; }
.enterprise-contact .setup-demo-band video {
    width: 100%;
    height: 300px;
    display: block;
    object-fit: cover;
    border-radius: 0 !important;
}
.setup-demo-band__status { position: absolute; right: 13px; bottom: 13px; padding: 7px 9px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(86, 225, 174, .28); border-radius: 7px; background: rgba(5, 18, 17, .88); color: #9af0ce; font-size: 8px; font-weight: 700; backdrop-filter: blur(10px); }

/* Restrained vibrancy across the conversion story: every section receives a
   distinct accent and stronger hover/focus feedback without changing its
   content hierarchy or the galaxy-dark enterprise visual language. */
.how-path-step,
.conversion-summary .summary-stat,
.security-pillar,
.feature-preview-card,
.decision-action,
.integration-button { position: relative; overflow: hidden; }
.how-path-step::before,
.security-pillar::before,
.feature-preview-card::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(var(--card-accent, 103, 228, 255), .9), transparent);
    opacity: .8;
}
.how-path-step:nth-child(2), .feature-preview-card:nth-child(2), .security-pillar:nth-child(2) { --card-accent: 86, 225, 174; }
.how-path-step:nth-child(3), .feature-preview-card:nth-child(3), .security-pillar:nth-child(3) { --card-accent: 255, 151, 73; }
.how-path-step:nth-child(4), .feature-preview-card:nth-child(4), .security-pillar:nth-child(4) { --card-accent: 191, 102, 255; }
.how-path-step:nth-child(5), .feature-preview-card:nth-child(5) { --card-accent: 255, 102, 180; }
.feature-preview-card:nth-child(6) { --card-accent: 255, 207, 83; }
.feature-preview-card:nth-child(7) { --card-accent: 79, 210, 255; }
.how-path-step:hover,
.security-pillar:hover,
.feature-preview-card:hover { border-color: rgba(var(--card-accent, 103, 228, 255), .34) !important; box-shadow: 0 20px 46px rgba(var(--card-accent, 103, 228, 255), .09) !important; }
.conversion-summary .summary-stat::after { content: ''; position: absolute; inset: auto 14% -35px; height: 52px; border-radius: 999px; background: rgba(0, 212, 255, .18); filter: blur(28px); pointer-events: none; }
.security-pillar__icon,
.feature-preview-card > div:first-child > div:first-child { box-shadow: 0 0 0 1px rgba(var(--card-accent, 103, 228, 255), .11), 0 12px 30px rgba(var(--card-accent, 103, 228, 255), .1); }
.integration-cta,
.decision-cta { background-image: radial-gradient(480px 180px at 0 0, rgba(0, 212, 255, .1), transparent 75%), radial-gradient(420px 180px at 100% 100%, rgba(143, 116, 255, .09), transparent 75%) !important; }

/* ── Readability floor ───────────────────────────────────────────────
   The first enterprise pass over-compressed secondary copy to 8–11px.
   These sizes keep hierarchy without asking restaurant operators to zoom. */
.how-path-outcome,
.conversion-kicker { font-size: 12.5px !important; }
.summary-detail,
.integration-cta li,
.security-showcase__footer span,
.feature-preview-card > div:nth-last-child(2) span { font-size: 13px !important; }
.integration-cta__eyebrow,
.decision-cta__eyebrow,
.security-showcase__eyebrow,
.security-controls__intro > span,
.feature-agent-name { font-size: 12px !important; }
.integration-button,
.security-showcase__footer a,
.feature-preview-card > div:last-child a { font-size: 15px !important; }
.security-pillar__label { font-size: 12px !important; }
.security-pillar__proof { font-size: 12.5px !important; }
.security-control-list li { font-size: 13px !important; }
.security-control-list strong { font-size: 13.5px !important; }
.decision-action strong { font-size: 14px !important; }
.decision-action small { font-size: 12px !important; }
.enterprise-contact .section-badge-centered { font-size: 12px !important; }
.enterprise-contact__assurances span { font-size: 13px !important; }
.enterprise-card-eyebrow { font-size: 12px !important; }
.enterprise-contact .option-time,
.enterprise-contact .option-price { font-size: 12px !important; }
.enterprise-contact .option-content-modern h4 { font-size: 15px !important; }
.enterprise-contact .option-content-modern p { font-size: 13px !important; }
.setup-path-detail { font-size: 12.5px !important; }
.setup-support-note { font-size: 12px !important; }
.workflow-picker-card__lead { font-size: 13px !important; }
.enterprise-contact .capability-item-modern span { font-size: 12px !important; }
.enterprise-contact .capability-item-modern strong { font-size: 13.5px !important; }
.enterprise-contact .capability-item-modern small { font-size: 12px !important; }
.enterprise-contact .capability-item-modern span,
.enterprise-contact .capability-item-modern small {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
}
.workflow-selection-summary { font-size: 12px !important; }
.workflow-selection-summary strong { font-size: 13px !important; }
.form-header-modern__topline { font-size: 12px !important; }
.enterprise-contact .form-header-modern p { font-size: 13.5px !important; }
.enterprise-contact .form-field-modern label { font-size: 12px !important; }
.enterprise-contact .input-wrapper-modern input,
.enterprise-contact .input-wrapper-modern select,
.enterprise-contact .input-wrapper-modern textarea { font-size: 13.5px !important; }
.contact-details-optional summary { font-size: 12.5px !important; }
.contact-details-optional summary small { font-size: 12px !important; }
.enterprise-contact .btn-primary-modern .btn-text { font-size: 15.5px !important; }
.enterprise-contact .btn-primary-modern .btn-subtitle { font-size: 12px !important; }
.enterprise-contact .btn-primary-modern .btn-subtitle {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
}
.enterprise-contact .benefit-item-contact span { font-size: 12px !important; }
.launch-brief-card__head small { font-size: 12px !important; }
.launch-brief-card__head strong { font-size: 12.5px !important; }
.launch-brief-card dt { font-size: 12px !important; }
.launch-brief-card dd { font-size: 12px !important; }
.setup-demo-band__copy p { font-size: 13.5px !important; }
.setup-demo-steps li { font-size: 12px !important; }
.setup-demo-link { font-size: 15px !important; }
.setup-demo-band__chrome strong { font-size: 11.5px !important; }
.setup-demo-band__status { font-size: 12px !important; }

/* ── Unified enterprise action system ───────────────────────────────
   Moving conic border light gives every primary marketing action the
   same quiet, continuous signal. The irregular stops and varied speeds
   avoid a synchronized/cartoon pulse while reduced-motion users receive
   a still high-contrast border. */
@property --enterprise-glow-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}
@keyframes enterprise-border-orbit { to { --enterprise-glow-angle: 360deg; } }
@keyframes enterprise-aura-breathe {
    0%, 100% { box-shadow: 0 12px 32px rgba(0, 212, 255, .10), 0 0 0 1px rgba(255, 255, 255, .025); }
    38% { box-shadow: 0 14px 38px rgba(143, 116, 255, .14), 0 0 22px rgba(0, 212, 255, .08); }
    71% { box-shadow: 0 12px 34px rgba(172, 83, 255, .11), 0 0 18px rgba(86, 225, 174, .07); }
}
:where(
    .nav-cta,
    .sticky-cta-button,
    .hero-actions .btn,
    .audit-entry-cta,
    .cta-buttons .btn,
    .ar-story-cta-actions a,
    .conversion-summary__actions .btn,
    .fbenefit-cta,
    .integration-button,
    .feature-preview-card > div:last-child a,
    .enterprise-action,
    .plan-button,
    .copilot-tier-cta,
    .decision-action,
    .enterprise-contact .btn-primary-modern,
    .setup-demo-link,
    .final-audit-actions .btn
) {
    position: relative !important;
    isolation: isolate;
    overflow: hidden;
    border-radius: 11px !important;
    border-color: transparent !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.3;
    text-decoration: none !important;
    min-height: 44px !important;
    animation: enterprise-aura-breathe 5.8s ease-in-out infinite;
    transition: transform .2s ease, filter .2s ease, color .2s ease, background-color .2s ease !important;
}
:where(
    .nav-cta,
    .sticky-cta-button,
    .hero-actions .btn,
    .audit-entry-cta,
    .cta-buttons .btn,
    .ar-story-cta-actions a,
    .conversion-summary__actions .btn,
    .fbenefit-cta,
    .integration-button,
    .feature-preview-card > div:last-child a,
    .enterprise-action,
    .plan-button,
    .copilot-tier-cta,
    .decision-action,
    .enterprise-contact .btn-primary-modern,
    .setup-demo-link,
    .final-audit-actions .btn
)::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 4;
    padding: 1.5px;
    border-radius: inherit;
    pointer-events: none;
    background: conic-gradient(
        from var(--enterprise-glow-angle),
        rgba(103, 228, 255, .08) 0deg,
        rgba(103, 228, 255, .95) 32deg,
        rgba(103, 228, 255, .12) 68deg,
        rgba(86, 225, 174, .82) 118deg,
        rgba(255, 255, 255, .05) 156deg,
        rgba(167, 145, 255, .9) 214deg,
        rgba(167, 145, 255, .10) 252deg,
        rgba(191, 102, 255, .82) 304deg,
        rgba(103, 228, 255, .08) 360deg
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: enterprise-border-orbit 6.4s linear infinite !important;
}
:where(
    .ar-story-cta-actions a,
    .integration-button,
    .feature-preview-card > div:last-child a,
    .enterprise-action,
    .decision-action,
    .final-audit-actions .btn
):nth-of-type(2n)::after { animation-duration: 8.1s !important; animation-direction: reverse !important; }

/* Cooler primary surface: cyan to indigo keeps the brand energy without the
 * familiar orange/blue "AI gradient" treatment. */
:where(
    .nav-cta,
    .hero-actions .btn-primary,
    .audit-entry-cta,
    .cta-buttons .btn-primary,
    .ar-story-cta-actions a:first-child,
    .conversion-summary__actions .btn-primary,
    .integration-button:first-child,
    .enterprise-action--primary,
    .enterprise-contact .btn-primary-modern,
    .setup-demo-link,
    .final-audit-actions .btn-primary
) {
    color: #06111c !important;
    background: linear-gradient(128deg, #84e4ff 0%, #9eb4ff 55%, #b8a2ff 100%) !important;
    box-shadow: 0 14px 36px rgba(103, 220, 255, .14), 0 8px 24px rgba(143, 116, 255, .10) !important;
}
:where(
    .nav-cta,
    .sticky-cta-button,
    .hero-actions .btn,
    .audit-entry-cta,
    .cta-buttons .btn,
    .ar-story-cta-actions a,
    .conversion-summary__actions .btn,
    .fbenefit-cta,
    .integration-button,
    .feature-preview-card > div:last-child a,
    .enterprise-action,
    .plan-button,
    .copilot-tier-cta,
    .decision-action,
    .enterprise-contact .btn-primary-modern,
    .setup-demo-link,
    .final-audit-actions .btn
):hover { transform: translateY(-2px) !important; filter: brightness(1.08); }
.enterprise-action {
    min-height: 52px;
    padding: 14px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.enterprise-action--primary {
    color: #061018 !important;
    background: linear-gradient(112deg, #16c5df 0%, #39ccb5 48%, #f28a42 100%) !important;
}
.enterprise-action--secondary {
    color: #eaf6ff !important;
    background: linear-gradient(145deg, rgba(19, 28, 48, .96), rgba(8, 12, 25, .97)) !important;
}
.audit-entry-cta,
.final-audit-btn { border-radius: 11px !important; }
.setup-demo-link {
    min-height: 44px;
    padding: 10px 14px;
    color: #dff8ff !important;
    background: rgba(0, 212, 255, .07);
}

/* ── Shared interaction and accessibility ─────────────────────────── */
.integration-button:hover,
.decision-action:hover,
.conversion-text-link:hover,
.security-showcase__footer a:hover { filter: brightness(1.12); }
.integration-button:focus-visible,
.decision-action:focus-visible,
.conversion-text-link:focus-visible,
.security-showcase__footer a:focus-visible,
.setup-option-modern:focus-visible,
.capability-item-modern:focus-visible,
.setup-demo-link:focus-visible,
.contact-details-optional summary:focus-visible {
    outline: 3px solid rgba(0, 212, 255, .65);
    outline-offset: 3px;
}

@media (max-width: 1100px) {
    .how-path-steps { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
    .how-path-step { grid-column: span 2; }
    .how-path-step:nth-child(n+4) { grid-column: span 3; }
    .feature-preview-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
    .feature-preview-grid > .feature-preview-card,
    .feature-preview-grid > .feature-preview-card:nth-child(n+5) { grid-column: span 3; }
    .feature-preview-grid > .feature-preview-card:last-child { grid-column: span 6; }
    .feature-preview-grid > .feature-preview-card:last-child > p { min-height: 0; }
    .security-pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .security-pillar { min-height: 300px; }
    .integration-cta { grid-template-columns: auto minmax(0, 1fr); }
    .integration-cta__actions { grid-column: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .decision-cta { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
    .how-path-steps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .how-path-step,
    .how-path-step:nth-child(n+4) { grid-column: span 1; min-height: 270px; }
    .how-path-step:last-child { grid-column: span 2; min-height: 240px; }
    .conversion-summary {
        grid-template-columns: 1fr;
        grid-template-areas: "intro" "stats" "actions";
    }
    .conversion-summary .summary-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .conversion-summary .summary-stat { min-height: 170px; }
    .security-controls { grid-template-columns: 1fr; }
    .security-showcase__footer { grid-template-columns: auto minmax(0, 1fr); }
    .security-showcase__footer a { grid-column: 2; }
    .feature-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .feature-preview-grid > .feature-preview-card,
    .feature-preview-grid > .feature-preview-card:nth-child(n+5) { grid-column: span 1; }
    .feature-preview-grid > .feature-preview-card:last-child { grid-column: span 2; }
    .enterprise-contact .transform-grid-modern { grid-template-columns: 1fr !important; }
    .enterprise-contact .transform-form-modern { position: static; }
    .enterprise-contact .setup-demo-band { grid-column: auto; grid-template-columns: 1fr; }
    .setup-demo-band__copy { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .075); }
}

@media (max-width: 620px) {
    .how-path,
    .security-showcase { padding: 68px 16px !important; }
    .how-path-steps { grid-template-columns: 1fr !important; }
    .how-path-step,
    .how-path-step:nth-child(n+4),
    .how-path-step:last-child { grid-column: span 1; min-height: 0; }
    .conversion-summary { padding: 22px !important; }
    .conversion-summary .summary-stats { grid-template-columns: 1fr !important; }
    .conversion-summary .summary-stat { min-height: 142px; }
    .integration-cta { grid-template-columns: 1fr; padding: 22px; }
    .integration-cta__actions { grid-column: auto; grid-template-columns: 1fr; }
    .security-pillars { grid-template-columns: 1fr; }
    .security-pillar { min-height: 0; }
    .security-controls { padding: 20px; }
    .security-control-list { grid-template-columns: 1fr; }
    .security-showcase__footer { grid-template-columns: auto minmax(0, 1fr); }
    .feature-preview-grid { grid-template-columns: 1fr !important; }
    .feature-preview-grid > .feature-preview-card,
    .feature-preview-grid > .feature-preview-card:nth-child(n+5),
    .feature-preview-grid > .feature-preview-card:last-child { grid-column: span 1; }
    .feature-preview-card > p { min-height: 0; }
    .decision-cta { padding: 22px; }
    .decision-cta__actions { grid-template-columns: 1fr; }
    .enterprise-contact { padding: 74px 0 68px !important; }
    .enterprise-contact .section-header-centered { margin-bottom: 38px; }
    .enterprise-contact__assurances { width: 100%; grid-template-columns: 1fr; }
    .enterprise-contact__assurances span { justify-content: center; white-space: normal; }
    .enterprise-contact__assurances span + span { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .08); }
    .enterprise-contact .setup-options-grid-modern,
    .enterprise-contact .capabilities-grid-modern { grid-template-columns: 1fr !important; }
    .enterprise-contact .setup-option-modern,
    .enterprise-contact .capability-item-modern { min-height: 0; }
    .enterprise-contact .setup-option-modern { grid-template-columns: 38px minmax(0, 1fr); grid-template-rows: 1fr; }
    .enterprise-contact .form-grid-modern { grid-template-columns: 1fr; }
    .enterprise-contact .form-header-modern,
    .enterprise-contact .contact-form-modern { padding-left: 18px !important; padding-right: 18px !important; }
    .enterprise-contact .form-benefits-modern { grid-template-columns: 1fr; }
    .enterprise-contact .benefit-item-contact { min-height: 42px; }
    .setup-demo-band__copy { padding: 27px 20px; }
    .setup-demo-band__copy h3 { font-size: 22px; }
    .setup-demo-band__media { margin: 14px; }
    .enterprise-contact .setup-demo-band video { height: 220px; }
    .setup-demo-band__status { max-width: calc(100% - 24px); }
}

@media (max-width: 560px) {
    .outcomes-section .outcomes-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .uncertainty-row {
        min-width: 0;
        padding: 16px !important;
        flex-direction: column;
        gap: 8px !important;
    }
    .uncertainty-question {
        min-width: 0 !important;
    }
    .uncertainty-answer {
        min-width: 0;
        overflow-wrap: anywhere;
    }
    .copilot-tier-cta-row {
        width: 100%;
        min-width: 0;
    }
    .copilot-tier-cta {
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        padding-inline: 14px !important;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .how-path-step,
    .integration-button,
    .decision-action,
    .setup-option-modern,
    .capability-item-modern { transition: none !important; }
    .how-path-step:hover { transform: none; }
    .enterprise-contact .setup-option-modern:hover { transform: none; }
    :where(
        .nav-cta,
        .sticky-cta-button,
        .hero-actions .btn,
        .audit-entry-cta,
        .cta-buttons .btn,
        .ar-story-cta-actions a,
        .conversion-summary__actions .btn,
        .fbenefit-cta,
        .integration-button,
        .feature-preview-card > div:last-child a,
        .enterprise-action,
        .plan-button,
        .copilot-tier-cta,
        .decision-action,
        .enterprise-contact .btn-primary-modern,
        .setup-demo-link,
        .final-audit-actions .btn
    ),
    :where(
        .nav-cta,
        .sticky-cta-button,
        .hero-actions .btn,
        .audit-entry-cta,
        .cta-buttons .btn,
        .ar-story-cta-actions a,
        .conversion-summary__actions .btn,
        .fbenefit-cta,
        .integration-button,
        .feature-preview-card > div:last-child a,
        .enterprise-action,
        .plan-button,
        .copilot-tier-cta,
        .decision-action,
        .enterprise-contact .btn-primary-modern,
        .setup-demo-link,
        .final-audit-actions .btn
    )::after {
        animation: none !important;
    }
}

/* ── ⚡ PERF: pause the CTA glow when it is offscreen ──────────────────
   The two decorative animations above (enterprise-aura-breathe on
   box-shadow, enterprise-border-orbit on a conic-gradient @property
   angle) are the single largest source of "non-composited animations"
   on the homepage: 31 of the 52 permanently-running animations. Neither
   property can be composited — box-shadow and gradient angles force a
   PAINT every frame, on the main thread.

   They were running forever on every CTA on a ~36,000px page, so the
   overwhelming majority were repainting continuously while scrolled far
   out of view, for nobody.

   This does NOT change the animation, its timing, its colours, or how it
   looks when you can actually see it — animation-play-state only stops
   the clock. A CTA that is on screen animates exactly as before. The
   `.ar-anim-offscreen` class is applied by an IntersectionObserver (see
   index.html) and removed the moment the element scrolls back into view.

   !important is required because the orbit animation above is itself
   declared !important; without it this rule silently loses the cascade. */
.ar-anim-offscreen,
.ar-anim-offscreen::after,
/* .agent-node carries the class, but its nmBreathe animation (filter /
   drop-shadow — also uncompositable) is declared on the child <i>, so the
   descendant selector is required to reach it. */
.ar-anim-offscreen i {
    animation-play-state: paused !important;
}