/* Homepage hero: typographic left composition with original CSS device artwork. */
.uds-type-hero{position:relative;isolation:isolate;background:#faf7f9;padding:clamp(64px,6vw,96px) 0;color:#242129;overflow:clip}
.uds-type-background{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 83% 45%,#efd9e355,transparent 48%);pointer-events:none}
.uds-type-hero .uds-type-container{width:100%;max-width:1240px;margin:auto;padding:0 32px;box-sizing:border-box;position:relative}
.uds-type-copy{position:relative;z-index:2;min-width:0}
.uds-type-hero h1{font:600 clamp(32px,3.7vw,50px)/1.2 Jost,sans-serif;color:#242129!important;letter-spacing:-1.2px;margin:0 0 24px;overflow-wrap:normal}
.uds-fixed-headline{display:block;margin-bottom:12px}
.uds-hero-second-line{display:flex;align-items:baseline;gap:.3em;min-width:0;white-space:nowrap}
.uds-hero-for{flex:0 0 auto}
.uds-type-area{display:grid;min-width:0;font:500 clamp(20px,2.5vw,34px)/1.5 Jost,sans-serif;letter-spacing:-.6px}
.uds-type-size,.uds-type-output{grid-area:1/1;min-width:0;align-self:start;white-space:nowrap}
.uds-type-size{visibility:hidden;pointer-events:none}
.uds-type-output{min-height:1.5em}
#uds-type-text{color:#a30c2a;background:none;padding:0;border-radius:0}
.uds-type-cursor{display:inline-block;width:2px;height:.9em;background:#a30c2a;vertical-align:-.05em;margin-left:5px;animation:uds-cursor-blink 1s steps(1) infinite}
.uds-type-description{font:400 16px/1.9 Poppins,sans-serif!important;color:#746674!important;max-width:580px;margin:0 0 30px}
body .uds-type-hero .uds-type-cta{background:#a30c2a!important;border-color:#a30c2a!important;color:#fff!important;display:inline-flex;align-items:center;gap:18px;padding:15px 24px}
body .uds-type-hero .uds-type-cta:hover{background:#790d26!important;border-color:#790d26!important}
.uds-type-cta span{font-size:24px;line-height:1}
.uds-type-hero .uds-type-tagline{font:400 12px/1.6 Poppins,sans-serif!important;letter-spacing:1px;color:#8e7686!important;margin:20px 0 0}
.uds-hero-art{position:absolute;right:30px;bottom:0;width:340px;height:290px;pointer-events:none;z-index:0;opacity:.95}
.uds-art-orbit{position:absolute;width:270px;height:270px;border:1px solid #e4c9d5;border-radius:50%;top:-8px;right:-14px}
.uds-art-orbit:after{content:'';position:absolute;inset:25px;border:1px dashed #dec5d1;border-radius:50%}
.uds-art-browser{position:absolute;left:0;top:35px;width:290px;height:190px;background:#fff;border:1px solid #ead9e2;border-radius:12px;transform:rotate(-5deg);box-shadow:0 18px 30px #67213c0c}
.uds-art-toolbar{height:28px;border-bottom:1px solid #eee4e9;display:flex;align-items:center;gap:4px;padding:0 12px}
.uds-art-toolbar span{width:5px;height:5px;border-radius:50%;background:#d2b4c2}
.uds-art-interface{display:flex;padding:16px;gap:15px}
.uds-art-sidebar{width:30px;height:110px;background:#f5e9ef;border-radius:5px}
.uds-art-page{flex:1}.uds-art-line{display:block;width:72%;height:7px;border-radius:4px;background:#b35a78;margin:6px 0 9px}.uds-art-line.short{width:48%;height:5px;background:#e7d7df}
.uds-art-chart{display:flex;align-items:end;gap:9px;height:75px;border-bottom:1px solid #ecdfe5;padding-top:12px}.uds-art-chart i{background:#e1b5c7;width:22px;height:30%}.uds-art-chart i:nth-child(2){height:50%}.uds-art-chart i:nth-child(3){height:42%}.uds-art-chart i:nth-child(4){height:75%;background:#bc6583}.uds-art-chart i:nth-child(5){height:95%;background:#a30c2a}
.uds-art-phone{position:absolute;right:0;bottom:0;width:94px;height:172px;background:#fff;border:4px solid #342735;border-radius:17px;transform:rotate(8deg);padding:16px 9px;box-shadow:0 12px 25px #67213c12}
.uds-art-phone-notch{width:24px;height:3px;border-radius:3px;background:#342735;margin:-10px auto 12px}.uds-art-phone-symbol{width:32px;height:32px;display:grid;place-items:center;background:#a30c2a;border-radius:8px;font:600 19px/1 Jost,sans-serif;color:#fff;margin:0 auto 14px}.uds-art-phone>span{display:block;height:3px;margin-bottom:6px;background:#e5d5df}.uds-art-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:13px}.uds-art-phone-grid i{height:17px;background:#f4e6ed;border-radius:3px}.uds-art-code{position:absolute;right:36px;top:8px;color:#a30c2a;font:600 23px/1 monospace}
@keyframes uds-cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:1100px){.uds-hero-art{width:260px;height:230px;right:25px;transform:scale(.8);transform-origin:bottom right}.uds-type-description{max-width:520px}}
@media(max-width:991px){.uds-type-hero h1{font-size:39px}.uds-type-area{font-size:24px}.uds-hero-art{opacity:.35}.uds-type-description{max-width:520px}}
@media(max-width:767px){.uds-type-hero{padding:44px 0 42px}.uds-type-hero .uds-type-container{padding:0 24px}.uds-type-hero h1{font-size:clamp(25px,6.5vw,34px);letter-spacing:-.6px;margin-bottom:20px}.uds-fixed-headline{margin-bottom:10px}.uds-hero-second-line{gap:8px}.uds-hero-for{font-size:clamp(14px,3.6vw,19px)}.uds-type-area{font-size:clamp(12px,3.05vw,17px);letter-spacing:-.2px}.uds-type-cursor{margin-left:3px}.uds-type-description{font-size:14px!important;max-width:none;line-height:1.85!important;margin-bottom:24px}.uds-hero-art{position:relative;right:auto;bottom:auto;width:340px;max-width:100%;height:250px;margin:28px auto 0;transform:none;opacity:1}.uds-art-browser{width:calc(100% - 40px)}.uds-art-orbit{right:0;width:240px;height:240px}.uds-type-hero .uds-type-tagline{font-size:11px!important;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.uds-type-cursor{animation:none;display:none}}
/* Stronger two-line typography and a layered geometric brand backdrop. */
.uds-type-hero{background:#faf5f8}
.uds-type-background{background:radial-gradient(ellipse at 85% 70%,#dca5bb42,transparent 48%),radial-gradient(ellipse at 0 0,#fff 0,transparent 65%)}
.uds-type-background:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a30c2a09 1px,transparent 1px),linear-gradient(90deg,#a30c2a09 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 25%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 100%)}
.uds-type-background:after{content:'';position:absolute;right:-85px;top:-110px;width:570px;height:570px;border:1px solid #d9a5bc;border-radius:110px;transform:rotate(28deg);box-shadow:0 0 0 28px #a30c2a04,0 0 0 29px #dfb7c84d,0 0 0 64px #a30c2a03,0 0 0 65px #dfb7c835}
.uds-fixed-headline{white-space:nowrap;font-size:clamp(32px,3.8vw,52px)}
.uds-hero-second-line{gap:.25em}
.uds-hero-for{font-size:clamp(30px,3.5vw,48px)}
.uds-type-area{font-size:clamp(30px,3.5vw,48px);line-height:1.4;letter-spacing:-.8px}
.uds-hero-art{bottom:-14px}
@media(max-width:991px){.uds-fixed-headline{font-size:clamp(28px,4.5vw,40px)}.uds-hero-for,.uds-type-area{font-size:clamp(25px,4vw,36px)}}
@media(max-width:767px){
 .uds-fixed-headline{font-size:clamp(23px,5.65vw,34px);letter-spacing:-.7px}
 .uds-hero-for,.uds-type-area{font-size:clamp(17px,4.35vw,27px);letter-spacing:-.45px}
 .uds-hero-second-line{gap:6px}
 .uds-type-background:before{background-size:36px 36px;mask-image:linear-gradient(180deg,transparent 15%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 15%,#000 100%)}
 .uds-type-background:after{width:350px;height:350px;top:auto;bottom:-90px;right:-140px;border-radius:75px}
 .uds-hero-art{bottom:auto}
}
/* Motion and a soft graphic accent around the changing service name. */
.uds-type-area{position:relative;isolation:isolate}
.uds-type-area:before{content:'';position:absolute;z-index:-1;inset:10% -8px 4%;background:linear-gradient(110deg,#f1d3df,#f8e7ee 65%,#f0ccdc);border:1px solid #e8becf;border-radius:24px 8px 24px 8px;transform:rotate(-1deg);box-shadow:0 8px 24px #a30c2a08;pointer-events:none}
.uds-type-area:after{content:'';position:absolute;z-index:-1;left:12%;right:5%;bottom:-5px;height:3px;background:linear-gradient(90deg,#a30c2a00,#b94f73,#a30c2a00);border-radius:50%;pointer-events:none}
.uds-art-browser{animation:uds-browser-float 6s ease-in-out infinite}
.uds-art-phone{animation:uds-phone-float 5s ease-in-out infinite}
.uds-art-orbit:after{animation:uds-orbit-turn 32s linear infinite}
.uds-art-orbit:before{content:'';position:absolute;top:28px;left:31px;width:10px;height:10px;background:#a30c2a;border:3px solid #faedf3;border-radius:50%;box-shadow:0 0 0 7px #a30c2a0c;animation:uds-signal-pulse 3s ease-in-out infinite}
.uds-art-chart i{transform-origin:center bottom;animation:uds-chart-grow 3.6s ease-in-out infinite}
.uds-art-chart i:nth-child(2){animation-delay:.2s}.uds-art-chart i:nth-child(3){animation-delay:.4s}.uds-art-chart i:nth-child(4){animation-delay:.6s}.uds-art-chart i:nth-child(5){animation-delay:.8s}
.uds-art-phone-grid i{animation:uds-tile-glow 4s ease-in-out infinite}.uds-art-phone-grid i:nth-child(2){animation-delay:1s}.uds-art-phone-grid i:nth-child(3){animation-delay:2s}.uds-art-phone-grid i:nth-child(4){animation-delay:3s}
.uds-art-code{animation:uds-code-float 5.5s ease-in-out infinite}
@keyframes uds-browser-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
@keyframes uds-phone-float{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-17px) rotate(5deg)}}
@keyframes uds-orbit-turn{to{transform:rotate(360deg)}}
@keyframes uds-chart-grow{0%,100%{transform:scaleY(.8)}50%{transform:scaleY(1)}}
@keyframes uds-tile-glow{0%,100%{background:#f4e6ed}50%{background:#d59ab2}}
@keyframes uds-code-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes uds-signal-pulse{0%,100%{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}
@media(max-width:767px){.uds-type-area:before{inset:7% -4px 3%;border-radius:12px 4px 12px 4px}.uds-type-area:after{bottom:-3px;height:2px}}
@media(prefers-reduced-motion:reduce){.uds-hero-art *,.uds-hero-art *:before,.uds-hero-art *:after{animation:none!important}}

.uds-solution-action{display:flex;flex-direction:column;align-items:flex-start;gap:9px;max-width:100%}
.uds-type-cta #uds-solution-name{font:400 13px/1.5 Poppins,sans-serif;min-width:0;overflow-wrap:anywhere}
body .uds-type-hero .uds-type-cta{max-width:100%;box-sizing:border-box;border-radius:8px;box-shadow:none}
.uds-solution-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px!important;border:0;border-radius:0}
@media(max-width:767px){body .uds-type-hero .uds-type-cta{padding:13px 16px;gap:12px}.uds-type-cta #uds-solution-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){.uds-solution-arrow{transition:none}}


.uds-type-cta #uds-solution-name{transition:opacity 160ms ease;opacity:1}
.uds-type-cta #uds-solution-name.uds-label-fading{opacity:0}
@media(prefers-reduced-motion:reduce){.uds-type-cta #uds-solution-name{transition:none}}
/* Entrance on each page load; animate the artwork wrapper separately from its devices. */
.uds-type-hero .uds-fixed-headline{animation:uds-hero-reveal .75s cubic-bezier(.22,1,.36,1) both}
.uds-type-hero .uds-hero-second-line{animation:uds-hero-reveal .75s .12s cubic-bezier(.22,1,.36,1) both}
.uds-type-hero .uds-type-description{animation:uds-hero-reveal .75s .24s cubic-bezier(.22,1,.36,1) both}
.uds-type-hero .uds-solution-action{animation:uds-hero-reveal .75s .36s cubic-bezier(.22,1,.36,1) both}
.uds-type-hero .uds-type-tagline{animation:uds-hero-reveal .75s .44s cubic-bezier(.22,1,.36,1) both}
.uds-type-hero .uds-hero-art{animation:uds-art-reveal 1s .2s cubic-bezier(.22,1,.36,1) both}
@keyframes uds-hero-reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes uds-art-reveal{from{opacity:0;translate:24px 12px}to{translate:0 0}}
@media(prefers-reduced-motion:reduce){.uds-type-hero :is(.uds-fixed-headline,.uds-hero-second-line,.uds-type-description,.uds-solution-action,.uds-type-tagline,.uds-hero-art){animation:none!important}}