.cs-mockup{display:block;width:100%;text-align:left;background:transparent;border:none;padding:0;font:inherit;color:inherit}.cs-mockup--clickable{cursor:pointer}.cs-mockup--clickable:hover .cs-mockup__screen img,.cs-mockup--clickable:focus-visible .cs-mockup__screen img{transform:scale(1.01)}.cs-mockup__screen{overflow:hidden;background:#0b1220}.cs-mockup__screen img{display:block;width:100%;height:auto;max-height:420px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .22s ease}.cs-mockup__meta{margin-top:.85rem}.cs-mockup--preframed{max-width:min(980px,100%);margin-inline:auto}.cs-mockup__preframed-stage{border-radius:0;overflow:visible;background:transparent}.cs-mockup__preframed-img{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:transparent}.cs-mockup--preframed.cs-mockup--clickable:hover .cs-mockup__preframed-img,.cs-mockup--preframed.cs-mockup--clickable:focus-visible .cs-mockup__preframed-img{transform:scale(1.01)}.cs-mockup--preframed-wide{max-width:min(1280px,100%)}.cs-mockup--preframed-mobile{max-width:min(1100px,100%)}.cs-product-flow{--cs-product-flow-ink: #f8fafc;--cs-product-flow-muted: rgba(248, 250, 252, .68)}.cs-product-flow__stage{padding:.5rem 0 0}.cs-product-flow__stage+.cs-product-flow__stage{margin-top:3.5rem;padding-top:3.25rem;border-top:1px solid rgba(255,255,255,.08)}.cs-product-flow__kicker{margin:0 0 .35rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cs-product-flow__heading{margin:0 0 .4rem;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:700;letter-spacing:-.02em;color:var(--cs-product-flow-ink)}.cs-product-flow__copy{margin:0 0 1.5rem;max-width:40rem;font-size:.95rem;line-height:1.55;color:var(--cs-product-flow-muted)}.cs-product-flow__mobile-stage{padding:1.25rem .5rem .5rem}@media (min-width: 768px){.cs-product-flow__stage+.cs-product-flow__stage{margin-top:4.5rem;padding-top:4rem}.cs-product-flow__mobile-stage{padding:1.75rem 1rem .75rem}}.cs-mockup-duo{display:grid;gap:1.75rem;align-items:center;justify-items:center}.cs-mockup-duo .cs-mockup--preframed{max-width:min(980px,100%);width:100%}.cs-mockup__title{margin:0;font-size:.95rem;font-weight:700;color:inherit}.cs-mockup__caption{margin:.25rem 0 0;font-size:.8rem;line-height:1.45;opacity:.72}.cs-mockup--browser .cs-mockup__chrome{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#2a2f3a,#1c212b);border:1px solid #11151c;border-bottom:none}.cs-mockup--browser .cs-mockup__traffic{display:flex;gap:.35rem;flex-shrink:0}.cs-mockup--browser .cs-mockup__traffic span{width:9px;height:9px;border-radius:999px;background:#ff5f57}.cs-mockup--browser .cs-mockup__traffic span:nth-child(2){background:#febc2e}.cs-mockup--browser .cs-mockup__traffic span:nth-child(3){background:#28c840}.cs-mockup--browser .cs-mockup__url{flex:1;min-width:0;display:flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:6px;background:#ffffff14;color:#ffffffc7;font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cs-mockup--browser .cs-mockup__lock{font-size:.6rem;opacity:.85}.cs-mockup--browser .cs-mockup__screen{border-radius:0 0 12px 12px;border:1px solid #11151c;border-top:none;box-shadow:0 18px 40px #0f172a2e}.cs-mockup--laptop .cs-mockup__device{position:relative;width:100%;max-width:100%;margin-inline:auto;filter:drop-shadow(0 28px 40px rgba(15,23,42,.22))}.cs-mockup--laptop .cs-mockup__lid{position:relative;z-index:2;padding:0 1.35%}.cs-mockup--laptop .cs-mockup__bezel{position:relative;padding:1.65% 1.55% 1.85%;border-radius:20px 20px 3px 3px;background:linear-gradient(180deg,#e4e7ec,#c4c9d2 38%,#a8b0bc 78%,#939ba8);border:1px solid rgba(90,98,112,.55);box-shadow:inset 0 1px #ffffffa6,inset 0 -1px #0003,0 1px 2px #0f172a24}.cs-mockup--laptop .cs-mockup__bezel:before{content:"";position:absolute;inset:7px;border-radius:12px 12px 2px 2px;background:#0a0c10;pointer-events:none}.cs-mockup--laptop .cs-mockup__top-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:16px;margin-bottom:3px}.cs-mockup--laptop .cs-mockup__camera{display:block;width:7px;height:7px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#3a4558,#151920 70%);box-shadow:0 0 0 1.5px #0a0c10,inset 0 0 0 1px #7896c840}.cs-mockup--laptop .cs-mockup__screen{position:relative;z-index:1;border-radius:2px;overflow:hidden;background:#0b1220;aspect-ratio:16 / 10.25;max-height:none}.cs-mockup--laptop .cs-mockup__screen img{width:100%;height:100%;max-height:none;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.cs-mockup--laptop .cs-mockup__base{position:relative;z-index:1;margin-top:-1px}.cs-mockup--laptop .cs-mockup__hinge{height:8px;margin:0 .35%;border-radius:0 0 2px 2px;background:linear-gradient(180deg,#9aa2ae,#6f7785);box-shadow:inset 0 1px #ffffff47}.cs-mockup--laptop .cs-mockup__bottom{position:relative;height:18px;margin:0 -2.1%;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#d0d5dd,#b4bbc6 40%,#8f97a4);border:1px solid rgba(70,78,92,.42);border-top:none;box-shadow:inset 0 1px #fff6,0 3px #0000000d}.cs-mockup--laptop .cs-mockup__notch{position:absolute;left:50%;top:0;transform:translate(-50%);width:17%;height:6px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#7a8290,#5a6270)}.cs-mockup--laptop .cs-mockup__shadow{position:absolute;left:4%;right:4%;bottom:-14px;height:22px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(15,23,42,.32) 0%,transparent 72%);z-index:0;pointer-events:none}.cs-mockup--laptop-hero{max-width:min(1120px,100%);margin-inline:auto}.cs-mockup--laptop-hero .cs-mockup__bezel{padding:1.45% 1.4% 1.65%;border-radius:24px 24px 3px 3px}.cs-mockup--laptop-hero .cs-mockup__bezel:before{inset:8px;border-radius:14px 14px 2px 2px}.cs-mockup--laptop-hero .cs-mockup__top-bar{height:18px}.cs-mockup--laptop-hero .cs-mockup__camera{width:8px;height:8px}.cs-mockup--laptop-hero .cs-mockup__bottom{height:20px;margin:0 -2.35%;border-radius:0 0 20px 20px}.cs-mockup--laptop-hero .cs-mockup__meta{text-align:center}.cs-mockup--laptop-default .cs-mockup__screen{aspect-ratio:16 / 10}@media (max-width: 640px){.cs-mockup--laptop .cs-mockup__bezel{border-radius:12px 12px 1px 1px}.cs-mockup--laptop .cs-mockup__bezel:before{inset:3px;border-radius:8px 8px 1px 1px}.cs-mockup--laptop .cs-mockup__top-bar{height:10px}.cs-mockup--laptop .cs-mockup__camera{width:5px;height:5px}.cs-mockup--laptop .cs-mockup__hinge{height:5px}.cs-mockup--laptop .cs-mockup__bottom{height:10px;margin-inline:0;border-radius:0 0 10px 10px}.cs-mockup--laptop-hero .cs-mockup__bezel{border-radius:14px 14px 1px 1px}.cs-mockup--laptop-hero .cs-mockup__bottom{height:11px;margin-inline:0}.cs-mockup--browser .cs-mockup__screen img{max-height:200px}.cs-mockup-pair{gap:1.25rem}.cs-mockup-grid--triple{grid-template-columns:1fr}.cs-mockup--phone{max-width:200px}}@media (min-width: 641px) and (max-width: 899px){.cs-mockup-grid--triple{grid-template-columns:1fr 1fr}.cs-mockup-grid--triple .cs-mockup--phone{grid-column:1 / -1}}.cs-figma-pages{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .85rem}.cs-figma-pages__btn{padding:.4rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:#fff;font-size:.75rem;font-weight:600;cursor:pointer;color:#334155}.cs-figma-pages__btn:hover{border-color:#64748bb3;color:#0f172a;background:#f8fafc}.cs-figma-pages__btn.is-active{border-color:transparent;color:#fff}.dark .cs-figma-pages__btn{background:#1f2937;border-color:#94a3b859;color:#e2e8f0}.dark .cs-figma-pages__btn:hover{background:#374151;color:#f8fafc}.dark .cs-figma-pages__btn.is-active{color:#fff}.cs-figma-embed{position:relative;border-radius:1rem;overflow:hidden;border:1px solid rgba(148,163,184,.35);background:#e5e5e5;box-shadow:0 12px 28px #0f172a1f}.cs-figma-embed--wide{border-radius:1.25rem;box-shadow:0 20px 48px #0f172a24}.cs-figma-embed iframe{display:block;width:100%;height:auto;min-height:520px;aspect-ratio:16 / 10;border:0}.cs-figma-embed--wide iframe{min-height:720px}.cs-case-nav__link:hover,.cs-case-nav__link:focus-visible{color:var(--cs-nav, #04436B);outline:none}.cs-skip-link{position:absolute;left:1rem;top:0;z-index:100;padding:.65rem 1rem;border-radius:.75rem;background:#0f172a;color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;transform:translateY(-120%);transition:transform .16s ease}.cs-skip-link:focus,.cs-skip-link:focus-visible{transform:translateY(.75rem);outline:2px solid #fff;outline-offset:2px}.cs-focus:focus{outline:none}.cs-focus:focus-visible{outline:2px solid #04436B;outline-offset:3px}.case-study-page [data-theme=dark] .cs-focus:focus-visible,.dark .cs-focus:focus-visible{outline-color:#7dd3fc}@media (prefers-reduced-motion: reduce){.cs-mockup__screen img,.cs-skip-link{transition:none!important}.cs-mockup--clickable:hover .cs-mockup__screen img,.cs-mockup--clickable:focus-visible .cs-mockup__screen img{transform:none}}@media (max-width: 640px){.cs-figma-embed iframe,.cs-figma-embed--wide iframe{min-height:360px}}.cs-mockup--phone{max-width:240px;margin-inline:auto}.cs-mockup--phone .cs-mockup__phone-body{position:relative;padding:.55rem .4rem;border-radius:28px;background:linear-gradient(160deg,#2a2f3a,#12161e);border:2px solid #0b0e14;box-shadow:0 18px 36px #0f172a38}.cs-mockup--phone .cs-mockup__notch-bar{display:block;width:36%;height:8px;margin:0 auto .4rem;border-radius:999px;background:#05070b}.cs-mockup--phone .cs-mockup__screen{border-radius:16px;aspect-ratio:9 / 16;min-height:0}.cs-mockup--phone .cs-mockup__screen>:not(img){height:100%}.cs-mockup--phone .cs-mockup__screen img{max-height:420px;aspect-ratio:9 / 16;-o-object-fit:cover;object-fit:cover}.cs-mockup-pair{display:grid;gap:1.5rem}@media (min-width: 900px){.cs-mockup-pair{grid-template-columns:1fr 1.15fr;gap:1.75rem;align-items:end}}.cs-mockup-pair__label{margin:0 0 .65rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.cs-mockup-pair .cs-mockup--browser .cs-mockup__screen img{max-height:340px}.cs-mockup-pair .cs-mockup--laptop .cs-mockup__screen img{max-height:360px}.cs-mockup-grid{display:grid;gap:1.25rem}@media (min-width: 700px){.cs-mockup-grid{grid-template-columns:1fr 1fr}}.cs-mockup-grid--triple{grid-template-columns:1fr}@media (min-width: 900px){.cs-mockup-grid--triple{grid-template-columns:1.2fr .9fr .7fr;align-items:end}}.cs-responsive-stage{display:flex;justify-content:center;align-items:flex-start;padding:.5rem 0 .25rem;overflow:hidden;width:100%}.cs-responsive-frame{flex:0 0 auto;min-width:0;margin-inline:auto;border-radius:1rem;overflow:hidden;border:1px solid rgba(148,163,184,.4);background:#0f172a;box-shadow:0 18px 40px #0f172a24;transition:width .22s ease,transform .22s ease;will-change:transform}.cs-responsive-frame--tablet,.cs-responsive-frame--mobile{border-radius:1.25rem}.cs-responsive-chrome{display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;background:linear-gradient(180deg,#2a2f3a,#1c212b)}.cs-responsive-chrome__dots{display:flex;gap:.35rem}.cs-responsive-chrome__dots i{display:block;width:.55rem;height:.55rem;border-radius:999px;background:#ff5f57}.cs-responsive-chrome__dots i:nth-child(2){background:#febc2e}.cs-responsive-chrome__dots i:nth-child(3){background:#28c840}.cs-responsive-chrome__url{flex:1;font-size:.7rem;color:#ffffffa6;background:#ffffff14;border-radius:.4rem;padding:.25rem .6rem;text-align:center}.cs-responsive-screen{background:#fff;height:min(72vh,720px);color-scheme:light}.cs-responsive-frame--mobile .cs-responsive-screen{height:min(70vh,680px)}.cs-responsive-iframe{display:block;width:100%;height:100%;border:0;background:#f3f6f8;color-scheme:light}.gov-protected{position:relative;overflow:hidden;isolation:isolate;border-radius:1rem}.gov-protected__media{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:blur(10px) saturate(.9)}@media (min-width: 640px){.gov-protected__media{filter:blur(14px) saturate(.9)}}.gov-protected__media img{-webkit-user-drag:none}.gov-protected__veil{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#fff7ed38}:is(.dark) .gov-protected__veil{background:#11182752}.gov-protected__badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:.5rem;background:#fffffff0;padding:.55rem .9rem;font-size:.8125rem;font-weight:700;color:#1f2937;box-shadow:0 8px 24px #1118271f}:is(.dark) .gov-protected__badge{background:#1f2937f0;color:#f3f4f6}.jpj-product-stage{position:relative;width:100%;max-width:1040px;margin-inline:auto;padding:1rem .25rem 2.25rem}.jpj-product-stage__glow{pointer-events:none;position:absolute;inset:10% 4% 12%;border-radius:50%;background:radial-gradient(ellipse at 48% 58%,rgba(37,99,235,.16) 0%,transparent 55%),radial-gradient(ellipse at 68% 62%,rgba(15,23,42,.07) 0%,transparent 48%)}.jpj-product-stage__cluster{position:relative;z-index:1;width:100%;aspect-ratio:16 / 10;max-height:min(520px,58vw)}.jpj-product-stage__portal{position:absolute;left:0;bottom:6%;width:82%;z-index:1;filter:drop-shadow(0 30px 52px rgba(15,23,42,.2))}.jpj-product-stage__portal .cs-mockup--preframed{max-width:none;margin:0}.jpj-product-stage__phone{position:absolute;right:2%;bottom:0;width:27%;max-width:240px;z-index:2;filter:drop-shadow(0 40px 48px rgba(15,23,42,.34))}.jpj-product-stage__phone .cs-mockup--preframed{max-width:none;margin:0}.jpj-product-stage__floor{pointer-events:none;position:absolute;left:10%;right:10%;bottom:.15rem;height:32px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(15,23,42,.18) 0%,transparent 70%);z-index:0}@media (max-width: 639px){.jpj-product-stage{padding-bottom:1.25rem}.jpj-product-stage__cluster{aspect-ratio:auto;max-height:none;display:flex;flex-direction:column;align-items:center;min-height:0}.jpj-product-stage__portal{position:relative;left:auto;bottom:auto;width:100%}.jpj-product-stage__phone{position:relative;right:auto;bottom:auto;width:min(48%,180px);margin-top:-22%}.jpj-product-stage__floor{display:none}}
