:root{--ease-in-out:cubic-bezier(0.4,0.0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,0.65);--ease-out:cubic-bezier(0.218,0.58,0.36,1);--ease-bounce:cubic-bezier(.17,.67,.3,1.33)}[ux-ui-page]{--ph:2.6875rem;--rc:19px}.ux-breadcrumb{align-items:center;color:hsla(0,0%,100%,.35);display:flex;font-size:.75rem;font-weight:300;gap:.5rem;margin-bottom:auto;position:relative;z-index:2}.ux-breadcrumb a{color:hsla(0,0%,100%,.35);transition:color .15s ease}.ux-breadcrumb a:hover{color:hsla(0,0%,100%,.8)}.ux-breadcrumb__sep{font-size:.625rem;opacity:.5}.ux-breadcrumb__current{color:hsla(0,0%,100%,.65);font-weight:400}.ux-label{color:#b4b4b4;display:block;font-size:.6875rem;font-weight:300;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.ux-label--white{color:hsla(0,0%,100%,.4)}.ux-hero{background:linear-gradient(180deg,#3c3c3c,#242323);justify-content:flex-end;min-height:100svh;overflow:hidden;padding:6.25rem var(--ph) 5rem}.ux-hero,.ux-hero__inner{display:flex;flex-direction:column;position:relative}.ux-hero__inner{gap:1.25rem;max-width:900px;z-index:1}.ux-hero__title{color:#fff;font-size:max(52px,min(7.5vw,110px));font-weight:700;letter-spacing:-.03em;line-height:1}.ux-hero__title em{color:hsla(0,0%,100%,.35)}.ux-hero__body{color:hsla(0,0%,100%,.55);font-size:1.125rem;font-weight:300;line-height:1.7;max-width:52ch}.ux-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.ux-kpis{grid-gap:2rem;background:#3c3c3c;border-top:1px solid hsla(0,0%,100%,.06);display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);padding:3.5rem var(--ph) 4.75rem}@media(max-width:700px){.ux-kpis{grid-template-columns:repeat(2,1fr)}}.ux-kpi{display:flex;flex-direction:column;gap:.5rem}.ux-kpi__val{color:#fff;font-size:max(36px,min(4vw,56px));font-weight:700;letter-spacing:-.02em;line-height:1}.ux-kpi__val--green{color:#a0ca75}.ux-kpi__label{color:hsla(0,0%,100%,.4);font-size:.8125rem;font-weight:300;letter-spacing:.06em;text-transform:uppercase}.ux-services{padding:4.75rem var(--ph)}.ux-services__header{display:flex;flex-direction:column;gap:.625rem;margin-bottom:3.25rem}.ux-services__title{font-size:max(28px,min(3.5vw,44px));font-weight:700;line-height:1.1}.ux-services__title em{color:#b4b4b4}.ux-services__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.ux-services__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.ux-services__grid{grid-template-columns:1fr}}.ux-card{background:#3c3c3c;border-radius:var(--rc);display:flex;flex-direction:column;gap:.875rem;padding:2.5rem 1.75rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.ux-card:before{background:hsla(0,0%,100%,.08);border-radius:var(--rc) var(--rc) 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0;transition:background .2s ease}.ux-card:hover{box-shadow:0 24px 48px rgba(0,0,0,.18);transform:translateY(-4px)}.ux-card:hover:before{background:hsla(0,0%,100%,.15)}.ux-card__icon{font-size:1.75rem}.ux-card__name{color:#fff;font-size:1.25rem;font-weight:700}.ux-card__desc{color:hsla(0,0%,100%,.5);font-size:.875rem;font-weight:300;line-height:1.7}.ux-cta{padding:0 var(--ph) 4.75rem}.ux-cta__inner{align-items:center;background:#3c3c3c;border-radius:1.5rem;display:flex;flex-direction:column;gap:1.5rem;padding:4.5rem var(--ph);text-align:center}.ux-cta__label{color:hsla(0,0%,100%,.3);font-size:.6875rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase}.ux-cta__title{color:#fff;font-size:max(32px,min(4.5vw,64px));font-weight:700;letter-spacing:-.02em;line-height:1}.ux-cta__title em{color:hsla(0,0%,100%,.4)}.ux-cta__body{color:hsla(0,0%,100%,.5);font-size:1rem;font-weight:300;line-height:1.7;max-width:42ch}.ux-cta__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}[ux-ui-page] .ux-process{background:#f6f6f6;padding:4.75rem var(--ph)}[ux-ui-page] .ux-process__inner{margin:0 auto;max-width:1100px}[ux-ui-page] .ux-process__title{color:#3c3c3c;font-size:max(28px,min(3.5vw,44px));font-weight:700;line-height:1.1;margin-bottom:3rem;max-width:640px}[ux-ui-page] .ux-stages{align-items:flex-start;display:flex;gap:0;margin-bottom:2.5rem}[ux-ui-page] .ux-stage{align-items:center;display:flex;flex:1;flex-direction:column;gap:12px;text-align:center}[ux-ui-page] .ux-stage__arrow{align-items:center;color:#b4b4b4;display:flex;flex-shrink:0;font-size:1.125rem;margin-top:45px;padding:0 8px}[ux-ui-page] .ux-stage__preview{border-radius:8px;height:90px;overflow:hidden;width:140px}[ux-ui-page] .ux-stage__preview--research,[ux-ui-page] .ux-stage__preview--wire{align-items:center;background:#fff;border:1px solid #e0e0e0;display:flex;justify-content:center}[ux-ui-page] .ux-stage__preview--proto{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;display:flex;justify-content:center}[ux-ui-page] .ux-stage__preview--ui{background:#fff;border:1px solid #e0e0e0}[ux-ui-page] .ux-research-card{display:flex;flex-direction:column;gap:8px;padding:10px;width:110px}[ux-ui-page] .ux-research-row{align-items:center;display:flex;gap:8px}[ux-ui-page] .ux-research-bar{background:#e0e0e0;border-radius:2px;flex:1;height:3px}[ux-ui-page] .ux-research-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}[ux-ui-page] .ux-dot--green{background:#a0ca75}[ux-ui-page] .ux-dot--red{background:#e05050}[ux-ui-page] .ux-research-note{color:#b4b4b4;font-size:8px;margin-top:2px}[ux-ui-page] .ux-wireframe{display:flex;flex-direction:column;gap:5px;padding:8px;width:110px}[ux-ui-page] .ux-wf-header{background:#d0d0d0;border-radius:2px;height:8px}[ux-ui-page] .ux-wf-hero{background:#e8e8e8;border-radius:2px;height:28px}[ux-ui-page] .ux-wf-grid{display:flex;gap:4px}[ux-ui-page] .ux-wf-grid span{background:#e8e8e8;border-radius:2px;flex:1;height:20px}[ux-ui-page] .ux-proto{display:flex;flex-direction:column;gap:5px;padding:8px;width:110px}[ux-ui-page] .ux-proto__bar{background:silver;border-radius:2px;height:8px}[ux-ui-page] .ux-proto__hero{align-items:center;background:#2a1a4e;border-radius:3px;display:flex;height:28px;justify-content:space-between;padding:0 8px}[ux-ui-page] .ux-proto__title{background:hsla(0,0%,100%,.4);border-radius:2px;height:6px;width:60%}[ux-ui-page] .ux-proto__btn{background:#a0ca75;border-radius:3px;height:10px;opacity:.7;width:24px}[ux-ui-page] .ux-proto__cards{display:flex;gap:4px}[ux-ui-page] .ux-proto__card{background:#e0e0e0;border-radius:3px;flex:1;height:20px}[ux-ui-page] .ux-ui-final{display:flex;flex-direction:column;height:100%;width:100%}[ux-ui-page] .ux-ui-nav{align-items:center;background:#18102e;display:flex;gap:8px;height:22px;padding:0 8px}[ux-ui-page] .ux-ui-dot{border-radius:50%;height:10px;width:10px}[ux-ui-page] .ux-ui-navlinks{display:flex;flex:1;gap:8px}[ux-ui-page] .ux-ui-navlinks span{background:hsla(0,0%,100%,.3);border-radius:1px;height:3px;width:18px}[ux-ui-page] .ux-ui-cta-btn{background:#a0ca75;border-radius:3px;height:12px;opacity:.8;width:30px}[ux-ui-page] .ux-ui-hero-area{background:linear-gradient(180deg,#2a1a4e,#f6f6f6);display:flex;flex:1;flex-direction:column;gap:5px;padding:10px}[ux-ui-page] .ux-ui-headline{background:hsla(0,0%,100%,.8);border-radius:2px;height:14px;width:80%}[ux-ui-page] .ux-ui-sub{background:hsla(0,0%,100%,.4);border-radius:2px;height:6px;width:60%}[ux-ui-page] .ux-ui-action{background:#a0ca75;border-radius:3px;height:14px;margin-top:4px;opacity:.8;width:40%}[ux-ui-page] .ux-stage__name{color:#3c3c3c;font-size:.8125rem;font-weight:700}[ux-ui-page] .ux-stage__desc{color:#b4b4b4;font-size:.6875rem;line-height:1.5;max-width:140px}[ux-ui-page] .ux-tools-row{border-top:1px solid #e0e0e0;padding-top:1.5rem}[ux-ui-page] .ux-tools-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}[ux-ui-page] .ux-tool-chip{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#3c3c3c;font-size:.75rem;font-weight:500;padding:5px 14px}