.uxav2 .uxa-home-v3{

  --uh-ink: #20355a;

  --uh-copy: #536177;

  --uh-muted: #5c6b7e;

  --uh-accent: #11efe3;

  --uh-teal: #087f7b;

  --uh-line: #d9e0e8;

  --uh-surface: #f5f7fa;

  --uh-gutter: clamp(24px, 6.25vw, 90px);

  --uh-ease: cubic-bezier(.22, 1, .36, 1);

  width: 100%; color: var(--uh-ink); background: #fff; font-family: inherit;

}

.uxav2 .uxa-home-v3,.uxav2 .uxa-home-v3 *,.uxav2 .uxa-home-v3 *::before,.uxav2 .uxa-home-v3 *::after{ box-sizing: border-box; }

.uxav2 .uxa-home-v3 [hidden]{ display: none !important; }

.uxav2 .uxa-home-v3 :where(h1,h2,h3,p,figure,blockquote,ul,dl,dd){ margin: 0; }

.uxav2 .uxa-home-v3 :where(button,a,summary){ -webkit-tap-highlight-color: transparent; }

.uxav2 .uxa-home-v3 :where(a,button,summary,[tabindex]):focus-visible{ outline: 3px solid var(--uh-teal); outline-offset: 5px; }

.uxav2 .uxa-home-v3 :where(button,summary){ touch-action: manipulation; }

.uxav2 .uxa-home-v3 :where(a,button){ font-family: inherit; }

.uxav2 .uxa-home-v3 .uh-sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.uxav2 .uxa-home-v3 .uh-section{ padding: 90px var(--uh-gutter); scroll-margin-top: 96px; }

.uxav2 .uxa-home-v3 .uh-inner{ width: 100%; max-width: 1280px; margin-inline: auto; }

.uxav2 .uxa-home-v3 .uh-split{ display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 48px clamp(48px,7vw,96px); align-items: start; }

.uxav2 .uxa-home-v3 .uh-split > *{ min-width: 0; }

.uxav2 .uxa-home-v3 h2.uh-heading{ color: var(--uh-ink); font-family: inherit; font-size: clamp(34px,3.7vw,52px); font-weight: 600; line-height: 1.12; letter-spacing: -.04em; text-transform: none; text-wrap: pretty; overflow-wrap: break-word; }

.uxav2 .uxa-home-v3 h3.uh-subheading{ color: var(--uh-ink); font-family: inherit; font-size: clamp(24px,2.2vw,30px); font-weight: 500; line-height: 1.28; letter-spacing: -.025em; text-transform: none; overflow-wrap: break-word; }

.uxav2 .uxa-home-v3 .uh-copy{ max-width: 720px; margin-top: 20px; color: var(--uh-copy); font-size: 17px; font-weight: 400; line-height: 1.7; overflow-wrap: break-word; }

.uxav2 .uxa-home-v3 .uh-label{ margin-bottom: 18px; color: var(--uh-muted); font-size: 14px; line-height: 1.5; font-weight: 500; }

.uxav2 .uxa-home-v3 .uh-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px; margin-top: 28px; }

.uxav2 .uxa-home-v3 a.uh-link{ display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; min-height: 48px; max-width: 100%; padding: 10px 0; color: var(--uh-ink); background: transparent; border: 0; box-shadow: none; font-size: 15px; font-weight: 600; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; }

.uxav2 .uxa-home-v3 .uh-link > span{ text-decoration: underline; text-decoration-color: #8a96a6; text-underline-offset: 5px; text-decoration-thickness: 1px; }

.uxav2 .uxa-home-v3 .uh-arrow{ display: block; width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform 160ms var(--uh-ease); }

.uxav2 .uxa-home-v3 .uh-work .uxacsi-illus{

  position: absolute;

  inset: 0;

  overflow: hidden;

  font-family: inherit;

  line-height: 1.3;

  pointer-events: none;

}

.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard :where(aside, article){

  margin: 0;

  min-width: 0;

}

.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard :where(span, strong, div){

  min-width: 0;

}

.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard svg{

  display: block;

  max-width: 100%;

}

.uxav2 .uxa-home-v3 section.uh-work{ --work-ink: #20355a; --work-copy: #536177; --work-muted: #5c6b7e; --work-accent: #087f7b; --work-line: #d9e0e8; --work-ease: cubic-bezier(0.22, 1, 0.36, 1); margin: 0; padding: 88px clamp(24px, 6.25vw, 90px) 90px; background: #ffffff; color: var(--work-ink); font-family: inherit; text-align: left; isolation: isolate; scroll-margin-top: 96px; }

.uxav2 .uxa-home-v3 .uh-work,.uxav2 .uxa-home-v3 .uh-work *,.uxav2 .uxa-home-v3 .uh-work *::before,.uxav2 .uxa-home-v3 .uh-work *::after{ box-sizing: border-box; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__inner{ width: 100%; max-width: 1280px; margin-inline: auto; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__heading{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px 48px; margin: 0 0 60px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__heading > div{ flex: 1 1 520px; max-width: 760px; min-width: 0; }

.uxav2 .uxa-home-v3 .uh-work h2{ margin: 0; padding: 0; color: var(--work-ink); font-family: inherit; font-size: clamp(36px, 4vw, 54px); font-weight: 600; line-height: 1.1; letter-spacing: -0.045em; text-transform: none; text-wrap: balance; overflow-wrap: break-word; }

.uxav2 .uxa-home-v3 .uh-work p.uh-work__intro{ max-width: 720px; margin: 20px 0 0; color: var(--work-copy); font-size: 18px; font-weight: 400; line-height: 1.65; overflow-wrap: break-word; }

.uxav2 .uxa-home-v3 .uh-work a.uh-work__all-link,.uxav2 .uxa-home-v3 .uh-work .uh-work__case-link{ display: inline-flex; align-items: center; justify-content: flex-start; gap: 12px; min-height: 48px; max-width: 100%; padding: 10px 0; color: var(--work-ink); border: 0; border-radius: 0; background: transparent; box-shadow: none; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.5; text-transform: none; overflow-wrap: anywhere; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__all-link > span,.uxav2 .uxa-home-v3 .uh-work .uh-work__case-link > span{ text-decoration: underline; text-decoration-color: #8a96a6; text-decoration-thickness: 1px; text-underline-offset: 5px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__all-link > svg,.uxav2 .uxa-home-v3 .uh-work .uh-work__case-link > svg{ display: block; width: 18px; height: 18px; flex: 0 0 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform 160ms var(--work-ease); }

.uxav2 .uxa-home-v3 .uh-work .uh-work__projects{ display: grid; gap: 70px; }

.uxav2 .uxa-home-v3 .uh-work article.uh-work__project{ min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__project + .uh-work__project{ padding-top: 70px; border-top: 1px solid var(--work-line); }

.uxav2 .uxa-home-v3 .uh-work a.uh-work__project-link{ display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr); grid-template-rows: auto 1fr; grid-template-areas: "heading artwork" "story artwork"; align-items: start; gap: 20px clamp(40px, 5vw, 72px); margin: 0; padding: 0; border: 0; border-radius: 0; color: var(--work-ink); background: transparent; box-shadow: none; text-decoration: none; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__project--beasts > .uh-work__project-link{ grid-template-columns: minmax(0, 1.14fr) minmax(0, 0.86fr); grid-template-areas: "artwork heading" "artwork story"; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__project-heading{ grid-area: heading; min-width: 0; margin: 0; padding: 0; }

.uxav2 .uxa-home-v3 .uh-work p.uh-work__meta{ margin: 0 0 15px; color: var(--work-muted); font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.6; letter-spacing: 0; text-transform: none; overflow-wrap: break-word; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__project-heading h3{ margin: 0; padding: 0; color: var(--work-ink); font-family: inherit; font-size: clamp(27px, 2.45vw, 34px); font-weight: 500; line-height: 1.18; letter-spacing: -0.03em; text-transform: none; text-wrap: pretty; overflow-wrap: break-word; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__story{ grid-area: story; min-width: 0; }

.uxav2 .uxa-home-v3 .uh-work p.uh-work__description{ margin: 0; color: var(--work-copy); font-family: inherit; font-size: 17px; font-weight: 400; line-height: 1.68; overflow-wrap: break-word; }

.uxav2 .uxa-home-v3 .uh-work ul.uh-work__facts{ display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 24px 0 12px; padding: 0; list-style: none; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__facts > li{ margin: 0; padding: 0; color: var(--work-muted); font-size: 13px; font-weight: 500; line-height: 1.55; overflow-wrap: break-word; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__facts > li::before{ content: none; }

.uxav2 .uxa-home-v3 .uh-work figure.uh-work__figure{ grid-area: artwork; align-self: center; min-width: 0; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard{ --u: 1px; position: relative; width: 100%; aspect-ratio: 600 / 490; overflow: hidden; border-radius: 5px; background: #e5edec; container-type: inline-size; isolation: isolate; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard .uxacsi-illus{ transition: none; pointer-events: none; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__figure > figcaption{ margin-top: 10px; padding: 0; color: var(--work-muted); font-family: inherit; font-size: 12px; font-weight: 400; font-style: normal; line-height: 1.5; text-align: left; }

.uxav2 .uxa-home-v3 .uh-work a.uh-work__all-link:focus-visible,.uxav2 .uxa-home-v3 .uh-work a.uh-work__project-link:focus-visible{ outline: 3px solid var(--work-ink); outline-offset: 8px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__project-link:active .uh-work__case-link,.uxav2 .uxa-home-v3 .uh-work .uh-work__all-link:active{ color: var(--work-accent); }

@media (hover: hover) and (pointer: fine){.uxav2 .uxa-home-v3 .uh-work .uh-work__project-link:hover .uh-work__case-link,.uxav2 .uxa-home-v3 .uh-work .uh-work__all-link:hover{ color: var(--work-accent); }

.uxav2 .uxa-home-v3 .uh-work .uh-work__project-link:hover .uh-work__case-link > span,.uxav2 .uxa-home-v3 .uh-work .uh-work__all-link:hover > span{ text-decoration-color: currentColor; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__project-link:hover .uh-work__case-link > svg,.uxav2 .uxa-home-v3 .uh-work .uh-work__all-link:hover > svg{ transform: translateX(3px); }



}

@media (max-width: 980px){.uxav2 .uxa-home-v3 .uh-work a.uh-work__project-link,.uxav2 .uxa-home-v3 .uh-work .uh-work__project--beasts > .uh-work__project-link{ grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; grid-template-areas: "heading" "artwork" "story"; gap: 24px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__project-heading,.uxav2 .uxa-home-v3 .uh-work .uh-work__story{ max-width: 740px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__figure{ max-width: 760px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__heading{ margin-bottom: 44px; gap: 14px 32px; }



}

@media (max-width: 600px){.uxav2 .uxa-home-v3 section.uh-work{ padding: 56px 24px 60px; }

.uxav2 .uxa-home-v3 .uh-work h2{ font-size: clamp(32px, 7.8vw, 42px); line-height: 1.12; letter-spacing: -0.035em; }

.uxav2 .uxa-home-v3 .uh-work p.uh-work__intro{ margin-top: 18px; font-size: 17px; line-height: 1.65; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__heading{ margin-bottom: 38px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__projects{ gap: 40px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__project + .uh-work__project{ padding-top: 40px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__project-heading h3{ font-size: 28px; line-height: 1.2; }

.uxav2 .uxa-home-v3 .uh-work p.uh-work__meta{ margin-bottom: 12px; font-size: 13px; }

.uxav2 .uxa-home-v3 .uh-work p.uh-work__description{ font-size: 16px; line-height: 1.65; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard{ border-radius: 3px; }

.uxav2 .uxa-home-v3 .uh-work ul.uh-work__facts{ margin-top: 20px; gap: 6px 18px; }



}

@media (prefers-reduced-motion: reduce){.uxav2 .uxa-home-v3 .uh-work .uh-work__all-link > svg,.uxav2 .uxa-home-v3 .uh-work .uh-work__case-link > svg{ transition: none; transform: none !important; }



}

@supports (width: 1cqw){.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard{

    --u: .1666667cqw;

  }



}

.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard--korn{

  aspect-ratio: 600 / 400;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2{

  position:absolute;

  inset:0;

  overflow:hidden;

  color:#20355a;

  background:

    radial-gradient(circle at 84% 16%, rgba(17,239,227,.20), transparent 25%),

    radial-gradient(circle at 12% 88%, rgba(162,104,207,.14), transparent 30%),

    linear-gradient(145deg,#e9eef5,#f4f7fa 70%);

  font-family:inherit;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2::before{

  content:"";

  position:absolute;

  inset:0;

  background:

    linear-gradient(rgba(32,53,90,.045) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    linear-gradient(90deg, rgba(32,53,90,.045) calc(1 * var(--u)), transparent calc(1 * var(--u)));

  background-size:calc(34 * var(--u)) calc(34 * var(--u));

  opacity:.65;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__dashboard{

  position:absolute;

  z-index:2;

  left:6%;

  top:10%;

  width:88%;

  height:74%;

  display:grid;

  grid-template-columns:calc(46 * var(--u)) minmax(0,1fr);

  overflow:hidden;

  border:calc(1 * var(--u)) solid rgba(32,53,90,.12);

  border-radius:calc(15 * var(--u));

  background:#f5f7fa;

  box-shadow:0 calc(22 * var(--u)) calc(44 * var(--u)) rgba(32,53,90,.16);

  transform:rotate(-1deg);

  transform-origin:center;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__rail{

  display:flex;

  flex-direction:column;

  align-items:center;

  gap:calc(10 * var(--u));

  padding:calc(10 * var(--u)) calc(6 * var(--u));

  background:#172a4a;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__brand{

  display:grid;

  place-items:center;

  width:calc(28 * var(--u));

  height:calc(28 * var(--u));

  margin-bottom:calc(4 * var(--u));

  border-radius:calc(7 * var(--u));

  color:#20355a;

  background:#11efe3;

  font-size:calc(11 * var(--u));

  font-weight:800;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__rail i{

  position:relative;

  display:block;

  width:calc(27 * var(--u));

  height:calc(27 * var(--u));

  border-radius:calc(6 * var(--u));

  background:rgba(255,255,255,.055);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__rail i::before{

  content:"";

  position:absolute;

  inset:calc(8 * var(--u));

  border:calc(1 * var(--u)) solid #8e9cb1;

  border-radius:calc(2 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__rail i.is-active{

  background:rgba(17,239,227,.12);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__rail i.is-active::before{

  border-color:#11efe3;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__user{

  display:grid;

  place-items:center;

  width:calc(25 * var(--u));

  height:calc(25 * var(--u));

  margin-top:auto;

  border-radius:50%;

  color:#d4dce8;

  background:#30486e;

  font-size:calc(8 * var(--u));

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__app{

  display:flex;

  flex-direction:column;

  min-width:0;

  min-height:0;

  background:#f5f7fa;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__chrome{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(10 * var(--u));

  min-height:calc(39 * var(--u));

  padding:calc(6 * var(--u)) calc(12 * var(--u));

  border-bottom:calc(1 * var(--u)) solid #d9e0e8;

  background:#fff;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__chrome small,.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__chrome strong{

  display:block;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__chrome small{

  color:#536177;

  font-size:calc(7.2 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__chrome strong{

  margin-top:calc(1 * var(--u));

  color:#20355a;

  font-size:calc(9.8 * var(--u));

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__chrome-user{

  display:grid;

  place-items:center;

  width:calc(22 * var(--u));

  height:calc(22 * var(--u));

  border-radius:50%;

  color:#fff;

  background:#3d567e;

  font-size:calc(7 * var(--u));

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__modes{

  display:flex;

  align-items:stretch;

  gap:calc(18 * var(--u));

  min-height:calc(34 * var(--u));

  padding:0 calc(13 * var(--u));

  border-bottom:calc(1 * var(--u)) solid #d9e0e8;

  background:#fff;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__modes span{

  display:flex;

  align-items:center;

  border-bottom:calc(2 * var(--u)) solid transparent;

  color:#536177;

  font-size:calc(8 * var(--u));

  font-weight:500;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__modes span.is-active{

  color:#20355a;

  border-color:#087f7b;

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__content{

  flex:1;

  min-height:0;

  padding:calc(9 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__intro{

  display:flex;

  justify-content:space-between;

  align-items:flex-start;

  gap:calc(9 * var(--u));

  margin-bottom:calc(7 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__intro > div{

  max-width:72%;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__intro small{

  display:block;

  margin-bottom:calc(2 * var(--u));

  color:#087f7b;

  font-size:calc(6.8 * var(--u));

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__intro strong{

  display:block;

  color:#20355a;

  font-size:calc(10.6 * var(--u));

  line-height:1.25;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__intro p{

  margin-top:calc(2 * var(--u));

  color:#536177;

  font-size:calc(6.9 * var(--u));

  line-height:1.4;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__refresh{

  display:flex;

  align-items:center;

  gap:calc(4 * var(--u));

  min-height:calc(22 * var(--u));

  padding:calc(3 * var(--u)) calc(6 * var(--u));

  border:calc(1 * var(--u)) solid #c1ccd8;

  border-radius:calc(5 * var(--u));

  color:#20355a;

  background:#fff;

  font-size:calc(6.8 * var(--u));

  font-weight:600;

  white-space:nowrap;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__refresh::before{

  content:"↻";

  font-size:calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2-card{

  padding:calc(8 * var(--u));

  border:calc(1 * var(--u)) solid #cbd6e0;

  border-radius:calc(7 * var(--u));

  background:#fff;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2-card.is-selected{

  border-color:#087f7b;

  box-shadow:inset 0 0 0 calc(1 * var(--u)) #087f7b;

  background:#fbfdfd;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2-card__top{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(5 * var(--u));

  margin-bottom:calc(5 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__letter{

  display:grid;

  place-items:center;

  width:calc(20 * var(--u));

  height:calc(20 * var(--u));

  border:calc(1 * var(--u)) solid #cdd8e2;

  border-radius:calc(5 * var(--u));

  color:#20355a;

  background:#edf1f6;

  font-size:calc(7.8 * var(--u));

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__state{

  display:flex;

  align-items:center;

  gap:calc(3 * var(--u));

  color:#076d69;

  font-size:calc(6.6 * var(--u));

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__state i,.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__circle{

  position:relative;

  width:calc(12 * var(--u));

  height:calc(12 * var(--u));

  flex:0 0 calc(12 * var(--u));

  border:calc(1.2 * var(--u)) solid #8194ac;

  border-radius:50%;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__state i{

  border-color:#087f7b;

  background:#087f7b;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__state i::after{

  content:"";

  position:absolute;

  left:calc(3 * var(--u));

  top:calc(2 * var(--u));

  width:calc(3.4 * var(--u));

  height:calc(5.4 * var(--u));

  border-right:calc(1.3 * var(--u)) solid #fff;

  border-bottom:calc(1.3 * var(--u)) solid #fff;

  transform:rotate(45deg);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2-card > strong{

  display:block;

  color:#20355a;

  font-size:calc(9.8 * var(--u));

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2-card > small{

  display:block;

  margin-top:calc(1 * var(--u));

  color:#536177;

  font-size:calc(6.8 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2-card > p{

  margin-top:calc(4 * var(--u));

  color:#536177;

  font-size:calc(6.6 * var(--u));

  line-height:1.35;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2-card__actions{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(6 * var(--u));

  margin-top:calc(6 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__details{

  color:#20355a;

  font-size:calc(6.4 * var(--u));

  font-weight:600;

  text-decoration:underline;

  text-underline-offset:calc(2 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__select{

  display:flex;

  align-items:center;

  gap:calc(3 * var(--u));

  min-height:calc(20 * var(--u));

  padding:calc(3 * var(--u)) calc(5 * var(--u));

  border:calc(1 * var(--u)) solid #c1ccd8;

  border-radius:calc(5 * var(--u));

  color:#20355a;

  background:#fff;

  font-size:calc(6.4 * var(--u));

  font-weight:600;

  white-space:nowrap;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__select.is-selected{

  color:#076d69;

  border-color:#a6ccc7;

  background:#edf8f6;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__alt-label{

  margin:calc(6 * var(--u)) 0 calc(4 * var(--u));

  color:#536177;

  font-size:calc(6.8 * var(--u));

  font-weight:600;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__alternatives{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:calc(6 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__alternatives .uxacsi-korn2-card{

  padding:calc(7 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__alternatives .uxacsi-korn2-card > p{

  min-height:calc(17 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__actionbar{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(7 * var(--u));

  min-height:calc(40 * var(--u));

  padding:calc(6 * var(--u)) calc(11 * var(--u));

  border-top:calc(1 * var(--u)) solid #d9e0e8;

  background:#fff;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__actionbar small,.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__actionbar strong{

  display:block;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__actionbar small{

  color:#536177;

  font-size:calc(6.4 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__actionbar strong{

  margin-top:calc(1 * var(--u));

  color:#20355a;

  font-size:calc(7.5 * var(--u));

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__actions{

  display:flex;

  align-items:center;

  gap:calc(7 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__actions > span{

  color:#20355a;

  font-size:calc(6.2 * var(--u));

  font-weight:600;

  text-decoration:underline;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__actions > b{

  padding:calc(5 * var(--u)) calc(7 * var(--u));

  border-radius:calc(5 * var(--u));

  color:#fff;

  background:#20355a;

  font-size:calc(6.4 * var(--u));

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__mode-card{

  position:absolute;

  z-index:3;

  right:3.5%;

  top:4%;

  display:flex;

  align-items:center;

  gap:calc(6 * var(--u));

  padding:calc(7 * var(--u)) calc(9 * var(--u));

  border:calc(1 * var(--u)) solid rgba(32,53,90,.10);

  border-radius:calc(9 * var(--u));

  color:#20355a;

  background:rgba(255,255,255,.96);

  box-shadow:0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(32,53,90,.12);

  font-size:calc(7.2 * var(--u));

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__mode-card i{

  width:calc(7 * var(--u));

  height:calc(7 * var(--u));

  border-radius:50%;

  background:#087f7b;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__flow{

  position:absolute;

  z-index:4;

  left:10%;

  right:10%;

  bottom:4%;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:calc(6 * var(--u));

  padding:calc(7 * var(--u)) calc(10 * var(--u));

  border-radius:calc(9 * var(--u));

  color:#fff;

  background:rgba(32,53,90,.94);

  box-shadow:0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(32,53,90,.16);

  font-size:calc(7.2 * var(--u));

  font-weight:600;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__flow i{

  color:#11efe3;

  font-style:normal;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__flow b{

  color:#11efe3;

  font-weight:700;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__select.is-selected .uxacsi-korn2__circle{

  border-color:#087f7b;

  background:#087f7b;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2__select.is-selected .uxacsi-korn2__circle::after{

  content:"";

  position:absolute;

  left:calc(3 * var(--u));

  top:calc(2 * var(--u));

  width:calc(3.4 * var(--u));

  height:calc(5.4 * var(--u));

  border-right:calc(1.3 * var(--u)) solid #fff;

  border-bottom:calc(1.3 * var(--u)) solid #fff;

  transform:rotate(45deg);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art{

  background: linear-gradient(145deg, #DDE8DF, #EFF3E9);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__map{

  position: absolute;

  inset: 0;

  background:

    linear-gradient(rgba(74,111,72,.11) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    linear-gradient(90deg, rgba(74,111,72,.11) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    radial-gradient(circle at 18% 65%, rgba(82,115,58,.23), transparent 22%),

    radial-gradient(circle at 78% 25%, rgba(111,147,91,.28), transparent 26%);

  background-size:

    calc(32 * var(--u)) calc(32 * var(--u)),

    calc(32 * var(--u)) calc(32 * var(--u)),

    auto,

    auto;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__route{

  position: absolute;

  inset: 8% 3% 7%;

  width: 94%;

  height: 85%;

  fill: none;

  stroke: #ED8767;

  stroke-width: 4;

  stroke-linecap: round;

  filter: drop-shadow(0 calc(3 * var(--u)) calc(5 * var(--u)) rgba(237,135,103,.25));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__pin{

  position: absolute;

  width: calc(18 * var(--u));

  height: calc(18 * var(--u));

  display: grid;

  place-items: center;

  border-radius: 50% 50% 50% 0;

  transform: rotate(-45deg);

  background: #50733A;

  box-shadow: 0 calc(5 * var(--u)) calc(12 * var(--u)) rgba(47,85,33,.22);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__pin i{

  width: calc(6 * var(--u));

  height: calc(6 * var(--u));

  border-radius: 50%;

  background: #fff;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__pin.is-one{

  left: 19%;

  top: 61%;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__pin.is-two{

  left: 55%;

  top: 31%;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__pin.is-three{

  right: 10%;

  top: 17%;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__route-card{

  position: absolute;

  left: 5%;

  top: 13%;

  width: 39%;

  padding: calc(14 * var(--u));

  border-radius: calc(16 * var(--u));

  background: rgba(255,255,255,.94);

  border: calc(1 * var(--u)) solid rgba(47,85,33,.12);

  box-shadow: 0 calc(17 * var(--u)) calc(32 * var(--u)) rgba(47,85,33,.13);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__route-card small,.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__route-card strong,.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__route-card span,.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__route-card b{

  display: block;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__route-card small{

  color: #ED8767;

  font-size: calc(12 * var(--u));

  font-weight: 850;

  text-transform: uppercase;

  letter-spacing: .08em;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__route-card strong{

  margin: calc(6 * var(--u)) 0 calc(5 * var(--u));

  color: #2F5521;

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(26 * var(--u));

  line-height: 1.1;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__route-card span{

  color: #77816F;

  font-size: calc(12 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__route-card b{

  width: fit-content;

  margin-top: calc(9 * var(--u));

  padding: calc(6 * var(--u)) calc(8 * var(--u));

  border-radius: calc(7 * var(--u));

  color: #fff;

  background: #50733A;

  font-size: calc(10 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__phone{

  position: absolute;

  width: 23%;

  height: 72%;

  padding: calc(18 * var(--u)) calc(9 * var(--u)) calc(9 * var(--u));

  border: calc(5 * var(--u)) solid #172A4A;

  border-radius: calc(22 * var(--u));

  background: #FAF8F0;

  box-shadow: 0 calc(24 * var(--u)) calc(40 * var(--u)) rgba(23,42,74,.23);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__phone.is-one{

  right: 23%;

  top: 14%;

  transform: rotate(-4deg);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__phone.is-two{

  right: 4%;

  top: 18%;

  transform: rotate(4deg);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__notch{

  position: absolute;

  top: calc(5 * var(--u));

  left: 50%;

  width: 36%;

  height: calc(7 * var(--u));

  transform: translateX(-50%);

  border-radius: calc(99 * var(--u));

  background: #172A4A;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__phone small,.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__phone strong{

  display: block;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__phone small{

  color: #ED8767;

  font-size: calc(10 * var(--u));

  text-transform: uppercase;

  font-weight: 850;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__phone strong{

  margin: calc(5 * var(--u)) 0 calc(10 * var(--u));

  color: #2F5521;

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(20 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__phone > span{

  display: block;

  height: calc(7 * var(--u));

  margin-top: calc(6 * var(--u));

  border-radius: calc(99 * var(--u));

  background: #E2E5DA;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__phone > span:nth-of-type(2){

  width: 72%;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__phone > b{

  position: absolute;

  left: calc(8 * var(--u));

  right: calc(8 * var(--u));

  bottom: calc(10 * var(--u));

  padding: calc(7 * var(--u)) 0;

  border-radius: calc(7 * var(--u));

  color: #fff;

  background: #50733A;

  text-align: center;

  font-size: calc(10 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__mini-map{

  height: 42%;

  margin-top: calc(8 * var(--u));

  border-radius: calc(8 * var(--u));

  background:

    linear-gradient(rgba(74,111,72,.13) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    linear-gradient(90deg, rgba(74,111,72,.13) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    #DDE8DF;

  background-size: calc(12 * var(--u)) calc(12 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__ethics{

  position: absolute;

  left: 5%;

  bottom: 7%;

  padding: calc(9 * var(--u)) calc(11 * var(--u));

  display: flex;

  align-items: center;

  gap: calc(7 * var(--u));

  border-radius: calc(11 * var(--u));

  color: #fff;

  background: rgba(47,85,33,.92);

  box-shadow: 0 calc(13 * var(--u)) calc(25 * var(--u)) rgba(47,85,33,.18);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__ethics > i{

  width: calc(23 * var(--u));

  height: calc(23 * var(--u));

  display: grid;

  place-items: center;

  border-radius: calc(7 * var(--u));

  background: #ED8767;

  font-style: normal;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__ethics strong,.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__ethics small{

  display: block;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__ethics strong{

  font-size: calc(12 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__ethics small{

  margin-top: calc(2 * var(--u));

  color: rgba(255,255,255,.65);

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-process{ background: var(--uh-surface); }

.uxav2 .uxa-home-v3 .uh-tabs{ min-width: 0; }

.uxav2 .uxa-home-v3 .uh-tabs__list{ display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0 clamp(16px,2.4vw,32px); border-bottom: 1px solid var(--uh-line); margin-bottom: 32px; }

.uxav2 .uxa-home-v3 .uh-tabs__tab{ appearance: none; display: inline-flex; align-items: center; justify-content: flex-start; flex: 0 1 auto; min-width: 44px; overflow-wrap: anywhere; min-height: 48px; padding: 12px 0; margin: 0 0 -1px; color: var(--uh-copy); background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; box-shadow: none; font-size: 15px; font-weight: 500; line-height: 1.5; text-align: left; cursor: pointer; }

.uxav2 .uxa-home-v3 .uh-tabs__tab[aria-selected="true"]{ color: var(--uh-ink); border-bottom-color: var(--uh-teal); font-weight: 600; }

.uxav2 .uxa-home-v3 .uh-tabs__panel + .uh-tabs__panel{ margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--uh-line); }

.uxav2 .uxa-home-v3 .uh-tabs.is-enhanced .uh-tabs__panel{ margin: 0; padding: 0; border: 0; }

.uxav2 .uxa-home-v3 .uh-tabs__panel .uh-copy{ margin-top: 16px; }

.uxav2 .uxa-home-v3 .uh-about__facts{ display: flex; flex-wrap: wrap; gap: 22px; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--uh-line); }

.uxav2 .uxa-home-v3 .uh-about__facts > div{ flex: 1 1 90px; min-width: min-content; }

.uxav2 .uxa-home-v3 .uh-about__facts dt{ color: var(--uh-ink); font-size: 20px; line-height: 1.35; font-weight: 500; letter-spacing: -.02em; }

.uxav2 .uxa-home-v3 .uh-about__facts dd{ margin: 8px 0 0; color: var(--uh-muted); font-size: 13px; line-height: 1.55; }

.uxav2 .uxa-home-v3 .uh-about__location{ margin-top: 24px; color: var(--uh-muted); font-size: 14px; line-height: 1.6; }

.uxav2 .uxa-home-v3 .uh-feedback{

  --uf-white: #ffffff;

  --uf-copy: #d4dce8;

  --uf-muted: #bdcadc;

  --uf-line: #526583;

  color: var(--uf-white);

  background: var(--uh-ink);

  border-top: 4px solid var(--uh-accent);

}

.uxav2 .uxa-home-v3 .uh-feedback__header{

  display: grid;

  grid-template-columns: minmax(0,1fr) 176px;

  align-items: start;

  gap: 28px 64px;

  margin-bottom: 38px;

}

.uxav2 .uxa-home-v3 .uh-feedback__header > *{ min-width: 0; }

.uxav2 .uxa-home-v3 .uh-feedback__header .uh-label{

  color: var(--uh-accent);

}

.uxav2 .uxa-home-v3 .uh-feedback__header h2.uh-heading{

  max-width: 24ch;

  color: var(--uf-white);

}

.uxav2 .uxa-home-v3 .uh-feedback__header h2.uh-heading span{

  color: var(--uh-accent);

}

.uxav2 .uxa-home-v3 .uh-feedback__header .uh-copy{

  max-width: 58ch;

  color: var(--uf-copy);

}

.uxav2 .uxa-home-v3 .uh-feedback__total{

  padding-top: 24px;

  border-top: 1px solid var(--uf-line);

}

.uxav2 .uxa-home-v3 .uh-feedback__total strong{

  display: block;

  color: var(--uh-accent);

  font-size: clamp(64px,6.1vw,88px);

  font-weight: 500;

  line-height: 1;

  letter-spacing: -.055em;

  font-variant-numeric: lining-nums tabular-nums;

}

.uxav2 .uxa-home-v3 .uh-feedback__total span{

  display: block;

  max-width: 16ch;

  margin-top: 12px;

  color: var(--uf-muted);

  font-size: 14px;

  line-height: 1.55;

}

.uxav2 .uxa-home-v3 .uh-feedback__controls{

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

  gap: 12px 24px;

  margin: 0 0 24px;

  padding-top: 20px;

  border-top: 1px solid var(--uf-line);

}

.uxav2 .uxa-home-v3 button.uh-feedback__all{

  appearance: none;

  display: inline-flex;

  align-items: center;

  justify-content: flex-start;

  min-height: 48px;

  max-width: 100%;

  margin: 0;

  padding: 10px 0;

  border: 0;

  border-radius: 0;

  color: var(--uf-white);

  background: transparent;

  box-shadow: none;

  font-family: inherit;

  font-size: 15px;

  font-weight: 500;

  line-height: 1.5;

  text-align: left;

  text-transform: none;

  text-decoration: underline;

  text-decoration-color: var(--uf-muted);

  text-underline-offset: 5px;

  text-decoration-thickness: 1px;

  cursor: pointer;

}

.uxav2 .uxa-home-v3 .uh-feedback__paging{

  display: flex;

  align-items: center;

  gap: 14px;

}

.uxav2 .uxa-home-v3 .uh-feedback button.uh-feedback__nav{

  appearance: none;

  display: grid;

  place-items: center;

  flex: 0 0 48px;

  width: 48px;

  height: 48px;

  margin: 0;

  padding: 0;

  border: 1px solid var(--uf-muted);

  border-radius: 5px;

  color: var(--uf-white);

  background: transparent;

  box-shadow: none;

  cursor: pointer;

  transition: background-color 160ms var(--uh-ease), border-color 160ms var(--uh-ease);

}

.uxav2 .uxa-home-v3 .uh-feedback button.uh-feedback__nav[data-uh-next]{

  color: var(--uh-ink);

  background: var(--uh-accent);

  border-color: var(--uh-accent);

}

.uxav2 .uxa-home-v3 .uh-feedback button.uh-feedback__nav[aria-disabled="true"]{

  opacity: .4;

  cursor: default;

}

.uxav2 .uxa-home-v3 .uh-feedback__counter{

  min-width: 96px;

  color: var(--uf-copy);

  font-size: 14px;

  line-height: 1.5;

  text-align: center;

  white-space: nowrap;

  font-variant-numeric: tabular-nums;

}

.uxav2 .uxa-home-v3 .uh-feedback__viewport{

  width: 100%;

  min-width: 0;

}

.uxav2 .uxa-home-v3 .uh-feedback__track{

  display: grid;

  grid-template-columns: repeat(2,minmax(0,1fr));

  gap: 42px 40px;

}

.uxav2 .uxa-home-v3 .uh-feedback__quote{

  display: flex;

  flex-direction: column;

  min-width: 0;

  margin: 0;

  padding: 28px 0 0;

  border: 0;

  border-top: 1px solid var(--uf-line);

  border-radius: 0;

  color: var(--uf-white);

  background: transparent;

  box-shadow: none;

}

.uxav2 .uxa-home-v3 .uh-feedback__mark{

  display: block;

  height: .55em;

  margin-bottom: 16px;

  color: var(--uh-accent);

  font-size: 80px;

  font-weight: 500;

  line-height: 1;

  letter-spacing: -.04em;

  user-select: none;

}

.uxav2 .uxa-home-v3 .uh-feedback__quote blockquote{

  max-width: 36ch;

  margin: 0 0 36px;

  padding: 0;

  border: 0;

  color: var(--uf-white);

  background: transparent;

  font-family: inherit;

  font-size: clamp(24px,2.25vw,32px);

  font-weight: 400;

  font-style: normal;

  line-height: 1.45;

  letter-spacing: -.025em;

  overflow-wrap: break-word;

  box-shadow: none;

}

.uxav2 .uxa-home-v3 .uh-feedback__quote blockquote::before,.uxav2 .uxa-home-v3 .uh-feedback__quote blockquote::after{ content: none; }

.uxav2 .uxa-home-v3 .uh-feedback__quote blockquote p{

  color: inherit;

  font: inherit;

  margin: 0;

}

.uxav2 .uxa-home-v3 .uh-feedback__quote figcaption{

  display: grid;

  gap: 6px;

  min-height: 104px;

  align-content: start;

  margin-top: auto;

  padding-top: 20px;

  border-top: 1px solid var(--uf-line);

  color: var(--uf-muted);

  font-family: inherit;

  font-size: 14px;

  font-style: normal;

  line-height: 1.55;

  text-align: left;

  overflow-wrap: anywhere;

}

.uxav2 .uxa-home-v3 .uh-feedback__quote figcaption strong{

  color: var(--uf-white);

  font-size: 17px;

  font-weight: 600;

}

.uxav2 .uxa-home-v3 .uh-feedback__quote figcaption > span{ max-width: 42ch; }

.uxav2 .uxa-home-v3 .uh-feedback.is-enhanced:not(.is-expanded) .uh-feedback__viewport{

  overflow-x: auto;

  scroll-snap-type: x mandatory;

  overscroll-behavior-inline: contain;

  scrollbar-width: none;

}

.uxav2 .uxa-home-v3 .uh-feedback.is-enhanced:not(.is-expanded) .uh-feedback__viewport::-webkit-scrollbar{ display: none; }

.uxav2 .uxa-home-v3 .uh-feedback.is-enhanced:not(.is-expanded) .uh-feedback__track{

  display: flex;

  gap: 40px;

}

.uxav2 .uxa-home-v3 .uh-feedback.is-enhanced:not(.is-expanded) .uh-feedback__quote{

  flex: 0 0 calc((100% - 40px)/2);

  scroll-snap-align: start;

}

.uxav2 .uxa-home-v3 .uh-feedback__reading{

  margin-top: 28px;

}

.uxav2 .uxa-home-v3 .uh-feedback__progress{

  height: 3px;

  width: 100%;

  overflow: hidden;

  background: var(--uf-line);

}

.uxav2 .uxa-home-v3 .uh-feedback__progress > span{

  display: block;

  width: 0;

  height: 100%;

  background: var(--uh-accent);

  transition: width 180ms var(--uh-ease);

}

.uxav2 .uxa-home-v3 .uh-feedback__reading p{

  margin-top: 12px;

  color: var(--uf-muted);

  font-size: 13px;

  line-height: 1.5;

}

.uxav2 .uxa-home-v3 .uh-feedback :where(button,[tabindex]):focus-visible{

  outline: 3px solid var(--uh-accent);

  outline-offset: 5px;

}

@media (hover:hover) and (pointer:fine){.uxav2 .uxa-home-v3 .uh-feedback button.uh-feedback__all:hover{

    color: var(--uh-accent);

    text-decoration-color: currentColor;

  }

.uxav2 .uxa-home-v3 .uh-feedback button.uh-feedback__nav:not([aria-disabled="true"]):hover{

    color: var(--uh-ink);

    background: var(--uh-accent);

    border-color: var(--uh-accent);

  }

.uxav2 .uxa-home-v3 .uh-feedback button.uh-feedback__nav[data-uh-next]:not([aria-disabled="true"]):hover{

    background: #83f5ed;

    border-color: #83f5ed;

  }



}

@media (max-width:767px){.uxav2 .uxa-home-v3 .uh-feedback__header{

    grid-template-columns: minmax(0,1fr);

    gap: 22px;

    margin-bottom: 26px;

  }

.uxav2 .uxa-home-v3 .uh-feedback__total{

    display: flex;

    align-items: center;

    gap: 16px;

    padding-top: 0;

    border: 0;

  }

.uxav2 .uxa-home-v3 .uh-feedback__total strong{ font-size: 44px; }

.uxav2 .uxa-home-v3 .uh-feedback__total span{ max-width: none; margin: 0; font-size: 13px; }

.uxav2 .uxa-home-v3 .uh-feedback__track{ grid-template-columns: minmax(0,1fr); }

.uxav2 .uxa-home-v3 .uh-feedback.is-enhanced:not(.is-expanded) .uh-feedback__track{ gap: 24px; }

.uxav2 .uxa-home-v3 .uh-feedback.is-enhanced:not(.is-expanded) .uh-feedback__quote{ flex-basis: 100%; }

.uxav2 .uxa-home-v3 .uh-feedback__quote blockquote{ font-size: 26px; }

.uxav2 .uxa-home-v3 .uh-feedback__quote figcaption{ min-height: 0; }



}

@media (max-width:420px){.uxav2 .uxa-home-v3 .uh-feedback__controls{ gap: 12px; }

.uxav2 .uxa-home-v3 .uh-feedback__paging{ width: 100%; justify-content: space-between; }

.uxav2 .uxa-home-v3 .uh-feedback__quote blockquote{ font-size: 24px; }

.uxav2 .uxa-home-v3 .uh-feedback__quote{ padding-top: 24px; }



}

@media (forced-colors:active){.uxav2 .uxa-home-v3 .uh-feedback{

    --uf-white: CanvasText;

    --uf-copy: CanvasText;

    --uf-muted: CanvasText;

    --uf-line: CanvasText;

    color: CanvasText;

    background: Canvas;

    border-top-color: CanvasText;

  }

.uxav2 .uxa-home-v3 .uh-feedback__header .uh-label,.uxav2 .uxa-home-v3 .uh-feedback__header h2.uh-heading span,.uxav2 .uxa-home-v3 .uh-feedback__total strong,.uxav2 .uxa-home-v3 .uh-feedback__mark{ color: CanvasText; }

.uxav2 .uxa-home-v3 .uh-feedback button.uh-feedback__all,.uxav2 .uxa-home-v3 .uh-feedback button.uh-feedback__nav,.uxav2 .uxa-home-v3 .uh-feedback button.uh-feedback__nav[data-uh-next]{

    color: ButtonText;

    background: ButtonFace;

    border-color: ButtonText;

  }

.uxav2 .uxa-home-v3 .uh-feedback__progress > span{ background: Highlight; }

.uxav2 .uxa-home-v3 .uh-feedback :where(button,[tabindex]):focus-visible{ outline-color: Highlight; }



}

.uxav2 .uxa-home-v3 .uh-faq__items{ border-top: 1px solid var(--uh-line); }

.uxav2 .uxa-home-v3 .uh-faq__item{ margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--uh-line); border-radius: 0; background: transparent; box-shadow: none; }

.uxav2 .uxa-home-v3 .uh-faq__question{ display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; min-height: 68px; padding: 22px 0; color: var(--uh-ink); font-family: inherit; font-size: 19px; font-weight: 500; line-height: 1.45; list-style: none; cursor: pointer; }

.uxav2 .uxa-home-v3 .uh-faq__question::-webkit-details-marker{ display: none; }

.uxav2 .uxa-home-v3 .uh-faq__question i{ position: relative; display: block; width: 20px; height: 28px; flex: 0 0 20px; }

.uxav2 .uxa-home-v3 .uh-faq__question i::before,.uxav2 .uxa-home-v3 .uh-faq__question i::after{ content: ""; position: absolute; left: 3px; top: 13px; width: 14px; height: 1.5px; background: currentColor; }

.uxav2 .uxa-home-v3 .uh-faq__question i::after{ transform: rotate(90deg); }

.uxav2 .uxa-home-v3 .uh-faq__item[open] .uh-faq__question i::after{ display: none; }

.uxav2 .uxa-home-v3 .uh-faq__answer{ padding: 0 32px 24px 0; color: var(--uh-copy); font-size: 16px; line-height: 1.7; overflow-wrap: break-word; }

.uxav2 .uxa-home-v3 .uh-contact{ background: var(--uh-ink); color: #fff; }

.uxav2 .uxa-home-v3 .uh-contact h2.uh-heading{ color: #fff; font-size: clamp(36px,4.6vw,64px); }

.uxav2 .uxa-home-v3 .uh-contact .uh-label{ color: #bdcadc; }

.uxav2 .uxa-home-v3 .uh-contact .uh-copy{ color: #d4dce8; }

.uxav2 .uxa-home-v3 .uh-contact__fit{ border-top: 1px solid #526583; padding-top: 26px; }

.uxav2 .uxa-home-v3 .uh-contact__fit h3{ margin: 0 0 22px; color: #fff; font-family: inherit; font-size: 21px; font-weight: 500; line-height: 1.4; }

.uxav2 .uxa-home-v3 .uh-contact__fit ul{ display: grid; gap: 15px; margin: 0; padding-left: 20px; color: #d4dce8; font-size: 16px; line-height: 1.6; }

.uxav2 .uxa-home-v3 .uh-contact__fit li{ padding-left: 4px; margin: 0; }

.uxav2 .uxa-home-v3 .uh-contact__fit li::marker{ color: var(--uh-accent); }

.uxav2 .uxa-home-v3 .uh-contact__best{ margin-top: 28px; padding-top: 24px; border-top: 1px solid #526583; color: #fff; font-size: 18px; line-height: 1.6; }

.uxav2 .uxa-home-v3 .uh-contact__skills{ margin-top: 22px; color: #bdcadc; font-size: 13px; line-height: 1.8; }

.uxav2 .uxa-home-v3 .uh-contact a.uh-link{ color: #fff; }

.uxav2 .uxa-home-v3 .uh-contact a.uh-link--button{ min-height: 52px; padding: 13px 20px; border: 1px solid var(--uh-accent); border-radius: 5px; background: var(--uh-accent); color: var(--uh-ink); }

.uxav2 .uxa-home-v3 .uh-link--button > span{ text-decoration: none; }

.uxav2 .uxa-home-v3 .uh-contact :where(a,button,input,textarea,select):focus-visible{ outline-color: #fff; }

.uxav2 .uxa-home-v3 .uh-contact__form-slot:empty{ display: none; }

.uxav2 .uxa-home-v3 .uh-contact__form-slot:not(:empty){ margin-top: 40px; padding-top: 32px; border-top: 1px solid #526583; }

@media (hover:hover) and (pointer:fine){.uxav2 .uxa-home-v3 a.uh-link:hover{ color: var(--uh-teal); }

.uxav2 .uxa-home-v3 .uh-link:hover > span{ text-decoration-color: currentColor; }

.uxav2 .uxa-home-v3 .uh-link:hover .uh-arrow{ transform: translateX(3px); }

.uxav2 .uxa-home-v3 .uh-tabs__tab:hover{ color: var(--uh-ink); background: #e9eef3; }

.uxav2 .uxa-home-v3 .uh-faq__question:hover{ color: var(--uh-teal); }

.uxav2 .uxa-home-v3 .uh-contact a.uh-link:hover{ color: var(--uh-accent); }

.uxav2 .uxa-home-v3 .uh-contact a.uh-link--button:hover{ background: #83f5ed; border-color: #83f5ed; color: var(--uh-ink); }



}

.uxav2 .uxa-home-v3 .uh-tabs__tab:active,.uxav2 .uxa-home-v3 .uh-feedback__nav:not([aria-disabled="true"]):active,.uxav2 .uxa-home-v3 a.uh-link:active{ transform: translateY(1px); }

@media (max-width:980px){.uxav2 .uxa-home-v3 .uh-split{ grid-template-columns: minmax(0,1fr); gap: 38px; }

.uxav2 .uxa-home-v3 .uh-split > *{ max-width: 760px; }



}

@media (max-width:600px){.uxav2 .uxa-home-v3 .uh-section{ padding: 60px 24px; }

.uxav2 .uxa-home-v3 h2.uh-heading{ font-size: 34px; line-height: 1.15; }

.uxav2 .uxa-home-v3 .uh-copy{ font-size: 16px; line-height: 1.7; }

.uxav2 .uxa-home-v3 .uh-tabs__tab{ padding-inline: 0; font-size: 14px; }

.uxav2 .uxa-home-v3 .uh-tabs__list{ margin-bottom: 26px; }

.uxav2 .uxa-home-v3 .uh-about__facts{ gap: 16px; }

.uxav2 .uxa-home-v3 .uh-about__facts > div{ flex: 1 1 90px; min-width: min-content; }

.uxav2 .uxa-home-v3 .uh-about__facts dt{ font-size: 18px; }

.uxav2 .uxa-home-v3 .uh-faq__question{ font-size: 18px; gap: 16px; }

.uxav2 .uxa-home-v3 .uh-faq__answer{ padding-right: 0; }



}

@media (max-width:420px){.uxav2 .uxa-home-v3 .uh-contact .uh-actions{ align-items: flex-start; flex-direction: column; gap: 10px; }

.uxav2 .uxa-home-v3 .uh-contact a.uh-link--button{ width: 100%; justify-content: center; }



}

@media (prefers-reduced-motion:reduce){.uxav2 .uxa-home-v3 *,.uxav2 .uxa-home-v3 *::before,.uxav2 .uxa-home-v3 *::after{ scroll-behavior: auto !important; animation: none !important; transition: none !important; }

.uxav2 .uxa-home-v3 .uh-link:hover .uh-arrow,.uxav2 .uxa-home-v3 .uh-tabs__tab:active,.uxav2 .uxa-home-v3 .uh-feedback__nav:active,.uxav2 .uxa-home-v3 a.uh-link:active{ transform: none; }



}

.uxav2 .uxa-home-v3 .uh-work .uh-work__heading{ margin-bottom: 18px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__quick-links{

  display: flex; flex-wrap: wrap; align-items: center; gap: 0 22px;

  margin: 0 0 42px; color: var(--uh-muted); font-size: 14px; line-height: 1.5;

}

.uxav2 .uxa-home-v3 .uh-work__quick-links > a{

  display: inline-flex; align-items: center; min-height: 44px; max-width: 100%;

  padding: 8px 0; color: var(--uh-ink); font-weight: 500;

  text-decoration: underline; text-decoration-color: #8a96a6; text-underline-offset: 5px;

  overflow-wrap: anywhere;

}

.uxav2 .uxa-home-v3 .uh-more-work{ margin-top: 64px; }

.uxav2 .uxa-home-v3 .uh-more-work__list{ margin-top: 24px; border-bottom: 1px solid var(--uh-line); }

.uxav2 .uxa-home-v3 a.uh-more-work__item{

  display: grid; grid-template-columns: minmax(160px,.75fr) minmax(0,1.6fr) 18px;

  align-items: center; gap: 12px 30px; min-width: 0; padding: 24px 0;

  border: 0; border-top: 1px solid var(--uh-line); border-radius: 0;

  color: var(--uh-ink); background: transparent; box-shadow: none; text-decoration: none;

}

.uxav2 .uxa-home-v3 .uh-more-work__name{ font-size: 21px; font-weight: 500; line-height: 1.3; letter-spacing: -.02em; overflow-wrap: anywhere; }

.uxav2 .uxa-home-v3 .uh-more-work__copy{ color: var(--uh-copy); font-size: 16px; line-height: 1.6; overflow-wrap: anywhere; }

.uxav2 .uxa-home-v3 .uh-feedback__header{ grid-template-columns: minmax(0,1fr) 176px; gap: 24px 64px; margin-bottom: 24px; }

.uxav2 .uxa-home-v3 .uh-feedback__total strong{ font-size: 44px; }

.uxav2 .uxa-home-v3 .uh-feedback__header .uh-copy{ margin-top: 16px; }

.uxav2 .uxa-home-v3 .uh-feedback__quote blockquote{ font-size: clamp(22px,1.8vw,26px); margin-bottom: 24px; }

.uxav2 .uxa-home-v3 .uh-feedback__quote figcaption{ min-height: 86px; }

.uxav2 .uxa-home-v3 .uh-feedback__reading{ margin-top: 20px; }

.uxav2 .uxa-home-v3 .uh-details{ margin-top: 40px; border-top: 1px solid var(--uh-line); }

.uxav2 .uxa-home-v3 details.uh-extra{ margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--uh-line); border-radius: 0; background: transparent; }

.uxav2 .uxa-home-v3 summary.uh-extra__summary{

  display: flex; align-items: center; justify-content: space-between; gap: 24px;

  min-height: 64px; padding: 18px 0; color: var(--uh-ink); font-size: 17px;

  font-weight: 500; line-height: 1.5; text-align: left; list-style: none; cursor: pointer;

}

.uxav2 .uxa-home-v3 .uh-extra__summary::-webkit-details-marker{ display: none; }

.uxav2 .uxa-home-v3 .uh-extra__summary::marker{ content: ""; }

.uxav2 .uxa-home-v3 .uh-extra__summary > span{ min-width: 0; overflow-wrap: anywhere; }

.uxav2 .uxa-home-v3 .uh-extra__summary > i{ position: relative; flex: 0 0 20px; width: 20px; height: 24px; }

.uxav2 .uxa-home-v3 .uh-extra__summary > i::before,.uxav2 .uxa-home-v3 .uh-extra__summary > i::after{ content: ""; position: absolute; top: 11px; left: 3px; width: 14px; height: 1.5px; background: currentColor; }

.uxav2 .uxa-home-v3 .uh-extra__summary > i::after{ transform: rotate(90deg); }

.uxav2 .uxa-home-v3 .uh-extra[open] > .uh-extra__summary > i::after{ display: none; }

.uxav2 .uxa-home-v3 .uh-extra__content{ padding: 12px 0 32px; }

.uxav2 .uxa-home-v3 .uh-extra__content .uh-process{ background: transparent; }

.uxav2 .uxa-home-v3 .uh-extra__content h2.uh-heading{ font-size: clamp(26px,2.4vw,32px); }

.uxav2 .uxa-home-v3 .uh-extra__content h3.uh-subheading{ font-size: 24px; }

.uxav2 .uxa-home-v3 .uh-faq__fit ul{ display: grid; gap: 10px; margin: 0; padding-left: 20px; }

.uxav2 .uxa-home-v3 .uh-faq__fit li{ margin: 0; padding-left: 3px; }

.uxav2 .uxa-home-v3 .uh-faq__fit .uh-contact__best{ margin-top: 20px; padding-top: 18px; border-color: var(--uh-line); color: var(--uh-copy); font-size: 16px; }

.uxav2 .uxa-home-v3 .uh-contact p.uh-contact__intro{ margin-top: 0; }

@media (hover: hover) and (pointer: fine){.uxav2 .uxa-home-v3 .uh-work__quick-links > a:hover{ color: var(--uh-teal); text-decoration-color: currentColor; }

.uxav2 .uxa-home-v3 .uh-more-work__item:hover .uh-more-work__name{ color: var(--uh-teal); text-decoration: underline; text-underline-offset: 5px; }

.uxav2 .uxa-home-v3 .uh-more-work__item:hover .uh-arrow{ transform: translateX(3px); }

.uxav2 .uxa-home-v3 summary.uh-extra__summary:hover{ color: var(--uh-teal); }



}

@media (max-width: 767px){.uxav2 .uxa-home-v3 .uh-feedback__header{ grid-template-columns: minmax(0,1fr); gap: 20px; }

.uxav2 .uxa-home-v3 .uh-feedback__total strong{ font-size: 28px; }

.uxav2 .uxa-home-v3 .uh-feedback__quote blockquote{ font-size: 22px; }

.uxav2 .uxa-home-v3 .uh-feedback__quote figcaption{ min-height: 0; }



}

@media (max-width: 600px){.uxav2 .uxa-home-v3 .uh-work .uh-work__heading{ margin-bottom: 10px; gap: 8px; }

.uxav2 .uxa-home-v3 .uh-work .uh-work__quick-links{ gap: 0 18px; margin-bottom: 32px; }

.uxav2 .uxa-home-v3 .uh-work__quick-links > span{ flex-basis: 100%; padding-bottom: 2px; }

.uxav2 .uxa-home-v3 .uh-more-work{ margin-top: 40px; }

.uxav2 .uxa-home-v3 .uh-more-work__list{ margin-top: 18px; }

.uxav2 .uxa-home-v3 a.uh-more-work__item{ grid-template-columns: minmax(0,1fr) 18px; gap: 8px 20px; padding: 20px 0; }

.uxav2 .uxa-home-v3 .uh-more-work__name{ grid-column: 1; font-size: 20px; }

.uxav2 .uxa-home-v3 .uh-more-work__copy{ grid-column: 1; font-size: 15px; }

.uxav2 .uxa-home-v3 .uh-more-work__item > .uh-arrow{ grid-column: 2; grid-row: 1 / 3; }

.uxav2 .uxa-home-v3 .uh-details{ margin-top: 32px; }

.uxav2 .uxa-home-v3 summary.uh-extra__summary{ gap: 16px; font-size: 16px; }



}

@media (prefers-reduced-motion: reduce){.uxav2 .uxa-home-v3 .uh-more-work__item:hover .uh-arrow{ transform: none; }



}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art{

  background:

    radial-gradient(circle at 84% 18%, rgba(43,146,255,.26), transparent 28%),

    linear-gradient(145deg, #EAF4FF, #F4F0FF 72%);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__browser{

  position: absolute;

  left: 6%;

  top: 12%;

  width: 88%;

  height: 73%;

  overflow: hidden;

  border-radius: calc(16 * var(--u));

  background: #fff;

  border: calc(1 * var(--u)) solid rgba(44,62,99,.10);

  box-shadow: 0 calc(22 * var(--u)) calc(45 * var(--u)) rgba(44,62,99,.14);

  transform: rotate(-1.5deg);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__bar{

  height: calc(27 * var(--u));

  display: flex;

  align-items: center;

  gap: calc(5 * var(--u));

  padding: 0 calc(10 * var(--u));

  border-bottom: calc(1 * var(--u)) solid #EDF0F5;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__bar i{

  width: calc(6 * var(--u));

  height: calc(6 * var(--u));

  border-radius: 50%;

  background: #D7DCE6;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__bar span{

  width: 38%;

  height: calc(6 * var(--u));

  margin-left: calc(6 * var(--u));

  border-radius: calc(99 * var(--u));

  background: #EEF1F6;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__layout{

  height: calc(100% - calc(27 * var(--u)));

  display: grid;

  grid-template-columns: calc(42 * var(--u)) 1fr;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__layout aside{

  padding: calc(11 * var(--u)) 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: calc(10 * var(--u));

  background: #20355A;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__layout aside > *{

  flex-shrink: 0;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__layout aside b{

  width: calc(23 * var(--u));

  height: calc(23 * var(--u));

  display: grid;

  place-items: center;

  border-radius: calc(7 * var(--u));

  color: #20355A;

  background: #11EFE3;

  font-size: calc(12 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__layout aside i{

  width: calc(18 * var(--u));

  height: calc(5 * var(--u));

  border-radius: calc(99 * var(--u));

  background: rgba(255,255,255,.18);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__content{

  padding: calc(21 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__hero{

  display: grid;

  grid-template-columns: 1.12fr .88fr;

  gap: calc(12 * var(--u));

  align-items: center;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__hero small{

  display: block;

  color: #8B50B8;

  font-size: calc(10 * var(--u));

  text-transform: uppercase;

  font-weight: 850;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__hero strong{

  display: block;

  margin: calc(5 * var(--u)) 0 calc(7 * var(--u));

  color: #20355A;

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(22 * var(--u));

  line-height: 1.05;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__hero > div:first-child > span{

  display: block;

  width: 90%;

  height: calc(5 * var(--u));

  margin-top: calc(5 * var(--u));

  border-radius: calc(99 * var(--u));

  background: #E8ECF3;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__hero > div:first-child > span.is-short{

  width: 66%;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__hero > div:first-child > b{

  display: block;

  width: fit-content;

  margin-top: calc(9 * var(--u));

  padding: calc(6 * var(--u)) calc(8 * var(--u));

  border-radius: calc(6 * var(--u));

  color: #fff;

  background: linear-gradient(135deg, #A268CF, #8B50B8);

  font-size: calc(10 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__product{

  height: calc(115 * var(--u));

  padding: calc(10 * var(--u));

  border-radius: calc(10 * var(--u));

  background: linear-gradient(145deg, #20355A, #31547E);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__product i{

  display: inline-block;

  width: 28%;

  height: calc(22 * var(--u));

  margin-right: 3%;

  border-radius: calc(5 * var(--u));

  background: rgba(255,255,255,.08);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__product span{

  display: block;

  height: calc(36 * var(--u));

  margin-top: calc(8 * var(--u));

  border-radius: calc(7 * var(--u));

  background:

    linear-gradient(rgba(255,255,255,.05) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    linear-gradient(90deg, rgba(255,255,255,.05) calc(1 * var(--u)), transparent calc(1 * var(--u)));

  background-size: calc(12 * var(--u)) calc(12 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__proof{

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: calc(6 * var(--u));

  margin-top: calc(18 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__proof span{

  padding: calc(7 * var(--u));

  border-radius: calc(7 * var(--u));

  background: #F5F7FA;

  border: calc(1 * var(--u)) solid #EBEEF4;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__proof b,.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__proof small{

  display: block;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__proof b{

  color: #20355A;

  font-size: calc(14 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__proof small{

  margin-top: calc(2 * var(--u));

  color: #8A93A7;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__path{

  position: absolute;

  left: 10%;

  right: 10%;

  bottom: 5%;

  padding: calc(8 * var(--u)) calc(10 * var(--u));

  display: flex;

  align-items: center;

  justify-content: center;

  gap: calc(6 * var(--u));

  border-radius: calc(10 * var(--u));

  color: #fff;

  background: rgba(32,53,90,.92);

  box-shadow: 0 calc(13 * var(--u)) calc(25 * var(--u)) rgba(32,53,90,.18);

  font-size: calc(10 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__path i{

  color: #11EFE3;

  font-style: normal;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__path b{

  color: #11EFE3;

}

.uxav2 .uxa-home-v3 .uh-work .uh-work__scope{max-width:65ch;margin:16px 0 0;color:var(--uh-copy,#536177);font-size:17px;line-height:1.65;font-weight:400}

.uxav2 .uxa-home-v3 .uh-work ul.uh-review-outcome{display:grid;gap:6px;margin:20px 0 0;padding:0;list-style:none}

.uxav2 .uxa-home-v3 .uh-work .uh-review-outcome>li{font-size:17px;line-height:1.6;color:var(--uh-ink);font-weight:600}

.uxav2 .uxa-home-v3 .uh-tabs__list{justify-content:flex-start}

.uxav2 .uxa-home-v3 .uh-tabs__tab{flex:1;text-align:left;min-height:44px}

.uxav2 .uxa-home-v3 .uh-about .uh-tabs__panels{min-height:0}

.uxav2 .uxa-home-v3 .uh-work__story .uh-work__case-link{margin-top:20px}

.uxav2 .uxa-home-v3 .uh-about .uh-label{margin-bottom:18px}

@media(max-width:420px){.uxav2 .uxa-home-v3 .uh-tabs__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}}

@media(max-width:600px){.uxav2 .uxa-home-v3 .uh-work .uh-review-outcome>li{font-size:16px}

.uxav2 .uxa-home-v3 .uh-work ul.uh-review-outcome{margin-top:18px}

.uxav2 .uxa-home-v3 .uh-tabs__tab{font-size:14px;padding-inline:0}}

.uxav2 .uxa-home-v3 .uh-work p.uh-work__measurement{margin:16px 0 0;color:var(--work-muted);font-size:13px;line-height:1.65;max-width:64ch}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art{

  background: linear-gradient(145deg, #DDE7E9, #F3F6F7);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__window{

  position: absolute;

  left: 5%;

  top: 11%;

  width: 90%;

  height: 76%;

  overflow: hidden;

  border-radius: calc(16 * var(--u));

  background: #fff;

  border: calc(1 * var(--u)) solid rgba(44,62,99,.09);

  box-shadow: 0 calc(22 * var(--u)) calc(45 * var(--u)) rgba(44,62,99,.13);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__top{

  height: calc(42 * var(--u));

  padding: 0 calc(11 * var(--u));

  display: flex;

  align-items: center;

  gap: calc(9 * var(--u));

  color: #667188;

  border-bottom: calc(1 * var(--u)) solid #EDF0F3;

  font-size: calc(9 * var(--u));

  white-space: nowrap;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__top strong{

  margin-right: auto;

  color: #285C58;

  font-size: calc(14 * var(--u));

  letter-spacing: .08em;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__top b{

  padding: calc(5 * var(--u)) calc(6 * var(--u));

  border-radius: calc(5 * var(--u));

  color: #fff;

  background: #D98B59;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__hero{

  padding: calc(17 * var(--u)) calc(17 * var(--u)) calc(13 * var(--u));

  background: linear-gradient(135deg, #EAF3F1, #F4F8F7);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__hero small{

  display: block;

  color: #D47745;

  font-size: calc(9 * var(--u));

  text-transform: uppercase;

  font-weight: 850;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__hero strong{

  display: block;

  margin: calc(5 * var(--u)) 0 calc(9 * var(--u));

  color: #285C58;

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(22 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__search{

  height: calc(38 * var(--u));

  padding: 0 calc(7 * var(--u));

  display: grid;

  grid-template-columns: auto minmax(0, 1fr) auto;

  align-items: center;

  gap: calc(6 * var(--u));

  border: calc(1 * var(--u)) solid #D7E2E1;

  border-radius: calc(7 * var(--u));

  background: #fff;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__search i{

  width: calc(8 * var(--u));

  height: calc(8 * var(--u));

  border: calc(1 * var(--u)) solid #839694;

  border-radius: 50%;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__search span{

  color: #8A9796;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__search b{

  padding: calc(5 * var(--u)) calc(6 * var(--u));

  border-radius: calc(5 * var(--u));

  color: #fff;

  background: #285C58;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__chips{

  display: flex;

  gap: calc(4 * var(--u));

  padding: calc(10 * var(--u)) calc(17 * var(--u)) calc(6 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__chips span{

  padding: calc(4 * var(--u)) calc(6 * var(--u));

  border: calc(1 * var(--u)) solid #E2E9E8;

  border-radius: calc(99 * var(--u));

  color: #6F7F7D;

  background: #F7F9F9;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__results{

  display: grid;

  gap: calc(5 * var(--u));

  padding: calc(4 * var(--u)) calc(17 * var(--u)) calc(10 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__results article{

  padding: calc(7 * var(--u));

  display: grid;

  grid-template-columns: calc(22 * var(--u)) minmax(0, 1fr) auto;

  align-items: center;

  gap: calc(6 * var(--u));

  border: calc(1 * var(--u)) solid #E6EBEA;

  border-radius: calc(7 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__results article > i{

  width: calc(22 * var(--u));

  height: calc(22 * var(--u));

  border-radius: calc(6 * var(--u));

  background: linear-gradient(135deg, #8EB6AF, #5E9189);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__results small,.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__results strong{

  display: block;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__results small{

  color: #D47745;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__results strong{

  margin-top: calc(2 * var(--u));

  color: #3E5E5A;

  font-size: calc(10 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__results b{

  color: #D47745;

  font-size: calc(16 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__connection{

  position: absolute;

  right: 4%;

  bottom: 5%;

  padding: calc(8 * var(--u)) calc(10 * var(--u));

  display: flex;

  align-items: center;

  gap: calc(7 * var(--u));

  border-radius: calc(10 * var(--u));

  color: #fff;

  background: rgba(40,92,88,.94);

  box-shadow: 0 calc(13 * var(--u)) calc(25 * var(--u)) rgba(40,92,88,.18);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__connection > i{

  width: calc(23 * var(--u));

  height: calc(23 * var(--u));

  display: grid;

  place-items: center;

  border-radius: calc(7 * var(--u));

  background: rgba(255,255,255,.11);

  font-size: calc(16 * var(--u));

  font-style: normal;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__connection strong,.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__connection small{

  display: block;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__connection strong{

  font-size: calc(11 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__connection small{

  margin-top: calc(2 * var(--u));

  color: rgba(255,255,255,.61);

  font-size: calc(9 * var(--u));

}

body.elementor-page-24140 .uxav2 .uxa-portfolio-menu[aria-hidden="true"] .uxa-portfolio-menu__glow{display:none}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art{

  background: linear-gradient(145deg, #F3EAF4, #F8F5F0);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__heat{

  position: absolute;

  border-radius: 50%;

  filter: blur(calc(5 * var(--u)));

  opacity: .52;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__heat.is-one{

  width: calc(110 * var(--u));

  height: calc(110 * var(--u));

  left: 5%;

  top: 12%;

  background: radial-gradient(circle, #F7936E, transparent 65%);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__heat.is-two{

  width: calc(100 * var(--u));

  height: calc(100 * var(--u));

  right: 5%;

  top: 24%;

  background: radial-gradient(circle, #B668C8, transparent 66%);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__heat.is-three{

  width: calc(90 * var(--u));

  height: calc(90 * var(--u));

  left: 18%;

  bottom: 7%;

  background: radial-gradient(circle, #F2CB56, transparent 66%);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__phone{

  position: absolute;

  left: 50%;

  top: 7%;

  width: 48%;

  height: 84%;

  transform: translateX(-50%);

  padding: calc(17 * var(--u)) calc(10 * var(--u)) calc(9 * var(--u));

  border: calc(5 * var(--u)) solid #20355A;

  border-radius: calc(22 * var(--u));

  background: #fff;

  box-shadow: 0 calc(24 * var(--u)) calc(42 * var(--u)) rgba(32,53,90,.22);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__notch{

  position: absolute;

  top: calc(5 * var(--u));

  left: 50%;

  width: 34%;

  height: calc(6 * var(--u));

  transform: translateX(-50%);

  border-radius: calc(99 * var(--u));

  background: #20355A;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__alert{

  margin: calc(-1 * var(--u)) calc(-5 * var(--u)) calc(7 * var(--u));

  padding: calc(5 * var(--u));

  border-radius: calc(5 * var(--u));

  color: #fff;

  background: #C34A43;

  text-align: center;

  font-size: calc(9 * var(--u));

  font-weight: 750;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__brand{

  display: flex;

  align-items: center;

  gap: calc(5 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__brand i{

  width: calc(16 * var(--u));

  height: calc(16 * var(--u));

  border-radius: 50%;

  background: linear-gradient(135deg, #EFB342, #D96668);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__brand strong{

  color: #432C63;

  font-size: calc(10 * var(--u));

  letter-spacing: .05em;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__phone > small{

  display: block;

  margin-top: calc(7 * var(--u));

  color: #8E79A1;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__phone h4{

  margin: calc(4 * var(--u)) 0 !important;

  color: #432C63 !important;

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(22 * var(--u));

  line-height: 1.05;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__phone p{

  margin: 0 !important;

  color: #828091 !important;

  font-size: calc(9 * var(--u));

  line-height: 1.4;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__actions{

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: calc(4 * var(--u));

  margin: calc(7 * var(--u)) 0;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__actions b,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__actions span{

  padding: calc(6 * var(--u)) calc(2 * var(--u));

  border-radius: calc(5 * var(--u));

  text-align: center;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__actions b{

  color: #fff;

  background: #D45158;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__actions span{

  color: #432C63;

  background: #F2EDF5;

  border: calc(1 * var(--u)) solid #E7DDED;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__resources{

  display: grid;

  gap: calc(4 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__resources article{

  padding: calc(5 * var(--u));

  display: grid;

  grid-template-columns: calc(18 * var(--u)) minmax(0, 1fr) auto;

  align-items: center;

  gap: calc(4 * var(--u));

  border: calc(1 * var(--u)) solid #EEE9F0;

  border-radius: calc(5 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__resources article > i{

  width: calc(18 * var(--u));

  height: calc(18 * var(--u));

  border-radius: calc(5 * var(--u));

  background: #F2EDF5;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__resources strong,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__resources small{

  display: block;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__resources strong{

  color: #5A476C;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__resources small{

  margin-top: calc(1 * var(--u));

  color: #9B91A3;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__resources b{

  color: #D45158;

  font-size: calc(12 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__mobile{

  position: absolute;

  right: 4%;

  bottom: 6%;

  padding: calc(8 * var(--u)) calc(10 * var(--u));

  border-radius: calc(10 * var(--u));

  color: #fff;

  background: rgba(67,44,99,.93);

  box-shadow: 0 calc(13 * var(--u)) calc(25 * var(--u)) rgba(67,44,99,.18);

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__mobile strong,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__mobile span{

  display: block;

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__mobile strong{

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(22 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__mobile span{

  margin-top: calc(2 * var(--u));

  color: rgba(255,255,255,.63);

  font-size: calc(9 * var(--u));

}

.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard,.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard > .uxacsi-illus,.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard > .uxacsi-korn2{background:transparent}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-korn2::before,.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__map{background:none}

.uxav2 .elementor .uxa-home-v3 .uh-work .uh-work__project-link figure.uh-work__figure{align-self:start;margin-top:-16px}

.uxav2 .uxa-home-v3 .uh-work figure.uh-work__figure > figcaption{margin-top:8px;color:#6a7482;font-size:11px;font-weight:400;line-height:1.5}

@media(max-width:760px){.uxav2 .elementor .uxa-home-v3 .uh-work .uh-work__project-link figure.uh-work__figure{margin-top:-8px}



}

.uxav2 .uxa-home-v3 .uh-work .uxacsi-beasts-art__map{background:radial-gradient(circle at 18% 65%,rgba(82,115,58,.23),transparent 22%),radial-gradient(circle at 78% 25%,rgba(111,147,91,.28),transparent 26%);background-size:auto}

.uxav2 .uxa-home-v3 .uh-work .uh-work__heading{margin-bottom:64px}

@media(max-width:760px){.uxav2 .uxa-home-v3 .uh-work .uh-work__heading{margin-bottom:44px}}

.uxav2 .uxakfi-thumb{--k:1px;position:relative;width:100%;height:100%;aspect-ratio:600/400;container-type:inline-size;isolation:isolate;overflow:hidden;font-family:inherit;color:#20355a;line-height:1.3;pointer-events:none}

@supports(width:1cqw){.uxav2 .uxakfi-thumb{--k:.1666667cqw}}

.uxav2 .uxakfi-thumb *{box-sizing:border-box}

.uxav2 .uxakfi-thumb :is(strong,span,small,b,p){font-family:inherit;margin:0}

.uxav2 .uxakfi-thumb__browser{position:absolute;left:5%;top:12%;width:85%;height:73%;overflow:hidden;border-radius:calc(16*var(--k));background:#fff;border:calc(1*var(--k)) solid rgba(44,62,99,.10);box-shadow:0 calc(22*var(--k)) calc(45*var(--k)) rgba(44,62,99,.14);transform:rotate(-1.5deg)}

.uxav2 .uxakfi-thumb__bar{height:calc(25*var(--k));display:flex;align-items:center;gap:calc(5*var(--k));padding:0 calc(10*var(--k));border-bottom:1px solid #edf0f5}

.uxav2 .uxakfi-thumb__bar i{width:calc(6*var(--k));height:calc(6*var(--k));border-radius:50%;background:#d7dce6}

.uxav2 .uxakfi-thumb__bar>span{width:38%;height:calc(5*var(--k));margin-left:calc(6*var(--k));border-radius:calc(20*var(--k));background:#eef1f6}

.uxav2 .uxakfi-thumb__nav{height:calc(41*var(--k));padding:0 calc(21*var(--k));display:flex;align-items:center;gap:calc(18*var(--k));border-bottom:1px solid #f0f2f6}

.uxav2 .uxakfi-thumb__nav>strong{display:flex;align-items:baseline;gap:calc(4*var(--k));margin-right:auto;color:#20355a;font-size:calc(19*var(--k));font-weight:750;letter-spacing:-.04em;line-height:1}

.uxav2 .uxakfi-thumb__nav strong small{font-size:calc(5.5*var(--k));font-weight:600;letter-spacing:.08em;color:#536177}

.uxav2 .uxakfi-thumb__nav>span{font-size:calc(7*var(--k));font-weight:500;color:#536177}

.uxav2 .uxakfi-thumb__content{padding:calc(18*var(--k)) calc(22*var(--k))}

.uxav2 .uxakfi-thumb__hero{display:grid;grid-template-columns:1.05fr .95fr;gap:calc(18*var(--k));align-items:center}

.uxav2 .uxakfi-thumb__message>small{display:block;color:#1556a8;font-size:calc(8*var(--k));font-weight:650;line-height:1.4}

.uxav2 .uxakfi-thumb__message>strong{display:block;margin-top:calc(6*var(--k));font-family:Urbanist,Arial,sans-serif;font-size:calc(32*var(--k));font-weight:500;letter-spacing:-.04em;line-height:1.05;color:#20355a}

.uxav2 .uxakfi-thumb__message>p{margin-top:calc(8*var(--k));font-size:calc(10*var(--k));font-weight:400;line-height:1.5;color:#536177}

.uxav2 .uxakfi-thumb__message>b{display:block;width:fit-content;padding:calc(7*var(--k)) calc(10*var(--k));margin-top:calc(12*var(--k));color:#fff;background:#1556a8;border-radius:calc(5*var(--k));font-size:calc(8*var(--k));font-weight:550;line-height:1.2}

.uxav2 .uxakfi-thumb__detail{height:calc(125*var(--k));padding:calc(13*var(--k));border-radius:calc(10*var(--k));background:#20355a;color:#fff}

.uxav2 .uxakfi-thumb__detail-top{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--k));font-size:calc(9*var(--k));font-weight:500;color:#fff}

.uxav2 .uxakfi-thumb__detail-top i{width:calc(5*var(--k));height:calc(5*var(--k));border-radius:50%;background:#89c3d6}

.uxav2 .uxakfi-thumb__detail-visual{height:calc(58*var(--k));margin-top:calc(10*var(--k));display:grid;gap:calc(6*var(--k));align-content:center;padding:calc(4*var(--k)) 0}

.uxav2 .uxakfi-thumb__detail-visual>span{height:calc(4*var(--k));width:94%;border-radius:calc(2*var(--k));background:#58749a}

.uxav2 .uxakfi-thumb__detail-visual>span:nth-child(2){width:77%}

.uxav2 .uxakfi-thumb__detail-visual>span:nth-child(3){width:87%}

.uxav2 .uxakfi-thumb__detail-visual>span:nth-child(4){width:60%}

.uxav2 .uxakfi-thumb__detail-visual>span:nth-child(5){width:72%}

.uxav2 .uxakfi-thumb__detail-line{height:calc(3*var(--k));width:80%;border-radius:calc(2*var(--k));margin-top:calc(9*var(--k));background:rgba(255,255,255,.2)}

.uxav2 .uxakfi-thumb__detail-line.is-short{width:53%;margin-top:calc(4*var(--k))}

.uxav2 .uxakfi-thumb__detail-tags{display:flex;gap:calc(9*var(--k));margin-top:calc(8*var(--k));font-size:calc(6*var(--k));color:#d6e3f2}

.uxav2 .uxakfi-thumb__paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(7*var(--k));margin-top:calc(19*var(--k))}

.uxav2 .uxakfi-thumb__paths>div{padding:calc(8*var(--k));border:1px solid #ebeff4;border-radius:calc(6*var(--k));background:#f5f7fa}

.uxav2 .uxakfi-thumb__paths strong{display:block;color:#20355a;font-size:calc(11*var(--k));font-weight:550;line-height:1.2}

.uxav2 .uxakfi-thumb__paths small{display:block;margin-top:calc(3*var(--k));color:#647287;font-size:calc(7*var(--k));line-height:1.4}

.uxav2 .uxakfi-thumb__phone{position:absolute;left:75%;top:37%;width:20%;height:56%;padding:calc(14*var(--k)) calc(7*var(--k)) calc(8*var(--k));border:calc(3*var(--k)) solid #20355a;border-radius:calc(16*var(--k));background:#fff;overflow:hidden;box-shadow:0 calc(13*var(--k)) calc(25*var(--k)) rgba(32,53,90,.17);transform:rotate(4deg)}

.uxav2 .uxakfi-thumb__speaker{position:absolute;top:calc(5*var(--k));left:38%;width:24%;height:calc(3*var(--k));background:#20355a;border-radius:calc(4*var(--k))}

.uxav2 .uxakfi-thumb__phone-nav{display:flex;align-items:center;justify-content:space-between;height:calc(19*var(--k));padding:0 calc(2*var(--k));margin-bottom:calc(7*var(--k))}

.uxav2 .uxakfi-thumb__phone-nav strong{font-size:calc(12*var(--k));font-weight:700;line-height:1;color:#20355a;letter-spacing:-.04em}

.uxav2 .uxakfi-thumb__phone-nav i{width:calc(9*var(--k));height:calc(5*var(--k));border-top:1px solid #20355a;border-bottom:1px solid #20355a}

.uxav2 .uxakfi-thumb__phone-message>small{display:block;color:#1556a8;font-size:calc(5*var(--k));font-weight:600;line-height:1.4}

.uxav2 .uxakfi-thumb__phone-message>strong{display:block;color:#20355a;font-family:Urbanist,Arial,sans-serif;font-size:calc(17*var(--k));font-weight:500;line-height:1.05;letter-spacing:-.04em;margin-top:calc(5*var(--k))}

.uxav2 .uxakfi-thumb__phone-message>span{display:block;color:#536177;font-size:calc(5.6*var(--k));line-height:1.4;margin-top:calc(5*var(--k))}

.uxav2 .uxakfi-thumb__phone-message>b{display:block;width:fit-content;color:#fff;background:#1556a8;font-size:calc(5.5*var(--k));font-weight:500;line-height:1.2;padding:calc(5*var(--k)) calc(7*var(--k));margin-top:calc(7*var(--k));border-radius:calc(3*var(--k))}

.uxav2 .uxakfi-thumb__phone-detail{padding:calc(8*var(--k));margin-top:calc(10*var(--k));background:#20355a;border-radius:calc(5*var(--k));color:#fff}

.uxav2 .uxakfi-thumb__phone-detail>strong{display:block;font-size:calc(6*var(--k));font-weight:500;line-height:1.3;color:#fff}

.uxav2 .uxakfi-thumb__phone-detail>div{display:flex;flex-direction:column;gap:calc(4*var(--k));height:calc(20*var(--k));align-items:flex-start;justify-content:center;margin-top:calc(5*var(--k))}

.uxav2 .uxakfi-thumb__phone-detail i{display:block;width:94%;height:calc(2.5*var(--k));border-radius:calc(2*var(--k));background:#58749a}

.uxav2 .uxakfi-thumb__phone-detail i:nth-child(2){width:72%}

.uxav2 .uxakfi-thumb__phone-detail>span{display:block;height:calc(2*var(--k));background:rgba(255,255,255,.2);margin-top:calc(4*var(--k));width:80%}

.uxav2 .uxa-case-body .ucb-art.ucb-art--kfi,.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard.uh-work__artboard--kfi{background:transparent;aspect-ratio:600/400}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone{position:absolute;left:76%;top:37%;width:19%;height:56%;z-index:3;padding:calc(15*var(--u)) calc(7*var(--u)) calc(8*var(--u));border:calc(3*var(--u)) solid #20355a;border-radius:calc(16*var(--u));background:#fff;overflow:hidden;box-shadow:0 calc(13*var(--u)) calc(25*var(--u)) rgba(32,53,90,.17);transform:rotate(4deg);color:#20355a;line-height:1.3}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__speaker{position:absolute;top:calc(5*var(--u));left:38%;width:24%;height:calc(3*var(--u));background:#20355a;border-radius:calc(4*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__nav{display:flex;align-items:center;justify-content:space-between;height:calc(21*var(--u));padding:0 calc(2*var(--u));border-bottom:1px solid #edf0f4}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__nav>strong{font-size:calc(8*var(--u));font-weight:650;line-height:1;color:#285c58;letter-spacing:.03em}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__nav>i{width:calc(9*var(--u));height:calc(5*var(--u));border-block:1px solid #20355a}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__body{padding-top:calc(10*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__body>small{display:block;font-size:calc(5.5*var(--u));font-weight:650;color:#c2784b;line-height:1.4}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__body>strong{display:block;font-family:Urbanist,Arial,sans-serif;font-size:calc(14*var(--u));font-weight:500;line-height:1.1;letter-spacing:-.035em;color:#285c58;margin:calc(5*var(--u)) 0 calc(9*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__search{display:flex;align-items:center;justify-content:space-between;gap:calc(4*var(--u));padding:calc(6*var(--u)) calc(4*var(--u));border:1px solid #dce6e4;border-radius:calc(4*var(--u));font-size:calc(5*var(--u));color:#647a77;background:#f3f7f6}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__search>b{font-size:calc(8*var(--u));color:#285c58;font-weight:500}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__result{display:flex;align-items:center;gap:calc(5*var(--u));padding:calc(7*var(--u)) calc(3*var(--u));margin-top:calc(6*var(--u));border-bottom:1px solid #edf1f3}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__result>i{display:block;flex:0 0 calc(12*var(--u));width:calc(12*var(--u));height:calc(15*var(--u));background:#dae9e5;border-radius:calc(2*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__result>span{font-size:calc(5.5*var(--u));font-weight:500;color:#3e5e5a;line-height:1.4}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__result small{display:block;font-size:calc(4.5*var(--u));font-weight:400;color:#7b8987;margin-top:calc(2*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__lines{display:grid;gap:calc(4*var(--u));margin-top:calc(9*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__lines>span{display:block;height:calc(3*var(--u));width:90%;border-radius:calc(2*var(--u));background:#e8edf2}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__lines>span:last-child{width:63%}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone--whip .ux-thumb-phone__nav>strong{padding:calc(3*var(--u)) calc(5*var(--u));font-size:calc(9*var(--u));background:#11efe3;border-radius:calc(4*var(--u));color:#20355a;font-weight:500}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone--whip .ux-thumb-phone__body>small{color:#8b50b8}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone--whip .ux-thumb-phone__body>strong{color:#20355a;font-size:calc(15*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__button{display:block;width:fit-content;padding:calc(5*var(--u)) calc(7*var(--u));margin-top:calc(8*var(--u));font-size:calc(5.5*var(--u));font-weight:500;line-height:1.3;border-radius:calc(4*var(--u));background:#a268cf;color:#fff}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__feature{display:flex;align-items:center;gap:calc(4*var(--u));padding:calc(8*var(--u));height:calc(35*var(--u));margin-top:calc(11*var(--u));background:#20355a;border-radius:calc(6*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-thumb-phone__feature span{display:block;height:calc(3*var(--u));width:30%;border-radius:calc(3*var(--u));background:#536f97}

.uxav2 .uxa-case-body .uxacsi-wilder-art__window,.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__window{left:5%;top:12%;width:83%;height:73%}

.uxav2 .uxa-case-body .uxacsi-wilder-art__connection,.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__connection{left:8%;right:auto;bottom:5%;max-width:65%}

.uxav2 .uxa-case-body .uxacsi-whip-art__path,.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__path{left:8%;right:26%;bottom:5%;gap:calc(5*var(--u));font-size:calc(9*var(--u))}

.uxav2 .uxa-home-v3 .uh-work :is(.uh-work__artboard--wilder,.uh-work__artboard--ktd,.uh-work__artboard--whip){aspect-ratio:600/400}

.uxav2 :is(.uxa-case-body,.uxa-home-v3 .uh-work) .uxacsi-ktd-art:before{content:"";position:absolute;inset:12% 5% 10%;border-radius:calc(25*var(--u));background:linear-gradient(135deg,#f3eaf4,#f8f2e8);z-index:-1}

.uxav2 .uxa-case-body .uxacsi-ktd-art__phone,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__phone{--u:.1cqw;left:72%;top:19%;width:25%;height:75%;transform:none;z-index:3}

.uxav2 .uxa-case-body .uxacsi-ktd-art__mobile,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__mobile{left:11%;right:auto;bottom:5%;padding:calc(7*var(--u)) calc(10*var(--u))}

.uxav2 .uxa-case-body .uxacsi-ktd-art__mobile strong,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__mobile strong{font-size:calc(15*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop{position:absolute;left:6%;top:16%;width:82%;height:65%;overflow:hidden;border:1px solid #e3dce8;border-radius:calc(13*var(--u));background:#fff;box-shadow:0 calc(15*var(--u)) calc(32*var(--u)) rgba(67,44,99,.13);transform:rotate(-1.5deg)}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__bar{height:calc(24*var(--u));display:flex;align-items:center;gap:calc(5*var(--u));padding:0 calc(10*var(--u));border-bottom:1px solid #f0edf4}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__bar>i{display:block;width:calc(5*var(--u));height:calc(5*var(--u));border-radius:50%;background:#ded9e5}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__bar>span{height:calc(4*var(--u));width:35%;background:#f0edf4;margin-left:calc(7*var(--u));border-radius:calc(3*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__nav{display:flex;align-items:center;gap:calc(15*var(--u));height:calc(43*var(--u));padding:0 calc(18*var(--u));border-bottom:1px solid #f4f0f5}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__nav>strong{display:flex;align-items:center;gap:calc(6*var(--u));margin-right:auto;color:#432c63;font-size:calc(10*var(--u));font-weight:650;letter-spacing:.02em;line-height:1}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__nav strong i{display:block;width:calc(14*var(--u));height:calc(14*var(--u));background:linear-gradient(135deg,#efb342,#d96668);border-radius:50%}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__nav>span{font-size:calc(7*var(--u));color:#7b6b8b}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__content{display:grid;grid-template-columns:1.15fr .85fr;gap:calc(18*var(--u));padding:calc(18*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__content>div>small{display:block;font-size:calc(7*var(--u));font-weight:500;color:#8e79a1;line-height:1.4}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__content>div>strong{display:block;margin-top:calc(7*var(--u));font-family:Urbanist,Arial,sans-serif;font-size:calc(24*var(--u));font-weight:500;line-height:1.08;letter-spacing:-.025em;color:#432c63}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__content p{margin-top:calc(8*var(--u));font-size:calc(8*var(--u));line-height:1.5;color:#828091}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__actions{display:flex;gap:calc(6*var(--u));margin-top:calc(11*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__actions>*{padding:calc(7*var(--u)) calc(8*var(--u));border-radius:calc(4*var(--u));font-size:calc(7*var(--u));font-weight:500;line-height:1.3}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__actions>b{background:#d45158;color:#fff}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__actions>span{background:#f2edf5;color:#432c63}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__resources{display:grid;gap:calc(8*var(--u));align-content:start;padding-top:calc(11*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__resources>div{padding:calc(9*var(--u));border:1px solid #eee9f0;border-radius:calc(6*var(--u));display:grid;grid-template-columns:calc(20*var(--u)) 1fr;gap:calc(3*var(--u)) calc(7*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__resources i{grid-row:span 2;width:calc(20*var(--u));height:calc(25*var(--u));background:#f2edf5;border-radius:calc(4*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__resources strong{font-size:calc(7*var(--u));font-weight:500;line-height:1.3;color:#5a476c}

.uxav2 :is(.uxa-case-body,.uxa-home-v3) .ux-ktd-desktop__resources span{font-size:calc(6*var(--u));line-height:1.4;color:#9b91a3}

.uxav2 :is(.uxa-case-body,.uxa-home-v3 .uh-work) :is(.uxacsi-wilder-art__window,.uxacsi-whip-art__browser,.ux-ktd-desktop){left:5%;top:12%;width:85%;height:73%;border-radius:calc(16*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3 .uh-work) :is(.ux-thumb-phone,.uxacsi-ktd-art__phone){left:75%;top:37%;width:20%;height:56%;transform:rotate(4deg);border-width:.5cqw;border-radius:2.667cqw;box-shadow:0 2.167cqw 4.167cqw rgba(32,53,90,.17)}

.uxav2 .uxa-case-body .uxacsi-ktd-art__phone,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__phone{--u:.085cqw;padding-top:calc(17*var(--u))}

.uxav2 :is(.uxa-case-body,.uxa-home-v3 .uh-work) .uxacsi-ktd-art{background:transparent}

.uxav2 :is(.uxa-case-body,.uxa-home-v3 .uh-work) .uxacsi-ktd-art:before{display:none}

.uxav2 :is(.uxa-case-body,.uxa-home-v3 .uh-work) .uxacsi-ktd-art__heat{display:none}

.uxav2 .uxkf-blue-thumb .ukh-dashboard.kfn-hero{--n:calc(100cqw / 1000);display:grid;grid-template-columns:calc(62*var(--n)) minmax(0,1fr);width:100%;min-height:0;aspect-ratio:auto;border:1px solid #aeb8c9;border-radius:calc(18*var(--n));background:#f6f7fa;box-shadow:0 24px 70px #0b162830;color:#20355a;font-family:Inter,Arial,sans-serif;font-size:calc(14*var(--n));line-height:1.5;text-align:left;overflow:hidden}

.uxav2 .uxkf-blue-thumb .kfn-hero *{box-sizing:border-box;margin:0;letter-spacing:normal}

.uxav2 .uxkf-blue-thumb .kfn-hero svg{display:block;width:calc(22*var(--n));height:calc(22*var(--n));fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.uxav2 .uxkf-blue-thumb .kfn-hrail{display:flex;align-items:center;flex-direction:column;gap:calc(20*var(--n));padding:calc(19*var(--n)) calc(10*var(--n));background:#172a4a;color:#8e9db8}

.uxav2 .uxkf-blue-thumb .kfn-hrail>span,.uxav2 .uxkf-blue-thumb .kfn-hmark{display:grid;place-items:center;width:calc(40*var(--n));height:calc(40*var(--n));border-radius:calc(9*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hmark{color:#b4c5e4;margin-bottom:calc(26*var(--n));border:1px solid #546178}

.uxav2 .uxkf-blue-thumb .kfn-hrail>span.is-active{color:#d4dff1;background:#2a3a55;box-shadow:inset calc(2*var(--n)) 0 #b4c5e4}

.uxav2 .uxkf-blue-thumb .kfn-hrail>b{margin-top:auto;display:grid;place-items:center;width:calc(32*var(--n));height:calc(32*var(--n));border-radius:50%;background:#334461;color:#dbe2ef;font-size:calc(11*var(--n));font-weight:500}

.uxav2 .uxkf-blue-thumb .kfn-happ{min-width:0;background:#fff}

.uxav2 .uxkf-blue-thumb .kfn-hbar{display:flex;justify-content:space-between;align-items:center;gap:calc(16*var(--n));min-height:calc(60*var(--n));padding:calc(14*var(--n)) calc(28*var(--n));border-bottom:1px solid #e3e7ed;color:#536077;font-size:calc(12*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hbar i{font-style:normal;color:#acb4c2;margin:0 calc(12*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hbar>div{display:flex;gap:calc(16*var(--n));align-items:center}

.uxav2 .uxkf-blue-thumb .kfn-hbar b{display:grid;place-items:center;width:calc(26*var(--n));height:calc(26*var(--n));background:#edf0f5;border-radius:50%;font-size:calc(9*var(--n));color:#354767}

.uxav2 .uxkf-blue-thumb .kfn-hconcept{color:#545f73;font-size:calc(10*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hpagehead{display:flex;align-items:center;justify-content:space-between;gap:calc(12*var(--n));padding:calc(28*var(--n)) calc(30*var(--n)) calc(24*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hpagehead small{color:#576070;font-size:calc(11*var(--n));font-weight:600}

.uxav2 .uxkf-blue-thumb .kfn-hpagehead h3{margin:calc(7*var(--n)) 0;color:#20355a;font-size:calc(29*var(--n));font-weight:600;line-height:1.2;letter-spacing:-.035em}

.uxav2 .uxkf-blue-thumb .kfn-hpagehead p{color:#626e84;font-size:calc(12*var(--n));line-height:1.6}

.uxav2 .uxkf-blue-thumb .kfn-hdraft{display:flex;align-items:center;gap:calc(7*var(--n));font-size:calc(10*var(--n));white-space:nowrap;color:#636f83}

.uxav2 .uxkf-blue-thumb .kfn-hdraft i{display:block;width:calc(6*var(--n));height:calc(6*var(--n));border-radius:50%;background:#c7a05a}

.uxav2 .uxkf-blue-thumb .kfn-hcontext{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:calc(24*var(--n));margin:0 calc(30*var(--n)) calc(24*var(--n));padding:calc(17*var(--n)) calc(20*var(--n));background:#f5f6f8;border:1px solid #e3e7ed;border-radius:calc(9*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hcontext>span{font-size:calc(10*var(--n));color:#647084}

.uxav2 .uxkf-blue-thumb .kfn-hcontext strong{display:block;margin-top:calc(4*var(--n));font-weight:600;font-size:calc(12*var(--n));color:#283751}

.uxav2 .uxkf-blue-thumb .kfn-hbody{display:grid;grid-template-columns:1.65fr 1fr;gap:calc(24*var(--n));padding:0 calc(30*var(--n)) calc(28*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-htabs{display:flex;gap:calc(22*var(--n));border-bottom:1px solid #e0e4ec;font-size:calc(12*var(--n));color:#717b8d}

.uxav2 .uxkf-blue-thumb .kfn-htabs>*{padding:0 0 calc(13*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-htabs b{border-bottom:calc(2*var(--n)) solid #33548f;color:#243758;font-weight:600}

.uxav2 .uxkf-blue-thumb .kfn-hlisthead{display:flex;justify-content:space-between;margin:calc(18*var(--n)) 0 calc(12*var(--n));font-size:calc(11*var(--n));font-weight:500;color:#626e84}

.uxav2 .uxkf-blue-thumb .kfn-hlisthead small{font-size:calc(10*var(--n));font-weight:400}

.uxav2 .uxkf-blue-thumb .kfn-hrow{display:flex;align-items:center;gap:calc(13*var(--n));padding:calc(17*var(--n)) calc(14*var(--n));border:1px solid #e0e4eb;border-radius:calc(9*var(--n));margin-top:calc(10*var(--n));background:#fff}

.uxav2 .uxkf-blue-thumb .kfn-hrow.is-selected{background:#eef3fb;border-color:#87a3d4;box-shadow:inset calc(3*var(--n)) 0 #33548f}

.uxav2 .uxkf-blue-thumb .kfn-hmonogram{display:grid;place-items:center;flex:0 0 calc(35*var(--n));height:calc(38*var(--n));border:1px solid #dce0e8;border-radius:calc(6*var(--n));background:#f7f8fa;color:#445674;font-size:calc(11*var(--n));font-weight:600}

.uxav2 .uxkf-blue-thumb .is-selected .kfn-hmonogram{background:#e0e6f0;border-color:#c4cedf;color:#233a62}

.uxav2 .uxkf-blue-thumb .kfn-hrow strong{display:block;color:#20355a;font-size:calc(14*var(--n));line-height:1.35;font-weight:600}

.uxav2 .uxkf-blue-thumb .kfn-hrow small{display:block;margin-top:calc(3*var(--n));color:#647084;font-size:calc(10*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hrow div>span{display:block;margin-top:calc(8*var(--n));font-size:calc(10*var(--n));color:#6e798b}

.uxav2 .uxkf-blue-thumb .kfn-hrow>i{font-style:normal;margin-left:auto;font-size:calc(18*var(--n));color:#3a5075}

.uxav2 .uxkf-blue-thumb .kfn-hreading{display:flex;align-items:center;gap:calc(10*var(--n));padding:calc(18*var(--n)) calc(4*var(--n)) 0;color:#626e83;font-size:calc(10*var(--n));line-height:1.6}

.uxav2 .uxkf-blue-thumb .kfn-hreading svg{width:calc(16*var(--n));height:calc(16*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hdetails{border:1px solid #dee3eb;border-radius:calc(10*var(--n));padding:calc(20*var(--n));align-self:start;background:#fbfcfd}

.uxav2 .uxkf-blue-thumb .kfn-hdetailhead{display:flex;justify-content:space-between;align-items:center;color:#6b778d;margin-bottom:calc(22*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hdetailhead small{font-size:calc(11*var(--n));font-weight:500}

.uxav2 .uxkf-blue-thumb .kfn-hdetailicon{display:grid;place-items:center;width:calc(40*var(--n));height:calc(44*var(--n));background:#e5e9f1;border:1px solid #ccd3df;border-radius:calc(8*var(--n));color:#374a6b;font-size:calc(12*var(--n));font-weight:600}

.uxav2 .uxkf-blue-thumb .kfn-hdetails h4{margin:calc(15*var(--n)) 0 calc(13*var(--n));color:#1c2c48;font-size:calc(23*var(--n));line-height:1.17;letter-spacing:-.025em;font-weight:600}

.uxav2 .uxkf-blue-thumb .kfn-hdetails p{font-size:calc(11*var(--n));line-height:1.75;color:#606d83}

.uxav2 .uxkf-blue-thumb .kfn-hsubhead{display:block;margin-top:calc(24*var(--n));color:#46556e;font-weight:600;font-size:calc(10*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hdetails ul{list-style:none;padding:0;margin:calc(10*var(--n)) 0 calc(23*var(--n));color:#657288;font-size:calc(10*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hdetails li{display:flex;align-items:center;gap:calc(8*var(--n));padding:calc(7*var(--n)) 0}

.uxav2 .uxkf-blue-thumb .kfn-hdetails li::before{content:'';width:calc(4*var(--n));height:calc(4*var(--n));border-radius:50%;background:#576f98}

.uxav2 .uxkf-blue-thumb .kfn-hselected{display:flex;gap:calc(9*var(--n));padding-top:calc(16*var(--n));border-top:1px solid #dde1e7;color:#284474}

.uxav2 .uxkf-blue-thumb .kfn-hselected strong{font-size:calc(10*var(--n));font-weight:600;display:block}

.uxav2 .uxkf-blue-thumb .kfn-hselected small{display:block;font-size:calc(9*var(--n));margin-top:calc(3*var(--n));color:#697180}

.uxav2 .uxkf-blue-thumb .kfn-hfooter{display:flex;align-items:center;gap:calc(22*var(--n));padding:calc(17*var(--n)) calc(30*var(--n));border-top:1px solid #e1e5ec;background:#fff}

.uxav2 .uxkf-blue-thumb .kfn-hfooter>div{margin-right:auto}

.uxav2 .uxkf-blue-thumb .kfn-hfooter div span{display:block;color:#7a8496;font-size:calc(9*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hfooter strong{display:block;color:#33425d;font-size:calc(12*var(--n));margin-top:calc(3*var(--n));font-weight:600}

.uxav2 .uxkf-blue-thumb .kfn-hcancel{color:#6d788c;font-size:calc(11*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hfooter>b{display:flex;align-items:center;gap:calc(22*var(--n));border-radius:calc(7*var(--n));padding:calc(13*var(--n)) calc(18*var(--n));background:#33548f;color:#fff;font-size:calc(11*var(--n));font-weight:500}

.uxav2 .uxkf-blue-thumb .uxkf-blue-thumb__dialog-canvas .ukh-dashboard.kfn-hero{--n:calc(100cqw / 1000);min-height:0}

.uxav2 .uxkf-blue-thumb{position:absolute;inset:0;container-type:inline-size;overflow:visible;background:transparent}

.uxav2 .uxkf-blue-thumb .uxkf-blue-thumb__screen{position:absolute;left:5%;top:5%;width:90%;container-type:inline-size;transform:rotate(-1.2deg)}

.uxav2 .uxkf-blue-thumb .ukh-dashboard.kfn-hero{border-color:#d7dfeb;box-shadow:0 20px 46px #20355a17}

.uxav2 .uxkf-blue-thumb .kfn-hbar{min-height:calc(48*var(--n));padding:calc(10*var(--n)) calc(28*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hpagehead{padding:calc(18*var(--n)) calc(30*var(--n)) calc(18*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hpagehead p,.uxav2 .uxkf-blue-thumb .kfn-hcontext,.uxav2 .uxkf-blue-thumb .kfn-hreading,.uxav2 .uxkf-blue-thumb .kfn-hrow div>span,.uxav2 .uxkf-blue-thumb .kfn-hsubhead,.uxav2 .uxkf-blue-thumb .kfn-hdetails ul{display:none}

.uxav2 .uxkf-blue-thumb .kfn-hrow{padding:calc(14*var(--n)) calc(14*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hbody{padding-bottom:calc(22*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hdetails{padding:calc(20*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hdetailhead{margin-bottom:calc(15*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hdetails h4{font-size:calc(25*var(--n));margin:calc(14*var(--n)) 0 calc(12*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hselected{margin-top:calc(20*var(--n))}

.uxav2 .uxkf-blue-thumb .kfn-hfooter{padding:calc(12*var(--n)) calc(30*var(--n))}

.uxav2 .uxkf-blue-thumb{--t:calc(100cqw / 600)}

.uxav2 .uxkf-blue-thumb .uxkf-blue-thumb__screen{top:8%}

.uxav2 .uxkf-blue-thumb__mode{position:absolute;z-index:3;right:1.5%;top:0;display:flex;align-items:center;gap:calc(11*var(--t));padding:calc(10*var(--t)) calc(14*var(--t));border:1px solid #dce4f0;border-radius:calc(10*var(--t));background:#fffffffa;box-shadow:0 calc(12*var(--t)) calc(26*var(--t)) #20355a1c;color:#20355a;font-family:Inter,Arial,sans-serif;font-size:calc(9*var(--t));line-height:1.5;transform:rotate(1deg)}

.uxav2 .uxkf-blue-thumb__mode>i{display:block;width:calc(7*var(--t));height:calc(7*var(--t));border-radius:50%;background:#33548f}

.uxav2 .uxkf-blue-thumb__mode strong{font-weight:600}

.uxav2 .uxkf-blue-thumb__mode>svg{width:calc(20*var(--t));height:calc(20*var(--t));padding:calc(3*var(--t));border-radius:50%;fill:none;stroke:#33548f;stroke-width:2;background:#eef3fb}

.uxav2 .uxkf-blue-thumb__flow{position:absolute;z-index:4;left:16%;right:7%;bottom:3%;display:flex;align-items:center;justify-content:center;gap:calc(18*var(--t));padding:calc(12*var(--t)) calc(18*var(--t));border-radius:calc(10*var(--t));background:#20355a;color:#e8eef8;box-shadow:0 calc(13*var(--t)) calc(27*var(--t)) #20355a20;font-family:Inter,Arial,sans-serif;font-size:calc(10*var(--t));font-weight:500;line-height:1.5;transform:rotate(-1.2deg)}

.uxav2 .uxkf-blue-thumb__flow i{font-style:normal;color:#a9c5f0}

.uxav2 .uxkf-blue-thumb__flow b{font-weight:600;color:#fff;background:#33548f;padding:calc(3*var(--t)) calc(11*var(--t));border-radius:calc(5*var(--t))}

@media(hover:hover) and (prefers-reduced-motion:no-preference){.uxav2 .uxkf-blue-thumb__mode,.uxav2 .uxkf-blue-thumb__flow{transition:translate 180ms ease}

.uxav2 .uh-work__project-link:hover .uxkf-blue-thumb__mode,.uxav2 .ucb-project:hover .uxkf-blue-thumb__mode{translate:0 -3px}

.uxav2 .uh-work__project-link:hover .uxkf-blue-thumb__flow,.uxav2 .ucb-project:hover .uxkf-blue-thumb__flow{translate:0 -2px}}

@font-face{font-family:Urbanist;src:url('/assets/fonts/urbanist.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

@font-face{font-family:Inter;src:url('/assets/fonts/inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

.uxav2{--ink:#20355a;--copy:#536177;--muted:#647186;--accent:#11efe3;--teal:#087f7b;--line:#dbe1ea;--paper:#f5f7fa;--blue:#e9eff8;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(24px,5.55vw,80px)}

.uxav2 *,.uxav2 *::before,.uxav2 *::after{box-sizing:border-box}

html:has(.uxav2){scroll-padding-top:104px}

.uxav2{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}

.uxav2,.uxav2 p,.uxav2 h1,.uxav2 h2,.uxav2 h3,.uxav2 figure,.uxav2 blockquote{margin:0}

.uxav2 button,.uxav2 a,.uxav2 summary{-webkit-tap-highlight-color:transparent}

.uxav2 button,.uxav2 summary{touch-action:manipulation}

.uxav2 button{font:inherit;cursor:pointer}

.uxav2 a{color:inherit;text-decoration:none}

.uxav2 button:focus-visible,.uxav2 a:focus-visible,.uxav2 summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}

.uxav2 [hidden]{display:none!important}

.uxav2 svg{display:block}

.uxav2 .shell{width:min(calc(100% - var(--gutter)*2),1280px);margin-inline:auto}

.uxav2 h1,.uxav2 h2,.uxav2 h3{font-family:Urbanist,Arial,sans-serif;font-weight:500;letter-spacing:-.045em;text-wrap:pretty}

.uxav2 h2{font-size:clamp(38px,4.3vw,62px);line-height:1.07}

.uxav2 .arrow{width:23px;height:23px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

.uxav2 .lock{width:13px;height:13px;stroke:currentColor;stroke-width:1.3;flex-shrink:0}

.uxav2 .skip-link{position:fixed;z-index:100;left:20px;top:12px;padding:12px 20px;background:var(--accent);transform:translateY(-180%)}

.uxav2 .skip-link:focus{transform:none}

.uxav2 .preview-strip{display:flex;justify-content:space-between;gap:12px;padding:7px var(--gutter);background:var(--ink);color:#d8e4f6;font-size:10px;line-height:1.6;letter-spacing:.04em}

.uxav2 .preview-strip>span:first-child{color:var(--accent)}

.uxav2 .preview-strip a{text-decoration:underline;text-underline-offset:3px}

.uxav2 .site-header{position:sticky;top:0;z-index:30;background:#fffffffa;border-bottom:1px solid var(--line)}

.uxav2 .nav-inner{display:flex;align-items:center;gap:40px;min-height:86px;width:min(calc(100% - var(--gutter)*2),1280px);margin-inline:auto}

.uxav2 .wordmark{font-family:Urbanist,Arial,sans-serif;font-size:28px;line-height:1;font-weight:800;letter-spacing:-.06em;white-space:nowrap}

.uxav2 .wordmark span{color:#a26bc4}

.uxav2 .desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:13px;font-weight:500}

.uxav2 .desktop-nav a{position:relative;padding-block:16px}

.uxav2 .desktop-nav a:after{position:absolute;content:'';height:2px;left:0;right:100%;bottom:8px;background:var(--teal);transition:right 180ms var(--ease)}

.uxav2 .nav-contact{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:43px;padding:8px 17px;border:1px solid #b6c1d1;font-size:13px}

.uxav2 .menu-toggle{display:none;align-items:center;gap:14px;background:none;border:0;padding:10px 0;font-size:13px;min-height:44px}

.uxav2 .menu-glyph{width:20px;height:12px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}

.uxav2 .mobile-nav{padding:12px var(--gutter) 24px;border-top:1px solid var(--line)}

.uxav2 .mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:18px}

.uxav2 .hero{background:var(--ink);color:#fff;overflow:hidden}

.uxav2 .hero-inner{padding-top:36px}

.uxav2 .hero-identity{display:flex;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #ffffff28;color:#bbc9dd;font-size:12px}

.uxav2 .identity-name{font-size:14px;font-weight:500;color:#fff}

.uxav2 .hero-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:48px;align-items:center;padding:48px 0 42px}

.uxav2 .availability{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;color:#d7e4f5}

.uxav2 .availability>span,.uxav2 .tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}

.uxav2 .hero h1{font-size:clamp(50px,5.3vw,77px);line-height:1.015;font-weight:500;margin-top:24px;letter-spacing:-.05em}

.uxav2 .hero h1>span{display:block;margin-top:20px;font-size:clamp(26px,2.7vw,38px);line-height:1.15;color:#c6d7ed;letter-spacing:-.035em}

.uxav2 .hero-description{max-width:570px;margin-top:25px;font-size:14px;line-height:1.8;color:#c7d3e4}

.uxav2 .hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}

.uxav2 .button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:13px 21px;font-size:13px;font-weight:600;border:1px solid transparent;transition:transform 160ms var(--ease),background 160ms}

.uxav2 .button-accent{background:var(--accent);color:#163451}

.uxav2 .hero-resume{display:flex;align-items:center;gap:20px;min-height:48px;font-size:13px;text-decoration:underline;text-underline-offset:6px}

.uxav2 .hero-visual{align-self:center;min-width:0}

.uxav2 .scene-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;letter-spacing:.03em;color:#c4d3e7;border-bottom:1px solid #ffffff28;padding-bottom:13px}

.uxav2 .hero-scene{position:relative;height:420px;perspective:1200px;isolation:isolate}

.uxav2 .scene-rule{position:absolute;z-index:-1;border:1px solid #ffffff15;pointer-events:none}

.uxav2 .scene-rule-one{inset:42px 0 40px 10px;transform:rotate(-5deg)}

.uxav2 .scene-rule-two{inset:64px 30px 10px 30px;transform:rotate(5deg)}

.uxav2 .scene-card{position:absolute;transition:transform 650ms var(--ease),width 650ms var(--ease),top 650ms var(--ease),left 650ms var(--ease);padding:15px 12px 3px;background:#f9fafc;box-shadow:0 25px 65px #091a3440;border:1px solid #d8e2ef;border-radius:7px;color:var(--ink);transform-origin:center}

.uxav2 .scene-card-label{display:flex;align-items:center;gap:12px;padding-inline:6px;font-size:9px;font-weight:500}

.uxav2 .scene-card-label>span{font-size:8px;opacity:.6}

.uxav2 .scene-card-korn{width:90%;left:-1%;top:25px;transform:rotate(-7deg);z-index:1}

.uxav2 .scene-card-wild{width:63%;left:40%;top:207px;transform:rotate(7deg);z-index:2}

.uxav2 .scene-card-korn .original-art{margin-top:5px}

.uxav2 .scene-coordinate{position:absolute;bottom:0;left:3%;color:#aec1db;font-size:9px;letter-spacing:.04em}

.uxav2 .hero-scene[data-composition=focused] .scene-card-korn{width:83%;left:0;top:20px;transform:rotate(0)}

.uxav2 .hero-scene[data-composition=focused] .scene-card-wild{width:64%;left:36%;top:200px;transform:rotate(0)}

.uxav2 .scene-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;color:#c4d3e7;font-size:10px}

.uxav2 .segmented{display:flex;padding:3px;gap:3px;border:1px solid #7c95b755;border-radius:4px}

.uxav2 .segmented button{border:0;background:transparent;color:#b9cbe3;padding:7px 12px;min-height:36px;font-size:10px;border-radius:2px;transition:background 180ms,color 180ms}

.uxav2 .segmented button[aria-pressed=true]{color:var(--ink);background:#e5edf8}

.uxav2 .scene-note{max-width:390px;font-size:10px;color:#a9bdd7;line-height:1.65;margin-top:12px}

.uxav2 .hero-bottom{display:grid;grid-template-columns:1fr 1.2fr 1.1fr;align-items:center;gap:32px;min-height:115px;border-top:1px solid #ffffff28;font-size:11px}

.uxav2 .hero-bottom>a{display:flex;align-items:center;gap:12px;min-height:44px}

.uxav2 .hero-bottom>a>span{font-size:9px;color:#98aecb}

.uxav2 .hero-bottom>a .arrow{width:18px;height:18px;margin-left:auto;color:var(--accent)}

.uxav2 .hero-bottom>blockquote{padding-left:32px;border-left:1px solid #ffffff28;font-family:Urbanist,Arial,sans-serif;font-size:20px;letter-spacing:-.01em;line-height:1.25}

.uxav2 .hero-bottom cite{display:block;font-family:Inter,Arial,sans-serif;font-style:normal;font-size:9px;letter-spacing:0;color:#afc0d6;margin-top:9px}

.uxav2 .selected{padding-top:94px}

.uxav2 .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:66px}

.uxav2 .eyebrow{font-size:11px;font-weight:500;color:var(--muted);margin-bottom:18px;letter-spacing:.02em}

.uxav2 .section-heading h2>span{color:#7b879b}

.uxav2 .section-heading>p{max-width:340px;color:var(--copy);font-size:14px;line-height:1.8;margin-bottom:7px}

.uxav2 .feature{scroll-margin-top:116px}

.uxav2 .project-topline{display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.65;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}

.uxav2 .feature-title-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:80px;align-items:end;margin-top:28px;margin-bottom:35px}

.uxav2 .feature h3{font-size:clamp(33px,3.4vw,49px);line-height:1.12;max-width:680px}

.uxav2 .feature-head-aside{padding-bottom:4px}

.uxav2 .milestone{font-size:12px;line-height:1.6;font-weight:500;display:flex;align-items:baseline;gap:9px}

.uxav2 .milestone .tiny-dot{background:var(--teal)}

.uxav2 .access{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px;font-weight:400;line-height:1.6;margin-top:11px}

.uxav2 .access .tiny-dot{background:var(--teal);width:5px;height:5px}

.uxav2 .korn-stage{padding:25px 38px 22px;background:#edf2f9;border:1px solid #dce4f0;position:relative;overflow:hidden}

.uxav2 .stage-topline,.uxav2 .stage-bottomline{display:flex;justify-content:space-between;gap:24px;font-size:10px;color:#61718b;line-height:1.65;position:relative;z-index:2}

.uxav2 .stage-topline>span:first-child{color:var(--ink);font-weight:500}

.uxav2 .korn-feature-art{width:min(100%,980px);margin:0 auto}

.uxav2 .stage-bottomline{margin-top:-13px}

.uxav2 .stage-bottomline>span:first-child{font-weight:500;color:var(--ink)}

.uxav2 .original-art{width:100%;position:relative;pointer-events:none;user-select:none}

.uxav2 .original-art .uxa-home-v3{background:transparent;font-family:Urbanist,Arial,sans-serif}

.uxav2 .original-art .uxa-home-v3 .uh-work{padding:0;margin:0;width:100%;max-width:none;background:transparent}

.uxav2 .original-art .uxa-home-v3 .uh-work .uh-work__artboard{background:transparent;border-radius:0;margin:0;aspect-ratio:600/400;width:100%;overflow:hidden}

.uxav2 .original-art .uxa-home-v3 .uh-work .uh-work__artboard--wild{aspect-ratio:600/490}

.uxav2 .original-art .uxa-home-v3 .uh-work .uh-work__artboard--korn{aspect-ratio:600/400}

.uxav2 .korn-stage .kfn-hdetails,.uxav2 .korn-stage .kfn-hrow.is-selected,.uxav2 .korn-stage .kfn-hfooter{transition:box-shadow 260ms var(--ease),outline-color 260ms;outline:2px solid transparent;outline-offset:3px}

.uxav2 .korn-stage[data-korn-step=inspect] .kfn-hdetails,.uxav2 .korn-stage[data-korn-step=select] .kfn-hrow.is-selected,.uxav2 .korn-stage[data-korn-step=apply] .kfn-hfooter{outline-color:#4774af;box-shadow:0 0 0 5px #4b7bb814}

.uxav2 .feature-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;margin-top:30px}

.uxav2 .walkthrough .eyebrow{margin-bottom:12px}

.uxav2 .walkthrough-controls{display:flex;gap:0;border-bottom:1px solid var(--line)}

.uxav2 .walkthrough-controls button{position:relative;display:flex;gap:9px;align-items:center;flex:1;background:transparent;border:0;padding:9px 0 12px;min-height:46px;text-align:left;color:#67778f;font-size:13px;transition:color 150ms}

.uxav2 .walkthrough-controls button>span{font-size:9px;opacity:.65}

.uxav2 .walkthrough-controls button:after{content:'';position:absolute;bottom:-1px;left:0;right:20px;height:2px;background:transparent}

.uxav2 .walkthrough-controls button[aria-pressed=true]{color:var(--ink);font-weight:600}

.uxav2 .walkthrough-controls button[aria-pressed=true]:after{background:var(--ink)}

.uxav2 .walkthrough-explanation{font-size:13px;line-height:1.8;min-height:48px;margin-top:16px;max-width:520px;color:var(--copy)}

.uxav2 .art-disclosure{font-size:10px;line-height:1.7;color:var(--muted);max-width:480px;margin-top:11px}

.uxav2 .feature-description>p,.uxav2 .body-copy{font-size:14px;line-height:1.85;color:var(--copy)}

.uxav2 .feature-description>p+p{margin-top:15px}

.uxav2 .text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:12px;font-weight:600;line-height:1.6;padding-block:10px;text-decoration:underline;text-decoration-color:#8f9bae;text-underline-offset:5px;text-decoration-thickness:1px}

.uxav2 .text-link .arrow{width:19px;height:19px;transition:transform 160ms var(--ease)}

.uxav2 .feature-description .text-link{margin-top:16px}

.uxav2 .feature-wild{margin-top:96px;padding-bottom:94px}

.uxav2 .wild-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center;margin-top:38px}

.uxav2 .wild-story .eyebrow{margin-bottom:20px;color:#527552}

.uxav2 .wild-story h3{font-size:clamp(36px,3.7vw,53px);max-width:500px}

.uxav2 .wild-facts{border-left:2px solid #739269;padding-left:18px;margin-block:26px;font-size:12px;font-weight:500;line-height:1.9;color:#436340}

.uxav2 .wild-story>.text-link{margin-top:24px}

.uxav2 .wild-art-stage{position:relative;background:#f0f3ee;padding:10px 15px 40px;overflow:hidden;border:1px solid #dfe5da}

.uxav2 .wild-art-stage .original-art{margin-top:5px}

.uxav2 .wild-stage-label{position:absolute;bottom:22px;left:30px;font-size:10px;color:#5a7058}

.uxav2 .wild-art-stage .uxacsi-beasts-art__route-card,.uxav2 .wild-art-stage .uxacsi-beasts-art__phone.is-one{transition:outline-color 200ms;outline:2px solid transparent;outline-offset:5px}

.uxav2 .wild-art-stage[data-wild-step=route] .uxacsi-beasts-art__route-card,.uxav2 .wild-art-stage[data-wild-step=plan] .uxacsi-beasts-art__phone.is-one{outline-color:#5c7c50}

.uxav2 .wild-controls{display:flex;gap:24px;margin-top:12px;border-bottom:1px solid var(--line)}

.uxav2 .wild-controls button{position:relative;border:0;background:transparent;padding:10px 0;font-size:11px;min-height:44px;color:var(--muted)}

.uxav2 .wild-controls button[aria-pressed=true]{color:#42613b;font-weight:600}

.uxav2 .wild-controls button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#5c7c50}

.uxav2 .wild-visual .walkthrough-explanation{margin-top:12px;min-height:46px}

.uxav2 .supporting{background:var(--paper);padding:86px 0 90px;border-block:1px solid var(--line)}

.uxav2 .support-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:60px}

.uxav2 .support-heading h2{font-size:clamp(38px,4vw,57px)}

.uxav2 .support-heading>.text-link{margin-bottom:4px}

.uxav2 .support-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px 64px}

.uxav2 .support-project{min-width:0;display:flex;flex-direction:column}

.uxav2 .support-project .project-topline{font-size:10px;padding-top:16px;justify-content:flex-start;gap:18px}

.uxav2 .support-art-link{position:relative;display:block;transition:background 180ms;min-width:0}

.uxav2 .support-art-link .original-art{margin:12px 0 4px}

.uxav2 .art-open{position:absolute;right:14px;bottom:24px;display:flex;justify-content:center;align-items:center;width:32px;height:32px;font-size:21px;border:1px solid #c0ccdc;background:#ffffffb0}

.uxav2 .support-project h3{font-size:30px;line-height:1.2;margin-top:18px;max-width:510px}

.uxav2 .support-facts{font-size:12px;color:var(--ink);font-weight:500;line-height:1.9;margin-block:17px}

.uxav2 .support-project .body-copy{font-size:13px;line-height:1.85}

.uxav2 .source-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:14px}

.uxav2 .support-foot{margin-top:auto;padding-top:20px}

.uxav2 .support-foot .text-link{font-size:11px;gap:12px}

.uxav2 .support-foot .access{margin-top:0}

.uxav2 .approach{padding-block:92px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px}

.uxav2 .approach h2{font-size:clamp(37px,4.2vw,59px)}

.uxav2 .approach .body-copy{max-width:470px;margin-top:25px}

.uxav2 .location{font-size:11px;color:var(--muted);margin-top:18px}

.uxav2 .approach .text-link{margin-top:14px}

.uxav2 .process-step{border-top:1px solid var(--line)}

.uxav2 .process-step:last-child{border-bottom:1px solid var(--line)}

.uxav2 .process-step summary{list-style:none;display:flex;align-items:center;gap:22px;cursor:pointer;padding:19px 0;min-height:65px;font-family:Urbanist,Arial,sans-serif;font-size:24px;letter-spacing:-.02em}

.uxav2 .process-step summary::-webkit-details-marker{display:none}

.uxav2 .process-step summary>span:first-child{font-family:Inter,Arial,sans-serif;font-size:10px;color:var(--muted);letter-spacing:0}

.uxav2 .process-plus{margin-left:auto;font-size:24px;transition:transform 180ms}

.uxav2 .process-step[open] .process-plus{transform:rotate(45deg)}

.uxav2 .process-step>div{padding:0 35px 25px}

.uxav2 .process-step h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin-bottom:12px}

.uxav2 .process-step p{font-size:13px;color:var(--copy);line-height:1.8}

.uxav2 .testimonials{padding-block:80px 86px;background:#f1f4f8;border-block:1px solid var(--line)}

.uxav2 .feedback-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}

.uxav2 .feedback-heading h2{font-size:clamp(36px,3.8vw,54px)}

.uxav2 .show-quotes{display:flex;align-items:center;gap:24px;background:transparent;border:0;border-bottom:1px solid #a5b2c5;padding:12px 0;font-size:12px;min-height:44px}

.uxav2 .show-quotes>span{font-size:22px;line-height:1}

.uxav2 .quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}

.uxav2 .quote-card{border-top:1px solid #bdcada;padding-top:22px;display:flex;flex-direction:column}

.uxav2 .quote-card blockquote{font-family:Urbanist,Arial,sans-serif;font-size:23px;line-height:1.5;letter-spacing:-.015em}

.uxav2 .quote-card figcaption{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:28px;font-size:11px;color:var(--muted)}

.uxav2 .quote-card figcaption strong{font-weight:600;color:var(--ink)}

.uxav2 .quote-card figcaption span{font-size:10px;max-width:280px}

body.quotes-ready .uxav2 .quote-card:nth-child(n+4){display:none}

body.quotes-ready .uxav2 .quote-grid.is-expanded .quote-card{display:flex}

.uxav2 .contact{background:var(--ink);color:#fff;padding-block:54px 46px}

.uxav2 .contact-prelude{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#adc1dc}

.uxav2 .contact-main{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:38px;margin-bottom:42px}

.uxav2 .contact h2{font-size:clamp(64px,8vw,116px);line-height:.98;font-weight:500;letter-spacing:-.06em}

.uxav2 .contact-arrow{display:flex;align-items:center;justify-content:center;width:110px;height:110px;border:1px solid #7088a6;border-radius:50%;color:var(--accent);transition:background 180ms,transform 180ms}

.uxav2 .contact-arrow .arrow{width:58px;height:58px;transform:rotate(-45deg);stroke-width:1}

.uxav2 .contact-bottom{border-top:1px solid #ffffff30;padding-top:27px;display:flex;align-items:center;justify-content:space-between;gap:50px}

.uxav2 .contact-bottom>p{max-width:470px;font-size:13px;color:#b9cce5;line-height:1.8}

.uxav2 .contact-bottom>div{display:flex;align-items:center;gap:35px;flex-shrink:0}

.uxav2 .contact .text-link{text-decoration-color:#748aa9;color:#e8eff9;font-size:12px}

.uxav2 .site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:32px;color:var(--muted);font-size:10px}

.uxav2 .site-footer .wordmark{font-size:23px;color:var(--ink)}

.uxav2 .site-footer>span{white-space:nowrap}

.uxav2 button:active,.uxav2 .button:active{transform:translateY(1px)}

@media(hover:hover){.uxav2 .desktop-nav a:hover:after{right:0}

.uxav2 .text-link:hover .arrow{transform:translateX(4px)}

.uxav2 .button-accent:hover{background:#62f5eb;transform:translateY(-2px)}

.uxav2 .nav-contact:hover{background:var(--paper)}

.uxav2 .support-art-link:hover{background:#e9eef6}

.uxav2 .contact-arrow:hover{background:#2a466e;transform:rotate(5deg)}

.uxav2 .hero-bottom>a:hover .arrow{transform:translateY(2px)}}

@media(prefers-reduced-motion:no-preference){.uxav2 .hero-visual{animation:art-enter 800ms var(--ease) both}

html.reveal-ready .uxav2 [data-reveal]{transition:translate 450ms var(--ease)}

html.reveal-ready .uxav2 [data-reveal].waiting{opacity:1;translate:0 12px}

html.reveal-ready .uxav2 [data-reveal]:focus-within{opacity:1;translate:none}

@keyframes art-enter{from{opacity:1;translate:0 14px}to{opacity:1;translate:0}}}

@media(min-width:1600px){.uxav2 .hero-grid{gap:74px;padding-block:60px}

.uxav2 .hero-scene{height:440px}

.uxav2 .scene-card-wild{top:220px}

.uxav2 .hero-scene[data-composition=focused] .scene-card-wild{top:215px}}

@media(max-width:1100px){.uxav2 .nav-inner{gap:30px}

.uxav2 .desktop-nav{gap:22px}

.uxav2 .hero-grid{gap:28px}

.uxav2 .hero h1{font-size:58px}

.uxav2 .hero h1>span{font-size:30px}

.uxav2 .hero-description{font-size:13px}

.uxav2 .hero-scene{height:365px}

.uxav2 .scene-card-korn{top:40px;width:95%}

.uxav2 .scene-card-wild{top:210px;left:35%;width:70%}

.uxav2 .hero-scene[data-composition=focused] .scene-card-wild{top:205px;left:30%;width:70%}

.uxav2 .hero-bottom{gap:22px}

.uxav2 .hero-bottom>blockquote{font-size:17px;padding-left:22px}

.uxav2 .feature-title-row{gap:40px}

.uxav2 .feature-story{gap:45px}

.uxav2 .wild-layout{gap:40px}

.uxav2 .support-grid{gap:52px 40px}

.uxav2 .approach{gap:60px}}

@media(max-width:850px){html:has(.uxav2){scroll-padding-top:90px}

.uxav2 .nav-inner{min-height:73px}

.uxav2 .desktop-nav{gap:19px;font-size:12px}

.uxav2 .nav-contact{gap:20px;font-size:12px}

.uxav2 .wordmark{font-size:25px}

.uxav2 .hero-identity{font-size:10px}

.uxav2 .hero-grid{grid-template-columns:1fr;gap:42px;padding-top:38px}

.uxav2 .hero-copy{max-width:650px}

.uxav2 .hero h1{font-size:76px}

.uxav2 .hero h1>span{font-size:37px}

.uxav2 .hero-description{font-size:14px;max-width:580px}

.uxav2 .hero-visual{width:min(100%,580px);justify-self:center}

.uxav2 .hero-scene{height:460px}

.uxav2 .scene-card-korn{width:84%;top:35px}

.uxav2 .scene-card-wild{width:64%;top:225px;left:38%}

.uxav2 .hero-scene[data-composition=focused] .scene-card-korn{width:82%;top:25px}

.uxav2 .hero-scene[data-composition=focused] .scene-card-wild{width:64%;top:230px;left:36%}

.uxav2 .scene-controls{margin-top:12px}

.uxav2 .hero-bottom{grid-template-columns:1fr 1fr;padding-block:23px;min-height:0;gap:20px 38px}

.uxav2 .hero-bottom>blockquote{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff20;padding:18px 0 0;display:flex;align-items:center;justify-content:space-between;gap:30px}

.uxav2 .hero-bottom cite{margin-top:0}

.uxav2 .selected{padding-top:68px}

.uxav2 .section-heading{align-items:start;gap:35px;margin-bottom:47px}

.uxav2 .section-heading>p{max-width:240px;font-size:12px;margin-top:35px}

.uxav2 .feature-title-row{grid-template-columns:1fr;gap:20px}

.uxav2 .feature-head-aside{display:flex;justify-content:space-between;gap:24px;align-items:center}

.uxav2 .feature-head-aside .access{margin:0}

.uxav2 .korn-stage{padding:22px 20px}

.uxav2 .stage-topline,.uxav2 .stage-bottomline{font-size:9px}

.uxav2 .stage-bottomline>span:last-child{display:none}

.uxav2 .feature-story{gap:30px}

.uxav2 .feature-description>p{font-size:13px}

.uxav2 .feature-wild{margin-top:70px;padding-bottom:67px}

.uxav2 .wild-layout{grid-template-columns:1fr;gap:36px}

.uxav2 .wild-story{max-width:620px}

.uxav2 .wild-story h3{max-width:600px}

.uxav2 .wild-visual{width:min(100%,620px);justify-self:center}

.uxav2 .wild-facts{margin-block:20px}

.uxav2 .supporting{padding-block:66px}

.uxav2 .support-grid{gap:46px 30px}

.uxav2 .support-project h3{font-size:26px}

.uxav2 .support-project .body-copy{font-size:12px}

.uxav2 .support-project .project-topline{font-size:9px}

.uxav2 .support-foot .text-link{font-size:11px;gap:8px}

.uxav2 .support-facts{font-size:11px}

.uxav2 .support-heading{gap:24px;margin-bottom:42px}

.uxav2 .support-heading>.text-link{font-size:11px;max-width:170px}

.uxav2 .approach{padding-block:67px;gap:40px}

.uxav2 .approach .body-copy{font-size:13px}

.uxav2 .process-step summary{font-size:22px;gap:16px}

.uxav2 .process-step>div{padding-inline:24px 0}

.uxav2 .quote-grid{grid-template-columns:1fr 1fr;gap:28px}

body.quotes-ready:not(.show-all-quotes) .uxav2 .quote-card:nth-child(3){display:none}

.uxav2 .quote-card blockquote{font-size:22px}

.uxav2 .testimonials{padding-block:65px}

.uxav2 .feedback-heading{gap:30px}

.uxav2 .show-quotes{font-size:11px;gap:12px}

.uxav2 .contact-arrow{width:85px;height:85px;flex-shrink:0}

.uxav2 .contact-arrow .arrow{width:44px;height:44px}

.uxav2 .contact-bottom{align-items:flex-start;gap:40px}

.uxav2 .contact-bottom>div{flex-direction:column;gap:2px;align-items:flex-start}

.uxav2 .site-footer{flex-wrap:wrap;gap:20px}

.uxav2 .site-footer>p{margin-left:auto}

.uxav2 .site-footer>a:nth-last-child(2){margin-left:auto;order:4}

.uxav2 .site-footer>span{order:3}}

@media(max-width:600px){.uxav2{--gutter:24px}

html:has(.uxav2){scroll-padding-top:82px}

.uxav2 .preview-strip{font-size:8px;padding-block:6px;gap:7px}

.uxav2 .preview-strip a{display:none}

.uxav2 .nav-inner{min-height:68px;gap:24px}

.uxav2 .wordmark{font-size:25px}

.uxav2 .desktop-nav,.uxav2 .nav-contact{display:none}

.uxav2 .menu-toggle{display:flex;margin-left:auto}

.uxav2 .hero-inner{padding-top:25px}

.uxav2 .hero-identity{flex-direction:column;gap:5px;padding-bottom:20px;font-size:10px}

.uxav2 .identity-name{font-size:13px}

.uxav2 .hero-grid{padding-top:29px;gap:38px;padding-bottom:25px}

.uxav2 .availability{font-size:10px;gap:8px}

.uxav2 .hero h1{font-size:clamp(43px,11.5vw,64px);margin-top:22px;line-height:1.02}

.uxav2 .hero h1>span{font-size:clamp(26px,7vw,34px);line-height:1.18;margin-top:19px}

.uxav2 .hero-description{font-size:12px;line-height:1.85;margin-top:21px}

.uxav2 .hero-actions{gap:21px;margin-top:26px}

.uxav2 .button{font-size:11px;gap:16px;padding:12px 15px;min-height:48px}

.uxav2 .button .arrow{width:19px}

.uxav2 .hero-resume{font-size:11px;gap:10px}

.uxav2 .scene-heading{font-size:9px}

.uxav2 .hero-scene{height:320px}

.uxav2 .scene-card-korn{top:25px;width:92%;left:0;padding:10px 8px 1px;transform:rotate(-5deg)}

.uxav2 .scene-card-wild{top:170px;left:37%;width:64%;padding:10px 8px 1px;transform:rotate(6deg)}

.uxav2 .scene-card-label{font-size:7px;gap:8px;padding-inline:3px}

.uxav2 .scene-card-label>span{font-size:6px}

.uxav2 .hero-scene[data-composition=focused] .scene-card-korn{top:20px;width:88%}

.uxav2 .hero-scene[data-composition=focused] .scene-card-wild{top:170px;left:36%;width:64%}

.uxav2 .scene-coordinate{bottom:0;font-size:7px;left:0}

.uxav2 .scene-controls{margin-top:12px;font-size:9px}

.uxav2 .segmented button{padding-inline:11px;min-height:40px;font-size:9px}

.uxav2 .scene-note{font-size:9px;max-width:300px}

.uxav2 .hero-bottom{grid-template-columns:1fr;padding-block:20px 26px;gap:9px;font-size:10px}

.uxav2 .hero-bottom>a{padding-block:6px;min-height:40px}

.uxav2 .hero-bottom>a>.arrow{margin-left:auto}

.uxav2 .hero-bottom>blockquote{display:block;margin-top:9px;padding-top:20px;font-size:20px}

.uxav2 .hero-bottom cite{margin-top:9px;font-size:9px}

.uxav2 .selected{padding-top:55px}

.uxav2 .section-heading{display:block;margin-bottom:40px}

.uxav2 .eyebrow{font-size:10px;margin-bottom:16px}

.uxav2 h2{font-size:38px}

.uxav2 .section-heading>p{max-width:310px;margin-top:20px;font-size:12px}

.uxav2 .project-topline{font-size:9px;gap:12px;padding-top:16px}

.uxav2 .feature-title-row{margin-top:22px;margin-bottom:26px;gap:18px}

.uxav2 .feature h3{font-size:34px;line-height:1.13}

.uxav2 .feature-head-aside{display:block}

.uxav2 .milestone{font-size:11px}

.uxav2 .feature-head-aside .access{margin-top:8px}

.uxav2 .access{font-size:9px}

.uxav2 .korn-stage{padding:16px 8px 18px;margin-inline:-12px}

.uxav2 .stage-topline{padding-inline:8px;display:block;font-size:8px}

.uxav2 .stage-topline>span{display:block}

.uxav2 .stage-topline>span+span{margin-top:3px}

.uxav2 .korn-feature-art{margin-top:15px;margin-bottom:14px}

.uxav2 .stage-bottomline{margin-top:0;padding-inline:8px;font-size:9px}

.uxav2 .feature-story{grid-template-columns:1fr;gap:26px;margin-top:24px}

.uxav2 .walkthrough-controls button{font-size:12px;gap:9px;min-height:48px}

.uxav2 .walkthrough-explanation{font-size:12px;min-height:44px;margin-top:13px}

.uxav2 .art-disclosure{font-size:9px;line-height:1.8}

.uxav2 .feature-description>p{font-size:12px}

.uxav2 .feature-description .text-link{font-size:11px;margin-top:11px}

.uxav2 .feature-wild{margin-top:55px;padding-bottom:55px}

.uxav2 .feature-wild>.project-topline{display:block}

.uxav2 .feature-wild>.project-topline>span+span{display:block;margin-top:4px}

.uxav2 .wild-layout{margin-top:25px;gap:27px}

.uxav2 .wild-story .eyebrow{font-size:10px;margin-bottom:16px}

.uxav2 .wild-story h3{font-size:35px}

.uxav2 .wild-facts{font-size:11px;margin-block:20px;padding-left:14px}

.uxav2 .body-copy{font-size:12px}

.uxav2 .wild-story>.text-link{font-size:11px;margin-top:14px}

.uxav2 .wild-art-stage{padding:4px 4px 32px;margin-inline:-12px}

.uxav2 .wild-stage-label{left:19px;bottom:16px;font-size:9px}

.uxav2 .wild-controls{gap:20px}

.uxav2 .wild-controls button{font-size:10px;min-height:46px}

.uxav2 .wild-visual .walkthrough-explanation{font-size:12px;min-height:40px}

.uxav2 .supporting{padding-block:53px}

.uxav2 .support-heading{display:block;margin-bottom:28px}

.uxav2 .support-heading h2{font-size:38px}

.uxav2 .support-heading>.text-link{margin-top:19px;max-width:none}

.uxav2 .support-grid{grid-template-columns:1fr;gap:43px}

.uxav2 .support-project .project-topline{font-size:9px}

.uxav2 .support-art-link .original-art{margin:13px 0 0}

.uxav2 .support-project h3{font-size:30px;margin-top:14px}

.uxav2 .support-facts{font-size:11px;margin-block:16px}

.uxav2 .support-project .body-copy{font-size:12px}

.uxav2 .source-note{font-size:9px;line-height:1.85;margin-top:13px}

.uxav2 .support-foot{padding-top:15px}

.uxav2 .support-foot .text-link{font-size:11px;gap:10px}

.uxav2 .art-open{bottom:11px;right:0;width:30px;height:30px;font-size:19px}

.uxav2 .approach{grid-template-columns:1fr;gap:34px;padding-block:54px}

.uxav2 .approach h2{font-size:39px}

.uxav2 .approach .body-copy{font-size:12px;margin-top:22px}

.uxav2 .location{font-size:10px}

.uxav2 .process-step summary{font-size:24px;padding-block:17px}

.uxav2 .process-step h3{font-size:22px}

.uxav2 .process-step p{font-size:12px}

.uxav2 .process-step>div{padding-inline:29px 5px;padding-bottom:23px}

.uxav2 .testimonials{padding-block:52px}

.uxav2 .feedback-heading{display:block;margin-bottom:30px}

.uxav2 .feedback-heading h2{font-size:38px}

.uxav2 .show-quotes{margin-top:23px;font-size:11px}

.uxav2 .quote-grid{grid-template-columns:1fr;gap:32px}

.uxav2 .quote-card blockquote{font-size:24px}

.uxav2 .quote-card figcaption{padding-top:21px}

.uxav2 .quote-card figcaption span{font-size:9px}

body.quotes-ready:not(.show-all-quotes) .uxav2 .quote-card:nth-child(3){display:none}

.uxav2 .contact{padding-block:34px}

.uxav2 .contact-prelude{display:block}

.uxav2 .contact-prelude>span{display:block;margin-top:16px;font-size:10px}

.uxav2 .contact-main{margin-block:27px 31px;gap:12px}

.uxav2 .contact h2{font-size:clamp(48px,12vw,70px);line-height:1.03}

.uxav2 .contact-arrow{width:57px;height:57px}

.uxav2 .contact-arrow .arrow{width:33px;height:33px}

.uxav2 .contact-bottom{display:block;padding-top:22px}

.uxav2 .contact-bottom>p{font-size:11px;max-width:310px}

.uxav2 .contact-bottom>div{flex-direction:row;align-items:center;gap:24px;margin-top:17px}

.uxav2 .contact .text-link{font-size:10px;gap:10px}

.uxav2 .site-footer{padding-block:28px;gap:19px 15px}

.uxav2 .site-footer .wordmark{font-size:23px}

.uxav2 .site-footer>p{font-size:9px;text-align:right;max-width:150px}

.uxav2 .site-footer>a:nth-last-child(2){font-size:9px}

.uxav2 .site-footer>span{font-size:9px}}

@media(max-width:359px){.uxav2{--gutter:20px}

.uxav2 .hero-actions{gap:16px}

.uxav2 .hero h1{font-size:42px}

.uxav2 .hero h1>span{font-size:25px}

.uxav2 .hero-scene{height:290px}

.uxav2 .scene-card-wild{top:150px}

.uxav2 .hero-scene[data-composition=focused] .scene-card-wild{top:150px}

.uxav2 .scene-controls{gap:8px}

.uxav2 .contact h2{font-size:45px}

.uxav2 .contact-arrow{width:47px;height:47px}

.uxav2 .contact-bottom>div{gap:16px}

.uxav2 .feature h3{font-size:31px}

.uxav2 .wild-story h3{font-size:32px}}

.uxav2 .hero-visual{container-type:inline-size}

.uxav2 .hero-grid{align-items:start;padding-top:38px}

.uxav2 .hero-copy{padding-top:5px}

.uxav2 .preview-strip{align-items:center}

.uxav2 .preview-tools{display:flex;align-items:center;gap:16px}

.uxav2 .preview-tools button{padding:0;background:transparent;border:0;border-bottom:1px solid #9fb5d0;color:#d8e4f6;font-size:inherit;line-height:inherit;letter-spacing:inherit;min-height:20px}

.uxav2 .preview-tools button[aria-pressed=true]{color:var(--accent)}

.uxav2 .feature-head-aside>.text-link{font-size:11px;margin-top:12px}

.uxav2 .feature-head-aside>.access{margin-top:4px}

.uxav2 .feature-head-aside>.local-concept-link{font-size:12px;color:#087f7b}

.uxav2 .local-concept-label{display:block;font-size:9px;color:#647186;margin-top:-3px}

html.reduce-motion .uxav2 *,html.reduce-motion .uxav2 *::before,html.reduce-motion .uxav2 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

html.reduce-motion .uxav2 [data-reveal].waiting{opacity:1;translate:none}

.uxav2 .support-project .body-copy{font-size:15px}

.uxav2 .source-note{font-size:12px}

@media(max-width:850px){.uxav2 .support-project .body-copy{font-size:13px}

.uxav2 .source-note{font-size:11px}}

@media(max-width:600px){.uxav2 .support-project .body-copy{font-size:13px}

.uxav2 .source-note{font-size:11px}}

.uxav2 .hero-scene{height:calc(95cqw + 22px)}

.uxav2 .scene-card-korn{top:6cqw;left:0;width:90%}

.uxav2 .scene-card-wild{top:44cqw;left:45%;width:55%}

.uxav2 .hero-scene[data-composition=focused] .scene-card-korn{width:54%;left:0;top:25cqw;transform:rotate(0)}

.uxav2 .hero-scene[data-composition=focused] .scene-card-wild{width:44%;left:56%;top:25cqw;transform:rotate(0)}

.uxav2 .scene-controls{position:relative;z-index:4;margin-top:18px}

.uxav2 .scene-coordinate{bottom:2px}

.uxav2 .scene-card{background:transparent;border:0;box-shadow:none;padding:0;color:#d9e5f4}

.uxav2 .scene-card-label{padding-inline:6%;font-size:9px}

.uxav2 .scene-card-korn .original-art{margin-top:8px}

.uxav2 .scene-card-wild .original-art{margin-top:8px}

.uxav2 .scene-rule{display:none}

.uxav2 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px}

.uxav2 .hero-visual{align-self:center}

.uxav2 .hero-scene-single{height:calc(70cqw + 38px)}

.uxav2 .hero-scene-single .scene-card-korn{top:5cqw;left:0;width:100%;transform:rotate(0)}

.uxav2 .hero-scene-single .scene-card-label{display:none}

.uxav2 .hero-scene-single .scene-card-korn .original-art{margin-top:0}

.uxav2 .hero-art-open{display:block}

.uxav2 .wild-story>.local-concept-link{display:flex;width:fit-content;color:#087f7b;margin-top:18px}

.uxav2 .wild-story>.local-concept-label+.text-link{margin-top:8px}

.uxav2 .original-art .uxa-home-v3 .uh-work .uxacsi-beasts-art__map{background:none!important}

.uxav2 .original-art .uxa-home-v3 .uh-work .uxacsi-beasts-art::before,.uxav2 .original-art .uxa-home-v3 .uh-work .uxacsi-beasts-art::after{background:none!important}

.uxav2 .hero :where(a,button):focus-visible,.uxav2 .contact :where(a,button):focus-visible{outline-color:#11efe3}

@media(max-width:760px){.uxav2 .site-header .desktop-nav,.uxav2 .site-header .nav-contact{display:none}

.uxav2 .site-header .menu-toggle{display:flex;margin-left:auto}

.uxav2 .site-header [data-site-menu]{display:block;margin-left:auto}}

.uxav2 .hero-art-link{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#d8e6f9;font-size:11px;min-height:44px;border-top:1px solid #ffffff25;padding-top:12px;margin-top:5px}

.uxav2 .hero-art-link .arrow{color:#11efe3;width:19px;height:19px}

.uxav2 .korn-stage{background:transparent;border:0;padding-inline:0}

.uxav2 .feature-korn .korn-stage{padding-bottom:0}

.uxav2 .feature-korn .feature-story{margin-top:24px}

.uxav2 .wild-art-stage{background:transparent;border:0;padding:0 0 20px}

.uxav2 .wild-stage-label{display:none}

.uxav2 .supporting{background:#fff;border-top:1px solid var(--line);border-bottom:0}

.uxav2 .support-art-link{background:transparent!important}

.uxav2 .original-art{transition:translate 200ms var(--ease)}

@media(hover:hover) and (prefers-reduced-motion:no-preference){.uxav2 .support-art-link:hover .original-art,.uxav2 .hero-visual:hover .original-art{animation:art-bounce-up 360ms var(--ease) both}

.uxav2 .korn-stage:hover>.original-art,.uxav2 .wild-art-stage:hover>.original-art{animation:art-bounce-up 360ms var(--ease) both}

@keyframes art-bounce-up{0%{translate:0 0}55%{translate:0 -7px}80%{translate:0 -3px}100%{translate:0 -5px}}}

@media(max-width:850px){.uxav2 .hero-grid{grid-template-columns:1fr;gap:35px}

.uxav2 .hero-visual{width:min(100%,650px)}

.uxav2 .hero-art-link{font-size:12px}

.uxav2 .korn-stage{padding-inline:0}

.uxav2 .wild-art-stage{padding-inline:0}}

@media(max-width:600px){.uxav2 .hero-grid{gap:28px}

.uxav2 .hero-art-link{font-size:10px}

.uxav2 .hero-scene-single{height:calc(70cqw + 15px)}

.uxav2 .hero-scene-single .scene-card-korn{top:2cqw}

.uxav2 .korn-stage,.uxav2 .wild-art-stage{margin-inline:-8px}

.uxav2 .hero-scene-single .scene-card-label{display:none}}

@media(max-width:850px){.uxav2 .hero-grid{padding-top:32px}

.uxav2 .feature-head-aside{flex-wrap:wrap;gap:6px 20px}

.uxav2 .feature-head-aside>.access{width:100%;margin-top:0}

.uxav2 .feature-head-aside>.text-link{margin-top:0}}

@media(max-width:600px){.uxav2 .hero-grid{padding-top:24px}

.uxav2 .preview-strip{font-size:8px}

.uxav2 .preview-tools{gap:0}

.uxav2 .preview-strip>span:nth-child(2){font-size:7px}

.uxav2 .preview-tools button{min-height:22px}

.uxav2 .feature-head-aside>.text-link{margin-top:8px}

.uxav2 .feature-head-aside>.access{margin-top:3px}}

@media(prefers-reduced-motion:reduce){.uxav2 *,.uxav2 *::before,.uxav2 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

html.reveal-ready .uxav2 [data-reveal].waiting{opacity:1;translate:none}}

.uxav2 .uxa-wtwbr-body.ww8{

 --uwb-ink:#20355a; --uwb-copy:#536177; --uwb-muted:#5c6b7e;

 --uwb-line:#d9e0e8; --uwb-surface:#f5f7fa; --uwb-cyan:#11efe3;

 --uwb-teal:#087f7b; --uwb-ease:cubic-bezier(.22,1,.36,1);

 --ww8-gutter:clamp(24px,6.25vw,90px); --ww8-top:96px;

 --ww8-forest:#223f17; --ww8-coral:#ff825c;

 width:100%; min-width:0; margin:0; color:var(--uwb-ink); background:#fff;

 font-family:inherit; text-align:left; isolation:isolate; overflow-wrap:break-word;

}

.uxav2 .ww8,.uxav2 .ww8 *,.uxav2 .ww8 *::before,.uxav2 .ww8 *::after{ box-sizing:border-box; }

.uxav2 .ww8 :where(h2,h3,h4,p,figure,blockquote,ul,ol,dl,dt,dd,fieldset,legend){ margin:0; }

.uxav2 .ww8 :where(section,article,aside,figure,div,span){ min-width:0; }

.uxav2 .ww8 :where(a,button,summary,select,input){ font-family:inherit; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }

.uxav2 .ww8 :where(button,select,input){ font-size:16px; }

.uxav2 .ww8 [hidden]{ display:none !important; }

.uxav2 .ww8 [id]{ scroll-margin-top:calc(var(--ww8-top) + 24px); }

.uxav2 .ww8 :where(a,button,summary,select,input,[tabindex]):focus-visible{ outline:3px solid var(--uwb-teal); outline-offset:4px; }

.uxav2 .ww8 :where(img,svg){ display:block; max-width:100%; }

.uxav2 .ww8 img{ height:auto; }

.uxav2 .ww8 h3{ color:var(--uwb-ink); font-family:inherit; font-size:25px; line-height:1.25; font-weight:500; letter-spacing:-.025em; text-transform:none; }

.uxav2 .ww8 h4{ color:var(--uwb-ink); font-family:inherit; font-weight:600; line-height:1.4; text-transform:none; }

.uxav2 .ww8 .ww8-inner{ width:calc(100% - 2 * var(--ww8-gutter)); max-width:1280px; margin-inline:auto; }

.uxav2 .ww8 .ww8-chapter{ position:relative; width:100%; margin:0; padding:90px 0; }

.uxav2 .ww8 .ww8-heading{ max-width:860px; margin-bottom:34px; }

.uxav2 .ww8 .ww8-eyebrow{ display:flex; align-items:center; gap:12px; margin:0 0 18px; color:var(--uwb-muted); font-size:14px; font-weight:500; line-height:1.5; }

.uxav2 .ww8 .ww8-eyebrow > span{ color:var(--uwb-teal); font-size:12px; font-variant-numeric:tabular-nums; }

.uxav2 .ww8 h2.uxaw-title{ margin:0 0 20px; padding:0; color:var(--uwb-ink); font-family:inherit; font-size:clamp(32px,3.4vw,48px); font-weight:600; line-height:1.13; letter-spacing:-.04em; text-transform:none; text-wrap:pretty; }

.uxav2 .ww8 .uxaw-intro{ max-width:68ch; color:var(--uwb-copy); font-size:17px; line-height:1.7; }

.uxav2 .ww8 .uxaw-gradient{ color:inherit; background:none; -webkit-text-fill-color:currentColor; }

.uxav2 .ww8 .ww8-caption{ margin-top:16px; color:var(--uwb-muted); font-size:13px; line-height:1.65; }

.uxav2 .ww8 .ww8-soft{ background:var(--uwb-surface); }

.uxav2 .ww8 .ww8-navy,.uxav2 .ww8 .uxaw-dark{ --uwb-ink:#fff; --uwb-copy:#d4dce8; --uwb-muted:#bdcadc; --uwb-line:#526583; }

.uxav2 .ww8 .ww8-navy,.uxav2 .ww8 .uxaw-dark-bg{ color:#fff; background:#20355a; }

.uxav2 .ww8 .ww8-navy .ww8-eyebrow > span{ color:#11efe3; }

.uxav2 .ww8 .ww8-navy :where(a,button,summary,[tabindex]):focus-visible{ outline-color:#11efe3; }

.uxav2 .ww8 .ww8-icon{ display:block; width:20px; height:20px; flex:0 0 20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

.uxav2 .ww8 .ww8-sr{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }

.uxav2 .ww8 .ww8-anchor{ display:block; height:0; width:0; }

.uxav2 .ww8 .ww8-next{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin:32px 0 0; padding:17px 0 0; border-top:1px solid var(--uwb-line); color:var(--uwb-ink); text-decoration:none; font-size:14px; line-height:1.6; min-height:48px; }

.uxav2 .ww8 .ww8-next span{ text-decoration:underline; text-underline-offset:5px; }

.uxav2 .ww8 .ww8-next svg{ transition:transform 160ms var(--uwb-ease); }

.uxav2 .ww8 .ww8-inline-nav{ padding:20px 0; border-bottom:1px solid var(--uwb-line); background:#fff; }

.uxav2 .ww8 .ww8-inline-nav > div{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; }

.uxav2 .ww8 .ww8-inline-nav strong{ font-size:13px; font-weight:500; }

.uxav2 .ww8 .ww8-inline-nav a{ display:flex; align-items:center; min-height:44px; color:#536177; text-decoration:none; }

.uxav2 .ww8 .ww8-inline-nav .ww8-nav-number{ display:none; }

.uxav2 .ww8.ww8-enhanced .ww8-inline-nav{ display:none; }

.uxav2 .ww8 .ww8-to-top{ display:inline-flex; align-items:center; min-height:44px; margin-top:14px; color:#5c6b7e; font-size:12px; line-height:1.5; text-decoration:underline; text-underline-offset:4px; }

.uxav2 .ww8 .ww8-dock{ position:fixed; z-index:90; left:16px; right:16px; bottom:max(12px,env(safe-area-inset-bottom)); display:flex; align-items:stretch; max-width:560px; margin:auto; border:1px solid #d9e0e8; border-radius:14px; background:#fff; color:#20355a; box-shadow:0 6px 30px #172a4a26; }

.uxav2 .ww8 .ww8-dock > button{ display:flex; align-items:center; gap:10px; flex:1; min-width:0; min-height:58px; padding:10px 14px; margin:0; border:0; border-radius:14px 0 0 14px; color:#20355a; background:transparent; text-align:left; cursor:pointer; box-shadow:none; }

.uxav2 .ww8 .ww8-dock > button > span{ flex:1; }

.uxav2 .ww8 .ww8-dock small{ display:block; font-size:10px; line-height:1.5; color:#5c6b7e; }

.uxav2 .ww8 .ww8-dock strong{ display:block; font-size:13px; font-weight:600; line-height:1.5; }

.uxav2 .ww8 .ww8-dock > a{ display:flex; align-items:center; justify-content:center; gap:8px; padding:12px 14px; border-left:1px solid #d9e0e8; color:#20355a; background:#11efe3; border-radius:0 13px 13px 0; font-size:13px; font-weight:600; line-height:1.5; text-decoration:none; min-width:82px; }

.uxav2 .ww8 dialog.ww8-menu{ width:min(560px,calc(100% - 24px)); max-width:none; max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); inset:auto 0 max(12px,env(safe-area-inset-bottom)); margin:auto; padding:22px; border:1px solid #d9e0e8; border-radius:20px; color:#20355a; background:#fff; overflow:auto; }

.uxav2 .ww8 dialog:not([open]){ display:none; }

.uxav2 .ww8 dialog::backdrop{ background:#101d32bf; }

.uxav2 .ww8 .ww8-menu-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }

.uxav2 .ww8 .ww8-menu-head h2{ margin:0; padding:0; color:#20355a; font-family:inherit; font-size:21px; font-weight:600; line-height:1.3; letter-spacing:-.025em; }

.uxav2 .ww8 .ww8-menu-head button{ display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid #d9e0e8; border-radius:50%; background:#fff; color:#20355a; cursor:pointer; box-shadow:none; }

.uxav2 .ww8 .ww8-menu nav{ display:grid; }

.uxav2 .ww8 .ww8-menu nav a{ display:grid; grid-template-columns:26px minmax(0,1fr) 20px; align-items:center; gap:10px; min-height:72px; padding:14px 8px; border-top:1px solid #d9e0e8; color:#20355a; text-decoration:none; border-radius:4px; }

.uxav2 .ww8 .ww8-menu a[aria-current="location"]{ background:#eafaf8; }

.uxav2 .ww8 .ww8-menu .ww8-nav-number{ font-size:12px; font-variant-numeric:tabular-nums; color:#087f7b; }

.uxav2 .ww8 .ww8-menu nav strong{ display:block; font-size:15px; font-weight:600; line-height:1.5; }

.uxav2 .ww8 .ww8-menu nav small{ display:block; margin-top:3px; color:#5c6b7e; font-size:12px; line-height:1.5; }

.uxav2 .ww8 .ww8-ownership{ display:flex; flex-wrap:wrap; gap:16px 28px; padding-top:22px; margin-bottom:28px; border-top:1px solid var(--uwb-line); color:#536177; font-size:12px; line-height:1.6; }

.uxav2 .ww8 .ww8-ownership strong{ display:block; margin-bottom:3px; color:#20355a; font-size:13px; font-weight:600; }

.uxav2 .ww8 .ww8-demo{ margin:0; }

.uxav2 .ww8 .ww8-demo-top{ display:flex; align-items:center; justify-content:space-between; gap:10px 24px; flex-wrap:wrap; margin-bottom:12px; color:#5c6b7e; font-size:12px; line-height:1.5; }

.uxav2 .ww8 .ww8-demo-top p{ color:#20355a; font-weight:500; }

.uxav2 .ww8 .ww8-app{ --app-line:#d9e3d4; --app-muted:#536053; border:1px solid #cbd5df; border-radius:16px; background:#fff; overflow:hidden; color:#1a1a1a; font-family:Inter,system-ui,Arial,sans-serif; }

.uxav2 .ww8 .ww8-app-bar{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:14px 20px; border-bottom:1px solid #d9e0e8; background:#fff; color:#223f17; }

.uxav2 .ww8 .ww8-app-brand{ display:flex; align-items:center; gap:10px; font-size:13px; line-height:1.5; }

.uxav2 .ww8 .ww8-app-brand strong{ font-weight:600; }

.uxav2 .ww8 .ww8-app-park{ font-size:12px; line-height:1.5; color:#536053; }

.uxav2 .ww8 .ww8-demo-tabs{ display:flex; gap:6px; padding:8px 14px; border-bottom:1px solid #d9e0e8; background:#f5f7fa; }

.uxav2 .ww8 .ww8-demo-tabs button{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; margin:0; border:1px solid transparent; border-radius:8px; background:transparent; color:#536177; box-shadow:none; font-size:13px; font-weight:500; line-height:1.4; text-align:left; cursor:pointer; }

.uxav2 .ww8 .ww8-demo-tabs button[aria-pressed="true"]{ color:#20355a; background:#fff; border-color:#d0d9e3; box-shadow:0 1px 2px #172a4a0a; }

.uxav2 .ww8 .ww8-demo-tabs .ww8-icon{ width:17px; height:17px; flex-basis:17px; }

.uxav2 .ww8 .ww8-app-body{ position:relative; min-width:0; }

.uxav2 .ww8 .ww8-app.is-enhanced .ww8-app-body{ display:grid; grid-template-columns:330px minmax(0,1fr); min-height:580px; }

.uxav2 .ww8 .ww8-demo-map{ position:relative; height:430px; background:#f6f9f3; overflow:hidden; }

.uxav2 .ww8 .ww8-app.is-enhanced .ww8-demo-map{ grid-column:2; grid-row:1; height:580px; }

.uxav2 .ww8 .ww8-map-art{ position:absolute; inset:0; }

.uxav2 .ww8 .ww8-map-svg{ display:block; width:100%; height:100%; overflow:hidden; }

.uxav2 .ww8 .ww8-demo-map .ww8-map-svg{ width:100%; height:100%; }

.uxav2 .ww8 .ww8-map-svg [data-map-pan]{ transform-origin:53% 48%; }

.uxav2 .ww8 .ww8-map-badge{ display:flex; align-items:center; gap:10px; position:absolute; top:18px; left:18px; padding:10px 14px; border:1px solid #d9e0e8; border-radius:12px; background:#fff; color:#223f17; box-shadow:0 3px 10px #223f1708; }

.uxav2 .ww8 .ww8-map-badge strong{ display:block; font-size:13px; font-weight:600; line-height:1.4; }

.uxav2 .ww8 .ww8-map-badge small{ display:block; margin-top:2px; color:#536053; font-size:11px; line-height:1.4; }

.uxav2 .ww8 .ww8-map-tools{ position:absolute; right:16px; top:18px; display:grid; border:1px solid #d0d9e3; border-radius:10px; overflow:hidden; background:#fff; }

.uxav2 .ww8 .ww8-map-tools button{ display:grid; place-items:center; width:40px; min-height:44px; margin:0; padding:0; color:#223f17; border:0; border-bottom:1px solid #d9e0e8; border-radius:0; background:#fff; font-size:24px; box-shadow:none; cursor:pointer; }

.uxav2 .ww8 .ww8-map-tools button:last-child{ border-bottom:0; }

.uxav2 .ww8 .ww8-map-tools button:disabled{ color:#9aa6a6; cursor:default; }

.uxav2 .ww8 .ww8-map-note{ position:absolute; right:12px; bottom:12px; padding:4px 7px; border-radius:4px; color:#536053; background:#ffffffdd; font-size:10px; line-height:1.4; }

.uxav2 .ww8 .ww8-drawer{ display:flex; flex-direction:column; min-height:0; color:#1a1a1a; background:#fff; border-right:1px solid #d9e0e8; }

.uxav2 .ww8 .ww8-app.is-enhanced .ww8-drawer{ grid-column:1; grid-row:1; max-height:580px; }

.uxav2 .ww8 .ww8-drawer-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex:0 0 auto; padding:8px 16px; min-height:44px; border-bottom:1px solid #d9e0e8; }

.uxav2 .ww8 .ww8-drawer-top > span{ color:#536053; font-size:12px; line-height:1.5; }

.uxav2 .ww8 .ww8-drawer-top button{ display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:6px 0 6px 8px; border:0; border-radius:6px; color:#223f17; background:transparent; font-size:12px; font-weight:600; line-height:1.5; box-shadow:none; cursor:pointer; }

.uxav2 .ww8 .ww8-drawer-scroll{ min-height:0; flex:1; overflow:auto; scrollbar-width:thin; scrollbar-color:#819178 #fff; }

.uxav2 .ww8 .ww8-adjust,.uxav2 .ww8 .ww8-result{ padding:22px; }

.uxav2 .ww8 .ww8-app:not(.is-enhanced) .ww8-adjust{ display:none; }

.uxav2 .ww8 .ww8-app:not(.is-enhanced) :is(button,.ww8-map-tools,.ww8-demo-tabs){ display:none; }

.uxav2 .ww8 .ww8-app .ww8-app-kicker{ margin:0 0 10px; color:#536053; font-size:11px; line-height:1.6; }

.uxav2 .ww8 .ww8-app h3{ margin:0 0 14px; color:#1a1a1a; font-family:"Barlow Semi Condensed","Arial Narrow",Inter,Arial,sans-serif; font-size:30px; font-weight:700; line-height:1.12; letter-spacing:-.015em; }

.uxav2 .ww8 .ww8-app p.ww8-app-copy{ margin:0 0 22px; color:#536053; font-size:13px; line-height:1.65; }

.uxav2 .ww8 .ww8-field{ display:grid; gap:8px; margin:0 0 18px; }

.uxav2 .ww8 .ww8-field > span,.uxav2 .ww8 .ww8-fieldset legend{ color:#223f17; font-size:13px; font-weight:600; line-height:1.5; }

.uxav2 .ww8 .ww8-field select{ appearance:auto; width:100%; min-width:0; min-height:48px; margin:0; padding:10px 12px; color:#223f17; background:#fff; border:1px solid #819178; border-radius:10px; font-size:16px; line-height:1.5; }

.uxav2 .ww8 .ww8-field select[aria-invalid="true"]{ border:2px solid #a42e25; }

.uxav2 .ww8 .ww8-error{ margin:-8px 0 18px; color:#a42e25; font-size:13px; line-height:1.5; }

.uxav2 .ww8 .ww8-fieldset{ padding:0; margin:0 0 20px; border:0; min-width:0; }

.uxav2 .ww8 .ww8-fieldset legend{ padding:0; margin-bottom:8px; }

.uxav2 .ww8 .ww8-radio-row{ display:flex; gap:10px; flex-wrap:wrap; }

.uxav2 .ww8 .ww8-radio-row label{ position:relative; flex:1 1 105px; min-width:0; }

.uxav2 .ww8 .ww8-radio-row input{ position:absolute; opacity:0; width:1px; height:1px; }

.uxav2 .ww8 .ww8-radio-row span{ display:flex; align-items:center; justify-content:center; gap:8px; padding:12px; min-height:48px; border:1px solid #819178; border-radius:10px; color:#223f17; background:#fff; font-size:14px; line-height:1.5; cursor:pointer; }

.uxav2 .ww8 .ww8-radio-row input:checked + span{ border:2px solid #223f17; padding:11px; background:#eaf2e4; font-weight:600; }

.uxav2 .ww8 .ww8-radio-row input:checked + span::after{ content:"✓"; font-size:12px; }

.uxav2 .ww8 .ww8-radio-row input:focus-visible + span{ outline:3px solid #087f7b; outline-offset:3px; }

.uxav2 .ww8 .ww8-app-row{ display:flex; align-items:center; gap:12px; margin:0 0 22px; padding:14px 0; border-block:1px solid #dce4d8; color:#223f17; }

.uxav2 .ww8 .ww8-app-row small{ display:block; color:#536053; font-size:11px; line-height:1.5; }

.uxav2 .ww8 .ww8-app-row strong{ display:block; color:#1a1a1a; font-size:14px; font-weight:600; line-height:1.5; }

.uxav2 .ww8 .ww8-app button.ww8-app-button{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:48px; padding:12px 14px; margin:14px 0 0; border:1px solid #ff825c; border-radius:12px; color:#1a1a1a; background:#ff825c; font-family:inherit; font-size:14px; font-weight:600; line-height:1.5; box-shadow:none; cursor:pointer; }

.uxav2 .ww8 .ww8-app button.ww8-app-text{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:44px; margin:6px 0 0; padding:10px 0; border:0; border-radius:6px; color:#223f17; background:transparent; font-size:13px; font-weight:500; line-height:1.5; box-shadow:none; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }

.uxav2 .ww8 .ww8-result-context{ display:flex; align-items:center; gap:8px; margin-bottom:18px; color:#536053; font-size:12px; line-height:1.5; }

.uxav2 .ww8 .ww8-result-context .ww8-icon{ width:16px; height:16px; flex-basis:16px; }

.uxav2 .ww8 .ww8-result-facts{ display:grid; grid-template-columns:1fr 1fr; gap:18px 12px; padding:18px 0; margin-bottom:16px; border-block:1px solid #dce4d8; }

.uxav2 .ww8 .ww8-result-facts dt{ color:#536053; font-size:11px; line-height:1.5; }

.uxav2 .ww8 .ww8-result-facts dd{ margin-top:4px; color:#1a1a1a; font-size:14px; font-weight:600; line-height:1.5; }

.uxav2 .ww8 details.ww8-app-detail{ margin:0; padding:0; border:0; border-bottom:1px solid #dce4d8; border-radius:0; background:transparent; }

.uxav2 .ww8 .ww8-app-detail > summary{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:48px; padding:10px 0; color:#223f17; font-size:13px; font-weight:600; line-height:1.5; list-style:none; cursor:pointer; }

.uxav2 .ww8 .ww8-app-detail > summary::-webkit-details-marker{ display:none; }

.uxav2 .ww8 .ww8-app-detail[open] > summary svg{ transform:rotate(180deg); }

.uxav2 .ww8 .ww8-app-detail > p{ padding-bottom:16px; color:#536053; font-size:13px; line-height:1.65; }

.uxav2 .ww8 .ww8-show-plan{ position:absolute; bottom:20px; left:20px; display:flex; align-items:center; gap:10px; min-height:48px; padding:12px 18px; border:1px solid #c5d2ba; border-radius:12px; color:#223f17; background:#fff; box-shadow:0 3px 10px #223f1712; font-size:14px; font-weight:600; line-height:1.5; cursor:pointer; }

.uxav2 .ww8 .ww8-app.is-map-only .ww8-app-body{ grid-template-columns:minmax(0,1fr); }

.uxav2 .ww8 .ww8-app.is-map-only .ww8-demo-map{ grid-column:1; }

.uxav2 .ww8 .ww8-app.is-map-only .ww8-drawer{ display:none; }

.uxav2 .ww8 .ww8-demo > figcaption{ max-width:88ch; margin-top:14px; color:#5c6b7e; font-size:12px; line-height:1.65; }

.uxav2 .ww8 .ww8-saved{ grid-column:1/-1; grid-row:1; padding:28px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:center; gap:32px; background:#f5f7fa; }

.uxav2 .ww8 .ww8-paper{ padding:24px; border:1px solid #d0d9e3; border-radius:3px; background:#fff; color:#223f17; }

.uxav2 .ww8 .ww8-paper p.ww8-paper-brand{ margin-bottom:18px; color:#223f17; font-size:10px; font-weight:600; line-height:1.5; letter-spacing:.04em; }

.uxav2 .ww8 .ww8-paper h3{ font-size:26px; }

.uxav2 .ww8 .ww8-paper-meta{ margin-bottom:18px; color:#536053; font-size:11px; line-height:1.6; }

.uxav2 .ww8 .ww8-paper-map{ height:190px; overflow:hidden; border:1px solid #dce4d8; border-radius:8px; }

.uxav2 .ww8 .ww8-paper-columns{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; }

.uxav2 .ww8 .ww8-paper-columns h4{ margin-bottom:8px; color:#223f17; font-size:12px; }

.uxav2 .ww8 .ww8-paper-columns p{ color:#536053; font-size:11px; line-height:1.6; }

.uxav2 .ww8 p.ww8-paper-note{ margin-top:18px; padding-top:12px; border-top:1px solid #dce4d8; color:#536053; font-size:10px; line-height:1.5; }

.uxav2 .ww8 .ww8-save-copy h3{ font-size:34px; }

.uxav2 .ww8 .ww8-save-copy > p:not(.ww8-app-kicker){ margin:18px 0 24px; color:#536177; font-size:15px; line-height:1.7; }

.uxav2 .ww8 .ww8-decision-flow{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }

.uxav2 .ww8 .ww8-decision-flow article{ display:flex; flex-direction:column; align-items:stretch; border-top:1px solid #cbd5df; padding-top:20px; }

.uxav2 .ww8 .ww8-step{ margin-bottom:14px; color:#5c6b7e; font-size:12px; line-height:1.5; }

.uxav2 .ww8 .ww8-decision-flow h3{ margin-bottom:14px; font-size:24px; }

.uxav2 .ww8 .ww8-decision-flow article > p:not(.ww8-step){ margin-bottom:24px; color:#536177; font-size:15px; line-height:1.65; }

.uxav2 .ww8 .ww8-input-strip{ margin-top:auto; display:grid; gap:6px; }

.uxav2 .ww8 .ww8-input-strip span{ display:block; padding:9px 12px; border:1px solid #d9e0e8; border-radius:7px; color:#223f17; background:#fff; font-size:12px; line-height:1.5; }

.uxav2 .ww8 .ww8-decision-route{ display:flex; align-items:center; justify-content:center; gap:8px; margin-top:auto; min-height:119px; padding:18px 14px; border:1px solid #d9e0e8; border-radius:8px; background:#fff; color:#223f17; font-size:12px; line-height:1.5; }

.uxav2 .ww8 .ww8-decision-route i{ display:block; width:32px; height:3px; border-radius:8px; background:#ff825c; flex:1; }

.uxav2 .ww8 .ww8-decision-paper{ display:flex; align-items:center; gap:12px; margin-top:auto; min-height:119px; padding:18px 14px; border:1px solid #d9e0e8; border-radius:8px; color:#223f17; background:#fff; font-size:12px; line-height:1.5; }

.uxav2 .ww8 .ww8-decision-paper span{ flex:1; }

.uxav2 .ww8 .ww8-decision-paper strong{ display:block; margin-top:6px; color:#536177; font-weight:400; font-size:11px; }

.uxav2 .ww8 .ww8-safety{ display:grid; grid-template-columns:24px minmax(0,1fr); align-items:start; gap:16px; margin-top:34px; padding-top:24px; border-top:1px solid #d9e0e8; color:#087f7b; }

.uxav2 .ww8 .ww8-safety h3{ margin-bottom:10px; font-size:21px; }

.uxav2 .ww8 .ww8-safety p{ color:#536177; font-size:15px; line-height:1.65; max-width:75ch; }

.uxav2 .ww8 details.ww8-details,.uxav2 .ww8 details.uxaw-disclosure{ margin:26px 0 0; padding:0; border:0; border-block:1px solid #d9e0e8; border-radius:0; background:transparent; }

.uxav2 .ww8 .ww8-details > summary,.uxav2 .ww8 .uxaw-disclosure > summary{ display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:60px; padding:16px 0; margin:0; color:#20355a; font-size:16px; font-weight:500; line-height:1.6; list-style:none; cursor:pointer; }

.uxav2 .ww8 :is(.ww8-details,.uxaw-disclosure)>summary::-webkit-details-marker{ display:none; }

.uxav2 .ww8 .ww8-details[open]>summary svg{ transform:rotate(180deg); }

.uxav2 .ww8 .uxaw-disclosure>summary::after{ content:"+"; font-size:24px; font-weight:400; }

.uxav2 .ww8 .uxaw-disclosure[open]>summary::after{ content:"−"; }

.uxav2 .ww8 .ww8-details-content,.uxav2 .ww8 .uxaw-disclosure__content{ padding:12px 0 28px; }

.uxav2 .ww8 .ww8-details-content > p{ max-width:78ch; color:#536177; font-size:15px; line-height:1.7; margin-top:18px; }

.uxav2 .ww8 .ww8-build-line{ display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr); align-items:center; gap:18px; padding:24px; border:1px solid #d9e0e8; border-radius:12px; background:#f5f7fa; }

.uxav2 .ww8 .ww8-build-line small{ display:block; margin-bottom:8px; color:#5c6b7e; font-size:11px; line-height:1.5; }

.uxav2 .ww8 .ww8-build-line strong{ display:block; color:#20355a; font-size:14px; font-weight:500; line-height:1.55; }

.uxav2 .ww8 .ww8-build-line svg{ color:#087f7b; }

.uxav2 .ww8 .ww8-tablist{ display:flex; flex-wrap:wrap; gap:6px; width:fit-content; max-width:100%; padding:4px; margin-bottom:28px; border:1px solid #526583; border-radius:12px; background:transparent; }

.uxav2 .ww8 .ww8-tablist button{ min-height:44px; padding:10px 14px; margin:0; border:0; border-radius:8px; background:transparent; color:#d4dce8; font-size:14px; font-weight:500; line-height:1.5; cursor:pointer; box-shadow:none; }

.uxav2 .ww8 .ww8-tablist button[aria-selected="true"]{ color:#20355a; background:#11efe3; }

.uxav2 .ww8 .ww8-evidence-layout{ display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:28px; }

.uxav2 .ww8 .ww8-evidence{ width:100%; max-width:none; margin:0; padding:0; border:0; background:transparent; box-shadow:none; }

.uxav2 .ww8 a.ww8-image{ position:relative; display:block; width:100%; max-width:none; height:auto; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; aspect-ratio:auto; overflow:visible; color:inherit; text-decoration:none; cursor:zoom-in; }

.uxav2 .ww8 .ww8-image img{ display:block; width:100%; max-width:100%; height:auto; max-height:none; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; aspect-ratio:auto; object-fit:contain; object-position:center; opacity:1; filter:none; mix-blend-mode:normal; transform:none; }

.uxav2 .ww8 .ww8-enlarge-icon{ position:absolute; right:12px; bottom:12px; display:grid; place-items:center; width:40px; height:40px; border:1px solid #d0d9e3; border-radius:50%; background:#fff; color:#20355a; }

.uxav2 .ww8 .ww8-evidence figcaption{ margin-top:14px; color:#bdcadc; font-size:12px; line-height:1.65; }

.uxav2 .ww8 .ww8-evidence-copy{ width:100%; max-width:820px; }

.uxav2 .ww8 .ww8-evidence-copy h3{ margin-bottom:20px; color:#fff; font-size:26px; }

.uxav2 .ww8 .ww8-evidence-copy p{ margin-bottom:18px; color:#d4dce8; font-size:15px; line-height:1.7; }

.uxav2 .ww8 a.ww8-text-link{ display:inline-flex; align-items:center; gap:10px; min-height:48px; color:inherit; font-size:14px; font-weight:500; line-height:1.5; text-decoration:underline; text-underline-offset:5px; }

.uxav2 .ww8 .ww8-evidence-tabs:not(.is-enhanced) .ww8-evidence-panel + .ww8-evidence-panel{ margin-top:36px; }

.uxav2 .ww8 .ww8-media-error{ display:grid; justify-items:center; gap:12px; padding:24px; color:#536177; font-size:14px; line-height:1.6; text-align:center; }

.uxav2 .ww8 .ww8-media-error strong{ color:#20355a; font-weight:500; }

.uxav2 .ww8 .ww8-media-error small{ font-size:12px; }

.uxav2 .ww8 .ww8-outcome-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }

.uxav2 .ww8 .ww8-outcome-row > div{ padding-top:22px; border-top:1px solid #d9e0e8; }

.uxav2 .ww8 .ww8-outcome-row strong{ display:block; margin-bottom:12px; color:#20355a; font-size:30px; font-weight:500; line-height:1.3; letter-spacing:-.03em; }

.uxav2 .ww8 .ww8-outcome-row span{ display:block; color:#536177; font-size:14px; line-height:1.65; }

.uxav2 .ww8 .ww8-monitor{ padding-top:28px; margin-top:34px; border-top:1px solid #d9e0e8; }

.uxav2 .ww8 .ww8-monitor h3{ margin-bottom:16px; }

.uxav2 .ww8 .ww8-monitor > p:not(.ww8-caption){ max-width:80ch; color:#536177; font-size:16px; line-height:1.7; }

.uxav2 .ww8 .uxaw-shell{ margin:0; padding:80px var(--ww8-gutter); }

.uxav2 .ww8 .uxaw-inner{ width:100%; max-width:1280px; margin-inline:auto; }

.uxav2 .ww8 .uxaw-head{ max-width:860px; margin-bottom:34px; }

.uxav2 .ww8 .uxaw-eyebrow{ margin-bottom:16px; color:var(--uwb-muted); font-size:13px; line-height:1.5; }

.uxav2 .ww8 .uxaw-more{ background:#f5f7fa; }

.uxav2 .ww8 .uxaw-more__top{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:20px 32px; margin-bottom:30px; }

.uxav2 .ww8 .uxaw-more__top .uxaw-head{ margin:0; }

.uxav2 .ww8 .uxaw-more__grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }

.uxav2 .ww8 .uxaw-more__body{ padding-top:22px; }

.uxav2 .ww8 .uxaw-more__body > span{ display:block; margin-bottom:12px; color:#5c6b7e; font-size:13px; line-height:1.5; }

.uxav2 .ww8 .uxaw-more__body h3{ margin-bottom:12px; font-size:28px; }

.uxav2 .ww8 .uxaw-more__body p{ margin-bottom:14px; max-width:60ch; color:#536177; font-size:15px; line-height:1.65; }

.uxav2 .ww8 .uxaw-more__body strong{ display:inline-flex; min-height:44px; align-items:center; color:#20355a; font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:5px; }

.uxav2 .ww8 .uxaw-button-row{ display:flex; align-items:center; flex-wrap:wrap; gap:12px 26px; }

.uxav2 .ww8 a.uxaw-button{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:13px 0; color:var(--uwb-ink); background:transparent; border:1px solid transparent; border-radius:0; font-size:15px; font-weight:600; line-height:1.5; text-decoration:underline; text-underline-offset:5px; box-shadow:none; }

.uxav2 .ww8 a.uxaw-button--purple{ color:#20355a; background:#11efe3; border-color:#11efe3; border-radius:5px; padding-inline:20px; text-decoration:none; }

.uxav2 .ww8 .uxaw-button svg{ width:18px; height:18px; flex:0 0 18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.uxav2 .ww8 .uxaw-cta .uxaw-title{ font-size:clamp(34px,4vw,56px); max-width:24ch; }

.uxav2 .ww8 .uxaw-cta__copy > p:not(.uxaw-eyebrow){ max-width:74ch; margin-bottom:28px; color:#d4dce8; font-size:17px; line-height:1.7; }

@media (hover:hover) and (pointer:fine){.uxav2 .ww8 .ww8-next:hover svg{ transform:translateX(3px); }

.uxav2 .ww8 .ww8-next:hover,.uxav2 .ww8 .ww8-text-link:hover{ color:var(--uwb-teal); }

.uxav2 .ww8 .ww8-navy .ww8-next:hover,.uxav2 .ww8 .ww8-navy .ww8-text-link:hover{ color:#11efe3; }

.uxav2 .ww8 .ww8-demo-tabs button:hover{ background:#fff; color:#20355a; }

.uxav2 .ww8 .ww8-app button.ww8-app-button:hover{ background:#ff9879; border-color:#ff9879; }

.uxav2 .ww8 .ww8-map-tools button:not(:disabled):hover,.uxav2 .ww8 .ww8-app button.ww8-app-text:hover{ background:#f5f7fa; }

.uxav2 .ww8 .ww8-menu nav a:hover{ background:#f5f7fa; }

.uxav2 .ww8 a.uxaw-button--purple:hover{ background:#83f5ed; border-color:#83f5ed; }



}

.uxav2 .ww8 button:active:not(:disabled),.uxav2 .ww8 a.uxaw-button:active{ transform:translateY(1px); }

@media (max-width:1000px){.uxav2 .ww8 .ww8-evidence-layout{ grid-template-columns:minmax(0,1fr); }

.uxav2 .ww8 .ww8-evidence-copy{ max-width:740px; }

.uxav2 .ww8 .ww8-decision-flow{ gap:22px; }



}

@media (max-width:800px){.uxav2 .ww8 .ww8-app.is-enhanced .ww8-app-body{ display:block; min-height:570px; }

.uxav2 .ww8 .ww8-app.is-enhanced .ww8-demo-map{ height:570px; }

.uxav2 .ww8 .ww8-app.is-enhanced .ww8-drawer{ position:absolute; inset:auto 0 0; height:66%; max-height:480px; border:1px solid #cbd5df; border-bottom:0; border-radius:18px 18px 0 0; overflow:hidden; }

.uxav2 .ww8 .ww8-app[data-view="plan"] .ww8-drawer{ height:100%; max-height:none; border-radius:0; border:0; }

.uxav2 .ww8 .ww8-map-art{ bottom:160px; }

.uxav2 .ww8 .ww8-app.is-map-only .ww8-map-art{ bottom:0; }

.uxav2 .ww8 .ww8-app[data-view="saved"] .ww8-app-body{ min-height:0; }

.uxav2 .ww8 .ww8-saved{ grid-template-columns:1fr; padding:22px; gap:24px; }

.uxav2 .ww8 .ww8-save-copy{ max-width:540px; }

.uxav2 .ww8 .ww8-app .ww8-save-copy h3{ font-size:28px; }

.uxav2 .ww8 .ww8-paper{ max-width:540px; width:100%; margin:auto; }

.uxav2 .ww8 .ww8-result-facts{ grid-template-columns:repeat(2,minmax(0,1fr)); }

.uxav2 .ww8 .ww8-app[data-view="plan"] .ww8-drawer-scroll{ overflow:auto; }

.uxav2 .ww8 .ww8-decision-flow{ grid-template-columns:minmax(0,1fr); gap:30px; }

.uxav2 .ww8 .ww8-input-strip{ grid-template-columns:repeat(3,minmax(0,1fr)); }

.uxav2 .ww8 .ww8-decision-route,.uxav2 .ww8 .ww8-decision-paper{ min-height:80px; max-width:100%; }

.uxav2 .ww8 .ww8-build-line{ grid-template-columns:minmax(0,1fr); gap:12px; }

.uxav2 .ww8 .ww8-build-line > svg{ transform:rotate(90deg); }



}

@media (max-width:600px){.uxav2 .ww8 .ww8-chapter{ padding:56px 0; }

.uxav2 .ww8 h2.uxaw-title{ font-size:33px; letter-spacing:-.035em; }

.uxav2 .ww8 .uxaw-intro{ font-size:16px; }

.uxav2 .ww8 .ww8-heading{ margin-bottom:28px; }

.uxav2 .ww8 .ww8-ownership{ gap:16px 24px; }

.uxav2 .ww8 .ww8-demo-top{ font-size:11px; gap:6px; }

.uxav2 .ww8 .ww8-demo-top > span{ display:block; }

.uxav2 .ww8 .ww8-app-bar{ padding:12px; }

.uxav2 .ww8 .ww8-app-brand{ gap:8px; font-size:12px; }

.uxav2 .ww8 .ww8-app-park{ font-size:11px; }

.uxav2 .ww8 .ww8-demo-tabs{ padding:6px; gap:3px; }

.uxav2 .ww8 .ww8-demo-tabs button{ flex:1 1 0; min-width:0; justify-content:center; padding:9px 6px; font-size:12px; text-align:center; }

.uxav2 .ww8 .ww8-demo-tabs .ww8-icon{ display:none; }

.uxav2 .ww8 .ww8-app.is-enhanced .ww8-demo-map{ height:550px; }

.uxav2 .ww8 .ww8-app.is-enhanced .ww8-app-body{ min-height:550px; }

.uxav2 .ww8 .ww8-app[data-view="saved"] .ww8-app-body{ min-height:0; }

.uxav2 .ww8 .ww8-adjust,.uxav2 .ww8 .ww8-result{ padding:20px 16px; }

.uxav2 .ww8 .ww8-app h3{ font-size:28px; }

.uxav2 .ww8 .ww8-map-badge{ top:12px; left:12px; padding:8px 10px; }

.uxav2 .ww8 .ww8-map-tools{ top:12px; right:12px; }

.uxav2 .ww8 .ww8-map-tools button{ width:36px; }

.uxav2 .ww8 .ww8-show-plan{ left:12px; bottom:20px; padding:12px; max-width:calc(100% - 24px); font-size:13px; }

.uxav2 .ww8 .ww8-saved{ padding:16px; }

.uxav2 .ww8 .ww8-paper{ padding:18px; }

.uxav2 .ww8 .ww8-paper-map{ height:160px; }

.uxav2 .ww8 .ww8-paper-columns{ gap:12px; }

.uxav2 .ww8 .ww8-input-strip{ grid-template-columns:1fr; }

.uxav2 .ww8 .ww8-outcome-row{ gap:24px; grid-template-columns:minmax(0,1fr); }

.uxav2 .ww8 .ww8-outcome-row > div{ display:grid; grid-template-columns:105px minmax(0,1fr); align-items:baseline; gap:18px; padding-top:18px; }

.uxav2 .ww8 .ww8-outcome-row strong{ margin:0; font-size:24px; }

.uxav2 .ww8 .ww8-evidence-copy h3{ font-size:26px; }

.uxav2 .ww8 .ww8-tablist{ max-width:100%; gap:4px; }

.uxav2 .ww8 .ww8-tablist button{ padding:10px 12px; font-size:13px; }

.uxav2 .ww8 .ww8-menu{ padding:20px; }

.uxav2 .ww8 .uxaw-shell{ padding:56px 24px; }

.uxav2 .ww8 .uxaw-more__grid{ grid-template-columns:minmax(0,1fr); }

.uxav2 .ww8 .uxaw-cta__copy > p:not(.uxaw-eyebrow){ font-size:16px; }

.uxav2 .ww8 .uxaw-button-row{ align-items:flex-start; }



}

@media (max-width:380px){.uxav2 .ww8 .ww8-dock{ left:10px; right:10px; }

.uxav2 .ww8 .ww8-dock > button{ gap:8px; padding:9px 11px; }

.uxav2 .ww8 .ww8-dock > a{ min-width:72px; padding:10px; }

.uxav2 .ww8 .ww8-dock > a > span{ font-size:12px; }

.uxav2 .ww8 .ww8-app-park{ display:none; }

.uxav2 .ww8 .ww8-demo-tabs button{ font-size:11px; }

.uxav2 .ww8 .ww8-paper-columns{ grid-template-columns:1fr; }



}

@media (prefers-reduced-motion:reduce){.uxav2 .ww8 *,.uxav2 .ww8 *::before,.uxav2 .ww8 *::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }

.uxav2 .ww8 button:active,.uxav2 .ww8 .ww8-next:hover svg{ transform:none; }



}

@media (forced-colors:active){.uxav2 .uxa-wtwbr-body.ww8,.uxav2 .ww8 .ww8-navy,.uxav2 .ww8 .uxaw-dark{ --uwb-ink:CanvasText; --uwb-copy:CanvasText; --uwb-muted:CanvasText; --uwb-line:CanvasText; background:Canvas; color:CanvasText; }

.uxav2 .ww8 :is(.ww8-app,.ww8-app-bar,.ww8-demo-tabs,.ww8-drawer,.ww8-paper,.ww8-dock,.ww8-menu){ background:Canvas; color:CanvasText; }

.uxav2 .ww8 :where(a,button,summary,select,input,[tabindex]):focus-visible{ outline-color:Highlight; }

.uxav2 .ww8 .ww8-radio-row input:checked + span{ border-color:Highlight; }



}

@media print{.uxav2 .ww8 :is(.ww8-dock,.ww8-inline-nav,.ww8-next,dialog){ display:none !important; }

.uxav2 .ww8 .ww8-reading{ padding-right:0 !important; }

.uxav2 .ww8 .ww8-chapter{ padding-block:30px; }

.uxav2 .ww8 .ww8-evidence-panel[hidden]{ display:block !important; margin-top:30px; }

.uxav2 .ww8 .ww8-app .ww8-drawer{ position:static !important; height:auto !important; max-height:none !important; }

.uxav2 .ww8 .ww8-drawer-scroll{ overflow:visible; }



}

.uxav2 .uxa-wtwbr-body .uxaw-ds__stage{ display:block; margin:0 0 20px; color:var(--uwb-muted); font-size:13px; line-height:1.5; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__story{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin-bottom:40px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__story article{ padding-top:22px; border-top:1px solid var(--uwb-line); }

.uxav2 .uxa-wtwbr-body .uxaw-ds__step{ display:block; margin-bottom:14px; color:var(--uwb-muted); font-size:13px; line-height:1.6; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__story h3{ margin-bottom:12px; color:var(--uwb-ink); font-size:25px; font-weight:500; line-height:1.25; letter-spacing:-.02em; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__story p{ color:var(--uwb-copy); font-size:15px; line-height:1.65; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__workbench{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:40px 70px; align-items:start; padding:32px 0; border-block:1px solid var(--uwb-line); }

.uxav2 .uxa-wtwbr-body .uxaw-ds__eyebrow{ display:block; margin-bottom:12px; color:var(--uwb-muted); font-size:13px; line-height:1.5; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__title{ margin-bottom:16px; color:var(--uwb-ink); font-size:32px; font-weight:500; line-height:1.25; letter-spacing:-.025em; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__copy{ max-width:65ch; margin-bottom:24px; color:var(--uwb-copy); font-size:16px; line-height:1.7; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__panel-title{ margin-bottom:12px; color:var(--uwb-ink); font-family:inherit; font-size:24px; font-weight:500; line-height:1.3; letter-spacing:-.02em; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__panel-copy{ margin-bottom:22px; color:var(--uwb-copy); font-size:15px; line-height:1.65; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__property{ margin-top:22px; padding-top:18px; border-top:1px solid var(--uwb-line); }

.uxav2 .uxa-wtwbr-body .uxaw-ds__property code{ display:block; color:var(--uwb-ink); background:transparent; font:12px/1.7 ui-monospace,Consolas,monospace; white-space:normal; overflow-wrap:anywhere; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__property p{ margin-top:10px; color:var(--uwb-copy); font-size:13px; line-height:1.65; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__mini-foundations{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:28px; padding-top:20px; border-top:1px solid var(--uwb-line); }

.uxav2 .uxa-wtwbr-body .uxaw-ds__mini-foundations span{ display:block; color:var(--uwb-muted); font-size:13px; line-height:1.6; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__mini-foundations .uxaw-ds__measure{ margin-bottom:8px; color:var(--uwb-ink); font-size:26px; font-weight:500; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__screen-column{ padding:24px; background:#e9eee4; border-radius:5px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__screen-label{ display:block; margin-bottom:20px; color:#536053; font-size:12px; line-height:1.6; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__connection{ margin-top:18px; color:#536053; font-size:13px; line-height:1.6; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__source-note{ max-width:90ch; margin-top:20px; color:var(--uwb-muted); font-size:13px; line-height:1.65; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__foundations{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__foundation-card h3{ margin-bottom:12px; color:var(--uwb-ink); font-size:28px; font-weight:500; line-height:1.25; letter-spacing:-.025em; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__foundation-card > p{ margin-bottom:24px; color:var(--uwb-copy); font-size:15px; line-height:1.65; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__swatches{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin:0; padding:0; list-style:none; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__swatch{ display:block; height:60px; margin-bottom:10px; border:1px solid #dce4d8; border-radius:5px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__swatches span:not(.uxaw-ds__swatch){ display:block; color:var(--uwb-ink); font-size:14px; line-height:1.5; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__swatches code{ color:var(--uwb-muted); background:transparent; font:11px/1.7 ui-monospace,Consolas,monospace; overflow-wrap:anywhere; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__type-row + .uxaw-ds__type-row{ margin-top:24px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__type-name{ display:block; margin-bottom:8px; font-size:25px; line-height:1.3; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__type-detail{ color:var(--uwb-muted); font-size:13px; line-height:1.6; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__spacing{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__spacing span{ display:grid; place-items:center; min-width:36px; min-height:36px; padding:6px; color:var(--uwb-copy); border-bottom:2px solid var(--uwb-line); font-size:13px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__feedback{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; margin-top:36px; padding-top:28px; border-top:1px solid var(--uwb-line); }

.uxav2 .uxa-wtwbr-body .uxaw-ds__footer{ margin-top:28px; padding-top:24px; border-top:1px solid var(--uwb-line); }

.uxav2 .uxa-wtwbr-body .uxaw-ds__footer h3{ margin-bottom:12px; color:var(--uwb-ink); font-size:27px; font-weight:500; line-height:1.3; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__footer p{ max-width:85ch; color:var(--uwb-copy); font-size:15px; line-height:1.7; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__specimen{ --ds-forest:#223f17; --ds-coral:#ff825c; --ds-canvas:#f6f7f2; --ds-paper:#fff; --ds-selected:#eaf2e4; --ds-ink:#1a1a1a; --ds-muted:#536053; --ds-border:#dce4d8; --ds-control:#819178; --ds-error:#a42e25; --ds-focus:#36561f; --ds-disabled:#e5e9e1; color:var(--ds-ink); font-family:Inter,Arial,sans-serif; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__samples{ display:grid; gap:20px; padding:24px; border:1px solid var(--ds-border); border-radius:5px; background:var(--ds-canvas); }

.uxav2 .uxa-wtwbr-body .uxaw-ds__sample-label{ display:block; margin-bottom:10px; color:var(--ds-muted); font-size:12px; line-height:1.5; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-icon{ display:block; flex:0 0 24px; width:24px; height:24px; min-width:24px; max-width:24px; border:0; border-radius:0; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice{ display:flex; align-items:center; gap:12px; width:100%; min-height:69px; padding:12px; border:1px solid var(--ds-control); border-radius:12px; background:var(--ds-paper); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice.is-selected{ padding:11px; border:2px solid var(--ds-forest); background:var(--ds-selected); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice__icon{ display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:12px; background:#eaf2e4; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice__copy{ display:grid; gap:2px; min-width:0; flex:1; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice__title{ color:var(--ds-forest); font-size:16px; font-weight:600; line-height:22px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice__detail{ color:var(--ds-muted); font-size:14px; line-height:21px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice__check{ display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; border:1px solid var(--ds-control); border-radius:50%; background:var(--ds-paper); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice.is-selected .uxaw-ds-choice__check{ border-color:var(--ds-forest); background:var(--ds-forest); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice__check .uxaw-ds-icon{ width:16px; height:16px; max-width:16px; min-width:16px; filter:brightness(0) invert(1); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-action{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:48px; padding:12px 16px; border:0; border-radius:12px; background:var(--ds-coral); color:var(--ds-ink); font-size:16px; font-weight:600; line-height:22px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-action .uxaw-ds-icon{ width:20px; height:20px; min-width:20px; max-width:20px; flex-basis:20px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-action.is-focus{ box-shadow:inset 0 0 0 2px var(--ds-focus); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-action.is-disabled{ color:var(--ds-muted); background:var(--ds-disabled); }

.uxav2 .uxa-wtwbr-body .uxaw-ds__action-row{ display:grid; grid-template-columns:65px minmax(0,1fr); gap:16px; align-items:center; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__action-row .uxaw-ds__sample-label{ margin:0; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-progress{ width:100%; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-progress__label{ display:flex; justify-content:space-between; gap:8px; margin-bottom:14px; color:var(--ds-forest); font-size:13px; font-weight:600; line-height:18px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-progress__label span:last-child{ color:var(--ds-muted); font-size:12px; font-weight:500; text-align:right; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-progress__steps{ position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-progress__steps::before{ content:""; position:absolute; left:16%; right:16%; top:17px; height:1px; background:var(--ds-border); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-progress__steps > span{ position:relative; display:grid; justify-items:center; gap:6px; color:var(--ds-muted); font-size:12px; font-weight:500; line-height:18px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-progress__steps i{ display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--ds-border); border-radius:50%; color:var(--ds-muted); background:var(--ds-paper); font-size:16px; font-weight:600; font-style:normal; line-height:22px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-progress__steps > .is-current{ color:var(--ds-forest); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-progress__steps > .is-current i{ border:2px solid var(--ds-forest); color:var(--ds-forest); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen{ display:grid; gap:20px; width:100%; max-width:400px; margin:0 auto; padding:24px; border:1px solid var(--ds-border); border-radius:16px; background:var(--ds-paper); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__top{ display:flex; align-items:center; justify-content:space-between; gap:8px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__reset{ display:flex; align-items:center; justify-content:center; gap:8px; flex:0 0 132px; width:132px; min-height:44px; padding:10px 12px; border:1px solid var(--ds-border); border-radius:22px; color:var(--ds-forest); font-size:14px; font-weight:600; line-height:20px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__reset .uxaw-ds-icon{ width:20px; height:20px; min-width:20px; max-width:20px; flex-basis:20px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__top .uxaw-ds-contour{ flex:0 1 160px; width:160px; min-width:0; max-width:calc(100% - 140px); height:56px; opacity:.55; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__method{ display:flex; align-items:center; justify-content:center; min-height:48px; padding:12px 16px; border-radius:12px; color:var(--ds-forest); font-size:16px; font-weight:600; line-height:22px; text-align:center; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__divider{ height:1px; background:var(--ds-border); }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__question{ color:var(--ds-ink); font:700 22px/28px "Barlow Semi Condensed","Arial Narrow",Arial,sans-serif; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__guide{ margin-top:8px; color:var(--ds-muted); font-size:14px; line-height:21px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__choices{ display:grid; gap:10px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__choices-title{ color:var(--ds-forest); font-size:16px; font-weight:600; line-height:22px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__choices .uxaw-ds-screen__guide{ margin:0; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__hint{ color:var(--ds-muted); font-size:12px; font-weight:500; line-height:18px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__utilities{ display:grid; gap:12px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__utility{ display:flex; align-items:center; gap:12px; min-height:48px; padding:12px 16px; border:1px solid var(--ds-border); border-radius:12px; color:var(--ds-forest); background:var(--ds-paper); font-size:16px; font-weight:600; line-height:22px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__utility:first-child{ min-height:64px; padding-block:16px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__utility > span{ flex:1; min-width:0; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__utility .uxaw-ds-icon:last-child{ width:20px; height:20px; min-width:20px; max-width:20px; flex-basis:20px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__field{ display:grid; gap:8px; min-width:0; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__field-label{ color:var(--ds-ink); font-size:13px; font-weight:600; line-height:18px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__field-control{ display:flex; align-items:center; gap:12px; min-height:48px; padding:12px; border:2px solid var(--ds-error); border-radius:12px; background:#fff; color:var(--ds-muted); font-size:16px; line-height:24px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__field-control > span{ flex:1; min-width:0; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__field-control .uxaw-ds-icon{ width:20px; height:20px; min-width:20px; max-width:20px; flex-basis:20px; }

@media (max-width:600px){.uxav2 .uxa-wtwbr-body .uxaw-ds-screen{ padding:20px 16px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds__samples{ padding:20px 16px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-progress__steps{ gap:8px; }



}

@media (max-width:380px){.uxav2 .uxa-wtwbr-body .uxaw-ds__action-row{ grid-template-columns:minmax(0,1fr); gap:8px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice{ gap:8px; padding:10px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice.is-selected{ padding:9px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice__title{ font-size:14px; line-height:20px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-choice__detail{ font-size:12px; line-height:18px; }

.uxav2 .uxa-wtwbr-body .uxaw-ds-screen__utility{ padding-inline:10px; gap:8px; font-size:14px; }



}

.uxav2 #uxaw-more .ucb-art{

  --u: 1px;

  position: relative;

  width: 100%;

  aspect-ratio: 600 / 400;

  overflow: hidden;

  border-radius: 5px;

  background: #e5edec;

  container-type: inline-size;

  isolation: isolate;

}

.uxav2 #uxaw-more .ucb-art--korn{ aspect-ratio: 600 / 400; }

.uxav2 #uxaw-more .ucb-project__figure > figcaption{

  margin-top: 10px;

  color: var(--uwb-muted);

  font-family: inherit;

  font-size: 12px;

  font-weight: 400;

  font-style: normal;

  line-height: 1.6;

  text-align: left;

  overflow-wrap: anywhere;

}

.uxav2 #uxaw-more .ucb-art .uxacsi-illus{

  position: absolute;

  inset: 0;

  overflow: hidden;

  font-family: inherit;

  line-height: 1.3;

  pointer-events: none;

}

.uxav2 #uxaw-more .ucb-art :where(aside, article){

  margin: 0;

  min-width: 0;

}

.uxav2 #uxaw-more .ucb-art :where(span, strong, div){ min-width: 0; }

.uxav2 #uxaw-more .ucb-art svg{ display: block; max-width: 100%; }

.uxav2 #uxaw-more .uxacsi-korn2{

  position:absolute;

  inset:0;

  overflow:hidden;

  color:#20355a;

  background:

    radial-gradient(circle at 84% 16%, rgba(17,239,227,.20), transparent 25%),

    radial-gradient(circle at 12% 88%, rgba(162,104,207,.14), transparent 30%),

    linear-gradient(145deg,#e9eef5,#f4f7fa 70%);

  font-family:inherit;

}

.uxav2 #uxaw-more .uxacsi-korn2::before{

  content:"";

  position:absolute;

  inset:0;

  background:

    linear-gradient(rgba(32,53,90,.045) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    linear-gradient(90deg, rgba(32,53,90,.045) calc(1 * var(--u)), transparent calc(1 * var(--u)));

  background-size:calc(34 * var(--u)) calc(34 * var(--u));

  opacity:.65;

}

.uxav2 #uxaw-more .uxacsi-korn2__dashboard{

  position:absolute;

  z-index:2;

  left:6%;

  top:10%;

  width:88%;

  height:74%;

  display:grid;

  grid-template-columns:calc(46 * var(--u)) minmax(0,1fr);

  overflow:hidden;

  border:calc(1 * var(--u)) solid rgba(32,53,90,.12);

  border-radius:calc(15 * var(--u));

  background:#f5f7fa;

  box-shadow:0 calc(22 * var(--u)) calc(44 * var(--u)) rgba(32,53,90,.16);

  transform:rotate(-1deg);

  transform-origin:center;

}

.uxav2 #uxaw-more .uxacsi-korn2__rail{

  display:flex;

  flex-direction:column;

  align-items:center;

  gap:calc(10 * var(--u));

  padding:calc(10 * var(--u)) calc(6 * var(--u));

  background:#172a4a;

}

.uxav2 #uxaw-more .uxacsi-korn2__brand{

  display:grid;

  place-items:center;

  width:calc(28 * var(--u));

  height:calc(28 * var(--u));

  margin-bottom:calc(4 * var(--u));

  border-radius:calc(7 * var(--u));

  color:#20355a;

  background:#11efe3;

  font-size:calc(11 * var(--u));

  font-weight:800;

}

.uxav2 #uxaw-more .uxacsi-korn2__rail i{

  position:relative;

  display:block;

  width:calc(27 * var(--u));

  height:calc(27 * var(--u));

  border-radius:calc(6 * var(--u));

  background:rgba(255,255,255,.055);

}

.uxav2 #uxaw-more .uxacsi-korn2__rail i::before{

  content:"";

  position:absolute;

  inset:calc(8 * var(--u));

  border:calc(1 * var(--u)) solid #8e9cb1;

  border-radius:calc(2 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__rail i.is-active{

  background:rgba(17,239,227,.12);

}

.uxav2 #uxaw-more .uxacsi-korn2__rail i.is-active::before{

  border-color:#11efe3;

}

.uxav2 #uxaw-more .uxacsi-korn2__user{

  display:grid;

  place-items:center;

  width:calc(25 * var(--u));

  height:calc(25 * var(--u));

  margin-top:auto;

  border-radius:50%;

  color:#d4dce8;

  background:#30486e;

  font-size:calc(8 * var(--u));

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__app{

  display:flex;

  flex-direction:column;

  min-width:0;

  min-height:0;

  background:#f5f7fa;

}

.uxav2 #uxaw-more .uxacsi-korn2__chrome{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(10 * var(--u));

  min-height:calc(39 * var(--u));

  padding:calc(6 * var(--u)) calc(12 * var(--u));

  border-bottom:calc(1 * var(--u)) solid #d9e0e8;

  background:#fff;

}

.uxav2 #uxaw-more .uxacsi-korn2__chrome small,.uxav2 #uxaw-more .uxacsi-korn2__chrome strong{

  display:block;

}

.uxav2 #uxaw-more .uxacsi-korn2__chrome small{

  color:#536177;

  font-size:calc(7.2 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__chrome strong{

  margin-top:calc(1 * var(--u));

  color:#20355a;

  font-size:calc(9.8 * var(--u));

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__chrome-user{

  display:grid;

  place-items:center;

  width:calc(22 * var(--u));

  height:calc(22 * var(--u));

  border-radius:50%;

  color:#fff;

  background:#3d567e;

  font-size:calc(7 * var(--u));

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__modes{

  display:flex;

  align-items:stretch;

  gap:calc(18 * var(--u));

  min-height:calc(34 * var(--u));

  padding:0 calc(13 * var(--u));

  border-bottom:calc(1 * var(--u)) solid #d9e0e8;

  background:#fff;

}

.uxav2 #uxaw-more .uxacsi-korn2__modes span{

  display:flex;

  align-items:center;

  border-bottom:calc(2 * var(--u)) solid transparent;

  color:#536177;

  font-size:calc(8 * var(--u));

  font-weight:500;

}

.uxav2 #uxaw-more .uxacsi-korn2__modes span.is-active{

  color:#20355a;

  border-color:#087f7b;

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__content{

  flex:1;

  min-height:0;

  padding:calc(9 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__intro{

  display:flex;

  justify-content:space-between;

  align-items:flex-start;

  gap:calc(9 * var(--u));

  margin-bottom:calc(7 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__intro > div{

  max-width:72%;

}

.uxav2 #uxaw-more .uxacsi-korn2__intro small{

  display:block;

  margin-bottom:calc(2 * var(--u));

  color:#087f7b;

  font-size:calc(6.8 * var(--u));

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__intro strong{

  display:block;

  color:#20355a;

  font-size:calc(10.6 * var(--u));

  line-height:1.25;

}

.uxav2 #uxaw-more .uxacsi-korn2__intro p{

  margin-top:calc(2 * var(--u));

  color:#536177;

  font-size:calc(6.9 * var(--u));

  line-height:1.4;

}

.uxav2 #uxaw-more .uxacsi-korn2__refresh{

  display:flex;

  align-items:center;

  gap:calc(4 * var(--u));

  min-height:calc(22 * var(--u));

  padding:calc(3 * var(--u)) calc(6 * var(--u));

  border:calc(1 * var(--u)) solid #c1ccd8;

  border-radius:calc(5 * var(--u));

  color:#20355a;

  background:#fff;

  font-size:calc(6.8 * var(--u));

  font-weight:600;

  white-space:nowrap;

}

.uxav2 #uxaw-more .uxacsi-korn2__refresh::before{

  content:"↻";

  font-size:calc(9 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2-card{

  padding:calc(8 * var(--u));

  border:calc(1 * var(--u)) solid #cbd6e0;

  border-radius:calc(7 * var(--u));

  background:#fff;

}

.uxav2 #uxaw-more .uxacsi-korn2-card.is-selected{

  border-color:#087f7b;

  box-shadow:inset 0 0 0 calc(1 * var(--u)) #087f7b;

  background:#fbfdfd;

}

.uxav2 #uxaw-more .uxacsi-korn2-card__top{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(5 * var(--u));

  margin-bottom:calc(5 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__letter{

  display:grid;

  place-items:center;

  width:calc(20 * var(--u));

  height:calc(20 * var(--u));

  border:calc(1 * var(--u)) solid #cdd8e2;

  border-radius:calc(5 * var(--u));

  color:#20355a;

  background:#edf1f6;

  font-size:calc(7.8 * var(--u));

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__state{

  display:flex;

  align-items:center;

  gap:calc(3 * var(--u));

  color:#076d69;

  font-size:calc(6.6 * var(--u));

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__state i,.uxav2 #uxaw-more .uxacsi-korn2__circle{

  position:relative;

  width:calc(12 * var(--u));

  height:calc(12 * var(--u));

  flex:0 0 calc(12 * var(--u));

  border:calc(1.2 * var(--u)) solid #8194ac;

  border-radius:50%;

}

.uxav2 #uxaw-more .uxacsi-korn2__state i{

  border-color:#087f7b;

  background:#087f7b;

}

.uxav2 #uxaw-more .uxacsi-korn2__state i::after{

  content:"";

  position:absolute;

  left:calc(3 * var(--u));

  top:calc(2 * var(--u));

  width:calc(3.4 * var(--u));

  height:calc(5.4 * var(--u));

  border-right:calc(1.3 * var(--u)) solid #fff;

  border-bottom:calc(1.3 * var(--u)) solid #fff;

  transform:rotate(45deg);

}

.uxav2 #uxaw-more .uxacsi-korn2-card > strong{

  display:block;

  color:#20355a;

  font-size:calc(9.8 * var(--u));

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2-card > small{

  display:block;

  margin-top:calc(1 * var(--u));

  color:#536177;

  font-size:calc(6.8 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2-card > p{

  margin-top:calc(4 * var(--u));

  color:#536177;

  font-size:calc(6.6 * var(--u));

  line-height:1.35;

}

.uxav2 #uxaw-more .uxacsi-korn2-card__actions{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(6 * var(--u));

  margin-top:calc(6 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__details{

  color:#20355a;

  font-size:calc(6.4 * var(--u));

  font-weight:600;

  text-decoration:underline;

  text-underline-offset:calc(2 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__select{

  display:flex;

  align-items:center;

  gap:calc(3 * var(--u));

  min-height:calc(20 * var(--u));

  padding:calc(3 * var(--u)) calc(5 * var(--u));

  border:calc(1 * var(--u)) solid #c1ccd8;

  border-radius:calc(5 * var(--u));

  color:#20355a;

  background:#fff;

  font-size:calc(6.4 * var(--u));

  font-weight:600;

  white-space:nowrap;

}

.uxav2 #uxaw-more .uxacsi-korn2__select.is-selected{

  color:#076d69;

  border-color:#a6ccc7;

  background:#edf8f6;

}

.uxav2 #uxaw-more .uxacsi-korn2__alt-label{

  margin:calc(6 * var(--u)) 0 calc(4 * var(--u));

  color:#536177;

  font-size:calc(6.8 * var(--u));

  font-weight:600;

}

.uxav2 #uxaw-more .uxacsi-korn2__alternatives{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:calc(6 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__alternatives .uxacsi-korn2-card{

  padding:calc(7 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__alternatives .uxacsi-korn2-card > p{

  min-height:calc(17 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__actionbar{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(7 * var(--u));

  min-height:calc(40 * var(--u));

  padding:calc(6 * var(--u)) calc(11 * var(--u));

  border-top:calc(1 * var(--u)) solid #d9e0e8;

  background:#fff;

}

.uxav2 #uxaw-more .uxacsi-korn2__actionbar small,.uxav2 #uxaw-more .uxacsi-korn2__actionbar strong{

  display:block;

}

.uxav2 #uxaw-more .uxacsi-korn2__actionbar small{

  color:#536177;

  font-size:calc(6.4 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__actionbar strong{

  margin-top:calc(1 * var(--u));

  color:#20355a;

  font-size:calc(7.5 * var(--u));

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__actions{

  display:flex;

  align-items:center;

  gap:calc(7 * var(--u));

}

.uxav2 #uxaw-more .uxacsi-korn2__actions > span{

  color:#20355a;

  font-size:calc(6.2 * var(--u));

  font-weight:600;

  text-decoration:underline;

}

.uxav2 #uxaw-more .uxacsi-korn2__actions > b{

  padding:calc(5 * var(--u)) calc(7 * var(--u));

  border-radius:calc(5 * var(--u));

  color:#fff;

  background:#20355a;

  font-size:calc(6.4 * var(--u));

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__mode-card{

  position:absolute;

  z-index:3;

  right:3.5%;

  top:4%;

  display:flex;

  align-items:center;

  gap:calc(6 * var(--u));

  padding:calc(7 * var(--u)) calc(9 * var(--u));

  border:calc(1 * var(--u)) solid rgba(32,53,90,.10);

  border-radius:calc(9 * var(--u));

  color:#20355a;

  background:rgba(255,255,255,.96);

  box-shadow:0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(32,53,90,.12);

  font-size:calc(7.2 * var(--u));

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__mode-card i{

  width:calc(7 * var(--u));

  height:calc(7 * var(--u));

  border-radius:50%;

  background:#087f7b;

}

.uxav2 #uxaw-more .uxacsi-korn2__flow{

  position:absolute;

  z-index:4;

  left:10%;

  right:10%;

  bottom:4%;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:calc(6 * var(--u));

  padding:calc(7 * var(--u)) calc(10 * var(--u));

  border-radius:calc(9 * var(--u));

  color:#fff;

  background:rgba(32,53,90,.94);

  box-shadow:0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(32,53,90,.16);

  font-size:calc(7.2 * var(--u));

  font-weight:600;

}

.uxav2 #uxaw-more .uxacsi-korn2__flow i{

  color:#11efe3;

  font-style:normal;

}

.uxav2 #uxaw-more .uxacsi-korn2__flow b{

  color:#11efe3;

  font-weight:700;

}

.uxav2 #uxaw-more .uxacsi-korn2__select.is-selected .uxacsi-korn2__circle{

  border-color:#087f7b;

  background:#087f7b;

}

.uxav2 #uxaw-more .uxacsi-korn2__select.is-selected .uxacsi-korn2__circle::after{

  content:"";

  position:absolute;

  left:calc(3 * var(--u));

  top:calc(2 * var(--u));

  width:calc(3.4 * var(--u));

  height:calc(5.4 * var(--u));

  border-right:calc(1.3 * var(--u)) solid #fff;

  border-bottom:calc(1.3 * var(--u)) solid #fff;

  transform:rotate(45deg);

}

.uxav2 #uxaw-more .uxacsi-whip-art{ background: radial-gradient(circle at 84% 18%,rgba(43,146,255,.26),transparent 28%),linear-gradient(145deg,#EAF4FF,#F4F0FF 72%); }

.uxav2 #uxaw-more .uxacsi-whip-art__browser{ position: absolute; left: 6%; top: 12%; width: 88%; height: 73%; overflow: hidden; border-radius: calc(16 * var(--u)); background: #fff; border: calc(1 * var(--u)) solid rgba(44,62,99,.10); box-shadow: 0 calc(22 * var(--u)) calc(45 * var(--u)) rgba(44,62,99,.14); transform: rotate(-1.5deg); }

.uxav2 #uxaw-more .uxacsi-whip-art__bar{ height: calc(27 * var(--u)); display: flex; align-items: center; gap: calc(5 * var(--u)); padding: 0 calc(10 * var(--u)); border-bottom: calc(1 * var(--u)) solid #EDF0F5; }

.uxav2 #uxaw-more .uxacsi-whip-art__bar i{ width: calc(6 * var(--u)); height: calc(6 * var(--u)); border-radius: 50%; background: #D7DCE6; }

.uxav2 #uxaw-more .uxacsi-whip-art__bar span{ width: 38%; height: calc(6 * var(--u)); margin-left: calc(6 * var(--u)); border-radius: calc(99 * var(--u)); background: #EEF1F6; }

.uxav2 #uxaw-more .uxacsi-whip-art__layout{ height: calc(100% - calc(27 * var(--u))); display: grid; grid-template-columns: calc(42 * var(--u)) 1fr; }

.uxav2 #uxaw-more .uxacsi-whip-art__layout aside{ padding: calc(11 * var(--u)) 0; display: flex; flex-direction: column; align-items: center; gap: calc(10 * var(--u)); background: #20355A; }

.uxav2 #uxaw-more .uxacsi-whip-art__layout aside b{ width: calc(23 * var(--u)); height: calc(23 * var(--u)); display: grid; place-items: center; border-radius: calc(7 * var(--u)); color: #20355A; background: #11EFE3; font-size: calc(12 * var(--u)); }

.uxav2 #uxaw-more .uxacsi-whip-art__layout aside i{ width: calc(18 * var(--u)); height: calc(5 * var(--u)); border-radius: calc(99 * var(--u)); background: rgba(255,255,255,.18); }

.uxav2 #uxaw-more .uxacsi-whip-art__content{ padding: calc(21 * var(--u)); }

.uxav2 #uxaw-more .uxacsi-whip-art__hero{ display: grid; grid-template-columns: 1.12fr .88fr; gap: calc(12 * var(--u)); align-items: center; }

.uxav2 #uxaw-more .uxacsi-whip-art__hero small{ display: block; color: #8B50B8; font-size: calc(10 * var(--u)); text-transform: uppercase; font-weight: 850; }

.uxav2 #uxaw-more .uxacsi-whip-art__hero strong{ display: block; margin: calc(5 * var(--u)) 0 calc(7 * var(--u)); color: #20355A; font-family: "Urbanist",Arial,sans-serif; font-size: calc(22 * var(--u)); line-height: 1.05; }

.uxav2 #uxaw-more .uxacsi-whip-art__hero > div:first-child > span{ display: block; width: 90%; height: calc(5 * var(--u)); margin-top: calc(5 * var(--u)); border-radius: calc(99 * var(--u)); background: #E8ECF3; }

.uxav2 #uxaw-more .uxacsi-whip-art__hero > div:first-child > span.is-short{ width: 66%; }

.uxav2 #uxaw-more .uxacsi-whip-art__hero > div:first-child > b{ display: block; width: fit-content; margin-top: calc(9 * var(--u)); padding: calc(6 * var(--u)) calc(8 * var(--u)); border-radius: calc(6 * var(--u)); color: #fff; background: linear-gradient(135deg,#A268CF,#8B50B8); font-size: calc(10 * var(--u)); }

.uxav2 #uxaw-more .uxacsi-whip-art__product{ height: calc(115 * var(--u)); padding: calc(10 * var(--u)); border-radius: calc(10 * var(--u)); background: linear-gradient(145deg,#20355A,#31547E); }

.uxav2 #uxaw-more .uxacsi-whip-art__product i{ display: inline-block; width: 28%; height: calc(22 * var(--u)); margin-right: 3%; border-radius: calc(5 * var(--u)); background: rgba(255,255,255,.08); }

.uxav2 #uxaw-more .uxacsi-whip-art__product span{ display: block; height: calc(36 * var(--u)); margin-top: calc(8 * var(--u)); border-radius: calc(7 * var(--u)); background: linear-gradient(rgba(255,255,255,.05) calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,rgba(255,255,255,.05) calc(1 * var(--u)),transparent calc(1 * var(--u))); background-size: calc(12 * var(--u)) calc(12 * var(--u)); }

.uxav2 #uxaw-more .uxacsi-whip-art__proof{ display: grid; grid-template-columns: repeat(3,1fr); gap: calc(6 * var(--u)); margin-top: calc(18 * var(--u)); }

.uxav2 #uxaw-more .uxacsi-whip-art__proof span{ padding: calc(7 * var(--u)); border-radius: calc(7 * var(--u)); background: #F5F7FA; border: calc(1 * var(--u)) solid #EBEEF4; }

.uxav2 #uxaw-more .uxacsi-whip-art__proof b,.uxav2 #uxaw-more .uxacsi-whip-art__proof small{ display: block; }

.uxav2 #uxaw-more .uxacsi-whip-art__proof b{ color: #20355A; font-size: calc(14 * var(--u)); }

.uxav2 #uxaw-more .uxacsi-whip-art__proof small{ margin-top: calc(2 * var(--u)); color: #8A93A7; font-size: calc(9 * var(--u)); }

.uxav2 #uxaw-more .uxacsi-whip-art__path{ position: absolute; left: 10%; right: 10%; bottom: 5%; padding: calc(8 * var(--u)) calc(10 * var(--u)); display: flex; align-items: center; justify-content: center; gap: calc(6 * var(--u)); border-radius: calc(10 * var(--u)); color: #fff; background: rgba(32,53,90,.92); box-shadow: 0 calc(13 * var(--u)) calc(25 * var(--u)) rgba(32,53,90,.18); font-size: calc(10 * var(--u)); }

.uxav2 #uxaw-more .uxacsi-whip-art__path i{ color: #11EFE3; font-style: normal; }

.uxav2 #uxaw-more .uxacsi-whip-art__path b{ color: #11EFE3; }

.uxav2 #uxaw-more .ucb-art,.uxav2 #uxaw-more .ucb-art--korn{

  aspect-ratio: 600 / 400;

}

.uxav2 #uxaw-more .uxacsi-whip-art__layout aside > *{ flex-shrink: 0; }

.uxav2 #uxaw-more .uxaw-more__card{

  min-width: 0;

}

.uxav2 #uxaw-more .uxaw-more__card > a{

  display: block;

  color: inherit;

  text-decoration: none;

}

.uxav2 #uxaw-more .uxaw-more__visual{

  width: 100%;

}

@supports (width: 1cqw){.uxav2 #uxaw-more .ucb-art{ --u: .1666667cqw; }

 }

.uxav2 .uxa-wtwbr-body dialog.uwb-media-dialog{ width:min(1240px,calc(100% - 32px)); max-width:none; max-height:calc(100svh - 32px); margin:auto; padding:24px; border:1px solid #cbd5c5; border-radius:14px; color:#20355a; background:#fff; font-family:inherit; }

.uxav2 .uxa-wtwbr-body .uwb-media-dialog:not([open]){ display:none; }

.uxav2 .uxa-wtwbr-body .uwb-media-dialog[open]{ display:flex; flex-direction:column; }

.uxav2 .uxa-wtwbr-body .uwb-media-dialog::backdrop{ background:#101d32d9; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:20px; flex:0 0 auto; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-head h2{ margin:0; color:#20355a; font-family:inherit; font-size:20px; line-height:1.4; font-weight:500; text-transform:none; letter-spacing:-.01em; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-head button,.uxav2 .uxa-wtwbr-body .uwb-viewer-toolbar button{ display:inline-flex; align-items:center; justify-content:center; gap:10px; flex:0 0 auto; min-height:44px; padding:9px 12px; border:1px solid #8a96a6; border-radius:6px; color:#20355a; background:#fff; font-family:inherit; font-size:13px; font-weight:500; line-height:1.4; text-transform:none; box-shadow:none; cursor:pointer; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-head button span{ font-size:22px; line-height:1; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-toolbar{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; flex:0 0 auto; padding-block:14px; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-toolbar a{ display:inline-flex; align-items:center; min-height:44px; color:#20355a; font-size:13px; text-decoration:underline; text-underline-offset:4px; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-toolbar button[aria-pressed="true"]{ background:#eaf2e4; border-color:#71885f; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-status{ flex:0 0 auto; color:#536177; font-size:14px; line-height:1.6; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-status:not(:empty){ padding-bottom:20px; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-canvas{ overflow:auto; min-height:0; border:1px solid #d9e0e8; border-radius:7px; background:#f5f7fa; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-canvas img{ width:auto; max-width:100%; height:auto; max-height:70svh; margin:auto; object-fit:contain; }

.uxav2 .uxa-wtwbr-body .uwb-viewer-canvas.is-natural img{ max-width:none; max-height:none; margin:0; }

.uxav2 .uxa-wtwbr-body .uwb-media-dialog :where(a,button,[tabindex]):focus-visible{ outline-color:#087f7b; outline-offset:2px; }

.uxav2 .ww8 .uxaw-ds__workbench{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; padding:8px 0 12px; border:0; }

.uxav2 .ww8 .uxaw-ds__tabs > .uxaw-tabs__list{ display:flex; flex-wrap:wrap; width:fit-content; max-width:100%; gap:4px; padding:4px; margin:0 0 22px; border:1px solid #d9e0e8; border-radius:14px; background:#f5f7fa; }

.uxav2 .ww8 .uxaw-ds__tabs > .uxaw-tabs__list button{ appearance:none; flex:0 1 auto; min-height:44px; max-width:100%; margin:0; padding:10px 13px; border:1px solid transparent; border-radius:10px; background:transparent; color:#536177; font-size:14px; font-weight:500; line-height:1.5; text-align:left; text-transform:none; box-shadow:none; cursor:pointer; }

.uxav2 .ww8 .uxaw-ds__tabs > .uxaw-tabs__list button[aria-selected="true"]{ border-color:#d9e0e8; color:#20355a; background:#fff; }

.uxav2 .ww8 .uxaw-ds__tabs > .uxaw-tabs__list button:focus-visible{ outline-color:#087f7b; outline-offset:2px; }

.uxav2 .ww8 .uxaw-tabs:not(.is-enhanced) .uxaw-tabs__panel + .uxaw-tabs__panel{ margin-top:28px; }

.uxav2 .ww8 .uxaw-ds__samples{ border-color:#d9e0e8; border-radius:14px; background:#fff; }

.uxav2 .ww8 .uxaw-ds__screen-column{ align-self:start; padding:20px; border:1px solid #d9e0e8; border-radius:18px; background:#f5f7fa; }

.uxav2 .ww8 .uxaw-ds__title{ font-size:27px; }

.uxav2 .ww8 .uxaw-ds__screen-label{ color:#5c6b7e; line-height:1.6; }

.uxav2 .ww8 .uxaw-ds__connection{ color:#536177; }

.uxav2 .ww8 .uxaw-ds__mini-foundations{ gap:16px; }

.uxav2 .ww8 .uxaw-ds__mini-foundations .uxaw-ds__measure{ font-size:23px; }

.uxav2 .ww8 .uxaw-ds__property code{ font-size:11px; }

.uxav2 .ww8 .uxaw-ds-screen [data-ds-zone]{ position:relative; border-radius:12px; isolation:isolate; }

.uxav2 .ww8 .uxaw-ds-screen [data-ds-zone]::after{ content:""; position:absolute; z-index:2; inset:-6px; border:2px solid #087f7b; border-radius:17px; box-shadow:0 0 0 4px #11efe31a; background:#11efe310; opacity:0; pointer-events:none; }

.uxav2 .ww8 .uxaw-ds-screen [data-ds-zone].is-locating::after{ animation:ww8-locate 1800ms ease-in-out 1 both; }

@keyframes ww8-locate{ 0%{opacity:0} 22%{opacity:1} 52%{opacity:.3} 72%{opacity:.9} 100%{opacity:0} }

.uxav2 .ww8 button.uwb-locate-again{ display:inline-flex; align-items:center; min-height:44px; margin:8px 0 0; padding:8px 0; border:0; border-radius:0; color:#087f7b; background:transparent; font-family:inherit; font-size:13px; font-weight:500; line-height:1.5; text-decoration:underline; text-underline-offset:4px; box-shadow:none; cursor:pointer; }

.uxav2 .ww8 .uxaw-ds__foundations{ grid-template-columns:1fr 1fr; gap:28px; }

.uxav2 .ww8 .uxaw-ds__foundation-card h3{ font-size:24px; }

.uxav2 .ww8 .uxaw-ds__feedback{ gap:28px; }

.uxav2 .ww8 .ww8-build-summary{ display:grid; grid-template-columns:24px minmax(0,1fr); gap:14px; align-items:start; padding:24px 0 0; margin-top:26px; border-top:1px solid #d9e0e8; color:#087f7b; }

.uxav2 .ww8 .ww8-build-summary h3{ margin-bottom:12px; font-size:24px; }

.uxav2 .ww8 .ww8-build-summary p{ max-width:75ch; color:#536177; font-size:15px; line-height:1.7; }

.uxav2 .ww8 .ww8-safety-distance{ display:flex; flex-wrap:wrap; gap:12px 24px; padding-top:16px; color:#536177; font-size:13px; line-height:1.65; }

.uxav2 .ww8 .ww8-safety-distance strong{ color:#20355a; font-weight:600; }

.uxav2 .ww8 .ww8-safety-distance a{ color:#087f7b; text-underline-offset:4px; }

.uxav2 .ww8 .ww8-demo-feedback{ min-height:24px; margin-top:10px; color:#5c6b7e; font-size:12px; line-height:1.65; }

.uxav2 .ww8 .ww8-route-hint{ padding:10px 12px; border-left:2px solid #ff825c; background:#fff5f0; }

.uxav2 .ww8 .ww8-input-strip{ grid-template-columns:1fr; }

.uxav2 .ww8 .ww8-paper-map .ww8-map-svg{ width:100%; height:100%; }

.uxav2 .ww8 .ww8-map-note{ max-width:calc(100% - 24px); }

.uxav2 .ww8 .ww8-app[data-view="plan"] .ww8-show-plan{ display:none; }

.uxav2 .ww8 :is(button,input,select,summary,a){ scroll-margin-bottom:100px; }

.uxav2 .ww8 .ww8-dock small{ font-size:11px; }

.uxav2 .ww8 .ww8-dock [data-ww8-current]{ overflow-wrap:anywhere; }

.uxav2 .ww8 .ww8-lightbox-error{ display:grid; place-items:center; min-height:280px; width:100%; padding:28px; color:#536177; background:#f5f7fa; text-align:center; font-size:14px; line-height:1.6; }

.uxav2 .ww8 .ww8-lightbox-error span{ display:block; margin-top:8px; font-size:13px; text-decoration:underline; }

.uxav2 .ww8 .uwb-media-dialog .uwb-viewer-head h2{ font-size:19px; }

.uxav2 .ww8 .uwb-media-dialog .uwb-viewer-canvas img{ max-height:calc(100dvh - 210px); }

.uxav2 .ww8 .uwb-media-dialog .uwb-viewer-canvas.is-natural img{ max-height:none; }

.uxav2 .ww8 .ww8-dock{ max-height:calc(100dvh - 24px); overflow:auto; }

@media (max-width:1199px){.uxav2 .ww8 .uxaw-ds__workbench{ grid-template-columns:1fr 1fr; gap:28px; }

.uxav2 .ww8.ww8-enhanced{ padding-bottom:86px; }



}

@media (max-width:820px){.uxav2 .ww8 .uxaw-ds__workbench{ grid-template-columns:1fr; gap:28px; }

.uxav2 .ww8 .uxaw-ds__screen-column{ width:100%; max-width:560px; }

.uxav2 .ww8 .uxaw-ds__foundations,.uxav2 .ww8 .uxaw-ds__feedback{ grid-template-columns:1fr; }

.uxav2 .ww8 .uxaw-ds__copy{ margin-bottom:20px; }



}

@media (max-width:600px){.uxav2 .ww8 .uxaw-ds__screen-column{ padding:16px 12px; }

.uxav2 .ww8 .uxaw-ds__mini-foundations{ gap:12px; }

.uxav2 .ww8 .uxaw-ds__mini-foundations span{ font-size:12px; }

.uxav2 .ww8 .uxaw-ds__tabs > .uxaw-tabs__list button{ padding-inline:11px; }

.uxav2 .ww8 .uxaw-ds__mini-foundations .uxaw-ds__measure{ font-size:22px; }

.uxav2 .ww8 dialog.uwb-media-dialog{ width:calc(100% - 20px); max-height:calc(100dvh - 20px); padding:16px; }

.uxav2 .ww8 .uwb-viewer-head{ gap:12px; }

.uxav2 .ww8 .uwb-media-dialog .uwb-viewer-head h2{ font-size:17px; }



}

@media (prefers-reduced-motion:reduce){.uxav2 .ww8 .uxaw-ds-screen [data-ds-zone].is-locating::after{ animation:none !important; opacity:.8; }



}

@media (forced-colors:active){.uxav2 .ww8 .uxaw-ds-screen [data-ds-zone].is-locating::after{ border-color:Highlight; background:transparent; }

.uxav2 .ww8 .uxaw-ds__tabs > .uxaw-tabs__list button[aria-selected="true"]{ border-color:Highlight; }



}

.uxav2 .ww8 .ww8-route-actions{ flex:0 0 auto; padding:10px 18px 8px; border-top:1px solid #d9e0e8; background:#fff; }

.uxav2 .ww8 .ww8-app .ww8-route-actions button.ww8-app-button{ margin-top:0; }

.uxav2 .ww8 .ww8-app .ww8-route-actions button.ww8-app-text{ margin-top:2px; min-height:40px; }

@media (max-width:800px){.uxav2 .ww8 .ww8-app.is-enhanced .ww8-drawer{ height:74%; }

.uxav2 .ww8 .ww8-app[data-view="plan"] .ww8-drawer{ height:100%; }

.uxav2 .ww8 .ww8-result{ padding:16px 18px; }

.uxav2 .ww8 .ww8-result .ww8-app-kicker{ margin-bottom:6px; }

.uxav2 .ww8 .ww8-app .ww8-result h3{ font-size:25px; margin-bottom:10px; }

.uxav2 .ww8 .ww8-result-context{ display:none; }

.uxav2 .ww8 .ww8-result-facts{ gap:12px; padding:12px 0; margin-bottom:8px; }

.uxav2 .ww8 .ww8-map-art{ bottom:210px; }

.uxav2 .ww8 .ww8-route-actions{ padding:8px 14px 6px; }



}

.uxav2 .ww8 .ww8-inline-nav a:focus-visible{ outline-offset:-2px; }

.uxav2 .ww8 .ww8-dock{ z-index:999; }

.uxav2 .ww8 .ww8-dock :where(button,a):focus-visible,.uxav2 .ww8 .ww8-menu :where(button,a):focus-visible{ outline-offset:-4px; }

.uxav2 .ww8 .ww8-dock > button > svg:last-child{ transform:rotate(180deg); }

.uxav2 .ww8 .ww8-dock > button[aria-expanded="true"] > svg:last-child{ transform:none; }

@media (min-width:1200px){.uxav2 .ww8 .ww8-dock{ inset:var(--ww9-nav-top,16px) 16px auto; width:calc(100% - 32px); max-width:480px; }

.uxav2 .ww8 .ww8-dock > button > svg:last-child{ transform:none; }

.uxav2 .ww8 .ww8-dock > button[aria-expanded="true"] > svg:last-child{ transform:rotate(180deg); }

.uxav2 .ww8 dialog.ww8-menu{ inset:var(--ww9-menu-top,88px) 0 auto; width:min(480px,calc(100% - 32px)); max-height:calc(100vh - var(--ww9-menu-top,88px) - 16px); max-height:calc(100dvh - var(--ww9-menu-top,88px) - 16px); padding:18px 20px; border-radius:16px; }

.uxav2 .ww8 .ww8-menu-head{ margin-bottom:12px; }

.uxav2 .ww8 .ww8-menu-head h2{ font-size:18px; }

.uxav2 .ww8 .ww8-menu nav a{ min-height:64px; padding-block:11px; }

.uxav2 .ww8 .ww8-menu .ww8-to-top{ margin-top:8px; }



}

.uxav2 .ww8 .ww8-evidence-panel,.uxav2 .ww8 .ww8-evidence-layout{ background:transparent; box-shadow:none; }

.uxav2 .ww8 a.ww8-image:is(:hover,:focus,:active){ background:transparent; box-shadow:none; transform:none; }

.uxav2 .ww8 a.ww8-image::before,.uxav2 .ww8 a.ww8-image::after{ content:none; }

.uxav2 .ww8 a.ww8-image:is(:hover,:focus,:active) img{ opacity:1; filter:none; mix-blend-mode:normal; transform:none; }

.uxav2 .ww8 a.ww8-image:focus-visible{ outline-offset:6px; border-radius:2px; }

.uxav2 .ww8 .ww8-image .ww8-lightbox-error{ color:var(--uwb-copy); background:transparent; }

@media (forced-colors:active){.uxav2 .ww8 .ww8-demo-tabs button[aria-pressed="true"],.uxav2 .ww8 .ww8-tablist button[aria-selected="true"],.uxav2 .ww8 .ww8-menu a[aria-current="location"]{ background:Highlight; color:HighlightText; }

.uxav2 .ww8 .ww8-dock > a{ background:Highlight; color:HighlightText; }

.uxav2 .ww8 .ww8-dock :where(button,a):focus-visible{ outline-color:Highlight; }



}

.uxav2 #uxaw-case-study #uxaw-website :is(figure.ww8-evidence,figure.ww9-guide){ width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }

.uxav2 #uxaw-case-study #uxaw-website a.ww8-image{ width:100%; max-width:none; height:auto; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; aspect-ratio:auto; overflow:visible; transform:none; }

.uxav2 #uxaw-case-study #uxaw-website a.ww8-image > img{ display:block; width:100%; max-width:100%; height:auto; min-height:0; max-height:none; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; aspect-ratio:auto; object-fit:contain; opacity:1; filter:none; mix-blend-mode:normal; transform:none; }

.uxav2 .ww8 .ww9-purchase{ width:100%; min-width:0; margin:44px 0 0; padding:36px 0 0; border:0; border-top:1px solid var(--uwb-line); background:transparent; }

.uxav2 .ww8 .ww9-purchase-heading{ max-width:820px; }

.uxav2 .ww8 .ww9-purchase-label{ margin-bottom:12px; color:var(--uwb-muted); font-size:13px; line-height:1.5; }

.uxav2 .ww8 .ww9-purchase-heading h3{ margin:0 0 18px; color:var(--uwb-ink); font-size:clamp(27px,2.7vw,36px); line-height:1.22; font-weight:500; letter-spacing:-.025em; }

.uxav2 .ww8 .ww9-purchase-heading > p:last-child{ color:var(--uwb-copy); font-size:16px; line-height:1.7; }

.uxav2 .ww8 .ww9-purchase-flow{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:30px 0 0; padding:0; list-style:none; }

.uxav2 .ww8 .ww9-purchase-flow > li{ display:flex; align-items:flex-start; gap:12px; margin:0; padding:20px 0 0; border-top:1px solid var(--uwb-line); min-width:0; }

.uxav2 .ww8 .ww9-purchase-flow > li::before{ content:none; }

.uxav2 .ww8 .ww9-purchase-number{ flex:0 0 22px; color:var(--uwb-cyan); font-size:12px; line-height:1.8; font-variant-numeric:tabular-nums; }

.uxav2 .ww8 .ww9-purchase-flow h4{ margin:0 0 9px; color:var(--uwb-ink); font-size:18px; font-weight:500; line-height:1.4; letter-spacing:-.015em; }

.uxav2 .ww8 .ww9-purchase-flow p{ margin:0; color:var(--uwb-copy); font-size:14px; line-height:1.65; }

.uxav2 .ww8 .ww9-guide-heading{ max-width:820px; margin:36px 0 24px; }

.uxav2 .ww8 .ww9-guide-heading h4{ margin:0 0 10px; color:var(--uwb-ink); font-size:22px; font-weight:500; line-height:1.35; letter-spacing:-.02em; }

.uxav2 .ww8 .ww9-guide-heading p{ margin:0; color:var(--uwb-muted); font-size:14px; line-height:1.7; }

.uxav2 .ww8 .ww9-guide-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:clamp(24px,4vw,52px); width:min(940px,100%); margin:0 auto; padding:0; }

.uxav2 .ww8 figure.ww9-guide{ width:100%; margin:0; padding:0; border:0; background:transparent; box-shadow:none; }

.uxav2 .ww8 .ww9-guide figcaption{ display:grid; gap:7px; margin:18px 0 0; padding:0; color:var(--uwb-muted); font-family:inherit; font-size:13px; line-height:1.6; font-style:normal; text-align:left; }

.uxav2 .ww8 .ww9-guide figcaption strong{ color:var(--uwb-ink); font-size:20px; line-height:1.3; font-weight:500; letter-spacing:-.02em; }

.uxav2 .ww8 .ww9-guide a.ww8-image{ height:auto; padding:0; border:0; background:transparent; }

.uxav2 .ww8 .ww9-guide img{ width:100%; height:auto; max-height:none; object-fit:contain; background:transparent; }

@media (max-width:700px){.uxav2 .ww8 .ww9-purchase-flow{ grid-template-columns:minmax(0,1fr); gap:18px; }

.uxav2 .ww8 .ww9-purchase-flow > li{ gap:14px; padding-top:16px; }

.uxav2 .ww8 .ww9-guide-grid{ grid-template-columns:minmax(0,1fr); gap:30px; width:min(460px,100%); }



}

@media (max-width:600px){.uxav2 .ww8 .ww9-purchase{ margin-top:34px; padding-top:28px; }

.uxav2 .ww8 .ww9-purchase-heading h3{ font-size:27px; }

.uxav2 .ww8 .ww9-purchase-heading > p:last-child{ font-size:15px; }

.uxav2 .ww8 .ww9-guide-heading{ margin-top:30px; }



}

@media (forced-colors:active){.uxav2 .ww8 .ww9-purchase-number{ color:CanvasText; }



}

.uxav2 .ww8 .ww10-evidence-stack{ display:grid; gap:54px; }

.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence-panel + .ww8-evidence-panel{ padding-top:48px; border-top:1px solid #526583; }

.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence-layout{ display:grid; grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr); align-items:center; gap:clamp(38px,5vw,72px); }

.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence-copy{ max-width:430px; }

.uxav2 .ww8 .ww10-evidence-label{ margin:0 0 12px; color:#11efe3; font-size:12px; font-weight:600; line-height:1.5; }

.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence-copy h3{ margin-bottom:18px; font-size:clamp(25px,2.2vw,31px); line-height:1.25; }

.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence-copy p{ margin-bottom:16px; }

.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence > a{ display:grid; align-items:center; width:100%; }

.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence img{ width:100%; height:auto; max-height:620px; object-fit:contain; object-position:left center; }

.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence figcaption{ margin-top:12px; }

@media (max-width:900px){.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence-layout{ grid-template-columns:minmax(0,1fr); gap:24px; }

.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence-copy{ max-width:720px; }

.uxav2 .ww8 .ww10-evidence-stack .ww8-evidence img{ max-height:none; }



}

.uxav2 .ww8 .ww10-purchase-layout{ display:grid; grid-template-columns:minmax(0,.78fr) minmax(430px,1.22fr); align-items:center; gap:clamp(44px,6vw,86px); }

.uxav2 .ww8 .ww10-purchase-copy{ min-width:0; }

.uxav2 .ww8 .ww10-purchase-layout .ww9-purchase-flow{ grid-template-columns:minmax(0,1fr); gap:0; margin-top:28px; }

.uxav2 .ww8 .ww10-purchase-layout .ww9-purchase-flow > li{ padding:18px 0; border-top:1px solid var(--uwb-line); }

.uxav2 .ww8 .ww10-purchase-layout .ww9-purchase-flow > li:last-child{ border-bottom:1px solid var(--uwb-line); }

.uxav2 .ww8 .ww10-guide-stage{ min-width:0; padding:24px 0 28px; border-block:1px solid #526583; }

.uxav2 .ww8 .ww10-guide-stage-head{ display:grid; gap:7px; margin-bottom:22px; }

.uxav2 .ww8 .ww10-guide-stage-head > span{ color:#11efe3; font-size:12px; font-weight:600; line-height:1.5; }

.uxav2 .ww8 .ww10-guide-stage-head > strong{ max-width:33ch; color:#fff; font-size:20px; font-weight:500; line-height:1.4; }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide-grid{ position:relative; display:block; width:min(590px,100%); height:430px; margin:0 auto; }

.uxav2 .ww8 .ww10-guide-stage figure.ww9-guide{ position:absolute; width:min(45%,250px); margin:0; z-index:1; }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide--first{ left:8%; top:36px; transform:rotate(-4deg); }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide--second{ right:8%; top:6px; z-index:2; transform:rotate(4deg); }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide a.ww8-image{ position:relative; overflow:visible; }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide a.ww8-image::after{ content:""; position:absolute; inset:4px auto 4px 0; width:7px; border-radius:3px 0 0 3px; background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.12)); pointer-events:none; }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide img{ width:100%; height:auto; max-height:330px; object-fit:contain; filter:drop-shadow(0 20px 24px rgba(5,14,33,.34)); }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide figcaption{ gap:4px; margin-top:14px; color:#bdcadc; }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide figcaption strong{ color:#fff; font-size:16px; }

.uxav2 .ww8 .ww10-guide-note{ max-width:54ch; margin:12px 0 0; color:#bdcadc; font-size:12px; line-height:1.65; }

@media (hover:hover) and (pointer:fine){.uxav2 .ww8 .ww10-guide-stage .ww9-guide{ transition:transform 180ms var(--uwb-ease); }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide--first:hover{ transform:rotate(-2deg) translateY(-5px); }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide--second:hover{ transform:rotate(2deg) translateY(-5px); }



}

@media (max-width:980px){.uxav2 .ww8 .ww10-purchase-layout{ grid-template-columns:minmax(0,1fr); gap:38px; }

.uxav2 .ww8 .ww10-guide-stage{ max-width:720px; }



}

@media (max-width:600px){.uxav2 .ww8 .ww10-guide-stage .ww9-guide-grid{ height:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:18px; }

.uxav2 .ww8 .ww10-guide-stage figure.ww9-guide{ position:relative; inset:auto; width:100%; max-width:none; transform:none; }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide img{ max-height:none; }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide figcaption strong{ font-size:14px; }



}

@media (max-width:420px){.uxav2 .ww8 .ww10-guide-stage .ww9-guide-grid{ grid-template-columns:minmax(0,1fr); width:min(280px,100%); }



}

.uxav2 .ww8 .ww8-dock > a[data-ww8-prev]{ min-width:82px; padding:12px 13px; border:0; border-right:1px solid #d9e0e8; border-radius:13px 0 0 13px; color:#20355a; background:#fff; }

.uxav2 .ww8 .ww8-dock > button{ border-radius:0; }

.uxav2 .ww8 .ww8-dock > a[data-ww8-next]{ border-left:1px solid #d9e0e8; border-radius:0 13px 13px 0; }

.uxav2 .ww8 .ww8-dock > a[data-ww8-prev] .ww8-icon{ width:18px; height:18px; }

@media (max-width:480px){.uxav2 .ww8 .ww8-dock > a[data-ww8-prev],.uxav2 .ww8 .ww8-dock > a[data-ww8-next]{ min-width:64px; padding-inline:8px; gap:5px; }

.uxav2 .ww8 .ww8-dock > a[data-ww8-prev] span,.uxav2 .ww8 .ww8-dock > a[data-ww8-next] span{ font-size:11px; }



}

@media (prefers-reduced-motion:reduce){.uxav2 .ww8 .ww10-guide-stage .ww9-guide{ transition:none; }



}

.uxav2 .ww8 .ww10-guide-stage .ww9-guide-grid{

  position:static !important;

  display:grid !important;

  grid-template-columns:repeat(2,minmax(0,1fr)) !important;

  align-items:start !important;

  gap:clamp(22px,3vw,36px) !important;

  width:min(590px,100%) !important;

  height:auto !important;

  min-height:0 !important;

  margin:0 auto !important;

  overflow:visible !important;

}

.uxav2 .ww8 .ww10-guide-stage figure.ww9-guide{

  position:relative !important;

  inset:auto !important;

  top:auto !important;

  right:auto !important;

  bottom:auto !important;

  left:auto !important;

  width:100% !important;

  max-width:255px !important;

  margin:0 !important;

  justify-self:center !important;

  transform:none !important;

  z-index:auto !important;

}

.uxav2 .ww8 .ww10-guide-stage .ww9-guide a.ww8-image{

  display:block !important;

  width:100% !important;

  height:auto !important;

  overflow:visible !important;

}

.uxav2 .ww8 .ww10-guide-stage .ww9-guide img{

  display:block !important;

  width:100% !important;

  height:auto !important;

  max-width:100% !important;

  max-height:355px !important;

  margin:0 auto !important;

  object-fit:contain !important;

  object-position:center top !important;

  filter:drop-shadow(0 18px 22px rgba(5,14,33,.28)) !important;

}

.uxav2 .ww8 .ww10-guide-stage .ww9-guide figcaption{

  position:static !important;

  margin:14px 0 0 !important;

}

@media (hover:hover) and (pointer:fine){.uxav2 .ww8 .ww10-guide-stage .ww9-guide--first:hover,.uxav2 .ww8 .ww10-guide-stage .ww9-guide--second:hover{

    transform:none !important;

  }



}

@media (max-width:600px){.uxav2 .ww8 .ww10-guide-stage .ww9-guide-grid{

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    gap:16px !important;

  }

.uxav2 .ww8 .ww10-guide-stage figure.ww9-guide{

    max-width:220px !important;

  }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide img{

    max-height:320px !important;

  }



}

@media (max-width:420px){.uxav2 .ww8 .ww10-guide-stage .ww9-guide-grid{

    grid-template-columns:minmax(0,1fr) !important;

    width:min(280px,100%) !important;

    gap:26px !important;

  }

.uxav2 .ww8 .ww10-guide-stage figure.ww9-guide{

    max-width:250px !important;

  }



}

.uxav2 .ww8 .ww13-product-journey{ margin:0 0 30px; gap:28px; }

.uxav2 .ww8 .ww13-product-journey .ww9-purchase-number{ color:var(--uwb-teal); }

.uxav2 .ww8 .ww13-product-journey h4{ font-size:20px; }

.uxav2 .ww8 .ww13-product-journey p{ font-size:15px; }

.uxav2 .ww8 details.ww13-disclosure{ border-color:var(--uwb-line); }

.uxav2 .ww8 .ww13-disclosure > summary{ color:var(--uwb-ink); }

.uxav2 .ww8 .ww13-disclosure > summary strong{ display:block; font-size:17px; line-height:1.4; font-weight:500; }

.uxav2 .ww8 .ww13-disclosure > summary small{ display:block; margin-top:5px; color:var(--uwb-muted); font-size:13px; font-weight:400; line-height:1.5; }

.uxav2 .ww8 .ww13-disclosure > summary .ww8-icon{ flex:0 0 20px; }

.uxav2 .ww8 .ww13-disclosure > .ww8-details-content{ padding-top:18px; }

.uxav2 .ww8 .ww13-disclosure .ww9-purchase{ padding-top:0; margin-top:0; border-top:0; }

.uxav2 .ww8 .ww13-disclosure .uxaw-ds__workbench{ padding-top:0; border-top:0; }

.uxav2 .ww8 .ww13-build-point{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); gap:40px 64px; align-items:center; margin-bottom:30px; }

.uxav2 .ww8 .ww13-build-point h3{ max-width:26ch; margin-bottom:14px; }

.uxav2 .ww8 .ww13-build-point p{ max-width:58ch; color:var(--uwb-copy); font-size:16px; line-height:1.7; }

.uxav2 .ww8 .ww13-build-point .uxaw-ds__samples{ border-radius:5px; }

.uxav2 .ww8 #ww8-implementation .ww8-build-summary{ padding-top:0; margin:0 0 28px; border-top:0; }

.uxav2 .ww8 .ww8-dock > button > svg:first-child{ flex:0 0 20px; }

@media (max-width:800px){.uxav2 .ww8 .ww13-build-point{ grid-template-columns:minmax(0,1fr); gap:24px; }



}

@media (max-width:600px){.uxav2 .ww8 .ww13-product-journey{ grid-template-columns:minmax(0,1fr); gap:18px; }

.uxav2 .ww8 .ww13-product-journey > li{ padding-top:16px; }

.uxav2 .ww8 .ww13-product-journey h4{ margin-bottom:5px; }

.uxav2 .ww8 .ww13-product-journey p{ font-size:14px; }

.uxav2 .ww8 .ww13-build-point h3{ font-size:24px; }

.uxav2 .ww8 .ww13-disclosure > summary{ gap:16px; }

.uxav2 .ww8 .ww13-disclosure > summary strong{ font-size:16px; }



}

@media (hover:hover) and (pointer:fine){.uxav2 .ww8 .ww13-disclosure > summary:hover{ color:var(--uwb-teal); }

.uxav2 .ww8 .ww8-navy .ww13-disclosure > summary:hover{ color:#11efe3; }



}

@media (forced-colors:active){.uxav2 .ww8 .ww13-product-journey .ww9-purchase-number{ color:CanvasText; }



}

.uxav2 .ww8 #uxaw-website .ww9-purchase{ margin:0; padding-top:34px; }

.uxav2 .ww8 #uxaw-website #ww8-heat-panel{ padding-top:40px; border-top:1px solid #526583; }

.uxav2 .ww8 .ww14-spec-details{ margin:18px 0 0; }

.uxav2 .ww8 .ww14-spec-details > summary{ min-height:48px; padding:12px 0; font-size:13px; color:#536177; }

.uxav2 .ww8 .ww14-spec-details > summary::after,.uxav2 .ww8 #ww14-measurement > summary::after{ content:"+"; font-size:20px; }

.uxav2 .ww8 .ww14-spec-details[open] > summary::after,.uxav2 .ww8 #ww14-measurement[open] > summary::after{ content:"−"; }

.uxav2 .ww8 .ww14-spec-details .uxaw-ds__property{ margin:0; padding:0; border:0; }

.uxav2 .ww8 .ww14-spec-details > .ww8-details-content{ padding:4px 0 18px; }

.uxav2 .ww8 .ww8-monitor > .ww8-details{ margin-top:18px; }

@media (max-width:600px){.uxav2 .ww8 .ww8-ownership{ gap:12px 24px; margin-bottom:22px; }

.uxav2 .ww8 .ww8-ownership > span:first-child{ flex-basis:100%; }

.uxav2 .ww8 .ww10-evidence-stack{ gap:36px; }

.uxav2 .ww8 #uxaw-website #ww8-heat-panel{ padding-top:32px; }

.uxav2 .ww8 #uxaw-website .ww9-purchase{ padding-top:28px; }

.uxav2 .ww8 .ww10-purchase-layout{ gap:26px; }

.uxav2 .ww8 .ww10-guide-stage{ padding-top:20px; padding-bottom:20px; }

.uxav2 .ww8 .uxaw-ds__workbench{ gap:24px; }



}

@media (max-width:420px){.uxav2 .ww8 .ww10-guide-stage .ww9-guide-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; gap:16px !important; }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide figcaption strong{ font-size:14px; }

.uxav2 .ww8 .ww10-guide-stage .ww9-guide figcaption{ font-size:12px; }



}

@media (hover:hover) and (pointer:fine){.uxav2 .ww8 .ww14-spec-details > summary:hover{ color:#087f7b; }



}

@media (forced-colors:active){.uxav2 .ww8 .ww14-spec-details > summary{ color:CanvasText; }



}

.uxav2 .ww8 .ww15-next-project{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:32px 56px; margin-top:44px; padding-top:36px; border-top:1px solid var(--uwb-line); }

.uxav2 .ww8 .ww15-next-copy .ww8-eyebrow{ margin-bottom:14px; color:var(--uwb-teal); }

.uxav2 .ww8 .ww15-next-copy h3{ margin:0 0 18px; max-width:23ch; font-size:clamp(27px,2.5vw,34px); line-height:1.18; letter-spacing:-.03em; }

.uxav2 .ww8 .ww15-next-copy > p:not(.ww8-eyebrow){ margin-top:14px; max-width:58ch; color:var(--uwb-copy); font-size:16px; line-height:1.7; }

.uxav2 .ww8 .ww15-next-copy p.ww15-range-note{ padding-top:16px; margin-top:20px; border-top:1px solid var(--uwb-line); font-size:13px; line-height:1.6; }

.uxav2 .ww8 .ww15-range-figure{ width:100%; max-width:540px; margin:0; }

.uxav2 .ww8 .ww15-range-art{ border:1px solid #cbd5df; border-radius:12px; overflow:hidden; background:#fff; color:#223f17; font-family:Inter,system-ui,Arial,sans-serif; }

.uxav2 .ww8 .ww15-range-bar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 14px; padding:13px 18px; border-bottom:1px solid #dce4d8; font-size:12px; font-weight:600; line-height:1.5; }

.uxav2 .ww8 .ww15-range-bar > span:first-child > span{ padding:0 5px; color:#819178; }

.uxav2 .ww8 .ww15-range-badge{ padding:3px 8px; border:1px solid #dce4d8; border-radius:4px; color:#536053; font-size:10px; font-weight:500; }

.uxav2 .ww8 .ww15-range-screen{ padding:20px; }

.uxav2 .ww8 .ww15-range-heading{ display:grid; gap:5px; margin-bottom:16px; }

.uxav2 .ww8 .ww15-range-heading > strong{ color:#1a1a1a; font-family:"Barlow Semi Condensed","Arial Narrow",Inter,Arial,sans-serif; font-size:25px; font-weight:700; line-height:1.15; }

.uxav2 .ww8 .ww15-range-heading > span{ color:#536053; font-size:13px; line-height:1.5; }

.uxav2 .ww8 .ww15-range-view{ position:relative; height:170px; overflow:hidden; border:1px solid #dce4d8; border-radius:8px; background:#f3f6ef; }

.uxav2 .ww8 .ww15-range-sample{ position:absolute; left:10px; top:9px; color:#536053; font-size:10px; line-height:1.4; }

.uxav2 .ww8 .ww15-range-object{ position:absolute; left:29%; right:29%; top:25%; bottom:28%; border:1px solid #819178; border-radius:2px; background:#dce4d8; }

.uxav2 .ww8 .ww15-range-edge{ position:absolute; top:18%; bottom:20%; width:2px; background:#bd542f; }

.uxav2 .ww8 .ww15-range-edge::before,.uxav2 .ww8 .ww15-range-edge::after{ content:""; position:absolute; left:-4px; width:10px; height:10px; border:2px solid #fff; border-radius:50%; background:#bd542f; }

.uxav2 .ww8 .ww15-range-edge::before{ top:0; }

.uxav2 .ww8 .ww15-range-edge::after{ bottom:0; }

.uxav2 .ww8 .ww15-range-edge.is-left{ left:29%; }

.uxav2 .ww8 .ww15-range-edge.is-right{ right:29%; }

.uxav2 .ww8 .ww15-range-width{ position:absolute; left:29%; right:29%; bottom:7%; color:#536053; font-size:11px; line-height:1.5; text-align:center; }

.uxav2 .ww8 .ww15-range-reading{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px; padding:15px 0; color:#536053; font-size:12px; line-height:1.5; }

.uxav2 .ww8 .ww15-range-reading > strong{ color:#223f17; font-size:14px; font-weight:600; }

.uxav2 .ww8 .ww15-range-steps{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; border-top:1px solid #dce4d8; }

.uxav2 .ww8 .ww15-range-steps > span{ display:flex; align-items:center; gap:6px; padding-top:12px; border-top:2px solid transparent; color:#536053; font-size:12px; line-height:1.5; }

.uxav2 .ww8 .ww15-range-steps > span.is-current{ border-top-color:#223f17; color:#223f17; font-weight:600; }

.uxav2 .ww8 .ww15-range-steps i{ font-size:10px; font-style:normal; font-variant-numeric:tabular-nums; }

.uxav2 .ww8 .ww15-range-figure > figcaption{ margin-top:12px; color:var(--uwb-muted); font-size:12px; line-height:1.6; }

@media (max-width:800px){.uxav2 .ww8 .ww15-next-project{ grid-template-columns:minmax(0,1fr); gap:26px; }

.uxav2 .ww8 .ww15-range-figure{ max-width:540px; }

 }

@media (max-width:600px){.uxav2 .ww8 .ww15-next-project{ margin-top:32px; padding-top:28px; }

.uxav2 .ww8 .ww15-range-screen{ padding:16px; }

.uxav2 .ww8 .ww15-range-bar{ padding:12px 14px; }

.uxav2 .ww8 .ww15-range-heading > strong{ font-size:24px; }

 }

@media (max-width:359px){.uxav2 .ww8 .ww15-range-bar{ gap:6px; }

.uxav2 .ww8 .ww15-range-steps{ gap:6px; }

.uxav2 .ww8 .ww15-range-steps > span{ gap:4px; font-size:11px; }

 }

@media (forced-colors:active){.uxav2 .ww8 .ww15-range-art,.uxav2 .ww8 .ww15-range-view,.uxav2 .ww8 .ww15-range-object{ border-color:CanvasText; background:Canvas; }

.uxav2 .ww8 .ww15-range-edge,.uxav2 .ww8 .ww15-range-edge::before,.uxav2 .ww8 .ww15-range-edge::after{ background:Highlight; }

 }

.uxav2 .ww8 .ww8-dock a[aria-disabled="true"]{ opacity:.5; cursor:default; }

@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap");



.ww8 section.uxa-wtwbr-story-previews{

  --uwp-ink: var(--uwb-ink, #20355a);

  --uwp-copy: var(--uwb-copy, #536177);

  --uwp-muted: var(--uwb-muted, #5c6b7e);

  --uwp-line: var(--uwb-line, #d9e0e8);

  --uwp-accent: var(--uwb-teal, #087f7b);

  width: 100%;

  min-width: 0;

  margin: 0 0 36px;

  padding: 8px 0 38px;

  border: 0;

  border-bottom: 1px solid var(--uwp-line);

  background: transparent;

  color: var(--uwp-ink);

  font-family: inherit;

  text-align: left;

}

.uxav2 .uxa-wtwbr-story-previews,.uxav2 .uxa-wtwbr-story-previews *,.uxav2 .uxa-wtwbr-story-previews *::before,.uxav2 .uxa-wtwbr-story-previews *::after{ box-sizing: border-box; }

.uxav2 .uxa-wtwbr-story-previews [hidden]{ display: none !important; }

.uxav2 .uxa-wtwbr-story-previews :where(p,h2,h3,figure,dl,dt,dd,ul){ margin: 0; }

.uxav2 .uxa-wtwbr-story-previews :where(a,button,summary,[tabindex]):focus-visible{

  outline: 3px solid var(--uwp-accent);

  outline-offset: 4px;

}

.uxav2 .uxa-wtwbr-story-previews :where(a,button){

  font-family: inherit;

  -webkit-tap-highlight-color: transparent;

  touch-action: manipulation;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-story-head{ max-width: 780px; margin-bottom: 28px; }

.uxav2 .uxa-wtwbr-story-previews h3.uwp-story-heading{

  margin: 0 0 14px;

  padding: 0;

  color: var(--uwp-ink);

  font-family: inherit;

  font-size: 25px;

  font-weight: 500;

  line-height: 1.25;

  letter-spacing: -.025em;

  text-transform: none;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-story-copy{

  max-width: 72ch;

  color: var(--uwp-copy);

  font-size: 15px;

  font-weight: 400;

  line-height: 1.7;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-icon{

  display: block;

  width: 18px;

  height: 18px;

  flex: 0 0 18px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;

  stroke-linejoin: round;

}

.uxav2 .uxa-wtwbr-story-previews figure.uwp-visual{

  width: 100%;

  max-width: 840px;

  min-width: 0;

  margin: 0 auto;

  padding: 0;

  border: 0;

  background: transparent;

  box-shadow: none;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-visual-top{

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 4px 20px;

  margin: 0 0 12px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-visual-top p{

  color: var(--uwp-muted);

  font-size: 12px;

  line-height: 1.6;

}

.uxav2 .uxa-wtwbr-story-previews button.uwp-enlarge{

  appearance: none;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  min-height: 44px;

  padding: 8px 0;

  margin: 0;

  border: 0;

  border-radius: 0;

  color: var(--uwp-ink);

  background: transparent;

  font-size: 12px;

  font-weight: 500;

  line-height: 1.5;

  text-transform: none;

  box-shadow: none;

  cursor: pointer;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-enlarge span{

  text-decoration: underline;

  text-underline-offset: 4px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-stage{

  display: grid;

  grid-template-columns: repeat(2,minmax(0,1fr));

  gap: 32px;

  align-items: stretch;

  text-align: left;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-pane{

  display: flex;

  flex-direction: column;

  width: 100%;

  min-width: 0;

  margin: 0;

  padding: 0;

  overflow: hidden;

  border: 1px solid var(--uwp-line);

  border-radius: 16px;

  background: #fff;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-pane-label{

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  padding: 12px 16px;

  border-bottom: 1px solid #dce4d8;

  background: #f6f7f2;

  color: #536053;

  font-size: 12px;

  font-weight: 500;

  line-height: 1.5;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-viewport{

  position: relative;

  width: 100%;

  aspect-ratio: 400 / 720;

  overflow: auto;

  scrollbar-width: thin;

  scrollbar-color: #819178 #f6f7f2;

  background: #fff;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-viewport:focus-visible{

  outline-color: #223f17;

  outline-offset: -4px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-sizer{

  position: relative;

  width: 100%;

  overflow: hidden;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-canvas{ width: 100%; transform-origin: top left; }

.uxav2 .uxa-wtwbr-story-previews .uwp-screen{ pointer-events: none; }

.uxav2 .uxa-wtwbr-story-previews .uwp-visual > figcaption{

  margin: 14px 0 0;

  padding: 0;

  color: var(--uwp-muted);

  font-family: inherit;

  font-size: 12px;

  font-style: normal;

  line-height: 1.65;

  text-align: left;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-mobile-views{ display: none; }

.uxav2 .uxa-wtwbr-story-previews button.uwp-view{

  appearance: none;

  min-height: 44px;

  padding: 10px 12px;

  margin: 0;

  border: 0;

  border-bottom: 2px solid transparent;

  border-radius: 0;

  color: var(--uwp-muted);

  background: transparent;

  font-size: 14px;

  font-weight: 500;

  line-height: 1.5;

  text-transform: none;

  cursor: pointer;

  box-shadow: none;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-view[aria-selected="true"]{

  color: var(--uwp-ink);

  border-bottom-color: var(--uwp-accent);

}

.uxav2 .uxa-wtwbr-story-previews .uwp-screen{

  --ws-forest: #223f17;

  --ws-coral: #ff825c;

  --ws-ink: #1a1a1a;

  --ws-muted: #536053;

  --ws-border: #dce4d8;

  --ws-selected: #eaf2e4;

  --ws-heading: "Barlow Semi Condensed","Arial Narrow",Inter,sans-serif;



  position: relative;

  display: block;

  min-width: 0;

  padding: 24px;

  color: var(--ws-ink);

  background: #fff;

  font: 400 14px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  text-align: left;

  overflow-wrap: break-word;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-screen :where(section,div,span,dl,dt,dd){

  min-width: 0;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-screen :where(h2,h3,p,dl,dt,dd,ul){

  margin: 0;

  padding: 0;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-screen em{

  font-style: normal;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-screen button{

  font-family: inherit;

  cursor: default;

  box-shadow: none;

  text-transform: none;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-ui-icon{

  display: block;

  width: 24px;

  height: 24px;

  flex: 0 0 24px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.7;

  stroke-linecap: round;

  stroke-linejoin: round;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-ui-icon *{

  fill: none;

  stroke: currentColor;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-contour{

  position: absolute;

  top: 0;

  right: 6px;

  width: 150px;

  height: 54px;

  opacity: .6;

  pointer-events: none;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-screen > section{

  position: relative;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-intro,.uxav2 .uxa-wtwbr-story-previews .uwp-ready{

  padding-top: 12px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-intro > span,.uxav2 .uxa-wtwbr-story-previews .uwp-ready > h2{

  display: block;

  margin: 0 0 12px;

  color: var(--ws-forest);

  font: 600 12px/16px Inter,system-ui,sans-serif;

  letter-spacing: .04em;

  text-transform: uppercase;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-intro h2,.uxav2 .uxa-wtwbr-story-previews h3.uwp-result-title{

  margin: 0 0 8px;

  color: var(--ws-ink);

  font: 700 32px/1.08 var(--ws-heading);

  letter-spacing: 0;

  text-transform: none;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-intro p,.uxav2 .uxa-wtwbr-story-previews .uwp-ready > p{

  color: var(--ws-muted);

  font-size: 14px;

  font-weight: 400;

  line-height: 21px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-ready > p{

  margin: 8px 0 16px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-options{

  display: grid;

  grid-auto-rows: 1fr;

  gap: 20px;

  padding-top: 16px;

  margin-top: 8px;

}

.uxav2 .uxa-wtwbr-story-previews button.uwp-method-option{

  position: relative;

  display: grid;

  grid-template-columns: 48px minmax(0,1fr) 20px;

  align-items: center;

  gap: 16px;

  width: 100%;

  min-height: 148px;

  height: 100%;

  margin: 0;

  padding: 16px;

  color: var(--ws-ink);

  border: 1px solid var(--ws-border);

  border-radius: 16px;

  background: #fff;

  text-align: left;

  letter-spacing: 0;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-icon{

  display: grid;

  place-items: center;

  width: 48px;

  height: 48px;

  border-radius: 16px;

  background: var(--ws-selected);

  color: var(--ws-forest);

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-copy{

  display: flex;

  flex-direction: column;

  gap: 4px;

  padding: 0;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-copy strong{

  color: var(--ws-ink);

  font: 700 22px/28px var(--ws-heading);

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-copy em{

  color: var(--ws-muted);

  font-size: 14px;

  font-weight: 400;

  line-height: 21px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-badge{

  position: absolute;

  top: -13px;

  right: 16px;

  display: block;

  height: 26px;

  padding: 4px 12px;

  border-radius: 99px;

  color: #fff;

  background: var(--ws-forest);

  font-size: 12px;

  font-weight: 600;

  line-height: 18px;

  letter-spacing: .025em;

  text-transform: uppercase;

  white-space: nowrap;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-arrow{

  display: flex;

  align-items: center;

  justify-content: center;

  width: 20px;

  height: 20px;

  color: var(--ws-forest);

}

.uxav2 .uxa-wtwbr-story-previews .uwp-method-arrow svg{

  width: 20px;

  height: 20px;

  flex-basis: 20px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-park-context{

  display: flex;

  align-items: center;

  gap: 8px;

  margin: 8px 0 12px;

  color: var(--ws-muted);

  font-size: 14px;

  line-height: 20px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-park-context svg{

  width: 16px;

  height: 16px;

  flex-basis: 16px;

  color: var(--ws-forest);

}

.uxav2 .uxa-wtwbr-story-previews .uwp-ready > dl{

  display: flex;

  flex-direction: column;

  gap: 14px;

  padding: 16px 0;

  margin: 0 0 12px;

  border-block: 1px solid var(--ws-border);

}

.uxav2 .uxa-wtwbr-story-previews [data-uwp-fact]{

  display: grid;

  grid-template-columns: 44px minmax(0,1fr);

  grid-template-rows: auto auto;

  column-gap: 16px;

  row-gap: 2px;

  min-height: 44px;

}

.uxav2 .uxa-wtwbr-story-previews [data-uwp-fact] > dt{

  grid-column: 2;

  grid-row: 1;

  color: var(--ws-muted);

  font-size: 12px;

  font-weight: 500;

  line-height: 16px;

  letter-spacing: .035em;

  text-transform: uppercase;

}

.uxav2 .uxa-wtwbr-story-previews [data-uwp-fact] > dd{

  grid-column: 2;

  grid-row: 2;

  color: var(--ws-ink);

  font-size: 16px;

  font-weight: 600;

  line-height: 22px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-fact-icon{

  display: flex;

  align-items: center;

  justify-content: center;

  align-self: center;

  grid-column: 1;

  grid-row: 1 / span 2;

  width: 44px;

  height: 44px;

  padding: 8px;

  border: 1px solid var(--ws-border);

  border-radius: 50%;

  background: var(--ws-selected);

  color: var(--ws-forest);

}

.uxav2 .uxa-wtwbr-story-previews .uwp-sample-print-row > dt{

  display: none;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-sample-print-row{

  padding: 6px 0 0;

}

.uxav2 .uxa-wtwbr-story-previews button.uwp-save{

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  width: 100%;

  min-height: 48px;

  height: auto;

  margin: 0;

  padding: 11px 15px;

  border: 1px solid var(--ws-coral);

  border-radius: 12px;

  color: var(--ws-ink);

  background: var(--ws-coral);

  font-size: 16px;

  font-weight: 600;

  line-height: 22px;

  letter-spacing: 0;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-save-icon{

  display: flex;

  width: 24px;

  height: 24px;

  flex: 0 0 24px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-source-note{

  padding-top: 8px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-source-note dt{

  margin-bottom: 8px;

  color: var(--ws-ink);

  font-size: 14px;

  font-weight: 600;

  line-height: 20px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-source-note dd{

  color: var(--ws-muted);

  font-size: 14px;

  font-weight: 400;

  line-height: 21px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-source-disclosure{

  margin: 0;

  padding: 0;

  border: 0;

  background: transparent;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-source-disclosure > summary{

  display: flex;

  align-items: center;

  gap: 12px;

  min-height: 48px;

  margin: 0;

  padding: 12px 8px;

  border-bottom: 1px solid var(--ws-border);

  color: var(--ws-ink);

  font-size: 14px;

  font-weight: 500;

  line-height: 20px;

  list-style: none;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-source-disclosure > summary::-webkit-details-marker{

  display: none;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-source-disclosure > summary > svg{

  color: var(--ws-forest);

}

.uxav2 .uxa-wtwbr-story-previews .uwp-source-disclosure > summary::after{

  content: "›";

  margin-left: auto;

  color: var(--ws-forest);

  font-size: 22px;

}

.uxav2 .uxa-wtwbr-story-previews dialog.uwp-dialog{

  width: min(520px,calc(100% - 24px));

  max-width: none;

  max-height: calc(100vh - 24px);

  max-height: calc(100svh - 24px);

  margin: auto;

  padding: 20px;

  border: 1px solid #dce4d8;

  border-radius: 8px;

  color: #20355a;

  background: #fff;

  font-family: inherit;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog:not([open]){

  display: none;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog[open]{

  display: flex;

  flex-direction: column;

  gap: 0;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog::backdrop{

  background: rgba(10,22,42,.8);

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog-head{

  display: flex;

  flex: 0 0 auto;

  align-items: center;

  justify-content: space-between;

  gap: 16px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog-head h2{

  min-width: 0;

  margin: 0;

  padding: 0;

  color: #20355a;

  font-family: inherit;

  font-size: 20px;

  font-weight: 600;

  line-height: 1.3;

  letter-spacing: -.02em;

  text-transform: none;

}

.uxav2 .uxa-wtwbr-story-previews button.uwp-close{

  display: grid;

  place-items: center;

  width: 44px;

  height: 44px;

  flex: 0 0 44px;

  margin: 0;

  padding: 0;

  border: 1px solid #819178;

  border-radius: 4px;

  color: #20355a;

  background: #fff;

  box-shadow: none;

  cursor: pointer;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog-note{

  flex: 0 0 auto;

  margin: 10px 0 14px;

  color: #536053;

  font-size: 13px;

  line-height: 1.6;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog-views{

  display: flex;

  flex: 0 0 auto;

  gap: 16px;

  margin-bottom: 14px;

  border-bottom: 1px solid #dce4d8;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog .uwp-view{

  color: #536053;

  padding-inline: 4px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog .uwp-view[aria-selected="true"]{

  color: #223f17;

  border-bottom-color: #223f17;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog-scroll{

  min-height: 0;

  overflow: auto;

  border: 1px solid #dce4d8;

  border-radius: 5px;

  scrollbar-width: thin;

  scrollbar-color: #819178 #f6f7f2;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog .uwp-screen{

  width: 100%;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog :where(button,[tabindex]):focus-visible{

  outline-color: #223f17;

  outline-offset: -4px;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog{

  max-height: calc(100dvh - 24px);

}

@media (hover:hover) and (pointer:fine){.uxav2 .uxa-wtwbr-story-previews .uwp-enlarge:hover{ color: var(--uwp-accent); }

.uxav2 .uxa-wtwbr-story-previews .uwp-view:hover{ color: var(--uwp-ink); }

.uxav2 .uxa-wtwbr-story-previews .uwp-close:hover{ background: #eaf2e4; }



}

@media (max-width:820px){.uxav2 .uxa-wtwbr-story-previews .uwp-stage{ gap: 24px; }



}

@media (max-width:600px){.uxav2 .ww8 section.uxa-wtwbr-story-previews{ margin-bottom: 28px; padding: 4px 0 28px; }

.uxav2 .uxa-wtwbr-story-previews .uwp-story-head{ margin-bottom: 22px; }

.uxav2 .uxa-wtwbr-story-previews h3.uwp-story-heading{ font-size: 24px; }

.uxav2 .uxa-wtwbr-story-previews figure.uwp-visual{ max-width: 440px; }

.uxav2 .uxa-wtwbr-story-previews .uwp-stage{ grid-template-columns: minmax(0,1fr); gap: 24px; }

.uxav2 .uxa-wtwbr-story-previews .uwp-mobile-views:not([hidden]){

    display: flex;

    gap: 10px;

    margin: 0 0 16px;

    border-bottom: 1px solid var(--uwp-line);

  }

.uxav2 .uxa-wtwbr-story-previews .uwp-mobile-views .uwp-view{

    flex: 1 1 0;

    min-width: 0;

    padding-inline: 0;

    text-align: left;

  }

.uxav2 .uxa-wtwbr-story-previews .uwp-pane-label{ padding: 10px 14px; }

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog{ padding: 16px; }

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog .uwp-screen{ padding: 20px; }



}

@media (max-width:420px){.uxav2 .uxa-wtwbr-story-previews .uwp-dialog button.uwp-method-option{

    grid-template-columns: 36px minmax(0,1fr) 18px;

    gap: 10px;

    padding: 14px 12px;

  }

.uxav2 .uxa-wtwbr-story-previews .uwp-dialog .uwp-method-icon{

    width: 36px;

    height: 36px;

    border-radius: 12px;

  }



}

@media (prefers-reduced-motion:reduce){.uxav2 .uxa-wtwbr-story-previews *,.uxav2 .uxa-wtwbr-story-previews *::before,.uxav2 .uxa-wtwbr-story-previews *::after{

    transition: none !important;

    animation: none !important;

    scroll-behavior: auto !important;

  }



}

@media (forced-colors:active){.uxav2 .uxa-wtwbr-story-previews :where(a,button,[tabindex]):focus-visible{ outline-color: Highlight; }

.uxav2 .uxa-wtwbr-story-previews .uwp-view[aria-selected="true"]{ border-bottom-color: Highlight; }



}

.uxav2 .uxa-wtwbr-story-previews .uwp-story-layout{

  display: grid;

  grid-template-columns: minmax(0,1.65fr) minmax(310px,.85fr);

  grid-template-areas: "visual copy";

  align-items: stretch;

  gap: clamp(36px,4.2vw,64px);

  width: 100%;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-story-head{

  grid-area: copy;

  align-self: center;

  width: 100%;

  max-width: 440px;

  margin: 0;

}

.uxav2 .uxa-wtwbr-story-previews h3.uwp-story-heading{

  max-width: 17ch;

  margin-bottom: 28px;

  font-size: clamp(27px,2.4vw,34px);

  line-height: 1.18;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-story-points{

  border-top: 1px solid var(--uwp-line);

}

.uxav2 .uxa-wtwbr-story-previews .uwp-story-point{

  padding: 21px 0 23px;

  border-bottom: 1px solid var(--uwp-line);

}

.uxav2 .uxa-wtwbr-story-previews .uwp-story-label{

  display: block;

  margin-bottom: 9px;

  color: var(--uwp-accent);

  font-size: 12px;

  font-weight: 600;

  line-height: 1.5;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-story-copy{

  max-width: 42ch;

  font-size: 15.5px;

  line-height: 1.7;

}

.uxav2 .uxa-wtwbr-story-previews figure.uwp-visual{

  grid-area: visual;

  width: 100%;

  max-width: none;

  margin: 0;

}

.uxav2 .uxa-wtwbr-story-previews .uwp-stage{ gap: 24px; }

@media (max-width:1100px){.uxav2 .uxa-wtwbr-story-previews .uwp-story-layout{

    grid-template-columns: minmax(0,1fr);

    grid-template-areas: "copy" "visual";

    gap: 32px;

  }

.uxav2 .uxa-wtwbr-story-previews .uwp-story-head{

    max-width: 800px;

  }

.uxav2 .uxa-wtwbr-story-previews h3.uwp-story-heading{

    max-width: none;

    font-size: 27px;

    margin-bottom: 20px;

  }

.uxav2 .uxa-wtwbr-story-previews .uwp-story-points{

    display: grid;

    grid-template-columns: repeat(2,minmax(0,1fr));

    gap: 24px;

  }

.uxav2 .uxa-wtwbr-story-previews .uwp-story-point{ padding-block: 16px 18px; }

.uxav2 .uxa-wtwbr-story-previews figure.uwp-visual{ max-width: 840px; }



}

@media (max-width:600px){.uxav2 .uxa-wtwbr-story-previews .uwp-story-layout{ gap: 24px; }

.uxav2 .uxa-wtwbr-story-previews h3.uwp-story-heading{ font-size: 24px; margin-bottom: 16px; }

.uxav2 .uxa-wtwbr-story-previews .uwp-story-points{ grid-template-columns: minmax(0,1fr); gap: 0; }

.uxav2 .uxa-wtwbr-story-previews .uwp-story-point{ padding-block: 15px 17px; }

.uxav2 .uxa-wtwbr-story-previews figure.uwp-visual{ max-width: 440px; }



}

.uxav2 .ww8 .ww22-release-note{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;padding:18px 0;margin:0 0 28px;border-block:1px solid var(--uwb-line);color:var(--uwb-copy);font-size:15px;line-height:1.65}

.uxav2 .ww8 .ww22-release-note strong{color:var(--uwb-ink);font-weight:600}

.uxav2 .ww8 .ww22-release-note span{flex:1 1 440px}

.uxav2 .uxa-wtwbr-body.ww8 #uxaw-decisions figure.ww22-source-explanation{margin:32px 0;padding:28px;background:#fff;border:1px solid var(--uwb-line);border-radius:12px}

.uxav2 .ww8 .ww22-source-explanation header{margin-bottom:22px;max-width:760px}

.uxav2 .ww8 .ww22-source-explanation h3{margin-bottom:10px}

.uxav2 .ww8 .ww22-source-explanation p{color:var(--uwb-copy);font-size:16px;line-height:1.65}

.uxav2 .ww8 .ww22-source-explanation dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

.uxav2 .ww8 .ww22-source-explanation dl>div{padding-top:18px;border-top:1px solid var(--uwb-line)}

.uxav2 .ww8 .ww22-source-explanation dt{display:flex;gap:10px;align-items:center;margin-bottom:14px;font-size:16px;font-weight:600;line-height:1.5}

.uxav2 .ww8 .ww22-source-explanation dt span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#e8eef6;color:#20355a;font-size:12px;font-weight:600}

.uxav2 .ww8 .ww22-source-explanation dd{margin:0}

.uxav2 .ww8 .ww22-source-explanation dd strong{display:block;margin-bottom:8px;font-size:17px;line-height:1.4;font-weight:600}

.uxav2 .ww8 .ww22-source-explanation figcaption{margin-top:22px;color:var(--uwb-muted);font-size:13px;line-height:1.65}

.uxav2 .ww8 .ww8-decision-flow article>p:not(.ww8-step){font-size:16px}

@media(max-width:767px){.uxav2 .ww8 .ww22-release-note{margin-bottom:24px;padding:16px 0}

.uxav2 .uxa-wtwbr-body.ww8 #uxaw-decisions figure.ww22-source-explanation{padding:22px 18px;margin-block:26px}

.uxav2 .ww8 .ww22-source-explanation dl{grid-template-columns:minmax(0,1fr);gap:22px}



}

.uxav2 .uxa-wtwbr-body.ww8 #ww8-saved .ww8-paper-map{height:auto;aspect-ratio:16/9;width:100%;background:#f8fbfd}

.uxav2 .uxa-wtwbr-body.ww8 #ww8-saved .ww8-paper-map>.ww8-map-svg{width:100%;height:100%;max-width:none;display:block}

.uxav2 .uxa-wtwbr-body.ww8 #uxaw-decisions figure.ww23-seasonal{margin:32px 0;padding:28px;border:1px solid var(--uwb-line);border-radius:12px;background:#fff}

.uxav2 .ww8 .ww23-head{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:24px}

.uxav2 .ww8 .ww23-head>div{max-width:720px}

.uxav2 .ww8 .ww23-kicker{margin:0 0 12px;color:var(--uwb-muted);font-size:13px;line-height:1.5}

.uxav2 .ww8 .ww23-head h3{margin-bottom:12px}

.uxav2 .ww8 .ww23-head p:not(.ww23-kicker){color:var(--uwb-copy);font-size:16px;line-height:1.65}

.uxav2 .ww8 .ww23-head label{display:grid;gap:8px;min-width:170px;color:#20355a;font-size:14px;font-weight:600;line-height:1.5}

.uxav2 .ww8 .ww23-head select{width:100%;min-height:46px;padding:10px 34px 10px 12px;border:1px solid #a7b7cd;border-radius:7px;color:#20355a;background:#fff;font-size:16px}

.uxav2 .ww8 .ww23-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}

.uxav2 .ww8 .ww23-panel{overflow:hidden;border:1px solid #d9e0e8;border-radius:10px;background:#fff}

.uxav2 .ww8 .ww23-panel-current{border-color:#385b90}

.uxav2 .ww8 .ww23-panel-head{padding:16px 18px;border-bottom:1px solid #d9e0e8;display:grid;gap:6px}

.uxav2 .ww8 .ww23-panel-head span{color:#536177;font-size:13px;line-height:1.5}

.uxav2 .ww8 .ww23-panel-head strong{color:#20355a;font-size:19px;line-height:1.3;font-weight:600}

.uxav2 .ww8 .ww23-map{width:100%;aspect-ratio:8/5;overflow:hidden;background:#f8fbfd}

.uxav2 .ww8 .ww23-map svg{width:100%;height:100%;display:block}

.uxav2 .ww8 .ww23-panel>p{padding:16px 18px;min-height:78px;border-top:1px solid #d9e0e8;color:#536177;font-size:15px;line-height:1.6}

.uxav2 .ww8 .ww23-seasonal figcaption{margin-top:18px;color:var(--uwb-muted);font-size:13px;line-height:1.65}

.uxav2 .ww8 .ww23-map [hidden]{display:none!important}

@media(max-width:767px){.uxav2 .uxa-wtwbr-body.ww8 #uxaw-decisions figure.ww23-seasonal{padding:22px 18px;margin-block:26px}

.uxav2 .ww8 .ww23-head{display:grid;gap:20px}

.uxav2 .ww8 .ww23-head label{max-width:100%;width:100%}

.uxav2 .ww8 .ww23-comparison{grid-template-columns:minmax(0,1fr);gap:20px}

.uxav2 .ww8 .ww23-map{aspect-ratio:4/3}

.uxav2 .uxa-wtwbr-body.ww8 #ww8-saved .ww8-paper-map{aspect-ratio:4/3}



}

.uxav2 .uxa-wtwbr-body.ww8 #uxaw-planner-previews .uwp-story-copy + .uwp-story-copy{margin-top:14px}

.uxav2 .uxa-wtwbr-body.ww8 .ww8-map-tools button{width:44px;min-height:44px}

.uxav2 .ww8 .ww24-decisions{padding:38px var(--ww8-gutter);max-width:1460px;margin:auto;border-bottom:1px solid var(--uwb-line)}

.uxav2 .ww8 .ww24-decisions ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0}

.uxav2 .ww8 .ww24-decisions li{min-width:0}

.uxav2 .ww8 .ww24-decisions li a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px 12px;min-height:72px;color:var(--uwb-ink);text-decoration:none;padding:12px 0;border-top:1px solid var(--uwb-line)}

.uxav2 .ww8 .ww24-decisions li a>span{grid-row:1/3;color:var(--uwb-teal);font-size:13px;padding-top:2px}

.uxav2 .ww8 .ww24-decisions strong{font-weight:600;font-size:17px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}

.uxav2 .ww8 .ww24-decisions small{font-size:14px;color:var(--uwb-copy);line-height:1.6}

.uxav2 .ww8 .ww24-evidence-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;color:var(--uwb-ink);font-size:15px;text-underline-offset:4px}

.uxav2 .ww8 .ww24-field-context{color:var(--uwb-copy);font-size:14px;margin:-12px 0 24px}

.uxav2 .ww8 .ww24-customer-evidence{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;padding:28px 0;margin:28px 0;border-block:1px solid var(--uwb-line)}

.uxav2 .ww8 .ww24-customer-evidence h3{margin:0 0 16px}

.uxav2 .ww8 .ww24-customer-evidence p{font-size:16px;line-height:1.7;color:var(--uwb-copy);margin-bottom:14px}

.uxav2 .ww8 .ww24-customer-evidence p.ww8-caption{font-size:13px}

.uxav2 .ww8 .ww24-customer-evidence a{display:inline-flex;align-items:center;min-height:44px;color:var(--uwb-ink);font-size:15px;text-underline-offset:4px}

.uxav2 .ww8 .ww24-range-detail{margin-top:32px}

.uxav2 .ww8 .ww24-range-detail #uxaw-range-finder{margin:0;padding:24px 0 0;border:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}

.uxav2 .ww8 .ww24-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media(max-width:767px){.uxav2 .ww8 .ww24-decisions{padding-block:28px}

.uxav2 .ww8 .ww24-decisions ol,.uxav2 .ww8 .ww24-customer-evidence{grid-template-columns:minmax(0,1fr);gap:16px}

.uxav2 .ww8 .ww24-customer-evidence{padding-block:24px}

.uxav2 .ww8 .ww24-range-detail #uxaw-range-finder{grid-template-columns:minmax(0,1fr)}

.uxav2 .ww8 .ww24-decisions li a{min-height:64px}}

.uxav2 .uxrp.uxrp .ucb-art{

  --u: 1px;

  position: relative;

  width: 100%;

  aspect-ratio: 600 / 400;

  overflow: hidden;

  border-radius: 5px;

  background: #e5edec;

  container-type: inline-size;

  isolation: isolate;

}

.uxav2 .uxrp.uxrp .ucb-art--korn{

  aspect-ratio: 600 / 400;

}

.uxav2 .uxrp.uxrp .ucb-art .uxacsi-illus{

  position: absolute;

  inset: 0;

  overflow: hidden;

  font-family: inherit;

  line-height: 1.3;

  pointer-events: none;

}

.uxav2 .uxrp.uxrp .ucb-art :where(aside, article){

  margin: 0;

  min-width: 0;

}

.uxav2 .uxrp.uxrp .ucb-art :where(span, strong, div){

  min-width: 0;

}

.uxav2 .uxrp.uxrp .ucb-art svg{

  display: block;

  max-width: 100%;

}

@supports (width: 1cqw){.uxav2 .uxrp.uxrp .ucb-art{

    --u: .1666667cqw;

  }}

.uxav2 .uxrp.uxrp .uxacsi-korn2{

  position:absolute;

  inset:0;

  overflow:hidden;

  color:#20355a;

  background:

    radial-gradient(circle at 84% 16%, rgba(17,239,227,.20), transparent 25%),

    radial-gradient(circle at 12% 88%, rgba(162,104,207,.14), transparent 30%),

    linear-gradient(145deg,#e9eef5,#f4f7fa 70%);

  font-family:inherit;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2::before{

  content:"";

  position:absolute;

  inset:0;

  background:

    linear-gradient(rgba(32,53,90,.045) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    linear-gradient(90deg, rgba(32,53,90,.045) calc(1 * var(--u)), transparent calc(1 * var(--u)));

  background-size:calc(34 * var(--u)) calc(34 * var(--u));

  opacity:.65;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__dashboard{

  position:absolute;

  z-index:2;

  left:6%;

  top:10%;

  width:88%;

  height:74%;

  display:grid;

  grid-template-columns:calc(46 * var(--u)) minmax(0,1fr);

  overflow:hidden;

  border:calc(1 * var(--u)) solid rgba(32,53,90,.12);

  border-radius:calc(15 * var(--u));

  background:#f5f7fa;

  box-shadow:0 calc(22 * var(--u)) calc(44 * var(--u)) rgba(32,53,90,.16);

  transform:rotate(-1deg);

  transform-origin:center;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__rail{

  display:flex;

  flex-direction:column;

  align-items:center;

  gap:calc(10 * var(--u));

  padding:calc(10 * var(--u)) calc(6 * var(--u));

  background:#172a4a;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__brand{

  display:grid;

  place-items:center;

  width:calc(28 * var(--u));

  height:calc(28 * var(--u));

  margin-bottom:calc(4 * var(--u));

  border-radius:calc(7 * var(--u));

  color:#20355a;

  background:#11efe3;

  font-size:calc(11 * var(--u));

  font-weight:800;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__rail i{

  position:relative;

  display:block;

  width:calc(27 * var(--u));

  height:calc(27 * var(--u));

  border-radius:calc(6 * var(--u));

  background:rgba(255,255,255,.055);

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__rail i::before{

  content:"";

  position:absolute;

  inset:calc(8 * var(--u));

  border:calc(1 * var(--u)) solid #8e9cb1;

  border-radius:calc(2 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__rail i.is-active{

  background:rgba(17,239,227,.12);

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__rail i.is-active::before{

  border-color:#11efe3;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__user{

  display:grid;

  place-items:center;

  width:calc(25 * var(--u));

  height:calc(25 * var(--u));

  margin-top:auto;

  border-radius:50%;

  color:#d4dce8;

  background:#30486e;

  font-size:calc(8 * var(--u));

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__app{

  display:flex;

  flex-direction:column;

  min-width:0;

  min-height:0;

  background:#f5f7fa;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__chrome{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(10 * var(--u));

  min-height:calc(39 * var(--u));

  padding:calc(6 * var(--u)) calc(12 * var(--u));

  border-bottom:calc(1 * var(--u)) solid #d9e0e8;

  background:#fff;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__chrome small,.uxav2 .uxrp.uxrp .uxacsi-korn2__chrome strong{

  display:block;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__chrome small{

  color:#536177;

  font-size:calc(7.2 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__chrome strong{

  margin-top:calc(1 * var(--u));

  color:#20355a;

  font-size:calc(9.8 * var(--u));

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__chrome-user{

  display:grid;

  place-items:center;

  width:calc(22 * var(--u));

  height:calc(22 * var(--u));

  border-radius:50%;

  color:#fff;

  background:#3d567e;

  font-size:calc(7 * var(--u));

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__modes{

  display:flex;

  align-items:stretch;

  gap:calc(18 * var(--u));

  min-height:calc(34 * var(--u));

  padding:0 calc(13 * var(--u));

  border-bottom:calc(1 * var(--u)) solid #d9e0e8;

  background:#fff;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__modes span{

  display:flex;

  align-items:center;

  border-bottom:calc(2 * var(--u)) solid transparent;

  color:#536177;

  font-size:calc(8 * var(--u));

  font-weight:500;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__modes span.is-active{

  color:#20355a;

  border-color:#087f7b;

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__content{

  flex:1;

  min-height:0;

  padding:calc(9 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__intro{

  display:flex;

  justify-content:space-between;

  align-items:flex-start;

  gap:calc(9 * var(--u));

  margin-bottom:calc(7 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__intro > div{

  max-width:72%;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__intro small{

  display:block;

  margin-bottom:calc(2 * var(--u));

  color:#087f7b;

  font-size:calc(6.8 * var(--u));

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__intro strong{

  display:block;

  color:#20355a;

  font-size:calc(10.6 * var(--u));

  line-height:1.25;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__intro p{

  margin-top:calc(2 * var(--u));

  color:#536177;

  font-size:calc(6.9 * var(--u));

  line-height:1.4;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__refresh{

  display:flex;

  align-items:center;

  gap:calc(4 * var(--u));

  min-height:calc(22 * var(--u));

  padding:calc(3 * var(--u)) calc(6 * var(--u));

  border:calc(1 * var(--u)) solid #c1ccd8;

  border-radius:calc(5 * var(--u));

  color:#20355a;

  background:#fff;

  font-size:calc(6.8 * var(--u));

  font-weight:600;

  white-space:nowrap;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__refresh::before{

  content:"↻";

  font-size:calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2-card{

  padding:calc(8 * var(--u));

  border:calc(1 * var(--u)) solid #cbd6e0;

  border-radius:calc(7 * var(--u));

  background:#fff;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2-card.is-selected{

  border-color:#087f7b;

  box-shadow:inset 0 0 0 calc(1 * var(--u)) #087f7b;

  background:#fbfdfd;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2-card__top{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(5 * var(--u));

  margin-bottom:calc(5 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__letter{

  display:grid;

  place-items:center;

  width:calc(20 * var(--u));

  height:calc(20 * var(--u));

  border:calc(1 * var(--u)) solid #cdd8e2;

  border-radius:calc(5 * var(--u));

  color:#20355a;

  background:#edf1f6;

  font-size:calc(7.8 * var(--u));

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__state{

  display:flex;

  align-items:center;

  gap:calc(3 * var(--u));

  color:#076d69;

  font-size:calc(6.6 * var(--u));

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__state i,.uxav2 .uxrp.uxrp .uxacsi-korn2__circle{

  position:relative;

  width:calc(12 * var(--u));

  height:calc(12 * var(--u));

  flex:0 0 calc(12 * var(--u));

  border:calc(1.2 * var(--u)) solid #8194ac;

  border-radius:50%;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__state i{

  border-color:#087f7b;

  background:#087f7b;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__state i::after{

  content:"";

  position:absolute;

  left:calc(3 * var(--u));

  top:calc(2 * var(--u));

  width:calc(3.4 * var(--u));

  height:calc(5.4 * var(--u));

  border-right:calc(1.3 * var(--u)) solid #fff;

  border-bottom:calc(1.3 * var(--u)) solid #fff;

  transform:rotate(45deg);

}

.uxav2 .uxrp.uxrp .uxacsi-korn2-card > strong{

  display:block;

  color:#20355a;

  font-size:calc(9.8 * var(--u));

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2-card > small{

  display:block;

  margin-top:calc(1 * var(--u));

  color:#536177;

  font-size:calc(6.8 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2-card > p{

  margin-top:calc(4 * var(--u));

  color:#536177;

  font-size:calc(6.6 * var(--u));

  line-height:1.35;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2-card__actions{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(6 * var(--u));

  margin-top:calc(6 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__details{

  color:#20355a;

  font-size:calc(6.4 * var(--u));

  font-weight:600;

  text-decoration:underline;

  text-underline-offset:calc(2 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__select{

  display:flex;

  align-items:center;

  gap:calc(3 * var(--u));

  min-height:calc(20 * var(--u));

  padding:calc(3 * var(--u)) calc(5 * var(--u));

  border:calc(1 * var(--u)) solid #c1ccd8;

  border-radius:calc(5 * var(--u));

  color:#20355a;

  background:#fff;

  font-size:calc(6.4 * var(--u));

  font-weight:600;

  white-space:nowrap;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__select.is-selected{

  color:#076d69;

  border-color:#a6ccc7;

  background:#edf8f6;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__alt-label{

  margin:calc(6 * var(--u)) 0 calc(4 * var(--u));

  color:#536177;

  font-size:calc(6.8 * var(--u));

  font-weight:600;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__alternatives{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:calc(6 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__alternatives .uxacsi-korn2-card{

  padding:calc(7 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__alternatives .uxacsi-korn2-card > p{

  min-height:calc(17 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__actionbar{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:calc(7 * var(--u));

  min-height:calc(40 * var(--u));

  padding:calc(6 * var(--u)) calc(11 * var(--u));

  border-top:calc(1 * var(--u)) solid #d9e0e8;

  background:#fff;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__actionbar small,.uxav2 .uxrp.uxrp .uxacsi-korn2__actionbar strong{

  display:block;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__actionbar small{

  color:#536177;

  font-size:calc(6.4 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__actionbar strong{

  margin-top:calc(1 * var(--u));

  color:#20355a;

  font-size:calc(7.5 * var(--u));

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__actions{

  display:flex;

  align-items:center;

  gap:calc(7 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__actions > span{

  color:#20355a;

  font-size:calc(6.2 * var(--u));

  font-weight:600;

  text-decoration:underline;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__actions > b{

  padding:calc(5 * var(--u)) calc(7 * var(--u));

  border-radius:calc(5 * var(--u));

  color:#fff;

  background:#20355a;

  font-size:calc(6.4 * var(--u));

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__mode-card{

  position:absolute;

  z-index:3;

  right:3.5%;

  top:4%;

  display:flex;

  align-items:center;

  gap:calc(6 * var(--u));

  padding:calc(7 * var(--u)) calc(9 * var(--u));

  border:calc(1 * var(--u)) solid rgba(32,53,90,.10);

  border-radius:calc(9 * var(--u));

  color:#20355a;

  background:rgba(255,255,255,.96);

  box-shadow:0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(32,53,90,.12);

  font-size:calc(7.2 * var(--u));

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__mode-card i{

  width:calc(7 * var(--u));

  height:calc(7 * var(--u));

  border-radius:50%;

  background:#087f7b;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__flow{

  position:absolute;

  z-index:4;

  left:10%;

  right:10%;

  bottom:4%;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:calc(6 * var(--u));

  padding:calc(7 * var(--u)) calc(10 * var(--u));

  border-radius:calc(9 * var(--u));

  color:#fff;

  background:rgba(32,53,90,.94);

  box-shadow:0 calc(12 * var(--u)) calc(24 * var(--u)) rgba(32,53,90,.16);

  font-size:calc(7.2 * var(--u));

  font-weight:600;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__flow i{

  color:#11efe3;

  font-style:normal;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__flow b{

  color:#11efe3;

  font-weight:700;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__select.is-selected .uxacsi-korn2__circle{

  border-color:#087f7b;

  background:#087f7b;

}

.uxav2 .uxrp.uxrp .uxacsi-korn2__select.is-selected .uxacsi-korn2__circle::after{

  content:"";

  position:absolute;

  left:calc(3 * var(--u));

  top:calc(2 * var(--u));

  width:calc(3.4 * var(--u));

  height:calc(5.4 * var(--u));

  border-right:calc(1.3 * var(--u)) solid #fff;

  border-bottom:calc(1.3 * var(--u)) solid #fff;

  transform:rotate(45deg);

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art{

  background: linear-gradient(145deg, #DDE8DF, #EFF3E9);

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__map{

  position: absolute;

  inset: 0;

  background:

    linear-gradient(rgba(74,111,72,.11) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    linear-gradient(90deg, rgba(74,111,72,.11) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    radial-gradient(circle at 18% 65%, rgba(82,115,58,.23), transparent 22%),

    radial-gradient(circle at 78% 25%, rgba(111,147,91,.28), transparent 26%);

  background-size:

    calc(32 * var(--u)) calc(32 * var(--u)),

    calc(32 * var(--u)) calc(32 * var(--u)),

    auto,

    auto;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__route{

  position: absolute;

  inset: 8% 3% 7%;

  width: 94%;

  height: 85%;

  fill: none;

  stroke: #ED8767;

  stroke-width: 4;

  stroke-linecap: round;

  filter: drop-shadow(0 calc(3 * var(--u)) calc(5 * var(--u)) rgba(237,135,103,.25));

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__pin{

  position: absolute;

  width: calc(18 * var(--u));

  height: calc(18 * var(--u));

  display: grid;

  place-items: center;

  border-radius: 50% 50% 50% 0;

  transform: rotate(-45deg);

  background: #50733A;

  box-shadow: 0 calc(5 * var(--u)) calc(12 * var(--u)) rgba(47,85,33,.22);

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__pin i{

  width: calc(6 * var(--u));

  height: calc(6 * var(--u));

  border-radius: 50%;

  background: #fff;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__pin.is-one{

  left: 19%;

  top: 61%;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__pin.is-two{

  left: 55%;

  top: 31%;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__pin.is-three{

  right: 10%;

  top: 17%;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__route-card{

  position: absolute;

  left: 5%;

  top: 13%;

  width: 39%;

  padding: calc(14 * var(--u));

  border-radius: calc(16 * var(--u));

  background: rgba(255,255,255,.94);

  border: calc(1 * var(--u)) solid rgba(47,85,33,.12);

  box-shadow: 0 calc(17 * var(--u)) calc(32 * var(--u)) rgba(47,85,33,.13);

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__route-card small,.uxav2 .uxrp.uxrp .uxacsi-beasts-art__route-card strong,.uxav2 .uxrp.uxrp .uxacsi-beasts-art__route-card span,.uxav2 .uxrp.uxrp .uxacsi-beasts-art__route-card b{

  display: block;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__route-card small{

  color: #ED8767;

  font-size: calc(12 * var(--u));

  font-weight: 850;

  text-transform: uppercase;

  letter-spacing: .08em;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__route-card strong{

  margin: calc(6 * var(--u)) 0 calc(5 * var(--u));

  color: #2F5521;

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(26 * var(--u));

  line-height: 1.1;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__route-card span{

  color: #77816F;

  font-size: calc(12 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__route-card b{

  width: fit-content;

  margin-top: calc(9 * var(--u));

  padding: calc(6 * var(--u)) calc(8 * var(--u));

  border-radius: calc(7 * var(--u));

  color: #fff;

  background: #50733A;

  font-size: calc(10 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__phone{

  position: absolute;

  width: 23%;

  height: 72%;

  padding: calc(18 * var(--u)) calc(9 * var(--u)) calc(9 * var(--u));

  border: calc(5 * var(--u)) solid #172A4A;

  border-radius: calc(22 * var(--u));

  background: #FAF8F0;

  box-shadow: 0 calc(24 * var(--u)) calc(40 * var(--u)) rgba(23,42,74,.23);

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__phone.is-one{

  right: 23%;

  top: 14%;

  transform: rotate(-4deg);

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__phone.is-two{

  right: 4%;

  top: 18%;

  transform: rotate(4deg);

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__notch{

  position: absolute;

  top: calc(5 * var(--u));

  left: 50%;

  width: 36%;

  height: calc(7 * var(--u));

  transform: translateX(-50%);

  border-radius: calc(99 * var(--u));

  background: #172A4A;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__phone small,.uxav2 .uxrp.uxrp .uxacsi-beasts-art__phone strong{

  display: block;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__phone small{

  color: #ED8767;

  font-size: calc(10 * var(--u));

  text-transform: uppercase;

  font-weight: 850;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__phone strong{

  margin: calc(5 * var(--u)) 0 calc(10 * var(--u));

  color: #2F5521;

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(20 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__phone > span{

  display: block;

  height: calc(7 * var(--u));

  margin-top: calc(6 * var(--u));

  border-radius: calc(99 * var(--u));

  background: #E2E5DA;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__phone > span:nth-of-type(2){

  width: 72%;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__phone > b{

  position: absolute;

  left: calc(8 * var(--u));

  right: calc(8 * var(--u));

  bottom: calc(10 * var(--u));

  padding: calc(7 * var(--u)) 0;

  border-radius: calc(7 * var(--u));

  color: #fff;

  background: #50733A;

  text-align: center;

  font-size: calc(10 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__mini-map{

  height: 42%;

  margin-top: calc(8 * var(--u));

  border-radius: calc(8 * var(--u));

  background:

    linear-gradient(rgba(74,111,72,.13) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    linear-gradient(90deg, rgba(74,111,72,.13) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    #DDE8DF;

  background-size: calc(12 * var(--u)) calc(12 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__ethics{

  position: absolute;

  left: 5%;

  bottom: 7%;

  padding: calc(9 * var(--u)) calc(11 * var(--u));

  display: flex;

  align-items: center;

  gap: calc(7 * var(--u));

  border-radius: calc(11 * var(--u));

  color: #fff;

  background: rgba(47,85,33,.92);

  box-shadow: 0 calc(13 * var(--u)) calc(25 * var(--u)) rgba(47,85,33,.18);

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__ethics > i{

  width: calc(23 * var(--u));

  height: calc(23 * var(--u));

  display: grid;

  place-items: center;

  border-radius: calc(7 * var(--u));

  background: #ED8767;

  font-style: normal;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__ethics strong,.uxav2 .uxrp.uxrp .uxacsi-beasts-art__ethics small{

  display: block;

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__ethics strong{

  font-size: calc(12 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__ethics small{

  margin-top: calc(2 * var(--u));

  color: rgba(255,255,255,.65);

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art{

  background:

    radial-gradient(circle at 84% 18%, rgba(43,146,255,.26), transparent 28%),

    linear-gradient(145deg, #EAF4FF, #F4F0FF 72%);

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__browser{

  position: absolute;

  left: 6%;

  top: 12%;

  width: 88%;

  height: 73%;

  overflow: hidden;

  border-radius: calc(16 * var(--u));

  background: #fff;

  border: calc(1 * var(--u)) solid rgba(44,62,99,.10);

  box-shadow: 0 calc(22 * var(--u)) calc(45 * var(--u)) rgba(44,62,99,.14);

  transform: rotate(-1.5deg);

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__bar{

  height: calc(27 * var(--u));

  display: flex;

  align-items: center;

  gap: calc(5 * var(--u));

  padding: 0 calc(10 * var(--u));

  border-bottom: calc(1 * var(--u)) solid #EDF0F5;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__bar i{

  width: calc(6 * var(--u));

  height: calc(6 * var(--u));

  border-radius: 50%;

  background: #D7DCE6;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__bar span{

  width: 38%;

  height: calc(6 * var(--u));

  margin-left: calc(6 * var(--u));

  border-radius: calc(99 * var(--u));

  background: #EEF1F6;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__layout{

  height: calc(100% - calc(27 * var(--u)));

  display: grid;

  grid-template-columns: calc(42 * var(--u)) 1fr;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__layout aside{

  padding: calc(11 * var(--u)) 0;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: calc(10 * var(--u));

  background: #20355A;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__layout aside > *{

  flex-shrink: 0;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__layout aside b{

  width: calc(23 * var(--u));

  height: calc(23 * var(--u));

  display: grid;

  place-items: center;

  border-radius: calc(7 * var(--u));

  color: #20355A;

  background: #11EFE3;

  font-size: calc(12 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__layout aside i{

  width: calc(18 * var(--u));

  height: calc(5 * var(--u));

  border-radius: calc(99 * var(--u));

  background: rgba(255,255,255,.18);

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__content{

  padding: calc(21 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__hero{

  display: grid;

  grid-template-columns: 1.12fr .88fr;

  gap: calc(12 * var(--u));

  align-items: center;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__hero small{

  display: block;

  color: #8B50B8;

  font-size: calc(10 * var(--u));

  text-transform: uppercase;

  font-weight: 850;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__hero strong{

  display: block;

  margin: calc(5 * var(--u)) 0 calc(7 * var(--u));

  color: #20355A;

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(22 * var(--u));

  line-height: 1.05;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__hero > div:first-child > span{

  display: block;

  width: 90%;

  height: calc(5 * var(--u));

  margin-top: calc(5 * var(--u));

  border-radius: calc(99 * var(--u));

  background: #E8ECF3;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__hero > div:first-child > span.is-short{

  width: 66%;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__hero > div:first-child > b{

  display: block;

  width: fit-content;

  margin-top: calc(9 * var(--u));

  padding: calc(6 * var(--u)) calc(8 * var(--u));

  border-radius: calc(6 * var(--u));

  color: #fff;

  background: linear-gradient(135deg, #A268CF, #8B50B8);

  font-size: calc(10 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__product{

  height: calc(115 * var(--u));

  padding: calc(10 * var(--u));

  border-radius: calc(10 * var(--u));

  background: linear-gradient(145deg, #20355A, #31547E);

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__product i{

  display: inline-block;

  width: 28%;

  height: calc(22 * var(--u));

  margin-right: 3%;

  border-radius: calc(5 * var(--u));

  background: rgba(255,255,255,.08);

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__product span{

  display: block;

  height: calc(36 * var(--u));

  margin-top: calc(8 * var(--u));

  border-radius: calc(7 * var(--u));

  background:

    linear-gradient(rgba(255,255,255,.05) calc(1 * var(--u)), transparent calc(1 * var(--u))),

    linear-gradient(90deg, rgba(255,255,255,.05) calc(1 * var(--u)), transparent calc(1 * var(--u)));

  background-size: calc(12 * var(--u)) calc(12 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__proof{

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: calc(6 * var(--u));

  margin-top: calc(18 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__proof span{

  padding: calc(7 * var(--u));

  border-radius: calc(7 * var(--u));

  background: #F5F7FA;

  border: calc(1 * var(--u)) solid #EBEEF4;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__proof b,.uxav2 .uxrp.uxrp .uxacsi-whip-art__proof small{

  display: block;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__proof b{

  color: #20355A;

  font-size: calc(14 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__proof small{

  margin-top: calc(2 * var(--u));

  color: #8A93A7;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__path{

  position: absolute;

  left: 10%;

  right: 10%;

  bottom: 5%;

  padding: calc(8 * var(--u)) calc(10 * var(--u));

  display: flex;

  align-items: center;

  justify-content: center;

  gap: calc(6 * var(--u));

  border-radius: calc(10 * var(--u));

  color: #fff;

  background: rgba(32,53,90,.92);

  box-shadow: 0 calc(13 * var(--u)) calc(25 * var(--u)) rgba(32,53,90,.18);

  font-size: calc(10 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__path i{

  color: #11EFE3;

  font-style: normal;

}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__path b{

  color: #11EFE3;

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art{

  background: linear-gradient(145deg, #DDE7E9, #F3F6F7);

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__window{

  position: absolute;

  left: 5%;

  top: 11%;

  width: 90%;

  height: 76%;

  overflow: hidden;

  border-radius: calc(16 * var(--u));

  background: #fff;

  border: calc(1 * var(--u)) solid rgba(44,62,99,.09);

  box-shadow: 0 calc(22 * var(--u)) calc(45 * var(--u)) rgba(44,62,99,.13);

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__top{

  height: calc(42 * var(--u));

  padding: 0 calc(11 * var(--u));

  display: flex;

  align-items: center;

  gap: calc(9 * var(--u));

  color: #667188;

  border-bottom: calc(1 * var(--u)) solid #EDF0F3;

  font-size: calc(9 * var(--u));

  white-space: nowrap;

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__top strong{

  margin-right: auto;

  color: #285C58;

  font-size: calc(14 * var(--u));

  letter-spacing: .08em;

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__top b{

  padding: calc(5 * var(--u)) calc(6 * var(--u));

  border-radius: calc(5 * var(--u));

  color: #fff;

  background: #D98B59;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__hero{

  padding: calc(17 * var(--u)) calc(17 * var(--u)) calc(13 * var(--u));

  background: linear-gradient(135deg, #EAF3F1, #F4F8F7);

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__hero small{

  display: block;

  color: #D47745;

  font-size: calc(9 * var(--u));

  text-transform: uppercase;

  font-weight: 850;

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__hero strong{

  display: block;

  margin: calc(5 * var(--u)) 0 calc(9 * var(--u));

  color: #285C58;

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(22 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__search{

  height: calc(38 * var(--u));

  padding: 0 calc(7 * var(--u));

  display: grid;

  grid-template-columns: auto minmax(0, 1fr) auto;

  align-items: center;

  gap: calc(6 * var(--u));

  border: calc(1 * var(--u)) solid #D7E2E1;

  border-radius: calc(7 * var(--u));

  background: #fff;

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__search i{

  width: calc(8 * var(--u));

  height: calc(8 * var(--u));

  border: calc(1 * var(--u)) solid #839694;

  border-radius: 50%;

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__search span{

  color: #8A9796;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__search b{

  padding: calc(5 * var(--u)) calc(6 * var(--u));

  border-radius: calc(5 * var(--u));

  color: #fff;

  background: #285C58;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__chips{

  display: flex;

  gap: calc(4 * var(--u));

  padding: calc(10 * var(--u)) calc(17 * var(--u)) calc(6 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__chips span{

  padding: calc(4 * var(--u)) calc(6 * var(--u));

  border: calc(1 * var(--u)) solid #E2E9E8;

  border-radius: calc(99 * var(--u));

  color: #6F7F7D;

  background: #F7F9F9;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__results{

  display: grid;

  gap: calc(5 * var(--u));

  padding: calc(4 * var(--u)) calc(17 * var(--u)) calc(10 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__results article{

  padding: calc(7 * var(--u));

  display: grid;

  grid-template-columns: calc(22 * var(--u)) minmax(0, 1fr) auto;

  align-items: center;

  gap: calc(6 * var(--u));

  border: calc(1 * var(--u)) solid #E6EBEA;

  border-radius: calc(7 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__results article > i{

  width: calc(22 * var(--u));

  height: calc(22 * var(--u));

  border-radius: calc(6 * var(--u));

  background: linear-gradient(135deg, #8EB6AF, #5E9189);

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__results small,.uxav2 .uxrp.uxrp .uxacsi-wilder-art__results strong{

  display: block;

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__results small{

  color: #D47745;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__results strong{

  margin-top: calc(2 * var(--u));

  color: #3E5E5A;

  font-size: calc(10 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__results b{

  color: #D47745;

  font-size: calc(16 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__connection{

  position: absolute;

  right: 4%;

  bottom: 5%;

  padding: calc(8 * var(--u)) calc(10 * var(--u));

  display: flex;

  align-items: center;

  gap: calc(7 * var(--u));

  border-radius: calc(10 * var(--u));

  color: #fff;

  background: rgba(40,92,88,.94);

  box-shadow: 0 calc(13 * var(--u)) calc(25 * var(--u)) rgba(40,92,88,.18);

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__connection > i{

  width: calc(23 * var(--u));

  height: calc(23 * var(--u));

  display: grid;

  place-items: center;

  border-radius: calc(7 * var(--u));

  background: rgba(255,255,255,.11);

  font-size: calc(16 * var(--u));

  font-style: normal;

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__connection strong,.uxav2 .uxrp.uxrp .uxacsi-wilder-art__connection small{

  display: block;

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__connection strong{

  font-size: calc(11 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__connection small{

  margin-top: calc(2 * var(--u));

  color: rgba(255,255,255,.61);

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art{

  background: linear-gradient(145deg, #F3EAF4, #F8F5F0);

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__heat{

  position: absolute;

  border-radius: 50%;

  filter: blur(calc(5 * var(--u)));

  opacity: .52;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__heat.is-one{

  width: calc(110 * var(--u));

  height: calc(110 * var(--u));

  left: 5%;

  top: 12%;

  background: radial-gradient(circle, #F7936E, transparent 65%);

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__heat.is-two{

  width: calc(100 * var(--u));

  height: calc(100 * var(--u));

  right: 5%;

  top: 24%;

  background: radial-gradient(circle, #B668C8, transparent 66%);

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__heat.is-three{

  width: calc(90 * var(--u));

  height: calc(90 * var(--u));

  left: 18%;

  bottom: 7%;

  background: radial-gradient(circle, #F2CB56, transparent 66%);

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__phone{

  position: absolute;

  left: 50%;

  top: 7%;

  width: 48%;

  height: 84%;

  transform: translateX(-50%);

  padding: calc(17 * var(--u)) calc(10 * var(--u)) calc(9 * var(--u));

  border: calc(5 * var(--u)) solid #20355A;

  border-radius: calc(22 * var(--u));

  background: #fff;

  box-shadow: 0 calc(24 * var(--u)) calc(42 * var(--u)) rgba(32,53,90,.22);

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__notch{

  position: absolute;

  top: calc(5 * var(--u));

  left: 50%;

  width: 34%;

  height: calc(6 * var(--u));

  transform: translateX(-50%);

  border-radius: calc(99 * var(--u));

  background: #20355A;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__alert{

  margin: calc(-1 * var(--u)) calc(-5 * var(--u)) calc(7 * var(--u));

  padding: calc(5 * var(--u));

  border-radius: calc(5 * var(--u));

  color: #fff;

  background: #C34A43;

  text-align: center;

  font-size: calc(9 * var(--u));

  font-weight: 750;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__brand{

  display: flex;

  align-items: center;

  gap: calc(5 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__brand i{

  width: calc(16 * var(--u));

  height: calc(16 * var(--u));

  border-radius: 50%;

  background: linear-gradient(135deg, #EFB342, #D96668);

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__brand strong{

  color: #432C63;

  font-size: calc(10 * var(--u));

  letter-spacing: .05em;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__phone > small{

  display: block;

  margin-top: calc(7 * var(--u));

  color: #8E79A1;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__phone h4{

  margin: calc(4 * var(--u)) 0 !important;

  color: #432C63 !important;

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(22 * var(--u));

  line-height: 1.05;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__phone p{

  margin: 0 !important;

  color: #828091 !important;

  font-size: calc(9 * var(--u));

  line-height: 1.4;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__actions{

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: calc(4 * var(--u));

  margin: calc(7 * var(--u)) 0;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__actions b,.uxav2 .uxrp.uxrp .uxacsi-ktd-art__actions span{

  padding: calc(6 * var(--u)) calc(2 * var(--u));

  border-radius: calc(5 * var(--u));

  text-align: center;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__actions b{

  color: #fff;

  background: #D45158;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__actions span{

  color: #432C63;

  background: #F2EDF5;

  border: calc(1 * var(--u)) solid #E7DDED;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__resources{

  display: grid;

  gap: calc(4 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__resources article{

  padding: calc(5 * var(--u));

  display: grid;

  grid-template-columns: calc(18 * var(--u)) minmax(0, 1fr) auto;

  align-items: center;

  gap: calc(4 * var(--u));

  border: calc(1 * var(--u)) solid #EEE9F0;

  border-radius: calc(5 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__resources article > i{

  width: calc(18 * var(--u));

  height: calc(18 * var(--u));

  border-radius: calc(5 * var(--u));

  background: #F2EDF5;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__resources strong,.uxav2 .uxrp.uxrp .uxacsi-ktd-art__resources small{

  display: block;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__resources strong{

  color: #5A476C;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__resources small{

  margin-top: calc(1 * var(--u));

  color: #9B91A3;

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__resources b{

  color: #D45158;

  font-size: calc(12 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__mobile{

  position: absolute;

  right: 4%;

  bottom: 6%;

  padding: calc(8 * var(--u)) calc(10 * var(--u));

  border-radius: calc(10 * var(--u));

  color: #fff;

  background: rgba(67,44,99,.93);

  box-shadow: 0 calc(13 * var(--u)) calc(25 * var(--u)) rgba(67,44,99,.18);

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__mobile strong,.uxav2 .uxrp.uxrp .uxacsi-ktd-art__mobile span{

  display: block;

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__mobile strong{

  font-family: "Urbanist", Arial, sans-serif;

  font-size: calc(22 * var(--u));

}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__mobile span{

  margin-top: calc(2 * var(--u));

  color: rgba(255,255,255,.63);

  font-size: calc(9 * var(--u));

}

.uxav2 .uxrp.uxrp :is(.uxacsi-korn2__letter,.uxacsi-korn2__user,.uxacsi-korn2__chrome-user,.uxacsi-korn2__brand){display:flex;align-items:center;justify-content:center;padding:0;line-height:1;letter-spacing:0;text-indent:0;font-style:normal;box-sizing:border-box}

.uxav2 .uxrp.uxrp .ucb-art,.uxav2 .uxrp.uxrp .ucb-art > .uxacsi-illus,.uxav2 .uxrp.uxrp .ucb-art > .uxacsi-korn2{background:transparent}

.uxav2 .uxrp.uxrp .uxacsi-korn2::before,.uxav2 .uxrp.uxrp .uxacsi-beasts-art__map{background:none}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__map{background:radial-gradient(circle at 18% 65%,rgba(82,115,58,.23),transparent 22%),radial-gradient(circle at 78% 25%,rgba(111,147,91,.28),transparent 26%);background-size:auto}

.uxav2 .uxakfi-thumb{--k:1px;position:relative;width:100%;height:100%;aspect-ratio:600/400;container-type:inline-size;isolation:isolate;overflow:hidden;font-family:inherit;color:#20355a;line-height:1.3;pointer-events:none}

@supports(width:1cqw){.uxav2 .uxakfi-thumb{--k:.1666667cqw}}

.uxav2 .uxakfi-thumb *{box-sizing:border-box}

.uxav2 .uxakfi-thumb :is(strong,span,small,b,p){font-family:inherit;margin:0}

.uxav2 .uxakfi-thumb__browser{position:absolute;left:5%;top:12%;width:85%;height:73%;overflow:hidden;border-radius:calc(16*var(--k));background:#fff;border:calc(1*var(--k)) solid rgba(44,62,99,.10);box-shadow:0 calc(22*var(--k)) calc(45*var(--k)) rgba(44,62,99,.14);transform:rotate(-1.5deg)}

.uxav2 .uxakfi-thumb__bar{height:calc(25*var(--k));display:flex;align-items:center;gap:calc(5*var(--k));padding:0 calc(10*var(--k));border-bottom:1px solid #edf0f5}

.uxav2 .uxakfi-thumb__bar i{width:calc(6*var(--k));height:calc(6*var(--k));border-radius:50%;background:#d7dce6}

.uxav2 .uxakfi-thumb__bar>span{width:38%;height:calc(5*var(--k));margin-left:calc(6*var(--k));border-radius:calc(20*var(--k));background:#eef1f6}

.uxav2 .uxakfi-thumb__nav{height:calc(41*var(--k));padding:0 calc(21*var(--k));display:flex;align-items:center;gap:calc(18*var(--k));border-bottom:1px solid #f0f2f6}

.uxav2 .uxakfi-thumb__nav>strong{display:flex;align-items:baseline;gap:calc(4*var(--k));margin-right:auto;color:#20355a;font-size:calc(19*var(--k));font-weight:750;letter-spacing:-.04em;line-height:1}

.uxav2 .uxakfi-thumb__nav strong small{font-size:calc(5.5*var(--k));font-weight:600;letter-spacing:.08em;color:#536177}

.uxav2 .uxakfi-thumb__nav>span{font-size:calc(7*var(--k));font-weight:500;color:#536177}

.uxav2 .uxakfi-thumb__content{padding:calc(18*var(--k)) calc(22*var(--k))}

.uxav2 .uxakfi-thumb__hero{display:grid;grid-template-columns:1.05fr .95fr;gap:calc(18*var(--k));align-items:center}

.uxav2 .uxakfi-thumb__message>small{display:block;color:#1556a8;font-size:calc(8*var(--k));font-weight:650;line-height:1.4}

.uxav2 .uxakfi-thumb__message>strong{display:block;margin-top:calc(6*var(--k));font-family:Urbanist,Arial,sans-serif;font-size:calc(32*var(--k));font-weight:500;letter-spacing:-.04em;line-height:1.05;color:#20355a}

.uxav2 .uxakfi-thumb__message>p{margin-top:calc(8*var(--k));font-size:calc(10*var(--k));font-weight:400;line-height:1.5;color:#536177}

.uxav2 .uxakfi-thumb__message>b{display:block;width:fit-content;padding:calc(7*var(--k)) calc(10*var(--k));margin-top:calc(12*var(--k));color:#fff;background:#1556a8;border-radius:calc(5*var(--k));font-size:calc(8*var(--k));font-weight:550;line-height:1.2}

.uxav2 .uxakfi-thumb__detail{height:calc(125*var(--k));padding:calc(13*var(--k));border-radius:calc(10*var(--k));background:#20355a;color:#fff}

.uxav2 .uxakfi-thumb__detail-top{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--k));font-size:calc(9*var(--k));font-weight:500;color:#fff}

.uxav2 .uxakfi-thumb__detail-top i{width:calc(5*var(--k));height:calc(5*var(--k));border-radius:50%;background:#89c3d6}

.uxav2 .uxakfi-thumb__detail-visual{height:calc(58*var(--k));margin-top:calc(10*var(--k));display:grid;gap:calc(6*var(--k));align-content:center;padding:calc(4*var(--k)) 0}

.uxav2 .uxakfi-thumb__detail-visual>span{height:calc(4*var(--k));width:94%;border-radius:calc(2*var(--k));background:#58749a}

.uxav2 .uxakfi-thumb__detail-visual>span:nth-child(2){width:77%}

.uxav2 .uxakfi-thumb__detail-visual>span:nth-child(3){width:87%}

.uxav2 .uxakfi-thumb__detail-visual>span:nth-child(4){width:60%}

.uxav2 .uxakfi-thumb__detail-visual>span:nth-child(5){width:72%}

.uxav2 .uxakfi-thumb__detail-line{height:calc(3*var(--k));width:80%;border-radius:calc(2*var(--k));margin-top:calc(9*var(--k));background:rgba(255,255,255,.2)}

.uxav2 .uxakfi-thumb__detail-line.is-short{width:53%;margin-top:calc(4*var(--k))}

.uxav2 .uxakfi-thumb__detail-tags{display:flex;gap:calc(9*var(--k));margin-top:calc(8*var(--k));font-size:calc(6*var(--k));color:#d6e3f2}

.uxav2 .uxakfi-thumb__paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(7*var(--k));margin-top:calc(19*var(--k))}

.uxav2 .uxakfi-thumb__paths>div{padding:calc(8*var(--k));border:1px solid #ebeff4;border-radius:calc(6*var(--k));background:#f5f7fa}

.uxav2 .uxakfi-thumb__paths strong{display:block;color:#20355a;font-size:calc(11*var(--k));font-weight:550;line-height:1.2}

.uxav2 .uxakfi-thumb__paths small{display:block;margin-top:calc(3*var(--k));color:#647287;font-size:calc(7*var(--k));line-height:1.4}

.uxav2 .uxakfi-thumb__phone{position:absolute;left:75%;top:37%;width:20%;height:56%;padding:calc(14*var(--k)) calc(7*var(--k)) calc(8*var(--k));border:calc(3*var(--k)) solid #20355a;border-radius:calc(16*var(--k));background:#fff;overflow:hidden;box-shadow:0 calc(13*var(--k)) calc(25*var(--k)) rgba(32,53,90,.17);transform:rotate(4deg)}

.uxav2 .uxakfi-thumb__speaker{position:absolute;top:calc(5*var(--k));left:38%;width:24%;height:calc(3*var(--k));background:#20355a;border-radius:calc(4*var(--k))}

.uxav2 .uxakfi-thumb__phone-nav{display:flex;align-items:center;justify-content:space-between;height:calc(19*var(--k));padding:0 calc(2*var(--k));margin-bottom:calc(7*var(--k))}

.uxav2 .uxakfi-thumb__phone-nav strong{font-size:calc(12*var(--k));font-weight:700;line-height:1;color:#20355a;letter-spacing:-.04em}

.uxav2 .uxakfi-thumb__phone-nav i{width:calc(9*var(--k));height:calc(5*var(--k));border-top:1px solid #20355a;border-bottom:1px solid #20355a}

.uxav2 .uxakfi-thumb__phone-message>small{display:block;color:#1556a8;font-size:calc(5*var(--k));font-weight:600;line-height:1.4}

.uxav2 .uxakfi-thumb__phone-message>strong{display:block;color:#20355a;font-family:Urbanist,Arial,sans-serif;font-size:calc(17*var(--k));font-weight:500;line-height:1.05;letter-spacing:-.04em;margin-top:calc(5*var(--k))}

.uxav2 .uxakfi-thumb__phone-message>span{display:block;color:#536177;font-size:calc(5.6*var(--k));line-height:1.4;margin-top:calc(5*var(--k))}

.uxav2 .uxakfi-thumb__phone-message>b{display:block;width:fit-content;color:#fff;background:#1556a8;font-size:calc(5.5*var(--k));font-weight:500;line-height:1.2;padding:calc(5*var(--k)) calc(7*var(--k));margin-top:calc(7*var(--k));border-radius:calc(3*var(--k))}

.uxav2 .uxakfi-thumb__phone-detail{padding:calc(8*var(--k));margin-top:calc(10*var(--k));background:#20355a;border-radius:calc(5*var(--k));color:#fff}

.uxav2 .uxakfi-thumb__phone-detail>strong{display:block;font-size:calc(6*var(--k));font-weight:500;line-height:1.3;color:#fff}

.uxav2 .uxakfi-thumb__phone-detail>div{display:flex;flex-direction:column;gap:calc(4*var(--k));height:calc(20*var(--k));align-items:flex-start;justify-content:center;margin-top:calc(5*var(--k))}

.uxav2 .uxakfi-thumb__phone-detail i{display:block;width:94%;height:calc(2.5*var(--k));border-radius:calc(2*var(--k));background:#58749a}

.uxav2 .uxakfi-thumb__phone-detail i:nth-child(2){width:72%}

.uxav2 .uxakfi-thumb__phone-detail>span{display:block;height:calc(2*var(--k));background:rgba(255,255,255,.2);margin-top:calc(4*var(--k));width:80%}

.uxav2 .uxrp.uxrp .ucb-art.ucb-art--kfi,.uxav2 .uxa-home-v3 .uh-work .uh-work__artboard.uh-work__artboard--kfi{background:transparent;aspect-ratio:600/400}

.uxav2 .uxrp.uxrp .ux-thumb-phone{position:absolute;left:76%;top:37%;width:19%;height:56%;z-index:3;padding:calc(15*var(--u)) calc(7*var(--u)) calc(8*var(--u));border:calc(3*var(--u)) solid #20355a;border-radius:calc(16*var(--u));background:#fff;overflow:hidden;box-shadow:0 calc(13*var(--u)) calc(25*var(--u)) rgba(32,53,90,.17);transform:rotate(4deg);color:#20355a;line-height:1.3}

.uxav2 .uxrp.uxrp .ux-thumb-phone__speaker{position:absolute;top:calc(5*var(--u));left:38%;width:24%;height:calc(3*var(--u));background:#20355a;border-radius:calc(4*var(--u))}

.uxav2 .uxrp.uxrp .ux-thumb-phone__nav{display:flex;align-items:center;justify-content:space-between;height:calc(21*var(--u));padding:0 calc(2*var(--u));border-bottom:1px solid #edf0f4}

.uxav2 .uxrp.uxrp .ux-thumb-phone__nav>strong{font-size:calc(8*var(--u));font-weight:650;line-height:1;color:#285c58;letter-spacing:.03em}

.uxav2 .uxrp.uxrp .ux-thumb-phone__nav>i{width:calc(9*var(--u));height:calc(5*var(--u));border-block:1px solid #20355a}

.uxav2 .uxrp.uxrp .ux-thumb-phone__body{padding-top:calc(10*var(--u))}

.uxav2 .uxrp.uxrp .ux-thumb-phone__body>small{display:block;font-size:calc(5.5*var(--u));font-weight:650;color:#c2784b;line-height:1.4}

.uxav2 .uxrp.uxrp .ux-thumb-phone__body>strong{display:block;font-family:Urbanist,Arial,sans-serif;font-size:calc(14*var(--u));font-weight:500;line-height:1.1;letter-spacing:-.035em;color:#285c58;margin:calc(5*var(--u)) 0 calc(9*var(--u))}

.uxav2 .uxrp.uxrp .ux-thumb-phone__search{display:flex;align-items:center;justify-content:space-between;gap:calc(4*var(--u));padding:calc(6*var(--u)) calc(4*var(--u));border:1px solid #dce6e4;border-radius:calc(4*var(--u));font-size:calc(5*var(--u));color:#647a77;background:#f3f7f6}

.uxav2 .uxrp.uxrp .ux-thumb-phone__search>b{font-size:calc(8*var(--u));color:#285c58;font-weight:500}

.uxav2 .uxrp.uxrp .ux-thumb-phone__result{display:flex;align-items:center;gap:calc(5*var(--u));padding:calc(7*var(--u)) calc(3*var(--u));margin-top:calc(6*var(--u));border-bottom:1px solid #edf1f3}

.uxav2 .uxrp.uxrp .ux-thumb-phone__result>i{display:block;flex:0 0 calc(12*var(--u));width:calc(12*var(--u));height:calc(15*var(--u));background:#dae9e5;border-radius:calc(2*var(--u))}

.uxav2 .uxrp.uxrp .ux-thumb-phone__result>span{font-size:calc(5.5*var(--u));font-weight:500;color:#3e5e5a;line-height:1.4}

.uxav2 .uxrp.uxrp .ux-thumb-phone__result small{display:block;font-size:calc(4.5*var(--u));font-weight:400;color:#7b8987;margin-top:calc(2*var(--u))}

.uxav2 .uxrp.uxrp .ux-thumb-phone__lines{display:grid;gap:calc(4*var(--u));margin-top:calc(9*var(--u))}

.uxav2 .uxrp.uxrp .ux-thumb-phone__lines>span{display:block;height:calc(3*var(--u));width:90%;border-radius:calc(2*var(--u));background:#e8edf2}

.uxav2 .uxrp.uxrp .ux-thumb-phone__lines>span:last-child{width:63%}

.uxav2 .uxrp.uxrp .ux-thumb-phone--whip .ux-thumb-phone__nav>strong{padding:calc(3*var(--u)) calc(5*var(--u));font-size:calc(9*var(--u));background:#11efe3;border-radius:calc(4*var(--u));color:#20355a;font-weight:500}

.uxav2 .uxrp.uxrp .ux-thumb-phone--whip .ux-thumb-phone__body>small{color:#8b50b8}

.uxav2 .uxrp.uxrp .ux-thumb-phone--whip .ux-thumb-phone__body>strong{color:#20355a;font-size:calc(15*var(--u))}

.uxav2 .uxrp.uxrp .ux-thumb-phone__button{display:block;width:fit-content;padding:calc(5*var(--u)) calc(7*var(--u));margin-top:calc(8*var(--u));font-size:calc(5.5*var(--u));font-weight:500;line-height:1.3;border-radius:calc(4*var(--u));background:#a268cf;color:#fff}

.uxav2 .uxrp.uxrp .ux-thumb-phone__feature{display:flex;align-items:center;gap:calc(4*var(--u));padding:calc(8*var(--u));height:calc(35*var(--u));margin-top:calc(11*var(--u));background:#20355a;border-radius:calc(6*var(--u))}

.uxav2 .uxrp.uxrp .ux-thumb-phone__feature span{display:block;height:calc(3*var(--u));width:30%;border-radius:calc(3*var(--u));background:#536f97}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__window,.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__window{left:5%;top:12%;width:83%;height:73%}

.uxav2 .uxrp.uxrp .uxacsi-wilder-art__connection,.uxav2 .uxa-home-v3 .uh-work .uxacsi-wilder-art__connection{left:8%;right:auto;bottom:5%;max-width:65%}

.uxav2 .uxrp.uxrp .uxacsi-whip-art__path,.uxav2 .uxa-home-v3 .uh-work .uxacsi-whip-art__path{left:8%;right:26%;bottom:5%;gap:calc(5*var(--u));font-size:calc(9*var(--u))}

.uxav2 :is(.uxrp.uxrp,.uxa-home-v3 .uh-work) .uxacsi-ktd-art:before{content:"";position:absolute;inset:12% 5% 10%;border-radius:calc(25*var(--u));background:linear-gradient(135deg,#f3eaf4,#f8f2e8);z-index:-1}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__phone,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__phone{--u:.1cqw;left:72%;top:19%;width:25%;height:75%;transform:none;z-index:3}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__mobile,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__mobile{left:11%;right:auto;bottom:5%;padding:calc(7*var(--u)) calc(10*var(--u))}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__mobile strong,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__mobile strong{font-size:calc(15*var(--u))}

.uxav2 .uxrp.uxrp .ux-ktd-desktop{position:absolute;left:6%;top:16%;width:82%;height:65%;overflow:hidden;border:1px solid #e3dce8;border-radius:calc(13*var(--u));background:#fff;box-shadow:0 calc(15*var(--u)) calc(32*var(--u)) rgba(67,44,99,.13);transform:rotate(-1.5deg)}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__bar{height:calc(24*var(--u));display:flex;align-items:center;gap:calc(5*var(--u));padding:0 calc(10*var(--u));border-bottom:1px solid #f0edf4}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__bar>i{display:block;width:calc(5*var(--u));height:calc(5*var(--u));border-radius:50%;background:#ded9e5}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__bar>span{height:calc(4*var(--u));width:35%;background:#f0edf4;margin-left:calc(7*var(--u));border-radius:calc(3*var(--u))}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__nav{display:flex;align-items:center;gap:calc(15*var(--u));height:calc(43*var(--u));padding:0 calc(18*var(--u));border-bottom:1px solid #f4f0f5}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__nav>strong{display:flex;align-items:center;gap:calc(6*var(--u));margin-right:auto;color:#432c63;font-size:calc(10*var(--u));font-weight:650;letter-spacing:.02em;line-height:1}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__nav strong i{display:block;width:calc(14*var(--u));height:calc(14*var(--u));background:linear-gradient(135deg,#efb342,#d96668);border-radius:50%}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__nav>span{font-size:calc(7*var(--u));color:#7b6b8b}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__content{display:grid;grid-template-columns:1.15fr .85fr;gap:calc(18*var(--u));padding:calc(18*var(--u))}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__content>div>small{display:block;font-size:calc(7*var(--u));font-weight:500;color:#8e79a1;line-height:1.4}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__content>div>strong{display:block;margin-top:calc(7*var(--u));font-family:Urbanist,Arial,sans-serif;font-size:calc(24*var(--u));font-weight:500;line-height:1.08;letter-spacing:-.025em;color:#432c63}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__content p{margin-top:calc(8*var(--u));font-size:calc(8*var(--u));line-height:1.5;color:#828091}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__actions{display:flex;gap:calc(6*var(--u));margin-top:calc(11*var(--u))}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__actions>*{padding:calc(7*var(--u)) calc(8*var(--u));border-radius:calc(4*var(--u));font-size:calc(7*var(--u));font-weight:500;line-height:1.3}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__actions>b{background:#d45158;color:#fff}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__actions>span{background:#f2edf5;color:#432c63}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__resources{display:grid;gap:calc(8*var(--u));align-content:start;padding-top:calc(11*var(--u))}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__resources>div{padding:calc(9*var(--u));border:1px solid #eee9f0;border-radius:calc(6*var(--u));display:grid;grid-template-columns:calc(20*var(--u)) 1fr;gap:calc(3*var(--u)) calc(7*var(--u))}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__resources i{grid-row:span 2;width:calc(20*var(--u));height:calc(25*var(--u));background:#f2edf5;border-radius:calc(4*var(--u))}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__resources strong{font-size:calc(7*var(--u));font-weight:500;line-height:1.3;color:#5a476c}

.uxav2 .uxrp.uxrp .ux-ktd-desktop__resources span{font-size:calc(6*var(--u));line-height:1.4;color:#9b91a3}

.uxav2 :is(.uxrp.uxrp,.uxa-home-v3 .uh-work) :is(.uxacsi-wilder-art__window,.uxacsi-whip-art__browser,.ux-ktd-desktop){left:5%;top:12%;width:85%;height:73%;border-radius:calc(16*var(--u))}

.uxav2 :is(.uxrp.uxrp,.uxa-home-v3 .uh-work) :is(.ux-thumb-phone,.uxacsi-ktd-art__phone){left:75%;top:37%;width:20%;height:56%;transform:rotate(4deg);border-width:.5cqw;border-radius:2.667cqw;box-shadow:0 2.167cqw 4.167cqw rgba(32,53,90,.17)}

.uxav2 .uxrp.uxrp .uxacsi-ktd-art__phone,.uxav2 .uxa-home-v3 .uh-work .uxacsi-ktd-art__phone{--u:.085cqw;padding-top:calc(17*var(--u))}

.uxav2 :is(.uxrp.uxrp,.uxa-home-v3 .uh-work) .uxacsi-ktd-art{background:transparent}

.uxav2 :is(.uxrp.uxrp,.uxa-home-v3 .uh-work) .uxacsi-ktd-art:before{display:none}

.uxav2 :is(.uxrp.uxrp,.uxa-home-v3 .uh-work) .uxacsi-ktd-art__heat{display:none}

.uxav2 .uxrp.uxrp{--ucb-ink:#20355a;--ucb-copy:#536177;--ucb-muted:#5c6b7e;--ucb-teal:#087f7b;--ucb-line:#d9e0e8;--ucb-ease:cubic-bezier(.22,1,.36,1);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:40px;font-family:Roboto,Arial,sans-serif;color:#20355a}

.uxav2 .uxrp.uxrp,.uxav2 .uxrp.uxrp *,.uxav2 .uxrp.uxrp *::before,.uxav2 .uxrp.uxrp *::after{box-sizing:border-box}

.uxav2 .uxrp.uxrp :where(h3,p,figure,aside,article){margin:0}

.uxav2 .uxrp.uxrp .uxrp-card{min-width:0;padding:0;border:0;background:transparent;box-shadow:none}

.uxav2 .uxrp.uxrp .uxrp-link{display:block;color:#20355a;text-decoration:none;border:0;background:transparent;box-shadow:none}

.uxav2 .uxrp.uxrp .uxrp-link:focus-visible{outline:3px solid #087f7b;outline-offset:8px}

.uxav2 .uxrp.uxrp .uxrp-title{font-family:inherit;color:#20355a;font-size:24px;font-weight:600;line-height:1.2;margin:22px 0 12px;letter-spacing:-.025em}

.uxav2 .uxrp.uxrp .uxrp-description{color:#536177;font-size:15px;line-height:1.7;font-weight:400;max-width:55ch}

.uxav2 .uxrp.uxrp .uxrp-action{display:inline-block;margin-top:16px;min-height:44px;padding:10px 0;color:#20355a;font-size:14px;line-height:1.5;font-weight:600;text-decoration:underline;text-underline-offset:5px}

.uxav2 .uxrp.uxrp .ucb-art{background:transparent!important;border:0;border-radius:0;aspect-ratio:600/400;min-height:0}

.uxav2 .uxrp.uxrp .ucb-art>.uxacsi-illus,.uxav2 .uxrp.uxrp .ucb-art>.uxacsi-korn2{background:transparent}

.uxav2 .uxrp.uxrp .uxacsi-korn2::before{background:none}

.uxav2 .uxrp.uxrp .uxacsi-beasts-art__map{background:radial-gradient(circle at 18% 65%,rgba(82,115,58,.23),transparent 15%),radial-gradient(circle at 75% 38%,rgba(111,147,91,.28),transparent 18%)}

@media(max-width:700px){.uxav2 .uxrp.uxrp{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:32px}

.uxav2 .uxrp.uxrp .uxrp-title{font-size:23px;margin-top:20px}}

body.elementor-page-23506 .uxav2 #uxa-portfolio-mobile-menu .uxa-portfolio-menu__glow{position:absolute!important}

.uxav2 .ww8 .uxa-wtwbr-story-previews figure.uwp-visual{max-width:840px}

.uxav2 .ww8 .uxa-wtwbr-story-previews .uwp-stage{justify-items:center;align-items:start;gap:48px}

.uxav2 .ww8 .uxa-wtwbr-story-previews .uwp-pane{max-width:340px;overflow:visible;border:0;border-radius:0;background:transparent}

.uxav2 .ww8 .uxa-wtwbr-story-previews .uwp-pane-label{border:0;background:transparent;padding:0 0 14px;color:var(--uwb-ink);font-weight:500;font-size:14px}

.uxav2 .ww8 .ww24-phone-shell{position:relative;padding:23px 9px 16px;border:2px solid #4c5156;border-radius:39px;background:linear-gradient(150deg,#31363b,#090b0d 55%,#30363b);box-shadow:0 14px 26px #182b4324}

.uxav2 .ww8 .uxa-wtwbr-story-previews .uwp-viewport{aspect-ratio:400/760;border-radius:23px;overscroll-behavior:contain;background:#fff}

.uxav2 .ww8 .ww24-phone-camera{position:absolute;top:8px;left:50%;width:48px;height:5px;border-radius:5px;background:#555d64;transform:translateX(-50%)}

.uxav2 .ww8 .ww24-phone-home{position:absolute;bottom:6px;left:50%;width:72px;height:3px;border-radius:3px;background:#7b838b;transform:translateX(-50%)}

.uxav2 .ww8 .ww24-demo-tabs{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0 24px;border-bottom:1px solid var(--uwb-line)}

.uxav2 .ww8 .ww24-demo-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;padding:12px 0;min-height:44px;border-radius:0;background:transparent;color:var(--uwb-muted);font-family:inherit;font-size:15px;font-weight:500;line-height:1.4;cursor:pointer}

.uxav2 .ww8 .ww24-demo-tabs button[aria-selected=true]{color:var(--uwb-ink);border-color:var(--uwb-teal)}

.uxav2 .ww8 .ww24-laptop{margin:0 3.8% 28px;filter:drop-shadow(0 18px 20px #08112020)}

.uxav2 .ww8 .ww24-laptop-screen{position:relative;padding:19px 10px 11px;border-radius:23px 23px 14px 14px;background:linear-gradient(180deg,#22262a,#080909 48%,#17191b);box-shadow:inset 0 1px 0 #ffffff38}

.uxav2 .ww8 .ww24-laptop-camera{position:absolute;top:7px;left:50%;width:5px;height:5px;border-radius:50%;background:#4e5962;transform:translateX(-50%)}

.uxav2 .ww8 .ww24-laptop-display{overflow:hidden;border-radius:9px;background:#fff}

.uxav2 .ww8 .ww24-laptop-hinge{width:94%;height:9px;margin:auto;border-radius:0 0 18px 18px;background:linear-gradient(#34383b,#111314)}

.uxav2 .ww8 .ww24-laptop-base{position:relative;width:108%;height:22px;margin:-1px 0 0 -4%;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(#8f9498,#d5d8da 28%,#9a9fa3 64%,#676c70);box-shadow:inset 0 1px 0 #ffffffa6}

.uxav2 .ww8 .ww24-laptop-base:before{content:"";position:absolute;top:1px;left:50%;width:94px;height:6px;border-radius:0 0 10px 10px;background:#4b505475;transform:translateX(-50%)}

.uxav2 .ww8 .ww24-laptop .ww8-app{border:0;border-radius:0}

.uxav2 .ww8 .ww24-live-poster{position:relative;min-height:200px;background:#e4eddd}

.uxav2 .ww8 .ww24-live-poster img{display:block;width:100%;height:auto;margin:0}

.uxav2 .ww8 button.ww24-launch{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);min-height:48px;padding:13px 24px;border:1px solid #fff;border-radius:8px;background:#20355a;color:#fff;box-shadow:0 4px 12px #182b4340;font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap}

.uxav2 .ww8 .ww24-live-panel iframe{width:100%;height:660px;display:block;border:0;background:#fff}

.uxav2 .ww8 .ww24-sample-invite{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:0 0 20px;font-size:14px;line-height:1.6}

.uxav2 .ww8 .ww24-sample-invite a{color:var(--uwb-ink);font-weight:500;text-decoration:underline;text-underline-offset:4px}

.uxav2 .ww8 .ww24-sample-invite>span{color:var(--uwb-muted)}

.uxav2 .ww8 .ww24-sample-text-start{appearance:none;border:0;background:none;padding:8px 0;min-height:44px;color:var(--uwb-ink);font:inherit;font-weight:500;text-decoration:underline;text-underline-offset:4px;cursor:pointer}

.uxav2 #ww8-product-demo .ww24-laptop{--ww24-screen-height:clamp(420px,calc(100svh - 230px),660px)}

.uxav2 #ww8-product-demo .ww24-live-poster,.uxav2 #ww8-product-demo iframe[data-ww24-frame]{height:var(--ww24-screen-height);min-height:0}

.uxav2 #ww8-product-demo .ww24-live-panel{position:relative;height:var(--ww24-screen-height)}

.uxav2 #ww8-product-demo iframe[data-ww24-frame]{position:absolute;inset:0}

.uxav2 #ww8-product-demo .ww24-live-poster{z-index:1}

.uxav2 #ww8-product-demo .ww24-live-poster img{width:100%;height:100%;object-fit:cover;object-position:center}

.uxav2 #ww8-product-demo button.ww24-sample-cover{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;border:0;border-radius:0;background:rgba(6,14,21,.8);color:#fff;font-family:inherit;cursor:pointer;text-align:center;transition:background .16s ease-out}

.uxav2 #ww8-product-demo .ww24-sample-cover strong{font-size:clamp(22px,2.3vw,32px);font-weight:500;line-height:1.2;color:#fff}

.uxav2 #ww8-product-demo .ww24-cover-note{max-width:36ch;font-size:14px;line-height:1.6;color:#d8e4e5}

.uxav2 #ww8-product-demo .ww24-play-mark{width:66px;height:66px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;background:#ffffff0d}

.uxav2 #ww8-product-demo .ww24-play-mark svg{width:26px;height:26px;margin-left:3px}

.uxav2 #ww8-product-demo .ww24-sample-cover:focus-visible{outline:3px solid #11efe3;outline-offset:-7px}

@media(hover:hover){.uxav2 #ww8-product-demo .ww24-sample-cover:hover{background:rgba(6,14,21,.7)}}

@media(max-width:767px){.uxav2 #ww8-product-demo .ww24-laptop{--ww24-screen-height:clamp(380px,calc(100svh - 180px),640px)}

.uxav2 #ww8-product-demo .ww24-play-mark{width:56px;height:56px}}

@media(prefers-reduced-motion:reduce){.uxav2 #ww8-product-demo .ww24-sample-cover{transition:none}}

.uxav2 .ww8 .ww24-live-panel iframe[hidden],.uxav2 .ww8 .ww24-live-poster[hidden]{display:none!important}

.uxav2 .ww8 .ww24-launch span{display:inline-block;margin-left:10px;font-size:22px;line-height:1}

.uxav2 .ww8 .ww24-launch:focus-visible{outline:3px solid #11efe3;outline-offset:4px}

.uxav2 .ww8 .ww24-live-note{margin:24px 0 0;max-width:78ch;color:var(--uwb-copy);font-size:14px;line-height:1.7}

.uxav2 .ww8 .ww24-live-note a{color:var(--uwb-ink);text-decoration:underline;text-underline-offset:4px}

.uxav2 .ww8 .ww24-season-evidence{margin:40px 0 24px;padding:0;border:0;background:transparent}

.uxav2 .ww8 figure.ww24-season-evidence{margin-block:48px 24px!important}

.uxav2 .ww8 .ww24-season-evidence header{max-width:780px;margin-bottom:26px}

.uxav2 .ww8 .ww24-season-evidence h3{font-size:27px;line-height:1.25;margin:10px 0 14px;color:var(--uwb-ink)}

.uxav2 .ww8 .ww24-season-evidence header>p:not(.ww24-kicker){font-size:16px;line-height:1.7;color:var(--uwb-copy)}

.uxav2 .ww8 .ww24-kicker{font-size:13px;color:var(--uwb-teal);font-weight:500}

.uxav2 .ww8 .ww24-season-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}

.uxav2 .ww8 .ww24-season-pair h4{margin:0 0 14px;color:var(--uwb-ink);font-size:20px;line-height:1.4}

.uxav2 .ww8 .ww24-season-pair h4 span{display:block;margin-top:5px;color:var(--uwb-muted);font-size:13px;font-weight:400}

.uxav2 .ww8 .ww24-season-pair>div{min-width:0}

.uxav2 .ww8 .ww24-season-pair a{display:block;width:100%;overflow:hidden;border-radius:12px}

.uxav2 .ww8 .ww24-season-pair img{display:block;width:100%;max-width:none;height:auto;margin:0;border-radius:12px}

.uxav2 .ww8 .ww24-season-evidence figcaption{margin-top:18px;font-size:13px;line-height:1.7;color:var(--uwb-muted)}

.uxav2 .ww8 .ww24-season-explanation{margin:24px 0 40px;border-top:1px solid var(--uwb-line);border-bottom:1px solid var(--uwb-line);padding:0}

.uxav2 .ww8 .ww24-season-explanation>summary{padding:18px 0;min-height:48px;cursor:pointer;font-size:16px;font-weight:500;color:var(--uwb-ink)}

@media(max-width:767px){.uxav2 .ww8 .ww24-season-pair{grid-template-columns:1fr;gap:30px}

.uxav2 .ww8 .ww24-laptop{margin-inline:0}

.uxav2 .ww8 .ww24-laptop-screen{padding:15px 5px 7px;border-radius:15px 15px 9px 9px}

.uxav2 .ww8 .ww24-laptop-base{width:100%;margin-left:0;height:13px}

.uxav2 .ww8 .ww24-laptop-hinge{height:6px}

.uxav2 .ww8 .ww24-laptop-camera{top:5px;width:4px;height:4px}

.uxav2 .ww8 .ww24-live-panel iframe{height:640px}

.uxav2 .ww8 .ww24-live-note{font-size:14px}

.uxav2 .ww8 .ww24-demo-tabs{gap:20px}

.uxav2 .ww8 .ww24-season-evidence h3{font-size:24px}}

@media(max-width:600px){.uxav2 .ww8 .uxa-wtwbr-story-previews .uwp-stage{grid-template-columns:1fr;gap:24px}

.uxav2 .ww8 .uxa-wtwbr-story-previews .uwp-pane{max-width:320px}

.uxav2 .ww8 .ww24-phone-shell{border-radius:34px}

.uxav2 .ww8 .ww24-laptop-screen{padding-inline:4px}

.uxav2 .ww8 button.ww24-launch{bottom:15px;font-size:14px;padding:10px 16px}

.uxav2 .ww8 .ww24-demo-tabs button{font-size:14px}}

.uxav2 .guided-page{--guide-navy:#20355a;--guide-line:#dce3ee}

.uxav2 .guided-page .nav-inner{min-height:76px}

.uxav2 .guide-home{font-size:12px;margin-left:auto}

.uxav2 .guide-live{font-size:11px;border-left:1px solid var(--line);padding-left:30px;line-height:1.4}

.uxav2 .guide-live>span{display:block;font-size:9px;color:var(--muted);margin-top:4px}

.uxav2 .guide-hero{padding-block:35px 25px;background:#20355a;color:#fff}

.uxav2 .guide-hero-label{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff30;padding-bottom:20px;font-size:11px;color:#c0d0e6}

.uxav2 .guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);gap:80px;align-items:start;padding-block:37px 33px}

.uxav2 .guide-hero h1{font-size:clamp(40px,4.9vw,70px);line-height:1.06;font-weight:500;letter-spacing:-.045em}

.uxav2 .guide-hero-grid>div>p{max-width:520px;font-size:14px;color:#c7d7ed;line-height:1.8;margin-top:22px}

.uxav2 .guide-hero .button{margin-top:26px}

.uxav2 .guide-role{margin:0;padding-top:5px}

.uxav2 .guide-role>div+div{margin-top:21px}

.uxav2 .guide-role dt{font-size:9px;color:#b5c8e2;margin-bottom:5px}

.uxav2 .guide-role dd{margin:0;font-size:12px;line-height:1.7}

.uxav2 .guide-disclosure{font-size:10px;color:#b3c6df;line-height:1.8;border-top:1px solid #ffffff25;padding-top:18px;max-width:none}

.uxav2 .guide-progress-wrap{position:sticky;top:76px;z-index:25;background:#fff;border-bottom:1px solid var(--guide-line)}

.uxav2 .guide-progress{display:flex;align-items:center;gap:30px;min-height:78px}

.uxav2 .guide-progress-label{font-size:10px;color:var(--muted);flex-shrink:0}

.uxav2 .guide-progress nav{display:flex;gap:7px;align-items:stretch;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin}

.uxav2 .guide-progress nav button{display:flex;align-items:center;gap:7px;min-height:48px;text-align:left;border:0;background:transparent;color:#5c6c84;padding:10px 9px;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent;transition:color 170ms,border-color 170ms}

.uxav2 .chapter-number{font-size:8px;opacity:.7}

.uxav2 .guide-progress nav button[aria-current=step]{color:#20355a;border-bottom-color:#20355a;font-weight:600}

.uxav2 .chapter-tick{width:4px;height:4px;border-radius:50%;background:transparent}

.uxav2 .guide-progress nav button.is-explored .chapter-tick{background:#087f7b}

.uxav2 .guide-progress-count{font-size:10px;color:var(--muted);white-space:nowrap}

.uxav2 .guide-progress-line{height:2px;background:#eef2f8;overflow:hidden}

.uxav2 .guide-progress-line>span{display:block;width:16.666%;height:100%;background:#20355a;transform-origin:left;transition:width 300ms var(--ease)}

.uxav2 .guide-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:54px;align-items:start;padding-top:48px;padding-bottom:70px}

.uxav2 .guide-margin{position:sticky;top:210px;padding-top:7px}

.uxav2 .guide-margin-number{display:block;font-family:Urbanist,Arial,sans-serif;font-size:68px;line-height:1;letter-spacing:-.06em;color:#bac8dc}

.uxav2 .guide-margin>p{font-family:Urbanist,Arial,sans-serif;font-size:24px;line-height:1.25;letter-spacing:-.02em;margin-top:18px}

.uxav2 .guide-margin .guide-margin-note{font-family:Inter,Arial,sans-serif;font-size:10px;line-height:1.9;letter-spacing:0;color:var(--muted);margin-top:28px}

.uxav2 .guide-margin>a{display:inline-block;font-size:9px;margin-top:25px;text-decoration:underline;text-underline-offset:4px;line-height:1.8}

.uxav2 .guided-content{min-width:0;font-family:Inter,Arial,sans-serif!important;background:#fff!important;color:#20355a!important}

.uxav2 .guide-chapter[hidden]{display:none!important}

.uxav2 .chapter-opening{margin-bottom:24px;scroll-margin-top:175px}

.uxav2 .chapter-opening .eyebrow{font-size:10px;margin-bottom:11px}

.uxav2 .chapter-title{font-size:clamp(35px,3.6vw,49px);line-height:1.1;font-weight:500;letter-spacing:-.045em;color:#20355a}

.uxav2 .guided-task{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;border-block:1px solid var(--guide-line);padding-block:22px;margin-bottom:32px}

.uxav2 .task-label,.uxav2 .guided-why>span{display:block;font-size:10px;font-weight:600;color:#20355a;margin-bottom:8px}

.uxav2 .guided-task-main>p{font-size:14px;line-height:1.65;color:#20355a;max-width:440px}

.uxav2 .guided-why{border-left:1px solid var(--guide-line);padding-left:25px}

.uxav2 .guided-why>p{font-size:12px;color:#536177;line-height:1.85}

.uxav2 .task-state{display:block;font-size:10px;line-height:1.8;color:#647186;margin-top:12px;min-height:18px}

.uxav2 .task-state.is-done{color:#087f7b}

.uxav2 .guided-content .uxkf-shell{padding:0!important;background:transparent!important;color:#20355a!important}

.uxav2 .guided-content .uxkf-inner{max-width:none;width:100%;margin:0;padding:0}

.uxav2 .guided-content .uxkf-head{max-width:850px;margin:0 0 26px;padding:0}

.uxav2 .guided-content .uxkf-head>.uxkf-eyebrow{display:none}

.uxav2 .guided-content .uxkf-head>.uxkf-title{font-family:Urbanist,Arial,sans-serif;font-size:28px!important;line-height:1.2;color:#20355a!important;letter-spacing:-.025em;font-weight:500}

.uxav2 .guided-content .uxkf-intro{font-family:Inter,Arial,sans-serif;font-size:14px!important;line-height:1.85;color:#536177!important;margin-top:15px}

.uxav2 .guided-content #uxkf-design .uxkf-head>p,.uxav2 .guided-content #uxkf-design .uxkf-head>h2{color:#20355a!important}

.uxav2 .guided-content .uxkf-dark .uxkf-intro,.uxav2 .guided-content .uxkf-dark p{color:#536177}

.uxav2 .guided-content .uxkf-dark .uxkf-disclosure{background:#fff;border-color:#d3ddeb;color:#20355a}

.uxav2 .guided-content .uxkf-dark .uxkf-disclosure summary strong{color:#20355a}

.uxav2 .guided-content .uxkf-dark .uxkf-disclosure summary small{color:#647186}

.uxav2 .guided-content .kfp-figure,.uxav2 .guided-content .kfs-figure,.uxav2 .guided-content .kfroutes{margin-top:22px!important}

.uxav2 .guided-content .kfd-change{margin-top:30px}

.uxav2 .guided-content #uxkf-reflection{margin-top:40px}

.uxav2 .guided-content .kfp-figure,.uxav2 .guided-content .kfs-figure{box-shadow:0 18px 45px #20355a0c}

.uxav2 .decision-coach{position:sticky;top:156px;z-index:10;padding:15px 20px;background:#f0f4fa;border-block:1px solid #d0dcee;margin-top:24px;margin-bottom:-10px}

.uxav2 .decision-coach ol{display:flex;align-items:center;gap:28px;list-style:none;padding:0;margin:0;font-family:Inter,Arial,sans-serif;font-size:11px;color:#62728b;counter-reset:coach-step}

.uxav2 .decision-coach li{display:flex;align-items:center;gap:7px;counter-increment:coach-step;transition:color 160ms}

.uxav2 .decision-coach li:before{content:counter(coach-step);display:flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid #a7b6cb;border-radius:50%;font-size:9px}

.uxav2 .decision-coach p{font-family:Inter,Arial,sans-serif!important;font-size:11px!important;line-height:1.7!important;color:#334e74!important;margin:8px 0 0!important;min-height:19px}

.uxav2 .decision-coach[data-phase="0"] li:first-child,.uxav2 .decision-coach[data-phase="1"] li:first-child,.uxav2 .decision-coach[data-phase="2"] li:nth-child(2),.uxav2 .decision-coach[data-phase="3"] li:nth-child(3){color:#20355a;font-weight:600}

.uxav2 .decision-coach[data-phase="0"] li:first-child:before,.uxav2 .decision-coach[data-phase="1"] li:first-child:before,.uxav2 .decision-coach[data-phase="2"] li:nth-child(2):before,.uxav2 .decision-coach[data-phase="3"] li:nth-child(3):before{background:#20355a;color:white;border-color:#20355a}

.uxav2 .decision-coach[data-phase="3"]{border-color:#7fa9a4}

.uxav2 .guided-task{border-block:0;padding-block:0}

.uxav2 .decision-coach{position:static;top:auto;border:0;margin:24px 0 22px;background:#f5f7fa}

.uxav2 .guided-content .uxkf-shell,.uxav2 .guided-content .uxkf-head{border:0!important}

.uxav2 #uxkf-case-study .kfw-demo-heading{background:#f5f7fa!important;color:#20355a!important}

.uxav2 #uxkf-case-study #uxkf-searchflow .kfw-demo-heading h3{color:#20355a!important}

.uxav2 #uxkf-case-study #uxkf-searchflow .kfw-demo-heading .kfw-eyebrow{color:#455a79!important}

.uxav2 .guided-content .kfw-comparison{border-top:0}

.uxav2 .guided-extra{margin-block:25px;border-block-start:1px solid var(--guide-line);border-block-end:0}
.uxav2 .guided-extra[open]{padding-block-end:24px}

.uxav2 .guided-extra>summary{list-style:none;cursor:pointer;padding:17px 0;font-size:12px;min-height:48px;color:#20355a}

.uxav2 .guided-extra>summary:after{content:'+';float:right;font-size:20px}

.uxav2 .guided-extra[open]>summary:after{content:'−'}

.uxav2 .chapter-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:30px;border-top:1px solid var(--guide-line);margin-top:38px}

.uxav2 .chapter-footer .button{font-size:11px;gap:24px;margin-left:auto;text-align:left}

.uxav2 .chapter-back{border:0;background:transparent;color:#536177;font-size:11px;min-height:44px;padding:10px 0}

.uxav2 .continue-nudge [data-guide-next]{animation:continue-button-shake 900ms ease-in-out both}

.uxav2 .continue-nudge [data-guide-next] .arrow{animation:continue-wiggle 900ms ease-in-out both}

@keyframes continue-button-shake{0%,100%{translate:0 0;rotate:0deg}15%{translate:5px 0;rotate:.6deg}30%{translate:-4px 0;rotate:-.6deg}45%{translate:4px 0;rotate:.5deg}60%{translate:-3px 0;rotate:-.4deg}75%{translate:2px 0;rotate:.2deg}}

@keyframes continue-wiggle{0%,100%{translate:0 0}22%{translate:6px 0}43%{translate:0 0}63%{translate:5px 0}82%{translate:0 0}}

.uxav2 .guide-hero :where(a,button):focus-visible{outline-color:#11efe3}

.uxav2 .wild-guided .guide-hero :where(a,button):focus-visible{outline-color:#087f7b}

.uxav2 .guided-content #uxkf-design .uxkf-disclosure summary small{color:#647186!important}

.uxav2 .guide-location{margin-right:auto;min-width:0;line-height:1.5}

.uxav2 .guide-location strong{display:block;font-size:12px;font-weight:600;color:#20355a}

.uxav2 .guide-location span{display:block;font-size:11px;color:#334b6e}

.uxav2 .guided-page .guide-home{margin-left:0;white-space:nowrap}

.uxav2 .guided-page .nav-inner{gap:26px}

.uxav2 .guide-progress-label,.uxav2 .chapter-number,.uxav2 .guide-progress-count{display:none}

.uxav2 .guide-progress{gap:20px}

.uxav2 .guide-progress nav button{font-size:12px;color:#455a79;padding-inline:12px}

.uxav2 .guide-progress nav button[aria-current=step]{font-weight:600;color:#20355a}

.uxav2 .guide-progress nav button{transition:color 120ms ease}

.uxav2 .guide-progress-line>span{transition:none}

.uxav2 .progress-start-link{flex-shrink:0;min-height:44px;font-size:11px;color:#20355a;border:0;background:transparent;padding:8px 0;text-decoration:underline;text-underline-offset:4px}

.uxav2 .guide-margin{border-top:2px solid #20355a;padding-top:17px}

.uxav2 .guide-margin .current-label{font-family:Inter,Arial,sans-serif;font-size:11px;line-height:1.5;letter-spacing:0;margin:0 0 10px;color:#455a79}

.uxav2 .guide-margin>strong{display:block;font-family:Urbanist,Arial,sans-serif;font-size:24px;line-height:1.2;letter-spacing:-.02em;font-weight:600;color:#20355a}

.uxav2 .guide-margin .margin-task{font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.8;letter-spacing:0;color:#334b6e;margin-top:17px}

.uxav2 .chapter-start-link,.uxav2 .margin-back{display:block;min-height:44px;font-family:Inter,Arial,sans-serif;font-size:11px;line-height:1.6;text-align:left;color:#20355a;background:none;border:0;padding:10px 0;text-decoration:underline;text-underline-offset:4px}

.uxav2 .chapter-start-link{margin-top:15px}

.uxav2 .guide-margin>a{font-size:11px;color:#334b6e;margin-top:12px;min-height:44px}

.uxav2 .guide-chapter .task-state{font-size:12px;color:#455a79}

.uxav2 .guided-task-main>p{font-size:15px;line-height:1.8;color:#20355a}

.uxav2 .guided-why>p{font-size:13px;line-height:1.85;color:#334b6e}

.uxav2 .guided-content .uxkf-intro{font-size:15px!important;color:#334b6e!important}

.uxav2 .guided-content :is(.uxkf-caption,.kfp-status,.kfs-status){color:#455a79!important;font-size:12px!important}

.uxav2 .guided-content #uxkf-design .uxkf-disclosure summary small{color:#455a79!important;font-size:12px!important}

.uxav2 .chapter-back,.uxav2 .chapter-footer .button{font-size:12px}

@media(max-width:1150px){.uxav2 .guide-progress nav button{font-size:11px;padding-inline:10px}

.uxav2 .progress-start-link{font-size:10px}

.uxav2 .guide-location span{font-size:10px}}

@media(max-width:850px){.uxav2 .guided-page .nav-inner{gap:18px}

.uxav2 .guide-live{display:none}

.uxav2 .guide-location strong{font-size:11px}

.uxav2 .guide-location span{font-size:10px}

.uxav2 .guide-progress nav button{font-size:11px}

.uxav2 .guide-progress{gap:15px}

.uxav2 .guided-task-main>p{font-size:14px}

.uxav2 .guided-why>p{font-size:13px}}

@media(max-width:600px){.uxav2 .guided-page .nav-inner{gap:16px}

.uxav2 .guided-page .wordmark{font-size:23px}

.uxav2 .guide-home{display:none}

.uxav2 .guide-location{margin-left:auto;margin-right:0;text-align:right;max-width:190px}

.uxav2 .guide-location strong{font-size:10px}

.uxav2 .guide-location span{font-size:9px}

.uxav2 .guide-progress{gap:8px}

.uxav2 .guide-progress nav button{font-size:11px;padding-inline:11px}

.uxav2 .progress-start-link{font-size:9px;max-width:60px;line-height:1.5;text-align:right}

.uxav2 .guided-task-main>p{font-size:14px}

.uxav2 .guided-why>p{font-size:12px}

.uxav2 .guide-chapter .task-state{font-size:11px}

.uxav2 .guided-content .uxkf-intro{font-size:14px!important}

.uxav2 .chapter-footer .button,.uxav2 .chapter-back{font-size:11px}}

.uxav2 .guided-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:30px;font-size:10px;color:#647186}

.uxav2 .guided-footer .wordmark{font-size:24px;color:#20355a}

.uxav2 .guided-footer>a:last-child{color:#20355a;text-decoration:underline;text-underline-offset:4px}

.uxav2 .guided-content a:focus-visible,.uxav2 .guided-content button:focus-visible,.uxav2 .guided-content summary:focus-visible,.uxav2 .guided-content input:focus-visible,.uxav2 .guided-content textarea:focus-visible{outline:3px solid #087f7b!important;outline-offset:4px}

.uxav2 .guided-content .guide-chapter.is-entering>.uxkf-shell{animation:chapter-art-enter 400ms var(--ease) both}

@keyframes chapter-art-enter{from{opacity:1;translate:0 8px}to{opacity:1;translate:0}}

@media(min-width:1500px){.uxav2 .guide-layout{grid-template-columns:140px minmax(0,1fr);gap:58px}}

@media(max-width:1150px){.uxav2 .guide-progress{gap:15px}

.uxav2 .guide-progress-label{display:none}

.uxav2 .guide-progress nav{gap:3px}

.uxav2 .guide-progress nav button{font-size:11px;padding-inline:7px}

.uxav2 .guide-layout{grid-template-columns:110px minmax(0,1fr);gap:30px}

.uxav2 .guide-margin>p{font-size:21px}

.uxav2 .guide-margin-number{font-size:58px}

.uxav2 .guide-hero-grid{gap:45px}

.uxav2 .guided-task{gap:22px}

.uxav2 .guided-why{padding-left:20px}

.uxav2 .guided-task-main>p{font-size:13px}}

@media(max-width:850px){.uxav2 .guide-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-top:35px}

.uxav2 .guide-margin{display:none}

.uxav2 .guide-hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:35px}

.uxav2 .guide-hero h1{font-size:47px}

.uxav2 .guide-progress nav button{font-size:9px;gap:5px;min-height:50px}

.uxav2 .guide-progress{min-height:70px;gap:10px}

.uxav2 .guide-progress-count{font-size:9px}

.uxav2 .guide-hero-grid>div>p{font-size:12px}

.uxav2 .guide-role dd{font-size:11px}

.uxav2 .guided-content .uxkf-title{font-size:27px!important}

.uxav2 .guide-progress-wrap{top:76px}}

@media(max-width:600px){.uxav2 .guided-page .nav-inner{min-height:66px;gap:20px}

.uxav2 .guide-home{font-size:10px}

.uxav2 .guide-live{display:none}

.uxav2 .guide-hero{padding-block:24px 20px}

.uxav2 .guide-hero-label{font-size:9px;gap:20px;padding-bottom:16px}

.uxav2 .guide-hero-grid{grid-template-columns:1fr;gap:27px;padding-block:26px}

.uxav2 .guide-hero h1{font-size:40px;line-height:1.08}

.uxav2 .guide-hero-grid>div>p{font-size:12px;margin-top:19px}

.uxav2 .guide-hero .button{margin-top:22px;font-size:11px;min-height:48px}

.uxav2 .guide-role{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:0}

.uxav2 .guide-role>div+div{margin-top:0}

.uxav2 .guide-role>div:last-child{grid-column:1/-1}

.uxav2 .guide-role dt{font-size:9px}

.uxav2 .guide-role dd{font-size:10px}

.uxav2 .guide-disclosure{font-size:9px;line-height:1.9;padding-top:16px}

.uxav2 .guide-progress-wrap{top:66px}

.uxav2 .guide-progress{gap:9px;min-height:64px;width:calc(100% - 30px)}

.uxav2 .guide-progress nav button{font-size:10px;padding-inline:10px;min-height:48px}

.uxav2 .guide-progress nav{gap:0}

.uxav2 .guide-progress-count{display:none}

.uxav2 .guide-layout{padding-top:29px;padding-bottom:45px}

.uxav2 .chapter-title{font-size:35px}

.uxav2 .chapter-opening{margin-bottom:20px;scroll-margin-top:155px}

.uxav2 .guided-task{grid-template-columns:1fr;gap:18px;padding-block:20px;margin-bottom:26px}

.uxav2 .guided-task-main>p{font-size:13px}

.uxav2 .guided-why{padding-left:0;padding-top:17px;border-left:0;border-top:1px solid var(--line)}

.uxav2 .guided-why>p{font-size:11px}

.uxav2 .task-state{font-size:9px}

.uxav2 .guided-content .uxkf-head>.uxkf-title{font-size:25px!important}

.uxav2 .guided-content .uxkf-intro{font-size:12px!important;line-height:1.85}

.uxav2 .guided-content .uxkf-head{margin-bottom:20px}

.uxav2 .guided-content .kfp-figure,.uxav2 .guided-content .kfs-figure,.uxav2 .guided-content .kfroutes{border-radius:10px}

.uxav2 .chapter-footer{gap:14px;align-items:start;flex-direction:column;padding-top:23px}

.uxav2 .chapter-footer .button{margin-left:0;font-size:10px;gap:20px;max-width:100%}

.uxav2 .chapter-back{font-size:10px}

.uxav2 .guided-footer{flex-wrap:wrap;gap:20px;font-size:9px;padding-block:25px}

.uxav2 .guided-footer .wordmark{font-size:23px}

.uxav2 .guided-footer>span{margin-left:auto;max-width:130px;text-align:right}

.uxav2 .guided-footer>a:last-child{width:100%;font-size:10px}

.uxav2 .guide-chapter .uxkf-state-art{overflow:hidden}

.uxav2 .guided-extra>summary{font-size:11px}}

@media(max-width:850px){.uxav2 .decision-coach{top:148px}}

@media(max-width:600px){.uxav2 .decision-coach{top:132px;padding:12px 14px;margin-top:21px}

.uxav2 .decision-coach ol{gap:17px;font-size:10px}

.uxav2 .decision-coach p{font-size:10px!important}

.uxav2 .decision-coach li{gap:5px}

.uxav2 .decision-coach li:before{width:17px;height:17px;font-size:8px}}

@media(prefers-reduced-motion:reduce){.uxav2 .guide-chapter.is-entering>.uxkf-shell{animation:none}

.uxav2 .guide-progress-line>span{transition:none}}

.uxav2 #uxkf-case-study.uxa-kf-body #uxkf-outcomes .kfo-statuses{gap:18px;margin:28px 0}

.uxav2 #uxkf-case-study.uxa-kf-body #uxkf-outcomes .kfo-statuses>li{padding:22px 24px;min-height:92px;gap:14px;border:1px solid #dce3ee;border-radius:8px;background:#f3f5f9;box-sizing:border-box}

.uxav2 #uxkf-case-study.uxa-kf-body #uxkf-outcomes .kfo-statuses strong{font-size:17px;line-height:1.4;color:#20355a}

.uxav2 #uxkf-case-study.uxa-kf-body #uxkf-outcomes .kfo-status-icon{flex:0 0 28px;width:28px;height:28px;background:#e4eaf4;color:#284271}

@media(max-width:680px){.uxav2 #uxkf-case-study.uxa-kf-body #uxkf-outcomes .kfo-statuses{gap:10px}

.uxav2 #uxkf-case-study.uxa-kf-body #uxkf-outcomes .kfo-statuses>li{min-height:76px;padding:18px 20px}}

.uxav2 .guide-progress-wrap{border:0;padding:0 0 12px;background:#fff}

.uxav2 .guide-progress{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px 24px;min-height:0;padding:16px 0 14px;width:min(calc(100% - 11.1vw),1280px);margin-inline:auto}

.uxav2 .guide-progress .guide-location{grid-column:1;grid-row:1;display:flex;align-items:center;gap:14px;margin:0;text-align:left;max-width:none;line-height:1.5}

.uxav2 .guide-progress .guide-location strong{font-size:12px;white-space:nowrap}

.uxav2 .guide-progress .guide-location span{font-size:11px;color:#455a79}

.uxav2 .guide-progress .guide-progress-mode{grid-column:2;grid-row:1;margin:0;min-height:44px}

.uxav2 .guide-progress .progress-start-link{grid-column:3;grid-row:1;margin:0;min-height:44px;max-width:none}

.uxav2 .guide-progress nav{grid-column:1/-1;grid-row:2;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;overflow:visible}

.uxav2 .guide-progress nav button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:1px solid #dce3ee;border-radius:8px;background:#fff;color:#455a79;white-space:normal;font-size:12px;line-height:1.4;font-weight:400;text-decoration:none}

.uxav2 .guide-progress nav button .chapter-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f0f3f8;color:#455a79;font-size:10px;opacity:1;font-weight:600}

.uxav2 .guide-progress nav button[aria-current=step]{color:#20355a;border-color:#20355a;background:#f4f7fb;font-weight:600}

.uxav2 .guide-progress nav button[aria-current=step] .chapter-number{background:#20355a;color:#fff}

.uxav2 .guide-progress nav button.is-explored .chapter-number{box-shadow:0 0 0 2px #11efe3}

.uxav2 .guide-progress nav button .chapter-tick{display:none}

.uxav2 .guide-progress nav button:hover{border-color:#20355a;background:#f4f7fb}

.uxav2 .guide-progress nav button:focus-visible{outline:3px solid #087f7b;outline-offset:3px}

.uxav2 .guide-progress-line{width:min(calc(100% - 11.1vw),1280px);margin-inline:auto;height:3px;border-radius:4px;background:#e8edf4}

.uxav2 .guide-progress-line>span{border-radius:4px;background:#20355a}

@media(max-width:1050px){.uxav2 .guide-progress{gap:10px 16px}

.uxav2 .guide-progress nav{gap:6px}

.uxav2 .guide-progress nav button{grid-template-columns:23px minmax(0,1fr);gap:7px;padding:9px 7px;font-size:10px}

.uxav2 .guide-progress nav button .chapter-number{width:23px;height:23px;font-size:9px}}

@media(max-width:700px){.uxav2 .guide-progress{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:11px 0 12px}

.uxav2 .guide-progress .guide-location{grid-column:1/-1;gap:10px}

.uxav2 .guide-progress .guide-location strong{font-size:11px}

.uxav2 .guide-progress .guide-location span{font-size:10px}

.uxav2 .guide-progress .guide-progress-mode{grid-column:1;grid-row:2;justify-self:start;font-size:11px}

.uxav2 .guide-progress .progress-start-link{grid-column:2;grid-row:2;font-size:10px}

.uxav2 .guide-progress nav{grid-row:3;display:flex;overflow-x:auto;gap:8px;scrollbar-width:none;scroll-snap-type:x proximity;padding:3px}

.uxav2 .guide-progress nav button{flex:0 0 168px;min-height:52px;padding:9px 10px;font-size:11px;scroll-snap-align:center}

.uxav2 .guide-progress-line{width:calc(100% - 48px)}}

.uxav2 .guide-progress-wrap{padding-bottom:7px}

.uxav2 .guide-progress{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0}

.uxav2 .guide-progress .guide-location{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.uxav2 .guide-progress nav{grid-column:1;grid-row:1;gap:7px}

.uxav2 .guide-progress nav button{grid-template-columns:23px minmax(0,1fr);gap:8px;min-height:48px;padding:7px 9px;font-size:11px;border-radius:6px}

.uxav2 .guide-progress nav button .chapter-number{width:23px;height:23px;font-size:9px}

.uxav2 .guide-progress .guide-progress-mode{grid-column:2;grid-row:1;font-size:10px;min-height:44px;padding:7px 0}

.uxav2 .guide-progress .progress-start-link{display:none}

.uxav2 .guide-progress nav button.is-explored .chapter-number{box-shadow:none}

.uxav2 .guide-progress nav button.is-complete .chapter-number{background:#20355a;color:#fff;box-shadow:none}

.uxav2 .guide-progress-line>span{background:#20355a!important}

.uxav2 .guide-progress nav button[aria-current=step]{color:#20355a!important;border-color:#20355a!important;background:#f4f7fb!important}

.uxav2 .guide-progress nav button:is([aria-current=step],.is-complete) .chapter-number{background:#20355a!important;color:#fff!important;box-shadow:none!important}

.uxav2 .guide-progress nav button{height:48px;min-height:48px!important}

@media(max-width:900px){.uxav2 .guide-progress{grid-template-columns:1fr auto;gap:4px 12px;padding:7px 0}

.uxav2 .guide-progress .guide-location{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;grid-column:1;grid-row:1;display:flex;gap:10px}

.uxav2 .guide-progress .guide-location strong{font-size:10px}

.uxav2 .guide-progress .guide-location span{font-size:10px}

.uxav2 .guide-progress .guide-progress-mode{grid-column:2;grid-row:1;min-height:44px}

.uxav2 .guide-progress nav{grid-column:1/-1;grid-row:2;display:flex;overflow-x:auto;gap:7px;scrollbar-width:none;padding:3px}

.uxav2 .guide-progress nav button{flex:0 0 150px;min-height:44px;padding:7px 9px;scroll-snap-align:center}

.uxav2 .guide-progress .guide-location span{display:none}}

.uxav2 .wild-guided .guide-hero{background:#fff;color:#20355a;padding-bottom:15px}

.uxav2 .wild-guided .guide-hero-label{border-color:#dce3ee;color:#536177}

.uxav2 .wild-guided .guide-disclosure{border-color:#dce3ee;color:#647186}

.uxav2 .wild-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;padding-block:30px}

.uxav2 .wild-hero-grid .eyebrow{font-size:11px;color:#526e4d;margin-bottom:20px}

.uxav2 .wild-hero-grid>div>p:not(.eyebrow){max-width:510px;font-size:14px;color:#536177;line-height:1.9;margin-top:23px}

.uxav2 .wild-hero-grid .button{margin-top:25px}

.uxav2 .wild-hero-art{min-width:0}

.uxav2 .wild-guided-content{min-width:0;color:#20355a!important;background:transparent!important;font-family:Inter,Arial,sans-serif}

.uxav2 .wild-guided-content [hidden]{display:none!important}

.uxav2 .wild-guided-content .ww8-chapter{padding:0!important;margin:0;background:transparent!important;border:0!important;color:#20355a!important}

.uxav2 .wild-guided-content .ww8-inner{width:100%;max-width:none;margin:0;padding:0}

.uxav2 .wild-guided-content .ww8-heading{padding:0;margin:0 0 28px;max-width:850px}

.uxav2 .wild-guided-content .ww8-heading>.ww8-eyebrow{display:none}

.uxav2 .wild-guided-content .ww8-heading .uxaw-title{font-family:Urbanist,Arial,sans-serif;font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-.03em;color:#20355a!important}

.uxav2 .wild-guided-content .ww8-heading .uxaw-intro{font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.9;margin-top:15px;color:#536177!important}

.uxav2 .wild-guided-content .ww8-navy :is(.ww8-heading,.ww8-caption,.ww8-card h3,.ww8-card p,.ww8-details summary,.ww8-details p){color:#20355a!important}

.uxav2 .wild-guided-content .ww8-navy .ww8-card{background:#fff;border-color:#dce3ee}

.uxav2 .wild-guided-content #uxaw-website :is(p,h3,h4){color:#20355a!important}

.uxav2 .wild-guided-content #uxaw-website :is(.ww10-evidence-label,.ww9-purchase-label,.ww10-guide-note){color:#455a79!important}

.uxav2 .wild-guided-content .ww8-heading .uxaw-intro{font-size:15px;color:#334b6e!important}

.uxav2 .wild-guided-content :is(.ww8-caption,.ww8-reading>p){font-size:13px;color:#334b6e!important;line-height:1.85}

.uxav2 .wild-guided-content .ww8-next,.uxav2 .wild-guided-content .ww8-dock{display:none!important}

.uxav2 .wild-guided-content .ww24-sample-invite{margin-top:10px}

.uxav2 .wild-guided-content .ww24-laptop{margin-top:20px}

.uxav2 .wild-guided-content .ww24-demo-tabs{border-top:1px solid #dce3ee}

.uxav2 .wild-guided-content #ww24-live-panel{background:transparent}

.uxav2 .wild-guided-content .ww24-live-poster img{object-fit:cover}

.uxav2 .wild-guided-content .ww24-cover-note{max-width:300px;line-height:1.6}

.uxav2 .wild-guided-content .ww8-demo{margin-top:34px}

.uxav2 .wild-guided-content .ww8-visual{background:transparent}

.uxav2 .wild-guided-content .ww8-design-tabs{margin-top:24px}

.uxav2 .wild-guided-content .ww8-card{box-shadow:none}

.uxav2 .wild-guided-content .ww8-details{margin-top:22px}

.uxav2 .wild-guided-content .guide-chapter.is-entering>.ww8-chapter{animation:chapter-art-enter 400ms var(--ease) both}

.uxav2 .wild-guided-content :is(a,button,summary,input,select):focus-visible{outline:3px solid #087f7b!important;outline-offset:4px}

.uxav2 .wild-guided-content .chapter-opening .eyebrow{color:#647186}

.uxav2 .wild-guided-content .chapter-title{color:#20355a}

.uxav2 .wild-guided .guide-progress-line>span{background:#597a4e}

.uxav2 .wild-guided .guide-progress nav button[aria-current=step]{color:#43613b;border-color:#597a4e}

.uxav2 .local-sample-external{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:Inter,Arial,sans-serif;font-size:11px;color:#20355a;text-decoration:underline;text-underline-offset:5px}

@media(max-width:850px){.uxav2 .wild-hero-grid{gap:25px}

.uxav2 .wild-hero-grid .eyebrow{font-size:10px}

.uxav2 .wild-guided .guide-hero h1{font-size:45px}

.uxav2 .wild-hero-grid>div>p:not(.eyebrow){font-size:12px}

.uxav2 .wild-guided-content .ww8-heading .uxaw-title{font-size:27px}

.uxav2 .wild-guided-content .ww8-heading .uxaw-intro{font-size:13px}}

@media(max-width:600px){.uxav2 .wild-hero-grid{grid-template-columns:1fr;gap:15px;padding-top:27px;padding-bottom:22px}

.uxav2 .wild-guided .guide-hero h1{font-size:42px}

.uxav2 .wild-hero-grid>div>p:not(.eyebrow){font-size:12px;margin-top:20px}

.uxav2 .wild-hero-grid .eyebrow{font-size:10px;line-height:1.8;margin-bottom:17px}

.uxav2 .wild-hero-grid .button{font-size:11px}

.uxav2 .wild-hero-art{margin-inline:-10px}

.uxav2 .wild-guided-content .ww8-heading .uxaw-title{font-size:25px}

.uxav2 .wild-guided-content .ww8-heading .uxaw-intro{font-size:12px}

.uxav2 .wild-guided-content .ww8-reading{max-width:none}

.uxav2 .wild-guided-content .ww8-demo{margin-inline:-8px}

.uxav2 .wild-guided-content .ww24-cover-note{max-width:200px}}

@media(prefers-reduced-motion:reduce){.uxav2 .wild-guided-content .guide-chapter.is-entering>.ww8-chapter{animation:none}}

.uxav2 .shared-case-hero{background:#fff!important;color:#20355a!important;padding-block:34px 28px!important}

.uxav2 .shared-case-hero .guide-hero-label{color:#455a79!important;border-color:#dce3ee!important;font-size:12px}

.uxav2 .case-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:60px;align-items:center;padding-block:45px 32px}

.uxav2 .shared-case-hero h1{color:#20355a!important;font-family:Urbanist,Arial,sans-serif;font-size:clamp(43px,4.6vw,66px)!important;line-height:1.08!important;letter-spacing:-.045em;max-width:620px;font-weight:500}

.uxav2 .case-hero-intro{font-family:Inter,Arial,sans-serif;font-size:15px;color:#334b6e!important;line-height:1.9;margin-top:24px;max-width:550px}

.uxav2 .case-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:27px}

.uxav2 .shared-case-hero .case-hero-actions .button{margin:0;font-size:12px;min-height:52px}

.uxav2 .case-read-all{border:0;background:transparent;color:#20355a;padding:10px 0;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:5px}

.uxav2 .case-hero-art{display:block;min-width:0;width:100%;color:inherit}

.uxav2 .case-access{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#455a79}

.uxav2 .case-hero-art .original-art .uxa-home-v3{background:transparent}

.uxav2 .real-case-hero-art .delivered-stage{padding-top:0;padding-bottom:40px}

.uxav2 .real-case-hero-art .delivered-figure{margin:0}

.uxav2 .real-case-hero-art .delivered-browser{width:85%}

.uxav2 .real-case-hero-art .delivered-chrome{padding:10px 11px;gap:10px}

.uxav2 .real-case-hero-art .delivered-chrome p{font-size:9px}

.uxav2 .real-case-hero-art .delivered-screen-viewport{aspect-ratio:4/3}

.uxav2 .real-case-hero-art .delivered-phone{width:34%;bottom:-6px}

.uxav2 .real-case-hero-art .delivered-figure>figcaption{display:block;font-size:10px;margin-top:18px}

.uxav2 .real-case-hero-art .delivered-figure>figcaption>span{display:none}

.uxav2 .real-case-hero-art .delivered-figure>figcaption a{font-size:10px;min-height:36px}

.uxav2 .real-case-hero-art .delivered-figure>figcaption>div{gap:18px}

.uxav2 .case-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 20px;margin:30px 0 0;padding:22px 0 0;border-top:1px solid #dce3ee}

.uxav2 .case-hero-meta dt{font-size:10px;color:#455a79;line-height:1.5;margin-bottom:7px}

.uxav2 .case-hero-meta dd{font-size:11px;color:#20355a;line-height:1.7;margin:0;font-weight:500}

.uxav2 .shared-case-hero .guide-disclosure{font-size:11px!important;line-height:1.8!important;color:#455a79!important;border-color:#dce3ee!important}

.uxav2 .shared-case-hero :where(a,button):focus-visible{outline-color:#087f7b!important}

.uxav2 .case-site-links{display:flex;align-items:center;gap:22px;font-size:12px;order:4}

.uxav2 .guided-page .guide-live{order:5}

.uxav2 [data-site-menu]{display:none;background:none;border:0;color:#20355a;font-size:12px;min-height:44px;padding:10px 0}

.uxav2 .local-site-nav{position:absolute;inset-inline:0;top:100%;padding:16px var(--gutter) 24px;background:#fff;border-block:1px solid #dce3ee;box-shadow:0 16px 25px #20355a0b}

.uxav2 .local-site-nav>a{display:block;min-height:48px;padding:12px 0;border-bottom:1px solid #dce3ee;color:#20355a;font-size:16px}

.uxav2 .guide-progress-mode{flex-shrink:0;min-height:44px;padding:8px 0;border:0;background:transparent;font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#20355a}

body.guide-read-all .uxav2 .guide-chapter{display:block!important;margin-bottom:80px}

body.guide-read-all .uxav2 .chapter-footer{display:none}

@media(hover:hover) and (prefers-reduced-motion:no-preference){.uxav2 .case-hero-art:hover .original-art{animation:art-bounce-up 360ms var(--ease) both}}

@media(max-width:1100px){.uxav2 .case-hero-grid{gap:36px}

.uxav2 .case-hero-meta{gap:16px}

.uxav2 .case-site-links{gap:16px}

.uxav2 .guided-page .nav-inner{gap:22px}}

@media(max-width:850px){.uxav2 .case-hero-grid{grid-template-columns:1fr;gap:25px;max-width:700px;margin:auto;padding-block:34px 26px}

.uxav2 .shared-case-hero h1{font-size:55px!important}

.uxav2 .case-hero-copy{max-width:650px}

.uxav2 .case-hero-intro{max-width:610px}

.uxav2 .case-hero-art{width:min(100%,650px);justify-self:center}

.uxav2 .case-hero-meta{margin-top:25px}

.uxav2 .case-hero-meta dd{font-size:12px}

.uxav2 .case-site-links{gap:15px;font-size:11px}

.uxav2 .guide-progress-mode{font-size:10px}}

@media(max-width:600px){.uxav2 .shared-case-hero{padding-block:24px 22px!important}

.uxav2 .shared-case-hero .guide-hero-label{font-size:9px!important}

.uxav2 .case-hero-grid{padding-block:28px 24px;gap:22px}

.uxav2 .shared-case-hero h1{font-size:43px!important;line-height:1.1!important}

.uxav2 .case-hero-intro{font-size:14px;margin-top:20px}

.uxav2 .case-hero-actions{gap:20px;margin-top:23px}

.uxav2 .shared-case-hero .case-hero-actions .button{font-size:11px;min-height:48px}

.uxav2 .case-read-all{font-size:11px}

.uxav2 .case-hero-meta{gap:17px 20px;grid-template-columns:1fr 1fr;margin-top:23px;padding-top:19px}

.uxav2 .case-hero-meta>div:last-child{grid-column:1/-1}

.uxav2 .case-hero-meta dd{font-size:11px}

.uxav2 .case-hero-meta dt{font-size:9px}

.uxav2 .case-hero-art{margin-inline:-5px;width:calc(100% + 10px)}

.uxav2 .shared-case-hero .guide-disclosure{font-size:10px!important}

.uxav2 .case-site-links{display:none}

.uxav2 .guided-page .nav-inner{gap:12px}

.uxav2 .guided-page .guide-location{max-width:130px;margin-left:auto}

.uxav2 .guided-page .guide-location span{font-size:8px}

.uxav2 .guided-page .wordmark{font-size:22px}

.uxav2 [data-site-menu]{display:block;order:6;flex-shrink:0;font-size:10px}

.uxav2 .guide-progress-mode{font-size:9px;max-width:55px;line-height:1.5}

body.guide-read-all .uxav2 .guide-chapter{margin-bottom:55px}}

.uxav2 .v2-shared-header .nav-inner{min-height:76px;gap:35px}

.uxav2 .v2-shared-header .desktop-nav{gap:29px;font-size:12px;order:2}

.uxav2 .v2-shared-header .nav-contact{order:3;font-size:12px;gap:25px}

.uxav2 .v2-shared-header .guide-location{display:none}

.uxav2 .v2-shared-header .v2-menu-toggle{display:none;order:4;align-items:center;gap:14px;min-height:44px;background:none;color:#20355a;border:0;padding:10px 0;font-size:12px}

.uxav2 .v2-shared-header .desktop-nav a[aria-current=page]:after{right:0}

.uxav2 .v2-shared-header .local-site-nav[hidden]{display:none!important}

@media(max-width:850px){.uxav2 .v2-shared-header .nav-inner{gap:24px}

.uxav2 .v2-shared-header .desktop-nav{gap:20px;font-size:11px}

.uxav2 .v2-shared-header .nav-contact{gap:15px;font-size:11px;padding-inline:12px}}

@media(max-width:700px){.uxav2 .v2-shared-header .nav-inner{min-height:66px;justify-content:space-between}

.uxav2 .v2-shared-header .desktop-nav,.uxav2 .v2-shared-header .nav-contact{display:none}

.uxav2 .v2-shared-header .v2-menu-toggle{display:flex}

.uxav2 .v2-shared-header .local-site-nav{position:absolute;top:100%;inset-inline:0;background:#fff;border-block:1px solid #dce3ee;padding:15px var(--gutter) 25px;box-shadow:0 15px 25px #20355a12}

.uxav2 .v2-shared-header .local-site-nav a{display:block;color:#20355a;padding:12px 0;font-size:17px;border-bottom:1px solid #dce3ee}

.uxav2 .guided-page .guide-progress-wrap{top:66px}}

.uxav2 .shared-case-hero .hero-motion-screen{scroll-behavior:auto;overscroll-behavior:auto}

.uxav2 .shared-case-hero .hero-motion-controls{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:8px;color:#455a79;font:11px/1.6 Inter,Arial,sans-serif}

.uxav2 .shared-case-hero .hero-motion-controls[hidden]{display:none!important}

.uxav2 .shared-case-hero .hero-motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 0;border:0;background:transparent;color:#20355a;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}

.uxav2 .shared-case-hero .hero-motion-toggle:focus-visible{outline:3px solid #087f7b;outline-offset:3px}

@media(hover:hover){.uxav2 .shared-case-hero .hero-motion-toggle:hover{text-decoration-thickness:2px}}

@media(max-width:600px){.uxav2 .shared-case-hero .hero-motion-controls{font-size:10px;gap:4px 16px}}

.uxav2 .quality-pass .testimonials :is(.eyebrow,.quote-card figcaption span){color:#455a79!important}

.uxav2 .quality-pass #uxkf-case-study :is(.kfs-candidate-top p,.kfs-assistant-head p,.kfs-context-note,.kfs-history li span,.kfw-events li span){color:#455a79!important}

.uxav2 .quality-pass #uxkf-case-study .uxkf-reflection__stack :is(span,strong){color:#334b6e!important}

.uxav2 .quality-pass .ww8 :is(.ww9-purchase-number,.ww10-guide-stage-head>span,.ww9-guide span){color:#455a79!important}

.uxav2 .quality-pass .ww8 :is(.ww10-guide-stage-head>strong,.ww9-guide strong){color:#20355a!important}

.uxav2 .quality-pass .resume-hero-grid>*{min-width:0}

@media(max-width:850px){.uxav2 .quality-pass .resume-hero-grid{grid-template-columns:minmax(0,1fr)}}

.uxav2 #uxaw-purchase .ww10-purchase-layout{align-items:start;column-gap:48px}

.uxav2 #uxaw-purchase .ww10-guide-stage{padding:0;border:0}

.uxav2 #uxaw-purchase .ww9-purchase-label,.uxav2 #uxaw-purchase .ww10-guide-stage-head>span{display:block;margin:0 0 14px;font:500 13px/1.6 Inter,Arial,sans-serif;color:#455a79}

.uxav2 #uxaw-purchase .ww10-guide-stage-head{gap:0;margin-bottom:24px}

.uxav2 #uxaw-purchase .ww9-purchase-flow>li{padding:20px 0;border-color:#dce3ee}

.uxav2 #uxaw-purchase .ww9-purchase-flow>li:last-child{border-bottom:0;padding-bottom:0}

.uxav2 #uxaw-purchase .ww10-guide-note{margin-bottom:0}

@media(max-width:850px){.uxav2 #uxaw-purchase .ww10-purchase-layout{row-gap:32px}

.uxav2 #uxaw-purchase .ww10-guide-stage{padding-top:28px;border-top:1px solid #dce3ee}}

.uxav2 .wild-guided-content #ww8-product-demo .ww24-laptop{margin:0 0 28px;filter:none;border:1px solid #bac6d8;border-radius:9px;background:#fff;box-shadow:0 16px 35px #20355a0c}

.uxav2 .wild-guided-content #ww8-product-demo .ww24-laptop-screen{padding:0;border-radius:0;background:transparent;box-shadow:none}

.uxav2 .wild-guided-content #ww8-product-demo .ww24-laptop-display{border-radius:0;background:#fff}

.uxav2 .evidence-monitor{overflow:hidden;border:1px solid #bac6d8;border-radius:9px;background:#fff;box-shadow:0 16px 35px #20355a0c}

.uxav2 .evidence-monitor-chrome{display:flex;align-items:center;gap:12px;padding:10px 13px;background:#f4f6fa;border-bottom:1px solid #dce3ee;color:#455a79;font:10px/1.5 Inter,Arial,sans-serif}

.uxav2 .evidence-monitor-chrome>span:first-child{display:flex;gap:4px;flex-shrink:0}

.uxav2 .evidence-monitor-chrome i{display:block;width:4px;height:4px;border-radius:50%;background:#a8b7cb}





.uxav2{box-sizing:border-box;width:100%;color:#20355a;background:#fff;font-family:Inter,Arial,sans-serif;line-height:1.6}

.uxav2 .v2-page{margin:0;background:#fff;color:#20355a}

.uxav2 .v2-preferences{display:flex;justify-content:flex-end;padding:15px max(24px,5.55vw);border-top:1px solid #dce3ee}

.uxav2 .v2-preferences button{min-height:44px;background:none;color:#455a79;border:0;font-size:11px;text-decoration:underline;text-underline-offset:4px}

.uxav2 .guide-progress-wrap{top:76px}

.uxav2 .guide-progress-wrap>.guide-location{display:flex;gap:15px;align-items:center;width:min(calc(100% - 11.1vw),1280px);margin:0 auto;padding:12px 0 0;line-height:1.6}

.uxav2 .guide-progress-wrap>.guide-location strong{font-size:11px}

.uxav2 .guide-progress-wrap>.guide-location span{font-size:11px;color:#455a79}

.uxav2 .chapter-opening{scroll-margin-top:215px}

.uxav2 .guide-margin{top:230px}

@media(max-width:700px){.uxav2 .guide-progress-wrap{top:66px}.uxav2 .guide-progress-wrap>.guide-location{width:calc(100% - 48px);gap:10px;padding-top:9px}.uxav2 .guide-progress-wrap>.guide-location strong,.uxav2 .guide-progress-wrap>.guide-location span{font-size:10px}.uxav2 .chapter-opening{scroll-margin-top:205px}}

.elementor-23506>.e-con,.elementor-23506>.e-con>.e-con-inner{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important;align-items:stretch!important;flex-direction:column!important;background:#fff!important;background-image:none!important}.elementor-23506 .elementor-widget-html{width:100%!important;max-width:none!important;--container-widget-width:100%!important;--container-widget-flex-grow:1!important;align-self:stretch!important;margin:0!important;padding:0!important;--widgets-spacing:0px}