.ux-service{color:#102e4b;background:#fff}.ux-service h1,.ux-service h2,.ux-service h3{font-family:var(--font-heading);text-wrap:balance;margin:0;font-weight:400}.ux-service h2{max-width:28ch;font-size:clamp(1.85rem,3vw,2.8rem);line-height:1.25}.ux-service h3{font-size:1.2rem;line-height:1.45}.ux-service p{color:#526980;margin:0;font-size:1rem;line-height:1.8}.ux-section{padding-block:clamp(3.5rem,6vw,6rem)}.ux-service .ux-eyebrow{color:#2d6590;letter-spacing:.1em;margin-bottom:1.3rem;font-size:.8rem}.ux-hero{color:#f5faff;background:radial-gradient(at 90% 35%,#164668,#0000 62%),#041a30;padding-block:clamp(3rem,7vw,6.5rem);overflow:hidden}.ux-hero__layout{grid-template-columns:1fr 1.1fr;align-items:center;gap:3rem;display:grid}.ux-hero h1{max-width:14ch;font-size:clamp(2.7rem,4.8vw,4.5rem);line-height:1.1}.ux-hero .ux-eyebrow{color:#8edfff}.ux-hero .ux-hero__description{color:#bbcede;max-width:43ch;margin:1.7rem 0 2rem;font-size:1.05rem}.ux-button{color:#fff;background:#12539a;border:1px solid #70cfff;justify-content:space-between;align-items:center;gap:1.5rem;padding:.95rem 1.3rem;font-size:1rem;font-weight:400;text-decoration:none;display:inline-flex}.ux-button:hover{background:#1c67b2}.ux-service :is(a,summary):focus-visible{outline-offset:5px;outline:2px solid #51bfff}.ux-overview__layout{grid-template-columns:1fr 1fr;gap:5rem;display:grid}.ux-overview p{font-size:1.125rem}.ux-benefits{padding-top:0}.ux-benefits>.tv-container>h2{max-width:31ch}.ux-benefits__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2rem;margin-top:2.8rem;display:grid}.ux-benefits__grid article{border-top:1px solid #dbe6ef;align-items:start;gap:1rem;padding-block:1.5rem;display:flex}.ux-number{color:#2e628a;font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:.25rem;font:.75rem/1.5 ui-monospace,monospace}.ux-benefits h3{margin-bottom:.65rem}.ux-process{background:#eff5fa;border-block:1px solid #deebf3}.ux-process__layout{grid-template-columns:.85fr 1.15fr;gap:5rem;display:grid}.ux-process__diagram{color:#1d67a0;align-items:center;max-width:270px;margin-top:3rem;display:flex}.ux-process__diagram>svg{box-sizing:content-box;background:#fff;border:1px solid #bcd4e6;flex-shrink:0;padding:15px}.ux-process__diagram>span{background:#83b3d2;flex:1;height:1px}.ux-service details{border-top:1px solid #c9dae8}.ux-service details:last-child{border-bottom:1px solid #c9dae8}.ux-service summary{cursor:pointer;align-items:center;gap:1rem;padding-block:1.25rem;font-weight:400;list-style:none;display:flex}.ux-service summary::-webkit-details-marker{display:none}.ux-service summary h3{flex:1}.ux-service summary>svg{color:#397fae;flex-shrink:0;transition:transform .2s}.ux-service details[open] summary>svg{transform:rotate(45deg)}.ux-service details>p{padding-bottom:1.5rem}.ux-process details>p{padding-inline-start:2.2rem}.ux-disciplines__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin-top:2.8rem;display:grid}.ux-disciplines article{border-inline-start:1px solid #d5e3ee;padding-inline-start:1.4rem}.ux-disciplines article>svg{color:#267aba;margin-bottom:1.5rem}.ux-disciplines h3{margin-bottom:.7rem}.ux-section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.ux-section-heading>span{color:#4d7494;font-size:.85rem}.ux-scenarios__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;display:grid}.ux-scenarios article{background:#fff;border:1px solid #dce7ef;overflow:hidden}.ux-scenarios__copy{padding:1.6rem}.ux-scenarios h3{margin-bottom:.65rem}.ux-faq__layout{grid-template-columns:.7fr 1.3fr;gap:4rem;display:grid}.ux-contact{color:#fff;background:#071d34}.ux-contact__layout{justify-content:space-between;align-items:center;gap:3rem;display:flex}.ux-contact p{color:#b8cedf;max-width:55ch;margin-top:1rem}.ux-contact .ux-button{flex-shrink:0}.ux-workbench{isolation:isolate;direction:ltr;min-width:0;height:410px;position:relative}.ux-workbench__grid{background-image:linear-gradient(#7bc7f50c 1px,#0000 1px),linear-gradient(90deg,#7bc7f50c 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.ux-workbench__draft{color:#9cc5e0;background:#123651;border:1px solid #6f98b888;width:62%;height:65%;padding:17px;position:absolute;top:8%;left:0;transform:rotate(-7deg)}.ux-workbench__draft>span{font-size:.75rem}.ux-workbench__draft-bar{border:1px dashed #769ebc;width:50%;height:13px;margin-block:18px}.ux-workbench__draft-layout{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ux-workbench__draft-layout i{border:1px dashed #668ca8;height:56px}.ux-workbench__screen{background:#f7fbff;border:1px solid #b7d9ed;border-radius:9px;width:80%;height:65%;position:absolute;top:22%;right:2%;overflow:hidden;transform:rotate(3deg);box-shadow:0 20px 60px #00132270}.ux-workbench__chrome{border-bottom:1px solid #d9e4ef;align-items:center;gap:4px;padding:10px;display:flex}.ux-workbench__chrome>span{background:#94b2c8;border-radius:50%;width:5px;height:5px}.ux-workbench__chrome>i{background:#e2edf5;width:45%;height:6px;margin-inline:auto}.ux-workbench__app{height:calc(100% - 26px);display:flex}.ux-workbench__sidebar{color:#9adcfd;background:#0b3658;flex-direction:column;align-items:center;gap:19px;width:16%;padding-block:15px;display:flex}.ux-workbench__sidebar>i{background:#426b89;width:37%;height:4px}.ux-workbench__canvas{flex:1;min-width:0;padding:14px 17px}.ux-workbench__screen-label{color:#406e93;font-size:.7rem}.ux-workbench__title-line{background:#1b507b;width:45%;height:7px;margin-block:9px 14px}.ux-workbench__tiles{gap:9px;display:flex}.ux-workbench__tiles>span{color:#216fa8;background:#e8f2fb;border:1px solid #d3e6f6;align-items:center;gap:9px;width:50%;padding:12px 9px;display:flex}.ux-workbench__tiles i{background:#80afcf;width:25px;height:4px}.ux-workbench__rows{gap:7px;margin-top:13px;display:grid}.ux-workbench__rows i{background:#dbe7f1;height:5px}.ux-workbench__rows i:nth-child(2){width:75%}.ux-workbench__action{color:#fff;background:#1f75b3;place-items:center;width:45px;height:22px;margin-top:12px;display:grid}.ux-workbench__palette{background:#123a59;border:1px solid #7ab9e066;gap:7px;padding:10px;display:flex;position:absolute;top:7%;right:0;transform:rotate(6deg)}.ux-workbench__palette span{background:#79d1f3;border-radius:50%;width:18px;height:18px}.ux-workbench__cursor{color:#89e4ff;filter:drop-shadow(0 3px 5px #003c66);animation:7s ease-in-out infinite ux-cursor;position:absolute;bottom:9%;right:12%}.ux-workbench__caption{color:#8eb2cc;letter-spacing:.04em;font-size:.7rem;position:absolute;bottom:0;left:0}.ux-scenarios .ux-workbench{background:#e4eef7;height:245px;overflow:hidden}.ux-scenarios .ux-workbench__draft{display:none}.ux-scenarios .ux-workbench__screen{width:84%;height:84%;top:12%;right:8%;transform:none;box-shadow:0 8px 25px #527e9b20}.ux-scenarios .ux-workbench__palette,.ux-scenarios .ux-workbench__cursor,.ux-scenarios .ux-workbench__caption{display:none}.ux-workbench--operations .ux-workbench__tiles>span{flex-direction:column;align-items:start;height:90px}.ux-workbench--operations .ux-workbench__rows{display:none}.ux-workbench--mobile .ux-workbench__screen{border-radius:15px;width:42%;height:93%;top:8%;right:29%}.ux-workbench--mobile .ux-workbench__sidebar{display:none}.ux-workbench--mobile .ux-workbench__canvas{padding:10px}.ux-workbench--mobile .ux-workbench__tiles{flex-direction:column;gap:5px}.ux-workbench--mobile .ux-workbench__tiles>span{width:100%;padding:6px}.ux-service[dir=rtl] :is(h1,h2,h3){line-height:1.45}.ux-service[dir=rtl] p{font-size:1.125rem}.ux-service[dir=rtl] .ux-eyebrow{letter-spacing:0;font-size:1rem}.ux-service[dir=rtl] .ux-button{font-size:1.125rem}.ux-service[dir=rtl] .ux-button svg{transform:scaleX(-1)}@keyframes ux-cursor{0%,to{transform:translate(0)}50%{transform:translate(-10px,-13px)}}@media not (min-width:64rem){.ux-hero__layout{gap:1.5rem}.ux-workbench{height:330px}.ux-overview__layout,.ux-process__layout,.ux-faq__layout{gap:2.5rem}.ux-benefits__grid,.ux-disciplines__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-scenarios__grid{gap:1rem}.ux-scenarios__copy{padding:1rem}}@media not (min-width:48rem){.ux-hero__layout,.ux-overview__layout,.ux-process__layout,.ux-faq__layout{grid-template-columns:1fr;gap:2rem}.ux-hero h1{max-width:18ch}.ux-workbench{width:100%;max-width:490px;height:350px;margin-inline:auto}.ux-benefits__grid{gap:0 1.2rem}.ux-process__diagram{margin-top:1.5rem}.ux-disciplines__grid{gap:1.8rem 1.2rem}.ux-scenarios__grid{grid-template-columns:1fr;gap:1.5rem}.ux-scenarios article{grid-template-columns:.8fr 1fr;display:grid}.ux-scenarios .ux-workbench{height:100%;min-height:235px}.ux-workbench--mobile .ux-workbench__screen{width:72%;right:14%}.ux-contact__layout,.ux-section-heading{flex-direction:column;align-items:start;gap:1.5rem}}@media not (min-width:30rem){.ux-benefits__grid,.ux-disciplines__grid{grid-template-columns:1fr}.ux-scenarios article{display:block}.ux-scenarios .ux-workbench{height:245px}.ux-workbench--mobile .ux-workbench__screen{width:42%;right:29%}.ux-workbench{height:300px}.ux-workbench__canvas{padding:10px}.ux-workbench__tiles>span{gap:5px;padding:8px 5px}.ux-workbench__palette span{width:14px;height:14px}}@media (prefers-reduced-motion:reduce){.ux-workbench__cursor{animation:none}.ux-service summary>svg{transition:none}}.ux-service{--ux-cyan:#087397;--ux-violet:#6750a4;--ux-teal:#147967;--ux-coral:#a74d3c}.ux-hero{background:radial-gradient(at 90% 16%,#55408270,#0000 43%),radial-gradient(at 67% 90%,#137e8a55,#0000 52%),linear-gradient(120deg,#041a30 20%,#123254)}.ux-hero .ux-eyebrow:before{content:"";vertical-align:middle;background:linear-gradient(90deg,#6de2f1,#b4a0f6,#ffa889);width:25px;height:3px;margin-inline-end:12px;display:inline-block}.ux-hero .ux-workbench__draft{background:linear-gradient(145deg,#283555,#183b57);border-color:#b3a4ef8c;animation:1.5s ease-out both ux-draft-arrive}.ux-hero .ux-workbench__screen{animation:1.8s ease-out .2s both ux-interface-arrive}.ux-hero .ux-workbench__screen:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 40%,#ffffff85 49%,#0000 58%);animation:2.3s ease-in-out 1.5s both ux-interface-shine;position:absolute;inset:-35%;transform:translate(-100%)}.ux-hero .ux-workbench__grid:after{content:"";border-top:1px dashed #71dce6;border-inline-end:1px dashed #af95f2;border-start-end-radius:80px;width:48%;height:38%;animation:2s ease-in-out 1s 2 ux-connection-pulse;position:absolute;top:20%;left:25%}.ux-hero .ux-workbench__palette{background:#243959;border-color:#afa2e56e;animation:1.1s ease-out .5s both ux-palette-arrive}.ux-workbench__palette span:first-child{background:#67d9ed}.ux-workbench__palette span:nth-child(2){background:#ad95e6}.ux-workbench__palette span:nth-child(3){background:#82d6b4}.ux-workbench__palette span:nth-child(4){background:#ffb597}.ux-workbench__tiles>span:first-child{color:#166c63;background:#e5f4f1;border-color:#bfdfd7}.ux-workbench__tiles>span:last-child{color:#655092;background:#eee9fa;border-color:#d8ccee}.ux-workbench__action{background:#66509c}.ux-workbench__cursor{color:#ffbd9b;animation:4.5s ease-in-out ux-cursor}.ux-button{isolation:isolate;background:linear-gradient(110deg,#16548a,#414e90);border-color:#97cfeb;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.ux-button:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 40%,#ffffff30 50%,#0000 60%);transition:transform .65s;position:absolute;inset:-30%;transform:translate(-100%)}.ux-button:is(:hover,:focus-visible){background:linear-gradient(110deg,#1c639b,#55549f);border-color:#b3e4fa;transform:translateY(-2px);box-shadow:0 7px 23px #1b56a52e}.ux-button:is(:hover,:focus-visible):before{transform:translate(100%)}.ux-overview{background:radial-gradient(at 95% 0,#eee9fb75,#0000 50%)}.ux-benefits__grid{gap:1rem}.ux-benefits__grid article{--benefit-accent:var(--ux-cyan);--benefit-tint:#eff9fc;background:linear-gradient(140deg, var(--benefit-tint), #fff);border:1px solid #dbe7f0;border-top:2px solid var(--benefit-accent);padding:1.35rem 1.15rem}.ux-benefits__grid article:nth-child(3n+2){--benefit-accent:var(--ux-violet);--benefit-tint:#f4f0fc}.ux-benefits__grid article:nth-child(3n){--benefit-accent:var(--ux-teal);--benefit-tint:#eff9f5}.ux-benefits__grid article:nth-child(4){--benefit-accent:var(--ux-coral);--benefit-tint:#fff4ef}.ux-benefits__grid .ux-number{width:30px;height:30px;color:var(--benefit-accent);border:1px solid color-mix(in srgb, var(--benefit-accent) 25%, transparent);background:#ffffffb3;border-radius:7px;place-items:center;padding:0;display:grid}.ux-process{background:linear-gradient(120deg,#edf6fa,#f1effa)}.ux-process__diagram>svg:first-of-type{color:var(--ux-cyan);background:#ecf9ff;border-color:#aacfe0}.ux-process__diagram>svg:nth-of-type(2){color:var(--ux-violet);background:#f3effc;border-color:#c7b9e2}.ux-process__diagram>svg:nth-of-type(3){color:var(--ux-teal);background:#edf9f3;border-color:#a5d1bd}.ux-process__diagram>span{background:linear-gradient(90deg,#8acbd4,#b29ddd)}.ux-service details[open]{background:#ffffff96;box-shadow:inset 3px 0 #7960b8}.ux-service[dir=rtl] details[open]{box-shadow:inset -3px 0 #7960b8}.ux-service details[open] summary{color:#514087}.ux-service details[open] summary>svg{color:#6750a4}.ux-service details[open]>p{padding-inline:1rem}.ux-process details[open] summary{padding-inline:.8rem}.ux-process details[open]>p{animation:.25s ease-out ux-detail-arrive}.ux-disciplines__grid article{border-inline-start:2px solid #c6e8ef}.ux-disciplines__grid article:nth-child(2){border-color:#d9cef0}.ux-disciplines__grid article:nth-child(3){border-color:#c2e5d4}.ux-disciplines__grid article:nth-child(4){border-color:#f2d0be}.ux-disciplines article>svg{box-sizing:content-box;color:var(--ux-cyan);background:#eaf7fc;border-radius:13px;padding:15px}.ux-disciplines article:nth-child(2)>svg{color:var(--ux-violet);background:#f0eafb}.ux-disciplines article:nth-child(3)>svg{color:var(--ux-teal);background:#eaf7f1}.ux-disciplines article:nth-child(4)>svg{color:var(--ux-coral);background:#fff0e8}.ux-scenarios{background:linear-gradient(140deg,#f1f6fc,#f8f5fc)}.ux-scenarios article:first-child{border-color:#b9dbe8}.ux-scenarios article:nth-child(2){border-color:#d3c8e9}.ux-scenarios article:nth-child(3){border-color:#e8cabc}.ux-scenarios .ux-workbench--portal{background:radial-gradient(at 10% 10%,#b9e5e9,#0000 75%),#e9f5fa}.ux-scenarios .ux-workbench--operations{background:radial-gradient(at 90% 10%,#d8c5f2,#0000 75%),#f0eaf8}.ux-scenarios .ux-workbench--operations .ux-workbench__sidebar{background:#514279}.ux-scenarios .ux-workbench--operations .ux-workbench__chrome{background:#f1edf9}.ux-scenarios .ux-workbench--mobile{background:radial-gradient(at 10% 30%,#f6d0b5,#0000 75%),#fcf0e9}.ux-scenarios .ux-workbench--mobile .ux-workbench__action{background:#28735f}.ux-scenarios .ux-workbench--mobile .ux-workbench__chrome{background:#fff2e8}.ux-contact{background:radial-gradient(at 95% 10%,#65408b66,#0000 50%),radial-gradient(at 10% 90%,#137e7760,#0000 60%),#081e35;border-top:3px solid #0000;border-image:linear-gradient(90deg,#6ed9e7,#b099e2,#f2b192) 1;position:relative}@keyframes ux-draft-arrive{0%{opacity:0;transform:translate(-10px,18px)rotate(-10deg)}to{opacity:1;transform:rotate(-7deg)}}@keyframes ux-interface-arrive{0%{opacity:0;transform:translate(12px,22px)rotate(6deg)}to{opacity:1;transform:rotate(3deg)}}@keyframes ux-palette-arrive{0%{opacity:0;transform:translateY(-12px)rotate(10deg)}to{opacity:1;transform:rotate(6deg)}}@keyframes ux-interface-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ux-connection-pulse{0%,to{opacity:.3}50%{opacity:.9}}@keyframes ux-detail-arrive{0%{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:none}}@media not (min-width:30rem){.ux-benefits__grid article{padding:1.2rem 1rem}.ux-disciplines article>svg{padding:12px}}@media (prefers-reduced-motion:reduce){.ux-service *,.ux-service :before,.ux-service :after{transition:none!important;animation:none!important}.ux-button:is(:hover,:focus-visible){transform:none}.ux-hero .ux-workbench__screen:after,.ux-button:before{display:none}}
