:root { --site-section-space: clamp(3.75rem, 5vw, 5rem); --site-section-space-compact: clamp(3rem, 4vw, 4rem); --site-content-space: clamp(1.75rem, 3vw, 2.75rem); --site-layout-gap: clamp(2rem, 4vw, 4rem); --site-card-gap: clamp(.9rem, 1.5vw, 1.25rem); --site-card-radius: 20px; --site-panel-radius: 26px; --site-line: rgba(30, 64, 175, .13); --site-shadow: 0 10px 30px rgba(15, 40, 71, .065); --site-shadow-hover: 0 20px 46px rgba(15, 40, 71, .12); } body { color: var(--text-primary); background: #fff; font-feature-settings: "kern" 1, "liga" 1; } .main-content { overflow: clip; } .main-content section { scroll-margin-top: 96px; } .main-content :is(.section, .section-alt, .app-section, .company-section, .industry-section) { padding-block: var(--site-section-space) !important; } .main-content :is(.section, .section-alt, .app-section, .company-section, .industry-section) + :is(.section, .section-alt, .app-section, .company-section, .industry-section) { border-top: 1px solid rgba(226, 232, 240, .55); } .main-content :is(.page-header-section, .detail-hero, .company-hero) { padding-block: clamp(3.5rem, 5vw, 4.75rem) !important; } .main-content .industry-hero { min-height: 0; padding-block: clamp(3.75rem, 5vw, 5rem) !important; } .main-content .hero-container { min-height: min(720px, calc(100vh - 84px)); padding-block: 2rem 3.25rem; } .main-content :is(.section-title, .section-header, .app-section-title, .industry-heading, .company-section-header) { max-width: 760px; margin-bottom: var(--site-content-space); } .main-content :is(.section-title, .section-header, .app-section-title, .industry-heading, .company-section-header) h2 { color: var(--primary-dark); font-size: clamp(2rem, 3.4vw, 3.15rem); font-weight: 800; line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; } .main-content :is(.section-title, .section-header, .app-section-title, .industry-heading, .company-section-header) p { max-width: 700px; margin-top: .85rem; color: var(--text-secondary); line-height: 1.72; } .main-content :is(h1, h2, h3) { text-wrap: balance; } .main-content p { text-wrap: pretty; } .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, .challenge-grid, .solution-grid, .metric-grid, .stack-groups) { gap: var(--site-card-gap); } .main-content :is(.overview, .overview-grid, .overview-layout, .services-overview, .portfolio-overview, .company-story, .about-container, .stack-layout, .faq-layout, .hero-grid) { gap: var(--site-layout-gap); } .main-content :is(.ny-card, .challenge-card, .solution-card, .why-grid article, .stack-groups article, .technology-badge, .accordion-item) { border-color: var(--site-line); border-radius: var(--site-card-radius); box-shadow: var(--site-shadow); } .main-content :is(.ny-card, .challenge-card, .solution-card, .why-grid article) { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .main-content :is(.ny-card, .challenge-card, .solution-card, .why-grid article):hover { border-color: rgba(30, 64, 175, .28); box-shadow: var(--site-shadow-hover); transform: translateY(-4px); } .main-content :is(.ny-card, .challenge-card, .solution-card, .why-grid article) h3 { color: var(--primary-dark); line-height: 1.25; letter-spacing: -.025em; } .main-content :is(.ny-card, .challenge-card, .solution-card, .why-grid article) p { color: var(--text-secondary); line-height: 1.68; } .main-content :is(.btn-primary, .btn-secondary, .btn, .company-btn) { min-height: 50px; border-radius: 14px; font-weight: 700; transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; } .main-content .btn-primary { border: 1px solid rgba(15, 40, 71, .14); background: var(--gradient-primary); color: #fff; box-shadow: 0 8px 18px rgba(30, 64, 175, .2); } .main-content .btn-primary:hover { color: #fff; box-shadow: 0 12px 24px rgba(15, 40, 71, .25); transform: translateY(-2px); } .main-content .btn-secondary { border-color: rgba(30, 64, 175, .2); background: rgba(255, 255, 255, .86); color: var(--primary-dark); } .main-content :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .form-control, .form-select) { min-height: 48px; border: 1px solid var(--border-color); border-radius: 12px; background: #fff; color: var(--text-primary); box-shadow: inset 0 1px 2px rgba(15, 23, 42, .025); transition: border-color .2s ease, box-shadow .2s ease; } .main-content textarea { min-height: 132px; } .main-content :is(input, textarea, select, .form-control, .form-select):focus { border-color: rgba(30, 64, 175, .55); outline: none; box-shadow: 0 0 0 4px rgba(30, 64, 175, .1); } .main-content :is(.overview-image, .portfolio-image, .story-image, .about-image, .visual-window, .browser-frame) { overflow: hidden; border-radius: var(--site-panel-radius); box-shadow: 0 22px 50px rgba(15, 40, 71, .14); } .main-content > :last-child { margin-bottom: 0 !important; } .footer { margin-top: 0 !important; } @media (max-width: 992px) { :root { --site-section-space: 3.75rem; --site-layout-gap: 2.5rem; } .main-content .hero-container { min-height: auto; padding-block: 2rem 3rem; } } @media (max-width: 768px) { :root { --site-section-space: 3.25rem; --site-section-space-compact: 2.75rem; --site-content-space: 1.75rem; --site-layout-gap: 2rem; --site-card-gap: .85rem; } .container { padding-inline: 18px; } .main-content :is(.page-header-section, .detail-hero, .company-hero, .industry-hero) { padding-block: 3.25rem !important; } .main-content :is(.ny-card, .challenge-card, .solution-card, .why-grid article) { padding: 1.35rem; } .main-content :is(.btn-primary, .btn-secondary, .btn, .company-btn) { width: 100%; } } @media (max-width: 480px) { :root { --site-section-space: 3rem; } .container { padding-inline: 16px; } .main-content :is(.page-header-section, .detail-hero, .company-hero, .industry-hero) { padding-block: 2.75rem !important; } } @media (prefers-reduced-motion: reduce) { .main-content *, .main-content *::before, .main-content *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } } :root { --premium-section-space: clamp(3.5rem, 5vw, 5.25rem); --premium-content-space: clamp(2.25rem, 4vw, 3.75rem); --premium-card-space: clamp(1.4rem, 2.5vw, 2.1rem); --premium-radius-card: 20px; --premium-radius-panel: 28px; --premium-line: rgba(30, 64, 175, .13); --premium-shadow: 0 12px 34px rgba(15, 40, 71, .07); --premium-shadow-hover: 0 22px 52px rgba(15, 40, 71, .13); --premium-glass: rgba(255, 255, 255, .78); } body { background: #fff; } .main-content { background: linear-gradient(180deg, #fff 0%, #fbfdff 100%); } .main-content :is(.section, .section-alt, .app-section, .company-section, .industry-section) { padding-block: var(--premium-section-space) !important; } .main-content :is(.section, .section-alt, .app-section, .company-section, .industry-section) + :is(.section, .section-alt, .app-section, .company-section, .industry-section) { border-top: 1px solid rgba(203, 213, 225, .46); } .main-content :is(.section-alt, .soft-section) { background: radial-gradient(circle at 92% 7%, rgba(14, 165, 233, .055), transparent 24rem), linear-gradient(180deg, #f6faff 0%, #f9fbfd 100%); } .main-content :is(.section-title, .section-header, .app-section-title, .industry-heading, .company-section-header) { max-width: 800px; margin-bottom: var(--premium-content-space); } .main-content :is(.section-title, .section-header, .app-section-title, .industry-heading, .company-section-header) h2 { font-size: clamp(2.25rem, 4vw, 3.75rem); font-weight: 800; line-height: 1.05; letter-spacing: -.055em; } .main-content :is(.section-title, .section-header, .app-section-title, .industry-heading, .company-section-header) p { max-width: 720px; margin-top: 1.1rem; font-size: clamp(1rem, 1.25vw, 1.1rem); line-height: 1.8; } .main-content :is(.section-title, .industry-heading, .company-section-header)::after { display: block; width: 56px; height: 3px; margin: 1.35rem auto 0; border-radius: 999px; background: linear-gradient(90deg, var(--primary), var(--accent)); content: ""; opacity: .8; } .main-content :is(.section-title, .industry-heading, .company-section-header):has(.align-left)::after, .main-content :is(.section-title, .industry-heading, .company-section-header)[class*="left"]::after { margin-left: 0; } .main-content :is(.page-header-section, .detail-hero, .company-hero, .industry-hero) { overflow: hidden; padding-block: clamp(4.75rem, 7vw, 7rem) !important; background: radial-gradient(circle at 12% 10%, rgba(20, 184, 166, .11), transparent 25rem), radial-gradient(circle at 88% 12%, rgba(30, 64, 175, .15), transparent 30rem), linear-gradient(135deg, #f8fbff 0%, #fff 58%, #f2f8ff 100%); } .main-content :is(.page-header h1, .detail-hero h1, .company-hero h1, .industry-hero h1) { font-size: clamp(3rem, 6vw, 5.75rem); font-weight: 850; line-height: .99; letter-spacing: -.07em; } .main-content :is(.page-header p, .detail-hero p, .company-hero p, .industry-hero .hero-copy > p) { font-size: clamp(1.02rem, 1.35vw, 1.18rem); line-height: 1.8; } .main-content :is(.ny-card, .challenge-card, .solution-card, .decision-card, .related-card, .compliance-grid article, .stack-groups article, .technology-badge, .accordion-item, .why-grid article) { border: 1px solid var(--premium-line); border-radius: var(--premium-radius-card); background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(247, 251, 255, .82)); box-shadow: var(--premium-shadow); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .main-content :is(.ny-card, .challenge-card, .solution-card, .decision-card, .related-card, .compliance-grid article, .why-grid article) { transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; } .main-content :is(.ny-card, .challenge-card, .solution-card, .decision-card, .related-card, .compliance-grid article, .why-grid article):hover { transform: translateY(-5px); border-color: rgba(30, 64, 175, .3); box-shadow: var(--premium-shadow-hover); } .main-content :is(.service-icon, .feature-icon, .solution-icon, .challenge-card-header > i, .why-grid article > i, .decision-card > i, .compliance-grid article > i, .mission-icon, .process-icon) { display: grid; flex: 0 0 auto; width: 54px; height: 54px; place-items: center; border: 1px solid rgba(30, 64, 175, .1); border-radius: 16px; background: linear-gradient(145deg, rgba(239, 246, 255, .96), rgba(224, 242, 254, .72)); color: var(--primary); box-shadow: 0 8px 20px rgba(30, 64, 175, .08); font-size: 1.3rem; } .main-content :is(.visual-window, .browser-frame, .project-image, .case-study-card, .architecture-section, .web-architecture, .industry-visual .visual-panel) { border: 1px solid rgba(148, 163, 184, .24); border-radius: var(--premium-radius-panel); box-shadow: 0 28px 68px rgba(15, 40, 71, .15); } .main-content :is(.visual-window, .browser-frame, .project-image) img { transition: transform .45s cubic-bezier(.2, .7, .2, 1); } .main-content :is(.ny-card, .project-card):hover :is(.project-image, .visual-window) img { transform: scale(1.035); } .main-content :is(.app-cta, .cta-section, .about-cta, .services-cta, .portfolio-cta, .industry-cta .cta-inner) { position: relative; isolation: isolate; overflow: hidden; border: 1px solid rgba(125, 211, 252, .24); border-radius: 30px; background: radial-gradient(circle at 13% 110%, rgba(20, 184, 166, .3), transparent 30%), radial-gradient(circle at 88% 0%, rgba(59, 130, 246, .55), transparent 29%), linear-gradient(135deg, #07172f 0%, #123d80 70%, #155e75 100%); box-shadow: 0 30px 72px rgba(9, 35, 80, .25); } .main-content :is(.app-cta, .cta-section, .about-cta, .services-cta, .portfolio-cta)::after { position: absolute; z-index: -1; top: -9rem; right: -7rem; width: 24rem; height: 24rem; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; content: ""; } .main-content :is(.btn-primary, .btn-secondary, .company-btn, .cta-primary, .cta-secondary) { min-height: 52px; border-radius: 14px; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; } .main-content :is(.btn-primary, .company-btn, .cta-primary):hover { transform: translateY(-2px); } .main-content :is(.btn-primary, .btn-secondary, .company-btn, .cta-primary, .cta-secondary) i { transition: transform .18s ease; } .main-content :is(.btn-primary, .btn-secondary, .company-btn, .cta-primary, .cta-secondary):hover i { transform: translateX(3px); } main:has(.hero-container) .hero-buttons .btn-secondary.btn-secondary-on-dark, main:has(.hero-container) .hero-buttons .btn-secondary.btn-secondary-on-dark:visited { border-color: rgba(255, 255, 255, .72); background: rgba(255, 255, 255, .08); color: #fff; -webkit-text-fill-color: #fff; box-shadow: 0 10px 24px rgba(2, 6, 23, .2); } main:has(.hero-container) .hero-buttons .btn-secondary.btn-secondary-on-dark:hover, main:has(.hero-container) .hero-buttons .btn-secondary.btn-secondary-on-dark:focus-visible { border-color: #fff; background: #fff; color: #0f2847; -webkit-text-fill-color: #0f2847; } .main-content :is(.btn-primary, .consultation-btn, .modal-submit, .cta-primary):visited { color: #fff; -webkit-text-fill-color: #fff; } .main-content :is(input, textarea, select)::placeholder { color: #64748b; opacity: 1; } .main-content :is(button, a, input, textarea, select):disabled, .main-content [aria-disabled="true"] { opacity: .68; } .main-content :is(.solve-section, .metrics-section, .flow, .topology) :is(h1, h2, h3) { color: #fff; } .main-content :is(.solve-section, .metrics-section, .flow, .topology) p { color: #cbd5e1; } .main-content p { max-width: 76ch; } .main-content :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .form-control, .form-select) { min-height: 52px; padding-inline: 1rem; border-radius: 14px; } .main-content textarea { min-height: 144px; padding-block: .9rem; } .main-content { min-width: 0; } .main-content :is(section, article, div) { min-width: 0; } .main-content :is(h1, h2, h3, h4, p, a, span) { overflow-wrap: break-word; } .main-content :is(a:not([class]), .overview-copy a, .faq-help a, .solution-link) { text-decoration-thickness: .08em; text-underline-offset: .2em; } .main-content :is(a:not([class]), .overview-copy a, .faq-help a):hover { color: var(--primary); text-decoration: underline; } .main-content :is(summary, button, a, input, textarea, select) { touch-action: manipulation; } .main-content summary { min-height: 48px; } .main-content summary:focus-visible { border-radius: 8px; outline: 3px solid rgba(14, 165, 233, .35); outline-offset: 4px; } .main-content :is(table, pre, .comparison-panel, .technology-list) { max-width: 100%; } .main-content :is(table, pre) { overflow-x: auto; } .main-content pre { white-space: pre-wrap; overflow-wrap: anywhere; } .main-content img { max-width: 100%; height: auto; } @media (hover: none) { .main-content :is(.ny-card, .challenge-card, .solution-card, .decision-card, .related-card, .compliance-grid article, .why-grid article):hover { transform: none; box-shadow: var(--premium-shadow); } } @media (max-width: 992px) { :root { --premium-section-space: 3.5rem; } .main-content :is(.page-header-section, .detail-hero, .company-hero, .industry-hero) { padding-block: 4.5rem !important; } } @media (max-width: 768px) { :root { --premium-section-space: 3rem; --premium-content-space: 2rem; --premium-radius-card: 18px; --premium-radius-panel: 22px; } .main-content :is(.page-header-section, .detail-hero, .company-hero, .industry-hero) { padding-block: 3.75rem !important; } .main-content :is(.page-header h1, .detail-hero h1, .company-hero h1, .industry-hero h1) { font-size: clamp(2.65rem, 12vw, 4rem); letter-spacing: -.055em; } .main-content :is(.app-cta, .cta-section, .about-cta, .services-cta, .portfolio-cta, .industry-cta .cta-inner) { border-radius: 22px; } .main-content :is(.hero-actions, .hero-buttons, .company-actions, .cta-actions) { gap: .7rem; } .main-content :is(.hero-actions, .hero-buttons, .company-actions, .cta-actions) > * { min-width: 0; } } @media (max-width: 480px) { :root { --premium-section-space: 2.75rem; } .main-content :is(.page-header-section, .detail-hero, .company-hero, .industry-hero) { padding-block: 3.25rem !important; } .main-content :is(.section-title, .section-header, .app-section-title, .industry-heading, .company-section-header) h2 { font-size: 2rem; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .main-content *, .main-content *::before, .main-content *::after { animation: none !important; transition-duration: .01ms !important; } }
.app-badge{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.55rem 1rem;border:1px solid rgba(37,99,235,.16);border-radius:999px;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(14,165,233,.08));color:#1d4ed8;box-shadow:0 8px 24px rgba(37,99,235,.08);font-weight:800;font-size:.72rem;line-height:1;letter-spacing:.11em;text-transform:uppercase}.app-badge::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#22d3ee);box-shadow:0 0 0 4px rgba(37,99,235,.09)}
.company-page :is(.benefits-section,.journey-section,.why-approach,.process-controls,.career-matters,.life-matters,.faq-trust,.leadership-matters) .app-badge,.company-final-cta .app-badge,.app-cta .app-badge,.cta-section .app-badge,.industry-heading.is-light .app-badge,.ai-story-hero .app-badge,.cloud-story-hero .app-badge,.team-story-hero .app-badge{border-color:rgba(125,211,252,.36)!important;background:rgba(255,255,255,.11)!important;color:#d8f3ff!important;-webkit-text-fill-color:#d8f3ff!important;box-shadow:0 8px 24px rgba(2,8,23,.2)!important}.company-page :is(.benefits-section,.journey-section,.why-approach,.process-controls,.career-matters,.life-matters,.faq-trust,.leadership-matters) .app-badge::before,.company-final-cta .app-badge::before,.app-cta .app-badge::before,.cta-section .app-badge::before,.industry-heading.is-light .app-badge::before,.ai-story-hero .app-badge::before,.cloud-story-hero .app-badge::before,.team-story-hero .app-badge::before{background:linear-gradient(135deg,#67e8f9,#5eead4)!important;box-shadow:0 0 0 4px rgba(103,232,249,.16)!important}
.main-content .faq-trust{padding-block:clamp(3.25rem,4vw,4.25rem)!important}.main-content .faq-trust .company-section-header{margin-bottom:clamp(1.75rem,2.5vw,2.25rem)!important}.faq-trust .answer-standard article{padding:1.5rem}.faq-trust .answer-standard h3{margin:1.5rem 0 .5rem}
.main-content :is(.detail-hero,.software-story-hero,.web-story-hero,.mobile-story-hero,.cloud-story-hero,.ai-story-hero,.team-story-hero,.family-hero) .hero-actions{display:flex;flex-flow:row nowrap;align-items:stretch;gap:.75rem}.main-content :is(.detail-hero,.software-story-hero,.web-story-hero,.mobile-story-hero,.cloud-story-hero,.ai-story-hero,.team-story-hero,.family-hero) .hero-actions>a{flex:0 1 auto;min-width:0;padding-inline:1.25rem;white-space:nowrap}@media(max-width:620px){.main-content :is(.detail-hero,.software-story-hero,.web-story-hero,.mobile-story-hero,.cloud-story-hero,.ai-story-hero,.team-story-hero,.family-hero) .hero-actions{flex-direction:column}.main-content :is(.detail-hero,.software-story-hero,.web-story-hero,.mobile-story-hero,.cloud-story-hero,.ai-story-hero,.team-story-hero,.family-hero) .hero-actions>a{width:100%}}