@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(assets/fonts/poppins-400-latin-ext-0b1fcab42c18.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url(assets/fonts/poppins-400-latin-7d93459d8658.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(assets/fonts/poppins-600-latin-ext-bb1f2d582e7f.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url(assets/fonts/poppins-600-latin-f4e80d9dfd37.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url(assets/fonts/poppins-700-latin-ext-ccfd87f69ef0.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url(assets/fonts/poppins-700-latin-9338e65fc077.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --blue:#0558ee; --lime:#cef262; --ink:#1a1c1b; } * { box-sizing:border-box; } html,body { margin:0; min-width:320px; font-family:"Poppins",Arial,sans-serif; color:var(--ink); } body { overflow-x:hidden; } a { color:inherit; text-decoration:none; } .site-header { height:167px; background:#fff; position:relative; z-index:10; } .utility { height:38px; padding:0 123px; display:flex; align-items:center; justify-content:space-between; background:rgba(5,88,238,.19); font-size:12px; } .utility-actions { display:flex; align-items:center; gap:29px; } .utility-actions a, .services-link { display:inline-flex; align-items:center; } .utility-actions a { gap:5px; } .search-icon { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; } .navbar { height:129px; padding:0 123px; display:flex; align-items:center; gap:39px; } .logo { width:193px; height:67px; object-fit:contain; } .logo-link { display:block; flex:0 0 auto; line-height:0; } .nav-links { display:flex; align-items:center; gap:35px; color:#374151; font-size:14px; white-space:nowrap; } .nav-links a { transition:color .2s ease; } .nav-links a:hover,.nav-links a:focus-visible { color:var(--blue); } .services-link { gap:4px; } .services-menu { position:relative; display:flex; align-items:center; align-self:stretch; } .services-link { padding:0; border:0; background:transparent; color:inherit; font:inherit; cursor:default; } .services-menu::after { content:""; position:absolute; left:0; right:0; top:70%; height:38px; } .services-dropdown { position:absolute; z-index:50; top:calc(100% + 8px); left:-22px; width:258px; padding:10px; border:1px solid rgba(15,23,42,.1); border-radius:12px; background:#fff; box-shadow:0 18px 44px rgba(15,23,42,.16); opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .18s ease,transform .18s ease,visibility .18s ease; } .services-dropdown a { display:block; padding:10px 12px; border-radius:8px; color:#263247; font-size:13px; line-height:18px; font-weight:500; white-space:normal; } .services-dropdown a:hover,.services-dropdown a:focus-visible { background:#edf4ff; color:var(--blue); } .services-menu:hover .services-dropdown,.services-menu:focus-within .services-dropdown { opacity:1; visibility:visible; transform:translateY(0); } .services-menu:hover .chevron-icon,.services-menu:focus-within .chevron-icon { transform:rotate(180deg); } .chevron-icon { width:9px; height:6px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; } .nav-actions { margin-left:auto; display:flex; gap:11px; } .button { height:44px; min-width:130px; border-radius:32px; display:flex; align-items:center; justify-content:center; gap:7px; font-size:12px; font-weight:700; transition:background-color .24s ease,border-color .24s ease,color .24s ease; } .button-arrow { display:block; width:12px; height:12px; object-fit:contain; flex:0 0 12px; transition:filter .24s ease; } .outline .button-arrow { width:11px; height:11px; flex-basis:11px; } .dark { border:2px solid #0c0b0b; background:#0c0b0b; color:#fff; } .outline { border:2px solid var(--blue); color:var(--blue); } .nav-actions .button.dark:hover,.nav-actions .button.dark:focus-visible { border-color:var(--lime); background:var(--lime); color:#000; } .nav-actions .button.dark:hover .button-arrow,.nav-actions .button.dark:focus-visible .button-arrow { filter:brightness(0); } .nav-actions .button.outline:hover,.nav-actions .button.outline:focus-visible { border-color:var(--blue); background:var(--blue); color:#fff; } .nav-actions .button.outline:hover .button-arrow,.nav-actions .button.outline:focus-visible .button-arrow { filter:brightness(0) invert(1); } .hero { height:1020px; position:relative; overflow:hidden; background:#000; color:#fff; } .hero-art { position:absolute; left:792px; top:0; width:1137px; height:1036px; object-fit:cover; } .hero-copy { position:absolute; left:120px; top:94px; width:625px; } .hero h1 { margin:0; font-size:72px; line-height:1.1; letter-spacing:-1.44px; } .hero h1 span { color:var(--lime); } .hero-copy>p { margin:22px 0 0; font-size:18px; line-height:30px; } .capabilities { margin-top:36px; width:229px; height:54px; border:2px solid #fff; border-radius:32px; background:#fff; color:#000; display:flex; align-items:center; justify-content:center; gap:8px; font-size:14px; font-weight:600; letter-spacing:.7px; transition:background-color .24s ease,border-color .24s ease,color .24s ease; } .capabilities img { display:block; width:20px; height:20px; flex:0 0 20px; transition:filter .24s ease; } .capabilities:hover,.capabilities:focus-visible { border-color:var(--blue); background:var(--blue); color:#fff; } .capabilities:hover img,.capabilities:focus-visible img { filter:brightness(0) invert(1); } .hero-benefits { position:absolute; left:120px; top:660px; display:grid; grid-template-columns:395px 400px 397px; gap:30px; } .hero-benefits article { height:217px; padding:30px 17px; border:1px solid rgba(255,255,255,.15); border-radius:12px; background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.24)); backdrop-filter:blur(21px); cursor:pointer; transition:border-color .3s ease,background .3s ease,transform .3s ease; } .hero-benefits article:hover { transform:translateY(-2px); } .hero-benefits article:focus-visible { outline:2px solid var(--lime); outline-offset:4px; } .hero-benefits .active { border-top:2px solid var(--lime); background:linear-gradient(160deg,rgba(206,242,98,.09),rgba(255,255,255,.24)); } .hero-benefits small { color:#9ca3af; font-size:14px; text-transform:uppercase; } .hero-benefits .active small { color:var(--lime); } .hero-benefits p { margin-top:54px; font-size:18px; line-height:30px; } .pause { --progress:0deg; position:absolute; left:1696px; top:754px; width:86px; height:86px; padding:0; border:0; border-radius:50%; background:conic-gradient(var(--blue) var(--progress),rgba(5,88,238,.2) 0); cursor:pointer; } .pause-inner { position:absolute; inset:5px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#fff; } .pause-glyph { position:relative; width:14px; height:18px; border-left:4px solid var(--blue); border-right:4px solid var(--blue); } .pause.is-paused .pause-glyph { width:0; height:0; margin-left:4px; border-top:9px solid transparent; border-right:0; border-bottom:9px solid transparent; border-left:14px solid var(--blue); } .hero.slide-change .hero-copy { animation:heroFade .42s ease both; } @keyframes heroFade { from { opacity:.2; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } } @media (prefers-reduced-motion:reduce) { .hero-benefits article { transition:none; } .hero.slide-change .hero-copy { animation:none; } .metric-track.is-next,.metric-track.is-previous { transition:none; } } .metrics { height:571px; padding:54px 133px 0 118px; position:relative; display:grid; grid-template-columns:1fr 397px 397px; gap:26px; background:var(--blue); color:#fff; } .metrics-heading small,.metric-card small { font-size:14px; text-transform:uppercase; } .metrics-heading h2 { margin:26px 0 0; font-size:72px; line-height:1; letter-spacing:-1.44px; } .metric-viewport { grid-column:2/4; width:940px; height:423px; overflow:hidden; } .metric-track { --metric-step:423px; display:flex; gap:26px; transform:translateX(0); will-change:transform; } .metric-track.is-next { transform:translateX(calc(0px - var(--metric-step))); transition:transform .58s cubic-bezier(.22,.61,.36,1); } .metric-track.is-previous { transform:translateX(0); transition:transform .58s cubic-bezier(.22,.61,.36,1); } .metric-card { width:397px; flex:0 0 397px; height:423px; padding:99px 49px 40px; border-radius:12px; display:flex; flex-direction:column; transition:background-color .42s ease,border-color .42s ease; } .dark-card { border:1px solid transparent; background:#000; } .blue-card { border:3px solid rgba(195,197,216,.48); } .blue-card[role="button"] { cursor:pointer; transition:border-color .25s ease,background .25s ease; } .blue-card[role="button"]:hover { border-color:rgba(255,255,255,.78); background:rgba(255,255,255,.04); } .blue-card[role="button"]:focus-visible { outline:2px solid var(--lime); outline-offset:5px; } .dark-card small { color:var(--lime); } .metric-card small { font-size:20px; font-weight:700; letter-spacing:.6px; } .metric-card strong { margin-top:50px; font-size:128px; line-height:.55; font-weight:600; } .metric-card span { margin-top:51px; font-size:20px; line-height:23px; font-weight:700; } .metric-arrows { position:absolute; left:969px; top:509px; display:flex; gap:24px; } .metric-arrows button { width:24px; height:24px; padding:0; border:0; background:transparent; cursor:pointer; } .metric-arrows img { display:block; width:24px; height:24px; } .why { height:1052px; position:relative; background:#fff; } .section-title { position:absolute; top:90px; left:50%; width:790px; transform:translateX(-50%); text-align:center; } .section-title small { color:#0043bb; font-size:20px; font-weight:600; } .section-title h2 { margin:34px 0 0; font-size:48px; line-height:1.1; } .why-copy { position:absolute; left:118px; top:410px; width:549px; } .why-item { position:relative; padding:0 13px; } .why-item::before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:url("assets/figma-why-line.svg") center/100% 2px no-repeat; } .why-toggle { width:100%; margin:0; padding:26px 0 22px; border:0; background:transparent; color:#9a9a9a; font-family:inherit; font-size:28px; line-height:36px; font-weight:600; text-align:left; cursor:pointer; transition:color .25s ease,padding .35s ease; } .why-toggle:hover,.why-toggle:focus-visible { color:#0058ee; } .why-item.active .why-toggle { padding:10px 0 8px; color:#000; } .why-panel { max-height:0; overflow:hidden; opacity:0; transition:max-height .42s ease,opacity .25s ease; } .why-item.active .why-panel { max-height:340px; padding-bottom:30px; opacity:1; } .why-copy p { margin:0; font-size:18px; line-height:30px; } .why-copy a { display:flex; align-items:center; gap:4px; width:max-content; margin-top:10px; color:var(--blue); font-size:16px; font-weight:600; } .report-icon { width:25px; height:25px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(5,88,238,.24); } .report-icon img { display:block; width:11.26px; height:11.39px; } .why-visual { position:absolute; left:970px; top:410px; width:822px; height:524px; overflow:visible; border-radius:16px; } .why-photo { display:block; width:100%; height:100%; object-fit:cover; border-radius:16px; } .why-image-shade { position:absolute; inset:0; border-radius:16px; background:linear-gradient(to bottom,rgba(255,255,255,0) 36.55%,#000 99.27%); pointer-events:none; } .why-photo-copy { position:absolute; right:26px; bottom:50px; display:flex; flex-direction:column; align-items:flex-end; color:#fff; text-align:right; } .why-photo-copy span { font-size:24px; line-height:1.4; } .why-photo-copy b { font-size:32px; line-height:1.25; } .growth { position:absolute; right:-25px; top:-22px; width:143px; height:114px; padding:12px 20px; border:1px solid rgba(60,77,0,.1); border-radius:12px; background:#caed5e; box-shadow:0 10px 16px -3px rgba(0,0,0,.1),0 4px 7px -4px rgba(0,0,0,.1); display:flex; flex-direction:column; justify-content:center; color:#3c4d00; } .growth[hidden] { display:none; } .growth small,.support small { font-size:12px; font-weight:700; text-transform:uppercase; } .growth strong { color:#161e00; font-size:24px; line-height:30px; } .growth small { line-height:1.2; } .growth span { font-size:12px; line-height:1.35; } .support { position:absolute; left:-84px; bottom:-48px; width:246px; height:98px; padding:25px 20px 20px 96px; border:1px solid rgba(195,197,216,.5); border-radius:14px; background:#fff; box-shadow:0 23px 28px -6px rgba(0,0,0,.1),0 9px 11px -7px rgba(0,0,0,.1); display:flex; flex-direction:column; } .team-icon { position:absolute; left:25px; top:25px; width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(5,88,238,.1); } .team-icon img { display:block; width:24px; height:auto; max-height:24px; object-fit:contain; } .support small { color:#0043bb; } .why-visual.why-changing .why-photo,.why-visual.why-changing .why-image-shade,.why-visual.why-changing .why-photo-copy,.why-visual.why-changing .growth,.why-visual.why-changing .support { animation:why-content-in .42s cubic-bezier(.22,.61,.36,1) both; } .why-visual.why-changing .growth { animation-delay:.04s; } .why-visual.why-changing .support { animation-delay:.08s; } @keyframes why-content-in { from { opacity:.15; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } } .support strong { font-size:16px; } .services { height:1294px; position:relative; background:#fff; } .services .section-title { top:45px; } .service-grid { position:absolute; top:306px; left:50%; width:1662px; transform:translateX(-50%); display:grid; grid-template-columns:repeat(3,533px); gap:42px 31px; } .service { height:418px; outline:none; } .service-art { position:relative; width:533px; height:374px; overflow:hidden; border-radius:12px; background:#081044; } .service-art::after { content:""; position:absolute; z-index:4; left:0; bottom:0; width:100%; height:8px; border-radius:0 0 12px 12px; background:#cef262; transform:scaleX(0); transform-origin:left center; transition:transform .52s cubic-bezier(.22,.61,.36,1); pointer-events:none; } .service:hover .service-art::after,.service:focus-visible .service-art::after { transform:scaleX(1); } .service-art.black { background:#000; } .service-art>img { width:100%; height:100%; object-fit:cover; } .service-art .sales { position:absolute; left:115px; top:23px; width:405px; height:331px; object-fit:cover; border-radius:16px; } .service-art .artwork { position:absolute; left:193px; top:38px; width:320px; height:289px; object-fit:cover; border-radius:16px; } .service-art>span { position:absolute; z-index:2; left:16px; top:18px; width:240px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:999px; background:var(--lime); color:#000; font-size:16px; font-weight:600; text-transform:capitalize; } .service-art>b { position:absolute; z-index:2; right:24px; bottom:30px; width:48px; height:45px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:50%; background:#fff; color:var(--blue); font-size:22px; } .service-art>b img { display:block; width:23px; height:22px; transform:translateX(0) rotate(43.79deg) skewX(2.78deg); will-change:transform; } .service-art>b::after { content:""; position:absolute; width:23px; height:22px; background:url("assets/service-arrow.svg") center/contain no-repeat; transform:translateX(-48px) rotate(43.79deg) skewX(2.78deg); will-change:transform; } .service:hover .service-art>b img,.service:focus-visible .service-art>b img { animation:serviceArrowOut .4s cubic-bezier(.45,0,.2,1) both; } .service:hover .service-art>b::after,.service:focus-visible .service-art>b::after { animation:serviceArrowIn .4s cubic-bezier(.45,0,.2,1) both; } @keyframes serviceArrowOut { from { transform:translateX(0) rotate(43.79deg) skewX(2.78deg); } to { transform:translateX(48px) rotate(43.79deg) skewX(2.78deg); } } @keyframes serviceArrowIn { from { transform:translateX(-48px) rotate(43.79deg) skewX(2.78deg); } to { transform:translateX(0) rotate(43.79deg) skewX(2.78deg); } } .service h3 { margin:7px 0 0; font-size:22px; line-height:31px; text-transform:capitalize; } @media (prefers-reduced-motion:reduce) { .service-art::after { transition:none; } .service:hover .service-art>b img,.service:focus-visible .service-art>b img, .service:hover .service-art>b::after,.service:focus-visible .service-art>b::after { animation:none; } } .how-it-works { height:1020px; position:relative; margin-top:-1px; overflow:hidden; background:#000; color:#fff; } .how-copy { position:absolute; left:125px; top:60px; width:576px; } .lime-pill { width:240px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:999px; background:var(--lime); color:#000; font-size:18px; font-weight:600; } .how-copy h2 { margin:41px 0 0; width:505px; font-size:72px; line-height:1; letter-spacing:-1.44px; } .how-copy p { width:458px; margin:55px 0 0 7px; font-size:18px; line-height:30px; } .how-office { position:absolute; left:1216px; top:43px; width:580px; height:490px; object-fit:cover; border-radius:12px; } .process-grid { position:absolute; left:125px; right:124px; top:592px; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; } .process-grid article { height:357px; padding:45px 60px 30px; border:1px solid #000; border-radius:12px; background:#fff; color:#000; text-align:center; } .process-grid img { width:71px; height:71px; object-fit:contain; } .process-grid article:nth-child(2) img { width:77px; height:61px; } .process-grid article:nth-child(3) img { width:62px; height:63px; } .process-grid article:nth-child(4) img { width:95px; height:72px; } .process-grid h3 { margin:20px 0 0; font-size:28px; line-height:36px; text-transform:uppercase; } .process-grid article:first-child h3 { text-transform:none; } .process-grid p { width:250px; margin:42px auto 0; font-size:16px; line-height:24px; } .reach { height:370px; margin-top:68px; display:flex; flex-direction:column; align-items:center; text-align:center; } .reach small { margin-top:26px; color:#0043bb; font-size:20px; font-weight:600; } .reach h2 { margin:31px 0 0; font-size:48px; line-height:1.1; } .reach p { margin:16px 0 0; font-size:18px; line-height:30px; } .reach>a { width:211px; height:58px; margin-top:18px; display:flex; align-items:center; justify-content:center; gap:8px; border:2px solid var(--blue); border-radius:32px; background:var(--blue); color:#fff; font-size:14px; font-weight:600; letter-spacing:.7px; transition:background-color .24s ease,border-color .24s ease,color .24s ease; } .reach>a img { display:block; width:17px; height:17px; flex:0 0 17px; transform:rotate(42.39deg); transition:filter .24s ease; } .reach>a:hover,.reach>a:focus-visible { border-color:var(--blue); background:#fff; color:var(--blue); } .reach>a:hover img,.reach>a:focus-visible img { filter:brightness(0) saturate(100%) invert(26%) sepia(99%) saturate(5293%) hue-rotate(213deg) brightness(96%) contrast(104%); } .logo-wall { height:415px; margin-top:-16px; padding:0 122px; overflow:hidden; background:#fff; } .logo-row { height:198px; display:grid; grid-template-columns:repeat(8,1fr); gap:7px; } .logo-row+ .logo-row { margin-top:19px; } .logo-row img { width:100%; height:198px; object-fit:cover; transition:filter .24s ease; } .logo-row img:hover { filter:brightness(.84); } .security-story { width:calc(100% - 248px); height:803px; margin:82px auto 0; position:relative; overflow:hidden; border-radius:16px; } .security-photo { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; } .security-video { position:absolute; z-index:1; inset:0; overflow:hidden; background:#000; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .3s ease,visibility 0s linear .3s; } #security-youtube-player { position:absolute; inset:0; overflow:hidden; } .security-video iframe { position:absolute; top:50%; left:50%; display:block; max-width:none; border:0; transform:translate(-50%,-50%); pointer-events:none; } .security-story.has-video .security-video { opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; } .security-panel { position:absolute; z-index:2; left:33px; top:42px; width:515px; height:726px; transition:opacity .26s ease,visibility 0s linear 0s; } .security-copy { position:absolute; z-index:3; left:57px; top:79px; width:475px; height:692px; color:#fff; transition:opacity .26s ease,visibility 0s linear 0s; } .security-story.is-playing .security-panel,.security-story.is-playing .security-copy { opacity:0; visibility:hidden; pointer-events:none; transition-delay:0s,.26s; } .security-copy h2 { margin:0; font-size:40px; line-height:1.1; font-weight:600; } .security-actions { position:absolute; left:0; bottom:33px; display:flex; align-items:center; gap:16px; } .watch-video { width:191px; height:43px; display:flex; align-items:center; justify-content:center; gap:8px; border-radius:32px; background:var(--lime); color:#000; font-size:14px; font-weight:600; letter-spacing:.7px; } .watch-video img { width:20px; height:20px; filter:brightness(0); } .read-story { display:flex; align-items:center; gap:12px; font-size:14px; font-weight:700; } .read-story img { width:17px; height:17px; transform:rotate(42.39deg); } .security-next { --video-progress:0deg; position:absolute; z-index:4; right:34px; bottom:35px; width:86px; height:84px; padding:5px; border:0; border-radius:50%; display:flex; align-items:center; justify-content:center; background:conic-gradient(var(--blue) var(--video-progress),rgba(5,88,238,.24) 0); cursor:pointer; } .security-next::before { content:""; position:absolute; inset:5px; border-radius:50%; background:#fff; } .security-control-icon { position:relative; z-index:1; width:0; height:0; margin-left:5px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:16px solid var(--blue); } .security-next.is-playing .security-control-icon { width:14px; height:20px; margin-left:0; border:0; border-left:4px solid var(--blue); border-right:4px solid var(--blue); } .security-next:focus-visible { outline:none; } .testimonials { height:1020px; margin-top:103px; position:relative; background:var(--blue); color:#fff; } .testimonial-intro { position:absolute; left:125px; top:156px; width:480px; } .testimonial-intro h2 { margin:24px 0 0; font-size:72px; line-height:1; letter-spacing:-1.44px; } .testimonial-intro>p { width:448px; margin:24px 0 0; color:#eff6ff; font-size:24px; line-height:29.25px; font-weight:300; } .testimonial-cards { position:absolute; left:825px; top:68px; width:970px; display:grid; grid-template-columns:1fr 1fr; gap:18px; } .testimonial-card { height:430px; padding:33px; border:1px solid rgba(255,255,255,.4); border-radius:24px; display:flex; flex-direction:column; } .testimonial-card.primary { grid-column:1/-1; height:430px; padding:41px; margin-bottom:-2px; } .testimonial-card>img { width:44px; height:35px; } .testimonial-card blockquote { margin:20px 0 0; font-size:18px; line-height:29.25px; font-weight:300; } .testimonial-card.primary blockquote { font-size:24px; line-height:39px; } .testimonial-card footer { margin-top:auto; display:flex; flex-direction:column; } .testimonial-card footer:before { content:""; width:40px; height:3px; margin-bottom:16px; background:#dfff00; } .testimonial-card footer b { font-size:18px; line-height:28px; } .testimonial-card.primary footer b { font-size:20px; } .testimonial-card footer span { color:#dbeafe; font-size:14px; line-height:20px; } .testimonial-card.primary footer span { font-size:16px; line-height:24px; } .contact-section { height:1086px; position:relative; overflow:hidden; background:#fff; } .contact-network { position:absolute; right:-24px; top:-8px; width:560px; height:500px; opacity:.76; pointer-events:none; } .contact-dots { position:absolute; left:-8px; top:735px; width:440px; height:330px; pointer-events:none; } .contact-heading { position:absolute; z-index:2; left:50%; top:90px; width:768px; transform:translateX(-50%); text-align:center; } .contact-heading small { color:#0043bb; font-size:20px; font-weight:600; } .contact-heading h2 { margin:31px 0 0; font-size:48px; line-height:1.1; } .contact-heading p { width:623px; margin:17px auto 0; font-size:18px; line-height:30px; } .contact-form { position:absolute; z-index:2; left:50%; top:349px; width:592px; height:612px; padding:48px 48px 64px; transform:translateX(-50%); border-radius:16px; background:#fff; box-shadow:0 10px 45px rgba(5,88,238,.15); } .contact-form label { height:42px; display:block; position:relative; margin-bottom:24px; border-bottom:1px solid #6b7280; } .contact-form label span { position:absolute; left:12px; top:7px; color:#4b5563; font-size:16px; } .contact-form input,.contact-form textarea { width:100%; height:100%; border:0; outline:0; background:transparent; font:16px Poppins,sans-serif; } .contact-form .message { height:89px; border-color:#111; } .contact-form textarea { padding-top:30px; resize:none; } .contact-form button { float:right; width:128px; height:41px; display:flex; align-items:center; justify-content:center; gap:6px; border:2px solid var(--blue); border-radius:32px; background:#fff; color:var(--blue); font:700 12px Poppins,sans-serif; transition:background-color .24s ease,border-color .24s ease,color .24s ease; } .contact-form button img { width:17px; height:17px; transform:rotate(42.39deg); transition:filter .24s ease; } .contact-form button:hover,.contact-form button:focus-visible { border-color:var(--blue); background:var(--blue); color:#fff; } .contact-form button:hover img,.contact-form button:focus-visible img { filter:brightness(0) invert(1); } .site-footer { height:741px; position:relative; padding:98px 122px 77px; background:#000; color:#fff; } .footer-columns { display:grid; grid-template-columns:292px 291px 292px 291px 281px; gap:52px; } .footer-columns>div { display:flex; flex-direction:column; gap:12px; } .footer-columns h3 { margin:0 0 12px; color:#b1d446; font-size:14px; line-height:20px; letter-spacing:.7px; text-transform:uppercase; } .footer-columns a { font-size:14px; line-height:24px; } .socials { display:flex; flex-direction:row; gap:16px; margin-bottom:8px; } .socials img { width:40px; height:40px; } .socials img[src$="assets/footer-social.svg"] { transform:scale(.75); } .connect .footer-buttons { width:268px; align-self:flex-start; display:grid; grid-template-columns:128px 128px; gap:12px; margin-top:8px; } .connect .footer-buttons a { width:128px; min-width:0; height:43px; display:flex; align-items:center; justify-content:center; border:1px solid #fff; border-radius:32px; font-weight:700; } .connect .footer-buttons a:first-child { justify-content:flex-start; padding-left:16px; border-color:#b1d446; background:#b1d446; color:#000; } .footer-lower { position:absolute; left:119px; right:123px; top:377px; height:154px; display:flex; justify-content:space-between; } .footer-brand { display:flex; flex-direction:column; color:#a1a1a1; font-size:12px; line-height:18px; } .footer-brand img { width:233px; height:65px; object-fit:contain; margin-left:-41px; margin-bottom:16px; } .newsletter { width:268px; } .newsletter h3 { margin:0 0 6px; font-size:16px; line-height:34px; } .newsletter label { width:268px; max-width:100%; height:43px; margin-left:0; position:relative; display:block; } .newsletter input { width:100%; height:43px; padding:0 54px 0 16px; border:1px solid #6b7280; border-radius:999px; font:13px Poppins,sans-serif; } .newsletter button { position:absolute; right:12px; top:50%; transform:translateY(-50%); width:30px; height:30px; padding:0; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:#18181b; } .newsletter button img { width:20px; height:20px; } .newsletter small { display:block; margin:10px 0 0; color:#a1a1a1; font-size:12px; line-height:16px; } .footer-base { position:absolute; left:122px; right:136px; bottom:77px; display:flex; align-items:flex-end; justify-content:space-between; color:#a1a1a1; } .footer-base>div { width:596px; display:flex; flex-direction:column-reverse; gap:16px; } .footer-base p { margin:0; font-size:10px; line-height:20px; } .footer-base span,.footer-base a { font-size:12px; line-height:18px; } .footer-base nav { display:flex; gap:24px; } @media (max-width:1500px) { .utility { padding:0 32px; } .navbar { padding:0 32px; } .nav-links { display:none; } .hero { height:auto; padding:70px 32px; display:flex; flex-direction:column; gap:35px; } .hero-art { inset:0; width:100%; height:100%; opacity:.72; } .hero-copy,.hero-benefits,.pause { position:relative; inset:auto; z-index:1; } .hero-copy { width:auto; } .hero-benefits { display:grid; grid-template-columns:repeat(3,1fr); } .metrics { height:auto; padding:70px 32px; grid-template-columns:1fr 1fr; } .metrics-heading { grid-column:1/-1; } .metric-viewport { grid-column:1/-1; width:calc(100% + min(120px,10vw)); } .metric-track .metric-card { flex-basis:calc((100% - 26px)/2); width:calc((100% - 26px)/2); } .metric-arrows { position:static; grid-column:1/-1; margin-top:-10px; } .why { height:auto; padding:90px 32px; } .section-title,.why-copy,.why-visual { position:relative; inset:auto; transform:none; margin:0 auto; max-width:100%; } .why-copy { margin-top:300px; } .why-visual { margin-top:70px; } .services { height:auto; padding:80px 32px; } .services .section-title,.service-grid { position:relative; inset:auto; transform:none; margin:0 auto; } .service-grid { margin-top:220px; width:100%; grid-template-columns:repeat(2,minmax(0,533px)); justify-content:center; } .how-it-works { height:auto; padding:70px 32px; } .how-copy,.how-office,.process-grid { position:relative; inset:auto; } .how-office { display:block; margin:40px 0 0 auto; max-width:100%; } .process-grid { margin-top:50px; grid-template-columns:repeat(2,1fr); } .logo-wall { padding:0 32px; overflow-x:auto; } .logo-row { min-width:1662px; } .security-story { width:calc(100% - 64px); } .testimonial-intro { left:32px; } .testimonial-cards { left:540px; right:32px; width:auto; } .site-footer { height:auto; padding:70px 32px; } .footer-columns { grid-template-columns:repeat(3,1fr); gap:50px; } .footer-lower,.footer-base { position:relative; inset:auto; margin-top:70px; } } @media (max-width:700px) { .site-header { height:auto; } .utility { display:none; } .navbar { height:92px; padding:0 20px; } .logo { width:145px; } .nav-actions .outline { display:none; } .hero h1 { font-size:48px; } .hero-copy>p br { display:none; } .hero-benefits { grid-template-columns:1fr; width:100%; } .metrics { grid-template-columns:1fr; } .metrics-heading h2 { font-size:52px; } .metric-track .metric-card { width:100%; flex-basis:100%; } .section-title { width:100%; } .section-title h2 { font-size:38px; } .why-copy { margin-top:260px; width:100%; } .why-visual { width:100%; height:330px; } .why-photo-copy { right:16px; bottom:25px; } .why-photo-copy span { font-size:14px; } .why-photo-copy b { font-size:19px; } .growth { left:auto; right:10px; top:-14px; width:116px; height:92px; padding:18px; } .support { left:10px; bottom:-34px; width:210px; height:84px; padding:20px 16px 16px 76px; } .team-icon { left:18px; top:18px; width:46px; height:46px; } .service-grid { grid-template-columns:1fr; margin-top:190px; } .service,.service-art { width:100%; } .how-copy { width:100%; } .how-copy h2 { width:100%; font-size:48px; } .how-copy p { width:100%; margin-left:0; } .process-grid { grid-template-columns:1fr; } .process-grid article { min-width:0; padding-left:28px; padding-right:28px; } .process-grid p { width:100%; } .reach { height:auto; padding:60px 20px; } .reach p { padding:0 15px; } .logo-wall { margin-top:0; } .security-story { height:620px; margin-top:50px; } .security-panel { left:15px; top:20px; width:calc(100% - 30px); height:560px; } .security-copy { left:35px; top:35px; width:calc(100% - 70px); } .security-copy h2 { font-size:32px; } .security-actions { flex-direction:column; align-items:flex-start; } .security-next { width:58px; height:58px; } .testimonials { height:auto; padding:70px 20px; } .testimonial-intro,.testimonial-cards { position:relative; inset:auto; width:100%; } .testimonial-intro h2 { font-size:52px; } .testimonial-intro>p { width:100%; font-size:18px; } .testimonial-cards { margin-top:50px; grid-template-columns:1fr; } .testimonial-card.primary { grid-column:auto; } .testimonial-card.primary blockquote { font-size:18px; line-height:29px; } .contact-heading { width:100%; padding:0 20px; } .contact-heading h2 { font-size:38px; } .contact-heading p { width:100%; } .contact-form { width:calc(100% - 40px); padding:36px 28px; } .contact-network { right:-44px; width:340px; height:310px; } .contact-dots { left:-26px; width:390px; height:300px; } .footer-columns { grid-template-columns:1fr; } .footer-lower,.footer-base { flex-direction:column; align-items:flex-start; gap:40px; } .footer-base>div { width:100%; } .newsletter { width:100%; } .newsletter h3,.newsletter label,.newsletter small { margin-left:0; } .footer-base nav { flex-wrap:wrap; } }  .footer-base { gap:32px; } .footer-base>div { max-width:50%; } .footer-base nav { flex-wrap:wrap; justify-content:flex-end; gap:12px 20px; max-width:650px; } .footer-base nav a { white-space:nowrap; } .newsletter small a { text-decoration:underline; } @media(max-width:760px){ .footer-base>div { max-width:100%; } .footer-base nav { justify-content:flex-start; max-width:100%; } }  .footer-columns > .connect { gap:12px; } .connect .socials { margin-bottom:0; align-items:center; } .connect > h3 { margin-bottom:12px; } .connect .socials img { width:30px; height:30px; } .connect .socials img[src$="assets/footer-social.svg"] { transform:none; } .connect .socials img[src$="assets/footer-linkedin.svg"] { width:40px; height:40px; margin:-5px; } .connect .footer-buttons { margin-top:0; } .connect .newsletter { position:relative; z-index:1; width:268px; margin-top:12px; } .connect .newsletter h3 { margin:0 0 12px; color:#fff; font-size:16px; line-height:24px; letter-spacing:0; text-transform:none; } .connect .newsletter label { width:268px; max-width:100%; margin-left:0; } .connect .newsletter small { margin:12px 0 0; font-size:12px; line-height:16px; } .connect .newsletter small a { font-size:12px; line-height:16px; } .connect .footer-buttons a{transition:background-color .24s ease,border-color .24s ease,color .24s ease} .connect .footer-buttons a:first-child:hover,.connect .footer-buttons a:first-child:focus-visible{border-color:var(--blue);background:var(--blue);color:#fff} .connect .footer-buttons a:last-child:hover,.connect .footer-buttons a:last-child:focus-visible{border-color:#CEF262;background:#CEF262;color:#000}  html { scroll-behavior:smooth; } @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }  @media (min-width:1051px) { .site-footer .footer-columns { grid-template-columns:repeat(3,minmax(0,1fr)) 281px; } } .site-footer .socials a { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; }  .site-footer .footer-brand { padding-top:20px; }  html, body, button, input, textarea, select { font-family: "Poppins", Arial, sans-serif; } @media (min-width:1501px) { :root { --page-gutter: max(96px, calc((100vw - 1440px) / 2)); --proofpoint-hero-left: calc((100vw - 1407px) / 2); } .utility { padding-inline: var(--page-gutter); font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0; } .site-header { display: contents; } .navbar { height: 65px; padding-left: calc(var(--page-gutter) - 28px); padding-right: calc(var(--page-gutter) - 28px); position: sticky; top: 0; z-index: 20; gap: 7px; background: #fff; } .logo { width: 193px; height: 54px; } .nav-links { gap: 32px; color: #374151; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -.15px; } .nav-actions { gap: 12px; flex-direction: row-reverse; } .nav-actions .button { min-width: 138px; height: 40px; gap: 8px; border-width: 3px; font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: -.2px; } .nav-actions .button-arrow, .nav-actions .outline .button-arrow { width: 18px; height: 18px; flex-basis: 18px; } .hero { height: 860px; } .hero-art { left: 39%; width: 61%; height: 100%; } .hero-copy { left: var(--proofpoint-hero-left); top: 165px; width: 600px; } .hero h1 { font-size: 64px; line-height: 1.15; letter-spacing: -1.6px; } .hero-copy>p { margin-top: 26px; font-size: 16px; line-height: 25px; } .capabilities { width: 174px; height: 48px; margin-top: 31px; font-size: 12px; } .hero-benefits { left: var(--proofpoint-hero-left); top: 627px; grid-template-columns: repeat(3, 398px); gap: 24px; } .hero-benefits article { height: 146px; padding: 18px 16px; } .hero-benefits small { font-size: 11px; } .hero-benefits p { margin-top: 38px; font-size: 14px; line-height: 22px; } .pause { left: calc(var(--proofpoint-hero-left) + 1343px); right: auto; top: 725px; width: 52px; height: 52px; } .pause-inner { inset: 4px; } .metrics { height: 482px; padding: 0; display: block; overflow: hidden; } .metrics-heading { position: absolute; left: var(--proofpoint-hero-left); top: 56px; width: 610px; } .metrics-heading h2 { margin-top: 22px; font-size: 48px; line-height: 57.6px; font-weight: 600; letter-spacing: -.96px; } .metrics-heading small, .metric-card small { font-size: 14px; } .metric-viewport { position: absolute; left: calc(var(--proofpoint-hero-left) + 637.5px); top: 56px; width: calc(100vw - var(--proofpoint-hero-left) - 637.5px); height: 336px; } .metric-track { --metric-step: 374px; gap: 40px; } .metric-card { width: 334px; flex-basis: 334px; height: 336px; padding: 82px 30px 30px; border-radius: 12px; } .metric-card small { font-size: 16px; line-height: 21.6px; font-weight: 700; letter-spacing: -.6px; } .metric-card strong { margin-top: 12px; font-size: 90px; line-height: 90px; font-weight: 700; letter-spacing: -5.2px; } .metric-card span { margin-top: 16px; font-size: 16px; line-height: 17.6px; font-weight: 700; letter-spacing: -.5px; } .metric-arrows { left: calc(var(--proofpoint-hero-left) + 605.25px); top: 410px; gap: 20px; transform: none; } .metric-arrows button { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .metric-arrows img { width: 18px; height: 18px; } .why { height: 850px; } .section-title { top: 72px; width: 690px; } .section-title small { font-size: 16px; } .section-title h2 { margin-top: 25px; font-size: 40px; } .why-copy { left: var(--page-gutter); top: 330px; width: 430px; } .why-toggle { padding: 20px 0 17px; font-size: 21px; line-height: 29px; } .why-copy p { font-size: 15px; line-height: 25px; } .why-visual { left: auto; right: var(--page-gutter); top: 330px; width: 680px; height: 434px; } .why-photo-copy { right: 21px; bottom: 41px; } .why-photo-copy span { font-size: 19px; } .why-photo-copy b { font-size: 26px; } .growth { right: -20px; top: -18px; width: 118px; height: 94px; padding: 10px 16px; } .growth strong { font-size: 20px; line-height: 25px; } .growth small, .growth span { font-size: 10px; } .support { left: -70px; bottom: -40px; width: 204px; height: 81px; padding: 20px 16px 16px 79px; } .team-icon { left: 21px; top: 18px; width: 45px; height: 45px; } .support small { font-size: 10px; } .support strong { font-size: 13px; } .services { height: 970px; } .services .section-title { top: 72px; } .service-grid { top: 282px; width: 1042px; grid-template-columns: repeat(3, 334px); gap: 36px 20px; } .service { width: 334px; height: 290px; } .service-art { width: 334px; height: 222px; } .service-art .sales { left: 72px; top: 16px; width: 254px; height: 197px; } .service-art .artwork { left: 120px; top: 23px; width: 202px; height: 184px; } .service-art>span { left: 12px; top: 12px; width: 190px; height: 32px; font-size: 12px; } .service-art>b { right: 14px; bottom: 14px; width: 40px; height: 40px; } .service h3 { margin-top: 12px; font-size: 16px; line-height: 22px; } .how-it-works { height: 865px; } .how-copy { left: var(--page-gutter); top: 96px; width: 440px; } .lime-pill { width: 190px; height: 34px; font-size: 14px; } .how-copy h2 { width: 400px; margin-top: 30px; font-size: 52px; } .how-copy p { width: 390px; margin: 35px 0 0; font-size: 15px; line-height: 25px; } .how-office { left: auto; right: var(--page-gutter); top: 96px; width: 480px; height: 360px; } .process-grid { left: var(--page-gutter); right: var(--page-gutter); top: 489px; gap: 20px; } .process-grid article { height: 280px; padding: 34px 35px 24px; } .process-grid img { width: 58px; height: 58px; } .process-grid h3 { margin-top: 14px; font-size: 21px; line-height: 28px; } .process-grid p { width: 220px; margin-top: 28px; font-size: 13px; line-height: 20px; } .reach { height: 300px; margin-top: 0; padding-bottom: 30px; padding-top: 72px; } .reach small { margin-top: 0; font-size: 15px; } .reach h2 { margin-top: 22px; font-size: 40px; } .reach p { font-size: 15px; } .reach>a { width: 180px; height: 48px; font-size: 12px; } .logo-wall { height: 310px; margin-top: -10px; padding-inline: var(--page-gutter); } .logo-row { height: 145px; } .logo-row+.logo-row { margin-top: 14px; } .logo-row img { height: 145px; } .security-story { width: min(1440px, calc(100% - 2 * var(--page-gutter))); height: 620px; margin-top: 65px; } .security-panel { width: 400px; height: 560px; } .security-copy { width: 360px; height: 525px; } .security-copy h2 { font-size: 31px; } .testimonials { height: 800px; margin-top: 80px; } .testimonial-intro { left: var(--page-gutter); top: 120px; width: 390px; } .testimonial-intro h2 { font-size: 52px; } .testimonial-intro>p { width: 380px; font-size: 17px; line-height: 25px; } .testimonial-cards { left: auto; right: var(--page-gutter); top: 55px; width: 760px; } .testimonial-card, .testimonial-card.primary { height: 330px; padding: 28px; } .testimonial-card blockquote { font-size: 14px; line-height: 23px; } .testimonial-card.primary blockquote { font-size: 18px; line-height: 29px; } .contact-section { height: 860px; } .contact-network { inset: 0; width: 100%; height: 100%; opacity: .55; } .contact-heading { top: 70px; } .contact-heading small { font-size: 16px; } .contact-heading h2 { margin-top: 24px; font-size: 40px; } .contact-heading p { font-size: 15px; } .contact-form { top: 270px; width: 520px; height: 520px; padding: 38px 42px 48px; } .contact-form label { height: 34px; margin-bottom: 19px; } .contact-form label span { font-size: 13px; } .contact-form input, .contact-form textarea { font-size: 13px; } .site-footer { height: 650px; padding: 75px var(--page-gutter) 60px; } .footer-columns { grid-template-columns: repeat(4, 1fr) 260px; gap: 34px; } .footer-lower { left: var(--page-gutter); right: var(--page-gutter); top: 325px; } .newsletter { width: 260px; } .newsletter label { width:268px; max-width:none; } .newsletter h3, .newsletter label, .newsletter small { margin-left: 0; } .footer-base { left: var(--page-gutter); right: var(--page-gutter); bottom: 50px; } }  .how-it-works { height: auto; min-height: 0; padding: 56px max(24px, calc((100% - 1460px)/2)) 60px; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 22px 74px; background: #000; color: #fff; } .how-copy, .how-visual, .process-grid { position: relative; inset: auto; width: auto; margin: 0; } .how-copy { align-self: center; padding: 2px 0 6px; } .how-copy .lime-pill, .testimonial-intro .lime-pill { width: max-content; height: auto; padding: 7px 20px; border-radius: 999px; background: #cef262; color: #000; font-size: 14px; font-weight: 600; } .how-copy h2 { width: auto; max-width: 590px; margin: 25px 0 0; font-size: clamp(48px, 4.15vw, 73px); line-height: 1.1; letter-spacing: -.02em; } .how-copy h2 em, .how-cta em { color: #cef262; font-style: normal; } .how-copy p { width: min(100%, 505px); margin: 26px 0 0; color: #fff; font-size: clamp(14px, 1vw, 18px); line-height: 1.67; } .how-visual { min-height: 400px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .2); border-radius: 12px; } .how-office { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; max-width: none; object-fit: cover; border-radius: 0; } .how-visual::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(0, 0, 0, .48)); pointer-events: none; } .how-proof { position: absolute; z-index: 1; left: 18px; bottom: 18px; display: flex; align-items: center; gap: 14px; width: min(285px, calc(100% - 36px)); padding: 14px 16px; border: 1px solid rgba(255, 255, 255, .47); border-radius: 13px; background: rgba(37, 37, 37, .68); box-shadow: inset 0 1px rgba(255, 255, 255, .12); backdrop-filter: blur(21px); -webkit-backdrop-filter: blur(21px); font-size: 13px; color: #fff; } .how-proof-icon { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 50%; background: #0558ee; color: #fff; font-size: 23px; } .how-proof strong { display: block; color: #cef262; font-size: 30px; line-height: 1.05; } .how-proof small { display: block; margin-top: 4px; font-size: 13px; line-height: 1.4; } .process-grid { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 0; } .process-grid article { position: relative; min-width: 0; height: auto; min-height: 276px; padding: 28px 32px 30px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .15); border-radius: 12px; background: linear-gradient(160deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .24)); box-shadow: none; backdrop-filter: blur(21px); -webkit-backdrop-filter: blur(21px); color: #fff; text-align: left; outline: 0; transition: transform .3s ease, border-color .3s ease, background .3s ease; } .process-grid article:hover, .process-grid article:focus-visible { transform: translateY(-2px); border-color: rgba(255, 255, 255, .15); border-top-color: var(--lime); border-top-width: 2px; background: linear-gradient(160deg, rgba(206, 242, 98, .035), rgba(255, 255, 255, .24)); } .process-icon { display: flex; align-items: center; justify-content: flex-start; width: 86px; height: 76px; } .process-grid .process-icon img { display: block; width: auto; max-width: 100%; height: 70px; max-height: 100%; object-fit: contain; } .process-grid h3, .process-grid article:first-child h3 { margin: 13px 0 0; color: #fff; font-size: 20px; line-height: 1.3; text-transform: none; } .process-grid h3 span { margin-right: 4px; } .process-grid p { width: auto; max-width: 260px; margin: 29px 0 0; color: #fff; font-size: 12px; line-height: 1.65; letter-spacing: .02em; } .how-cta { grid-column: 1/-1; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; min-height: 106px; padding: 18px 28px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 13px; background: linear-gradient(160deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .24)); box-shadow: inset 0 1px rgba(255, 255, 255, .07); } .how-cta-heading { display: flex; align-items: center; gap: 15px; padding-right: 28px; border-right: 1px solid rgba(255, 255, 255, .45); white-space: nowrap; font-size: 19px; } .how-cta-heading>span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #0558ee; color: #fff; font-size: 29px; } .how-cta p { max-width: 600px; margin: 0; color: #fff; font-size: 13px; line-height: 1.55; } .how-cta a { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-width: 212px; min-height: 50px; padding: 0 22px; border: 2px solid transparent; border-radius: 999px; background: #0558ee; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; white-space: nowrap; transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; } .how-cta a:hover, .how-cta a:focus-visible { border-color: #0558ee; background: #fff; color: #0558ee; transform: translateY(-2px); } .how-cta a img { display: block; width: 22px; height: auto; transition: filter .2s ease; } .how-cta a:hover img, .how-cta a:focus-visible img { filter: brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(4936%) hue-rotate(218deg) brightness(96%) contrast(101%); } @media (max-width:1050px) { .how-it-works { grid-template-columns: 1fr 1fr; gap: 26px 32px; padding-inline: 32px; } .how-visual { min-height: 340px; } .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .how-cta { grid-template-columns: 1fr auto; } .how-cta-heading { border: 0; padding: 0; } .how-cta p { grid-row: 2; } .how-cta a { grid-column: 2; grid-row: 1/3; } } @media (max-width:700px) { .how-it-works { display: block; padding: 68px 22px 56px; } .how-copy h2 { font-size: clamp(42px, 10vw, 56px); } .how-visual { min-height: 280px; margin-top: 32px; } .process-grid { grid-template-columns: 1fr; gap: 13px; margin-top: 22px; } .process-grid article { min-height: 235px; } .how-cta { display: flex; align-items: stretch; flex-direction: column; gap: 17px; margin-top: 20px; padding: 22px; } .how-cta-heading { font-size: 17px; white-space: normal; } .how-cta a { align-self: flex-start; } } @media (prefers-reduced-motion:reduce) { .process-grid article, .how-cta a { transition: none; } }  .services { height: auto; padding: 72px max(24px, calc((100% - 1460px)/2)) 82px; background: #f8fbff; } .services .section-title { position: relative; inset: auto; transform: none; width: auto; max-width: 1000px; margin: 0 auto 62px; text-align: center; } .services .section-title small { color: #0043bb; font-size: 16px; font-weight: 600; letter-spacing: 0; text-transform: none; } .services .section-title h2 { margin: 25px 0 0; color: #1a1c1b; font-size: 40px; line-height: 1.1; letter-spacing: 0; } .services .section-title p { display: none; } .services .service-grid { position: relative; inset: auto; transform: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: center; gap: 36px 20px; width: 100%; max-width: 1460px; margin: 0 auto; } .services .service { display: block; width: auto; height: auto; min-width: 0; padding: 14px 14px 18px; border: 0; border-radius: 19px; background: #fff; box-shadow: 7px 8px 11px rgba(0, 0, 0, .17); color: #000; text-decoration: none; transition: transform .22s ease, box-shadow .22s ease; } .services .service:hover, .services .service:focus-visible { transform: translateY(-4px); box-shadow: 8px 12px 18px rgba(0, 0, 0, .2); outline: none; } .services .service:focus-visible { outline: 3px solid #0558ee; outline-offset: 4px; } .services .service-art { position: relative; width: 100%; height: auto; aspect-ratio: 2.195; overflow: hidden; border-radius: 12px; background: #e9f1fd; } .services .service-art::after { content: none; } .services .service-art>img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .35s ease; } .services .service:hover .service-art>img { transform: scale(1.025); } .services .service-info { display: grid; grid-template-columns: 58px minmax(0, 1fr) 48px; align-items: center; gap: 16px; min-height: 102px; padding: 17px 2px 0; } .services .service-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: #e9f1fd; color: #0558ee; } .services .service-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .services .service-info h3 { margin: 0; color: #000; font-size: 21px; line-height: 1.2; font-weight: 700; text-transform: none; } .services .service-info p { margin: 6px 0 0; color: #000; font-size: 15px; line-height: 1.32; } .services .service-arrow { display: grid; place-items: center; width: 48px; height: 40px; background: transparent; transition: transform .22s ease; } .services .service-arrow img { display: block; width: 39px; height: 37px; transform: rotate(43.79deg) skewX(2.78deg); } .services .service:hover .service-arrow, .services .service:focus-visible .service-arrow { transform: translateX(3px); } @media (max-width:1050px) { .services { padding-inline: 32px; } .services .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width:700px) { .services { padding: 60px 20px; } .services .section-title { margin-bottom: 34px; } .services .section-title h2 { margin-top: 14px; } .services .service-grid { grid-template-columns: 1fr; } .services .service-info { grid-template-columns: 44px minmax(0, 1fr) 36px; } .services .service-info h3 { font-size: 21px; } } @media (prefers-reduced-motion:reduce) { .services .service, .services .service-art>img, .services .service-arrow { transition: none; } }  .testimonials { height: auto; min-height: 800px; margin-top: 80px; padding: 70px max(32px, calc((100vw - 1440px)/2)); display: grid; grid-template-columns: minmax(300px, 390px) minmax(0, 1fr); align-items: start; gap: clamp(45px, 6vw, 110px); overflow: hidden; } .testimonial-intro, .testimonial-cards { position: relative; inset: auto; width: auto; } .testimonial-intro { padding-top: 45px; } .testimonial-intro h2 { font-size: clamp(46px, 3.6vw, 62px); } .testimonial-intro>p { width: auto; max-width: 410px; font-size: 17px; line-height: 1.55; } .testimonial-controls { display: flex; gap: 12px; margin-top: 30px; } .testimonial-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; } .testimonial-controls button { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid rgba(255, 255, 255, .7); border-radius: 50%; background: transparent; cursor: pointer; transition: background-color .2s ease, transform .2s ease; } .testimonial-controls button:hover, .testimonial-controls button:focus-visible { background: rgba(255, 255, 255, .18); transform: translateY(-2px); } .testimonial-controls button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } .testimonial-controls button:disabled { opacity: .5; cursor: default; } .testimonial-controls img { width: 20px; height: 20px; filter: brightness(0) invert(1); } .testimonial-previous img { transform: rotate(180deg); } .testimonial-cards { height: 660px; min-width: 0; display: block; overflow: hidden; } .testimonial-card, .testimonial-card.primary { position: absolute; display: flex; flex-direction: column; margin: 0; padding: 26px 30px; border: 1px solid rgba(255, 255, 255, .4); border-radius: 20px; background: transparent; color: #fff; overflow: hidden; transition: left .55s cubic-bezier(.22, .61, .36, 1), top .55s cubic-bezier(.22, .61, .36, 1), width .55s cubic-bezier(.22, .61, .36, 1), height .55s cubic-bezier(.22, .61, .36, 1), opacity .4s ease, background-color .25s ease, color .25s ease; } .testimonial-card.slot-top { left: 0; top: 0; width: 100%; height: 310px; opacity: 1; z-index: 3; } .testimonial-card.slot-left { left: 0; top: 328px; width: calc(50% - 9px); height: 300px; opacity: 1; z-index: 2; } .testimonial-card.slot-right { left: calc(50% + 9px); top: 328px; width: calc(50% - 9px); height: 300px; opacity: 1; z-index: 2; } .testimonial-card.slot-hidden, .testimonial-card.slot-enter-right { left: 105%; top: 328px; width: calc(50% - 9px); height: 300px; opacity: 0; z-index: 0; pointer-events: none; } .testimonial-card.slot-enter-top { left: 0; top: -330px; width: 100%; height: 310px; opacity: 0; z-index: 1; } .testimonial-card.slot-exit-top { left: 0; top: -330px; width: 100%; height: 310px; opacity: 0; z-index: 1; pointer-events: none; } .testimonial-card.slot-exit-right { left: 105%; top: 328px; width: calc(50% - 9px); height: 300px; opacity: 0; z-index: 1; pointer-events: none; } .testimonial-card>img { flex: none; width: 39px; height: 31px; } .testimonial-card blockquote, .testimonial-card.primary blockquote { margin: 17px 0 16px; font-size: clamp(13px, 1vw, 16px); line-height: 1.5; } .testimonial-card.slot-top blockquote { font-size: clamp(17px, 1.4vw, 22px); line-height: 1.55; } .testimonial-card footer { margin-top: auto; } .testimonial-card footer b, .testimonial-card.primary footer b { font-size: 16px; line-height: 1.35; } .testimonial-card footer span, .testimonial-card.primary footer span { color: #dbeafe; font-size: 13px; line-height: 1.4; } .testimonial-card:hover, .testimonial-card:focus-within { background: #fff; color: #0558ee; } .testimonial-card:hover footer span, .testimonial-card:focus-within footer span { color: #2355a7; } .testimonial-card:hover footer::before, .testimonial-card:focus-within footer::before { background: #0558ee; } .testimonial-card:hover>img, .testimonial-card:focus-within>img { filter: brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(2740%) hue-rotate(214deg); } @media (max-width:1100px) { .testimonials { display: block; padding: 70px 32px; } .testimonial-intro { padding-top: 0; } .testimonial-intro h2 br { display: none; } .testimonial-cards { max-width: 850px; margin: 40px auto 0; } } @media (max-width:700px) { .testimonials { min-height: 0; padding: 60px 20px; } .testimonial-intro h2 { font-size: 42px; } .testimonial-cards { height: 335px; margin-top: 30px; } .testimonial-card.slot-top { width: 100%; height: 320px; } .testimonial-card.slot-left, .testimonial-card.slot-right, .testimonial-card.slot-hidden, .testimonial-card.slot-enter-right, .testimonial-card.slot-enter-top, .testimonial-card.slot-exit-top, .testimonial-card.slot-exit-right { opacity: 0; pointer-events: none; } .testimonial-card.slot-top blockquote { font-size: 17px; } } @media (prefers-reduced-motion:reduce) { .testimonial-card, .testimonial-card.primary, .testimonial-controls button { transition: none; } }  .contact-section { isolation: isolate; background: #fff; color: #111; } .contact-section::before { content:none; } .contact-section::after { content: none; } .contact-section .contact-network { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; opacity: .78; pointer-events: none; transition: opacity .25s ease; } .contact-section:hover .contact-network { opacity: .92; } .contact-section .contact-heading { z-index: 2; } .contact-section .contact-heading small { color: #0558ee; } .contact-section .contact-heading h2 { color: #1a1c1b; } .contact-section .contact-heading p { color: #475569; } .contact-section .contact-form { z-index: 2; color: #111; border: 1px solid #e2e8f0; box-shadow: 0 18px 50px rgba(15, 23, 42, .10); } @media (max-width:700px) { .contact-section { height: auto; min-height: 0; padding: 62px 20px 70px; } .contact-section .contact-heading { position: relative; inset: auto; width: 100%; padding: 0; transform: none; } .contact-section .contact-heading p { width: auto; } .contact-section .contact-form { position: relative; inset: auto; width: min(100%, 520px); height: auto; min-height: 540px; margin: 36px auto 0; transform: none; } } @media (prefers-reduced-motion:reduce) { .contact-section .contact-network, .contact-section:hover .contact-network { opacity: .62; transition: none; } }  .logo-wall { --logo-gap: 12px; --logo-side: max(24px, calc((100% - 1460px)/2)); height: auto; margin-top: -16px; padding: 0 0 8px; overflow: hidden; background: #fff; } .logo-row { container-type: inline-size; width: 100%; min-width: 0; height: auto; padding-inline: var(--logo-side); overflow: hidden; } .logo-row+.logo-row { margin-top: var(--logo-gap); } .logo-track { display: flex; width: max-content; gap: var(--logo-gap); will-change: transform; } .logo-set { display: flex; flex: none; gap: var(--logo-gap); } .logo-set img { flex: 0 0 auto; width: calc((100cqw - (7 * var(--logo-gap))) / 8); height: auto; aspect-ratio: 1; object-fit: cover; transition: filter .24s ease; } .logo-set img:hover { filter: brightness(.84); } .logo-row--right .logo-track { animation: logoMarqueeRight 200s linear infinite; } .logo-row--left .logo-track { animation: logoMarqueeLeft 200s linear infinite; } @keyframes logoMarqueeRight { from { transform: translateX(calc(-50% - (var(--logo-gap) / 2))); } to { transform: translateX(0); } } @keyframes logoMarqueeLeft { from { transform: translateX(0); } to { transform: translateX(calc(-50% - (var(--logo-gap) / 2))); } } @media (max-width:700px) { .logo-wall { --logo-gap: 6px; --logo-side: 20px; margin-top: 0; } } @media (prefers-reduced-motion:reduce) { .logo-row--right .logo-track, .logo-row--left .logo-track { animation: none; transform: none; } }  .why-visual { --why-box-left:-24px; --why-box-right:-24px; --why-box-top:-22px; --why-box-bottom:-34px; } .why-visual[data-layout="0"] .growth { left:var(--why-box-left); right:auto; top:var(--why-box-top); bottom:auto; } .why-visual[data-layout="0"] .support { left:var(--why-box-left); right:auto; top:auto; bottom:var(--why-box-bottom); } .why-visual[data-layout="1"] .support { left:auto; right:var(--why-box-right); top:var(--why-box-top); bottom:auto; } .why-visual[data-layout="2"] .growth { left:var(--why-box-left); right:auto; top:var(--why-box-top); bottom:auto; } .why-visual[data-layout="2"] .support { left:auto; right:var(--why-box-right); top:auto; bottom:var(--why-box-bottom); } .why-visual[data-layout="2"] .why-photo-copy { left:26px; right:auto; align-items:flex-start; text-align:left; bottom:90px; } .why-visual[data-layout="3"] .support { left:var(--why-box-left); right:auto; top:var(--why-box-top); bottom:auto; } @media (max-width:767px) { .why-visual { --why-box-left:10px; --why-box-right:10px; --why-box-top:-14px; --why-box-bottom:-34px; } .why-visual[data-layout="2"] .why-photo-copy { left:16px; bottom:78px; } }  .why-visual .growth { width:172px; height:114px; padding:18px 16px; display:flex; flex-direction:column; justify-content:center; gap:3px; background:var(--lime); } .why-visual .growth[hidden] { display:none; } .why-visual .growth small { font-size:11px; line-height:15px; white-space:nowrap; } .why-visual .growth strong { font-size:24px; line-height:30px; } .why-visual .growth span { font-size:11px; line-height:16px; white-space:nowrap; } @media (max-width:767px) { .why-visual .growth { width:156px; height:102px; padding:14px 12px; } .why-visual .growth strong { font-size:22px; line-height:28px; } } .services .service:hover .service-arrow img, .services .service:focus-visible .service-arrow img { filter:brightness(0); } .services .service-icon img { display:block; width:30px; height:30px; object-fit:contain; } @media (max-width:1050px) { .services .service-icon img { width:26px; height:26px; } }  .services .service-icon img[src*="service-icon-production"] { width:50px; height:50px; } @media (max-width:1050px) { .services .service-icon img[src*="service-icon-production"] { width:43px; height:43px; } }  .services .service-icon img[src*="service-icon-sales"], .services .service-icon img[src*="service-icon-customer"] { width:26px; height:26px; } @media (max-width:1050px) { .services .service-icon img[src*="service-icon-sales"], .services .service-icon img[src*="service-icon-customer"] { width:23px; height:23px; } }  .reach { height:auto; gap:20px; padding-bottom:30px; } .reach > small,.reach > h2,.reach > p,.reach > a { margin-top:0; margin-bottom:0; } .reach > a { flex-shrink:0; } .reach + .logo-wall { margin-top:0; } .security-story .security-copy h2 { font-size:40px; } .how-it-works .how-copy h2 { font-size:62px; }  .why .why-item { padding:20px 13px; } .why .why-item .why-toggle { padding:0; } .why .why-item.active .why-toggle { padding:0 0 8px; } .why .why-item.active .why-panel { padding-bottom:0; } .reach > small{font-size:16px}  .hero { background: #06121e; isolation: isolate; } .hero .hero-art { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 1; z-index: -1; pointer-events: none; } .hero-hue { position: absolute; inset: 0; overflow: hidden; z-index: -2; pointer-events: none; background: radial-gradient(ellipse at 55% 12%, #0d2344 0, transparent 43%), #06121e; } .hero-hue::before { content: ""; position: absolute; inset: -8%; background: radial-gradient(ellipse 22% 29% at 7% 5%, #3e72bd 0%, #25448e 38%, transparent 76%); filter: blur(22px); animation: hero-hue-corner 4.5s ease-in-out infinite alternate; } .hero-hue span { position: absolute; display: block; inset: -5%; filter: blur(22px); will-change: transform; } .hero-hue-left { background: radial-gradient(ellipse 5% 24% at 4% 63%, #55d8c6 0%, #09accd 27%, #1767ba 57%, transparent 100%), radial-gradient(ellipse 24% 39% at 10% 92%, #275eb7 0%, #203872 53%, transparent 83%); animation: hero-hue-left 3.5s ease-in-out infinite alternate; } .hero-hue-right { background: radial-gradient(ellipse 14% 17% at 94% 35%, #b4d665 0%, #7bc875 25%, #20adad 47%, #007bbc 64%, transparent 100%), radial-gradient(ellipse 16% 62% at 94% 19%, #366ebc 0%, #24457f 51%, transparent 88%);  } .hero-hue-bottom { opacity: .65; background: radial-gradient(ellipse 10% 15% at 38% 89%, #a3d56d 0%, #43bd94 32%, #0089a9 60%, transparent 100%), radial-gradient(ellipse 30% 22% at 22% 99%, #2d65b8 0%, #234984 51%, transparent 93%); animation: hero-hue-bottom 3.5s ease-in-out infinite alternate; } .hero.is-hue-paused .hero-hue *, .hero.is-hue-paused .hero-hue::before { animation-play-state: paused; } @keyframes hero-hue-corner { to { transform: translate(3%, 5%) scale(1.06); } } @keyframes hero-hue-left { to { transform: translate(2%, -7%) scale(1.04); } } @keyframes hero-hue-bottom { to { transform: translate(7%, -4%) scale(1.06); } } @media (max-width: 1200px) { .hero .hero-art { opacity: .7; } } @media (max-width: 700px) { .hero .hero-art { opacity: .35; } } @media (prefers-reduced-motion: reduce) { .hero-hue span, .hero-hue::before { animation: none; will-change: auto; } }  .how-it-works { isolation: isolate; background: #06121e; }  :is(.hero, .how-it-works, .values-section) { background: #000; } :is(.hero, .how-it-works, .values-section) .hero-hue { background: #000; } :is(.hero, .how-it-works, .values-section) .hero-hue::before { content: none; } :is(.hero, .how-it-works, .values-section) .hero-hue span { inset: auto; width: max(55vw, 420px); height: max(65vh, 420px); left: 50%; top: 50%; transform: translate(-50%, -50%); filter: blur(45px); animation: none; will-change: left, top; } :is(.hero, .how-it-works, .values-section) .hero-hue-left { background: radial-gradient(ellipse, #0558EE 0%, rgba(5, 88, 238, .5) 30%, transparent 70%); opacity: .7; } :is(.hero, .how-it-works, .values-section) .hero-hue-right { width: max(80vw, 610px); height: max(95vh, 610px); background: radial-gradient(ellipse, #CEF262 0%, rgba(206, 242, 98, .35) 28%, transparent 70%); opacity: .5; } :is(.hero, .how-it-works, .values-section) .hero-hue-bottom { background: radial-gradient(ellipse, #0558EE 0%, rgba(5, 88, 238, .3) 35%, transparent 70%); opacity: .55; } @media (prefers-reduced-motion: reduce) { :is(.hero, .how-it-works, .values-section) .hero-hue span { will-change: auto; } }  .why-visual:is([data-layout="2"], [data-layout="3"]) .why-image-shade, .why-visual:is([data-layout="2"], [data-layout="3"]) .why-photo-copy { display: none; }  .security-copy .bridgeai-logo { display: block; width: 220px; max-width: 100%; height: auto; margin-bottom: 24px; } .security-story .security-copy h2 { font-size: 40px; font-weight: 400; line-height: 1.1; } @media (min-width: 768px) { .security-story .security-panel { width: 480px; } .security-story .security-copy { width: 440px; } } @media (max-width: 767px) { .security-story .security-copy h2 { font-size: 32px; } }  .security-story .security-copy { height: auto; bottom: 42px; display: flex; flex-direction: column; } .security-story .bridgeai-logo { flex: none; } .security-story .security-actions { position: static; margin-top: auto; padding-top: 24px; flex: none; } @media (max-width: 767px) { .security-story .security-copy { bottom: 32px; } }  .why-visual[data-layout="0"] .support { display:none; } .hero .hero-art { object-fit: contain; object-position: right top; } .hero .hero-art[src$="assets/Images/Revisions/NEW%20V2%20Hero%20Section.svg"] { left:auto; right:0; width:48%; } @media(max-width:1500px) { .hero .hero-art[src$="assets/Images/Revisions/NEW%20V2%20Hero%20Section.svg"] { width:34%; } }  .hero h1 { font-size:60px; } .hero .capabilities { width:max-content; min-width:174px; padding-inline:16px; white-space:nowrap; } @media (min-width:1501px) { .hero-copy { top:110px; width:820px; } .hero h1 { min-height:0; } .hero-copy > p { max-width:730px; min-height:0; } } @media (min-width:701px) and (max-width:1500px) { .hero-copy { max-width:820px; } } @media (max-width:700px) { .hero h1 { font-size:clamp(32px,7vw,48px); } .hero h1 br { display:none; } .hero h1 span { display:block; } }  .hero-benefits article { display:flex; flex-direction:column; } .hero-benefits article > small { flex:none; } .hero-benefits article > p { margin:20px 0 0; } @media (min-width:1501px) { .hero-benefits article > p { margin:20px 0 0; } } @media (max-width:1500px) { .hero-benefits article { height:auto; min-height:217px; } }  @media (min-width:1501px) { .hero[data-slide="2"] .hero-copy { top:179px; } }  .why-visual .support[hidden] { display:none; } .why-visual:is([data-layout="0"], [data-layout="2"]) .growth { height:auto; min-height:114px; } .why-visual .growth span { white-space:normal; } #bridge-ai { scroll-margin-top:80px; } .why-visual[data-layout="3"] .support { height:auto; min-height:81px; }  .why-visual[data-layout="0"] .growth { width:200px; } .why-visual[data-layout="0"] .growth strong { font-size:20px; line-height:26px; } @media (max-width:767px) { .why-visual[data-layout="0"] .growth { width:180px; } }  .why-visual[data-layout="1"] .support { height:auto; padding-top:20px; padding-bottom:20px; }  .why-visual[data-layout="2"] .growth { width:200px; } .why-visual[data-layout="2"] .growth strong { font-size:20px; line-height:26px; } .why-visual[data-layout="2"] .support { height:auto; padding-top:20px; padding-bottom:20px; } @media (max-width:767px) { .why-visual[data-layout="2"] .growth { width:180px; } }  .services .service-info { align-items:start; } .services .service-info > div { align-self:start; } .services .service-arrow { margin-top:9px; }  .why-visual:is([data-layout="1"], [data-layout="2"], [data-layout="3"] ) .support { width:290px; max-width:calc(100vw - 48px); } .why-visual:is([data-layout="1"], [data-layout="2"], [data-layout="3"] ) .support :is(small,strong) { white-space:nowrap; }  .security-story .read-story { background:#fff; color:#000; border-radius:32px; padding:14px 20px; gap:8px; } .security-story .read-story img { order:0; transform:none; }  .security-story .security-copy h2 { color:var(--lime); font-size:28px; line-height:1.3; font-weight:600; } .security-story .bridgeai-description { margin:18px 0 0; color:#fff; font-size:18px; line-height:1.55; }  .testimonial-card blockquote { flex:none; } .testimonial-card footer { flex:none; } .testimonial-card:is(.slot-left,.slot-right,.slot-enter-right,.slot-exit-right) blockquote { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden; } .testimonial-card.slot-top { height:var(--testimonial-top-height,310px); } .testimonial-card:is(.slot-left,.slot-right,.slot-enter-right,.slot-exit-right) { top:var(--testimonial-lower-top,328px); } .testimonial-cards { height:var(--testimonial-stack-height,660px); } @media(max-width:700px) { .testimonial-card.slot-top { height:var(--testimonial-top-height,320px); } .testimonial-cards { height:var(--testimonial-mobile-height,335px); } }  .how-proof { width:max-content; max-width:calc(100% - 36px); } .how-proof > span:last-child { min-width:0; } .how-proof strong { font-size:18px; line-height:1.3; margin:5px 0; } .how-proof-icon img { width:20px; height:20px; filter:brightness(0) invert(1); }  .reach > p { width:100%; max-width:840px; padding-inline:24px; }  .security-story { background:linear-gradient(to bottom,#07438f 0%,#001a38 53%,#000 85%); } .security-story .security-photo { transform:none; object-fit:contain; object-position:right bottom; inset:0; width:100%; height:100%; }  .metrics .metrics-heading h2 { color:#fff; } .metrics .metrics-heading h2 span { color:#fff; }  .hero #hero-title{display:flex;flex-direction:column;justify-content:flex-end} @media(min-width:1501px){.hero[data-slide] .hero-copy{top:179px}} .metrics .metrics-heading > small { color:var(--lime); }  @media(min-width:1100px){.why > .section-title{width:1200px;max-width:calc(100% - 64px)}}  .services .section-title{max-width:1200px} .site-search { position:relative; line-height:1.4; } .site-search [hidden] { display:none !important; } .site-search-toggle { display:inline-flex; align-items:center; gap:5px; border:0; padding:3px 0; background:transparent; color:inherit; font:inherit; cursor:pointer; } .site-search-form { display:flex; align-items:center; width:320px; max-width:calc(100vw - 40px); height:30px; position:relative; background:#fff; border:1px solid #0558ee; border-radius:6px; } .site-search-form input { width:100%; min-width:0; height:100%; border:0; padding:4px 30px 4px 10px; border-radius:6px; background:transparent; color:#1a1c1b; font:inherit; font-size:12px; outline:none; } .site-search-form:focus-within { outline:2px solid #0558ee; outline-offset:1px; } .site-search-close { position:absolute; right:4px; top:2px; width:24px; height:24px; padding:0; border:0; background:transparent; color:#374151; font-size:20px; cursor:pointer; } .site-search-results { position:absolute; top:calc(100% + 5px); right:0; width:400px; max-width:calc(100vw - 24px); max-height:min(440px,65vh); overflow-y:auto; background:#fff; color:#1a1c1b; border:1px solid #dce4f1; border-radius:10px; padding:6px; box-shadow:0 12px 32px #0f172a26; z-index:100; } .utility-actions .site-search-results a { display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:10px 12px; border-radius:6px; white-space:normal; } .site-search-results strong { font-size:13px; font-weight:600; } .site-search-results small { font-size:11px; color:#64748b; } .site-search-results a:hover,.site-search-results a[aria-selected="true"] { background:#edf4ff; color:#0558ee; } .site-search-results p { margin:0; padding:12px; font-size:12px; } .site-search-status { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } @media(max-width:600px) { .utility { gap:12px; } .utility > span:first-child { flex-shrink:0; font-size:10px; } .utility-actions { min-width:0; } .site-search { max-width:100%; } .site-search-form { width:220px; max-width:100%; } }  .utility-actions .site-search { display:flex; align-items:center; height:30px; } .utility-actions .site-search-toggle { display:inline-flex; align-items:center; justify-content:center; width:auto; height:28px; padding:0; } .utility-actions .site-search.is-open .site-search-toggle { display:none !important; } .utility-actions .site-search .site-search-form { display:flex; align-items:center; margin:0; padding:0; height:28px; min-height:0; width:260px; max-width:100%; background:transparent; border:0; border-bottom:1px solid currentColor; border-radius:0; box-shadow:none; outline:none; } .utility-actions .site-search .site-search-form:focus-within { border-bottom-color:#0558ee; outline:none; } .utility-actions .site-search .site-search-form input { height:27px; margin:0; padding:2px 28px 2px 0; border:0; border-radius:0; box-shadow:none; background:transparent; color:inherit; outline:none; font-size:12px; } .utility-actions .site-search input::placeholder { color:inherit; opacity:.65; } .utility-actions .site-search input::-webkit-search-cancel-button { display:none; } .utility-actions .site-search .site-search-close { display:flex; align-items:center; justify-content:center; right:0; top:0; width:26px; height:27px; padding:0; background:transparent; border:0; border-radius:0; color:inherit; } .utility-actions .site-search [hidden] { display:none !important; } .site-search-toggle:focus-visible,.site-search-close:focus-visible { outline:1px solid currentColor; outline-offset:2px; } @media(max-width:600px) { .utility-actions .site-search .site-search-form { width:150px; } } .utility-actions .site-search input[type="search"] { appearance:none; -webkit-appearance:none; background-image:none; } .utility-actions .site-search input::-webkit-search-decoration, .utility-actions .site-search input::-webkit-search-results-button, .utility-actions .site-search input::-webkit-search-results-decoration { display:none; -webkit-appearance:none; }  .responsive-menu-toggle{display:none} @media(max-width:1024px){ .navbar{position:relative;gap:12px;min-height:76px} .responsive-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #d6e2f7;border-radius:10px;background:white;color:#0558ee;font:600 14px Poppins,sans-serif;cursor:pointer;margin-left:auto} .navbar .nav-links{display:none} .navbar.menu-open .nav-links{display:flex!important;position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;box-shadow:0 12px 24px #00194425;padding:20px;flex-direction:column;align-items:stretch;gap:4px;white-space:normal;max-height:75vh;overflow:auto;color:#171b22} .navbar.menu-open .nav-links>a{padding:12px} .navbar.menu-open .services-menu{display:block} .navbar.menu-open .services-link{padding:12px;width:100%;text-align:left} .navbar.menu-open .services-menu::after{display:none} .navbar.menu-open .services-dropdown{position:static;display:grid;opacity:1;visibility:visible;transform:none;box-shadow:none;width:auto;min-width:0;padding:0 12px;border:0;background:#f5f8ff;border-radius:8px} .navbar.menu-open .services-dropdown a{padding:10px;white-space:normal;font-size:13px} } @media(max-width:1024px){ html{scroll-padding-top:20px}body{min-width:0} main :is(h1,h2,h3,p){overflow-wrap:break-word} main h1:where(:not(.service-overview-copy > h1)){font-size:clamp(32px,4.6vw,44px)!important;line-height:1.15!important;letter-spacing:-.7px!important} main h2,.about-page h2,.how-page main h2{font-size:clamp(26px,3.6vw,34px)!important;line-height:1.2!important;letter-spacing:-.5px!important} main p{font-size:15px;line-height:1.7} button,input,select,textarea{font-size:16px} .navbar{padding:12px 24px!important;width:100%;box-sizing:border-box}.navbar .logo{max-width:140px;height:auto}.nav-actions{gap:8px} .nav-actions .button{min-height:44px;padding:0 16px;font-size:12px} .site-footer{padding:48px 24px 24px!important}.footer-columns{gap:32px!important} .site-footer a{line-height:1.6}.footer-bottom{gap:16px;flex-wrap:wrap} .prefooter-cta .prefooter-cta-inner{width:calc(100% - 48px);gap:24px;flex-wrap:wrap;padding:32px 0} .prefooter-cta h2{font-size:28px!important}.prefooter-cta p{font-size:14px!important} .hero{padding:48px 24px!important;gap:28px!important;height:auto!important}.hero-copy{position:relative!important;inset:auto!important;max-width:720px!important;width:100%!important;box-sizing:border-box} .hero #hero-title{height:auto!important;min-height:0!important;display:block!important;font-size:clamp(32px,4.4vw,44px)!important}.hero #hero-title br{display:none}.hero #hero-title span{display:block} .hero-copy>p{font-size:15px;line-height:1.7;margin-top:20px}.hero .capabilities{margin-top:24px;min-height:44px} .hero-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-benefits article{min-height:0!important;padding:18px!important}.hero-benefits article>small{font-size:12px!important}.hero-benefits article>p{font-size:13px!important;line-height:1.6!important;margin-top:12px!important}.hero .pause{width:44px;height:44px} .metrics{padding:48px 24px!important;gap:28px!important}.metrics-heading h2{max-width:650px}.metric-viewport{width:100%!important;max-width:100%;margin:0!important}.metric-track .metric-card{box-sizing:border-box} .why{display:flex!important;flex-direction:column;padding:48px 24px!important;gap:32px;height:auto!important} .why>.section-title{position:static!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0!important} .why>.why-copy{position:static!important;transform:none!important;width:100%!important;max-width:680px!important;margin:0 auto!important} .why>.why-visual{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:600px!important;margin:0 auto!important} .services{padding:48px 24px!important}.services .section-title{margin-bottom:32px}.services .section-title h2 br{display:block} .testimonials{padding:48px 24px!important;display:grid!important;grid-template-columns:1fr!important;gap:28px!important;height:auto!important} .testimonial-intro{position:static!important;width:100%!important;max-width:600px!important}.testimonial-intro h2{white-space:normal!important;width:auto!important;max-width:100%!important}.testimonial-intro h2 br{display:block!important} .testimonial-cards{width:100%!important;max-width:100%!important}.testimonial-card.slot-top{max-width:100%!important}.testimonial-card blockquote{font-size:15px!important;line-height:1.7!important} .about-page .founder-grid,.about-page .team-grid,.about-page .reach-grid{grid-template-columns:1fr!important;gap:32px!important} .about-page .founder-grid>*,.about-page .founder-copy{width:100%!important;min-width:0;max-width:100%!important}.founder-visual{max-width:460px!important;margin:auto!important} .about-page .about-hero-copy{max-width:100%!important} .team-track,.reach-track{padding-bottom:20px;align-items:flex-start}.person-card,.reach-card{flex:0 0 calc((100% - 24px)/2)!important;min-width:0}.person-details{min-height:80px!important}.team-more-card{gap:12px;padding:18px 12px}.team-more-icon{height:80px} .services-page .service-feature,.services-page .service-overview{height:auto!important;min-height:0!important} .services-page .service-feature-inner{height:auto!important;padding-top:40px!important;padding-bottom:40px!important;gap:28px!important;min-width:0} .services-page .feature-copy,.services-page .service-overview-copy{min-width:0;max-width:100%!important;width:auto!important} .services-page .feature-copy p,.services-page .service-overview-copy p{font-size:15px!important;line-height:1.7!important} .services-page .service-overview-cards p,.services-page .shared-service-cards span,.services-page .quotes-glass-cards span,.services-page .sourcing-icon-list span{font-size:14px!important;line-height:1.6!important} .services-page .sourcing-icon-list b{font-size:16px!important;line-height:1.4!important}.services-page .sourcing-icon-list{gap:22px!important} .work-process{grid-template-columns:1fr!important;gap:28px}.work-section-copy{padding:0!important;width:100%!important;max-width:650px!important;border:0!important} .work-sales-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.work-sales-steps li{border:0;padding:0 6px}.work-artwork-grid{grid-template-columns:1fr 1fr;gap:28px}.work-production-steps{gap:20px} .why-page-hero{height:auto!important;min-height:0!important;padding-bottom:48px!important}.why-page-hero-copy{padding-top:48px!important}.why-page-hero h1 br{display:none} .why-split,.outsourcing-body{grid-template-columns:1fr!important;gap:28px!important}.why-feature-image{max-width:100%;height:auto!important} .blog-hero{min-height:0!important}.blog-hero-inner{padding-top:32px;padding-bottom:40px}.blog-hero h1{margin-top:48px!important}.blog-article{padding:32px 0 48px} .resources-hero{height:340px!important}.resources-library{gap:28px;padding-top:32px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px;justify-content:stretch}.resource-grid .service,.resource-grid .service-art{width:100%!important}.resource-grid .service-art{height:auto!important;aspect-ratio:334/222}.resource-grid .service{min-height:0!important}.resource-card>p{font-size:14px;line-height:1.6}.resource-card>small{font-size:11px;line-height:1.5} .contact-hero-page{height:auto!important;min-height:0!important}.contact-hero-inner{padding-top:40px!important;padding-bottom:48px!important}.contact-form input,.contact-form textarea,.contact-form select{font-size:16px!important} } @media(max-width:600px){ .navbar{padding:10px 20px!important}.navbar .logo{max-width:125px}.navbar .nav-actions{display:none!important}.utility{display:none!important}.navbar.menu-open .nav-links{padding-bottom:24px} .hero-benefits{display:none!important}.hero .pause{display:none}.hero{min-height:0!important}.hero-art{opacity:.35!important} main h1:where(:not(.service-overview-copy > h1)){font-size:32px!important}main h2,.about-page h2,.how-page main h2{font-size:28px!important} .metrics{grid-template-columns:1fr!important}.metric-track .metric-card{flex-basis:100%!important;width:100%!important} .why-visual .growth,.why-visual .support{display:none!important}.why .why-visual{height:260px!important} .services .service-info p{font-size:13px!important;line-height:1.6!important}.services .service-info h3{font-size:18px!important} .setup h2,.how-it-works h2,.industry h2{font-size:30px!important} .about-page .story-timeline{grid-template-columns:1fr!important;gap:28px!important;text-align:left}.story-timeline li{max-width:100%}.story-timeline li::after{display:none} .person-card,.reach-card{flex-basis:88%!important}.team-more-card h3{font-size:20px!important} .testimonial-cards{height:auto!important;min-height:0!important;overflow:visible!important;margin-top:0!important}.testimonial-card.slot-top{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:280px!important;padding:24px!important;overflow:visible!important}.testimonial-card:not(.slot-top){display:none!important}.testimonial-card.slot-top blockquote{font-size:15px!important;line-height:1.65!important}.testimonials{min-height:0!important;overflow:visible!important} .work-container,.about-container{width:calc(100% - 40px)}.work-artwork-grid{grid-template-columns:1fr!important}.work-artwork-steps{grid-column:auto!important}.work-artwork-photo{grid-row:auto!important} .work-hero-image{display:none!important} .work-production-steps{grid-template-columns:1fr!important}.work-tools .work-tool-cards article{flex-basis:calc((100% - 12px)/2)} .resource-grid{grid-template-columns:1fr!important}.resource-toolbar{flex-wrap:wrap}.resource-sort select{font-size:14px;min-height:44px}.resource-filters label{min-height:36px}.resources-hero{height:280px!important} .prefooter-cta .prefooter-cta-inner{width:calc(100% - 40px);padding:0}.prefooter-cta h2{font-size:26px!important} .blog-hero h1{font-size:30px!important}.blog-meta{gap:20px}.blog-article{font-size:15px} .site-footer .footer-columns{grid-template-columns:1fr 1fr!important;gap:28px 20px!important}.site-footer .connect{grid-column:1/-1}.site-footer h3{font-size:13px!important}.site-footer a{font-size:13px!important} }  @media(max-width:1024px){ .utility{display:none!important}.site-header{height:auto!important}.navbar{height:76px!important;min-height:76px}.navbar .nav-actions{display:none!important} .metrics-heading h2 br,.testimonial-intro h2 br{display:none!important} .metric-track .metric-card{height:250px!important;padding:28px!important;justify-content:flex-start} .metric-card small{font-size:13px!important;line-height:1.4!important}.metric-card strong{font-size:72px!important;line-height:1!important;margin-top:22px!important}.metric-card span{font-size:15px!important;line-height:1.4!important;margin-top:16px!important} .why .why-item.active .why-panel{max-height:none!important;height:auto!important;overflow:visible!important}.why-copy p{font-size:15px!important;line-height:1.7!important}.why .why-item{padding:18px 0!important}.why-toggle{font-size:20px!important;line-height:1.35!important}.why-copy a{font-size:14px!important} .testimonial-intro{padding-top:0!important}.testimonials{margin-top:0!important}.testimonial-cards{margin-top:0!important} .security-story{height:auto!important;min-height:0!important;padding:32px!important;margin-block:40px!important;border-radius:16px}.security-story .security-panel,.security-story .security-photo,.security-story .security-shade{display:none!important}.security-story .security-copy{position:relative!important;inset:auto!important;width:100%!important;max-width:600px!important;height:auto!important;margin:0!important}.security-story .bridgeai-logo{width:170px;margin-bottom:20px}.security-story .bridgeai-description{font-size:15px!important;line-height:1.7!important}.security-story .security-actions{margin-top:0!important}.security-story .security-copy h2{font-size:26px!important} .footer-lower,.footer-base{margin-top:36px!important;height:auto!important;gap:24px!important}.footer-base>div{max-width:100%!important}.footer-base{flex-direction:column!important;align-items:flex-start!important}.footer-base nav{justify-content:flex-start!important;gap:12px 16px!important} .services-page .service-overview-inner{padding-top:40px!important;padding-bottom:40px!important}.services-page .feature-image,.services-page .feature-image.portrait{max-height:340px!important;width:100%!important;object-fit:cover!important}.services-page .service-overview-image{max-height:300px!important;object-fit:contain!important} .about-page .founder-story-message{height:auto!important;max-height:none!important;overflow:visible!important} } @media(max-width:600px){ main h1:where(:not(.service-overview-copy > h1)),.hero #hero-title{font-size:30px!important;line-height:1.2!important}.hero #hero-title span{display:inline!important} main h2,.about-page h2,.how-page main h2{font-size:26px!important;line-height:1.25!important} .hero{padding:40px 20px!important}.hero-copy>p{font-size:14px!important;line-height:1.7!important} .metrics,.why,.services,.testimonials{padding:40px 20px!important}.metrics-heading h2{margin-top:18px!important}.metric-track .metric-card{height:220px!important}.metric-card strong{font-size:64px!important} .why .why-visual{height:280px!important}.why>.section-title h2{font-size:24px!important}.why-photo-copy b{font-size:20px!important}.why-photo-copy span{font-size:12px!important} .testimonial-intro h2{max-width:320px!important}.testimonials .testimonial-intro>p{font-size:15px!important}.testimonial-controls{margin-top:22px!important} .security-story{width:calc(100% - 40px)!important;padding:26px!important}.security-story .security-copy h2{font-size:25px!important} .site-footer{padding:36px 20px 28px!important}.footer-columns{grid-template-columns:1fr 1fr!important}.footer-lower{flex-direction:column!important}.footer-base p{line-height:1.7!important} .services-page .feature-image,.services-page .feature-image.portrait{max-height:250px!important}.services-page .service-overview-cards article{padding:22px!important;min-height:0!important} .why-page main :is(.security-card,.benefit-card){min-height:0!important;height:auto!important;padding:24px!important} } @media(max-width:1024px){ .metric-viewport{height:250px!important} .about-page .story-timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important;text-align:left}.story-timeline li::after{display:none!important}.story-icon{margin:0 0 18px!important}.story-timeline p{max-width:360px} .about-page .values-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.about-page .values-grid>div{grid-column:1/-1!important} } @media(max-width:600px){.metric-viewport{height:220px!important}.about-page .story-timeline{grid-template-columns:1fr!important}.about-page .values-grid{grid-template-columns:1fr!important}.about-page .values-grid article{min-height:0!important;padding:24px!important}} @media(max-width:1024px){ .responsive-menu-toggle{width:44px;height:44px;min-width:44px;padding:11px;display:flex;flex-direction:column;gap:5px;border:0;background:transparent;border-radius:8px} .responsive-menu-toggle span{display:block;width:22px;height:2px;background:#0558ee;border-radius:2px;flex:none} .menu-open .responsive-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .responsive-menu-toggle span:nth-child(2){opacity:0}.menu-open .responsive-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .responsive-menu-toggle:focus-visible{outline:2px solid #0558ee;outline-offset:2px} .navbar.menu-open .nav-links{max-height:calc(100dvh - 76px);overscroll-behavior:contain;padding:16px 20px 24px;gap:0} .navbar.menu-open .nav-links>a,.navbar.menu-open .services-link{font-size:15px;line-height:1.5;padding:12px 0;border-bottom:1px solid #edf1f7} .navbar.menu-open .services-dropdown{margin:6px 0;padding:8px 14px}.navbar.menu-open .services-dropdown a{font-size:14px;padding:10px 0} .hero-hue span,.logo-track{animation:none!important}.hero.slide-change .hero-copy,.why-changing{animation:none!important} .metric-viewport{height:auto!important;overflow:visible!important}.metric-track{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}.metric-track .metric-card{width:auto!important;height:auto!important;min-height:185px;padding:22px!important}.metric-card strong{font-size:54px!important;margin-top:16px!important}.metric-card small{font-size:11px!important}.metric-card span{font-size:13px!important;font-weight:500!important}.metric-arrows{display:none!important} .testimonial-card{transition:none!important}.testimonial-card.slot-top{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important}.testimonial-card:not(.slot-top){display:none!important}.testimonial-cards{height:auto!important;min-height:0!important;overflow:visible!important}.testimonial-card blockquote{display:block!important;overflow:visible!important} .work-production-steps ul{border:0!important} } @media(max-width:600px){.metric-track{gap:12px!important}.metric-track .metric-card{padding:18px!important;min-height:170px}.metric-card strong{font-size:44px!important}.metric-card span{font-size:12px!important}.metric-card small{font-size:10px!important}} .responsive-nav-actions{display:none} @media(max-width:1024px){.responsive-nav-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:18px}.responsive-nav-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;border:1px solid #0558ee;color:#0558ee;font-size:14px;font-weight:600}.responsive-nav-actions a:last-child{background:#0558ee;color:#fff}.navbar.menu-open .services-link .chevron-icon{display:none}} @media(max-width:1024px){ .navbar.menu-open .services-link{display:flex;align-items:center;justify-content:space-between;gap:16px} .navbar.menu-open .services-link .chevron-icon{display:block;width:12px;height:8px;flex:none;transition:transform .15s ease} .navbar.menu-open .services-dropdown{display:none!important} .navbar.menu-open .services-expanded .services-dropdown{display:grid!important} .navbar.menu-open .services-expanded .chevron-icon{transform:rotate(180deg)} } @media(max-width:1024px){ .hero-benefits{display:none!important} .hero #hero-title{height:auto!important;min-height:3.6em!important;line-height:1.2!important;letter-spacing:-.5px!important} .hero #hero-title .hero-mobile-line{display:block!important;width:max-content;max-width:none;white-space:nowrap;line-height:1.2!important} .hero #hero-title .hero-heading-lines>div{color:#fff} .hero .pause{display:block!important;position:absolute!important;inset:auto 20px 24px auto!important;width:44px!important;height:44px!important;z-index:3} .hero{padding-bottom:84px!important}.hero .pause-inner{inset:3px}.hero .pause-glyph{width:10px;height:14px;border-left-width:3px;border-right-width:3px} .hero .pause.is-paused .pause-glyph{width:0;height:0;border-top-width:7px;border-bottom-width:7px;border-left-width:10px;border-right-width:0} } @media(max-width:1024px){ .metric-viewport{height:220px!important;overflow:hidden!important;touch-action:pan-y} .metric-track{display:flex!important;gap:16px!important} .metric-track .metric-card{flex:0 0 calc((100% - 16px)/2)!important;width:calc((100% - 16px)/2)!important;height:220px!important;min-height:0!important;cursor:default} .metric-arrows{display:flex!important;gap:16px;margin-top:0!important} .metric-arrows button{min-width:44px;min-height:44px} } @media(max-width:600px){.metric-track{gap:12px!important}.metric-track .metric-card{flex-basis:calc((100% - 12px)/2)!important;width:calc((100% - 12px)/2)!important;padding:18px!important}.metric-card strong{font-size:clamp(32px,10.5vw,44px)!important}} @media(max-width:1024px){ .why .why-item>.why-visual{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:600px!important;height:340px!important;margin:4px auto 22px!important;overflow:hidden;border-radius:16px} } @media(max-width:600px){.why .why-item>.why-visual{height:280px!important;margin-bottom:20px!important}} @media(max-width:1024px){ .services .service-info{grid-template-columns:52px minmax(0,1fr) 28px;column-gap:16px;align-items:start} .services .service-icon{width:52px;height:52px} .services .service-arrow{width:28px} } @media(max-width:1024px){ .how-it-works .how-visual{display:none!important} .how-it-works{grid-template-columns:1fr!important} .how-it-works .how-copy,.how-it-works .process-grid,.how-it-works .how-cta{grid-column:1/-1!important} } @media(max-width:700px){.how-it-works .how-cta>a{align-self:center;margin-inline:auto}} @media(max-width:1024px){ .logo-wall{--logo-gap:10px;--logo-side:20px;padding-bottom:16px} .logo-set img{width:112px;height:112px;aspect-ratio:1;object-fit:cover} .logo-row--right .logo-track{animation:logoMarqueeRight 110s linear infinite!important} .logo-row--left .logo-track{animation:logoMarqueeLeft 110s linear infinite!important} } @media(max-width:600px){.logo-set img{width:96px;height:96px}} @media(max-width:1024px) and (prefers-reduced-motion:reduce){.logo-row--right .logo-track,.logo-row--left .logo-track{animation:none!important;transform:none}} @media(max-width:1024px){ .testimonial-intro h2{font-size:clamp(20px,6.5vw,28px)!important;max-width:100%!important} .testimonial-intro h2 .testimonial-title-line{display:block;white-space:nowrap} .testimonial-intro h2 br{display:none!important} } @media(max-width:1024px){ .testimonials .testimonial-cards{height:var(--responsive-testimonial-height,540px)!important} .testimonials .testimonial-card.slot-top{height:var(--responsive-testimonial-height,540px)!important;box-sizing:border-box} .testimonials>.testimonial-controls{margin-top:0!important} .testimonials .testimonial-card.slot-top footer{margin-top:auto!important} } @media(max-width:1024px){ .metric-track .metric-card{align-items:center!important;justify-content:center!important;text-align:center} .metric-card small,.metric-card strong,.metric-card span{width:100%;text-align:center} } @media(max-width:1024px){ .why .why-item>.why-visual{height:auto!important;aspect-ratio:auto!important} .why .why-visual .why-photo{position:relative;inset:auto;width:100%!important;height:auto!important;object-fit:contain;transform:none;display:block} }  @media(max-width:1024px){ main :is(h1,h2,h3,h4,h5,h6) br{display:initial!important} .hero #hero-title br,.testimonials .testimonial-intro h2 br{display:none!important} main :is(h1,h2,h3,h4,h5,h6){word-break:normal;hyphens:none} } @media(max-width:1024px){ main :is(h1,h2,h3,h4,h5,h6){text-wrap:balance} .metrics-heading h2 br{display:initial!important} } @media(max-width:1024px){main>.reach{margin-top:0;padding-top:40px}} @media(max-width:1024px){main>.reach p{font-size:15px;line-height:1.7}} @media(max-width:1024px){.contact-section .contact-heading p{font-size:15px;line-height:1.7}} .story-read-more{display:none} @media(max-width:700px){ .story-collapsible:not(.is-expanded)>p:nth-of-type(n/**/+2){display:none} .story-read-more{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;padding:0;border:0;background:transparent;color:#0558ee;font:600 14px Poppins,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px} .story-read-more:focus-visible{outline:2px solid #0558ee;outline-offset:4px;border-radius:2px} } @media(max-width:700px){ .about-page .story-timeline{grid-template-columns:1fr!important;gap:32px!important;margin-left:12px;margin-top:40px;text-align:left} .about-page .story-timeline>li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:18px;row-gap:4px;align-content:start;position:relative} .about-page .story-timeline>li:not(:last-child)::before{content:"";position:absolute;left:23px;top:24px;height:calc(100% + 32px);border-left:2px dotted #90afff;z-index:0} .about-page .story-timeline .story-icon{grid-column:1;grid-row:1/4;width:48px;height:48px;margin:0!important;z-index:1} .about-page .story-timeline .story-icon img{width:25px;height:25px} .about-page .story-timeline>li>small,.about-page .story-timeline>li>h3,.about-page .story-timeline>li>p{grid-column:2;min-width:0;margin:0;max-width:100%} .about-page .story-timeline>li>small{line-height:1.4} .about-page .story-timeline>li>h3{line-height:1.4;text-wrap:wrap} .about-page .story-timeline>li>p{margin-top:10px;font-size:15px;line-height:1.7} } @media(max-width:1024px){.prefooter-cta .cta-outsourcing-title .prefooter-highlight{display:block}} @media(max-width:700px){.why-integration .integration-banner{align-items:center;justify-content:center;text-align:center;flex-direction:column}.why-integration .integration-banner>a{align-self:center;justify-content:center}} @media(max-width:700px){.why-industry .why-image-wrap{display:none}} @media(max-width:1024px){ .outsourcing-features li span{font-size:15px;line-height:1.6;color:#dbe4f0;margin-top:6px} .outsourcing-features li b{font-size:16px;line-height:1.4} .outsourcing-features ul{gap:24px} } @media(max-width:1024px){.work-intro .work-intro-grid h2>em{display:block}}  @media(max-width:900px){ .service-main>.service-sticky-rail,.service-main>.service-sticky-rail.is-condensed,.service-main>.service-sticky-rail.is-stopped{top:0!important;bottom:auto!important;transform:none!important} .service-main>section[id]{scroll-margin-top:64px} } @media(max-width:1024px){ .service-main>.service-sticky-rail{display:none!important} .services-page .service-overview-inner{padding-top:28px!important} .services-page .service-intro-heading:empty{display:none} .service-main>section[id]{scroll-margin-top:20px} } @media(max-width:700px){.why-integration .integration-banner{padding-top:20px}} @media(max-width:1024px){.hero>.hero-art{display:none!important}} @media(max-width:1024px){.services-page .service-overview-image{display:none!important}} @media(max-width:700px){ .services-page .service-feature-inner>.feature-copy{order:1} .services-page .service-feature-inner>.feature-image{order:2} }