/* =========================================
           DESIGN TOKENS
        ========================================== */

        :root {

            --white: #FFFFFF;

            --black: #1D1D1F;

            --charcoal: #424245;

            --gray: #6E6E73;

            --light-gray: #F7F8FA;

            --border: #E5E5E7;

            --blue: #0071E3;

            --blue-hover: #0062CC;

            --blue-light: #F0F7FF;

            --shadow-soft:
                0 10px 35px rgba(0, 0, 0, 0.06);

            --shadow-hover:
                0 20px 50px rgba(0, 0, 0, 0.10);

            --radius-small: 12px;

            --radius-medium: 18px;

            --radius-large: 24px;

            --max-width: 1280px;

            --transition:
                220ms cubic-bezier(.2,.8,.2,1);

        }


        /* =========================================
           RESET
        ========================================== */

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }


        html {
            scroll-behavior: smooth;
        }


        body {
            font-family: "Inter", sans-serif;

            background: var(--white);

            color: var(--charcoal);

            line-height: 1.6;

            -webkit-font-smoothing: antialiased;

            text-rendering: optimizeLegibility;
        }


        body.menu-open {
            overflow: hidden;
        }


        a {
            color: inherit;

            text-decoration: none;
        }


        button,
        input,
        textarea {
            font: inherit;
        }


        button {
            cursor: pointer;
        }


        img {
            max-width: 100%;
            display: block;
        }


        /* =========================================
           GLOBAL CONTAINER
        ========================================== */

        .container {

            width: min(
                calc(100% - 64px),
                var(--max-width)
            );

            margin-inline: auto;
        }


        /* =========================================
           ANNOUNCEMENT BAR
        ========================================== */

        .announcement-bar {

            min-height: 40px;

            display: flex;

            align-items: center;

            justify-content: center;

            background: #F5F8FF;

            border-bottom: 1px solid #EDF1F7;

            padding: 8px 24px;

            font-size: 12px;

            color: var(--charcoal);

            letter-spacing: .01em;
        }


        .announcement-content {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 12px;

            flex-wrap: wrap;

            text-align: center;
        }


        .announcement-label {

            color: var(--gray);

            font-weight: 500;
        }


        .announcement-link {

            color: var(--blue);

            font-weight: 600;

            transition: color var(--transition);
        }


        .announcement-link:hover {

            color: var(--blue-hover);
        }


        /* =========================================
           HEADER
        ========================================== */

        .site-header {

            position: sticky;

            top: 0;

            z-index: 1000;

            height: 76px;

            overflow: visible;

            background:
                rgba(255, 255, 255, 0.92);

            backdrop-filter: blur(20px);

            -webkit-backdrop-filter: blur(20px);

            border-bottom: 1px solid rgba(229, 229, 231, .8);
        }


        .header-inner {

            height: 100%;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 40px;

            overflow: visible;
        }


        /* =========================================
           LOGO
        ========================================== */

        .brand {

            display: inline-flex;

            align-items: center;

            flex-shrink: 0;

            line-height: 0;
        }


        .brand-logo {

            display: block;

            width: auto;

            height: 32px;

            max-width: min(168px, 42vw);
        }


        .footer-logo .brand-logo {

            height: 34px;

            max-width: 176px;
        }


        .brand-mark {

            margin-right: 2px;
        }


        /* =========================================
           DESKTOP NAVIGATION
        ========================================== */

        .main-navigation {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 34px;

            margin-left: auto;
        }


        .nav-item {

            position: relative;

            display: flex;

            align-items: center;
        }


        .nav-link {

            position: relative;

            display: inline-flex;

            align-items: center;

            gap: 6px;

            padding: 28px 0;

            color: var(--black);

            font-size: 14px;

            font-weight: 500;

            white-space: nowrap;

            transition: color var(--transition);
        }


        .nav-link::after {

            content: "";

            position: absolute;

            left: 0;

            right: 0;

            bottom: 20px;

            height: 2px;

            border-radius: 2px;

            background: var(--blue);

            transform: scaleX(0);

            transform-origin: center;

            transition:
                transform var(--transition);
        }


        .nav-link:hover {

            color: var(--blue);
        }


        .nav-link:hover::after {

            transform: scaleX(1);
        }


        .chevron {

            font-size: 11px;

            transition:
                transform var(--transition);
        }


        .nav-item:has(> .mega-menu):hover > .nav-link .chevron,
        .nav-item:has(> .mega-menu):focus-within > .nav-link .chevron,
        .nav-item.is-mega-open > .nav-link .chevron {

            transform: rotate(180deg);
        }


        /* =========================================
           HEADER CTA
        ========================================== */

        .header-cta {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

            min-height: 44px;

            padding: 0 20px;

            border-radius: 999px;

            background: var(--blue);

            color: var(--white);

            font-size: 13px;

            font-weight: 600;

            white-space: nowrap;

            box-shadow:
                0 4px 12px rgba(0, 113, 227, .18);

            transition:
                background var(--transition),
                transform var(--transition),
                box-shadow var(--transition);
        }


        .header-cta:hover {

            background: var(--blue-hover);

            transform: translateY(-1px);

            box-shadow:
                0 8px 18px rgba(0, 113, 227, .24);
        }


        .header-cta span {

            transition:
                transform var(--transition);
        }


        .header-cta:hover span {

            transform: translateX(3px);
        }


        /* =========================================
           MEGA MENU
        ========================================== */

        .mega-menu {

            position: absolute;

            top: calc(100% + 1px);

            left: 50%;

            z-index: 1001;

            width: min(
                900px,
                calc(100vw - 48px)
            );

            padding: 30px;

            background: rgba(255,255,255,.98);

            border: 1px solid var(--border);

            border-radius: 0 0 22px 22px;

            box-shadow:
                0 24px 60px rgba(0,0,0,.10);

            opacity: 0;

            visibility: hidden;

            pointer-events: none;

            transform:
                translate(-50%, -8px);

            transition:
                opacity var(--transition),
                transform var(--transition),
                visibility var(--transition);
        }


        .nav-item:hover > .mega-menu,
        .nav-item:focus-within > .mega-menu,
        .nav-item.is-mega-open > .mega-menu {

            opacity: 1;

            visibility: visible;

            pointer-events: auto;

            transform:
                translate(-50%, 0);
        }


        .nav-item:hover > .nav-link,
        .nav-item.is-mega-open > .nav-link,
        .nav-item:focus-within > .nav-link {

            color: var(--blue);
        }


        .nav-item:hover > .nav-link::after,
        .nav-item.is-mega-open > .nav-link::after,
        .nav-item:focus-within > .nav-link::after {

            transform: scaleX(1);
        }


        .nav-item > .mega-menu::before {

            content: "";

            position: absolute;

            left: 0;

            right: 0;

            top: -18px;

            height: 18px;
        }


        .mega-menu-grid {

            display: grid;

            grid-template-columns:
                1.3fr
                1fr
                1fr;

            gap: 32px;
        }


        .mega-column-title {

            margin-bottom: 14px;

            color: var(--gray);

            font-size: 11px;

            font-weight: 600;

            letter-spacing: .12em;

            text-transform: uppercase;
        }


        .mega-link {

            display: block;

            padding: 8px 0;

            color: var(--black);

            font-size: 14px;

            font-weight: 500;

            transition:
                color var(--transition),
                transform var(--transition);
        }


        .mega-link:hover {

            color: var(--blue);

            transform: translateX(3px);
        }


        .mega-feature {

            min-height: 180px;

            padding: 24px;

            border-radius: 18px;

            background: var(--light-gray);

            display: flex;

            flex-direction: column;

            justify-content: space-between;
        }


        .mega-feature h3 {

            color: var(--black);

            font-size: 18px;

            letter-spacing: -.025em;
        }


        .mega-feature p {

            margin-top: 8px;

            color: var(--gray);

            font-size: 13px;

            line-height: 1.6;
        }


        .mega-feature-link {

            margin-top: 20px;

            color: var(--blue);

            font-size: 13px;

            font-weight: 600;
        }


        /* =========================================
           MOBILE MENU BUTTON
        ========================================== */

        .mobile-toggle {

            display: none;

            width: 42px;

            height: 42px;

            align-items: center;

            justify-content: center;

            border: 1px solid var(--border);

            border-radius: 50%;

            background: var(--white);

            color: var(--black);

            font-size: 20px;
        }


        /* =========================================
           HERO
        ========================================== */

        .hero {

            min-height:
                calc(100vh - 116px);

            display: flex;

            align-items: center;

            text-align: center;

            padding:
                150px 0
                130px;

            background: var(--white);
        }


        .hero-container {

            display: flex;

            flex-direction: column;

            align-items: center;
        }


        /* =========================================
           HERO EYEBROW
        ========================================== */

        .hero-eyebrow {

            margin-bottom: 32px;

            color: var(--black);

            font-size: clamp(
                18px,
                2vw,
                25px
            );

            font-weight: 600;

            letter-spacing: .08em;

            line-height: 1.3;
        }


        .hero-eyebrow span {

            color: var(--blue);

            padding:
                0 8px;
        }


        /* =========================================
           HERO TITLE
        ========================================== */

        .hero-title {

            max-width: 1000px;

            margin: 0 auto;

            color: var(--black);

            font-size: clamp(
                48px,
                7vw,
                88px
            );

            line-height: .98;

            letter-spacing: -.065em;

            font-weight: 700;
        }


        /* =========================================
           HERO DESCRIPTION
        ========================================== */

        .hero-description {

            max-width: 720px;

            margin:
                34px auto
                0;

            color: var(--charcoal);

            font-size: clamp(
                17px,
                2vw,
                20px
            );

            line-height: 1.7;

            font-weight: 400;
        }


        /* =========================================
           HERO ACTIONS
        ========================================== */

        .hero-actions {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 14px;

            margin-top: 42px;

            flex-wrap: wrap;
        }


        .btn {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 9px;

            min-height: 50px;

            padding:
                0 24px;

            border-radius: 999px;

            font-size: 14px;

            font-weight: 600;

            transition:
                transform var(--transition),
                background var(--transition),
                color var(--transition),
                border-color var(--transition),
                box-shadow var(--transition);
        }


        .btn-primary {

            background: var(--blue);

            color: var(--white);

            border: 1px solid var(--blue);

            box-shadow:
                0 5px 16px rgba(0,113,227,.18);
        }


        .btn-primary:hover {

            background: var(--blue-hover);

            border-color: var(--blue-hover);

            transform: translateY(-2px);

            box-shadow:
                0 10px 25px rgba(0,113,227,.24);
        }


        .btn-secondary {

            background: var(--white);

            color: var(--black);

            border: 1px solid var(--border);
        }


        .btn-secondary:hover {

            border-color: var(--black);

            transform: translateY(-2px);

            box-shadow:
                0 8px 20px rgba(0,0,0,.06);
        }


        .btn span {

            transition:
                transform var(--transition);
        }


        .btn:hover span {

            transform: translateX(3px);
        }


        /* =========================================
           ECOSYSTEM SECTION
        ========================================== */

        .ecosystem {

            padding:
                130px 0;

            background:
                var(--light-gray);

            border-top:
                1px solid var(--border);
        }


        .section-heading {

            text-align: center;

            margin-bottom: 64px;
        }


        .section-heading h2 {

            color: var(--black);

            font-size: clamp(
                38px,
                5vw,
                56px
            );

            line-height: 1;

            letter-spacing: -.055em;

            font-weight: 700;
        }


        /* =========================================
           ECOSYSTEM GRID
        ========================================== */

        .ecosystem-grid {

            display: grid;

            grid-template-columns:
                repeat(3, 1fr);

            gap: 20px;
        }


        /* =========================================
           ECOSYSTEM CARD
        ========================================== */

        .ecosystem-card {

            position: relative;

            min-height: 260px;

            display: flex;

            flex-direction: column;

            padding: 30px;

            background: var(--white);

            border:
                1px solid var(--border);

            border-radius:
                var(--radius-large);

            overflow: hidden;

            transition:
                transform .3s cubic-bezier(.2,.8,.2,1),
                box-shadow .3s ease,
                border-color .3s ease;
        }


        .ecosystem-card::before {

            content: "";

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 3px;

            background:
                linear-gradient(
                    90deg,
                    transparent,
                    var(--blue),
                    transparent
                );

            opacity: 0;

            transition:
                opacity var(--transition);
        }


        .ecosystem-card:hover {

            transform:
                translateY(-7px);

            border-color:
                #D7E7F8;

            box-shadow:
                var(--shadow-hover);
        }


        .ecosystem-card:hover::before {

            opacity: 1;
        }


        /* =========================================
           ECOSYSTEM ICON
        ========================================== */

        .ecosystem-icon {

            width: 52px;

            height: 52px;

            display: flex;

            align-items: center;

            justify-content: center;

            margin-bottom: 30px;

            border-radius: 15px;

            background: var(--light-gray);

            color: var(--black);

            font-size: 22px;

            font-weight: 600;

            transition:
                background var(--transition),
                color var(--transition),
                transform var(--transition);
        }


        .ecosystem-card:hover
        .ecosystem-icon {

            background: var(--blue);

            color: var(--white);

            transform:
                scale(1.04);
        }


        /* =========================================
           CARD CONTENT
        ========================================== */

        .ecosystem-card-content {

            margin-top: auto;
        }


        .ecosystem-card h3 {

            margin-bottom: 9px;

            color: var(--black);

            font-size: 21px;

            line-height: 1.25;

            letter-spacing: -.025em;
        }


        .ecosystem-card p {

            max-width: 340px;

            color: var(--gray);

            font-size: 14px;

            line-height: 1.65;
        }


        /* =========================================
           CARD ARROW
        ========================================== */

        .ecosystem-arrow {

            position: absolute;

            right: 28px;

            bottom: 28px;

            width: 38px;

            height: 38px;

            display: flex;

            align-items: center;

            justify-content: center;

            border:
                1px solid var(--border);

            border-radius: 50%;

            color: var(--black);

            font-size: 17px;

            transition:
                background var(--transition),
                color var(--transition),
                border-color var(--transition),
                transform var(--transition);
        }


        .ecosystem-card:hover
        .ecosystem-arrow {

            background: var(--blue);

            color: var(--white);

            border-color: var(--blue);

            transform:
                translateX(3px);
        }


        /* =========================================
           MOBILE NAVIGATION
        ========================================== */

        .mobile-menu {

            position: fixed;

            inset:
                116px 0 0 0;

            z-index: 999;

            padding: 30px 24px;

            background: rgba(255,255,255,.98);

            backdrop-filter:
                blur(20px);

            -webkit-backdrop-filter:
                blur(20px);

            overflow-y: auto;

            opacity: 0;

            visibility: hidden;

            transform:
                translateY(-10px);

            transition:
                opacity var(--transition),
                transform var(--transition),
                visibility var(--transition);
        }


        .mobile-menu.active {

            opacity: 1;

            visibility: visible;

            transform:
                translateY(0);
        }


        .mobile-nav-link {

            display: flex;

            align-items: center;

            justify-content: space-between;

            padding:
                20px 0;

            border-bottom:
                1px solid var(--border);

            color: var(--black);

            font-size: 20px;

            font-weight: 600;
        }


        .mobile-nav-link span {

            color: var(--blue);
        }


        .mobile-menu-cta {

            width: 100%;

            margin-top: 28px;

            min-height: 54px;
        }


        .mobile-nav-group {

            border-bottom: 1px solid var(--border);
        }


        .mobile-nav-toggle {

            width: 100%;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 16px;

            padding: 20px 0;

            border: 0;

            background: transparent;

            color: var(--black);

            font-size: 20px;

            font-weight: 600;

            text-align: left;

            cursor: pointer;
        }


        .mobile-nav-toggle-icon {

            color: var(--blue);

            font-size: 24px;

            line-height: 1;
        }


        .mobile-nav-panel {

            display: grid;

            gap: 2px;

            padding: 0 0 16px 4px;
        }


        .mobile-nav-panel[hidden] {

            display: none;
        }


        .mobile-nav-sublink {

            display: block;

            padding: 11px 0;

            color: var(--charcoal);

            font-size: 15px;

            font-weight: 500;

            line-height: 1.45;
        }


        .mobile-nav-sublink:hover {

            color: var(--blue);
        }


        .mobile-nav-sublink-primary {

            margin-bottom: 6px;

            padding-bottom: 12px;

            border-bottom: 1px solid var(--border);

            color: var(--blue);

            font-weight: 600;
        }


        body.menu-open {

            overflow: hidden;
        }


        /* =========================================
           RESPONSIVE
        ========================================== */

        @media (max-width: 1050px) {

            .main-navigation {

                gap: 22px;
            }

            .header-cta {

                padding:
                    0 15px;
            }

        }


        @media (max-width: 900px) {

            .container {

                width:
                    min(
                        calc(100% - 40px),
                        var(--max-width)
                    );
            }


            .main-navigation,
            .header-cta {

                display: none;
            }


            .mobile-toggle {

                display: flex;
            }


            .hero {

                min-height: auto;

                padding:
                    110px 0
                    100px;
            }


            .ecosystem-grid {

                grid-template-columns:
                    repeat(2, 1fr);
            }


            .mega-menu {

                display: none;
            }

        }


        @media (max-width: 620px) {

            .container {

                width:
                    calc(100% - 32px);
            }


            .announcement-bar {

                min-height: 38px;

                padding:
                    7px 15px;

                font-size: 11px;
            }


            .announcement-content {

                gap: 7px;
            }


            .site-header {

                height: 70px;
            }


            .brand-logo {

                height: 28px;

                max-width: 148px;
            }


            .hero {

                padding:
                    90px 0
                    80px;
            }


            .hero-eyebrow {

                margin-bottom: 24px;

                font-size: 14px;

                letter-spacing:
                    .055em;
            }


            .hero-eyebrow span {

                padding:
                    0 4px;
            }


            .hero-title {

                font-size:
                    clamp(
                        43px,
                        13vw,
                        64px
                    );

                letter-spacing:
                    -.06em;
            }


            .hero-description {

                margin-top: 28px;

                font-size: 16px;

                line-height: 1.7;
            }


            .hero-actions {

                width: 100%;

                flex-direction: column;

                margin-top: 32px;
            }


            .btn {

                width: 100%;

                max-width: 330px;
            }


            .ecosystem {

                padding:
                    90px 0;
            }


            .section-heading {

                margin-bottom: 40px;
            }


            .section-heading h2 {

                font-size: 38px;
            }


            .ecosystem-grid {

                grid-template-columns:
                    1fr;

                gap: 16px;
            }


            .ecosystem-card {

                min-height: 230px;

                padding: 26px;
            }


            .mobile-menu {

                inset:
                    108px 0 0 0;
            }

        }


        /* =========================================
           ACCESSIBILITY
        ========================================== */

        :focus-visible {

            outline:
                3px solid rgba(0,113,227,.35);

            outline-offset:
                4px;
        }


        @media (prefers-reduced-motion: reduce) {

            html {

                scroll-behavior:
                    auto;
            }


            *,
            *::before,
            *::after {

                animation-duration:
                    .01ms !important;

                animation-iteration-count:
                    1 !important;

                transition-duration:
                    .01ms !important;
            }

        }


        /* =========================================
           WHY NODDESK
        ========================================== */

        .why-noddesk {
            padding: 120px 0;
            background: var(--light-gray);
            border-top: 1px solid var(--border);
        }

        .why-noddesk-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            align-items: center;
            gap: clamp(56px, 8vw, 110px);
        }

        .why-visual {
            max-height: 460px;
            aspect-ratio: 4 / 5;
            border: 1px solid var(--border);
            border-radius: var(--radius-large);
            background: var(--light-gray);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
            overflow: hidden;
        }

        .why-visual img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .why-content {
            max-width: 560px;
        }

        .why-content h2 {
            margin-bottom: 42px;
            color: var(--black);
            font-size: clamp(40px, 5vw, 56px);
            line-height: 1;
            letter-spacing: -.055em;
            font-weight: 700;
        }

        .why-list {
            display: grid;
            gap: 34px;
        }

        .why-item {
            display: grid;
            grid-template-columns: 44px 1fr;
            gap: 18px;
            align-items: start;
        }

        .why-icon {
            width: 44px;
            height: 44px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 13px;
            background: var(--blue-light);
            color: var(--blue);
            font-size: 20px;
            line-height: 1;
        }

        .why-icon .iconify {
            width: 22px;
            height: 22px;
        }

        .why-item h3 {
            margin-bottom: 5px;
            color: var(--black);
            font-size: 18px;
            line-height: 1.35;
            letter-spacing: -.02em;
            font-weight: 700;
        }

        .why-item p {
            color: var(--gray);
            font-size: 15px;
            line-height: 1.65;
        }


        /* =========================================
           INDUSTRIES WE SERVE
        ========================================== */

        .industries {
            padding: 130px 0;
            background: var(--white);
            border-top: 1px solid #F1F1F2;
        }

        .industries-heading {
            max-width: 720px;
            margin: 0 auto 68px;
            text-align: center;
        }

        .industries-heading h2 {
            color: var(--black);
            font-size: clamp(40px, 5vw, 56px);
            line-height: 1;
            letter-spacing: -.055em;
            font-weight: 700;
        }

        .industries-heading p {
            margin-top: 22px;
            color: var(--gray);
            font-size: 17px;
            line-height: 1.6;
        }

        .industries-grid {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 16px;
        }

        .industry-card {
            min-height: 92px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 18px 20px;
            border: 1px solid var(--border);
            border-radius: 18px;
            background: var(--white);
            color: var(--black);
            text-align: center;
            font-size: 15px;
            font-weight: 600;
            transition:
                transform var(--transition),
                border-color var(--transition),
                box-shadow var(--transition),
                color var(--transition);
        }

        .industry-card:hover {
            transform: translateY(-3px);
            border-color: #CFE1F4;
            color: var(--blue);
            box-shadow: var(--shadow-soft);
        }


        @media (max-width: 900px) {

            .why-noddesk-grid {
                grid-template-columns: 1fr;
                gap: 54px;
            }

            .why-visual {
                max-height: 390px;
            }

            .why-content {
                max-width: none;
            }

            .industries-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

        }


        @media (max-width: 620px) {

            .why-noddesk,
            .industries {
                padding: 90px 0;
            }

            .why-visual {
                max-height: 300px;
            }

            .why-visual {
                border-radius: 20px;
            }

            .why-content h2 {
                margin-bottom: 34px;
                font-size: 38px;
            }

            .why-list {
                gap: 28px;
            }

            .why-item {
                grid-template-columns: 40px 1fr;
                gap: 14px;
            }

            .why-icon {
                width: 40px;
                height: 40px;
                font-size: 18px;
            }

            .why-icon .iconify {
                width: 20px;
                height: 20px;
            }

            .why-item h3 {
                font-size: 17px;
            }

            .why-item p {
                font-size: 14px;
            }

            .industries-heading {
                margin-bottom: 44px;
            }

            .industries-heading h2 {
                font-size: 38px;
            }

            .industries-heading p {
                margin-top: 16px;
                font-size: 15px;
            }

            .industries-grid {
                grid-template-columns: 1fr 1fr;
                gap: 12px;
            }

            .industry-card {
                min-height: 76px;
                padding: 15px 12px;
                border-radius: 15px;
                font-size: 13px;
            }

        }


        @media (max-width: 390px) {

            .industries-grid {
                grid-template-columns: 1fr;
            }

        }


        /* =========================================
           MEET OUR FOUNDERS
        ========================================== */

        .founders {
            padding: 130px 0;
            background: var(--white);
            border-top: 1px solid var(--border);
        }

        .founders-heading {
            max-width: 760px;
            margin: 0 auto 68px;
            text-align: center;
        }

        .founders-heading h2 {
            color: var(--black);
            font-size: clamp(40px, 5vw, 56px);
            line-height: 1;
            letter-spacing: -.055em;
            font-weight: 700;
        }

        .founders-heading p {
            margin-top: 22px;
            color: var(--gray);
            font-size: 17px;
            line-height: 1.6;
        }

        .founders-grid {
            display: grid;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            gap: 20px;
        }

        .founder-card {
            grid-column: span 2;
            min-height: 390px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 42px 28px 34px;
            border: 1px solid var(--border);
            border-radius: var(--radius-large);
            background: var(--white);
            text-align: center;
            transition:
                transform var(--transition),
                border-color var(--transition),
                box-shadow var(--transition);
        }

        .founder-card:nth-child(4) {
            grid-column: 2 / span 2;
        }

        .founder-card:nth-child(5) {
            grid-column: 4 / span 2;
        }

        .founder-card:hover {
            transform: translateY(-5px);
            border-color: #D7E7F8;
            box-shadow: var(--shadow-hover);
        }

        .founder-photo {
            width: 132px;
            height: 132px;
            margin-bottom: 28px;
            border: 1px solid var(--border);
            border-radius: 50%;
            background:
                radial-gradient(
                    circle at 35% 30%,
                    #FFFFFF 0%,
                    #F7F8FA 45%,
                    #F1F3F5 100%
                );
            overflow: hidden;
        }

        .founder-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .founder-card h3 {
            color: var(--black);
            font-size: 21px;
            line-height: 1.25;
            letter-spacing: -.025em;
            font-weight: 700;
        }

        .founder-role {
            margin-top: 6px;
            color: #1D739F;
            font-size: 15px;
            line-height: 1.4;
            font-weight: 600;
        }

        .founder-description {
            max-width: 330px;
            margin-top: 18px;
            color: var(--gray);
            font-size: 14px;
            line-height: 1.65;
        }

        .founder-actions {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-top: 24px;
            flex-wrap: wrap;
        }

        .founder-link {
            min-height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0 18px;
            border: 1px solid var(--border);
            border-radius: 999px;
            background: var(--white);
            color: var(--black);
            font-size: 13px;
            font-weight: 500;
            transition:
                border-color var(--transition),
                color var(--transition),
                transform var(--transition),
                box-shadow var(--transition);
        }

        .founder-link:hover {
            color: var(--blue);
            border-color: #CFE1F4;
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(0,0,0,.05);
        }


        @media (max-width: 1000px) {

            .founders-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .founder-card,
            .founder-card:nth-child(4),
            .founder-card:nth-child(5) {
                grid-column: auto;
            }

            .founder-card:last-child {
                grid-column: 1 / -1;
                width: min(100%, 520px);
                justify-self: center;
            }

        }


        @media (max-width: 620px) {

            .founders {
                padding: 90px 0;
            }

            .founders-heading {
                margin-bottom: 44px;
            }

            .founders-heading h2 {
                font-size: 38px;
            }

            .founders-heading p {
                margin-top: 16px;
                font-size: 15px;
            }

            .founders-grid {
                grid-template-columns: 1fr;
                gap: 16px;
            }

            .founder-card,
            .founder-card:last-child {
                width: 100%;
                min-height: 350px;
                grid-column: auto;
                padding: 34px 22px 30px;
            }

            .founder-photo {
                width: 116px;
                height: 116px;
                margin-bottom: 24px;
            }

            .founder-card h3 {
                font-size: 20px;
            }

        }


        /* =========================================
           TESTIMONIALS CAROUSEL
        ========================================== */

        .testimonials {
            padding: 120px 0 70px;
            background: var(--light-gray);
            border-top: 1px solid var(--border);
        }

        .testimonial-carousel {
            position: relative;
            max-width: 1080px;
            margin: 0 auto;
        }

        .testimonial-track {
            position: relative;
            overflow: hidden;
        }

        .testimonial-slide {
            display: none;
            padding: 24px 8px;
        }

        .testimonial-slide.active {
            display: block;
        }

        .testimonial-card {
            min-height: 340px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 52px 56px;
            border: 1px solid var(--border);
            border-radius: 28px;
            background: var(--white);
            text-align: center;
            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.04);
        }

        .testimonial-stars {
            margin-bottom: 26px;
            color: #F5B400;
            font-size: 22px;
            letter-spacing: .16em;
        }

        .testimonial-quote {
            max-width: 760px;
            color: var(--black);
            font-size: clamp(28px, 2.7vw, 34px);
            line-height: 1.45;
            letter-spacing: -.03em;
            font-weight: 500;
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            margin-top: 32px;
            text-align: left;
        }

        .testimonial-photo {
            flex-shrink: 0;
            width: 72px;
            height: 72px;
            border-radius: 50%;
            overflow: hidden;
            border: 2px solid var(--border);
            background: #E8EDF2;
        }

        .testimonial-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .testimonial-author-meta strong {
            display: block;
        }

        .testimonial-author strong {
            display: block;
            color: var(--black);
            font-size: 18px;
            line-height: 1.35;
            font-weight: 700;
        }

        .testimonial-author span {
            display: block;
            margin-top: 4px;
            color: var(--gray);
            font-size: 15px;
            line-height: 1.55;
        }

        .testimonial-controls {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 18px;
            margin-top: 20px;
        }

        .testimonial-nav {
            width: 46px;
            height: 46px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--border);
            border-radius: 50%;
            background: var(--white);
            color: var(--black);
            font-size: 18px;
            transition:
                transform var(--transition),
                border-color var(--transition),
                color var(--transition),
                box-shadow var(--transition);
        }

        .testimonial-nav:hover {
            transform: translateY(-2px);
            color: var(--blue);
            border-color: #CFE1F4;
            box-shadow: 0 10px 20px rgba(0,0,0,.06);
        }

        .testimonial-dots {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .testimonial-dot {
            width: 10px;
            height: 10px;
            border: none;
            border-radius: 50%;
            background: #D7D9DE;
            transition:
                transform var(--transition),
                background var(--transition);
        }

        .testimonial-dot.active {
            background: var(--blue);
            transform: scale(1.15);
        }


        /* =========================================
           INDUSTRY TRENDS
        ========================================== */

        .industry-trends {
            padding: 70px 0 130px;
            background: var(--white);
        }

        .trends-heading {
            max-width: 760px;
            margin: 0 auto 68px;
            text-align: center;
        }

        .trends-heading h2 {
            color: var(--black);
            font-size: clamp(40px, 5vw, 56px);
            line-height: 1;
            letter-spacing: -.055em;
            font-weight: 700;
        }

        .trends-heading p {
            margin-top: 22px;
            color: var(--gray);
            font-size: 17px;
            line-height: 1.6;
        }

        .trends-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 26px;
        }

        .trend-card {
            display: flex;
            flex-direction: column;
        }

        .trend-visual {
            min-height: 240px;
            border: 1px solid var(--border);
            border-radius: 22px;
            background: var(--light-gray);
            overflow: hidden;
        }

        .trend-visual img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            object-position: center;
            transition: transform .45s cubic-bezier(.2,.8,.2,1);
        }

        .trend-card:hover .trend-visual img {
            transform: scale(1.035);
        }

        .trend-card h3 {
            margin-top: 22px;
            color: var(--black);
            font-size: 18px;
            line-height: 1.45;
            letter-spacing: -.02em;
            font-weight: 700;
        }

        .trend-link {
            margin-top: 14px;
            color: var(--blue);
            font-size: 14px;
            line-height: 1.5;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .trend-link:hover {
            color: var(--blue-hover);
        }


        @media (max-width: 900px) {

            .testimonial-card {
                min-height: 310px;
                padding: 42px 34px;
            }

            .trends-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }

        }


        @media (max-width: 620px) {

            .testimonials {
                padding: 90px 0 50px;
            }

            .testimonial-card {
                min-height: 290px;
                padding: 34px 22px;
                border-radius: 22px;
            }

            .testimonial-stars {
                margin-bottom: 18px;
                font-size: 18px;
            }

            .testimonial-quote {
                font-size: 22px;
                line-height: 1.5;
            }

            .testimonial-author {
                margin-top: 24px;
            }

            .testimonial-author strong {
                font-size: 17px;
            }

            .testimonial-author span {
                font-size: 14px;
            }

            .testimonial-controls {
                gap: 12px;
                margin-top: 16px;
            }

            .testimonial-nav {
                width: 42px;
                height: 42px;
            }

            .industry-trends {
                padding: 50px 0 90px;
            }

            .trends-heading {
                margin-bottom: 44px;
            }

            .trends-heading h2 {
                font-size: 38px;
            }

            .trends-heading p {
                margin-top: 16px;
                font-size: 15px;
            }

            .trend-visual {
                min-height: 200px;
                border-radius: 20px;
            }

            .trend-visual img {
                height: 200px;
            }

            .trend-card h3 {
                margin-top: 18px;
                font-size: 17px;
            }

        }


        /* =========================================
           BUSINESS ASSISTANCE FORM
        ========================================== */

        .business-assistance {
            padding: 130px 0;
            background: var(--white);
            border-top: 1px solid var(--border);
        }

        .assistance-panel {
            width: min(100%, 900px);
            margin: 0 auto;
            padding: 62px 68px 66px;
            border: 1px solid var(--border);
            border-radius: 28px;
            background: var(--white);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.035);
        }

        .assistance-panel h2 {
            margin-bottom: 42px;
            color: var(--black);
            font-size: clamp(36px, 4.5vw, 50px);
            line-height: 1.05;
            letter-spacing: -.045em;
            font-weight: 700;
        }

        .assistance-options {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            margin-bottom: 34px;
        }

        .assistance-option {
            min-height: 58px;
            padding: 0 18px;
            border: 1px solid var(--border);
            border-radius: 15px;
            background: var(--white);
            color: var(--charcoal);
            font-size: 15px;
            font-weight: 500;
            transition:
                border-color var(--transition),
                background var(--transition),
                color var(--transition),
                transform var(--transition),
                box-shadow var(--transition);
        }

        .assistance-option:hover {
            transform: translateY(-1px);
            border-color: #BFD8EF;
            color: var(--blue);
        }

        .assistance-option.active {
            border-color: #5AA4CF;
            background: #EEF7FD;
            color: #17739D;
            box-shadow: inset 0 0 0 1px rgba(90, 164, 207, .08);
        }

        .assistance-form {
            display: grid;
            gap: 16px;
        }

        .assistance-field {
            width: 100%;
            min-height: 58px;
            padding: 0 18px;
            border: 1px solid var(--border);
            border-radius: 15px;
            background: var(--white);
            color: var(--black);
            outline: none;
            font-size: 15px;
            transition:
                border-color var(--transition),
                box-shadow var(--transition);
        }

        .assistance-field::placeholder {
            color: #85858A;
        }

        .assistance-field:focus {
            border-color: #79B4DA;
            box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.08);
        }

        textarea.assistance-field {
            min-height: 135px;
            padding-top: 17px;
            padding-bottom: 17px;
            resize: vertical;
            line-height: 1.6;
        }

        .assistance-submit {
            width: 100%;
            min-height: 64px;
            margin-top: 8px;
            border: 1px solid var(--blue);
            border-radius: 15px;
            background: var(--blue);
            color: var(--white);
            font-size: 16px;
            font-weight: 600;
            box-shadow: 0 8px 20px rgba(0, 113, 227, .22);
            transition:
                background var(--transition),
                transform var(--transition),
                box-shadow var(--transition);
        }

        .assistance-submit:hover {
            background: var(--blue-hover);
            transform: translateY(-2px);
            box-shadow: 0 12px 26px rgba(0, 113, 227, .26);
        }


        @media (max-width: 760px) {

            .assistance-panel {
                padding: 44px 32px 38px;
            }

            .assistance-options {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

        }


        @media (max-width: 620px) {

            .business-assistance {
                padding: 90px 0;
            }

            .assistance-panel {
                padding: 34px 20px 24px;
                border-radius: 22px;
            }

            .assistance-panel h2 {
                margin-bottom: 30px;
                font-size: 34px;
            }

            .assistance-options {
                grid-template-columns: 1fr 1fr;
                gap: 10px;
                margin-bottom: 26px;
            }

            .assistance-option {
                min-height: 52px;
                padding: 0 12px;
                border-radius: 13px;
                font-size: 13px;
            }

            .assistance-field {
                min-height: 54px;
                border-radius: 13px;
                font-size: 14px;
            }

            textarea.assistance-field {
                min-height: 125px;
            }

            .assistance-submit {
                min-height: 58px;
                border-radius: 13px;
                font-size: 15px;
            }

        }


        @media (max-width: 390px) {

            .assistance-options {
                grid-template-columns: 1fr;
            }

        }


        /* =========================================
           CAREERS CTA
        ========================================== */

        .careers-cta {
            padding: 130px 0;
            background: var(--light-gray);
            border-top: 1px solid var(--border);
        }

        .careers-cta-inner {
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        .careers-cta h2 {
            color: var(--black);
            font-size: clamp(42px, 5.6vw, 62px);
            line-height: 1.08;
            letter-spacing: -.055em;
            font-weight: 700;
        }

        .careers-cta p {
            max-width: 650px;
            margin: 26px auto 0;
            color: var(--gray);
            font-size: 18px;
            line-height: 1.65;
        }

        .careers-cta .btn {
            margin-top: 38px;
            min-height: 58px;
            padding: 0 30px;
            border-radius: 14px;
            font-size: 15px;
            box-shadow: 0 9px 24px rgba(0, 113, 227, .18);
        }


        /* =========================================
           FOOTER
        ========================================== */

        .site-footer {
            padding: 74px 0 28px;
            background: #0E1116;
            color: rgba(255,255,255,.78);
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr));
            gap: 46px;
            padding-bottom: 54px;
        }

        .footer-brand {
            max-width: 310px;
        }

        .footer-logo {
            display: inline-block;
            line-height: 0;
        }

        .footer-brand p {
            margin-top: 18px;
            color: rgba(255,255,255,.55);
            font-size: 14px;
            line-height: 1.7;
        }

        .footer-column h3 {
            margin-bottom: 18px;
            color: var(--white);
            font-size: 13px;
            letter-spacing: .04em;
            font-weight: 600;
        }

        .footer-links {
            display: grid;
            gap: 12px;
        }

        .footer-links a {
            color: rgba(255,255,255,.58);
            font-size: 13px;
            line-height: 1.5;
            transition:
                color var(--transition),
                transform var(--transition);
        }

        .footer-links a:hover {
            color: var(--white);
            transform: translateX(2px);
        }

        .footer-bottom {
            min-height: 58px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            padding-top: 22px;
            border-top: 1px solid rgba(255,255,255,.10);
        }

        .footer-bottom p {
            color: rgba(255,255,255,.42);
            font-size: 12px;
        }

        .footer-bottom-links {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
        }

        .footer-bottom-links a {
            color: rgba(255,255,255,.48);
            font-size: 12px;
            transition: color var(--transition);
        }

        .footer-bottom-links a:hover {
            color: var(--white);
        }


        @media (max-width: 1000px) {

            .footer-grid {
                grid-template-columns: 1.4fr repeat(2, minmax(0, 1fr));
            }

        }


        @media (max-width: 700px) {

            .careers-cta {
                padding: 95px 0;
            }

            .careers-cta h2 {
                font-size: 42px;
            }

            .careers-cta p {
                margin-top: 20px;
                font-size: 16px;
            }

            .careers-cta .btn {
                margin-top: 30px;
                min-height: 54px;
                width: min(100%, 300px);
            }

            .site-footer {
                padding: 56px 0 24px;
            }

            .footer-grid {
                grid-template-columns: 1fr 1fr;
                gap: 34px 24px;
                padding-bottom: 42px;
            }

            .footer-brand {
                grid-column: 1 / -1;
                max-width: 100%;
            }

            .footer-bottom {
                align-items: flex-start;
                flex-direction: column;
                gap: 14px;
            }

        }


        @media (max-width: 430px) {

            .footer-grid {
                grid-template-columns: 1fr;
            }

            .footer-brand {
                grid-column: auto;
            }

        }

    

/* MULTI-PAGE EXTENSIONS */
.page-hero{padding:115px 0 100px;background:var(--white);border-bottom:1px solid var(--border)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(55px,8vw,110px)}
.page-kicker{margin-bottom:18px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.page-hero h1{max-width:760px;color:var(--black);font-size:clamp(48px,6.2vw,76px);line-height:.98;letter-spacing:-.062em}
.page-hero p{max-width:680px;margin-top:28px;color:var(--gray);font-size:18px;line-height:1.75}
.page-hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.page-hero-media{height:520px;border:1px solid var(--border);border-radius:28px;overflow:hidden;background:var(--light-gray);box-shadow:var(--shadow-soft)}
.page-hero-media img{width:100%;height:100%;object-fit:cover}
.content-section{padding:110px 0;background:var(--white)}
.content-section.alt{background:var(--light-gray);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.content-heading{max-width:780px;margin-bottom:56px}
.content-heading.center{margin-left:auto;margin-right:auto;text-align:center}
.content-heading .eyebrow{margin-bottom:14px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.content-heading h2{color:var(--black);font-size:clamp(36px,4.8vw,54px);line-height:1.05;letter-spacing:-.05em}
.content-heading p{margin-top:20px;color:var(--gray);font-size:17px;line-height:1.75}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.info-card{min-height:215px;padding:30px;background:var(--white);border:1px solid var(--border);border-radius:22px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.info-card:hover{transform:translateY(-4px);border-color:#D4E3F2;box-shadow:var(--shadow-hover)}
.info-card .icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:25px;border-radius:13px;background:var(--blue-light);color:var(--blue);font-size:18px;font-weight:700}
.info-card h3{color:var(--black);font-size:20px;letter-spacing:-.025em;line-height:1.3}
.info-card p{margin-top:10px;color:var(--gray);font-size:14px;line-height:1.7}
.split-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(55px,7vw,100px);align-items:center}
.split-media{height:470px;border-radius:26px;border:1px solid var(--border);overflow:hidden;background:var(--light-gray)}
.split-media img{width:100%;height:100%;object-fit:cover}
.split-copy h2{color:var(--black);font-size:clamp(36px,4.5vw,52px);line-height:1.05;letter-spacing:-.05em}
.split-copy>p{margin-top:20px;color:var(--gray);font-size:16px;line-height:1.8}
.check-list{display:grid;gap:14px;margin-top:28px}
.check-item{display:flex;align-items:flex-start;gap:12px;color:var(--charcoal);font-size:15px;line-height:1.6}
.check-item::before{content:"✓";flex:0 0 24px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--blue-light);color:var(--blue);font-size:12px;font-weight:800}
.cta-band{padding:90px 0;background:#0F1720;color:white}
.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:38px}
.cta-band h2{max-width:720px;color:white;font-size:clamp(36px,4.5vw,52px);line-height:1.06;letter-spacing:-.05em}
.cta-band p{max-width:680px;margin-top:14px;color:rgba(255,255,255,.62);font-size:15px;line-height:1.7}
.cta-band .btn-secondary{flex-shrink:0;background:transparent;color:white;border-color:rgba(255,255,255,.28)}
.timeline{display:grid;gap:18px;max-width:900px}
.timeline-item{display:grid;grid-template-columns:100px 1fr;gap:26px;padding:24px 0;border-bottom:1px solid var(--border)}
.timeline-year{color:var(--blue);font-size:24px;font-weight:700;letter-spacing:-.04em}
.timeline-item h3{color:var(--black);font-size:19px}
.timeline-item p{margin-top:7px;color:var(--gray);font-size:14px;line-height:1.7}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.team-card{padding:30px;border:1px solid var(--border);border-radius:22px;background:var(--white)}
.team-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--light-gray);margin-bottom:22px}
.team-avatar img{width:100%;height:100%;object-fit:cover}
.team-card h3{color:var(--black);font-size:20px}.team-card .role{margin-top:4px;color:var(--blue);font-size:13px;font-weight:600}
.team-card p{margin-top:14px;color:var(--gray);font-size:14px;line-height:1.7}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}.contact-stack{display:grid;gap:16px}
.contact-card{padding:26px;border:1px solid var(--border);border-radius:20px;background:var(--white)}
.contact-card h3{color:var(--black);font-size:18px}.contact-card-subtitle{margin-top:4px!important;margin-bottom:2px;color:#9A6A00;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.contact-card p:not(.contact-card-subtitle),.contact-card a{margin-top:8px;color:var(--gray);font-size:14px;line-height:1.7}
.form-card{padding:34px;border:1px solid var(--border);border-radius:22px;background:var(--white)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}
.form-card input,.form-card textarea,.form-card select{width:100%;min-height:56px;padding:0 16px;border:1px solid var(--border);border-radius:13px;outline:none;color:var(--black);background:white}
.form-card textarea{min-height:150px;padding-top:16px;resize:vertical}
.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:#79B4DA;box-shadow:0 0 0 4px rgba(0,113,227,.08)}
.policy-wrap{max-width:920px;margin:0 auto}.policy-block{padding:30px 0;border-bottom:1px solid var(--border)}
.policy-block h2{color:var(--black);font-size:25px;letter-spacing:-.03em}.policy-block p,.policy-block li{margin-top:12px;color:var(--charcoal);font-size:15px;line-height:1.8}
.industry-card{text-decoration:none}.industry-card span{pointer-events:none}
.source-note{margin-top:28px;color:var(--gray);font-size:12px;line-height:1.6}
@media(max-width:900px){.page-hero-grid,.split-section,.contact-grid{grid-template-columns:1fr}.page-hero-media{height:420px}.card-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-band-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.page-hero{padding:82px 0 72px}.page-hero h1{font-size:46px}.page-hero p{font-size:16px}.page-hero-media,.split-media{height:320px;border-radius:20px}.content-section{padding:82px 0}.card-grid,.card-grid.two,.team-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:8px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.cta-band{padding:72px 0}}


/* ======================================================================
   SEO DETAIL PAGE — INTERACTIVE CONTENT SYSTEM
   Added for all internal pages. The homepage intentionally remains intact.
====================================================================== */
.seo-detail-page{--detail-blue:#0071E3;--detail-ink:#111318;--detail-muted:#6E6E73;--detail-soft:#F7F9FC;--detail-line:#E6E9EE;overflow-x:hidden}
.seo-detail-page .page-hero{position:relative;overflow:hidden}
.seo-detail-page .page-hero::before{content:"";position:absolute;right:-13%;top:-35%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(0,113,227,.10),rgba(0,113,227,0) 68%);pointer-events:none}
.seo-detail-page .page-hero-grid{position:relative;z-index:1}
.seo-detail-page .page-hero-media{transform:translateZ(0)}
.seo-detail-page .page-hero-media img{transition:transform 900ms cubic-bezier(.2,.8,.2,1)}
.seo-detail-page .page-hero:hover .page-hero-media img{transform:scale(1.025)}

.detail-progress{position:fixed;left:0;top:0;width:0;height:3px;z-index:5000;background:linear-gradient(90deg,#0071E3,#36A3FF);box-shadow:0 0 10px rgba(0,113,227,.25)}
.detail-breadcrumbs{padding:16px 0;border-bottom:1px solid var(--border);background:rgba(255,255,255,.9);font-size:12px;color:var(--gray)}
.detail-breadcrumbs ol{display:flex;align-items:center;gap:8px;list-style:none;flex-wrap:wrap}
.detail-breadcrumbs a{color:var(--gray)}
.detail-breadcrumbs a:hover{color:var(--blue)}
.detail-breadcrumbs li+li::before{content:"/";margin-right:8px;color:#B7BBC2}

.quick-bento{padding:34px 0 82px;background:var(--white)}
.quick-bento-grid{display:grid;grid-template-columns:1.35fr .65fr 1fr;grid-auto-rows:minmax(138px,auto);gap:16px}
.quick-bento-grid:has(> .quick-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}
.quick-bento-grid:has(> .quick-card:nth-child(2):last-child) .quick-card{height:100%;min-height:294px;display:flex;flex-direction:column}
.quick-bento-grid:has(> .quick-card:nth-child(2):last-child) .quick-card.large{grid-row:span 1;grid-column:auto;background:var(--white)}
.quick-card{position:relative;padding:26px;border:1px solid var(--border);border-radius:22px;background:var(--white);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.quick-card:hover{transform:translateY(-4px);border-color:#CFE1F4;box-shadow:var(--shadow-soft)}
.quick-card.large{grid-row:span 2;background:linear-gradient(145deg,#F7FBFF,#FFFFFF)}
.quick-label{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.quick-card h3{margin-top:12px;color:var(--black);font-size:21px;line-height:1.25;letter-spacing:-.03em}
.quick-card p{margin-top:10px;color:var(--gray);font-size:14px;line-height:1.7}
.quick-number{display:block;margin-top:14px;color:var(--black);font-size:42px;font-weight:700;letter-spacing:-.06em;line-height:1}
.quick-mini-list{display:grid;gap:8px;margin-top:18px}.quick-mini-list span{display:flex;gap:8px;color:var(--charcoal);font-size:13px}.quick-mini-list span::before{content:"•";color:var(--blue)}

.seo-narrative{padding:112px 0;background:var(--white)}
.seo-narrative-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(48px,8vw,110px);align-items:start}
.seo-narrative-title{position:sticky;top:130px}
.seo-narrative-title .eyebrow,.interactive-eyebrow{margin-bottom:14px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.seo-narrative-title h2{color:var(--black);font-size:clamp(36px,4.5vw,54px);line-height:1.04;letter-spacing:-.052em}
.seo-narrative-copy{display:grid;gap:23px}.seo-narrative-copy p{color:var(--charcoal);font-size:16px;line-height:1.9}.seo-narrative-copy strong{color:var(--black)}
.seo-keyphrase{padding:18px 20px;border-left:3px solid var(--blue);border-radius:0 14px 14px 0;background:var(--blue-light);color:var(--charcoal);font-size:14px;line-height:1.7}

.marquee-shell{overflow:hidden;border-block:1px solid var(--border);background:#FBFCFE;padding:16px 0}
.marquee-track{display:flex;width:max-content;animation:detailMarquee 32s linear infinite}.marquee-track:hover{animation-play-state:paused}
.marquee-item{display:flex;align-items:center;gap:12px;padding:0 24px;color:var(--charcoal);font-size:13px;font-weight:600;white-space:nowrap}.marquee-item::before{content:"✦";color:var(--blue);font-size:9px}
@keyframes detailMarquee{to{transform:translateX(-50%)}}

.interactive-section{padding:112px 0;background:var(--light-gray);border-block:1px solid var(--border)}
.interactive-heading{max-width:780px;margin-bottom:52px}.interactive-heading h2{color:var(--black);font-size:clamp(36px,4.8vw,54px);line-height:1.05;letter-spacing:-.052em}.interactive-heading p{margin-top:18px;color:var(--gray);font-size:16px;line-height:1.75}

.bento-capabilities{display:grid;grid-template-columns:1.25fr .75fr 1fr;grid-auto-rows:200px;gap:16px}
.bento-capability{position:relative;display:flex;flex-direction:column;padding:0;border:1px solid var(--border);border-radius:24px;background:var(--white);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.bento-capability:nth-child(1){grid-row:span 2}.bento-capability:nth-child(4){grid-column:span 2}
.bento-capability:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#CCE0F2}
.bento-capability::after{content:"";position:absolute;right:-35px;bottom:-45px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(0,113,227,.11),rgba(0,113,227,0) 70%);pointer-events:none}
.bento-capability-media{position:relative;flex:1;min-height:118px;overflow:hidden;background:linear-gradient(145deg,#EEF4FB,#F7FAFD)}.bento-capability-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.92) 100%);pointer-events:none}
.bento-capability:nth-child(1) .bento-capability-media{min-height:220px}.bento-capability:nth-child(4) .bento-capability-media{min-height:140px}
.bento-capability-media img{width:100%;height:100%;min-height:118px;object-fit:cover;object-position:center;display:block;transition:transform .55s ease}
.bento-capability:hover .bento-capability-media img{transform:scale(1.04)}
.bento-capability-body{position:relative;z-index:1;margin-top:auto;padding:20px 26px 26px}
.bento-capability:not(:has(.bento-capability-media)){padding:28px}
.bento-capability:not(:has(.bento-capability-media)) h3{margin-top:22px}
.bento-capability--visual .bento-capability-media img{min-height:220px}
.bento-index{color:var(--blue);font-size:12px;font-weight:700}.bento-capability h3{margin-top:14px;color:var(--black);font-size:22px;line-height:1.25;letter-spacing:-.03em}.bento-capability p{margin-top:10px;color:var(--gray);font-size:14px;line-height:1.7}

.snap-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,42%);gap:18px;overflow-x:auto;padding:6px 2px 24px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#BEC7D2 transparent}
.snap-card{scroll-snap-align:start;min-height:280px;padding:30px;border:1px solid var(--border);border-radius:24px;background:var(--white);display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition)}
.snap-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}
.snap-card .snap-no{color:var(--blue);font-size:12px;font-weight:700}.snap-card h3{margin-top:auto;color:var(--black);font-size:24px;line-height:1.2;letter-spacing:-.035em}.snap-card p{margin-top:12px;color:var(--gray);font-size:14px;line-height:1.75}.snap-hint{margin-top:18px;color:var(--gray);font-size:12px}

.story-section{padding:120px 0;background:var(--white)}
.story-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(55px,8vw,110px);align-items:start}
.story-sticky{position:sticky;top:125px;min-height:470px;padding:38px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(145deg,#F2F8FF,#FFFFFF);overflow:hidden}
.story-sticky::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;bottom:-100px;background:radial-gradient(circle,rgba(0,113,227,.18),rgba(0,113,227,0) 70%)}
.story-sticky h2{max-width:470px;color:var(--black);font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.05em}.story-sticky p{max-width:480px;margin-top:20px;color:var(--gray);font-size:15px;line-height:1.75}.story-progress{display:flex;gap:8px;margin-top:34px}.story-progress span{height:4px;flex:1;border-radius:99px;background:#DCE3EC;transition:background .3s}.story-progress span.active{background:var(--blue)}
.story-steps{display:grid;gap:18px}.story-step{min-height:230px;padding:32px;border:1px solid var(--border);border-radius:24px;background:var(--white);display:grid;grid-template-columns:54px 1fr;gap:22px;transition:border-color .3s,transform .3s,box-shadow .3s}.story-step.is-active{border-color:#9CC9EF;transform:translateX(6px);box-shadow:var(--shadow-soft)}
.story-step-no{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--blue-light);color:var(--blue);font-weight:700}.story-step h3{color:var(--black);font-size:22px;letter-spacing:-.03em}.story-step p{margin-top:10px;color:var(--gray);font-size:14px;line-height:1.75}

.tabs-shell{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:stretch}.tab-list{display:grid;align-content:start;gap:8px}.tab-button{text-align:left;min-height:58px;padding:0 18px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--charcoal);font-weight:600;transition:background var(--transition),border-color var(--transition),color var(--transition)}.tab-button:hover,.tab-button.active{background:var(--white);border-color:var(--border);color:var(--blue);box-shadow:0 8px 22px rgba(0,0,0,.04)}
.tab-panel{display:none;min-height:320px;padding:34px;border:1px solid var(--border);border-radius:24px;background:var(--white)}.tab-panel.active{display:block}.tab-panel h3{color:var(--black);font-size:28px;letter-spacing:-.04em}.tab-panel p{margin-top:14px;color:var(--gray);font-size:15px;line-height:1.8}.tab-panel ul{display:grid;gap:10px;margin-top:22px;padding:0;list-style:none}.tab-panel li{display:flex;gap:10px;color:var(--charcoal);font-size:14px;line-height:1.6}.tab-panel li::before{content:"✓";color:var(--blue);font-weight:800}

.compare-grid{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch;gap:18px}.compare-card{padding:34px;border:1px solid var(--border);border-radius:24px;background:var(--white)}.compare-card.emphasis{border-color:#A8CFF2;background:linear-gradient(145deg,#F3F9FF,#FFFFFF)}.compare-card h3{color:var(--black);font-size:24px;letter-spacing:-.035em}.compare-card ul{display:grid;gap:13px;margin-top:22px;list-style:none;padding:0}.compare-card li{color:var(--gray);font-size:14px;line-height:1.6}.compare-card.emphasis li::before{content:"✓";color:var(--blue);font-weight:800;margin-right:9px}.compare-card:not(.emphasis) li::before{content:"–";color:#A4A7AD;margin-right:9px}.compare-vs{display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:12px;font-weight:700;text-transform:uppercase}

.capability-pillars{margin-top:52px;border-top:1px solid var(--border)}
.capability-pillar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:0 56px;padding:64px 0;border-bottom:1px solid var(--border);align-items:start}
.capability-pillar-intro{position:relative;padding-top:8px}
.capability-pillar-index{display:block;font-size:clamp(76px,9vw,118px);font-weight:800;line-height:.92;letter-spacing:-.04em;color:#D9E8F8;margin:0 0 8px}
.capability-pillar-index::before{content:"";display:block;width:42px;height:3px;margin-bottom:22px;border-radius:2px;background:var(--blue)}
.capability-pillar-label{margin:0;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.capability-pillar-intro h3{margin-top:14px;color:var(--black);font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.03em;max-width:22em}
.capability-pillar-desc{margin-top:16px;color:var(--gray);font-size:15px;line-height:1.75;max-width:26em}
.capability-pillar-cta{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:13px 22px;border:1px solid #D5DCE6;border-radius:999px;background:var(--white);color:var(--black);font-size:14px;font-weight:600;transition:border-color .2s ease,box-shadow .2s ease}
.capability-pillar-cta:hover{border-color:#B8C8DC;box-shadow:0 6px 20px rgba(15,23,42,.06)}
.capability-pillar-cta span{color:var(--blue);font-size:16px;line-height:1}
.capability-pillar-list-wrap{border-left:1px solid var(--border);padding-left:clamp(28px,4vw,52px)}
.capability-pillar-list{margin:0;padding:0;list-style:none}
.capability-pillar-list a{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--border);color:var(--black);font-size:clamp(16px,1.5vw,19px);font-weight:600;line-height:1.35;transition:color .2s ease}
.capability-pillar-list li:last-child a{border-bottom:none}
.capability-pillar-list a:hover{color:var(--blue)}
.capability-pillar-list .cap-num{flex:0 0 auto;min-width:2.2em;color:var(--blue);font-size:14px;font-weight:700}
.capability-pillar-list .cap-arrow{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--blue);font-size:18px;line-height:1;transition:background .2s ease}
.capability-pillar-list a:hover .cap-arrow{background:var(--blue-light)}
@media(max-width:960px){.capability-pillar{grid-template-columns:1fr;gap:36px;padding:48px 0}.capability-pillar-list-wrap{border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:8px}}

.capability-roadmap{margin-top:52px;padding:36px 28px 40px;border:1px solid var(--border);border-radius:24px;background:var(--white);box-shadow:0 10px 40px rgba(15,23,42,.04)}
.capability-roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px;align-items:start}
.capability-roadmap-phase{min-width:0}
.capability-roadmap-phase-head{display:flex;align-items:center;gap:10px;margin-bottom:18px;min-height:52px}
.capability-roadmap-num{font-size:clamp(42px,4vw,52px);font-weight:800;line-height:1;letter-spacing:-.04em;color:#D9E8F8;flex-shrink:0}
.capability-roadmap-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid #CCE0F2;background:var(--blue-light);color:var(--blue);font-size:22px}
.capability-roadmap-connector{flex:1;display:flex;align-items:center;min-width:0;height:2px;margin-left:4px;margin-right:-8px;background:linear-gradient(90deg,#B8D4F0,var(--blue));position:relative}
.capability-roadmap-connector-arrow{position:absolute;right:-14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid #CCE0F2;background:var(--white);color:var(--blue);font-size:13px;line-height:1;box-shadow:0 4px 12px rgba(15,23,42,.06)}
.capability-roadmap-title{margin:0;color:var(--black);font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.capability-roadmap-desc{margin-top:8px;color:var(--gray);font-size:13px;line-height:1.55;min-height:2.85em}
.capability-roadmap-items{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.capability-roadmap-items a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--white);color:var(--black);font-size:13px;font-weight:600;line-height:1.35;transition:border-color .2s ease,box-shadow .2s ease,color .2s ease}
.capability-roadmap-items a:hover{border-color:#CCE0F2;box-shadow:0 6px 18px rgba(15,23,42,.06);color:var(--blue)}
.capability-roadmap-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#F4F7FA;color:var(--blue);font-size:15px}
.capability-roadmap-items a span:nth-child(2){flex:1;min-width:0}
.capability-roadmap-chevron{flex-shrink:0;color:var(--blue);font-size:18px;font-weight:500;line-height:1;opacity:.85}
@media(max-width:1100px){.capability-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.capability-roadmap-connector{display:none}}
@media(max-width:640px){.capability-roadmap{padding:28px 18px 32px}.capability-roadmap-grid{grid-template-columns:1fr;gap:32px}.capability-roadmap-desc{min-height:auto}}

.expert-panel{padding:100px 0 110px;background:#F4F6F8;border-top:1px solid var(--border)}
.expert-panel .content-heading{max-width:820px;margin:0 auto 0}
.expert-panel .content-heading p{margin-top:16px;color:var(--gray);font-size:16px;line-height:1.75}
.expert-panel-marquee{overflow:hidden;margin-top:48px;width:100%;container-type:inline-size}
.expert-panel-track{display:flex;width:max-content;animation:expertPanelMarquee 50s linear infinite}
.expert-panel-track:hover{animation-play-state:paused}
.expert-panel-set{display:flex;gap:18px;flex-shrink:0;padding-right:18px}
.expert-panel-marquee .expert-card{flex:0 0 calc((100cqw - 36px) / 3);width:calc((100cqw - 36px) / 3)}
.expert-card{padding:28px 18px 24px;border:1px solid var(--border);border-radius:20px;background:var(--white);text-align:center;box-shadow:0 8px 28px rgba(15,23,42,.04)}
.expert-photo{width:96px;height:96px;margin:0 auto;border-radius:50%;overflow:hidden;background:#E8EDF2}
.expert-photo img{width:100%;height:100%;object-fit:cover;display:block}
.expert-card h3{margin-top:16px;color:var(--black);font-size:17px;font-weight:700;line-height:1.25;letter-spacing:-.02em}
.expert-role{margin-top:6px;color:var(--gray);font-size:13px;line-height:1.45;font-weight:500}
@keyframes expertPanelMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:900px){.expert-panel-marquee .expert-card{flex-basis:calc((100cqw - 18px) / 2);width:calc((100cqw - 18px) / 2)}}
@media(max-width:560px){.expert-panel-marquee .expert-card{flex-basis:calc(100cqw - 8px);width:calc(100cqw - 8px)}}
.review-carousel{position:relative;overflow:hidden}.review-track{display:flex;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.review-slide{min-width:100%;padding:2px}.review-card{min-height:330px;padding:46px;border:1px solid var(--border);border-radius:28px;background:var(--white);display:flex;flex-direction:column;justify-content:center}.review-stars{color:#F5B400;letter-spacing:.12em}.review-card blockquote{max-width:820px;margin-top:24px;color:var(--black);font-size:clamp(24px,3vw,34px);line-height:1.45;letter-spacing:-.035em}.review-card footer{margin-top:26px;color:var(--gray);font-size:13px}.review-author{display:flex;align-items:center;gap:14px;text-align:left}.review-author-photo{flex-shrink:0;width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid var(--border);background:#E8EDF2}.review-author-photo img{width:100%;height:100%;object-fit:cover;display:block}.review-card footer strong{display:block;color:var(--black);font-size:15px}.review-note{margin-top:12px;color:#9A6A00;font-size:11px}.review-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.review-controls button{width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:white}.review-dots{display:flex;gap:8px}.review-dot{width:8px!important;height:8px!important;border:0!important;background:#D5D8DE!important}.review-dot.active{background:var(--blue)!important}

.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.faq-intro{position:sticky;top:125px}.faq-intro h2{color:var(--black);font-size:clamp(36px,4.5vw,52px);line-height:1.05;letter-spacing:-.05em}.faq-intro p{margin-top:18px;color:var(--gray);font-size:15px;line-height:1.75}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;display:flex;justify-content:space-between;gap:18px;padding:22px 0;border:0;background:none;text-align:left;color:var(--black);font-size:17px;font-weight:600}.faq-question span:last-child{color:var(--blue);font-size:20px;transition:transform .25s}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-answer p{padding:0 0 22px;color:var(--gray);font-size:14px;line-height:1.8}

.lead-panel{padding:100px 0;background:var(--white);color:var(--black);border-top:1px solid var(--border)}.lead-panel-grid{display:grid;grid-template-columns:1fr;gap:60px;align-items:center;max-width:640px;margin-inline:auto}.lead-panel h2{color:var(--black);font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-.055em}.lead-panel p{max-width:600px;margin-top:18px;color:var(--gray);font-size:15px;line-height:1.75}.lead-panel-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.lead-panel-points span{padding:13px 14px;border:1px solid var(--border);border-radius:12px;color:var(--gray);font-size:12px}.lead-panel--dark{padding:100px 0;background:linear-gradient(135deg,#0C1520,#111D2A);color:white;border-top:0}.lead-panel--dark h2{color:white}.lead-panel--dark p{color:rgba(255,255,255,.62)}.lead-panel--dark .lead-panel-points span{border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.75)}.lead-panel-grid--centered{grid-template-columns:1fr;max-width:640px;margin-inline:auto}.lead-mini-form{padding:28px;border:1px solid var(--border);border-radius:22px;background:var(--white);box-shadow:0 12px 40px rgba(0,0,0,.06)}.lead-mini-form input,.lead-mini-form select,.lead-mini-form textarea,.form-card input,.form-card select,.form-card textarea,.assistance-form .assistance-field{width:100%;min-height:52px;margin-bottom:10px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--white);color:var(--black);outline:none;font-size:15px}.lead-mini-form textarea,.form-card textarea{min-height:90px;padding-top:14px;resize:vertical}.lead-mini-form option{color:#111}.lead-mini-form input::placeholder,.lead-mini-form textarea::placeholder,.form-card input::placeholder,.form-card textarea::placeholder,.assistance-form .assistance-field::placeholder{color:#8A8F98}.lead-mini-form input:focus,.lead-mini-form select:focus,.lead-mini-form textarea:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.assistance-form .assistance-field:focus{border-color:#79B4DA;box-shadow:0 0 0 4px rgba(0,113,227,.08)}.lead-mini-form .btn,.assistance-form .assistance-submit,.form-card .btn-primary.full{width:100%;border-radius:12px}.lead-form-status,.firebase-form-status{min-height:20px;margin-top:8px;color:var(--gray);font-size:12px}.form-card[data-firestore-form]{padding:28px;border-radius:22px;box-shadow:0 12px 40px rgba(0,0,0,.06)}.form-grid .full{margin-bottom:0}.assistance-form.lead-mini-form{margin-top:20px;padding:28px;border:1px solid var(--border);border-radius:22px;background:var(--white);box-shadow:0 12px 40px rgba(0,0,0,.06)}.assistance-form.lead-mini-form .assistance-field{margin-bottom:10px}

.detail-toc{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:850;display:grid;gap:7px;padding:10px;border:1px solid rgba(229,229,231,.85);border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(16px);box-shadow:0 8px 26px rgba(0,0,0,.06)}.detail-toc a{position:relative;width:8px;height:8px;border-radius:50%;background:#C9CED6}.detail-toc a.active{background:var(--blue);transform:scale(1.25)}.detail-toc a::after{content:attr(data-label);position:absolute;right:18px;top:50%;transform:translateY(-50%) translateX(4px);opacity:0;pointer-events:none;white-space:nowrap;padding:6px 9px;border-radius:8px;background:#111821;color:white;font-size:10px;transition:opacity .2s,transform .2s}.detail-toc a:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}

.floating-cta-dock{position:fixed;right:24px;bottom:24px;z-index:900;display:flex;align-items:center;gap:9px;padding:8px;border:1px solid rgba(229,229,231,.9);border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(0,0,0,.12);transform:translateY(120px);opacity:0;transition:transform .35s ease,opacity .35s ease}.floating-cta-dock.visible{transform:translateY(0);opacity:1}.floating-cta-dock a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:999px;font-size:12px;font-weight:600}.floating-cta-dock .primary{background:var(--blue);color:white}.floating-cta-dock .secondary{color:var(--black)}

.spotlight-card{--mx:50%;--my:50%}.spotlight-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(250px circle at var(--mx) var(--my),rgba(0,113,227,.10),transparent 62%);opacity:0;transition:opacity .2s}.spotlight-card:hover::before{opacity:1}
.tilt-card{transform-style:preserve-3d;will-change:transform}
.parallax-soft{will-change:transform}

.policy-enhance .policy-block{border:1px solid var(--border);border-radius:18px;padding:24px;margin-bottom:12px;background:white}.policy-enhance .policy-block h2{cursor:pointer;display:flex;justify-content:space-between}.policy-enhance .policy-block h2::after{content:"+";color:var(--blue)}.policy-enhance .policy-block.collapsed>*:not(h2){display:none}.policy-enhance .policy-block:not(.collapsed) h2::after{content:"–"}
.policy-summary-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px}.policy-summary-card{padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--light-gray)}.policy-summary-card strong{display:block;color:var(--black);font-size:17px}.policy-summary-card p{margin-top:8px;color:var(--gray);font-size:13px;line-height:1.65}

.office-map-shell{display:grid;grid-template-columns:260px 1fr;gap:18px}.office-map-tabs{display:grid;align-content:start;gap:10px}.office-map-tab{padding:18px;border:1px solid var(--border);border-radius:16px;background:white;text-align:left}.office-map-tab.active{border-color:#9CC9EF;background:var(--blue-light)}.office-map-tab strong{display:block;color:var(--black)}.office-map-tab span{display:block;margin-top:6px;color:var(--gray);font-size:12px;line-height:1.5}.office-map-frame{height:430px;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:var(--light-gray)}.office-map-frame iframe{width:100%;height:100%;border:0}

@media(max-width:1050px){.detail-toc{display:none}.quick-bento-grid{grid-template-columns:1fr 1fr}.quick-bento-grid:has(> .quick-card:nth-child(2):last-child){grid-template-columns:1fr}.quick-bento-grid:has(> .quick-card:nth-child(2):last-child) .quick-card.large{grid-column:auto}.quick-card.large{grid-row:auto;grid-column:span 2}.bento-capabilities{grid-template-columns:1fr 1fr}.bento-capability:nth-child(1){grid-row:auto}.bento-capability:nth-child(4){grid-column:auto}.story-grid,.seo-narrative-grid,.lead-panel-grid,.faq-grid{grid-template-columns:1fr}.seo-narrative-title,.story-sticky,.faq-intro{position:relative;top:auto}.tabs-shell{grid-template-columns:1fr}.tab-list{grid-template-columns:repeat(3,1fr)}.compare-grid{grid-template-columns:1fr}.compare-vs{min-height:30px}.office-map-shell{grid-template-columns:1fr}.office-map-tabs{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.quick-bento{padding-bottom:64px}.quick-bento-grid,.bento-capabilities,.policy-summary-bento{grid-template-columns:1fr}.quick-card.large{grid-column:auto}.snap-carousel{grid-auto-columns:86%}.story-step{grid-template-columns:44px 1fr;padding:24px}.story-step-no{width:44px;height:44px}.tab-list{grid-template-columns:1fr}.review-card{padding:30px 24px}.lead-panel-points{grid-template-columns:1fr}.floating-cta-dock{left:14px;right:14px;bottom:14px;justify-content:center}.floating-cta-dock a{flex:1}.marquee-track{animation-duration:25s}}
@media(prefers-reduced-motion:reduce){.marquee-track,.expert-panel-track{animation:none}.tilt-card,.parallax-soft{transform:none!important}.review-track{transition:none}}

.about-founders{padding:100px 0;background:var(--white);border-top:1px solid var(--border)}
.about-founders-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,80px);align-items:center}
.about-founders-media{border-radius:var(--radius-large);overflow:hidden;border:1px solid var(--border);min-height:320px}
.about-founders-media img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}
.about-founder-names{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.about-founder-names span{padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:var(--light-gray);color:var(--black);font-size:14px;font-weight:600}
.about-mission{padding:100px 0;background:var(--light-gray);border-block:1px solid var(--border)}
.about-mission-copy{max-width:820px}
.about-mission-copy p{margin-top:18px;color:var(--gray);font-size:16px;line-height:1.8}
.about-values{padding:110px 0;background:var(--white)}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-value-card{padding:32px 28px;border:1px solid var(--border);border-radius:24px;background:var(--white);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.about-value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:#CCE0F2}
.about-value-card h3{color:var(--black);font-size:22px;letter-spacing:-.03em}
.about-value-card blockquote{margin-top:18px;color:var(--gray);font-size:15px;line-height:1.75;font-style:italic}
.logo-showcase{padding:100px 0;background:var(--light-gray);border-top:1px solid var(--border)}
.logo-showcase+.logo-showcase{border-top:0;padding-top:0}
.logo-showcase-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:40px}
.logo-showcase-item{min-height:92px;display:flex;align-items:center;justify-content:center;padding:18px 20px;border:1px solid var(--border);border-radius:18px;background:var(--white)}
.logo-showcase-item img{max-width:100%;max-height:42px;width:auto;height:auto;object-fit:contain;filter:saturate(.95)}
@media(max-width:900px){.about-founders-grid,.about-values-grid{grid-template-columns:1fr}.logo-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.logo-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-founders-media,.about-founders-media img{min-height:260px}}


/* =========================================================
   FIREBASE CMS + ECOSYSTEM + SMART FOOTER
========================================================= */
.iconify{width:1em;height:1em;display:inline-block;vertical-align:-.12em}
.ecosystem-grid.ecosystem-grid-detailed{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.ecosystem-card.ecosystem-detail-card{min-height:auto;padding:34px;display:block;cursor:pointer}
.ecosystem-detail-card details,.ecosystem-detail-card .ecosystem-capability-list{cursor:auto}
.ecosystem-detail-card summary{cursor:pointer}
.ecosystem-detail-card .ecosystem-icon{margin-bottom:22px}
.ecosystem-detail-card h3{font-size:26px}
.ecosystem-detail-card .ecosystem-summary{margin-top:10px;max-width:620px;color:var(--gray);font-size:14px;line-height:1.75}
.ecosystem-detail-card details{margin-top:24px;border-top:1px solid var(--border);padding-top:18px}
.ecosystem-detail-card summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--black);font-size:13px;font-weight:700;list-style:none}
.ecosystem-detail-card summary::-webkit-details-marker{display:none}
.ecosystem-detail-card summary::after{content:"+";color:var(--blue);font-size:20px;font-weight:500}.ecosystem-detail-card details[open] summary::after{content:"–"}
.ecosystem-capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:18px;padding:0;list-style:none}
.ecosystem-capability-list li{display:flex;gap:9px;color:var(--charcoal);font-size:13px;line-height:1.55}.ecosystem-capability-list li::before{content:"✓";color:var(--blue);font-weight:800}
.ecosystem-group{margin-top:19px}.ecosystem-group h4{color:var(--black);font-size:13px;margin-bottom:8px}.ecosystem-group ul{display:grid;gap:7px;padding:0;list-style:none}.ecosystem-group li{color:var(--gray);font-size:12px;line-height:1.55}.ecosystem-group li::before{content:"•";margin-right:7px;color:var(--blue)}
.ecosystem-card-link{display:inline-flex;align-items:center;gap:7px;margin-top:22px;color:var(--blue);font-size:13px;font-weight:700}

.site-footer .footer-grid{grid-template-columns:1.25fr repeat(4,minmax(0,1fr))}
.footer-socials{display:flex;gap:9px;margin-top:20px}.footer-socials a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:rgba(255,255,255,.72);transition:transform var(--transition),background var(--transition),color var(--transition)}.footer-socials a:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);color:white}
.footer-newsletter{margin-top:22px}.footer-newsletter label{display:block;margin-bottom:8px;color:rgba(255,255,255,.68);font-size:12px}.footer-newsletter-row{display:flex;gap:8px}.footer-newsletter input{width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.07);color:white;outline:none}.footer-newsletter button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--blue);color:white}.firebase-form-status{margin-top:9px;font-size:11px;line-height:1.5;color:#92d4ff}.firebase-form-status[data-state="error"]{color:#ffb2b2}

.publication-hero{padding:110px 0 74px;background:linear-gradient(180deg,#F7FAFE,#FFF);border-bottom:1px solid var(--border)}
.publication-hero-inner{max-width:850px;margin:0 auto;text-align:center}.publication-kicker{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.publication-hero h1{margin-top:14px;color:var(--black);font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.06em}.publication-hero p{max-width:680px;margin:22px auto 0;color:var(--gray);font-size:17px;line-height:1.75}
.publications-section{padding:90px 0 130px}.publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.publication-card{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:white;transition:transform var(--transition),box-shadow var(--transition)}.publication-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.publication-image{display:block;height:230px;overflow:hidden;background:var(--light-gray)}.publication-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.publication-card:hover .publication-image img{transform:scale(1.035)}.publication-body{padding:24px}.publication-meta{display:flex;gap:12px;color:var(--gray);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.publication-body h2{margin-top:12px;color:var(--black);font-size:21px;line-height:1.25;letter-spacing:-.03em}.publication-body p{margin-top:10px;color:var(--gray);font-size:13px;line-height:1.7}.publication-read{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:var(--blue);font-size:13px;font-weight:700}.content-empty-state{grid-column:1/-1;padding:64px 28px;border:1px dashed var(--border);border-radius:22px;text-align:center;color:var(--gray)}.content-empty-state .iconify{font-size:30px;color:var(--blue)}.content-empty-state h3{margin-top:12px;color:var(--black);font-size:21px}.content-empty-state p{margin-top:8px;font-size:14px}

@media(max-width:900px){.ecosystem-grid.ecosystem-grid-detailed,.publication-grid{grid-template-columns:1fr 1fr}.site-footer .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:620px){.ecosystem-grid.ecosystem-grid-detailed,.publication-grid{grid-template-columns:1fr}.ecosystem-capability-list{grid-template-columns:1fr}.site-footer .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.publication-hero{padding:85px 0 58px}.publications-section{padding:65px 0 90px}}


/* =========================================================
   MOBILE SWIPE / TOUCH CAROUSEL ENHANCEMENTS
========================================================= */

.swipe-enabled {
    touch-action: pan-y pinch-zoom;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.swipe-enabled.is-touching {
    cursor: grabbing;
}

.testimonial-track.swipe-enabled,
.review-track.swipe-enabled {
    cursor: grab;
}

.snap-carousel.mobile-swipe-strip {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    touch-action: pan-x pan-y pinch-zoom;
}

.snap-carousel.mobile-swipe-strip > * {
    scroll-snap-stop: always;
}

@media (max-width: 700px) {

    .snap-carousel.mobile-swipe-strip {
        scrollbar-width: none;
        padding-bottom: 12px;
    }

    .snap-carousel.mobile-swipe-strip::-webkit-scrollbar {
        display: none;
    }

    .testimonial-carousel,
    .review-carousel,
    .snap-carousel.mobile-swipe-strip {
        -webkit-tap-highlight-color: transparent;
    }

    .snap-hint {
        display: flex;
        align-items: center;
        gap: 7px;
        color: var(--gray);
        font-size: 12px;
    }

    .snap-hint::before {
        content: "↔";
        color: var(--blue);
        font-size: 15px;
        line-height: 1;
    }

}

.careers-openings{padding:92px 0;background:var(--white);border-top:1px solid var(--border)}
.job-positions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}
.careers-positions-status{margin-top:24px;color:var(--gray);font-size:14px;text-align:center}
.job-position-card{padding:0;border:1px solid var(--border);border-radius:22px;background:var(--white);overflow:hidden;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}
.job-position-card:hover,.job-position-card:focus-visible{transform:translateY(-4px);border-color:#d4e3f2;box-shadow:var(--shadow-hover);outline:none}
.job-position-card-media{height:180px;background:var(--light-gray);overflow:hidden}
.job-position-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.job-position-card-body{padding:22px 24px 26px}
.job-position-card-body h3{font-size:20px;letter-spacing:-.03em;color:var(--black)}
.job-position-card-body p{margin-top:10px;color:var(--gray);font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.job-position-card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:var(--blue);font-size:13px;font-weight:600}
body.careers-dialog-open{overflow:hidden}
.careers-dialog{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.careers-dialog.is-open{display:flex}
.careers-dialog-backdrop{position:absolute;inset:0;background:rgba(12,18,28,.52);backdrop-filter:blur(4px)}
.careers-dialog-card{position:relative;width:min(100%,720px);max-height:min(88vh,900px);overflow:auto;padding:28px 28px 24px;border-radius:24px;background:var(--white);border:1px solid var(--border);box-shadow:0 28px 80px rgba(15,23,32,.18)}
.careers-dialog-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:12px;background:var(--light-gray);font-size:22px;line-height:1;cursor:pointer}
.careers-dialog-body h2{margin-top:8px;font-size:clamp(26px,4vw,34px)}
.job-detail-hero{margin:8px 0 18px;border-radius:18px;overflow:hidden;max-height:240px}
.job-detail-hero img{width:100%;height:100%;max-height:240px;object-fit:cover;display:block}
.job-detail-excerpt{color:var(--gray);font-size:15px;line-height:1.7;margin-top:8px}
.job-detail-description{margin-top:18px;color:var(--gray);font-size:14px;line-height:1.75}
.job-detail-description ul{margin:12px 0;padding-left:1.2em}
.careers-dialog-actions,.job-apply-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;justify-content:flex-end}
.job-apply-form{display:grid;gap:14px;margin-top:18px}
.job-apply-field{display:grid;gap:6px;font-size:13px;color:var(--black)}
.job-apply-field span,.job-apply-field legend{font-weight:600}
.job-apply-field input,.job-apply-field textarea,.job-apply-field select{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--border);border-radius:12px;font:inherit}
.job-apply-field textarea{min-height:110px;padding-top:12px;resize:vertical}
.job-apply-radio{display:flex;align-items:center;gap:8px;font-weight:500;margin-top:6px}
.job-apply-checkbox{display:flex;align-items:flex-start;gap:10px}
.job-apply-field-help{display:block;color:var(--gray);font-size:12px;margin-top:4px}
.job-apply-intro{color:var(--gray);font-size:14px;margin-top:6px}
@media(max-width:900px){.job-positions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.job-positions-grid{grid-template-columns:1fr}.careers-dialog-card{padding:22px 18px}}
a.project-card{color:inherit;text-decoration:none;display:block}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}
.project-gallery img{width:100%;height:220px;object-fit:cover;border-radius:16px;border:1px solid var(--border)}
.project-article-body{max-width:820px}
.project-client{margin-top:12px;color:var(--gray);font-size:14px}
@media(max-width:700px){.project-gallery{grid-template-columns:1fr}}