:root {
    --primary: #0d6efd;
    --primary-dark: #0a58ca;
    --secondary: #6c757d;
    --accent: #20c997;
    --dark: #0f172a;
    --light: #f8f9fa;
    --glass: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.18);
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    --radius: 1rem;
    --transition: all 0.3s ease;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #334155;
    background: #ffffff;
    overflow-x: hidden;
}

a { text-decoration: none; transition: var(--transition); }

img { max-width: 100%; height: auto; }

.navbar-main {
    backdrop-filter: blur(14px);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 2px 20px rgba(0,0,0,0.06);
    transition: var(--transition);
    padding: 0.75rem 0;
    z-index: 1070;
}

.navbar-main.scrolled { padding: 0.5rem 0; box-shadow: 0 4px 30px rgba(0,0,0,0.1); }

.navbar-brand { display: inline-flex; align-items: center; color: var(--dark); }.website-brand-logo { display: block; width: 168px; height: 32px; }.dark-mode .website-brand-logo { content: url('../images/sumerosis-logo-light.svg'); }

.nav-link { font-weight: 500; color: #475569; padding: 0.5rem 1rem !important; }
.nav-link:hover, .nav-link.active { color: var(--primary); }
.mobile-nav-head, .mobile-nav-backdrop { display: none; }
.mobile-menu-toggle { width: 44px; height: 44px; padding: 0; border: 1px solid #dbe7f6; border-radius: .9rem; background: #fff; box-shadow: 0 8px 22px rgba(15, 35, 70, .08); }
.mobile-menu-toggle:focus { box-shadow: 0 0 0 4px rgba(13, 110, 253, .12); }
.mobile-menu-toggle span { display: block; width: 20px; height: 2px; margin: 4px auto; border-radius: 999px; background: #102b57; transition: var(--transition); }
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.nav-mega-menu { width: 20rem; margin-top: .7rem; padding: .6rem; border: 1px solid #e2eaf6; border-radius: 1rem; background: rgba(255, 255, 255, .98); box-shadow: 0 20px 45px rgba(15, 35, 70, .15); }.nav-services-menu { width: 21.5rem; }.nav-mega-overview, .nav-mega-item { display: flex; align-items: center; gap: .75rem; border-radius: .75rem; color: #284361; transition: background .2s ease, color .2s ease; }.nav-mega-overview { padding: .75rem; background: linear-gradient(135deg, #edf5ff, #f1fcf9); }.nav-mega-overview > span:nth-child(2), .nav-mega-item > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; gap: .12rem; }.nav-mega-overview strong, .nav-mega-item strong { color: #102b57; font-size: .82rem; }.nav-mega-overview small, .nav-mega-item small { color: #72839a; font-size: .69rem; }.nav-mega-overview > i { color: #2563eb; font-size: .85rem; }.nav-mega-item { padding: .64rem .75rem; }.nav-mega-item:hover { background: #f4f8fe; color: #284361; }.nav-menu-icon { display: grid; width: 2.15rem; height: 2.15rem; flex: 0 0 auto; place-items: center; border-radius: .62rem; background: #eef4fd; color: #2563eb; font-size: .95rem; }.nav-menu-icon-primary { background: linear-gradient(135deg, #2563eb, #39cdb2); color: #fff; }.nav-mega-divider { height: 1px; margin: .55rem .25rem; background: #e7edf6; }

.btn-primary {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    border: none;
    border-radius: 50rem;
    padding: 0.65rem 1.5rem;
    font-weight: 600;
    transition: var(--transition);
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(13,110,253,0.35); }

.btn-outline-primary { border-radius: 50rem; padding: 0.65rem 1.5rem; font-weight: 600; }

.hero-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #fff;
    overflow: hidden;
    padding: 8rem 0 5rem;
}

.hero-bg-shapes {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hero-shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.45;
    animation: float 10s ease-in-out infinite;
}

.hero-shape-1 { width: 500px; height: 500px; background: var(--primary); top: -10%; right: -10%; }
.hero-shape-2 { width: 400px; height: 400px; background: var(--accent); bottom: -10%; left: -10%; animation-delay: -5s; }
.hero-shape-3 { width: 300px; height: 300px; background: #a855f7; top: 40%; left: 30%; animation-delay: -3s; }

@keyframes float {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-30px) scale(1.05); }
}

.section { padding: 5rem 0; }
.section-title {
    font-weight: 800;
    font-size: 2.25rem;
    color: var(--dark);
    margin-bottom: 1rem;
}
.section-subtitle { color: var(--secondary); font-size: 1.1rem; }

.card-premium {
    border: none;
    border-radius: var(--radius);
    background: #fff;
    box-shadow: var(--shadow);
    transition: var(--transition);
    height: 100%;
}
.card-premium:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.12); }

.glass-card {
    background: var(--glass);
    backdrop-filter: blur(12px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius);
}

.icon-box {
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    font-size: 1.75rem;
    margin-bottom: 1rem;
}
.icon-box-primary { background: rgba(13,110,253,0.1); color: var(--primary); }
.icon-box-accent { background: rgba(32,201,151,0.1); color: var(--accent); }

.counter-value { font-size: 2.5rem; font-weight: 800; color: var(--dark); }

.cta-section {
    background: linear-gradient(135deg, var(--primary) 0%, #6610f2 100%);
    color: #fff;
    padding: 5rem 0;
}

.footer-main {
    background: var(--dark);
    color: #cbd5e1;
    padding: 4rem 0 1.5rem;
}
.footer-brand-logo { display: block; height: 40px; width: auto; transition: filter .25s ease, transform .25s ease; }
.footer-brand-logo:hover { filter: drop-shadow(0 0 12px rgba(94, 234, 212, .45)); transform: translateY(-1px); }
.footer-main h5 { color: #fff; font-weight: 700; margin-bottom: 1.25rem; }
.footer-main a { color: #94a3b8; display: block; margin-bottom: 0.5rem; }
.footer-main a:hover { color: #fff; }

.whatsapp-float {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 56px;
    height: 56px;
    background: #25d366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    box-shadow: 0 6px 20px rgba(37,211,102,0.4);
    z-index: 1050;
}

.back-to-top {
    position: fixed;
    bottom: 5rem;
    right: 1.5rem;
    width: 44px;
    height: 44px;
    background: var(--primary);
    color: #fff;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    cursor: pointer;
}

.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: var(--accent);
    z-index: 1100;
    width: 0%;
}

.theme-toggle { cursor: pointer; }

body.dark-mode { background: #0f172a; color: #e2e8f0; }
body.dark-mode .navbar-main { background: rgba(15,23,42,0.92); }
body.dark-mode .navbar-brand, body.dark-mode .nav-link { color: #e2e8f0; }
body.dark-mode .theme-toggle { color: #e2e8f0 !important; }
body.dark-mode .card-premium { background: #1e293b; color: #e2e8f0; }
body.dark-mode .section-title { color: #f8fafc; }

.hero-enterprise { background: radial-gradient(circle at 78% 25%, rgba(37, 99, 235, .28), transparent 28%), linear-gradient(135deg, #071126 0%, #0f1f43 52%, #172554 100%); }
.hero-eyebrow, .section-kicker { color: #2563eb; font-size: .77rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hero-eyebrow { color: #a5c8ff; }
.text-gradient { background: linear-gradient(100deg, #8bb8ff, #46e6c1); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-title { max-width: 42rem; color: #fff; font-size: clamp(2.7rem, 5vw, 4.65rem); font-weight: 800; line-height: 1.04; letter-spacing: -.055em; }
.hero-copy { max-width: 39rem; color: #c5d7f2; font-size: 1.13rem; line-height: 1.75; }
.hero-trust-row { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; color: #c7d8f7; font-size: .88rem; }
.hero-trust-row i { color: #46e6c1; margin-right: .3rem; }
.hero-capability-chips { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.35rem; }.hero-capability-chips span { display: inline-flex; align-items: center; gap: .38rem; padding: .42rem .7rem; border: 1px solid rgba(176, 211, 255, .18); border-radius: .55rem; background: rgba(255, 255, 255, .055); color: #dce9fc; font-size: .74rem; font-weight: 650; }.hero-capability-chips i { color: #65e1c0; font-size: .82rem; }
.hero-metric-row { display: flex; flex-wrap: wrap; gap: 2.25rem; }
.hero-metric { min-width: 6.5rem; }
.hero-stat { color: #fff; font-size: 2rem; line-height: 1.1; }
.hero-metric small { color: #aebfdb; font-size: .78rem; }
.hero-product-frame { position: relative; max-width: 42rem; margin-inline: auto; padding: 1.25rem; }
.hero-product-glow { position: absolute; z-index: 0; inset: 14% 6% 8%; border-radius: 2rem; background: radial-gradient(circle, rgba(69, 217, 182, .25), transparent 62%); filter: blur(20px); }
.hero-product-frame .enterprise-console { position: relative; z-index: 1; transform: perspective(1200px) rotateY(-4deg) rotateX(2deg); transform-origin: center; }
.hero-floating-card { position: absolute; z-index: 2; display: flex; align-items: center; gap: .65rem; padding: .75rem .9rem; border: 1px solid rgba(211, 230, 255, .5); border-radius: .8rem; background: rgba(244, 250, 255, .92); box-shadow: 0 18px 35px rgba(2, 14, 40, .22); color: #163a69; backdrop-filter: blur(12px); }
.hero-floating-card > i { color: #16a879; font-size: 1.2rem; }.hero-floating-card span { display: flex; flex-direction: column; line-height: 1.25; }.hero-floating-card strong { font-size: .75rem; }.hero-floating-card small { color: #64748b; font-size: .65rem; }.hero-floating-card-one { right: -1.2rem; top: 21%; }.hero-floating-card-two { left: -1.35rem; bottom: 14%; }.hero-floating-dot { width: .65rem; height: .65rem; border-radius: 50%; background: #46d6a5; box-shadow: 0 0 0 .3rem rgba(70, 214, 165, .16); }
.proof-strip { position: relative; z-index: 2; margin-top: -1px; padding: 1.2rem 0; background: #fff; border-bottom: 1px solid #e7edf8; }.proof-strip-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #526985; font-size: .8rem; font-weight: 650; }.proof-strip-inner > span { white-space: nowrap; }.proof-strip-inner i { margin-right: .35rem; color: #2563eb; }.proof-label { color: #102b57; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }

.enterprise-console { position: relative; overflow: hidden; border: 1px solid rgba(173, 205, 255, .2); border-radius: 1.25rem; background: rgba(7, 17, 38, .72); box-shadow: 0 30px 70px rgba(2, 6, 23, .38); backdrop-filter: blur(18px); color: #e5efff; }
.console-topbar { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid rgba(173, 205, 255, .12); font-size: .82rem; }
.console-mark { width: 1.85rem; height: 1.85rem; display: inline-grid; place-items: center; border-radius: .55rem; background: linear-gradient(135deg, #2563eb, #45d9b6); color: #fff; }
.console-live { color: #74e5b7; font-size: .72rem; font-weight: 700; }
.console-live i { font-size: .48rem; }
.console-grid { display: grid; grid-template-columns: 3.6rem 1fr; min-height: 23rem; }
.console-sidebar { display: flex; flex-direction: column; align-items: center; gap: 1.45rem; padding-top: 1.4rem; border-right: 1px solid rgba(173, 205, 255, .1); color: #7990b9; }
.console-sidebar span { width: 2.2rem; height: 2.2rem; display: grid; place-items: center; border-radius: .6rem; }
.console-sidebar .active { color: #fff; background: rgba(37, 99, 235, .65); }
.console-main { padding: 1.35rem; }
.console-greeting { display: flex; flex-direction: column; gap: .2rem; font-size: .8rem; color: #9bb0d2; }
.console-greeting strong { color: #f8fbff; font-size: 1rem; }
.console-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; margin: 1.15rem 0; }
.console-kpis > div { padding: .75rem; border: 1px solid rgba(173, 205, 255, .1); border-radius: .65rem; background: rgba(255, 255, 255, .045); }
.console-kpis small, .console-chart small { display: block; color: #8da3c8; font-size: .65rem; }
.console-kpis strong { display: block; margin: .15rem 0; color: #fff; font-size: 1.1rem; }
.console-kpis .up { color: #58d9af; font-size: .64rem; }.console-kpis .attention { color: #ffca73; font-size: .64rem; }
.console-chart { min-height: 9rem; padding: 1rem; border-radius: .75rem; background: rgba(255, 255, 255, .05); font-size: .76rem; }
.chart-bars { height: 6.5rem; display: flex; align-items: end; gap: .55rem; border-bottom: 1px solid rgba(173, 205, 255, .2); }
.chart-bars span { flex: 1; border-radius: .3rem .3rem 0 0; background: linear-gradient(180deg, #48d8b5, #2563eb); }
.console-bottom-row { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-top: .8rem; }
.console-bottom-row > div { display: flex; align-items: center; gap: .45rem; padding: .6rem; font-size: .67rem; border-radius: .55rem; background: rgba(255, 255, 255, .05); }
.console-bottom-row i { font-size: 1rem; }.console-activity i { color: #4ee0b4; }.console-ai i { color: #a78bfa; }
.console-bottom-row span { display: flex; flex-direction: column; }.console-bottom-row small { color: #8da3c8; }

.section-heading { max-width: 44rem; }.platform-section { background: #fbfcff; }.platform-pillar { padding: 1.65rem; border: 1px solid #e7edf8; border-radius: 1rem; background: #fff; transition: var(--transition); }
.platform-pillar:hover { transform: translateY(-6px); border-color: #b8d1ff; box-shadow: 0 18px 38px rgba(30, 64, 175, .1); }.platform-pillar-icon, .capability-icon { display: inline-grid; width: 3rem; height: 3rem; place-items: center; border-radius: .8rem; color: #2563eb; background: #eaf1ff; font-size: 1.3rem; margin-bottom: 1rem; }.platform-pillar h5, .capability-card h5 { color: #102247; font-weight: 750; }.platform-pillar p, .capability-card p { color: #64748b; font-size: .92rem; }.platform-pillar span { color: #2563eb; font-size: .8rem; font-weight: 700; }

.suite-section { background: #fff; }.product-suite-card { padding: 1.65rem; border: 1px solid #e7edf8; border-radius: 1rem; color: inherit; background: linear-gradient(145deg, #fff, #f7faff); transition: var(--transition); }.product-suite-card:hover { transform: translateY(-7px); color: inherit; box-shadow: 0 20px 38px rgba(30, 64, 175, .12); }.product-suite-icon { width: 3.25rem; height: 3.25rem; display: grid; place-items: center; border-radius: .85rem; color: #fff; background: linear-gradient(135deg, #2563eb, #0ea5e9); font-size: 1.35rem; }.product-suite-arrow { color: #2563eb; }.product-suite-card h5 { color: #102247; font-weight: 750; }.product-suite-card p { color: #64748b; font-size: .9rem; }.product-suite-meta { display: flex; gap: 1rem; color: #475569; font-size: .76rem; font-weight: 650; }.product-suite-meta i { color: #2563eb; }.empty-suite-state { padding: 2rem; border: 1px dashed #cbd5e1; border-radius: 1rem; text-align: center; color: #64748b; }
.readyhrms-module-card { position: relative; padding: 1.55rem; overflow: hidden; border: 1px solid #e1eaf7; border-radius: 1rem; background: linear-gradient(145deg, #fff, #f8fbff); transition: var(--transition); }.readyhrms-module-card:hover { transform: translateY(-6px); border-color: #b7d1fb; box-shadow: 0 20px 40px rgba(30, 64, 175, .12); }.readyhrms-module-number { position: absolute; top: 1rem; right: 1.1rem; color: #d4e1f4; font-size: .75rem; font-weight: 800; }.readyhrms-module-icon { display: grid; width: 3rem; height: 3rem; place-items: center; margin-bottom: 1rem; border-radius: .8rem; background: linear-gradient(135deg, #e9f2ff, #e8fcf6); color: #2563eb; font-size: 1.25rem; }.readyhrms-module-card h5 { color: #102247; font-weight: 750; }.readyhrms-module-card ul { display: grid; gap: .58rem; margin: 1rem 0 0; padding: 0; list-style: none; }.readyhrms-module-card li { display: flex; align-items: flex-start; gap: .42rem; color: #60748e; font-size: .82rem; line-height: 1.4; }.readyhrms-module-card li i { color: #16a879; font-size: 1rem; line-height: 1.15; }

.product-spotlight { padding: 2.5rem; border: 1px solid #e7edf8; border-radius: 1.25rem; background: linear-gradient(145deg, #fff, #f8fbff); }
.product-spotlight-alt { background: linear-gradient(145deg, #f8fbff, #fff); }
.product-spotlight-badge { display: inline-flex; align-items: center; gap: .5rem; padding: .45rem 1rem; border-radius: 2rem; background: #eaf1ff; color: #2563eb; font-size: .8rem; font-weight: 700; margin-bottom: 1rem; }
.product-feature-grid { border: 1px solid #e2e8f0; border-radius: 1rem; overflow: hidden; background: #fff; box-shadow: 0 8px 24px rgba(30, 64, 175, .06); }
.product-feature-grid-header { display: flex; align-items: center; gap: .6rem; padding: 1rem 1.25rem; background: linear-gradient(135deg, #2563eb, #0ea5e9); color: #fff; font-size: .88rem; font-weight: 700; }
.product-feature-grid-header i { font-size: 1.15rem; }
.product-feature-grid-body { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }
.product-feature-item { display: flex; align-items: center; gap: .55rem; padding: .75rem 1.15rem; font-size: .85rem; color: #334155; border-bottom: 1px solid #f1f5f9; border-right: 1px solid #f1f5f9; transition: background .2s; }
.product-feature-item:hover { background: #f0f7ff; }
.product-feature-item i { font-size: .82rem; flex-shrink: 0; }
@media (max-width: 575px) { .product-feature-grid-body { grid-template-columns: 1fr; } .product-spotlight { padding: 1.5rem; } }

.implementation-card { padding: 1.15rem; border: 1px solid #e2e8f0; border-radius: .9rem; background: #fff; color: inherit; transition: var(--transition); }.implementation-card:hover { color: inherit; transform: translateY(-4px); box-shadow: var(--shadow); }.implementation-card > i { color: #2563eb; font-size: 1.35rem; }.implementation-card h6 { margin: .7rem 0 .35rem; color: #102247; font-weight: 750; }.implementation-card p { margin: 0; color: #64748b; font-size: .82rem; }

.workflow-section { background: #f8fbff; }.workflow-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; color: #334155; font-size: .9rem; }.workflow-benefits i { color: #16a879; margin-right: .35rem; }.workflow-canvas { padding: 1.8rem; border-radius: 1.25rem; background: linear-gradient(135deg, #0d1b3b, #172c5d); box-shadow: 0 25px 50px rgba(15, 23, 42, .2); }.workflow-node { display: flex; align-items: center; gap: .75rem; padding: .8rem 1rem; border: 1px solid rgba(255, 255, 255, .16); border-radius: .75rem; background: rgba(255, 255, 255, .08); color: #eaf2ff; font-size: .88rem; }.workflow-node i { color: #93c5fd; }.workflow-node-start i { color: #5eead4; }.workflow-node-end i { color: #86efac; }.workflow-connector { width: 2px; height: 1.25rem; margin-left: 1.3rem; background: linear-gradient(#4b79cf, #65d4bf); }.workflow-ai-note { margin-top: 1.2rem; padding: .7rem .85rem; border-radius: .65rem; color: #d8ceff; background: rgba(167, 139, 250, .15); font-size: .78rem; }.workflow-ai-note i { margin-right: .35rem; }

.intelligence-section { background: radial-gradient(circle at 15% 15%, #254e9c, transparent 28%), #081631; }.intelligence-section .section-kicker { color: #7dd3fc; }.intelligence-card { padding: 1.65rem; border: 1px solid rgba(255, 255, 255, .12); border-radius: 1rem; color: #f8fbff; background: rgba(255, 255, 255, .07); }.intelligence-card > i { display: block; margin-bottom: 1rem; color: #7dd3fc; font-size: 1.6rem; }.intelligence-card h5 { font-weight: 750; }.intelligence-card p { margin-bottom: 0; color: #b9c8e7; font-size: .9rem; }
.capabilities-section { background: #fff; }.capability-card { padding: 1.5rem; border: 1px solid #e7edf8; border-radius: 1rem; background: #fff; }.capability-card:hover { box-shadow: 0 15px 32px rgba(30, 64, 175, .09); }.capability-icon { background: #e9fbf5; color: #0f9b70; }

.product-page-hero { position: relative; overflow: hidden; padding: 8.5rem 0 5.5rem; background: radial-gradient(circle at 82% 18%, rgba(69, 217, 182, .22), transparent 25%), radial-gradient(circle at 12% 80%, rgba(37, 99, 235, .28), transparent 30%), linear-gradient(135deg, #071126, #102757 62%, #153875); color: #fff; }
.product-page-orb { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .3; pointer-events: none; }
.product-page-orb-one { width: 25rem; height: 25rem; top: -13rem; right: 25%; background: #2563eb; }
.product-page-orb-two { width: 19rem; height: 19rem; bottom: -11rem; right: -4rem; background: #34d399; }
.product-breadcrumb { margin-bottom: 3.2rem; }.product-breadcrumb .breadcrumb-item, .product-breadcrumb .breadcrumb-item.active { color: #b9c9e8; font-size: .8rem; }.product-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #7f94b9; }.product-breadcrumb a { color: #d9e7ff; }
.product-hero-label { display: inline-flex; align-items: center; gap: .55rem; padding: .5rem .9rem; border: 1px solid rgba(172, 211, 255, .23); border-radius: 2rem; background: rgba(255, 255, 255, .07); color: #b5d6ff; font-size: .8rem; font-weight: 700; }.product-hero-label i { color: #5eead4; }
.product-page-hero h1 { max-width: 43rem; margin: 1.2rem 0; color: #fff; font-size: clamp(2.5rem, 5vw, 4.25rem); font-weight: 800; letter-spacing: -.045em; }.product-hero-copy { max-width: 38rem; color: #c3d2ea; font-size: 1.12rem; line-height: 1.75; }.product-page-hero .btn-outline-light { border-radius: 50rem; padding: .65rem 1.5rem; font-weight: 600; }
.product-hero-trust { display: flex; flex-wrap: wrap; gap: .9rem 1.3rem; margin-top: 1.8rem; color: #c1d3ef; font-size: .82rem; }.product-hero-trust i { color: #5eead4; margin-right: .3rem; }
.product-command-card { padding: 1.4rem; border: 1px solid rgba(188, 216, 255, .2); border-radius: 1.25rem; background: rgba(7, 19, 47, .67); box-shadow: 0 28px 65px rgba(2, 6, 23, .35); backdrop-filter: blur(16px); }.product-command-head { display: flex; align-items: center; gap: .7rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(188, 216, 255, .13); }.product-command-head > div { display: flex; flex-direction: column; }.product-command-head strong { color: #f8fbff; font-size: .92rem; }.product-command-head small { color: #9fb2d3; font-size: .7rem; }.product-command-logo { display: grid; width: 2.45rem; height: 2.45rem; place-items: center; border-radius: .7rem; background: linear-gradient(135deg, #2563eb, #38d6b3); color: #fff; }.product-status { margin-left: auto; color: #69e1b4; font-size: .7rem; font-weight: 700; }.product-status i { font-size: .45rem; }
.product-command-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; margin: 1rem 0; }.product-command-metrics > div { padding: .8rem; border: 1px solid rgba(188, 216, 255, .1); border-radius: .7rem; background: rgba(255, 255, 255, .05); }.product-command-metrics small, .product-command-chart small { display: block; color: #9eb1d1; font-size: .65rem; }.product-command-metrics strong { display: block; margin: .2rem 0; color: #fff; font-size: 1.1rem; }.product-command-metrics span { color: #63dcb0; font-size: .63rem; }
.product-command-chart { padding: 1rem; border-radius: .8rem; background: rgba(255, 255, 255, .05); color: #e8f1ff; font-size: .78rem; }.product-chart-bars { display: flex; align-items: end; height: 7rem; gap: .55rem; border-bottom: 1px solid rgba(188, 216, 255, .18); }.product-chart-bars span { flex: 1; border-radius: .3rem .3rem 0 0; background: linear-gradient(180deg, #49d9b5, #2563eb); }.product-command-event { display: flex; align-items: center; gap: .6rem; margin-top: .8rem; padding: .75rem; border-radius: .7rem; background: rgba(94, 234, 212, .08); }.product-command-event > i { color: #5eead4; font-size: 1.2rem; }.product-command-event span { display: flex; flex-direction: column; }.product-command-event strong { color: #e8fff8; font-size: .72rem; }.product-command-event small { color: #a9c6d4; font-size: .67rem; }
.product-intro-section { background: #fff; }.product-description { color: #64748b; font-size: 1rem; line-height: 1.8; }.product-outcome-card { padding: 1.8rem; border: 1px solid #dce8fb; border-radius: 1.1rem; background: linear-gradient(145deg, #f5f9ff, #fff); }.product-outcome-icon { display: grid; width: 3rem; height: 3rem; place-items: center; margin-bottom: 1rem; border-radius: .8rem; background: #e2eeff; color: #2563eb; font-size: 1.3rem; }.product-outcome-card h5 { color: #102247; font-weight: 750; }.product-outcome-card p { color: #64748b; font-size: .9rem; }.product-outcome-items { display: grid; gap: .55rem; margin-top: 1.2rem; color: #334155; font-size: .83rem; font-weight: 600; }.product-outcome-items i { color: #16a879; margin-right: .35rem; }
.product-modules-section { background: #f7faff; }.product-section-heading { max-width: 45rem; }.product-module-card { position: relative; padding: 1.45rem; overflow: hidden; border: 1px solid #e3ebf8; border-radius: 1rem; background: #fff; transition: var(--transition); }.product-module-card:hover { transform: translateY(-5px); border-color: #bcd3fb; box-shadow: 0 18px 36px rgba(30, 64, 175, .1); }.product-module-number { position: absolute; top: .85rem; right: 1rem; color: #d8e3f5; font-size: .74rem; font-weight: 800; }.product-module-icon { display: grid; width: 2.65rem; height: 2.65rem; place-items: center; margin-bottom: 1rem; border-radius: .75rem; background: #eaf2ff; color: #2563eb; font-size: 1.15rem; }.product-module-card h6 { color: #102247; font-weight: 750; }.product-module-card p { margin: 0; color: #718096; font-size: .82rem; line-height: 1.6; }
.product-platform-section { background: #fff; }.product-value-card { padding: 1.25rem; border: 1px solid #e4ebf5; border-radius: .95rem; background: #fff; }.product-value-card > i { display: block; margin-bottom: .8rem; color: #2563eb; font-size: 1.3rem; }.product-value-card h6 { color: #102247; font-weight: 750; }.product-value-card p { margin: 0; color: #718096; font-size: .82rem; line-height: 1.6; }
.product-cta-section { padding-top: 1rem; background: #fff; }.product-cta-panel { padding: 4.2rem 1.5rem; border-radius: 1.3rem; background: radial-gradient(circle at 18% 10%, rgba(94, 234, 212, .28), transparent 30%), linear-gradient(135deg, #123170, #2563b7); color: #fff; }.product-cta-panel .section-kicker { color: #a8f0df; }.product-cta-panel h2 { max-width: 44rem; margin: .7rem auto 1rem; font-size: clamp(1.8rem, 4vw, 2.7rem); font-weight: 800; }.product-cta-panel p { max-width: 40rem; margin: 0 auto 1.8rem; color: #d5e3fb; }.product-cta-panel .btn-outline-light { border-radius: 50rem; padding: .65rem 1.5rem; font-weight: 600; }
.product-related-section { background: #fff; }.product-related-card { padding: 1.5rem; border: 1px solid #e1eaf7; border-radius: 1rem; color: inherit; background: linear-gradient(145deg, #fff, #f7faff); transition: var(--transition); }.product-related-card:hover { transform: translateY(-5px); color: inherit; box-shadow: 0 18px 36px rgba(30, 64, 175, .1); }.product-related-card > div > i { color: #2563eb; }.product-related-icon { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .75rem; background: linear-gradient(135deg, #2563eb, #0ea5e9); color: #fff; font-size: 1.2rem; }.product-related-tagline { color: #2563eb; font-size: .72rem; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }.product-related-card h5 { margin: .5rem 0; color: #102247; font-weight: 750; }.product-related-card p { margin: 0; color: #64748b; font-size: .86rem; line-height: 1.65; }

.industry-hero { position: relative; overflow: hidden; padding: 8.5rem 0 5.5rem; background: radial-gradient(circle at 78% 15%, rgba(45, 212, 191, .2), transparent 25%), radial-gradient(circle at 10% 85%, rgba(37, 99, 235, .28), transparent 30%), linear-gradient(135deg, #061126, #102757 62%, #153875); color: #fff; }.industry-hero-orb { position: absolute; border-radius: 50%; opacity: .28; pointer-events: none; }.industry-hero-orb-one { width: 25rem; height: 25rem; top: -14rem; right: 24%; background: #2563eb; }.industry-hero-orb-two { width: 19rem; height: 19rem; bottom: -11rem; right: -4rem; background: #2dd4bf; }.industry-breadcrumb { margin-bottom: 3.25rem; }.industry-breadcrumb .breadcrumb-item, .industry-breadcrumb .breadcrumb-item.active { color: #b9c9e8; font-size: .8rem; }.industry-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #7288ad; }.industry-breadcrumb a { color: #dce9ff; }.industry-hero-label { display: inline-flex; align-items: center; gap: .55rem; padding: .5rem .9rem; border: 1px solid rgba(172, 211, 255, .23); border-radius: 2rem; background: rgba(255, 255, 255, .07); color: #b5d6ff; font-size: .8rem; font-weight: 700; }.industry-hero-label i { color: #5eead4; }.industry-hero h1 { max-width: 43rem; margin: 1.2rem 0; color: #fff; font-size: clamp(2.5rem, 5vw, 4.25rem); font-weight: 800; line-height: 1.05; letter-spacing: -.045em; }.industry-hero h1 span { background: linear-gradient(100deg, #8bb8ff, #46e6c1); -webkit-background-clip: text; background-clip: text; color: transparent; }.industry-hero > .container > .row > div > p { max-width: 38rem; color: #c3d2ea; font-size: 1.12rem; line-height: 1.75; }.industry-hero .btn-outline-light { border-radius: 50rem; padding: .65rem 1.5rem; font-weight: 600; }.industry-hero-trust { display: flex; flex-wrap: wrap; gap: .9rem 1.3rem; margin-top: 1.8rem; color: #c1d3ef; font-size: .82rem; }.industry-hero-trust i { color: #5eead4; margin-right: .3rem; }
.industry-command-card { padding: 1.4rem; border: 1px solid rgba(188, 216, 255, .2); border-radius: 1.25rem; background: rgba(7, 19, 47, .67); box-shadow: 0 28px 65px rgba(2, 6, 23, .35); backdrop-filter: blur(16px); }.industry-command-topbar { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid rgba(188, 216, 255, .13); }.industry-command-topbar > div { display: flex; align-items: center; gap: .7rem; }.industry-command-topbar strong { color: #f8fbff; font-size: .92rem; }.industry-command-topbar > span { color: #69e1b4; font-size: .7rem; font-weight: 700; }.industry-command-topbar > span i { font-size: .45rem; }.industry-command-mark { display: grid; width: 2.45rem; height: 2.45rem; place-items: center; border-radius: .7rem; background: linear-gradient(135deg, #2563eb, #38d6b3); color: #fff; }.industry-command-body { padding-top: 1rem; }.industry-command-summary { display: flex; flex-direction: column; gap: .25rem; }.industry-command-summary span { color: #9eb1d1; font-size: .7rem; }.industry-command-summary strong { color: #f8fbff; font-size: 1rem; }.industry-command-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; margin: 1rem 0; }.industry-command-metrics > div { padding: .8rem; border: 1px solid rgba(188, 216, 255, .1); border-radius: .7rem; background: rgba(255, 255, 255, .05); }.industry-command-metrics small { display: block; color: #9eb1d1; font-size: .65rem; }.industry-command-metrics strong { display: block; margin: .2rem 0; color: #fff; font-size: 1.05rem; }.industry-command-metrics span { color: #63dcb0; font-size: .63rem; }.industry-command-chart { padding: 1rem; border-radius: .8rem; background: rgba(255, 255, 255, .05); color: #e8f1ff; font-size: .78rem; }.industry-command-chart small { color: #9eb1d1; }.industry-chart-columns { display: flex; align-items: end; height: 7rem; gap: .55rem; border-bottom: 1px solid rgba(188, 216, 255, .18); }.industry-chart-columns span { flex: 1; border-radius: .3rem .3rem 0 0; background: linear-gradient(180deg, #49d9b5, #2563eb); }.industry-command-event { display: flex; align-items: center; gap: .6rem; margin-top: .8rem; padding: .75rem; border-radius: .7rem; background: rgba(94, 234, 212, .08); }.industry-command-event > i { color: #5eead4; font-size: 1.2rem; }.industry-command-event span { display: flex; flex-direction: column; }.industry-command-event strong { color: #e8fff8; font-size: .72rem; }.industry-command-event small { color: #a9c6d4; font-size: .67rem; }
.industry-proof-strip { padding: 1.2rem 0; border-bottom: 1px solid #e7edf8; background: #fff; }.industry-proof-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #526985; font-size: .8rem; font-weight: 650; }.industry-proof-inner > span { white-space: nowrap; }.industry-proof-inner > span:first-child { color: #102b57; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }.industry-proof-inner i { margin-right: .35rem; color: #2563eb; }
.industry-overview-section { background: #fff; }.industry-overview-copy { color: #64748b; font-size: 1rem; line-height: 1.8; }.industry-overview-copy > :last-child { margin-bottom: 0; }.industry-outcome-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }.industry-outcome-card { padding: 1.55rem; border: 1px solid #dce8fb; border-radius: 1.05rem; background: linear-gradient(145deg, #f7fbff, #fff); }.industry-outcome-icon { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; margin-bottom: 1rem; border-radius: .75rem; background: #e2eeff; color: #2563eb; font-size: 1.2rem; }.industry-outcome-card h5 { color: #102247; font-weight: 750; font-size: 1rem; }.industry-outcome-card p { margin: 0; color: #64748b; font-size: .84rem; line-height: 1.65; }
.industry-solutions-section { background: #f7faff; }.industry-section-heading { max-width: 43rem; }.industry-solution-card { position: relative; padding: 1.55rem; overflow: hidden; border: 1px solid #e1eaf7; border-radius: 1rem; background: #fff; }.industry-solution-card:hover { transform: translateY(-5px); border-color: #bad4ff; box-shadow: 0 20px 38px rgba(30, 64, 175, .1); }.industry-solution-number { position: absolute; top: 1rem; right: 1.15rem; color: #d8e3f5; font-size: .75rem; font-weight: 800; }.industry-solution-icon { display: grid; width: 2.9rem; height: 2.9rem; place-items: center; margin-bottom: 1.05rem; border-radius: .8rem; background: linear-gradient(135deg, #e8f1ff, #eefcf8); color: #2563eb; font-size: 1.2rem; }.industry-solution-card h5 { color: #102247; font-weight: 750; }.industry-solution-card p { color: #64748b; font-size: .86rem; line-height: 1.65; }.industry-solution-link { color: #2563eb; font-size: .78rem; font-weight: 700; }.industry-solution-link i { margin-left: .2rem; }
.industry-process-section { background: radial-gradient(circle at 10% 10%, rgba(45, 212, 191, .14), transparent 25%), linear-gradient(135deg, #081631, #153875); }.industry-process-section .section-kicker { color: #8de7d2; }.industry-process-copy { color: #c5d7f2; line-height: 1.75; }.industry-process-flow { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }.industry-process-step { display: flex; align-items: flex-start; gap: .9rem; padding: 1.1rem; border: 1px solid rgba(188, 216, 255, .14); border-radius: .9rem; background: rgba(255, 255, 255, .06); }.industry-process-step > span { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border-radius: .65rem; background: rgba(94, 234, 212, .14); color: #6de2c1; font-size: .7rem; font-weight: 800; }.industry-process-step div { display: flex; flex-direction: column; gap: .25rem; }.industry-process-step strong { color: #f5f9ff; font-size: .9rem; }.industry-process-step small { color: #b6c7e5; font-size: .75rem; line-height: 1.5; }.industry-cta-section { padding-top: 1rem; background: #fff; }.industry-cta-panel { padding: 4.2rem 1.5rem; border: 1px solid #dce8fb; border-radius: 1.3rem; background: radial-gradient(circle at 18% 10%, rgba(94, 234, 212, .21), transparent 30%), linear-gradient(145deg, #f6faff, #fff); }.industry-cta-panel h2 { max-width: 43rem; margin: .7rem auto 1rem; color: #102b57; font-size: clamp(1.8rem, 4vw, 2.7rem); font-weight: 800; }.industry-cta-panel p { max-width: 39rem; margin: 0 auto 1.8rem; color: #64748b; }

@media (max-width: 991px) { body.mobile-nav-open { overflow: hidden; }.navbar-main { padding: .65rem 0; z-index: 1070; }.navbar-main > .container { position: static; }.mobile-nav-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.15rem .9rem; border-bottom: 1px solid #e8eef7; }.mobile-nav-head .website-brand-logo { width: 150px; height: auto; }.mobile-menu-close { display: inline-grid; width: 42px; height: 42px; place-items: center; border: 1px solid #dbe7f6; border-radius: .85rem; background: #f8fbff; color: #102b57; box-shadow: 0 8px 20px rgba(15, 35, 70, .08); }.mobile-menu-close:hover { background: #eef5ff; color: var(--primary); }.mobile-nav-drawer { display: block !important; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1060; width: min(86vw, 22rem); height: 100vh; padding: 0; overflow-x: hidden; overflow-y: auto; border-right: 1px solid rgba(219, 231, 246, .9); background: rgba(255, 255, 255, .98); box-shadow: 24px 0 60px rgba(15, 23, 42, .2); transform: translateX(-104%); visibility: hidden; transition: transform .32s ease, visibility .32s ease; }.mobile-nav-drawer.show { transform: translateX(0); visibility: visible; }.mobile-nav-drawer .navbar-nav { padding: 1rem .9rem; }.mobile-nav-drawer .nav-item { width: 100%; }.mobile-nav-drawer .nav-link { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: .25rem; padding: .85rem .95rem !important; border-radius: .85rem; color: #284361; font-weight: 700; }.mobile-nav-drawer .nav-link:hover, .mobile-nav-drawer .nav-link.active { background: #eef5ff; color: var(--primary); }.mobile-nav-drawer > .d-flex { align-items: stretch !important; flex-direction: column; gap: .75rem !important; padding: 0 .9rem 1.2rem; }.mobile-nav-drawer .theme-toggle { align-self: flex-start; display: inline-grid; width: 42px; height: 42px; place-items: center; border: 1px solid #e1eaf7; border-radius: .85rem; background: #f8fbff; }.mobile-nav-drawer .btn-primary { width: 100%; padding: .85rem 1.15rem; }.mobile-nav-backdrop { position: fixed; inset: 0; z-index: 1050; display: block; background: rgba(15, 23, 42, .52); opacity: 0; visibility: hidden; backdrop-filter: blur(3px); transition: opacity .28s ease, visibility .28s ease; }.mobile-nav-backdrop.show { opacity: 1; visibility: visible; }.navbar-main .dropdown-menu { position: static; float: none; }.nav-mega-menu, .nav-services-menu { width: 100%; margin: .3rem 0 .65rem; border-color: #e7eef8; box-shadow: none; }.hero-section { padding: 7rem 0 4rem; }.section-title { font-size: 1.75rem; }.enterprise-console { max-width: 38rem; margin: auto; }.console-grid { min-height: 20rem; }.product-page-hero, .industry-hero { padding-top: 7.5rem; }.product-command-card, .industry-command-card { max-width: 38rem; margin: auto; }.proof-strip-inner, .industry-proof-inner { justify-content: flex-start; flex-wrap: wrap; }.proof-label { width: 100%; }.hero-product-frame { margin-top: 1rem; } }
@media (max-width: 575px) { body { font-size: .9rem; }.btn, .btn-primary, .btn-outline-primary, .btn-outline-light { padding: .52rem .95rem; border-radius: 50rem; font-size: .82rem; line-height: 1.25; }.btn-sm { padding: .46rem .78rem; font-size: .76rem; }.btn-lg { padding: .62rem 1.05rem; font-size: .88rem; }.d-flex.flex-wrap.gap-3 .btn, .hero-section .btn, .product-page-hero .btn, .industry-hero .btn, .market-hero .btn, .cta-section .btn, .industry-cta-panel .btn, .product-cta-panel .btn { min-height: 38px; }.display-3 { font-size: 2.05rem; line-height: 1.12; }.hero-title { font-size: 2.05rem; line-height: 1.12; }.hero-copy { font-size: .92rem; line-height: 1.65; }.section-title { font-size: 1.55rem; line-height: 1.25; }.section-subtitle, .lead { font-size: .92rem; line-height: 1.65; }.navbar-brand .website-brand-logo, .website-brand-logo { width: 142px; height: auto; }.mobile-menu-toggle { width: 40px; height: 40px; border-radius: .78rem; }.mobile-nav-drawer { width: min(84vw, 19rem); }.mobile-nav-head { padding: .9rem .9rem .75rem; }.mobile-nav-head .website-brand-logo { width: 132px; }.mobile-menu-close { width: 38px; height: 38px; border-radius: .75rem; font-size: .85rem; }.mobile-nav-drawer .navbar-nav { padding: .8rem .75rem; }.mobile-nav-drawer .nav-link { margin-bottom: .18rem; padding: .72rem .78rem !important; border-radius: .72rem; font-size: .88rem; }.nav-mega-overview, .nav-mega-item { gap: .6rem; }.nav-mega-overview { padding: .65rem; }.nav-mega-item { padding: .56rem .65rem; }.nav-mega-overview strong, .nav-mega-item strong { font-size: .76rem; }.nav-mega-overview small, .nav-mega-item small { font-size: .64rem; }.nav-menu-icon { width: 1.95rem; height: 1.95rem; border-radius: .55rem; font-size: .85rem; }.mobile-nav-drawer .btn-primary { padding: .72rem 1rem; font-size: .86rem; }.hero-capability-chips { gap: .45rem; }.hero-capability-chips span { font-size: .68rem; }.console-main { padding: 1rem; }.console-kpis { gap: .35rem; }.console-kpis > div { padding: .55rem; }.console-kpis strong { font-size: .92rem; }.console-bottom-row { grid-template-columns: 1fr; }.workflow-benefits { grid-template-columns: 1fr; }.hero-trust-row, .industry-hero-trust { display: grid; font-size: .76rem; }.hero-metric-row { gap: 1.25rem; }.hero-product-frame { padding: 0; }.hero-product-frame .enterprise-console { transform: none; }.hero-floating-card { display: none; }.proof-strip, .industry-proof-strip { padding: 1rem 0; }.proof-strip-inner, .industry-proof-inner { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; font-size: .7rem; }.proof-label, .industry-proof-inner > span:first-child { grid-column: 1 / -1; }.industry-breadcrumb { margin-bottom: 2.25rem; }.industry-hero { padding-bottom: 4rem; }.industry-hero h1 { font-size: 2.05rem; line-height: 1.12; }.industry-hero > .container > .row > div > p { font-size: .92rem; line-height: 1.65; }.industry-command-metrics, .industry-outcome-grid, .industry-process-flow { grid-template-columns: 1fr; }.industry-command-card { padding: 1rem; }.industry-cta-panel { padding: 3.25rem 1.2rem; }.section { padding: 3.5rem 0; } }

.market-hero { position: relative; overflow: hidden; padding: 8.5rem 0 5.5rem; background: radial-gradient(circle at 82% 18%, rgba(69, 217, 182, .22), transparent 25%), radial-gradient(circle at 12% 80%, rgba(37, 99, 235, .28), transparent 30%), linear-gradient(135deg, #071126, #102757 62%, #153875); color: #fff; }
.market-hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .3; pointer-events: none; }
.market-hero-orb-one { width: 25rem; height: 25rem; top: -13rem; right: 25%; background: #2563eb; }
.market-hero-orb-two { width: 19rem; height: 19rem; bottom: -11rem; right: -4rem; background: #34d399; }
.market-breadcrumb { margin-bottom: 3.2rem; }
.market-breadcrumb .breadcrumb-item, .market-breadcrumb .breadcrumb-item.active { color: #b9c9e8; font-size: .8rem; }
.market-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #7f94b9; }
.market-breadcrumb a { color: #d9e7ff; }
.market-hero-content { position: relative; max-width: 46rem; margin-inline: auto; }
.market-hero-eyebrow { display: inline-block; margin-bottom: .75rem; padding: .35rem .8rem; border: 1px solid rgba(172, 211, 255, .23); border-radius: 2rem; background: rgba(255,255,255,.07); color: #b5d6ff; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.market-hero h1 { color: #fff; font-size: clamp(2.5rem, 5vw, 4.25rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.05; }
.market-hero-copy { max-width: 40rem; margin: 1rem auto 0; color: #c3d2ea; font-size: 1.12rem; line-height: 1.75; }
.market-hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .85rem; margin-top: 1.8rem; }
.market-hero-actions .btn-outline-light { border-radius: 50rem; padding: .65rem 1.5rem; font-weight: 600; }
.market-hero-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: .9rem 1.3rem; margin-top: 1.8rem; color: #c1d3ef; font-size: .82rem; }
.market-hero-trust i { color: #5eead4; margin-right: .3rem; }

.market-cta-section { padding-top: 1rem; background: #fff; }
.market-cta-panel { padding: 4.2rem 1.5rem; border-radius: 1.3rem; background: radial-gradient(circle at 18% 10%, rgba(94, 234, 212, .28), transparent 30%), linear-gradient(135deg, #123170, #2563b7); color: #fff; text-align: center; }
.market-cta-panel .section-kicker { color: #a8f0df; }
.market-cta-panel h2 { max-width: 44rem; margin: .7rem auto 1rem; font-size: clamp(1.8rem, 4vw, 2.7rem); font-weight: 800; }
.market-cta-panel p { max-width: 40rem; margin: 0 auto 1.8rem; color: #d5e3fb; }

@media (max-width: 991px) { .market-hero { padding-top: 7.5rem; } .market-hero-content { max-width: 38rem; } }
@media (max-width: 575px) { .market-hero { padding-bottom: 4rem; } .market-hero h1 { font-size: 2.45rem; } .market-hero-trust { display: grid; justify-content: center; } .market-cta-panel { padding: 3.25rem 1.2rem; } }

.industry-solution-section { background: linear-gradient(180deg, #fff 0%, #f6f9ff 100%); }
.industry-solution-heading, .insight-section-heading, .testimonial-showcase-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.75rem; }
.industry-solution-heading .section-title, .insight-section-heading .section-title, .testimonial-showcase-heading .section-title { margin-bottom: 0; }
.industry-solution-heading .section-subtitle { max-width: 25rem; }
.industry-solution-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.industry-solution-card { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .85rem; min-height: 7.5rem; padding: 1.2rem; border: 1px solid #e4eaf4; border-radius: 1rem; background: #fff; color: #102247; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.industry-solution-card::before { position: absolute; right: -2.7rem; bottom: -3.4rem; width: 7rem; height: 7rem; border-radius: 50%; background: rgba(37, 99, 235, .08); content: ''; transition: transform .25s ease; }
.industry-solution-card:hover { color: #102247; border-color: #b7d2ff; box-shadow: 0 1rem 2.2rem rgba(29, 78, 216, .12); transform: translateY(-5px); }
.industry-solution-card:hover::before { transform: scale(1.25); }
.industry-solution-index { align-self: start; color: #9aabc5; font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.industry-solution-icon { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 2.65rem; height: 2.65rem; border-radius: .8rem; background: linear-gradient(135deg, #e7f0ff, #e8fbf7); color: #2563eb; font-size: 1.15rem; }
.industry-solution-name { position: relative; z-index: 1; font-size: .92rem; font-weight: 750; line-height: 1.3; }
.industry-solution-arrow { position: relative; z-index: 1; color: #2563eb; opacity: 0; transform: translate(-4px, 4px); transition: .25s ease; }
.industry-solution-card:hover .industry-solution-arrow { opacity: 1; transform: translate(0); }
.home-conversion-section { padding-top: 1.25rem; padding-bottom: 1.25rem; background: #f6f9ff; }
.home-conversion-panel { position: relative; overflow: hidden; padding: 3.2rem 3.5rem; border-radius: 1.5rem; background: linear-gradient(115deg, #071b43, #173f91 63%, #155d9c); color: #fff; box-shadow: 0 1.5rem 3.5rem rgba(15, 47, 112, .2); }
.conversion-orb { position: absolute; border-radius: 50%; pointer-events: none; }
.conversion-orb-one { top: -8rem; right: 4%; width: 18rem; height: 18rem; background: rgba(45, 212, 191, .23); }
.conversion-orb-two { bottom: -9rem; left: 42%; width: 16rem; height: 16rem; border: 1.5rem solid rgba(255, 255, 255, .08); }
.conversion-kicker { display: inline-flex; align-items: center; gap: .45rem; color: #93f5e1; font-size: .77rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.home-conversion-panel h2 { max-width: 43rem; margin: .75rem 0; color: #fff; font-size: clamp(2rem, 4vw, 3.1rem); font-weight: 800; line-height: 1.08; letter-spacing: -.04em; }
.home-conversion-panel p { max-width: 42rem; margin: 0; color: #cadbf8; font-size: 1rem; line-height: 1.7; }
.conversion-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.conversion-actions .btn { border-radius: 50rem; font-weight: 750; }
.conversion-link { color: #d9e9ff; font-weight: 700; }.conversion-link:hover { color: #fff; }.conversion-link i { margin-left: .25rem; }
.client-proof-section { background: #fff; }.client-logo-wall { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); border-top: 1px solid #e4eaf4; border-left: 1px solid #e4eaf4; }
.client-logo-cell { display: flex; align-items: center; justify-content: center; min-height: 7.5rem; padding: 1.5rem; border-right: 1px solid #e4eaf4; border-bottom: 1px solid #e4eaf4; background: #fff; transition: background .25s ease; }.client-logo-cell:hover { background: #f4f8ff; }.client-logo-cell img { max-width: 100%; max-height: 2.5rem; filter: grayscale(1); opacity: .65; transition: filter .25s ease, opacity .25s ease; }.client-logo-cell:hover img { filter: grayscale(0); opacity: 1; }.client-logo-cell span { color: #526985; font-size: .85rem; font-weight: 750; text-align: center; }
.testimonial-showcase-section { background: linear-gradient(135deg, #f8fbff, #fff); }.testimonial-heading-quote { color: #cddfff; font-size: 5rem; line-height: .6; }.testimonial-showcase-card { display: flex; flex-direction: column; padding: 2rem; border: 1px solid #e4eaf4; border-radius: 1.1rem; background: #fff; box-shadow: 0 .7rem 1.8rem rgba(31, 67, 128, .06); }.testimonial-rating { color: #f59e0b; font-size: .85rem; letter-spacing: .1rem; }.testimonial-showcase-card > p { flex: 1; margin: 1.3rem 0 1.8rem; color: #233b5f; font-size: 1rem; font-weight: 550; line-height: 1.75; }.testimonial-person { display: flex; align-items: center; gap: .8rem; padding-top: 1.1rem; border-top: 1px solid #edf1f7; }.testimonial-person > span { display: inline-flex; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: linear-gradient(135deg, #2563eb, #14b8a6); color: #fff; font-size: .85rem; font-weight: 800; }.testimonial-person h6 { margin: 0 0 .15rem; color: #102247; font-weight: 800; }.testimonial-person small { color: #7285a0; }
.insight-section { background: #f6f9ff; }.insight-card { overflow: hidden; border: 1px solid #e4eaf4; border-radius: 1.1rem; background: #fff; box-shadow: 0 .6rem 1.5rem rgba(31, 67, 128, .05); transition: transform .25s ease, box-shadow .25s ease; }.insight-card:hover { transform: translateY(-5px); box-shadow: 0 1.2rem 2.2rem rgba(31, 67, 128, .12); }.insight-image { display: flex; align-items: center; justify-content: center; height: 13rem; background: linear-gradient(135deg, #dcecff, #dff8f2); overflow: hidden; }.insight-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }.insight-card:hover .insight-image img { transform: scale(1.05); }.insight-image span { color: #2563eb; font-size: 2.2rem; }.insight-card-body { padding: 1.55rem; }.insight-card-body > small { color: #2563eb; font-size: .72rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.insight-card-body h5 { margin: .65rem 0; font-weight: 800; line-height: 1.35; }.insight-card-body h5 a { color: #102247; }.insight-card-body p { margin-bottom: 1.1rem; color: #64748b; font-size: .88rem; line-height: 1.65; }.insight-read-link { color: #1d4ed8; font-size: .85rem; font-weight: 800; }.insight-read-link i { transition: transform .2s ease; }.insight-read-link:hover i { display: inline-block; transform: translateX(3px); }
.faq-showcase-section { background: #fff; }.faq-contact-link { display: block; max-width: 18rem; padding: 1.1rem 1.2rem; border-left: 3px solid #2563eb; background: #f2f7ff; color: #64748b; font-size: .86rem; line-height: 1.6; }.faq-contact-link span { display: block; color: #1d4ed8; font-weight: 800; }.faq-showcase-accordion .accordion-item { margin-bottom: .8rem; border: 1px solid #e1e9f5; border-radius: .8rem; overflow: hidden; }.faq-showcase-accordion .accordion-button { gap: 1rem; padding: 1.2rem 1.35rem; color: #132c53; font-weight: 750; box-shadow: none; }.faq-showcase-accordion .accordion-button:not(.collapsed) { background: #f1f6ff; color: #1d4ed8; }.faq-showcase-accordion .accordion-body { padding: 0 1.35rem 1.3rem 4.3rem; color: #637792; line-height: 1.7; }.faq-number { color: #91a4c0; font-size: .73rem; font-weight: 850; letter-spacing: .08em; }
@media (max-width: 991px) { .industry-solution-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.industry-solution-heading, .insight-section-heading, .testimonial-showcase-heading { align-items: start; }.home-conversion-panel { padding: 2.5rem; }.conversion-actions { align-items: flex-start; } }
@media (max-width: 575px) { .industry-solution-heading, .insight-section-heading, .testimonial-showcase-heading { display: block; }.industry-solution-heading .section-subtitle { margin-top: .8rem; }.industry-solution-grid { grid-template-columns: 1fr; }.industry-solution-card { min-height: 5.5rem; }.home-conversion-section { padding-top: .5rem; padding-bottom: .5rem; }.home-conversion-panel { padding: 2.1rem 1.4rem; border-radius: 1rem; }.home-conversion-panel h2 { font-size: 2rem; }.conversion-actions { margin-top: .4rem; }.insight-section-heading .btn { margin-top: 1.2rem; }.client-logo-wall { grid-template-columns: repeat(2, 1fr); }.client-logo-cell { min-height: 5.8rem; }.testimonial-heading-quote { display: none; }.faq-showcase-accordion .accordion-button { padding: 1rem; }.faq-showcase-accordion .accordion-body { padding: 0 1rem 1.1rem 3rem; } }
