:root{--ux-ink:#17172d;--ux-indigo:#5b4df5;--ux-violet:#8b5cf6;--ux-coral:#ff6174;--ux-cyan:#2ed5d0;--ux-lime:#bff46b;--ux-cream:#fffaf4;--ux-soft:#f5f4ff;--ux-line:#e3e1ef;--ux-muted:#68677b}
.ux-kicker{color:var(--ux-lime);font-size:.72rem;font-weight:850;letter-spacing:.18em;margin:0;text-transform:uppercase}.ux-kicker--dark{color:var(--ux-indigo)}.ux-hero{background:linear-gradient(140deg,#15152d 0%,#242050 48%,#4d2c70 100%);min-height:90vh;overflow:hidden;position:relative}.ux-hero__inner{padding-bottom:105px;padding-top:175px;position:relative;z-index:2}.ux-hero__glow{border-radius:50%;filter:blur(2px);position:absolute}.ux-hero__glow--one{background:rgba(46,213,208,.22);height:430px;right:-130px;top:-80px;width:430px}.ux-hero__glow--two{background:rgba(255,97,116,.2);bottom:-210px;height:520px;left:-120px;width:520px}.ux-hero h1{font-size:clamp(3rem,6vw,5.8rem);font-weight:780;letter-spacing:-.06em;line-height:.96;margin:24px 0 0;max-width:900px}.ux-hero h1 em{background:linear-gradient(95deg,var(--ux-cyan),var(--ux-lime));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.ux-hero__lead{font-size:clamp(1.03rem,1.7vw,1.28rem);line-height:1.72;margin-top:30px;max-width:740px;opacity:.82}.ux-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:37px}.ux-actions .uk-button-primary{background:var(--ux-coral);font-weight:750}.ux-actions .uk-button-primary:hover{background:#ff7b89}.ux-actions .uk-button-default{border-color:rgba(255,255,255,.32);color:#fff}.ux-hero__proof{display:flex;flex-wrap:wrap;gap:22px;margin-top:34px}.ux-hero__proof span{align-items:center;display:flex;font-size:.69rem;font-weight:650;gap:8px;opacity:.76}.ux-hero__proof i{background:var(--ux-cyan);border-radius:50%;height:7px;width:7px}
.ux-studio{background:#f8f7fc;border:1px solid rgba(255,255,255,.32);border-radius:24px;box-shadow:0 45px 100px rgba(5,3,25,.48);color:var(--ux-ink);margin-left:auto;max-width:480px;transform:perspective(1000px) rotateY(-3deg) rotateX(1deg)}.ux-studio__bar{align-items:center;border-bottom:1px solid #e7e4ef;display:flex;gap:6px;padding:14px 17px}.ux-studio__bar span{background:var(--ux-coral);border-radius:50%;height:7px;width:7px}.ux-studio__bar span:nth-child(2){background:#ffca5c}.ux-studio__bar span:nth-child(3){background:var(--ux-cyan)}.ux-studio__bar b{color:#7a778b;font-size:.53rem;letter-spacing:.12em;margin-left:auto}.ux-studio__body{display:flex;min-height:410px}.ux-studio__tools{align-items:center;border-right:1px solid #e7e4ef;display:flex;flex-direction:column;gap:17px;padding:23px 12px}.ux-studio__tools i{border:2px solid #9893ab;border-radius:3px;height:11px;width:11px}.ux-studio__tools i:nth-child(2){border-radius:50%}.ux-studio__tools i:nth-child(3){border-width:0 0 2px 2px}.ux-studio__tools i:nth-child(4){background:var(--ux-indigo);border:0;border-radius:2px}.ux-canvas{background:linear-gradient(135deg,#eeecf6,#e6e4f0);flex:1;padding:22px;position:relative}.ux-canvas__top{align-items:center;display:flex;justify-content:space-between}.ux-canvas__top small{color:#8b8799;font-size:.5rem;letter-spacing:.14em}.ux-canvas__top span{background:#dbd7fa;border-radius:99px;color:var(--ux-indigo);font-size:.53rem;font-weight:750;padding:6px 9px}.ux-card-preview{background:#fff;border-radius:16px;box-shadow:0 18px 45px rgba(34,28,71,.15);margin:18px auto 0;max-width:280px;min-height:305px;padding:18px}.ux-card-preview__nav{align-items:center;display:flex}.ux-card-preview__nav b{color:var(--ux-indigo);font-size:.75rem;margin-right:auto}.ux-card-preview__nav i{background:#d9d6e2;border-radius:99px;height:5px;margin-left:7px;width:22px}.ux-card-preview__copy{margin-top:27px}.ux-card-preview__copy small{color:var(--ux-coral);display:block;font-size:.46rem;font-weight:800;letter-spacing:.13em}.ux-card-preview__copy strong{display:block;font-size:1.03rem;margin:6px 0 11px}.ux-card-preview__copy span{background:#dedbe6;border-radius:99px;display:block;height:5px;margin-top:7px;width:82%}.ux-card-preview__copy span:last-child{width:58%}.ux-card-preview__choice{align-items:center;background:#f4f3ff;border:1px solid #dcd8ff;border-radius:11px;display:flex;gap:10px;margin-top:20px;padding:11px}.ux-card-preview__choice>i{background:var(--ux-indigo);border-radius:9px;height:30px;width:30px}.ux-card-preview__choice div{display:flex;flex-direction:column}.ux-card-preview__choice b{font-size:.58rem}.ux-card-preview__choice small{color:#8c899a;font-size:.46rem}.ux-card-preview__choice em{color:var(--ux-indigo);font-style:normal;margin-left:auto}.ux-card-preview__button{background:var(--ux-indigo);border-radius:9px;color:#fff;font-size:.57rem;font-weight:750;margin-top:14px;padding:11px 13px}.ux-card-preview__button b{float:right}.ux-comment{align-items:center;background:#fff;border-radius:11px;box-shadow:0 12px 28px rgba(31,24,68,.2);display:flex;gap:9px;position:absolute;right:-24px;top:135px;padding:9px 11px}.ux-comment>span{background:var(--ux-coral);border-radius:50%;color:#fff;display:grid;font-size:.48rem;height:29px;place-items:center;width:29px}.ux-comment p{display:flex;flex-direction:column;margin:0}.ux-comment b{font-size:.54rem}.ux-comment small{color:#898598;font-size:.44rem}.ux-studio__status{align-items:center;border-top:1px solid #e7e4ef;display:flex;justify-content:space-between;padding:13px 17px}.ux-studio__status span{font-size:.53rem;font-weight:650}.ux-studio__status span i{background:#36c98a;border-radius:50%;display:inline-block;height:6px;margin-right:5px;width:6px}.ux-studio__status small{color:#8b8798;font-size:.49rem}
.ux-principles{background:#fff}.ux-principles h2,.ux-services h2,.ux-accessible h2,.ux-fit h2,.ux-faq h2{color:var(--ux-ink);font-weight:750;letter-spacing:-.045em}.ux-principles .uk-text-lead{color:var(--ux-muted);line-height:1.7}.ux-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px}.ux-principle-grid article{border-left:1px solid var(--ux-line);padding:0 25px}.ux-principle-grid article>span{color:#aaa6b8;font-size:.63rem;font-weight:750}.ux-principle-icon{align-items:center;border-radius:15px;display:flex;height:48px;justify-content:center;margin-top:25px;width:48px}.ux-principle-icon--violet{background:#edeaff;color:var(--ux-indigo)}.ux-principle-icon--cyan{background:#e3fbfa;color:#119e9b}.ux-principle-icon--coral{background:#fff0f2;color:var(--ux-coral)}.ux-principle-icon--lime{background:#f1fbdc;color:#719d28}.ux-principle-grid h3{color:var(--ux-ink);font-size:1.18rem;font-weight:730;margin:19px 0 10px}.ux-principle-grid p{color:var(--ux-muted);font-size:.86rem;line-height:1.65}
.ux-services{background:var(--ux-soft)}.ux-section-heading{max-width:760px}.ux-section-heading h2{margin:16px 0}.ux-section-heading>p:last-child{color:var(--ux-muted);font-size:1.08rem;line-height:1.7;max-width:650px}.ux-bento{display:grid;gap:17px;grid-template-columns:repeat(12,1fr);margin-top:55px}.ux-bento article{background:#fff;border:1px solid var(--ux-line);border-radius:24px;box-sizing:border-box;min-height:275px;padding:30px}.ux-bento__number{font-size:.58rem;font-weight:850;letter-spacing:.14em;opacity:.62}.ux-bento h3{font-size:1.5rem;font-weight:760;letter-spacing:-.035em;margin:23px 0 12px}.ux-bento p{font-size:.88rem;line-height:1.66}.ux-bento__research{background:var(--ux-ink)!important;color:#fff;grid-column:span 7}.ux-bento__research h3{color:#fff}.ux-insight{align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:14px;display:flex;gap:13px;margin-top:26px;padding:14px}.ux-insight>span{color:var(--ux-lime)}.ux-insight p{display:flex;flex-direction:column;margin:0}.ux-insight small{font-size:.47rem;letter-spacing:.12em;opacity:.5}.ux-insight b{font-size:.67rem}.ux-bento__architecture{background:#dff9f7!important;border-color:#dff9f7!important;grid-column:span 5}.ux-flow-map{height:70px;margin-top:26px;position:relative}.ux-flow-map b{background:var(--ux-indigo);border-radius:8px;height:31px;left:0;position:absolute;top:18px;width:50px}.ux-flow-map i{background:#fff;border:1px solid #aaddda;border-radius:8px;height:26px;position:absolute;right:0;width:42px}.ux-flow-map i:nth-of-type(1){top:0}.ux-flow-map i:nth-of-type(2){right:57px;top:22px}.ux-flow-map i:nth-of-type(3){top:44px}.ux-flow-map span{background:#8ccfcb;height:1px;left:50px;position:absolute;top:33px;transform-origin:left;width:calc(100% - 92px)}.ux-flow-map span:nth-of-type(2){transform:rotate(-8deg)}.ux-flow-map span:nth-of-type(3){transform:rotate(8deg)}.ux-bento__wireframes{grid-column:span 5}.ux-mini-wireframes{display:flex;gap:12px;margin-top:25px}.ux-mini-wireframes>div{background:#f1eff7;border-radius:11px;flex:1;height:100px;padding:11px}.ux-mini-wireframes i{background:#c5c0d1;border-radius:99px;display:block;height:5px;width:28px}.ux-mini-wireframes span{background:#d4d0de;border-radius:99px;display:block;height:4px;margin-top:12px;width:80%}.ux-mini-wireframes span+span{margin-top:6px;width:55%}.ux-mini-wireframes em{border:1px solid #cbc6d7;border-radius:6px;display:block;height:29px;margin-top:10px}.ux-mini-wireframes b{background:var(--ux-indigo);border-radius:5px;display:block;height:13px;margin-top:13px;width:45px}.ux-bento__interface{background:linear-gradient(135deg,#6957fa,#a153e9)!important;border:0!important;color:#fff;display:flex;flex-direction:column;grid-column:span 7;justify-content:space-between}.ux-bento__interface h3{color:#fff}.ux-palette{display:flex;gap:8px;margin-top:24px}.ux-palette span{background:var(--ux-coral);border:3px solid rgba(255,255,255,.35);border-radius:50%;height:31px;width:31px}.ux-palette span:nth-child(2){background:var(--ux-cyan)}.ux-palette span:nth-child(3){background:var(--ux-lime)}.ux-palette span:nth-child(4){background:#fff}.ux-bento__system{background:#fff8ee!important;grid-column:span 7}.ux-components{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.ux-components span{background:#fff;border:1px solid #e9dfd4;border-radius:99px;font-size:.59rem;font-weight:700;padding:9px 13px}.ux-bento__testing{background:#ffecef!important;border-color:#ffecef!important;grid-column:span 5}.ux-test-result{margin-top:27px}.ux-test-result b,.ux-test-result small{display:block;font-size:.58rem}.ux-test-result span{background:rgba(255,255,255,.65);border-radius:99px;display:block;height:9px;margin:9px 0;overflow:hidden}.ux-test-result span i{background:linear-gradient(90deg,var(--ux-coral),#ff9a65);display:block;height:100%;width:84%}.ux-test-result small{opacity:.58}
.ux-process{background:linear-gradient(140deg,#17172d,#29225b);overflow:hidden;position:relative}.ux-process__orbit{border:75px solid rgba(46,213,208,.06);border-radius:50%;height:520px;left:-320px;position:absolute;top:-260px;width:520px}.ux-process h2{font-weight:750;letter-spacing:-.045em;margin-top:17px}.ux-process .uk-text-lead{opacity:.72}.ux-process-list{border-top:1px solid rgba(255,255,255,.15)}.ux-process-list article{border-bottom:1px solid rgba(255,255,255,.15);display:grid;gap:24px;grid-template-columns:45px 1fr;padding:26px 0}.ux-process-list article>b{color:var(--ux-cyan);font-size:.66rem}.ux-process-list span{color:var(--ux-lime);font-size:.55rem;font-weight:850;letter-spacing:.15em}.ux-process-list h3{color:#fff;font-size:1.18rem;font-weight:700;margin:6px 0}.ux-process-list p{font-size:.82rem;line-height:1.65;margin:0;opacity:.64}
.ux-accessible{background:var(--ux-cream)}.ux-access-card{background:#fff;border:1px solid #e9e2da;border-radius:25px;box-shadow:0 25px 70px rgba(61,42,26,.1);padding:28px}.ux-access-card__head{align-items:center;border-bottom:1px solid #eee8e1;display:flex;justify-content:space-between;padding-bottom:22px}.ux-access-card__head small{font-size:.55rem;letter-spacing:.13em}.ux-access-card__head span{background:#edfbdf;border-radius:99px;color:#5e861c;font-size:.54rem;font-weight:700;padding:7px 10px}.ux-access-row{align-items:center;border-bottom:1px solid #f0ebe6;display:flex;gap:13px;padding:17px 0}.ux-access-row:last-child{border:0}.ux-dot{border-radius:50%;height:11px;width:11px}.ux-dot--violet{background:var(--ux-indigo)}.ux-dot--cyan{background:var(--ux-cyan)}.ux-dot--coral{background:var(--ux-coral)}.ux-dot--lime{background:var(--ux-lime)}.ux-access-row div{display:flex;flex-direction:column}.ux-access-row b{font-size:.73rem}.ux-access-row small{color:#8d8791;font-size:.58rem}.ux-access-row em{color:#45a66f;font-style:normal;margin-left:auto}.ux-accessible .uk-text-lead{color:var(--ux-ink);line-height:1.6}.ux-accessible p{color:var(--ux-muted);line-height:1.75}.ux-checklist{list-style:none;margin:26px 0 0;padding:0}.ux-checklist li{border-bottom:1px solid #e5ded6;color:var(--ux-ink);font-size:.84rem;font-weight:650;padding:13px 0}.ux-checklist span{color:var(--ux-indigo);margin-right:10px}
.ux-fit{background:#fff}.ux-fit-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-top:52px}.ux-fit-grid article{background:var(--ux-soft);border:1px solid var(--ux-line);border-radius:19px;padding:27px}.ux-fit-grid article>span{color:var(--ux-indigo)}.ux-fit-grid article:nth-child(2)>span{color:var(--ux-coral)}.ux-fit-grid article:nth-child(3)>span{color:#169e99}.ux-fit-grid article:nth-child(4)>span{color:#6c9429}.ux-fit-grid h3{color:var(--ux-ink);font-size:1.08rem;font-weight:730;margin:19px 0 10px}.ux-fit-grid p{color:var(--ux-muted);font-size:.82rem;line-height:1.65}.ux-faq{background:var(--ux-soft)}.ux-faq .uk-accordion>li{background:#fff;border:1px solid var(--ux-line);border-radius:15px;padding:21px 24px}.ux-faq .uk-accordion-title{color:var(--ux-ink);font-size:1.05rem;font-weight:700}.ux-faq .uk-accordion-content{color:var(--ux-muted);line-height:1.72}.ux-contact{background:radial-gradient(circle at 8% 15%,rgba(46,213,208,.2),transparent 25%),linear-gradient(135deg,#17172d,#35246c)}.ux-contact h2{font-weight:750;letter-spacing:-.045em;margin-top:17px}.ux-contact__note{align-items:center;border-top:1px solid rgba(255,255,255,.15);display:flex;gap:12px;margin-top:32px;padding-top:19px}.ux-contact__note>span{color:var(--ux-lime)}.ux-contact__note p{font-size:.75rem;margin:0;opacity:.68}.ux-contact .uk-card{border-radius:24px;color:var(--ux-ink)}
@media(max-width:959px){.ux-studio{margin:60px auto 0}.ux-principle-grid,.ux-fit-grid{grid-template-columns:1fr 1fr;row-gap:40px}.ux-bento{grid-template-columns:1fr 1fr}.ux-bento article,.ux-bento__research,.ux-bento__architecture,.ux-bento__wireframes,.ux-bento__interface,.ux-bento__system,.ux-bento__testing{grid-column:span 1}.ux-process-list{margin-top:45px}.ux-access-card{margin-bottom:45px}}
@media(max-width:639px){.ux-hero__inner{padding-top:145px}.ux-hero h1{font-size:clamp(2.8rem,13vw,4.2rem)}.ux-studio{transform:none}.ux-comment{right:-12px}.ux-principle-grid,.ux-bento,.ux-fit-grid{grid-template-columns:1fr}.ux-principle-grid article{padding-bottom:24px}.ux-bento__interface{min-height:310px}.ux-actions{align-items:stretch;flex-direction:column}.ux-actions .uk-button{width:100%}.ux-hero__proof{align-items:flex-start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Additional graphic language */
.ux-hero__grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;height:360px;left:56%;mask-image:linear-gradient(90deg,transparent,#000);opacity:.75;position:absolute;top:120px;transform:rotate(-8deg);width:55%}
.ux-studio__badge{align-items:center;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:13px;box-shadow:0 16px 35px rgba(6,3,28,.28);display:flex;gap:8px;position:absolute;z-index:3}.ux-studio__badge--a{padding:9px 11px;right:-35px;top:90px}.ux-studio__badge--a b{background:var(--ux-lime);border-radius:8px;color:#283b0e;font-size:.57rem;padding:7px}.ux-studio__badge--a span{color:var(--ux-ink);font-size:.48rem;font-weight:700;line-height:1.3}.ux-studio__badge--b{bottom:60px;left:-35px;padding:10px 12px}.ux-studio__badge--b i{border:2px solid var(--ux-indigo);border-radius:4px;height:13px;position:relative;width:13px}.ux-studio__badge--b i:after{border:2px solid var(--ux-coral);border-radius:4px;content:'';height:13px;left:5px;position:absolute;top:5px;width:13px}.ux-studio__badge--b span{color:var(--ux-ink);font-size:.5rem;font-weight:750;margin-left:5px}
.ux-visual-lab{background:#fffaf5;overflow:hidden;position:relative}.ux-visual-lab__shape{border-radius:50%;position:absolute}.ux-visual-lab__shape--one{background:#e4fbf9;height:320px;right:-120px;top:-130px;width:320px}.ux-visual-lab__shape--two{border:45px solid #f0eaff;bottom:-180px;height:300px;left:-170px;width:300px}.ux-visual-lab h2{color:var(--ux-ink);font-weight:750;letter-spacing:-.045em;margin-top:16px}.ux-visual-lab .uk-text-lead{color:var(--ux-muted);font-size:1.05rem;line-height:1.72}.ux-lab-points{border-top:1px solid #e9e1d8;margin-top:30px}.ux-lab-points>div{align-items:flex-start;border-bottom:1px solid #e9e1d8;display:grid;gap:13px;grid-template-columns:28px 1fr;padding:13px 0}.ux-lab-points b{color:var(--ux-indigo);font-size:.6rem}.ux-lab-points span{color:var(--ux-ink);font-size:.77rem;font-weight:650}
.ux-journey-board{background:#f8f7fb;border:1px solid #dedbe8;border-radius:24px;box-shadow:0 28px 75px rgba(54,40,37,.14);position:relative;transform:rotate(1deg)}.ux-journey-board__head{align-items:center;background:#fff;border-bottom:1px solid #e5e2eb;border-radius:24px 24px 0 0;display:flex;padding:14px 17px}.ux-journey-board__head>span{display:flex;gap:5px}.ux-journey-board__head i{background:var(--ux-coral);border-radius:50%;height:7px;width:7px}.ux-journey-board__head i:nth-child(2){background:#ffc85d}.ux-journey-board__head i:nth-child(3){background:var(--ux-cyan)}.ux-journey-board__head b{color:var(--ux-ink);font-size:.55rem;letter-spacing:.06em;margin-left:14px}.ux-journey-board__head small{color:#8c8997;font-size:.5rem;margin-left:auto}.ux-journey-board__canvas{background-image:radial-gradient(#d7d3e1 1px,transparent 1px);background-size:18px 18px;height:430px;overflow:hidden;position:relative}.ux-journey-line{height:65%;left:0;position:absolute;top:26%;width:100%}.ux-journey-line path{fill:none;stroke:#8b7ff7;stroke-dasharray:7 7;stroke-linecap:round;stroke-width:3}
.ux-persona-card{align-items:center;background:#fff;border:1px solid #e0dce9;border-radius:13px;box-shadow:0 10px 28px rgba(41,30,70,.12);display:flex;gap:11px;left:24px;padding:12px;position:absolute;top:22px;width:220px}.ux-avatar{background:linear-gradient(135deg,var(--ux-coral),#ff996b);border-radius:10px;color:#fff;display:grid;font-size:.57rem;font-weight:800;height:39px;place-items:center;width:39px}.ux-persona-card p{display:flex;flex:1;flex-direction:column;margin:0}.ux-persona-card small{color:var(--ux-indigo);font-size:.44rem;font-weight:800;letter-spacing:.1em}.ux-persona-card b{color:var(--ux-ink);font-size:.62rem;margin-top:2px}.ux-persona-card span{color:#827e8d;font-size:.48rem}
.ux-stage{align-items:center;display:flex;gap:7px;position:absolute}.ux-stage>i{background:var(--ux-indigo);border:5px solid #e3e0ff;border-radius:50%;color:#fff;display:grid;font-size:.5rem;font-style:normal;height:23px;place-items:center;width:23px}.ux-stage>span{background:#fff;border:1px solid #e2dfeb;border-radius:9px;box-shadow:0 7px 18px rgba(42,31,67,.1);display:flex;flex-direction:column;padding:6px 8px}.ux-stage b{color:var(--ux-ink);font-size:.52rem}.ux-stage small{color:#888493;font-size:.43rem}.ux-stage--one{bottom:67px;left:4%}.ux-stage--two{left:29%;top:155px}.ux-stage--three{bottom:93px;left:58%}.ux-stage--four{right:3%;top:112px}.ux-stage--two>i{background:var(--ux-coral);border-color:#ffe1e5}.ux-stage--three>i{background:#16aaa5;border-color:#d9f8f6}.ux-stage--four>i{background:#79a82e;border-color:#edf8da}
.ux-sticky{border-radius:3px;box-shadow:0 10px 22px rgba(50,37,38,.12);display:flex;flex-direction:column;padding:12px;position:absolute;transform:rotate(-4deg);width:120px}.ux-sticky small{font-size:.42rem;font-weight:850;letter-spacing:.11em}.ux-sticky b{color:var(--ux-ink);font-size:.61rem;margin:4px 0}.ux-sticky span{color:#645e67;font-size:.47rem}.ux-sticky--pink{background:#ffdce2;right:23px;top:205px}.ux-sticky--lime{background:#e8f9c9;left:210px;top:245px;transform:rotate(3deg)}.ux-mini-device{background:#fff;border:4px solid var(--ux-ink);border-radius:13px;bottom:-35px;height:127px;padding:15px 8px;position:absolute;right:154px;transform:rotate(7deg);width:64px}.ux-mini-device i{background:#d8d4e0;border-radius:99px;display:block;height:4px;margin:auto;width:20px}.ux-mini-device span{background:#e9e6ef;border-radius:4px;display:block;height:20px;margin-top:10px}.ux-mini-device span+span{height:12px;margin-top:6px}.ux-mini-device b{background:var(--ux-indigo);border-radius:4px;display:block;height:14px;margin-top:7px}.ux-board-cursor{bottom:21px;position:absolute;right:30px}.ux-board-cursor>span{border-color:var(--ux-coral) transparent transparent var(--ux-coral);border-style:solid;border-width:9px 6px;display:block;transform:rotate(22deg)}.ux-board-cursor b{background:var(--ux-coral);border-radius:99px;color:#fff;font-size:.45rem;padding:5px 8px}
.ux-token-ribbon{align-items:center;background:#fff;border:1px solid #e8e1d9;border-radius:99px;display:flex;gap:8px;justify-content:space-between;margin-top:45px;padding:10px}.ux-token-ribbon>span{align-items:center;border-right:1px solid #ece6df;color:var(--ux-ink);display:flex;font-size:.6rem;font-weight:700;gap:8px;padding:5px 18px}.ux-token-ribbon>span:last-child{border:0}.ux-token{border-radius:50%;height:9px;width:9px}.ux-token--violet{background:var(--ux-indigo)}.ux-token--cyan{background:var(--ux-cyan)}.ux-token--coral{background:var(--ux-coral)}.ux-token--lime{background:#8fbd41}.ux-token--yellow{background:#ffc24d}
@media(max-width:959px){.ux-journey-board{margin-top:48px}.ux-token-ribbon{border-radius:20px;display:grid;grid-template-columns:1fr 1fr}.ux-token-ribbon>span{border:0}}
@media(max-width:639px){.ux-studio__badge--a{right:-8px}.ux-studio__badge--b{left:-8px}.ux-journey-board__canvas{height:400px}.ux-persona-card{left:12px;top:15px;width:190px}.ux-stage>span{display:none}.ux-stage--one{bottom:73px}.ux-stage--two{left:27%;top:160px}.ux-stage--three{bottom:94px;left:54%}.ux-stage--four{right:5%;top:120px}.ux-sticky{width:105px}.ux-sticky--pink{right:12px;top:191px}.ux-sticky--lime{left:108px;top:245px}.ux-mini-device{right:93px}.ux-token-ribbon{grid-template-columns:1fr}.ux-token-ribbon>span{justify-content:center}.ux-hero__grid{left:32%;width:85%}}