@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 { scroll-behavior: smooth; } .services-page { background: #fff; } .services-page .nav-links .active { color: var(--blue); } .service-main { position: relative; overflow: clip; } .service-overview { min-height: 1048px; background: #fff; } .service-overview-inner { width: min(1680px, calc(100% - 120px)); margin: 0 auto; padding-top: 64px; display: grid; grid-template-columns: 220px minmax(360px, 560px) minmax(520px, 730px); grid-template-rows: auto 314px; gap: 72px 60px; align-items: start; } .service-sticky-rail { position: fixed; z-index: 8; left: max(60px, calc((100vw - 1680px)/2)); top: 340px; width: 220px; color: #1a1c1b; transition: opacity .25s ease; } .service-sticky-rail.is-condensed { top: 50%; transform: translateY(-50%); } .service-sticky-rail.is-stopped { position: absolute; top: auto; bottom: 96px; transform: none; } .service-sticky-rail.is-hidden { opacity: 0; pointer-events: none; } .service-rail-spacer { width: 220px; } .service-intro-heading { padding-top: 3px; } .service-branding h1 { margin: 0; font-size: 28px; line-height: 34px; } .service-branding small { display: block; margin-top: 5px; color: #434655; font-size: 12px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; } .service-index { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; font-size: 15px; line-height: 20px; } .service-sticky-rail .service-index { margin-top: 0; } .service-index a { position: relative; max-width: 190px; color: inherit; transition: color .2s ease; } .service-index a::before { content: ""; position: absolute; left: -18px; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--blue); opacity: 0; transform: scale(.5); transition: opacity .2s ease, transform .2s ease; } .service-index a:hover, .service-index a:focus-visible { color: var(--blue); } .service-index a.active::before { opacity: 1; transform: scale(1); } .service-sticky-rail .service-index a.on-dark { color: #fff; } .service-sticky-rail .service-index a.on-dark:hover, .service-sticky-rail .service-index a.on-dark:focus-visible { color: var(--lime); } .service-sticky-rail .service-index a.on-dark::before { background: var(--lime); } .service-overview-copy { padding-top: 24px; } .service-kicker { display: inline-flex; min-height: 40px; padding: 0 17px; align-items: center; border-radius: 999px; background: var(--lime); color: #000; font-size: 13px; font-weight: 600; } .service-overview-copy :is(h1,h2), .feature-copy h2 { margin: 20px 0 0; font-size: 48px; line-height: 1.08; letter-spacing: -.96px; } .service-overview-copy p, .feature-copy>p { margin: 24px 0 0; color: #434655; font-size: 18px; line-height: 28px; } .service-primary-button { width: 224px; height: 58px; margin-top: 24px; 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 .22s ease, color .22s ease; } .service-primary-button img { width: 17px; height: 17px; transform: rotate(42.39deg); filter: brightness(0) invert(1); } .service-primary-button:hover, .service-primary-button:focus-visible { background: #fff; color: var(--blue); } .service-primary-button:hover img, .service-primary-button:focus-visible img { filter: brightness(0) saturate(100%) invert(25%) sepia(99%) saturate(4078%) hue-rotate(215deg) brightness(96%) contrast(105%); } .service-overview-image { width: calc(100% - 40px); height: 488px; margin-left: 40px; object-fit: cover; border-radius: 12px; box-shadow: 0 18px 30px rgba(0, 0, 0, .12); } .service-overview-cards { grid-column: 2/4; margin-left: 68px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; } .service-overview-cards article { height: 314px; padding: 34px 32px; border-radius: 12px; background: #f1f1f1; } .service-overview-cards small { color: var(--blue); font-size: 14px; text-transform: uppercase; } .service-overview-cards p { margin: 60px 0 0; font-size: 18px; line-height: 30px; } .service-feature { height: 1020px; } .theme-blue { background: var(--blue); color: #fff; } .theme-gray { background: #e7e6e6; color: #1a1c1b; } .theme-black { background: #000; color: #fff; } .theme-white { background: #fff; color: #1a1c1b; } .service-feature-inner { width: min(1680px, calc(100% - 120px)); height: 100%; margin: 0 auto; display: grid; grid-template-columns: 220px minmax(0, 1fr) minmax(0, 1fr); gap: 58px; align-items: center; } .feature-image { width: 100%; height: 600px; object-fit: cover; border: 1px solid rgba(255, 255, 255, .5); border-radius: 12px; box-shadow: 0 8px 18px rgba(0, 0, 0, .16); } .feature-image.portrait { width: calc(100% - 65px); margin-left: 74px; object-position: center; } .feature-copy { padding: 0 42px 0 18px; } .feature-copy h2 { color: inherit; } .theme-blue .feature-copy>p, .theme-black .feature-copy>p { color: #fff; } .feature-list { margin: 36px 0 0; padding: 0; display: flex; flex-direction: column; gap: 13px; list-style: none; } .feature-list li { display: flex; align-items: center; gap: 12px; font-size: 16px; } .feature-list img { width: 16px; height: 16px; } .service-info-stack { margin-top: 40px; display: flex; flex-direction: column; gap: 14px; } .service-info-stack article, .service-info-row article { min-height: 98px; padding: 16px; display: flex; align-items: center; gap: 16px; border: 1px solid #c3c5d8; border-radius: 8px; background: #f7f7f7; color: #1a1c1b; } .service-info-stack article>img, .service-info-row article>img { width: 20px; height: 20px; flex: 0 0 20px; } .service-info-stack div, .service-info-row div { display: flex; flex-direction: column; gap: 4px; } .service-info-stack b, .service-info-row b { font-size: 14px; } .service-info-stack span, .service-info-row span { color: #434655; font-size: 13px; line-height: 18px; } .research-copy { max-width: 540px; margin-left: 70px; padding: 0; } .research-cards { margin-top: 36px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; counter-reset: research-card; } .research-cards article { position: relative; min-height: 168px; padding: 22px; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid rgba(31, 58, 105, .14); border-radius: 14px; background: linear-gradient(145deg, #fff 0%, #fafcff 100%); box-shadow: 0 8px 24px rgba(30, 57, 104, .07); text-align: left; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; counter-increment: research-card; } .research-cards article::before { content: "0" counter(research-card); width: 38px; height: 30px; margin-bottom: 18px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--lime); color: #091323; font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: .6px; } .research-cards article::after { content: ""; position: absolute; right: -28px; bottom: -30px; width: 90px; height: 90px; border-radius: 50%; background: rgba(198, 243, 75, .13); transition: transform .22s ease; } .research-cards article:hover { transform: translateY(-4px); border-color: rgba(5, 88, 238, .28); box-shadow: 0 15px 32px rgba(30, 57, 104, .12); } .research-cards article:hover::after { transform: scale(1.2); } .research-cards b { position: relative; z-index: 1; font-size: 15px; line-height: 21px; font-weight: 600; letter-spacing: -.15px; } .research-cards span { position: relative; z-index: 1; max-width: 185px; margin-top: 7px; color: #5b6475; font-size: 13px; line-height: 19px; } .research-image { width: calc(100% + 62px); height: 629px; margin-left: -76px; } .service-dark-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; background: rgba(255, 255, 255, .1); font-size: 13px; font-weight: 600; letter-spacing: .65px; text-transform: uppercase; } .service-dark-kicker img { width: 13px; height: 12px; } .feature-copy blockquote { margin: 38px 0 0; padding: 10px 0 10px 26px; border-left: 2px solid var(--lime); color: rgba(255, 255, 255, .8); font-size: 16px; line-height: 24px; font-style: italic; } .email-image { width: calc(100% - 48px); height: 466px; margin-left: 74px; } .email-copy { padding-left: 0; } .progress-group { margin-top: 38px; display: flex; flex-direction: column; gap: 20px; } .progress-group>div { display: flex; flex-direction: column; gap: 7px; } .progress-group span { display: flex; justify-content: space-between; font-size: 14px; } .progress-group i { height: 8px; overflow: hidden; border-radius: 8px; background: #e3e3e3; } .progress-group em { display: block; height: 100%; border-radius: 8px; background: var(--lime); } .service-info-row { margin-top: 34px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .orders-copy { padding-left: 0; } .orders-image { width: calc(100% + 62px); height: 550px; margin-left: -74px; } @media (min-width:1501px) { .service-overview { min-height: 820px; } .service-overview-inner { width: 1440px; padding-top: 48px; grid-template-columns: 180px 480px 650px; grid-template-rows: auto 250px; gap: 50px 40px; } .service-sticky-rail { left: calc((100vw - 1440px)/2); top: 300px; width: 180px; } .service-sticky-rail.is-stopped { bottom: 72px; } .service-rail-spacer { width: 180px; } .service-branding h1 { font-size: 24px; line-height: 30px; } .service-branding small { font-size: 10px; letter-spacing: 1.2px; } .service-index { gap: 11px; font-size: 13px; line-height: 18px; } .service-index a { max-width: 165px; } .service-overview-copy { padding-top: 12px; } .service-kicker { min-height: 34px; padding-inline: 15px; font-size: 12px; } .service-overview-copy :is(h1,h2), .feature-copy h2 { margin-top: 18px; font-size: 40px; line-height: 1.08; letter-spacing: -.8px; } .service-overview-copy p, .feature-copy>p { margin-top: 20px; font-size: 15px; line-height: 25px; } .service-primary-button { width: 180px; height: 48px; margin-top: 22px; font-size: 12px; } .service-primary-button img { width: 14px; height: 14px; } .service-overview-image { width: calc(100% - 20px); height: 400px; margin-left: 20px; } .service-overview-cards { margin-left: 40px; gap: 20px; } .service-overview-cards article { height: 250px; padding: 28px 26px; } .service-overview-cards small { font-size: 12px; } .service-overview-cards p { margin-top: 45px; font-size: 15px; line-height: 25px; } .service-feature { height: 820px; } .service-feature-inner { width: 1440px; grid-template-columns: 180px minmax(0, 1fr) minmax(0, 1fr); gap: 44px; } .feature-image { height: 480px; } .feature-image.portrait { width: calc(100% - 45px); margin-left: 50px; } .feature-copy { padding: 0 32px 0 12px; } .feature-list { margin-top: 28px; gap: 11px; } .feature-list li { gap: 10px; font-size: 14px; } .feature-list img { width: 14px; height: 14px; } .service-info-stack { margin-top: 30px; gap: 12px; } .service-info-stack article, .service-info-row article { min-height: 80px; padding: 13px; gap: 13px; } .service-info-stack b, .service-info-row b { font-size: 13px; } .service-info-stack span, .service-info-row span { font-size: 12px; line-height: 17px; } .research-copy { max-width: 480px; margin-left: 45px; } .research-cards { margin-top: 28px; gap: 13px; } .research-cards article { min-height: 138px; padding: 17px; } .research-cards article::before { width: 34px; height: 27px; margin-bottom: 13px; font-size: 10px; } .research-cards b { font-size: 13px; line-height: 18px; } .research-cards span { margin-top: 5px; font-size: 12px; line-height: 17px; } .research-image { width: calc(100% + 40px); height: 500px; margin-left: -48px; } .service-dark-kicker { padding: 7px 14px; font-size: 11px; } .feature-copy blockquote { margin-top: 30px; padding-left: 22px; font-size: 14px; line-height: 22px; } .email-image { width: calc(100% - 35px); height: 390px; margin-left: 50px; } .progress-group { margin-top: 30px; gap: 16px; } .progress-group span { font-size: 12px; } .service-info-row { margin-top: 28px; gap: 13px; } .orders-image { width: calc(100% + 40px); height: 440px; margin-left: -48px; } } @media (max-width:1200px) { .service-overview, .service-feature { height: auto; min-height: 0; } .service-overview-inner, .service-feature-inner { width: calc(100% - 64px); padding: 80px 0; grid-template-columns: 180px 1fr 1fr; gap: 38px; } .service-overview-inner { grid-template-rows: auto auto; } .service-sticky-rail { left: 32px; width: 180px; } .service-rail-spacer { width: 180px; } .service-overview-copy :is(h1,h2), .feature-copy h2 { font-size: 40px; } .research-copy { margin-left: 0; } } @media (max-width:900px) { .service-sticky-rail { position: sticky; z-index: 9; top: 0; left: auto; width: 100%; padding: 12px 20px; transform: none!important; color: #1a1c1b; background: rgba(255, 255, 255, .92); border-bottom: 1px solid rgba(0, 0, 0, .08); backdrop-filter: blur(12px); } .service-sticky-rail.is-stopped { position: sticky; bottom: auto; } .service-sticky-rail .service-index { margin: 0; flex-flow: row nowrap; gap: 22px; overflow-x: auto; scrollbar-width: none; } .service-sticky-rail .service-index::-webkit-scrollbar { display: none; } .service-sticky-rail .service-index a { flex: 0 0 auto; max-width: none; white-space: nowrap; } .service-sticky-rail .service-index a::before { display: none; } .service-sticky-rail .service-index a.on-dark { color: #1a1c1b; } .service-sticky-rail .service-index a.active { color: var(--blue); } .service-rail-spacer { display: none; } .service-overview-inner, .service-feature-inner { width: calc(100% - 40px); display: flex; flex-direction: column; gap: 34px; } .service-overview-copy, .feature-copy { padding: 0; } .research-copy { max-width: none; margin-left: 0; } .service-overview-image, .feature-image, .feature-image.portrait, .research-image, .email-image, .orders-image { width: 100%; height: auto; margin-left: 0; aspect-ratio: 1.25/1; } .service-overview-cards { width: 100%; margin-left: 0; grid-template-columns: 1fr; } .service-overview-cards article { height: auto; min-height: 210px; } .service-overview-cards p { margin-top: 40px; } .research-cards { grid-template-columns: 1fr 1fr; } } @media (max-width:560px) { .service-overview-inner, .service-feature-inner { padding: 56px 0; } .service-overview-copy :is(h1,h2), .feature-copy h2 { font-size: 36px; } .service-overview-copy p, .feature-copy>p { font-size: 16px; line-height: 26px; } .research-cards, .service-info-row { grid-template-columns: 1fr; } .service-overview-cards article { padding: 26px 22px; } } .sales-support-page :is(.service-overview-cards, .research-cards, .service-info-stack, .service-info-row) article { border-color: #000 } .sales-support-page :is(.service-overview-cards, .research-cards, .service-info-stack, .service-info-row) article:hover { border-color: #000 } .sales-support-page .research-info-cards article, .sales-support-page #research .service-info-stack article, .sales-support-page .research-cards article { border: none; outline: none; } .sales-support-page .research-info-cards article:hover, .sales-support-page #research .service-info-stack article:hover, .sales-support-page .research-cards article:hover { border: none; outline: none; } .sales-support-page .prefooter-cta { background: #fff; color: #0558EE } .sales-support-page .prefooter-cta p { color: #596273 } .sales-support-page .prefooter-cta-inner>a { background: var(--blue); color: #fff; box-shadow: none } .sales-support-page .prefooter-cta-inner>a img { filter: brightness(0) invert(1) } .sales-support-page .prefooter-cta-inner>a:hover, .sales-support-page .prefooter-cta-inner>a:focus-visible { background: #CEF262; color: #000; box-shadow: none } .sales-support-page .prefooter-cta-inner>a:hover img, .sales-support-page .prefooter-cta-inner>a:focus-visible img { filter: brightness(0) }  .sales-support-page :is(.service-overview-cards, .research-cards, .service-info-stack, .service-info-row) article { transition: transform .22s ease; } @media (hover: hover) and (prefers-reduced-motion: no-preference) { .sales-support-page :is(.service-overview-cards, .research-cards, .service-info-stack, .service-info-row) article:hover { transform: translateY(-3px); } } @media (prefers-reduced-motion: reduce) { .sales-support-page :is(.service-overview-cards, .research-cards, .service-info-stack, .service-info-row) article { transition: none; } .sales-support-page :is(.service-overview-cards, .research-cards, .service-info-stack, .service-info-row) article:hover { transform: none; } } .sales-support-page #email .service-info-row article, .sales-support-page #email .service-info-row article:hover { border: none; outline: none; } .sales-support-page #orders .service-info-stack article, .sales-support-page #orders .service-info-stack article:hover { border: none; outline: none; } .sales-support-page #quotes .service-info-stack article, .sales-support-page #quotes .service-info-stack article:hover { border: none; outline: none; } .sales-support-page .service-overview-label { display:block; color:#9ca3af; font-size:14px; font-weight:400; line-height:1.5; } @media (min-width:901px) { .sales-support-page .service-sticky-rail:not(.is-condensed):not(.is-stopped) { top:var(--service-rail-start,340px); } } .sales-support-page .service-overview-image { width:calc(90% - 36px); height:439.2px; } @media(min-width:1501px) { .sales-support-page .service-overview-image { width:calc(90% - 18px); height:360px; } } @media(max-width:900px) { .sales-support-page .service-overview-image { width:90%; height:auto; } }  @media(min-width:901px) { .sales-support-page .service-feature-inner { width:var(--sales-content-width,calc(100% - 400px)); margin-left:var(--sales-content-left,340px); margin-right:0; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:clamp(32px,3vw,60px); } .sales-support-page .service-feature-inner>.service-rail-spacer { display:none; } .sales-support-page .service-feature-inner>.feature-copy { width:100%; min-width:0; max-width:none; margin-left:0; padding:0; } .sales-support-page .service-feature-inner>.feature-image { width:100%; min-width:0; margin-left:0; } }  .sales-support-page .service-overview-cards { margin-left:0; } @media(min-width:901px) { .sales-support-page .service-overview-image { margin-left:0; justify-self:end; } } .sales-support-page .service-overview-cards article { outline:1px solid transparent; outline-offset:0; transition:transform .22s ease,outline-color .25s ease; } .sales-support-page .service-overview-cards article:hover { outline-color:#0558ee; } @media(prefers-reduced-motion:reduce) { .sales-support-page .service-overview-cards article { transition:none; } }  .sales-support-page .quotes-glass-cards { margin:24px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .sales-support-page .quotes-glass-cards article { padding:16px; border:1px solid rgba(255,255,255,.18); border-radius:8px; background:rgba(255,255,255,.08); color:#fff; backdrop-filter:blur(12px); } .sales-support-page .quotes-glass-cards strong { display:block; font-size:17px; font-weight:700; line-height:1.4; } .sales-support-page .quotes-glass-cards span { display:block; margin-top:4px; color:#d7e4fa; font-size:10px; line-height:1.6; } @media(min-width:1501px) { .sales-support-page .quotes-glass-cards { margin-top:32px; gap:16px; } .sales-support-page .quotes-glass-cards article { padding:22px; } .sales-support-page .quotes-glass-cards strong { font-size:18px; } .sales-support-page .quotes-glass-cards span { font-size:11px; } } @media(max-width:480px) { .sales-support-page .quotes-glass-cards { grid-template-columns:1fr; } } .sales-support-page :is(#quotes,#research,#orders) .feature-copy h2 { font-size:40px; font-weight:600; letter-spacing:-.4px; line-height:48px; } .sales-support-page :is(#quotes,#research,#orders) .feature-copy>p { font-size:15px; line-height:25px; } .sales-support-page :is(#quotes,#orders) .feature-copy>p { color:#d8e3f5; } .sales-support-page #research .service-info-stack article { gap:20px; }  .sales-support-page .sourcing-icon-list { margin:28px 0 0; padding:0; display:grid; grid-template-columns:1fr; gap:17px; list-style:none; } .sales-support-page .sourcing-icon-list li { position:relative; padding-left:28px; display:flex; flex-direction:column; } .sales-support-page .sourcing-icon-list b { font-size:13px; } .sales-support-page .sourcing-icon-list span { margin-top:3px; color:rgba(255,255,255,.58); font-size:10px; line-height:15px; } .sales-support-page .sourcing-icon-list .why-platform-icon { position:absolute; left:0; top:0; width:20px; height:20px; border-radius:50%; background:var(--blue); color:#fff; transition:background-color .22s ease,color .22s ease; } .sales-support-page .sourcing-icon-list li:hover .why-platform-icon { background:#cef262; color:#000; } @media(min-width:1501px) { .sales-support-page .sourcing-icon-list { gap:28px; } .sales-support-page .sourcing-icon-list li { padding-left:58px; } .sales-support-page .sourcing-icon-list .why-platform-icon { width:40px; height:40px; } .sales-support-page .sourcing-icon-list b { font-size:18px; line-height:25px; } .sales-support-page .sourcing-icon-list span { font-size:14px; line-height:22px; } }  .sales-support-page :is(#quotes, #orders) .quotes-glass-cards article { transition: transform .22s ease, background-color .22s ease, box-shadow .22s ease; } .sales-support-page :is(#quotes, #orders) .quotes-glass-cards article:hover { transform: translateY(-5px); background: rgba(255,255,255,.16); box-shadow: 0 10px 24px rgba(0,0,0,.15); } @media (prefers-reduced-motion: reduce) { .sales-support-page :is(#quotes, #orders) .quotes-glass-cards article { transition: none; } .sales-support-page :is(#quotes, #orders) .quotes-glass-cards article:hover { transform: none; } }  .service-main .feature-image[src*="assets/Images/Services-Page/"] { height:auto; aspect-ratio:auto; object-fit:contain; } .service-main .service-overview-image[src*="assets/Images/home-page/Services-Section/"] { height:auto; aspect-ratio:auto; object-fit:contain; align-self:center; }  .prefooter-cta { position: relative; min-height: 174px; overflow: hidden; display: flex; align-items: center; color: #fff; background: #075cf1; } .services-page .prefooter-cta { background: #ffffff; } .prefooter-cta-inner { position: relative; z-index: 2; width: min(1440px, calc(100% - 96px)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 48px; } .prefooter-cta h2 { margin: 0; font-size: 34px; line-height: 1.12; font-weight: 600; letter-spacing: -.7px; } .prefooter-cta p { margin: 12px 0 0; font-size: 16px; line-height: 1.5; font-weight: 400; color: #e6efff; } .prefooter-cta-inner>a { width: 210px; height: 52px; flex: 0 0 auto; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; background: #fff; color: #075cf1; text-decoration: none; font-size: 14px; line-height: 1; font-weight: 700; box-shadow: 0 6px 20px rgba(0, 0, 0, .1); transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease; } .prefooter-cta-inner>a:hover { transform: none; background: #000; color: var(--lime); box-shadow: 0 9px 24px rgba(0, 43, 137, .22); } .prefooter-cta-inner>a img { display: block; width: 18px; height: 18px; flex: 0 0 18px; object-fit: contain; transition: filter .2s ease, transform .2s ease; } .prefooter-cta-inner>a:hover img { filter: brightness(0) saturate(100%) invert(94%) sepia(67%) saturate(668%) hue-rotate(25deg) brightness(103%) contrast(90%); transform: none; } .prefooter-cta-accent { position: absolute; z-index: 1; width: 430px; height: 220px; right: -82px; bottom: -142px; border-radius: 55% 50% 0 0; transform: rotate(-5deg); background-color: #7cd05f; } .prefooter-cta-accent::after { content: ""; position: absolute; z-index: -1; inset: -14px 6px 5px -33px; border-radius: 55% 50% 0 0; background: #bdf23e; } .prefooter-network { position: absolute; z-index: 1; inset: 0 0 0 auto; width: 46%; height: 100%; pointer-events: none; } @media (max-width:760px) { .prefooter-cta { min-height: 260px; padding: 42px 0; } .prefooter-cta-inner { width: calc(100% - 40px); align-items: flex-start; flex-direction: column; gap: 26px; } .prefooter-cta h2 { font-size: 28px; } .prefooter-cta p { max-width: 310px; font-size: 14px; } .prefooter-cta-inner>a { width: 190px; height: 48px; } .prefooter-cta-accent { width: 280px; height: 150px; right: -112px; bottom: -100px; } .prefooter-network { width: 78%; opacity: .82; } } @media (prefers-reduced-motion:reduce) { .prefooter-cta-accent { animation: none; } } @media (min-width:1501px) { :root { --page-gutter: max(96px, calc((100vw - 1440px) / 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; } .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; } }  section.prefooter-cta.concept-prefooter { position:relative; min-height:174px; overflow:hidden; display:flex; align-items:center; color:#fff; background:var(--blue); } section.concept-prefooter .prefooter-cta-inner { position:relative; z-index:2; width:min(1440px,calc(100% - 96px)); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:48px; } section.concept-prefooter h2 { margin:0; font-size:34px; line-height:1.12; font-weight:600; letter-spacing:-.7px; } section.concept-prefooter p { margin:12px 0 0; font-size:16px; line-height:1.5; font-weight:400; color:#e6efff; } section.concept-prefooter .prefooter-cta-inner>a { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:auto; height:auto; min-width:212px; min-height:50px; padding:0 22px; gap:28px; border:2px solid #fff; border-radius:999px; background:#fff; color:var(--blue); font-size:14px; font-weight:600; line-height:normal; white-space:nowrap; text-decoration:none; box-shadow:none; transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease; } section.concept-prefooter .prefooter-cta-inner>a:hover,section.concept-prefooter .prefooter-cta-inner>a:focus-visible { border-color:#cef262; background:#cef262; color:#000; transform:translateY(-2px); box-shadow:none; } section.concept-prefooter .prefooter-cta-inner>a img { display:block; width:22px; height:auto; flex:0 0 22px; object-fit:contain; transform:none; filter:brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(4936%) hue-rotate(218deg) brightness(96%) contrast(101%); transition:filter .2s ease; } section.concept-prefooter .prefooter-cta-inner>a:hover img,section.concept-prefooter .prefooter-cta-inner>a:focus-visible img { filter:brightness(0); transform:none; } section.concept-prefooter .prefooter-network { position:absolute; z-index:1; inset:0 0 0 auto; width:46%; height:100%; opacity:.85; pointer-events:none; mask-image:linear-gradient(to right,transparent,#000 25%); -webkit-mask-image:linear-gradient(to right,transparent,#000 25%); } @media(max-width:760px) { section.prefooter-cta.concept-prefooter { min-height:260px; padding:42px 0; } section.concept-prefooter .prefooter-cta-inner { width:calc(100% - 40px); align-items:flex-start; flex-direction:column; gap:26px; } section.concept-prefooter h2 { font-size:28px; } section.concept-prefooter p { max-width:310px; font-size:14px; } }  section.prefooter-cta.concept-prefooter-light { background:#fff; color:#0558ee; } section.concept-prefooter-light p { color:#434655; } section.concept-prefooter-light .prefooter-cta-inner>a { background:#0558ee; border-color:#0558ee; color:#fff; } section.concept-prefooter-light .prefooter-cta-inner>a img { filter:brightness(0) invert(1); }  section.concept-prefooter h2 .prefooter-highlight { color:#cef262; } section.concept-prefooter .prefooter-cta-inner>a { background:#cef262; border-color:#cef262; color:var(--blue); } section.concept-prefooter .prefooter-cta-inner>a:hover, section.concept-prefooter .prefooter-cta-inner>a:focus-visible { background:#fff; border-color:#fff; color:var(--blue); } section.concept-prefooter .prefooter-cta-inner>a img, section.concept-prefooter .prefooter-cta-inner>a:hover img, section.concept-prefooter .prefooter-cta-inner>a:focus-visible img { filter:brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(4936%) hue-rotate(218deg) brightness(96%) contrast(101%); } @media(min-width:761px) { section.concept-prefooter .prefooter-cta-inner>div { flex:1; min-width:0; } section.concept-prefooter p { max-width:600px; } } @media(max-width:760px) { section.concept-prefooter p br { display:none; } }  section.prefooter-cta.concept-prefooter-light .prefooter-cta-inner>a:not(:hover):not(:focus-visible) { color:#000; } section.prefooter-cta.concept-prefooter-light .prefooter-cta-inner>a:not(:hover):not(:focus-visible) img { filter:brightness(0); }  section.prefooter-cta.concept-prefooter-light h2 { color:#000; } section.prefooter-cta.concept-prefooter-light h2 .prefooter-highlight { color:var(--blue); }  section.prefooter-cta.concept-prefooter-light .prefooter-cta-inner>a:hover, section.prefooter-cta.concept-prefooter-light .prefooter-cta-inner>a:focus-visible { border-color:var(--blue); }  section.prefooter-cta.concept-prefooter:not(.concept-prefooter-light) .prefooter-cta-inner>a:not(:hover):not(:focus-visible){background:#fff;border-color:#fff;color:var(--blue)} section.prefooter-cta.concept-prefooter:not(.concept-prefooter-light) .prefooter-cta-inner>a:not(:hover):not(:focus-visible) img{filter:brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(4936%) hue-rotate(218deg) brightness(96%) contrast(101%)}  .detail-eyebrow{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px;color:var(--blue)} .theme-blue .detail-eyebrow,.theme-black .detail-eyebrow{color:var(--lime)} .detail-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px} .detail-card-grid article{padding:20px 16px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:rgba(0,0,0,.04);transition:transform .22s ease,background .22s ease} .theme-blue .detail-card-grid article,.theme-black .detail-card-grid article{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)} .detail-card-grid article:hover{transform:translateY(-5px)} .detail-card-grid img{display:block;width:24px;height:24px;margin-bottom:18px} .detail-card-grid h3{font-size:14px;line-height:1.6;font-weight:500;margin:0} .detail-checklist{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:20px} .detail-checklist li{display:flex;align-items:center;gap:16px;font-size:15px;line-height:1.6} .detail-checklist img{width:24px;height:24px;flex:none} .detail-timeline{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px} .detail-timeline li{display:flex;align-items:center;gap:20px;font-size:15px;line-height:1.6} .detail-timeline span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;flex:none;font-weight:600} .theme-blue .detail-timeline span,.theme-black .detail-timeline span{background:var(--lime);color:#000} .theme-blue .detail-checklist img,.theme-black .detail-checklist img,.theme-blue .detail-card-grid img,.theme-black .detail-card-grid img{filter:brightness(0) invert(1)} @media(max-width:1100px){.detail-card-grid{grid-template-columns:1fr}.detail-card-grid article{display:flex;align-items:center;gap:16px;padding:16px}.detail-card-grid img{margin:0;flex:none}} @media(max-width:560px){.detail-eyebrow{font-size:12px}.detail-checklist li,.detail-timeline li{font-size:14px}} @media(prefers-reduced-motion:reduce){.detail-card-grid article{transition:none}.detail-card-grid article:hover{transform:none}} .theme-blue .detail-checklist img,.theme-black .detail-checklist img,.theme-blue .detail-card-grid img,.theme-black .detail-card-grid img { filter: none; background: #fff; border-radius: 50%; }  .sales-support-page .shared-service-cards article:last-child:nth-child(odd){grid-column:1/-1} .sales-support-page .theme-white .shared-service-cards article, .sales-support-page .theme-gray .shared-service-cards article{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#111} .sales-support-page .theme-white .shared-service-cards span, .sales-support-page .theme-gray .shared-service-cards span{color:#596273} .sales-support-page .quotes-glass-cards article{transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease} .sales-support-page .quotes-glass-cards article:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(0,0,0,.15)} .sales-support-page .sales-research-steps{gap:24px;margin-top:28px} .sales-research-steps li{align-items:flex-start} .sales-research-steps strong{display:block;font-size:17px;font-weight:600;line-height:1.4} .sales-research-steps li div p{font-size:14px;line-height:22px;margin:6px 0 0;color:#596273} @media(prefers-reduced-motion:reduce){.sales-support-page .quotes-glass-cards article{transition:none}.sales-support-page .quotes-glass-cards article:hover{transform:none}}  .logistics-supply-chain-page .detail-timeline li>span { transition: background-color .22s ease, color .22s ease; } .logistics-supply-chain-page .detail-timeline li:hover>span { background: #000; color: var(--lime); } @media(prefers-reduced-motion:reduce) { .logistics-supply-chain-page .detail-timeline li>span { transition:none; } } .production-coordination-page .production-check { width:24px; height:24px; flex:none; } .production-coordination-page .production-check circle { fill:var(--lime); transition:fill .22s ease; } .production-coordination-page .production-check path { fill:#000; transition:fill .22s ease; } .production-coordination-page .detail-checklist li:hover .production-check circle { fill:#000; } .production-coordination-page .detail-checklist li:hover .production-check path { fill:var(--lime); } @media(prefers-reduced-motion:reduce) { .production-coordination-page .production-check :is(circle,path) { transition:none; } } .tech-support-page #store-management .store-management-check { width:24px; height:24px; flex:none; } .tech-support-page #store-management .store-management-check circle { fill:var(--lime); transition:fill .22s ease; } .tech-support-page #store-management .store-management-check path { fill:#000; transition:fill .22s ease; } .tech-support-page #store-management .detail-checklist li:hover .store-management-check circle { fill:#000; } .tech-support-page #store-management .detail-checklist li:hover .store-management-check path { fill:var(--lime); } @media(prefers-reduced-motion:reduce) { .tech-support-page #store-management .store-management-check :is(circle,path) { transition:none; } }  .sales-support-page section.concept-prefooter-blue { background:var(--blue); color:#fff; } .sales-support-page section.concept-prefooter-blue h2 { color:#fff; } .sales-support-page section.concept-prefooter-blue p { color:#e6efff; } .sales-support-page section.concept-prefooter-blue .prefooter-cta-inner>a { background:#fff; border-color:#fff; color:var(--blue); } .sales-support-page section.concept-prefooter-blue .prefooter-cta-inner>a img { filter:brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(4936%) hue-rotate(218deg) brightness(96%) contrast(101%); } .sales-support-page section.concept-prefooter-blue .prefooter-cta-inner>a:hover { background:var(--lime); border-color:var(--lime); color:#000; } .sales-support-page section.concept-prefooter-blue .prefooter-cta-inner>a:hover img { filter:brightness(0); } .tech-support-page #catalogue-maintenance .catalogue-check { width:24px; height:24px; flex:none; } .tech-support-page #catalogue-maintenance .catalogue-check circle { fill:var(--blue); transition:fill .22s ease; } .tech-support-page #catalogue-maintenance .catalogue-check path { fill:#fff; transition:fill .22s ease; } .tech-support-page #catalogue-maintenance .detail-checklist li:hover .catalogue-check circle { fill:var(--lime); } .tech-support-page #catalogue-maintenance .detail-checklist li:hover .catalogue-check path { fill:#000; } @media(prefers-reduced-motion:reduce) { .tech-support-page #catalogue-maintenance .catalogue-check :is(circle,path) { transition:none; } }  .logistics-supply-chain-page #reverse-logistics .detail-timeline li>span { background:var(--blue); color:#fff; } .logistics-supply-chain-page #reverse-logistics .detail-timeline li:hover>span { background:var(--lime); color:#000; } .production-coordination-page #supplier-coordination .supplier-check { width:24px; height:24px; flex:none; } .production-coordination-page #supplier-coordination .supplier-check circle { fill:var(--blue); transition:fill .22s ease; } .production-coordination-page #supplier-coordination .supplier-check path { fill:#fff; transition:fill .22s ease; } .production-coordination-page #supplier-coordination .detail-checklist li:hover .supplier-check circle { fill:var(--lime); } .production-coordination-page #supplier-coordination .detail-checklist li:hover .supplier-check path { fill:#000; } @media(prefers-reduced-motion:reduce) { .production-coordination-page #supplier-coordination .supplier-check :is(circle,path) { transition:none; } }  .sales-support-page #research .sales-research-steps li>span { transition:background-color .22s ease,color .22s ease; } .sales-support-page #research .sales-research-steps li:hover>span { background:var(--lime); color:#000; } @media(prefers-reduced-motion:reduce) { .sales-support-page #research .sales-research-steps li>span { transition:none; } } .logistics-supply-chain-page #consignment-tracking .consignment-check { width:24px; height:24px; flex:none; } .logistics-supply-chain-page #consignment-tracking .consignment-check circle { fill:var(--blue); transition:fill .22s ease; } .logistics-supply-chain-page #consignment-tracking .consignment-check path { fill:#fff; transition:fill .22s ease; } .logistics-supply-chain-page #consignment-tracking .detail-checklist li:hover .consignment-check circle { fill:var(--lime); } .logistics-supply-chain-page #consignment-tracking .detail-checklist li:hover .consignment-check path { fill:#000; } @media(prefers-reduced-motion:reduce) { .logistics-supply-chain-page #consignment-tracking .consignment-check :is(circle,path) { transition:none; } }  .production-coordination-page #job-management .detail-timeline li>span { transition:background-color .22s ease,color .22s ease; } .production-coordination-page #job-management .detail-timeline li:hover>span { background:var(--lime); color:#000; } @media(prefers-reduced-motion:reduce) { .production-coordination-page #job-management .detail-timeline li>span { transition:none; } }  .artwork-services-page #plot-sheets .detail-timeline li>span { transition:background-color .22s ease,color .22s ease; } .artwork-services-page #plot-sheets .detail-timeline li:hover>span { background:var(--lime); color:#000; } @media(prefers-reduced-motion:reduce) { .artwork-services-page #plot-sheets .detail-timeline li>span { transition:none; } } .artwork-services-page #artwork-proofs .artwork-proof-check { width:30px; height:30px; flex:none; } .artwork-services-page #artwork-proofs .artwork-proof-check circle { fill:var(--blue); transition:fill .22s ease; } .artwork-services-page #artwork-proofs .artwork-proof-check path { fill:#fff; transition:fill .22s ease; } .artwork-services-page #artwork-proofs .detail-checklist li:hover .artwork-proof-check circle { fill:var(--lime); } .artwork-services-page #artwork-proofs .detail-checklist li:hover .artwork-proof-check path { fill:#000; } @media(prefers-reduced-motion:reduce) { .artwork-services-page #artwork-proofs .artwork-proof-check :is(circle,path) { transition:none; } } .customer-service-page #inventory-management .inventory-check { width:24px; height:24px; flex:none; } .customer-service-page #inventory-management .inventory-check circle { fill:var(--blue); transition:fill .22s ease; } .customer-service-page #inventory-management .inventory-check path { fill:#fff; transition:fill .22s ease; } .customer-service-page #inventory-management .detail-checklist li:hover .inventory-check circle { fill:var(--lime); } .customer-service-page #inventory-management .detail-checklist li:hover .inventory-check path { fill:#000; } @media(prefers-reduced-motion:reduce) { .customer-service-page #inventory-management .inventory-check :is(circle,path) { transition:none; } }  .customer-service-page #data-analysis .detail-timeline li>span { transition:background-color .22s ease,color .22s ease; } .customer-service-page #data-analysis .detail-timeline li:hover>span { background:var(--lime); color:#000; } @media(prefers-reduced-motion:reduce) { .customer-service-page #data-analysis .detail-timeline li>span { transition:none; } }  .tech-support-page #store-development .detail-timeline li>span { transition:background-color .22s ease,color .22s ease; } .tech-support-page #store-development .detail-timeline li:hover>span { background:var(--lime); color:#000; } @media(prefers-reduced-motion:reduce) { .tech-support-page #store-development .detail-timeline li>span { transition:none; } }  .logistics-supply-chain-page section.concept-prefooter-blue { background:var(--blue); color:#fff; } .logistics-supply-chain-page section.concept-prefooter-blue h2 { color:#fff; } .logistics-supply-chain-page section.concept-prefooter-blue p { color:#e6efff; } .logistics-supply-chain-page section.concept-prefooter-blue .prefooter-cta-inner>a { background:#fff; border-color:#fff; color:var(--blue); } .logistics-supply-chain-page section.concept-prefooter-blue .prefooter-cta-inner>a img { filter:brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(4936%) hue-rotate(218deg) brightness(96%) contrast(101%); } .logistics-supply-chain-page section.concept-prefooter-blue .prefooter-cta-inner>a:hover { background:var(--lime); border-color:var(--lime); color:#000; } .logistics-supply-chain-page section.concept-prefooter-blue .prefooter-cta-inner>a:hover img { filter:brightness(0); }  .sales-support-page #tender .sourcing-icon-list span { color:inherit; }  .sales-support-page #research .feature-image { height:auto; aspect-ratio:auto; object-fit:contain; object-position:center; }  .sales-support-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; } .sales-support-page .service-overview-cards small,.sales-support-page .service-overview-cards strong { display:block; } .sales-support-page .service-overview-cards strong { font-size:14px; line-height:1.4; } .sales-support-page .service-overview-cards p { margin-top:4px; }  .artwork-services-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; } .artwork-services-page .service-overview-cards small,.artwork-services-page .service-overview-cards strong { display:block; } .artwork-services-page .service-overview-cards strong { font-size:14px; line-height:1.4; } .artwork-services-page .service-overview-cards p { margin-top:4px; }  .customer-service-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; } .customer-service-page .service-overview-cards small,.customer-service-page .service-overview-cards strong { display:block; } .customer-service-page .service-overview-cards strong { font-size:14px; line-height:1.4; } .customer-service-page .service-overview-cards p { margin-top:4px; }  .customer-service-page #inventory-management .detail-checklist li { align-items:flex-start; } .customer-service-page #inventory-management .inventory-check { margin-top:1px; }  .customer-service-page #data-analysis .detail-timeline li { align-items:flex-start; } .customer-service-page #data-analysis .detail-timeline li>span { margin-top:1px; }  .production-coordination-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; } .production-coordination-page .service-overview-cards small,.production-coordination-page .service-overview-cards strong { display:block; } .production-coordination-page .service-overview-cards strong { font-size:14px; line-height:1.4; } .production-coordination-page .service-overview-cards p { margin-top:4px; }  .production-coordination-page :is(.detail-checklist,.detail-timeline) li { align-items:flex-start; } .production-coordination-page .detail-checklist li>svg,.production-coordination-page .detail-timeline li>span { margin-top:1px; }  .logistics-supply-chain-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; } .logistics-supply-chain-page .service-overview-cards small,.logistics-supply-chain-page .service-overview-cards strong { display:block; } .logistics-supply-chain-page .service-overview-cards strong { font-size:14px; line-height:1.4; } .logistics-supply-chain-page .service-overview-cards p { margin-top:4px; } .logistics-supply-chain-page :is(.detail-checklist,.detail-timeline) li { align-items:flex-start; } .logistics-supply-chain-page .detail-checklist li>svg,.logistics-supply-chain-page .detail-timeline li>span { margin-top:1px; }  .tech-support-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; } .tech-support-page .service-overview-cards small,.tech-support-page .service-overview-cards strong { display:block; } .tech-support-page .service-overview-cards strong { font-size:14px; line-height:1.4; } .tech-support-page .service-overview-cards p { margin-top:4px; }  .tech-support-page :is(.detail-checklist,.detail-timeline) li { align-items:flex-start; } .tech-support-page .detail-checklist li>svg,.tech-support-page .detail-timeline li>span { margin-top:1px; }  .sales-support-page #quotes .quotes-glass-cards { grid-template-columns:minmax(0,1fr); }  .services-page .service-overview-cards article { height:auto; min-height:0; }  .artwork-services-page #plot-sheets .detail-timeline li { align-items:flex-start; } .artwork-services-page #plot-sheets .detail-timeline li>span { margin-top:1px; }  .production-coordination-page #order-entry .production-order-icon { display:block; width:24px; height:24px; flex:none; border-radius:50%; background:var(--blue); color:#fff; transition:background-color .22s ease,color .22s ease; } .production-coordination-page #order-entry li:hover .production-order-icon { background:#cef262; color:#000; } @media(prefers-reduced-motion:reduce) { .production-coordination-page #order-entry .production-order-icon { transition:none; } }  .production-coordination-page #supplier-coordination .production-supplier-icon { display:block; width:24px; height:24px; flex:none; border-radius:50%; background:var(--blue); color:#fff; transition:background-color .22s ease,color .22s ease; } .production-coordination-page #supplier-coordination li:hover .production-supplier-icon { background:#cef262; color:#000; } @media(prefers-reduced-motion:reduce) { .production-coordination-page #supplier-coordination .production-supplier-icon { transition:none; } }  @media(min-width:1201px) { .sales-support-page #quotes { height:auto; } .sales-support-page #quotes .service-feature-inner { height:auto; padding-top:60px; padding-bottom:60px; } }  .production-coordination-page #order-entry .sourcing-icon-list>li>span { color:#d8e3f5; }  .production-coordination-page #order-entry .sourcing-icon-list .why-platform-icon { background:var(--lime); color:#000; } .production-coordination-page #order-entry .sourcing-icon-list li:hover .why-platform-icon { background:#fff; color:#000; }  .sales-support-page #research .sourcing-icon-list>li>span { color:#596273; }  .artwork-services-page #plot-sheets .sourcing-icon-list>li>span { color:#596273; }  .logistics-supply-chain-page #freight-booking .sourcing-icon-list>li>span { color:#d8e3f5; }  .artwork-services-page #artwork-proofs .sourcing-icon-list>li>span { margin-top:0; color:inherit; font-size:15px; line-height:1.6; } @media(max-width:560px) { .artwork-services-page #artwork-proofs .sourcing-icon-list>li>span { font-size:14px; } } .artwork-services-page #artwork-proofs .sourcing-icon-list .why-platform-icon { width:30px; height:30px; } .artwork-services-page #artwork-proofs .sourcing-icon-list li { padding-left:46px; }  .logistics-supply-chain-page #freight-booking .sourcing-icon-list .why-platform-icon { background:var(--lime); color:#000; } .logistics-supply-chain-page #freight-booking .sourcing-icon-list li:hover .why-platform-icon { background:#fff; color:#000; }  .logistics-supply-chain-page #reverse-logistics .sourcing-icon-list .why-platform-icon { width:30px; height:30px; } .logistics-supply-chain-page #reverse-logistics .sourcing-icon-list li { padding-left:46px; }  .customer-service-page #inventory-management .sourcing-icon-list .why-platform-icon { width:30px; height:30px; } .customer-service-page #inventory-management .sourcing-icon-list li { padding-left:46px; } .customer-service-page #inventory-management .sourcing-icon-list>li>span { color:#596273; }  .customer-service-page #data-analysis .sourcing-icon-list>li>span { color:#596273; }  .tech-support-page #store-management .sourcing-icon-list>li>span { color:#d8e3f5; } .tech-support-page #store-management .sourcing-icon-list .why-platform-icon { background:var(--lime); color:#000; } .tech-support-page #store-management .sourcing-icon-list li:hover .why-platform-icon { background:#fff; color:#000; }  .tech-support-page #store-development .sourcing-icon-list .why-platform-icon { width:30px; height:30px; } .tech-support-page #store-development .sourcing-icon-list li { padding-left:46px; } .tech-support-page #store-development .sourcing-icon-list>li>span { color:#596273; }  .sales-support-page #quotes .sourcing-icon-list>li>span{color:#d8e3f5} .sales-support-page #quotes .sourcing-icon-list .why-platform-icon{background:var(--lime);color:#000} .sales-support-page #quotes .sourcing-icon-list li:hover .why-platform-icon{background:#fff;color:#000}  .services-page.service-detail-page .service-main .service-feature:is(:nth-of-type(2),:nth-of-type(3)) .feature-copy h2 { font-size:40px; font-weight:600; line-height:48px; letter-spacing:-.4px; } .services-page.service-detail-page .service-main .service-feature:is(:nth-of-type(2),:nth-of-type(3)) .feature-copy>p { font-size:15px; font-weight:400; line-height:25px; } .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} }