:root { --primary: #1e40af; --primary-dark: #0f2847; --primary-light: #eff6ff; --primary-lighter: #f0f9ff; --secondary: #10244b; --accent: #0ea5e9; --accent-teal: #14b8a6; --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --surface: #ffffff; --surface-alt: #f8fafc; --surface-card: #f9fbfd; --text-primary: #0f172a; --text-secondary: #475569; --text-light: #94a3b8; --border-color: #e2e8f0; --border-light: #f1f5f9; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 999px; --shadow-xs: 0 1px 2px 0 rgba(0,0,0,.05); --shadow-sm: 0 4px 12px rgba(15,23,42,.08); --shadow-md: 0 12px 24px rgba(15,23,42,.12); --shadow-lg: 0 20px 40px rgba(15,23,42,.16); --shadow-xl: 0 30px 60px rgba(15,23,42,.20); --font-h1: clamp(3.2rem,6vw,4.5rem); --font-h2: clamp(2.5rem,4.5vw,3.5rem); --font-h3: 1.5rem; --section-padding: clamp(64px, 7vw, 104px); --transition: all .3s cubic-bezier(0.4, 0, 0.2, 1); --transition-fast: all .15s ease; --font-body: 16px; --font-light: 300; --font-regular: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700; --font-extra-bold: 800; --container-width: 1280px; --background: #ffffff; --gradient-primary: linear-gradient(135deg, #1e40af 0%, #0f2847 100%); --gradient-accent: linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%); } html { scroll-behavior: smooth; } body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: var(--font-body); font-weight: var(--font-regular); line-height: 1.6; color: var(--text-primary); background: var(--background); overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *::before, *::after { box-sizing: border-box; } ::selection { background: var(--primary); color: #ffffff; } img { display: block; max-width: 100%; height: auto; } a { color: inherit; text-decoration: none; transition: var(--transition-fast); } button { font: inherit; } input, textarea, select { font: inherit; } .container { width: 100%; max-width: var(--container-width); margin: 0 auto; padding-left: 24px; padding-right: 24px; } section { position: relative; } h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: var(--font-bold); line-height: 1.2; letter-spacing: -.04em; color: var(--text-primary); } h1 { font-size: var(--font-h1); font-weight: var(--font-extra-bold); } h2 { font-size: var(--font-h2); font-weight: var(--font-bold); } h3 { font-size: var(--font-h3); font-weight: var(--font-bold); } p { margin: 0; color: var(--text-secondary); line-height: 1.75; } .section-alt { background: linear-gradient(180deg, #f0f9ff 0%, #f8fafc 100%); } ul, ol { margin: 0; padding: 0; } @media (max-width: 992px) { h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 26px; } } @media (max-width: 768px) { .container { padding-left: 20px; padding-right: 20px; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 22px; } body { font-size: 16px; } } .text-center { text-align: center; } .text-start { text-align: left; } .text-end { text-align: right; } .mt-1 { margin-top: 1rem; } .mt-2 { margin-top: 2rem; } .mt-3 { margin-top: 3rem; } .mb-1 { margin-bottom: 1rem; } .mb-2 { margin-bottom: 2rem; } .mb-3 { margin-bottom: 3rem; } .d-flex { display: flex; } .justify-center { justify-content: center; } .align-center { align-items: center; } .font-semibold { font-weight: var(--font-semibold); } .font-bold { font-weight: var(--font-bold); } .font-extra-bold { font-weight: var(--font-extra-bold); } .gradient-text { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .shadow-sm { box-shadow: var(--shadow-sm); } .shadow-md { box-shadow: var(--shadow-md); } .shadow-lg { box-shadow: var(--shadow-lg); } .px-1 { padding-left: 1rem; padding-right: 1rem; } .px-2 { padding-left: 2rem; padding-right: 2rem; } .py-1 { padding-top: 1rem; padding-bottom: 1rem; } .py-2 { padding-top: 2rem; padding-bottom: 2rem; } .border { border: 1px solid var(--border-color); } .border-primary { border: 1px solid var(--primary); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-full { border-radius: var(--radius-full); } .opacity-50 { opacity: 0.5; } .opacity-75 { opacity: 0.75; } .hover-lift { transition: var(--transition); } .hover-lift:hover { transform: translateY(-4px); } .hover-scale:hover { transform: scale(1.05); } .text-primary { color: var(--primary); } .text-secondary { color: var(--text-secondary); } .bg-primary { background: var(--primary); color: #fff; } .bg-surface-alt { background: var(--surface-alt); } main:has(.hero-container) { --home-ink: #0b1730; --home-muted: #526176; --home-blue: #2563eb; --home-cyan: #22d3ee; --home-line: rgba(37, 99, 235, .13); } main:has(.hero-container) ::selection { background: #bfdbfe; color: #0b1730; -webkit-text-fill-color: #0b1730; } main:has(.hero-container) ::-moz-selection { background: #bfdbfe; color: #0b1730; } main:has(.hero-container) > section:first-child { overflow: hidden; background: #07152a; } main:has(.hero-container) .hero-shell { isolation: isolate; position: relative; background: radial-gradient(circle at 12% 8%, rgba(34,211,238,.22), transparent 26%), radial-gradient(circle at 88% 22%, rgba(37,99,235,.32), transparent 30%), linear-gradient(125deg, #071427 0%, #0a2140 58%, #0d2e55 100%); } main:has(.hero-container) .hero-shell::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .34; background-image: linear-gradient(rgba(147,197,253,.11) 1px, transparent 1px), linear-gradient(90deg, rgba(147,197,253,.11) 1px, transparent 1px); background-size: 42px 42px; mask-image: radial-gradient(ellipse at 68% 48%, #000 0%, transparent 71%); } main:has(.hero-container) .hero-shell::after { content: ""; position: absolute; width: 42rem; height: 42rem; right: -17rem; top: -22rem; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(125,211,252,.28), rgba(37,99,235,.04) 61%, transparent 70%); filter: blur(1px); animation: home-orbit 16s ease-in-out infinite alternate; } main:has(.hero-container) .hero-container { min-height: min(760px, calc(100vh - 76px)); position: relative; z-index: 1; } main:has(.hero-container) .hero-content h1 { max-width: 700px; color: #f8fbff; font-size: clamp(3.35rem, 5.4vw, 5.65rem); line-height: .99; letter-spacing: -.075em; text-wrap: balance; } main:has(.hero-container) .hero-content h1 span { background: linear-gradient(105deg, #7dd3fc, #67e8f9 55%, #a7f3d0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } main:has(.hero-container) .hero-content p { max-width: 570px; color: #c8d7eb; font-size: clamp(1rem, 1.25vw, 1.15rem); line-height: 1.75; } main:has(.hero-container) .hero-buttons .btn-primary { box-shadow: 0 16px 38px rgba(14,165,233,.25); } main:has(.hero-container) .hero-buttons .btn-primary:hover { box-shadow: 0 20px 46px rgba(34,211,238,.34); } main:has(.hero-container) .hero-visual { filter: drop-shadow(0 30px 52px rgba(0,0,0,.25)); } main:has(.hero-container) .visual-window { animation: home-float 7s ease-in-out infinite; } main:has(.hero-container) .visual-panel, main:has(.hero-container) .delivery-card { animation: home-float 6s ease-in-out infinite; } main:has(.hero-container) .panel-top { animation-delay: -2s; } main:has(.hero-container) .delivery-card { animation-delay: -4s; } main:has(.hero-container) .hero-stats { border-top: 1px solid rgba(186,230,253,.18); padding-top: 1.35rem; } main:has(.hero-container) .hero-assurance { color: #c8d7eb; } main:has(.hero-container) .hero-assurance i { color: #5eead4; } main:has(.hero-container) .hero-stat { border-color: rgba(186,230,253,.22); } main:has(.hero-container) .hero-stat strong { color: #fff; font-variant-numeric: tabular-nums; } main:has(.hero-container) .hero-stat strong span { color: #67e8f9; } main:has(.hero-container) .hero-stat > span { color: #aec1da; } main:has(.hero-container) .hero-buttons .btn-secondary { color: #f8fbff; border-color: rgba(226,232,240,.92); } main:has(.hero-container) .hero-buttons .btn-secondary:hover { color: #071427; background: #f8fbff; border-color: #f8fbff; } main:has(.hero-container) .section { padding-block: clamp(5rem, 8vw, 8.5rem); } main:has(.hero-container) .section-title { max-width: 760px; } main:has(.hero-container) .section-title h2 { font-size: clamp(2.2rem, 3.4vw, 3.7rem); line-height: 1.08; letter-spacing: -.055em; text-wrap: balance; } main:has(.hero-container) .section-title p { max-width: 650px; margin-inline: auto; font-size: 1.04rem; line-height: 1.8; } main:has(.hero-container) .app-badge { letter-spacing: .11em; font-size: .68rem; } main:has(.hero-container) .statistics-grid { gap: 1rem; } main:has(.hero-container) .statistics-grid .ny-card { padding: 1.5rem; min-height: 176px; background: linear-gradient(145deg, #fff, #f7fbff); border-color: var(--home-line); box-shadow: 0 12px 30px rgba(15,23,42,.06); } main:has(.hero-container) .statistics-grid .stat-value { color: var(--home-blue); -webkit-text-fill-color: var(--home-blue); font-size: clamp(2.65rem, 4vw, 3.7rem); } main:has(.hero-container) .statistics-grid .stat-title { color: var(--home-ink); } main:has(.hero-container) .service-grid { gap: 1.25rem; } main:has(.hero-container) .service-grid .ny-card { min-height: 0; padding: 2rem; border-color: var(--home-line); background: linear-gradient(150deg, #fff 0%, #f8fbff 100%); } main:has(.hero-container) .service-grid .ny-card::before { background: radial-gradient(circle at 88% 10%, rgba(34,211,238,.14), transparent 35%); } main:has(.hero-container) .service-grid .service-icon { width: 58px; height: 58px; border-radius: 18px; } main:has(.hero-container) .service-grid .service-content h3 { font-size: 1.24rem; letter-spacing: -.03em; } main:has(.hero-container) .service-grid .service-footer { padding-top: 1.35rem; } main:has(.hero-container) .why-grid { position: relative; gap: 1rem; } main:has(.hero-container) .why-grid::before { content: ""; position: absolute; z-index: 0; top: 50%; left: 7%; right: 7%; height: 1px; background: linear-gradient(90deg, transparent, rgba(37,99,235,.42), rgba(34,211,238,.52), rgba(37,99,235,.42), transparent); } main:has(.hero-container) .why-grid > * { position: relative; z-index: 1; } main:has(.hero-container) .why-grid .ny-card { background: rgba(255,255,255,.94); border-color: var(--home-line); } main:has(.hero-container) .why-grid .feature-icon { position: relative; width: 62px; height: 62px; border-radius: 50%; } main:has(.hero-container) .why-grid .feature-icon::after { content: ""; position: absolute; inset: -7px; border: 1px solid rgba(34,211,238,.25); border-radius: inherit; } main:has(.hero-container) section:has(.technology-badge) { overflow: hidden; background: radial-gradient(circle at 12% 20%, rgba(34,211,238,.08), transparent 25%), linear-gradient(180deg, #f5fbff, #fff); } main:has(.hero-container) section:has(.technology-badge) .technology-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; max-width: 1100px; margin: 3rem auto 0; } main:has(.hero-container) section:has(.technology-badge) .technology-badge { width: 100%; min-height: 74px; border-radius: 14px; padding: .85rem 1rem; background: rgba(255,255,255,.88); border-color: var(--home-line); box-shadow: 0 8px 24px rgba(15,23,42,.045); color: var(--home-ink); } main:has(.hero-container) section:has(.technology-badge) .technology-badge:hover { color: var(--home-ink); border-color: rgba(37,99,235,.35); transform: translateY(-4px); box-shadow: 0 16px 34px rgba(37,99,235,.12); } main:has(.hero-container) section:has(.technology-badge) .technology-icon { width: 36px; height: 36px; border-radius: 11px; } main:has(.hero-container) .process-grid { position: relative; gap: 1.25rem; } main:has(.hero-container) .process-grid::before { content: ""; position: absolute; top: 3.25rem; left: 8%; right: 8%; height: 2px; background: linear-gradient(90deg, var(--home-blue), var(--home-cyan), var(--home-blue)); opacity: .32; } main:has(.hero-container) .process-grid .ny-card { border-color: var(--home-line); background: #fff; } main:has(.hero-container) .process-grid .process-number { position: relative; z-index: 1; border-radius: 50%; box-shadow: 0 0 0 6px #fff, 0 0 0 7px rgba(37,99,235,.18); } main:has(.hero-container) .process-grid .ny-card:hover .process-content h3 { color: var(--home-ink); } main:has(.hero-container) .process-grid .ny-card:hover .process-content p { color: var(--home-muted); } main:has(.hero-container) .project-grid { gap: 1.25rem; } main:has(.hero-container) .project-grid .ny-card { border-color: var(--home-line); } main:has(.hero-container) .project-image { margin: -2rem -2rem 1.6rem; } main:has(.hero-container) .testimonial-grid { gap: 1.25rem; } main:has(.hero-container) .testimonial-grid .ny-card { border-color: var(--home-line); background: linear-gradient(145deg, #fff, #f8fbff); } main:has(.hero-container) .testimonial-message { font-size: 1rem; line-height: 1.8; } main:has(.hero-container) .cta-section { border: 1px solid rgba(125,211,252,.22); box-shadow: 0 28px 70px rgba(15,35,75,.26); background: radial-gradient(circle at 15% 100%, rgba(34,211,238,.25), transparent 27%), radial-gradient(circle at 88% 10%, rgba(59,130,246,.62), transparent 29%), linear-gradient(135deg, #071a35, #123f8e); } main:has(.hero-container) .cta-section::before { animation: home-orbit 12s ease-in-out infinite alternate; } main:has(.hero-container) .cta-buttons .btn-primary { background: #fff; color: #123f8e; box-shadow: 0 12px 30px rgba(0,0,0,.18); } main:has(.hero-container) .cta-buttons .btn-primary:hover { background: #e0f2fe; color: #0b2c67; } main:has(.hero-container) .footer { margin-top: 0; padding-top: 6.5rem; } main:has(.hero-container) .footer-social a:hover { background: #22d3ee; border-color: #22d3ee; color: #071427; } @keyframes home-float { 0%, 100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-8px,0); } } @keyframes home-orbit { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-2rem,1rem,0) scale(1.08); } } @media (max-width: 992px) { main:has(.hero-container) .why-grid::before, main:has(.hero-container) .process-grid::before { display: none; } main:has(.hero-container) section:has(.technology-badge) .technology-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { main:has(.hero-container) .hero-content h1 { font-size: clamp(2.75rem, 12vw, 4rem); } main:has(.hero-container) .section { padding-block: 4.5rem; } main:has(.hero-container) section:has(.technology-badge) .technology-list { grid-template-columns: 1fr; } main:has(.hero-container) .statistics-grid { gap: .85rem; } } @media (prefers-reduced-motion: reduce) { main:has(.hero-container) *, main:has(.hero-container) *::before, main:has(.hero-container) *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } } main:has(.overview) { --about-ink: #0a1730; --about-muted: #526176; --about-blue: #2563eb; --about-cyan: #14b8a6; --about-line: rgba(37,99,235,.14); } main:has(.overview) ::selection { background: #bfdbfe; color: var(--about-ink); -webkit-text-fill-color: var(--about-ink); } main:has(.overview) ::-moz-selection { background: #bfdbfe; color: var(--about-ink); } main:has(.overview) > section:has(.page-header) { position: relative; overflow: hidden; background: radial-gradient(circle at 15% 16%, rgba(20,184,166,.14), transparent 22%), radial-gradient(circle at 85% 14%, rgba(37,99,235,.16), transparent 28%), linear-gradient(180deg, #f8fbff, #fff); } main:has(.overview) > section:has(.page-header)::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(37,99,235,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,235,.07) 1px, transparent 1px); background-size: 46px 46px; mask-image: radial-gradient(ellipse at center, #000, transparent 70%); } main:has(.overview) .page-header { position: relative; z-index: 1; max-width: 980px; padding-block: 1.25rem; } main:has(.overview) .page-header h1 { max-width: 900px; margin-inline: auto; font-size: clamp(2.8rem, 5vw, 5.2rem); line-height: 1.02; letter-spacing: -.07em; text-wrap: balance; color: var(--about-ink); } main:has(.overview) .page-header p { max-width: 690px; font-size: 1.08rem; line-height: 1.8; } main:has(.overview) .breadcrumb { margin-top: 1.5rem; } main:has(.overview) .section { padding-block: clamp(5rem, 8vw, 8.5rem); } main:has(.overview) .section-title { max-width: 780px; } main:has(.overview) .section-title h2 { font-size: clamp(2.15rem, 3.6vw, 3.8rem); line-height: 1.08; letter-spacing: -.06em; text-wrap: balance; } main:has(.overview) .section-title p { max-width: 660px; margin-inline: auto; line-height: 1.8; } main:has(.overview) .overview { gap: 5.5rem; } main:has(.overview) .overview-stats, main:has(.overview) .statistics-grid { gap: 1rem; } main:has(.overview) .overview-stats .ny-card, main:has(.overview) .statistics-grid .ny-card { min-height: 164px; padding: 1.4rem; background: linear-gradient(145deg, #fff, #f6faff); border-color: var(--about-line); box-shadow: 0 12px 30px rgba(15,23,42,.055); } main:has(.overview) .stat-value { color: var(--about-blue); font-variant-numeric: tabular-nums; letter-spacing: -.06em; } main:has(.overview) .stat-title { color: var(--about-ink); } main:has(.overview) .overview-content h2 { font-size: clamp(2.5rem, 4vw, 4.25rem); line-height: 1.07; letter-spacing: -.065em; text-wrap: balance; } main:has(.overview) .overview-content h2 span { background: linear-gradient(120deg, var(--about-blue), var(--about-cyan)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } main:has(.overview) .overview-content p { max-width: 700px; } main:has(.overview) .company-story { gap: clamp(2.5rem, 6vw, 6rem); } main:has(.overview) .story-image { position: relative; isolation: isolate; } main:has(.overview) .story-image::before { content: ""; position: absolute; z-index: -1; inset: -9% 4% 7% -7%; border-radius: 28px; background: linear-gradient(135deg, rgba(37,99,235,.16), rgba(20,184,166,.13)); transform: rotate(-4deg); } main:has(.overview) .story-image::after { content: ""; position: absolute; z-index: -1; inset: 4% -6% -7% 7%; background-image: radial-gradient(rgba(37,99,235,.34) 1px, transparent 1px); background-size: 12px 12px; opacity: .5; } main:has(.overview) .story-image img { border-radius: 22px; box-shadow: 0 28px 64px rgba(15,42,84,.18); } main:has(.overview) .story-content .section-title { text-align: left; margin: 0; } main:has(.overview) .story-content .section-title p { margin-left: 0; } main:has(.overview) .story-point { padding: .9rem 1rem; border: 1px solid var(--about-line); border-radius: 12px; background: rgba(255,255,255,.7); font-weight: 650; } main:has(.overview) .mission-grid, main:has(.overview) .core-values-grid, main:has(.overview) .why-grid, main:has(.overview) .industry-grid { gap: 1rem; } main:has(.overview) .mission-grid .ny-card { padding: 2.7rem; background: linear-gradient(145deg, #fff, #f7fbff); border-color: var(--about-line); } main:has(.overview) .mission-icon { position: relative; width: 78px; height: 78px; margin-bottom: 1.6rem; border-radius: 22px; background: linear-gradient(135deg, #e8f2ff, #effcf9); } main:has(.overview) .mission-icon::after { content: ""; position: absolute; inset: -8px; border: 1px solid rgba(20,184,166,.18); border-radius: 26px; } main:has(.overview) .core-values-grid .ny-card, main:has(.overview) .why-grid .ny-card, main:has(.overview) .industry-grid .ny-card { border-color: var(--about-line); background: linear-gradient(145deg, #fff, #f8fbff); } main:has(.overview) .core-values-grid .ny-card:hover, main:has(.overview) .why-grid .ny-card:hover, main:has(.overview) .industry-grid .ny-card:hover { border-color: rgba(37,99,235,.3); box-shadow: 0 22px 45px rgba(15,42,84,.11); } main:has(.overview) .core-values-grid .ny-card:hover h3, main:has(.overview) .why-grid .ny-card:hover h3, main:has(.overview) .industry-grid .ny-card:hover h3 { color: var(--about-ink); } main:has(.overview) .core-values-grid .ny-card:hover p, main:has(.overview) .why-grid .ny-card:hover p, main:has(.overview) .industry-grid .ny-card:hover p { color: var(--about-muted); } main:has(.overview) .technology-container { position: relative; overflow: hidden; max-width: 1150px; padding: clamp(1.5rem, 4vw, 3.5rem); border-color: var(--about-line); border-radius: 24px; background: radial-gradient(circle at 86% 15%, rgba(20,184,166,.14), transparent 25%), radial-gradient(circle at 12% 88%, rgba(37,99,235,.14), transparent 27%), #fafdff; box-shadow: 0 22px 54px rgba(15,42,84,.08); } main:has(.overview) .technology-container::before { content: ""; position: absolute; inset: 0; opacity: .42; pointer-events: none; background-image: linear-gradient(rgba(37,99,235,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,235,.07) 1px, transparent 1px); background-size: 34px 34px; } main:has(.overview) .technology-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; } main:has(.overview) .technology-grid .technology-badge { width: 100%; min-height: 70px; padding: .85rem 1rem; border-radius: 13px; color: var(--about-ink); border-color: var(--about-line); background: rgba(255,255,255,.86); box-shadow: 0 7px 18px rgba(15,42,84,.045); } main:has(.overview) .technology-grid .technology-badge:hover { color: var(--about-ink); border-color: rgba(37,99,235,.35); box-shadow: 0 16px 30px rgba(37,99,235,.12); transform: translateY(-4px); } main:has(.overview) .technology-grid .technology-icon { width: 36px; height: 36px; border-radius: 11px; } main:has(.overview) .timeline { max-width: 980px; padding-left: 1rem; } main:has(.overview) .timeline::before { left: 56px; width: 2px; background: linear-gradient(var(--about-blue), var(--about-cyan), rgba(37,99,235,.18)); background-size: 100% 200%; animation: about-flow 5s linear infinite; } main:has(.overview) .timeline-item { gap: 2.2rem; margin-bottom: 2rem; } main:has(.overview) .timeline-year { width: 80px; height: 80px; background: linear-gradient(145deg, var(--about-blue), #0c3a88); box-shadow: 0 0 0 7px #fff, 0 0 0 8px rgba(37,99,235,.18), 0 15px 28px rgba(37,99,235,.22); } main:has(.overview) .timeline-content { position: relative; padding: 2rem 2.2rem; border-color: var(--about-line); background: linear-gradient(145deg, #fff, #f8fbff); transition: transform .22s ease, box-shadow .22s ease; } main:has(.overview) .timeline-content:hover { transform: translateX(6px); box-shadow: 0 18px 38px rgba(15,42,84,.1); } main:has(.overview) .timeline-content h3 { color: var(--about-ink); letter-spacing: -.03em; } main:has(.overview) .about-cta { position: relative; overflow: hidden; max-width: 1080px; border: 1px solid rgba(125,211,252,.25); background: radial-gradient(circle at 16% 105%, rgba(20,184,166,.34), transparent 30%), radial-gradient(circle at 86% 12%, rgba(59,130,246,.58), transparent 27%), linear-gradient(135deg, #07172f, #16499d); box-shadow: 0 30px 70px rgba(9,35,80,.26); } main:has(.overview) .about-cta::before { animation: about-drift 12s ease-in-out infinite alternate; } main:has(.overview) .about-cta h2 { font-size: clamp(2.3rem, 4vw, 4rem); line-height: 1.08; letter-spacing: -.055em; } main:has(.overview) .about-cta .btn-primary { background: #fff; color: #0c3a88; box-shadow: 0 12px 30px rgba(0,0,0,.2); } main:has(.overview) .about-cta .btn-primary:hover { color: #0a2c69; background: #e0f2fe; } main:has(.overview) .about-cta .btn-secondary:hover { color: #0a2c69; } main:has(.overview) ~ .footer { margin-top: 0; } @keyframes about-flow { from { background-position: 0 0; } to { background-position: 0 200%; } } @keyframes about-drift { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-1rem,1rem,0) scale(1.14); } } @media (max-width: 992px) { main:has(.overview) .technology-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } main:has(.overview) .story-content .section-title, main:has(.overview) .story-content .section-title p { text-align: center; margin-inline: auto; } } @media (max-width: 768px) { main:has(.overview) .section { padding-block: 4.5rem; } main:has(.overview) .page-header h1 { font-size: clamp(2.45rem, 11vw, 3.7rem); } main:has(.overview) .technology-grid { grid-template-columns: 1fr; } main:has(.overview) .timeline { padding-left: 0; } main:has(.overview) .timeline::before { display: none; } } @media (prefers-reduced-motion: reduce) { main:has(.overview) *, main:has(.overview) *::before, main:has(.overview) *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } main:has(.services-overview) { --services-ink: #0a1730; --services-muted: #526176; --services-blue: #2563eb; --services-teal: #14b8a6; --services-line: rgba(37,99,235,.14); } main:has(.services-overview) ::selection { background: #bfdbfe; color: var(--services-ink); -webkit-text-fill-color: var(--services-ink); } main:has(.services-overview) ::-moz-selection { background: #bfdbfe; color: var(--services-ink); } main:has(.services-overview) > section:has(.page-header) { position: relative; overflow: hidden; background: radial-gradient(circle at 14% 12%, rgba(20,184,166,.14), transparent 25%), radial-gradient(circle at 85% 14%, rgba(37,99,235,.17), transparent 29%), linear-gradient(180deg, #f7fbff, #fff); } main:has(.services-overview) > section:has(.page-header)::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(37,99,235,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,235,.07) 1px, transparent 1px); background-size: 46px 46px; mask-image: radial-gradient(ellipse at center, #000, transparent 71%); } main:has(.services-overview) .page-header { position: relative; z-index: 1; max-width: 1010px; padding-block: 1.25rem; } main:has(.services-overview) .page-header h1 { font-size: clamp(2.8rem, 5vw, 5.15rem); line-height: 1.02; letter-spacing: -.07em; text-wrap: balance; color: var(--services-ink); } main:has(.services-overview) .page-header p { max-width: 700px; font-size: 1.08rem; line-height: 1.8; } main:has(.services-overview) .section { padding-block: clamp(5rem, 8vw, 8.5rem); } main:has(.services-overview) .section-title { max-width: 780px; } main:has(.services-overview) .section-title h2 { font-size: clamp(2.15rem, 3.6vw, 3.75rem); line-height: 1.08; letter-spacing: -.06em; text-wrap: balance; } main:has(.services-overview) .section-title p { max-width: 660px; margin-inline: auto; line-height: 1.8; } main:has(.services-overview) .services-overview { gap: clamp(2.5rem, 6vw, 6rem); } main:has(.services-overview) .overview-content h2 { font-size: clamp(2.45rem, 4vw, 4.2rem); line-height: 1.08; letter-spacing: -.065em; text-wrap: balance; } main:has(.services-overview) .overview-content p { font-size: 1.07rem; line-height: 1.8; } main:has(.services-overview) .overview-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; } main:has(.services-overview) .feature { padding: .85rem 1rem; border: 1px solid var(--services-line); border-radius: 12px; background: #f9fcff; font-size: .92rem; font-weight: 700; } main:has(.services-overview) .overview-image { position: relative; isolation: isolate; } main:has(.services-overview) .overview-image::before { content: ""; position: absolute; z-index: -1; inset: -8% 4% 6% -7%; border-radius: 28px; background: linear-gradient(135deg, rgba(37,99,235,.17), rgba(20,184,166,.14)); transform: rotate(-4deg); } main:has(.services-overview) .overview-image::after { content: ""; position: absolute; z-index: -1; inset: 5% -7% -8% 8%; opacity: .55; background-image: radial-gradient(rgba(37,99,235,.4) 1px, transparent 1px); background-size: 12px 12px; } main:has(.services-overview) .overview-image img { border-radius: 22px; box-shadow: 0 30px 68px rgba(15,42,84,.18); animation: services-float 8s ease-in-out infinite; } main:has(.services-overview) .services-grid { gap: 1.25rem; } main:has(.services-overview) .services-grid .ny-card { min-height: 315px; padding: 2rem; border-color: var(--services-line); background: linear-gradient(145deg, #fff 0%, #f8fbff 100%); } main:has(.services-overview) .services-grid .ny-card::before { background: radial-gradient(circle at 90% 9%, rgba(20,184,166,.14), transparent 34%); } main:has(.services-overview) .services-grid .service-icon { width: 60px; height: 60px; border-radius: 18px; } main:has(.services-overview) .services-grid .service-content h3 { font-size: 1.28rem; letter-spacing: -.035em; color: var(--services-ink); } main:has(.services-overview) .services-grid .service-footer { padding-top: 1.35rem; } main:has(.services-overview) .services-grid .technology-list { margin-bottom: 1.25rem; } main:has(.services-overview) .process-grid { position: relative; gap: 1.25rem; } main:has(.services-overview) .process-grid::before { content: ""; position: absolute; top: 3.25rem; left: 8%; right: 8%; height: 2px; opacity: .35; background: linear-gradient(90deg, var(--services-blue), var(--services-teal), var(--services-blue)); } main:has(.services-overview) .process-grid .ny-card { border-color: var(--services-line); background: #fff; } main:has(.services-overview) .process-grid .process-number { position: relative; z-index: 1; border-radius: 50%; box-shadow: 0 0 0 6px #fff, 0 0 0 7px rgba(37,99,235,.18); } main:has(.services-overview) .process-grid .ny-card:hover .process-content h3 { color: var(--services-ink); } main:has(.services-overview) .process-grid .ny-card:hover .process-content p { color: var(--services-muted); } main:has(.services-overview) section:has(.technology-grid) { overflow: hidden; background: radial-gradient(circle at 10% 18%, rgba(20,184,166,.09), transparent 24%), linear-gradient(180deg, #f7fcff, #fff); } main:has(.services-overview) .technology-grid { position: relative; gap: 1rem; } main:has(.services-overview) .technology-grid::before { content: ""; position: absolute; top: 3.4rem; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg, transparent, rgba(37,99,235,.38), rgba(20,184,166,.48), rgba(37,99,235,.38), transparent); } main:has(.services-overview) .technology-grid .ny-card { border-color: var(--services-line); background: rgba(255,255,255,.92); } main:has(.services-overview) .technology-grid .technology-icon { position: relative; z-index: 1; width: 64px; height: 64px; border-radius: 18px; background: linear-gradient(145deg, #e8f2ff, #ecfdf5); } main:has(.services-overview) .technology-grid h3 { color: var(--services-ink); letter-spacing: -.03em; } main:has(.services-overview) .technology-grid li::marker { color: var(--services-teal); } main:has(.services-overview) .engagement-grid, main:has(.services-overview) .benefits-grid { gap: 1rem; } main:has(.services-overview) .engagement-grid .ny-card, main:has(.services-overview) .benefits-grid .ny-card { border-color: var(--services-line); background: linear-gradient(145deg, #fff, #f8fbff); } main:has(.services-overview) .engagement-grid .ny-card:hover, main:has(.services-overview) .benefits-grid .ny-card:hover { border-color: rgba(37,99,235,.3); box-shadow: 0 22px 45px rgba(15,42,84,.11); } main:has(.services-overview) .faq-container { max-width: 920px; margin-top: 3rem; padding: 1rem; border: 1px solid var(--services-line); border-radius: 20px; background: rgba(255,255,255,.72); box-shadow: 0 18px 46px rgba(15,42,84,.06); } main:has(.services-overview) .accordion-item { border-color: var(--services-line); } main:has(.services-overview) .accordion-header:hover { color: var(--services-ink); background: #f5faff; } main:has(.services-overview) .services-cta { position: relative; overflow: hidden; max-width: 1080px; border: 1px solid rgba(125,211,252,.25); background: radial-gradient(circle at 14% 108%, rgba(20,184,166,.34), transparent 30%), radial-gradient(circle at 86% 11%, rgba(59,130,246,.58), transparent 27%), linear-gradient(135deg, #07172f, #16499d); box-shadow: 0 30px 70px rgba(9,35,80,.26); } main:has(.services-overview) .services-cta::before { animation: services-drift 12s ease-in-out infinite alternate; } main:has(.services-overview) .services-cta h2 { font-size: clamp(2.3rem, 4vw, 4rem); line-height: 1.08; letter-spacing: -.055em; } main:has(.services-overview) .services-cta .btn-primary { background: #fff; color: #0c3a88; box-shadow: 0 12px 30px rgba(0,0,0,.2); } main:has(.services-overview) .services-cta .btn-primary:hover { background: #e0f2fe; color: #0a2c69; } main:has(.services-overview) .services-cta .btn-secondary:hover { color: #0a2c69; } @keyframes services-float { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-10px,0); } } @keyframes services-drift { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-1rem,1rem,0) scale(1.14); } } @media (max-width: 992px) { main:has(.services-overview) .process-grid::before, main:has(.services-overview) .technology-grid::before { display: none; } main:has(.services-overview) .overview-features { max-width: 620px; margin-inline: auto; } } @media (max-width: 768px) { main:has(.services-overview) .section { padding-block: 4.5rem; } main:has(.services-overview) .page-header h1 { font-size: clamp(2.45rem, 11vw, 3.7rem); } main:has(.services-overview) .overview-features { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { main:has(.services-overview) *, main:has(.services-overview) *::before, main:has(.services-overview) *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } main:has(.portfolio-overview) { --portfolio-ink:#09172e; --portfolio-muted:#536278; --portfolio-blue:#2563eb; --portfolio-teal:#14b8a6; --portfolio-line:rgba(37,99,235,.14); } main:has(.portfolio-overview) ::selection { background:#bfdbfe; color:var(--portfolio-ink); -webkit-text-fill-color:var(--portfolio-ink); } main:has(.portfolio-overview) > section:has(.page-header) { position:relative; overflow:hidden; background:radial-gradient(circle at 15% 13%,rgba(20,184,166,.13),transparent 24%),radial-gradient(circle at 86% 14%,rgba(37,99,235,.17),transparent 28%),linear-gradient(180deg,#f7fbff,#fff); } main:has(.portfolio-overview) > section:has(.page-header)::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.07) 1px,transparent 1px); background-size:46px 46px; mask-image:radial-gradient(ellipse at center,#000,transparent 71%); } main:has(.portfolio-overview) .page-header { position:relative; z-index:1; max-width:1010px; padding-block:1.25rem; } main:has(.portfolio-overview) .page-header h1 { font-size:clamp(2.8rem,5vw,5.15rem); line-height:1.02; letter-spacing:-.07em; text-wrap:balance; color:var(--portfolio-ink); } main:has(.portfolio-overview) .page-header p { max-width:700px; font-size:1.08rem; line-height:1.8; } main:has(.portfolio-overview) .section { padding-block:clamp(5rem,8vw,8.5rem); } main:has(.portfolio-overview) .section-title { max-width:790px; } main:has(.portfolio-overview) .section-title h2 { font-size:clamp(2.15rem,3.6vw,3.75rem); line-height:1.08; letter-spacing:-.06em; text-wrap:balance; } main:has(.portfolio-overview) .section-title p { max-width:665px; margin-inline:auto; line-height:1.8; } main:has(.portfolio-overview) .portfolio-overview { gap:clamp(2.5rem,6vw,6rem); } main:has(.portfolio-overview) .portfolio-content .section-title { text-align:left; margin:0; } main:has(.portfolio-overview) .portfolio-content .section-title p { margin-left:0; } main:has(.portfolio-overview) .overview-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; } main:has(.portfolio-overview) .overview-feature { padding:.85rem 1rem; border:1px solid var(--portfolio-line); border-radius:12px; background:#f9fcff; font-size:.92rem; font-weight:700; } main:has(.portfolio-overview) .portfolio-image { position:relative; isolation:isolate; } main:has(.portfolio-overview) .portfolio-image::before { content:""; position:absolute; z-index:-1; inset:-8% 4% 6% -7%; border-radius:28px; background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(20,184,166,.14)); transform:rotate(-4deg); } main:has(.portfolio-overview) .portfolio-image::after { content:""; position:absolute; z-index:-1; inset:5% -7% -8% 8%; opacity:.55; background-image:radial-gradient(rgba(37,99,235,.4) 1px,transparent 1px); background-size:12px 12px; } main:has(.portfolio-overview) .portfolio-image img { border-radius:22px; box-shadow:0 30px 68px rgba(15,42,84,.18); animation:portfolio-float 8s ease-in-out infinite; } main:has(.portfolio-overview) .statistics-grid { gap:1rem; } main:has(.portfolio-overview) .statistics-grid .ny-card { min-height:168px; padding:1.4rem; border-color:var(--portfolio-line); background:linear-gradient(145deg,#fff,#f6faff); box-shadow:0 12px 30px rgba(15,23,42,.055); } main:has(.portfolio-overview) .stat-value { color:var(--portfolio-blue); font-variant-numeric:tabular-nums; letter-spacing:-.06em; } main:has(.portfolio-overview) .stat-title { color:var(--portfolio-ink); } main:has(.portfolio-overview) .projects-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; } main:has(.portfolio-overview) .projects-grid > :first-child { grid-column:span 2; } main:has(.portfolio-overview) .projects-grid .ny-card { border-color:var(--portfolio-line); background:linear-gradient(145deg,#fff,#f8fbff); } main:has(.portfolio-overview) .projects-grid > :first-child .project-image img { height:315px; } main:has(.portfolio-overview) .projects-grid .project-image { margin:-2rem -2rem 1.6rem; } main:has(.portfolio-overview) .projects-grid .project-category { border:1px solid rgba(37,99,235,.14); background:#eff6ff; } main:has(.portfolio-overview) .projects-grid .project-content h3 { color:var(--portfolio-ink); font-size:1.42rem; letter-spacing:-.035em; } main:has(.portfolio-overview) .projects-grid > :first-child .project-content h3 { font-size:clamp(1.65rem,2.4vw,2.2rem); } main:has(.portfolio-overview) .projects-grid .ny-card:hover { border-color:rgba(37,99,235,.34); box-shadow:0 25px 54px rgba(15,42,84,.13); } main:has(.portfolio-overview) .highlights-grid { position:relative; gap:1rem; } main:has(.portfolio-overview) .highlights-grid::before { content:""; position:absolute; top:3.2rem; left:8%; right:8%; height:1px; background:linear-gradient(90deg,transparent,rgba(37,99,235,.42),rgba(20,184,166,.5),rgba(37,99,235,.42),transparent); } main:has(.portfolio-overview) .highlights-grid .ny-card { position:relative; z-index:1; border-color:var(--portfolio-line); background:rgba(255,255,255,.94); } main:has(.portfolio-overview) .highlights-grid .feature-icon { position:relative; width:62px; height:62px; border-radius:50%; } main:has(.portfolio-overview) .highlights-grid .feature-icon::after { content:""; position:absolute; inset:-7px; border:1px solid rgba(20,184,166,.22); border-radius:inherit; } main:has(.portfolio-overview) .success-grid { gap:1rem; } main:has(.portfolio-overview) .success-grid .ny-card { border-color:var(--portfolio-line); background:linear-gradient(145deg,#fff,#f8fbff); } main:has(.portfolio-overview) .success-grid .ny-card:hover { border-color:rgba(37,99,235,.3); box-shadow:0 22px 45px rgba(15,42,84,.11); } main:has(.portfolio-overview) .portfolio-cta { position:relative; overflow:hidden; max-width:1080px; border:1px solid rgba(125,211,252,.25); background:radial-gradient(circle at 14% 108%,rgba(20,184,166,.34),transparent 30%),radial-gradient(circle at 86% 11%,rgba(59,130,246,.58),transparent 27%),linear-gradient(135deg,#07172f,#16499d); box-shadow:0 30px 70px rgba(9,35,80,.26); } main:has(.portfolio-overview) .portfolio-cta::before { animation:portfolio-drift 12s ease-in-out infinite alternate; } main:has(.portfolio-overview) .portfolio-cta h2 { font-size:clamp(2.3rem,4vw,4rem); line-height:1.08; letter-spacing:-.055em; } main:has(.portfolio-overview) .portfolio-cta .btn-primary { background:#fff; color:#0c3a88; box-shadow:0 12px 30px rgba(0,0,0,.2); } main:has(.portfolio-overview) .portfolio-cta .btn-primary:hover { background:#e0f2fe; color:#0a2c69; } main:has(.portfolio-overview) .portfolio-cta .btn-secondary:hover { color:#0a2c69; } @keyframes portfolio-float { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(0,-10px,0); } } @keyframes portfolio-drift { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(-1rem,1rem,0) scale(1.14); } } @media (max-width:992px) { main:has(.portfolio-overview) .projects-grid > :first-child { grid-column:span 1; } main:has(.portfolio-overview) .projects-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } main:has(.portfolio-overview) .highlights-grid::before { display:none; } main:has(.portfolio-overview) .portfolio-content .section-title,main:has(.portfolio-overview) .portfolio-content .section-title p { text-align:center; margin-inline:auto; } } @media (max-width:768px) { main:has(.portfolio-overview) .section { padding-block:4.5rem; } main:has(.portfolio-overview) .page-header h1 { font-size:clamp(2.45rem,11vw,3.7rem); } main:has(.portfolio-overview) .overview-features,main:has(.portfolio-overview) .projects-grid { grid-template-columns:1fr; } main:has(.portfolio-overview) .projects-grid > :first-child .project-image img { height:240px; } } @media (prefers-reduced-motion:reduce) { main:has(.portfolio-overview) *,main:has(.portfolio-overview) *::before,main:has(.portfolio-overview) *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; } } main:has(.contact-grid) { --contact-ink:#09172e; --contact-muted:#536278; --contact-blue:#2563eb; --contact-teal:#14b8a6; --contact-line:rgba(37,99,235,.14); } main:has(.contact-grid) ::selection { background:#bfdbfe; color:var(--contact-ink); -webkit-text-fill-color:var(--contact-ink); } main:has(.contact-grid) > section:has(.page-header) { position:relative; overflow:hidden; background:radial-gradient(circle at 15% 13%,rgba(20,184,166,.13),transparent 24%),radial-gradient(circle at 86% 14%,rgba(37,99,235,.17),transparent 28%),linear-gradient(180deg,#f7fbff,#fff); } main:has(.contact-grid) > section:has(.page-header)::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.07) 1px,transparent 1px); background-size:46px 46px; mask-image:radial-gradient(ellipse at center,#000,transparent 71%); } main:has(.contact-grid) .page-header { position:relative; z-index:1; max-width:1000px; padding-block:1.25rem; } main:has(.contact-grid) .page-header h1 { font-size:clamp(2.8rem,5vw,5.15rem); line-height:1.02; letter-spacing:-.07em; text-wrap:balance; color:var(--contact-ink); } main:has(.contact-grid) .page-header p { max-width:700px; font-size:1.08rem; line-height:1.8; } main:has(.contact-grid) .section { padding-block:clamp(5rem,8vw,8.5rem); } main:has(.contact-grid) .section-title { max-width:780px; } main:has(.contact-grid) .section-title h2 { font-size:clamp(2.15rem,3.6vw,3.75rem); line-height:1.08; letter-spacing:-.06em; text-wrap:balance; } main:has(.contact-grid) .section-title p { max-width:660px; margin-inline:auto; line-height:1.8; } main:has(.contact-grid) .contact-grid { gap:1rem; max-width:1050px; margin:3rem auto 0; } main:has(.contact-grid) .contact-grid .ny-card { min-height:230px; padding:2rem; border-color:var(--contact-line); background:linear-gradient(145deg,#fff,#f8fbff); } main:has(.contact-grid) .contact-grid .ny-card::before { background:radial-gradient(circle at 90% 10%,rgba(20,184,166,.14),transparent 34%); } main:has(.contact-grid) .contact-grid .ny-card:hover { border-color:rgba(37,99,235,.32); box-shadow:0 24px 48px rgba(15,42,84,.12); } main:has(.contact-grid) .contact-icon { width:62px; height:62px; border-radius:18px; background:linear-gradient(145deg,#e8f2ff,#ecfdf5); } main:has(.contact-grid) .contact-grid h3 { color:var(--contact-ink); letter-spacing:-.035em; } main:has(.contact-grid) .contact-grid p { color:var(--contact-muted); overflow-wrap:anywhere; } main:has(.contact-grid) .about-container { gap:clamp(2.5rem,6vw,6rem); } main:has(.contact-grid) .about-image { position:relative; isolation:isolate; } main:has(.contact-grid) .about-image::before { content:""; position:absolute; z-index:-1; inset:-8% 4% 6% -7%; border-radius:28px; background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(20,184,166,.14)); transform:rotate(-4deg); } main:has(.contact-grid) .about-image::after { content:""; position:absolute; z-index:-1; inset:5% -7% -8% 8%; opacity:.55; background-image:radial-gradient(rgba(37,99,235,.4) 1px,transparent 1px); background-size:12px 12px; } main:has(.contact-grid) .about-image img { border-radius:22px; box-shadow:0 30px 68px rgba(15,42,84,.18); animation:contact-float 8s ease-in-out infinite; } main:has(.contact-grid) .about-content .section-title { text-align:left; margin:0; } main:has(.contact-grid) .about-content .section-title p { margin-left:0; } main:has(.contact-grid) .about-feature { padding:.8rem 1rem; border:1px solid var(--contact-line); border-radius:12px; background:#f9fcff; font-size:.92rem; font-weight:700; } main:has(.contact-grid) .faq-container { max-width:920px; margin:3rem auto 0; padding:1rem; border:1px solid var(--contact-line); border-radius:20px; background:rgba(255,255,255,.72); box-shadow:0 18px 46px rgba(15,42,84,.06); } main:has(.contact-grid) .accordion-item { border-color:var(--contact-line); } main:has(.contact-grid) .accordion-header:hover { color:var(--contact-ink); background:#f5faff; } main:has(.contact-grid) .ny-card:hover h3 { color:var(--contact-ink); } main:has(.contact-grid) .ny-card:hover p { color:var(--contact-muted); } @keyframes contact-float { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(0,-10px,0); } } @media (max-width:992px) { main:has(.contact-grid) .about-content .section-title,main:has(.contact-grid) .about-content .section-title p { text-align:center; margin-inline:auto; } } @media (max-width:768px) { main:has(.contact-grid) .section { padding-block:4.5rem; } main:has(.contact-grid) .page-header h1 { font-size:clamp(2.45rem,11vw,3.7rem); } } @media (prefers-reduced-motion:reduce) { main:has(.contact-grid) *,main:has(.contact-grid) *::before,main:has(.contact-grid) *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; } } :root { --page-gutter: clamp(1.25rem, 4vw, 3rem); --content-gap: clamp(2rem, 4vw, 3.5rem); --card-gap: clamp(1rem, 2vw, 1.5rem); --section-padding-compact: clamp(3.75rem, 6vw, 5.5rem); } body { background: radial-gradient(circle at 8% 0%, rgba(14, 165, 233, .045), transparent 24rem), var(--background); } .container { padding-inline: var(--page-gutter); } .main-content > section:not(:first-child) { isolation: isolate; } .main-content .section, main:has(.hero-container) .section, main:has(.overview) .section, main:has(.services-overview) .section, main:has(.portfolio-overview) .section, main:has(.contact-grid) .section { padding-block: var(--section-padding-compact); } .main-content > .section:first-child:has(.page-header) { padding-block: clamp(3.75rem, 7vw, 6.5rem); } .section-title, .page-header { text-wrap: balance; } .section-title h2 { margin-top: .9rem; } .section-title p { margin-top: 1.1rem; } .page-header h1 { margin-block: 1.15rem 1rem; } .page-header .breadcrumb { margin-top: 1.4rem; } .main-content :is(.service-grid, .services-grid, .statistics-grid, .project-grid, .projects-grid, .testimonial-grid, .why-grid, .process-grid, .mission-grid, .core-values-grid, .industry-grid, .technology-grid, .engagement-grid, .benefits-grid, .highlights-grid, .success-grid, .contact-grid) { gap: var(--card-gap); margin-top: var(--content-gap); } .main-content :is(.overview, .services-overview, .portfolio-overview, .company-story, .about-container, .contact-form, .office-location) { gap: clamp(2.5rem, 5vw, 5rem); } .ny-card { border-color: rgba(37, 99, 235, .12); box-shadow: 0 10px 30px rgba(15, 23, 42, .055); } .ny-card:hover { border-color: rgba(37, 99, 235, .28); box-shadow: 0 20px 46px rgba(15, 42, 84, .11); } .main-content .process-grid::before { display: none; } .main-content .process-grid .ny-card { min-height: 0; } main:has(.portfolio-overview) .projects-grid .project-image img, main:has(.portfolio-overview) .projects-grid > :first-child .project-image img { height: 280px; } main:has(.portfolio-overview) .projects-grid .project-content p { flex: none; } @media (max-width: 768px) { main:has(.portfolio-overview) .projects-grid .project-image img, main:has(.portfolio-overview) .projects-grid > :first-child .project-image img { height: 220px; } } main:has(.hero-container), main:has(.overview), main:has(.services-overview), main:has(.portfolio-overview), main:has(.contact-grid) { --route-section-space: clamp(4.25rem, 6vw, 6rem); --route-content-gap: clamp(2.25rem, 4vw, 3.25rem); --route-layout-gap: clamp(2.5rem, 5vw, 4.5rem); --route-card-gap: clamp(1rem, 2vw, 1.35rem); } main:has(.hero-container) > .section:not(:first-child), main:has(.overview) > .section, main:has(.services-overview) > .section, main:has(.portfolio-overview) > .section, main:has(.contact-grid) > .section { padding-block: var(--route-section-space); } main:has(.overview) > .section:first-child:has(.page-header), main:has(.services-overview) > .section:first-child:has(.page-header), main:has(.portfolio-overview) > .section:first-child:has(.page-header), main:has(.contact-grid) > .section:first-child:has(.page-header) { padding-block: clamp(4rem, 6vw, 5.5rem); } main:has(.hero-container) :is(.statistics-grid, .service-grid, .why-grid, .technology-list, .process-grid, .project-grid, .testimonial-grid), main:has(.overview) :is(.overview-stats, .mission-grid, .core-values-grid, .why-grid, .technology-grid, .industry-grid, .statistics-grid, .timeline), main:has(.services-overview) :is(.overview-features, .services-grid, .process-grid, .technology-grid, .engagement-grid, .faq-container, .benefits-grid), main:has(.portfolio-overview) :is(.overview-features, .statistics-grid, .projects-grid, .highlights-grid, .success-grid), main:has(.contact-grid) :is(.contact-grid, .faq-container) { margin-top: var(--route-content-gap); } main:has(.hero-container) :is(.statistics-grid, .service-grid, .why-grid, .process-grid, .project-grid, .testimonial-grid), main:has(.overview) :is(.overview-stats, .mission-grid, .core-values-grid, .why-grid, .industry-grid, .statistics-grid), main:has(.services-overview) :is(.services-grid, .process-grid, .technology-grid, .engagement-grid, .benefits-grid), main:has(.portfolio-overview) :is(.statistics-grid, .projects-grid, .highlights-grid, .success-grid), main:has(.contact-grid) .contact-grid { gap: var(--route-card-gap); } main:has(.hero-container) :is(.about-container), main:has(.overview) :is(.overview, .company-story), main:has(.services-overview) .services-overview, main:has(.portfolio-overview) .portfolio-overview, main:has(.contact-grid) .about-container { gap: var(--route-layout-gap); } main:has(.hero-container) :is(.why-action, .about-buttons), main:has(.overview) :is(.overview-actions, .story-buttons), main:has(.services-overview) :is(.overview-actions), main:has(.portfolio-overview) :is(.overview-buttons) { margin-top: 2rem; } main:has(.hero-container) :is(.technology-container, .faq-container), main:has(.overview) :is(.technology-container, .faq-container), main:has(.services-overview) :is(.technology-container, .faq-container), main:has(.portfolio-overview) :is(.technology-container, .faq-container), main:has(.contact-grid) :is(.technology-container, .faq-container) { padding: clamp(1rem, 2.5vw, 1.5rem); } main:has(.hero-container) > .section:last-child, main:has(.overview) > .section:last-child, main:has(.services-overview) > .section:last-child, main:has(.portfolio-overview) > .section:last-child, main:has(.contact-grid) > .section:last-child { padding-bottom: var(--route-section-space); } @media (max-width: 768px) { main:has(.hero-container), main:has(.overview), main:has(.services-overview), main:has(.portfolio-overview), main:has(.contact-grid) { --route-section-space: 3.75rem; --route-content-gap: 2.25rem; --route-layout-gap: 2.5rem; --route-card-gap: 1rem; } main:has(.overview) > .section:first-child:has(.page-header), main:has(.services-overview) > .section:first-child:has(.page-header), main:has(.portfolio-overview) > .section:first-child:has(.page-header), main:has(.contact-grid) > .section:first-child:has(.page-header) { padding-block: 3.75rem; } main:has(.hero-container) :is(.why-action, .about-buttons), main:has(.overview) :is(.overview-actions, .story-buttons), main:has(.services-overview) .overview-actions, main:has(.portfolio-overview) .overview-buttons { margin-top: 1.5rem; } } main:has(.overview) { --about-section-space: clamp(4.25rem, 6vw, 6rem); --about-content-space: clamp(2.25rem, 4vw, 3.25rem); } main:has(.overview) .section { padding-block: var(--about-section-space); } main:has(.overview) > .section:first-child:has(.page-header) { padding-block: clamp(4rem, 6vw, 5.5rem); } main:has(.overview) :is(.overview-stats, .mission-grid, .core-values-grid, .why-grid, .industry-grid, .statistics-grid) { gap: clamp(1rem, 2vw, 1.35rem); margin-top: var(--about-content-space); } main:has(.overview) .overview { gap: clamp(3rem, 5vw, 4.25rem); } main:has(.overview) .overview-content h2 { margin-block: 1.15rem 1rem; } main:has(.overview) .overview-actions { margin-top: 2rem; } main:has(.overview) .company-story { gap: clamp(2.5rem, 5vw, 4.5rem); } main:has(.overview) .story-points { gap: .8rem; margin-top: 1.5rem; } main:has(.overview) .story-point { padding: .8rem .95rem; } main:has(.overview) .story-buttons { margin-top: 1.75rem; } main:has(.overview) .mission-grid .ny-card { padding: clamp(1.75rem, 3vw, 2.35rem); } main:has(.overview) .mission-icon { width: 70px; height: 70px; margin-bottom: 1.5rem; } main:has(.overview) .mission-grid h3 { margin-bottom: .85rem; } main:has(.overview) .technology-container { padding: clamp(1.5rem, 4vw, 2.75rem); } main:has(.overview) .technology-grid { gap: .75rem; } main:has(.overview) .timeline { margin-top: var(--about-content-space); } main:has(.overview) .timeline-item { gap: 1.5rem; margin-bottom: 1.5rem; } main:has(.overview) .timeline-item:last-child { margin-bottom: 0; } main:has(.overview) .timeline-content { padding: 1.5rem 1.75rem; } main:has(.overview) .timeline-content h3 { margin-bottom: .65rem; } @media (max-width: 768px) { main:has(.overview) { --about-section-space: 3.75rem; --about-content-space: 2.25rem; } main:has(.overview) > .section:first-child:has(.page-header) { padding-block: 3.75rem; } main:has(.overview) .overview { gap: 2.5rem; } main:has(.overview) .overview-actions { gap: .75rem; } main:has(.overview) .overview-actions > * { width: 100%; } main:has(.overview) .timeline-item { gap: 1rem; margin-bottom: 2rem; } main:has(.overview) .timeline-content { width: 100%; padding: 1.35rem; } } .footer { margin-top: 0; padding-block: clamp(4rem, 6vw, 5.25rem) 1.75rem; } .footer-grid { gap: clamp(2rem, 4vw, 3.5rem); } .footer hr { margin-block: 3rem 2rem; } :where(a, button, input, textarea, select):focus-visible { outline: 3px solid rgba(14, 165, 233, .45); outline-offset: 4px; border-radius: 6px; } @media (max-width: 992px) { .navbar-container { padding-block: .8rem; } .nav-menu { row-gap: .65rem; column-gap: 1.5rem; } .main-content :is(.overview, .services-overview, .portfolio-overview, .company-story, .about-container) { gap: 3rem; } } @media (max-width: 768px) { :root { --section-padding-compact: 3.75rem; --content-gap: 2.25rem; --card-gap: 1rem; } .main-content > .section:first-child:has(.page-header) { padding-block: 3.5rem; } .navbar-container { gap: .75rem; } .nav-menu { width: 100%; gap: .5rem 1.15rem; } .nav-menu a { padding-block: .35rem; font-size: .88rem; } .nav-menu a::after { bottom: 0; } .quote-btn { padding: .72rem 1.25rem; } .ny-card { padding: 1.5rem; } .footer-grid { gap: 2.5rem; } } @media (max-width: 480px) { .nav-menu { display: grid; grid-template-columns: repeat(3, auto); } .main-content :is(.hero-buttons, .cta-buttons, .about-buttons) > * { width: 100%; } .footer { padding-top: 3.5rem; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } .main-content { --ui-ink: #0b1730; --ui-muted: #526176; --ui-line: rgba(37, 99, 235, .13); --ui-card-radius: 20px; --ui-panel-radius: 28px; } .main-content > .section:first-child:has(.page-header) { overflow: hidden; background: radial-gradient(circle at 14% 12%, rgba(20,184,166,.11), transparent 24%), radial-gradient(circle at 86% 14%, rgba(37,99,235,.15), transparent 28%), linear-gradient(180deg, #f7fbff 0%, #fff 100%); } .main-content > .section:first-child:has(.page-header)::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .7; background-image: linear-gradient(rgba(37,99,235,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(37,99,235,.055) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(ellipse at center, #000, transparent 72%); } .main-content .page-header { position: relative; z-index: 1; max-width: 960px; padding-block: .5rem; } .main-content .page-header h1 { max-width: 900px; margin: 1.15rem auto 0; color: var(--ui-ink); font-size: clamp(2.65rem, 5vw, 5rem); font-weight: 800; line-height: 1.03; letter-spacing: -.065em; text-wrap: balance; } .main-content .page-header p { max-width: 700px; margin: 1.25rem auto 0; color: var(--ui-muted); font-size: clamp(1rem, 1.3vw, 1.1rem); line-height: 1.75; } .main-content .breadcrumb { margin-top: 1.5rem; color: #64748b; font-size: .88rem; } .main-content .breadcrumb a { color: #1d4ed8; } .main-content .section-alt { background: radial-gradient(circle at 90% 10%, rgba(14,165,233,.045), transparent 25rem), linear-gradient(180deg, #f7fbff, #f8fafc); } .main-content .ny-card { height: 100%; padding: clamp(1.5rem, 2.25vw, 2rem); border: 1px solid var(--ui-line); border-radius: var(--ui-card-radius); background: linear-gradient(145deg, #fff, #f9fbff); box-shadow: 0 10px 28px rgba(15,23,42,.055); } .main-content .ny-card:hover { transform: translateY(-5px); border-color: rgba(37,99,235,.28); box-shadow: 0 20px 44px rgba(15,42,84,.11); } .main-content .ny-card h3 { color: var(--ui-ink); font-size: clamp(1.18rem, 1.5vw, 1.35rem); line-height: 1.25; letter-spacing: -.03em; } .main-content .ny-card p { color: var(--ui-muted); line-height: 1.72; } .main-content :is(.statistics-grid, .service-grid, .services-grid, .why-grid, .process-grid, .project-grid, .projects-grid, .testimonial-grid, .mission-grid, .core-values-grid, .industry-grid, .technology-grid, .engagement-grid, .benefits-grid, .highlights-grid, .success-grid, .contact-grid) { gap: var(--card-gap); margin-top: var(--content-gap); } .main-content :is(.overview, .services-overview, .portfolio-overview, .company-story, .about-container) { gap: clamp(2.5rem, 5vw, 4.75rem); } .main-content :is(.overview-image, .portfolio-image, .story-image, .about-image) img { border-radius: var(--ui-card-radius); box-shadow: 0 24px 58px rgba(15,42,84,.15); } .main-content .technology-badge { border-color: var(--ui-line); box-shadow: 0 7px 20px rgba(15,23,42,.045); } .main-content :is(.btn-primary, .btn-secondary) { min-height: 50px; padding: .82rem 1.55rem; border-radius: 14px; } .main-content :is(.about-cta, .services-cta, .portfolio-cta, .cta-section) { position: relative; overflow: hidden; width: 100%; max-width: 1080px; margin-inline: auto; padding: clamp(3.25rem, 7vw, 5.5rem) clamp(1.5rem, 6vw, 4rem); border: 1px solid rgba(125,211,252,.23); border-radius: var(--ui-panel-radius); background: radial-gradient(circle at 13% 105%, rgba(20,184,166,.3), transparent 29%), radial-gradient(circle at 88% 5%, rgba(59,130,246,.5), transparent 27%), linear-gradient(135deg, #07172f, #16499d); box-shadow: 0 28px 65px rgba(9,35,80,.24); text-align: center; } .main-content :is(.about-cta, .services-cta, .portfolio-cta, .cta-section) h2 { max-width: 820px; margin: 1.25rem auto 0; color: #fff; font-size: clamp(2.25rem, 4vw, 3.8rem); font-weight: 800; line-height: 1.08; letter-spacing: -.055em; text-wrap: balance; } .main-content :is(.about-cta, .services-cta, .portfolio-cta, .cta-section) > p { max-width: 690px; margin: 1.25rem auto 0; color: rgba(255,255,255,.78); font-size: 1.04rem; line-height: 1.75; } .main-content :is(.cta-buttons, .portfolio-cta-buttons) { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-top: 2rem; } .main-content :is(.about-cta, .services-cta, .portfolio-cta, .cta-section) .app-badge { color: #dff7ff; background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); box-shadow: none; } .main-content .faq-container { max-width: 920px; margin: var(--content-gap) auto 0; padding: .8rem; border: 1px solid var(--ui-line); border-radius: var(--ui-card-radius); background: rgba(255,255,255,.8); box-shadow: 0 14px 38px rgba(15,42,84,.06); } .main-content .accordion-item:last-child { margin-bottom: 0; } @media (max-width: 992px) { .main-content :is(.overview, .services-overview, .portfolio-overview, .company-story, .about-container) { gap: 3rem; } } @media (max-width: 768px) { .main-content .page-header h1 { font-size: clamp(2.35rem, 11vw, 3.4rem); letter-spacing: -.05em; } .main-content :is(.about-cta, .services-cta, .portfolio-cta, .cta-section) { padding: 3.25rem 1.35rem; border-radius: 22px; } .main-content :is(.cta-buttons, .portfolio-cta-buttons) > * { width: 100%; } } main:has(.portfolio-overview) .projects-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; } main:has(.portfolio-overview) .projects-grid > :first-child { grid-column: auto; } main:has(.portfolio-overview) .projects-grid .project-image, main:has(.portfolio-overview) .projects-grid > :first-child .project-image { margin: -2rem -2rem 1.4rem; } main:has(.portfolio-overview) .projects-grid .project-image img, main:has(.portfolio-overview) .projects-grid > :first-child .project-image img { height: 230px; object-fit: cover; } main:has(.portfolio-overview) .projects-grid .project-category { margin-bottom: .9rem; padding: .42rem .8rem; font-size: .74rem; letter-spacing: .04em; text-transform: uppercase; } main:has(.portfolio-overview) .projects-grid .project-content h3, main:has(.portfolio-overview) .projects-grid > :first-child .project-content h3 { margin-bottom: .75rem; font-size: clamp(1.25rem, 1.6vw, 1.45rem); line-height: 1.25; } main:has(.portfolio-overview) .projects-grid .project-content p { line-height: 1.7; } main:has(.portfolio-overview) .projects-grid .technology-list { gap: .5rem; margin-top: 0; } main:has(.portfolio-overview) .projects-grid .technology-badge { min-height: 38px; padding: .5rem .72rem; border-radius: 10px; font-size: .8rem; } main:has(.portfolio-overview) .projects-grid .project-footer { margin-top: 1.15rem; padding-top: 1.15rem; } main:has(.portfolio-overview) .projects-grid .project-footer .btn-primary { width: 100%; min-height: 48px; } main:has(.portfolio-overview) .projects-grid .ny-card:hover .project-image img { transform: scale(1.04); } @media (max-width: 1200px) { main:has(.portfolio-overview) .projects-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { main:has(.portfolio-overview) .projects-grid { grid-template-columns: 1fr; } main:has(.portfolio-overview) .projects-grid .project-image img, main:has(.portfolio-overview) .projects-grid > :first-child .project-image img { height: 220px; } } h1:focus { outline: none; } .valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; } .invalid { outline: 1px solid #e50000; } .validation-message { color: #e50000; } .blazor-error-boundary { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121; padding: 1rem 1rem 1rem 3.7rem; color: white; } .blazor-error-boundary::after { content: "An error has occurred." } .darker-border-checkbox.form-check-input { border-color: #929292; } .company-page { --company-ink: var(--text-primary); --company-muted: var(--text-secondary); color: var(--company-ink); overflow: clip; background: var(--surface); } .company-page *, .company-page *::before, .company-page *::after { box-sizing: border-box; } .company-page h1, .company-page h2, .company-page h3, .company-page p { margin-top: 0; } .company-page a { text-decoration: none; } .company-container { width: min(calc(100% - 32px), var(--container-width)); margin-inline: auto; } .company-section { position: relative; padding-block: clamp(56px, 6vw, 86px); } .company-section-header { max-width: 720px; margin-bottom: clamp(28px, 4vw, 48px); } .company-section-header.is-centered { margin-inline: auto; text-align: center; } .company-section-header h2 { margin: 10px 0 14px; color: var(--secondary); font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.08; letter-spacing: -.04em; font-weight: 800; } .company-section-header p { margin: 0; color: var(--company-muted); font-size: 1.05rem; line-height: 1.75; } .company-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; } .company-eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--accent-teal); border-radius: var(--radius-full); } .company-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; } .company-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 20px; border: 1px solid transparent; border-radius: var(--radius-sm); font-weight: 700; transition: var(--transition); } .company-btn:hover { transform: translateY(-2px); } .company-btn-primary { color: #fff; background: var(--gradient-primary); box-shadow: 0 10px 24px rgba(30,64,175,.22); } .company-btn-primary:hover { color: #fff; box-shadow: var(--shadow-md); } .company-btn-outline { color: var(--secondary); border-color: #bfdbfe; background: rgba(255,255,255,.8); } .company-btn-outline:hover { color: var(--primary); border-color: var(--primary); } .company-btn-light { color: var(--secondary); background: #fff; box-shadow: var(--shadow-md); } .company-btn-light:hover { color: var(--primary); } .company-btn-ghost, .company-btn-dark-ghost { color: #fff; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.07); } .company-btn-ghost:hover, .company-btn-dark-ghost:hover { color: #fff; background: rgba(255,255,255,.14); } .intro-large { color: var(--secondary); font-size: clamp(1.15rem, 2vw, 1.42rem); line-height: 1.55; font-weight: 650; } .text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-weight: 750; } .text-link:hover { gap: 12px; } .company-page [data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); } .company-page [data-reveal].is-visible { opacity: 1; transform: none; } .company-industry-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; } .industry-tile { position: relative; display: flex; min-height: 118px; padding: 18px; flex-direction: column; justify-content: space-between; color: var(--secondary); border: 1px solid var(--border-color); border-radius: var(--radius-lg); background: var(--surface); transition: var(--transition); } .industry-tile > i:first-child { display: grid; width: 38px; height: 38px; place-items: center; color: var(--primary); border-radius: 10px; background: var(--primary-light); font-size: 1.15rem; } .industry-tile span { font-weight: 750; } .industry-tile .tile-arrow { position: absolute; top: 18px; right: 18px; color: var(--text-light); font-size: .82rem; } .industry-tile:hover { color: var(--primary); transform: translateY(-4px); border-color: #bfdbfe; box-shadow: var(--shadow-md); } .company-tech-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; } .tech-tile { display: flex; align-items: center; gap: 14px; min-height: 78px; padding: 16px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--surface); transition: var(--transition); } .tech-tile > i { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; color: var(--primary); border-radius: 12px; background: var(--primary-light); font-size: 1.25rem; } .tech-tile strong, .tech-tile small { display: block; } .tech-tile strong { color: var(--secondary); font-size: .95rem; } .tech-tile small { margin-top: 3px; color: var(--text-light); font-size: .74rem; } .tech-tile:hover { transform: translateY(-3px); border-color: #bfdbfe; box-shadow: var(--shadow-sm); } .company-faq { display: grid; gap: 10px; } .company-faq details { overflow: hidden; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--surface); transition: var(--transition); } .company-faq details[open] { border-color: #bfdbfe; box-shadow: var(--shadow-sm); } .company-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 62px; padding: 16px 18px; color: var(--secondary); cursor: pointer; font-weight: 750; list-style: none; } .company-faq summary::-webkit-details-marker { display: none; } .company-faq summary i { color: var(--primary); transition: transform .3s ease; } .company-faq details[open] summary i { transform: rotate(45deg); } .faq-answer { padding: 0 18px 16px; } .faq-answer p { margin: 0; color: var(--company-muted); line-height: 1.7; } .faq-layout { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: clamp(36px, 6vw, 84px); align-items: start; } .faq-layout .company-section-header { margin-bottom: 16px; } .faq-help, .faq-help a { color: var(--company-muted); } .faq-help a { color: var(--primary); font-weight: 700; } .company-final-cta { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(64px, 8vw, 104px); color: #fff; text-align: center; background: var(--gradient-primary); } .company-final-cta::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .35; background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, transparent, #000); } .cta-content { position: relative; z-index: 1; max-width: 850px; } .cta-content > span { color: #7dd3fc; font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .cta-content h2 { margin: 12px auto 16px; color: #fff; font-size: clamp(2.15rem, 4.8vw, 4rem); line-height: 1.06; letter-spacing: -.04em; } .cta-content p { max-width: 680px; margin-inline: auto; color: #dbeafe; font-size: 1.08rem; line-height: 1.7; } .cta-content .company-actions { justify-content: center; } .cta-orb { position: absolute; z-index: -1; width: 300px; height: 300px; border-radius: 50%; filter: blur(4px); background: rgba(14,165,233,.18); } .orb-one { top: -150px; left: -80px; }.orb-two { right: -100px; bottom: -170px; background: rgba(20,184,166,.22); } .about-hero { position: relative; isolation: isolate; min-height: 700px; padding: clamp(68px, 7vw, 105px) 0 64px; background: linear-gradient(132deg,#fff 0%,#f6faff 55%,#ecfeff 100%); } .hero-grid-pattern { position: absolute; inset: 0; z-index: -1; opacity: .45; background-image: radial-gradient(#bfdbfe 1px,transparent 1px); background-size: 26px 26px; mask-image: linear-gradient(90deg,#000,transparent 70%); } .about-hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(32px,5vw,72px); align-items: center; } .about-hero-copy h1 { max-width: 760px; margin: 18px 0 20px; color: var(--secondary); font-size: clamp(3rem,6vw,5.35rem); line-height: .98; letter-spacing: -.055em; font-weight: 850; } .about-hero-copy h1 em { color: var(--primary); font-style: normal; } .hero-lead { max-width: 650px; color: var(--company-muted); font-size: clamp(1.08rem,2vw,1.28rem); line-height: 1.65; } .hero-trust-row { display: flex; flex-wrap: wrap; gap: 0; margin-top: 38px; } .hero-trust-row span { padding: 0 18px; color: var(--company-muted); font-size: .75rem; border-left: 1px solid var(--border-color); } .hero-trust-row span:first-child { padding-left: 0; border: 0; } .hero-trust-row strong { display: block; color: var(--secondary); font-size: 1.45rem; line-height: 1.1; } .about-hero-visual { position: relative; } .about-hero-visual svg { width: 100%; height: auto; filter: drop-shadow(0 25px 35px rgba(15,40,71,.08)); } .orbit-card { position: absolute; z-index: 2; display: flex; align-items: center; gap: 9px; padding: 10px 14px; color: var(--secondary); border: 1px solid rgba(191,219,254,.8); border-radius: var(--radius-full); background: rgba(255,255,255,.82); box-shadow: var(--shadow-sm); backdrop-filter: blur(12px); font-size: .78rem; font-weight: 750; animation: aboutFloat 4.5s ease-in-out infinite; } .orbit-card i { color: var(--primary); }.orbit-card-one { top: 12%; right: 1%; }.orbit-card-two { bottom: 12%; left: 0; animation-delay: -2.2s; } @keyframes aboutFloat { 50% { transform: translateY(-9px); } } .about-intro-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: clamp(40px,7vw,94px); align-items: center; } .about-photo-frame { position: relative; margin: 0; }.about-photo-frame > svg { width: 100%; border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); } .about-photo-frame figcaption { position: absolute; right: -20px; bottom: 22px; display: flex; padding: 14px 18px; flex-direction: column; border-radius: var(--radius-md); background: #fff; box-shadow: var(--shadow-md); } .about-photo-frame figcaption strong { color: var(--secondary); }.about-photo-frame figcaption span { color: var(--text-light); font-size: .72rem; } .photo-code-window { position: absolute; top: -22px; left: -22px; z-index: 2; width: 190px; padding: 14px; color: #dbeafe; border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-md); background: var(--secondary); box-shadow: var(--shadow-md); } .photo-code-window > div { display: flex; gap: 4px; }.photo-code-window > div span { width: 7px; height: 7px; border-radius: 50%; background: #60a5fa; }.photo-code-window p { margin: 8px 0 4px; color: #7dd3fc; font-size: .68rem; }.photo-code-window code { font-size: .7rem; } .about-intro blockquote { margin: 24px 0 0; padding: 16px 20px; color: var(--secondary); border-left: 3px solid var(--accent-teal); background: var(--surface-alt); font-weight: 650; } .about-main { background: var(--surface-alt); }.purpose-board { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; } .purpose-feature { position: relative; min-height: 250px; padding: 30px; overflow: hidden; color: #fff; border-radius: var(--radius-xl); } .purpose-feature.mission { background: var(--gradient-primary); }.purpose-feature.vision { background: linear-gradient(135deg,#0f766e,#14b8a6); } .purpose-feature > span { position: absolute; top: 14px; right: 20px; color: rgba(255,255,255,.18); font-size: 4rem; font-weight: 900; }.purpose-feature > i { font-size: 2rem; }.purpose-feature h3 { margin: 46px 0 10px; font-size: 1.55rem; }.purpose-feature p { max-width: 430px; color: rgba(255,255,255,.82); line-height: 1.7; } .value-mosaic { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }.value-mosaic article { display: flex; gap: 14px; padding: 20px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--surface); }.value-mosaic i { color: var(--primary); font-size: 1.3rem; }.value-mosaic h3 { margin-bottom: 7px; color: var(--secondary); font-size: 1rem; }.value-mosaic p { margin: 0; color: var(--company-muted); font-size: .84rem; line-height: 1.55; } .matters-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(36px,7vw,92px); align-items: start; }.matters-sticky { position: sticky; top: 110px; }.matters-cards { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }.matters-cards article { position: relative; min-height: 225px; padding: 25px; border: 1px solid var(--border-color); border-radius: var(--radius-lg); background: var(--surface); transition: var(--transition); }.matters-cards article:nth-child(2),.matters-cards article:nth-child(4){transform:translateY(26px)}.matters-cards article:hover { border-color: #bfdbfe; box-shadow: var(--shadow-md); }.matters-cards article > span { position: absolute; top: 18px; right: 20px; color: #cbd5e1; font-weight: 800; }.matters-cards article > i { display: grid; width: 46px; height: 46px; place-items: center; color: var(--primary); border-radius: 13px; background: var(--primary-light); font-size: 1.3rem; }.matters-cards h3 { margin: 24px 0 9px; color: var(--secondary); font-size: 1.16rem; }.matters-cards p { margin: 0; color: var(--company-muted); line-height: 1.65; } .approach-section { background: linear-gradient(180deg,#f8fafc,#eff6ff); }.approach-orbit { position: relative; width: min(100%,850px); min-height: 610px; margin-inline: auto; }.approach-orbit::before,.approach-orbit::after{content:"";position:absolute;inset:68px;border:1px dashed #93c5fd;border-radius:50%}.approach-orbit::after{inset:145px;border-color:#bfdbfe}.orbit-center { position: absolute; inset: 50%; z-index: 2; display: grid; width: 190px; height: 190px; place-items: center; align-content: center; transform: translate(-50%,-50%); color: #fff; border: 12px solid rgba(255,255,255,.7); border-radius: 50%; background: var(--gradient-primary); box-shadow: var(--shadow-lg); }.orbit-center i { font-size: 2rem; }.orbit-center strong,.orbit-center span { display:block }.orbit-center span { color:#bfdbfe;font-size:.68rem }.approach-orbit article { position:absolute;z-index:3;display:flex;width:160px;min-height:126px;padding:14px;flex-direction:column;align-items:center;text-align:center;border:1px solid #bfdbfe;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm) }.approach-orbit article span {position:absolute;top:8px;right:10px;color:#94a3b8;font-size:.7rem}.approach-orbit article i {display:grid;width:38px;height:38px;place-items:center;color:var(--primary);border-radius:50%;background:var(--primary-light)}.approach-orbit article strong{margin-top:8px;color:var(--secondary)}.approach-orbit article small{color:var(--text-light)}.approach-orbit article:nth-of-type(1){top:0;left:50%;transform:translateX(-50%)}.approach-orbit article:nth-of-type(2){top:22%;right:2%}.approach-orbit article:nth-of-type(3){bottom:5%;right:13%}.approach-orbit article:nth-of-type(4){bottom:5%;left:13%}.approach-orbit article:nth-of-type(5){top:22%;left:2%}.approach-orbit article:nth-of-type(6){bottom:-3%;left:50%;transform:translateX(-50%)} .benefits-section { background: var(--secondary); }.benefits-section .company-section-header h2,.benefits-section .company-section-header p{color:#fff}.benefits-section .company-section-header p{color:#bfdbfe}.benefit-staircase{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.benefit-staircase article{position:relative;min-height:270px;padding:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);background:rgba(255,255,255,.07);backdrop-filter:blur(12px);transition:var(--transition)}.benefit-staircase article:nth-child(2){margin-top:22px}.benefit-staircase article:nth-child(3){margin-top:44px}.benefit-staircase article:nth-child(4){margin-top:66px}.benefit-staircase article:hover{transform:translateY(-6px);background:rgba(255,255,255,.11)}.benefit-staircase i{font-size:1.8rem;color:#7dd3fc}.benefit-staircase h3{margin:70px 0 10px;color:#fff;font-size:1.15rem}.benefit-staircase p{color:#bfdbfe;line-height:1.65;font-size:.9rem}.benefit-index{position:absolute;top:16px;right:18px;color:rgba(255,255,255,.13);font-size:3rem;font-weight:900}.about-industries{background:#f8fafc}.about-tiles .industry-tile:nth-child(3n+2){background:#f0f9ff}.about-tiles .industry-tile:nth-child(4n){border-radius:32px 12px 32px 12px}.tech-split{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(36px,6vw,78px);align-items:center}.tech-note{display:flex;gap:12px;padding:16px;border-radius:var(--radius-md);background:var(--primary-light)}.tech-note i{color:var(--primary)}.tech-note span,.tech-note strong{display:block}.tech-note span{color:var(--company-muted);font-size:.8rem}.tech-note strong{color:var(--secondary);font-size:.9rem}.about-tech{grid-template-columns:repeat(2,1fr)}.about-success{background:linear-gradient(120deg,#eff6ff,#fff)}.success-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(44px,7vw,90px);align-items:center}.success-visual{position:relative;min-height:410px}.success-ring{position:absolute;inset:50%;display:grid;width:260px;height:260px;place-items:center;align-content:center;transform:translate(-50%,-50%);border:42px solid #dbeafe;border-right-color:var(--primary);border-bottom-color:var(--accent-teal);border-radius:50%;background:#fff;box-shadow:var(--shadow-lg)}.success-ring strong{color:var(--secondary);font-size:3.3rem;line-height:1}.success-ring small{color:var(--company-muted)}.success-stat{position:absolute;padding:15px 18px;border:1px solid #dbeafe;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-md)}.success-stat strong,.success-stat span{display:block}.success-stat strong{color:var(--primary);font-size:1.5rem}.success-stat span{color:var(--company-muted);font-size:.7rem}.stat-a{top:7%;right:0}.stat-b{left:0;bottom:5%}.success-checks{display:grid;gap:10px;padding:0;list-style:none}.success-checks li{display:flex;align-items:center;gap:10px;color:var(--secondary);font-weight:650}.success-checks i{display:grid;width:24px;height:24px;place-items:center;color:#fff;border-radius:50%;background:var(--accent-teal)} .story-hero{position:relative;isolation:isolate;padding:80px 0 72px;background:linear-gradient(145deg,#f8fbff 0%,#fff 55%,#ecfdf5 100%)}.story-hero-track{position:absolute;left:5%;right:5%;bottom:42px;z-index:-1;height:1px;background:#dbeafe}.story-hero-track span{position:absolute;top:-5px;width:11px;height:11px;border:2px solid #60a5fa;border-radius:50%;background:#fff}.story-hero-track span:nth-child(1){left:0}.story-hero-track span:nth-child(2){left:25%}.story-hero-track span:nth-child(3){left:50%}.story-hero-track span:nth-child(4){left:75%}.story-hero-track span:nth-child(5){right:0}.story-hero-grid{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(360px,.9fr);gap:clamp(22px,4vw,54px);align-items:center}.story-chapter{display:flex;min-height:310px;padding:20px 12px;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #dbeafe;color:var(--text-light);writing-mode:vertical-rl}.story-chapter strong{margin:18px 0;color:var(--primary);font-size:3.5rem;line-height:1;writing-mode:horizontal-tb}.story-chapter small,.story-chapter span{text-transform:uppercase;letter-spacing:.12em;font-weight:750;font-size:.65rem}.story-hero-copy h1{margin:18px 0 20px;color:var(--secondary);font-size:clamp(2.9rem,5.4vw,5.2rem);line-height:1;letter-spacing:-.055em;font-weight:850}.story-hero-copy h1 em{color:var(--accent-teal);font-style:normal}.story-hero-copy>p{max-width:700px;color:var(--company-muted);font-size:1.14rem;line-height:1.7}.story-hero-art{position:relative}.story-hero-art svg{width:100%}.story-floating-note{position:absolute;right:0;bottom:12%;display:flex;gap:10px;padding:12px 15px;border:1px solid rgba(191,219,254,.8);border-radius:var(--radius-md);background:rgba(255,255,255,.85);box-shadow:var(--shadow-md);backdrop-filter:blur(10px)}.story-floating-note i{color:var(--accent-teal)}.story-floating-note span,.story-floating-note strong{display:block}.story-floating-note span{color:var(--text-light);font-size:.68rem}.story-floating-note strong{color:var(--secondary);font-size:.8rem}.story-intro-layout{display:grid;grid-template-columns:.52fr 1fr .9fr;gap:clamp(28px,5vw,64px);align-items:start}.story-intro-marker{padding:24px;border-top:3px solid var(--primary);border-bottom:1px solid var(--border-color);color:var(--company-muted)}.story-intro-marker span,.story-intro-marker strong{display:block}.story-intro-marker strong{margin-top:8px;color:var(--secondary);font-size:1.4rem}.story-intro-copy p{color:var(--company-muted);line-height:1.8}.journey-section{background:var(--secondary)}.journey-section .company-section-header h2{color:#fff}.journey-section .company-section-header p{color:#bfdbfe}.story-timeline{position:relative;max-width:980px;margin-inline:auto}.story-timeline::before{content:"";position:absolute;top:0;bottom:0;left:170px;width:2px;background:linear-gradient(#60a5fa,#14b8a6)}.timeline-entry{display:grid;grid-template-columns:130px 80px 1fr;align-items:center;min-height:190px}.timeline-year{color:#7dd3fc;font-size:1.5rem;font-weight:850;text-align:right}.timeline-dot{position:relative;z-index:1;display:grid;width:48px;height:48px;margin:auto;place-items:center;color:#fff;border:8px solid var(--secondary);border-radius:50%;background:var(--primary)}.timeline-card{padding:22px 26px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);background:rgba(255,255,255,.06);transition:var(--transition)}.timeline-card:hover{transform:translateX(8px);background:rgba(255,255,255,.1)}.timeline-card>span{color:#7dd3fc;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.timeline-card h3{margin:8px 0;color:#fff}.timeline-card p{margin-bottom:10px;color:#bfdbfe;line-height:1.65}.timeline-card small{color:#5eead4}.lesson-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lesson-cards article{position:relative;min-height:285px;padding:24px;overflow:hidden;border:1px solid var(--border-color);border-radius:3px 3px 32px 3px;background:#fff;transition:var(--transition)}.lesson-cards article:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.lesson-number{color:#e2e8f0;font-size:3.2rem;font-weight:900}.lesson-cards i{color:var(--primary);font-size:1.4rem}.lesson-cards h3{margin:26px 0 10px;color:var(--secondary)}.lesson-cards p{color:var(--company-muted);line-height:1.65}.lesson-line{position:absolute;bottom:0;left:0;width:45%;height:4px;background:var(--accent-teal);transition:width .3s ease}.lesson-cards article:hover .lesson-line{width:100%}.story-approach{background:#f8fafc}.story-approach-heading{max-width:620px}.story-path{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative}.story-path::before{content:"";position:absolute;top:39px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,#1e40af,#0ea5e9,#14b8a6)}.story-path article{position:relative;text-align:center}.story-path article>span{position:relative;z-index:1;display:grid;width:78px;height:78px;margin:0 auto 18px;place-items:center;color:#fff;border:10px solid #f8fafc;border-radius:50%;background:var(--primary);font-weight:850}.story-path article:nth-child(n+4)>span{background:var(--accent-teal)}.story-path article div{padding:0 10px}.story-path i{color:var(--primary)}.story-path h3{margin:8px 0 5px;color:var(--secondary);font-size:1rem}.story-path p{color:var(--company-muted);font-size:.75rem;line-height:1.5}.story-benefit-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(38px,7vw,92px);align-items:center}.benefit-quote{position:relative;min-height:430px;padding:50px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;border-radius:4px 60px 4px 4px;background:linear-gradient(145deg,#1e40af,#0f2847);box-shadow:var(--shadow-lg)}.benefit-quote i{position:absolute;top:35px;left:40px;color:rgba(255,255,255,.18);font-size:5rem}.benefit-quote blockquote{margin:0 0 18px;font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.25;font-weight:750}.benefit-quote span{color:#7dd3fc}.story-benefit-list{display:grid;gap:12px}.story-benefit-list article{display:flex;gap:16px;padding:17px;border-bottom:1px solid var(--border-color)}.story-benefit-list article>i{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;color:var(--primary);border-radius:50%;background:var(--primary-light)}.story-benefit-list h3{margin:0 0 5px;color:var(--secondary);font-size:1rem}.story-benefit-list p{margin:0;color:var(--company-muted);font-size:.86rem;line-height:1.55}.story-industries{background:#ecfdf5}.story-tiles{grid-template-columns:repeat(10,1fr);gap:6px}.story-tiles .industry-tile{min-height:190px;padding:14px 8px;align-items:center;justify-content:center;gap:18px;text-align:center;border-radius:60px;background:rgba(255,255,255,.75)}.story-tiles .industry-tile:nth-child(even){margin-top:30px}.story-tiles .industry-tile .tile-arrow{display:none}.story-tiles .industry-tile>i:first-child{border-radius:50%;background:#d1fae5;color:#0f766e}.story-tiles .industry-tile span{font-size:.76rem;writing-mode:vertical-rl}.tech-history-heading{max-width:680px}.tech-era{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:var(--text-light);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.era-line{height:1px;flex:1;background:linear-gradient(90deg,#bfdbfe,#99f6e4)}.story-tech{grid-template-columns:repeat(8,1fr)}.story-tech .tech-tile{min-height:140px;flex-direction:column;justify-content:center;text-align:center}.story-tech .tech-tile>i{border-radius:50%}.story-success{background:linear-gradient(#f8fafc,#eff6ff)}.story-counter-ribbon{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #bfdbfe;border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-sm)}.story-counter-ribbon div{padding:28px;text-align:center;border-right:1px solid var(--border-color)}.story-counter-ribbon div:last-child{border:0}.story-counter-ribbon strong,.story-counter-ribbon span{display:block}.story-counter-ribbon strong{color:var(--primary);font-size:2.7rem}.story-counter-ribbon span{color:var(--company-muted);font-size:.78rem}.future-panel{max-width:850px;margin:42px auto 0;padding:32px 36px;text-align:center;border-radius:4px 30px;background:var(--secondary);box-shadow:var(--shadow-lg)}.future-panel>span{color:#5eead4;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.future-panel h3{margin:10px 0;color:#fff;font-size:clamp(1.5rem,3vw,2.25rem)}.future-panel p{color:#bfdbfe;line-height:1.65}.future-panel .text-link{color:#7dd3fc}.story-faq{max-width:900px;margin-inline:auto;grid-template-columns:repeat(2,1fr);align-items:start}.story-faq details{border-radius:4px 20px 4px 4px}.cta-story{background:linear-gradient(125deg,#0f2847 0%,#1e40af 55%,#0f766e 100%)} .why-hero{position:relative;isolation:isolate;padding:82px 0 78px;color:#fff;background:radial-gradient(circle at 20% 10%,#1e40af 0%,#10244b 42%,#091833 100%)}.why-hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px}.why-hero-glow{position:absolute;width:420px;height:420px;right:8%;top:4%;border-radius:50%;background:rgba(14,165,233,.12);filter:blur(70px)}.why-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(38px,7vw,96px);align-items:center}.why-hero .company-eyebrow{color:#7dd3fc}.why-hero-copy h1{margin:18px 0;color:#fff;font-size:clamp(3rem,5.8vw,5.4rem);line-height:.98;letter-spacing:-.055em;font-weight:850}.why-hero-copy h1 em{color:#5eead4;font-style:normal}.why-hero-copy>p{max-width:680px;color:#cbd5e1;font-size:1.14rem;line-height:1.7}.why-proof-line{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#bfdbfe;font-size:.76rem}.why-proof-line i{margin-right:5px;color:#5eead4}.why-command-center{padding:24px;border:1px solid rgba(125,211,252,.25);border-radius:var(--radius-xl);background:rgba(255,255,255,.075);box-shadow:0 28px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.command-top{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.command-top span{color:#94a3b8}.command-top span i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#5eead4;box-shadow:0 0 0 5px rgba(94,234,212,.1)}.command-top strong{color:#5eead4}.command-score{position:relative;display:grid;height:165px;place-items:center}.command-score svg{position:absolute;width:210px;overflow:visible}.command-score path{fill:none;stroke:rgba(255,255,255,.1);stroke-width:12;stroke-linecap:round}.command-score .score-path{stroke:#5eead4;stroke-dasharray:98 100}.command-score>div{text-align:center;margin-top:30px}.command-score strong,.command-score span{display:block}.command-score strong{font-size:2.7rem}.command-score span{color:#94a3b8;font-size:.72rem}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.command-grid>span{padding:14px 8px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04)}.command-grid i,.command-grid strong,.command-grid small{display:block}.command-grid i{color:#7dd3fc}.command-grid strong{margin-top:5px;font-size:.8rem}.command-grid small{color:#94a3b8;font-size:.62rem}.command-pulse{margin-top:14px;padding:10px;text-align:center;color:#94a3b8;border-radius:8px;background:rgba(0,0,0,.15);font-size:.68rem}.command-pulse span{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#5eead4}.why-intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(38px,7vw,88px);align-items:center}.why-intro-visual svg{width:100%;filter:drop-shadow(0 18px 28px rgba(15,40,71,.1))}.why-main{background:#f8fafc}.advantage-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.advantage-matrix article{position:relative;min-height:260px;padding:24px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;transition:var(--transition)}.advantage-matrix article:hover{transform:translateY(-5px);border-color:#93c5fd;box-shadow:var(--shadow-md)}.advantage-matrix article>span{position:absolute;top:16px;right:18px;color:#cbd5e1;font-size:1.3rem;font-weight:850}.advantage-icon{display:grid;width:48px;height:48px;place-items:center;color:#fff;border-radius:14px;background:var(--gradient-primary);font-size:1.3rem}.advantage-matrix h3{margin:28px 0 9px;color:var(--secondary)}.advantage-matrix p{color:var(--company-muted);line-height:1.65}.advantage-matrix small{color:var(--primary);font-weight:750}.comparison-panel{max-width:920px;margin:30px auto 0;overflow:hidden;border:1px solid #bfdbfe;border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-md)}.comparison-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 24px;color:var(--company-muted);background:#eff6ff}.comparison-heading strong{text-align:right;color:var(--primary)}.comparison-heading i{color:var(--accent-teal)}.comparison-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border-color)}.comparison-row>span,.comparison-row>strong{padding:15px 22px}.comparison-row>span{color:var(--company-muted)}.comparison-row>strong{color:var(--secondary);border-left:1px solid var(--border-color)}.comparison-row i{margin-right:8px}.comparison-row>span i{color:#ef4444}.comparison-row>strong i{color:var(--accent-teal)}.why-page-matters{background:#fff}.matter-promise{display:flex;gap:12px;padding:17px;color:#fff;border-radius:var(--radius-md);background:var(--secondary)}.matter-promise i{color:#5eead4}.matter-promise span,.matter-promise strong{display:block}.matter-promise span{color:#bfdbfe;font-size:.78rem}.matter-promise strong{color:#fff;font-size:.9rem}.why-approach{background:linear-gradient(135deg,#0f2847,#10244b);color:#fff}.why-approach .company-section-header h2{color:#fff}.why-approach .company-section-header p{color:#bfdbfe}.control-flow{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);background:rgba(255,255,255,.05)}.control-rail,.quality-rail{display:flex;align-items:center;justify-content:center;gap:22px;color:#7dd3fc;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.control-rail{margin-bottom:20px}.control-steps{display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden;border-radius:var(--radius-lg);background:#fff}.control-steps article{position:relative;min-height:165px;padding:22px 12px;text-align:center;border-right:1px solid var(--border-color)}.control-steps article:last-child{border:0}.control-steps article>span{position:absolute;top:8px;right:10px;color:#cbd5e1;font-weight:850}.control-steps i,.control-steps strong,.control-steps small{display:block}.control-steps i{color:var(--primary);font-size:1.4rem}.control-steps strong{margin-top:28px;color:var(--secondary)}.control-steps small{margin-top:5px;color:var(--text-light)}.quality-rail{margin-top:20px;justify-content:space-around;color:#bfdbfe}.quality-rail i{margin-right:7px;color:#5eead4}.why-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.why-benefit-grid article{padding:24px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-xs);transition:var(--transition)}.why-benefit-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.why-benefit-grid article>div{display:flex;justify-content:space-between}.why-benefit-grid article>div i{display:grid;width:44px;height:44px;place-items:center;color:#fff;border-radius:12px;background:var(--primary)}.why-benefit-grid article>div span{color:#e2e8f0;font-size:2rem;font-weight:850}.why-benefit-grid h3{margin:36px 0 10px;color:var(--secondary)}.why-benefit-grid p{min-height:84px;color:var(--company-muted);line-height:1.6;font-size:.88rem}.why-benefit-grid a{color:var(--primary);font-size:.75rem;font-weight:750}.why-industries{background:#f8fafc}.why-tiles .industry-tile{min-height:104px;border-left:4px solid var(--primary)}.why-tiles .industry-tile:nth-child(even){border-left-color:var(--accent-teal)}.why-tech-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(36px,6vw,82px);align-items:center}.tech-criteria{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0;list-style:none}.tech-criteria li{color:var(--secondary);font-size:.8rem;font-weight:700}.tech-criteria i{margin-right:7px;color:var(--accent-teal)}.why-tech{grid-template-columns:repeat(2,1fr)}.why-tech .tech-tile{border-radius:4px 22px 4px 4px}.why-success{background:#eaf3ff}.success-dashboard{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:var(--radius-xl);background:var(--secondary);box-shadow:var(--shadow-xl)}.dashboard-story{padding:clamp(30px,5vw,62px)}.dashboard-story>span{color:#5eead4;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dashboard-story h2{margin:14px 0;color:#fff;font-size:clamp(2rem,4vw,3.3rem);line-height:1.1}.dashboard-story>p{color:#bfdbfe;line-height:1.7}.dashboard-outcome{display:flex;gap:12px;margin-top:28px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:rgba(255,255,255,.06)}.dashboard-outcome i{color:#5eead4}.dashboard-outcome span,.dashboard-outcome strong{display:block}.dashboard-outcome span{color:#bfdbfe;font-size:.76rem}.dashboard-outcome strong{color:#fff}.dashboard-metrics{display:grid;grid-template-columns:repeat(2,1fr);background:rgba(255,255,255,.06)}.dashboard-metrics div{display:flex;padding:22px;flex-direction:column;justify-content:center;text-align:center;border-left:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-metrics strong{color:#7dd3fc;font-size:2.7rem}.dashboard-metrics span{color:#bfdbfe;font-size:.74rem}.faq-badge{display:flex;gap:12px;padding:16px;border-radius:var(--radius-md);background:var(--primary-light)}.faq-badge i{color:var(--primary)}.faq-badge span,.faq-badge strong,.faq-badge a{display:block}.faq-badge span{font-size:.8rem}.faq-badge strong{color:var(--secondary)}.faq-badge a{margin-top:3px;color:var(--primary);font-weight:700}.why-faq details[open]{border-left:4px solid var(--accent-teal)}.cta-why{background:linear-gradient(135deg,#1e40af,#0f2847 60%,#0f766e)} .leadership-hero{padding:clamp(72px,8vw,112px) 0;background:linear-gradient(125deg,#fff 0%,#eff6ff 58%,#ecfeff 100%)}.leadership-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,92px);align-items:center}.leadership-hero h1{margin:18px 0;color:var(--secondary);font-size:clamp(3rem,6vw,5.35rem);line-height:.98;letter-spacing:-.055em;font-weight:850}.leadership-hero h1 em{color:var(--primary);font-style:normal}.leadership-hero p{max-width:670px;color:var(--company-muted);font-size:1.14rem;line-height:1.7}.leadership-constellation{position:relative;min-height:520px;border:1px solid #dbeafe;border-radius:50%;background:radial-gradient(circle,#fff 0 25%,rgba(255,255,255,.55) 26% 48%,rgba(219,234,254,.28) 49% 64%,transparent 65%);box-shadow:inset 0 0 80px rgba(30,64,175,.05)}.leadership-constellation::before,.leadership-constellation::after{content:"";position:absolute;inset:20%;border:1px dashed #93c5fd;border-radius:50%}.leadership-constellation::after{inset:7%;border-color:#dbeafe}.leader-core{position:absolute;inset:50%;z-index:2;display:grid;width:160px;height:160px;place-items:center;align-content:center;transform:translate(-50%,-50%);color:#fff;border:10px solid rgba(255,255,255,.8);border-radius:50%;background:var(--gradient-primary);box-shadow:var(--shadow-lg)}.leader-core i{font-size:2rem}.leader-core strong{font-size:.8rem}.leader-node{position:absolute;z-index:3;display:grid;width:104px;height:104px;place-items:center;align-content:center;color:var(--secondary);border:1px solid #bfdbfe;border-radius:50%;background:#fff;box-shadow:var(--shadow-md)}.leader-node i{color:var(--primary);font-size:1.3rem}.leader-node span{margin-top:6px;font-size:.66rem;font-weight:800}.leader-node:nth-of-type(2){top:2%;left:50%;transform:translateX(-50%)}.leader-node:nth-of-type(3){top:25%;right:1%}.leader-node:nth-of-type(4){right:15%;bottom:3%}.leader-node:nth-of-type(5){left:15%;bottom:3%}.leader-node:nth-of-type(6){top:25%;left:1%}.leadership-manifesto{display:grid;grid-template-columns:.35fr 1fr .75fr;gap:clamp(30px,5vw,66px);align-items:center}.manifesto-number{color:#dbeafe;font-size:8rem;font-weight:900;line-height:1}.manifesto-principles{display:grid;gap:12px}.manifesto-principles span{display:flex;gap:10px;padding:15px;color:var(--secondary);border-left:3px solid var(--accent-teal);background:var(--surface-alt);font-weight:700}.manifesto-principles i{color:var(--primary)}.leadership-council{background:var(--surface-alt)}.leadership-profiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.leadership-profiles article{grid-column:span 2;min-height:350px;padding:25px;border:1px solid var(--border-color);border-radius:var(--radius-xl);background:#fff;transition:var(--transition)}.leadership-profiles article:nth-child(4){grid-column:2/span 2}.leadership-profiles article:nth-child(5){grid-column:4/span 2}.leadership-profiles article:hover{transform:translateY(-6px);border-color:#93c5fd;box-shadow:var(--shadow-md)}.profile-sigil{display:flex;align-items:center;justify-content:space-between}.profile-sigil i{display:grid;width:50px;height:50px;place-items:center;color:#fff;border-radius:15px;background:var(--gradient-primary);font-size:1.3rem}.profile-sigil span{color:#e2e8f0;font-size:2.5rem;font-weight:900}.leadership-profiles article>small{display:block;margin-top:28px;color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.09em}.leadership-profiles h2{margin:7px 0;color:var(--secondary);font-size:1.35rem}.leadership-profiles p{color:var(--company-muted);line-height:1.6;font-size:.88rem}.leadership-profiles ul{display:grid;gap:5px;padding:0;list-style:none;color:var(--secondary);font-size:.76rem}.leadership-profiles li i{margin-right:6px;color:var(--accent-teal)}.leadership-matters{background:var(--secondary)}.leadership-matters-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(38px,7vw,88px);align-items:center}.leadership-statement>span{color:#5eead4;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.leadership-statement blockquote{margin:16px 0;color:#fff;font-size:clamp(1.8rem,3.6vw,3.1rem);line-height:1.18;font-weight:750}.leadership-value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.leadership-value-grid article{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);background:rgba(255,255,255,.06)}.leadership-value-grid i{color:#7dd3fc;font-size:1.4rem}.leadership-value-grid h3{margin:22px 0 7px;color:#fff}.leadership-value-grid p{margin:0;color:#bfdbfe;line-height:1.6;font-size:.82rem}.leadership-model{background:linear-gradient(#f8fafc,#eff6ff)}.decision-compass{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin-inline:auto}.compass-center{grid-column:2;grid-row:1/span 2;display:grid;min-height:280px;place-items:center;align-content:center;color:#fff;border:18px solid rgba(255,255,255,.75);border-radius:50%;background:var(--gradient-primary);box-shadow:var(--shadow-lg)}.compass-center i{font-size:2.4rem}.decision-compass article{position:relative;padding:20px;text-align:center;border:1px solid #bfdbfe;border-radius:var(--radius-lg);background:#fff}.decision-compass article>span{position:absolute;top:10px;right:12px;color:#cbd5e1;font-weight:850}.decision-compass article i,.decision-compass article strong,.decision-compass article small{display:block}.decision-compass article i{color:var(--primary);font-size:1.3rem}.decision-compass article strong{margin-top:16px;color:var(--secondary)}.decision-compass article small{color:var(--text-light)}.decision-compass article:nth-of-type(1),.decision-compass article:nth-of-type(2){grid-column:1}.decision-compass article:nth-of-type(1){grid-row:1}.decision-compass article:nth-of-type(2){grid-row:2}.decision-compass article:nth-of-type(3),.decision-compass article:nth-of-type(4){grid-column:3}.decision-compass article:nth-of-type(3){grid-row:1}.decision-compass article:nth-of-type(4){grid-row:2}.decision-compass article:nth-of-type(5){grid-column:1/span 1}.decision-compass article:nth-of-type(6){grid-column:3/span 1}.leadership-benefits{background:#fff}.leadership-benefit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.leadership-benefit-row article{position:relative;padding:28px;border-right:1px solid var(--border-color)}.leadership-benefit-row article:last-child{border:0}.leadership-benefit-row i{color:var(--primary);font-size:1.5rem}.leadership-benefit-row>article>span{position:absolute;top:24px;right:24px;color:#e2e8f0;font-size:1.5rem;font-weight:900}.leadership-benefit-row h3{margin:45px 0 8px;color:var(--secondary)}.leadership-benefit-row p{color:var(--company-muted);line-height:1.6}.leadership-industries{background:#f8fafc}.leadership-tiles .industry-tile{border-radius:4px 24px 4px 24px}.leadership-tech-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(38px,6vw,80px);align-items:center}.leadership-tech-tiles{grid-template-columns:repeat(2,1fr)}.leadership-tech-note{display:flex;gap:10px;padding:16px;color:var(--company-muted);border-radius:var(--radius-md);background:var(--primary-light)}.leadership-tech-note i{color:var(--primary)}.leadership-success{background:#eaf3ff}.leadership-case{display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden;border-radius:var(--radius-xl);background:var(--secondary);box-shadow:var(--shadow-xl)}.leadership-case>div{padding:clamp(30px,5vw,58px)}.leadership-case>div:first-child>span{color:#5eead4;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.leadership-case h2{margin:12px 0;color:#fff;font-size:clamp(1.8rem,3.5vw,3rem)}.leadership-case p{color:#bfdbfe;line-height:1.7}.leadership-case-results{display:grid;align-content:center;gap:18px;background:rgba(255,255,255,.06)}.leadership-case-results span{color:#bfdbfe}.leadership-case-results strong{display:block;color:#7dd3fc;font-size:2.2rem}.cta-leadership{background:linear-gradient(135deg,#0f2847,#1e40af 65%,#0f766e)} .process-hero{position:relative;isolation:isolate;padding:clamp(70px,8vw,110px) 0;color:#fff;background:linear-gradient(130deg,#07162d,#10244b 55%,#0b3450)}.process-grid-bg{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(96,165,250,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.08) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,#000,transparent)}.process-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,7vw,92px);align-items:center}.process-hero .company-eyebrow{color:#7dd3fc}.process-hero h1{margin:18px 0;color:#fff;font-size:clamp(3rem,5.7vw,5.2rem);line-height:.99;letter-spacing:-.055em;font-weight:850}.process-hero h1 em{color:#5eead4;font-style:normal}.process-hero p{max-width:680px;color:#cbd5e1;font-size:1.12rem;line-height:1.7}.process-console{padding:22px;border:1px solid rgba(125,211,252,.2);border-radius:var(--radius-xl);background:rgba(255,255,255,.06);box-shadow:0 30px 60px rgba(0,0,0,.25);backdrop-filter:blur(15px)}.console-head{display:flex;justify-content:space-between;padding-bottom:15px;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.1);font-size:.7rem;letter-spacing:.1em}.console-head strong{color:#5eead4}.console-phase{display:grid;grid-template-columns:28px 90px 1fr 64px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.73rem}.console-phase>i{color:#7dd3fc}.console-phase>span{color:#dbeafe;font-weight:700}.console-phase>div{height:5px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.1)}.console-phase b{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#60a5fa,#5eead4)}.console-phase small{text-align:right;color:#94a3b8}.console-footer{padding-top:15px;text-align:center;color:#94a3b8;font-size:.68rem}.console-footer i{margin-right:6px;color:#5eead4}.process-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,88px);align-items:center}.process-equation{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:30px;border:1px solid #dbeafe;border-radius:var(--radius-xl);background:#f8fafc;box-shadow:var(--shadow-sm)}.process-equation span,.process-equation strong{display:grid;min-height:78px;place-items:center;border-radius:var(--radius-md);background:#fff;color:var(--secondary);font-weight:800}.process-equation strong{grid-column:1/-1;color:#fff;background:var(--gradient-primary)}.process-equation i{color:var(--accent-teal)}.process-map-section{background:#f8fafc}.process-river{position:relative;max-width:1040px;margin-inline:auto}.process-river::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);background:linear-gradient(#1e40af,#0ea5e9,#14b8a6)}.process-river article{display:grid;grid-template-columns:1fr 100px 1fr;min-height:360px;align-items:center}.process-river article:nth-child(even) .phase-card{grid-column:3}.process-river article:nth-child(even) .phase-marker{grid-column:2;grid-row:1}.phase-marker{grid-column:2;z-index:2;display:grid;width:76px;height:76px;margin:auto;place-items:center;align-content:center;color:#fff;border:10px solid #f8fafc;border-radius:50%;background:var(--primary);box-shadow:var(--shadow-sm)}.phase-marker span{font-size:.65rem}.phase-card{grid-column:1;padding:25px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.phase-card>small{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.phase-card h2{margin:7px 0;color:var(--secondary)}.phase-card>p{color:var(--company-muted);line-height:1.6}.phase-outputs{display:flex;flex-wrap:wrap;gap:6px}.phase-outputs strong{width:100%;color:var(--secondary);font-size:.72rem}.phase-outputs span{padding:5px 8px;color:var(--company-muted);border-radius:var(--radius-full);background:var(--surface-alt);font-size:.68rem}.phase-outputs i{color:var(--accent-teal)}.phase-client{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-color)}.phase-client>i{color:var(--primary)}.phase-client span,.phase-client strong{display:block}.phase-client span{color:var(--company-muted);font-size:.7rem}.phase-client strong{color:var(--secondary)}.process-risk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-risk-grid article{position:relative;padding:24px;border-top:4px solid var(--primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.process-risk-grid article>span{position:absolute;top:17px;right:18px;color:var(--text-light);font-size:.68rem;font-weight:800;text-transform:uppercase}.process-risk-grid article>i{color:var(--primary);font-size:1.5rem}.process-risk-grid h3{margin:38px 0 8px;color:var(--secondary)}.process-risk-grid p{color:var(--company-muted);line-height:1.6;font-size:.85rem}.process-controls{background:var(--secondary)}.process-controls .company-section-header h2{color:#fff}.process-controls .company-section-header p{color:#bfdbfe}.control-board{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-xl);background:rgba(255,255,255,.05)}.control-board-phases{display:grid;grid-template-columns:180px repeat(6,1fr);padding:14px;color:#7dd3fc;border-bottom:1px solid rgba(255,255,255,.1);font-size:.64rem;font-weight:800;text-align:center;text-transform:uppercase}.control-board-phases::before{content:"CONTROLS";text-align:left}.control-lane{display:grid;grid-template-columns:180px 1fr 190px;gap:12px;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.control-lane:last-child{border:0}.control-lane>strong{color:#fff;font-size:.76rem}.control-lane>strong i{margin-right:7px;color:#7dd3fc}.control-lane>div{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.control-lane>div span{height:7px;border-radius:10px;background:rgba(255,255,255,.08)}.control-lane>div span.active{background:linear-gradient(90deg,#60a5fa,#5eead4)}.control-lane small{color:#94a3b8;font-size:.64rem}.process-benefit-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(38px,7vw,90px)}.process-benefit-list{display:grid;gap:8px}.process-benefit-list article{display:grid;grid-template-columns:48px 1fr 44px;gap:16px;align-items:center;padding:18px;border-bottom:1px solid var(--border-color);transition:var(--transition)}.process-benefit-list article:hover{padding-left:24px;background:var(--surface-alt)}.process-benefit-list article>span{color:#cbd5e1;font-size:1.4rem;font-weight:900}.process-benefit-list h3{margin:0 0 4px;color:var(--secondary)}.process-benefit-list p{margin:0;color:var(--company-muted);font-size:.8rem}.process-benefit-list article>i{color:var(--primary);font-size:1.4rem}.process-industries{background:#f8fafc}.process-tiles .industry-tile{border-top:3px solid var(--accent-teal)}.process-tooling-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(38px,6vw,80px);align-items:center}.process-tech{grid-template-columns:repeat(2,1fr)}.process-success{background:#eaf3ff}.process-case{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-lg)}.process-case>div:first-child{padding:clamp(30px,5vw,56px)}.process-case>div:first-child>span{color:var(--primary);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.process-case h2{margin:12px 0;color:var(--secondary);font-size:clamp(1.8rem,3.4vw,2.8rem)}.process-case p{color:var(--company-muted);line-height:1.7}.process-case-metrics{display:grid;padding:28px;align-content:center;gap:12px;background:var(--gradient-primary)}.process-case-metrics div{padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md)}.process-case-metrics strong,.process-case-metrics span{display:block}.process-case-metrics strong{color:#fff;font-size:2rem}.process-case-metrics span{color:#bfdbfe;font-size:.7rem}.cta-process{background:linear-gradient(135deg,#07162d,#1e40af 60%,#0f766e)} .stack-hero{position:relative;isolation:isolate;padding:clamp(72px,8vw,112px) 0;background:linear-gradient(130deg,#fff,#eff6ff 65%,#ecfeff)}.stack-matrix-bg{position:absolute;inset:0;z-index:-1;opacity:.42;background-image:radial-gradient(#93c5fd 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000)}.stack-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,7vw,92px);align-items:center}.stack-hero h1{margin:18px 0;color:var(--secondary);font-size:clamp(3rem,5.7vw,5.2rem);line-height:.98;letter-spacing:-.055em;font-weight:850}.stack-hero h1 em{color:var(--primary);font-style:normal}.stack-hero p{max-width:680px;color:var(--company-muted);font-size:1.13rem;line-height:1.7}.stack-terminal{overflow:hidden;border:1px solid #29415f;border-radius:var(--radius-lg);background:#07162d;box-shadow:var(--shadow-xl)}.terminal-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid #203650;background:#10233b}.terminal-bar i{width:8px;height:8px;border-radius:50%;background:#60a5fa}.terminal-bar i:nth-child(2){background:#14b8a6}.terminal-bar i:nth-child(3){background:#f59e0b}.terminal-bar span{margin-left:8px;color:#94a3b8;font-size:.7rem}.stack-terminal code{display:block;padding:28px;color:#cbd5e1;font-size:clamp(.78rem,1.3vw,1rem);line-height:2}.stack-terminal code>span{color:#7dd3fc}.stack-terminal code b{color:#5eead4;font-weight:600}.terminal-status{padding:13px 18px;color:#94a3b8;border-top:1px solid #203650;background:#0b1b31;font-size:.72rem}.terminal-status i{margin-right:7px;color:#5eead4}.stack-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,90px);align-items:center}.stack-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stack-principles span{display:flex;min-height:100px;padding:18px;flex-direction:column;justify-content:center;color:var(--secondary);border:1px solid #dbeafe;border-radius:var(--radius-lg);background:#f8fafc;font-weight:800}.stack-principles strong{color:var(--primary);font-size:.72rem}.stack-atlas{background:#07162d}.stack-atlas .company-section-header h2{color:#fff}.stack-atlas .company-section-header p{color:#bfdbfe}.stack-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stack-category-grid article{min-height:330px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:rgba(255,255,255,.05);transition:var(--transition)}.stack-category-grid article:hover{transform:translateY(-5px);border-color:rgba(125,211,252,.4);background:rgba(255,255,255,.08)}.stack-category-head{display:flex;gap:13px;align-items:center}.stack-category-head>i{display:grid;width:46px;height:46px;place-items:center;color:#7dd3fc;border-radius:13px;background:rgba(96,165,250,.12);font-size:1.3rem}.stack-category-head small{color:#5eead4;font-size:.63rem;text-transform:uppercase;letter-spacing:.1em}.stack-category-head h2{margin:3px 0;color:#fff;font-size:1.15rem}.stack-category-grid article>p{min-height:68px;margin:20px 0;color:#94a3b8;line-height:1.6;font-size:.8rem}.stack-pills{display:flex;flex-wrap:wrap;gap:6px}.stack-pills span{padding:6px 9px;color:#bfdbfe;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);background:rgba(255,255,255,.04);font-size:.67rem}.stack-matters-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,90px);align-items:center}.stack-matters-card{padding:clamp(30px,4vw,48px);color:#fff;border-radius:4px 48px 4px 4px;background:var(--gradient-primary);box-shadow:var(--shadow-lg)}.stack-matters-card>span{color:#7dd3fc;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.stack-matters-card h2{margin:14px 0;color:#fff;font-size:clamp(1.8rem,3.5vw,3rem)}.stack-matters-card p{color:#bfdbfe;line-height:1.7}.stack-matter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stack-matter-list article{display:flex;gap:12px;padding:19px;border:1px solid var(--border-color);border-radius:var(--radius-md)}.stack-matter-list i{color:var(--primary);font-size:1.2rem}.stack-matter-list h3{margin:0 0 5px;color:var(--secondary);font-size:1rem}.stack-matter-list p{margin:0;color:var(--company-muted);line-height:1.55;font-size:.78rem}.stack-approach{background:#f8fafc}.stack-filter-flow{display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden;border:1px solid #dbeafe;border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-sm)}.stack-filter-flow article{position:relative;min-height:190px;padding:22px 12px;text-align:center;border-right:1px solid var(--border-color)}.stack-filter-flow article:last-child{border:0}.stack-filter-flow article>span{position:absolute;top:10px;right:12px;color:#cbd5e1;font-weight:900}.stack-filter-flow i,.stack-filter-flow strong,.stack-filter-flow small{display:block}.stack-filter-flow i{margin-top:18px;color:var(--primary);font-size:1.5rem}.stack-filter-flow strong{margin-top:32px;color:var(--secondary)}.stack-filter-flow small{color:var(--text-light)}.stack-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stack-benefit-grid article{padding:24px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;transition:var(--transition)}.stack-benefit-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.stack-benefit-grid i{color:var(--primary);font-size:1.6rem}.stack-benefit-grid h3{margin:48px 0 9px;color:var(--secondary)}.stack-benefit-grid p{color:var(--company-muted);line-height:1.6;font-size:.84rem}.stack-benefit-grid span{color:var(--accent-teal);font-size:.7rem;font-weight:800;text-transform:uppercase}.stack-industries{background:#f8fafc}.stack-tiles .industry-tile{background:linear-gradient(145deg,#fff,#f0f9ff)}.stack-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,7vw,90px);align-items:center}.stack-lab ul{display:grid;gap:10px;padding:0;list-style:none;color:var(--company-muted)}.stack-lab li i{margin-right:8px;color:var(--accent-teal)}.ai-orbit{position:relative;min-height:430px;border:1px dashed #93c5fd;border-radius:50%;background:radial-gradient(circle,#eff6ff 0 28%,transparent 29%)}.ai-orbit>div{position:absolute;inset:50%;display:grid;width:150px;height:150px;place-items:center;align-content:center;transform:translate(-50%,-50%);color:#fff;border-radius:50%;background:var(--gradient-primary);box-shadow:var(--shadow-lg)}.ai-orbit>div i{font-size:1.8rem}.ai-orbit>span{position:absolute;padding:10px 14px;color:var(--secondary);border:1px solid #bfdbfe;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);font-size:.75rem;font-weight:800}.ai-orbit>span:nth-of-type(1){top:8%;left:50%;transform:translateX(-50%)}.ai-orbit>span:nth-of-type(2){top:48%;right:-2%}.ai-orbit>span:nth-of-type(3){bottom:8%;left:50%;transform:translateX(-50%)}.ai-orbit>span:nth-of-type(4){top:48%;left:-2%}.stack-success{background:#eaf3ff}.stack-case{display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-lg)}.stack-case>div{padding:clamp(30px,5vw,56px)}.stack-case>div:first-child>span{color:var(--primary);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.stack-case h2{margin:12px 0;color:var(--secondary);font-size:clamp(1.8rem,3.4vw,2.8rem)}.stack-case p{color:var(--company-muted);line-height:1.7}.stack-case>div:last-child{display:grid;grid-template-columns:auto 1fr;align-content:center;gap:8px 16px;background:var(--secondary)}.stack-case>div:last-child strong{color:#7dd3fc;font-size:2.2rem}.stack-case>div:last-child span{color:#bfdbfe;font-size:.75rem}.cta-stack{background:linear-gradient(135deg,#07162d,#1e40af 60%,#0f766e)} .careers-hero{position:relative;isolation:isolate;padding:clamp(72px,8vw,112px) 0;background:linear-gradient(125deg,#fff,#eff6ff 62%,#ecfdf5)}.career-shape{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px)}.shape-a{width:280px;height:280px;top:-140px;right:8%;background:rgba(14,165,233,.12)}.shape-b{width:200px;height:200px;bottom:-90px;left:5%;background:rgba(20,184,166,.1)}.careers-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(42px,7vw,94px);align-items:center}.careers-hero h1{margin:18px 0;color:var(--secondary);font-size:clamp(3rem,5.8vw,5.3rem);line-height:.98;letter-spacing:-.055em;font-weight:850}.careers-hero h1 em{color:var(--primary);font-style:normal}.careers-hero p{max-width:680px;color:var(--company-muted);font-size:1.14rem;line-height:1.7}.careers-note{display:block;margin-top:16px;color:var(--company-muted)}.careers-note i{color:var(--primary)}.career-board{position:relative;min-height:500px;overflow:hidden;border:1px solid #bfdbfe;border-radius:36px 8px 36px 8px;background:linear-gradient(145deg,#1e40af,#0f2847);box-shadow:var(--shadow-xl)}.career-board::before{content:"";position:absolute;inset:0;opacity:.25;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:24px 24px}.career-board-head{position:relative;z-index:1;display:flex;justify-content:space-between;padding:20px;color:#7dd3fc;font-size:.7rem;font-weight:800;letter-spacing:.1em}.career-person{position:absolute;inset:50%;display:grid;width:190px;height:190px;place-items:center;transform:translate(-50%,-58%);color:#fff;border:16px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.08)}.career-person i{font-size:5rem}.career-skill{position:absolute;padding:10px 15px;color:var(--secondary);border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-md);font-size:.75rem;font-weight:800}.skill-one{top:18%;left:10%}.skill-two{top:22%;right:8%}.skill-three{bottom:25%;left:9%}.skill-four{right:10%;bottom:22%}.career-board-footer{position:absolute;right:20px;bottom:20px;left:20px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}.career-board-footer strong,.career-board-footer span{display:block}.career-board-footer strong{color:#fff}.career-board-footer span{color:#94a3b8;font-size:.68rem}.career-letter{display:grid;grid-template-columns:.25fr 1fr;gap:clamp(30px,5vw,68px);max-width:1000px}.letter-mark{color:#dbeafe;font-size:7rem}.letter-signoff{color:var(--primary);font-weight:750}.career-culture{background:#f8fafc}.culture-prism{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.culture-prism article{position:relative;min-height:310px;padding:25px;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;transition:var(--transition)}.culture-prism article:nth-child(even){margin-top:28px}.culture-prism article:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.culture-prism article>span{position:absolute;top:14px;right:18px;color:#e2e8f0;font-size:2rem;font-weight:900}.culture-prism i{display:grid;width:48px;height:48px;place-items:center;color:#fff;border-radius:15px;background:var(--gradient-primary);font-size:1.3rem}.culture-prism h2{margin:70px 0 10px;color:var(--secondary);font-size:1.25rem}.culture-prism p{color:var(--company-muted);line-height:1.65}.career-matters{background:var(--secondary)}.career-matters .company-section-header h2{color:#fff}.career-matters .company-section-header p{color:#bfdbfe}.career-matters-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,7vw,90px);align-items:center}.career-matter-stats{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-xl)}.career-matter-stats div{padding:28px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.career-matter-stats div:last-child{border:0}.career-matter-stats strong,.career-matter-stats span{display:block}.career-matter-stats strong{color:#7dd3fc;font-size:2.6rem}.career-matter-stats span{color:#bfdbfe;font-size:.7rem}.hiring-process{background:linear-gradient(#f8fafc,#eff6ff)}.hiring-track{display:grid;grid-template-columns:repeat(5,1fr);position:relative}.hiring-track::before{content:"";position:absolute;top:42px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#1e40af,#14b8a6)}.hiring-track article{position:relative;text-align:center}.hiring-track article>span{display:grid;width:84px;height:84px;margin:0 auto 18px;place-items:center;color:#fff;border:10px solid #f8fafc;border-radius:50%;background:var(--primary);font-weight:900}.hiring-track article:nth-child(n+4)>span{background:var(--accent-teal)}.hiring-track i{color:var(--primary)}.hiring-track h3{margin:10px 0 6px;color:var(--secondary)}.hiring-track p{padding:0 12px;color:var(--company-muted);line-height:1.55;font-size:.77rem}.career-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.career-benefit-grid article{padding:23px;border:1px solid var(--border-color);border-radius:4px 28px 4px 4px;background:#fff;transition:var(--transition)}.career-benefit-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.career-benefit-grid i{color:var(--primary);font-size:1.5rem}.career-benefit-grid h3{margin:32px 0 8px;color:var(--secondary)}.career-benefit-grid p{margin:0;color:var(--company-muted);line-height:1.6;font-size:.84rem}.career-openings{background:#f8fafc}.opening-list{display:grid;gap:10px}.opening-list article{display:grid;grid-template-columns:1fr 1fr .7fr auto;gap:20px;align-items:center;padding:18px 20px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;transition:var(--transition)}.opening-list article:hover{transform:translateX(6px);border-color:#93c5fd;box-shadow:var(--shadow-sm)}.opening-list article>div{display:flex;align-items:center;gap:13px}.opening-list article>div>i{display:grid;width:45px;height:45px;place-items:center;color:#fff;border-radius:13px;background:var(--primary)}.opening-list small{color:var(--accent-teal);font-size:.62rem;font-weight:800;text-transform:uppercase}.opening-list h2{margin:3px 0;color:var(--secondary);font-size:1.05rem}.opening-list p{margin:0;color:var(--company-muted);font-size:.78rem}.path-skills{color:var(--text-light);font-size:.7rem}.opening-list a{color:var(--primary);font-size:.75rem;font-weight:800}.career-growth-layout{display:grid;grid-template-columns:.45fr 1.55fr;gap:clamp(40px,7vw,90px);align-items:center}.growth-ladder{display:grid;gap:7px;align-content:end;min-height:430px}.growth-ladder span{padding:14px;color:#fff;background:var(--primary);font-weight:800}.growth-ladder span:nth-child(1){width:50%}.growth-ladder span:nth-child(2){width:62%}.growth-ladder span:nth-child(3){width:75%}.growth-ladder span:nth-child(4){width:88%}.growth-ladder span:nth-child(5){width:100%;background:var(--accent-teal)}.career-tech{grid-template-columns:repeat(4,1fr)}.career-tech .tech-tile{flex-direction:column;text-align:center}.career-voices{background:#eaf3ff}.career-voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.career-voice-grid blockquote{margin:0;padding:28px;color:var(--secondary);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm);font-size:1.15rem;font-weight:700;line-height:1.55}.career-voice-grid span{display:block;margin-top:26px;color:var(--primary);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.cta-careers{background:linear-gradient(135deg,#0f2847,#1e40af 60%,#0f766e)} .life-hero{padding:clamp(72px,8vw,108px) 0;background:linear-gradient(130deg,#fff,#f0f9ff 58%,#ecfdf5)}.life-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,7vw,92px);align-items:center}.life-hero h1{margin:18px 0;color:var(--secondary);font-size:clamp(3rem,5.7vw,5.25rem);line-height:.99;letter-spacing:-.055em;font-weight:850}.life-hero h1 em{color:var(--accent-teal);font-style:normal}.life-hero p{max-width:690px;color:var(--company-muted);font-size:1.13rem;line-height:1.7}.life-collage{position:relative;min-height:530px}.life-photo{position:absolute;display:flex;padding:20px;flex-direction:column;justify-content:flex-end;color:#fff;border:8px solid #fff;box-shadow:var(--shadow-lg);background:var(--gradient-primary)}.life-photo i{margin-bottom:auto;font-size:2rem;opacity:.8}.life-photo span{font-size:1.05rem;font-weight:800}.photo-main{inset:4% 25% 23% 4%;border-radius:34px 8px 34px 8px}.photo-learn{top:0;right:0;width:38%;height:44%;background:linear-gradient(135deg,#0ea5e9,#1e40af);transform:rotate(3deg)}.photo-celebrate{right:2%;bottom:0;width:50%;height:45%;background:linear-gradient(135deg,#14b8a6,#0f766e);transform:rotate(-2deg)}.life-sticker{position:absolute;z-index:4;right:32%;bottom:32%;padding:12px 16px;color:var(--secondary);border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-md);font-size:.72rem;font-weight:800;transform:rotate(-6deg)}.life-sticker i{color:var(--primary)}.life-intro-layout{display:grid;grid-template-columns:.45fr 1fr;gap:clamp(40px,7vw,90px);align-items:center}.life-day{display:grid;grid-template-columns:auto 1fr;gap:0;overflow:hidden;border:1px solid #dbeafe;border-radius:var(--radius-lg)}.life-day span,.life-day strong{padding:15px}.life-day span{color:var(--primary);background:#eff6ff;font-size:.72rem;font-weight:800}.life-day strong{color:var(--secondary);border-bottom:1px solid var(--border-color)}.life-pillars{background:#f8fafc}.life-petal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.life-petal-grid article{position:relative;min-height:300px;padding:24px;border:1px solid var(--border-color);border-radius:70px 70px 12px 12px;background:#fff;text-align:center;transition:var(--transition)}.life-petal-grid article:nth-child(even){margin-top:28px}.life-petal-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.life-petal-grid i{display:grid;width:58px;height:58px;margin-inline:auto;place-items:center;color:#fff;border-radius:50%;background:var(--gradient-primary);font-size:1.4rem}.life-petal-grid>article>span{display:block;margin-top:20px;color:#cbd5e1;font-size:1.6rem;font-weight:900}.life-petal-grid h2{margin:8px 0;color:var(--secondary);font-size:1.15rem}.life-petal-grid p{color:var(--company-muted);font-size:.8rem;line-height:1.6}.life-matters{background:var(--secondary)}.life-matters-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,90px);align-items:center}.life-matters h2{margin:12px 0;color:#fff;font-size:clamp(2rem,4vw,3.4rem)}.life-matters p{color:#bfdbfe;line-height:1.7}.life-impact-chain{display:flex;align-items:center;justify-content:space-between;gap:8px}.life-impact-chain span{display:grid;width:100px;height:100px;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(255,255,255,.07);font-weight:800}.life-impact-chain i{color:#5eead4}.life-rhythm{background:#ecfdf5}.culture-calendar{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-md)}.culture-calendar article{min-height:280px;padding:24px;border-right:1px solid var(--border-color)}.culture-calendar article:last-child{border:0}.culture-calendar article>span{color:var(--accent-teal);font-size:.68rem;font-weight:800;text-transform:uppercase}.culture-calendar i{display:block;margin-top:50px;color:var(--primary);font-size:1.6rem}.culture-calendar h3{margin:18px 0 8px;color:var(--secondary)}.culture-calendar p{color:var(--company-muted);font-size:.82rem;line-height:1.6}.moment-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:14px}.moment-mosaic article{position:relative;padding:22px;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;transition:var(--transition)}.moment-mosaic article:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.moment-mosaic article>div{position:absolute;right:-20px;bottom:-30px;display:grid;width:120px;height:120px;place-items:center;color:#fff;border-radius:50%;background:var(--primary);font-size:2rem}.moment-mosaic article>span{color:var(--accent-teal);font-size:.68rem;font-weight:800;text-transform:uppercase}.moment-mosaic h3{margin:14px 0 7px;color:var(--secondary)}.moment-mosaic p{max-width:75%;color:var(--company-muted);font-size:.8rem;line-height:1.55}.moment-wide{grid-column:span 2}.moment-tall{grid-row:span 2}.moment-tall>div{width:170px!important;height:170px!important}.life-benefits{background:#f8fafc}.life-benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.life-benefit-strip article{padding:24px;border-bottom:4px solid var(--accent-teal);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.life-benefit-strip i{color:var(--primary);font-size:1.5rem}.life-benefit-strip h3{margin:38px 0 7px;color:var(--secondary)}.life-benefit-strip p{margin:0;color:var(--company-muted);font-size:.82rem;line-height:1.6}.life-learning-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,90px);align-items:center}.learning-visual{position:relative;min-height:430px;border:1px dashed #93c5fd;border-radius:50%}.learning-core{position:absolute;inset:50%;display:grid;width:160px;height:160px;place-items:center;align-content:center;transform:translate(-50%,-50%);color:#fff;border-radius:50%;background:var(--gradient-primary);box-shadow:var(--shadow-lg)}.learning-core i{font-size:2rem}.learning-visual>span{position:absolute;padding:10px 14px;color:var(--secondary);border:1px solid #bfdbfe;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);font-size:.75rem;font-weight:800}.learning-visual>span:nth-of-type(1){top:6%;left:50%;transform:translateX(-50%)}.learning-visual>span:nth-of-type(2){top:47%;right:-2%}.learning-visual>span:nth-of-type(3){bottom:6%;left:50%;transform:translateX(-50%)}.learning-visual>span:nth-of-type(4){top:47%;left:-2%}.life-tech{grid-template-columns:repeat(2,1fr)}.life-tech .tech-tile{border-radius:24px 4px 24px 4px}.life-community{background:#eaf3ff}.community-story{display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-lg)}.community-story>div:first-child{padding:clamp(30px,5vw,56px)}.community-story>div:first-child>span{color:var(--accent-teal);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.community-story h2{margin:12px 0;color:var(--secondary);font-size:clamp(1.8rem,3.4vw,2.8rem)}.community-story p{color:var(--company-muted);line-height:1.7}.community-story ul{display:grid;gap:7px;padding:0;list-style:none;color:var(--secondary)}.community-story li i{margin-right:7px;color:var(--accent-teal)}.community-rings{position:relative;display:grid;min-height:400px;place-items:center;color:#fff;background:var(--gradient-primary)}.community-rings>i{z-index:3;font-size:3rem}.community-rings span{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:.68rem}.community-rings span:nth-of-type(1){width:130px;height:130px}.community-rings span:nth-of-type(2){width:220px;height:220px;align-items:start;padding-top:20px}.community-rings span:nth-of-type(3){width:320px;height:320px;align-items:end;padding-bottom:18px}.life-voice-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.life-voice-wall blockquote{margin:0;padding:28px;color:var(--secondary);border:1px solid var(--border-color);border-radius:4px 32px 4px 4px;background:#fff;font-size:1.12rem;font-weight:700;line-height:1.55}.life-voice-wall span{display:block;margin-top:28px;color:var(--accent-teal);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.cta-life{background:linear-gradient(135deg,#0f2847,#1e40af 55%,#0f766e)} .faq-hero{padding:clamp(72px,8vw,110px) 0;background:linear-gradient(128deg,#fff,#eff6ff 62%,#ecfeff)}.faq-hero-layout{display:grid;grid-template-columns:1fr .85fr;gap:clamp(42px,7vw,92px);align-items:center}.faq-hero h1{margin:18px 0;color:var(--secondary);font-size:clamp(3rem,5.8vw,5.3rem);line-height:.98;letter-spacing:-.055em;font-weight:850}.faq-hero h1 em{color:var(--primary);font-style:normal}.faq-hero p{max-width:680px;color:var(--company-muted);font-size:1.13rem;line-height:1.7}.faq-hero-stack{position:relative;display:grid;gap:12px;padding:24px}.faq-hero-stack>div:not(.faq-answer-chip){display:flex;gap:14px;align-items:center;min-height:92px;padding:18px;border:1px solid #dbeafe;border-radius:var(--radius-lg);background:rgba(255,255,255,.82);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px)}.faq-hero-stack>div:nth-child(2){transform:translateX(32px)}.faq-hero-stack>div:nth-child(3){transform:translateX(64px)}.faq-hero-stack i{display:grid;width:44px;height:44px;place-items:center;color:var(--primary);border-radius:12px;background:var(--primary-light);font-size:1.25rem}.faq-hero-stack small,.faq-hero-stack strong{display:block}.faq-hero-stack small{color:var(--accent-teal);font-size:.65rem;font-weight:800;text-transform:uppercase}.faq-hero-stack strong{margin-top:4px;color:var(--secondary)}.faq-answer-chip{position:absolute;right:8px;bottom:-25px;display:flex;align-items:center;gap:7px;padding:10px 15px;color:#fff;border-radius:var(--radius-full);background:var(--accent-teal);box-shadow:var(--shadow-md);font-size:.7rem;font-weight:800}.faq-answer-chip i{display:inline;color:#fff;background:none;width:auto;height:auto}.faq-intro-grid{display:grid;grid-template-columns:.35fr 1fr;gap:clamp(40px,7vw,90px);align-items:center;max-width:1000px}.faq-big-mark{display:grid;width:190px;height:190px;place-items:center;color:#fff;border:18px solid #dbeafe;border-radius:50%;background:var(--gradient-primary);box-shadow:var(--shadow-lg);font-size:6rem;font-weight:900}.faq-directory{background:#f8fafc}.faq-category-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.faq-category-nav a{display:flex;gap:12px;align-items:center;padding:18px;color:var(--secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;transition:var(--transition)}.faq-category-nav a:hover{transform:translateY(-4px);border-color:#93c5fd;box-shadow:var(--shadow-md)}.faq-category-nav>a>i:first-child{display:grid;width:42px;height:42px;place-items:center;color:#fff;border-radius:12px;background:var(--primary)}.faq-category-nav>a>i:last-child{margin-left:auto;color:var(--text-light)}.faq-category-nav strong,.faq-category-nav small{display:block}.faq-category-nav small{color:var(--text-light);font-size:.68rem}.faq-topic{scroll-margin-top:90px}.faq-topic:nth-of-type(even){background:#f8fafc}.faq-topic-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:clamp(38px,7vw,90px);align-items:start}.faq-topic aside{position:sticky;top:110px}.faq-topic aside>span{color:#dbeafe;font-size:4rem;font-weight:900}.faq-topic aside>i{display:block;color:var(--primary);font-size:1.7rem}.faq-topic aside h2{margin:18px 0 10px;color:var(--secondary);font-size:clamp(1.7rem,3vw,2.5rem)}.faq-topic aside p{color:var(--company-muted);line-height:1.65}.faq-topic aside a{color:var(--primary);font-size:.78rem;font-weight:800}.directory-faq details{border-radius:4px 22px 4px 4px}.directory-faq details[open]{border-left:4px solid var(--accent-teal)}.faq-trust{background:var(--secondary)}.faq-trust .company-section-header h2{color:#fff}.answer-standard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.answer-standard article{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);background:rgba(255,255,255,.06)}.answer-standard i{color:#7dd3fc;font-size:1.5rem}.answer-standard h3{margin:36px 0 8px;color:#fff}.answer-standard p{margin:0;color:#bfdbfe;line-height:1.6;font-size:.82rem}.faq-contact{background:#eaf3ff}.faq-contact-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(30px,5vw,54px);color:#fff;border-radius:var(--radius-xl);background:var(--gradient-primary);box-shadow:var(--shadow-xl)}.faq-contact-card>div:first-child{max-width:680px}.faq-contact-card>div:first-child>span{color:#7dd3fc;font-size:.7rem;font-weight:800;text-transform:uppercase}.faq-contact-card h2{margin:10px 0;color:#fff;font-size:clamp(1.8rem,3.5vw,2.8rem)}.faq-contact-card p{margin:0;color:#bfdbfe}.faq-contact-card .company-actions{min-width:240px}.cta-faq{background:linear-gradient(135deg,#0f2847,#1e40af 60%,#0f766e)} @media (max-width:1199.98px){ .company-industry-grid{grid-template-columns:repeat(4,1fr)}.story-tiles{grid-template-columns:repeat(5,1fr)}.story-tiles .industry-tile span{writing-mode:horizontal-tb}.story-tiles .industry-tile{min-height:130px}.story-tech{grid-template-columns:repeat(4,1fr)}.story-hero-grid{grid-template-columns:80px 1fr 1fr}.lesson-cards,.benefit-staircase,.why-benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-staircase article:nth-child(n){margin-top:0}.control-steps{grid-template-columns:repeat(3,1fr)}.control-steps article:nth-child(3){border-right:0}.control-steps article:nth-child(-n+3){border-bottom:1px solid var(--border-color)} } @media (max-width:991.98px){ .about-hero-grid,.about-intro-grid,.tech-split,.success-story-grid,.why-hero-grid,.why-intro-grid,.why-tech-layout{grid-template-columns:1fr}.about-hero-visual{max-width:650px;margin-inline:auto}.about-photo-frame{max-width:650px}.matters-layout{grid-template-columns:1fr}.matters-sticky{position:static}.purpose-board{grid-template-columns:1fr}.value-mosaic{grid-template-columns:repeat(2,1fr)}.approach-orbit{transform:scale(.9);margin-block:-30px}.story-hero-grid{grid-template-columns:70px 1fr}.story-hero-art{grid-column:2;max-width:620px}.story-intro-layout{grid-template-columns:.5fr 1fr}.story-intro-copy{grid-column:2}.story-benefit-layout{grid-template-columns:1fr}.benefit-quote{min-height:330px}.advantage-matrix{grid-template-columns:repeat(2,1fr)}.story-path{grid-template-columns:repeat(3,1fr);gap:18px}.story-path::before{display:none}.success-dashboard{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr;gap:28px}.company-tech-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:767.98px){ .company-container{width:min(calc(100% - 24px),var(--container-width))}.company-section{padding-block:48px}.company-section-header{margin-bottom:26px}.company-section-header h2{font-size:clamp(1.8rem,9vw,2.5rem)}.company-actions{flex-direction:column}.company-btn{width:100%}.company-industry-grid{grid-template-columns:repeat(2,1fr)}.company-tech-grid{grid-template-columns:1fr}.about-hero,.story-hero,.why-hero{padding-block:58px 48px}.about-hero-copy h1,.story-hero-copy h1,.why-hero-copy h1{font-size:clamp(2.55rem,13vw,3.8rem)}.hero-trust-row{display:grid;grid-template-columns:repeat(3,1fr)}.hero-trust-row span{padding:0 8px}.hero-trust-row strong{font-size:1.25rem}.orbit-card{display:none}.about-photo-frame figcaption{right:8px;bottom:8px}.photo-code-window{left:8px;top:-18px}.value-mosaic,.matters-cards,.benefit-staircase,.lesson-cards,.why-benefit-grid,.advantage-matrix{grid-template-columns:1fr}.matters-cards article:nth-child(n){transform:none}.approach-orbit{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-height:auto;transform:none;margin:0}.approach-orbit::before,.approach-orbit::after,.orbit-center{display:none}.approach-orbit article:nth-of-type(n){position:relative;inset:auto;transform:none;width:auto;min-height:115px}.story-hero-grid{grid-template-columns:1fr}.story-chapter{min-height:auto;flex-direction:row;gap:10px;border-right:0;border-bottom:1px solid #dbeafe;writing-mode:horizontal-tb}.story-chapter strong{margin:0;font-size:2rem}.story-hero-art{grid-column:auto}.story-intro-layout{grid-template-columns:1fr}.story-intro-copy{grid-column:auto}.story-intro-marker{max-width:280px}.story-timeline::before{left:22px}.timeline-entry{grid-template-columns:46px 1fr;gap:10px;padding:18px 0}.timeline-year{grid-column:2;text-align:left;font-size:1.1rem}.timeline-dot{grid-column:1;grid-row:1/3;width:36px;height:36px;border-width:6px}.timeline-card{grid-column:2;padding:18px}.story-path{grid-template-columns:repeat(2,1fr)}.story-tiles{grid-template-columns:repeat(2,1fr)}.story-tiles .industry-tile:nth-child(even){margin-top:0}.story-counter-ribbon{grid-template-columns:repeat(2,1fr)}.story-counter-ribbon div:nth-child(2){border-right:0}.story-counter-ribbon div:nth-child(-n+2){border-bottom:1px solid var(--border-color)}.story-faq{grid-template-columns:1fr}.comparison-heading{font-size:.75rem}.comparison-row{grid-template-columns:1fr}.comparison-row>strong{border-left:0;border-top:1px dashed var(--border-color)}.control-steps{grid-template-columns:repeat(2,1fr)}.control-steps article:nth-child(n){border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.control-steps article:nth-child(even){border-right:0}.control-steps article:nth-child(n+5){border-bottom:0}.quality-rail{flex-wrap:wrap}.tech-criteria{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:1fr}.dashboard-metrics div{min-height:120px}.success-dashboard{border-radius:var(--radius-lg)} } @media (max-width:479.98px){.hero-trust-row{grid-template-columns:1fr;gap:12px}.hero-trust-row span{padding:0;border-left:0}.industry-tile{min-height:105px;padding:14px}.about-hero-visual svg{margin-top:12px}.about-photo-frame figcaption{position:relative;right:auto;bottom:auto;margin:-18px 12px 0}.photo-code-window{width:160px}.story-path,.approach-orbit{grid-template-columns:1fr}.story-counter-ribbon{grid-template-columns:1fr}.story-counter-ribbon div:nth-child(n){border-right:0;border-bottom:1px solid var(--border-color)}.story-counter-ribbon div:last-child{border-bottom:0}.command-grid{grid-template-columns:1fr}.command-grid>span{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:8px;text-align:left}.why-proof-line{display:grid}.control-steps{grid-template-columns:1fr}.control-steps article:nth-child(n){border-right:0;border-bottom:1px solid var(--border-color)}.control-steps article:last-child{border-bottom:0}.dashboard-metrics{grid-template-columns:1fr}.comparison-heading{padding:12px}} @media (prefers-color-scheme:dark) and (prefers-color-scheme:light){ .company-page{--company-ink:#e5edf8;--company-muted:#aebed2;background:#091321}.about-hero-copy h1,.story-hero-copy h1,.company-section-header h2,.intro-large,.company-page h3{color:#eaf2ff}.about-hero,.story-hero{background:linear-gradient(135deg,#0a1729,#0d1d33 60%,#0b292b)}.company-btn-outline,.orbit-card,.story-floating-note{color:#eaf2ff;border-color:#29415f;background:rgba(15,40,71,.75)}.company-section:not(.journey-section):not(.benefits-section):not(.why-approach):not(.company-final-cta),.about-main,.why-main,.about-industries,.why-industries,.story-approach,.story-technology,.story-success,.about-success,.why-success,.story-industries{background:#091321}.industry-tile,.tech-tile,.company-faq details,.value-mosaic article,.matters-cards article,.lesson-cards article,.advantage-matrix article,.why-benefit-grid article,.timeline-card,.comparison-panel,.story-counter-ribbon{color:#dbeafe;border-color:#24364d;background:#0e1d30}.tech-tile strong,.industry-tile,.company-faq summary,.value-mosaic h3,.matters-cards h3,.lesson-cards h3,.advantage-matrix h3,.why-benefit-grid h3,.comparison-row>strong{color:#eaf2ff}.purpose-feature,.benefit-quote{background:var(--gradient-primary)}.approach-section,.about-success{background:#0b192a}.approach-orbit article,.success-ring,.success-stat{color:#eaf2ff;border-color:#29415f;background:#10233b}.approach-orbit::before,.approach-orbit::after{border-color:#29415f}.story-tiles .industry-tile{background:#0e1d30}.comparison-heading{background:#10233b}.comparison-row,.comparison-row>strong{border-color:#24364d}.control-steps{background:#0e1d30}.control-steps strong{color:#eaf2ff}.company-tech-grid .tech-tile>i,.industry-tile>i:first-child,.story-benefit-list article>i{background:#142e4d}.about-photo-frame figcaption,.photo-code-window{background:#10233b}.faq-badge,.tech-note{background:#10233b}.faq-badge strong,.tech-note strong{color:#eaf2ff}} @media (prefers-reduced-motion:reduce){.company-page *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.company-page [data-reveal]{opacity:1;transform:none}} @media (max-width:1199.98px){ .leadership-profiles{grid-template-columns:repeat(2,1fr)}.leadership-profiles article,.leadership-profiles article:nth-child(n){grid-column:auto}.leadership-profiles article:last-child{grid-column:1/-1;max-width:50%;justify-self:center}.stack-category-grid{grid-template-columns:repeat(2,1fr)}.career-tech{grid-template-columns:repeat(2,1fr)}.life-petal-grid{grid-template-columns:repeat(3,1fr)}.life-petal-grid article:nth-child(n){margin-top:0}.life-petal-grid article:nth-child(4){grid-column:1/span 1}.life-petal-grid article:nth-child(5){grid-column:2/span 1}.faq-category-nav{grid-template-columns:repeat(2,1fr)} } .company-page h1 { font-weight: var(--font-extra-bold); } @media (max-width:991.98px){ .leadership-hero-grid,.leadership-manifesto,.leadership-matters-grid,.leadership-tech-grid,.leadership-case,.process-hero-grid,.process-intro-grid,.process-benefit-layout,.process-tooling-grid,.process-case,.stack-hero-grid,.stack-intro-grid,.stack-matters-layout,.stack-lab-grid,.stack-case,.careers-hero-grid,.career-matters-grid,.career-growth-layout,.life-hero-layout,.life-intro-layout,.life-matters-grid,.life-learning-grid,.community-story,.faq-hero-layout,.faq-intro-grid,.faq-topic-layout{grid-template-columns:1fr}.leadership-constellation{max-width:620px;width:100%;margin-inline:auto}.manifesto-number{font-size:5rem}.decision-compass{grid-template-columns:repeat(2,1fr)}.compass-center{display:none}.decision-compass article:nth-of-type(n){grid-column:auto;grid-row:auto}.leadership-benefit-row,.process-risk-grid,.stack-benefit-grid,.culture-prism,.career-benefit-grid,.life-benefit-strip,.answer-standard{grid-template-columns:repeat(2,1fr)}.leadership-benefit-row article:nth-child(2){border-right:0}.leadership-benefit-row article:nth-child(-n+2){border-bottom:1px solid var(--border-color)}.process-river::before{left:38px}.process-river article{grid-template-columns:76px 1fr;gap:14px;min-height:auto;padding:16px 0}.process-river article:nth-child(n) .phase-marker{grid-column:1;grid-row:1}.process-river article:nth-child(n) .phase-card{grid-column:2;grid-row:1}.control-board-phases{display:none}.control-lane{grid-template-columns:150px 1fr}.control-lane small{grid-column:1/-1}.stack-filter-flow{grid-template-columns:repeat(3,1fr)}.stack-filter-flow article:nth-child(3){border-right:0}.stack-filter-flow article:nth-child(-n+3){border-bottom:1px solid var(--border-color)}.ai-orbit,.learning-visual{max-width:500px;width:100%;margin-inline:auto}.hiring-track{grid-template-columns:repeat(3,1fr);gap:16px}.hiring-track::before{display:none}.opening-list article{grid-template-columns:1fr 1fr}.opening-list article>a{text-align:right}.culture-prism article:nth-child(n){margin-top:0}.life-impact-chain{justify-content:center}.culture-calendar{grid-template-columns:repeat(2,1fr)}.culture-calendar article:nth-child(2){border-right:0}.culture-calendar article:nth-child(-n+2){border-bottom:1px solid var(--border-color)}.faq-topic aside{position:static}.faq-contact-card{align-items:flex-start;flex-direction:column}.faq-contact-card .company-actions{width:100%} } @media (max-width:767.98px){ .leadership-hero,.process-hero,.stack-hero,.careers-hero,.life-hero,.faq-hero{padding-block:56px 48px}.leadership-hero h1,.process-hero h1,.stack-hero h1,.careers-hero h1,.life-hero h1,.faq-hero h1{font-size:clamp(2.55rem,13vw,3.8rem)}.leadership-constellation{min-height:360px}.leader-core{width:120px;height:120px}.leader-node{width:74px;height:74px}.leader-node span{font-size:.55rem}.leadership-profiles,.leadership-benefit-row,.leadership-value-grid,.process-risk-grid,.stack-category-grid,.stack-benefit-grid,.stack-matter-list,.culture-prism,.career-benefit-grid,.career-voice-grid,.life-petal-grid,.life-benefit-strip,.life-voice-wall,.answer-standard{grid-template-columns:1fr}.leadership-profiles article:last-child{grid-column:auto;max-width:none}.leadership-benefit-row article:nth-child(n){border-right:0;border-bottom:1px solid var(--border-color)}.leadership-benefit-row article:last-child{border-bottom:0}.decision-compass{grid-template-columns:1fr}.console-phase{grid-template-columns:24px 78px 1fr}.console-phase small{display:none}.process-river::before{left:22px}.process-river article{grid-template-columns:44px 1fr}.phase-marker{width:44px;height:44px;border-width:6px}.phase-marker i{font-size:.75rem}.phase-marker span{display:none}.control-lane{grid-template-columns:1fr}.control-lane>div{grid-template-columns:repeat(6,1fr)}.process-benefit-list article{grid-template-columns:36px 1fr}.process-benefit-list article>i{display:none}.stack-filter-flow{grid-template-columns:repeat(2,1fr)}.stack-filter-flow article:nth-child(n){border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stack-filter-flow article:nth-child(even){border-right:0}.stack-filter-flow article:nth-child(n+5){border-bottom:0}.stack-category-grid article{min-height:auto}.ai-orbit,.learning-visual{min-height:350px}.culture-prism article:nth-child(n){min-height:245px}.career-matter-stats{grid-template-columns:1fr}.career-matter-stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.career-matter-stats div:last-child{border-bottom:0}.hiring-track{grid-template-columns:repeat(2,1fr)}.opening-list article{grid-template-columns:1fr}.opening-list article>a{text-align:left}.growth-ladder{min-height:300px}.life-collage{min-height:430px}.life-impact-chain{display:grid;grid-template-columns:1fr auto 1fr}.life-impact-chain span{width:82px;height:82px}.life-impact-chain i:nth-of-type(2){display:none}.culture-calendar{grid-template-columns:1fr}.culture-calendar article:nth-child(n){border-right:0;border-bottom:1px solid var(--border-color);min-height:220px}.culture-calendar article:last-child{border-bottom:0}.culture-calendar i{margin-top:28px}.moment-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.moment-mosaic article:nth-child(n){grid-column:auto;grid-row:auto;min-height:230px}.moment-wide{grid-column:1/-1!important}.community-rings{min-height:360px}.faq-hero-stack>div:nth-child(n){transform:none}.faq-category-nav{grid-template-columns:1fr}.faq-big-mark{width:140px;height:140px;border-width:12px;font-size:4.5rem}.faq-contact-card{padding:28px} } @media (max-width:479.98px){ .leadership-constellation{min-height:310px}.leader-core{width:104px;height:104px;border-width:7px}.leader-node{width:64px;height:64px}.leader-node span{display:none}.leadership-manifesto{gap:18px}.process-equation{padding:18px;gap:7px}.process-equation span{font-size:.72rem}.stack-filter-flow,.hiring-track{grid-template-columns:1fr}.stack-filter-flow article:nth-child(n){border-right:0;border-bottom:1px solid var(--border-color)}.stack-filter-flow article:last-child{border-bottom:0}.stack-principles{grid-template-columns:1fr}.ai-orbit,.learning-visual{min-height:310px}.career-board{min-height:420px}.career-person{width:140px;height:140px}.career-person i{font-size:3.5rem}.career-skill{padding:7px 10px;font-size:.65rem}.career-letter{grid-template-columns:1fr}.letter-mark{font-size:4rem}.life-collage{min-height:360px}.life-photo{padding:12px;border-width:5px}.life-photo span{font-size:.75rem}.moment-mosaic{grid-template-columns:1fr}.moment-wide{grid-column:auto!important}.life-impact-chain{grid-template-columns:1fr}.life-impact-chain i{transform:rotate(90deg)}.life-impact-chain i:nth-of-type(2){display:block}.community-rings span:nth-of-type(3){width:270px;height:270px}.faq-hero-stack{padding:8px}.faq-hero-stack>div:not(.faq-answer-chip){min-height:78px;padding:14px}.faq-answer-chip{position:relative;right:auto;bottom:auto;width:max-content;margin-top:8px}.faq-contact-card .company-actions{min-width:0} } @media (prefers-color-scheme:dark) and (prefers-color-scheme:light){ .leadership-hero,.stack-hero,.careers-hero,.life-hero,.faq-hero{background:linear-gradient(135deg,#091321,#0d1d33 62%,#0b292b)}.leadership-hero h1,.stack-hero h1,.careers-hero h1,.life-hero h1,.faq-hero h1{color:#eaf2ff}.leadership-constellation,.process-equation,.stack-principles span,.career-board,.life-day,.faq-hero-stack>div:not(.faq-answer-chip){border-color:#29415f}.leadership-constellation{background:radial-gradient(circle,#10233b 0 25%,rgba(16,35,59,.6) 26% 48%,rgba(20,46,77,.35) 49% 64%,transparent 65%)}.leader-node,.leadership-profiles article,.decision-compass article,.phase-card,.process-risk-grid article,.process-case,.stack-principles span,.stack-matter-list article,.stack-filter-flow,.stack-benefit-grid article,.stack-case,.culture-prism article,.career-benefit-grid article,.opening-list article,.career-voice-grid blockquote,.life-petal-grid article,.culture-calendar,.moment-mosaic article,.life-benefit-strip article,.community-story,.life-voice-wall blockquote,.faq-hero-stack>div:not(.faq-answer-chip),.faq-category-nav a,.faq-contact-card{color:#dbeafe;border-color:#24364d;background:#0e1d30}.leader-node,.leadership-profiles h2,.decision-compass article strong,.phase-card h2,.process-risk-grid h3,.process-case h2,.stack-principles span,.stack-matter-list h3,.stack-filter-flow strong,.stack-benefit-grid h3,.stack-case h2,.culture-prism h2,.career-benefit-grid h3,.opening-list h2,.career-voice-grid blockquote,.life-day strong,.life-petal-grid h2,.culture-calendar h3,.moment-mosaic h3,.life-benefit-strip h3,.community-story h2,.community-story li,.life-voice-wall blockquote,.faq-hero-stack strong,.faq-category-nav a,.faq-topic aside h2{color:#eaf2ff}.leadership-council,.leadership-model,.leadership-industries,.leadership-success,.process-map-section,.process-industries,.process-success,.stack-approach,.stack-industries,.stack-success,.career-culture,.hiring-process,.career-openings,.career-voices,.life-pillars,.life-rhythm,.life-benefits,.life-community,.faq-directory,.faq-contact,.faq-topic:nth-of-type(even){background:#091321}.manifesto-principles span,.leadership-tech-note,.phase-outputs span{background:#10233b}.phase-marker{border-color:#091321}.process-river::before{opacity:.7}.stack-category-grid article{background:rgba(255,255,255,.06)}.ai-orbit>span,.learning-visual>span{color:#eaf2ff;border-color:#29415f;background:#10233b}.growth-ladder span{color:#fff}.life-day span{background:#10233b}.faq-big-mark{border-color:#142e4d}.faq-topic .company-faq details{background:#0e1d30}.community-rings{background:var(--gradient-primary)} } .why-hero { color: var(--text-primary); background: linear-gradient(128deg, #fff 0%, var(--primary-light) 62%, var(--primary-lighter) 100%); } .why-hero::after { background-image: linear-gradient(rgba(30, 64, 175, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 64, 175, .045) 1px, transparent 1px); } .why-hero .company-eyebrow { color: var(--primary); } .why-hero-copy h1 { color: var(--secondary); } .why-hero-copy h1 em { color: var(--primary); } .why-hero-copy > p, .why-proof-line { color: var(--text-secondary); } .why-proof-line i { color: var(--accent-teal); } .why-command-center { color: #fff; background: var(--secondary); box-shadow: 0 28px 70px rgba(15, 40, 71, .22); } .process-hero { color: var(--text-primary); background: linear-gradient(130deg, #fff 0%, var(--primary-light) 60%, var(--primary-lighter) 100%); } .process-grid-bg { opacity: .55; background-image: linear-gradient(rgba(30, 64, 175, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 64, 175, .055) 1px, transparent 1px); } .process-hero .company-eyebrow { color: var(--primary); } .process-hero h1 { color: var(--secondary); } .process-hero h1 em { color: var(--accent-teal); } .process-hero p { color: var(--text-secondary); } .process-console { color: #fff; background: var(--secondary); border-color: rgba(30, 64, 175, .24); box-shadow: 0 28px 70px rgba(15, 40, 71, .2); } .company-page :is( .benefits-section, .journey-section, .why-approach, .process-controls, .career-matters, .life-matters, .faq-trust, .leadership-matters ) { color: #f8fbff; } .company-page :is( .benefits-section, .journey-section, .why-approach, .process-controls, .career-matters, .life-matters, .faq-trust ) .company-eyebrow { color: #7dd3fc; } .company-page :is( .benefits-section, .journey-section, .why-approach, .process-controls, .career-matters, .life-matters, .faq-trust ) .company-eyebrow::before { background: #5eead4; } .company-page :is( .benefits-section, .journey-section, .why-approach, .process-controls, .career-matters, .faq-trust ) .company-section-header h2 { color: #fff; } .company-page :is( .benefits-section, .journey-section, .why-approach, .process-controls, .career-matters, .faq-trust ) .company-section-header p { color: #bfdbfe; } :root { --section-padding: clamp(40px, 3.5vw, 52px); --page-header-padding: clamp(44px, 3.75vw, 56px); } .main-content section:not(.company-page section) { scroll-margin-top: 92px; } .main-content .section, .main-content .section-alt, .main-content .app-section, .main-content .company-section { padding-block: var(--section-padding) !important; } .main-content > .section:first-child:has(.page-header) { padding-block: var(--page-header-padding) !important; } .section-header, .section-title, .app-section-title { margin-bottom: clamp(20px, 2.5vw, 30px); } .card, [class*="-card"] { --card-space: clamp(18px, 2vw, 26px); } .form-group, .mb-4 { margin-bottom: 1rem !important; } .form-control, .form-select { min-height: 44px; } .btn, button, [class*="button"] { line-height: 1.2; } .site-footer { padding-top: clamp(44px, 5vw, 68px); } @media (max-width: 767.98px) { :root { --section-padding: 34px; --page-header-padding: 38px; } .section-header, .section-title, .app-section-title { margin-bottom: 20px; } }