:root { --tt-ink: #14212b; --tt-muted: #586672; --tt-line: #d9dfe3; --tt-soft: #f5f6f6; --tt-navy: #122734; --tt-cobalt: #35616a; --tt-cobalt-dark: #294b52; --tt-cobalt-soft: #eaf0f0; --tt-lime: #8da79b; --tt-footer: #103b35; --tt-success: #327252; --tt-radius: 6px; --tt-shadow: 0 14px 32px rgba(20, 33, 43, .07); --tt-font: Inter, "Segoe UI", Arial, sans-serif; } html { scroll-padding-top: 92px; } body, button, input, select, textarea { font-family: var(--tt-font); } body { overflow-x: clip; color: var(--tt-ink); background: #fff; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body.home-page-2, [data-bs-theme=dark] body.home-page-2, body.home-page-2 > .ck-content { color: var(--tt-ink); background: #fff; } body.home-page-2 > .ck-content p { color: var(--tt-muted); } a, button { -webkit-tap-highlight-color: transparent; } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(53, 97, 106, .28); outline-offset: 3px; } .container { width: min(100% - clamp(32px, 4vw, 64px), 1520px); max-width: none; } .enterprise-section { padding: clamp(64px, 6vw, 92px) 0; } .enterprise-section + .enterprise-section { padding-top: clamp(64px, 6vw, 92px); } .enterprise-section-heading { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .7fr); gap: 32px; align-items: end; margin-bottom: clamp(30px, 4vw, 46px); } .enterprise-section-heading h2 { max-width: 800px; margin: 10px 0 0; color: var(--tt-ink) !important; font-family: var(--tt-font) !important; font-size: clamp(2.25rem, 3.5vw, 3.9rem) !important; font-weight: 680 !important; line-height: 1.08 !important; letter-spacing: -.045em; text-wrap: balance; } .enterprise-section-heading > p { max-width: 520px; margin: 0; color: var(--tt-muted) !important; font-size: 1.05rem; line-height: 1.7; } .enterprise-section-kicker { display: inline-flex; align-items: center; gap: 9px; color: var(--tt-cobalt); font-size: .78rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; } .enterprise-section-kicker svg { width: 19px; height: 19px; }   .enterprise-site-header { position: sticky; top: 0; z-index: 1050; padding: 0; border-bottom: 1px solid var(--tt-line); background: rgba(255, 255, 255, .98); box-shadow: none; } .enterprise-site-header > .container { width: 100%; max-width: none; padding: 0; } .navbar.navbar-home-2 { position: relative !important; inset: auto !important; border: 0 !important; background: transparent !important; } .navbar-home-2 > .enterprise-header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 30px; margin: 0 auto; padding: 0 !important; } .navbar-home-2 .navbar-brand { flex: 0 0 auto; margin: 0; padding: 0; color: var(--tt-ink); text-decoration: none; } .navbar-home-2 .navbar-brand img { width: auto; max-width: 42px; height: 38px; object-fit: contain; } .site-name-text { color: var(--tt-ink) !important; font-size: 1.28rem; font-weight: 700; letter-spacing: -.025em; } .enterprise-brand-accent { color: var(--tt-cobalt); } .enterprise-desktop-navigation { margin-left: auto; } .navbar-home-2 .navbar-nav { align-items: center; gap: clamp(22px, 2.2vw, 34px); } .navbar-home-2 .navbar-nav .nav-link { position: relative; padding: 28px 0; color: #3e4b55; font-size: .93rem; font-weight: 600; text-decoration: none; } .navbar-home-2 .navbar-nav .nav-link:hover, .navbar-home-2 .navbar-nav .nav-link:focus-visible, .navbar-home-2 .navbar-nav .nav-link.active { color: var(--tt-cobalt); } .navbar-home-2 .navbar-nav .nav-link.active::after { position: absolute; right: 0; bottom: 19px; left: 0; height: 2px; content: ""; background: var(--tt-cobalt); } .burger-icon { width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; margin: 0; padding: 0; border: 1px solid var(--tt-line) !important; border-radius: 4px !important; background: #fff !important; } .burger-icon span { width: 20px !important; height: 2px !important; margin: 0 !important; background: var(--tt-ink) !important; } .mobile-header-active { width: min(420px, 100%); height: 100dvh; position: fixed; top: 0; right: 0; z-index: 1200; overflow-y: auto; padding: 0; color: var(--tt-ink); background: #fff !important; box-shadow: -24px 0 60px rgba(7, 29, 82, .2); transform: translateX(105%); visibility: hidden; transition: transform .22s ease, visibility .22s ease; } .mobile-header-active.sidebar-visible { transform: translateX(0); visibility: visible; } .body-overlay-1 { position: fixed; inset: 0; z-index: 1100; background: rgba(7, 18, 43, .58); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; } body.mobile-menu-active { overflow: hidden; } body.mobile-menu-active .body-overlay-1 { opacity: 1; visibility: visible; } .show-admin-bar .mobile-header-active { top: 40px; height: calc(100dvh - 40px); } .mobile-header-wrapper-inner { min-height: 100dvh; padding: 20px; } .mobile-header-logo { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid var(--tt-line); } .mobile-menu-wrap { padding: 18px 0; } .mobile-menu, .mobile-menu ul { margin: 0; padding: 0; list-style: none; } .mobile-menu .nav-item { border-bottom: 1px solid #e6ebf3; } .mobile-menu .nav-link { min-height: 54px; display: flex; align-items: center; color: var(--tt-ink) !important; font-size: 1rem; font-weight: 650; text-decoration: none; }   .section-hero-2, .section-service-2, .section-projects-2, .section-skills-2, .section-delivery-process, .section-contact-2 { position: relative; isolation: isolate; } .section-hero-2::before, .section-service-2::before, .section-projects-2::before, .section-skills-2::before, .section-delivery-process::before, .section-contact-2::before { position: absolute; inset: 0; z-index: 0; pointer-events: none; content: ""; background-image: image-set( url("../images/hero-bg-dark.avif") type("image/avif"), url("../images/hero-bg-dark.webp") type("image/webp"), url("../images/hero-bg-dark.png") type("image/png") ); background-repeat: repeat; background-position: center top; background-size: 1920px 540px; opacity: .028; filter: grayscale(1); } .section-hero-2::before { background-position: center top; opacity: .052; } .section-hero-2 > .hero-2, .section-service-2 > .container, .section-projects-2 > .container, .section-skills-2 > .container, .section-delivery-process > .container, .section-contact-2 > .container { position: relative; z-index: 1; } .section-hero-2 { position: relative; isolation: isolate; padding: 0; border-bottom: 1px solid var(--tt-line); background: #f7f9f8; } .section-hero-2 > .hero-2 { position: relative; z-index: 1; } .section-hero-2 > .background { z-index: -1; overflow: hidden; } .section-hero-2 > .background img { width: 100%; height: 100%; object-fit: cover; opacity: .08; } .enterprise-hero-panel { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .enterprise-hero-copy { width: 54%; order: 1; padding: 40px clamp(44px, 6vw, 96px) clamp(56px, 6vw, 88px) 0; } .enterprise-hero-media { width: 46%; order: 2; display: flex; align-items: stretch; justify-content: flex-start; flex-direction: column; padding: 4px 0 clamp(42px, 5vw, 70px) clamp(32px, 5vw, 72px); border-left: 1px solid var(--tt-line); background: rgba(255, 255, 255, .46); } .enterprise-hero-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 23px; color: var(--tt-cobalt); font-size: .75rem; font-weight: 750; letter-spacing: .075em; text-transform: uppercase; } .enterprise-hero-eyebrow svg { width: 20px; height: 20px; color: var(--tt-cobalt); } .section-hero-2 .section-hero-title { max-width: 780px; margin: 0 !important; color: var(--tt-ink) !important; font-family: var(--tt-font) !important; font-size: clamp(3.4rem, 5.4vw, 6rem) !important; font-weight: 670 !important; line-height: .98 !important; letter-spacing: -.064em; text-wrap: balance; } .section-hero-2 .section-hero-title span:not(.flicker) { display: block; color: var(--tt-cobalt) !important; background: none !important; -webkit-text-fill-color: currentColor !important; } .section-hero-2 .section-hero-description { max-width: 620px; margin: 28px 0 0 !important; color: var(--tt-muted) !important; font-size: clamp(1.04rem, 1.3vw, 1.18rem); line-height: 1.68; } .enterprise-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 30px; } .enterprise-button { min-height: 50px; display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; margin: 0 !important; padding: 0 20px !important; border-radius: 8px !important; font-size: .9rem; font-weight: 760; text-decoration: none !important; } .enterprise-button-primary { border: 1px solid var(--tt-navy) !important; color: #fff !important; background: var(--tt-navy) !important; } .enterprise-button-primary:hover, .enterprise-button-primary:focus-visible { border-color: var(--tt-cobalt) !important; color: #fff !important; background: var(--tt-cobalt) !important; } .enterprise-button-secondary { border: 1px solid #aeb8be !important; color: var(--tt-ink) !important; background: #fff !important; } .enterprise-button-secondary:hover, .enterprise-button-secondary:focus-visible { border-color: var(--tt-ink) !important; color: var(--tt-ink) !important; background: var(--tt-soft) !important; } .enterprise-trust-line { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--tt-line); color: #40505c; font-size: .77rem; font-weight: 620; line-height: 1.45; } .enterprise-trust-line span { display: flex; align-items: flex-start; gap: 6px; } .enterprise-trust-line i { margin-top: 1px; color: var(--tt-cobalt); font-size: 1rem; } .enterprise-workspace { overflow: hidden; border: 1px solid #cbd3d8; border-radius: 6px; background: #151b21; box-shadow: 0 18px 38px rgba(20, 33, 43, .1); } .enterprise-workspace-heading { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 17px; border-bottom: 1px solid var(--tt-line); color: #d8e0e5; background: #1c242b; font-size: .72rem; font-weight: 680; } .enterprise-workspace-heading span:last-child { display: inline-flex; align-items: center; gap: 6px; color: #8ec9aa; } .enterprise-hero-workspace { width: 100%; height: auto; display: block; aspect-ratio: 3 / 2; object-fit: cover; object-position: center; } .enterprise-hero-assurance { padding-top: 22px; } .enterprise-hero-assurance .enterprise-trust-line { margin-top: 0; padding-top: 0; border-top: 0; } .enterprise-hero-assurance .enterprise-pathfinder-entry { margin-top: 18px; }   .enterprise-pathfinder-entry { margin-top: 24px; } .enterprise-pathfinder-trigger { width: 100%; min-height: 70px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 20px; gap: 12px; align-items: center; padding: 10px 13px; border: 1px solid #b8c2c7; border-radius: 4px; color: var(--tt-ink); background: #f7f8f7; text-align: left; } .enterprise-pathfinder-trigger:hover, .enterprise-pathfinder-trigger:focus-visible { border-color: var(--tt-cobalt); color: var(--tt-ink); background: var(--tt-cobalt-soft); } .enterprise-pathfinder-trigger-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #b9cacc; border-radius: 3px; color: var(--tt-cobalt); background: #fff; } .enterprise-pathfinder-trigger-icon svg, .enterprise-pathfinder-trigger > svg { width: 21px; height: 21px; } .enterprise-pathfinder-trigger small, .enterprise-pathfinder-trigger strong { display: block; } .enterprise-pathfinder-trigger small { margin-bottom: 3px; color: var(--tt-cobalt); font-size: .7rem; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; } .enterprise-pathfinder-trigger strong { color: var(--tt-ink); font-size: .96rem; font-weight: 720; line-height: 1.35; } .enterprise-pathfinder-meta { margin-top: 8px; } .enterprise-pathfinder-note { display: block; margin-top: 8px; color: #6b7780; font-size: .72rem; line-height: 1.45; } .enterprise-pathfinder { width: min(700px, calc(100% - 32px)); max-height: min(820px, calc(100dvh - 32px)); padding: 0; border: 1px solid #cfd8e8; border-radius: 14px; color: var(--tt-ink); background: #fff; box-shadow: 0 30px 90px rgba(7, 29, 82, .3); } .enterprise-pathfinder::backdrop { background: rgba(7, 18, 43, .7); } .enterprise-pathfinder-shell { padding: clamp(20px, 4vw, 34px); } .enterprise-pathfinder-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; } .enterprise-pathfinder-header span, .enterprise-pathfinder-result-header span, .enterprise-pathfinder-result-recommendation > span { display: block; margin-bottom: 7px; color: var(--tt-cobalt); font-size: .7rem; font-weight: 760; letter-spacing: .075em; text-transform: uppercase; } .enterprise-pathfinder-header h2 { max-width: 560px; margin: 0; color: var(--tt-ink); font-family: var(--tt-font); font-size: clamp(1.65rem, 3vw, 2.25rem); font-weight: 740; line-height: 1.15; letter-spacing: -.035em; } .enterprise-pathfinder-close { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 42px; border: 1px solid var(--tt-line); border-radius: 8px; color: var(--tt-ink); background: #fff; } .enterprise-pathfinder-description { max-width: 62ch; margin: 18px 0; color: var(--tt-muted); font-size: .98rem; line-height: 1.65; } .enterprise-pathfinder-progress { display: flex; justify-content: space-between; gap: 18px; padding: 12px 0; border-top: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); color: #6b778b; font-size: .7rem; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; } .enterprise-pathfinder-progress span:first-child { color: var(--tt-cobalt); } .enterprise-pathfinder [data-pathfinder-stage] > h3 { margin: 22px 0 13px; color: var(--tt-ink); font-family: var(--tt-font); font-size: 1.1rem; font-weight: 720; } .enterprise-pathfinder-options { display: grid; gap: 10px; } .enterprise-pathfinder-options[hidden] { display: none !important; } .enterprise-pathfinder-options button { min-height: 76px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 20px; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--tt-line); border-radius: 9px; color: var(--tt-ink); background: #fff; text-align: left; } .enterprise-pathfinder-options button:hover, .enterprise-pathfinder-options button:focus-visible { border-color: #91a9e9; background: var(--tt-cobalt-soft); } .enterprise-pathfinder-options button > svg:first-child { width: 42px; height: 42px; padding: 9px; border-radius: 8px; color: var(--tt-cobalt); background: var(--tt-cobalt-soft); } .enterprise-pathfinder-options strong, .enterprise-pathfinder-options small { display: block; font-family: var(--tt-font); } .enterprise-pathfinder-options strong { color: var(--tt-ink); font-size: .94rem; font-weight: 720; } .enterprise-pathfinder-options small { margin-top: 3px; color: var(--tt-muted); font-size: .82rem; line-height: 1.45; } .enterprise-pathfinder-back { min-height: 42px; display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; border: 0; color: var(--tt-cobalt); background: transparent; font-size: .82rem; font-weight: 700; } .enterprise-pathfinder-result { overflow: hidden; border: 1px solid var(--tt-line); border-radius: 10px; background: #fff; } .enterprise-pathfinder-result-header { display: flex; align-items: center; gap: 13px; padding: 18px; border-bottom: 1px solid var(--tt-line); background: var(--tt-cobalt-soft); } .enterprise-pathfinder-result-icon { width: 44px; height: 44px; display: grid; place-items: center; flex: 0 0 44px; border-radius: 8px; color: var(--tt-cobalt); background: #fff; } .enterprise-pathfinder-result-header h3, .enterprise-pathfinder-result-recommendation h4 { margin: 0; color: var(--tt-ink); font-family: var(--tt-font); font-weight: 730; } .enterprise-pathfinder-result-recommendation { padding: 18px; } .enterprise-pathfinder-result-recommendation > p { margin: 7px 0 0; color: var(--tt-muted); line-height: 1.6; } .enterprise-pathfinder-result dl { margin: 0 18px; border-top: 1px solid var(--tt-line); } .enterprise-pathfinder-result dl div { display: grid; grid-template-columns: minmax(125px, .6fr) 1.4fr; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--tt-line); } .enterprise-pathfinder-result dt { color: #6b778b; font-size: .78rem; } .enterprise-pathfinder-result dd { margin: 0; color: var(--tt-ink); font-size: .85rem; font-weight: 650; } .enterprise-pathfinder-result-actions { display: flex; flex-wrap: wrap; gap: 9px; padding: 18px 18px 9px; } .enterprise-pathfinder-apply, .enterprise-pathfinder-reset { min-height: 46px; padding: 0 15px; border-radius: 8px; font-size: .82rem; font-weight: 720; } .enterprise-pathfinder-apply { border: 1px solid var(--tt-cobalt); color: #fff; background: var(--tt-cobalt); } .enterprise-pathfinder-reset { border: 1px solid var(--tt-line); color: var(--tt-ink); background: #fff; } .enterprise-pathfinder-result-note { margin: 0 !important; padding: 0 18px 18px; color: #6b778b !important; font-size: .78rem !important; }   .section-static-1 { padding: 0; border-block: 1px solid rgba(255, 255, 255, .08); background: var(--tt-footer); } .enterprise-proof-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; gap: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .enterprise-proof-item { min-height: 132px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 26px clamp(16px, 2.6vw, 34px); border-right: 1px solid rgba(255, 255, 255, .16); text-align: center; background: transparent; } .enterprise-proof-item:last-child { border-right: 0; } .enterprise-proof-value { display: inline-flex; align-items: center; justify-content: center; gap: 14px; } .enterprise-proof-icon { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 42px; border: 1px solid rgba(202, 224, 214, .34); border-radius: 4px; color: #c7ddd2; background: rgba(255, 255, 255, .06); } .enterprise-proof-icon svg { width: 23px; height: 23px; } .enterprise-proof-item strong { display: block; color: #fff; font-size: 2.35rem; font-weight: 680; line-height: 1; letter-spacing: -.045em; } .enterprise-proof-item strong span { margin-left: 2px; color: #a8c7b8; } .enterprise-proof-label { display: block; color: rgba(255, 255, 255, .76); font-size: .82rem; font-weight: 640; line-height: 1.35; }   .section-service-2 { background: var(--tt-soft); } .enterprise-service-grid { --bs-gutter-x: 0; --bs-gutter-y: 0; margin-top: 0; border-top: 1px solid #cdd5d8; border-left: 1px solid #cdd5d8; } .enterprise-service-card { min-height: 238px; height: 100%; display: block; padding: clamp(26px, 2.6vw, 38px); border-right: 1px solid #cdd5d8; border-bottom: 1px solid #cdd5d8; border-radius: 0; color: var(--tt-ink); background: #fff; box-shadow: none; text-decoration: none; transition: color .2s ease, background .2s ease; } .enterprise-service-card:hover, .enterprise-service-card:focus-within { color: var(--tt-ink); background: #edf2f0; box-shadow: none; transform: none; } .enterprise-service-summary { display: grid; grid-template-columns: 54px minmax(0, 1fr) 32px; gap: 18px; align-items: center; color: var(--tt-ink); cursor: default; list-style: none; } .enterprise-service-summary::-webkit-details-marker { display: none; } .enterprise-service-summary::marker { content: ""; } .enterprise-service-icon { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid #c8d5d1; border-radius: 2px; color: var(--tt-footer); background: #f3f6f5; } .enterprise-service-icon svg { width: 26px; height: 26px; } .enterprise-service-summary > strong { color: var(--tt-ink); font-size: 1.22rem; font-weight: 700; line-height: 1.35; } .enterprise-service-panel { margin: 18px 50px 0 72px; } .enterprise-service-description { display: block; color: var(--tt-muted); font-size: .92rem; line-height: 1.62; } .enterprise-service-link { width: fit-content; min-height: 34px; display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: var(--tt-footer); font-size: .78rem; font-weight: 750; letter-spacing: .045em; text-decoration: none; text-transform: uppercase; } .enterprise-service-card:hover .enterprise-service-link, .enterprise-service-card:focus-within .enterprise-service-link { color: var(--tt-cobalt-dark); } .enterprise-service-link i { font-size: 1.05rem; } .enterprise-service-toggle { width: 30px; height: 30px; display: none; place-items: center; border: 1px solid var(--tt-line); border-radius: 50%; color: var(--tt-footer); background: #fff; } .enterprise-service-toggle i { font-size: 1.1rem; transition: transform .2s ease; } @media (min-width: 768px) { .enterprise-service-summary { pointer-events: none; } .enterprise-service-card:not([open]) > .enterprise-service-panel { display: block; } } .enterprise-section-note { margin-top: 28px; padding: 18px 20px; border-left: 3px solid var(--tt-cobalt); color: var(--tt-muted); background: var(--tt-soft); font-size: .93rem; line-height: 1.6; } .enterprise-section-note p { margin: 0; } .enterprise-section-note a { color: var(--tt-cobalt) !important; font-weight: 700; }   .section-projects-2 { background: var(--tt-soft); } .enterprise-portfolio-shell { position: relative; } .enterprise-carousel { overflow: hidden; } .enterprise-carousel-track { display: grid; } .enterprise-carousel-slide { min-width: 0; grid-area: 1 / 1; } .enterprise-carousel-slide[hidden] { display: none !important; } .enterprise-carousel-slide.is-active .enterprise-portfolio-card { animation: enterprise-carousel-enter .42s cubic-bezier(.2, .7, .2, 1) both; } @keyframes enterprise-carousel-enter { from { opacity: .35; transform: translateX(16px); } to { opacity: 1; transform: translateX(0); } } .enterprise-portfolio-card { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); overflow: hidden; border: 1px solid #cfd6da; border-radius: 0; background: #fff; box-shadow: none; } .enterprise-portfolio-media { min-width: 0; padding: 0; background: var(--tt-navy); } .enterprise-portfolio-media picture, .enterprise-portfolio-media img { width: 100%; height: 100%; display: block; } .enterprise-portfolio-media img { min-height: 470px; border-radius: 0; object-fit: cover; object-position: center; } .enterprise-portfolio-content { display: flex; flex-direction: column; padding: clamp(30px, 4vw, 58px); } .enterprise-project-number { color: var(--tt-cobalt); font-size: .72rem; font-weight: 760; letter-spacing: .075em; text-transform: uppercase; } .enterprise-portfolio-content h3 { margin: 16px 0 0; color: var(--tt-ink) !important; font-family: var(--tt-font) !important; font-size: clamp(2rem, 3.4vw, 3.7rem) !important; font-weight: 730 !important; line-height: 1.07 !important; letter-spacing: -.05em; } .enterprise-portfolio-content h3 a { color: inherit; text-decoration: none; } .enterprise-portfolio-content > p { margin: 20px 0 0; color: var(--tt-muted) !important; font-size: 1rem; line-height: 1.7; } .enterprise-project-facts { margin: 26px 0 0; border-top: 1px solid var(--tt-line); } .enterprise-project-facts > div { display: grid; grid-template-columns: 100px 1fr; gap: 18px; padding: 13px 0; border-bottom: 1px solid var(--tt-line); } .enterprise-project-facts dt { color: #68758a; font-size: .78rem; font-weight: 650; } .enterprise-project-facts dd { margin: 0; color: var(--tt-ink); font-size: .84rem; font-weight: 650; } .enterprise-project-action { min-height: 46px; display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding: 0 15px; border: 1px solid var(--tt-navy); border-radius: 3px; color: #fff; background: var(--tt-navy); font-size: .85rem; font-weight: 720; text-decoration: none; } .enterprise-project-action:hover, .enterprise-project-action:focus-visible { color: #fff; background: var(--tt-cobalt-dark); } .enterprise-project-action svg { width: 18px; height: 18px; } .enterprise-portfolio-controls { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 18px; } .enterprise-portfolio-controls button { width: 46px; height: 46px; display: grid; place-items: center; margin: 0; border: 1px solid #c7d2e8; border-radius: 3px; color: var(--tt-cobalt); background: #fff; } .enterprise-portfolio-controls button:hover, .enterprise-portfolio-controls button:focus-visible { border-color: var(--tt-cobalt); background: var(--tt-cobalt-soft); } .enterprise-portfolio-controls button:disabled { cursor: not-allowed; color: #8b98aa; background: #edf1f7; opacity: .72; } .enterprise-carousel-status { min-width: 56px; color: #667085; font-size: .76rem; font-weight: 700; text-align: center; } .enterprise-portfolio-controls svg { width: 20px; height: 20px; }   .section-skills-2 { background: #fff; } .enterprise-technology-panel { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .technology-capabilities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--tt-line); border-radius: 0; background: var(--tt-line); } .technology-capability { min-height: 146px; display: grid; grid-template-columns: 30px 1fr; gap: 12px; padding: 22px; background: #fff; } .technology-capability > span { color: var(--tt-cobalt); font-size: .7rem; font-weight: 750; } .technology-capability h3 { margin: 0; color: var(--tt-ink) !important; font-family: var(--tt-font) !important; font-size: 1rem !important; font-weight: 720 !important; line-height: 1.35 !important; } .technology-capability p { margin: 8px 0 0; color: var(--tt-muted) !important; font-size: .84rem; line-height: 1.55; } .technology-stack { overflow: hidden; border: 1px solid var(--tt-navy); border-radius: 0; background: var(--tt-navy); } .technology-stack__header { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 18px; border-bottom: 1px solid rgba(255, 255, 255, .22); color: #fff; font-size: .75rem; font-weight: 720; letter-spacing: .055em; text-transform: uppercase; } .technology-stack__header small { color: #cbd8ff; font-size: .68rem; } .technology-stack__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; padding: 1px; background: rgba(255, 255, 255, .2); } .technology-chip { min-height: 76px; display: flex; align-items: center; gap: 12px; padding: 15px; color: #fff; background: var(--tt-navy); font-size: .86rem; font-weight: 650; } .technology-chip svg { width: 28px; height: 28px; flex: 0 0 28px; color: var(--tt-lime) !important; }   .section-delivery-process { background: var(--tt-soft); } .delivery-process-panel { overflow: hidden; border: 1px solid #cfd6da !important; border-radius: 0 !important; background: #fff; box-shadow: none; } .delivery-process-intro { padding: clamp(34px, 5vw, 68px); color: #fff; background: var(--tt-navy); } .delivery-process-intro .d-flex > svg { width: 20px; height: 20px; color: #adc1b8; } .delivery-process-intro .text-linear-4 { color: #c8d3d8 !important; background: none !important; -webkit-text-fill-color: currentColor !important; font-size: .75rem; font-weight: 750; letter-spacing: .075em; text-transform: uppercase; } .delivery-process-intro h2 { max-width: 520px; margin: 0; color: #fff !important; font-family: var(--tt-font) !important; font-size: clamp(2.35rem, 4vw, 4rem) !important; font-weight: 730 !important; line-height: 1.05 !important; letter-spacing: -.055em; } .delivery-process-intro p { max-width: 52ch; color: #d5dee2 !important; font-size: .98rem; line-height: 1.7; } .delivery-process-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; } .enterprise-inline-link { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 15px; border: 1px solid #fff; border-radius: 3px; color: var(--tt-navy); background: #fff; font-size: .82rem; font-weight: 730; text-decoration: none; } .enterprise-inline-link:hover, .enterprise-inline-link:focus-visible { color: var(--tt-navy); background: #eef2f2; } .enterprise-inline-link.is-secondary { border-color: rgba(255, 255, 255, .48); color: #fff; background: transparent; } .delivery-process-steps { background: #fff; } .delivery-process-steps li { min-height: 125px; display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; padding: 28px clamp(24px, 4vw, 48px); border-bottom: 1px solid var(--tt-line); } .delivery-process-steps li:last-child { border-bottom: 0; } .delivery-process-steps li > span { color: var(--tt-cobalt); font-size: .72rem; font-weight: 760; } .delivery-process-steps h6 { margin: 0; color: var(--tt-ink) !important; font-family: var(--tt-font) !important; font-size: 1.04rem !important; font-weight: 720 !important; } .delivery-process-steps p { max-width: 650px; margin: 7px 0 0; color: var(--tt-muted) !important; font-size: .9rem; line-height: 1.6; }   .section-contact-2 { background: #fff; } .section-contact-2 > .container > .row { overflow: hidden; align-items: stretch !important; border-top: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); border-right: 0; border-left: 0; border-radius: 0; background: #fff; box-shadow: none; } .section-contact-2 > .container > .row > div:first-child { padding: clamp(28px, 5vw, 60px); } .section-contact-2 > .container > .row > div:last-child { padding: clamp(28px, 4vw, 52px) !important; color: #fff; background: var(--tt-navy); } .section-contact-2 h2 { color: var(--tt-ink) !important; font-family: var(--tt-font) !important; font-size: clamp(2.25rem, 4vw, 4rem) !important; font-weight: 730 !important; line-height: 1.05 !important; letter-spacing: -.05em; } .enterprise-contact-intro { max-width: 680px; display: block; color: var(--tt-muted) !important; font-size: 1.02rem !important; line-height: 1.7; } .enterprise-contact-assurance { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 18px 0 8px; color: #334155; font-size: .82rem; font-weight: 650; } .enterprise-contact-assurance span { display: inline-flex; align-items: center; gap: 5px; } .enterprise-contact-assurance i { color: var(--tt-success); } .section-contact-2 .contact-form .form-control, .section-contact-2 .contact-form .form-select { min-height: 50px; border: 1px solid #cdd6e5 !important; border-radius: 4px !important; color: var(--tt-ink) !important; background: #fff !important; font-size: .94rem; } .section-contact-2 .contact-form textarea.form-control { min-height: 150px; } .section-contact-2 .contact-form .form-control::placeholder { color: #7a8799; opacity: 1; } .section-contact-2 .contact-form label { color: var(--tt-ink) !important; font-size: .83rem; font-weight: 680; } .section-contact-2 .enterprise-contact-submit { min-height: 50px; padding: 0 18px; border: 1px solid var(--tt-navy) !important; border-radius: 3px !important; color: #fff !important; background: var(--tt-navy) !important; font-size: .88rem; font-weight: 740; } .section-contact-2 .enterprise-contact-submit:hover, .section-contact-2 .enterprise-contact-submit:focus-visible { color: #fff !important; background: var(--tt-cobalt) !important; } .enterprise-contact-privacy { display: flex; align-items: flex-start; gap: 7px; margin: 13px 0 0; color: #6b778b; font-size: .78rem; line-height: 1.5; } .enterprise-next-steps-heading span { color: #b9c9cd; font-size: .7rem; font-weight: 750; letter-spacing: .075em; text-transform: uppercase; } .enterprise-next-steps-heading h4 { margin: 9px 0 24px; color: #fff !important; font-family: var(--tt-font) !important; font-size: 1.55rem !important; font-weight: 720 !important; line-height: 1.25 !important; } .enterprise-next-step { width: 100%; min-height: 78px; padding: 10px; border-top: 1px solid rgba(255, 255, 255, .2); } .enterprise-next-step-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 38px; border: 1px solid rgba(199, 221, 213, .48); border-radius: 50%; color: #c7ddd5; background: rgba(255, 255, 255, .06); } .enterprise-next-step-icon i { font-size: 1.08rem; line-height: 1; } .enterprise-next-step span { color: #c5d0d4 !important; font-size: .72rem !important; } .enterprise-next-step h6 { color: #fff !important; font-family: var(--tt-font) !important; font-size: .92rem !important; line-height: 1.45 !important; } .rectangle-bg { display: none; }   .enterprise-page-shell { min-height: 70vh; padding-top: clamp(54px, 7vw, 92px); padding-bottom: clamp(70px, 9vw, 120px); } .enterprise-page-heading { max-width: 900px; margin: 0 auto clamp(38px, 6vw, 72px); text-align: center; } .enterprise-page-heading > span { color: var(--tt-cobalt); font-size: .75rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; } .enterprise-page-heading h1 { margin: 12px 0 0; color: var(--tt-ink) !important; font-family: var(--tt-font) !important; font-size: clamp(2.7rem, 6vw, 5.6rem) !important; font-weight: 740 !important; line-height: 1 !important; letter-spacing: -.065em; text-wrap: balance; } .section-footer-2 { color: #d5e2de; background: var(--tt-footer); } .section-footer-2 .container { padding-top: clamp(54px, 7vw, 90px); padding-bottom: 28px; border: 0 !important; } .section-footer-2 svg { width: 18px; height: 18px; } .enterprise-footer-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: end; padding-bottom: clamp(44px, 6vw, 72px); border-bottom: 1px solid rgba(255, 255, 255, .18); } .enterprise-footer-cta > div > span, .enterprise-footer-column-title { display: block; color: #a9c3b9; font-size: .72rem; font-weight: 720; letter-spacing: .095em; text-transform: uppercase; } .enterprise-footer-cta h2 { max-width: 830px; margin: 12px 0 0; color: #fff !important; font-family: var(--tt-font) !important; font-size: clamp(2.25rem, 4.2vw, 4.4rem) !important; font-weight: 650 !important; line-height: 1.05 !important; letter-spacing: -.052em; text-wrap: balance; } .enterprise-footer-cta > a { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; border: 1px solid #fff; border-radius: 3px; color: var(--tt-footer); background: #fff; font-size: .86rem; font-weight: 720; text-decoration: none; } .enterprise-footer-cta > a:hover, .enterprise-footer-cta > a:focus-visible { color: #fff; background: transparent; } .enterprise-footer-widgets { display: grid; grid-template-columns: minmax(320px, 1.1fr) minmax(250px, .75fr) minmax(340px, 1fr); column-gap: clamp(28px, 4vw, 64px); row-gap: 18px; padding-top: clamp(42px, 5vw, 64px); text-align: left; } .enterprise-footer-brand { grid-column: 1; grid-row: 1; } .enterprise-footer-brand .main-logo { color: #fff; text-decoration: none; } .enterprise-footer-brand .site-name-text { color: #fff !important; } .enterprise-footer-brand p { max-width: 440px; margin: 22px 0 0; color: #c3d3ce; font-size: .94rem; line-height: 1.7; } .enterprise-footer-widgets > .navigation { grid-column: 2; grid-row: 1; display: grid !important; grid-template-columns: repeat(2, minmax(100px, 1fr)); align-content: start; align-items: start !important; justify-content: stretch !important; gap: 12px 24px !important; margin: 0 !important; } .enterprise-footer-widgets > .navigation .enterprise-footer-column-title { grid-column: 1 / -1; } .enterprise-footer-widgets > .navigation a { color: #e5eeeb; font-size: .9rem !important; text-decoration: none; } .enterprise-footer-widgets > .navigation a:hover, .enterprise-footer-widgets > .navigation a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 4px; } .enterprise-footer-column-title { margin-bottom: 10px; } .enterprise-footer-contact { grid-column: 3; grid-row: 1; display: flex; align-items: stretch; flex-direction: column; gap: 0; } .enterprise-footer-contact-item { min-height: 64px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, .14); color: #fff; text-decoration: none; } .enterprise-footer-contact-item:hover, .enterprise-footer-contact-item:focus-visible { color: #fff; } .enterprise-footer-contact-icon { width: 32px; height: 32px; display: grid; place-items: center; color: #b7cec5; } .enterprise-footer-contact-copy, .enterprise-footer-contact-copy > * { display: block; } .enterprise-footer-contact-copy small { margin-bottom: 3px; color: #9fb9b0; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; } .enterprise-footer-contact-copy > span { color: #fff; font-size: .88rem; line-height: 1.45; } .enterprise-footer-social { grid-column: 2; grid-row: 2; display: block; margin: 8px 0 0 !important; } .enterprise-footer-social > div { display: flex; gap: 9px; } .enterprise-footer-social .enterprise-social-link { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .25); border-radius: 3px; color: #fff; } .enterprise-footer-social .enterprise-social-link:hover, .enterprise-footer-social .enterprise-social-link:focus-visible { border-color: #fff; background: rgba(255, 255, 255, .08); } .enterprise-footer-copyright { grid-column: 1 / -1; grid-row: 3; margin: 22px 0 0 !important; padding: 22px 0 0; border-top: 1px solid rgba(255, 255, 255, .18); text-align: left; } .enterprise-footer-copyright span { padding: 0; color: #9fb9b0 !important; font-size: .78rem !important; } .bb-social-sharing { display: flex; flex-wrap: wrap; gap: 1rem; padding: 1rem 0 0; list-style: none; } .bb-social-sharing button { all: unset; cursor: pointer; } .contact-form .contact-form-group { margin-bottom: 0 !important; } form label.required::after { margin-inline-start: 5px; color: #b42318; content: "*"; } .offCanvas__info, .offCanvas__overly, .btn-scroll-top, #preloader { display: none !important; }   .enterprise-service-page { padding: clamp(54px, 7vw, 92px) 0 clamp(70px, 9vw, 120px); color: var(--tt-ink); background: var(--tt-soft); } .enterprise-service-page > .container { width: min(100% - clamp(32px, 5vw, 80px), 1240px); } .enterprise-service-hero { padding-bottom: clamp(30px, 5vw, 54px); } .enterprise-service-content { margin-top: clamp(28px, 5vw, 56px); } .enterprise-service-label { min-height: 34px; display: inline-flex; align-items: center; padding: 0 10px; border: 1px solid #bfcae0; border-radius: 7px; color: var(--tt-cobalt); background: #fff; font-size: .7rem; font-weight: 750; letter-spacing: .07em; } .enterprise-service-hero h1 { max-width: 1040px; margin: 18px auto 0; color: var(--tt-ink) !important; font-family: var(--tt-font) !important; font-size: clamp(2.7rem, 5.7vw, 5.5rem) !important; font-weight: 740 !important; line-height: 1 !important; letter-spacing: -.065em; text-wrap: balance; } .enterprise-service-hero > div > p { max-width: 820px; margin: 22px auto 0; color: var(--tt-muted) !important; font-size: 1.05rem !important; line-height: 1.7; } .enterprise-service-detail { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); gap: 16px; } .enterprise-service-detail > section { min-width: 0; padding: clamp(22px, 3vw, 34px); border: 1px solid var(--tt-line); border-radius: 12px; background: #fff; box-shadow: 0 8px 26px rgba(24, 44, 93, .05); } .enterprise-service-detail section > span, .enterprise-service-section-heading > span { display: block; margin-bottom: 9px; color: var(--tt-cobalt); font-size: .7rem; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; } .enterprise-service-detail h2 { margin: 0; color: var(--tt-ink) !important; font-family: var(--tt-font) !important; font-size: clamp(1.45rem, 2vw, 1.9rem) !important; font-weight: 720 !important; line-height: 1.25 !important; } .enterprise-service-overview > p, .enterprise-service-section-heading > p { margin: 14px 0 0; color: var(--tt-muted) !important; font-size: .96rem !important; line-height: 1.7 !important; } .enterprise-service-scope ul, .enterprise-service-outcomes ul { display: grid; gap: 10px; margin: 16px 0 0; padding-left: 19px; } .enterprise-service-scope li, .enterprise-service-outcomes li { color: #334155; font-size: .9rem; line-height: 1.55; } .enterprise-service-delivery, .enterprise-service-outcomes, .enterprise-service-cta { grid-column: 1 / -1; } .enterprise-service-section-heading { display: grid; grid-template-columns: minmax(0, .85fr) minmax(320px, 1.15fr); gap: 30px; align-items: end; } .enterprise-service-section-heading > span { grid-column: 1 / -1; } .enterprise-service-delivery ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 30px; margin: 22px 0 0; padding: 0; border-top: 1px solid var(--tt-line); list-style: none; } .enterprise-service-delivery li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; padding: 18px 0; border-bottom: 1px solid var(--tt-line); } .enterprise-service-step-number { color: var(--tt-cobalt); font-size: .72rem; font-weight: 750; } .enterprise-service-delivery h3 { margin: 0 0 5px; color: var(--tt-ink) !important; font-family: var(--tt-font) !important; font-size: .96rem !important; font-weight: 720 !important; } .enterprise-service-delivery li p { margin: 0; color: var(--tt-muted) !important; font-size: .86rem !important; line-height: 1.55 !important; } .enterprise-service-outcomes ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0; list-style: none; } .enterprise-service-outcomes li { padding: 14px; border: 1px solid var(--tt-line); border-radius: 8px; background: var(--tt-soft); } .enterprise-service-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; border-color: #9eafe0 !important; background: var(--tt-cobalt-soft) !important; } .enterprise-service-cta > div { max-width: 740px; } .enterprise-service-cta p { margin: 9px 0 0; color: var(--tt-muted) !important; font-size: .9rem !important; line-height: 1.6 !important; } .enterprise-service-cta a { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 0 15px; border: 1px solid var(--tt-cobalt); border-radius: 8px; color: #fff !important; background: var(--tt-cobalt); font-size: .82rem; font-weight: 720; text-decoration: none; } .enterprise-service-share { border: 1px solid var(--tt-line); border-radius: 10px; background: #fff; } .enterprise-service-share .bb-social-sharing { gap: 8px; padding-top: 12px; } .enterprise-service-share .bb-social-sharing__item { border-color: #a9bbb7; background: #fff; transition: border-color .2s ease, background-color .2s ease; } .enterprise-service-share .bb-social-sharing__item a, .enterprise-service-share .bb-social-sharing__item button { width: 100%; height: 100%; display: grid; place-items: center; color: var(--tt-footer) !important; background: transparent !important; } .enterprise-service-share .bb-social-sharing__item:hover, .enterprise-service-share .bb-social-sharing__item:focus-within { border-color: var(--tt-footer); background: var(--tt-footer); } .enterprise-service-share .bb-social-sharing__item:hover a, .enterprise-service-share .bb-social-sharing__item:hover button, .enterprise-service-share .bb-social-sharing__item:focus-within a, .enterprise-service-share .bb-social-sharing__item:focus-within button { color: #fff !important; } .enterprise-service-share .bb-social-sharing__item svg { color: currentColor !important; stroke: currentColor; } @media (max-width: 1199.98px) { .section-hero-2 { background: #fff; } .enterprise-hero-copy, .enterprise-hero-media { width: 100%; } .enterprise-hero-copy { order: 1; padding: 40px 0 42px; } .enterprise-hero-media { order: 2; padding: 32px clamp(26px, 5vw, 54px) 42px; border-top: 1px solid var(--tt-line); border-left: 0; background: var(--tt-soft); } .enterprise-portfolio-card { grid-template-columns: 1fr; } .enterprise-portfolio-media img { min-height: 360px; max-height: 520px; } .enterprise-project-action { margin-top: 28px; } } @media (max-width: 991.98px) { .enterprise-site-header { min-height: 72px; display: flex; align-items: center; } .navbar-home-2 > .enterprise-header-inner { min-height: 72px; } .enterprise-section-heading { grid-template-columns: 1fr; gap: 16px; } .enterprise-section-heading > p { max-width: 700px; } .enterprise-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .enterprise-proof-item { border-bottom: 1px solid rgba(255, 255, 255, .16); } .enterprise-proof-item:nth-child(even) { border-right: 0; } .enterprise-proof-item:nth-last-child(-n + 2) { border-bottom: 0; } .enterprise-footer-cta { grid-template-columns: 1fr; align-items: start; } .enterprise-footer-cta > a { justify-self: start; } .enterprise-footer-widgets { grid-template-columns: minmax(0, 1.2fr) minmax(170px, .8fr); gap: 42px; } .enterprise-footer-brand { grid-column: 1; grid-row: 1; } .enterprise-footer-widgets > .navigation { grid-column: 2; grid-row: 1; } .enterprise-footer-contact { grid-column: 1 / -1; grid-row: 2; } .enterprise-footer-social { grid-column: 1; grid-row: 3; } .enterprise-footer-copyright { grid-row: 4; } .delivery-process-intro { min-height: 0; } .enterprise-service-detail { grid-template-columns: 1fr; } .enterprise-service-delivery, .enterprise-service-outcomes, .enterprise-service-cta { grid-column: auto; } .enterprise-service-section-heading { grid-template-columns: 1fr; gap: 10px; } .enterprise-service-section-heading > span { grid-column: auto; } .enterprise-service-outcomes ul { grid-template-columns: 1fr; } .enterprise-service-cta { align-items: flex-start; flex-direction: column; } } @media (max-width: 767.98px) { html { scroll-padding-top: 78px; } .section-hero-2::before, .section-service-2::before, .section-projects-2::before, .section-skills-2::before, .section-delivery-process::before, .section-contact-2::before { opacity: .018; } .container, .navbar-home-2 > .enterprise-header-inner { width: calc(100% - 32px); } .navbar-home-2 .navbar-brand img { max-width: 36px; height: 34px; } .site-name-text { font-size: 1.08rem; } .section-hero-2 { padding-top: 0; } .enterprise-hero-panel { border-radius: 0; } .enterprise-hero-copy { padding: 36px 0; } .enterprise-hero-eyebrow { margin-bottom: 17px; font-size: .68rem; line-height: 1.45; } .section-hero-2 .section-hero-title { font-size: clamp(2.45rem, 12vw, 3.65rem) !important; line-height: 1.01 !important; letter-spacing: -.062em; } .section-hero-2 .section-hero-description { margin-top: 21px !important; font-size: 1rem; line-height: 1.65; } .enterprise-hero-actions { display: grid; grid-template-columns: 1fr; margin-top: 24px; } .enterprise-button { width: 100%; min-height: 52px; } .enterprise-trust-line { grid-template-columns: 1fr; gap: 7px; margin-top: 22px; padding-top: 17px; font-size: .76rem; } .enterprise-pathfinder-entry { margin-top: 20px; } .enterprise-pathfinder-trigger { min-height: 70px; } .enterprise-pathfinder-trigger strong { font-size: .9rem; } .enterprise-pathfinder-note { font-size: .7rem; } .enterprise-hero-media { padding: 24px 0 32px; } .enterprise-workspace-heading { min-height: 42px; padding: 0 12px; font-size: .65rem; } .enterprise-workspace-heading span:last-child { display: none; } .enterprise-proof-item { min-height: 116px; align-items: center; gap: 9px; padding: 20px 12px; text-align: center; } .enterprise-proof-value { gap: 11px; } .enterprise-proof-icon { width: 38px; height: 38px; flex-basis: 38px; } .enterprise-proof-icon svg { width: 20px; height: 20px; } .enterprise-proof-item strong { font-size: 2rem; } .enterprise-proof-label { max-width: 150px; font-size: .75rem; line-height: 1.35; } .enterprise-section { padding: 56px 0; } .enterprise-section + .enterprise-section { padding-top: 56px; } .enterprise-section-heading { margin-bottom: 28px; } .enterprise-section-heading h2 { font-size: clamp(2.2rem, 10vw, 3rem) !important; } .enterprise-section-heading > p { font-size: .94rem; line-height: 1.6; } .enterprise-service-card { min-height: 0; padding: 18px 16px; } .enterprise-service-summary { grid-template-columns: 42px minmax(0, 1fr) 30px; gap: 13px; cursor: pointer; } .enterprise-service-icon { width: 42px; height: 42px; } .enterprise-service-icon svg { width: 22px; height: 22px; } .enterprise-service-summary > strong { font-size: 1.02rem; } .enterprise-service-panel { margin: 14px 0 0 55px; padding: 14px 0 2px; border-top: 1px solid var(--tt-line); } .enterprise-service-description { font-size: .84rem; line-height: 1.5; } .enterprise-service-link { margin-top: 13px; } .enterprise-service-toggle { display: grid; } .enterprise-service-card[open] .enterprise-service-toggle i { transform: rotate(45deg); } .enterprise-portfolio-media { padding: 0; } .enterprise-portfolio-media img { min-height: 0; aspect-ratio: 3 / 2; } .enterprise-portfolio-content { padding: 24px 20px; } .enterprise-portfolio-content h3 { font-size: clamp(2rem, 10vw, 2.85rem) !important; } .enterprise-project-facts > div { grid-template-columns: 80px 1fr; } .enterprise-portfolio-controls { justify-content: flex-start; } .enterprise-technology-panel { padding: 0; } .technology-capabilities { grid-template-columns: 1fr; } .technology-capability { min-height: 0; padding: 18px 16px; } .technology-stack__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .technology-chip { min-height: 68px; padding: 12px; font-size: .78rem; } .technology-chip svg { width: 24px; height: 24px; flex-basis: 24px; } .delivery-process-intro { padding: 30px 22px; } .delivery-process-intro h2 { font-size: 2.55rem !important; } .delivery-process-actions { display: grid; grid-template-columns: 1fr; } .enterprise-inline-link { width: 100%; min-height: 50px; } .delivery-process-steps li { min-height: 0; grid-template-columns: 36px 1fr; padding: 22px 18px; } .section-contact-2 > .container > .row > div:first-child, .section-contact-2 > .container > .row > div:last-child { padding: 28px 20px !important; } .enterprise-contact-assurance { display: grid; grid-template-columns: 1fr; } .enterprise-pathfinder { width: calc(100% - 16px); max-height: calc(100dvh - 16px); } .enterprise-pathfinder-shell { padding: 18px 14px; } .enterprise-pathfinder-header h2 { font-size: 1.55rem; } .enterprise-pathfinder-options button { grid-template-columns: 40px minmax(0, 1fr) 18px; gap: 10px; padding: 10px; } .enterprise-pathfinder-options button > svg:first-child { width: 38px; height: 38px; padding: 8px; } .enterprise-pathfinder-options strong { font-size: .9rem; } .enterprise-pathfinder-options small { font-size: .78rem; } .enterprise-pathfinder-result dl div { grid-template-columns: 1fr; gap: 3px; } .enterprise-pathfinder-result-actions { align-items: stretch; flex-direction: column; } .enterprise-pathfinder-apply, .enterprise-pathfinder-reset { width: 100%; } .enterprise-page-shell { padding-top: 48px; } .enterprise-page-heading { text-align: left; } .enterprise-page-heading h1 { font-size: clamp(2.5rem, 12vw, 3.65rem) !important; } .enterprise-service-page > .container { width: calc(100% - 32px); } .enterprise-service-hero { text-align: left !important; } .enterprise-service-hero h1 { font-size: clamp(2.35rem, 11vw, 3.4rem) !important; } .enterprise-service-delivery ol { grid-template-columns: 1fr; } .enterprise-service-cta a { width: 100%; } .enterprise-footer-cta h2 { font-size: clamp(2.2rem, 9vw, 3.25rem) !important; } .enterprise-footer-widgets { grid-template-columns: 1fr; gap: 34px; } .enterprise-footer-brand, .enterprise-footer-widgets > .navigation, .enterprise-footer-contact, .enterprise-footer-social { grid-column: 1; grid-row: auto; } .enterprise-footer-widgets > .navigation { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); } .enterprise-footer-widgets > .navigation .enterprise-footer-column-title { grid-column: 1 / -1; } .enterprise-footer-contact { grid-row: auto; } .enterprise-footer-copyright { grid-column: 1; grid-row: auto; margin-top: 4px !important; } } @media (max-width: 389.98px) { .container, .navbar-home-2 > .enterprise-header-inner { width: calc(100% - 24px); } .site-name-text { font-size: 1rem; } .enterprise-hero-copy { padding-inline: 0; } .section-hero-2 .section-hero-title { font-size: 2.35rem !important; } .enterprise-proof-item { padding: 18px 10px; } .technology-stack__grid { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } .enterprise-service-card:hover { transform: none; } }
:root { --tt-ink: #111d22; --tt-muted: #596568; --tt-line: #d4d8d3; --tt-soft: #f1f0eb; --tt-navy: #10282d; --tt-cobalt: #155eef; --tt-cobalt-dark: #0e45b8; --tt-cobalt-soft: #e8efff; --tt-lime: #c6ef6a; --tt-footer: #0b342f; --tt-success: #1f7953; --tt-radius: 2px; --tt-shadow: 0 22px 60px rgba(17, 29, 34, .1); --tt-font: Inter, "Helvetica Neue", Arial, sans-serif; } html { scroll-padding-top: 88px; } body, body.home-page-2, [data-bs-theme=dark] body.home-page-2, body.home-page-2 > .ck-content { color: var(--tt-ink); background: #f4f2ec; } .container { width: min(100% - clamp(32px, 5vw, 80px), 1360px); } .enterprise-section { padding: clamp(76px, 8vw, 118px) 0; } .enterprise-section + .enterprise-section { padding-top: clamp(76px, 8vw, 118px); } .section-hero-2::before, .section-service-2::before, .section-projects-2::before, .section-skills-2::before, .section-delivery-process::before, .section-contact-2::before { display: none; } .enterprise-section-heading { grid-template-columns: minmax(0, 1.25fr) minmax(280px, .55fr); gap: clamp(32px, 6vw, 92px); margin-bottom: clamp(42px, 5vw, 66px); } .enterprise-section-heading h2 { max-width: 720px; margin-top: 14px; font-size: clamp(2.5rem, 4.25vw, 4.6rem) !important; font-weight: 620 !important; line-height: 1.01 !important; letter-spacing: -.055em; } .enterprise-section-heading > p { max-width: 430px; padding-bottom: 5px; font-size: 1rem; line-height: 1.72; } .enterprise-section-kicker { gap: 10px; color: var(--tt-cobalt); font-size: .7rem; letter-spacing: .14em; } .enterprise-section-kicker::before { width: 28px; height: 1px; content: ""; background: currentColor; } .enterprise-section-kicker svg { display: none; } .enterprise-site-header { border-color: rgba(17, 29, 34, .12); background: rgba(244, 242, 236, .94); backdrop-filter: blur(18px); } .navbar-home-2 > .enterprise-header-inner { min-height: 74px; } .navbar-home-2 .navbar-brand img { max-width: 38px; height: 35px; } .site-name-text { font-size: 1.14rem; font-weight: 720; letter-spacing: -.03em; } .enterprise-brand-accent { color: var(--tt-cobalt); } .navbar-home-2 .navbar-nav { gap: clamp(22px, 2.6vw, 40px); } .navbar-home-2 .navbar-nav .nav-link { padding: 26px 0; color: #405056; font-size: .82rem; font-weight: 680; letter-spacing: .01em; } .navbar-home-2 .navbar-nav .nav-link.active::after { bottom: 18px; height: 1px; } .enterprise-header-scrolled { box-shadow: 0 12px 32px rgba(17, 29, 34, .06); } .burger-icon { width: 44px; height: 44px; border-color: rgba(17, 29, 34, .2) !important; border-radius: 50% !important; background: transparent !important; }   .section-hero-2 { border-bottom: 0; background: #f4f2ec; } .enterprise-hero-panel > .row { min-height: clamp(680px, calc(100vh - 74px), 820px); } .enterprise-hero-copy { width: 58%; order: 1; display: flex; align-items: center; padding: clamp(76px, 8vw, 122px) clamp(48px, 7vw, 108px) clamp(76px, 8vw, 112px) 0; } .enterprise-hero-copy > div { max-width: 760px; } .enterprise-hero-media { width: 42%; order: 2; justify-content: center; padding: clamp(64px, 7vw, 104px) 0 clamp(64px, 7vw, 96px) clamp(40px, 5vw, 72px); border-left-color: rgba(17, 29, 34, .13); background: #eeede6; } .enterprise-hero-eyebrow { gap: 11px; margin-bottom: 30px; color: #365057; font-size: .69rem; letter-spacing: .13em; } .enterprise-hero-eyebrow::before { width: 30px; height: 1px; content: ""; background: var(--tt-cobalt); } .enterprise-hero-eyebrow svg { display: none; } .section-hero-2 .section-hero-title { max-width: 810px; font-size: clamp(3.7rem, 6.25vw, 6.75rem) !important; font-weight: 610 !important; line-height: .94 !important; letter-spacing: -.072em; } .section-hero-2 .section-hero-title span:not(.flicker) { display: inline; color: var(--tt-cobalt) !important; font-family: "Iowan Old Style", Baskerville, Georgia, serif; font-style: italic; font-weight: 400; letter-spacing: -.06em; } .section-hero-2 .section-hero-description { max-width: 610px; margin-top: 32px !important; color: #536166 !important; font-size: clamp(1.04rem, 1.25vw, 1.16rem); line-height: 1.72; } .enterprise-hero-actions { gap: 22px; margin-top: 34px; } .enterprise-button { min-height: 54px; padding: 0 22px !important; border-radius: 2px !important; font-size: .84rem; letter-spacing: .01em; } .enterprise-button-primary { border-color: var(--tt-cobalt) !important; background: var(--tt-cobalt) !important; box-shadow: 0 10px 24px rgba(21, 94, 239, .2); } .enterprise-button-primary:hover, .enterprise-button-primary:focus-visible { border-color: var(--tt-cobalt-dark) !important; background: var(--tt-cobalt-dark) !important; transform: translateY(-1px); } .enterprise-button-secondary { padding-inline: 0 2px !important; border: 0 !important; border-bottom: 1px solid #7d898c !important; border-radius: 0 !important; background: transparent !important; } .enterprise-button-secondary:hover, .enterprise-button-secondary:focus-visible { color: var(--tt-cobalt) !important; border-color: var(--tt-cobalt) !important; background: transparent !important; } .enterprise-hero-response-note { display: flex; align-items: flex-start; gap: 8px; max-width: 470px; margin: 20px 0 0; color: #687477; font-size: .78rem; line-height: 1.5; } .enterprise-hero-response-note i { color: var(--tt-success); font-size: 1rem; } .enterprise-workspace { border-color: rgba(17, 29, 34, .22); border-radius: 2px; box-shadow: var(--tt-shadow); } .enterprise-workspace-heading { min-height: 46px; padding-inline: 16px; border-bottom-color: rgba(255, 255, 255, .12); font-size: .68rem; letter-spacing: .035em; } .enterprise-hero-workspace { aspect-ratio: 16 / 10; } .enterprise-workspace-caption { display: grid; grid-template-columns: minmax(120px, .42fr) minmax(0, 1fr); gap: 18px; padding: 18px; color: #c4ced1; background: #111a1f; } .enterprise-workspace-caption strong { color: #fff; font-size: .76rem; font-weight: 700; } .enterprise-workspace-caption span { font-size: .72rem; line-height: 1.5; } .enterprise-hero-assurance { padding-top: 24px; } .enterprise-trust-line { gap: 9px 18px; color: #4f5f63; font-size: .72rem; } .enterprise-trust-line i { color: var(--tt-success); } .enterprise-pathfinder-entry { margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(17, 29, 34, .13); } .enterprise-pathfinder-trigger { min-height: 64px; padding: 0; border: 0; color: var(--tt-ink); background: transparent; } .enterprise-pathfinder-trigger:hover, .enterprise-pathfinder-trigger:focus-visible { border-color: transparent; background: transparent; } .enterprise-pathfinder-trigger-icon { width: 42px; height: 42px; border-radius: 50%; color: #fff; background: var(--tt-cobalt); } .enterprise-pathfinder-trigger small { color: #6b777a; letter-spacing: .08em; } .enterprise-pathfinder-trigger strong { font-size: .9rem; } .enterprise-pathfinder-note { color: #778285; font-size: .68rem; }   .section-static-1 { border: 0; background: var(--tt-footer); } .enterprise-proof-grid { grid-template-columns: minmax(260px, 1.5fr) repeat(4, minmax(120px, .7fr)); overflow: visible; } .enterprise-proof-intro { display: flex; justify-content: center; flex-direction: column; padding: 34px clamp(24px, 3vw, 44px) 34px 0; border-right: 1px solid rgba(255, 255, 255, .15); } .enterprise-proof-intro span { color: #a9c9bd; font-size: .67rem; font-weight: 760; letter-spacing: .14em; text-transform: uppercase; } .enterprise-proof-intro p { max-width: 34ch; margin: 10px 0 0; color: #fff !important; font-size: .94rem; line-height: 1.5; } .enterprise-proof-item { min-height: 150px; align-items: flex-start; gap: 10px; padding: 30px clamp(18px, 2.4vw, 34px); text-align: left; } .enterprise-proof-value { gap: 10px; } .enterprise-proof-icon { width: 34px; height: 34px; flex-basis: 34px; border: 0; border-radius: 50%; color: #d3e4dd; background: rgba(255, 255, 255, .09); } .enterprise-proof-icon svg { width: 18px; height: 18px; } .enterprise-proof-item strong { font-size: 2.15rem; font-weight: 620; font-variant-numeric: tabular-nums; } .enterprise-proof-label { max-width: 16ch; color: rgba(255, 255, 255, .69); font-size: .72rem; line-height: 1.42; }   .section-service-2 { background: #f8f7f2; } .enterprise-service-grid { margin-inline: 0; border: 0; border-top: 1px solid var(--tt-line); } .enterprise-service-grid > [class*="col-"] { flex: 0 0 50%; width: 50%; padding: 0; } .enterprise-service-card { min-height: 244px; padding: clamp(30px, 3.4vw, 48px); border: 0; border-right: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); background: transparent; } .enterprise-service-grid > [class*="col-"]:nth-child(even) .enterprise-service-card { border-right: 0; } .enterprise-service-card:hover, .enterprise-service-card:focus-within { background: rgba(255, 255, 255, .72); } .enterprise-service-summary { grid-template-columns: 46px minmax(0, 1fr) 28px; gap: 18px; } .enterprise-service-icon { width: 42px; height: 42px; border: 0; border-radius: 50%; color: var(--tt-cobalt); background: var(--tt-cobalt-soft); } .enterprise-service-icon svg { width: 21px; height: 21px; } .enterprise-service-summary > strong { max-width: 25ch; font-size: clamp(1.18rem, 1.6vw, 1.42rem); font-weight: 680; letter-spacing: -.025em; } .enterprise-service-panel { margin: 20px 30px 0 64px; } .enterprise-service-description { max-width: 55ch; font-size: .9rem; line-height: 1.68; } .enterprise-service-link { margin-top: 20px; color: var(--tt-cobalt); font-size: .7rem; letter-spacing: .09em; } .enterprise-section-note { margin-top: 28px; padding: 18px 0 0; border: 0; border-top: 1px solid var(--tt-line); background: transparent; font-size: .86rem; }   .section-projects-2 { background: #fff; } .enterprise-portfolio-card { grid-template-columns: minmax(0, 1.18fr) minmax(360px, .72fr); min-height: 560px; border-color: rgba(17, 29, 34, .16); background: var(--tt-navy); } .enterprise-portfolio-media { background: #dfe3df; } .enterprise-portfolio-media img { min-height: 560px; filter: saturate(.82) contrast(.98); transition: filter .35s ease, transform .55s cubic-bezier(.2, .7, .2, 1); } .enterprise-portfolio-card:hover .enterprise-portfolio-media img { filter: saturate(1) contrast(1); transform: scale(1.012); } .enterprise-portfolio-content { padding: clamp(38px, 5vw, 68px); color: #fff; background: var(--tt-navy); } .enterprise-project-number { color: #9fb9ff; font-size: .67rem; letter-spacing: .13em; } .enterprise-portfolio-content h3 { margin-top: 22px; color: #fff !important; font-size: clamp(2.2rem, 3.8vw, 4.25rem) !important; font-weight: 590 !important; line-height: 1.02 !important; letter-spacing: -.055em; } .enterprise-portfolio-content > p { color: #c7d0d2 !important; font-size: .94rem; line-height: 1.72; } .enterprise-project-facts { border-top-color: rgba(255, 255, 255, .17); } .enterprise-project-facts > div { border-bottom-color: rgba(255, 255, 255, .17); } .enterprise-project-facts dt { color: #8fa1a6; } .enterprise-project-facts dd { color: #fff; } .enterprise-project-action { min-height: 52px; border-color: #fff; border-radius: 2px; color: var(--tt-navy); background: #fff; } .enterprise-project-action:hover, .enterprise-project-action:focus-visible { color: #fff; border-color: var(--tt-cobalt); background: var(--tt-cobalt); } .enterprise-portfolio-controls { justify-content: flex-start; gap: 8px; margin-top: 20px; } .enterprise-portfolio-control-label { margin-right: auto; color: #6a7679; font-size: .7rem; font-weight: 720; letter-spacing: .1em; text-transform: uppercase; } .enterprise-portfolio-controls button { width: 44px; height: 44px; border-color: var(--tt-line); border-radius: 50%; color: var(--tt-ink); } .enterprise-portfolio-controls button:hover, .enterprise-portfolio-controls button:focus-visible { color: #fff; border-color: var(--tt-cobalt); background: var(--tt-cobalt); } .enterprise-carousel-status { color: #6d787b; font-variant-numeric: tabular-nums; }   .section-skills-2 { background: #f4f2ec; } .technology-capabilities { border-color: var(--tt-line); background: var(--tt-line); } .technology-capability { min-height: 156px; grid-template-columns: 34px 1fr; gap: 16px; padding: 26px; background: #faf9f5; } .technology-capability > span { color: var(--tt-cobalt); font-size: .66rem; letter-spacing: .08em; } .technology-capability h3 { font-size: 1.06rem !important; font-weight: 680 !important; letter-spacing: -.02em; } .technology-capability p { font-size: .83rem; line-height: 1.62; } .technology-stack { border-color: var(--tt-navy); border-radius: 2px; box-shadow: 0 18px 42px rgba(16, 40, 45, .12); } .technology-stack__header { min-height: 58px; font-size: .68rem; letter-spacing: .1em; } .technology-stack__header small { color: #9fb0b5; } .technology-chip { min-height: 82px; font-size: .8rem; } .technology-chip svg { color: #aac3ff !important; } .section-delivery-process { background: #ebe9e2; } .section-delivery-process { padding-bottom: clamp(58px, 6vw, 84px); } .delivery-process-panel { border-color: rgba(17, 29, 34, .16) !important; border-radius: 2px !important; } .delivery-process-intro { padding: clamp(44px, 5.5vw, 74px); background: var(--tt-footer); } .delivery-process-intro .text-linear-4 { color: #a7c8bb !important; font-size: .68rem; letter-spacing: .12em; } .delivery-process-intro h2 { font-size: clamp(2.6rem, 4.4vw, 4.8rem) !important; font-weight: 590 !important; line-height: .98 !important; letter-spacing: -.06em; } .delivery-process-intro p { color: #c5d4cf !important; font-size: .92rem; } .enterprise-inline-link { min-height: 50px; padding-inline: 18px; border-radius: 2px; font-size: .76rem; } .enterprise-inline-link.is-secondary { border-color: rgba(255, 255, 255, .32); } .delivery-process-steps li { min-height: 138px; grid-template-columns: 52px 1fr; gap: 20px; align-items: center; padding: 30px clamp(28px, 4vw, 52px); } .delivery-process-steps li > span { color: var(--tt-cobalt); font-size: .67rem; letter-spacing: .08em; } .delivery-process-steps h6 { font-size: 1.08rem !important; font-weight: 680 !important; letter-spacing: -.02em; } .delivery-process-steps p { margin-top: 8px; font-size: .86rem; line-height: 1.62; }   .section-contact-2 { background: #f4f2ec; } .section-contact-2 { padding-top: clamp(58px, 6vw, 84px); } .section-contact-2 > .container > .row { border: 1px solid rgba(17, 29, 34, .15); background: #fff; box-shadow: 0 20px 54px rgba(17, 29, 34, .07); } .section-contact-2 > .container > .row > div:first-child { padding: clamp(38px, 5.5vw, 72px); } .section-contact-2 > .container > .row > div:last-child { padding: clamp(38px, 4.5vw, 60px) !important; background: var(--tt-navy); } .section-contact-2 h2 { max-width: 700px; font-size: clamp(2.6rem, 4.6vw, 5rem) !important; font-weight: 590 !important; line-height: .99 !important; letter-spacing: -.06em; } .enterprise-contact-intro { max-width: 620px; font-size: .96rem !important; } .enterprise-contact-assurance { gap: 8px 20px; margin: 22px 0 12px; font-size: .76rem; } .section-contact-2 .contact-form .form-control, .section-contact-2 .contact-form .form-select { min-height: 54px; border-color: #cdd2ce !important; border-radius: 2px !important; background: #fbfaf7 !important; } .section-contact-2 .contact-form textarea.form-control { min-height: 160px; } .section-contact-2 .contact-form .form-control:focus, .section-contact-2 .contact-form .form-select:focus { border-color: var(--tt-cobalt) !important; box-shadow: 0 0 0 3px rgba(21, 94, 239, .1); } .section-contact-2 .enterprise-contact-submit { min-height: 54px; padding-inline: 22px; border-color: var(--tt-cobalt) !important; border-radius: 2px !important; background: var(--tt-cobalt) !important; } .section-contact-2 .enterprise-contact-submit:hover, .section-contact-2 .enterprise-contact-submit:focus-visible { background: var(--tt-cobalt-dark) !important; } .enterprise-contact-privacy { color: #707b7e; font-size: .73rem; } .enterprise-next-steps-heading span { color: #9db1b5; font-size: .67rem; letter-spacing: .12em; } .enterprise-next-steps-heading h4 { margin-top: 12px; font-size: 1.72rem !important; font-weight: 610 !important; letter-spacing: -.035em; } .enterprise-next-step { min-height: 88px; padding-inline: 0; } .enterprise-next-step-icon { width: 36px; height: 36px; flex-basis: 36px; border: 0; border-radius: 50%; color: #fff; background: rgba(255, 255, 255, .1); } .section-footer-2 { background: var(--tt-footer); } .section-footer-2 .container { padding-top: clamp(68px, 8vw, 108px); } .enterprise-footer-cta { align-items: center; padding-bottom: clamp(50px, 6vw, 78px); } .enterprise-footer-cta > div > span, .enterprise-footer-column-title { color: #9fc4b5; font-size: .67rem; letter-spacing: .13em; } .enterprise-footer-cta h2 { max-width: 860px; font-size: clamp(2.6rem, 4.8vw, 5.25rem) !important; font-weight: 560 !important; line-height: .98 !important; letter-spacing: -.06em; } .enterprise-footer-cta > a { min-height: 54px; padding-inline: 22px; border-color: var(--tt-cobalt); border-radius: 2px; color: #fff; background: var(--tt-cobalt); } .enterprise-footer-cta > a:hover, .enterprise-footer-cta > a:focus-visible { border-color: #fff; color: var(--tt-footer); background: #fff; } .enterprise-footer-brand p, .enterprise-footer-contact-copy > span, .enterprise-footer-widgets > .navigation a { color: #d6e2de; } .enterprise-footer-social .enterprise-social-link { border-radius: 50%; }   .enterprise-pathfinder { width: min(680px, calc(100% - 32px)); max-height: min(820px, calc(100dvh - 32px)); border: 1px solid rgba(17, 29, 34, .16); border-radius: 4px; background: #fff; box-shadow: 0 32px 90px rgba(10, 24, 29, .28); } .enterprise-pathfinder::backdrop { background: rgba(8, 22, 27, .66); backdrop-filter: blur(4px); } .enterprise-pathfinder-shell { padding: clamp(26px, 5vw, 42px); } .enterprise-pathfinder-header > div > span { color: var(--tt-cobalt); font-size: .67rem; letter-spacing: .13em; } .enterprise-pathfinder-header h2 { margin-top: 10px; font-size: clamp(1.9rem, 4vw, 2.8rem) !important; font-weight: 620 !important; line-height: 1.04 !important; letter-spacing: -.045em; } .enterprise-pathfinder-close { border-radius: 50%; background: var(--tt-soft); } .enterprise-pathfinder-description { color: var(--tt-muted); font-size: .9rem; line-height: 1.65; } .enterprise-pathfinder-progress { border-color: var(--tt-line); color: #6c787b; font-size: .68rem; } .enterprise-pathfinder [data-pathfinder-stage] h3 { font-size: 1.08rem !important; font-weight: 680 !important; letter-spacing: -.02em; } .enterprise-pathfinder-options button { min-height: 78px; border-color: var(--tt-line); border-radius: 2px; background: #fbfaf7; } .enterprise-pathfinder-options button:hover, .enterprise-pathfinder-options button:focus-visible { border-color: var(--tt-cobalt); background: var(--tt-cobalt-soft); } .enterprise-pathfinder-options button > svg:first-child { color: var(--tt-cobalt); } .enterprise-pathfinder-options strong { font-size: .88rem; } .enterprise-pathfinder-options small { color: #6a7679; font-size: .75rem; } .enterprise-pathfinder-result-recommendation { border-radius: 2px; background: var(--tt-cobalt-soft); } .enterprise-pathfinder-apply { border-radius: 2px; background: var(--tt-cobalt); } @media (max-width: 1199.98px) { .enterprise-hero-panel > .row { min-height: 0; } .enterprise-hero-copy, .enterprise-hero-media { width: 100%; } .enterprise-hero-copy { padding: 84px 0 68px; } .enterprise-hero-copy > div { max-width: 850px; } .enterprise-hero-media { padding: 0 0 78px; border-top: 1px solid rgba(17, 29, 34, .13); border-left: 0; background: transparent; } .enterprise-workspace { margin-top: 54px; } .enterprise-proof-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .enterprise-proof-intro { grid-column: 1 / -1; padding: 32px 0; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .15); } .enterprise-proof-intro p { max-width: 56ch; } .enterprise-portfolio-card { grid-template-columns: 1fr; min-height: 0; } .enterprise-portfolio-media img { min-height: 480px; } .enterprise-portfolio-content { min-height: 500px; } } @media (max-width: 991.98px) { .enterprise-section-heading { grid-template-columns: 1fr; gap: 20px; } .enterprise-section-heading > p { max-width: 580px; padding-bottom: 0; } .enterprise-portfolio-content { min-height: 460px; } .enterprise-footer-cta { align-items: start; } } @media (max-width: 767.98px) { .container { width: min(100% - 32px, 1360px); } .enterprise-section, .enterprise-section + .enterprise-section { padding: 70px 0; } .navbar-home-2 > .enterprise-header-inner { min-height: 68px; } .site-name-text { font-size: 1.06rem; } .mobile-header-active { background: #f8f7f2 !important; } .enterprise-section-heading { margin-bottom: 36px; } .enterprise-section-heading h2 { font-size: clamp(2.35rem, 11vw, 3.25rem) !important; line-height: 1.02 !important; } .enterprise-section-heading > p { font-size: .92rem; line-height: 1.65; } .enterprise-hero-copy { padding: 58px 0 46px; } .enterprise-hero-eyebrow { margin-bottom: 22px; font-size: .63rem; line-height: 1.5; } .section-hero-2 .section-hero-title { font-size: clamp(3.05rem, 15.4vw, 4.35rem) !important; line-height: .96 !important; } .section-hero-2 .section-hero-description { margin-top: 24px !important; font-size: .98rem; line-height: 1.65; } .enterprise-hero-actions { align-items: flex-start; flex-direction: column; gap: 16px; margin-top: 28px; } .enterprise-button-primary { width: 100%; } .enterprise-button-secondary { min-height: 42px; } .enterprise-hero-response-note { margin-top: 16px; } .enterprise-hero-media { padding: 0 0 58px; } .enterprise-workspace { margin-top: 34px; } .enterprise-workspace-heading { min-height: 42px; padding-inline: 12px; font-size: .61rem; } .enterprise-workspace-caption { grid-template-columns: 1fr; gap: 6px; padding: 15px; } .enterprise-trust-line { grid-template-columns: 1fr; } .enterprise-pathfinder-trigger { grid-template-columns: 42px 1fr 20px; } .enterprise-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .enterprise-proof-intro { padding: 28px 0; } .enterprise-proof-intro p { font-size: .87rem; } .enterprise-proof-item { min-height: 132px; padding: 24px 12px; } .enterprise-proof-item:nth-child(3), .enterprise-proof-item:nth-child(5) { border-right: 0; } .enterprise-proof-item strong { font-size: 1.9rem; } .enterprise-proof-label { font-size: .67rem; } .enterprise-service-grid > [class*="col-"] { flex-basis: 100%; width: 100%; } .enterprise-service-card { min-height: 0; padding: 26px 0; border-right: 0; background: transparent; } .enterprise-service-summary { grid-template-columns: 42px minmax(0, 1fr) 32px; gap: 14px; } .enterprise-service-summary > strong { font-size: 1.12rem; } .enterprise-service-panel { margin: 18px 0 2px 56px; } .enterprise-service-description { font-size: .86rem; } .enterprise-portfolio-media img { min-height: 285px; } .enterprise-portfolio-content { min-height: 440px; padding: 30px 24px; } .enterprise-portfolio-content h3 { font-size: clamp(2rem, 10vw, 3rem) !important; } .enterprise-project-facts > div { grid-template-columns: 78px 1fr; } .enterprise-portfolio-control-label { display: none; } .enterprise-portfolio-controls { justify-content: flex-start; } .technology-capabilities, .technology-stack__grid { grid-template-columns: 1fr; } .technology-capability { min-height: 138px; padding: 22px; } .delivery-process-intro { padding: 34px 24px; } .delivery-process-intro h2 { font-size: clamp(2.45rem, 12vw, 3.35rem) !important; } .delivery-process-actions { align-items: stretch; flex-direction: column; } .enterprise-inline-link { width: 100%; } .delivery-process-steps li { min-height: 0; grid-template-columns: 38px 1fr; gap: 12px; padding: 26px 22px; } .section-contact-2 > .container > .row > div:first-child, .section-contact-2 > .container > .row > div:last-child { padding: 32px 22px !important; } .section-contact-2 h2 { font-size: clamp(2.45rem, 12vw, 3.4rem) !important; } .enterprise-contact-assurance { flex-direction: column; } .enterprise-footer-cta h2 { font-size: clamp(2.5rem, 12vw, 3.6rem) !important; } .enterprise-footer-cta > a { width: 100%; } .enterprise-pathfinder { width: calc(100% - 20px); max-height: calc(100dvh - 20px); } .enterprise-pathfinder-shell { padding: 24px 18px; } .enterprise-pathfinder-options button { min-height: 74px; } } @media (max-width: 389.98px) { .section-hero-2 .section-hero-title { font-size: 2.85rem !important; } .enterprise-proof-value { gap: 7px; } .enterprise-proof-icon { width: 30px; height: 30px; flex-basis: 30px; } .enterprise-proof-item strong { font-size: 1.7rem; } } @media (prefers-reduced-motion: reduce) { .enterprise-button-primary, .enterprise-portfolio-media img { transition: none; } .enterprise-button-primary:hover, .enterprise-portfolio-card:hover .enterprise-portfolio-media img { transform: none; } }   .enterprise-site-header { border-top: 6px solid #111924; border-bottom-color: rgba(17, 25, 36, .1); background: rgba(255, 255, 255, .98); backdrop-filter: blur(18px); } .navbar-home-2 > .enterprise-header-inner { min-height: 78px; } .navbar-home-2 .navbar-nav .nav-link { padding-block: 28px; color: #202a36; font-size: .86rem; } .enterprise-header-cta { min-height: 48px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 9px; padding: 0 22px; border: 1px solid #111924; border-radius: 999px; color: #fff !important; background: #111924; font-size: .84rem; font-weight: 740; text-decoration: none !important; } .enterprise-header-cta:hover, .enterprise-header-cta:focus-visible { border-color: #155eef; color: #fff !important; background: #155eef; } .mobile-header-active { transform: none; opacity: 0; pointer-events: none; transition: opacity .18s ease, visibility .18s ease; } .mobile-header-active.sidebar-visible { transform: none; opacity: 1; pointer-events: auto; } .body-overlay-1 { z-index: 1040; } .section-hero-2 { min-height: 700px; overflow: hidden; border-bottom: 0; background: #0b1324; } .enterprise-hero-background, .enterprise-hero-veil { position: absolute; inset: 0; } .enterprise-hero-background { z-index: -2; } .enterprise-hero-background img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center center; } .enterprise-hero-veil { z-index: -1; background: rgba(3, 10, 21, .12); } .enterprise-hero-panel > .row { min-height: clamp(700px, calc(100vh - 84px), 840px); } .enterprise-hero-copy { width: 61%; order: 1; align-items: center; padding: clamp(66px, 7vw, 96px) clamp(34px, 4vw, 64px) clamp(96px, 9vw, 126px) 0; } .enterprise-hero-copy > div { width: 100%; max-width: 720px; padding: clamp(36px, 4.1vw, 54px); border: 1px solid rgba(255, 255, 255, .16); border-radius: 14px; background: rgba(8, 18, 31, .84); box-shadow: 0 26px 72px rgba(0, 0, 0, .24); backdrop-filter: blur(20px); } .enterprise-hero-eyebrow { margin-bottom: 20px; color: #bed4ff; font-size: .68rem; letter-spacing: .14em; } .enterprise-hero-eyebrow::before { background: #8cb5ff; } .section-hero-2 .section-hero-title, .section-hero-2 .section-hero-title span:not(.flicker) { color: #fff !important; -webkit-text-fill-color: #fff !important; } .section-hero-2 .section-hero-title { max-width: 650px; font-size: clamp(3.15rem, 4.45vw, 4.55rem) !important; font-weight: 625 !important; line-height: .98 !important; letter-spacing: -.062em; } .section-hero-2 .section-hero-title span:not(.flicker) { font-family: inherit; font-style: normal; font-weight: inherit; letter-spacing: inherit; } .section-hero-2 .section-hero-description { max-width: 570px; margin-top: 24px !important; color: rgba(238, 244, 250, .79) !important; font-size: clamp(.98rem, 1.1vw, 1.08rem); line-height: 1.62; } .enterprise-hero-actions { gap: 13px; margin-top: 28px; } .enterprise-button { min-height: 54px; padding-inline: 23px !important; border-radius: 999px !important; font-size: .84rem; } .enterprise-button-primary { border-color: #fff !important; color: #111924 !important; background: #fff !important; box-shadow: none; } .enterprise-button-primary:hover, .enterprise-button-primary:focus-visible { border-color: #dce8ff !important; color: #111924 !important; background: #dce8ff !important; } .enterprise-button-secondary { padding-inline: 23px !important; border: 1px solid rgba(255, 255, 255, .7) !important; border-radius: 999px !important; color: #fff !important; } .enterprise-button-secondary:hover, .enterprise-button-secondary:focus-visible { border-color: #fff !important; color: #111924 !important; background: #fff !important; } .enterprise-hero-response-note { margin-top: 17px; color: rgba(226, 236, 244, .66); font-size: .72rem; } .enterprise-hero-response-note i { color: #9ee6bf; } .enterprise-hero-media { width: 39%; order: 2; justify-content: flex-end; align-self: stretch; padding: 0 0 82px clamp(22px, 3vw, 44px); border: 0; background: transparent; } .enterprise-workspace { display: none; } .enterprise-hero-assurance { width: min(100%, 420px); margin-left: auto; padding: 18px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 12px; background: rgba(8, 18, 31, .79); box-shadow: 0 20px 54px rgba(0, 0, 0, .2); backdrop-filter: blur(18px); } .enterprise-hero-assurance .enterprise-trust-line { display: flex; flex-wrap: wrap; gap: 7px 15px; color: rgba(236, 243, 248, .78); font-size: .68rem; } .enterprise-hero-assurance .enterprise-trust-line i { color: #9ee6bf; } .enterprise-hero-assurance .enterprise-pathfinder-entry { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .14); } .enterprise-hero-assurance .enterprise-pathfinder-trigger { min-height: 56px; grid-template-columns: 40px minmax(0, 1fr) 18px; padding: 0; border: 0; color: #fff; background: transparent; } .enterprise-hero-assurance .enterprise-pathfinder-trigger:hover, .enterprise-hero-assurance .enterprise-pathfinder-trigger:focus-visible { color: #fff; background: transparent; } .enterprise-hero-assurance .enterprise-pathfinder-trigger-icon { width: 40px; height: 40px; border-color: rgba(255, 255, 255, .2); border-radius: 50%; color: #fff; background: rgba(255, 255, 255, .1); } .enterprise-hero-assurance .enterprise-pathfinder-trigger small { color: #adc9ff; } .enterprise-hero-assurance .enterprise-pathfinder-trigger strong { color: #fff; font-size: .88rem; } .enterprise-hero-assurance .enterprise-pathfinder-note { color: rgba(226, 236, 244, .58); font-size: .63rem; } .section-static-1 { position: relative; z-index: 3; margin-top: -46px; border-radius: 58px 58px 0 0; } @media (max-width: 1199.98px) { .enterprise-hero-panel > .row { min-height: 760px; justify-content: center; flex-direction: column; padding: 68px 0 116px; } .enterprise-hero-copy, .enterprise-hero-media { width: 100%; } .enterprise-hero-copy { padding: 0; } .enterprise-hero-copy > div { max-width: 700px; } .enterprise-hero-media { align-self: auto; padding: 18px 0 0; } .enterprise-hero-assurance { margin: 0; } } @media (max-width: 767.98px) { .enterprise-site-header { border-top-width: 4px; } .navbar-home-2 > .enterprise-header-inner { min-height: 66px; } .section-hero-2 { min-height: 0; } .enterprise-hero-background img { object-position: 71% center; } .enterprise-hero-veil { background: rgba(3, 10, 21, .22); } .enterprise-hero-panel > .row { min-height: 0; padding: 180px 0 86px; } .enterprise-hero-copy { padding: 0; } .enterprise-hero-copy > div { padding: 28px 22px; border-radius: 12px; background: rgba(8, 18, 31, .88); } .enterprise-hero-eyebrow { margin-bottom: 16px; font-size: .6rem; } .section-hero-2 .section-hero-title { font-size: clamp(2.65rem, 12vw, 3.35rem) !important; line-height: 1 !important; letter-spacing: -.055em; } .section-hero-2 .section-hero-description { margin-top: 19px !important; font-size: .91rem; line-height: 1.58; } .enterprise-hero-actions { gap: 10px; margin-top: 23px; } .enterprise-button-primary, .enterprise-button-secondary { width: 100%; min-height: 50px; } .enterprise-hero-response-note { font-size: .67rem; } .enterprise-hero-media { padding: 12px 0 0; } .enterprise-hero-assurance { width: 100%; padding: 16px; border-radius: 10px; } .enterprise-hero-assurance .enterprise-trust-line { grid-template-columns: 1fr; } .section-static-1 { margin-top: -34px; border-radius: 34px 34px 0 0; } .site-notice.site-notice-full-width { padding: 6px !important; } .site-notice.site-notice-full-width .site-notice-body { padding: 6px 8px !important; } .site-notice.site-notice-full-width .site-notice__inner { flex-direction: row !important; align-items: center !important; gap: 8px !important; flex-wrap: nowrap !important; } .site-notice.site-notice-full-width .site-notice__message { min-width: 0 !important; font-size: 11px !important; line-height: 1.35 !important; } .site-notice.site-notice-full-width .site-notice__actions { flex: 0 0 auto; margin-left: 0 !important; } .site-notice.site-notice-full-width .site-notice__actions button { min-width: 86px !important; max-width: none !important; min-height: 38px; padding: 5px 8px !important; font-size: 10px !important; } }
:root { --tt-ink: #f6f3f0; --tt-muted: #aaa6a4; --tt-line: rgba(255, 255, 255, .12); --tt-line-strong: rgba(255, 255, 255, .2); --tt-soft: #24242d; --tt-navy: #1b1b21; --tt-cobalt: #89b7ec; --tt-cobalt-dark: #6d9bd1; --tt-cobalt-soft: rgba(137, 183, 236, .09); --tt-lime: #a8ff53; --tt-on-lime: #121519; --tt-footer: #19191f; --tt-success: #a8ff53; --tt-surface: #24242d; --tt-surface-deep: #1f1f25; --tt-surface-raised: #292932; --tt-warm: #d9a17f; --tt-rose: #e88caf; --tt-radius: 6px; --tt-shadow: none; --tt-font: Inter, "Segoe UI", Arial, sans-serif; --tt-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; } html { scroll-padding-top: 82px; background: var(--tt-surface-deep); } body, body.home-page-2, [data-bs-theme=dark] body.home-page-2, body.home-page-2 > .ck-content { color: var(--tt-ink); background: var(--tt-surface); } body, button, input, select, textarea { font-family: var(--tt-font); } body.home-page-2 > .ck-content p { color: var(--tt-muted); } h1, h2, h3, h4, h5, h6, .site-name-text, .navbar-home-2 .nav-link, .enterprise-button, .enterprise-section-kicker, .enterprise-project-number, .enterprise-portfolio-control-label { font-family: var(--tt-mono) !important; } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--tt-lime); outline-offset: 3px; } .container { width: min(calc(100% - clamp(36px, 7vw, 128px)), 1640px); max-width: none; } .enterprise-section { padding: clamp(74px, 7vw, 116px) 0; border-top: 1px solid var(--tt-line); } .enterprise-section + .enterprise-section { padding-top: clamp(74px, 7vw, 116px); } .section-hero-2::before, .section-service-2::before, .section-projects-2::before, .section-skills-2::before, .section-delivery-process::before, .section-contact-2::before { display: none !important; } .enterprise-section-heading { grid-template-columns: minmax(0, 1.1fr) minmax(300px, .65fr); gap: clamp(28px, 5vw, 80px); align-items: end; margin-bottom: clamp(38px, 5vw, 66px); } .enterprise-section-kicker { gap: 10px; color: var(--tt-lime); font-size: .78rem; font-weight: 500; letter-spacing: .07em; text-transform: none; } .enterprise-section-kicker svg { width: 18px; height: 18px; display: block !important; color: var(--tt-lime); } .enterprise-section-kicker::before { display: none !important; } .enterprise-section-heading h2 { max-width: 920px; margin-top: 13px; color: var(--tt-ink) !important; font-family: var(--tt-mono) !important; font-size: clamp(2.4rem, 3.2vw, 3.7rem) !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -.045em; } .enterprise-section-heading > p { max-width: 590px; color: var(--tt-muted) !important; font-size: 1rem; line-height: 1.75; }   .enterprise-site-header { min-height: 76px; border-top: 5px solid #19191f; border-bottom: 1px solid var(--tt-line); color: var(--tt-ink); background: rgba(36, 36, 45, .97); box-shadow: none !important; backdrop-filter: blur(16px); } .enterprise-site-header.enterprise-header-scrolled { background: rgba(31, 31, 37, .98); box-shadow: none !important; } .navbar-home-2 > .enterprise-header-inner { min-height: 71px; } .navbar-home-2 .navbar-brand { color: var(--tt-ink); } .site-name-text { color: var(--tt-ink) !important; font-size: 1.18rem; font-weight: 600; letter-spacing: -.035em; } .enterprise-brand-accent { color: var(--tt-lime); } .navbar-home-2 .navbar-nav { gap: clamp(20px, 2.4vw, 38px); } .navbar-home-2 .navbar-nav .nav-link { padding: 26px 0; color: #d7d3d1; font-size: .82rem; font-weight: 500; letter-spacing: -.01em; } .navbar-home-2 .navbar-nav .nav-link:hover, .navbar-home-2 .navbar-nav .nav-link:focus-visible, .navbar-home-2 .navbar-nav .nav-link.active { color: var(--tt-lime); } .navbar-home-2 .navbar-nav .nav-link.active::after { bottom: 18px; height: 1px; background: var(--tt-lime); } .enterprise-header-cta { min-height: 44px; gap: 9px; padding: 0 17px; border: 1px solid var(--tt-lime); border-radius: 4px; color: #18181d; background: var(--tt-lime); font-family: var(--tt-mono); font-size: .78rem; font-weight: 700; text-decoration: none; } .enterprise-header-cta:hover, .enterprise-header-cta:focus-visible { border-color: var(--tt-ink); color: var(--tt-ink); background: transparent; } .burger-icon { border-color: var(--tt-line-strong) !important; border-radius: 4px !important; background: transparent !important; } .burger-icon span { background: var(--tt-ink) !important; } .mobile-header-active { color: var(--tt-ink); background: var(--tt-surface-deep) !important; box-shadow: -24px 0 60px rgba(0, 0, 0, .34); } .mobile-header-logo { border-color: var(--tt-line); } .mobile-header-active .site-name-text { color: var(--tt-ink) !important; } .mobile-menu .nav-item { border-color: var(--tt-line); } .mobile-menu .nav-link { color: var(--tt-ink) !important; font-family: var(--tt-mono); font-weight: 500; } .mobile-menu .nav-link:hover, .mobile-menu .nav-link:focus-visible { color: var(--tt-lime) !important; } .body-overlay-1 { background: rgba(0, 0, 0, .68); }   .section-hero-2 { min-height: auto; padding: 0; border-bottom: 0; background: var(--tt-surface); } .section-hero-2 > .background { display: none !important; } .section-hero-2 > .hero-2 { position: relative; z-index: 1; } .enterprise-hero-panel { overflow: visible; } .enterprise-hero-panel > .row { min-height: 0; display: flex; flex-direction: column; } .enterprise-hero-copy { width: 100%; order: 1; display: block; padding: clamp(82px, 8.5vw, 142px) 0 clamp(54px, 5.5vw, 88px); border: 0; color: var(--tt-ink); background: transparent; text-align: center; } .enterprise-hero-copy > div { max-width: 1160px; margin-inline: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; } .enterprise-hero-eyebrow { justify-content: center; gap: 9px; margin-bottom: 22px; color: var(--tt-lime); font-family: var(--tt-mono); font-size: .78rem; font-weight: 500; letter-spacing: .035em; text-transform: none; } .enterprise-hero-eyebrow::before { display: none; } .enterprise-hero-eyebrow svg { width: 17px; height: 17px; display: block; color: var(--tt-lime); } .section-hero-2 .section-hero-title, .section-hero-2 .section-hero-title span:not(.flicker) { color: var(--tt-ink) !important; background: none !important; -webkit-text-fill-color: currentColor !important; } .section-hero-2 .section-hero-title { max-width: 1160px; margin: 0 auto !important; font-family: var(--tt-mono) !important; font-size: clamp(3.35rem, 5.6vw, 6.25rem) !important; font-weight: 600 !important; line-height: 1.02 !important; letter-spacing: -.065em; } .section-hero-2 .section-hero-description { max-width: 850px; margin: 27px auto 0 !important; color: var(--tt-muted) !important; font-size: clamp(1.02rem, 1.4vw, 1.24rem); line-height: 1.72; } .enterprise-hero-actions { justify-content: center; gap: 12px; margin-top: 34px; } .enterprise-button { min-height: 52px; padding: 0 21px !important; border-radius: 4px !important; font-family: var(--tt-mono) !important; font-size: .8rem; font-weight: 700; } .enterprise-button-primary { border-color: var(--tt-lime) !important; color: #18181d !important; background: var(--tt-lime) !important; } .enterprise-button-primary:hover, .enterprise-button-primary:focus-visible { border-color: var(--tt-ink) !important; color: var(--tt-ink) !important; background: transparent !important; } .enterprise-button-secondary { border-color: var(--tt-line-strong) !important; color: var(--tt-ink) !important; background: transparent !important; } .enterprise-button-secondary:hover, .enterprise-button-secondary:focus-visible { border-color: var(--tt-ink) !important; color: var(--tt-ink) !important; background: rgba(255, 255, 255, .05) !important; } .enterprise-hero-response-note { justify-content: center; margin: 16px auto 0; color: #888487; font-size: .73rem; } .enterprise-hero-response-note i { color: var(--tt-lime); } .enterprise-hero-media { width: 100%; order: 2; display: block; padding: 0 0 clamp(38px, 5vw, 70px); border: 0; background: transparent; } .enterprise-hero-assurance { width: min(100%, 1180px); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr); gap: 0; margin-inline: auto; padding: 0; border-top: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); border-radius: 0; background: transparent; box-shadow: none; } .enterprise-hero-assurance .enterprise-trust-line { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; align-content: center; margin: 0; padding: 26px 30px 26px 0; border: 0; color: #c2bebb; font-family: var(--tt-mono); font-size: .72rem; font-weight: 400; } .enterprise-hero-assurance .enterprise-trust-line i { color: var(--tt-lime); } .enterprise-hero-assurance .enterprise-pathfinder-entry { display: flex; justify-content: center; flex-direction: column; margin: 0; padding: 18px 0 18px 30px; border-left: 1px solid var(--tt-line); } .enterprise-pathfinder-trigger { min-height: 66px; grid-template-columns: 38px minmax(0, 1fr) 20px; gap: 12px; padding: 8px 0; border: 0; border-radius: 0; color: var(--tt-ink); background: transparent; } .enterprise-pathfinder-trigger:hover, .enterprise-pathfinder-trigger:focus-visible { border-color: transparent; color: var(--tt-ink); background: transparent; } .enterprise-pathfinder-trigger:hover strong, .enterprise-pathfinder-trigger:focus-visible strong { color: var(--tt-lime); } .enterprise-pathfinder-trigger-icon { width: 38px; height: 38px; border-color: var(--tt-line-strong); border-radius: 50%; color: var(--tt-lime); background: transparent; } .enterprise-pathfinder-trigger small { color: var(--tt-cobalt); font-family: var(--tt-mono); font-size: .65rem; font-weight: 500; } .enterprise-pathfinder-trigger strong { color: var(--tt-ink); font-family: var(--tt-mono); font-size: .86rem; font-weight: 600; transition: color .18s ease; } .enterprise-pathfinder-trigger > svg { color: var(--tt-lime); } .enterprise-pathfinder-meta { margin-top: 0; } .enterprise-pathfinder-note { margin-top: 3px; color: #817d80; font-family: var(--tt-mono); font-size: .61rem; }   .enterprise-pathfinder { width: min(720px, calc(100% - 32px)); max-height: min(850px, calc(100dvh - 32px)); border: 1px solid var(--tt-line-strong); border-radius: 8px; color: var(--tt-ink); background: var(--tt-surface); box-shadow: 0 34px 100px rgba(0, 0, 0, .48); } .enterprise-pathfinder::backdrop { background: rgba(12, 12, 16, .82); backdrop-filter: blur(6px); } .enterprise-pathfinder-shell { padding: clamp(24px, 4vw, 38px); } .enterprise-pathfinder-header span, .enterprise-pathfinder-result-header span, .enterprise-pathfinder-result-recommendation > span { color: var(--tt-lime); font-family: var(--tt-mono); font-weight: 500; } .enterprise-pathfinder-header h2 { color: var(--tt-ink); font-family: var(--tt-mono); font-weight: 600; letter-spacing: -.04em; } .enterprise-pathfinder-close { border-color: var(--tt-line); border-radius: 4px; color: var(--tt-ink); background: transparent; } .enterprise-pathfinder-close:hover, .enterprise-pathfinder-close:focus-visible { border-color: var(--tt-lime); color: var(--tt-lime); } .enterprise-pathfinder-description { color: var(--tt-muted); } .enterprise-pathfinder-progress { border-color: var(--tt-line); color: #858184; font-family: var(--tt-mono); } .enterprise-pathfinder-progress span:first-child { color: var(--tt-cobalt); } .enterprise-pathfinder [data-pathfinder-stage] > h3 { color: var(--tt-ink); font-family: var(--tt-mono); font-weight: 600; } .enterprise-pathfinder-options { gap: 0; border-top: 1px solid var(--tt-line); } .enterprise-pathfinder-options button { min-height: 78px; padding: 13px 4px; border: 0; border-bottom: 1px solid var(--tt-line); border-radius: 0; color: var(--tt-ink); background: transparent; } .enterprise-pathfinder-options button:hover, .enterprise-pathfinder-options button:focus-visible { border-color: var(--tt-line); background: rgba(255, 255, 255, .035); } .enterprise-pathfinder-options button > svg:first-child { border-radius: 4px; color: var(--tt-cobalt); background: var(--tt-cobalt-soft); } .enterprise-pathfinder-options strong { color: var(--tt-ink); font-family: var(--tt-mono); font-weight: 600; } .enterprise-pathfinder-options small { color: var(--tt-muted); } .enterprise-pathfinder-options button > svg:last-child { color: var(--tt-lime); } .enterprise-pathfinder-back { color: var(--tt-cobalt); font-family: var(--tt-mono); } .enterprise-pathfinder-result { border: 0; border-radius: 0; background: transparent; } .enterprise-pathfinder-result-header { padding: 18px 0; border-color: var(--tt-line); background: transparent; } .enterprise-pathfinder-result-icon { border: 1px solid var(--tt-line); border-radius: 4px; color: var(--tt-lime); background: transparent; } .enterprise-pathfinder-result-header h3, .enterprise-pathfinder-result-recommendation h4 { color: var(--tt-ink); font-family: var(--tt-mono); } .enterprise-pathfinder-result-recommendation { padding: 20px 0; } .enterprise-pathfinder-result-recommendation > p { color: var(--tt-muted); } .enterprise-pathfinder-result dl { margin-inline: 0; border-color: var(--tt-line); } .enterprise-pathfinder-result dl div { border-color: var(--tt-line); } .enterprise-pathfinder-result dt { color: #858184; } .enterprise-pathfinder-result dd { color: var(--tt-ink); } .enterprise-pathfinder-result-actions { padding-inline: 0; } .enterprise-pathfinder-apply, .enterprise-pathfinder-reset { border-radius: 4px; font-family: var(--tt-mono); } .enterprise-pathfinder-apply { border-color: var(--tt-lime); color: #18181d; background: var(--tt-lime); } .enterprise-pathfinder-reset { border-color: var(--tt-line-strong); color: var(--tt-ink); background: transparent; } .enterprise-pathfinder-result-note { padding-inline: 0; color: #858184 !important; }   .section-static-1 { padding: 0; margin-top: 0; border-block: 1px solid var(--tt-line); border-radius: 0; background: var(--tt-surface-deep); } .section-static-1 .container { width: min(calc(100% - clamp(36px, 7vw, 128px)), 1640px); } .enterprise-proof-grid { grid-template-columns: minmax(250px, 1.25fr) repeat(4, minmax(0, 1fr)); overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .enterprise-proof-intro { min-height: 138px; display: flex; justify-content: center; flex-direction: column; padding: 26px 30px 26px 0; border-right: 1px solid var(--tt-line); } .enterprise-proof-intro span { color: var(--tt-lime); font-family: var(--tt-mono); font-size: .7rem; font-weight: 500; letter-spacing: .08em; } .enterprise-proof-intro p { max-width: 280px; margin: 10px 0 0; color: var(--tt-muted) !important; font-size: .8rem; line-height: 1.55; } .enterprise-proof-item { min-height: 138px; padding: 24px; border-color: var(--tt-line); background: transparent; } .enterprise-proof-icon { width: 37px; height: 37px; flex-basis: 37px; border: 0; border-radius: 0; color: var(--tt-cobalt); background: transparent; } .enterprise-proof-icon svg { width: 20px; height: 20px; } .enterprise-proof-item strong { color: var(--tt-ink); font-family: var(--tt-mono); font-size: 2.2rem; font-weight: 600; } .enterprise-proof-label { color: #928e90; font-family: var(--tt-mono); font-size: .7rem; font-weight: 400; letter-spacing: .02em; }   .section-service-2 { background: var(--tt-surface); } .enterprise-service-grid { gap: 0; margin-inline: 0; border-top: 1px solid var(--tt-line); } .enterprise-service-grid > [class*="col-"] { padding: 0; border-bottom: 1px solid var(--tt-line); } .enterprise-service-grid > [class*="col-"]:nth-child(odd) { border-right: 1px solid var(--tt-line); } .enterprise-service-card { min-height: 100%; padding: 28px clamp(22px, 3vw, 42px); border: 0 !important; border-radius: 0; color: var(--tt-ink); background: transparent; box-shadow: none; } .enterprise-service-card:hover, .enterprise-service-card:focus-within { border-color: transparent; background: rgba(255, 255, 255, .025); box-shadow: none; transform: none; } .enterprise-service-summary { grid-template-columns: 42px minmax(0, 1fr) 32px; gap: 15px; } .enterprise-service-icon { width: 42px; height: 42px; border: 0; border-radius: 0; color: var(--tt-cobalt); background: transparent; } .enterprise-service-icon svg { width: 24px; height: 24px; } .enterprise-service-summary > strong { color: var(--tt-ink); font-family: var(--tt-mono); font-size: 1rem; font-weight: 600; line-height: 1.4; } .enterprise-service-toggle { border-color: var(--tt-line); border-radius: 50%; color: var(--tt-lime); background: transparent; } .enterprise-service-panel { margin: 18px 0 0 57px; } .enterprise-service-description { color: var(--tt-muted); font-size: .86rem; line-height: 1.65; } .enterprise-service-link { width: fit-content; margin-top: 17px; border-bottom-color: var(--tt-line-strong); color: var(--tt-lime); font-family: var(--tt-mono); font-size: .72rem; font-weight: 500; } .enterprise-service-card:hover .enterprise-service-link, .enterprise-service-card:focus-within .enterprise-service-link { border-bottom-color: var(--tt-lime); color: var(--tt-lime); } .enterprise-section-note { margin-top: 26px; color: #8f8a8c; font-size: .78rem; }   .section-projects-2 { background: var(--tt-surface-deep); } .enterprise-portfolio-shell { position: relative; } .enterprise-carousel-slide:not(.is-active):not(:first-child) { display: none; } .enterprise-portfolio-card { grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr); overflow: hidden; border: 1px solid var(--tt-line); border-radius: 0; background: var(--tt-surface); box-shadow: none; } .enterprise-portfolio-media { min-height: clamp(430px, 36vw, 620px); overflow: hidden; padding: 0; border-right: 1px solid var(--tt-line); background: #17171c; } .enterprise-portfolio-media picture, .enterprise-portfolio-media img { width: 100%; height: 100%; display: block; } .enterprise-portfolio-media img { min-height: clamp(430px, 36vw, 620px); object-fit: cover; object-position: top center; transition: transform .45s ease; } .enterprise-portfolio-card:hover .enterprise-portfolio-media img { transform: scale(1.012); } .enterprise-portfolio-content { display: flex; justify-content: center; flex-direction: column; padding: clamp(34px, 5vw, 76px); color: var(--tt-ink); background: var(--tt-surface); } .enterprise-project-number { color: var(--tt-cobalt); font-size: .68rem; font-weight: 500; letter-spacing: .08em; } .enterprise-portfolio-content h3 { margin: 16px 0 0; color: var(--tt-ink) !important; font-family: var(--tt-mono) !important; font-size: clamp(2rem, 3vw, 3.8rem) !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -.05em; } .enterprise-portfolio-content h3 a { color: inherit; } .enterprise-portfolio-content > p { margin-top: 22px; color: var(--tt-muted) !important; font-size: .92rem; line-height: 1.7; } .enterprise-project-facts { margin-top: 24px; border-top: 1px solid var(--tt-line); } .enterprise-project-facts > div { padding-block: 12px; border-bottom: 1px solid var(--tt-line); } .enterprise-project-facts dt { color: #858184; font-family: var(--tt-mono); font-size: .66rem; font-weight: 400; } .enterprise-project-facts dd { color: #d5d1cf; font-size: .82rem; } .enterprise-project-action { width: fit-content; min-height: 0; display: inline-flex; margin-top: 30px; padding: 0 0 5px; border: 0; border-bottom: 1px solid var(--tt-lime); border-radius: 0; color: var(--tt-lime); background: transparent; font-family: var(--tt-mono); font-size: .75rem; font-weight: 500; } .enterprise-project-action:hover, .enterprise-project-action:focus-visible { color: var(--tt-ink); } .enterprise-portfolio-controls { gap: 10px; margin-top: 22px; color: var(--tt-muted); } .enterprise-portfolio-control-label { margin-right: auto; color: #8f8b8d; font-size: .68rem; font-weight: 400; } .enterprise-portfolio-controls button { width: 42px; height: 42px; border-color: var(--tt-line); border-radius: 4px; color: var(--tt-ink); background: transparent; } .enterprise-portfolio-controls button:hover, .enterprise-portfolio-controls button:focus-visible { border-color: var(--tt-lime); color: var(--tt-lime); background: transparent; } .enterprise-portfolio-controls button:disabled { color: #656165; background: transparent; } .enterprise-carousel-status { color: var(--tt-cobalt); font-family: var(--tt-mono); font-size: .72rem; }   .section-skills-2 { background: var(--tt-surface); } .enterprise-technology-panel { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .section-skills-2 .enterprise-section-heading { grid-template-columns: 1fr; max-width: 1320px; gap: 16px; margin-inline: auto; text-align: center; } .section-skills-2 .enterprise-section-kicker { justify-content: center; } .section-skills-2 .enterprise-section-heading h2 { max-width: 1160px; margin-inline: auto; } .section-skills-2 .enterprise-section-heading > p { max-width: 1040px; margin-inline: auto; font-size: clamp(1rem, 1.3vw, 1.18rem); } .technology-capabilities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; gap: 0; border: 1px solid var(--tt-line); border-radius: 12px; background: var(--tt-surface-deep); } .technology-capability { min-height: 154px; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 16px; padding: 28px; border: 0; border-right: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); background: var(--tt-surface-deep); } .technology-capability:nth-child(even) { border-right: 0; } .technology-capability:nth-last-child(-n + 2) { border-bottom: 0; } .technology-capability > span { color: var(--tt-cobalt); font-family: var(--tt-mono); font-size: .7rem; } .technology-capability h3 { color: var(--tt-ink); font-family: var(--tt-mono); font-size: .98rem; font-weight: 600; } .technology-capability p { margin-top: 8px; color: var(--tt-muted) !important; font-size: .82rem; line-height: 1.62; } .technology-stack { overflow: hidden; border: 1px solid var(--tt-line); border-radius: 12px; background: var(--tt-surface-deep); } .technology-stack__header { min-height: 72px; padding-inline: 26px; border-color: var(--tt-line); color: var(--tt-cobalt); background: rgba(255, 255, 255, .015); font-family: var(--tt-mono); font-size: .78rem; font-weight: 500; letter-spacing: .06em; } .technology-stack__header small { color: #817d80; font-family: var(--tt-mono); letter-spacing: .08em; } .technology-stack__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 0; background: transparent; } .technology-chip { min-height: 102px; gap: 16px; padding: 20px 25px; border: 0; border-right: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); color: var(--tt-ink); background: var(--tt-surface-deep); font-family: var(--tt-mono); font-size: .88rem; font-weight: 500; } .technology-chip:nth-child(even) { border-right: 0; } .technology-chip:nth-last-child(-n + 2) { border-bottom: 0; } .technology-chip svg { width: 28px; height: 28px; flex-basis: 28px; color: var(--tt-cobalt) !important; } .technology-chip:nth-child(3n + 1) svg { color: var(--tt-warm) !important; } .technology-chip:nth-child(3n + 2) svg { color: var(--tt-lime) !important; } .technology-chip:nth-child(3n + 3) svg { color: var(--tt-rose) !important; }   .section-delivery-process { padding-bottom: clamp(74px, 7vw, 116px); background: var(--tt-surface-deep); } .delivery-process-panel { overflow: hidden; border: 1px solid var(--tt-line) !important; border-radius: 0 !important; background: transparent; box-shadow: none; } .delivery-process-intro { display: flex; justify-content: center; flex-direction: column; padding: clamp(36px, 5vw, 68px); border-right: 1px solid var(--tt-line); color: var(--tt-ink); background: var(--tt-surface); } .delivery-process-intro .d-flex > svg { color: var(--tt-lime); } .delivery-process-intro .text-linear-4 { color: var(--tt-lime); background: none; font-family: var(--tt-mono); -webkit-text-fill-color: currentColor; } .delivery-process-intro h2 { color: var(--tt-ink) !important; font-family: var(--tt-mono) !important; font-size: clamp(2.35rem, 4vw, 4.4rem) !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -.05em; } .delivery-process-intro p { color: var(--tt-muted) !important; font-size: .9rem; line-height: 1.7; } .delivery-process-actions { gap: 16px; } .enterprise-inline-link { border-bottom-color: var(--tt-lime); color: var(--tt-lime); font-family: var(--tt-mono); font-size: .72rem; } .enterprise-inline-link.is-secondary { border-bottom-color: var(--tt-line-strong); color: #ccc8c6; } .delivery-process-steps { background: transparent; } .delivery-process-steps li { min-height: 128px; padding: 26px clamp(26px, 4vw, 54px); border-color: var(--tt-line); background: transparent; } .delivery-process-steps li > span { color: var(--tt-cobalt); font-family: var(--tt-mono); } .delivery-process-steps h6 { color: var(--tt-ink); font-family: var(--tt-mono); font-size: .94rem; font-weight: 600; } .delivery-process-steps p { color: var(--tt-muted); font-size: .82rem; line-height: 1.6; }   .section-contact-2 { padding-top: clamp(74px, 7vw, 116px); background: var(--tt-surface); } .section-contact-2 > .container > .row { overflow: hidden; border: 1px solid var(--tt-line); border-radius: 0; background: transparent; box-shadow: none; } .section-contact-2 > .container > .row > div:first-child { padding: clamp(38px, 5vw, 72px) !important; background: var(--tt-surface); } .section-contact-2 > .container > .row > div:last-child { padding: clamp(38px, 5vw, 64px) !important; border-left: 1px solid var(--tt-line); background: var(--tt-surface-deep); } .section-contact-2 h2 { color: var(--tt-ink) !important; font-family: var(--tt-mono) !important; font-size: clamp(2.4rem, 4.2vw, 4.8rem) !important; font-weight: 600 !important; line-height: 1.06 !important; letter-spacing: -.055em; } .enterprise-contact-intro { max-width: 660px; color: var(--tt-muted) !important; font-size: .94rem !important; line-height: 1.7; } .enterprise-contact-assurance { color: #b8b4b2; font-family: var(--tt-mono); font-size: .7rem; } .enterprise-contact-assurance i { color: var(--tt-lime); } .section-contact-2 .contact-form label { color: #d6d2d0 !important; font-family: var(--tt-mono); font-size: .72rem; font-weight: 500; } .section-contact-2 .contact-form .form-control, .section-contact-2 .contact-form .form-select { min-height: 52px; border: 1px solid var(--tt-line-strong) !important; border-radius: 3px !important; color: var(--tt-ink) !important; background: var(--tt-surface-deep) !important; box-shadow: none !important; } .section-contact-2 .contact-form .form-control::placeholder { color: #777377; } .section-contact-2 .contact-form .form-control:focus, .section-contact-2 .contact-form .form-select:focus { border-color: var(--tt-lime) !important; background: #202027 !important; } .section-contact-2 .enterprise-contact-submit { min-height: 52px; border-color: var(--tt-lime) !important; border-radius: 4px !important; color: #18181d !important; background: var(--tt-lime) !important; font-family: var(--tt-mono); font-size: .75rem; } .section-contact-2 .enterprise-contact-submit:hover, .section-contact-2 .enterprise-contact-submit:focus-visible { border-color: var(--tt-ink) !important; color: var(--tt-ink) !important; background: transparent !important; } .enterprise-contact-privacy { color: #817d80; } .enterprise-next-steps-heading span { color: var(--tt-lime); font-family: var(--tt-mono); font-weight: 500; } .enterprise-next-steps-heading h4 { color: var(--tt-ink) !important; font-family: var(--tt-mono) !important; font-weight: 600 !important; } .enterprise-next-step { border-color: var(--tt-line); } .enterprise-next-step-icon { border-color: var(--tt-line-strong); color: var(--tt-cobalt); background: transparent; } .enterprise-next-step span { color: #918d90 !important; } .enterprise-next-step h6 { color: var(--tt-ink) !important; font-family: var(--tt-mono) !important; font-weight: 500 !important; }   .section-footer-2, .enterprise-site-footer { background: var(--tt-footer); } .section-footer-2 .container { padding-top: clamp(66px, 7vw, 104px); border: 0 !important; } .enterprise-footer-cta { border-color: var(--tt-line); } .enterprise-footer-cta > div > span, .enterprise-footer-column-title { color: var(--tt-lime); font-family: var(--tt-mono); font-weight: 500; } .enterprise-footer-cta h2 { color: var(--tt-ink) !important; font-family: var(--tt-mono) !important; font-weight: 600 !important; } .enterprise-footer-cta > a { border-color: var(--tt-lime); border-radius: 4px; color: #18181d; background: var(--tt-lime); font-family: var(--tt-mono); } .enterprise-footer-cta > a:hover, .enterprise-footer-cta > a:focus-visible { border-color: var(--tt-ink); color: var(--tt-ink); background: transparent; } .enterprise-footer-brand p, .enterprise-footer-contact-copy > span, .enterprise-footer-widgets > .navigation a { color: #bbb7b5; } .enterprise-footer-brand .enterprise-footer-registration { margin-top: 10px; color: #f6f3f0; font-family: var(--tt-mono); font-size: .82rem; font-weight: 700; letter-spacing: .02em; } .enterprise-footer-contact-item, .enterprise-footer-copyright { border-color: var(--tt-line); } .enterprise-footer-contact-icon { color: var(--tt-cobalt); } .enterprise-footer-contact-copy small, .enterprise-footer-copyright span { color: #817d80 !important; } .enterprise-footer-social .enterprise-social-link { border-color: var(--tt-line-strong); border-radius: 4px; }   .enterprise-page-shell, .enterprise-service-page { color: var(--tt-ink); background: var(--tt-surface); } .enterprise-page-heading > span, .enterprise-service-label { color: var(--tt-lime); font-family: var(--tt-mono); } .enterprise-page-heading h1, .enterprise-service-hero h1 { color: var(--tt-ink) !important; font-family: var(--tt-mono) !important; font-weight: 600 !important; } .enterprise-service-hero > div > p, .enterprise-service-overview > p, .enterprise-service-section-heading > p, .enterprise-service-delivery li p, .enterprise-service-cta p { color: var(--tt-muted) !important; } .enterprise-service-detail > section { border-color: var(--tt-line); border-radius: 0; background: transparent; box-shadow: none; } .enterprise-service-detail section > span, .enterprise-service-section-heading > span { color: var(--tt-cobalt); font-family: var(--tt-mono); } .enterprise-service-detail h2, .enterprise-service-delivery h3 { color: var(--tt-ink) !important; font-family: var(--tt-mono) !important; } .enterprise-service-scope li, .enterprise-service-outcomes li, .enterprise-service-delivery li { border-color: var(--tt-line); color: #d0ccca; background: transparent; } .enterprise-service-step-number { color: var(--tt-lime); } .enterprise-service-cta { border-color: var(--tt-line); border-radius: 0; background: var(--tt-surface-deep); } .enterprise-service-cta a { border-color: var(--tt-lime); border-radius: 4px; color: #18181d; background: var(--tt-lime); font-family: var(--tt-mono); } @media (max-width: 1199.98px) { .section-hero-2 { background: var(--tt-surface); } .enterprise-hero-copy, .enterprise-hero-media { width: 100%; } .enterprise-hero-panel > .row { min-height: 0; padding: 0; } .enterprise-portfolio-card { grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); } .enterprise-portfolio-media, .enterprise-portfolio-media img { min-height: 430px; } .delivery-process-intro { border-right: 0; border-bottom: 1px solid var(--tt-line); } } @media (max-width: 991.98px) { .enterprise-site-header { min-height: 72px; } .navbar-home-2 > .enterprise-header-inner { min-height: 67px; } .enterprise-section-heading { grid-template-columns: 1fr; gap: 17px; } .enterprise-section-heading > p { max-width: 720px; } .enterprise-hero-assurance { grid-template-columns: 1fr; max-width: 760px; } .enterprise-hero-assurance .enterprise-trust-line { padding-right: 0; } .enterprise-hero-assurance .enterprise-pathfinder-entry { padding: 18px 0; border-top: 1px solid var(--tt-line); border-left: 0; } .enterprise-proof-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .enterprise-proof-intro { min-height: 110px; grid-column: 1 / -1; padding-right: 0; border-right: 0; border-bottom: 1px solid var(--tt-line); } .enterprise-proof-intro p { max-width: 620px; } .enterprise-portfolio-card { grid-template-columns: 1fr; } .enterprise-portfolio-media { min-height: 0; border-right: 0; border-bottom: 1px solid var(--tt-line); } .enterprise-portfolio-media img { min-height: 0; max-height: none; aspect-ratio: 16 / 10; } .section-contact-2 > .container > .row > div:last-child { border-top: 1px solid var(--tt-line); border-left: 0; } } @media (max-width: 767.98px) { html { scroll-padding-top: 74px; } .container, .navbar-home-2 > .enterprise-header-inner { width: calc(100% - 32px); } .enterprise-site-header { min-height: 68px; border-top-width: 4px; } .navbar-home-2 > .enterprise-header-inner { min-height: 63px; } .navbar-home-2 .navbar-brand img { max-width: 34px; height: 32px; } .site-name-text { font-size: 1rem; } .burger-icon { width: 42px; height: 42px; } .enterprise-section, .enterprise-section + .enterprise-section { padding: 62px 0; } .enterprise-section-heading { gap: 14px; margin-bottom: 30px; } .enterprise-section-kicker { font-size: .7rem; line-height: 1.45; } .enterprise-section-heading h2 { margin-top: 10px; font-size: clamp(2.15rem, 10.5vw, 3.15rem) !important; line-height: 1.08 !important; letter-spacing: -.055em; } .enterprise-section-heading > p { font-size: .92rem; line-height: 1.65; } .enterprise-hero-copy { padding: 60px 0 42px; text-align: left; } .enterprise-hero-panel > .row { min-height: 0; padding: 0; } .enterprise-hero-copy > div { padding: 0; border: 0; border-radius: 0; background: transparent; } .enterprise-hero-eyebrow { justify-content: flex-start; margin-bottom: 18px; font-size: .68rem; } .section-hero-2 .section-hero-title { margin-inline: 0 !important; font-size: clamp(2.55rem, 12vw, 3.8rem) !important; line-height: 1.02 !important; letter-spacing: -.07em; } .section-hero-2 .section-hero-description { margin: 21px 0 0 !important; font-size: .98rem; line-height: 1.65; } .enterprise-hero-actions { display: grid; grid-template-columns: 1fr; margin-top: 25px; } .enterprise-button { width: 100%; min-height: 51px; } .enterprise-hero-response-note { justify-content: flex-start; margin: 14px 0 0; font-size: .68rem; line-height: 1.45; } .enterprise-hero-media { padding-bottom: 35px; } .enterprise-hero-assurance { display: block; max-width: none; border: 0; } .enterprise-hero-assurance .enterprise-trust-line { grid-template-columns: 1fr; gap: 8px; padding: 21px 0; border-top: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); font-size: .7rem; } .enterprise-hero-assurance .enterprise-pathfinder-entry { padding: 17px 0 0; border: 0; } .enterprise-pathfinder-trigger { min-height: 62px; grid-template-columns: 36px minmax(0, 1fr) 18px; padding: 5px 0; } .enterprise-pathfinder-trigger-icon { width: 36px; height: 36px; } .enterprise-pathfinder-trigger strong { font-size: .82rem; } .enterprise-pathfinder-note { font-size: .59rem; } .section-static-1 .container { width: calc(100% - 32px); } .enterprise-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .enterprise-proof-intro { min-height: 0; padding: 27px 0; } .enterprise-proof-item { min-height: 112px; padding: 20px 10px; border-bottom: 1px solid var(--tt-line); } .enterprise-proof-item:nth-child(odd) { border-right: 0; } .enterprise-proof-item:nth-child(even) { border-right: 1px solid var(--tt-line); } .enterprise-proof-item:nth-last-child(-n + 2) { border-bottom: 0; } .enterprise-proof-item strong { font-size: 1.95rem; } .enterprise-proof-label { font-size: .66rem; } .enterprise-service-grid { margin-inline: 0; } .enterprise-service-grid > [class*="col-"], .enterprise-service-grid > [class*="col-"]:nth-child(odd) { border-right: 0; } .enterprise-service-card { min-height: 0; padding: 19px 0; } .enterprise-service-summary { grid-template-columns: 34px minmax(0, 1fr) 30px; gap: 12px; } .enterprise-service-icon { width: 34px; height: 34px; } .enterprise-service-icon svg { width: 21px; height: 21px; } .enterprise-service-summary > strong { font-size: .9rem; } .enterprise-service-panel { margin: 13px 0 0; padding: 14px 0 1px 46px; border-top: 1px solid var(--tt-line); } .enterprise-service-description { font-size: .81rem; line-height: 1.58; } .enterprise-portfolio-card { border: 0; background: transparent; } .enterprise-portfolio-media { border: 1px solid var(--tt-line); background: #17171c; } .enterprise-portfolio-media img { aspect-ratio: 3 / 2; } .enterprise-portfolio-content { padding: 26px 0 6px; background: transparent; } .enterprise-portfolio-content h3 { font-size: clamp(1.85rem, 9vw, 2.7rem) !important; } .enterprise-portfolio-content > p { margin-top: 17px; font-size: .86rem; } .enterprise-project-facts { margin-top: 18px; } .enterprise-project-facts > div { grid-template-columns: 76px 1fr; } .enterprise-project-action { margin-top: 23px; } .enterprise-portfolio-controls { justify-content: flex-start; } .enterprise-portfolio-control-label { display: none; } .section-skills-2 .enterprise-section-heading { margin-inline: 0; text-align: left; } .section-skills-2 .enterprise-section-kicker { justify-content: flex-start; } .section-skills-2 .enterprise-section-heading h2, .section-skills-2 .enterprise-section-heading > p { margin-inline: 0; } .technology-capabilities { grid-template-columns: 1fr; border: 0; border-radius: 0; border-top: 1px solid var(--tt-line); background: transparent; } .technology-capability { min-height: 0; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--tt-line); background: transparent; } .technology-capability:nth-last-child(-n + 2) { border-bottom: 1px solid var(--tt-line); } .technology-capability:last-child { border-bottom: 0; } .technology-capability h3 { font-size: .88rem; } .technology-stack { margin-top: 10px; border: 0; border-radius: 0; background: transparent; } .technology-stack__header { min-height: 58px; padding-inline: 0; border-top: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); background: transparent; font-size: .7rem; } .technology-chip { min-height: 68px; padding: 13px 15px; background: transparent; font-size: .76rem; } .technology-chip svg { width: 23px; height: 23px; flex-basis: 23px; } .delivery-process-panel { border: 0 !important; } .delivery-process-intro { padding: 30px 0; border-top: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); background: transparent; } .delivery-process-intro h2 { font-size: clamp(2.15rem, 10vw, 3.1rem) !important; } .delivery-process-actions { display: flex; align-items: flex-start; flex-direction: column; } .enterprise-inline-link { width: fit-content; min-height: 42px; } .delivery-process-steps li { min-height: 0; grid-template-columns: 34px 1fr; gap: 13px; padding: 21px 0; } .section-contact-2 > .container > .row { overflow: visible; border: 0; } .section-contact-2 > .container > .row > div:first-child, .section-contact-2 > .container > .row > div:last-child { padding: 0 !important; background: transparent; } .section-contact-2 > .container > .row > div:last-child { margin-top: 44px; padding-top: 35px !important; border-top: 1px solid var(--tt-line); } .section-contact-2 h2 { font-size: clamp(2.2rem, 10vw, 3.15rem) !important; } .enterprise-contact-assurance { display: grid; grid-template-columns: 1fr; } .section-contact-2 .contact-form .form-control, .section-contact-2 .contact-form .form-select { border-width: 0 0 1px !important; border-radius: 0 !important; padding-inline: 0; background: transparent !important; } .section-contact-2 .contact-form .form-control:focus, .section-contact-2 .contact-form .form-select:focus { background: transparent !important; } .section-contact-2 .contact-form .row { width: auto; margin-inline: 0 !important; } .section-contact-2 .contact-form .row > [class*="col-"] { padding-inline: 0 !important; } .enterprise-pathfinder { width: calc(100% - 16px); max-height: calc(100dvh - 16px); border-radius: 5px; } .enterprise-pathfinder-shell { padding: 18px 14px; } .enterprise-pathfinder-header h2 { font-size: 1.5rem; } .enterprise-pathfinder-options button { grid-template-columns: 38px minmax(0, 1fr) 17px; gap: 9px; padding: 11px 0; } .enterprise-pathfinder-options button > svg:first-child { width: 36px; height: 36px; padding: 8px; } .enterprise-pathfinder-options strong { font-size: .86rem; } .enterprise-pathfinder-options small { font-size: .75rem; } .enterprise-pathfinder-result dl div { grid-template-columns: 1fr; gap: 3px; } .enterprise-pathfinder-result-actions { align-items: stretch; flex-direction: column; } .enterprise-pathfinder-apply, .enterprise-pathfinder-reset { width: 100%; } .enterprise-footer-cta h2 { font-size: clamp(2.15rem, 9.5vw, 3.2rem) !important; } .enterprise-service-page > .container { width: calc(100% - 32px); } .enterprise-service-detail > section { padding-inline: 0; border-width: 1px 0; } .enterprise-service-cta { padding: 28px 0; background: transparent; } } @media (max-width: 389.98px) { .container, .navbar-home-2 > .enterprise-header-inner, .section-static-1 .container, .enterprise-service-page > .container { width: calc(100% - 24px); } .section-hero-2 .section-hero-title { font-size: 2.42rem !important; } .enterprise-proof-item { padding-inline: 8px; } .technology-stack__grid { grid-template-columns: 1fr; } .technology-chip { border-right: 0; border-bottom: 1px solid var(--tt-line); } .technology-chip:nth-last-child(-n + 2) { border-bottom: 1px solid var(--tt-line); } .technology-chip:last-child { border-bottom: 0; } } @media (prefers-reduced-motion: reduce) { .enterprise-portfolio-media img { transition: none; } .enterprise-portfolio-card:hover .enterprise-portfolio-media img { transform: none; } }   .section-hero-2 { overflow: hidden; isolation: isolate; background: #17191d; } .enterprise-hero-background { position: absolute; inset: 0; z-index: 0; display: block; opacity: 1; pointer-events: none; } .enterprise-hero-background img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: top center; } .enterprise-hero-panel > .row { min-height: clamp(760px, calc(100svh - 76px), 900px); display: grid; grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); grid-template-rows: minmax(0, 1fr) auto; column-gap: clamp(44px, 5vw, 86px); align-items: center; padding: 0; } .enterprise-hero-media { display: contents; } .enterprise-hero-workspace-block { min-width: 0; grid-column: 1; grid-row: 1 / span 2; align-self: start; padding: 22px 0; } .enterprise-workspace-label { display: flex; align-items: center; justify-content: center; gap: 9px; margin-bottom: 17px; color: #c9c4bf; font-family: var(--tt-mono); font-size: .78rem; font-weight: 600; letter-spacing: .055em; text-transform: uppercase; } .enterprise-workspace-label svg { width: 17px; height: 17px; color: var(--tt-lime); } .enterprise-workspace { display: block !important; margin-top: 0 !important; overflow: hidden; border: 1px solid var(--tt-line-strong); border-radius: 12px; background: #181c21; box-shadow: 0 24px 72px rgba(0, 0, 0, .28); } .enterprise-workspace picture { display: block; aspect-ratio: 1.08 / 1; } .enterprise-hero-workspace { width: 100%; height: 100%; display: block; aspect-ratio: auto; object-fit: cover; object-position: center; } .enterprise-hero-copy { width: 100%; grid-column: 2; grid-row: 1; align-self: stretch; padding: clamp(30px, 3vw, 50px) 0 14px; text-align: left; } .enterprise-hero-copy > div { max-width: 820px; margin-inline: 0; } .enterprise-hero-eyebrow { justify-content: flex-start; color: var(--tt-cobalt); } .section-hero-2 .section-hero-title { max-width: 820px; margin-inline: 0 !important; font-size: clamp(3.3rem, 4.7vw, 5.35rem) !important; line-height: .98 !important; } .section-hero-2 .section-hero-title .enterprise-hero-highlight, .section-hero-2 .section-hero-title span:not(.flicker) { display: inline; color: var(--tt-lime) !important; -webkit-text-fill-color: currentColor !important; } .section-hero-2 .section-hero-description { max-width: 760px; margin-inline: 0 !important; font-size: clamp(1rem, 1.25vw, 1.15rem); } .enterprise-hero-actions { justify-content: flex-start; } .enterprise-hero-response-note { justify-content: flex-start; margin-inline: 0; } .enterprise-hero-assurance { width: 100%; max-width: none; grid-column: 2; grid-row: 2; align-self: start; display: block; margin: 0; padding: 0 0 24px; border: 0; background: transparent; } .enterprise-hero-assurance .enterprise-trust-line { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 0; padding: 0 0 22px; border: 0; border-bottom: 1px solid var(--tt-line); color: #d0cbc7; } .enterprise-hero-assurance .enterprise-pathfinder-entry { margin: 24px 0 0; padding: 15px 18px; border: 1px solid rgba(168, 255, 83, .48); border-radius: 8px; background: rgba(18, 21, 24, .5); } .enterprise-hero-assurance .enterprise-pathfinder-trigger { min-height: 58px; grid-template-columns: 40px minmax(0, 1fr) 20px; } .enterprise-hero-assurance .enterprise-pathfinder-trigger-icon { width: 40px; height: 40px; } .enterprise-inline-link { width: fit-content; min-height: 0; padding: 0 0 5px; border: 0; border-bottom: 1px solid var(--tt-lime); border-radius: 0; color: var(--tt-lime); background: transparent; } .enterprise-inline-link:hover, .enterprise-inline-link:focus-visible { color: var(--tt-ink); background: transparent; } .enterprise-inline-link.is-secondary { border-width: 0 0 1px; border-color: var(--tt-line-strong); background: transparent; } @media (max-width: 1199.98px) { .enterprise-hero-panel > .row { min-height: 0; display: flex; flex-direction: column; gap: 0; } .enterprise-hero-copy { width: 100%; order: 1; align-self: auto; padding: 58px 0 24px; } .enterprise-hero-assurance { width: 100%; order: 2; padding: 0; } .enterprise-hero-workspace-block { width: 100%; order: 3; align-self: auto; padding: 40px 0 56px; } .enterprise-workspace picture { aspect-ratio: auto; } .enterprise-hero-workspace { height: auto; aspect-ratio: 3 / 2; } .enterprise-workspace-label { justify-content: flex-start; } } @media (max-width: 767.98px) { .enterprise-hero-background { opacity: .72; } .enterprise-hero-background img { width: auto; min-width: 100%; max-width: none; height: 430px; position: static; margin-left: 50%; object-fit: fill; transform: translateX(-50%); } .enterprise-hero-copy { padding: 50px 0 22px; } .section-hero-2 .section-hero-title { font-size: clamp(2.45rem, 11.5vw, 3.55rem) !important; line-height: 1 !important; } .enterprise-hero-assurance .enterprise-trust-line { padding: 0 0 20px; border-top: 0; } .enterprise-hero-assurance .enterprise-pathfinder-entry { margin-top: 18px; padding: 0; border: 0; border-radius: 0; background: transparent; } .enterprise-hero-assurance .enterprise-pathfinder-trigger { min-height: 70px; padding: 10px 0; border-top: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); } .enterprise-hero-workspace-block { padding: 34px 0 50px; } .enterprise-workspace-label { margin-bottom: 13px; font-size: .67rem; line-height: 1.4; } .enterprise-workspace { border-radius: 6px; box-shadow: none; } }   :root { --tt-muted: #c6c2bf; } body.home-page-2 > .ck-content p, .enterprise-section-heading > p, .enterprise-service-description, .technology-capability p, .enterprise-portfolio-content p, .delivery-process-step p, .enterprise-contact-intro { color: var(--tt-muted) !important; } .enterprise-section-kicker { font-size: .84rem; font-weight: 650; } .enterprise-section-heading { margin-bottom: clamp(32px, 4vw, 48px); } .enterprise-section-heading > p { font-size: 1.02rem; line-height: 1.65; } .section-hero-2 { min-height: 0; background: #14181e; } .section-hero-2::after { position: absolute; z-index: 1; inset: 0; display: block; content: ""; pointer-events: none; background: linear-gradient(90deg, rgba(11, 14, 18, .18) 0%, rgba(11, 14, 18, .08) 52%, rgba(11, 14, 18, .44) 100%); } .section-hero-2 > .hero-2 { position: relative; z-index: 2; } .enterprise-hero-background { opacity: 1; } .enterprise-hero-background img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; filter: brightness(.7) saturate(.68) contrast(1.03); transform: scale(1.01); } .enterprise-hero-panel > .row { min-height: clamp(560px, calc(100svh - 190px), 700px); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(500px, 1fr) auto; gap: 0; align-items: center; padding: 52px 0 0; } .enterprise-hero-media { display: contents; } .enterprise-hero-workspace-block { display: none; } .enterprise-hero-copy { width: min(100%, 760px); max-width: 760px; grid-column: 1; grid-row: 1; align-self: center; padding: 0; text-align: left; } .enterprise-hero-copy > div { max-width: none; margin: 0; padding: clamp(34px, 4vw, 54px); border: 1px solid rgba(255, 255, 255, .16); border-radius: 10px; background: rgba(22, 26, 32, .94); box-shadow: 0 24px 70px rgba(0, 0, 0, .32); backdrop-filter: blur(9px); } .enterprise-hero-eyebrow { justify-content: flex-start; margin-bottom: 19px; color: #b8d8fb; font-size: .86rem; font-weight: 650; letter-spacing: .035em; } .section-hero-2 .section-hero-title { max-width: 680px; margin: 0 !important; font-size: clamp(3.2rem, 4.65vw, 5.15rem) !important; line-height: .98 !important; letter-spacing: -.062em; } .section-hero-2 .section-hero-title .enterprise-hero-highlight, .section-hero-2 .section-hero-title span:not(.flicker) { display: inline; color: var(--tt-lime) !important; -webkit-text-fill-color: currentColor !important; } .section-hero-2 .section-hero-description { max-width: 630px; margin: 24px 0 0 !important; color: #dedbd8 !important; font-size: clamp(1.03rem, 1.12vw, 1.16rem); line-height: 1.62; } .enterprise-hero-actions { justify-content: flex-start; gap: 12px; margin-top: 29px; } .enterprise-button { min-height: 54px; padding-inline: 22px !important; font-size: .88rem; } .enterprise-button-primary, .enterprise-button-primary:hover, .enterprise-button-primary:focus-visible, .enterprise-header-cta, .enterprise-header-cta:hover, .enterprise-header-cta:focus-visible, .section-contact-2 .enterprise-contact-submit, .section-contact-2 .enterprise-contact-submit:hover, .section-contact-2 .enterprise-contact-submit:focus-visible, .enterprise-pathfinder-apply, .enterprise-pathfinder-apply:hover, .enterprise-pathfinder-apply:focus-visible, .btn-primary-2, .btn-primary-2:hover, .btn-primary-2:focus-visible { border-color: var(--tt-lime) !important; color: #121519 !important; background: var(--tt-lime) !important; } .enterprise-button-primary *, .enterprise-header-cta *, .section-contact-2 .enterprise-contact-submit *, .enterprise-pathfinder-apply *, .btn-primary-2 * { color: inherit !important; } .enterprise-button-primary:hover, .enterprise-button-primary:focus-visible, .enterprise-header-cta:hover, .enterprise-header-cta:focus-visible, .section-contact-2 .enterprise-contact-submit:hover, .section-contact-2 .enterprise-contact-submit:focus-visible, .enterprise-pathfinder-apply:hover, .enterprise-pathfinder-apply:focus-visible, .btn-primary-2:hover, .btn-primary-2:focus-visible { background: #bcff7a !important; } .enterprise-hero-response-note { justify-content: flex-start; margin: 16px 0 0; color: #c2bfbc; font-size: .82rem; line-height: 1.5; } .enterprise-hero-assurance { width: 100%; max-width: none; grid-column: 1; grid-row: 2; align-self: end; display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .48fr); margin: 0; padding: 0; border: 1px solid rgba(255, 255, 255, .15); border-bottom: 0; border-radius: 8px 8px 0 0; background: rgba(22, 26, 32, .97); box-shadow: 0 -10px 40px rgba(0, 0, 0, .14); } .enterprise-hero-assurance .enterprise-trust-line { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 24px; align-content: center; margin: 0; padding: 23px 28px; border: 0; color: #d9d6d3; font-size: .81rem; line-height: 1.45; } .enterprise-hero-assurance .enterprise-pathfinder-entry { display: flex; justify-content: center; flex-direction: column; margin: 0; padding: 17px 24px; border: 0; border-left: 1px solid rgba(255, 255, 255, .15); border-radius: 0; background: transparent; } .enterprise-hero-assurance .enterprise-pathfinder-trigger { min-height: 62px; grid-template-columns: 42px minmax(0, 1fr) 21px; gap: 13px; padding: 0; } .enterprise-hero-assurance .enterprise-pathfinder-trigger-icon { width: 42px; height: 42px; } .enterprise-pathfinder-trigger small { color: #a8cdef; font-size: .78rem; font-weight: 650; line-height: 1.35; } .enterprise-pathfinder-trigger strong { color: #ffffff; font-size: 1.02rem; font-weight: 700; line-height: 1.35; } .enterprise-pathfinder-note { margin-top: 4px; color: #aaa6a4; font-size: .77rem; line-height: 1.4; }   .section-service-2 { padding-block: clamp(68px, 6vw, 92px); } .enterprise-service-grid > [class*="col-"] { flex: 0 0 33.333333%; width: 33.333333%; border-right: 1px solid var(--tt-line); } .enterprise-service-grid > [class*="col-"]:nth-child(odd) { border-right: 1px solid var(--tt-line); } .enterprise-service-grid > [class*="col-"]:nth-child(3n) { border-right: 0; } .enterprise-service-card { padding: 21px clamp(18px, 2vw, 28px); } .enterprise-service-summary { grid-template-columns: 36px minmax(0, 1fr) 30px; gap: 12px; } .enterprise-service-icon { width: 36px; height: 36px; } .enterprise-service-icon svg { width: 21px; height: 21px; } .enterprise-service-summary > strong { font-size: .94rem; line-height: 1.34; } .enterprise-service-panel { margin: 14px 0 0 48px; } .enterprise-service-description { font-size: .88rem; line-height: 1.55; } .enterprise-service-link, .enterprise-section-note { font-size: .8rem; } .enterprise-section-note { color: #bbb7b4; } .section-contact-2 .enterprise-contact-submit { font-size: .86rem; } .section-contact-2 .contact-form .form-control::placeholder { color: #a7a2a5; } .enterprise-contact-privacy, .enterprise-hero-response-note, .enterprise-pathfinder-note { color: #b8b4b2; } @media (max-width: 1199.98px) { .enterprise-hero-panel > .row { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(510px, auto) auto; padding-top: 44px; } .enterprise-hero-copy { width: min(100%, 720px); order: initial; align-self: center; padding: 34px 0 42px; } .enterprise-hero-assurance { width: 100%; max-width: none; order: initial; padding: 0; } .enterprise-hero-workspace-block { display: none; } .enterprise-service-grid > [class*="col-"] { flex-basis: 50%; width: 50%; } .enterprise-service-grid > [class*="col-"]:nth-child(3n) { border-right: 1px solid var(--tt-line); } .enterprise-service-grid > [class*="col-"]:nth-child(even) { border-right: 0; } } @media (max-width: 991.98px) { .enterprise-hero-assurance { grid-template-columns: minmax(0, 1fr) minmax(340px, .8fr); } .enterprise-hero-assurance .enterprise-trust-line { padding-right: 22px; } .enterprise-hero-assurance .enterprise-pathfinder-entry { padding: 17px 20px; border-top: 0; border-left: 1px solid rgba(255, 255, 255, .15); } } @media (max-width: 767.98px) { .enterprise-section, .enterprise-section + .enterprise-section { padding-block: 56px; } .enterprise-section-kicker { font-size: .79rem; } .enterprise-section-heading h2 { font-size: clamp(2rem, 9.2vw, 2.75rem) !important; letter-spacing: -.045em; } .enterprise-section-heading > p { font-size: .96rem; line-height: 1.6; } .section-hero-2::after { background: rgba(9, 12, 16, .42); } .enterprise-hero-background { opacity: 1; } .enterprise-hero-background img { position: absolute; inset: 0; width: 100%; min-width: 0; max-width: none; height: 100%; margin: 0; object-fit: cover; object-position: 48% center; filter: brightness(.6) saturate(.62) contrast(1.04); transform: none; } .enterprise-hero-panel > .row { min-height: 0; grid-template-rows: auto auto; padding: 38px 0 0; } .enterprise-hero-copy { width: 100%; padding: 24px 0 28px; } .enterprise-hero-copy > div { padding: 28px 22px 26px; border-radius: 7px; background: rgba(19, 23, 28, .96); box-shadow: 0 16px 42px rgba(0, 0, 0, .28); backdrop-filter: blur(6px); } .enterprise-hero-eyebrow { margin-bottom: 16px; font-size: .78rem; line-height: 1.45; } .section-hero-2 .section-hero-title { font-size: clamp(2.35rem, 10.8vw, 3.05rem) !important; line-height: 1.01 !important; letter-spacing: -.058em; } .section-hero-2 .section-hero-description { margin-top: 19px !important; color: #dedbd8 !important; font-size: 1rem; line-height: 1.58; } .enterprise-hero-actions { margin-top: 23px; } .enterprise-button { min-height: 52px; font-size: .84rem; } .enterprise-hero-response-note { margin-top: 14px; font-size: .78rem; line-height: 1.5; } .enterprise-hero-assurance { width: calc(100% + 32px); max-width: none; display: block; margin-left: -16px; padding: 0 16px 22px; border-width: 1px 0 0; border-radius: 0; background: #191d23; box-shadow: none; } .enterprise-hero-assurance .enterprise-trust-line { grid-template-columns: 1fr; gap: 9px; padding: 22px 0; border: 0; border-bottom: 1px solid var(--tt-line); color: #dedbd8; font-size: .8rem; } .enterprise-hero-assurance .enterprise-pathfinder-entry { margin: 0; padding: 18px 0 0; border: 0; } .enterprise-hero-assurance .enterprise-pathfinder-trigger { min-height: 68px; grid-template-columns: 42px minmax(0, 1fr) 20px; gap: 12px; padding: 0; border: 0; } .enterprise-pathfinder-trigger small { font-size: .77rem; } .enterprise-pathfinder-trigger strong { font-size: .98rem; } .enterprise-pathfinder-note { margin: 4px 0 0 54px; font-size: .76rem; } .section-service-2 { padding-block: 54px; } .enterprise-service-grid > [class*="col-"], .enterprise-service-grid > [class*="col-"]:nth-child(odd), .enterprise-service-grid > [class*="col-"]:nth-child(even), .enterprise-service-grid > [class*="col-"]:nth-child(3n) { flex-basis: 100%; width: 100%; border-right: 0; } .enterprise-service-card { padding: 17px 0; } .enterprise-service-summary > strong { font-size: .93rem; } .enterprise-service-description { font-size: .86rem; line-height: 1.58; } } @media (max-width: 389.98px) { .enterprise-hero-assurance { width: calc(100% + 24px); margin-left: -12px; padding-inline: 12px; } .section-hero-2 .section-hero-title { font-size: 2.28rem !important; } }   .enterprise-hero-background img { object-position: top center; filter: none; transform: none; }   .enterprise-capability-orbit { display: none; font-family: var(--tt-mono); } @media (min-width: 1200px) { .enterprise-hero-panel > .row { grid-template-columns: minmax(0, 60%) minmax(0, 40%); grid-template-rows: minmax(500px, 1fr) auto; column-gap: 0; } .enterprise-hero-copy { width: 100%; max-width: 720px; grid-column: 1; grid-row: 1; } .enterprise-hero-assurance { grid-column: 1 / -1; grid-row: 2; } .enterprise-capability-orbit { --orbit-radius: clamp(140px, 11.2vw, 200px); position: relative; z-index: 2; top: auto; right: auto; width: clamp(360px, 30vw, 470px); grid-column: 2; grid-row: 1; align-self: center; justify-self: center; aspect-ratio: 1; display: block; transform: none; border-radius: 50%; pointer-events: none; } .enterprise-capability-orbit::before, .enterprise-capability-orbit::after, .enterprise-orbit-rings { position: absolute; border-radius: 50%; content: ""; } .enterprise-capability-orbit::before { inset: 7%; border: 1px solid rgba(137, 183, 236, .2); box-shadow: inset 5px 5px 14px rgba(0, 0, 0, .55), inset -2px -2px 3px rgba(137, 183, 236, .1); } .enterprise-capability-orbit::after { inset: 18%; border: 1px solid rgba(168, 255, 83, .13); box-shadow: inset 3px 3px 10px rgba(0, 0, 0, .48), inset -1px -1px 2px rgba(168, 255, 83, .07); } .enterprise-orbit-rings { inset: 2%; border: 1px solid rgba(255, 255, 255, .075); box-shadow: inset 6px 6px 18px rgba(0, 0, 0, .44), inset -2px -2px 4px rgba(255, 255, 255, .035); } .enterprise-orbit-center { position: absolute; z-index: 1; top: 50%; left: 50%; width: 126px; height: 126px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px; transform: translate(-50%, -50%); border: 1px solid rgba(168, 255, 83, .34); border-radius: 50%; color: var(--tt-lime); background: #1b2424; box-shadow: inset 3px 3px 4px rgba(255, 255, 255, .09), inset -5px -5px 9px rgba(0, 0, 0, .44), 0 0 0 9px rgba(14, 20, 25, .48), 8px 12px 24px rgba(0, 0, 0, .28); } .enterprise-orbit-center svg { width: 28px; height: 28px; } .enterprise-orbit-center strong { color: var(--tt-ink); font-size: .86rem; font-weight: 750; line-height: 1.2; } .enterprise-orbit-center span { max-width: 104px; color: #d0ccca; font-size: .64rem; font-weight: 650; line-height: 1.35; text-align: center; } .enterprise-orbit-track { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; } .enterprise-orbit-item { --orbit-accent: var(--tt-cobalt); position: absolute; z-index: 2; top: 50%; left: 50%; width: max-content; min-width: 122px; min-height: 48px; display: flex; align-items: center; gap: 9px; padding: 7px 12px 7px 7px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; color: var(--orbit-accent); background: rgba(18, 23, 29, .94); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .055), inset -1px -1px 0 rgba(0, 0, 0, .32), 0 7px 16px rgba(0, 0, 0, .22); animation: enterprise-capability-orbit 36s linear infinite; will-change: transform; } .enterprise-orbit-item:nth-child(1) { --orbit-accent: var(--tt-cobalt); animation-delay: 0s; } .enterprise-orbit-item:nth-child(2) { --orbit-accent: var(--tt-lime); animation-delay: -6s; } .enterprise-orbit-item:nth-child(3) { --orbit-accent: var(--tt-rose); animation-delay: -12s; } .enterprise-orbit-item:nth-child(4) { --orbit-accent: var(--tt-warm); animation-delay: -18s; } .enterprise-orbit-item:nth-child(5) { --orbit-accent: #76d9e9; animation-delay: -24s; } .enterprise-orbit-item:nth-child(6) { --orbit-accent: #c6a8ff; animation-delay: -30s; } .enterprise-orbit-icon { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; background: rgba(255, 255, 255, .035); } .enterprise-orbit-icon svg { width: 17px; height: 17px; } .enterprise-orbit-item strong { color: var(--tt-ink); font-size: .8rem; font-weight: 750; line-height: 1.2; white-space: nowrap; } } @media (min-width: 1440px) { .enterprise-hero-panel > .row { grid-template-columns: minmax(0, 760px) minmax(470px, 1fr); column-gap: clamp(52px, 4vw, 88px); } .enterprise-hero-copy { max-width: 760px; } .enterprise-capability-orbit { --orbit-radius: clamp(158px, 11.2vw, 200px); width: clamp(370px, 29vw, 470px); justify-self: end; } } @keyframes enterprise-capability-orbit { from { transform: translate(-50%, -50%) rotate(0deg) translateY(calc(0px - var(--orbit-radius))) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg) translateY(calc(0px - var(--orbit-radius))) rotate(-360deg); } } @media (max-width: 1199.98px) { .enterprise-hero-panel > .row { grid-template-rows: minmax(500px, auto) auto auto; } .enterprise-capability-orbit { width: 100%; min-height: 84px; grid-column: 1; grid-row: 2; display: block; padding: 14px 18px; border-top: 1px solid var(--tt-line); border-bottom: 1px solid var(--tt-line); background: rgba(20, 24, 30, .76); } .enterprise-orbit-rings, .enterprise-orbit-center { display: none; } .enterprise-orbit-track { height: 100%; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } .enterprise-orbit-item { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 7px; border: 0; color: var(--tt-cobalt); background: transparent; animation: none; } .enterprise-orbit-icon { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; } .enterprise-orbit-icon svg { width: 17px; height: 17px; } .enterprise-orbit-item strong { color: var(--tt-ink); font-size: .76rem; font-weight: 750; line-height: 1.3; } .enterprise-hero-assurance { grid-row: 3; } } .enterprise-hero-assurance .enterprise-pathfinder-trigger { min-height: 70px; padding: 10px 12px; border: 1px solid var(--tt-lime); border-radius: 6px; color: #121519; background: var(--tt-lime); box-shadow: 0 9px 24px rgba(168, 255, 83, .16); cursor: pointer; transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease; } .enterprise-hero-assurance .enterprise-pathfinder-trigger small, .enterprise-hero-assurance .enterprise-pathfinder-trigger strong { color: #121519; } .enterprise-hero-assurance .enterprise-pathfinder-trigger .enterprise-pathfinder-trigger-icon { border-color: rgba(18, 21, 25, .5); color: #121519; } .enterprise-hero-assurance .enterprise-pathfinder-trigger > svg:last-child { width: 34px; height: 34px; padding: 8px; border-radius: 50%; color: var(--tt-lime); background: #121519; } .enterprise-hero-assurance .enterprise-pathfinder-trigger:hover, .enterprise-hero-assurance .enterprise-pathfinder-trigger:focus-visible { border-color: var(--tt-lime); color: #121519; background: var(--tt-lime); transform: translateY(-1px); } .enterprise-hero-assurance .enterprise-pathfinder-trigger:hover small, .enterprise-hero-assurance .enterprise-pathfinder-trigger:hover strong, .enterprise-hero-assurance .enterprise-pathfinder-trigger:focus-visible small, .enterprise-hero-assurance .enterprise-pathfinder-trigger:focus-visible strong { color: #121519; } .enterprise-hero-assurance .enterprise-pathfinder-trigger:hover .enterprise-pathfinder-trigger-icon, .enterprise-hero-assurance .enterprise-pathfinder-trigger:focus-visible .enterprise-pathfinder-trigger-icon { border-color: rgba(18, 21, 25, .5); color: #121519; } .enterprise-hero-assurance .enterprise-pathfinder-trigger:hover > svg:last-child, .enterprise-hero-assurance .enterprise-pathfinder-trigger:focus-visible > svg:last-child { color: var(--tt-lime); background: #121519; } @media (max-width: 767.98px) { .enterprise-hero-panel > .row { grid-template-rows: auto auto auto; } .enterprise-hero-background img { top: 0; right: auto; bottom: auto; left: 50%; width: auto; min-width: 100%; height: 100%; object-fit: fill; transform: translateX(-50%); } .enterprise-hero-copy { padding: 30px 0 28px; } .enterprise-hero-copy > div { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; } .enterprise-capability-orbit { min-height: 105px; padding: 15px 0; background: rgba(20, 24, 30, .5); } .enterprise-orbit-track { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; } .enterprise-orbit-item { align-items: center; justify-content: center; flex-direction: row; gap: 6px; padding: 4px 2px; text-align: left; } .enterprise-orbit-icon { width: 30px; height: 30px; flex-basis: 30px; } .enterprise-orbit-item strong { font-size: .68rem; font-weight: 750; line-height: 1.25; } .enterprise-hero-assurance { display: flex; flex-direction: column; } .enterprise-hero-assurance .enterprise-pathfinder-entry { order: 1; padding: 22px 0; border-bottom: 1px solid var(--tt-line); } .enterprise-hero-assurance .enterprise-trust-line { order: 2; border-bottom: 0; } .enterprise-hero-assurance .enterprise-pathfinder-trigger { grid-template-columns: 42px minmax(0, 1fr) 34px; gap: 11px; padding: 10px; } .enterprise-pathfinder-note { color: #c8c4c1; font-size: .8rem; } } @media (prefers-reduced-motion: reduce) { .enterprise-orbit-item { animation: none; } } @media (min-width: 1200px) and (prefers-reduced-motion: reduce) { .enterprise-orbit-item:nth-child(1) { transform: translate(-50%, -50%) rotate(0deg) translateY(calc(0px - var(--orbit-radius))) rotate(0deg); } .enterprise-orbit-item:nth-child(2) { transform: translate(-50%, -50%) rotate(60deg) translateY(calc(0px - var(--orbit-radius))) rotate(-60deg); } .enterprise-orbit-item:nth-child(3) { transform: translate(-50%, -50%) rotate(120deg) translateY(calc(0px - var(--orbit-radius))) rotate(-120deg); } .enterprise-orbit-item:nth-child(4) { transform: translate(-50%, -50%) rotate(180deg) translateY(calc(0px - var(--orbit-radius))) rotate(-180deg); } .enterprise-orbit-item:nth-child(5) { transform: translate(-50%, -50%) rotate(240deg) translateY(calc(0px - var(--orbit-radius))) rotate(-240deg); } .enterprise-orbit-item:nth-child(6) { transform: translate(-50%, -50%) rotate(300deg) translateY(calc(0px - var(--orbit-radius))) rotate(-300deg); } }   .enterprise-button-primary, .enterprise-header-cta, .enterprise-pathfinder-apply, .section-contact-2 .enterprise-contact-submit, .enterprise-footer-cta > a, .enterprise-service-cta a, .btn-primary, .btn-primary-2, .bg-primary, .bg-primary-2, .text-bg-primary { color: var(--tt-on-lime) !important; } .enterprise-button-primary *, .enterprise-header-cta *, .enterprise-pathfinder-apply *, .section-contact-2 .enterprise-contact-submit *, .enterprise-footer-cta > a *, .enterprise-service-cta a *, .btn-primary *, .btn-primary-2 *, .bg-primary *, .bg-primary-2 *, .text-bg-primary * { color: inherit !important; } .enterprise-service-label { border-color: #f6f3f0 !important; color: var(--tt-on-lime) !important; background: #f6f3f0 !important; } .enterprise-service-page { color: var(--tt-ink) !important; background: var(--tt-surface) !important; } .enterprise-service-hero, .enterprise-service-content, .enterprise-service-detail { position: relative; z-index: 1; } .enterprise-service-hero > div > p, .enterprise-service-overview > p, .enterprise-service-section-heading > p, .enterprise-service-delivery li p, .enterprise-service-cta p { color: #dedbd8 !important; } .enterprise-service-cta { border-color: rgba(168, 255, 83, .42) !important; background: #2b3038 !important; } .enterprise-service-cta a { border-color: var(--tt-lime) !important; color: var(--tt-on-lime) !important; background: var(--tt-lime) !important; } .section-contact-2 .contact-form select.form-select { border: 1px solid var(--tt-line-strong) !important; color: #f6f3f0 !important; background-color: #181b21 !important; color-scheme: dark; } .section-contact-2 .contact-form select.form-select option { color: #f6f3f0; background-color: #181b21; } @media (max-width: 767.98px) { .enterprise-portfolio-content h3 { font-size: clamp(1.45rem, 6.5vw, 1.8rem) !important; line-height: 1.14 !important; letter-spacing: -.035em; } .enterprise-contact-assurance, .enterprise-hero-assurance .enterprise-trust-line { display: none !important; } .section-contact-2 .contact-form select.form-select { min-height: 56px; padding: 0 42px 0 14px !important; border-radius: 4px !important; } .section-contact-2 .contact-form label { display: block; margin: 20px 0 8px !important; color: #f6f3f0 !important; font-size: .8rem; font-weight: 750; letter-spacing: .015em; } .section-contact-2 .contact-form .form-control, .section-contact-2 .contact-form .form-select { min-height: 56px; padding: 14px !important; border: 1.5px solid rgba(246, 243, 240, .42) !important; border-radius: 6px !important; color: #f6f3f0 !important; background: #17191f !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 0 0 1px rgba(0, 0, 0, .18) !important; } .section-contact-2 .contact-form select.form-select { padding-right: 42px !important; border-color: rgba(246, 243, 240, .42) !important; border-radius: 6px !important; } .section-contact-2 .contact-form textarea.form-control { min-height: 168px; } .section-contact-2 .contact-form .form-control::placeholder { color: #aaa6a4; opacity: 1; } .section-contact-2 .contact-form .form-control:focus, .section-contact-2 .contact-form .form-select:focus { border-color: var(--tt-lime) !important; background: #1d2026 !important; box-shadow: 0 0 0 3px rgba(168, 255, 83, .16) !important; outline: none; } body.home-page-2 .ck-content section:not(.section-hero-2) { content-visibility: auto; contain-intrinsic-block-size: 700px; } .enterprise-proof-intro { align-items: center; text-align: center; } .enterprise-proof-intro p { margin-inline: auto; text-align: center; } .enterprise-proof-item, .enterprise-proof-label, .enterprise-proof-value { text-align: center; } .enterprise-proof-item { align-items: center; justify-content: center; } .mobile-menu .nav-link { justify-content: center; text-align: center; } .section-projects-2 .enterprise-carousel { overflow: visible; } .section-projects-2 .enterprise-portfolio-card { overflow: hidden; border: 1px solid rgba(246, 243, 240, .18); border-radius: 10px; background: #1b1e25; box-shadow: 0 18px 48px rgba(0, 0, 0, .28); } .section-projects-2 .enterprise-portfolio-media { border: 0; border-bottom: 1px solid rgba(246, 243, 240, .14); background: #17191f; } .section-projects-2 .enterprise-portfolio-content { padding: 22px 20px 20px; background: #1b1e25; } .section-projects-2 .enterprise-project-facts { margin-top: 20px; } .section-projects-2 .enterprise-project-action { width: 100%; min-height: 48px; justify-content: space-between; margin-top: 20px; padding: 0 14px; border: 1px solid rgba(168, 255, 83, .58); border-radius: 6px; background: rgba(168, 255, 83, .055); } .section-projects-2 .enterprise-portfolio-controls { justify-content: center; margin-top: 20px; } .enterprise-pathfinder { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .enterprise-pathfinder-shell, .enterprise-pathfinder-result, .enterprise-pathfinder-result-header > div { min-width: 0; } .enterprise-pathfinder-result { overflow: visible; } .enterprise-pathfinder-result-recommendation { padding: 18px 16px !important; border: 1px solid rgba(246, 243, 240, .14); border-radius: 6px; background: #2b3038; } .enterprise-pathfinder-result-header h3, .enterprise-pathfinder-result-recommendation h4, .enterprise-pathfinder-result-recommendation p, .enterprise-pathfinder-result dd { max-width: 100%; overflow: visible; white-space: normal; overflow-wrap: anywhere; } .enterprise-pathfinder-result-header h3 { font-size: .98rem; line-height: 1.25; } .enterprise-pathfinder-result-recommendation h4 { font-size: clamp(1.2rem, 6vw, 1.45rem); line-height: 1.2; } .enterprise-pathfinder-result-recommendation > p { margin-top: 10px; color: #d1cecb !important; font-size: .9rem; line-height: 1.62; } }