/* ════════════════════════════════════════════════
   Mangosoft — New Design System (shared)
   Used by every page extending layouts/new.blade.php
   ════════════════════════════════════════════════ */

:root {
    --brand-primary: #002d72;
    --brand-secondary: #4a92d8;
    --brand-soft: #90c4ef;
    --brand-pale: #d1e8f9;
    --ink: var(--brand-primary);
    --ink-2: #00245b;
    --paper: #f5faff;
    --white: #ffffff;
    --mango: var(--brand-secondary);
    --mango-deep: var(--brand-primary);
    --cyan: var(--brand-soft);
    --violet: var(--brand-secondary);
    --muted: #8a8a93;
    --line: rgba(209,232,249,.18);
    --line-dark: rgba(0,45,114,.12);
    --sans: "Space Grotesk", "Barlow", system-ui, sans-serif;
    --serif: "Instrument Serif", serif;
    --ease: cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    font-family: var(--sans);
    background: var(--ink);
    color: var(--white);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.serif { font-family: var(--serif); font-style: italic; font-weight: 400; }
.wrap { width: min(1240px, 92%); margin: 0 auto; }
::selection { background: var(--brand-soft); color: var(--brand-primary); }

/* ─── Scroll progress ─── */
.scroll-progress {
    position: fixed; top: 0; left: 0; height: 3px; width: 0%;
    background: linear-gradient(90deg, var(--mango), var(--cyan));
    z-index: 200; transition: width .1s linear;
}

/* ─── Nav ─── */
.nh-utility {
    position: fixed; top: 14px; left: 50%; transform: translateX(-50%);
    z-index: 101; width: min(1190px, 91%);
    color: rgba(255,255,255,.58); font-size: 10.5px; font-weight: 500;
    letter-spacing: .035em;
    transition: top .35s var(--ease), transform .35s var(--ease), width .35s var(--ease), padding .35s var(--ease), background .35s var(--ease), border-color .35s var(--ease), height .35s var(--ease);
}
body.scrolled .nh-utility {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: 34px;
    padding: 0 max(24px, calc((100% - 1240px) / 2));
    display: flex;
    align-items: center;
    background: #001f4d;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.nh-utility__inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; }
.nh-utility__phones, .nh-utility__products { display: flex; align-items: center; gap: 7px; }
.nh-utility a { transition: color .2s, border-color .2s, background .2s; }
.nh-utility a:hover { color: var(--mango); }
.nh-utility__products a {
    padding: 3px 8px; border: 1px solid rgba(255,255,255,.1);
    border-radius: 100px; background: rgba(255,255,255,.035);
}
.has-utility-bar .nh-nav { top: 45px; }
.nh-nav {
    position: fixed; top: 18px; left: 50%; transform: translateX(-50%);
    z-index: 100; width: min(1240px, 94%);
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 14px 12px 22px; border-radius: 100px;
    background: rgba(0,45,114,.55);
    border: 1px solid var(--line);
    backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
    transition: background .35s var(--ease), box-shadow .35s var(--ease), top .35s var(--ease), width .35s var(--ease), border-radius .35s var(--ease), padding .35s var(--ease), transform .35s var(--ease), border-color .35s var(--ease);
}
.nh-nav.scrolled {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    border-radius: 0;
    padding: 12px max(24px, calc((100% - 1240px) / 2));
    background: #ffffff !important;
    border-color: rgba(25,25,29,.09) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(25,25,29,.09) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.03) !important;
}
.has-utility-bar .nh-nav.scrolled {
    top: 34px;
}
.nh-nav.scrolled .nh-nav__logo img {
    filter: none !important;
}
.nh-nav.scrolled .nh-nav__links a {
    color: #4b5563;
}
.nh-nav.scrolled .nh-nav__links a:hover {
    color: #111827;
    background: #eef6fd;
}
.nh-nav.scrolled .nh-nav__links a.active {
    color: #002d72;
    background: #dbeafe;
    font-weight: 600;
}
.nh-nav.scrolled .nh-nav__links a.nh-nav-ai {
    color: #0284c7;
}
.nh-nav.scrolled .nh-nav__cta {
    color: #fff !important;
    background: var(--brand-primary) !important;
    box-shadow: 0 4px 14px rgba(0,45,114,.2);
}
.nh-nav.scrolled .nh-nav__cta:hover {
    background: #002359 !important;
    box-shadow: 0 8px 22px rgba(0,45,114,.3);
}
.nh-nav.scrolled .nh-theme-toggle {
    color: #002d72;
    background: #f1f5f9;
    border-color: rgba(25,25,29,.12);
}
.nh-nav.scrolled .nh-theme-toggle:hover {
    background: #e2e8f0;
}
.nh-nav.scrolled .nh-burger {
    color: #111827;
}
.nh-nav__logo img { height: 30px; filter: brightness(0) invert(1); }
.nh-nav__actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-left: auto; }
.nh-nav__links { display: flex; align-items: center; gap: 4px; }
.nh-nav__links a {
    padding: 9px 16px; border-radius: 100px; font-size: 14.5px;
    color: rgba(255,255,255,.72); font-weight: 500;
    transition: color .25s, background .25s;
}
.nh-nav__links a:hover { color: #fff; background: rgba(255,255,255,.07); }
.nh-nav__links a.active { color: #fff; background: rgba(255,255,255,.09); }
.nh-nav__links a.nh-nav-ai { color: #38bdf8; }
.nh-nav__links a.nh-nav-ai::after {
    content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    background: #00b4d8; margin-left: 5px; vertical-align: middle;
    box-shadow: 0 0 8px #00b4d8;
}
html[data-theme="light"] .nh-nav__links a.nh-nav-ai { color: #0284c7; }
.nh-nav__cta {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--white); color: var(--ink) !important;
    padding: 11px 22px !important; font-weight: 600 !important;
    border-radius: 100px;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s !important;
}
.nh-nav__cta:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(74,146,216,.35); background: var(--brand-primary) !important; }
.nh-theme-toggle {
    width: 38px; height: 38px; flex: 0 0 auto; margin-left: 8px;
    display: grid; place-items: center; border-radius: 50%; cursor: pointer;
    border: 1px solid rgba(255,255,255,.13); color: var(--mango);
    background: rgba(255,255,255,.06); font-size: .95rem;
    transition: transform .25s var(--ease), background .25s, color .25s;
}
.nh-theme-toggle:hover { transform: rotate(12deg); background: rgba(255,255,255,.12); }
.nh-burger {
    display: none; background: none; border: 0; color: #fff;
    font-size: 1.6rem; cursor: pointer; padding: 6px 12px;
}
.nh-mobile {
    position: fixed; inset: 0; z-index: 99; background: rgba(10,10,12,.97);
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    opacity: 0; pointer-events: none; transition: opacity .35s var(--ease);
}
.nh-mobile.open { opacity: 1; pointer-events: auto; }
.nh-mobile a { font-size: 1.6rem; font-weight: 300; padding: 12px; color: rgba(255,255,255,.85); }
.nh-mobile a:hover { color: var(--mango); }

/* ─── Shared light chrome ─── */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] body {
    color: #19191d;
    background: #f4f9fd;
}
html[data-theme="light"] .nh-utility { color: #5f5c57; }
html[data-theme="light"] .nh-utility a:hover { color: #002d72; }
html[data-theme="light"] .nh-utility__products a {
    color: #514e49;
    background: rgba(255,255,255,.8);
    border-color: rgba(25,25,29,.13);
    box-shadow: 0 3px 12px rgba(0,45,114,.04);
}
html[data-theme="light"] body.scrolled .nh-utility {
    background: #f8fafc;
    border-bottom: 1px solid rgba(25,25,29,.08);
    color: #475569;
}
html[data-theme="light"] body.scrolled .nh-utility a:hover {
    color: #002d72;
}
html[data-theme="light"] body.scrolled .nh-utility__products a {
    color: #475569;
    background: #ffffff;
    border-color: rgba(25,25,29,.12);
}
html[data-theme="light"] .nh-nav {
    background: rgba(255,255,255,.82);
    border-color: rgba(25,25,29,.11);
    box-shadow: 0 14px 46px rgba(0,45,114,.1), inset 0 1px 0 rgba(255,255,255,.92);
}
html[data-theme="light"] .nh-nav.scrolled {
    background: rgba(255,255,255,.94);
    border-color: rgba(25,25,29,.14);
    box-shadow: 0 18px 54px rgba(0,45,114,.14), inset 0 1px 0 #fff;
}
html[data-theme="light"] .nh-nav__logo img,
html[data-theme="light"] .nh-footer__grid img { filter: none; }
html[data-theme="light"] .nh-nav__links a { color: #4c4944; }
html[data-theme="light"] .nh-nav__links a:hover,
html[data-theme="light"] .nh-nav__links a.active {
    color: #141416;
    background: #d1e8f9;
}
html[data-theme="light"] .nh-nav__cta {
    color: #fff !important;
    background: var(--brand-primary);
    box-shadow: 0 8px 24px rgba(0,45,114,.2);
}
html[data-theme="light"] .nh-nav__cta:hover {
    color: #fff !important;
    background: var(--brand-primary) !important;
}
html[data-theme="light"] .nh-theme-toggle {
    color: #002d72;
    background: #e8f3fc;
    border-color: rgba(25,25,29,.13);
}
html[data-theme="light"] .nh-theme-toggle:hover { background: #d1e8f9; }
html[data-theme="light"] .nh-burger { color: #171719; }
html[data-theme="light"] .nh-mobile {
    background:
        radial-gradient(circle at 80% 15%, rgba(74,146,216,.12), transparent 34%),
        radial-gradient(circle at 10% 90%, rgba(74,146,216,.1), transparent 32%),
        rgba(209,232,249,.98);
}
html[data-theme="light"] .nh-mobile a { color: #29282c; }
html[data-theme="light"] .nh-mobile a:hover { color: #002d72; }
html[data-theme="light"] .nh-mobile a:last-child { color: #002d72 !important; font-weight: 500; }

/* ─── Buttons ─── */
.btn-mango, .btn-ghost {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 16px 30px; border-radius: 100px; font-size: 1.02rem; font-weight: 600;
    cursor: pointer; border: 0; font-family: inherit;
    transition: transform .3s var(--ease), box-shadow .3s var(--ease), background .3s;
}
.btn-mango {
    background: var(--brand-primary);
    color: #fff; box-shadow: 0 14px 38px rgba(0,45,114,.32);
}
.btn-mango:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 20px 48px rgba(0,45,114,.45); }
.btn-mango i { transition: transform .3s var(--ease); }
.btn-mango:hover i { transform: translateX(4px); }
.btn-ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.22); }
.btn-ghost:hover { background: rgba(255,255,255,.08); transform: translateY(-3px); border-color: rgba(255,255,255,.4); }

/* ─── Sections / headings ─── */
.nh-section { padding: 120px 0; position: relative; }
.nh-kicker {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 12px; letter-spacing: .22em; text-transform: uppercase;
    font-weight: 600; color: var(--mango); margin-bottom: 18px;
}
.nh-kicker::before { content: ""; width: 26px; height: 1px; background: var(--mango); }
.nh-h2 { font-size: clamp(2.1rem, 4.4vw, 3.4rem); font-weight: 300; line-height: 1.08; letter-spacing: -.02em; }
.nh-h2 .serif { color: var(--mango); }

/* ─── Reveal on scroll ─── */
[data-nh-reveal] { opacity: 0; transform: translateY(36px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
[data-nh-reveal].in { opacity: 1; transform: none; }
[data-nh-stagger] > * { opacity: 0; transform: translateY(30px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
[data-nh-stagger].in > * { opacity: 1; transform: none; }
[data-nh-stagger].in > *:nth-child(1) { transition-delay: .05s; }
[data-nh-stagger].in > *:nth-child(2) { transition-delay: .15s; }
[data-nh-stagger].in > *:nth-child(3) { transition-delay: .25s; }
[data-nh-stagger].in > *:nth-child(4) { transition-delay: .35s; }
[data-nh-stagger].in > *:nth-child(5) { transition-delay: .45s; }
[data-nh-stagger].in > *:nth-child(6) { transition-delay: .55s; }
[data-nh-stagger].in > *:nth-child(7) { transition-delay: .65s; }
[data-nh-stagger].in > *:nth-child(8) { transition-delay: .75s; }

/* ─── Counters strip ─── */
.nh-counters {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px;
    background: var(--line); border-radius: 24px; overflow: hidden;
    border: 1px solid var(--line);
}
.nh-counter { background: var(--ink-2); padding: 44px 30px; text-align: center; position: relative; overflow: hidden; }
.nh-counter::after {
    content: ""; position: absolute; top: 0; left: 20%; right: 20%; height: 2px;
    background: linear-gradient(90deg, transparent, var(--mango), transparent);
    opacity: 0; transition: opacity .4s;
}
.nh-counter:hover::after { opacity: 1; }
.nh-counter .val { font-size: clamp(2.4rem, 4vw, 3.4rem); font-weight: 300; letter-spacing: -.03em; }
.nh-counter .val em { font-style: normal; color: var(--mango); }
.nh-counter .cap { margin-top: 10px; color: var(--muted); font-size: .95rem; }

/* ─── Marquee ─── */
.nh-marquee {
    border-block: 1px solid var(--line); padding: 26px 0; overflow: hidden;
    background: var(--ink-2); position: relative;
    user-select: none;
}
.nh-marquee::before, .nh-marquee::after {
    content: ""; position: absolute; top: 0; bottom: 0; width: 140px; z-index: 2; pointer-events: none;
}
.nh-marquee::before { left: 0; background: linear-gradient(90deg, var(--ink-2), transparent); }
.nh-marquee::after { right: 0; background: linear-gradient(-90deg, var(--ink-2), transparent); }
.nh-marquee__track {
    display: flex; width: max-content; will-change: transform;
    animation: marquee 42s linear infinite;
}
.nh-marquee:hover .nh-marquee__track { animation-play-state: paused; }
.nh-marquee__group {
    display: flex; align-items: center; flex: none; width: max-content;
    gap: 28px; padding-right: 28px;
}
.nh-marquee__brand {
    display: inline-flex; align-items: center; gap: 11px;
    padding: 7px 18px 7px 10px;
    border-radius: 100px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.09);
    text-decoration: none;
    color: rgba(255,255,255,.82);
    transition: transform .3s var(--ease), background .3s, border-color .3s, color .3s, box-shadow .3s;
    flex-shrink: 0;
}
.nh-marquee__brand:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.09);
    border-color: rgba(144,196,239,.4);
    color: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.3);
}
.nh-marquee__brand img {
    height: 32px; width: 32px; max-width: none; flex: none;
    border-radius: 8px; display: block; object-fit: contain;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    transition: transform .3s var(--ease);
}
.nh-marquee__brand:hover img {
    transform: scale(1.1) rotate(-3deg);
}
.nh-marquee__brand span {
    font-size: .92rem; font-weight: 600; letter-spacing: -.01em; white-space: nowrap;
}
.nh-marquee__track img:not(.nh-marquee__brand img) {
    height: 32px; width: auto; max-width: none; flex: none;
    opacity: .75;
    transition: opacity .3s, transform .3s;
}
.nh-marquee__track img:not(.nh-marquee__brand img):hover { opacity: 1; transform: scale(1.1); }
@keyframes marquee {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 760px) {
    .nh-marquee__group { gap: 18px; padding-right: 18px; }
    .nh-marquee__brand { padding: 6px 14px 6px 8px; gap: 9px; }
    .nh-marquee__brand img { width: 28px; height: 28px; }
    .nh-marquee__brand span { font-size: .84rem; }
}

/* ─── Case card (shared: homepage + work page) ─── */
.nh-case {
    position: relative; border-radius: 24px; overflow: hidden; aspect-ratio: 4/4.6;
    display: flex; flex-direction: column; justify-content: flex-end; padding: 30px;
    color: #fff; isolation: isolate;
}
.nh-case img.bg {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2;
    transition: transform .8s var(--ease);
}
.nh-case:hover img.bg { transform: scale(1.07); }
.nh-case::after {
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(to top, rgba(0,45,114,.88) 20%, rgba(0,45,114,.15) 60%, transparent);
}
.nh-case .tag {
    position: absolute; top: 22px; left: 22px; font-size: 11.5px;
    letter-spacing: .1em; text-transform: uppercase; font-weight: 600;
    padding: 7px 14px; border-radius: 100px;
    background: rgba(255,255,255,.14); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.2);
}
.nh-case h3 { font-size: 1.5rem; font-weight: 500; }
.nh-case p { color: rgba(255,255,255,.75); font-size: .92rem; margin-top: 6px; font-weight: 300; }
.nh-case .go {
    position: absolute; top: 22px; right: 22px; width: 42px; height: 42px; border-radius: 50%;
    background: #fff; color: var(--ink); display: grid; place-items: center;
    transform: scale(0) rotate(-45deg); transition: transform .4s var(--ease);
}
.nh-case:hover .go { transform: scale(1) rotate(0); }

/* ─── FAQ and legal pages ─── */
.info-hero {
    position: relative; overflow: hidden; padding: 200px 0 100px;
    background:
        radial-gradient(ellipse 55% 70% at 82% 15%, rgba(74,146,216,.15), transparent 62%),
        radial-gradient(ellipse 45% 55% at 10% 90%, rgba(144,196,239,.1), transparent 60%),
        var(--ink);
}
.info-hero::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(ellipse 80% 100% at 50% 0%, #000 20%, transparent 80%);
}
.info-hero__inner { position: relative; z-index: 1; }
.info-hero h1 {
    max-width: 14ch; margin-top: 20px;
    font-size: clamp(2.7rem, 6vw, 5rem); font-weight: 300;
    line-height: 1.04; letter-spacing: -.025em;
}
.info-hero h1 .serif { color: var(--mango); }
.info-hero p {
    max-width: 58ch; margin-top: 24px; color: rgba(255,255,255,.58);
    font-size: 1.08rem; line-height: 1.7; font-weight: 300;
}
.info-page { padding: 95px 0 120px; background: var(--paper); color: var(--ink); }
.info-page__inner { width: min(860px, 92%); margin: 0 auto; }
.legal-meta {
    display: flex; gap: 12px 30px; flex-wrap: wrap; justify-content: space-between;
    margin-bottom: 34px; padding-bottom: 24px; border-bottom: 1px solid var(--line-dark);
    color: #81818a; font-size: 13px;
}
.legal-intro {
    padding: 28px 30px; border-radius: 20px; margin-bottom: 50px;
    border: 1px solid rgba(0,45,114,.2);
    background: linear-gradient(135deg, rgba(74,146,216,.12), rgba(74,146,216,.06));
}
.legal-intro p { color: #43434a; font-size: 1.08rem; line-height: 1.8; }
.legal-body h2 {
    margin: 46px 0 14px; padding-top: 8px;
    color: #17171b; font-size: 1.35rem; font-weight: 600;
    letter-spacing: -.01em;
}
.legal-body h3 { margin: 26px 0 10px; color: #26262c; font-size: 1rem; font-weight: 600; }
.legal-body p, .legal-body li { color: #55555e; font-size: 15px; line-height: 1.8; }
.legal-body p + p { margin-top: 14px; }
.legal-body ul { display: grid; gap: 8px; margin: 14px 0; padding-left: 22px; }
.legal-body a { color: #4a92d8; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.legal-contact-card {
    margin-top: 18px; padding: 26px 28px; border-radius: 18px;
    color: #55555e; font-size: 15px; line-height: 1.8;
    background: #fff; border: 1px solid var(--line-dark);
    box-shadow: 0 16px 40px rgba(20,20,24,.05);
}
.legal-contact-card strong { color: #17171b; }

.faq-intro { margin-bottom: 58px; }
.faq-intro h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 300; line-height: 1.1; }
.faq-intro h2 .serif { color: #4a92d8; }
.faq-intro p { max-width: 58ch; margin-top: 18px; color: #66666f; line-height: 1.7; }
.faq-intro a, .faq-answer a { color: #4a92d8; font-weight: 600; }
.faq-group { margin-top: 52px; }
.faq-group-label {
    margin-bottom: 12px; padding-bottom: 13px; border-bottom: 1px solid var(--line-dark);
    color: #92929a; font-size: 11px; font-weight: 700;
    letter-spacing: .16em; text-transform: uppercase;
}
.faq-item { border-bottom: 1px solid var(--line-dark); }
.faq-question {
    width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 22px;
    padding: 23px 0; border: 0; background: none; color: #1b1b20;
    font: 500 1.03rem/1.45 var(--sans); text-align: left; cursor: pointer;
    transition: color .25s;
}
.faq-question:hover, .faq-question[aria-expanded="true"] { color: #4a92d8; }
.faq-icon {
    width: 32px; height: 32px; flex: 0 0 auto; display: grid; place-items: center;
    border-radius: 50%; color: #777780; background: rgba(10,10,12,.05);
    font-size: 1.25rem; font-weight: 300; line-height: 1;
    transition: transform .35s var(--ease), color .25s, background .25s;
}
.faq-question[aria-expanded="true"] .faq-icon {
    transform: rotate(45deg); color: #fff; background: #4a92d8;
}
.faq-answer { display: none; padding: 0 54px 24px 0; }
.faq-answer.open { display: block; animation: faqReveal .35s var(--ease) both; }
.faq-answer p { color: #5a5a63; font-size: 15px; line-height: 1.78; }
@keyframes faqReveal { from { opacity: 0; transform: translateY(-6px); } }
.faq-cta {
    margin-top: 72px; padding: 52px 42px; border-radius: 26px; text-align: center;
    color: #fff; background:
        radial-gradient(circle at 18% 20%, rgba(74,146,216,.18), transparent 35%),
        radial-gradient(circle at 85% 80%, rgba(144,196,239,.12), transparent 34%),
        var(--ink);
}
.faq-cta h3 { font-size: 1.55rem; font-weight: 400; }
.faq-cta p { margin: 12px auto 26px; max-width: 54ch; color: rgba(255,255,255,.55); line-height: 1.65; }

/* ─── Eurosava MangoExplorer travel operating system ─── */
.es-platform-section { padding-top: 28px; }
.es-platform {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(36px, 5vw, 68px); border: 1px solid rgba(144,196,239,.2);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 84% 9%, rgba(144,196,239,.22), transparent 28%),
        radial-gradient(circle at 7% 80%, rgba(74,146,216,.17), transparent 31%),
        linear-gradient(145deg, #001b45 0%, #002d72 52%, #00245b 100%);
    box-shadow: 0 36px 100px rgba(0,27,69,.3);
}
.es-platform::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(209,232,249,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(209,232,249,.035) 1px, transparent 1px);
    background-size: 48px 48px; mask-image: linear-gradient(135deg, #000, transparent 78%);
}
.es-platform__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 44px; align-items: end; }
.es-platform__header > div { max-width: 850px; }
.es-platform__header .nh-kicker { color: #90c4ef; }
.es-platform__header .nh-kicker::before { background: #90c4ef; }
.es-platform__header h2 {
    max-width: 16ch; margin: 18px 0 20px; color: #fff;
    font-size: clamp(2.2rem, 4.8vw, 4.2rem); font-weight: 300; line-height: 1.03; letter-spacing: -.04em;
}
.es-platform__header p { max-width: 68ch; color: rgba(255,255,255,.67); font-size: 1.04rem; font-weight: 300; line-height: 1.72; }
.es-platform__website {
    display: inline-flex; align-items: center; gap: 12px; padding: 13px 18px 13px 21px;
    border: 1px solid rgba(209,232,249,.24); border-radius: 100px; color: #fff;
    background: rgba(209,232,249,.07); font-size: .78rem; font-weight: 700; letter-spacing: .04em;
    transition: transform .3s var(--ease), color .25s, background .25s;
}
.es-platform__website:hover { transform: translateY(-3px); color: #002d72; background: #d1e8f9; }
.es-platform__modules { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px; }
.es-platform__modules article {
    position: relative; overflow: hidden; min-height: 214px; padding: 24px;
    border: 1px solid rgba(209,232,249,.13); border-radius: 21px;
    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(0,27,69,.25));
    transition: transform .3s var(--ease), border-color .3s, background .3s;
}
.es-platform__modules article::after {
    content: ""; position: absolute; right: -58px; bottom: -62px; width: 138px; height: 138px;
    border: 1px solid rgba(144,196,239,.11); border-radius: 50%; box-shadow: 0 0 0 18px rgba(144,196,239,.025);
}
.es-platform__modules article:hover { transform: translateY(-6px); border-color: rgba(144,196,239,.42); background: rgba(74,146,216,.11); }
.es-platform__module-icon {
    display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 28px;
    border-radius: 14px; color: #002d72; background: #90c4ef; font-size: 1rem;
    box-shadow: 0 12px 30px rgba(0,18,48,.22);
}
.es-platform__modules h3 { position: relative; z-index: 1; color: #fff; font-size: 1rem; font-weight: 600; line-height: 1.35; }
.es-platform__modules p { position: relative; z-index: 1; margin-top: 9px; color: rgba(255,255,255,.53); font-size: .8rem; line-height: 1.6; }
.es-platform__architecture {
    position: relative; display: grid; grid-template-columns: minmax(210px, .8fr) minmax(270px, 1fr) minmax(230px, .85fr);
    gap: clamp(28px, 5vw, 74px); align-items: center; min-height: 560px; margin-top: 26px; padding: 42px;
    overflow: hidden; border: 1px solid rgba(209,232,249,.14); border-radius: 30px;
    background: radial-gradient(circle at 50% 50%, rgba(144,196,239,.13), transparent 28%), rgba(0,18,48,.28);
    box-shadow: inset 0 1px rgba(255,255,255,.045);
}
.es-platform__architecture::before {
    content: ""; position: absolute; left: 50%; top: 50%; width: 440px; height: 440px;
    border: 1px solid rgba(144,196,239,.07); border-radius: 50%; transform: translate(-50%, -50%);
    box-shadow: 0 0 0 52px rgba(144,196,239,.022), 0 0 0 104px rgba(144,196,239,.014);
}
.es-platform__connections { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.es-platform__connections path { fill: none; stroke: #90c4ef; stroke-width: 1.4; stroke-linecap: round; stroke-dasharray: 7 11; opacity: .42; animation: esFlow 8s linear infinite; }
@keyframes esFlow { to { stroke-dashoffset: -180; } }
.es-platform__supply, .es-platform__core, .es-platform__channels { position: relative; z-index: 1; min-width: 0; }
.es-platform__stage-label { display: block; margin-bottom: 14px; color: #90c4ef; font-size: .63rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.es-platform__supply { display: grid; gap: 9px; }
.es-platform__supplier {
    display: grid; grid-template-columns: 28px 1fr auto; gap: 9px; align-items: center; padding: 12px 13px;
    border: 1px solid rgba(209,232,249,.12); border-radius: 13px; background: rgba(209,232,249,.055);
    box-shadow: 0 10px 25px rgba(0,18,48,.14); backdrop-filter: blur(8px);
}
.es-platform__supplier > i { color: #90c4ef; font-size: .84rem; }
.es-platform__supplier span { color: #fff; font-size: .72rem; font-weight: 600; }
.es-platform__supplier em { color: rgba(209,232,249,.45); font-size: .57rem; font-style: normal; text-transform: uppercase; letter-spacing: .08em; }
.es-platform__core {
    display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1;
    max-width: 310px; justify-self: center; padding: 36px; border: 1px solid rgba(209,232,249,.24); border-radius: 50%; text-align: center;
    background: radial-gradient(circle at 35% 25%, rgba(144,196,239,.22), transparent 40%), linear-gradient(145deg, rgba(74,146,216,.28), rgba(0,27,69,.88));
    box-shadow: 0 28px 70px rgba(0,18,48,.38), inset 0 1px rgba(255,255,255,.1);
}
.es-platform__core-ring { position: absolute; inset: -13px; border: 1px dashed rgba(144,196,239,.2); border-radius: 50%; animation: esOrbit 28s linear infinite; }
.es-platform__core-ring::after { content: ""; position: absolute; left: 50%; top: -4px; width: 8px; height: 8px; border-radius: 50%; background: #90c4ef; box-shadow: 0 0 18px rgba(144,196,239,.8); }
@keyframes esOrbit { to { transform: rotate(360deg); } }
.es-platform__core img { width: min(100%, 190px); height: auto; margin-bottom: 22px; }
.es-platform__core > span { color: #90c4ef; font-size: .65rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.es-platform__core strong { max-width: 12ch; margin-top: 7px; color: #fff; font-size: 1.25rem; font-weight: 500; line-height: 1.2; }
.es-platform__core-status { display: flex; align-items: center; gap: 7px; margin-top: 22px; padding: 8px 11px; border-radius: 100px; color: rgba(209,232,249,.62); background: rgba(0,18,48,.38); font-size: .57rem; }
.es-platform__core-status i { width: 6px; height: 6px; border-radius: 50%; background: #90c4ef; box-shadow: 0 0 0 5px rgba(144,196,239,.09); animation: esPulse 2s ease-in-out infinite; }
@keyframes esPulse { 50% { opacity: .4; } }
.es-platform__channels { display: grid; gap: 11px; }
.es-platform__channel {
    display: grid; grid-template-columns: 38px 1fr auto; gap: 12px; align-items: center; padding: 15px;
    border: 1px solid rgba(209,232,249,.13); border-radius: 16px; background: rgba(209,232,249,.06);
    box-shadow: 0 12px 30px rgba(0,18,48,.17); backdrop-filter: blur(8px);
}
.es-platform__channel > i:first-child { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #002d72; background: #90c4ef; }
.es-platform__channel > i:last-child { color: rgba(209,232,249,.42); font-size: .72rem; }
.es-platform__channel strong, .es-platform__channel span { display: block; }
.es-platform__channel strong { color: #fff; font-size: .72rem; font-weight: 600; }
.es-platform__channel span { margin-top: 3px; color: rgba(209,232,249,.48); font-size: .61rem; }
.es-platform__flow { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); margin: 26px 0 0; padding: 26px; border: 1px solid rgba(209,232,249,.13); border-radius: 22px; background: rgba(209,232,249,.045); list-style: none; }
.es-platform__flow::before { content: ""; position: absolute; left: 10%; right: 10%; top: 46px; height: 1px; background: linear-gradient(90deg, transparent, #4a92d8 10%, #90c4ef 50%, #4a92d8 90%, transparent); opacity: .45; }
.es-platform__flow li { position: relative; z-index: 1; display: grid; justify-items: center; gap: 11px; text-align: center; }
.es-platform__flow li > span { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(144,196,239,.24); border-radius: 50%; color: #002d72; background: #90c4ef; font-size: .62rem; font-weight: 800; box-shadow: 0 0 0 8px #00245b; }
.es-platform__flow strong, .es-platform__flow small { display: block; }
.es-platform__flow strong { color: #fff; font-size: .78rem; }
.es-platform__flow small { margin-top: 3px; color: rgba(209,232,249,.44); font-size: .6rem; }
.es-platform__intelligence { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 26px; }
.es-platform__intelligence > article { min-width: 0; min-height: 390px; padding: 30px; overflow: hidden; border: 1px solid rgba(209,232,249,.14); border-radius: 25px; background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(0,27,69,.25)); }
.es-platform__panel-copy > span { color: #90c4ef; font-size: .62rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.es-platform__panel-copy h3 { max-width: 18ch; margin: 10px 0 13px; color: #fff; font-size: clamp(1.4rem, 2.3vw, 2rem); font-weight: 400; line-height: 1.14; letter-spacing: -.025em; }
.es-platform__panel-copy p { max-width: 56ch; color: rgba(255,255,255,.54); font-size: .8rem; line-height: 1.65; }
.es-platform__source-stack { display: grid; gap: 8px; margin-top: 30px; }
.es-platform__source-stack > div { display: grid; grid-template-columns: auto 1fr auto; gap: 13px; align-items: center; padding: 12px 14px; border: 1px solid rgba(209,232,249,.11); border-radius: 13px; background: rgba(0,18,48,.26); }
.es-platform__source-stack span { color: rgba(255,255,255,.68); font-size: .7rem; }
.es-platform__source-stack i { height: 1px; background: linear-gradient(90deg, rgba(74,146,216,.16), rgba(144,196,239,.58)); }
.es-platform__source-stack strong { color: rgba(209,232,249,.52); font-size: .59rem; font-weight: 600; text-transform: uppercase; }
.es-platform__source-stack .is-selected { border-color: rgba(144,196,239,.42); background: rgba(74,146,216,.15); box-shadow: 0 16px 34px rgba(0,18,48,.2); }
.es-platform__source-stack .is-selected strong { color: #90c4ef; }
.es-platform__chat { display: grid; gap: 10px; margin-top: 30px; }
.es-platform__chat > div { width: fit-content; max-width: 86%; padding: 12px 14px; border-radius: 15px; color: rgba(255,255,255,.72); font-size: .7rem; line-height: 1.45; }
.es-platform__chat .is-user { justify-self: end; border-bottom-right-radius: 4px; background: #4a92d8; color: #fff; }
.es-platform__chat .is-ai { display: flex; gap: 10px; align-items: flex-start; border: 1px solid rgba(209,232,249,.12); border-bottom-left-radius: 4px; background: rgba(0,18,48,.3); }
.es-platform__chat .is-ai i { color: #90c4ef; }
.es-platform__chat-action { margin-top: 3px; border: 1px solid rgba(144,196,239,.2); background: rgba(144,196,239,.08); color: #d1e8f9 !important; }
.es-platform__chat-action i { margin-right: 7px; }
.es-platform__technology { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; margin-top: 26px; padding-top: 24px; border-top: 1px solid rgba(209,232,249,.12); }
.es-platform__technology > span { color: #90c4ef; font-size: .62rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.es-platform__technology > div { display: flex; flex-wrap: wrap; gap: 8px; }
.es-platform__technology > div span { padding: 7px 13px; border: 1px solid rgba(144,196,239,.2); border-radius: 100px; color: #d1e8f9; background: rgba(144,196,239,.07); font-size: .75rem; font-weight: 600; }

html[data-theme="light"] .es-platform {
    color: #15243a; border-color: rgba(0,45,114,.1);
    background:
        radial-gradient(circle at 84% 9%, rgba(144,196,239,.42), transparent 28%),
        radial-gradient(circle at 7% 80%, rgba(74,146,216,.11), transparent 31%),
        linear-gradient(145deg, #fff 0%, #f4f9fd 54%, #d1e8f9 100%);
    box-shadow: 0 36px 100px rgba(0,45,114,.12);
}
html[data-theme="light"] .es-platform::before { background-image: linear-gradient(rgba(0,45,114,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0,45,114,.035) 1px, transparent 1px); }
html[data-theme="light"] .es-platform__header .nh-kicker,
html[data-theme="light"] .es-platform__stage-label,
html[data-theme="light"] .es-platform__panel-copy > span,
html[data-theme="light"] .es-platform__technology > span { color: #002d72; }
html[data-theme="light"] .es-platform__header .nh-kicker::before { background: #002d72; }
html[data-theme="light"] .es-platform__header h2,
html[data-theme="light"] .es-platform__modules h3,
html[data-theme="light"] .es-platform__supplier span,
html[data-theme="light"] .es-platform__channel strong,
html[data-theme="light"] .es-platform__flow strong,
html[data-theme="light"] .es-platform__panel-copy h3 { color: #15243a; }
html[data-theme="light"] .es-platform__header p { color: #505d6c; }
html[data-theme="light"] .es-platform__website { color: #002d72; border-color: rgba(0,45,114,.15); background: rgba(255,255,255,.62); }
html[data-theme="light"] .es-platform__website:hover { color: #fff; background: #002d72; }
html[data-theme="light"] .es-platform__modules article,
html[data-theme="light"] .es-platform__intelligence > article { border-color: rgba(0,45,114,.1); background: rgba(255,255,255,.68); box-shadow: inset 0 1px #fff, 0 18px 42px rgba(0,45,114,.055); }
html[data-theme="light"] .es-platform__modules article:hover { border-color: rgba(0,45,114,.22); background: rgba(255,255,255,.94); }
html[data-theme="light"] .es-platform__modules p,
html[data-theme="light"] .es-platform__panel-copy p { color: #5e6e7f; }
html[data-theme="light"] .es-platform__architecture { border-color: rgba(0,45,114,.1); background: radial-gradient(circle at 50% 50%, rgba(144,196,239,.3), transparent 29%), rgba(255,255,255,.55); box-shadow: inset 0 1px #fff; }
html[data-theme="light"] .es-platform__supplier,
html[data-theme="light"] .es-platform__channel { border-color: rgba(0,45,114,.1); background: rgba(255,255,255,.7); box-shadow: 0 10px 25px rgba(0,45,114,.065); }
html[data-theme="light"] .es-platform__supplier > i { color: #002d72; }
html[data-theme="light"] .es-platform__supplier em,
html[data-theme="light"] .es-platform__channel span,
html[data-theme="light"] .es-platform__channel > i:last-child { color: #64778c; }
html[data-theme="light"] .es-platform__core { background: radial-gradient(circle at 35% 25%, rgba(144,196,239,.24), transparent 40%), linear-gradient(145deg, #002d72, #001b45); }
html[data-theme="light"] .es-platform__flow { border-color: rgba(0,45,114,.1); background: rgba(255,255,255,.55); }
html[data-theme="light"] .es-platform__flow li > span { color: #fff; background: #002d72; box-shadow: 0 0 0 8px #f4f9fd; }
html[data-theme="light"] .es-platform__flow small { color: #66798d; }
html[data-theme="light"] .es-platform__source-stack > div { border-color: rgba(0,45,114,.1); background: rgba(209,232,249,.35); }
html[data-theme="light"] .es-platform__source-stack span { color: #40566d; }
html[data-theme="light"] .es-platform__source-stack strong { color: #66798d; }
html[data-theme="light"] .es-platform__source-stack .is-selected { border-color: rgba(0,45,114,.25); background: rgba(144,196,239,.28); }
html[data-theme="light"] .es-platform__source-stack .is-selected strong { color: #002d72; }
html[data-theme="light"] .es-platform__chat .is-ai { color: #40566d; border-color: rgba(0,45,114,.1); background: rgba(209,232,249,.35); }
html[data-theme="light"] .es-platform__chat-action { color: #002d72 !important; border-color: rgba(0,45,114,.14); background: rgba(144,196,239,.18); }
html[data-theme="light"] .es-platform__technology { border-color: rgba(0,45,114,.1); }
html[data-theme="light"] .es-platform__technology > div span { color: #002d72; border-color: rgba(0,45,114,.12); background: rgba(255,255,255,.64); }

@media (max-width: 1080px) {
    .es-platform__modules { grid-template-columns: 1fr 1fr; }
    .es-platform__architecture { grid-template-columns: minmax(190px, .8fr) minmax(250px, 1fr); }
    .es-platform__channels { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); }
    .es-platform__channels .es-platform__stage-label { grid-column: 1 / -1; }
    .es-platform__connections { display: none; }
}
@media (max-width: 760px) {
    .es-platform { padding: 30px 22px 36px; border-radius: 30px; }
    .es-platform__header { grid-template-columns: 1fr; gap: 24px; align-items: start; }
    .es-platform__header h2 { max-width: none; }
    .es-platform__website { width: max-content; }
    .es-platform__architecture { grid-template-columns: 1fr; min-height: 0; padding: 24px; }
    .es-platform__core { order: -1; width: min(100%, 280px); }
    .es-platform__channels { grid-column: auto; grid-template-columns: 1fr; }
    .es-platform__channels .es-platform__stage-label { grid-column: auto; }
    .es-platform__flow { grid-template-columns: 1fr; gap: 0; }
    .es-platform__flow::before { top: 10%; bottom: 10%; left: 45px; right: auto; width: 1px; height: auto; }
    .es-platform__flow li { grid-template-columns: 40px 1fr; justify-items: start; align-items: center; gap: 16px; padding: 10px 0; text-align: left; }
    .es-platform__flow li > span { box-shadow: 0 0 0 7px #00245b; }
    html[data-theme="light"] .es-platform__flow li > span { box-shadow: 0 0 0 7px #f4f9fd; }
    .es-platform__intelligence { grid-template-columns: 1fr; }
    .es-platform__technology { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 560px) {
    .es-platform__modules { grid-template-columns: 1fr; }
    .es-platform__modules article { min-height: 0; }
    .es-platform__intelligence > article { min-height: 0; padding: 24px; }
}

/* ─── MafinX connected business suite ─── */
.mf-suite-section { padding-top: 28px; }
.mf-suite {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(36px, 5vw, 68px); border: 1px solid rgba(144,196,239,.18);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 90% 8%, rgba(144,196,239,.17), transparent 27%),
        radial-gradient(circle at 5% 74%, rgba(74,146,216,.16), transparent 31%),
        linear-gradient(145deg, #001b45 0%, #002d72 55%, #00245b 100%);
    box-shadow: 0 36px 100px rgba(0,27,69,.32);
}
.mf-suite::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(209,232,249,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(209,232,249,.035) 1px, transparent 1px);
    background-size: 46px 46px; mask-image: linear-gradient(135deg, #000, transparent 76%);
}
.mf-suite__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 44px; align-items: end; }
.mf-suite__header > div { max-width: 800px; }
.mf-suite__header .nh-kicker { color: #90c4ef; }
.mf-suite__header .nh-kicker::before { background: #90c4ef; }
.mf-suite__header h2 {
    max-width: 15ch; margin: 18px 0 20px; color: #fff;
    font-size: clamp(2.2rem, 4.8vw, 4.2rem); font-weight: 300; line-height: 1.03; letter-spacing: -.035em;
}
.mf-suite__header p { max-width: 65ch; color: rgba(255,255,255,.67); font-size: 1.04rem; font-weight: 300; line-height: 1.72; }
.mf-suite__website {
    display: inline-flex; align-items: center; gap: 12px; padding: 13px 18px 13px 21px;
    border: 1px solid rgba(209,232,249,.24); border-radius: 100px; color: #fff;
    background: rgba(209,232,249,.07); font-size: .78rem; font-weight: 700; letter-spacing: .04em;
    transition: transform .3s var(--ease), color .25s, background .25s;
}
.mf-suite__website:hover { transform: translateY(-3px); color: #002d72; background: #d1e8f9; }
.mf-suite__features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px; }
.mf-suite__features article {
    position: relative; overflow: hidden; min-height: 210px; padding: 24px;
    border: 1px solid rgba(209,232,249,.13); border-radius: 21px;
    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(0,27,69,.25));
    transition: transform .3s var(--ease), border-color .3s, background .3s;
}
.mf-suite__features article::after {
    content: ""; position: absolute; right: -48px; bottom: -54px; width: 130px; height: 130px;
    border: 1px solid rgba(144,196,239,.1); border-radius: 50%; box-shadow: 0 0 0 18px rgba(144,196,239,.025);
}
.mf-suite__features article:hover { transform: translateY(-6px); border-color: rgba(144,196,239,.42); background: rgba(74,146,216,.1); }
.mf-suite__feature-icon {
    display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 28px;
    border-radius: 14px; color: #002d72; background: #90c4ef; font-size: 1rem;
    box-shadow: 0 12px 30px rgba(0,18,48,.2);
}
.mf-suite__features h3 { max-width: 17ch; color: #fff; font-size: 1rem; font-weight: 600; line-height: 1.35; }
.mf-suite__features p { margin-top: 9px; color: rgba(255,255,255,.52); font-size: .8rem; line-height: 1.6; }
.mf-suite__command {
    display: grid; grid-template-columns: 250px minmax(0, 1fr); margin-top: 26px; overflow: hidden;
    border: 1px solid rgba(209,232,249,.14); border-radius: 30px;
    background: rgba(0,18,48,.3); box-shadow: 0 28px 70px rgba(0,18,48,.25), inset 0 1px rgba(255,255,255,.045);
}
.mf-suite__rail { display: flex; flex-direction: column; padding: 28px 22px; border-right: 1px solid rgba(209,232,249,.11); background: rgba(0,27,69,.42); }
.mf-suite__brand { display: flex; align-items: center; gap: 11px; color: #fff; }
.mf-suite__brand > span {
    display: grid; place-items: center; width: 33px; height: 33px; border-radius: 11px;
    color: #002d72; background: #d1e8f9; font: italic 600 1.12rem/1 var(--serif);
}
.mf-suite__brand strong { font-size: 1rem; letter-spacing: -.02em; }
.mf-suite__rail-label { margin: 34px 0 14px; color: rgba(209,232,249,.46); font-size: .62rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.mf-suite__rail ol { display: grid; gap: 5px; list-style: none; }
.mf-suite__rail li { position: relative; display: grid; grid-template-columns: 38px 1fr; gap: 11px; align-items: center; padding: 10px; border-radius: 14px; }
.mf-suite__rail li::after {
    content: ""; position: absolute; left: 28px; top: 47px; width: 1px; height: 15px;
    background: linear-gradient(#4a92d8, transparent);
}
.mf-suite__rail li:last-child::after { display: none; }
.mf-suite__rail li:first-child { background: rgba(144,196,239,.1); }
.mf-suite__step-icon { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(144,196,239,.16); border-radius: 12px; color: #90c4ef; background: rgba(74,146,216,.1); }
.mf-suite__rail li:first-child .mf-suite__step-icon { color: #002d72; background: #90c4ef; }
.mf-suite__rail li strong { display: block; color: rgba(255,255,255,.84); font-size: .76rem; font-weight: 600; }
.mf-suite__rail li span { display: block; margin-top: 3px; color: rgba(209,232,249,.42); font-size: .62rem; line-height: 1.35; }
.mf-suite__rail-status { display: flex; align-items: center; gap: 9px; margin-top: auto; padding: 20px 10px 2px; color: rgba(209,232,249,.55); font-size: .65rem; }
.mf-suite__rail-status i, .mf-suite__live i { width: 7px; height: 7px; border-radius: 50%; background: #90c4ef; box-shadow: 0 0 0 5px rgba(144,196,239,.09); animation: mfLivePulse 2s ease-in-out infinite; }
@keyframes mfLivePulse { 50% { opacity: .42; } }
.mf-suite__dashboard { min-width: 0; padding: 30px; }
.mf-suite__dashboard-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.mf-suite__dashboard-header > div:first-child > span,
.mf-suite__panel-heading span,
.mf-suite__isolation > span,
.mf-suite__technology > span { color: #90c4ef; font-size: .63rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.mf-suite__dashboard-header h3 { margin-top: 6px; color: #fff; font-size: 1.35rem; font-weight: 500; letter-spacing: -.02em; }
.mf-suite__live { display: flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid rgba(144,196,239,.14); border-radius: 100px; color: rgba(209,232,249,.72); font-size: .68rem; }
.mf-suite__signals { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 26px; }
.mf-suite__signals article { min-width: 0; padding: 17px; border: 1px solid rgba(209,232,249,.1); border-radius: 16px; background: rgba(255,255,255,.035); }
.mf-suite__signals article > i { color: #90c4ef; font-size: .92rem; }
.mf-suite__signals span { display: block; margin: 13px 0 4px; overflow: hidden; color: rgba(209,232,249,.48); font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }
.mf-suite__signals strong { display: block; color: #fff; font-size: .84rem; font-weight: 600; }
.mf-suite__insights { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(225px, .75fr); gap: 12px; margin-top: 12px; }
.mf-suite__chart, .mf-suite__isolation { min-width: 0; border: 1px solid rgba(209,232,249,.1); border-radius: 20px; background: rgba(255,255,255,.035); }
.mf-suite__chart { position: relative; min-height: 310px; padding: 22px 22px 15px; overflow: hidden; }
.mf-suite__chart::before {
    content: ""; position: absolute; inset: 78px 22px 41px; pointer-events: none;
    background-image: linear-gradient(rgba(209,232,249,.055) 1px, transparent 1px); background-size: 100% 25%;
}
.mf-suite__panel-heading { position: relative; z-index: 1; display: flex; align-items: start; justify-content: space-between; gap: 18px; }
.mf-suite__panel-heading strong { display: block; margin-top: 5px; color: #fff; font-size: .95rem; font-weight: 600; }
.mf-suite__legend { display: flex; align-items: center; gap: 7px; color: rgba(209,232,249,.46); font-size: .58rem; }
.mf-suite__legend i { width: 7px; height: 7px; border-radius: 50%; background: #90c4ef; }
.mf-suite__legend i:nth-of-type(2) { margin-left: 5px; background: #4a92d8; }
.mf-suite__chart svg { position: relative; z-index: 1; display: block; width: 100%; height: 185px; margin-top: 12px; overflow: visible; }
.mf-suite__chart-fill { fill: url(#mfChartFill); }
.mf-suite__chart-line { fill: none; stroke: #90c4ef; stroke-width: 3; stroke-linecap: round; filter: drop-shadow(0 6px 8px rgba(74,146,216,.3)); }
.mf-suite__chart-line--soft { stroke: #4a92d8; stroke-width: 2; stroke-dasharray: 6 8; opacity: .72; }
.mf-suite__chart-axis { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 10px; color: rgba(209,232,249,.35); font-size: .55rem; }
.mf-suite__isolation { padding: 22px; background: linear-gradient(155deg, rgba(74,146,216,.12), rgba(0,27,69,.16)); }
.mf-suite__shield { display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 24px; border-radius: 15px; color: #002d72; background: #d1e8f9; font-size: 1.05rem; box-shadow: 0 14px 30px rgba(0,18,48,.22); }
.mf-suite__isolation h4 { margin: 9px 0 25px; color: #fff; font-size: 1.08rem; font-weight: 500; line-height: 1.45; letter-spacing: -.015em; }
.mf-suite__tenant-row { display: grid; grid-template-columns: 7px 1fr auto; gap: 8px; align-items: center; padding: 10px 0; border-top: 1px solid rgba(209,232,249,.09); }
.mf-suite__tenant-row > i { width: 6px; height: 6px; border-radius: 50%; background: #90c4ef; }
.mf-suite__tenant-row span { color: rgba(255,255,255,.58); font-size: .65rem; }
.mf-suite__tenant-row strong { color: #d1e8f9; font-size: .62rem; font-weight: 600; }
.mf-suite__technology { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; margin-top: 26px; padding-top: 24px; border-top: 1px solid rgba(209,232,249,.12); }
.mf-suite__technology > div { display: flex; flex-wrap: wrap; gap: 8px; }
.mf-suite__technology > div span { padding: 7px 13px; border: 1px solid rgba(144,196,239,.2); border-radius: 100px; color: #d1e8f9; background: rgba(144,196,239,.07); font-size: .75rem; font-weight: 600; }

html[data-theme="light"] .mf-suite {
    color: #15243a; border-color: rgba(0,45,114,.1);
    background:
        radial-gradient(circle at 90% 8%, rgba(144,196,239,.42), transparent 28%),
        radial-gradient(circle at 5% 74%, rgba(74,146,216,.12), transparent 32%),
        linear-gradient(145deg, #fff 0%, #f4f9fd 56%, #d1e8f9 100%);
    box-shadow: 0 36px 100px rgba(0,45,114,.12);
}
html[data-theme="light"] .mf-suite::before { background-image: linear-gradient(rgba(0,45,114,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0,45,114,.035) 1px, transparent 1px); }
html[data-theme="light"] .mf-suite__header .nh-kicker,
html[data-theme="light"] .mf-suite__dashboard-header > div:first-child > span,
html[data-theme="light"] .mf-suite__panel-heading span,
html[data-theme="light"] .mf-suite__isolation > span,
html[data-theme="light"] .mf-suite__technology > span { color: #002d72; }
html[data-theme="light"] .mf-suite__header .nh-kicker::before { background: #002d72; }
html[data-theme="light"] .mf-suite__header h2,
html[data-theme="light"] .mf-suite__features h3,
html[data-theme="light"] .mf-suite__brand,
html[data-theme="light"] .mf-suite__dashboard-header h3,
html[data-theme="light"] .mf-suite__signals strong,
html[data-theme="light"] .mf-suite__panel-heading strong,
html[data-theme="light"] .mf-suite__isolation h4 { color: #15243a; }
html[data-theme="light"] .mf-suite__header p { color: #505d6c; }
html[data-theme="light"] .mf-suite__website { color: #002d72; border-color: rgba(0,45,114,.15); background: rgba(255,255,255,.58); }
html[data-theme="light"] .mf-suite__website:hover { color: #fff; background: #002d72; }
html[data-theme="light"] .mf-suite__features article { border-color: rgba(0,45,114,.1); background: rgba(255,255,255,.67); box-shadow: inset 0 1px 0 #fff, 0 18px 42px rgba(0,45,114,.055); }
html[data-theme="light"] .mf-suite__features article:hover { border-color: rgba(0,45,114,.22); background: rgba(255,255,255,.92); }
html[data-theme="light"] .mf-suite__features p { color: #5e6e7f; }
html[data-theme="light"] .mf-suite__command { border-color: rgba(0,45,114,.11); background: rgba(255,255,255,.58); box-shadow: 0 28px 70px rgba(0,45,114,.1), inset 0 1px #fff; }
html[data-theme="light"] .mf-suite__rail { border-color: rgba(0,45,114,.09); background: rgba(209,232,249,.4); }
html[data-theme="light"] .mf-suite__rail-label { color: #65788d; }
html[data-theme="light"] .mf-suite__rail li:first-child { background: rgba(74,146,216,.11); }
html[data-theme="light"] .mf-suite__step-icon { color: #002d72; border-color: rgba(0,45,114,.11); background: rgba(255,255,255,.6); }
html[data-theme="light"] .mf-suite__rail li:first-child .mf-suite__step-icon { color: #fff; background: #002d72; }
html[data-theme="light"] .mf-suite__rail li strong { color: #25394f; }
html[data-theme="light"] .mf-suite__rail li span,
html[data-theme="light"] .mf-suite__rail-status { color: #667789; }
html[data-theme="light"] .mf-suite__live { color: #3f5268; border-color: rgba(0,45,114,.11); }
html[data-theme="light"] .mf-suite__signals article,
html[data-theme="light"] .mf-suite__chart,
html[data-theme="light"] .mf-suite__isolation { border-color: rgba(0,45,114,.09); background: rgba(255,255,255,.7); box-shadow: inset 0 1px #fff; }
html[data-theme="light"] .mf-suite__signals span { color: #647588; }
html[data-theme="light"] .mf-suite__chart::before { background-image: linear-gradient(rgba(0,45,114,.065) 1px, transparent 1px); }
html[data-theme="light"] .mf-suite__legend,
html[data-theme="light"] .mf-suite__chart-axis { color: #68798c; }
html[data-theme="light"] .mf-suite__tenant-row { border-color: rgba(0,45,114,.08); }
html[data-theme="light"] .mf-suite__tenant-row span { color: #56687c; }
html[data-theme="light"] .mf-suite__tenant-row strong { color: #002d72; }
html[data-theme="light"] .mf-suite__technology { border-color: rgba(0,45,114,.1); }
html[data-theme="light"] .mf-suite__technology > div span { color: #002d72; border-color: rgba(0,45,114,.12); background: rgba(255,255,255,.62); }

/* ─── ExpertenToolValidation accreditation OS ─── */
.evt-platform-section { padding-top: 28px; }
.evt-platform {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(36px, 5vw, 68px); border: 1px solid rgba(144,196,239,.18);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 90% 10%, rgba(144,196,239,.18), transparent 28%),
        radial-gradient(circle at 8% 75%, rgba(74,146,216,.15), transparent 32%),
        linear-gradient(145deg, #00163a 0%, #002d72 52%, #002255 100%);
    box-shadow: 0 36px 100px rgba(0,27,69,.32);
}
.evt-platform::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(209,232,249,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(209,232,249,.035) 1px, transparent 1px);
    background-size: 46px 46px; mask-image: linear-gradient(135deg, #000, transparent 76%);
}
.evt-platform__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 44px; align-items: end; }
.evt-platform__header > div { max-width: 800px; }
.evt-platform__header .nh-kicker { color: #90c4ef; }
.evt-platform__header .nh-kicker::before { background: #90c4ef; }
.evt-platform__header h2 {
    max-width: 16ch; margin: 18px 0 20px; color: #fff;
    font-size: clamp(2.2rem, 4.8vw, 4.2rem); font-weight: 300; line-height: 1.03; letter-spacing: -.035em;
}
.evt-platform__header p { max-width: 65ch; color: rgba(255,255,255,.67); font-size: 1.04rem; font-weight: 300; line-height: 1.72; }
.evt-platform__website {
    display: inline-flex; align-items: center; gap: 12px; padding: 13px 18px 13px 21px;
    border: 1px solid rgba(209,232,249,.24); border-radius: 100px; color: #fff;
    background: rgba(209,232,249,.07); font-size: .78rem; font-weight: 700; letter-spacing: .04em;
    transition: transform .3s var(--ease), color .25s, background .25s;
}
.evt-platform__website:hover { transform: translateY(-3px); color: #002d72; background: #d1e8f9; }
.evt-platform__features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px; }
.evt-platform__features article {
    position: relative; overflow: hidden; min-height: 210px; padding: 24px;
    border: 1px solid rgba(209,232,249,.13); border-radius: 21px;
    background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(0,27,69,.25));
    transition: transform .3s var(--ease), border-color .3s, background .3s;
}
.evt-platform__features article:hover { transform: translateY(-6px); border-color: rgba(144,196,239,.42); background: rgba(74,146,216,.1); }
.evt-platform__feature-icon {
    display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 28px;
    border-radius: 14px; color: #002d72; background: #90c4ef; font-size: 1rem;
    box-shadow: 0 12px 30px rgba(0,18,48,.2);
}
.evt-platform__features h3 { max-width: 17ch; color: #fff; font-size: 1rem; font-weight: 600; line-height: 1.35; }
.evt-platform__features p { margin-top: 9px; color: rgba(255,255,255,.52); font-size: .8rem; line-height: 1.6; }

/* Cockpit Window & Topbar */
.evt-platform__cockpit {
    margin-top: 26px; overflow: hidden; border: 1px solid rgba(209,232,249,.15);
    border-radius: 28px; background: rgba(0,18,48,.38);
    box-shadow: 0 28px 70px rgba(0,18,48,.3), inset 0 1px rgba(255,255,255,.05);
}
.evt-platform__topbar {
    display: flex; justify-content: space-between; align-items: center; gap: 16px;
    padding: 12px 20px; background: rgba(0,27,69,.6); border-bottom: 1px solid rgba(209,232,249,.12);
}
.evt-platform__tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.evt-tab-btn {
    display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px;
    border: 1px solid transparent; border-radius: 100px; color: rgba(255,255,255,.7);
    background: rgba(255,255,255,.06); font-size: .8rem; font-weight: 600; cursor: pointer;
    transition: all .25s var(--ease);
}
.evt-tab-btn:hover { background: rgba(255,255,255,.12); color: #fff; }
.evt-tab-btn.is-active {
    background: #002d72; color: #fff; border-color: rgba(144,196,239,.4);
    box-shadow: 0 4px 14px rgba(0,45,114,.3);
}
.evt-platform__top-actions { display: flex; align-items: center; gap: 12px; }
.evt-platform__icon-btn {
    display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;
    color: rgba(255,255,255,.7); background: rgba(255,255,255,.06); font-size: .9rem; cursor: pointer;
    transition: color .2s, background .2s;
}
.evt-platform__icon-btn:hover { color: #fff; background: rgba(255,255,255,.14); }
.evt-platform__user-badge {
    display: flex; align-items: center; gap: 10px; padding: 6px 14px 6px 8px;
    border: 1px solid rgba(209,232,249,.14); border-radius: 100px; background: rgba(255,255,255,.06);
    cursor: pointer;
}
.evt-platform__user-avatar {
    display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%;
    background: #a3e635; color: #002d72; font-size: .85rem;
}
.evt-platform__user-badge strong { display: block; font-size: .78rem; color: #fff; line-height: 1.1; }
.evt-platform__user-badge small { display: block; font-size: .65rem; color: #90c4ef; }

/* Body Layout: Sidebar + Screen */
.evt-platform__body {
    display: grid; grid-template-columns: 240px minmax(0, 1fr);
    min-height: 720px;
}
.evt-platform__rail {
    display: flex; flex-direction: column; padding: 22px 16px;
    border-right: 1px solid rgba(209,232,249,.11); background: rgba(0,27,69,.42);
}
.evt-platform__brand {
    display: flex; justify-content: space-between; align-items: center;
    padding-bottom: 20px; border-bottom: 1px solid rgba(209,232,249,.1); margin-bottom: 18px;
}
.evt-platform__brand-logo { display: grid; place-items: center; }
.evt-platform__rail-toggle {
    display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px;
    border: 1px solid rgba(209,232,249,.14); background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.7); cursor: pointer; font-size: .75rem;
}
.evt-platform__nav-list { display: grid; gap: 4px; }
.evt-nav-item {
    display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 10px;
    font-size: .8rem; color: rgba(255,255,255,.7); cursor: pointer; transition: all .2s;
}
.evt-nav-item:hover { background: rgba(255,255,255,.07); color: #fff; }
.evt-nav-item.is-active { background: rgba(74,146,216,.22); color: #fff; font-weight: 600; border: 1px solid rgba(144,196,239,.25); }
.evt-nav-item i { font-size: .95rem; color: #90c4ef; }
.evt-platform__rail-foot { margin-top: auto; padding-top: 18px; }
.evt-platform__security-pill {
    display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px;
    border-radius: 100px; font-size: .65rem; color: #90c4ef; background: rgba(74,146,216,.15);
}

/* Screens Area */
.evt-platform__screens { padding: 26px; overflow-x: hidden; }
.evt-screen { display: none; }
.evt-screen.is-visible { display: block; animation: evtFadeIn .3s ease both; }
@keyframes evtFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Screen Headers & Status */
.evt-screen__header { margin-bottom: 22px; }
.evt-screen__title-wrap { display: flex; align-items: flex-start; gap: 14px; }
.evt-screen__icon {
    display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px;
    background: #a3e635; color: #002d72; font-size: 1.15rem; flex-shrink: 0;
}
.evt-screen__title-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.evt-screen__title-row h3 { margin: 0; color: #fff; font-size: 1.25rem; font-weight: 600; letter-spacing: -.02em; }
.evt-status-pill {
    padding: 3px 10px; border-radius: 100px; font-size: .68rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .06em;
}
.evt-status-pill.is-active { background: #84cc16; color: #002d72; }
.evt-screen__sub { margin-top: 4px; font-size: .8rem; color: rgba(255,255,255,.6); }

/* Action Buttons Bar */
.evt-actions-bar {
    display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
    padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid rgba(209,232,249,.1);
}
.evt-btn {
    display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px;
    border-radius: 100px; font-size: .74rem; font-weight: 600; cursor: pointer; border: 0;
    transition: transform .2s var(--ease), opacity .2s;
}
.evt-btn:hover { transform: translateY(-1px); opacity: .92; }
.evt-btn--amber { background: #eab308; color: #000; }
.evt-btn--lime { background: #84cc16; color: #002d72; }
.evt-btn--blue { background: #0284c7; color: #fff; }
.evt-btn--green { background: #16a34a; color: #fff; }
.evt-btn--dark-green { background: #4d7c0f; color: #fff; }
.evt-btn--outline {
    background: rgba(255,255,255,.05); border: 1px solid rgba(209,232,249,.18);
    color: rgba(255,255,255,.8);
}
.evt-btn--soft { background: rgba(74,146,216,.18); color: #90c4ef; }
.evt-btn--soft-green { background: rgba(72,187,120,.2); color: #a3e635; }
.evt-btn--soft-lime { background: rgba(132,204,22,.2); color: #a3e635; }
.evt-btn--soft-blue { background: rgba(2,132,199,.2); color: #90c4ef; }

/* 4 Metric Cards (Screenshot 2) */
.evt-campaign-overview {
    display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 18px; margin-bottom: 22px;
}
.evt-metric-quad { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.evt-metric-card {
    padding: 16px 14px; border-radius: 20px; color: #fff;
    display: flex; flex-direction: column; justify-content: space-between; min-height: 120px;
    box-shadow: 0 10px 24px rgba(0,0,0,.15);
}
.evt-metric-card--lime { background: #88b01c; }
.evt-metric-card--green { background: #10b981; }
.evt-metric-card--blue { background: #0284c7; }
.evt-metric-card--amber { background: #eab308; color: #000; }
.evt-metric-card__icon { font-size: 1.25rem; opacity: .88; }
.evt-metric-card__num { font-size: 1.9rem; font-weight: 700; line-height: 1; margin: 8px 0 4px; }
.evt-metric-card__lbl { font-size: .68rem; line-height: 1.3; opacity: .9; }

/* Campaign Details Box */
.evt-campaign-details {
    padding: 20px; border: 1px solid rgba(209,232,249,.12); border-radius: 20px;
    background: rgba(255,255,255,.03);
}
.evt-campaign-details h4 { margin: 0 0 14px; font-size: .95rem; font-weight: 600; color: #fff; }
.evt-details-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.evt-detail-item {
    display: flex; align-items: center; gap: 10px; padding: 10px 12px;
    border: 1px solid rgba(209,232,249,.1); border-radius: 12px; background: rgba(255,255,255,.025);
}
.evt-detail-item__icon {
    display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px;
    background: rgba(74,146,216,.18); color: #90c4ef; font-size: .85rem; flex-shrink: 0;
}
.evt-detail-item span { display: block; font-size: .58rem; color: rgba(209,232,249,.6); font-weight: 700; letter-spacing: .08em; }
.evt-detail-item strong { display: block; font-size: .76rem; color: #fff; line-height: 1.2; margin-top: 2px; }

/* Tables */
.evt-table-card {
    padding: 20px; border: 1px solid rgba(209,232,249,.12); border-radius: 20px;
    background: rgba(255,255,255,.03);
}
.evt-table-card__head {
    display: flex; justify-content: space-between; align-items: center; gap: 14px;
    margin-bottom: 14px; flex-wrap: wrap;
}
.evt-table-card__head h4 { margin: 0; font-size: .95rem; font-weight: 600; color: #fff; }
.evt-table-card__meta { font-size: .72rem; color: rgba(255,255,255,.55); }
.evt-table-card__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.evt-table-wrap { overflow-x: auto; }
.evt-table { width: 100%; border-collapse: collapse; font-size: .75rem; text-align: left; }
.evt-table th {
    padding: 10px 12px; color: rgba(209,232,249,.5); font-size: .62rem;
    font-weight: 700; letter-spacing: .1em; border-bottom: 1px solid rgba(209,232,249,.1);
}
.evt-table td { padding: 12px; border-bottom: 1px solid rgba(209,232,249,.06); vertical-align: middle; }
.evt-id { color: rgba(255,255,255,.45); font-weight: 600; font-size: .72rem; }
.evt-user-cell { display: flex; align-items: center; gap: 10px; }
.evt-avatar {
    display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px;
    font-weight: 700; font-size: .8rem; color: #002d72; flex-shrink: 0;
}
.evt-avatar--lime { background: #88b01c; color: #fff; }
.evt-avatar--yellow { background: #eab308; color: #000; }
.evt-avatar--blue { background: #0284c7; color: #fff; }
.evt-user-cell strong { display: block; color: #fff; font-size: .78rem; }
.evt-user-cell small { display: block; color: rgba(255,255,255,.5); font-size: .68rem; }
.evt-lang-tag {
    padding: 2px 8px; border-radius: 6px; font-weight: 700; font-size: .68rem;
    background: rgba(255,255,255,.08); color: #fff;
}
.evt-badge {
    display: inline-block; padding: 4px 10px; border-radius: 100px;
    font-size: .68rem; font-weight: 600;
}
.evt-badge--green { background: rgba(16,185,129,.2); color: #34d399; }
.evt-badge--lime { background: rgba(132,204,22,.2); color: #a3e635; }
.evt-badge--blue { background: rgba(2,132,199,.2); color: #38bdf8; }
.evt-badge--soft { background: rgba(255,255,255,.08); color: rgba(255,255,255,.7); }
.evt-row-actions { display: flex; align-items: center; gap: 6px; }
.evt-icon-act {
    display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px;
    background: rgba(255,255,255,.06); color: rgba(255,255,255,.7); cursor: pointer;
    font-size: .75rem;
}
.evt-icon-act:hover { color: #fff; background: rgba(255,255,255,.14); }
.evt-pill-act {
    display: inline-flex; align-items: center; gap: 4px; padding: 4px 9px;
    border-radius: 8px; font-size: .68rem; font-weight: 600; cursor: pointer;
}
.evt-pill-act.is-edit { background: rgba(132,204,22,.2); color: #a3e635; }

/* Submissions Row */
.evt-submission-row {
    display: flex; justify-content: space-between; align-items: center; gap: 16px;
    padding: 12px 14px; border: 1px solid rgba(209,232,249,.08); border-radius: 12px;
    background: rgba(255,255,255,.02);
}
.evt-submission-row strong { color: #fff; font-size: .8rem; margin: 0 8px; }
.evt-submission-row small { color: rgba(255,255,255,.5); font-size: .72rem; }

/* SCREEN 2: Dashboard Overview */
.evt-dash-stats {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 20px;
}
.evt-dash-stat {
    padding: 18px 20px; border: 1px solid rgba(209,232,249,.12); border-radius: 18px;
    background: rgba(255,255,255,.04);
}
.evt-dash-stat__top { display: flex; align-items: center; gap: 8px; font-size: .74rem; color: rgba(255,255,255,.6); margin-bottom: 8px; }
.evt-dash-stat__top i { font-size: 1rem; }
.evt-dash-stat__val { font-size: 1.8rem; font-weight: 700; color: #fff; line-height: 1; }
.evt-dash-stat__val small { font-size: .72rem; font-weight: 400; color: rgba(255,255,255,.5); margin-left: 4px; }
.evt-dash-middle {
    display: grid; grid-template-columns: 1.8fr 1fr; gap: 16px; margin-bottom: 20px;
}
.evt-chart-card, .evt-alert-card, .evt-dist-card {
    padding: 20px; border: 1px solid rgba(209,232,249,.12); border-radius: 20px;
    background: rgba(255,255,255,.03);
}
.evt-chart-card__head, .evt-alert-card__head, .evt-dist-card__head {
    display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px;
}
.evt-chart-card__head h4, .evt-alert-card__head h4, .evt-dist-card__head h4 {
    margin: 0; font-size: .95rem; font-weight: 600; color: #fff;
}
.evt-chart-card__head p { margin: 3px 0 0; font-size: .72rem; color: rgba(255,255,255,.55); }
.evt-period-pill {
    padding: 3px 10px; border-radius: 100px; font-size: .68rem; font-weight: 600;
    background: rgba(74,146,216,.2); color: #90c4ef;
}
.evt-bars-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 14px; }
.evt-bars-col { background: rgba(0,27,69,.25); padding: 14px; border-radius: 14px; }
.evt-bars-label { display: flex; align-items: center; gap: 6px; font-size: .72rem; color: rgba(255,255,255,.7); margin-bottom: 12px; }
.evt-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.evt-dot--blue { background: #0284c7; }
.evt-dot--lime { background: #88b01c; }
.evt-dot--gray { background: #64748b; }
.evt-bar-track { display: flex; justify-content: space-between; align-items: flex-end; height: 110px; padding-top: 10px; }
.evt-bar-item { display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; justify-content: flex-end; width: 14%; }
.evt-bar { width: 100%; border-radius: 4px 4px 0 0; min-height: 4px; }
.evt-bar--blue { background: #0284c7; }
.evt-bar--lime { background: #88b01c; }
.evt-bar-item span { font-size: .62rem; color: rgba(255,255,255,.45); }
.evt-alert-card__center { text-align: center; padding: 14px 10px; }
.evt-check-circle {
    display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%;
    margin: 0 auto 12px; background: rgba(132,204,22,.15); color: #a3e635; font-size: 1.4rem;
}
.evt-alert-card__center strong { display: block; color: #fff; font-size: .92rem; line-height: 1.3; }
.evt-alert-card__center p { margin: 6px 0 0; font-size: .72rem; color: rgba(255,255,255,.55); }
.evt-alert-card__buttons { display: flex; gap: 8px; justify-content: center; margin-top: 14px; }

/* Distribution & Mini Stats */
.evt-dash-bottom { display: grid; grid-template-columns: 1.3fr 1fr; gap: 16px; }
.evt-dist-list { display: grid; gap: 10px; margin-top: 10px; }
.evt-dist-row { display: flex; justify-content: space-between; align-items: center; font-size: .75rem; }
.evt-dist-lbl { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,.7); }
.evt-dist-row strong { color: #fff; }
.evt-progress-bar { height: 6px; border-radius: 100px; background: rgba(255,255,255,.08); overflow: hidden; }
.evt-progress-fill { height: 100%; border-radius: 100px; }
.evt-progress-fill--lime { background: #88b01c; }
.evt-progress-fill--blue { background: #0284c7; }
.evt-progress-fill--gray { background: #64748b; }
.evt-mini-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; align-items: center; }
.evt-mini-stat {
    padding: 12px 10px; border: 1px solid rgba(209,232,249,.1); border-radius: 14px;
    background: rgba(255,255,255,.025); text-align: center;
}
.evt-mini-stat span { display: block; font-size: .56rem; font-weight: 700; color: rgba(209,232,249,.6); letter-spacing: .08em; }
.evt-mini-stat strong { display: block; font-size: 1.2rem; color: #fff; margin: 4px 0 8px; line-height: 1; }
.evt-mini-bar { width: 100%; height: 3px; border-radius: 100px; }

/* SCREEN 3: Form Builder */
.evt-builder-publish {
    padding: 20px; border: 1px solid rgba(209,232,249,.12); border-radius: 20px;
    background: rgba(255,255,255,.03); margin-bottom: 20px;
}
.evt-builder-publish h4 { margin: 0 0 14px; font-size: .95rem; font-weight: 600; color: #fff; }
.evt-publish-grid { display: grid; grid-template-columns: 1.2fr 1.5fr 1fr; gap: 14px; align-items: flex-end; }
.evt-input-field label { display: block; margin-bottom: 6px; font-size: .7rem; font-weight: 600; color: rgba(255,255,255,.7); }
.evt-input-field label em { color: #f87171; font-style: normal; }
.evt-input-field input, .evt-input-field textarea {
    width: 100%; padding: 9px 12px; border: 1px solid rgba(209,232,249,.16); border-radius: 10px;
    background: rgba(0,18,48,.4); color: #fff; font-size: .78rem; font-family: inherit;
}
.evt-slug-input { display: flex; align-items: center; border: 1px solid rgba(209,232,249,.16); border-radius: 10px; overflow: hidden; background: rgba(0,18,48,.4); }
.evt-slug-input span { padding: 9px 10px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.5); font-size: .75rem; }
.evt-slug-input input { border: 0; background: transparent; padding: 9px 10px; }
.evt-publish-toggle-box { display: flex; flex-direction: column; gap: 8px; }
.evt-toggle-row { display: flex; align-items: center; gap: 8px; }
.evt-toggle-row small { font-size: .68rem; color: rgba(255,255,255,.65); }
.evt-switch {
    width: 32px; height: 18px; border-radius: 100px; display: inline-block; position: relative;
    cursor: pointer;
}
.evt-switch.is-on { background: #0284c7; }
.evt-switch.is-on::after {
    content: ""; position: absolute; right: 2px; top: 2px; width: 14px; height: 14px;
    border-radius: 50%; background: #fff;
}
.evt-switch.is-off { background: #64748b; }
.evt-switch.is-off::after {
    content: ""; position: absolute; left: 2px; top: 2px; width: 14px; height: 14px;
    border-radius: 50%; background: #fff;
}

/* Builder Split: Left Tree + Right Editor */
.evt-builder-split { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 16px; }
.evt-builder-tree, .evt-builder-editor {
    padding: 20px; border: 1px solid rgba(209,232,249,.12); border-radius: 20px;
    background: rgba(255,255,255,.03);
}
.evt-builder-tree__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.evt-builder-tree__head h4 { margin: 0; font-size: .9rem; font-weight: 600; color: #fff; }
.evt-builder-tree__head small { font-size: .68rem; color: rgba(255,255,255,.5); }
.evt-q-list { display: grid; gap: 6px; }
.evt-q-item {
    display: flex; align-items: center; gap: 8px; padding: 9px 10px;
    border: 1px solid rgba(209,232,249,.1); border-radius: 10px; font-size: .74rem;
    color: rgba(255,255,255,.75); background: rgba(255,255,255,.02);
}
.evt-q-item.is-selected {
    background: rgba(132,204,22,.15); border-color: rgba(132,204,22,.35); color: #fff;
}
.evt-q-num {
    display: grid; place-items: center; width: 18px; height: 18px; border-radius: 5px;
    background: rgba(255,255,255,.08); font-size: .65rem; font-weight: 700;
}
.evt-q-title { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.evt-q-actions { display: flex; gap: 4px; font-size: .7rem; opacity: .6; }

/* Editor */
.evt-editor-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.evt-editor-head h4 { margin: 0; font-size: .95rem; font-weight: 600; color: #fff; }
.evt-editor-meta-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr auto; gap: 12px; align-items: flex-end; }
.evt-select-box {
    display: flex; justify-content: space-between; align-items: center; padding: 9px 12px;
    border: 1px solid rgba(209,232,249,.16); border-radius: 10px; background: rgba(0,18,48,.4);
    font-size: .78rem; color: #fff; cursor: pointer;
}
.evt-checkbox-field { display: flex; align-items: center; gap: 6px; padding-bottom: 10px; font-size: .75rem; color: #fff; }
.evt-lang-tabs { display: flex; gap: 6px; margin-top: 16px; border-bottom: 1px solid rgba(209,232,249,.1); padding-bottom: 10px; }
.evt-lang-tab {
    padding: 5px 12px; border-radius: 8px; font-size: .72rem; font-weight: 600;
    color: rgba(255,255,255,.6); cursor: pointer;
}
.evt-lang-tab.is-active { background: #88b01c; color: #fff; }
.evt-options-box { margin-top: 16px; padding: 14px; border: 1px solid rgba(209,232,249,.1); border-radius: 14px; background: rgba(0,27,69,.2); }
.evt-options-box__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.evt-options-box__head strong { font-size: .8rem; color: #fff; }
.evt-options-list { display: grid; gap: 8px; }
.evt-opt-item { display: flex; align-items: center; gap: 8px; }
.evt-opt-num { font-size: .7rem; color: rgba(255,255,255,.5); font-weight: 600; width: 14px; }
.evt-opt-item input { flex: 1; padding: 8px 10px; border: 1px solid rgba(209,232,249,.12); border-radius: 8px; background: rgba(0,18,48,.4); color: #fff; font-size: .75rem; }
.evt-opt-item i { color: #f87171; cursor: pointer; font-size: .85rem; }
.evt-conditional-box {
    display: flex; justify-content: space-between; align-items: center; margin-top: 16px;
    padding: 12px 14px; border: 1px solid rgba(209,232,249,.1); border-radius: 12px;
}
.evt-conditional-box strong { display: block; font-size: .78rem; color: #fff; }
.evt-conditional-box small { font-size: .68rem; color: rgba(255,255,255,.5); }

/* Workflow Section below Cockpit */
.evt-platform__workflow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 26px; list-style: none; }
.evt-platform__workflow li {
    display: flex; gap: 14px; align-items: flex-start; padding: 20px 22px;
    border: 1px solid rgba(209,232,249,.13); border-radius: 18px;
    background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(0,27,69,.25));
    transition: transform .25s var(--ease);
}
.evt-platform__workflow li:hover { transform: translateY(-3px); border-color: rgba(144,196,239,.3); }
.evt-platform__wf-icon {
    display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px;
    background: rgba(144,196,239,.15); color: #90c4ef; font-size: 1rem; flex-shrink: 0;
}
.evt-platform__workflow strong { display: block; color: #fff; font-size: .88rem; font-weight: 600; }
.evt-platform__workflow p { margin-top: 4px; font-size: .76rem; color: rgba(255,255,255,.55); line-height: 1.5; }

/* Technology */
.evt-platform__technology {
    display: grid; grid-template-columns: 240px 1fr; gap: 28px; align-items: center;
    margin-top: 36px; padding-top: 28px; border-top: 1px solid rgba(209,232,249,.13);
}
.evt-platform__technology > span { color: #90c4ef; font-size: .72rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.evt-platform__technology > div { display: flex; flex-wrap: wrap; gap: 8px; }
.evt-platform__technology > div span {
    padding: 7px 14px; border: 1px solid rgba(209,232,249,.14); border-radius: 100px;
    color: rgba(255,255,255,.8); background: rgba(255,255,255,.04); font-size: .74rem; font-weight: 500;
}

/* ─── Light theme overrides for evt-platform ─── */
html[data-theme="light"] .evt-platform {
    color: #1b2838; border-color: rgba(0,45,114,.13);
    background:
        radial-gradient(circle at 92% 10%, rgba(74,146,216,.14), transparent 28%),
        radial-gradient(circle at 8% 80%, rgba(144,196,239,.12), transparent 30%),
        linear-gradient(155deg, #f7fbff 0%, #e8f3fc 48%, #d1e8f9 100%);
    box-shadow: 0 28px 80px rgba(0,45,114,.08);
}
html[data-theme="light"] .evt-platform::before { background-image: linear-gradient(rgba(0,45,114,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0,45,114,.035) 1px, transparent 1px); }
html[data-theme="light"] .evt-platform__header .nh-kicker { color: #002d72; }
html[data-theme="light"] .evt-platform__header .nh-kicker::before { background: #002d72; }
html[data-theme="light"] .evt-platform__header h2 { color: #15243a; }
html[data-theme="light"] .evt-platform__header p { color: #505d6c; }
html[data-theme="light"] .evt-platform__website { color: #002d72; border-color: rgba(0,45,114,.15); background: rgba(255,255,255,.6); }
html[data-theme="light"] .evt-platform__website:hover { color: #fff; background: #002d72; }
html[data-theme="light"] .evt-platform__features article { border-color: rgba(0,45,114,.1); background: rgba(255,255,255,.7); box-shadow: inset 0 1px 0 #fff, 0 18px 42px rgba(0,45,114,.05); }
html[data-theme="light"] .evt-platform__features article:hover { border-color: rgba(0,45,114,.24); background: rgba(255,255,255,.95); }
html[data-theme="light"] .evt-platform__features h3 { color: #15243a; }
html[data-theme="light"] .evt-platform__features p { color: #5e6e7f; }
html[data-theme="light"] .evt-platform__cockpit {
    border-color: rgba(0,45,114,.11); background: #f8fafc;
    box-shadow: 0 28px 70px rgba(0,45,114,.1), inset 0 1px #fff;
}
html[data-theme="light"] .evt-platform__topbar {
    background: #edf2f7; border-color: rgba(0,45,114,.09);
}
html[data-theme="light"] .evt-tab-btn {
    background: rgba(0,45,114,.06); color: #475569;
}
html[data-theme="light"] .evt-tab-btn:hover { background: rgba(0,45,114,.12); color: #002d72; }
html[data-theme="light"] .evt-tab-btn.is-active {
    background: #002d72; color: #fff; border-color: #002d72;
}
html[data-theme="light"] .evt-platform__icon-btn {
    background: rgba(0,45,114,.06); color: #475569;
}
html[data-theme="light"] .evt-platform__icon-btn:hover { background: rgba(0,45,114,.12); color: #002d72; }
html[data-theme="light"] .evt-platform__user-badge {
    border-color: rgba(0,45,114,.1); background: #fff;
}
html[data-theme="light"] .evt-platform__user-badge strong { color: #15243a; }
html[data-theme="light"] .evt-platform__user-badge small { color: #002d72; }
html[data-theme="light"] .evt-platform__rail {
    border-color: rgba(0,45,114,.09); background: #f1f5f9;
}
html[data-theme="light"] .evt-platform__brand { border-color: rgba(0,45,114,.09); }
html[data-theme="light"] .evt-platform__rail-toggle {
    border-color: rgba(0,45,114,.1); background: #fff; color: #475569;
}
html[data-theme="light"] .evt-nav-item { color: #475569; }
html[data-theme="light"] .evt-nav-item:hover { background: rgba(0,45,114,.06); color: #002d72; }
html[data-theme="light"] .evt-nav-item.is-active {
    background: #fff; color: #002d72; border-color: rgba(0,45,114,.12);
    box-shadow: 0 2px 6px rgba(0,45,114,.06);
}
html[data-theme="light"] .evt-nav-item i { color: #002d72; }
html[data-theme="light"] .evt-screen__title-row h3 { color: #15243a; }
html[data-theme="light"] .evt-screen__sub { color: #5e6e7f; }
html[data-theme="light"] .evt-actions-bar { border-color: rgba(0,45,114,.09); }
html[data-theme="light"] .evt-btn--outline {
    background: #fff; border-color: rgba(0,45,114,.14); color: #334155;
}
html[data-theme="light"] .evt-campaign-details,
html[data-theme="light"] .evt-table-card,
html[data-theme="light"] .evt-dash-stat,
html[data-theme="light"] .evt-chart-card,
html[data-theme="light"] .evt-alert-card,
html[data-theme="light"] .evt-dist-card,
html[data-theme="light"] .evt-mini-stat,
html[data-theme="light"] .evt-builder-publish,
html[data-theme="light"] .evt-builder-tree,
html[data-theme="light"] .evt-builder-editor {
    border-color: rgba(0,45,114,.09); background: #fff; box-shadow: 0 4px 16px rgba(0,45,114,.035);
}
html[data-theme="light"] .evt-campaign-details h4,
html[data-theme="light"] .evt-table-card__head h4,
html[data-theme="light"] .evt-chart-card__head h4,
html[data-theme="light"] .evt-alert-card__head h4,
html[data-theme="light"] .evt-dist-card__head h4,
html[data-theme="light"] .evt-builder-publish h4,
html[data-theme="light"] .evt-builder-tree__head h4,
html[data-theme="light"] .evt-editor-head h4 { color: #15243a; }
html[data-theme="light"] .evt-detail-item {
    border-color: rgba(0,45,114,.08); background: #f8fafc;
}
html[data-theme="light"] .evt-detail-item span { color: #64748b; }
html[data-theme="light"] .evt-detail-item strong { color: #15243a; }
html[data-theme="light"] .evt-table th { color: #64748b; border-color: rgba(0,45,114,.08); }
html[data-theme="light"] .evt-table td { border-color: rgba(0,45,114,.06); }
html[data-theme="light"] .evt-user-cell strong { color: #15243a; }
html[data-theme="light"] .evt-user-cell small { color: #64748b; }
html[data-theme="light"] .evt-lang-tag { background: #e2e8f0; color: #1e293b; }
html[data-theme="light"] .evt-icon-act { background: #f1f5f9; color: #475569; }
html[data-theme="light"] .evt-icon-act:hover { background: #e2e8f0; color: #0f172a; }
html[data-theme="light"] .evt-submission-row {
    border-color: rgba(0,45,114,.08); background: #f8fafc;
}
html[data-theme="light"] .evt-submission-row strong { color: #15243a; }
html[data-theme="light"] .evt-submission-row small { color: #64748b; }
html[data-theme="light"] .evt-dash-stat__top { color: #64748b; }
html[data-theme="light"] .evt-dash-stat__val { color: #15243a; }
html[data-theme="light"] .evt-dash-stat__val small { color: #64748b; }
html[data-theme="light"] .evt-bars-col { background: #f8fafc; }
html[data-theme="light"] .evt-bars-label { color: #334155; }
html[data-theme="light"] .evt-bar-item span { color: #64748b; }
html[data-theme="light"] .evt-alert-card__center strong { color: #15243a; }
html[data-theme="light"] .evt-alert-card__center p { color: #64748b; }
html[data-theme="light"] .evt-dist-lbl { color: #334155; }
html[data-theme="light"] .evt-dist-row strong { color: #15243a; }
html[data-theme="light"] .evt-progress-bar { background: #e2e8f0; }
html[data-theme="light"] .evt-mini-stat span { color: #64748b; }
html[data-theme="light"] .evt-mini-stat strong { color: #15243a; }
html[data-theme="light"] .evt-input-field label { color: #334155; }
html[data-theme="light"] .evt-input-field input,
html[data-theme="light"] .evt-input-field textarea,
html[data-theme="light"] .evt-slug-input {
    border-color: #cbd5e1; background: #fff; color: #0f172a;
}
html[data-theme="light"] .evt-slug-input span { background: #f1f5f9; color: #64748b; }
html[data-theme="light"] .evt-select-box {
    border-color: #cbd5e1; background: #fff; color: #0f172a;
}
html[data-theme="light"] .evt-checkbox-field { color: #0f172a; }
html[data-theme="light"] .evt-lang-tabs { border-color: rgba(0,45,114,.08); }
html[data-theme="light"] .evt-lang-tab { color: #64748b; }
html[data-theme="light"] .evt-lang-tab.is-active { background: #88b01c; color: #fff; }
html[data-theme="light"] .evt-options-box {
    border-color: rgba(0,45,114,.08); background: #f8fafc;
}
html[data-theme="light"] .evt-options-box__head strong { color: #15243a; }
html[data-theme="light"] .evt-opt-item input {
    border-color: #cbd5e1; background: #fff; color: #0f172a;
}
html[data-theme="light"] .evt-conditional-box {
    border-color: rgba(0,45,114,.08); background: #f8fafc;
}
html[data-theme="light"] .evt-conditional-box strong { color: #15243a; }
html[data-theme="light"] .evt-conditional-box small { color: #64748b; }
html[data-theme="light"] .evt-q-item {
    border-color: #e2e8f0; background: #f8fafc; color: #334155;
}
html[data-theme="light"] .evt-q-item.is-selected {
    border-color: #88b01c; background: #f4fce3; color: #365314;
}
html[data-theme="light"] .evt-platform__workflow li { border-color: rgba(0,45,114,.09); background: rgba(255,255,255,.7); box-shadow: inset 0 1px #fff; }
html[data-theme="light"] .evt-platform__wf-icon { background: rgba(0,45,114,.08); color: #002d72; }
html[data-theme="light"] .evt-platform__workflow strong { color: #15243a; }
html[data-theme="light"] .evt-platform__workflow p { color: #5f7083; }
html[data-theme="light"] .evt-platform__technology { border-color: rgba(0,45,114,.1); }
html[data-theme="light"] .evt-platform__technology > span { color: #002d72; }
html[data-theme="light"] .evt-platform__technology > div span { color: #002d72; border-color: rgba(0,45,114,.12); background: rgba(255,255,255,.62); }

/* ─── Uniestro UCG Mobile Marketplace & Referral Platform ─── */
.ucg-app-section { padding-top: 28px; }
.ucg-app {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(34px, 4.5vw, 60px); border: 1px solid rgba(0,180,197,.22);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 18% 18%, rgba(0,180,197,.15), transparent 32%),
        radial-gradient(circle at 82% 80%, rgba(14,159,110,.14), transparent 35%),
        linear-gradient(150deg, #0b1523 0%, #132238 52%, #0e1c2e 100%);
    box-shadow: 0 36px 100px rgba(11,21,35,.45);
}
.ucg-app::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(0,180,197,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,180,197,.04) 1px, transparent 1px);
    background-size: 40px 40px; mask-image: linear-gradient(145deg, #000, transparent 80%);
}
.ucg-app__header {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 36px;
    flex-wrap: wrap; margin-bottom: 44px;
}
.ucg-app__header-lead { max-width: 720px; }
.ucg-app__brand-badge {
    display: flex; align-items: center; gap: 16px; margin-bottom: 14px;
}
.ucg-app__brand-badge img {
    border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.35); flex-shrink: 0;
}
.ucg-app__brand-badge .nh-kicker { color: #00b4c5; }
.ucg-app__brand-badge .nh-kicker::before { background: #00b4c5; }
.ucg-app__header h2 {
    margin: 6px 0 0; color: #fff; font-size: clamp(2rem, 3.8vw, 3.2rem);
    font-weight: 300; line-height: 1.1; letter-spacing: -.03em;
}
.ucg-app__header p {
    color: rgba(255,255,255,.7); font-size: 1.05rem; font-weight: 300;
    line-height: 1.7; margin-top: 14px;
}
.ucg-app__header-actions {
    display: flex; flex-direction: column; align-items: flex-end; gap: 14px;
}
.ucg-app__website-btn {
    display: inline-flex; align-items: center; gap: 10px; padding: 13px 22px;
    border-radius: 100px; background: linear-gradient(135deg, #00b4c5, #0e9f6e);
    color: #fff; font-weight: 600; font-size: .85rem; text-decoration: none;
    box-shadow: 0 8px 24px rgba(0,180,197,.3); transition: transform .25s var(--ease), box-shadow .25s;
}
.ucg-app__website-btn:hover {
    transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,180,197,.45); color: #fff;
}
.ucg-app__store-badges { display: flex; gap: 10px; flex-wrap: wrap; }
.ucg-app__store-badge {
    display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px;
    border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
    font-size: .82rem; color: rgba(255,255,255,.85);
}
.ucg-app__store-badge i { font-size: 1.3rem; color: #fff; }
.ucg-app__store-badge small { display: block; font-size: .66rem; text-transform: uppercase; color: rgba(255,255,255,.5); }
.ucg-app__store-badge strong { font-weight: 600; }

/* Pillars */
.ucg-app__pillars {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-bottom: 36px;
}
.ucg-app__pillar-card {
    padding: 24px 22px; border-radius: 20px; background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08); transition: transform .25s var(--ease), border-color .25s, background .25s;
}
.ucg-app__pillar-card:hover {
    transform: translateY(-4px); background: rgba(255,255,255,.07); border-color: rgba(0,180,197,.35);
}
.ucg-app__pillar-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.ucg-app__pillar-icon {
    width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center;
    font-size: 1.25rem; background: rgba(0,180,197,.14); color: #00b4c5;
}
.ucg-app__pillar-tag {
    font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em;
    padding: 4px 10px; border-radius: 100px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.7);
}
.ucg-app__pillar-card h3 { font-size: 1.05rem; font-weight: 600; margin-bottom: 8px; color: #fff; }
.ucg-app__pillar-card p { font-size: .88rem; line-height: 1.6; color: rgba(255,255,255,.62); margin: 0; }

/* Proof signals */
.ucg-app__signals {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 40px;
}
.ucg-app__signal-card {
    padding: 20px 22px; border-radius: 18px; background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08); position: relative; overflow: hidden;
}
.ucg-app__signal-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.ucg-app__signal--emerald::before { background: #0e9f6e; }
.ucg-app__signal--amber::before { background: #c8920c; }
.ucg-app__signal--cyan::before { background: #00b4c5; }
.ucg-app__signal--purple::before { background: #8b5cf6; }
.ucg-app__signal-badge { font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.5); font-family: monospace; }
.ucg-app__signal-val { font-size: 1.55rem; font-weight: 700; color: #fff; margin: 6px 0 8px; letter-spacing: -.02em; }
.ucg-app__signal-foot { display: flex; align-items: center; gap: 8px; font-size: .8rem; }
.ucg-app__signal-status {
    padding: 2px 8px; border-radius: 100px; font-weight: 600; font-size: .72rem;
    background: rgba(14,159,110,.18); color: #0e9f6e;
}
.ucg-app__signal-sub { color: rgba(255,255,255,.6); font-size: .78rem; }

/* Showcase frame */
.ucg-app__showcase {
    border-radius: 28px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08);
    padding: 34px 34px 38px; margin-bottom: 38px;
}
.ucg-app__showcase-head {
    display: flex; justify-content: space-between; align-items: flex-end; gap: 20px;
    flex-wrap: wrap; margin-bottom: 32px; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.08);
}
.ucg-app__showcase-head .nh-kicker { color: #00b4c5; }
.ucg-app__showcase-head .nh-kicker::before { background: #00b4c5; }
.ucg-app__showcase-head h3 { font-size: 1.35rem; font-weight: 400; color: #fff; margin-top: 4px; }
.ucg-app__screen-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.ucg-tab-btn {
    padding: 9px 16px; border-radius: 100px; background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.75); font-size: .85rem;
    font-weight: 500; cursor: pointer; transition: all .2s var(--ease); display: inline-flex; align-items: center; gap: 8px;
}
.ucg-tab-btn span { font-family: monospace; font-size: .75rem; opacity: .7; }
.ucg-tab-btn:hover { background: rgba(255,255,255,.12); color: #fff; }
.ucg-tab-btn.is-active {
    background: linear-gradient(135deg, #00b4c5, #002d72); border-color: #00b4c5;
    color: #fff; font-weight: 600; box-shadow: 0 4px 16px rgba(0,180,197,.3);
}
.ucg-screen-panel { display: none; }
.ucg-screen-panel.is-visible { display: block; animation: evtFadeIn .3s ease both; }
.ucg-screen-card {
    display: grid; grid-template-columns: 320px 1fr; gap: 52px; align-items: center;
}
.ucg-screen-media { display: flex; justify-content: center; align-items: center; }
.ucg-screen-media img {
    max-height: 520px; width: auto; max-width: 100%; border-radius: 36px;
    box-shadow: 0 24px 60px rgba(0,0,0,.6), 0 4px 18px rgba(0,0,0,.35);
    transition: transform .3s ease;
}
.ucg-screen-media:hover img { transform: scale(1.02); }
.ucg-screen-num {
    display: inline-block; font-family: monospace; font-size: .8rem;
    text-transform: uppercase; color: #00b4c5; margin-bottom: 8px;
}
.ucg-screen-info h4 { font-size: 1.65rem; font-weight: 600; color: #fff; margin-bottom: 12px; letter-spacing: -.02em; }
.ucg-screen-info p { font-size: 1.02rem; line-height: 1.65; color: rgba(255,255,255,.7); margin-bottom: 24px; max-width: 48ch; }
.ucg-screen-features { display: flex; flex-direction: column; gap: 12px; }
.ucg-screen-features div {
    display: flex; align-items: center; gap: 12px; font-size: .92rem; color: rgba(255,255,255,.85);
    padding: 12px 16px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07);
}
.ucg-screen-features i { color: #00b4c5; font-size: 1.15rem; flex-shrink: 0; }

/* Categories */
.ucg-app__categories {
    padding: 24px 28px; border-radius: 20px; background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.07); margin-bottom: 32px; display: flex;
    align-items: center; gap: 24px; flex-wrap: wrap;
}
.ucg-app__cat-label {
    display: flex; align-items: center; gap: 10px; font-size: .92rem; font-weight: 600;
    color: #fff; white-space: nowrap;
}
.ucg-app__cat-label i { color: #c8920c; font-size: 1.1rem; }
.ucg-app__cat-chips { display: flex; gap: 8px; flex-wrap: wrap; flex: 1; }
.ucg-app__cat-chips span {
    padding: 6px 14px; border-radius: 100px; background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.09); font-size: .8rem; color: rgba(255,255,255,.75);
}

/* Technology */
.ucg-app__technology {
    display: flex; justify-content: space-between; align-items: center; gap: 20px;
    flex-wrap: wrap; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.08);
    font-size: .85rem; color: rgba(255,255,255,.5);
}
.ucg-app__technology > span { text-transform: uppercase; font-size: .72rem; letter-spacing: .12em; color: #00b4c5; font-weight: 600; }
.ucg-app__technology > div { display: flex; gap: 8px; flex-wrap: wrap; }
.ucg-app__technology > div span {
    padding: 5px 12px; border-radius: 8px; background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.75); font-size: .78rem;
}

/* Light theme overrides for ucg-app */
html[data-theme="light"] .ucg-app {
    color: #1b2838; border-color: rgba(0,180,197,.2);
    background:
        radial-gradient(circle at 18% 18%, rgba(0,180,197,.1), transparent 30%),
        radial-gradient(circle at 82% 80%, rgba(14,159,110,.08), transparent 30%),
        linear-gradient(155deg, #f8fbfe 0%, #eef6fc 50%, #e2effa 100%);
    box-shadow: 0 28px 80px rgba(0,45,114,.08);
}
html[data-theme="light"] .ucg-app::before {
    background-image: linear-gradient(rgba(0,45,114,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,45,114,.04) 1px, transparent 1px);
}
html[data-theme="light"] .ucg-app__header h2,
html[data-theme="light"] .ucg-app__showcase-head h3,
html[data-theme="light"] .ucg-app__pillar-card h3,
html[data-theme="light"] .ucg-app__signal-val,
html[data-theme="light"] .ucg-screen-info h4,
html[data-theme="light"] .ucg-app__cat-label { color: #0b1523; }
html[data-theme="light"] .ucg-app__header p,
html[data-theme="light"] .ucg-screen-info p { color: #475569; }
html[data-theme="light"] .ucg-app__pillar-card {
    background: #fff; border-color: rgba(0,45,114,.08); box-shadow: 0 4px 16px rgba(0,45,114,.04);
}
html[data-theme="light"] .ucg-app__pillar-card p { color: #506173; }
html[data-theme="light"] .ucg-app__pillar-tag { background: #f1f5f9; color: #475569; }
html[data-theme="light"] .ucg-app__signal-card {
    background: #fff; border-color: rgba(0,45,114,.08); box-shadow: 0 4px 16px rgba(0,45,114,.04);
}
html[data-theme="light"] .ucg-app__signal-badge { color: #64748b; }
html[data-theme="light"] .ucg-app__signal-sub { color: #64748b; }
html[data-theme="light"] .ucg-app__showcase {
    background: #fff; border-color: rgba(0,45,114,.08); box-shadow: 0 8px 24px rgba(0,45,114,.05);
}
html[data-theme="light"] .ucg-tab-btn {
    background: #f1f5f9; border-color: #cbd5e1; color: #334155;
}
html[data-theme="light"] .ucg-tab-btn:hover { background: #e2e8f0; color: #0f172a; }
html[data-theme="light"] .ucg-tab-btn.is-active {
    background: linear-gradient(135deg, #00b4c5, #002d72); color: #fff; border-color: #00b4c5;
}
html[data-theme="light"] .ucg-screen-features div {
    background: #f8fafc; border-color: #e2e8f0; color: #334155;
}
html[data-theme="light"] .ucg-app__categories {
    background: #fff; border-color: rgba(0,45,114,.08);
}
html[data-theme="light"] .ucg-app__cat-chips span {
    background: #f1f5f9; border-color: #cbd5e1; color: #334155;
}
html[data-theme="light"] .ucg-app__store-badge {
    background: #fff; border-color: rgba(0,45,114,.1); color: #0b1523;
}
html[data-theme="light"] .ucg-app__store-badge i { color: #002d72; }
html[data-theme="light"] .ucg-app__store-badge small { color: #64748b; }
html[data-theme="light"] .ucg-app__technology > div span {
    background: #fff; border-color: rgba(0,45,114,.1); color: #002d72;
}

/* ════════════════════ UNIESTRO ECOSYSTEM SUITE ════════════════════ */
.ue-suite-section { padding-top: 28px; }
.ue-suite {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(36px, 5vw, 68px); border: 1px solid rgba(200,146,12,.22);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 14% 18%, rgba(200,146,12,.15), transparent 32%),
        radial-gradient(circle at 86% 22%, rgba(0,180,197,.14), transparent 34%),
        radial-gradient(circle at 50% 88%, rgba(14,159,110,.12), transparent 36%),
        linear-gradient(155deg, #090d16 0%, #111a2c 52%, #080c14 100%);
    box-shadow: 0 36px 110px rgba(0,0,0,.5);
}
.ue-suite::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 48px 48px; mask-image: radial-gradient(ellipse 90% 90% at 50% 30%, #000 20%, transparent 80%);
}
.ue-suite__header {
    display: flex; justify-content: space-between; align-items: flex-end;
    gap: 36px; margin-bottom: 44px; flex-wrap: wrap;
}
.ue-suite__header-lead { max-width: 740px; }
.ue-suite__badge { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }
.ue-suite__swiss-flag {
    width: 44px; height: 44px; border-radius: 12px; background: #dc2626; color: #fff;
    display: grid; place-items: center; font-size: 1.3rem; font-weight: 900;
    box-shadow: 0 4px 16px rgba(220,38,38,.4); flex-shrink: 0;
}
.ue-suite__badge .nh-kicker { color: #f59e0b; }
.ue-suite__badge .nh-kicker::before { background: #f59e0b; }
.ue-suite__header h2 {
    font-size: clamp(2rem, 3.4vw, 2.7rem); font-weight: 300;
    letter-spacing: -.02em; line-height: 1.15; margin: 4px 0 0;
}
.ue-suite__header p {
    color: rgba(255,255,255,.68); font-size: 1.05rem; line-height: 1.65;
    margin: 16px 0 0; font-weight: 300;
}
.ue-suite__header-actions { display: flex; flex-direction: column; gap: 12px; align-items: flex-end; }
.ue-suite__btn-primary {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 13px 26px; border-radius: 100px;
    background: linear-gradient(135deg, #c8920c, #d97706);
    color: #fff; font-weight: 600; font-size: .92rem;
    box-shadow: 0 10px 28px rgba(200,146,12,.3);
    transition: transform .25s ease, box-shadow .25s ease;
    text-decoration: none;
}
.ue-suite__btn-primary:hover {
    transform: translateY(-2px); box-shadow: 0 14px 34px rgba(200,146,12,.42); color: #fff;
}
.ue-suite__quicklinks { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.ue-quicklink {
    font-family: monospace; font-size: .75rem; color: rgba(255,255,255,.6);
    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
    padding: 4px 10px; border-radius: 100px; text-decoration: none;
    transition: all .2s ease;
}
.ue-quicklink:hover {
    color: #f59e0b; border-color: rgba(245,158,11,.4); background: rgba(245,158,11,.1);
    transform: translateY(-1px);
}

/* Core Matrix Banner */
.ue-suite__matrix {
    position: relative; border-radius: 24px; padding: 26px 30px;
    background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09);
    margin-bottom: 34px; overflow: hidden;
}
.ue-suite__matrix-head {
    display: flex; justify-content: space-between; align-items: center;
    gap: 20px; flex-wrap: wrap;
}
.ue-suite__matrix-brand { display: flex; align-items: center; gap: 14px; }
.ue-suite__matrix-icon {
    width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center;
    background: rgba(200,146,12,.14); color: #f59e0b; border: 1px solid rgba(200,146,12,.25);
    font-size: 1.25rem;
}
.ue-suite__matrix-tag {
    font-family: monospace; font-size: .72rem; text-transform: uppercase;
    letter-spacing: .12em; color: #f59e0b; display: block;
}
.ue-suite__matrix-head h3 { font-size: 1.15rem; font-weight: 600; margin: 3px 0 0; color: #fff; }
.ue-suite__matrix-pills { display: flex; gap: 8px; flex-wrap: wrap; }
.ue-pill {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 5px 12px; border-radius: 100px; font-size: .78rem; font-weight: 500;
    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.85);
}
.ue-dot { width: 6px; height: 6px; border-radius: 50%; }
.ue-pill--amber .ue-dot { background: #f59e0b; }
.ue-pill--cyan .ue-dot { background: #00b4c5; }
.ue-pill--emerald .ue-dot { background: #0e9f6e; }
.ue-pill--blue .ue-dot { background: #60a5fa; }
.ue-pill--purple .ue-dot { background: #a855f7; }
.ue-pill--slate .ue-dot { background: #94a3b8; }

/* 6 Pillars Grid */
.ue-suite__pillars {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 48px;
}
.ue-pillar-card {
    position: relative; border-radius: 24px; padding: 28px;
    background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08);
    display: flex; flex-direction: column; justify-content: space-between;
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.ue-pillar-card:hover {
    transform: translateY(-5px); border-color: rgba(255,255,255,.2);
    box-shadow: 0 16px 40px rgba(0,0,0,.35);
}
.ue-pillar-card__top {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 20px;
}
.ue-pillar-card__meta { display: flex; align-items: center; gap: 8px; }
.ue-pillar-card__num { font-family: monospace; font-size: .8rem; font-weight: 700; color: rgba(255,255,255,.45); }
.ue-pillar-card__sep { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.25); }
.ue-pillar-card__tag {
    font-family: monospace; font-size: .68rem; font-weight: 600; letter-spacing: .08em;
    padding: 3px 8px; border-radius: 100px;
}
.ue-pillar--amber .ue-pillar-card__tag { background: rgba(245,158,11,.15); color: #f59e0b; }
.ue-pillar--cyan .ue-pillar-card__tag { background: rgba(0,180,197,.15); color: #00b4c5; }
.ue-pillar--emerald .ue-pillar-card__tag { background: rgba(14,159,110,.15); color: #10b981; }
.ue-pillar--blue .ue-pillar-card__tag { background: rgba(59,130,246,.15); color: #60a5fa; }
.ue-pillar--purple .ue-pillar-card__tag { background: rgba(168,85,247,.15); color: #c084fc; }
.ue-pillar--slate .ue-pillar-card__tag { background: rgba(148,163,184,.15); color: #cbd5e1; }

.ue-pillar-card__role { font-family: monospace; font-size: .7rem; color: rgba(255,255,255,.45); text-transform: uppercase; }
.ue-pillar-card__body { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
.ue-pillar-card__icon-box {
    width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center;
    font-size: 1.3rem; flex-shrink: 0; color: #fff;
}
.ue-pillar--amber .ue-pillar-card__icon-box { background: linear-gradient(135deg, #f59e0b, #b45309); box-shadow: 0 6px 18px rgba(245,158,11,.25); }
.ue-pillar--cyan .ue-pillar-card__icon-box { background: linear-gradient(135deg, #06b6d4, #0891b2); box-shadow: 0 6px 18px rgba(6,182,212,.25); }
.ue-pillar--emerald .ue-pillar-card__icon-box { background: linear-gradient(135deg, #10b981, #047857); box-shadow: 0 6px 18px rgba(16,185,129,.25); }
.ue-pillar--blue .ue-pillar-card__icon-box { background: linear-gradient(135deg, #3b82f6, #1d4ed8); box-shadow: 0 6px 18px rgba(59,130,246,.25); }
.ue-pillar--purple .ue-pillar-card__icon-box { background: linear-gradient(135deg, #a855f7, #6d28d9); box-shadow: 0 6px 18px rgba(168,85,247,.25); }
.ue-pillar--slate .ue-pillar-card__icon-box { background: linear-gradient(135deg, #64748b, #334155); box-shadow: 0 6px 18px rgba(100,116,139,.25); }

.ue-pillar-card__body h3 { font-size: 1.15rem; font-weight: 700; margin: 0 0 4px; color: #fff; }
.ue-pillar-card__sub { font-size: .86rem; color: rgba(255,255,255,.62); margin: 0; }

.ue-pillar-card__features { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 22px; }
.ue-pillar-feature {
    display: inline-flex; align-items: center; gap: 5px;
    font-size: .78rem; padding: 4px 9px; border-radius: 8px;
    background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07);
    color: rgba(255,255,255,.8);
}
.ue-pillar-feature i { color: #10b981; font-size: .85rem; }

.ue-pillar-card__foot {
    display: flex; justify-content: space-between; align-items: center;
    padding-top: 16px; border-top: 1px solid rgba(255,255,255,.08);
}
.ue-pillar-card__bar { height: 3px; width: 26px; border-radius: 100px; }
.ue-pillar--amber .ue-pillar-card__bar { background: #f59e0b; }
.ue-pillar--cyan .ue-pillar-card__bar { background: #00b4c5; }
.ue-pillar--emerald .ue-pillar-card__bar { background: #10b981; }
.ue-pillar--blue .ue-pillar-card__bar { background: #3b82f6; }
.ue-pillar--purple .ue-pillar-card__bar { background: #a855f7; }
.ue-pillar--slate .ue-pillar-card__bar { background: #64748b; }

.ue-pillar-card__link {
    display: inline-flex; align-items: center; gap: 5px; font-family: monospace;
    font-size: .8rem; font-weight: 600; color: #fff; text-decoration: none;
    transition: color .2s, transform .2s;
}
.ue-pillar-card__link:hover { color: #f59e0b; transform: translateX(2px); }

/* Software Products Showcase */
.ue-suite__products {
    border-radius: 28px; padding: 36px;
    background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.08);
    margin-bottom: 48px;
}
.ue-suite__products-head {
    display: flex; justify-content: space-between; align-items: flex-end;
    margin-bottom: 28px; gap: 20px; flex-wrap: wrap;
}
.ue-suite__products-head .nh-kicker { color: #00b4c5; }
.ue-suite__products-head .nh-kicker::before { background: #00b4c5; }
.ue-suite__products-head h3 { font-size: 1.35rem; font-weight: 400; color: #fff; margin-top: 4px; }
.ue-products-counter {
    font-family: monospace; font-size: .78rem; color: #00b4c5;
    background: rgba(0,180,197,.12); border: 1px solid rgba(0,180,197,.24);
    padding: 5px 14px; border-radius: 100px;
}

.ue-suite__products-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
}
.ue-product-card {
    border-radius: 18px; padding: 22px;
    background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07);
    display: flex; flex-direction: column; justify-content: space-between;
    transition: transform .25s ease, border-color .25s ease;
}
.ue-product-card:hover { transform: translateY(-4px); border-color: rgba(0,180,197,.3); }
.ue-product-card__head { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.ue-product-card__icon {
    width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center;
    background: rgba(255,255,255,.06); color: #f59e0b; font-size: 1.25rem;
    border: 1px solid rgba(255,255,255,.1); flex-shrink: 0;
}
.ue-product-card__title-row { display: flex; align-items: center; gap: 8px; }
.ue-product-card__title-row h4 { font-size: 1rem; font-weight: 700; color: #fff; margin: 0; }
.ue-status-pill {
    font-size: .62rem; text-transform: uppercase; font-family: monospace;
    padding: 2px 7px; border-radius: 100px; background: rgba(14,159,110,.18);
    color: #10b981; border: 1px solid rgba(14,159,110,.3);
}
.ue-product-card__cat { font-size: .75rem; color: rgba(255,255,255,.5); display: block; margin-top: 2px; }
.ue-product-card__desc { font-size: .84rem; line-height: 1.55; color: rgba(255,255,255,.65); margin: 0 0 16px; }
.ue-product-card__foot {
    display: flex; justify-content: space-between; align-items: center;
    padding-top: 14px; border-top: 1px solid rgba(255,255,255,.06);
}
.ue-product-card__tags { display: flex; gap: 6px; flex-wrap: wrap; }
.ue-product-card__tags span {
    font-size: .72rem; padding: 3px 8px; border-radius: 6px;
    background: rgba(255,255,255,.05); color: rgba(255,255,255,.75);
}
.ue-product-card__link {
    color: #00b4c5; font-size: 1rem; transition: transform .2s ease, color .2s ease;
}
.ue-product-card__link:hover { color: #fff; transform: scale(1.15); }

/* Entities and Locations */
.ue-suite__entities {
    border-radius: 28px; padding: 36px;
    background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.08);
    margin-bottom: 40px;
}
.ue-suite__entities-head {
    display: flex; justify-content: space-between; align-items: flex-end;
    margin-bottom: 26px; gap: 20px; flex-wrap: wrap;
}
.ue-suite__entities-head .nh-kicker { color: #f59e0b; }
.ue-suite__entities-head .nh-kicker::before { background: #f59e0b; }
.ue-suite__entities-head h3 { font-size: 1.35rem; font-weight: 400; color: #fff; margin-top: 4px; }
.ue-suite__entities-stats { display: flex; gap: 24px; }
.ue-entity-stat strong { font-size: 1.4rem; color: #f59e0b; font-weight: 700; margin-right: 4px; }
.ue-entity-stat span { font-size: .8rem; color: rgba(255,255,255,.6); }

.ue-suite__entities-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
.ue-entity-card {
    border-radius: 16px; padding: 20px;
    background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07);
    transition: transform .2s ease;
}
.ue-entity-card:hover { transform: translateY(-3px); }
.ue-entity-card__head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.ue-entity-card__dot { width: 7px; height: 7px; border-radius: 50%; }
.ue-entity-card__dot--amber { background: #f59e0b; }
.ue-entity-card__dot--cyan { background: #00b4c5; }
.ue-entity-card__tag { font-family: monospace; font-size: .68rem; text-transform: uppercase; color: rgba(255,255,255,.45); }
.ue-entity-card h4 { font-size: .95rem; font-weight: 600; color: #fff; margin: 0 0 4px; }
.ue-entity-card p { font-size: .8rem; line-height: 1.5; color: rgba(255,255,255,.6); margin: 0; }

/* Technology Tags */
.ue-suite__technology {
    display: flex; justify-content: space-between; align-items: center; gap: 18px;
    flex-wrap: wrap; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.08);
    font-size: .85rem; color: rgba(255,255,255,.5);
}
.ue-suite__technology > span { text-transform: uppercase; font-size: .72rem; letter-spacing: .12em; color: #f59e0b; font-weight: 600; }
.ue-suite__technology > div { display: flex; gap: 8px; flex-wrap: wrap; }
.ue-suite__technology > div span {
    padding: 5px 12px; border-radius: 8px; background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.75); font-size: .78rem;
}

/* ════════════════════ LIGHT THEME FOR UE-SUITE ════════════════════ */
html[data-theme="light"] .ue-suite {
    color: #1b2838; border-color: rgba(200,146,12,.25);
    background:
        radial-gradient(circle at 14% 18%, rgba(200,146,12,.08), transparent 32%),
        radial-gradient(circle at 86% 22%, rgba(0,180,197,.08), transparent 34%),
        radial-gradient(circle at 50% 88%, rgba(14,159,110,.07), transparent 36%),
        linear-gradient(155deg, #fdfefe 0%, #f4f7fb 50%, #eaeff6 100%);
    box-shadow: 0 28px 80px rgba(0,45,114,.08);
}
html[data-theme="light"] .ue-suite::before {
    background-image: linear-gradient(rgba(0,45,114,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,45,114,.04) 1px, transparent 1px);
}
html[data-theme="light"] .ue-suite__header h2,
html[data-theme="light"] .ue-suite__matrix-head h3,
html[data-theme="light"] .ue-pillar-card__body h3,
html[data-theme="light"] .ue-suite__products-head h3,
html[data-theme="light"] .ue-product-card__title-row h4,
html[data-theme="light"] .ue-suite__entities-head h3,
html[data-theme="light"] .ue-entity-card h4,
html[data-theme="light"] .ue-pillar-card__link { color: #0b1523; }
html[data-theme="light"] .ue-suite__header p,
html[data-theme="light"] .ue-pillar-card__sub,
html[data-theme="light"] .ue-product-card__desc,
html[data-theme="light"] .ue-entity-card p { color: #475569; }
html[data-theme="light"] .ue-quicklink {
    background: #fff; border-color: rgba(0,45,114,.1); color: #475569;
}
html[data-theme="light"] .ue-suite__matrix {
    background: #fff; border-color: rgba(0,45,114,.09); box-shadow: 0 4px 16px rgba(0,45,114,.04);
}
html[data-theme="light"] .ue-pill {
    background: #f1f5f9; border-color: #cbd5e1; color: #334155;
}
html[data-theme="light"] .ue-pillar-card {
    background: #fff; border-color: rgba(0,45,114,.09); box-shadow: 0 4px 16px rgba(0,45,114,.04);
}
html[data-theme="light"] .ue-pillar-card__num { color: #64748b; }
html[data-theme="light"] .ue-pillar-card__role { color: #64748b; }
html[data-theme="light"] .ue-pillar-feature {
    background: #f8fafc; border-color: #e2e8f0; color: #334155;
}
html[data-theme="light"] .ue-suite__products,
html[data-theme="light"] .ue-suite__entities {
    background: #fff; border-color: rgba(0,45,114,.08); box-shadow: 0 8px 24px rgba(0,45,114,.05);
}
html[data-theme="light"] .ue-product-card,
html[data-theme="light"] .ue-entity-card {
    background: #f8fafc; border-color: #e2e8f0;
}
html[data-theme="light"] .ue-product-card__tags span {
    background: #fff; border: 1px solid #e2e8f0; color: #334155;
}
html[data-theme="light"] .ue-entity-stat span { color: #64748b; }
html[data-theme="light"] .ue-entity-card__tag { color: #64748b; }
html[data-theme="light"] .ue-suite__technology > div span {
    background: #fff; border-color: rgba(0,45,114,.1); color: #002d72;
}

/* ════════════════════ IMMONI PROPTECH SUITE ════════════════════ */
.im-suite-section { padding-top: 28px; }
.im-suite {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(36px, 5vw, 68px); border: 1px solid rgba(168,85,247,.22);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 14% 18%, rgba(168,85,247,.16), transparent 32%),
        radial-gradient(circle at 86% 22%, rgba(16,185,129,.14), transparent 34%),
        radial-gradient(circle at 50% 88%, rgba(59,130,246,.12), transparent 36%),
        linear-gradient(155deg, #150b1f 0%, #20122c 50%, #170d24 100%);
    box-shadow: 0 36px 100px rgba(23,11,34,.45);
}
.im-suite::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(215,190,245,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(215,190,245,.03) 1px, transparent 1px);
    background-size: 48px 48px; mask-image: linear-gradient(145deg, #000, transparent 80%);
}
.im-suite__header {
    display: flex; justify-content: space-between; align-items: flex-end;
    gap: 32px; margin-bottom: 36px;
}
.im-suite__header-lead { max-width: 740px; }
.im-suite__badge { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }
.im-suite__swiss-flag {
    display: grid; place-items: center; width: 44px; height: 44px;
    border-radius: 14px; background: linear-gradient(135deg, #a855f7, #7c3aed);
    color: #fff; font-size: 1.25rem; box-shadow: 0 8px 24px rgba(168,85,247,.35);
}
.im-suite__badge .nh-kicker { color: #c084fc; }
.im-suite__badge .nh-kicker::before { background: #c084fc; }
.im-suite__header h2 {
    font-size: clamp(2rem, 3.8vw, 3.2rem); font-weight: 300; line-height: 1.08;
    color: #fff; margin: 4px 0 0; letter-spacing: -.03em;
}
.im-suite__header p {
    color: rgba(255,255,255,.68); font-size: 1.02rem; line-height: 1.68;
    font-weight: 300; margin: 16px 0 0;
}
.im-suite__header-actions { display: flex; flex-direction: column; gap: 12px; align-items: flex-end; }
.im-suite__btn-primary {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 14px 24px; border-radius: 100px;
    background: linear-gradient(135deg, #a855f7, #9333ea);
    color: #fff; font-weight: 600; font-size: .88rem;
    box-shadow: 0 12px 30px rgba(168,85,247,.35);
    border: 1px solid rgba(255,255,255,.2);
    transition: transform .25s var(--ease), box-shadow .25s, opacity .25s;
}
.im-suite__btn-primary:hover {
    transform: translateY(-2px); box-shadow: 0 16px 36px rgba(168,85,247,.5); color: #fff;
}
.im-suite__quicklinks { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.im-quicklink {
    display: inline-flex; align-items: center; font-size: .76rem;
    padding: 5px 12px; border-radius: 100px;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.75); transition: all .2s ease;
}
.im-quicklink:hover {
    background: rgba(168,85,247,.2); border-color: rgba(168,85,247,.4); color: #fff;
}

/* Matrix Head */
.im-suite__matrix {
    position: relative; overflow: hidden;
    padding: 22px 28px; border-radius: 24px;
    background: rgba(36,20,52,.75); border: 1px solid rgba(168,85,247,.2);
    margin-bottom: 28px; backdrop-filter: blur(16px);
}
.im-suite__matrix-head {
    display: flex; justify-content: space-between; align-items: center;
    gap: 20px; flex-wrap: wrap;
}
.im-suite__matrix-brand { display: flex; align-items: center; gap: 14px; }
.im-suite__matrix-icon {
    display: grid; place-items: center; width: 40px; height: 40px;
    border-radius: 12px; background: rgba(168,85,247,.16);
    color: #c084fc; font-size: 1.15rem;
}
.im-suite__matrix-tag {
    font-size: .7rem; text-transform: uppercase; letter-spacing: .12em;
    font-weight: 700; color: #c084fc;
}
.im-suite__matrix-head h3 { font-size: 1.15rem; font-weight: 600; margin: 3px 0 0; color: #fff; }
.im-suite__matrix-pills { display: flex; gap: 8px; flex-wrap: wrap; }
.im-pill {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 6px 13px; border-radius: 100px; font-size: .78rem; font-weight: 500;
    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
}
.im-dot { width: 7px; height: 7px; border-radius: 50%; }
.im-pill--purple .im-dot { background: #c084fc; box-shadow: 0 0 8px #c084fc; }
.im-pill--emerald .im-dot { background: #34d399; box-shadow: 0 0 8px #34d399; }
.im-pill--amber .im-dot { background: #fbbf24; box-shadow: 0 0 8px #fbbf24; }
.im-pill--blue .im-dot { background: #60a5fa; box-shadow: 0 0 8px #60a5fa; }

/* 4 Pillars Grid */
.im-suite__pillars {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-bottom: 34px;
}
.im-pillar-card {
    display: flex; flex-direction: column;
    padding: 26px 22px; border-radius: 22px;
    background: linear-gradient(160deg, rgba(46,26,66,.75), rgba(28,15,42,.85));
    border: 1px solid rgba(168,85,247,.16);
    box-shadow: 0 10px 30px rgba(18,9,28,.35);
    transition: transform .3s var(--ease), border-color .3s, box-shadow .3s;
}
.im-pillar-card:hover {
    transform: translateY(-5px);
    border-color: rgba(192,132,252,.45);
    box-shadow: 0 16px 40px rgba(168,85,247,.22);
}
.im-pillar--purple { border-top: 3px solid #c084fc; }
.im-pillar--emerald { border-top: 3px solid #34d399; }
.im-pillar--amber { border-top: 3px solid #fbbf24; }
.im-pillar--blue { border-top: 3px solid #60a5fa; }

.im-pillar-card__top {
    display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;
}
.im-pillar-card__meta { display: flex; align-items: center; gap: 8px; }
.im-pillar-card__num { font-size: .85rem; font-weight: 700; color: #c084fc; }
.im-pillar-card__sep { width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,.3); }
.im-pillar-card__tag { font-size: .65rem; text-transform: uppercase; letter-spacing: .12em; color: rgba(255,255,255,.5); font-weight: 600; }
.im-pillar-card__role { font-size: .72rem; padding: 3px 8px; border-radius: 6px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.7); }

.im-pillar-card__identity { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 14px; }
.im-pillar-card__icon {
    display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px;
    background: rgba(168,85,247,.15); color: #c084fc; font-size: 1.25rem; flex-shrink: 0;
}
.im-pillar--emerald .im-pillar-card__icon { background: rgba(16,185,129,.15); color: #34d399; }
.im-pillar--amber .im-pillar-card__icon { background: rgba(245,158,11,.15); color: #fbbf24; }
.im-pillar--blue .im-pillar-card__icon { background: rgba(59,130,246,.15); color: #60a5fa; }

.im-pillar-card__title { font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0; line-height: 1.2; }
.im-pillar-card__subtitle { font-size: .78rem; color: rgba(255,255,255,.6); margin-top: 3px; }
.im-pillar-card__desc { font-size: .83rem; line-height: 1.6; color: rgba(255,255,255,.65); margin: 0 0 18px; flex-grow: 1; }

.im-pillar-card__features { display: flex; flex-direction: column; gap: 7px; margin-bottom: 22px; }
.im-pillar-feat { display: flex; align-items: center; gap: 8px; font-size: .78rem; color: rgba(255,255,255,.8); }
.im-pillar-feat i { color: #c084fc; font-size: .85rem; }
.im-pillar--emerald .im-pillar-feat i { color: #34d399; }
.im-pillar--amber .im-pillar-feat i { color: #fbbf24; }
.im-pillar--blue .im-pillar-feat i { color: #60a5fa; }

.im-pillar-card__footer { margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.07); }
.im-pillar-card__domain {
    display: inline-flex; align-items: center; gap: 7px; font-size: .76rem;
    color: #c084fc; font-weight: 600; transition: color .2s ease;
}
.im-pillar-card__domain:hover { color: #fff; }

/* Section Head Common */
.im-suite__section-head { margin-bottom: 22px; }
.im-suite__section-head .nh-kicker { color: #c084fc; }
.im-suite__section-head .nh-kicker::before { background: #c084fc; }
.im-suite__section-head h3 { font-size: 1.45rem; font-weight: 400; color: #fff; margin: 6px 0 0; }
.im-suite__section-head p { font-size: .88rem; color: rgba(255,255,255,.65); margin: 6px 0 0; }

/* Roles Grid */
.im-suite__roles {
    padding: 34px 28px; border-radius: 28px;
    background: rgba(30,16,44,.7); border: 1px solid rgba(168,85,247,.16);
    margin-bottom: 30px;
}
.im-suite__roles-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.im-role-card {
    padding: 22px 18px; border-radius: 18px;
    background: rgba(44,24,64,.55); border: 1px solid rgba(168,85,247,.12);
    transition: transform .25s var(--ease), border-color .25s;
}
.im-role-card:hover { transform: translateY(-4px); border-color: rgba(192,132,252,.35); }
.im-role-card__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.im-role-card__icon {
    display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px;
    background: rgba(168,85,247,.18); color: #c084fc; font-size: 1.1rem;
}
.im-role-card__badge {
    font-size: .67rem; text-transform: uppercase; letter-spacing: .08em;
    padding: 3px 8px; border-radius: 6px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.65);
}
.im-role-card__role { font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 4px; }
.im-role-card__title { font-size: .82rem; font-weight: 500; color: #c084fc; margin: 0 0 10px; }
.im-role-card__desc { font-size: .78rem; line-height: 1.58; color: rgba(255,255,255,.62); margin: 0; }

/* Proof Bar */
.im-suite__proof {
    padding: 24px 28px; border-radius: 22px;
    background: linear-gradient(135deg, rgba(46,24,68,.75), rgba(26,14,40,.85));
    border: 1px solid rgba(168,85,247,.18);
    margin-bottom: 30px;
}
.im-suite__proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.im-proof-item { display: flex; flex-direction: column; }
.im-proof-item__value { font-size: 2rem; font-weight: 600; color: #c084fc; line-height: 1.1; margin-bottom: 4px; }
.im-proof-item__label { font-size: .86rem; font-weight: 600; color: #fff; margin-bottom: 2px; }
.im-proof-item__detail { font-size: .74rem; color: rgba(255,255,255,.55); line-height: 1.45; }

/* Products Grid */
.im-suite__products {
    padding: 34px 28px; border-radius: 28px;
    background: rgba(30,16,44,.7); border: 1px solid rgba(168,85,247,.16);
    margin-bottom: 30px;
}
.im-suite__products-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.im-product-card {
    position: relative; display: flex; flex-direction: column;
    padding: 24px 22px; border-radius: 18px;
    background: rgba(44,24,64,.55); border: 1px solid rgba(168,85,247,.12);
    transition: transform .25s var(--ease), border-color .25s, box-shadow .25s;
}
.im-product-card:hover {
    transform: translateY(-4px); border-color: rgba(192,132,252,.35);
    box-shadow: 0 12px 30px rgba(22,10,34,.4);
}
.im-product-card__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.im-product-card__icon {
    display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px;
    background: rgba(168,85,247,.16); color: #c084fc; font-size: 1.2rem;
}
.im-product-card__status {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: .7rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em;
    padding: 3px 9px; border-radius: 100px;
    background: rgba(16,185,129,.15); color: #34d399; border: 1px solid rgba(16,185,129,.3);
}
.im-pulse { width: 6px; height: 6px; border-radius: 50%; background: #34d399; animation: imPulse 2s infinite; }
@keyframes imPulse { 0%, 100% { opacity: 1; } 50% { opacity: .4; } }
.im-product-card__category { font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; color: #c084fc; font-weight: 600; margin-bottom: 4px; }
.im-product-card__name { font-size: 1.15rem; font-weight: 600; color: #fff; margin: 0 0 8px; }
.im-product-card__desc { font-size: .82rem; line-height: 1.58; color: rgba(255,255,255,.62); margin: 0 0 16px; flex-grow: 1; }
.im-product-card__tags { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.im-product-card__tags span {
    font-size: .7rem; padding: 3px 8px; border-radius: 6px;
    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.75);
}
.im-product-card__arrow {
    align-self: flex-end; color: #c084fc; font-size: 1.1rem;
    transition: transform .2s ease;
}
.im-product-card:hover .im-product-card__arrow { transform: translateX(4px); color: #fff; }

/* Technology Tags */
.im-suite__technology {
    display: flex; justify-content: space-between; align-items: center;
    gap: 20px; flex-wrap: wrap; padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.im-suite__technology > span {
    text-transform: uppercase; font-size: .72rem; letter-spacing: .12em; color: #c084fc; font-weight: 600;
}
.im-suite__technology > div { display: flex; gap: 8px; flex-wrap: wrap; }
.im-suite__technology > div span {
    padding: 5px 12px; border-radius: 8px; background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.75); font-size: .78rem;
}

/* ════════════════════ LIGHT THEME FOR IM-SUITE ════════════════════ */
html[data-theme="light"] .im-suite {
    color: #20122c; border-color: rgba(168,85,247,.22);
    background:
        radial-gradient(circle at 14% 18%, rgba(168,85,247,.08), transparent 32%),
        radial-gradient(circle at 86% 22%, rgba(16,185,129,.07), transparent 34%),
        radial-gradient(circle at 50% 88%, rgba(59,130,246,.06), transparent 36%),
        linear-gradient(155deg, #fbf9fd 0%, #f4eff8 50%, #eee6f3 100%);
    box-shadow: 0 28px 80px rgba(32,18,44,.08);
}
html[data-theme="light"] .im-suite::before {
    background-image: linear-gradient(rgba(32,18,44,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(32,18,44,.04) 1px, transparent 1px);
}
html[data-theme="light"] .im-suite__header h2,
html[data-theme="light"] .im-suite__matrix-head h3,
html[data-theme="light"] .im-pillar-card__title,
html[data-theme="light"] .im-suite__section-head h3,
html[data-theme="light"] .im-role-card__role,
html[data-theme="light"] .im-proof-item__label,
html[data-theme="light"] .im-product-card__name { color: #20122c; }
html[data-theme="light"] .im-suite__header p,
html[data-theme="light"] .im-pillar-card__subtitle,
html[data-theme="light"] .im-pillar-card__desc,
html[data-theme="light"] .im-pillar-feat,
html[data-theme="light"] .im-suite__section-head p,
html[data-theme="light"] .im-role-card__desc,
html[data-theme="light"] .im-proof-item__detail,
html[data-theme="light"] .im-product-card__desc { color: #584b65; }
html[data-theme="light"] .im-quicklink {
    background: #fff; border-color: rgba(32,18,44,.12); color: #584b65;
}
html[data-theme="light"] .im-suite__matrix {
    background: #fff; border-color: rgba(32,18,44,.09); box-shadow: 0 4px 16px rgba(32,18,44,.04);
}
html[data-theme="light"] .im-pill {
    background: #f7f3fa; border-color: #e5dbed; color: #433352;
}
html[data-theme="light"] .im-pillar-card {
    background: #fff; border-color: rgba(32,18,44,.09); box-shadow: 0 4px 16px rgba(32,18,44,.04);
}
html[data-theme="light"] .im-pillar-card__num { color: #7c3aed; }
html[data-theme="light"] .im-pillar-card__role { color: #584b65; background: #f4eff8; }
html[data-theme="light"] .im-pillar-card__domain { color: #7c3aed; }
html[data-theme="light"] .im-suite__roles,
html[data-theme="light"] .im-suite__products {
    background: #fff; border-color: rgba(32,18,44,.08); box-shadow: 0 8px 24px rgba(32,18,44,.05);
}
html[data-theme="light"] .im-role-card,
html[data-theme="light"] .im-product-card {
    background: #faf6fc; border-color: #ebe2f2;
}
html[data-theme="light"] .im-role-card__title { color: #7c3aed; }
html[data-theme="light"] .im-role-card__badge { background: #efe7f6; color: #584b65; }
html[data-theme="light"] .im-suite__proof {
    background: #fff; border-color: rgba(32,18,44,.09); box-shadow: 0 4px 16px rgba(32,18,44,.04);
}
html[data-theme="light"] .im-proof-item__value { color: #7c3aed; }
html[data-theme="light"] .im-product-card__category { color: #7c3aed; }
html[data-theme="light"] .im-product-card__tags span {
    background: #fff; border: 1px solid #ebe2f2; color: #433352;
}
html[data-theme="light"] .im-product-card__arrow { color: #7c3aed; }
html[data-theme="light"] .im-suite__technology > div span {
    background: #fff; border-color: rgba(32,18,44,.1); color: #7c3aed;
}

/* ════════════════════ CENTRFIT SMART FITNESS SUITE ════════════════════ */
.cf-suite-section { padding-top: 28px; }
.cf-suite {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(36px, 5vw, 68px); border: 1px solid rgba(0,210,255,.22);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 14% 18%, rgba(0,210,255,.16), transparent 32%),
        radial-gradient(circle at 86% 22%, rgba(16,185,129,.14), transparent 34%),
        radial-gradient(circle at 50% 88%, rgba(168,85,247,.12), transparent 36%),
        linear-gradient(155deg, #090e17 0%, #101926 50%, #0d1520 100%);
    box-shadow: 0 36px 100px rgba(7,14,24,.45);
}
.cf-suite::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(0,210,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0,210,255,.03) 1px, transparent 1px);
    background-size: 48px 48px; mask-image: linear-gradient(145deg, #000, transparent 80%);
}
.cf-suite__header {
    display: flex; justify-content: space-between; align-items: flex-end;
    gap: 32px; margin-bottom: 36px;
}
.cf-suite__header-lead { max-width: 740px; }
.cf-suite__badge { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }
.cf-suite__icon-badge {
    display: grid; place-items: center; width: 44px; height: 44px;
    border-radius: 14px; background: linear-gradient(135deg, #00d2ff, #0284c7);
    color: #04131f; font-size: 1.25rem; font-weight: 700;
    box-shadow: 0 8px 24px rgba(0,210,255,.35);
}
.cf-suite__badge .nh-kicker { color: #00d2ff; }
.cf-suite__badge .nh-kicker::before { background: #00d2ff; }
.cf-suite__header h2 {
    font-size: clamp(2rem, 3.8vw, 3.2rem); font-weight: 300; line-height: 1.08;
    color: #fff; margin: 4px 0 0; letter-spacing: -.03em;
}
.cf-suite__header p {
    color: rgba(255,255,255,.68); font-size: 1.02rem; line-height: 1.68;
    font-weight: 300; margin: 16px 0 0;
}
.cf-suite__header-actions { display: flex; flex-direction: column; gap: 12px; align-items: flex-end; }
.cf-suite__btn-primary {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 14px 24px; border-radius: 100px;
    background: linear-gradient(135deg, #00d2ff, #0284c7);
    color: #03131f; font-weight: 700; font-size: .88rem;
    box-shadow: 0 12px 30px rgba(0,210,255,.35);
    border: 1px solid rgba(255,255,255,.3);
    transition: transform .25s var(--ease), box-shadow .25s;
}
.cf-suite__btn-primary:hover {
    transform: translateY(-2px); box-shadow: 0 16px 36px rgba(0,210,255,.5); color: #03131f;
}
.cf-suite__store-links { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.cf-store-link {
    display: inline-flex; align-items: center; gap: 8px; font-size: .76rem; font-weight: 600;
    padding: 7px 14px; border-radius: 100px;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.85); transition: all .2s ease;
}
.cf-store-link:hover {
    background: rgba(0,210,255,.15); border-color: rgba(0,210,255,.4); color: #fff; transform: translateY(-1px);
}
.cf-store-link i { font-size: .95rem; }
.cf-store-link--apple:hover i { color: #fff; }
.cf-store-link--google:hover i { color: #34d399; }

/* Matrix Banner */
.cf-suite__matrix {
    position: relative; overflow: hidden;
    padding: 22px 28px; border-radius: 24px;
    background: rgba(18,29,43,.75); border: 1px solid rgba(0,210,255,.2);
    margin-bottom: 28px; backdrop-filter: blur(16px);
}
.cf-suite__matrix-head {
    display: flex; justify-content: space-between; align-items: center;
    gap: 20px; flex-wrap: wrap;
}
.cf-suite__matrix-brand { display: flex; align-items: center; gap: 14px; }
.cf-suite__matrix-icon {
    display: grid; place-items: center; width: 40px; height: 40px;
    border-radius: 12px; background: rgba(0,210,255,.16);
    color: #00d2ff; font-size: 1.15rem;
}
.cf-suite__matrix-tag {
    font-size: .7rem; text-transform: uppercase; letter-spacing: .12em;
    font-weight: 700; color: #00d2ff;
}
.cf-suite__matrix-head h3 { font-size: 1.15rem; font-weight: 600; margin: 3px 0 0; color: #fff; }
.cf-suite__matrix-pills { display: flex; gap: 8px; flex-wrap: wrap; }
.cf-pill {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 6px 13px; border-radius: 100px; font-size: .78rem; font-weight: 500;
    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
}
.cf-dot { width: 7px; height: 7px; border-radius: 50%; }
.cf-pill--cyan .cf-dot { background: #00e5ff; box-shadow: 0 0 8px #00e5ff; }
.cf-pill--emerald .cf-dot { background: #34d399; box-shadow: 0 0 8px #34d399; }
.cf-pill--purple .cf-dot { background: #c084fc; box-shadow: 0 0 8px #c084fc; }
.cf-pill--amber .cf-dot { background: #fbbf24; box-shadow: 0 0 8px #fbbf24; }

/* 4 Pillars Grid */
.cf-suite__pillars {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-bottom: 34px;
}
.cf-pillar-card {
    display: flex; flex-direction: column;
    padding: 26px 22px; border-radius: 22px;
    background: linear-gradient(160deg, rgba(20,34,49,.75), rgba(12,21,31,.85));
    border: 1px solid rgba(0,210,255,.16);
    box-shadow: 0 10px 30px rgba(6,12,19,.35);
    transition: transform .3s var(--ease), border-color .3s, box-shadow .3s;
}
.cf-pillar-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0,210,255,.45);
    box-shadow: 0 16px 40px rgba(0,210,255,.2);
}
.cf-pillar--cyan { border-top: 3px solid #00d2ff; }
.cf-pillar--emerald { border-top: 3px solid #34d399; }
.cf-pillar--purple { border-top: 3px solid #c084fc; }
.cf-pillar--amber { border-top: 3px solid #fbbf24; }

.cf-pillar-card__top {
    display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;
}
.cf-pillar-card__meta { display: flex; align-items: center; gap: 8px; }
.cf-pillar-card__num { font-size: .85rem; font-weight: 700; color: #00d2ff; }
.cf-pillar-card__sep { width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,.3); }
.cf-pillar-card__tag { font-size: .65rem; text-transform: uppercase; letter-spacing: .12em; color: rgba(255,255,255,.5); font-weight: 600; }
.cf-pillar-card__role { font-size: .72rem; padding: 3px 8px; border-radius: 6px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.7); }

.cf-pillar-card__identity { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 14px; }
.cf-pillar-card__icon {
    display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px;
    background: rgba(0,210,255,.15); color: #00d2ff; font-size: 1.25rem; flex-shrink: 0;
}
.cf-pillar--emerald .cf-pillar-card__icon { background: rgba(16,185,129,.15); color: #34d399; }
.cf-pillar--purple .cf-pillar-card__icon { background: rgba(168,85,247,.15); color: #c084fc; }
.cf-pillar--amber .cf-pillar-card__icon { background: rgba(245,158,11,.15); color: #fbbf24; }

.cf-pillar-card__title { font-size: 1.2rem; font-weight: 600; color: #fff; margin: 0; line-height: 1.2; }
.cf-pillar-card__subtitle { font-size: .78rem; color: rgba(255,255,255,.6); margin-top: 3px; }
.cf-pillar-card__desc { font-size: .83rem; line-height: 1.6; color: rgba(255,255,255,.65); margin: 0 0 18px; flex-grow: 1; }

.cf-pillar-card__features { display: flex; flex-direction: column; gap: 7px; margin-top: auto; }
.cf-pillar-feat { display: flex; align-items: center; gap: 8px; font-size: .78rem; color: rgba(255,255,255,.8); }
.cf-pillar-feat i { color: #00d2ff; font-size: .85rem; }
.cf-pillar--emerald .cf-pillar-feat i { color: #34d399; }
.cf-pillar--purple .cf-pillar-feat i { color: #c084fc; }
.cf-pillar--amber .cf-pillar-feat i { color: #fbbf24; }

/* MangoFit Admin Operations Cockpit */
.cf-suite__cockpit {
    padding: 34px 28px; border-radius: 28px;
    background: rgba(15,24,36,.75); border: 1px solid rgba(0,210,255,.2);
    margin-bottom: 30px; backdrop-filter: blur(14px);
}
.cf-cockpit-header {
    display: flex; justify-content: space-between; align-items: flex-start;
    gap: 24px; margin-bottom: 24px; flex-wrap: wrap;
}
.cf-cockpit-header__lead { max-width: 720px; }
.cf-cockpit-header__lead .nh-kicker { color: #00d2ff; }
.cf-cockpit-header__lead .nh-kicker::before { background: #00d2ff; }
.cf-cockpit-header__lead h3 { font-size: 1.45rem; font-weight: 400; color: #fff; margin: 6px 0 0; }
.cf-cockpit-header__lead p { font-size: .88rem; color: rgba(255,255,255,.65); margin: 6px 0 0; }

.cf-cockpit-status {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 7px 14px; border-radius: 100px;
    background: rgba(16,185,129,.15); color: #34d399; border: 1px solid rgba(16,185,129,.3);
    font-size: .78rem; font-weight: 600;
}
.cf-pulse { width: 8px; height: 8px; border-radius: 50%; background: #34d399; animation: cfPulse 2s infinite; }
@keyframes cfPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .4; transform: scale(1.2); } }

.cf-cockpit-signals {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px;
}
.cf-signal-card {
    display: flex; align-items: center; gap: 14px;
    padding: 18px; border-radius: 16px;
    background: rgba(22,35,50,.6); border: 1px solid rgba(0,210,255,.14);
}
.cf-signal-card__icon {
    display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px;
    background: rgba(0,210,255,.15); color: #00d2ff; font-size: 1.25rem; flex-shrink: 0;
}
.cf-signal-card__meta { display: flex; flex-direction: column; }
.cf-signal-card__val { font-size: 1.35rem; font-weight: 700; color: #fff; line-height: 1.1; }
.cf-signal-card__lbl { font-size: .74rem; color: rgba(255,255,255,.6); margin-top: 2px; }

.cf-cockpit-preview {
    display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 24px; align-items: stretch;
}
.cf-cockpit-preview__media {
    position: relative; border-radius: 18px; overflow: hidden;
    border: 1px solid rgba(0,210,255,.2); box-shadow: 0 16px 40px rgba(0,0,0,.4);
    background: #000;
}
.cf-cockpit-preview__media img {
    width: 100%; height: 100%; object-fit: cover; object-position: top; display: block;
}
.cf-cockpit-preview__overlay {
    position: absolute; bottom: 0; inset-inline: 0;
    padding: 10px 14px; background: linear-gradient(to top, rgba(9,14,23,.92), transparent);
    font-size: .7rem; color: #00e5ff; font-weight: 600;
}

.cf-cockpit-preview__highlights { display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.cf-highlight-item {
    padding: 16px 18px; border-radius: 14px;
    background: rgba(22,35,50,.6); border: 1px solid rgba(0,210,255,.12);
}
.cf-highlight-item h4 {
    display: flex; align-items: center; gap: 6px; font-size: .88rem; font-weight: 600; color: #00d2ff; margin: 0 0 4px;
}
.cf-highlight-item p { font-size: .78rem; line-height: 1.55; color: rgba(255,255,255,.65); margin: 0; }

/* Packages */
.cf-suite__packages {
    padding: 34px 28px; border-radius: 28px;
    background: rgba(15,24,36,.75); border: 1px solid rgba(0,210,255,.16);
    margin-bottom: 30px;
}
.cf-suite__section-head { margin-bottom: 22px; }
.cf-suite__section-head .nh-kicker { color: #00d2ff; }
.cf-suite__section-head .nh-kicker::before { background: #00d2ff; }
.cf-suite__section-head h3 { font-size: 1.45rem; font-weight: 400; color: #fff; margin: 6px 0 0; }
.cf-suite__section-head p { font-size: .88rem; color: rgba(255,255,255,.65); margin: 6px 0 0; }

.cf-suite__packages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }
.cf-package-card {
    padding: 24px 20px; border-radius: 18px;
    background: rgba(22,35,50,.55); border: 1px solid rgba(0,210,255,.14);
    transition: transform .25s var(--ease), border-color .25s;
}
.cf-package-card:hover { transform: translateY(-4px); border-color: rgba(0,210,255,.35); }
.cf-package-card__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.cf-package-card__type { font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; color: #00d2ff; font-weight: 600; }
.cf-package-card__badge {
    font-size: .67rem; text-transform: uppercase; letter-spacing: .08em;
    padding: 3px 8px; border-radius: 6px; background: rgba(0,210,255,.12); color: #00e5ff;
}
.cf-package-card__name { font-size: 1.15rem; font-weight: 600; color: #fff; margin: 0 0 6px; }
.cf-package-card__desc { font-size: .78rem; line-height: 1.55; color: rgba(255,255,255,.62); margin: 0 0 16px; }
.cf-package-card__features { display: flex; flex-direction: column; gap: 7px; }
.cf-package-card__features div { display: flex; align-items: center; gap: 8px; font-size: .76rem; color: rgba(255,255,255,.8); }
.cf-package-card__features i { color: #34d399; font-size: .85rem; }

/* Technology Tags */
.cf-suite__technology {
    display: flex; justify-content: space-between; align-items: center;
    gap: 20px; flex-wrap: wrap; padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.cf-suite__technology > span {
    text-transform: uppercase; font-size: .72rem; letter-spacing: .12em; color: #00d2ff; font-weight: 600;
}
.cf-suite__technology > div { display: flex; gap: 8px; flex-wrap: wrap; }
.cf-suite__technology > div span {
    padding: 5px 12px; border-radius: 8px; background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.75); font-size: .78rem;
}

/* ════════════════════ VOSH LAUNDRY SUITE THEME ════════════════════ */
.vsh-suite::before { background: radial-gradient(circle at 10% 20%, rgba(41,171,226,.12) 0%, transparent 60%); }
.vsh-suite .cf-suite__badge .nh-kicker { color: #29abe2; }
.vsh-suite .cf-suite__badge .nh-kicker::before { background: #29abe2; }
.vsh-suite .cf-suite__icon-badge { background: rgba(41,171,226,.15); border-color: rgba(41,171,226,.3); color: #29abe2; }
.vsh-suite .cf-suite__matrix-icon { background: rgba(41,171,226,.15); border-color: rgba(41,171,226,.3); color: #29abe2; }
.vsh-suite .cf-suite__btn-primary {
    background: linear-gradient(135deg, #29abe2 0%, #0288d1 100%);
    border-color: rgba(41,171,226,.4);
}
.vsh-suite .cf-suite__btn-primary:hover {
    border-color: #29abe2;
    box-shadow: 0 0 25px rgba(41,171,226,.35);
}
.vsh-suite .cf-suite__section-head .nh-kicker { color: #29abe2; }
.vsh-suite .cf-suite__section-head .nh-kicker::before { background: #29abe2; }
.vsh-suite .cf-suite__technology > span { color: #29abe2; }

/* ════════════════════ MANGOACCESS SUITE THEME ════════════════════ */
.ma-suite::before { background: radial-gradient(circle at 12% 18%, rgba(245,185,66,.14) 0%, transparent 60%); }
.ma-suite .cf-suite__badge .nh-kicker { color: #f5b942; }
.ma-suite .cf-suite__badge .nh-kicker::before { background: #f5b942; }
.ma-suite .cf-suite__icon-badge { background: rgba(245,185,66,.15); border-color: rgba(245,185,66,.3); color: #f5b942; }
.ma-suite .cf-suite__matrix-icon { background: rgba(245,185,66,.15); border-color: rgba(245,185,66,.3); color: #f5b942; }
.ma-suite .cf-suite__btn-primary {
    background: linear-gradient(135deg, #fcd34d 0%, #f5b942 50%, #d97706 100%);
    color: #111a27;
    border-color: rgba(245,185,66,.4);
    font-weight: 700;
}
.ma-suite .cf-suite__btn-primary:hover {
    border-color: #f5b942;
    box-shadow: 0 0 25px rgba(245,185,66,.4);
    color: #0b111b;
}
.ma-suite .cf-suite__section-head .nh-kicker { color: #f5b942; }
.ma-suite .cf-suite__section-head .nh-kicker::before { background: #f5b942; }
.ma-suite .cf-suite__technology > span { color: #f5b942; }

/* ── 5-Step Decision Chain ── */
.ma-chain { margin-top: 54px; }
.ma-chain__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    margin-top: 28px;
}
.ma-chain__step {
    padding: 24px 20px;
    border-radius: 16px;
    background: rgba(17, 26, 39, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    transition: transform 0.25s ease, border-color 0.25s ease;
}
.ma-chain__step:hover {
    transform: translateY(-3px);
    border-color: rgba(245, 185, 66, 0.35);
}
.ma-chain__node {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(245, 185, 66, 0.15);
    border: 1px solid rgba(245, 185, 66, 0.4);
    color: #f5b942;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 14px;
}
.ma-chain__step h4 {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 8px;
    color: #fff;
}
.ma-chain__step p {
    font-size: 13.5px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.72);
    margin: 0;
}

/* ── Offline Cryptographic Card ── */
.ma-offline-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    align-items: center;
    margin-top: 54px;
    padding: 40px;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(17, 26, 39, 0.8) 0%, rgba(11, 17, 27, 0.9) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.ma-offline-card__lead h3 {
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.2;
    margin: 12px 0 16px;
    color: #fff;
}
.ma-offline-card__lead p {
    font-size: 15.5px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.75);
    margin: 0 0 12px;
}
.ma-offline-card__sub {
    color: #f5b942 !important;
    font-weight: 500;
}
.ma-offline-card__payload {
    background: rgba(8, 12, 19, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    padding: 24px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 13px;
    line-height: 1.9;
}
.ma-payload-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 11px;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.55);
}
.ma-payload-head b { color: #f5b942; }
.ma-payload-row { display: flex; gap: 12px; }
.ma-payload-row .k { color: rgba(255, 255, 255, 0.5); min-width: 110px; }
.ma-payload-row .v { color: #f8fafc; font-weight: 500; }
.ma-payload-foot {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    gap: 8px;
    color: #10b981;
    font-size: 12.5px;
    font-weight: 600;
}

/* ── Operational Modules Grid ── */
.ma-modules { margin-top: 54px; }
.ma-modules__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 28px;
}
.ma-module-card {
    padding: 28px 24px;
    border-radius: 18px;
    background: rgba(17, 26, 39, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.ma-module-card:hover {
    transform: translateY(-4px);
    border-color: rgba(245, 185, 66, 0.35);
    box-shadow: 0 20px 40px -20px rgba(0,0,0,0.6);
}
.ma-module-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(245, 185, 66, 0.12);
    border: 1px solid rgba(245, 185, 66, 0.25);
    color: #f5b942;
    font-size: 20px;
    margin-bottom: 18px;
}
.ma-module-card h4 {
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #fff;
}
.ma-module-card p {
    font-size: 14.5px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.72);
    margin: 0;
}

@media (max-width: 1024px) {
    .ma-chain__grid { grid-template-columns: repeat(3, 1fr); }
    .ma-modules__grid { grid-template-columns: repeat(2, 1fr); }
    .ma-offline-card { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .ma-chain__grid { grid-template-columns: 1fr; }
    .ma-modules__grid { grid-template-columns: 1fr; }
    .ma-offline-card { padding: 24px; }
}

/* ════════════════════ LIGHT THEME FOR CF-SUITE ════════════════════ */
html[data-theme="light"] .cf-suite {
    color: #0b1523; border-color: rgba(0,180,216,.25);
    background:
        radial-gradient(circle at 14% 18%, rgba(0,180,216,.08), transparent 32%),
        radial-gradient(circle at 86% 22%, rgba(16,185,129,.07), transparent 34%),
        radial-gradient(circle at 50% 88%, rgba(168,85,247,.06), transparent 36%),
        linear-gradient(155deg, #f8fbfe 0%, #eef5fc 50%, #e5f0f9 100%);
    box-shadow: 0 28px 80px rgba(0,45,114,.08);
}
html[data-theme="light"] .cf-suite::before {
    background-image: linear-gradient(rgba(0,45,114,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(0,45,114,.04) 1px, transparent 1px);
}
html[data-theme="light"] .cf-suite__header h2,
html[data-theme="light"] .cf-suite__matrix-head h3,
html[data-theme="light"] .cf-pillar-card__title,
html[data-theme="light"] .cf-cockpit-header__lead h3,
html[data-theme="light"] .cf-signal-card__val,
html[data-theme="light"] .cf-suite__section-head h3,
html[data-theme="light"] .cf-package-card__name { color: #0b1523; }
html[data-theme="light"] .cf-suite__header p,
html[data-theme="light"] .cf-pillar-card__subtitle,
html[data-theme="light"] .cf-pillar-card__desc,
html[data-theme="light"] .cf-pillar-feat,
html[data-theme="light"] .cf-cockpit-header__lead p,
html[data-theme="light"] .cf-signal-card__lbl,
html[data-theme="light"] .cf-highlight-item p,
html[data-theme="light"] .cf-suite__section-head p,
html[data-theme="light"] .cf-package-card__desc,
html[data-theme="light"] .cf-package-card__features div { color: #475569; }
html[data-theme="light"] .cf-store-link {
    background: #fff; border-color: rgba(0,45,114,.12); color: #334155;
}
html[data-theme="light"] .cf-suite__matrix {
    background: #fff; border-color: rgba(0,45,114,.09); box-shadow: 0 4px 16px rgba(0,45,114,.04);
}
html[data-theme="light"] .cf-pill {
    background: #f1f5f9; border-color: #cbd5e1; color: #334155;
}
html[data-theme="light"] .cf-pillar-card {
    background: #fff; border-color: rgba(0,45,114,.09); box-shadow: 0 4px 16px rgba(0,45,114,.04);
}
html[data-theme="light"] .cf-pillar-card__num { color: #0284c7; }
html[data-theme="light"] .cf-pillar-card__role { color: #475569; background: #f1f5f9; }
html[data-theme="light"] .cf-suite__cockpit,
html[data-theme="light"] .cf-suite__packages {
    background: #fff; border-color: rgba(0,45,114,.08); box-shadow: 0 8px 24px rgba(0,45,114,.05);
}
html[data-theme="light"] .cf-signal-card,
html[data-theme="light"] .cf-highlight-item,
html[data-theme="light"] .cf-package-card {
    background: #f8fafc; border-color: #e2e8f0;
}
html[data-theme="light"] .cf-cockpit-header__lead .nh-kicker,
html[data-theme="light"] .cf-highlight-item h4,
html[data-theme="light"] .cf-package-card__type { color: #0284c7; }
html[data-theme="light"] .cf-package-card__badge { background: #e0f2fe; color: #0369a1; }
html[data-theme="light"] .cf-suite__technology > div span {
    background: #fff; border-color: rgba(0,45,114,.1); color: #0284c7;
}

/* ─── Check This Menu digital dining experience ─── */
.ctm-experience-section { padding-top: 28px; }
.ctm-experience {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(36px, 5vw, 68px); border: 1px solid rgba(144,196,239,.18);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 52% 32%, rgba(144,196,239,.16), transparent 27%),
        radial-gradient(circle at 94% 85%, rgba(74,146,216,.17), transparent 28%),
        linear-gradient(150deg, #001b45 0%, #002d72 56%, #00245b 100%);
    box-shadow: 0 36px 100px rgba(0,27,69,.32);
}
.ctm-experience::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(209,232,249,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(209,232,249,.035) 1px, transparent 1px);
    background-size: 48px 48px; mask-image: linear-gradient(145deg, #000, transparent 76%);
}
.ctm-experience__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 44px; align-items: end; }
.ctm-experience__header > div { max-width: 800px; }
.ctm-experience__header .nh-kicker { color: #90c4ef; }
.ctm-experience__header .nh-kicker::before { background: #90c4ef; }
.ctm-experience__header h2 { max-width: 15ch; margin: 18px 0 20px; color: #fff; font-size: clamp(2.2rem, 4.8vw, 4.2rem); font-weight: 300; line-height: 1.03; letter-spacing: -.035em; }
.ctm-experience__header p { max-width: 65ch; color: rgba(255,255,255,.67); font-size: 1.04rem; font-weight: 300; line-height: 1.72; }
.ctm-experience__website { display: inline-flex; align-items: center; gap: 12px; padding: 13px 18px 13px 21px; border: 1px solid rgba(209,232,249,.24); border-radius: 100px; color: #fff; background: rgba(209,232,249,.07); font-size: .78rem; font-weight: 700; letter-spacing: .04em; transition: transform .3s var(--ease), color .25s, background .25s; }
.ctm-experience__website:hover { transform: translateY(-3px); color: #002d72; background: #d1e8f9; }
.ctm-experience__capabilities { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px; }
.ctm-experience__capabilities article { min-height: 210px; padding: 24px; border: 1px solid rgba(209,232,249,.13); border-radius: 21px; background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(0,27,69,.25)); transition: transform .3s var(--ease), border-color .3s, background .3s; }
.ctm-experience__capabilities article:hover { transform: translateY(-6px); border-color: rgba(144,196,239,.42); background: rgba(74,146,216,.1); }
.ctm-experience__capability-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 28px; border-radius: 14px; color: #002d72; background: #90c4ef; font-size: 1rem; box-shadow: 0 12px 30px rgba(0,18,48,.2); }
.ctm-experience__capabilities h3 { color: #fff; font-size: 1rem; font-weight: 600; line-height: 1.35; }
.ctm-experience__capabilities p { margin-top: 9px; color: rgba(255,255,255,.52); font-size: .8rem; line-height: 1.6; }
.ctm-experience__stage { position: relative; display: grid; grid-template-columns: minmax(180px, .74fr) minmax(250px, .92fr) minmax(300px, 1.25fr); gap: 26px; align-items: center; min-height: 660px; margin-top: 26px; padding: 34px; overflow: hidden; border: 1px solid rgba(209,232,249,.13); border-radius: 30px; background: radial-gradient(circle at 48% 40%, rgba(144,196,239,.1), transparent 28%), rgba(0,18,48,.27); }
.ctm-experience__connections { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.ctm-experience__connections path { fill: none; stroke: #90c4ef; stroke-width: 1.5; stroke-linecap: round; stroke-dasharray: 7 10; opacity: .36; animation: ctmFlow 8s linear infinite; }
@keyframes ctmFlow { to { stroke-dashoffset: -170; } }
.ctm-experience__scan, .ctm-experience__phone, .ctm-experience__control { position: relative; z-index: 1; min-width: 0; }
.ctm-experience__stage-label { display: block; margin-bottom: 14px; color: #90c4ef; font-size: .63rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.ctm-experience__plaque { position: relative; padding: 28px 24px 24px; border: 1px solid rgba(209,232,249,.22); border-radius: 22px; text-align: center; background: linear-gradient(155deg, rgba(255,255,255,.13), rgba(144,196,239,.05)); box-shadow: 0 24px 55px rgba(0,18,48,.28), inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(12px); }
.ctm-experience__plaque > span { color: rgba(209,232,249,.48); font-size: .58rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.ctm-experience__plaque h3 { margin: 5px 0 20px; color: #fff; font: italic 400 1.45rem/1.2 var(--serif); }
.ctm-experience__plaque p { margin-top: 15px; color: rgba(209,232,249,.48); font-size: .65rem; }
.ctm-experience__qr { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; width: 126px; height: 126px; margin: auto; padding: 12px; overflow: hidden; border-radius: 15px; background: #f4f9fd; box-shadow: 0 15px 35px rgba(0,18,48,.24); }
.ctm-experience__qr::after { content: ""; position: absolute; left: -10%; top: 46%; width: 120%; height: 2px; background: #4a92d8; box-shadow: 0 0 16px 3px rgba(74,146,216,.6); animation: ctmScan 3s ease-in-out infinite; }
@keyframes ctmScan { 0%, 100% { transform: translateY(-45px); opacity: .25; } 50% { transform: translateY(45px); opacity: 1; } }
.ctm-experience__qr i { border-radius: 3px; background: #002d72; }
.ctm-experience__qr i:nth-child(2), .ctm-experience__qr i:nth-child(4), .ctm-experience__qr i:nth-child(6), .ctm-experience__qr i:nth-child(8) { clip-path: polygon(0 0, 72% 0, 72% 38%, 100% 38%, 100% 100%, 35% 100%, 35% 62%, 0 62%); background: #4a92d8; }
.ctm-experience__scan-status { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; color: rgba(209,232,249,.58); font-size: .67rem; }
.ctm-experience__scan-status i, .ctm-experience__live i { width: 7px; height: 7px; border-radius: 50%; background: #90c4ef; box-shadow: 0 0 0 5px rgba(144,196,239,.1); animation: ctmBlink 2s ease-in-out infinite; }
@keyframes ctmBlink { 50% { opacity: .35; } }
.ctm-experience__phone { justify-self: center; width: min(100%, 300px); text-align: center; }
.ctm-experience__phone-shell { overflow: hidden; padding: 10px; border: 1px solid rgba(209,232,249,.28); border-radius: 38px; text-align: left; background: #001b45; box-shadow: 0 38px 80px rgba(0,18,48,.46), 0 0 0 8px rgba(144,196,239,.035); }
.ctm-experience__phone-top { display: flex; align-items: center; justify-content: space-between; padding: 5px 14px 10px; color: rgba(209,232,249,.52); font-size: .55rem; }
.ctm-experience__phone-top i { width: 58px; height: 16px; border-radius: 100px; background: #000d23; }
.ctm-experience__menu-header { position: relative; padding: 20px; border-radius: 24px 24px 14px 14px; background: linear-gradient(145deg, #4a92d8, #002d72); }
.ctm-experience__menu-header > span { color: rgba(255,255,255,.64); font-size: .55rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.ctm-experience__menu-header h3 { margin-top: 5px; color: #fff; font: italic 400 1.55rem/1.2 var(--serif); }
.ctm-experience__menu-header > div { position: absolute; right: 15px; top: 17px; padding: 5px 8px; border-radius: 100px; color: #002d72; background: #d1e8f9; font-size: .55rem; font-weight: 700; }
.ctm-experience__categories { display: flex; gap: 6px; padding: 12px 5px 10px; overflow: hidden; }
.ctm-experience__categories span { flex: 0 0 auto; padding: 6px 9px; border: 1px solid rgba(144,196,239,.1); border-radius: 100px; color: rgba(209,232,249,.5); font-size: .55rem; white-space: nowrap; }
.ctm-experience__categories .is-active { color: #002d72; border-color: #90c4ef; background: #90c4ef; font-weight: 700; }
.ctm-experience__menu-items { display: grid; gap: 7px; padding: 0 5px; }
.ctm-experience__menu-items article { display: grid; grid-template-columns: 44px 1fr auto; gap: 10px; align-items: center; padding: 9px; border: 1px solid rgba(209,232,249,.09); border-radius: 13px; background: rgba(255,255,255,.035); }
.ctm-experience__dish { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 11px; color: #002d72; background: linear-gradient(145deg, #d1e8f9, #90c4ef); font-size: .9rem; }
.ctm-experience__menu-items h4 { color: #fff; font-size: .65rem; font-weight: 600; }
.ctm-experience__menu-items p { margin-top: 3px; color: rgba(209,232,249,.4); font-size: .5rem; }
.ctm-experience__price { text-align: right; }
.ctm-experience__price strong { display: block; color: #d1e8f9; font-size: .65rem; }
.ctm-experience__price span { display: grid; place-items: center; width: 20px; height: 20px; margin: 5px 0 0 auto; border-radius: 7px; color: #002d72; background: #90c4ef; font-size: .8rem; }
.ctm-experience__basket { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 5px 4px; padding: 10px 11px; border-radius: 13px; background: #002d72; }
.ctm-experience__basket span { display: block; color: rgba(209,232,249,.5); font-size: .48rem; }
.ctm-experience__basket strong { display: block; margin-top: 2px; color: #fff; font-size: .65rem; }
.ctm-experience__basket .ctm-experience__basket-action { padding: 8px 10px; border-radius: 9px; color: #002d72; background: #d1e8f9; font: 700 .55rem/1 var(--sans); }
.ctm-experience__concept { display: inline-block; margin-top: 14px; color: rgba(209,232,249,.42); font-size: .6rem; letter-spacing: .07em; }
.ctm-experience__control { padding: 24px; border: 1px solid rgba(209,232,249,.14); border-radius: 23px; background: linear-gradient(150deg, rgba(255,255,255,.08), rgba(0,27,69,.28)); box-shadow: 0 24px 55px rgba(0,18,48,.24); }
.ctm-experience__control > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ctm-experience__control > header span, .ctm-experience__analysis span, .ctm-experience__technology > span { color: #90c4ef; font-size: .59rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.ctm-experience__control > header h3 { max-width: 17ch; margin-top: 7px; color: #fff; font-size: 1.12rem; font-weight: 500; line-height: 1.35; }
.ctm-experience__live { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(144,196,239,.14); border-radius: 100px; color: rgba(209,232,249,.65); font-size: .58rem; }
.ctm-experience__signals { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 24px; }
.ctm-experience__signals article { min-width: 0; padding: 14px; border: 1px solid rgba(209,232,249,.09); border-radius: 14px; background: rgba(255,255,255,.032); }
.ctm-experience__signals article > i { color: #90c4ef; font-size: .78rem; }
.ctm-experience__signals span { display: block; margin: 10px 0 3px; color: rgba(209,232,249,.42); font-size: .55rem; }
.ctm-experience__signals strong { display: block; color: #fff; font-size: .7rem; font-weight: 600; }
.ctm-experience__analysis { margin-top: 9px; padding: 16px; border: 1px solid rgba(209,232,249,.09); border-radius: 15px; background: rgba(0,18,48,.16); }
.ctm-experience__analysis strong { display: block; margin-top: 4px; color: #fff; font-size: .77rem; font-weight: 600; }
.ctm-experience__bars { display: flex; align-items: end; gap: 6px; height: 76px; margin-top: 12px; padding-top: 10px; border-bottom: 1px solid rgba(209,232,249,.1); }
.ctm-experience__bars i { flex: 1; border-radius: 5px 5px 1px 1px; background: linear-gradient(to top, #4a92d8, #90c4ef); opacity: .74; }
.ctm-experience__bars i:nth-child(1) { height: 32%; } .ctm-experience__bars i:nth-child(2) { height: 50%; } .ctm-experience__bars i:nth-child(3) { height: 42%; } .ctm-experience__bars i:nth-child(4) { height: 72%; } .ctm-experience__bars i:nth-child(5) { height: 58%; } .ctm-experience__bars i:nth-child(6) { height: 88%; } .ctm-experience__bars i:nth-child(7) { height: 78%; }
.ctm-experience__analysis-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; }
.ctm-experience__analysis-meta span { color: rgba(209,232,249,.35); font-size: .49rem; font-weight: 500; letter-spacing: 0; text-transform: none; }
.ctm-experience__journey { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 26px; padding: 22px; border: 1px solid rgba(209,232,249,.11); border-radius: 22px; list-style: none; background: rgba(0,18,48,.18); }
.ctm-experience__journey::before { content: ""; position: absolute; left: 10%; right: 10%; top: 50%; height: 1px; background: linear-gradient(90deg, transparent, rgba(144,196,239,.28) 12%, rgba(144,196,239,.28) 88%, transparent); }
.ctm-experience__journey li { position: relative; z-index: 1; display: grid; grid-template-columns: auto 40px 1fr; gap: 10px; align-items: center; padding: 8px 12px; }
.ctm-experience__journey-number { color: #90c4ef; font: italic 400 .8rem/1 var(--serif); }
.ctm-experience__journey-icon { display: grid; place-items: center; width: 40px; height: 40px; border: 5px solid #00245b; border-radius: 50%; color: #002d72; background: #90c4ef; }
.ctm-experience__journey strong { display: block; color: #fff; font-size: .72rem; font-weight: 600; }
.ctm-experience__journey li div:last-child span { display: block; margin-top: 3px; color: rgba(209,232,249,.42); font-size: .56rem; }
.ctm-experience__technology { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; margin-top: 26px; padding-top: 24px; border-top: 1px solid rgba(209,232,249,.12); }
.ctm-experience__technology > div { display: flex; flex-wrap: wrap; gap: 8px; }
.ctm-experience__technology > div span { padding: 7px 13px; border: 1px solid rgba(144,196,239,.2); border-radius: 100px; color: #d1e8f9; background: rgba(144,196,239,.07); font-size: .75rem; font-weight: 600; }

html[data-theme="light"] .ctm-experience { color: #15243a; border-color: rgba(0,45,114,.1); background: radial-gradient(circle at 52% 32%, rgba(144,196,239,.35), transparent 28%), radial-gradient(circle at 94% 85%, rgba(74,146,216,.12), transparent 29%), linear-gradient(150deg, #fff 0%, #f4f9fd 56%, #d1e8f9 100%); box-shadow: 0 36px 100px rgba(0,45,114,.12); }
html[data-theme="light"] .ctm-experience::before { background-image: linear-gradient(rgba(0,45,114,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0,45,114,.035) 1px, transparent 1px); }
html[data-theme="light"] .ctm-experience__header .nh-kicker,
html[data-theme="light"] .ctm-experience__stage-label,
html[data-theme="light"] .ctm-experience__control > header span,
html[data-theme="light"] .ctm-experience__analysis span,
html[data-theme="light"] .ctm-experience__technology > span { color: #002d72; }
html[data-theme="light"] .ctm-experience__header .nh-kicker::before { background: #002d72; }
html[data-theme="light"] .ctm-experience__header h2,
html[data-theme="light"] .ctm-experience__capabilities h3,
html[data-theme="light"] .ctm-experience__plaque h3,
html[data-theme="light"] .ctm-experience__control > header h3,
html[data-theme="light"] .ctm-experience__signals strong,
html[data-theme="light"] .ctm-experience__analysis strong,
html[data-theme="light"] .ctm-experience__journey strong { color: #15243a; }
html[data-theme="light"] .ctm-experience__header p { color: #505d6c; }
html[data-theme="light"] .ctm-experience__website { color: #002d72; border-color: rgba(0,45,114,.15); background: rgba(255,255,255,.58); }
html[data-theme="light"] .ctm-experience__website:hover { color: #fff; background: #002d72; }
html[data-theme="light"] .ctm-experience__capabilities article { border-color: rgba(0,45,114,.1); background: rgba(255,255,255,.68); box-shadow: inset 0 1px #fff, 0 18px 42px rgba(0,45,114,.055); }
html[data-theme="light"] .ctm-experience__capabilities p { color: #5e6e7f; }
html[data-theme="light"] .ctm-experience__stage { border-color: rgba(0,45,114,.1); background: radial-gradient(circle at 48% 40%, rgba(144,196,239,.2), transparent 29%), rgba(255,255,255,.48); }
html[data-theme="light"] .ctm-experience__plaque,
html[data-theme="light"] .ctm-experience__control { border-color: rgba(0,45,114,.11); background: rgba(255,255,255,.72); box-shadow: 0 24px 55px rgba(0,45,114,.09), inset 0 1px #fff; }
html[data-theme="light"] .ctm-experience__plaque > span,
html[data-theme="light"] .ctm-experience__plaque p,
html[data-theme="light"] .ctm-experience__scan-status,
html[data-theme="light"] .ctm-experience__concept { color: #65778a; }
html[data-theme="light"] .ctm-experience__live { color: #42566d; border-color: rgba(0,45,114,.11); }
html[data-theme="light"] .ctm-experience__signals article,
html[data-theme="light"] .ctm-experience__analysis { border-color: rgba(0,45,114,.08); background: rgba(209,232,249,.32); }
html[data-theme="light"] .ctm-experience__signals span { color: #627489; }
html[data-theme="light"] .ctm-experience__analysis-meta span { color: #718196; }
html[data-theme="light"] .ctm-experience__journey { border-color: rgba(0,45,114,.09); background: rgba(255,255,255,.56); }
html[data-theme="light"] .ctm-experience__journey-icon { border-color: #f4f9fd; color: #fff; background: #002d72; }
html[data-theme="light"] .ctm-experience__journey li div:last-child span { color: #66778a; }
html[data-theme="light"] .ctm-experience__technology { border-color: rgba(0,45,114,.1); }
html[data-theme="light"] .ctm-experience__technology > div span { color: #002d72; border-color: rgba(0,45,114,.12); background: rgba(255,255,255,.62); }

/* ─── Presencify live presence network ─── */
.ps-sync-section { padding-top: 28px; }
.ps-sync {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(36px, 5vw, 68px); border: 1px solid rgba(144,196,239,.18);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 50% 42%, rgba(74,146,216,.19), transparent 32%),
        linear-gradient(150deg, #001b45 0%, #002d72 60%, #00245b 100%);
    box-shadow: 0 34px 90px rgba(0,27,69,.3);
}
.ps-sync::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(209,232,249,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(209,232,249,.035) 1px, transparent 1px);
    background-size: 44px 44px; mask-image: linear-gradient(to bottom, #000, transparent 82%);
}
.ps-sync__header { max-width: 780px; }
.ps-sync__header .nh-kicker { color: #90c4ef; }
.ps-sync__header .nh-kicker::before { background: #90c4ef; }
.ps-sync__header h2 {
    max-width: 14ch; margin: 18px 0 20px; color: #fff;
    font-size: clamp(2.2rem, 4.8vw, 4.2rem); font-weight: 300; line-height: 1.03; letter-spacing: -.03em;
}
.ps-sync__header p { max-width: 66ch; color: rgba(255,255,255,.68); font-size: 1.04rem; font-weight: 300; line-height: 1.72; }
.ps-sync__capabilities { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px; }
.ps-sync__capabilities article {
    padding: 22px; border: 1px solid rgba(209,232,249,.13); border-radius: 20px;
    background: rgba(0,27,69,.26); transition: transform .3s var(--ease), border-color .3s;
}
.ps-sync__capabilities article:hover { transform: translateY(-5px); border-color: rgba(144,196,239,.42); }
.ps-sync__capability-icon {
    display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 18px;
    border-radius: 13px; color: #002d72; background: #90c4ef; font-size: 1rem;
}
.ps-sync__capabilities h3 { color: #fff; font-size: .96rem; font-weight: 600; }
.ps-sync__capabilities p { margin-top: 8px; color: rgba(255,255,255,.53); font-size: .8rem; line-height: 1.58; }
.ps-sync__map {
    position: relative; min-height: 590px; margin-top: 44px; overflow: hidden;
    border: 1px solid rgba(209,232,249,.13); border-radius: 30px;
    background: radial-gradient(circle at 50% 50%, rgba(144,196,239,.12), transparent 32%), rgba(0,27,69,.25);
}
.ps-sync__connections { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.ps-sync__connections path {
    fill: none; stroke: #90c4ef; stroke-width: 1.5; stroke-linecap: round;
    stroke-dasharray: 8 11; opacity: .5; animation: psSyncFlow 9s linear infinite;
}
.ps-sync__connections path:nth-child(even) { animation-direction: reverse; }
@keyframes psSyncFlow { to { stroke-dashoffset: -190; } }
.ps-sync__platforms {
    position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: space-between; gap: 220px 300px; padding: 54px 42px;
}
.ps-sync__platform {
    position: relative; z-index: 2; display: flex; align-items: center; gap: 16px; width: min(100%, 270px); padding: 18px;
    border: 1px solid rgba(209,232,249,.15); border-radius: 18px;
    background: rgba(0,36,91,.88); box-shadow: 0 20px 42px rgba(0,18,48,.28), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.ps-sync__platform:nth-child(even) { justify-self: end; }
.ps-sync__platform-icon {
    display: grid; place-items: center; flex: 0 0 auto; width: 46px; height: 46px;
    border-radius: 14px; color: #002d72; background: #d1e8f9; font-size: 1.1rem;
}
.ps-sync__platform span { color: rgba(209,232,249,.58); font-size: .62rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.ps-sync__platform h3 { margin: 3px 0 8px; color: #fff; font-size: .98rem; font-weight: 600; }
.ps-sync__state { display: flex; align-items: center; gap: 7px; color: #90c4ef; font-size: .72rem; font-weight: 600; }
.ps-sync__state i { width: 7px; height: 7px; border-radius: 50%; background: #90c4ef; box-shadow: 0 0 0 5px rgba(144,196,239,.1); }
.ps-sync__engine {
    position: absolute; top: 50%; left: 50%; z-index: 3; width: 228px; min-height: 228px;
    padding: 28px; border: 1px solid rgba(209,232,249,.26); border-radius: 50%; text-align: center;
    background: linear-gradient(150deg, #4a92d8, #002d72 74%); transform: translate(-50%, -50%);
    box-shadow: 0 0 0 18px rgba(74,146,216,.08), 0 0 0 38px rgba(144,196,239,.035), 0 28px 60px rgba(0,18,48,.38);
}
.ps-sync__engine-pulse {
    position: relative; display: grid; place-items: center; width: 45px; height: 45px; margin: 0 auto 12px;
    border-radius: 50%; color: #002d72; background: #d1e8f9; font-size: 1rem;
}
.ps-sync__engine-pulse::after {
    content: ""; position: absolute; inset: -7px; border: 1px solid rgba(209,232,249,.5); border-radius: 50%;
    animation: psSyncPulse 2.4s ease-out infinite;
}
@keyframes psSyncPulse { 70%, 100% { transform: scale(1.45); opacity: 0; } }
.ps-sync__engine > span { color: #d1e8f9; font-size: .62rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.ps-sync__engine h3 { margin: 2px 0 7px; color: #fff; font-size: 1.28rem; font-weight: 600; }
.ps-sync__engine-status { display: flex; align-items: center; justify-content: center; gap: 7px; color: #d1e8f9; font-size: .7rem; }
.ps-sync__engine-status i { width: 6px; height: 6px; border-radius: 50%; background: #d1e8f9; box-shadow: 0 0 0 4px rgba(209,232,249,.11); }
.ps-sync__engine ul { display: grid; gap: 3px; margin-top: 13px; list-style: none; }
.ps-sync__engine li { color: rgba(255,255,255,.63); font-size: .67rem; }
.ps-sync__activity {
    display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); gap: 34px;
    margin-top: 26px; padding: 26px; border: 1px solid rgba(209,232,249,.13); border-radius: 24px;
    background: rgba(0,27,69,.24);
}
.ps-sync__label { color: #90c4ef; font-size: .68rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.ps-sync__activity-heading { display: flex; flex-direction: column; justify-content: space-between; gap: 18px; }
.ps-sync__activity-heading h3 { margin-top: 8px; color: #fff; font-size: 1.2rem; font-weight: 500; }
.ps-sync__activity-live { display: flex; align-items: center; gap: 8px; width: max-content; color: rgba(209,232,249,.72); font-size: .72rem; }
.ps-sync__activity-live i { width: 7px; height: 7px; border-radius: 50%; background: #90c4ef; box-shadow: 0 0 0 5px rgba(144,196,239,.1); animation: psSyncBlink 1.8s ease-in-out infinite; }
@keyframes psSyncBlink { 50% { opacity: .35; } }
.ps-sync__activity-list { display: grid; gap: 7px; }
.ps-sync__activity-row {
    display: grid; grid-template-columns: 8px 62px 1fr; gap: 12px; align-items: start;
    padding: 10px 12px; border: 1px solid rgba(209,232,249,.08); border-radius: 10px; background: rgba(255,255,255,.025);
}
.ps-sync__dot { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: #4a92d8; }
.ps-sync__dot--available { background: #90c4ef; }
.ps-sync__dot--away { background: #d1e8f9; }
.ps-sync__activity-row time { color: rgba(209,232,249,.4); font: 500 .65rem/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.ps-sync__activity-row > span { color: rgba(255,255,255,.62); font-size: .76rem; line-height: 1.5; }
.ps-sync__technology {
    display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center;
    margin-top: 26px; padding-top: 24px; border-top: 1px solid rgba(209,232,249,.12);
}
.ps-sync__technology > div { display: flex; flex-wrap: wrap; gap: 8px; }
.ps-sync__technology > div span {
    padding: 7px 13px; border: 1px solid rgba(144,196,239,.2); border-radius: 100px;
    color: #d1e8f9; background: rgba(144,196,239,.07); font-size: .75rem; font-weight: 600;
}

html[data-theme="light"] .ps-sync {
    color: #15243a; border-color: rgba(0,45,114,.1);
    background:
        radial-gradient(circle at 50% 42%, rgba(144,196,239,.32), transparent 34%),
        linear-gradient(150deg, #fff 0%, #f4f9fd 58%, #d1e8f9 100%);
    box-shadow: 0 34px 90px rgba(0,45,114,.12);
}
html[data-theme="light"] .ps-sync::before {
    background-image: linear-gradient(rgba(0,45,114,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0,45,114,.035) 1px, transparent 1px);
}
html[data-theme="light"] .ps-sync__header .nh-kicker,
html[data-theme="light"] .ps-sync__label { color: #002d72; }
html[data-theme="light"] .ps-sync__header .nh-kicker::before { background: #002d72; }
html[data-theme="light"] .ps-sync__header h2,
html[data-theme="light"] .ps-sync__capabilities h3,
html[data-theme="light"] .ps-sync__platform h3,
html[data-theme="light"] .ps-sync__activity-heading h3 { color: #15243a; }
html[data-theme="light"] .ps-sync__header p { color: #505d6c; }
html[data-theme="light"] .ps-sync__capabilities article,
html[data-theme="light"] .ps-sync__activity {
    border-color: rgba(0,45,114,.1); background: rgba(255,255,255,.66);
    box-shadow: inset 0 1px 0 #fff, 0 18px 42px rgba(0,45,114,.06);
}
html[data-theme="light"] .ps-sync__capabilities p { color: #637181; }
html[data-theme="light"] .ps-sync__map { border-color: rgba(0,45,114,.1); background: radial-gradient(circle at 50% 50%, rgba(144,196,239,.26), transparent 34%), rgba(255,255,255,.52); }
html[data-theme="light"] .ps-sync__platform {
    border-color: rgba(0,45,114,.12); background: rgba(255,255,255,.9);
    box-shadow: 0 18px 42px rgba(0,45,114,.1), inset 0 1px 0 #fff;
}
html[data-theme="light"] .ps-sync__platform span { color: #667688; }
html[data-theme="light"] .ps-sync__state { color: #002d72; }
html[data-theme="light"] .ps-sync__activity-row { border-color: rgba(0,45,114,.07); background: rgba(0,45,114,.025); }
html[data-theme="light"] .ps-sync__activity-row time { color: #748294; }
html[data-theme="light"] .ps-sync__activity-row > span { color: #4f5e70; }
html[data-theme="light"] .ps-sync__activity-live { color: #3f5268; }
html[data-theme="light"] .ps-sync__technology { border-color: rgba(0,45,114,.1); }
html[data-theme="light"] .ps-sync__technology > div span { color: #002d72; border-color: rgba(0,45,114,.12); background: rgba(255,255,255,.62); }

/* ─── EuroBus payment journey ─── */
.eb-payment-section { padding-top: 28px; }
.eb-payment {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(34px, 5vw, 68px); border: 1px solid rgba(144,196,239,.2);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 92% 4%, rgba(144,196,239,.2), transparent 34%),
        linear-gradient(145deg, #002d72 0%, #00245b 64%, #001b45 100%);
    box-shadow: 0 34px 90px rgba(0,27,69,.3);
}
.eb-payment::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(209,232,249,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(209,232,249,.035) 1px, transparent 1px);
    background-size: 42px 42px; mask-image: linear-gradient(to bottom, #000, transparent 78%);
}
.eb-payment__intro { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr); gap: clamp(32px, 6vw, 76px); align-items: center; }
.eb-payment__copy .nh-kicker { color: #90c4ef; }
.eb-payment__copy .nh-kicker::before { background: #90c4ef; }
.eb-payment__copy h2 {
    max-width: 15ch; margin: 18px 0 22px; color: #fff;
    font-size: clamp(2.1rem, 4.5vw, 4rem); font-weight: 300; line-height: 1.04; letter-spacing: -.025em;
}
.eb-payment__copy > p { max-width: 62ch; color: rgba(255,255,255,.7); font-size: 1.04rem; font-weight: 300; line-height: 1.75; }
.eb-payment__features { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }
.eb-payment__features span,
.eb-payment__technology-tags span {
    padding: 7px 13px; border: 1px solid rgba(144,196,239,.2); border-radius: 100px;
    color: #d1e8f9; background: rgba(144,196,239,.08); font-size: .76rem; font-weight: 600;
}
.eb-payment__features span:first-child { color: #002d72; background: #90c4ef; border-color: #90c4ef; }
.eb-payment__settlements {
    position: relative; overflow: hidden; min-height: 360px; padding: 34px;
    border: 1px solid rgba(209,232,249,.18); border-radius: 28px;
    background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(144,196,239,.035));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 24px 50px rgba(0,18,48,.24);
}
.eb-payment__settlements-icon {
    display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 34px;
    border-radius: 17px; color: #002d72; background: #90c4ef; font-size: 1.35rem;
    box-shadow: 0 14px 30px rgba(144,196,239,.2);
}
.eb-payment__label { color: #90c4ef; font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.eb-payment__settlements h3 { margin: 9px 0 12px; color: #fff; font-size: 1.35rem; font-weight: 500; }
.eb-payment__settlements p { color: rgba(255,255,255,.64); font-size: .92rem; font-weight: 300; line-height: 1.7; }
.eb-payment__metrics { display: flex; align-items: flex-end; gap: 9px; height: 62px; margin-top: 27px; }
.eb-payment__metrics span { flex: 1; border-radius: 6px 6px 2px 2px; background: linear-gradient(to top, #4a92d8, #90c4ef); opacity: .78; }
.eb-payment__metrics span:nth-child(1) { height: 46%; }
.eb-payment__metrics span:nth-child(2) { height: 68%; }
.eb-payment__metrics span:nth-child(3) { height: 54%; }
.eb-payment__metrics span:nth-child(4) { height: 86%; }
.eb-payment__metrics span:nth-child(5) { height: 72%; }
.eb-payment__metrics span:nth-child(6) { height: 100%; }
.eb-payment__journey {
    position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px;
    margin-top: 54px; padding: 30px 22px 28px; border: 1px solid rgba(209,232,249,.14);
    border-radius: 28px; background: rgba(0,27,69,.28);
}
.eb-payment__journey::before {
    content: ""; position: absolute; top: 59px; left: 10%; right: 10%; height: 1px;
    background: linear-gradient(90deg, #4a92d8, #90c4ef, #4a92d8);
    opacity: .58;
}
.eb-payment__step { position: relative; z-index: 1; min-width: 0; text-align: center; }
.eb-payment__step-icon {
    display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 20px;
    border: 1px solid rgba(209,232,249,.23); border-radius: 18px;
    color: #002d72; background: #d1e8f9; font-size: 1.25rem;
    box-shadow: 0 0 0 8px #00245b, 0 14px 30px rgba(0,18,48,.24);
}
.eb-payment__step-number { color: #90c4ef; font: italic 400 1rem/1 var(--serif); }
.eb-payment__step h3 { margin: 7px 0 7px; color: #fff; font-size: .95rem; font-weight: 600; }
.eb-payment__step p { max-width: 18ch; margin: 0 auto; color: rgba(255,255,255,.52); font-size: .77rem; line-height: 1.55; }
.eb-payment__technology {
    display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center;
    margin-top: 28px; padding-top: 26px; border-top: 1px solid rgba(209,232,249,.13);
}
.eb-payment__technology-tags { display: flex; flex-wrap: wrap; gap: 8px; }

html[data-theme="light"] .eb-payment {
    color: #15243a; border-color: rgba(0,45,114,.1);
    background:
        radial-gradient(circle at 92% 4%, rgba(144,196,239,.38), transparent 36%),
        linear-gradient(145deg, #fff 0%, #f4f9fd 58%, #d1e8f9 100%);
    box-shadow: 0 34px 90px rgba(0,45,114,.12);
}
html[data-theme="light"] .eb-payment::before {
    background-image: linear-gradient(rgba(0,45,114,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0,45,114,.035) 1px, transparent 1px);
}
html[data-theme="light"] .eb-payment__copy .nh-kicker,
html[data-theme="light"] .eb-payment__label { color: #002d72; }
html[data-theme="light"] .eb-payment__copy .nh-kicker::before { background: #002d72; }
html[data-theme="light"] .eb-payment__copy h2,
html[data-theme="light"] .eb-payment__settlements h3,
html[data-theme="light"] .eb-payment__step h3 { color: #15243a; }
html[data-theme="light"] .eb-payment__copy > p { color: #505d6c; }
html[data-theme="light"] .eb-payment__features span,
html[data-theme="light"] .eb-payment__technology-tags span {
    color: #002d72; border-color: rgba(0,45,114,.12); background: rgba(255,255,255,.64);
}
html[data-theme="light"] .eb-payment__features span:first-child { color: #fff; background: #002d72; border-color: #002d72; }
html[data-theme="light"] .eb-payment__settlements {
    border-color: rgba(0,45,114,.11); background: rgba(255,255,255,.72);
    box-shadow: inset 0 1px 0 #fff, 0 24px 50px rgba(0,45,114,.09);
}
html[data-theme="light"] .eb-payment__settlements p { color: #586574; }
html[data-theme="light"] .eb-payment__journey { border-color: rgba(0,45,114,.1); background: rgba(255,255,255,.58); }
html[data-theme="light"] .eb-payment__step-icon { box-shadow: 0 0 0 8px #f4f9fd, 0 12px 28px rgba(0,45,114,.12); }
html[data-theme="light"] .eb-payment__step-number { color: #002d72; }
html[data-theme="light"] .eb-payment__step p { color: #637181; }
html[data-theme="light"] .eb-payment__technology { border-color: rgba(0,45,114,.1); }

/* ─── Case-study mobile app showcase ─── */
.cd-mobile-section { padding-top: 26px; }
.cd-mobile {
    position: relative; isolation: isolate; overflow: hidden;
    padding: clamp(36px, 5vw, 68px); border: 1px solid rgba(144,196,239,.18);
    border-radius: 44px; color: #fff;
    background:
        radial-gradient(circle at 8% 8%, rgba(74,146,216,.2), transparent 30%),
        radial-gradient(circle at 92% 78%, rgba(144,196,239,.12), transparent 28%),
        linear-gradient(150deg, #001b45 0%, #002d72 64%, #00245b 100%);
    box-shadow: 0 34px 90px rgba(0,27,69,.28);
}
.cd-mobile::before {
    content: ""; position: absolute; width: 440px; height: 440px; top: -270px; right: 8%; z-index: -1;
    border: 1px solid rgba(209,232,249,.1); border-radius: 50%; box-shadow: 0 0 0 64px rgba(209,232,249,.025), 0 0 0 128px rgba(209,232,249,.018);
}
.cd-mobile__header { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); gap: clamp(34px, 6vw, 74px); align-items: center; }
.cd-mobile__copy .nh-kicker { color: #90c4ef; }
.cd-mobile__copy .nh-kicker::before { background: #90c4ef; }
.cd-mobile__copy h2 {
    max-width: 14ch; margin: 18px 0 22px; color: #fff;
    font-size: clamp(2.2rem, 4.8vw, 4.2rem); font-weight: 300; line-height: 1.03; letter-spacing: -.03em;
}
.cd-mobile__copy > p { max-width: 62ch; color: rgba(255,255,255,.68); font-size: 1.03rem; font-weight: 300; line-height: 1.72; }
.cd-mobile__copy .cd-mobile__release {
    margin-top: 18px; padding-left: 18px; border-left: 2px solid #4a92d8;
    color: rgba(209,232,249,.76); font-size: .92rem;
}
.cd-mobile__store-card {
    display: grid; grid-template-columns: 86px 1fr; gap: 20px; align-items: center;
    padding: 28px; border: 1px solid rgba(209,232,249,.17); border-radius: 28px;
    background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(144,196,239,.035));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 24px 50px rgba(0,18,48,.24);
}
.cd-mobile__store-card > img { width: 86px; height: 86px; border-radius: 22px; box-shadow: 0 16px 34px rgba(0,18,48,.28); }
.cd-mobile__store-eyebrow { color: #90c4ef; font-size: .68rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.cd-mobile__store-card h3 { margin-top: 4px; color: #fff; font-size: 1.6rem; font-weight: 500; }
.cd-mobile__meta { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 8px; }
.cd-mobile__meta span { color: rgba(255,255,255,.52); font-size: .72rem; }
.cd-mobile__meta span:not(:last-child)::after { content: "·"; margin-left: 12px; color: #4a92d8; }
.cd-mobile__store-card > a {
    grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; margin-top: 4px; padding: 14px 16px;
    border-radius: 14px; color: #002d72; background: #fff; font-size: .84rem; font-weight: 650;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.cd-mobile__store-card > a .bi-apple { font-size: 1.08rem; }
.cd-mobile__store-card > a .bi-arrow-up-right { margin-left: auto; }
.cd-mobile__store-card > a:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(0,18,48,.22); }
.cd-mobile__features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 54px; }
.cd-mobile__features article {
    padding: 24px; border: 1px solid rgba(209,232,249,.13); border-radius: 22px;
    background: rgba(0,27,69,.24); transition: transform .3s var(--ease), border-color .3s;
}
.cd-mobile__features article:hover { transform: translateY(-5px); border-color: rgba(144,196,239,.4); }
.cd-mobile__feature-icon {
    display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 20px;
    border-radius: 14px; color: #002d72; background: #90c4ef; font-size: 1.05rem;
}
.cd-mobile__features h3 { color: #fff; font-size: 1rem; font-weight: 600; }
.cd-mobile__features p { margin-top: 8px; color: rgba(255,255,255,.55); font-size: .84rem; line-height: 1.62; }
.cd-mobile__screens { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(8px, 1.2vw, 16px); align-items: start; margin-top: 58px; padding: 0 4px 28px; }
.cd-mobile__screens figure { min-width: 0; text-align: center; }
.cd-mobile__screens figure:nth-child(even) { transform: none; }
.cd-mobile__screen-frame {
    overflow: hidden; padding: 7px; border: 1px solid rgba(209,232,249,.19); border-radius: 32px;
    background: linear-gradient(150deg, rgba(255,255,255,.18), rgba(144,196,239,.04));
    box-shadow: 0 28px 60px rgba(0,18,48,.34), inset 0 1px 0 rgba(255,255,255,.15);
}
.cd-mobile__screen-frame img { width: 100%; border-radius: 25px; }
.cd-mobile__screens figcaption { margin-top: 16px; color: rgba(209,232,249,.68); font-size: .76rem; font-weight: 600; letter-spacing: .04em; }

html[data-theme="light"] .cd-mobile {
    color: #15243a; border-color: rgba(0,45,114,.1);
    background:
        radial-gradient(circle at 8% 8%, rgba(144,196,239,.34), transparent 31%),
        radial-gradient(circle at 92% 78%, rgba(74,146,216,.13), transparent 30%),
        linear-gradient(150deg, #fff 0%, #f4f9fd 62%, #d1e8f9 100%);
    box-shadow: 0 34px 90px rgba(0,45,114,.12);
}
html[data-theme="light"] .cd-mobile::before { border-color: rgba(0,45,114,.08); box-shadow: 0 0 0 64px rgba(0,45,114,.018), 0 0 0 128px rgba(0,45,114,.012); }
html[data-theme="light"] .cd-mobile__copy .nh-kicker { color: #002d72; }
html[data-theme="light"] .cd-mobile__copy .nh-kicker::before { background: #002d72; }
html[data-theme="light"] .cd-mobile__copy h2,
html[data-theme="light"] .cd-mobile__store-card h3,
html[data-theme="light"] .cd-mobile__features h3 { color: #15243a; }
html[data-theme="light"] .cd-mobile__copy > p { color: #505d6c; }
html[data-theme="light"] .cd-mobile__copy .cd-mobile__release { color: #3f5268; border-color: #4a92d8; }
html[data-theme="light"] .cd-mobile__store-card,
html[data-theme="light"] .cd-mobile__features article {
    border-color: rgba(0,45,114,.1); background: rgba(255,255,255,.68);
    box-shadow: inset 0 1px 0 #fff, 0 22px 48px rgba(0,45,114,.08);
}
html[data-theme="light"] .cd-mobile__store-eyebrow { color: #002d72; }
html[data-theme="light"] .cd-mobile__meta span { color: #637181; }
html[data-theme="light"] .cd-mobile__store-card > a { color: #fff; background: #002d72; }
html[data-theme="light"] .cd-mobile__features p { color: #637181; }
html[data-theme="light"] .cd-mobile__screen-frame {
    border-color: rgba(0,45,114,.11); background: rgba(255,255,255,.62);
    box-shadow: 0 28px 60px rgba(0,45,114,.15), inset 0 1px 0 #fff;
}
html[data-theme="light"] .cd-mobile__screens figcaption { color: #3f5268; }

/* ─── CTA card ─── */
.nh-cta { background: var(--paper); padding-bottom: 120px; }
.nh-cta--dark { background: #002d72; }
html[data-theme="light"] .nh-cta,
html[data-theme="light"] .nh-cta--dark { background: #f4f9fd; }
html[data-theme="dark"] .nh-cta,
html[data-theme="dark"] .nh-cta--dark { background: #002d72; }
.nh-cta__card {
    position: relative; border-radius: 36px; overflow: hidden;
    background: var(--ink); color: #fff; padding: clamp(50px, 8vw, 100px);
    text-align: center;
}
.nh-cta--dark .nh-cta__card { background: var(--ink-2); border: 1px solid var(--line); }
.nh-cta__card::before, .nh-cta__card::after {
    content: ""; position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none;
}
.nh-cta__card::before { width: 420px; height: 420px; top: -180px; left: -120px; background: rgba(0,45,114,.28); }
.nh-cta__card::after { width: 420px; height: 420px; bottom: -200px; right: -120px; background: rgba(144,196,239,.2); }
.nh-cta__card h2 { position: relative; z-index: 1; font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 300; letter-spacing: -.02em; }
.nh-cta__card h2 .serif { color: var(--mango); }
.nh-cta__card p { position: relative; z-index: 1; color: rgba(255,255,255,.6); max-width: 56ch; margin: 20px auto 40px; font-size: 1.1rem; font-weight: 300; }
.nh-cta__card .row { position: relative; z-index: 1; display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

/* ─── Footer / ocean ─── */
.nh-footer {
    position: relative; isolation: isolate; margin-top: 124px; padding: 76px 0 42px;
    color: #fff; border-top: 0;
    background:
        radial-gradient(circle at 13% 23%, rgba(144,196,239,.2) 0 2px, transparent 3px),
        radial-gradient(circle at 88% 42%, rgba(209,232,249,.16) 0 1.5px, transparent 2.5px),
        radial-gradient(circle at 72% 72%, rgba(144,196,239,.12) 0 2px, transparent 3px),
        linear-gradient(165deg, var(--brand-primary) 0%, var(--ink-2) 56%, #001b45 100%);
}
.nh-footer::before,
.nh-footer::after {
    content: ""; position: absolute; left: 0; width: 100%; pointer-events: none;
    background-repeat: repeat-x; background-position: 0 100%;
}
.nh-footer::before {
    top: -124px; height: 128px; z-index: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='o' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%234a92d8'/%3E%3Cstop offset='.7' stop-color='%23002d72'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%23d1e8f9' fill-opacity='.3' d='M0 88C180 48 360 128 540 88s360-40 540 0 180 40 360 0v72H0Z'/%3E%3Cpath fill='%2390c4ef' fill-opacity='.72' d='M0 104c210-52 330 48 540 4s350-40 540 2 210 36 360-6v56H0Z'/%3E%3Cpath fill='url(%23o)' d='M0 120c170-42 350 34 520 2s350-36 540 2 220 30 380-4v40H0Z'/%3E%3Cpath fill='none' stroke='%23d1e8f9' stroke-opacity='.55' stroke-width='2' d='M0 118c170-42 350 34 520 2s350-36 540 2 220 30 380-4'/%3E%3C/svg%3E");
    background-size: 1280px 128px;
    animation: nhOceanWave 26s linear infinite;
}
.nh-footer::after {
    top: -98px; height: 104px; z-index: 1; opacity: .58;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='.42' stroke-width='1.4' d='M0 76C100 76 150 46 300 46S500 106 600 106 800 46 900 46s200 30 300 30'/%3E%3Cpath fill='none' stroke='%2390c4ef' stroke-opacity='.5' stroke-width='1' d='M0 94C100 94 170 68 300 68s200 48 300 48 200-48 300-48 200 26 300 26'/%3E%3C/svg%3E");
    background-size: 940px 104px;
    animation: nhOceanWaveReverse 19s linear infinite;
}
@keyframes nhOceanWave { to { background-position-x: 1280px; } }
@keyframes nhOceanWaveReverse { to { background-position-x: -940px; } }
.nh-footer .wrap {
    position: relative; z-index: 2; overflow: hidden;
    padding: clamp(38px, 4.5vw, 60px); border-radius: 40px;
    border: 1px solid rgba(209,232,249,.16);
    background:
        linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.018) 46%, rgba(0,27,69,.22));
    box-shadow: 0 36px 90px rgba(0,18,48,.34), inset 0 1px 0 rgba(255,255,255,.13);
    backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
.nh-footer .wrap::before {
    content: ""; position: absolute; inset: 0 0 auto; height: 1px; z-index: 0;
    background: linear-gradient(90deg, transparent 5%, rgba(209,232,249,.62) 28%, rgba(144,196,239,.26) 72%, transparent 95%);
}
.nh-footer .wrap::after {
    content: "MANGOSOFT"; position: absolute; right: -18px; bottom: -0.28em; z-index: 0;
    color: rgba(209,232,249,.035); font: italic 400 clamp(4.5rem, 11vw, 9.5rem)/.8 var(--serif);
    letter-spacing: -.045em; white-space: nowrap; pointer-events: none;
}
.nh-footer__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 50px; }
.nh-footer__grid img { height: 30px; filter: brightness(0) invert(1); margin-bottom: 18px; }
.nh-footer__grid p { color: rgba(255,255,255,.7); font-size: .95rem; line-height: 1.65; font-weight: 300; max-width: 36ch; }
.nh-footer h4 { font-size: .85rem; text-transform: uppercase; letter-spacing: .16em; color: var(--brand-pale); margin-bottom: 20px; font-weight: 600; }
.nh-footer li { list-style: none; margin-bottom: 12px; }
.nh-footer li a { color: rgba(255,255,255,.84); font-size: .96rem; transition: color .25s, padding-left .25s; }
.nh-footer li a:hover { color: var(--brand-soft); padding-left: 5px; }
.nh-footer__bottom {
    position: relative; z-index: 1; margin-top: 64px; padding-top: 28px; border-top: 1px solid rgba(209,232,249,.14);
    display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;
    color: rgba(255,255,255,.62); font-size: .88rem;
}
.nh-footer__bottom a { color: rgba(255,255,255,.78); }
.nh-footer__bottom a:hover { color: var(--brand-soft); }

html[data-theme="light"] .nh-footer {
    color: #fff;
    border-color: rgba(255,255,255,.16);
    background:
        radial-gradient(circle at 13% 23%, rgba(144,196,239,.2) 0 2px, transparent 3px),
        radial-gradient(circle at 88% 42%, rgba(209,232,249,.16) 0 1.5px, transparent 2.5px),
        radial-gradient(circle at 72% 72%, rgba(144,196,239,.12) 0 2px, transparent 3px),
        linear-gradient(165deg, #002d72 0%, #00245b 56%, #001b45 100%);
}
html[data-theme="light"] .nh-footer__grid img { filter: brightness(0) invert(1); }
html[data-theme="light"] .nh-footer__grid p { color: rgba(255,255,255,.7); }
html[data-theme="light"] .nh-footer h4 { color: #d1e8f9; }
html[data-theme="light"] .nh-footer li a { color: rgba(255,255,255,.84); }
html[data-theme="light"] .nh-footer li a:hover,
html[data-theme="light"] .nh-footer__bottom a:hover { color: #90c4ef; }
html[data-theme="light"] .nh-footer__bottom {
    color: rgba(255,255,255,.62);
    border-color: rgba(255,255,255,.18);
}
html[data-theme="light"] .nh-footer__bottom a { color: rgba(255,255,255,.78); }

/* ─── Back to top ─── */
.nh-top {
    position: fixed; bottom: 26px; right: 26px; z-index: 90;
    width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--line);
    background: rgba(0,45,114,.8); backdrop-filter: blur(10px); color: #fff;
    display: grid; place-items: center; cursor: pointer; font-size: 1.1rem;
    opacity: 0; transform: translateY(14px); pointer-events: none;
    transition: opacity .35s, transform .35s var(--ease), background .3s;
}
.nh-top.show { opacity: 1; transform: none; pointer-events: auto; }
.nh-top:hover { background: var(--mango); color: #fff; }
html[data-theme="light"] .nh-top {
    color: #fff;
    background: rgba(0,45,114,.92);
    border-color: rgba(0,45,114,.18);
    box-shadow: 0 10px 28px rgba(0,45,114,.2);
}

/* ─── Responsive (shared) ─── */
@media (max-width: 1080px) {
    .nh-counters { grid-template-columns: 1fr 1fr; }
    .nh-footer__grid { grid-template-columns: 1fr 1fr; }
    .eb-payment__intro { grid-template-columns: 1fr; }
    .eb-payment__settlements { min-height: 0; }
    .cd-mobile__header { grid-template-columns: 1fr; }
    .cd-mobile__store-card { max-width: 620px; }
    .ps-sync__capabilities { grid-template-columns: 1fr 1fr; }
    .ps-sync__platforms { gap: 250px 170px; padding-inline: 30px; }
    .ps-sync__platform { width: min(100%, 235px); }
    .ps-sync__engine { width: 210px; min-height: 210px; padding: 24px; }
    .ps-sync__activity { grid-template-columns: 1fr; }
    .mf-suite__features { grid-template-columns: 1fr 1fr; }
    .mf-suite__command { grid-template-columns: 220px minmax(0, 1fr); }
    .mf-suite__signals { grid-template-columns: 1fr 1fr; }
    .mf-suite__insights { grid-template-columns: 1fr; }
    .ctm-experience__capabilities { grid-template-columns: 1fr 1fr; }
    .ctm-experience__stage { grid-template-columns: minmax(180px, .7fr) minmax(250px, 1fr); }
    .ctm-experience__control { grid-column: 1 / -1; }
    .ctm-experience__connections { display: none; }
    .ctm-experience__journey { grid-template-columns: 1fr 1fr; }
    .ue-suite__pillars { grid-template-columns: 1fr 1fr; }
    .ue-suite__products-grid { grid-template-columns: 1fr 1fr; }
    .ue-suite__entities-grid { grid-template-columns: 1fr 1fr; }
    .im-suite__pillars { grid-template-columns: 1fr 1fr; }
    .im-suite__roles-grid { grid-template-columns: 1fr 1fr; }
    .im-suite__proof-grid { grid-template-columns: 1fr 1fr; }
    .cf-suite__pillars { grid-template-columns: 1fr 1fr; }
    .cf-cockpit-signals { grid-template-columns: 1fr 1fr; }
    .cf-cockpit-preview { grid-template-columns: 1fr; }
    .cf-suite__packages-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1060px) {
    .nh-nav__links { display: none; }
    .nh-nav__logo { margin-right: auto; }
    .nh-burger { display: block; }
}
@media (max-width: 760px) {
    .info-hero { padding: 160px 0 76px; }
    .info-page { padding: 70px 0 90px; }
    .legal-intro { padding: 22px; }
    .legal-body h2 { margin-top: 38px; }
    .faq-answer { padding-right: 0; }
    .faq-cta { padding: 40px 24px; }
    .nh-utility { top: 10px; width: 92%; font-size: 9.5px; }
    body.scrolled .nh-utility {
        height: 30px;
        padding: 0 16px;
    }
    .has-utility-bar .nh-nav { top: 40px; }
    .nh-nav.scrolled {
        top: 0;
        padding: 10px 18px;
    }
    .has-utility-bar .nh-nav.scrolled {
        top: 30px;
        padding: 10px 18px;
    }
    .nh-utility__products { gap: 4px; }
    .nh-utility__products a { padding: 3px 6px; }
    .nh-counters { grid-template-columns: 1fr; }
    .nh-footer__grid { grid-template-columns: 1fr; gap: 36px; }
    .nh-footer { margin-top: 84px; padding: 54px 0 28px; }
    .nh-footer::before { top: -84px; height: 88px; background-size: 780px 88px; }
    .nh-footer::after { top: -66px; height: 70px; background-size: 620px 70px; }
    .nh-footer .wrap { padding: 34px 24px; border-radius: 28px; }
    .nh-footer .wrap::after { right: -8px; bottom: -.18em; font-size: 4.6rem; }
    .nh-footer__bottom { margin-top: 48px; }
    .eb-payment { padding: 30px 22px; border-radius: 30px; }
    .eb-payment__copy h2 { max-width: none; }
    .eb-payment__journey { grid-template-columns: 1fr; gap: 0; padding: 24px; }
    .eb-payment__journey::before { top: 52px; bottom: 52px; left: 53px; right: auto; width: 1px; height: auto; }
    .eb-payment__step { display: grid; grid-template-columns: 58px 1fr; gap: 18px; align-items: center; padding: 13px 0; text-align: left; }
    .eb-payment__step-icon { margin: 0; box-shadow: 0 0 0 7px #00245b, 0 12px 26px rgba(0,18,48,.22); }
    .eb-payment__step p { max-width: none; margin: 0; }
    .eb-payment__technology { grid-template-columns: 1fr; gap: 14px; }
    html[data-theme="light"] .eb-payment__step-icon { box-shadow: 0 0 0 7px #f4f9fd, 0 12px 26px rgba(0,45,114,.12); }
    .cd-mobile { padding: 30px 22px 36px; border-radius: 30px; }
    .cd-mobile__copy h2 { max-width: none; }
    .cd-mobile__features { grid-template-columns: 1fr; }
    .cd-mobile__screens {
        display: flex; overflow-x: auto; gap: 18px; margin-inline: -22px; padding: 0 22px 24px;
        scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(74,146,216,.55) transparent;
    }
    .cd-mobile__screens figure { flex: 0 0 min(72vw, 270px); scroll-snap-align: center; }
    .cd-mobile__screens figure:nth-child(even) { transform: none; }
    .ps-sync { padding: 30px 22px 36px; border-radius: 30px; }
    .ps-sync__header h2 { max-width: none; }
    .ps-sync__capabilities { grid-template-columns: 1fr; }
    .ps-sync__map { min-height: 0; padding: 22px; }
    .ps-sync__connections { display: none; }
    .ps-sync__platforms { position: relative; inset: auto; grid-template-columns: 1fr; gap: 12px; padding: 0; }
    .ps-sync__platform,
    .ps-sync__platform:nth-child(even) { justify-self: stretch; width: 100%; }
    .ps-sync__engine { position: relative; top: auto; left: auto; margin: 26px auto 4px; transform: none; }
    .ps-sync__activity { padding: 22px; }
    .ps-sync__technology { grid-template-columns: 1fr; gap: 14px; }
    .mf-suite { padding: 30px 22px 36px; border-radius: 30px; }
    .mf-suite__header { grid-template-columns: 1fr; gap: 24px; align-items: start; }
    .mf-suite__header h2 { max-width: none; }
    .mf-suite__website { width: max-content; }
    .mf-suite__command { grid-template-columns: 1fr; }
    .mf-suite__rail { border-right: 0; border-bottom: 1px solid rgba(209,232,249,.11); }
    .mf-suite__rail ol { grid-template-columns: 1fr 1fr; }
    .mf-suite__rail li::after { display: none; }
    .mf-suite__rail-status { margin-top: 14px; }
    .mf-suite__dashboard { padding: 22px; }
    .mf-suite__technology { grid-template-columns: 1fr; gap: 14px; }
    html[data-theme="light"] .mf-suite__rail { border-color: rgba(0,45,114,.09); }
    .ctm-experience { padding: 30px 22px 36px; border-radius: 30px; }
    .ctm-experience__header { grid-template-columns: 1fr; gap: 24px; align-items: start; }
    .ctm-experience__header h2 { max-width: none; }
    .ctm-experience__website { width: max-content; }
    .ctm-experience__stage { grid-template-columns: 1fr; padding: 24px; }
    .ctm-experience__scan { max-width: 310px; margin-inline: auto; }
    .ctm-experience__control { grid-column: auto; }
    .ctm-experience__technology { grid-template-columns: 1fr; gap: 14px; }
    .evt-platform { padding: 30px 22px 36px; border-radius: 30px; }
    .evt-platform__header { grid-template-columns: 1fr; gap: 24px; align-items: start; }
    .evt-platform__header h2 { max-width: none; }
    .evt-platform__website { width: max-content; }
    .evt-platform__features { grid-template-columns: 1fr 1fr; }
    .evt-platform__cockpit { grid-template-columns: 1fr; }
    .evt-platform__rail { border-right: 0; border-bottom: 1px solid rgba(209,232,249,.11); }
    .evt-platform__signals { grid-template-columns: 1fr 1fr; }
    .evt-platform__funnel-track { grid-template-columns: 1fr 1fr; }
    .evt-platform__compliance-row { grid-template-columns: 1fr; }
    .evt-platform__workflow { grid-template-columns: 1fr 1fr; }
    .evt-platform__technology { grid-template-columns: 1fr; gap: 14px; }
    .ucg-app { padding: 30px 22px 36px; border-radius: 30px; }
    .ucg-app__header { flex-direction: column; gap: 24px; }
    .ucg-app__header-actions { align-items: flex-start; }
    .ucg-app__pillars { grid-template-columns: 1fr 1fr; }
    .ucg-app__signals { grid-template-columns: 1fr 1fr; }
    .ucg-screen-card { grid-template-columns: 1fr; gap: 32px; }
    .ucg-screen-media img { max-height: 420px; }
    .ue-suite { padding: 30px 22px 36px; border-radius: 30px; }
    .ue-suite__header { flex-direction: column; gap: 24px; align-items: flex-start; }
    .ue-suite__header-actions { align-items: flex-start; }
    .ue-suite__quicklinks { justify-content: flex-start; }
    .ue-suite__matrix-head { flex-direction: column; align-items: flex-start; }
    .ue-suite__pillars { grid-template-columns: 1fr; }
    .ue-suite__products-grid { grid-template-columns: 1fr; }
    .ue-suite__entities-grid { grid-template-columns: 1fr; }
    .ue-suite__entities-stats { flex-wrap: wrap; gap: 16px; }
    .im-suite { padding: 30px 22px 36px; border-radius: 30px; }
    .im-suite__header { flex-direction: column; gap: 24px; align-items: flex-start; }
    .im-suite__header-actions { align-items: flex-start; }
    .im-suite__quicklinks { justify-content: flex-start; }
    .im-suite__matrix-head { flex-direction: column; align-items: flex-start; }
    .im-suite__pillars { grid-template-columns: 1fr; }
    .im-suite__roles-grid { grid-template-columns: 1fr; }
    .im-suite__products-grid { grid-template-columns: 1fr; }
    .cf-suite { padding: 30px 22px 36px; border-radius: 30px; }
    .cf-suite__header { flex-direction: column; gap: 24px; align-items: flex-start; }
    .cf-suite__header-actions { align-items: flex-start; }
    .cf-suite__store-links { justify-content: flex-start; }
    .cf-suite__matrix-head { flex-direction: column; align-items: flex-start; }
    .cf-suite__pillars { grid-template-columns: 1fr; }
    .cf-suite__packages-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .nh-utility__inner { justify-content: center; }
    .nh-utility__phones { display: none; }
    .nh-utility__products a { padding-inline: 5px; font-size: 8.5px; }
    .cd-mobile__store-card { grid-template-columns: 72px 1fr; padding: 22px; }
    .cd-mobile__store-card > img { width: 72px; height: 72px; border-radius: 19px; }
    .mf-suite__features,
    .mf-suite__rail ol,
    .mf-suite__signals { grid-template-columns: 1fr; }
    .mf-suite__features article { min-height: 0; }
    .mf-suite__dashboard-header,
    .mf-suite__panel-heading { align-items: flex-start; flex-direction: column; }
    .mf-suite__chart { min-height: 280px; padding-inline: 16px; }
    .evt-platform__features,
    .evt-platform__signals,
    .evt-platform__funnel-track,
    .evt-platform__workflow { grid-template-columns: 1fr; }
    .evt-platform__dashboard { padding: 18px; }
    .evt-platform__dashboard-header { flex-direction: column; align-items: flex-start; }
    .ucg-app__pillars,
    .ucg-app__signals { grid-template-columns: 1fr; }
    .ucg-app__screen-tabs { flex-direction: column; width: 100%; }
    .ucg-tab-btn { width: 100%; justify-content: center; }
    .ue-suite__quicklinks { gap: 6px; }
    .ue-quicklink { font-size: .7rem; padding: 3px 8px; }
    .ue-pillar-card { padding: 22px 18px; }
    .ue-product-card { padding: 18px 16px; }
    .ue-entity-card { padding: 16px 14px; }
    .im-suite__quicklinks { gap: 6px; }
    .im-quicklink { font-size: .7rem; padding: 3px 8px; }
    .im-pillar-card { padding: 22px 18px; }
    .im-role-card { padding: 18px 16px; }
    .im-product-card { padding: 18px 16px; }
    .im-suite__proof-grid { grid-template-columns: 1fr; }
    .cf-cockpit-signals { grid-template-columns: 1fr; }
    .cf-pillar-card { padding: 22px 18px; }
    .cf-package-card { padding: 18px 16px; }
    .mf-suite__chart-axis { display: none; }
    .ctm-experience__capabilities,
    .ctm-experience__journey { grid-template-columns: 1fr; }
    .ctm-experience__capabilities article { min-height: 0; }
    .ctm-experience__journey::before { top: 10%; bottom: 10%; left: 52px; right: auto; width: 1px; height: auto; }
    .ctm-experience__journey li { grid-template-columns: auto 40px 1fr; }
    .ctm-experience__control > header { flex-direction: column; }
    .ctm-experience__signals { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
    .nh-footer::before, .nh-footer::after { animation: none !important; }
    html { scroll-behavior: auto; }
}