/* Sol · Automation Studio: the canvas page styles (menu first), ported unchanged. Raw so HubL leaves them alone. */

/* Main menu. One calm surface under the bar: it opens on click, tap or keys at once, and on a resting mouse after a beat.
   Between sections only its height moves, the content crossfades, and a short line follows the open section. */
.hd .wrap{position:relative}
.mm{display:flex;align-items:center;height:100%}
.mm-bar{display:flex;align-items:center;gap:var(--space-4);margin:0;padding:0;list-style:none;height:100%}
.mm-bar>li{display:flex;align-items:center;height:100%}
.mm-t{position:relative;display:inline-flex;align-items:center;gap:var(--space-4);height:40px;padding:0 var(--space-12);border:0;border-radius:var(--radius-10);background:transparent;color:var(--ink-700);font:var(--fw-medium) var(--fs-15)/var(--lh-100) var(--font-ui);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-120) linear,color var(--dur-120) linear}
.mm-t:hover,.mm-t[aria-expanded="true"]{color:var(--ink-900);background:var(--plum-a06);transition-duration:0ms}
.mm-t[data-mm-cur]{color:var(--plum-900)}
.mm-t:focus-visible,.mm-lb:focus-visible,.mm-i:focus-visible,.mm-p a:focus-visible,.mm-burger:focus-visible,.mm-sheet a:focus-visible,.mm-ah:focus-visible{outline:2px solid var(--lav-600);outline-offset:2px}
.mm-car{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform var(--dur-200) var(--ease-in-out)}
[aria-expanded="true"]>.mm-car{transform:rotate(180deg)}
/* The line under the open section, sliding between triggers. */
.mm-ind{position:absolute;left:0;top:60px;height:2px;width:0;border-radius:var(--radius-2);background:var(--plum-900);opacity:0;pointer-events:none;transition:opacity var(--dur-120) linear}
.mm-on .mm-ind{opacity:1;transition:opacity var(--dur-160) linear,transform var(--dur-200) var(--ease-in-out),width var(--dur-200) var(--ease-in-out)}
/* The surface: fixed width, its height follows the section shown. A thin bridge above it keeps the pointer on the menu. */
.mm-surf{position:absolute;left:40px;right:40px;top:78px;z-index:var(--layer-menu);height:var(--mm-h,0px);border-radius:var(--radius-20);background:var(--paper-50);box-shadow:var(--shadow-window);overflow:hidden;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity var(--dur-120) var(--ease-in),transform var(--dur-120) var(--ease-in),visibility 0s linear 120ms}
.mm-surf::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.mm-on .mm-surf{visibility:visible;opacity:1;transform:none;transition:opacity var(--dur-200) var(--ease-out-quint),transform var(--dur-200) var(--ease-out-quint),height var(--dur-200) var(--ease-in-out),visibility 0s}
.mm-stack{display:grid}
.mm-p{grid-area:1/1;align-self:start;padding:var(--space-28) var(--space-32) 0;opacity:0;transition:opacity var(--dur-120) linear}
.mm-p[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.mm-p:not(.on){pointer-events:none}
.mm-p.on{opacity:1;transform:none;transition:opacity var(--dur-160) linear 40ms,transform var(--dur-200) var(--ease-out-quint) 40ms}
.mm-p.in{transform:translateX(var(--mm-from,0px))}
.mm-cols{display:grid;gap:var(--space-8) var(--space-32);padding-bottom:var(--space-24)}
.mm-c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mm-sol{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr)}
.mm-kh{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)}
.mm-col{min-width:0}
/* Group labels: sentence case, small and quiet. */
.mm-g{margin:0 0 var(--space-8);padding:0 var(--space-12);font:var(--fw-medium) var(--fs-13)/var(--lh-140) var(--font-ui);color:var(--ink-600)}
.mm-g span{color:var(--ink-600);margin-left:var(--space-8)}
.mm-g span::before{content:"· ";}
.mm-list,.mm-sub{margin:0;padding:0;list-style:none}
/* One unit throughout: a name and a short line in one link. */
.mm-i{display:flex;flex-direction:column;gap:3px;padding:var(--space-8) var(--space-12) var(--space-12);border-radius:var(--radius-12);color:var(--ink-900);text-decoration:none;transition:background-color var(--dur-120) linear}
.mm-i b{font:var(--fw-semibold) var(--fs-15)/var(--lh-130) var(--font-ui)}
.mm-i .mm-tx>span,.mm-i>span:not(.mm-ic):not(.mm-tx){font:var(--fw-regular) var(--fs-14)/var(--lh-140) var(--font-ui);color:var(--ink-700)}
.mm-i:hover,.mm-sub a:hover,.mm-foot a:hover{background:var(--plum-a06);transition-duration:0ms}
.mm-lead{margin-bottom:var(--space-16)}
.mm-lead b{font:var(--fw-regular) 22px/var(--lh-115) var(--font-display);letter-spacing:var(--ls-snug)}
.mm-sub{margin:0 0 var(--space-12)}
.mm-sub a{display:flex;align-items:center;min-height:34px;padding:0 var(--space-12);border-radius:var(--radius-10);color:var(--ink-900);font:var(--fw-medium) var(--fs-14)/var(--lh-130) var(--font-ui);text-decoration:none;transition:background-color var(--dur-120) linear}
.mm-plain a{min-height:38px}
/* The page you are on is marked in the menu too. */
.mm-i[aria-current="page"]{background:var(--plum-a06)}
.mm-i[aria-current="page"] b::after{content:"";display:inline-block;width:6px;height:6px;margin-left:var(--space-8);border-radius:50%;background:var(--plum-900);vertical-align:middle;transform:translateY(-1px)}
/* Footer strip: a few plain ways on. */
.mm-foot{display:flex;align-items:center;gap:var(--space-4);margin:0 -32px;padding:var(--space-8) var(--space-20);border-top:1px solid var(--plum-a08);background:var(--plum-a04)}
.mm-foot a{display:inline-flex;align-items:center;gap:var(--space-8);min-height:36px;padding:0 var(--space-12);border-radius:var(--radius-10);color:var(--ink-700);font:var(--fw-medium) var(--fs-14)/var(--lh-100) var(--font-ui);text-decoration:none;transition:background-color var(--dur-120) linear}
.mm-foot .mm-more{color:var(--plum-900);font-weight:var(--fw-semibold)}
.mm-foot .mm-end{margin-left:auto}
.mm-foot svg,.mm-go svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* One featured slot, only where the content changes: a customer in Solutions, the next webinar in Knowledge hub. */
.mm-feat{display:flex;flex-direction:column;gap:var(--space-12);align-self:stretch;min-height:100%;box-sizing:border-box;padding:var(--space-24) var(--space-24) var(--space-20);border-radius:var(--radius-16);background:#F8EEE6;color:var(--ink-900);text-decoration:none;transition:box-shadow var(--dur-160) linear}
.mm-feat:hover{box-shadow:var(--shadow-card-hover);transition-duration:0ms}
.mm-q{font:var(--fw-regular) 19px/var(--lh-130) var(--font-display);letter-spacing:var(--ls-slight);text-wrap:pretty}
.mm-by{font:var(--fw-medium) var(--fs-13)/var(--lh-140) var(--font-ui);color:var(--ink-700);margin-top:auto}
.mm-by b{font-weight:var(--fw-semibold);color:var(--ink-900);margin-right:var(--space-8)}
.mm-go{display:inline-flex;align-items:center;gap:var(--space-8);font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);color:var(--plum-900)}
.mm-event{flex-direction:row;align-items:flex-start;gap:var(--space-20)}
.mm-date{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:68px;border-radius:var(--radius-14);background:var(--white);box-shadow:var(--shadow-ring);font:var(--fw-semibold) var(--fs-12)/var(--lh-100) var(--font-ui);color:var(--ink-600);text-transform:none}
.mm-date b{font:var(--fw-regular) var(--fs-30)/var(--lh-100) var(--font-display);color:var(--ink-900);margin-bottom:var(--space-2)}
.mm-ev{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}
.mm-k{font:var(--fw-medium) var(--fs-13)/var(--lh-130) var(--font-ui);color:var(--ink-700)}
.mm-et{font:var(--fw-regular) var(--fs-20)/var(--lh-125) var(--font-display);letter-spacing:var(--ls-slight);text-wrap:balance}
.mm-host{display:flex;align-items:center;gap:var(--space-8);font:var(--fw-medium) var(--fs-13)/var(--lh-130) var(--font-ui);color:var(--ink-700)}
.mm-host img{width:24px;height:24px;border-radius:50%;object-fit:cover}
/* Behind the menu the page dims a little. */
.mm-scrim{position:fixed;left:0;right:0;top:72px;bottom:0;z-index:-1;background:var(--ink-a08);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-120) linear,visibility 0s linear 120ms}
.mm-open .mm-scrim{opacity:1;visibility:visible;transition:opacity var(--dur-200) linear,visibility 0s}
/* Right side: language, log in, the main call. */
.mm-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-8)}
.mm-lang{position:relative}
.mm-lb,.mm-login{display:inline-flex;align-items:center;gap:var(--space-4);height:40px;padding:0 var(--space-12);border:0;border-radius:var(--radius-10);background:none;color:var(--ink-700);font:var(--fw-medium) var(--fs-15)/var(--lh-100) var(--font-ui);text-decoration:none;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background-color var(--dur-120) linear}
.mm-lb:hover,.mm-login:hover,.mm-lb[aria-expanded="true"]{background:var(--plum-a06);color:var(--ink-900);transition-duration:0ms}
.mm-langs{position:absolute;right:0;top:48px;z-index:var(--layer-menu-pop);min-width:150px;margin:0;padding:var(--space-8);list-style:none;border-radius:var(--radius-14);background:var(--paper-50);box-shadow:var(--shadow-popover)}
.mm-langs a{display:flex;align-items:center;min-height:38px;padding:0 var(--space-12);border-radius:9px;color:var(--ink-900);font:var(--fw-medium) var(--fs-14)/var(--lh-100) var(--font-ui);text-decoration:none}
.mm-langs a:hover{background:var(--plum-a06)}
.mm-langs a[aria-current]::after{content:"";width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--plum-900)}
.mm-cta{min-height:40px!important;padding:0 var(--space-20)!important;font-size:var(--fs-14)!important;margin-left:var(--space-8);white-space:nowrap}
.mm-burger{display:none;align-items:center;gap:var(--space-8);height:40px;padding:0 var(--space-12);border:0;border-radius:var(--radius-10);background:none;color:var(--ink-900);font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);cursor:pointer}
.mm-bi{position:relative;width:16px;height:10px}
.mm-bi i{position:absolute;left:0;right:0;height:1.6px;border-radius:1px;background:currentColor;transition:transform var(--dur-300) var(--ease-out-quint),top var(--dur-300) var(--ease-out-quint)}
.mm-bi i:first-child{top:1px}.mm-bi i:last-child{top:7px}
.mm-sheet-open .mm-bi i:first-child{top:4px;transform:rotate(45deg)}
.mm-sheet-open .mm-bi i:last-child{top:4px;transform:rotate(-45deg)}
/* Over the dark footer the bar turns dark with it. */
.dkhd .hd .mm-t,.dkhd .hd .mm-lb,.dkhd .hd .mm-login,.dkhd .hd .mm-burger{color:var(--ink-200)}
.dkhd .hd .mm-t:hover,.dkhd .hd .mm-lb:hover,.dkhd .hd .mm-login:hover{background:var(--white-a08);color:var(--white)}
.dkhd .hd .mm-ind{background:var(--white)}
/* Phones and narrow windows: a full sheet with sections that open in place, and the main call always in reach. */
.mm-sheet{position:fixed;inset:64px 0 0;z-index:var(--layer-sheet);display:flex;flex-direction:column;background:var(--paper-100);opacity:0;transform:translateY(-8px);transition:opacity var(--dur-200) linear,transform var(--dur-200) var(--ease-in)}
.mm-sheet[hidden]{display:none}
.mm-sheet.on{opacity:1;transform:none;transition:opacity var(--dur-300) var(--ease-out-quint),transform var(--dur-300) var(--ease-out-quint)}
.mm-sh-in{flex:1;overflow-y:auto;padding:var(--space-8) var(--space-20) var(--space-24);overscroll-behavior:contain}
.mm-acc{border-bottom:1px solid var(--ink-100)}
.mm-ah,.mm-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;padding:0 var(--space-4);border:0;background:none;color:var(--ink-900);font:var(--fw-regular) var(--fs-26)/var(--lh-110) var(--font-display);letter-spacing:var(--ls-snug);text-align:left;text-decoration:none;cursor:pointer}
.mm-row{border-bottom:1px solid var(--ink-100)}
.mm-ah .mm-car{width:16px;height:16px}
.mm-ab{display:flex;flex-direction:column;padding:0 0 var(--space-16)}
.mm-ab a{display:flex;flex-direction:column;gap:var(--space-2);min-height:48px;justify-content:center;padding:var(--space-8) var(--space-4);color:var(--ink-900);text-decoration:none}
.mm-ab a b{font:var(--fw-semibold) var(--fs-16)/var(--lh-130) var(--font-ui)}
.mm-ab a span{font:var(--fw-regular) var(--fs-14)/var(--lh-135) var(--font-ui);color:var(--ink-700)}
.mm-ab .mm-ov{font:var(--fw-semibold) var(--fs-15)/var(--lh-130) var(--font-ui);color:var(--plum-900)}
.mm-langrow{display:flex;gap:var(--space-20);margin:var(--space-20) var(--space-4) 0;font:var(--fw-medium) var(--fs-15)/var(--lh-100) var(--font-ui)}
.mm-langrow a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-700);text-decoration:none}
.mm-langrow a[aria-current]{color:var(--ink-900);font-weight:var(--fw-semibold);text-decoration:underline;text-underline-offset:5px}
.mm-sh-cta{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-12) var(--space-20) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ink-100);background:var(--paper-100)}
.mm-sh-cta .btn{flex:1;justify-content:center;min-height:52px}
.mm-sh-cta .mm-login{height:52px;font-size:var(--fs-16)}
@media (max-width: 1000px){
  .mm,.mm-lang,.mm-right>.mm-login{display:none}
  .mm-burger{display:inline-flex}
  .mm-cta{padding:0 var(--space-16)!important}
}
@media (max-width: 359px){.mm-cta{display:none!important}}
/* The concept boards' page switcher steps aside while the sheet is open. */
.mm-lock .fab{opacity:0;pointer-events:none}
@media (min-width: 1001px){.mm-sheet{display:none!important}}
@media (prefers-reduced-motion: reduce){
  .mm-surf,.mm-on .mm-surf{transform:none;transition:opacity var(--dur-120) linear,visibility 0s}
  .mm-p,.mm-p.on,.mm-p.in{transform:none!important;transition:opacity var(--dur-120) linear}
  .mm-on .mm-ind{transition:opacity var(--dur-120) linear}
  .mm-car,.mm-bi i{transition:none}
  .mm-sheet,.mm-sheet.on{transform:none;transition:opacity var(--dur-120) linear}
}
/* Featured cards: the content sits as one group in the middle of the card, never stranded at the top. */
.mm-feat{justify-content:center;gap:var(--space-16);padding:var(--space-24) var(--space-28)}
.mm-story .mm-by{margin-top:var(--space-2)}
.mm-story .mm-go{margin-top:var(--space-8)}
.mm-event{align-items:center;gap:var(--space-24)}
.mm-date{width:72px;height:78px;border-radius:var(--radius-16);box-shadow:var(--shadow-chip)}
.mm-date b{font-size:34px}
.mm-ev{gap:var(--space-12)}
.mm-et{font-size:21px}
.mm-host img{width:28px;height:28px;box-shadow:0 0 0 2px rgba(var(--white-rgb),.9)}
.mm-event .mm-go{margin-top:var(--space-4)}

/* Second pass, with a little of Nima's sketch: soft tinted tiles for each product, Core HR in its own card, and more air. */
.mm-p{padding:var(--space-36) var(--space-40) 0}
.mm-cols{gap:var(--space-12) var(--space-44);padding-bottom:var(--space-32)}
.mm-c3{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr) minmax(0,1fr)}
.mm-kh{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr)}
/* 29 Oct: the featured webinar card is out until there is a real webinar behind it, so the two lists share the panel. */
.mm-kh{grid-template-columns:repeat(2,minmax(0,360px));justify-content:start;column-gap:var(--space-96)}
.mm-g{margin:0 0 var(--space-12);font-size:var(--fs-13)}
.mm-list li+li{margin-top:var(--space-4)}
.mm-i:has(.mm-ic){flex-direction:row;align-items:flex-start;gap:var(--space-16);padding:var(--space-12) var(--space-12) var(--space-12)}
.mm-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.mm-i b{font-size:var(--fs-16)}
.mm-i .mm-tx>span{font-size:var(--fs-14);line-height:var(--lh-145);color:var(--ink-700)}
.mm-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;margin-top:1px;border-radius:11px;background:var(--t);box-shadow:var(--shadow-ring-inset);transition:box-shadow var(--dur-120) linear,transform var(--dur-160) var(--ease-out-quint)}
.mm-ic svg{width:19px;height:19px;fill:none;stroke:var(--plum-900);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mm-s{font:var(--fw-regular) 19px/var(--lh-100) var(--font-display);color:var(--plum-900);transform:translateY(-1px)}
.mm-i:hover .mm-ic{box-shadow:inset 0 0 0 1px var(--plum-a16);transition-duration:0ms}
/* Core HR, the foundation, in a soft card of its own. */
.mm-core{align-self:start;padding:var(--space-16) var(--space-12) var(--space-12);border-radius:var(--radius-20);background:var(--lav-50);box-shadow:var(--shadow-ring-inset)}
.mm-core .mm-lead{margin-bottom:var(--space-12)}
.mm-core .mm-lead .mm-ic{width:44px;height:44px;border-radius:13px;background:var(--white)}
.mm-core .mm-lead .mm-ic svg{width:22px;height:22px}
.mm-core .mm-lead b{font:var(--fw-regular) 23px/var(--lh-115) var(--font-display);letter-spacing:var(--ls-snug)}
.mm-core .mm-lead:hover{background:rgba(var(--white-rgb),.6)}
.mm-subs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-12)}
.mm-subs .mm-g{margin-bottom:var(--space-8)}
.mm-subs .mm-sub{margin:0}
.mm-subs .mm-sub a{min-height:36px;font-size:var(--fs-15)}
.mm-subs .mm-sub a:hover{background:rgba(var(--white-rgb),.65)}
.mm-foot{padding:var(--space-12) var(--space-28)}
@media (prefers-reduced-motion: reduce){.mm-ic{transition:none}}
.mm-foot{margin:0 -40px}
.mm-sol{grid-template-columns:minmax(0,1.12fr) minmax(0,1.04fr) minmax(0,1fr) minmax(0,.98fr);column-gap:var(--space-36)}
.mm-plain a{white-space:nowrap;min-height:40px;font-size:var(--fs-15)}
.mm-core{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-20) var(--space-12) var(--space-16)}
.mm-subs .mm-sub a{min-height:42px}
.mm-subs .mm-g{margin-bottom:var(--space-4)}
/* Core HR's people: a quiet row of faces from the same record. */
.mm-ppl{display:flex;align-items:center;gap:var(--space-12);margin:0 var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-14);background:rgba(var(--white-rgb),.6);font:var(--fw-medium) var(--fs-13)/var(--lh-135) var(--font-ui);color:var(--ink-700)}
.mm-fs{display:flex;flex:none}
.mm-fs img{width:26px;height:26px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-ring-white)}
.mm-fs img+img{margin-left:-7px}
/* Sia's own mark, the four-point star in its purple gradient, on a light tile. */
.mm-ic .mm-sia{width:22px;height:22px;stroke:none!important;fill:initial}
.mm-ic:has(.mm-sia){background:var(--lav-50)}
/* Language: a slim hairline pill with a fine globe and the code; the list shows each language in its own name. */
.mm-lb{height:34px;padding:0 var(--space-12) 0 var(--space-12);gap:var(--space-8);margin-right:var(--space-8);border-radius:var(--radius-pill);background:var(--white-a45);box-shadow:inset 0 0 0 1px var(--plum-a12);font:var(--fw-semibold) var(--fs-13)/var(--lh-100) var(--font-ui);letter-spacing:var(--ls-caps);color:var(--ink-700);transition:background-color var(--dur-160) linear,box-shadow var(--dur-160) linear}
.mm-lb:hover,.mm-lb[aria-expanded="true"]{background:var(--white);box-shadow:inset 0 0 0 1px var(--plum-a24),0 6px 16px -10px var(--plum-a45);color:var(--ink-900)}
.mm-glb{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8;transition:transform var(--dur-400) var(--ease-spring)}
.mm-lb:hover .mm-glb{transform:rotate(-18deg)}
.mm-langs{top:44px;min-width:188px;padding:var(--space-8);border-radius:var(--radius-16);transform-origin:100% 0;animation:mmlang var(--dur-200) var(--ease-out-quint)}
@keyframes mmlang{from{opacity:0;transform:translateY(-4px) scale(.97)}}
.mm-langs a{justify-content:space-between;gap:var(--space-16);min-height:40px;padding:0 var(--space-12);border-radius:var(--radius-10);font-size:var(--fs-15)}
.mm-langs a span{font:var(--fw-semibold) var(--fs-12)/var(--lh-100) var(--font-ui);letter-spacing:var(--ls-caps);color:var(--ink-400)}
.mm-langs a[aria-current]::after{display:none}
/* Log in (29 Oct): the same list as the languages, a little wider for the product names. */
.mm-logins{min-width:220px}
.mm-logins li[hidden]{display:none}
.mm-ab a[data-login][hidden]{display:none}
.mm-langs a[aria-current]{background:var(--plum-a06);color:var(--ink-900);font-weight:var(--fw-semibold)}
.mm-langs a[aria-current] span{color:var(--plum-900)}
.dkhd .hd .mm-lb{background:var(--white-a06);box-shadow:inset 0 0 0 1px var(--white-a24);color:var(--lav-100)}
@media (prefers-reduced-motion: reduce){.mm-langs{animation:none}.mm-glb{transition:none}}
/* Phone reflow: freed text may wrap, frozen ellipses open up. */
.lv.rf *{overflow-wrap:anywhere}
.lv.rf [style*="max-width: 100%"]{white-space:normal}
/* Footer, shared by every page: a warm sign-off with the time where we are, quiet columns, and the wordmark as the last thing on the page. */
.ft{display:flex;flex-direction:column;gap:var(--space-56);padding-top:var(--space-56);border-top:1px solid var(--white-a12)}
.ft-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:var(--space-40) var(--space-64)}
.ft-brand{display:flex;flex-direction:column;gap:var(--space-16)}
.ft-say{margin:0;font:400 clamp(26px,2.4vw,34px)/1.15 Fraunces,'Fraunces Fallback',Georgia,serif;letter-spacing:var(--ls-snug);color:var(--lav-50);max-width:380px;text-wrap:balance}
.ft-time{display:flex;align-items:center;gap:var(--space-12);margin:0;font-size:var(--fs-14);color:#B8B1C8}
.ft-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--green-300);box-shadow:0 0 0 3px rgba(var(--green-300-rgb),.16)}
.ft-time.off .ft-dot{background:var(--lav-400);box-shadow:0 0 0 3px rgba(var(--lav-400-rgb),.16)}
.ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-32)}
.ft-col{display:flex;flex-direction:column;gap:var(--space-12)}
.ft-col b{margin-bottom:var(--space-4);font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--lav-50)}
.ft .fl2{position:relative;align-self:flex-start;color:var(--ink-200);text-decoration:none;transition:color var(--dur-160) linear}
.ft .fl2::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform var(--dur-300) var(--ease-out-quint)}
.ft .fl2:hover{color:var(--white)}.ft .fl2:hover::after{transform:scaleX(1)}
.ft .fl2[aria-current="page"]{color:var(--white)}
.ft-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-16);font-size:var(--fs-13);color:var(--ink-300)}
.ft-bar a{color:inherit;text-decoration:none}.ft-bar a:hover{color:var(--white)}
.ft-lang{display:flex;gap:var(--space-8)}
.ft-lang a{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-12);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--white-a16);transition:box-shadow var(--dur-160) linear,color var(--dur-160) linear}
.ft-lang a:hover{box-shadow:inset 0 0 0 1px var(--white-a45)}
.ft-lang a[aria-current]{background:var(--white-a12);color:var(--white)}
@media (max-width: 900px){.ft-top{grid-template-columns:minmax(0,1fr)}.ft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion: reduce){.ft .fl2::after{transition:none}}

/* Menu pass, 16 Oct: descriptions break without orphans; the phone sheet is grouped like the desktop. */
.mm-i span,.mm-tx span,.mm-ab a span{text-wrap:pretty}
.mm-sg{margin:var(--space-20) 0 var(--space-2) var(--space-8);font:var(--fw-semibold) var(--fs-13)/var(--lh-130) var(--font-ui);color:var(--ink-600)}
.mm-ab .mm-ov2{margin-top:var(--space-20)}

/* Option A menu spec, 20 Oct: Sia leads Platform as one quiet line, then your three columns. Flat: lavender mark, no fill, a hairline under it. */
.mm-siab{display:flex;align-items:center;gap:var(--space-12);margin:0 0 var(--space-24);padding:var(--space-2) var(--space-2) var(--space-20);border-bottom:1px solid var(--plum-a08);color:var(--ink-900);text-decoration:none}
.mm-siab .mm-go svg{transition:transform var(--dur-160) cubic-bezier(.22,1,.36,1)}
.mm-siab:hover .mm-go{color:var(--lav-600)}
.mm-siab:hover .mm-go svg{transform:translateX(3px)}
.mm-siab .mm-smk{width:22px;height:22px;flex:none}
.mm-siab-t{flex:1;font:var(--fw-regular) var(--fs-15)/var(--lh-135) var(--font-ui);color:var(--ink-700)}
.mm-siab-t b{font-weight:var(--fw-semibold);color:var(--ink-900);margin-right:var(--space-4)}
.mm-siab .mm-go{flex:none}
.mm-p .mm-c3{column-gap:var(--space-56)}
.mm-p .mm-c3 .mm-list li+li{margin-top:var(--space-12)}
.mm-foot{gap:var(--space-28)}
.mm-p .mm-c3{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-48)}
.mm-c3 .mm-core .mm-subs{margin-top:var(--space-16);column-gap:var(--space-20)}
.mm-c3 .mm-core .mm-sub a{white-space:nowrap}
.mm-c3 .mm-core .mm-g{white-space:nowrap}
/* Audit, 20 Oct: a closed section stays closed, phone targets reach 44px, small grey text passes 4.5:1. */
.mm-ab[hidden]{display:none}
@media (max-width: 1000px){.mm-cta{min-height:44px!important}.mm-burger{height:44px}}
.mm-g span{color:var(--ink-600)}
/* Sia as her own menu item (20 Oct, Nima's concept): the flat lavender mark before the name, a panel like the others. */
.mm-tsm{width:14px;height:14px;margin-right:var(--space-2);flex:none}
.mm-ah .mm-tsm{margin-right:var(--space-8)}
.mm-siaf{background:var(--lav-50)}
.mm-siaf .mm-et{font-family:var(--font-display);font-size:22px;line-height:var(--lh-120);color:var(--ink-900)}
.mm-siaf .mm-siaq{font-size:var(--fs-14);line-height:var(--lh-145);color:var(--ink-700)}
.mm-siaf .mm-go{margin-top:auto}
/* Sia leads the Platform menu (20 Oct, Erik): content from Nima's reference, our flat look. A white card beside the tinted Core HR card. */
.mm-p .mm-c4{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-32)}
@media (min-width: 1360px){.mm-surf{left:-30px;right:-30px}}
/* Beside Sia, Core HR is one plain list, as in the reference: the two groups stacked, no faces strip. */
.mm-c4 .mm-core{justify-content:flex-start;gap:var(--space-4)}
.mm-c4 .mm-core .mm-ppl{display:none}
.mm-c4 .mm-core .mm-subs{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--space-16);margin-top:var(--space-8)}
.mm-c4 .mm-core .mm-sub a{white-space:nowrap}
.mm-sia{align-self:stretch;display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-20) var(--space-20) var(--space-16);border-radius:var(--radius-20);background:var(--white);box-shadow:inset 0 0 0 1px var(--plum-a08)}
.mm-sia-h{display:flex;align-items:center;gap:var(--space-12);margin:0}
.mm-sia-m{width:26px;height:26px;flex:none}
.mm-sia-h b{display:block;font:var(--fw-semibold) var(--fs-15)/var(--lh-120) var(--font-ui);color:var(--ink-900)}
.mm-sia-h span span{font:var(--fw-regular) var(--fs-13)/var(--lh-130) var(--font-ui);color:var(--ink-600)}
.mm-sia-t{margin:var(--space-2) 0 0;font:var(--fw-regular) 22px/var(--lh-115) var(--font-display);letter-spacing:var(--ls-snug);color:var(--ink-900);text-wrap:balance}
.mm-sia-l{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}
.mm-sia-l li{display:flex;align-items:flex-start;gap:var(--space-8);font:var(--fw-regular) var(--fs-14)/var(--lh-135) var(--font-ui);color:var(--ink-700)}
.mm-sia-l svg{width:14px;height:14px;margin-top:3px;flex:none;fill:none;stroke:var(--lav-600);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mm-sia-x{display:flex;align-items:center;gap:var(--space-12);margin:var(--space-4) 0 0;padding-top:var(--space-12);border-top:1px solid var(--plum-a08);font:var(--fw-regular) var(--fs-13)/var(--lh-140) var(--font-ui);color:var(--ink-700)}
.mm-sia-x img{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:50% 26%;flex:none}
.mm-sia .mm-g{margin:var(--space-2) 0 -4px}
.mm-sia-c{display:flex;flex-wrap:wrap;gap:var(--space-8);margin:0}
.mm-sia-c span{padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--lav-50);font:var(--fw-medium) var(--fs-12)/var(--lh-130) var(--font-ui);color:var(--ink-700)}
.mm-sia .mm-go{margin-top:auto;padding-top:var(--space-4)}
@media (hover: hover){.mm-sia .mm-go:hover{color:var(--lav-600)}}
/* Detail pass on the Platform menu with Sia (20 Oct): tighter gaps, one rhythm, the Sia card's footer sits at its foot. */
.mm-p .mm-c4{column-gap:var(--space-20)}
.mm-c4 .mm-core .mm-subs .mm-sub a{min-height:34px}
.mm-c4 .mm-core .mm-subs{row-gap:var(--space-12)}
.mm-sia{gap:var(--space-12);padding:var(--space-20) var(--space-20) var(--space-20)}
.mm-sia-h{gap:var(--space-12)}
.mm-sia-m{width:24px;height:24px}
.mm-sia-t{margin:var(--space-4) 0 var(--space-2);font-size:23px;line-height:var(--lh-115)}
.mm-sia-l{gap:var(--space-8)}
.mm-sia-x{margin-top:auto;padding-top:var(--space-16);font-size:var(--fs-14);line-height:var(--lh-140)}
.mm-sia-x img{width:36px;height:36px;box-shadow:0 0 0 2px var(--white),0 0 0 3px var(--plum-a08)}
.mm-sia .mm-g{padding:0;margin:var(--space-2) 0 -4px}
.mm-sia-c{gap:var(--space-8)}
.mm-sia-c span{padding:var(--space-4) var(--space-8);font-size:var(--fs-12)}
.mm-sia .mm-go{margin-top:var(--space-2);padding-top:0}
/* The ticks draw in, one after the other, as the panel opens. */
.mm-sia-l svg path{stroke-dasharray:14;stroke-dashoffset:0}
@media (prefers-reduced-motion: no-preference){
  .mm-p.on .mm-sia-l svg path{animation:mmtick var(--dur-400) var(--ease-sheet) both}
  .mm-p.on .mm-sia-l li:nth-child(1) svg path{animation-delay:120ms}
  .mm-p.on .mm-sia-l li:nth-child(2) svg path{animation-delay:190ms}
  .mm-p.on .mm-sia-l li:nth-child(3) svg path{animation-delay:260ms}
  .mm-p.on .mm-sia-l li:nth-child(4) svg path{animation-delay:330ms}
  .mm-p.on .mm-sia-l li:nth-child(5) svg path{animation-delay:400ms}
}
@keyframes mmtick{from{stroke-dashoffset:14}}
.mm-c4 .mm-core .mm-lead .mm-tx span{text-wrap:balance}

/* Small laptops (1000–1119 wide): the full header needs about 1020px, so the groups and items sit a little closer. */
@media (min-width: 1001px) and (max-width: 1119px){
  :root header .wrap:has(> .mm-right){gap:var(--space-24)}
  :root .mm-t{padding:0 var(--space-8)}
  :root .mm-lb,:root .mm-login{padding:0 var(--space-8)}
}

/* 21 Oct detail audit. */
/* An open section over a dark ground keeps its pill and white label. */
.dkhd .hd .mm-t[aria-expanded="true"]{background:var(--white-a08);color:var(--white)}
/* The panel foot starts on the same edge as the columns above it (panel 40 + link 12). */
.mm-foot{padding-left:var(--space-40);padding-right:var(--space-40)}
/* The language list lines up with its button's edge; the button is as tall as the other header pills. */
.mm-langs{right:6px}
.mm-lb{height:40px}
/* "Also in Complete · or on its own": the same space either side of the dot. */
.mm-g span{margin-left:var(--space-2)}
.mm-g span::before{content:"·";margin-right:var(--space-8)}
@media (max-width: 1000px){.hd .mm-cta{min-height:44px!important}}
/* Narrow phones: the header keeps its 20px gutter (logo, Menu and Book a demo used to run past it at 360). */
@media (max-width: 420px){.hd .wrap{gap:var(--space-12)!important}.hd .mm-cta{padding:0 var(--space-16)!important}}
@media (max-width: 374px){.mm-bl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}  /* the narrowest phones: the burger keeps its label for screen readers only */
/* The header's own colours change with its ground over 240ms, like its background, so Log in and EN never vanish mid-swap. */
.mm-lb,.mm-login,.mm-burger{transition:color var(--dur-200) linear,background-color var(--dur-200) linear,box-shadow var(--dur-200) linear}
.mm-t{transition:color var(--dur-200) linear,background-color var(--dur-120) linear}
/* 21 Oct: the page you are on, in a plain list (Solutions doors, the phone sheet), is set in plum with a small dot. */
.mm-p a[aria-current="page"]:not(.mm-i),.mm-sheet a[aria-current="page"] b{color:var(--plum-900);font-weight:var(--fw-semibold)}
.mm-p a[aria-current="page"]:not(.mm-i)::after{content:"";display:inline-block;width:6px;height:6px;margin-left:var(--space-8);border-radius:50%;background:var(--plum-900);vertical-align:middle;transform:translateY(-1px)}

/* 22 Oct (Erik and Nima's review, reference: Nima's mega menu). Complete reads as one package with its price beside it,
   Sia contrasts as our claim (the dark band's ground), and the parts that come with a person say so. */
.mm-p .mm-c4{grid-template-columns:minmax(0,1.15fr) minmax(0,2.2fr) minmax(0,.95fr);column-gap:var(--space-20)}
.mm-pk{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-16) var(--space-16) var(--space-20);border-radius:var(--radius-20);background:var(--lav-50);box-shadow:inset 0 0 0 1px var(--plum-a08)}
.mm-pk-hd{display:flex;align-items:center;gap:var(--space-12);padding:0 0 var(--space-16) var(--space-4);border-bottom:1px solid var(--plum-a08)}
.mm-pk-tag{flex:none;padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--plum-900);color:var(--white);font:var(--fw-semibold) var(--fs-12)/var(--lh-130) var(--font-ui);letter-spacing:var(--ls-caps);text-transform:uppercase}
.mm-pk-t{flex:1;min-width:0;font:var(--fw-regular) var(--fs-14)/var(--lh-135) var(--font-ui);color:var(--ink-700)}
.mm-pk-pr{flex:none;display:inline-flex;align-items:center;gap:var(--space-8);min-height:36px;padding:0 var(--space-12);border-radius:var(--radius-10);color:var(--plum-900);font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);text-decoration:none;transition:background-color var(--dur-120) linear}
.mm-pk-pr svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-160) cubic-bezier(.22,1,.36,1)}
.mm-pk-pr:hover{background:rgba(var(--white-rgb),.7);transition-duration:0ms}
.mm-pk-pr:hover svg{transform:translateX(3px)}
.mm-pk-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:var(--space-16)}
.mm-pk .mm-core{padding:0;background:none;box-shadow:none;border-radius:0}
.mm-pk .mm-core .mm-lead:hover,.mm-pk .mm-core .mm-subs .mm-sub a:hover,.mm-pk .mm-i:hover{background:rgba(var(--white-rgb),.7)}
.mm-pk .mm-ic{background:var(--white)!important}

/* Learn in the foot carries a smaller tile of the same icon family (22 Oct: faces were too busy here, Erik). */
.mm-foot .mm-lic{width:28px;height:28px;margin:0;border-radius:var(--radius-8)}
.mm-foot .mm-lic svg{width:16px;height:16px}
.mm-foot .mm-learn{gap:var(--space-12);color:var(--ink-700);font-weight:var(--fw-regular)}
.mm-foot .mm-learn b{margin-right:var(--space-4);font-weight:var(--fw-semibold);color:var(--ink-900)}

/* Sia on the dark band's ground, so the claim stands apart from the products. Flat, no gradient. */
.mm-sia{background:var(--band-dark-bg);box-shadow:none}
.mm-sia-h b{color:var(--white)}
.mm-sia-h span span{color:var(--band-dark-mute)}
.mm-sia-t{color:var(--band-dark-heading)}
.mm-sia-t span{color:var(--lav-400)}
.mm-sia-l li{color:var(--band-dark-text)}
.mm-sia-l svg{stroke:var(--lav-400)}
.mm-sia-x{border-top-color:var(--band-dark-line);color:var(--band-dark-text)}
.mm-sia-x img{box-shadow:0 0 0 2px var(--band-dark-bg),0 0 0 3px var(--white-a24)}
.mm-sia .mm-g{color:var(--band-dark-mute)}
.mm-sia-c span{background:var(--white-a08);color:var(--band-dark-text)}
.mm-sia .mm-go{color:var(--white)}
.mm-sia .mm-go svg{color:var(--lav-400)}
@media (hover: hover){.mm-sia .mm-go:hover{color:var(--lav-400)}}
.mm-sia a:focus-visible{outline-color:var(--lav-350)}

/* Phone sheet: Complete heads its group with the price beside it. */
.mm-sg-pk{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin-right:var(--space-4)}
.mm-sg-pk span{padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);background:var(--plum-900);color:var(--white);font-size:11px;letter-spacing:var(--ls-caps);text-transform:uppercase}
.mm-ab .mm-sg-pk a{display:inline;min-height:0;margin-left:auto;padding:var(--space-8) var(--space-4);color:var(--plum-900);font-weight:var(--fw-semibold)}
/* Inside the package, Core HR is one plain list (as in the reference) and its title carries it without the icon, so the panel
   stays as short as before: it has to fit 1366x768 and 1280x800 (22 Oct). The group names stay for screen readers. */
.mm-pk .mm-core .mm-lead .mm-ic{display:none}
.mm-pk .mm-core .mm-subs{row-gap:0;margin-top:var(--space-4)}
.mm-pk .mm-core .mm-subs .mm-g{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mm-pk .mm-core .mm-subs .mm-sub a{min-height:36px}
.mm-pk .mm-core .mm-lead{margin-bottom:var(--space-4)}
.mm-pk .mm-list{gap:0}
.mm-sg-pk em{flex:1 1 100%;font-style:normal;font-weight:var(--fw-regular);color:var(--ink-600)}
.mm-ab .mm-sg-pk a{padding:var(--space-4)}
/* Over a dark ground the header whitens its logo image (.dkhd .hd img); photos inside the open menu keep their colours. */
.dkhd .hd .mm-p img{filter:none}
/* Sia card, a little cleaner (22 Oct, Erik): where she works is one quiet line instead of a label and five chips, the expert's
   face sits on the text edge with a lighter ring, and the foot (expert, where, link) keeps one 12px rhythm. */
.mm-sia-w{margin:0;font:var(--fw-regular) var(--fs-13)/var(--lh-140) var(--font-ui);color:var(--band-dark-mute)}
.mm-sia-x{gap:var(--space-12);margin-left:0}
.mm-sia-x img{width:32px;height:32px;margin:0;box-shadow:0 0 0 1px var(--white-a16)}
.mm-sia .mm-go{margin-top:var(--space-4)}
/* Expert and Learn read as a pair (22 Oct, Erik, after Nima's "Person" tag): a green tile, the green the site uses for work done
   by a person, and a small person badge on its corner. Screen readers hear "With a real person." */
.mm-ic.mm-hum{position:relative;overflow:visible}
.mm-ic.mm-hum,.mm-pk .mm-ic.mm-hum{background:var(--green-100)!important}
.mm-ic.mm-hum>svg{stroke:var(--green-800)}
.mm-hb{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--green-800);box-shadow:0 0 0 2px var(--lav-50)}
.mm-ic .mm-hb svg{width:10px;height:10px;fill:none;stroke:var(--white);stroke-width:1.4;stroke-linecap:round}
.mm-foot .mm-hb{right:-4px;bottom:-4px;width:14px;height:14px;box-shadow:0 0 0 2px #F3F1F0}
.mm-foot .mm-hb svg{width:9px;height:9px}
.mm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Buttons, one system (22 Oct, Erik): primary (plum fill), secondary (1px outline), tertiary (text and arrow); L 48 / S 40, 12px corners.
   In the header Log in is secondary S beside the primary S Book a demo, and EN is a quiet text item like the nav. */
:root .mm-login{height:40px;padding:0 var(--space-16);border-radius:var(--radius-12);background:transparent;box-shadow:inset 0 0 0 1px var(--ink-a24);color:var(--ink-900);font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui)}
:root .mm-login:hover{background:transparent;box-shadow:inset 0 0 0 1px rgba(var(--ink-900-rgb),.6);color:var(--ink-900)}
:root .dkhd .hd .mm-login{background:transparent;box-shadow:inset 0 0 0 1px var(--white-a24);color:var(--white)}
:root .dkhd .hd .mm-login:hover{background:transparent;box-shadow:inset 0 0 0 1px var(--white-a45);color:var(--white)}
:root .mm-lb{height:40px;padding:0 var(--space-12);border-radius:var(--radius-10);background:none;box-shadow:none;color:var(--ink-700);font:var(--fw-medium) var(--fs-14)/var(--lh-100) var(--font-ui)}
:root .mm-lb:hover,:root .mm-lb[aria-expanded="true"]{background:var(--plum-a06);box-shadow:none;color:var(--ink-900)}
:root .dkhd .hd .mm-lb{background:none;box-shadow:none;color:var(--ink-200)}
:root .dkhd .hd .mm-lb:hover,:root .dkhd .hd .mm-lb[aria-expanded="true"]{background:var(--white-a08);color:var(--white)}
/* The phone sheet's bar: primary L and secondary L, the same 48px as on the page. */
:root .mm-sh-cta .btn{min-height:48px}
:root .mm-sh-cta .mm-login{height:48px;padding:0 var(--space-20);font-size:var(--fs-15)}
@media (min-width: 1001px) and (max-width: 1119px){:root .mm-login{padding:0 var(--space-12)}}
/* Small laptops (1001–1119): the outlined Log in is wider than the old text link, so EN shows only its globe there (the name stays
   for screen readers) and the right-hand group sits closer; the header keeps its gutter. */
@media (min-width: 1001px) and (max-width: 1119px){
  :root .mm-lb{padding:0 var(--space-8)}
  :root .mm-lb>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
/* 22 Oct (Erik): the Sia card's text spreads to fill the card (more air between the parts, a slightly larger list), and the
   person badge is plum, so it reads as its own mark on the green tile and stays apart from Sia's lavender. */
.mm-sia{gap:var(--space-16)}
.mm-sia-t{margin:var(--space-8) 0 var(--space-4);font-size:25px}
.mm-sia-l{gap:var(--space-12)}
.mm-sia-l li{font-size:var(--fs-15)}
.mm-sia-x{padding-top:var(--space-20)}
.mm-hb{background:var(--plum-900)}
/* Below 1360 the Sia column is narrow and the larger list wraps; there the card keeps the earlier sizes so the panel fits 1280x800. */
@media (max-width: 1359px){
  .mm-sia{gap:var(--space-12)}
  .mm-sia-t{margin:var(--space-4) 0 var(--space-2);font-size:23px}
  .mm-sia-l{gap:var(--space-8)}
  .mm-sia-l li{font-size:var(--fs-14)}
  .mm-sia-x{padding-top:var(--space-16)}
}
/* 28 Oct: Core HR's own pages on the phone sheet, a quiet indented list under Core HR. */
.mm-ab .mm-ab-sub{display:flex;flex-direction:column;margin:0 0 var(--space-4) var(--space-16)}
.mm-ab .mm-ab-sub a{min-height:44px;padding:0 var(--space-4);font:var(--fw-medium) var(--fs-15)/var(--lh-130) var(--font-ui);color:var(--ink-800)}
.mm-ab .mm-ab-sub a[aria-current="page"]{color:var(--plum-900);font-weight:var(--fw-semibold)}

/* 28 Oct, Thea's menu: the package header without its tagline keeps Pricing on the right; the Add-on group sits below Built in. */
.mm-pk-pr{margin-left:auto}
.mm-g-addon{margin-top:var(--space-24)}

/* 4 Nov (Erik, iPhone): on a phone or tablet the bar reads logo, Book a demo, Menu, the menu button at the edge as on
   most sites (CSS order only, so no string id moves); the news bar above it is centred. */
@media (max-width:1000px){
  :root .hd .mm-cta{order:1}
  :root .hd .mm-burger{order:2;margin-right:-8px}
}
@media (max-width:600px){
  :root .ann{justify-content:center;text-align:center}
}

/* 4 Nov, phase 1: no time slots in any booking (pages/noslots.py). */
.bk-card .bks,.bk-card #bk-st-t,.hotc-l,.hotc-c{display:none!important}
body{margin:0;background:var(--paper-100)}
a{color:var(--plum-900);text-decoration:none}
::selection{background:var(--lav-300);color:var(--ink-900)}
input{caret-color:var(--plum-900)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--plum-900);outline-offset:3px}
.pgC{--pop:var(--ease-spring);--d1:var(--dur-200);--d2:var(--dur-500);--d3:var(--dur-900);--ink:var(--ink-900);--mute:var(--ink-700);--plum:var(--plum-900);--ease:var(--ease-sheet);--lift:var(--shadow-lift)}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--space-40);box-sizing:border-box}
.serif{font-family:var(--font-display);font-variation-settings:"SOFT" 30,"WONK" 0;font-weight:var(--fw-regular)}
.h2{font-family:var(--font-display);font-variation-settings:"SOFT" 30,"WONK" 0;font-weight:var(--fw-regular);font-size:clamp(36px,4.4vw,60px);line-height:1.04;letter-spacing:var(--ls-heading);color:var(--ink);margin:0;text-wrap:balance}
.hd{position:sticky;top:0;z-index:var(--layer-header);background:var(--paper-100);box-shadow:var(--shadow-header)}
.nav{display:flex;gap:var(--space-28)}
.nav a,.ul{font-size:var(--fs-15);font-weight:var(--fw-semibold);color:var(--ink-700);background:linear-gradient(var(--plum),var(--plum)) 0 100%/0 1.5px no-repeat;padding-bottom:3px;transition:background-size var(--dur-400) var(--ease),color var(--dur-200)}
.nav a:hover,.ul:hover{color:var(--plum);background-size:100% 1.5px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-24);border-radius:var(--radius-12);background:var(--plum);color:var(--lav-50);font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);border:0;cursor:pointer;transition:background-color var(--dur-200) var(--ease)}
.btn:hover{background:var(--plum-950);color:var(--lav-50)}
.roll{display:inline-grid;overflow:hidden;line-height:var(--lh-120)}
.roll span{grid-area:1/1;transition:transform var(--dur-400) var(--ease)}
.roll span+span{transform:translateY(110%)}
a:hover>.roll span:first-child,button:hover>.roll span:first-child{transform:translateY(-110%)}
a:hover>.roll span+span,button:hover>.roll span+span{transform:none}
.tbtn{font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);color:var(--plum);background:linear-gradient(var(--plum),var(--plum)) 0 100%/100% 1.5px no-repeat;border:0;padding:0 0 var(--space-4);cursor:pointer;transition:background-size var(--dur-400) var(--ease)}
.tbtn:hover{background-size:0 1.5px;background-position:100% 100%}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em 0 .12em;margin:-.04em 0 -.12em}
.w>span{display:inline-block;animation:rise 1200ms var(--ease) both;animation-delay:calc(var(--i) * 70ms + 150ms)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.peel{position:absolute;left:-28px;bottom:36px;width:178px;aspect-ratio:1;padding:var(--space-20) var(--space-20);box-sizing:border-box;display:flex;align-items:center;background:linear-gradient(170deg,var(--amber-200),var(--amber-300));border-radius:var(--radius-2);color:var(--ink-900);font:var(--fw-semibold) 23px/1.05 var(--font-hand);transform:rotate(-7deg);transform-origin:50% 0;box-shadow:var(--shadow-peel);transition:transform var(--dur-600) var(--ease-spring),box-shadow var(--dur-600) var(--ease)}
.peel:hover{transform:rotate(-2deg) translateY(-6px) perspective(600px) rotateX(14deg);box-shadow:var(--shadow-peel-hover);color:var(--ink-900)}
@media (max-width: 600px){.peel{left:-8px;width:150px;font-size:var(--fs-20)}}
.bk{display:flex;flex-direction:column;gap:var(--space-24);max-width:520px}
.bkf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16) var(--space-16)}
.fld{display:flex;flex-direction:column;gap:var(--space-8);font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--ink-700)}
.fld input{font:var(--fw-regular) var(--fs-16) var(--font-ui);min-height:48px;padding:0 var(--space-16);border:1px solid var(--ink-400);border-radius:var(--radius-10);background:var(--white);color:var(--ink-900);transition:border-color var(--dur-160) var(--ease),box-shadow var(--dur-160) var(--ease)}
.fld input:hover{border-color:var(--ink-700)}
.fld input:focus{outline:2px solid var(--plum);outline-offset:1px;border-color:var(--plum)}
.bkd{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-28)}
.bday{font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);min-height:40px;padding:0;border:0;background:linear-gradient(var(--plum),var(--plum)) 0 calc(100% - 6px)/0 1.5px no-repeat;color:var(--ink-700);cursor:pointer;transition:background-size var(--dur-400) var(--ease),color var(--dur-200)}
.bday:hover{color:var(--plum)}
.bday[aria-pressed="true"]{color:var(--plum);background-size:100% 1.5px}
.bkt{display:flex;flex-wrap:wrap;gap:var(--space-12)}
.btime{font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);min-height:46px;min-width:84px;padding:0 var(--space-20);border:1px solid var(--ink-400);border-radius:var(--radius-10);background:var(--white) linear-gradient(var(--plum),var(--plum)) 0 0/0 100% no-repeat;color:var(--ink-900);cursor:pointer;transition:background-size var(--dur-300) var(--ease),color var(--dur-200),border-color var(--dur-200)}
.btime:hover{border-color:var(--plum)}
.btime[aria-pressed="true"]{background-size:100% 100%;color:var(--lav-50);border-color:var(--plum)}
@media (max-width: 600px){.bkf{grid-template-columns:minmax(0,1fr)}}
.peel::after{content:"";position:absolute;right:0;bottom:0;width:26px;height:26px;background:linear-gradient(135deg,#FDF2AE 0 48%,var(--black-a16) 50%,transparent 64%);border-radius:0 0 var(--radius-2) 0;pointer-events:none}
@media (pointer: fine){.m .peel{cursor:grab}}
.peel.held{cursor:grabbing;transition:none!important;box-shadow:var(--shadow-peel-held)}
.peel.away{transition:transform var(--dur-900) cubic-bezier(.5,0,.85,.4),opacity var(--dur-600) linear 400ms!important;opacity:0;pointer-events:none}
.peel.back{animation:peelback var(--dur-900) var(--ease-sheet) both}
@keyframes peelback{from{opacity:0;transform:translateY(-40px) rotate(-14deg)}}
.wob{animation:wob var(--dur-600) cubic-bezier(.36,.07,.19,.97) both}
@keyframes wob{20%{transform:rotate(-3deg)}40%{transform:rotate(2.5deg)}60%{transform:rotate(-1.5deg)}80%{transform:rotate(1deg)}}
.bkchk{width:0;height:18px;margin-right:0;opacity:0;transition:width var(--dur-400) var(--ease),margin var(--dur-400) var(--ease),opacity var(--dur-200) linear}
.bkchk path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset var(--dur-500) var(--ease) 160ms}
.btn.booked .bkchk{width:18px;margin-right:var(--space-12);opacity:1}
.btn.booked .bkchk path{stroke-dashoffset:0}
.hd,.hd .nav a,.hd .hide-sm,.hd .btn{transition:background-color var(--dur-200) linear,color var(--dur-200) linear,box-shadow var(--dur-200) linear}
.hd img{transition:filter var(--dur-200) linear}
.dkhd .hd{background:var(--ink-900);box-shadow:var(--shadow-header-dark)}
.dkhd .hd .nav a,.dkhd .hd .hide-sm{color:var(--ink-200)}
.dkhd .hd .btn{background:var(--lav-50);color:var(--ink-900)}
.dkhd .hd img{filter:brightness(0) invert(.94)}
.fl2{font-size:var(--fs-15);color:var(--ink-200);width:fit-content;background:linear-gradient(var(--white),var(--white)) 0 100%/0 1px no-repeat;transition:background-size var(--dur-400) var(--ease),color var(--dur-160)}
.fl2:hover{color:var(--white);background-size:100% 1px}
@media (max-width: 1000px){.nav,.hide-sm{display:none}}
@media (max-width: 600px){.wrap{padding:0 var(--space-20)}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.fab{position:fixed;right:20px;bottom:20px;z-index:var(--layer-fab);font-family:var(--font-ui)}
.fab summary{list-style:none;display:flex;align-items:center;gap:var(--space-12);height:52px;padding:0 var(--space-20) 0 var(--space-8);border-radius:26px;background:var(--ink-900);color:var(--white);cursor:pointer;font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);box-shadow:var(--shadow-fab);transition:transform var(--dur-300) var(--ease-spring)}
.fab summary::-webkit-details-marker{display:none}
.fab summary:hover{transform:translateY(-2px)}
.fab summary:focus-visible{outline:2px solid var(--lav-300);outline-offset:3px}
.fab summary b{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--white);color:var(--ink-900);font-weight:var(--fw-bold)}
.fab summary svg{transition:transform var(--dur-300) var(--ease-sheet)}
.fab[open] summary svg{transform:rotate(180deg)}
.fab nav{position:absolute;right:0;bottom:64px;width:272px;padding:var(--space-8);border-radius:var(--radius-18);background:var(--ink-900);box-shadow:var(--shadow-fab-open);display:flex;flex-direction:column;gap:var(--space-2);transform-origin:100% 100%;animation:fabin var(--dur-400) var(--ease-spring)}
@keyframes fabin{from{opacity:0;transform:translateY(10px) scale(.92)}}
.fab nav a{display:flex;align-items:center;gap:var(--space-12);min-height:46px;padding:0 var(--space-16);border-radius:var(--radius-12);color:#CFCAD9;font:var(--fw-semibold) var(--fs-14)/var(--lh-120) var(--font-ui);text-decoration:none;transition:background-color var(--dur-160),color var(--dur-160)}
.fab nav a:hover{background:var(--white-a08);color:var(--white)}
.fab nav a[aria-current="page"]{background:var(--white);color:var(--ink-900)}
.fab nav a b{width:16px;opacity:.55}
.tall .fab{display:none}
@media (prefers-reduced-motion: reduce){.fab nav{animation:none}}
html{scroll-padding-top:88px}
.fab{transition:transform var(--dur-500) var(--ease-sheet)}
.atend .fab{transform:translateY(-72px)}
.fab nav a b{opacity:.75}
footer :focus-visible,.fab :focus-visible{outline:2px solid var(--lav-300);outline-offset:3px}
blockquote{text-indent:-.42em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mnu{display:none;align-items:center;min-height:44px;padding:0 var(--space-2);border:0;background:none;color:var(--ink);font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);cursor:pointer;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 calc(100% - 10px);background-size:100% 1.5px}
.mpanel{position:fixed;inset:0;z-index:var(--layer-panel);background:var(--paper-100);padding:var(--space-104) var(--space-20) var(--space-40);overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity var(--dur-300) linear,transform var(--dur-500) var(--ease),visibility 0s linear 520ms}
.menu-open .mpanel{visibility:visible;opacity:1;transform:none;transition:opacity var(--dur-300) linear,transform var(--dur-500) var(--ease),visibility 0s}
.mpanel nav{display:flex;flex-direction:column}
.mpanel a{display:block;padding:var(--space-16) 0;border-bottom:1px solid var(--ink-100);color:var(--ink);font:400 clamp(34px,9vw,44px)/1.1 Fraunces,'Fraunces Fallback',Georgia,serif;font-variation-settings:"SOFT" 30,"WONK" 0;letter-spacing:var(--ls-heading);text-decoration:none}
.menu-open .mpanel a{animation:mrise var(--dur-600) var(--ease) both;animation-delay:calc(var(--k) * 40ms + 60ms)}
@keyframes mrise{from{opacity:0;transform:translateY(14px)}}
@media (max-width: 1000px){.mnu{display:inline-flex}}
@media (min-width: 1001px){.mpanel{display:none}}
.skip{position:absolute;left:16px;top:-60px;z-index:var(--layer-skip);padding:var(--space-12) var(--space-16);border-radius:var(--radius-10);background:var(--ink-900);color:var(--white);font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);text-decoration:none;transition:top var(--dur-200) var(--ease)}
.skip:focus{top:12px}
.m .rv2{clip-path:inset(0 0 100% 0);transform:translateY(26px)}
.m .rv2.in{clip-path:inset(-10% -4% -10% -4%);transform:none;transition:clip-path 1100ms var(--ease),transform 1100ms var(--ease)}
.m .rvp{clip-path:inset(14% 6% 14% 6% round 20px);transform:scale(1.08)}
.m .rvp.in{clip-path:inset(0 0 0 0 round 20px);transform:none;transition:clip-path 1300ms var(--ease),transform 1600ms var(--ease)}
.mag{transition:transform var(--dur-600) var(--ease)}
main p{text-wrap:pretty}
@keyframes lwcaret{50%{opacity:0}}
@keyframes lwthink{0%{background-position:100% 0}75%,100%{background-position:0 0}}
@keyframes lwword{from{opacity:.25;filter:blur(2px)}}
@keyframes lwmark{0%{box-shadow:0 0 0 0 rgba(var(--lav-500-rgb),.0)}25%{box-shadow:0 0 0 4px rgba(var(--lav-500-rgb),.6)}100%{box-shadow:0 0 0 3px var(--lav-a45)}}
/* SimLive. Hover is instant and leaves over 150 ms, presses give a little, light rides the frame. */
.lw .hv,.lw .hvd,.lw .hvlink{transition:box-shadow var(--dur-160) ease-out,filter var(--dur-160) ease-out,color var(--dur-160) ease-out}
.lw .hv:hover{transition-duration:0s;box-shadow:inset 0 0 0 100vmax var(--plum-a06)}
.lw .hvrow:hover{box-shadow:inset 0 0 0 100vmax var(--plum-a08)}
.lw .hvd:hover{transition-duration:0s;filter:brightness(1.3)}
.lw .hvlink:hover{transition-duration:0s;color:var(--plum-900);text-decoration:underline;text-underline-offset:2px}
.lw .hvx{cursor:pointer}
.lw .hvx:active{transform:scale(.97);transition:transform var(--dur-120) ease-out}
.lw .lw-in{box-shadow:inset 0 0 0 1px rgba(31,135,84,.45)}
.lw .lw-in>span:first-child{background:#1F8754!important}
.lw .lw-go{background-color:var(--plum-900)!important;transition:background-color var(--dur-900) cubic-bezier(.22,1,.36,1)}
.lw .lw-go svg,.lw .lw-go svg *{stroke:var(--white)!important}
.lw .lw-caret{display:inline-block;width:1.5px;height:1.05em;margin-left:1px;vertical-align:-2px;background:var(--plum-900);animation:lwcaret 1.25s steps(1) infinite}
@keyframes lwcaret{50%{opacity:0}}
.lw .lw-think{background:linear-gradient(90deg,var(--mauve-400) 0 40%,var(--plum-900) 50%,var(--mauve-400) 60% 100%) 100% 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lwthink 2.4s linear infinite}
@keyframes lwthink{0%{background-position:100% 0}75%,100%{background-position:0 0}}
.lw .lw-w{animation:lwword var(--dur-200) ease-out both}
@keyframes lwword{from{opacity:.25;filter:blur(2px)}}
.lw .lw-src{display:block;margin-top:var(--space-8);font-size:.86em;color:var(--mauve-500)}
.lw .lw-mark{animation:lwmark 1.6s cubic-bezier(.165,.84,.44,1) var(--mk,0ms) both}
@keyframes lwmark{0%{box-shadow:0 0 0 0 rgba(var(--lav-500-rgb),.0)}25%{box-shadow:0 0 0 4px rgba(var(--lav-500-rgb),.6)}100%{box-shadow:0 0 0 3px var(--lav-a45)}}
.lw-glint{position:relative}
.lw-glint::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:6;opacity:var(--go,0);background:radial-gradient(240px 240px at var(--gx,0%) var(--gy,0%),rgba(var(--white-rgb),.95),var(--white-a45) 30%,var(--white-a12) 50%,rgba(var(--white-rgb),0) 70%);-webkit-mask:linear-gradient(var(--black) 0 0) content-box,linear-gradient(var(--black) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--black) 0 0) content-box exclude,linear-gradient(var(--black) 0 0)}
.slab.lw-glint{box-shadow:inset 0 0 0 1px var(--white-a08)}
.lw .lw-empty{position:absolute;left:24px;right:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12);text-align:center;pointer-events:none}
.lw .lw-empty svg{width:28px;height:28px}
.lw .lw-empty p{margin:0;max-width:220px;font:var(--fw-regular) var(--fs-14)/var(--lh-145) var(--font-ui);color:var(--mauve-500)}
@media (prefers-reduced-motion: reduce){.lw .lw-think,.lw .lw-caret,.lw .lw-mark{animation:none}.lw .lw-think{color:var(--mauve-500);background:none}}

/* Product page · Automation Studio. Shares the header, buttons, booking fields and footer with C; this file is the page type's own.
   One rule per selector. Scale: D1 h1, D2 two-tone h2, D3 quote, D4 item titles; body 16/26, lede 18/28, small 14/22, caption 13/20.
   Three greys: ink, mute, faint (faint only for the grey half of a heading). One staging system: the Himmel sky. */
.pgC{--ink:var(--ink-900);--mute:var(--ink-700);--faint:var(--ink-400);--line:var(--paper-300);--sec:var(--space-128);
  --sky:linear-gradient(160deg,var(--himmel-1) 0%,var(--himmel-2) 34%,var(--himmel-3) 68%,var(--himmel-4) 100%);
  --night:linear-gradient(170deg,var(--himmel-night-1) 0%,var(--himmel-night-2) 36%,var(--himmel-night-3) 70%,var(--himmel-night-4) 100%);
  --win:0 0 0 1px var(--plum-a08),0 2px 4px var(--plum-a06),0 32px 64px -32px var(--plum-a45)}

/* Header, tuned to the references: lighter nav, a 40px header button. */
.nav a{font-size:var(--fs-14);font-weight:var(--fw-medium)}
.nav a[aria-current="page"]{color:var(--plum);background-size:100% 1.5px}
.hd .btn{min-height:40px!important;font-size:var(--fs-14)!important}

/* Type */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em 0 .12em;margin:-.04em 0 -.12em}
.w>span{display:inline-block;animation:prise var(--dur-700) var(--ease) both;animation-delay:calc(var(--i) * 40ms + 120ms)}
@keyframes prise{from{transform:translateY(112%)}}
.w2{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em 0 .14em;margin:-.04em 0 -.14em}
.w2>span{display:inline-block;transform:translateY(112%);transition:transform var(--dur-700) var(--ease)}
.done .w2>span{transform:none;transition-delay:calc(var(--i) * 40ms + 200ms)}
.d1{margin:0;font-family:var(--font-display);font-variation-settings:"SOFT" 30,"WONK" 0;font-weight:var(--fw-regular);font-size:clamp(48px,5.8vw,84px);line-height:.98;letter-spacing:-.022em;color:var(--ink)}
.h2.two{max-width:820px;font-size:clamp(32px,3.3vw,48px);line-height:var(--lh-108);letter-spacing:var(--ls-h2)}
.h2.two span{color:var(--faint)}
.lede{margin:0;font-size:var(--fs-18);line-height:28px;color:var(--mute);max-width:480px}
.crumb{display:flex;align-items:center;gap:var(--space-8);margin:0;padding:0;list-style:none;font-size:var(--fs-14);line-height:22px;color:var(--mute)}
.crumb a{color:var(--mute);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size var(--dur-400) var(--ease),color var(--dur-160)}
.crumb a:hover{color:var(--plum);background-size:100% 1px}
.crumb li+li::before{content:"/";margin-right:var(--space-8);color:var(--faint)}
.ph{color:#6B4E00;background:#FFF1BF;border-radius:var(--radius-4);padding:0 var(--space-4)}
main p{text-wrap:pretty}

/* Live product parts: laid out at the width they were lifted at, then scaled as one piece to fit. */
.lv{width:fit-content;transform-origin:0 0;position:relative}
.lv li{list-style:none}
.hit{position:absolute;z-index:8;margin:0;padding:0;border:0;background:transparent;border-radius:var(--radius-10);cursor:pointer;color:transparent;font-size:1px;overflow:hidden}
.hit:focus-visible{outline:2px solid var(--plum);outline-offset:2px}
.m .rvb{opacity:0;transform:translateY(16px)}
.m .rvb.in{opacity:1;transform:none;transition:opacity var(--dur-600) var(--ease),transform var(--dur-900) var(--ease)}

/* ---------- Hero ---------- */
.phero{padding:var(--space-64) 0 var(--sec)}
.pgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-32);align-items:center}
.ptext{display:flex;flex-direction:column;gap:var(--space-24)}
.pswap{display:grid}
.pswap>div{grid-area:1/1;display:flex;flex-direction:column;gap:var(--space-24);transition:opacity var(--dur-600) var(--ease),transform var(--dur-900) var(--ease)}
.pswap .after{opacity:0;transform:translateY(16px);pointer-events:none;visibility:hidden}
.done .pswap .before{opacity:0;transform:translateY(-16px);pointer-events:none;visibility:hidden;transition:opacity var(--dur-600) var(--ease),transform var(--dur-900) var(--ease),visibility 0s 800ms}
.done .pswap .after{opacity:1;transform:none;pointer-events:auto;visibility:visible}

/* One stage: the phone and the run share one sky. */
.pstage{position:relative;height:var(--bh,700px)}
.pbox{position:absolute;right:0;top:0;width:666px;height:728px;transform-origin:100% 0;transform:scale(var(--bk,1));display:grid;grid-template-columns:250px 340px;column-gap:var(--space-20);align-items:center;padding:var(--space-40) var(--space-28);box-sizing:border-box}
.hmat{position:absolute;inset:0;border-radius:var(--radius-28);background:var(--sky)}
.say{position:absolute;left:0;right:0;top:calc(var(--bh,700px) - 44px);min-height:44px;display:flex;justify-content:center}
.sm{position:absolute;display:flex;gap:var(--space-12);align-items:flex-start;font-size:var(--fs-14);line-height:22px;color:var(--ink);text-wrap:balance;max-width:520px;opacity:0;transform:translateY(10px);transition:opacity var(--dur-300) linear,transform var(--dur-600) var(--ease)}
.sm.on{opacity:1;transform:none}
.sm.out{opacity:0;transform:translateY(-8px);transition:opacity var(--dur-200) linear,transform var(--dur-400) var(--ease)}
.sm svg{flex:none;width:18px;height:18px;margin-top:var(--space-2)}
.sm svg path{fill:none;stroke:var(--plum);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset var(--dur-500) var(--ease) 140ms}
.sm.on svg path{stroke-dashoffset:0}

/* HR's phone at 08:14 on the Friday before Kasper starts. Night ground, so it stands off the light sky. */
.phone{position:relative;z-index:3;width:250px;height:572px;box-sizing:border-box;padding:var(--space-8);border-radius:44px;background:var(--ink-900);box-shadow:inset 0 1px 0 var(--white-a16),0 40px 80px -40px var(--plum-a45),0 16px 32px -24px var(--ink-a45)}
.phone.buzz{animation:buzz var(--dur-400) cubic-bezier(.36,.07,.19,.97)}
@keyframes buzz{20%{transform:translateX(-2px) rotate(-.6deg)}40%{transform:translateX(2px) rotate(.5deg)}60%{transform:translateX(-1.5px) rotate(-.3deg)}80%{transform:translateX(1px)}}
.scr{position:relative;height:100%;border-radius:36px;background:var(--night);display:flex;flex-direction:column;transition:filter var(--dur-900) var(--ease)}
.island{position:absolute;left:50%;top:9px;width:76px;height:22px;margin-left:-38px;border-radius:11px;background:var(--black)}
.lock{display:flex;flex-direction:column;align-items:center;padding-top:var(--space-44);color:var(--lav-75)}
.lday{font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--mauve-300)}
.ltime{font-family:var(--font-display);font-variation-settings:"SOFT" 50,"WONK" 0;font-weight:var(--fw-regular);font-size:64px;line-height:var(--lh-100);letter-spacing:-.02em;margin-top:var(--space-2)}
.stack{display:flex;flex-direction:column;gap:var(--space-8);padding:0 var(--space-8);margin-top:var(--space-20);position:relative;z-index:2}
.ci{position:relative;display:flex;gap:var(--space-8);align-items:flex-start;width:100%;box-sizing:border-box;margin:0;padding:var(--space-8) var(--space-12) var(--space-12);border:0;border-radius:var(--radius-16);background:rgba(var(--white-rgb),.9);text-align:left;font:var(--fw-regular) var(--fs-13)/var(--lh-135) var(--font-ui);color:var(--ink);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transform:translate(var(--dx,0px),var(--dy,0px)) scale(var(--k,1));transition:transform var(--dur-500) var(--ease),opacity var(--dur-300) linear,background-color var(--dur-200);will-change:transform}
@media (pointer: fine){.ci:hover{background:var(--white)}}
.ci:focus-visible{outline:2px solid var(--lav-400);outline-offset:3px}
.ci.held{cursor:grabbing;transition:none;z-index:5;background:var(--white);box-shadow:0 18px 32px -16px rgba(var(--himmel-night-4-rgb),.6)}
/* In flight the card lets go of its words first, then travels as a small plum chip, so no shrunken text is ever seen. */
.ci.fly{transition:transform var(--dur-600) var(--ease),opacity var(--dur-200) linear 380ms,background-color var(--dur-160) linear;pointer-events:none;z-index:5;background:var(--plum)}
.ci.fly>*{opacity:0;transition:opacity var(--dur-120) linear}
.ci.gone{visibility:hidden;pointer-events:none}
.ci.shut{transition:height var(--dur-400) var(--ease),margin var(--dur-400) var(--ease),padding var(--dur-400) var(--ease),opacity var(--dur-200) linear;overflow:hidden}
.nt-ic{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;flex:none}
.nt-ic svg{width:14px;height:14px;fill:none;stroke:var(--plum);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t-msg{background:var(--lav-150)}.t-call{background:var(--peach-100)}.t-mail{background:#DCE6F7}.t-note{background:var(--amber-100)}
.nt-b{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.nt-h{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-8)}
.nt-h b{font-weight:var(--fw-semibold);font-size:var(--fs-13);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt-h span{flex:none;font-size:11px;color:var(--mute)}
.nt-p{color:#3A2F55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cue{position:absolute;left:12px;right:12px;bottom:22px;margin:0;text-align:center;font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--mauve-300);transition:opacity var(--dur-400) var(--ease)}
.moved .cue{opacity:0}
.hc{display:none}
@media (pointer: coarse){.hf{display:none}.hc{display:inline}}
.homebar{position:absolute;left:50%;bottom:7px;width:96px;height:4px;margin-left:-48px;border-radius:var(--radius-2);background:rgba(239,234,251,.45)}
/* When the last one is in, the phone goes quiet. */
.clear{position:absolute;left:0;right:0;top:250px;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;opacity:0;transform:translateY(6px);transition:opacity var(--dur-500) var(--ease) 500ms,transform var(--dur-700) var(--ease) 500ms}
.clear b{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:22px;line-height:var(--lh-110);color:var(--lav-75)}
.clear span{font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--mauve-300)}
.done .clear{opacity:1;transform:none}
.done .cue{opacity:0}

/* The run, at its true size. Rows waiting for their message stay readable, with an empty slot where the owner will be. */
.psh{position:relative;width:340px;border-radius:var(--radius-16);overflow:hidden;box-shadow:var(--win);background:var(--lav-50)}
.hs .wh3,.hs .wh5{display:none}
.hs .wh1{height:auto!important;padding-bottom:12px!important}
.hs .tk{display:flex!important;align-items:center;border-radius:var(--radius-8);transition:box-shadow var(--dur-200),background-color var(--dur-200)}
.hs .tk.pend .wh47{color:#5F5480}
.hs .tk.pend .tkm{display:none}
.hs .tkbar{display:none;width:96px;height:8px;margin:var(--space-8) 0 var(--space-4);border-radius:var(--radius-4);background:var(--lav-100)}
.hs .tk.pend .tkbar{display:block}
.hs .tk.pend .icc *{stroke:var(--mauve-250)!important}
.hs .tk.tgt{box-shadow:inset 0 0 0 1.5px var(--plum-a45);background:var(--lav-a08)}
.hs .tk .ick{display:none}
.hs .tk[data-done="1"]:not(.pend) .ick{display:block}
.hs .tk[data-done="1"]:not(.pend) .icc{display:none}
.hs .tk.lit{animation:tklit 1400ms var(--ease) both}
@keyframes tklit{0%{background:rgba(var(--lav-500-rgb),0)}20%{background:var(--lav-a16)}100%{background:rgba(var(--lav-500-rgb),0)}}
.hs .tk.lit .tkm{animation:tkin var(--dur-500) var(--ease) 100ms both}
@keyframes tkin{from{opacity:0;transform:translateY(4px)}}
.hs .tk.lit .ick{animation:ckpop var(--dur-500) var(--pop)}
@keyframes ckpop{0%{transform:scale(.3)}100%{transform:none}}
.hs .tkav{width:24px;height:24px;border-radius:50%;object-fit:cover;margin-left:auto;flex:none;opacity:0;transform:scale(.5);transition:opacity var(--dur-200) linear,transform var(--dur-500) var(--pop)}
.hs .tk:not(.pend) .tkav{opacity:1;transform:none}
.hs .hbw{opacity:0;transform:scale(.8);transition:opacity var(--dur-300) linear,transform var(--dur-600) var(--pop)}
.done .hs .hbw{opacity:1;transform:none;transition-delay:300ms}
.hs .hbadge{background:rgba(230,243,237,.95)!important;color:var(--green-800)!important;width:auto!important;padding:0 var(--space-8)!important}

/* ---------- Build: the builder, live ---------- */
.build{padding:var(--sec) 0;border-top:1px solid var(--line)}
.bframe{position:relative;margin-top:var(--space-64);border-radius:var(--radius-28);padding:var(--space-48);background:var(--sky);box-sizing:border-box}
.bframe .lvbox{border-radius:var(--radius-16);overflow:hidden;background:var(--lav-50);padding:var(--space-20) var(--space-24) var(--space-24);box-shadow:var(--win)}
/* The run passes down the canvas as a soft edge: above it the live state, below it the draft. */
.cvo{position:absolute;left:0;top:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,var(--black) calc(var(--rv,0px) - 28px),transparent var(--rv,0px));mask-image:linear-gradient(to bottom,var(--black) calc(var(--rv,0px) - 28px),transparent var(--rv,0px))}
.cvd{-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--rv,0px) - 28px),var(--black) var(--rv,0px));mask-image:linear-gradient(to bottom,transparent calc(var(--rv,0px) - 28px),var(--black) var(--rv,0px))}
.bphone{display:none;border-radius:var(--radius-16);overflow:hidden;box-shadow:var(--win)}
.cvo2{position:absolute;left:0;top:0;opacity:0;transition:opacity var(--dur-900) var(--ease) 300ms}
.ran .cvo2{opacity:1}
.bnote{margin:var(--space-20) 0 0;font-size:var(--fs-14);line-height:22px;color:var(--mute)}

/* ---------- Capabilities: three tabs, one surface at a time ---------- */
.caps{padding:var(--sec) 0;border-top:1px solid var(--line)}
.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24) var(--space-32);margin:var(--space-64) 0 var(--space-32)}
.tab{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:var(--space-20) 0 0;border:0;border-top:2px solid var(--line);background:none;text-align:left;font:var(--fw-regular) var(--fs-15)/24px var(--font-ui);color:var(--mute);cursor:pointer;transition:border-color var(--dur-400) var(--ease)}
.tab b{font-weight:var(--fw-semibold);font-size:var(--fs-16);color:var(--ink)}
.tab:hover{border-top-color:var(--mauve-250)}
.tab[aria-selected="true"]{border-top-color:var(--plum)}
.capmat{display:grid;border-radius:var(--radius-28);padding:var(--space-48);background:var(--sky);box-sizing:border-box}
.cp{grid-area:1/1;position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:760px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--dur-200) var(--ease),transform var(--dur-500) var(--ease),visibility 0s 240ms}
.cp.on{opacity:1;visibility:visible;transform:none;transition:opacity var(--dur-500) var(--ease) 60ms,transform var(--dur-500) var(--ease) 60ms,visibility 0s}
.cp .lvbox{max-width:100%;border-radius:var(--radius-16);overflow:hidden;box-shadow:var(--win)}
.cp .tpl{overflow:hidden}
.rnote{position:absolute;left:0;right:0;bottom:-36px;margin:0;text-align:center;font-size:var(--fs-14);color:var(--ink)}

/* ---------- Quote, questions ---------- */
.pquote{padding:var(--sec) 0;border-top:1px solid var(--line)}
.pquote blockquote{margin:0;max-width:980px;font-size:clamp(28px,3vw,44px);line-height:var(--lh-112);letter-spacing:var(--ls-heading);text-wrap:balance;text-indent:-.42em}
.pquote figcaption{font-size:var(--fs-14);line-height:22px;color:var(--mute)}
.pquote figcaption b{color:var(--ink);font-weight:var(--fw-semibold)}
.faq{padding:var(--sec) 0;border-top:1px solid var(--line)}
.fgrid2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-40) var(--space-80);align-items:start}
.qa{border-top:1px solid var(--paper-300)}
.qa:last-child{border-bottom:1px solid var(--paper-300)}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);min-height:44px;padding:var(--space-20) 0;cursor:pointer;font-family:var(--font-display);font-variation-settings:"SOFT" 30,"WONK" 0;font-size:var(--fs-24);line-height:var(--lh-120);letter-spacing:var(--ls-snug);color:var(--ink);transition:color var(--dur-200)}
.qa summary::-webkit-details-marker{display:none}
.qa summary svg{flex:none;transition:transform var(--dur-400) var(--ease)}
.qa[open] summary svg{transform:rotate(45deg)}
.qa summary:hover{color:var(--plum)}
.qa p{margin:0 0 var(--space-24);max-width:620px;font-size:var(--fs-16);line-height:26px;color:var(--mute)}

/* ---------- Booking ---------- */
#book{padding:var(--sec) 0!important;border-top:1px solid var(--line)}
.meet{margin:-8px 0 0;font-size:var(--fs-14);line-height:22px;color:var(--mute)}
.tz{margin:-10px 0 0;font-size:var(--fs-13);line-height:20px;color:var(--mute)}
.bknote{font-size:var(--fs-14);line-height:22px;color:var(--mute)}

/* ---------- Footer: tighter links ---------- */
.fl2{font-size:var(--fs-14);line-height:24px}

/* ---------- Responsive ---------- */
@media (max-width: 1000px){
  .pgC{--sec:var(--space-96)}
  .pgrid,.fgrid2{grid-template-columns:minmax(0,1fr)}
  .pbox{right:50%;transform-origin:50% 0;transform:translateX(50%) scale(var(--bk,1))}
  .tabs{grid-template-columns:minmax(0,1fr);gap:0}
  .tab{padding:var(--space-16) 0}
  .tab span{display:none}
  .tab[aria-selected="true"] span{display:block}
}
@media (max-width: 600px){
  .pgC{--sec:var(--space-72)}
  .phero{padding:var(--space-24) 0 var(--sec)}
  /* On a phone, no phone in the phone: the four messages sit straight above the run. */
  .pstage{height:auto!important}
  .pbox{position:relative;right:auto;width:100%;height:auto;transform:none!important;display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-16) var(--space-12)}
  .hmat{border-radius:var(--radius-20)}
  .phone{width:100%;height:auto;padding:0;border-radius:0;background:none;box-shadow:none}
  .scr{background:none;border-radius:0}
  .island,.lock,.homebar,.clear{display:none}
  .stack{margin:0;padding:0}
  .ci{font-size:var(--fs-14);padding:var(--space-12) var(--space-16);box-shadow:0 0 0 1px var(--plum-a06)}
  .nt-h b{font-size:var(--fs-14)}.nt-h span{font-size:var(--fs-12)}
  .cue{position:static;margin-top:var(--space-8);color:var(--mute)}
  .psh{width:100%}
  .say{position:static;margin-top:var(--space-12);justify-content:flex-start}
  .sm{position:relative}
  .bframe{padding:var(--space-12);border-radius:var(--radius-20);margin-top:var(--space-40)}
  .bframe .lvbox{display:none}
  .bphone{display:block}
  .bframe .hit{display:none}
  .capmat{padding:var(--space-12);border-radius:var(--radius-20)}
  .cp{min-height:0}
  .qa summary{font-size:var(--fs-20)}
}
@media (min-width: 1001px) and (max-height: 860px){.phero{padding:var(--space-32) 0 var(--space-96)}.d1{font-size:clamp(44px,min(5.2vw,9.4vh),76px)}}
@media (prefers-reduced-motion: reduce){.ci,.ci.fly,.cp,.sm{transition:none}.w>span{animation:none}.phone.buzz{animation:none}}
.proof{margin:var(--space-8) 0 0;font-size:var(--fs-14);line-height:22px;color:var(--mute)}

/* Visual pass 2: true iPhone proportions (screen about 0.46 wide to tall), notifications as faces, a more visual run. */
@media (min-width: 1001px){.pbox{grid-template-columns:264px 340px;column-gap:var(--space-8);padding:var(--space-40) var(--space-28)}}
@media (min-width: 1001px){.phone{width:264px;height:544px;padding:var(--space-8);border-radius:46px}}
@media (min-width: 1001px){.scr{border-radius:38px}}
@media (min-width: 1001px){.island{width:72px;height:21px;margin-left:-36px;top:10px}}
@media (min-width: 1001px){.lock{padding-top:var(--space-44)}}
@media (min-width: 1001px){.ltime{font-size:62px}}
@media (min-width: 1001px){.stack{gap:var(--space-8);padding:0 var(--space-8);margin-top:var(--space-20)}}
@media (min-width: 1001px){.ci{padding:var(--space-8) var(--space-12) var(--space-12);gap:var(--space-12);align-items:center;border-radius:var(--radius-18);background:rgba(var(--white-rgb),.9)}}
.nav{position:relative;flex:none;width:36px;height:36px}
.nav img{display:block;width:36px;height:36px;border-radius:50%;object-fit:cover}
.nbadge{position:absolute;right:-3px;bottom:-3px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:5px;box-shadow:var(--shadow-ring-white)}
.nbadge svg,.nfill svg{width:10px;height:10px;fill:none;stroke:var(--plum);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nfill{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-10)}
.nfill svg{width:17px;height:17px}
.nt-h b{font-size:var(--fs-13)}
.nt-p{-webkit-line-clamp:1;font-size:var(--fs-13);color:var(--ink-700)}
@media (min-width: 1001px){.clear{top:236px}}

/* The run: Kasper's face, a bar that fills as tasks get owners, and a thread joining the steps. */
.hs .kav{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.hprog{display:flex;gap:var(--space-4);margin:var(--space-2) 0 var(--space-8)}
.hprog i{flex:1;height:5px;border-radius:var(--radius-3);background:var(--lav-100);transition:background-color var(--dur-500) var(--ease)}
.hprog i.on{background:var(--plum)}
.hs .tk{position:relative}
.hs .tk:not(:last-child)::after{content:"";position:absolute;left:18.5px;top:34px;bottom:-6px;width:1.5px;border-radius:1px;background:var(--lav-100)}
.hs .tk:not(.pend):not(:last-child)::after{background:var(--lav-250)}
.hs .tkav{width:28px;height:28px}
@media (max-width: 600px){.phone{width:100%;height:auto}}
.nav a{white-space:nowrap}
/* Planned steps tint the bar; finished ones fill it. */
.hprog i.on{background:var(--lav-250)}
.hprog i.ok{background:var(--plum)}

/* Room to breathe: a wider stage, air between phone and run, and one line per message that never cuts off. */
@media (min-width: 1001px){.pgrid{grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);gap:var(--space-40)}}
@media (min-width: 1001px){.pbox{width:712px;height:744px;grid-template-columns:264px 340px;column-gap:var(--space-36);padding:var(--space-44) var(--space-36)}}
@media (min-width: 1001px){.stack{gap:var(--space-8);margin-top:var(--space-24)}}
@media (min-width: 1001px){.ci{padding:var(--space-12) var(--space-12) var(--space-12)}}
@media (max-width: 600px){.pbox{width:100%;height:auto;padding:var(--space-16) var(--space-12)}}

/* ---------- Delight pass: springs, a believable arrival, a landing with weight, a staged payoff ---------- */
.pgC{--spring:linear(0,.057,.187,.343,.497,.634,.747,.836,.902,.948,.979,.998,1.009,1.014,1.015,1.012,1.008,1.004,1.001,1);--spring-pop:linear(0,.078,.254,.461,.655,.815,.932,1.008,1.05,1.066,1.057,1.03,1.008,.998,.995,.998,1)}
.btn:active,.tbtn:active,.tab:active{transform:scale(.97)}
.btn,.tab{transition:transform var(--dur-120) var(--ease),background-color var(--dur-200) var(--ease)}
/* Pickup: the card lifts a little and tilts with the hand; a short release springs home. */
.ci{transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--rot,0deg)) scale(var(--k,1))}
.ci.held{--k:1.03;transition:none}
.ci.back{transition:transform var(--dur-600) var(--spring)}
.hs .tk.pre{background:var(--plum-a06)}
/* The newest arrives on top, pushing the others down the way a lock screen does. */
.ci.pre{max-height:0;padding-top:0;padding-bottom:0;margin-bottom:-8px;opacity:0;overflow:hidden}
.ci.arrive{transition:max-height var(--dur-500) var(--ease),padding var(--dur-500) var(--ease),margin var(--dur-500) var(--ease),opacity var(--dur-300) linear 120ms;max-height:80px}
.lmin{display:inline-block;height:1em;overflow:hidden;vertical-align:top;line-height:var(--lh-100)}
.lmin>span{display:block;height:1em;transition:transform var(--dur-500) var(--spring)}
.rolled .lmin>span{transform:translateY(-100%)}
/* In flight: a small pill with the sender's face, on an arc. */
.flypill{position:fixed;z-index:var(--layer-skip);left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none}
.flypill i{display:block;width:34px;height:34px;border-radius:50%;background:var(--plum-900) center/cover;box-shadow:0 0 0 2px var(--white),0 10px 20px -8px var(--ink-a45)}
/* The progress bar fills from the left; planned is a tint, done is plum. */
.hprog i{position:relative;overflow:hidden;background:var(--lav-100)!important}
.hprog i::after{content:"";position:absolute;inset:0;border-radius:var(--radius-3);background:var(--lav-250);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--dur-400) var(--ease),background-color var(--dur-300) linear}
.hprog i.on::after{transform:scaleX(1)}
.hprog i.ok::after{transform:scaleX(1);background:var(--plum)}
.hprog.sweep i::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent,rgba(var(--white-rgb),.9),transparent);animation:sweep var(--dur-600) var(--ease) both;animation-delay:calc(var(--n) * 60ms)}
@keyframes sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.hs .tkav{transition:opacity var(--dur-200) linear 120ms,transform var(--dur-500) var(--spring-pop) 120ms}
.hs .tk.lit .ick{animation:ckpop var(--dur-700) var(--spring-pop)}
.hs .hbw{transition:opacity var(--dur-300) linear,transform var(--dur-700) var(--spring-pop)}
/* The payoff on the phone: a Live Activity. */
.clear{position:absolute;left:14px;right:14px;top:auto;bottom:64px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);padding:var(--space-16) var(--space-16) var(--space-16);border-radius:22px;background:var(--white-a12);box-shadow:inset 0 0 0 1px var(--white-a12);text-align:left;opacity:0;transform:translateY(24px) scale(.96);transition:opacity var(--dur-400) var(--ease),transform var(--dur-700) var(--spring)}
.done .clear{opacity:1;transform:none;transition-delay:0s}
.clear .la-k{font-size:11px;font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);color:var(--mauve-300)}
.clear b{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:var(--fs-20);line-height:var(--lh-110);color:var(--lav-75)}
.la-bar{display:flex;gap:3px;width:100%;margin-top:var(--space-4)}
.la-bar i{flex:1;height:5px;border-radius:var(--radius-3);background:var(--white-a16);position:relative;overflow:hidden}
.la-bar i::after{content:"";position:absolute;inset:0;background:var(--lav-400);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--dur-400) var(--ease)}
.done .la-bar i::after{transform:scaleX(1)}
.done .la-bar i:nth-child(1)::after{transition-delay:200ms}.done .la-bar i:nth-child(2)::after{transition-delay:260ms}.done .la-bar i:nth-child(3)::after{transition-delay:320ms}.done .la-bar i:nth-child(4)::after{transition-delay:380ms}.done .la-bar i:nth-child(5)::after{transition-delay:440ms}.done .la-bar i:nth-child(6)::after{transition-delay:500ms}.done .la-bar i:nth-child(7)::after{transition-delay:560ms}
.clear .la-n{font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--lav-75);opacity:.8}
.done .stack{opacity:0}
/* Tabs: one indicator slides to the chosen tab; the panel comes in from that side. */
.tabs{position:relative}
.tab{border-top-color:var(--line)!important}
.tabbar{position:absolute;left:0;top:0;height:2px;width:0;background:var(--plum);border-radius:1px;transition:transform var(--dur-400) var(--ease),width var(--dur-400) var(--ease)}
.cp{transform:translateX(var(--from,16px))}
.cp.on{transform:none}
/* Questions open, rather than appear. */
.qa[open] p{animation:qaopen var(--dur-300) var(--ease) both}
@keyframes qaopen{from{opacity:0;transform:translateY(-6px)}}
.qa summary svg{transition:transform var(--dur-200) var(--ease)}
/* Remind rings its bell. */
.ring{animation:ring var(--dur-500) var(--ease)}
@keyframes ring{20%{transform:rotate(12deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}
/* Booking: Hanna answers. */
.bookph{position:relative;width:min(440px,100%);justify-self:start}
.byebub{position:absolute;left:58%;top:16%;z-index:2;padding:var(--space-8) var(--space-16) var(--space-12);border-radius:var(--radius-16) var(--radius-16) var(--radius-16) var(--radius-3);background:var(--white);font:var(--fw-semibold) var(--fs-26)/var(--lh-100) var(--font-hand);color:var(--plum-900);box-shadow:var(--shadow-bubble);transform:scale(0) rotate(-6deg);transform-origin:0 100%;opacity:0;transition:transform var(--dur-700) var(--spring-pop),opacity var(--dur-200) linear;white-space:nowrap}
.booked-on .byebub{transform:scale(1) rotate(-3deg);opacity:1;transition-delay:200ms}
/* The footer note invites the peel: its folded corner grows under the hand. */
.peel::after{transition:width var(--dur-300) var(--ease),height var(--dur-300) var(--ease)}
.peel:hover::after{width:40px;height:40px}
@media (prefers-reduced-motion: reduce){.ci.back,.lmin>span,.hprog i::after,.la-bar i::after,.clear,.byebub,.tabbar{transition:none}.hprog.sweep i::before,.ring,.qa[open] p{animation:none}}
/* The card lets go quietly: it fades as its slot folds, and only the face pill travels. */
.ci.fly{background:transparent!important;box-shadow:none!important;transition:opacity var(--dur-160) linear,background-color var(--dur-120) linear}
/* Calmer scroll: things arrive, they don't perform. Short travel, quicker settles, no wipes on headings. */
.m .rv2{clip-path:none;opacity:0;transform:translateY(12px)}
.m .rv2.in{clip-path:none;opacity:1;transform:none;transition:opacity var(--dur-600) var(--ease),transform var(--dur-700) var(--ease)}
.m .rvp{clip-path:inset(3% 2% 3% 2% round 20px);transform:scale(1.025);opacity:.6}
.m .rvp.in{clip-path:inset(0 0 0 0 round 20px);transform:none;opacity:1;transition:clip-path var(--dur-900) var(--ease),transform var(--dur-900) var(--ease),opacity var(--dur-500) var(--ease)}
.m .rvb{opacity:0;transform:translateY(10px)}
.m .rvb.in{opacity:1;transform:none;transition:opacity var(--dur-500) var(--ease),transform var(--dur-700) var(--ease)}
.w>span{animation-duration:var(--dur-600);animation-delay:calc(var(--i) * 28ms + 100ms)}
/* A softer dusk on the lock screen: the phone belongs to the scene instead of punching a hole in it. */
@media (min-width: 1001px){
.phone{background:#2A2340;box-shadow:inset 0 1px 0 var(--white-a16),0 40px 80px -40px var(--plum-a45),0 16px 32px -24px var(--ink-a24)}
.scr{background:linear-gradient(172deg,#6B5B9E 0%,#7B68AA 38%,#9479B3 72%,#B091BB 100%)}
.lock{color:var(--white)}
.lday,.clear .la-k,.clear span{color:rgba(var(--white-rgb),.8)}
.cue{color:rgba(var(--white-rgb),.86);white-space:nowrap;left:8px;right:8px}
.homebar{background:rgba(var(--white-rgb),.6)}
.clear{background:var(--white-a16);box-shadow:inset 0 0 0 1px var(--white-a24)}
.clear b,.clear .la-n{color:var(--white)}
.la-bar i{background:var(--white-a24)}
.la-bar i::after{background:var(--white)}
}
/* Autoplay lifts a message before handing it over, the way a thumb would. */
.ci.lift{--k:1.035;--rot:-1.2deg;--dx:6px;z-index:5;background:var(--white);box-shadow:0 18px 32px -16px rgba(var(--himmel-night-4-rgb),.45);transition:transform var(--dur-500) var(--spring),box-shadow var(--dur-300) var(--ease),background-color var(--dur-200) linear}
@media (max-width: 1000px){.cue{white-space:normal;color:var(--mute)}}
/* Only the panel on show sets the mat's height, so no tab sits on a stretch of empty mat. */
.capmat{position:relative}
.cp{min-height:0}
.cp:not(.on){position:absolute;left:48px;right:48px;top:48px}
@media (max-width: 1000px){.cp:not(.on){left:12px;right:12px;top:12px}}
/* Review pass, motion and UI. */
/* The row a message is headed for holds one soft highlight from lift to landing, and the landing glow starts from it. */
.hs .tk.tgt{box-shadow:none;background:var(--lav-a12)}
@keyframes tklit2{0%{background:var(--lav-a12)}25%{background:var(--lav-a16)}100%{background:rgba(var(--lav-500-rgb),0)}}
.hs .tk.lit{animation-name:tklit2}
/* To-do circles sit back so the one done check reads first. */
.hs .tk:not(.pend) .icc{stroke:#A398C2;stroke-width:1.75}
.hs .hbw{margin-left:auto!important;justify-content:flex-end}
@media (min-width: 1001px){
/* The live activity: Kasper's face, the same progress as the sheet, and the day he starts. Dark glass, so white text reads. */
.clear{bottom:62px;gap:var(--space-12);padding:var(--space-12) var(--space-16) var(--space-12);border-radius:var(--radius-24);background:rgba(36,22,78,.24);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 .5px var(--white-a24);opacity:0;transform:translateY(16px) scale(.98);transition:opacity var(--dur-300) var(--ease),transform var(--dur-700) var(--spring)}
.phone.la-on .clear,.done .clear{opacity:1;transform:none;transition-delay:0s}
.la-h{display:flex;align-items:center;gap:var(--space-12)}
.la-av{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px rgba(var(--white-rgb),.6)}
.la-t{display:flex;flex-direction:column;gap:1px}
.clear .la-k{font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.01em;color:rgba(var(--white-rgb),.7)}
.clear b{font-size:var(--fs-18);line-height:var(--lh-110)}
.la-bar{margin-top:0}
.la-bar i{height:4px;background:var(--white-a16)!important;transition:background-color var(--dur-400) var(--ease)}
.la-bar i::after{display:none}
.la-bar i.on{background:var(--white-a45)!important}
.la-bar i.ok{background:var(--white)!important}
.la-f{display:flex;justify-content:space-between;width:100%;font-size:var(--fs-12);font-weight:var(--fw-semibold);color:rgba(var(--white-rgb),.86)}
.clear .la-n{font-size:inherit;color:inherit;opacity:1}
/* The lock screen's own two buttons ground the bottom of the screen. */
.lkb{position:absolute;bottom:20px;width:32px;height:32px;border-radius:50%;background:rgba(30,18,64,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center}
.lkl{left:22px}.lkr{right:22px}
.lkb svg{width:15px;height:15px;fill:none;stroke:rgba(var(--white-rgb),.9);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.cue{bottom:66px}
}
@media (max-width: 1000px){.lkb{display:none}}
@media (min-width: 1001px){.clear b{font-size:var(--fs-18);white-space:nowrap}.lkb svg{width:16px;height:16px}}
/* Text buttons and the breadcrumb keep their look but get a full-size target. */
.tbtn,.crumb a{position:relative}
.tbtn::after,.crumb a::after{content:"";position:absolute;inset:-10px -6px}
/* The builder, simplified: the title, the flow on its canvas, and Run. The palette, history tools, people and Publish step out. */
.bframe .lv .wb0{position:relative}
.bframe .lv .wb19,.bframe .lv .wb2,.bframe .lv .wb8,.bframe .lv .wb14{display:none!important}
.bframe .lv .wb48{width:auto!important;flex:1 1 auto!important}
.bframe .lv .wb49{position:absolute!important;right:0;top:6px;width:auto!important;height:auto!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.bframe .lv .wb50,.bframe .lv .wb51,.bframe .lv .wb55,.bframe .lv .wb58,.bframe .lv .wb59{display:none!important}
.bframe .lv .wb63,.bframe .lv .wc1{margin-left:auto!important;margin-right:auto!important}
.bframe .lv .wc0{width:100%!important}
.bframe .lv .wb18{width:100%!important}
.bframe .lv .wb62{width:auto!important;align-self:stretch}
.bframe .lv .wb0,.bframe .lv .wb1{width:100%!important;min-width:0!important;max-width:100%!important}
.bframe .lv .wb5{width:auto!important;flex:1 1 auto}
@media (min-width: 1001px){.la-f{font-size:11px;letter-spacing:.005em}}
/* The page switcher stays in one place on every page; the footer makes room for it instead of the switcher moving. */
.atend .fab{transform:none}
footer::after{content:"";display:block;height:72px}
/* One family of product screens, led by the start page: the same mat padding, window corners and shadow, and a faint warm tint inside the builder like the app's own ground. */
.pgC{--win:var(--shadow-window)}
@media (min-width: 1001px){
  .bframe,.capmat{padding:var(--space-44)}
  .cp:not(.on){left:44px;right:44px;top:44px}
}
.bframe .lvbox,.cp .lvbox{border-radius:var(--radius-18);box-shadow:var(--win)}
.bframe .lvbox{background:linear-gradient(165deg,#FCF4F1 0%,#F8F1F8 45%,var(--lav-50) 100%)}
.bframe .lv .wb0{background:transparent!important}
/* The switcher: just the word and the page names. */
.fab summary{padding:0 var(--space-20) 0 var(--space-20)}
/* The builder, more playful and still the product: tinted tiles for each step's icon, a cake beside the title, Sara as a chip,
   and during a run a lit dot on the connector, a small pop as each step lands, and a burst when her greeting goes out. */
.bframe .lv .wb6{display:flex!important;align-items:center;gap:16px}
.btile{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:var(--radius-16);background:#FCE7EF;box-shadow:var(--shadow-ring-inset)}
.btile svg{width:28px;height:28px;fill:none;stroke:var(--plum-900);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bframe .wb63>.wb67>span:nth-child(2)>div:first-child>span:first-child,.bframe .wc1>.wc5>span:nth-child(2)>div:first-child>span:first-child,
.bframe .wb63>div>span:nth-child(2)>div:first-child>span:first-child{display:grid!important;place-items:center;width:30px!important;height:30px!important;margin-right:4px;border-radius:9px;background:#EDE7FB}
.bframe .wb63>div:nth-child(4)>span:nth-child(2)>div:first-child>span:first-child,.bframe .wc1>div:nth-child(4)>span:nth-child(2)>div:first-child>span:first-child{background:#FBEEDF}
.bframe .wb63>div:nth-child(6)>span:nth-child(2)>div:first-child>span:first-child,.bframe .wc1>div:nth-child(6)>span:nth-child(2)>div:first-child>span:first-child{background:#E2F2E9}
.bframe .lv .wb94,.bframe .lv .wc39{display:none!important}
.bframe .lv .wb95,.bframe .lv .wc40{display:inline-flex!important;align-items:center;gap:10px;width:auto!important;height:auto!important;margin-top:18px!important;padding:6px 16px 6px 6px;border-radius:999px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(45,12,105,.07),0 8px 20px -12px rgba(45,12,105,.35);white-space:nowrap}
.bface{width:28px;height:28px;border-radius:50%;object-fit:cover}
.rdot{position:absolute;left:0;top:0;z-index:4;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--plum-900);box-shadow:0 0 0 4px var(--lav-a24),0 0 18px 4px rgba(var(--lav-500-rgb),.6);opacity:0;pointer-events:none;transition:opacity var(--dur-200) linear}
.rdot.on{opacity:1}
.cfx{position:absolute;z-index:5;width:7px;height:11px;margin:-5px 0 0 -3px;border-radius:var(--radius-2);pointer-events:none}
@media (prefers-reduced-motion: reduce){.rdot{display:none}}
.rdot{width:300px;height:2px;margin:0;border-radius:var(--radius-2);background:linear-gradient(90deg,rgba(var(--lav-500-rgb),0),var(--lav-500) 22%,var(--lav-600) 50%,var(--lav-500) 78%,rgba(var(--lav-500-rgb),0));box-shadow:0 0 14px 3px var(--lav-a45)}
/* The main button: no rolling label. On hover the plum lifts a little and brightens; pressed, it sinks back. */
.roll span+span{display:none!important}
.roll span:first-child,a:hover>.roll span:first-child,button:hover>.roll span:first-child{transform:none!important}
.btn{transition:background-color var(--dur-160) linear,box-shadow var(--dur-200) var(--ease-out-quint),transform var(--dur-160) var(--ease-out-quint)!important}
@media (hover: hover){.btn:hover{background:var(--plum-800)!important;color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-btn-hover)}}
.btn:active{transform:scale(.97)!important;box-shadow:none}
/* Review pass: the builder's step inspector, a slim panel beside the flow showing the selected step's settings. */
.bframe .lv .wb63,.bframe .lv .wc1{margin-left:max(24px,calc((100% - 344px - 420px) / 2))!important;margin-right:auto!important}
.binsp{position:absolute;z-index:3;display:flex;flex-direction:column;gap:var(--space-16);box-sizing:border-box;padding:var(--space-20) var(--space-20) var(--space-16);border-radius:var(--radius-16);background:var(--white);box-shadow:0 0 0 1px var(--plum-a08),0 18px 40px -24px var(--plum-a45);font:var(--fw-regular) var(--fs-13)/var(--lh-140) var(--font-ui);color:var(--ink-900);overflow:hidden}
.bi-h{display:flex;align-items:center;gap:var(--space-12);padding-bottom:var(--space-16);border-bottom:1px solid var(--plum-a08)}
.bi-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:var(--t,var(--lav-75))}
.bi-ic svg{width:19px;height:19px;fill:none;stroke:var(--plum-900);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bi-t{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.bi-t b{font:var(--fw-semibold) var(--fs-15)/var(--lh-125) var(--font-ui);color:var(--ink-900)}
.bi-t span{font-size:var(--fs-12);color:var(--ink-600)}
.bi-dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-12) var(--space-16);margin:0}
.bi-dl dt{font-size:var(--fs-12);color:var(--ink-600);padding-top:1px}
.bi-dl dd{margin:0;display:flex;align-items:center;gap:var(--space-8);font-weight:var(--fw-medium);color:var(--ink-900)}
.bi-dl dd img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex:none}
.bi-msg{margin:0;padding:var(--space-12) var(--space-16);border-radius:var(--radius-12);background:var(--lav-50);color:var(--ink-900);font-size:var(--fs-13);line-height:var(--lh-145)}
.bi-msg[hidden]{display:none}
.bi-st{display:flex;align-items:center;gap:var(--space-8);margin:auto 0 0;font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--ink-600)}
.bi-st.ok{color:var(--green-800)}
.bi-st svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width: 1000px){.binsp{display:none}}
/* Review pass: what Automation Studio runs on, above careers. */
.related{padding:var(--space-96) 0 var(--space-112);border-top:1px solid var(--paper-300)}
.rp-h{margin:0 0 var(--space-36)}
.rp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-20)}
.rp-c{display:flex;align-items:flex-start;gap:var(--space-16);padding:var(--space-24) var(--space-24) var(--space-24);border-radius:var(--radius-18);background:var(--paper-50);box-shadow:var(--shadow-ring);color:var(--ink-900);text-decoration:none;transition:box-shadow var(--dur-200) var(--ease-out-quint),transform var(--dur-200) var(--ease-out-quint)}
.rp-c:hover{box-shadow:0 0 0 1px var(--plum-a16),0 18px 36px -22px var(--plum-a45);transform:translateY(-2px)}
.rp-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:var(--t)}
.rp-ic svg{width:22px;height:22px;fill:none;stroke:var(--plum-900);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rp-ic path[fill^="url"]{stroke:none}
.rp-tx{display:flex;flex-direction:column;gap:var(--space-4);flex:1}
.rp-tx b{font:var(--fw-semibold) 17px/var(--lh-125) var(--font-ui)}
.rp-tx span{font-size:var(--fs-15);line-height:var(--lh-145);color:var(--ink-700)}
.rp-go{flex:none;width:14px;height:14px;margin-top:var(--space-4);fill:none;stroke:var(--plum-900);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-200) var(--ease-out-quint)}
.rp-c:hover .rp-go{transform:translateX(3px)}
@media (max-width: 900px){.rp{grid-template-columns:minmax(0,1fr)}.related{padding:var(--space-64) 0 var(--space-72)}}

/* Review pass, shared by both pages. */
/* One heading scale for every section headline: a dark lead and at most two grey lines. */
.h2,.h2.two{font-size:clamp(32px,3.3vw,48px)!important;line-height:var(--lh-108)!important;letter-spacing:var(--ls-h2)!important;text-wrap:balance}
h1{text-wrap:wrap}
/* Booking: the headline across the top, then the person and a customer's words beside the form, all top-aligned. */
.bookx{padding:var(--space-120) 0;border-top:1px solid var(--paper-300);scroll-margin-top:72px}
.bk-h{max-width:900px;margin:0 0 var(--space-48)!important}
.bk-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-48) var(--space-80);align-items:start}
.bk-left{display:flex;flex-direction:column;gap:var(--space-32)}
.bk-left .bookph{position:relative;width:100%;max-width:460px}
.hchip{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);background:rgba(var(--white-rgb),.9);box-shadow:var(--shadow-float);font:var(--fw-medium) var(--fs-13)/var(--lh-100) var(--font-ui);color:var(--ink-700)}
.hchip b{font-weight:var(--fw-semibold);color:var(--ink-900)}
.bk-q{margin:0;display:flex;flex-direction:column;gap:var(--space-16);max-width:460px}
.bk-q blockquote{margin:0;font-size:clamp(22px,1.9vw,27px)!important;line-height:1.22!important;letter-spacing:-.012em;text-indent:-.4em;text-wrap:pretty}
.bk-q figcaption{font-size:var(--fs-14);line-height:var(--lh-150);color:var(--ink-700)}
.bk-q .proof{margin:0;font-size:var(--fs-13);color:var(--ink-600)}
.bk-right{display:flex;flex-direction:column;gap:var(--space-24)}
.bk-intro{margin:0;font-size:var(--fs-18);line-height:var(--lh-155);color:var(--ink-700);max-width:520px}
.bk-right .meet{margin:-10px 0 0}
.bk-go{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12) var(--space-24)}
.bk-re{margin:-6px 0 0;font-size:var(--fs-14);line-height:var(--lh-150);color:var(--ink-700)}
.bk-re a,.bk-data a{color:var(--plum-900);font-weight:var(--fw-semibold);text-decoration:underline;text-underline-offset:3px}
.bk-data{display:flex;align-items:center;gap:var(--space-8);margin:-10px 0 0;font-size:var(--fs-13);color:var(--ink-600)}
.bk-data svg{flex:none;width:15px;height:15px;fill:none;stroke:var(--ink-600);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width: 900px){.bk-grid{grid-template-columns:minmax(0,1fr)}.bookx{padding:var(--space-72) 0}.bk-h{margin-bottom:var(--space-32)!important}}
/* Polish: clear focus rings, roomy taps, and the day and time pickers in one style. */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lav-600);outline-offset:3px;border-radius:var(--radius-6)}
.bday{min-height:44px!important;padding:0 var(--space-20)!important;border:1px solid var(--ink-200)!important;border-radius:var(--radius-10)!important;background:var(--white)!important;color:var(--ink-700)!important;transition:border-color var(--dur-160) linear,background-color var(--dur-160) linear,color var(--dur-160) linear}
.bday:hover{border-color:var(--plum-900)!important}
.bday[aria-pressed="true"]{background:var(--lav-50)!important;border-color:var(--plum-900)!important;color:var(--plum-900)!important}
.bkd{gap:var(--space-12)!important}
.fld input{min-height:48px}
.dt:hover{color:var(--ink-700)}
.bk-re a,.bk-data a{display:inline-block;padding:var(--space-4) 0;margin:-4px 0}
.tpl .lv .wt3{width:auto!important;flex-wrap:nowrap!important}
/* One section rhythm on both pages: 96px either side of every boundary. */
@media (min-width: 1001px){
  .phero{padding-bottom:var(--space-96)!important}
  .build,.caps,.faq,.bookx,.related{padding-top:var(--space-96)!important;padding-bottom:var(--space-96)!important}
  footer#careers>.wrap{padding-top:var(--space-96)!important}
  .phero .pgrid{padding-bottom:0}
}
/* The hero mat on the same 44px padding as every other mat. */
@media (min-width: 1001px){.pbox{padding:var(--space-44)!important}}
@media (min-width: 1001px){.phero{padding-bottom:var(--space-24)!important}}

@media (max-width: 600px){
  /* Phone: the automations table keeps who and which automation. */
  .lv.rf .wo22{width:100%!important;table-layout:auto}
  .lv.rf .wo22 th:nth-child(n+3),.lv.rf .wo22 td:nth-child(n+3){display:none!important}
  .lv.rf .wo22 th,.lv.rf .wo22 td{width:auto!important}
}
@media (max-width: 600px){.lv.rf .wo22 th:nth-child(2),.lv.rf .wo22 td:nth-child(2){display:table-cell!important}}
@media (max-width: 600px){.lv.rf .wo22{table-layout:fixed!important;width:100%!important}.lv.rf .wo22 *{white-space:normal!important;min-width:0!important}.lv.rf .wo22 th:first-child,.lv.rf .wo22 td:first-child{width:52%!important}}
@media (max-width: 600px){
  /* Phone: a template card is its name, its tags and its trigger. "Use template" sits under them, full size. */
  .lv.rf .wt38{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:8px 12px!important;align-items:start!important}
  .lv.rf .wt42{min-width:0!important;width:auto!important}
  .lv.rf .wt43{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  .lv.rf .wt43>span{white-space:nowrap!important;overflow-wrap:normal!important;width:auto!important}
  .lv.rf .wt57{grid-column:2!important;justify-self:start!important;width:auto!important}
  .lv.rf .wt48,.lv.rf .wt91{overflow-wrap:normal!important}
}
/* The promise reads as two lines: "Set the process." and "Stop carrying it." */
@media (min-width: 1001px){.phero h1.d1{font-size:clamp(44px,4.15vw,62px)!important;line-height:var(--lh-100)!important}}
@media (max-width: 1000px){.hbr{display:none}}
/* Sara's chip sizes to its words. */
.bframe .lv .wb95,.bframe .lv .wc40{width:auto!important;max-width:none!important}
.rdot{display:none!important}
@media (max-width: 600px){.lv.rf .wo22 td span{white-space:normal!important;overflow-wrap:anywhere;max-width:100%!important;width:auto!important;display:block}}
.bframe .lv .wb95,.bframe .lv .wc40{white-space:normal!important;max-width:100%!important;box-sizing:border-box}
/* Follow every run: the table shows whole. Last activity and the row menu step out so every column fits, and no row is cut. */
.cp .lv .wo21,.cp .lv .wo22{height:auto!important;overflow:visible!important}
.cp .lv .wo22{width:100%!important}
.cp .lv .wo22 th:nth-child(n+6),.cp .lv .wo22 td:nth-child(n+6){display:none!important}
.cp .lv .wo0,.cp .lv .wo1,.cp .lv .wo20{height:auto!important}

/* Related products, pushed further: each card opens on a small live moment from the product, then its name and line. */
.rp-c{flex-direction:column!important;gap:0!important;padding:0!important;overflow:hidden;border-radius:var(--radius-20)!important;background:var(--paper-50)!important}
.rp-c:hover{transform:translateY(-3px)!important;box-shadow:0 0 0 1px var(--plum-a12),0 24px 44px -26px var(--plum-a45)!important}
.rp-viz{display:grid;place-items:center;height:168px;background:linear-gradient(160deg,#FFE3CC 0%,#F7DCE8 45%,var(--lav-150) 100%)}
.rp-c:nth-child(2) .rp-viz{background:linear-gradient(160deg,var(--lav-75) 0%,var(--lav-150) 50%,var(--lav-200) 100%)}
.rp-c:nth-child(3) .rp-viz{background:linear-gradient(160deg,#E6F1F4 0%,#E3E3F7 55%,#E8DAF4 100%)}
.rp-viz>span{transition:transform var(--dur-400) var(--ease-out-quint)}
.rp-c:hover .rp-viz>span{transform:translateY(-3px) scale(1.02)}
.rp-tx{padding:var(--space-24) var(--space-24) var(--space-28)!important;gap:var(--space-8)!important}
.rp-tx b{font:var(--fw-regular) 22px/var(--lh-115) var(--font-display)!important;letter-spacing:var(--ls-snug);color:var(--ink-900)}
.rv-core{display:flex;flex-direction:column;align-items:center;gap:var(--space-12)}
.rv-faces{display:flex}
.rv-faces img{width:46px;height:46px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--white),0 8px 18px -10px var(--plum-a45)}
.rv-faces img+img{margin-left:-12px}
.rv-cap{padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);background:rgba(var(--white-rgb),.75);font:var(--fw-medium) var(--fs-13)/var(--lh-100) var(--font-ui);color:var(--ink-700)}
.rv-sia,.rv-mob{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-12);width:min(270px,82%)}
.rv-bub,.rv-n{display:flex;align-items:center;gap:var(--space-12);width:100%;box-sizing:border-box;padding:var(--space-12) var(--space-16);border-radius:var(--radius-14);background:var(--white);box-shadow:0 0 0 1px var(--plum-a06),0 12px 24px -16px var(--plum-a45)}
.rv-st{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--lav-50)}
.rv-st svg{width:17px;height:17px}
.rv-t{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.rv-t b{font:var(--fw-semibold) var(--fs-13)/var(--lh-125) var(--font-ui);color:var(--ink-900)}
.rv-t span{font:var(--fw-regular) var(--fs-12)/var(--lh-130) var(--font-ui);color:var(--ink-600)}
.rv-btn{align-self:flex-end;padding:var(--space-8) var(--space-16);border-radius:var(--radius-10);background:var(--plum-900);color:var(--white);font:var(--fw-semibold) var(--fs-13)/var(--lh-100) var(--font-ui)}
.rv-ph{display:flex;flex-direction:column;gap:var(--space-8);width:100%;padding:var(--space-12);border-radius:22px;background:rgba(var(--ink-900-rgb),.86);box-sizing:border-box;box-shadow:0 14px 28px -18px rgba(var(--ink-900-rgb),.7)}
.rv-n{background:rgba(var(--white-rgb),.94)}
.rv-n img{flex:none;width:30px;height:30px;border-radius:50%;object-fit:cover}
.rv-done{display:flex;align-items:center;gap:var(--space-8);align-self:center;padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);background:#E2F2E9;color:var(--green-800);font:var(--fw-semibold) var(--fs-12)/var(--lh-100) var(--font-ui)}
.rv-done svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rp-c{align-items:stretch!important}.rp-viz{width:100%;align-self:stretch}

/* Run sheet thread: from just under one circle to just above the next, never through them. */
.hs .tk:not(:last-child)::after{left:19.25px!important;top:34px!important;bottom:-10px!important;width:1.5px!important}

/* ---------- Panel pass, 16 Oct ---------- */

/* 4. Hero run: an unplanned task is its title in a quiet grey. Owner and date slide into a line already kept for them. */
.hs .tk.pend .tkbar{display:none!important}
.hs .tk.pend .wh47{color:#8A82A0}
.hs .tk .tkm{display:block!important;transition:opacity var(--dur-400) var(--ease),transform var(--dur-600) var(--ease)}
.hs .tk.pend .tkm{opacity:0;transform:translateY(-4px)}
.hs .tk:not(.pend) .tkm{opacity:1;transform:none}

/* 4. Hero phone: a light titanium frame with a thin dark bezel, so it sits softly on the mat. */
.phone{background:linear-gradient(155deg,var(--lav-50) 0%,var(--lav-100) 55%,#D3CAE1 100%)!important;box-shadow:inset 0 0 0 1px var(--plum-a12),inset 0 1px 0 rgba(var(--white-rgb),.9),0 40px 80px -40px var(--plum-a45),0 14px 28px -20px var(--ink-a24)!important}
.scr{box-shadow:0 0 0 2px #2A2340}

/* 4. The cue sits right under the last message, on a pill that reads against the dusk. */
.scr .cue{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;align-self:center;margin:var(--space-12) auto 0!important;padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);background:var(--ink-a24);color:var(--white)!important;font-size:var(--fs-12);font-weight:var(--fw-semibold);line-height:var(--lh-130);white-space:nowrap!important;z-index:2}

/* 4. On a phone, the phone stays: scaled, centred above the run, with tap to send. */
@media (max-width: 600px){
  .pbox{align-items:stretch}
  .phone{align-self:center;width:250px!important;height:516px!important;padding:var(--space-8)!important;border-radius:42px!important}
  .scr{background:linear-gradient(172deg,#6B5B9E 0%,#7B68AA 38%,#9479B3 72%,#B091BB 100%)!important;border-radius:35px!important}
  .island{display:block}
  .lock{display:flex;padding-top:var(--space-40)}
  .ltime{font-size:var(--fs-56)}
  .homebar{display:block}
  .clear{display:flex;top:220px}
  .stack{margin-top:var(--space-20)!important;padding:0 var(--space-8)!important;gap:var(--space-8)}
  .ci{font-size:var(--fs-13);padding:var(--space-8) var(--space-12) var(--space-12);box-shadow:none;border-radius:var(--radius-16)}
  .nt-h b{font-size:var(--fs-13)}.nt-h span{font-size:11px}
  .nav,.nav img,.nfill{width:32px;height:32px}
}

/* 5. Templates: three per group, then how many more. In a filtered list the rows drop the category the chip already names. */
.tpl .lv section li.wt37:nth-child(n+4){display:none}
.tmore{margin:var(--space-12) 0 0;padding:0 var(--space-2);font:var(--fw-medium) var(--fs-13)/var(--lh-140) var(--font-ui);color:var(--ink-700)}
.tpl[data-f]:not([data-f="0"]) .lv .wt46,.tpl[data-f]:not([data-f="0"]) .lv .wt88,.tpl[data-f]:not([data-f="0"]) .lv .wt123,.tpl[data-f]:not([data-f="0"]) .lv .wt138{display:none}
.tpl .lv .wt55,.tpl .lv .wt63,.tpl .lv .wt78,.tpl .lv .wt91,.tpl .lv .wt100,.tpl .lv .wt106,.tpl .lv .wt117{width:auto!important;white-space:nowrap}

/* 5. FAQ: the invitation under the questions. */
.faq-more{margin:var(--space-28) 0 0;font-size:var(--fs-15);line-height:var(--lh-150);color:var(--mute)}
.faq-more a{color:var(--plum-900);font-weight:var(--fw-semibold);text-decoration:underline;text-underline-offset:3px}

/* 9. Booking: a lighter form, the same as on the start page. */
.bk{gap:var(--space-20)}
.bkf{gap:var(--space-12) var(--space-16)}
.fld{gap:var(--space-4);font-size:var(--fs-13)}
.fld input,.bk .fld input{min-height:44px!important;padding:0 var(--space-12);border:1px solid var(--ink-150);border-radius:var(--radius-10);background:var(--white)}
.fld input:hover{border-color:#A8A1B6}
.bday,.btime{min-height:40px!important;min-width:0!important;padding:0 var(--space-16)!important;font-size:var(--fs-14)!important;border:1px solid var(--ink-150)!important;border-radius:var(--radius-10)!important}
.bkd,.bkt{gap:var(--space-8)!important}
.bkd{margin-bottom:-6px}
.tz{margin:-6px 0 0!important;font-size:var(--fs-13)!important;line-height:var(--lh-140)!important;color:var(--ink-600)!important}
.bknote{font-size:var(--fs-13)!important;line-height:var(--lh-140);color:var(--ink-600)!important}
.bk-intro{font-size:17px!important}
.tpl .lv section,.tpl .lv section>ul{height:auto!important}
/* 9. Two-tone headings run wide, so the grey tail keeps to two lines. */
.h2.two{max-width:1080px!important}
.ltime.snap .lmin>span{transition:none!important}

/* Builder steps: one calm card, no coloured edge. Description and meta line up under the title, and the type tag is quiet. */
.lv .wb68,.lv .wb83,.lv .wb87,.lv .wc6,.lv .wc25,.lv .wc31,.lv .wm6,.lv .wm24,.lv .wm29,.lv .wn6,.lv .wn25,.lv .wn31{display:none!important}
.lv .wb67,.lv .wc5,.lv .wm5,.lv .wn5{background:#FFFFFF!important;border-color:rgba(45,12,105,.10)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(45,12,105,.05),0 12px 28px -18px rgba(45,12,105,.28)!important}
.lv :is(.wb67,.wc5,.wm5,.wn5)>span:last-child{padding-left:16px!important;padding-right:16px!important}
.lv :is(.wb67,.wc5,.wm5,.wn5)>span:last-child>p,.lv :is(.wb67,.wc5,.wm5,.wn5)>span:last-child>div:not(:first-child){padding-left:42px!important}
.lv :is(.wb67,.wc5,.wm5,.wn5)>span:last-child>div:first-child>span:last-child{background:rgba(45,12,105,.06)!important;border-radius:999px!important;font-size:12px!important;padding:2px 9px!important;color:#463B64!important}

/* The run, choreographed. */
.bframe{position:relative}
.cvo .wc5{overflow:visible!important}
.cring{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none}
.rdot{position:absolute;left:0;top:0;z-index:6;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--lav-600);box-shadow:0 0 0 4px rgba(var(--violet-rgb),.16),0 2px 10px rgba(var(--violet-rgb),.45);opacity:0;transition:opacity var(--dur-160) linear;pointer-events:none;will-change:transform}
.rdot::before{content:"";position:absolute;left:50%;bottom:50%;width:2px;height:30px;margin-left:-1px;border-radius:var(--radius-2);background:linear-gradient(to top,rgba(var(--violet-rgb),.85),rgba(var(--violet-rgb),0))}
.rdot.on{opacity:1}
.cfxc{position:absolute;left:-160px;top:-160px;z-index:7;pointer-events:none}
.is-running{position:relative}
.is-running::after{content:"";position:absolute;inset:-4px;border-radius:var(--radius-14);border:1.5px solid rgba(var(--violet-rgb),.6);animation:runRing 1100ms var(--ease-out-expo) infinite;pointer-events:none}
@keyframes runRing{0%{opacity:.9;transform:scale(.97)}100%{opacity:0;transform:scale(1.14)}}
.bi-st svg path{stroke-dashoffset:0}
@media (prefers-reduced-motion: reduce){.rdot,.cfxc{display:none}.is-running::after{animation:none}}
.bi-ghost{position:absolute;inset:0;display:flex;flex-direction:column;gap:var(--space-16);box-sizing:border-box;padding:var(--space-20) var(--space-20) var(--space-16);border-radius:inherit;background:var(--white);pointer-events:none;z-index:2}
.bframe .lv .rdot,.bframe .cvo .cring{display:block!important}
/* Draft and finished steps share one height, so the reveal edge never shows the two copies apart. */
.pgC .bframe .lv .wb67,.pgC .bframe .cvo .wc5,.pgC .bphone .lv .wm5,.pgC .bphone .cvo2 .wn5{height:96px!important;min-height:96px!important;box-sizing:border-box!important}

/* The hero, choreographed. */
/* Pickup: the card springs up and the others recede, so the eye stays on the one in hand. */
.ci.held{scale:1.045;transition:scale var(--dur-400) var(--spring-pop),box-shadow var(--dur-300) var(--ease),background-color var(--dur-160) linear!important;box-shadow:0 2px 6px rgba(var(--himmel-night-4-rgb),.12),0 26px 40px -18px rgba(var(--himmel-night-4-rgb),.6)}
.ci.held.near{scale:.96}
.ci{transition:scale var(--dur-400) var(--spring),opacity var(--dur-300) var(--ease)}
.dragging .stack .ci:not(.held):not(.gone){opacity:.55;scale:.975}
/* The task it will become breathes while a card is held, and reaches when the card comes near. */
.hs .tk.tgt{background:var(--lav-a08);transition:background-color var(--dur-200) var(--ease),scale var(--dur-400) var(--spring)}
.dragging .hs .tk.tgt{animation:tgtBreathe 1600ms ease-in-out infinite}
.dragging .hs .tk.tgt.near{background:var(--lav-a16);scale:1.012;animation:none;box-shadow:inset 0 0 0 1.5px rgba(var(--violet-rgb),.6)}
@keyframes tgtBreathe{0%,100%{box-shadow:inset 0 0 0 1.5px rgba(var(--violet-rgb),.24)}50%{box-shadow:inset 0 0 0 1.5px rgba(var(--violet-rgb),.45)}}
/* The flight. */
.flychip{position:fixed;z-index:40;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--plum-900) center/cover;box-shadow:0 0 0 2px var(--white),0 12px 22px -8px var(--ink-a45);pointer-events:none;will-change:transform}
.flychip.tr{box-shadow:0 0 0 2px rgba(var(--white-rgb),.7)}
.flychip.note{background:var(--amber-100)}
/* The landing ripple. */
.hs .lv .tring{display:block!important;position:absolute;z-index:3;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;pointer-events:none}
.hs .tk{position:relative}
@media (prefers-reduced-motion: reduce){.ci,.ci.held,.hs .tk.tgt{transition:none;animation:none}}
.flychip.note{display:grid;place-items:center;border-radius:11px;background:var(--amber-100)}
.flychip.note svg{width:17px;height:17px;fill:none;stroke:var(--plum-900);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Hover, audited on both pages: every control keeps its contrast and answers in its own palette. */
@media (hover: hover){
  /* Light buttons on dark grounds brighten to white and lift. They never turn plum under dark text. */
  .btn.btn-lt:hover,.dkhd .hd .btn:hover{background:var(--white)!important;color:var(--ink-900)!important;box-shadow:var(--shadow-btn-light-hover)}
  /* Text buttons keep their underline: it thickens and the colour brightens. */
  .tbtn:hover{color:var(--lav-600);background-image:linear-gradient(var(--lav-600),var(--lav-600));background-size:100% 2px;background-position:0 100%}
  .qa summary:hover{color:var(--lav-600)}
  .qa:not([open]) summary:hover svg{transform:rotate(90deg)}
  .tab:hover b{color:var(--plum-900)}
}
/* Footer links: one underline that draws in, not two. */
.ft .fl2{background:none!important}
.tbtn{transition:background-size var(--dur-400) var(--ease),color var(--dur-160) linear}

.lv .wb0{box-sizing:border-box;color:rgb(46, 36, 69);column-gap:16px;display:flex;flex-direction:column;font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;font-variant-numeric:tabular-nums;height:761.391px;line-height:24px;min-height:auto;min-width:auto;row-gap:16px;width:1136px;-webkit-font-smoothing:antialiased;margin:0;position:relative;}
.lv .wb1{align-items:center;box-sizing:border-box;column-gap:12px;display:flex;flex-wrap:wrap;height:50.3906px;min-height:auto;min-width:auto;row-gap:12px;width:1136px;}
.lv .wb2{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;min-height:auto;min-width:auto;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:36px;}
.lv .wb3{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(28, 7, 66);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wb4{fill:none;fill-opacity:1;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(28, 7, 66);transform-box:view-box;transform-origin:0px 0px;}
.lv .wb5{box-sizing:border-box;column-gap:8px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:50.3906px;min-height:auto;row-gap:8px;width:842.438px;}
.lv .wb6{box-sizing:border-box;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:42px;font-weight:600;height:50.3906px;letter-spacing:-0.42px;line-height:50.4px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:842.438px;}
.lv .wb7{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;flex-shrink:0;height:36px;min-height:auto;min-width:auto;row-gap:8px;width:233.562px;}
.lv .wb8{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;color:rgb(70, 59, 100);column-gap:8px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;min-height:auto;min-width:auto;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:132.516px;}
.lv .wb9{align-items:center;box-sizing:border-box;display:flex;height:28px;min-height:auto;min-width:auto;width:76px;}
.lv .wb10{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(247, 244, 253, 0.78) 0px 0px 0px 2px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;box-sizing:border-box;display:flex;flex-shrink:0;height:28px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:28px;}
.lv .wb11{aspect-ratio:1 / 1;box-sizing:border-box;display:block;height:28px;max-width:100%;min-height:auto;min-width:auto;object-fit:cover;object-position:50% 0%;vertical-align:middle;width:28px;}
.lv .wb12{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(247, 244, 253, 0.78) 0px 0px 0px 2px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;box-sizing:border-box;display:flex;flex-shrink:0;height:28px;left:0px;margin-left:-4px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:28px;}
.lv .wb13{box-sizing:border-box;display:block;height:18px;min-height:auto;min-width:auto;width:24.5156px;}
.lv .wb14{align-items:center;background-color:rgb(28, 7, 66);background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;color:rgb(247, 244, 253);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;min-height:auto;min-width:auto;padding-bottom:8px;padding-left:12px;padding-right:12px;padding-top:8px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:93.0469px;}
.lv .wb15{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(247, 244, 253);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wb16{fill:none;fill-opacity:1;stroke:rgb(247, 244, 253);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(247, 244, 253);transform-box:view-box;transform-origin:0px 0px;}
.lv .wb17{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:45.0469px;}
.lv .wb18{align-items:stretch;box-sizing:border-box;column-gap:24px;display:flex;height:695px;min-height:auto;min-width:auto;row-gap:24px;width:1136px;}
.lv .wb19{box-sizing:border-box;flex-shrink:0;height:695px;min-height:auto;min-width:auto;width:208px;}
.lv .wb20{box-sizing:border-box;color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:8px;margin-top:0px;width:208px;}
.lv .wb21{box-sizing:border-box;}
.lv .wb22{box-sizing:border-box;column-gap:6px;display:flex;flex-direction:column;height:417px;list-style-type:none;margin-bottom:0px;margin-top:0px;padding-left:0px;row-gap:6px;width:208px;}
.lv .wb23{box-sizing:border-box;height:81.75px;list-style-position:outside;min-height:auto;min-width:auto;width:208px;}
.lv .wb24{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-left-radius:6px;border-top-right-radius:6px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:12px;display:grid;grid-template-columns:40px 134px;grid-template-rows:55.75px;height:81.75px;opacity:0.5;padding-bottom:12px;padding-left:10px;padding-right:10px;padding-top:12px;row-gap:12px;text-align:left;width:208px;}
.lv .wb25{align-items:center;background-color:color(srgb 0.176471 0.0470588 0.411765 / 0.08);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;color:rgb(82, 70, 115);display:flex;height:40px;justify-content:center;min-height:auto;min-width:auto;width:40px;}
.lv .wb26{box-sizing:border-box;display:block;fill:none;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wb27{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .wb28{box-sizing:border-box;display:flex;flex-direction:column;height:55.75px;min-height:auto;width:134px;}
.lv .wb29{box-sizing:border-box;display:block;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;min-width:auto;width:134px;}
.lv .wb30{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:35.75px;line-height:17.875px;min-height:auto;min-width:auto;text-wrap-style:pretty;width:134px;}
.lv .wb31{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-left-radius:6px;border-top-right-radius:6px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:12px;display:grid;grid-template-columns:40px 134px;grid-template-rows:55.75px;height:81.75px;padding-bottom:12px;padding-left:10px;padding-right:10px;padding-top:12px;row-gap:12px;text-align:left;width:208px;}
.lv .wb32{align-items:center;background-color:rgba(218, 233, 248, 0.8);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;color:rgb(13, 68, 122);display:flex;height:40px;justify-content:center;min-height:auto;min-width:auto;width:40px;}
.lv .wb33{box-sizing:border-box;display:block;fill:none;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(13, 68, 122);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wb34{fill:none;fill-opacity:1;stroke:rgb(13, 68, 122);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(13, 68, 122);transform-box:view-box;transform-origin:0px 0px;}
.lv .wb35{align-items:center;background-color:rgba(253, 234, 214, 0.8);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;color:rgb(97, 54, 9);display:flex;height:40px;justify-content:center;min-height:auto;min-width:auto;width:40px;}
.lv .wb36{box-sizing:border-box;display:block;fill:none;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(97, 54, 9);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wb37{fill:none;fill-opacity:1;stroke:rgb(97, 54, 9);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(97, 54, 9);transform-box:view-box;transform-origin:0px 0px;}
.lv .wb38{align-items:center;border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:6px;border-top-right-radius:6px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(70, 59, 100);display:flex;height:40px;justify-content:center;min-height:auto;min-width:auto;width:40px;}
.lv .wb39{box-sizing:border-box;display:block;fill:none;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(70, 59, 100);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wb40{fill:none;fill-opacity:1;stroke:rgb(70, 59, 100);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(70, 59, 100);transform-box:view-box;transform-origin:0px 0px;}
.lv .wb41{box-sizing:border-box;height:66px;list-style-position:outside;min-height:auto;min-width:auto;width:208px;}
.lv .wb42{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-left-radius:6px;border-top-right-radius:6px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:12px;display:grid;grid-template-columns:40px 134px;grid-template-rows:40px;height:66px;padding-bottom:12px;padding-left:10px;padding-right:10px;padding-top:12px;row-gap:12px;text-align:left;width:208px;}
.lv .wb43{align-items:center;background-color:rgba(230, 243, 237, 0.8);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;color:rgb(16, 86, 58);display:flex;height:40px;justify-content:center;min-height:auto;min-width:auto;width:40px;}
.lv .wb44{box-sizing:border-box;display:block;fill:none;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(16, 86, 58);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wb45{fill:none;fill-opacity:1;stroke:rgb(16, 86, 58);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(16, 86, 58);transform-box:view-box;transform-origin:0px 0px;}
.lv .wb46{box-sizing:border-box;display:flex;flex-direction:column;height:37.875px;min-height:auto;width:134px;}
.lv .wb47{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:17.875px;line-height:17.875px;min-height:auto;min-width:auto;text-wrap-style:pretty;width:134px;}
.lv .wb48{box-sizing:border-box;column-gap:12px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:695px;min-height:auto;row-gap:12px;width:904px;}
.lv .wb49{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:4px;display:flex;flex-wrap:wrap;height:46px;min-height:auto;min-width:auto;padding-bottom:6px;padding-left:8px;padding-right:8px;padding-top:6px;row-gap:4px;width:904px;}
.lv .wb50{bottom:1423.11px;box-sizing:border-box;clip-path:inset(50%);display:block;font-size:14px;font-weight:500;height:1px;left:273px;line-height:14px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:928px;text-wrap-mode:nowrap;top:177.891px;width:1px;}
.lv .wb51{bottom:0px;box-sizing:border-box;display:block;height:32px;left:0px;min-height:auto;position:relative;right:0px;top:0px;width:160px;}
.lv .wb52{bottom:0px;box-sizing:border-box;color:rgb(82, 70, 115);display:block;fill:none;height:16px;left:10px;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;position:absolute;right:134px;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;top:16px;transform-origin:8px 8px;translate:0px -50%;vertical-align:middle;width:16px;overflow:visible;}
.lv .wb53{display:flex;align-items:center;white-space:nowrap;overflow:hidden;background-color:rgba(255, 255, 255, 0.9);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;display:flex;font-size:14px;height:32px;line-height:20px;overflow-x:clip;overflow-y:clip;padding-bottom:6px;padding-left:32px;padding-right:12px;padding-top:6px;width:160px;}
.lv .wb54{color:rgb(115, 104, 153)}
.lv .wb55{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;box-sizing:border-box;color:rgb(95, 84, 128);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;line-height:20px;min-height:auto;min-width:auto;opacity:0.5;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:32px;}
.lv .wb56{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(95, 84, 128);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wb57{fill:none;fill-opacity:1;stroke:rgb(95, 84, 128);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(95, 84, 128);transform-box:view-box;transform-origin:0px 0px;}
.lv .wb58{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;line-height:20px;min-height:auto;min-width:auto;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:32px;}
.lv .wb59{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;height:0px;min-height:auto;min-width:auto;width:539.875px;}
.lv .wb60{align-items:center;background-color:rgb(28, 7, 66);background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;color:rgb(247, 244, 253);column-gap:8px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;min-height:auto;min-width:auto;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:70.125px;}
.lv .wb61{fill:none;fill-opacity:1;stroke:rgb(247, 244, 253);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:13px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(247, 244, 253);transform-box:view-box;transform-origin:0px 0px;}
.lv .wb62{background-color:rgba(247, 244, 253, 0.62);background-image:radial-gradient(color(srgb 0.180392 0.141176 0.270588 / 0.14) 1px, rgba(0, 0, 0, 0) 1px);background-position:0px 0px;background-size:16px 16px;border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;bottom:0px;box-sizing:border-box;flex-basis:0%;flex-grow:1;height:495px;left:0px;min-height:auto;position:relative;right:0px;top:0px;width:904px;}
.lv .wb63{box-sizing:border-box;display:flex;flex-direction:column;height:493px;margin-left:241px;margin-right:241px;max-width:420px;padding-bottom:32px;padding-left:16px;padding-right:16px;padding-top:32px;width:420px;}
.lv .wb64{align-items:center;box-sizing:border-box;column-gap:10px;display:flex;height:22px;margin-bottom:12px;min-height:auto;min-width:auto;row-gap:10px;width:388px;}
.lv .wb65{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:50.1094px;}
.lv .wb66{box-sizing:border-box;color:rgb(82, 70, 115);display:block;flex-basis:0%;flex-grow:1;font-size:13px;height:18px;line-height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:327.891px;}
.lv .wb67{backdrop-filter:blur(14px);background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;bottom:0px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px;box-sizing:border-box;height:96px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:388px;}
.lv .wb68{background-color:rgb(45, 12, 105);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:383px;top:0px;width:3px;}
.lv .wb69{border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:6px;display:flex;flex-direction:column;height:94px;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;row-gap:6px;text-align:left;width:386px;}
.lv .wb70{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:22px;min-height:auto;min-width:auto;row-gap:8px;width:362px;}
.lv .wb71{box-sizing:border-box;color:rgb(82, 70, 115);display:block;height:16px;min-height:auto;min-width:auto;width:16px;}
.lv .wb72{box-sizing:border-box;display:block;fill:none;height:16px;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wb73{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:269.375px;}
.lv .wb74{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:60.625px;}
.lv .wb75{box-sizing:border-box;color:rgb(70, 59, 100);display:flow-root;font-size:13px;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;padding-left:24px;width:362px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lv .wb76{align-items:center;box-sizing:border-box;color:rgb(82, 70, 115);column-gap:6px;display:flex;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;padding-left:24px;row-gap:6px;width:362px;}
.lv .wb77{box-sizing:border-box;display:block;fill:none;height:14px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible;}
.lv .wb78{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .wb79{box-sizing:border-box;display:block;height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:272.344px;}
.lv .wb80{align-items:center;bottom:0px;box-sizing:border-box;display:flex;height:28px;justify-content:center;left:0px;min-height:auto;min-width:auto;position:relative;right:0px;top:0px;width:388px;}
.lv .wb81{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);box-sizing:border-box;height:28px;min-height:auto;min-width:auto;width:1px;}
.lv .wb82{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:9999px;border-top-right-radius:9999px;border-top-style:solid;border-top-width:1px;bottom:4px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:20px;justify-content:center;left:184px;line-height:20px;opacity:0;position:absolute;right:184px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;top:4px;width:20px;}
.lv .wb83{background-color:rgb(97, 54, 9);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:383px;top:0px;width:3px;}
.lv .wb84{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:283.375px;}
.lv .wb85{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:46.625px;}
.lv .wb86{box-sizing:border-box;display:block;height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:77.6875px;}
.lv .wb87{background-color:rgb(16, 86, 58);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:383px;top:0px;width:3px;}
.lv .wb88{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:243.281px;}
.lv .wb89{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:86.7188px;}
.lv .wb90{box-sizing:border-box;display:block;height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:81.9531px;}
.lv .wb91{box-sizing:border-box;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;width:388px;}
.lv .wb92{align-items:center;box-sizing:border-box;display:flex;height:28px;justify-content:center;width:388px;}
.lv .wb93{border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:dashed;border-bottom-width:2px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:dashed;border-left-width:2px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:dashed;border-right-width:2px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:dashed;border-top-width:2px;box-sizing:border-box;height:96px;width:388px;}
.lv .wb94{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);box-sizing:border-box;flex-shrink:0;height:1px;margin-bottom:16px;margin-top:16px;min-height:auto;min-width:auto;width:388px;}
.lv .wb95{box-sizing:border-box;color:rgb(70, 59, 100);font-size:13px;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:388px;}
.lv .wb96{align-items:flex-start;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:12px;display:flex;height:130px;min-height:auto;min-width:auto;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:904px;}
.lv .wb97{box-sizing:border-box;color:rgb(82, 70, 115);display:block;height:16px;margin-top:2px;min-height:auto;min-width:auto;width:16px;}
.lv .wb98{box-sizing:border-box;column-gap:4px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:96px;min-height:auto;row-gap:4px;width:842px;}
.lv .wb99{box-sizing:border-box;color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:842px;}
.lv .wb100{box-sizing:border-box;font-size:14px;font-weight:600;height:20px;line-height:20px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:842px;}
.lv .wb101{box-sizing:border-box;color:rgb(70, 59, 100);font-size:14px;height:20px;line-height:20px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:842px;}
.lv .wb102{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;flex-wrap:wrap;height:26px;min-height:auto;min-width:auto;padding-top:4px;row-gap:8px;width:842px;}
.lv .wb103{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:61.9688px;}
.lv .wb104{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:93.2344px;}
.lv .wb93{display:none!important}
.lv .wc0{background-color:rgba(247, 244, 253, 0.62);background-image:radial-gradient(color(srgb 0.180392 0.141176 0.270588 / 0.14) 1px, rgba(0, 0, 0, 0) 1px);background-position:0px 0px;background-size:16px 16px;border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(46, 36, 69);flex-basis:0%;flex-grow:1;font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;font-variant-numeric:tabular-nums;height:495px;line-height:24px;min-height:auto;right:0px;width:904px;-webkit-font-smoothing:antialiased;margin:0;position:relative;}
.lv .wc1{box-sizing:border-box;display:flex;flex-direction:column;height:493px;margin-left:241px;margin-right:241px;max-width:420px;padding-bottom:32px;padding-left:16px;padding-right:16px;padding-top:32px;width:420px;}
.lv .wc2{align-items:center;box-sizing:border-box;column-gap:10px;display:flex;height:22px;margin-bottom:12px;min-height:auto;min-width:auto;row-gap:10px;width:388px;}
.lv .wc3{align-items:center;background-color:rgba(230, 243, 237, 0.8);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(16, 86, 58);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:56.4531px;}
.lv .wc4{box-sizing:border-box;color:rgb(82, 70, 115);display:block;flex-basis:0%;flex-grow:1;font-size:13px;height:18px;line-height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:321.547px;}
.lv .wc5{backdrop-filter:blur(14px);background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;bottom:0px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px;box-sizing:border-box;height:96px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:388px;}
.lv .wc6{background-color:rgb(45, 12, 105);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:383px;top:0px;width:3px;}
.lv .wc7{border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:6px;display:flex;flex-direction:column;height:94px;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;row-gap:6px;text-align:left;width:386px;}
.lv .wc8{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:22px;min-height:auto;min-width:auto;row-gap:8px;width:362px;}
.lv .wc9{box-sizing:border-box;color:rgb(82, 70, 115);display:block;height:16px;min-height:auto;min-width:auto;width:16px;}
.lv .wc10{box-sizing:border-box;display:block;fill:none;height:16px;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wc11{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .wc12{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:269.375px;}
.lv .wc13{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:60.625px;}
.lv .wc14{box-sizing:border-box;color:rgb(70, 59, 100);display:flow-root;font-size:13px;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;padding-left:24px;width:362px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lv .wc15{align-items:center;box-sizing:border-box;color:rgb(82, 70, 115);column-gap:6px;display:flex;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;padding-left:24px;row-gap:6px;width:362px;}
.lv .wc16{box-sizing:border-box;color:rgb(16, 86, 58);display:block;fill:none;height:14px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(16, 86, 58);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible;}
.lv .wc17{fill:none;fill-opacity:1;stroke:rgb(16, 86, 58);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(16, 86, 58);transform-box:view-box;transform-origin:0px 0px;}
.lv .wc18{box-sizing:border-box;color:rgb(16, 86, 58);display:block;font-weight:600;height:18px;min-height:auto;min-width:auto;width:66.1406px;}
.lv .wc19{align-items:center;bottom:0px;box-sizing:border-box;display:flex;height:28px;justify-content:center;left:0px;min-height:auto;min-width:auto;position:relative;right:0px;top:0px;width:388px;}
.lv .wc20{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);box-sizing:border-box;height:28px;min-height:auto;min-width:auto;width:1px;}
.lv .wc21{background-color:rgb(45, 12, 105);bottom:0px;box-sizing:border-box;height:28px;left:194px;position:absolute;right:192px;top:0px;transform-origin:1px 0px;translate:-50%;width:2px;}
.lv .wc22{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:9999px;border-top-right-radius:9999px;border-top-style:solid;border-top-width:1px;bottom:4px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:20px;justify-content:center;left:184px;line-height:20px;opacity:0;position:absolute;right:184px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;top:4px;width:20px;}
.lv .wc23{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(28, 7, 66);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wc24{fill:none;fill-opacity:1;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(28, 7, 66);transform-box:view-box;transform-origin:0px 0px;}
.lv .wc25{background-color:rgb(97, 54, 9);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:383px;top:0px;width:3px;}
.lv .wc26{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:283.375px;}
.lv .wc27{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:46.625px;}
.lv .wc28{box-sizing:border-box;color:rgb(16, 86, 58);display:block;font-weight:600;height:18px;min-height:auto;min-width:auto;width:66.5781px;}
.lv .wc29{box-sizing:border-box;display:block;height:18px;min-height:auto;min-width:auto;width:4.34375px;}
.lv .wc30{box-sizing:border-box;display:block;height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:57.6094px;}
.lv .wc31{background-color:rgb(16, 86, 58);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:383px;top:0px;width:3px;}
.lv .wc32{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:243.281px;}
.lv .wc33{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:86.7188px;}
.lv .wc34{box-sizing:border-box;color:rgb(16, 86, 58);display:block;font-weight:600;height:18px;min-height:auto;min-width:auto;width:62.4375px;}
.lv .wc35{box-sizing:border-box;display:block;height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:79.1562px;}
.lv .wc36{box-sizing:border-box;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;width:388px;}
.lv .wc37{align-items:center;box-sizing:border-box;display:flex;height:28px;justify-content:center;width:388px;}
.lv .wc38{border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:dashed;border-bottom-width:2px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:dashed;border-left-width:2px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:dashed;border-right-width:2px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:dashed;border-top-width:2px;box-sizing:border-box;height:96px;width:388px;}
.lv .wc39{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);box-sizing:border-box;flex-shrink:0;height:1px;margin-bottom:16px;margin-top:16px;min-height:auto;min-width:auto;width:388px;}
.lv .wc40{box-sizing:border-box;color:rgb(70, 59, 100);font-size:13px;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:388px;}
.lv .wc38{display:none!important}
.lv .wt0{backdrop-filter:blur(14px);background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(46, 36, 69);flex-shrink:0;font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;font-variant-numeric:tabular-nums;height:1634px;line-height:24px;max-width:720px;min-height:auto;min-width:720px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:720px;-webkit-font-smoothing:antialiased;margin:0;position:relative;}
.lv .wt1{box-sizing:border-box;column-gap:16px;display:flex;flex-direction:column;height:1632px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:16px;width:718px;}
.lv .wt2{align-items:center;box-sizing:border-box;column-gap:12px;display:flex;height:32px;justify-content:space-between;min-height:auto;min-width:auto;row-gap:12px;width:686px;}
.lv .wt3{align-items:baseline;box-sizing:border-box;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;min-height:auto;width:157.781px;}
.lv .wt4{box-sizing:border-box;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:102.172px;}
.lv .wt5{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:47.6094px;}
.lv .wt6{box-sizing:border-box;display:block;flex-shrink:0;height:32px;min-height:auto;min-width:auto;width:126.734px;}
.lv .wt7{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:inline-flex;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:126.734px;}
.lv .wt8{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(28, 7, 66);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wt9{fill:none;fill-opacity:1;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:13px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(28, 7, 66);transform-box:view-box;transform-origin:0px 0px;}
.lv .wt10{box-sizing:border-box;display:block;height:18px;min-height:auto;min-width:auto;width:76.7344px;}
.lv .wt11{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:36px;min-height:auto;min-width:auto;row-gap:8px;width:686px;}
.lv .wt12{bottom:1550.5px;box-sizing:border-box;clip-path:inset(50%);display:block;font-size:14px;font-weight:500;height:1px;left:16px;line-height:14px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:703px;text-wrap-mode:nowrap;top:82.5px;width:1px;}
.lv .wt13{box-sizing:border-box;}
.lv .wt14{bottom:0px;box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;height:36px;left:0px;max-width:256px;min-height:auto;position:relative;right:0px;top:0px;width:256px;}
.lv .wt15{bottom:2px;box-sizing:border-box;color:rgb(82, 70, 115);display:block;fill:none;height:16px;left:10px;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;position:absolute;right:230px;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;top:18px;transform-origin:8px 8px;translate:0px -50%;vertical-align:middle;width:16px;overflow:visible;}
.lv .wt16{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .wt17{display:flex;align-items:center;white-space:nowrap;overflow:hidden;background-color:rgba(255, 255, 255, 0.9);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;display:flex;font-size:14px;height:36px;line-height:20px;overflow-x:clip;overflow-y:clip;padding-bottom:6px;padding-left:32px;padding-right:12px;padding-top:6px;width:256px;}
.lv .wt18{color:rgb(115, 104, 153)}
.lv .wt19{align-items:center;background-color:rgba(255, 255, 255, 0.9);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;display:flex;font-size:13px;height:36px;justify-content:space-between;line-height:20px;min-height:auto;min-width:auto;padding-bottom:6px;padding-left:12px;padding-right:12px;padding-top:6px;text-align:center;width:256px;}
.lv .wt20{box-sizing:border-box;display:flow-root;height:20px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;width:76.1719px;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.lv .wt21{box-sizing:border-box;display:block;fill:none;height:16px;min-height:auto;min-width:auto;opacity:0.8;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;rotate:90deg;stroke:rgb(46, 36, 69);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;transform-origin:8px 8px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wt22{fill:none;fill-opacity:1;stroke:rgb(46, 36, 69);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(46, 36, 69);transform-box:view-box;transform-origin:0px 0px;}
.lv .wt23{display:flex;align-items:center;white-space:nowrap;overflow:hidden;background-color:rgba(255, 255, 255, 0.9);bottom:1633px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:0px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:clip;overflow-y:clip;position:absolute;right:719px;text-wrap-mode:nowrap;top:0px;width:1px;}
.lv .wt24{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;flex-wrap:wrap;height:32px;min-height:auto;min-width:auto;row-gap:8px;width:686px;}
.lv .wt25{align-items:center;background-color:rgb(242, 237, 255);background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;min-height:auto;min-width:auto;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:110.422px;}
.lv .wt26{box-sizing:border-box;display:block;height:18px;min-height:auto;min-width:auto;width:61.8594px;}
.lv .wt27{box-sizing:border-box;color:rgb(70, 59, 100);display:block;height:18px;min-height:auto;min-width:auto;width:14.5625px;}
.lv .wt28{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;min-height:auto;min-width:auto;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:91.4062px;}
.lv .wt29{box-sizing:border-box;color:rgb(70, 59, 100);display:block;height:18px;min-height:auto;min-width:auto;width:7.28125px;}
.lv .wt30{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;min-height:auto;min-width:auto;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:114.516px;}
.lv .wt31{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;min-height:auto;min-width:auto;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:62.0625px;}
.lv .wt32{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;min-height:auto;min-width:auto;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:116.328px;}
.lv .wt33{box-sizing:border-box;column-gap:20px;display:flex;flex-direction:column;height:1452px;min-height:auto;min-width:auto;row-gap:20px;width:686px;}
.lv .wt34{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:458px;min-height:auto;min-width:auto;row-gap:8px;width:686px;}
.lv .wt35{box-sizing:border-box;color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:686px;}
.lv .wt36{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:432px;list-style-type:none;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;padding-left:0px;row-gap:8px;width:686px;}
.lv .wt37{box-sizing:border-box;height:102px;list-style-position:outside;min-height:auto;min-width:auto;width:686px;}
.lv .wt38{align-items:center;border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:16px;display:flex;height:102px;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;row-gap:16px;width:686px;}
.lv .wt39{align-items:center;background-color:color(srgb 0.176471 0.0470588 0.411765 / 0.08);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;color:rgb(70, 59, 100);display:flex;flex-shrink:0;height:40px;justify-content:center;min-height:auto;min-width:auto;width:40px;}
.lv .wt40{box-sizing:border-box;display:block;fill:none;height:20px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(70, 59, 100);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:20px;overflow:visible;}
.lv .wt41{fill:none;fill-opacity:1;stroke:rgb(70, 59, 100);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(70, 59, 100);transform-box:view-box;transform-origin:0px 0px;}
.lv .wt42{box-sizing:border-box;column-gap:6px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:76px;min-height:auto;row-gap:6px;width:485.016px;}
.lv .wt43{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;flex-wrap:wrap;height:22px;min-height:auto;min-width:auto;row-gap:8px;width:485.016px;}
.lv .wt44{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:125.734px;}
.lv .wt45{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:125.734px;}
.lv .wt46{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:70.125px;}
.lv .wt47{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:127.125px;}
.lv .wt48{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:485.016px;}
.lv .wt49{align-items:center;box-sizing:border-box;column-gap:16px;display:flex;flex-wrap:wrap;height:24px;min-height:auto;min-width:auto;row-gap:8px;width:485.016px;}
.lv .wt50{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:24px;min-height:auto;min-width:auto;row-gap:8px;width:221.375px;}
.lv .wt51{align-items:center;background-color:rgb(28, 7, 66);background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-sizing:border-box;display:flex;flex-shrink:0;height:24px;min-height:auto;min-width:auto;width:40px;}
.lv .wt52{background-color:rgba(247, 244, 253, 0.78);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 1px 3px 0px;box-sizing:border-box;display:block;height:16px;min-height:auto;min-width:auto;transform-origin:8px 8px;translate:22px;width:16px;}
.lv .wt53{background-color:rgba(255, 255, 255, 0.9);bottom:1633px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:0px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:719px;text-wrap-mode:nowrap;top:0px;width:1px;}
.lv .wt54{box-sizing:border-box;display:flex;flex-direction:column;height:18px;min-height:auto;min-width:auto;width:173.375px;}
.lv .wt55{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:173.375px;}
.lv .wt56{bottom:1375px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:133px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:586px;text-wrap-mode:nowrap;top:258px;width:1px;}
.lv .wt57{align-items:center;align-self:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;min-height:auto;min-width:auto;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:102.984px;}
.lv .wt58{box-sizing:border-box;display:block;height:18px;min-height:auto;min-width:auto;width:76.9844px;}
.lv .wt59{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:149.453px;}
.lv .wt60{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:149.453px;}
.lv .wt61{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:24px;min-height:auto;min-width:auto;row-gap:8px;width:254.609px;}
.lv .wt62{box-sizing:border-box;display:flex;flex-direction:column;height:18px;min-height:auto;min-width:auto;width:206.609px;}
.lv .wt63{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:206.609px;}
.lv .wt64{bottom:1265px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:133px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:586px;text-wrap-mode:nowrap;top:368px;width:1px;}
.lv .wt65{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:87.25px;}
.lv .wt66{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:87.25px;}
.lv .wt67{align-items:center;border-bottom-color:rgba(0, 0, 0, 0);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:rgba(0, 0, 0, 0);border-left-style:solid;border-left-width:1px;border-right-color:rgba(0, 0, 0, 0);border-right-style:solid;border-right-width:1px;border-top-color:rgba(0, 0, 0, 0);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:8px;display:flex;font-size:14px;height:22px;line-height:20px;min-height:auto;row-gap:8px;width:92.0469px;}
.lv .wt68{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:8px;display:flex;flex-basis:0%;flex-grow:1;height:24px;margin-bottom:-2px;margin-left:-4px;margin-right:-4px;margin-top:-2px;min-height:auto;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:98.0469px;}
.lv .wt69{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;flex-shrink:0;height:20px;justify-content:center;min-height:auto;min-width:auto;row-gap:8px;width:20px;}
.lv .wt70{bottom:0px;box-sizing:border-box;display:flex;height:20px;left:0px;min-height:auto;min-width:auto;position:relative;right:0px;top:0px;width:20px;}
.lv .wt71{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-sizing:border-box;display:flex;flex-shrink:0;height:20px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:20px;}
.lv .wt72{aspect-ratio:1 / 1;box-sizing:border-box;display:block;height:20px;max-width:100%;min-height:auto;min-width:auto;object-fit:cover;object-position:50% 0%;vertical-align:middle;width:20px;}
.lv .wt73{box-sizing:border-box;column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:17.5px;min-height:auto;row-gap:0px;width:62.0469px;}
.lv .wt74{align-items:center;box-sizing:border-box;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:62.0469px;}
.lv .wt75{bottom:1145.5px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:86px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:633px;text-wrap-mode:nowrap;top:487.5px;width:1px;}
.lv .wt76{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:24px;min-height:auto;min-width:auto;row-gap:8px;width:295.594px;}
.lv .wt77{box-sizing:border-box;display:flex;flex-direction:column;height:18px;min-height:auto;min-width:auto;width:247.594px;}
.lv .wt78{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:247.594px;}
.lv .wt79{bottom:1155px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:241.047px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:477.953px;text-wrap-mode:nowrap;top:478px;width:1px;}
.lv .wt80{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:138.047px;}
.lv .wt81{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:138.047px;}
.lv .wt82{bottom:1035.5px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:86px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:633px;text-wrap-mode:nowrap;top:597.5px;width:1px;}
.lv .wt83{box-sizing:border-box;color:rgb(70, 59, 100);display:block;height:24px;min-height:auto;min-width:auto;width:16.9375px;}
.lv .wt84{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:568px;min-height:auto;min-width:auto;row-gap:8px;width:686px;}
.lv .wt85{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:542px;list-style-type:none;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;padding-left:0px;row-gap:8px;width:686px;}
.lv .wt86{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:73.8125px;}
.lv .wt87{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:73.8125px;}
.lv .wt88{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:93.2344px;}
.lv .wt89{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:24px;min-height:auto;min-width:auto;row-gap:8px;width:267.859px;}
.lv .wt90{box-sizing:border-box;display:flex;flex-direction:column;height:18px;min-height:auto;min-width:auto;width:219.859px;}
.lv .wt91{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:219.859px;}
.lv .wt92{bottom:897px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:133px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:586px;text-wrap-mode:nowrap;top:736px;width:1px;}
.lv .wt93{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:117.641px;}
.lv .wt94{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:117.641px;}
.lv .wt95{bottom:787px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:133px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:586px;text-wrap-mode:nowrap;top:846px;width:1px;}
.lv .wt96{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:74.5938px;}
.lv .wt97{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:74.5938px;}
.lv .wt98{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:24px;min-height:auto;min-width:auto;row-gap:8px;width:220.969px;}
.lv .wt99{box-sizing:border-box;display:flex;flex-direction:column;height:18px;min-height:auto;min-width:auto;width:172.969px;}
.lv .wt100{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:172.969px;}
.lv .wt101{bottom:677px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:133px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:586px;text-wrap-mode:nowrap;top:956px;width:1px;}
.lv .wt102{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:203.781px;}
.lv .wt103{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:203.781px;}
.lv .wt104{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:24px;min-height:auto;min-width:auto;row-gap:8px;width:244.766px;}
.lv .wt105{box-sizing:border-box;display:flex;flex-direction:column;height:18px;min-height:auto;min-width:auto;width:196.766px;}
.lv .wt106{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:196.766px;}
.lv .wt107{bottom:567px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:133px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:586px;text-wrap-mode:nowrap;top:1066px;width:1px;}
.lv .wt108{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:139.547px;}
.lv .wt109{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:139.547px;}
.lv .wt110{align-items:center;border-bottom-color:rgba(0, 0, 0, 0);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:rgba(0, 0, 0, 0);border-left-style:solid;border-left-width:1px;border-right-color:rgba(0, 0, 0, 0);border-right-style:solid;border-right-width:1px;border-top-color:rgba(0, 0, 0, 0);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:8px;display:flex;font-size:14px;height:22px;line-height:20px;min-height:auto;row-gap:8px;width:117.375px;}
.lv .wt111{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:8px;display:flex;flex-basis:0%;flex-grow:1;height:24px;margin-bottom:-2px;margin-left:-4px;margin-right:-4px;margin-top:-2px;min-height:auto;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:123.375px;}
.lv .wt112{box-sizing:border-box;column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:17.5px;min-height:auto;row-gap:0px;width:87.375px;}
.lv .wt113{align-items:center;box-sizing:border-box;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:87.375px;}
.lv .wt114{bottom:447.5px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:86px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:633px;text-wrap-mode:nowrap;top:1185.5px;width:1px;}
.lv .wt115{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:24px;min-height:auto;min-width:auto;row-gap:8px;width:193.484px;}
.lv .wt116{box-sizing:border-box;display:flex;flex-direction:column;height:18px;min-height:auto;min-width:auto;width:145.484px;}
.lv .wt117{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:145.484px;}
.lv .wt118{bottom:457px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:266.375px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:452.625px;text-wrap-mode:nowrap;top:1176px;width:1px;}
.lv .wt119{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:238px;min-height:auto;min-width:auto;row-gap:8px;width:686px;}
.lv .wt120{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:212px;list-style-type:none;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;padding-left:0px;row-gap:8px;width:686px;}
.lv .wt121{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:85.1406px;}
.lv .wt122{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:85.1406px;}
.lv .wt123{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:40.7812px;}
.lv .wt124{align-items:center;border-bottom-color:rgba(0, 0, 0, 0);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:rgba(0, 0, 0, 0);border-left-style:solid;border-left-width:1px;border-right-color:rgba(0, 0, 0, 0);border-right-style:solid;border-right-width:1px;border-top-color:rgba(0, 0, 0, 0);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:8px;display:flex;font-size:14px;height:22px;line-height:20px;min-height:auto;row-gap:8px;width:88.8281px;}
.lv .wt125{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:8px;display:flex;flex-basis:0%;flex-grow:1;height:24px;margin-bottom:-2px;margin-left:-4px;margin-right:-4px;margin-top:-2px;min-height:auto;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:94.8281px;}
.lv .wt126{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-sizing:border-box;container-type:inline-size;display:flex;flex-shrink:0;height:20px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:20px;}
.lv .wt127{align-items:center;background-color:rgb(230, 233, 246);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(241, 243, 251) 0px, rgb(241, 243, 251) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-sizing:border-box;color:rgb(51, 64, 122);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:11px;font-weight:600;height:20px;justify-content:center;letter-spacing:0.11px;min-height:auto;min-width:auto;width:20px;}
.lv .wt128{box-sizing:border-box;column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:17.5px;min-height:auto;row-gap:0px;width:58.8281px;}
.lv .wt129{align-items:center;box-sizing:border-box;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:58.8281px;}
.lv .wt130{bottom:299.5px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:86px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:633px;text-wrap-mode:nowrap;top:1333.5px;width:1px;}
.lv .wt131{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:190.016px;}
.lv .wt132{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:190.016px;}
.lv .wt133{bottom:189.5px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:86px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:633px;text-wrap-mode:nowrap;top:1443.5px;width:1px;}
.lv .wt134{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:128px;min-height:auto;min-width:auto;row-gap:8px;width:686px;}
.lv .wt135{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:102px;list-style-type:none;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;padding-left:0px;row-gap:8px;width:686px;}
.lv .wt136{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;display:flex;height:20px;min-height:auto;text-align:left;width:125.922px;}
.lv .wt137{box-sizing:border-box;display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:125.922px;}
.lv .wt138{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:95.0469px;}
.lv .wt139{align-items:center;border-bottom-color:rgba(0, 0, 0, 0);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:rgba(0, 0, 0, 0);border-left-style:solid;border-left-width:1px;border-right-color:rgba(0, 0, 0, 0);border-right-style:solid;border-right-width:1px;border-top-color:rgba(0, 0, 0, 0);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:8px;display:flex;font-size:14px;height:22px;line-height:20px;min-height:auto;row-gap:8px;width:85.75px;}
.lv .wt140{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:8px;display:flex;flex-basis:0%;flex-grow:1;height:24px;margin-bottom:-2px;margin-left:-4px;margin-right:-4px;margin-top:-2px;min-height:auto;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:91.75px;}
.lv .wt141{box-sizing:border-box;column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:17.5px;min-height:auto;row-gap:0px;width:55.75px;}
.lv .wt142{align-items:center;box-sizing:border-box;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:55.75px;}
.lv .wt143{bottom:41.5px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:86px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:633px;text-wrap-mode:nowrap;top:1591.5px;width:1px;}
.lv .wo0{backdrop-filter:blur(14px);background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(46, 36, 69);flex-shrink:0;font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;font-variant-numeric:tabular-nums;height:641.5px;line-height:24px;max-width:1000px;min-height:auto;min-width:1000px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:1000px;-webkit-font-smoothing:antialiased;margin:0;position:relative;}
.lv .wo1{box-sizing:border-box;column-gap:12px;display:flex;flex-direction:column;height:639.5px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:998px;}
.lv .wo2{align-items:center;box-sizing:border-box;column-gap:12px;display:flex;height:36px;justify-content:space-between;min-height:auto;min-width:auto;row-gap:12px;width:966px;}
.lv .wo3{align-items:baseline;box-sizing:border-box;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;min-height:auto;width:205.469px;}
.lv .wo4{box-sizing:border-box;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:149.859px;}
.lv .wo5{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:47.6094px;}
.lv .wo6{box-sizing:border-box;display:block;flex-shrink:0;height:36px;min-height:auto;min-width:auto;width:36px;}
.lv .wo7{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:36px;}
.lv .wo8{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(28, 7, 66);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wo9{fill:none;fill-opacity:1;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(28, 7, 66);transform-box:view-box;transform-origin:0px 0px;}
.lv .wo10{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;flex-wrap:wrap;height:36px;min-height:auto;min-width:auto;row-gap:8px;width:966px;}
.lv .wo11{bottom:558px;box-sizing:border-box;clip-path:inset(50%);display:block;font-size:14px;font-weight:500;height:1px;left:16px;line-height:14px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:983px;text-wrap-mode:nowrap;top:82.5px;width:1px;}
.lv .wo12{box-sizing:border-box;}
.lv .wo13{bottom:0px;box-sizing:border-box;display:block;height:36px;left:0px;min-height:auto;position:relative;right:0px;top:0px;width:256px;}
.lv .wo14{bottom:2px;box-sizing:border-box;color:rgb(82, 70, 115);display:block;fill:none;height:16px;left:10px;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;position:absolute;right:230px;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;top:18px;transform-origin:8px 8px;translate:0px -50%;vertical-align:middle;width:16px;overflow:visible;}
.lv .wo15{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .wo16{display:flex;align-items:center;white-space:nowrap;overflow:hidden;background-color:rgba(255, 255, 255, 0.9);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;display:flex;font-size:14px;height:36px;line-height:20px;overflow-x:clip;overflow-y:clip;padding-bottom:6px;padding-left:32px;padding-right:12px;padding-top:6px;width:256px;}
.lv .wo17{color:rgb(115, 104, 153)}
.lv .wo18{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;min-height:auto;min-width:auto;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:86.5469px;}
.lv .wo19{fill:none;fill-opacity:1;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:13px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(28, 7, 66);transform-box:view-box;transform-origin:0px 0px;}
.lv .wo20{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;min-height:auto;min-width:auto;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:150.688px;}
.lv .wo21{bottom:0px;box-sizing:border-box;height:463.5px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:966px;}
.lv .wo22{border-collapse:collapse;box-sizing:border-box;caption-side:bottom;font-size:14px;height:463.5px;line-height:20px;width:1144.22px;}
.lv .wo23{box-sizing:border-box;caption-side:bottom;height:40px;width:1144.22px;}
.lv .wo24{border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;caption-side:bottom;height:40px;vertical-align:middle;width:1144.22px;}
.lv .wo25{box-sizing:border-box;caption-side:bottom;font-size:12px;font-weight:600;height:40px;line-height:18px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-align:left;text-wrap-mode:nowrap;vertical-align:middle;width:232.141px;}
.lv .wo26{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;column-gap:6px;display:inline-flex;height:26px;margin-bottom:-4px;margin-left:-6px;margin-right:-6px;margin-top:-4px;min-height:24px;padding-bottom:4px;padding-left:6px;padding-right:6px;padding-top:4px;row-gap:6px;text-align:center;width:85.0781px;}
.lv .wo27{box-sizing:border-box;caption-side:bottom;color:rgb(82, 70, 115);display:block;fill:none;height:14px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible;}
.lv .wo28{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:12px;font-weight:600;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .wo29{bottom:444.25px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:16px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:951px;top:20.25px;width:1px;}
.lv .wo30{box-sizing:border-box;caption-side:bottom;font-size:12px;font-weight:600;height:40px;line-height:18px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-align:left;text-wrap-mode:nowrap;vertical-align:middle;width:181.125px;}
.lv .wo31{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;column-gap:6px;display:inline-flex;height:26px;margin-bottom:-4px;margin-left:-6px;margin-right:-6px;margin-top:-4px;min-height:24px;padding-bottom:4px;padding-left:6px;padding-right:6px;padding-top:4px;row-gap:6px;text-align:center;width:95.0938px;}
.lv .wo32{bottom:444.25px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:248.141px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:718.859px;top:20.25px;width:1px;}
.lv .wo33{box-sizing:border-box;caption-side:bottom;font-size:12px;font-weight:600;height:40px;line-height:18px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-align:left;text-wrap-mode:nowrap;vertical-align:middle;width:145.344px;}
.lv .wo34{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;column-gap:6px;display:inline-flex;height:26px;margin-bottom:-4px;margin-left:-6px;margin-right:-6px;margin-top:-4px;min-height:24px;padding-bottom:4px;padding-left:6px;padding-right:6px;padding-top:4px;row-gap:6px;text-align:center;width:125.344px;}
.lv .wo35{bottom:444.25px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:429.266px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:537.734px;top:20.25px;width:1px;}
.lv .wo36{box-sizing:border-box;caption-side:bottom;font-size:12px;font-weight:600;height:40px;line-height:18px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-align:left;text-wrap-mode:nowrap;vertical-align:middle;width:160px;}
.lv .wo37{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;column-gap:6px;display:inline-flex;height:26px;margin-bottom:-4px;margin-left:-6px;margin-right:-6px;margin-top:-4px;min-height:24px;padding-bottom:4px;padding-left:6px;padding-right:6px;padding-top:4px;row-gap:6px;text-align:center;width:79.0625px;}
.lv .wo38{bottom:444.25px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:574.609px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:392.391px;top:20.25px;width:1px;}
.lv .wo39{box-sizing:border-box;caption-side:bottom;font-size:12px;font-weight:600;height:40px;line-height:18px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-align:left;text-wrap-mode:nowrap;vertical-align:middle;width:240.094px;}
.lv .wo40{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;column-gap:6px;display:inline-flex;height:26px;margin-bottom:-4px;margin-left:-6px;margin-right:-6px;margin-top:-4px;min-height:24px;padding-bottom:4px;padding-left:6px;padding-right:6px;padding-top:4px;row-gap:6px;text-align:center;width:66.0625px;}
.lv .wo41{bottom:444.25px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:734.609px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:232.391px;top:20.25px;width:1px;}
.lv .wo42{box-sizing:border-box;caption-side:bottom;font-size:12px;font-weight:600;height:40px;line-height:18px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-align:left;text-wrap-mode:nowrap;vertical-align:middle;width:117.516px;}
.lv .wo43{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;column-gap:6px;display:inline-flex;height:26px;margin-bottom:-4px;margin-left:-6px;margin-right:-6px;margin-top:-4px;min-height:24px;padding-bottom:4px;padding-left:6px;padding-right:6px;padding-top:4px;row-gap:6px;text-align:center;width:97.5156px;}
.lv .wo44{bottom:444.25px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:974.703px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:-7.70312px;top:20.25px;width:1px;}
.lv .wo45{box-sizing:border-box;caption-side:bottom;font-size:12px;font-weight:600;height:40px;line-height:18px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-align:left;text-wrap-mode:nowrap;vertical-align:middle;width:68px;}
.lv .wo46{bottom:444.75px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:1092.22px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:-125.219px;top:19.75px;width:1px;}
.lv .wo47{box-sizing:border-box;caption-side:bottom;}
.lv .wo48{box-sizing:border-box;caption-side:bottom;height:423.5px;width:1144.22px;}
.lv .wo49{border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;caption-side:bottom;height:53px;vertical-align:middle;width:1144.22px;}
.lv .wo50{box-sizing:border-box;caption-side:bottom;height:53px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:232.141px;}
.lv .wo51{align-items:center;border-bottom-color:rgba(0, 0, 0, 0);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:rgba(0, 0, 0, 0);border-left-style:solid;border-left-width:1px;border-right-color:rgba(0, 0, 0, 0);border-right-style:solid;border-right-width:1px;border-top-color:rgba(0, 0, 0, 0);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;caption-side:bottom;column-gap:8px;display:flex;height:22px;row-gap:8px;width:200.141px;}
.lv .wo52{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;caption-side:bottom;column-gap:8px;display:flex;flex-basis:0%;flex-grow:1;height:24px;margin-bottom:-2px;margin-left:-4px;margin-right:-4px;margin-top:-2px;min-height:auto;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:206.141px;}
.lv .wo53{align-items:center;box-sizing:border-box;caption-side:bottom;column-gap:8px;display:flex;flex-shrink:0;height:20px;justify-content:center;min-height:auto;min-width:auto;row-gap:8px;width:20px;}
.lv .wo54{bottom:0px;box-sizing:border-box;caption-side:bottom;display:flex;height:20px;left:0px;min-height:auto;min-width:auto;position:relative;right:0px;top:0px;width:20px;}
.lv .wo55{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-sizing:border-box;caption-side:bottom;container-type:inline-size;display:flex;flex-shrink:0;height:20px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:20px;}
.lv .wo56{align-items:center;background-color:rgb(233, 226, 251);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(243, 238, 255) 0px, rgb(243, 238, 255) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-sizing:border-box;caption-side:bottom;color:rgb(75, 53, 147);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:11px;font-weight:600;height:20px;justify-content:center;letter-spacing:0.11px;min-height:auto;min-width:auto;width:20px;}
.lv .wo57{box-sizing:border-box;caption-side:bottom;column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:17.5px;min-height:auto;row-gap:0px;width:170.141px;}
.lv .wo58{align-items:center;box-sizing:border-box;caption-side:bottom;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;width:147.031px;}
.lv .wo59{bottom:397.5px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:17px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:950px;top:67px;width:1px;}
.lv .wo60{box-sizing:border-box;caption-side:bottom;height:53px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:181.125px;}
.lv .wo61{align-items:flex-start;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;display:flex;flex-direction:column;height:38px;text-align:left;width:128.531px;}
.lv .wo62{box-sizing:border-box;caption-side:bottom;display:block;font-weight:500;height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:73.8125px;}
.lv .wo63{box-sizing:border-box;caption-side:bottom;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:128.531px;}
.lv .wo64{box-sizing:border-box;caption-side:bottom;height:53px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:145.344px;}
.lv .wo65{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;caption-side:bottom;color:rgb(45, 12, 105);column-gap:4px;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;width:93.2344px;}
.lv .wo66{box-sizing:border-box;caption-side:bottom;height:53px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:160px;}
.lv .wo67{box-sizing:border-box;caption-side:bottom;column-gap:6px;display:flex;flex-direction:column;height:18px;row-gap:6px;width:128px;}
.lv .wo68{box-sizing:border-box;caption-side:bottom;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:128px;}
.lv .wo69{box-sizing:border-box;caption-side:bottom;height:53px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:240.094px;}
.lv .wo70{box-sizing:border-box;caption-side:bottom;column-gap:4px;display:flex;flex-direction:column;height:44px;row-gap:4px;width:208.094px;}
.lv .wo71{align-items:center;background-color:rgba(255, 220, 217, 0.8);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;caption-side:bottom;color:rgb(146, 13, 13);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;width:70.2031px;}
.lv .wo72{box-sizing:border-box;caption-side:bottom;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:208.094px;}
.lv .wo73{box-sizing:border-box;caption-side:bottom;height:53px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:117.516px;}
.lv .wo74{box-sizing:border-box;caption-side:bottom;display:flex;flex-direction:column;height:38px;width:85.5156px;}
.lv .wo75{box-sizing:border-box;caption-side:bottom;display:block;height:20px;min-height:auto;min-width:auto;width:85.5156px;}
.lv .wo76{box-sizing:border-box;caption-side:bottom;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:85.5156px;}
.lv .wo77{box-sizing:border-box;caption-side:bottom;height:53px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-align:right;text-wrap-mode:nowrap;vertical-align:middle;width:68px;}
.lv .wo78{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;caption-side:bottom;color:rgb(28, 7, 66);column-gap:8px;display:inline-flex;font-weight:500;height:36px;justify-content:center;row-gap:8px;text-align:center;width:36px;}
.lv .wo79{box-sizing:border-box;caption-side:bottom;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(28, 7, 66);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wo80{align-items:center;background-color:rgb(241, 230, 246);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(248, 241, 251) 0px, rgb(248, 241, 251) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-sizing:border-box;caption-side:bottom;color:rgb(94, 53, 114);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:11px;font-weight:600;height:20px;justify-content:center;letter-spacing:0.11px;min-height:auto;min-width:auto;width:20px;}
.lv .wo81{align-items:center;box-sizing:border-box;caption-side:bottom;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;width:107.969px;}
.lv .wo82{bottom:344.5px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:17px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:950px;top:120px;width:1px;}
.lv .wo83{align-items:flex-start;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;display:flex;flex-direction:column;height:38px;text-align:left;width:135.812px;}
.lv .wo84{box-sizing:border-box;caption-side:bottom;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:135.812px;}
.lv .wo85{align-items:center;background-color:rgba(230, 243, 237, 0.8);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;caption-side:bottom;color:rgb(16, 86, 58);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;width:70.9375px;}
.lv .wo86{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-sizing:border-box;caption-side:bottom;display:flex;flex-shrink:0;height:20px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:20px;}
.lv .wo87{aspect-ratio:1 / 1;box-sizing:border-box;caption-side:bottom;display:block;height:20px;max-width:100%;min-height:auto;min-width:auto;object-fit:cover;object-position:50% 0%;vertical-align:middle;width:20px;}
.lv .wo88{align-items:center;box-sizing:border-box;caption-side:bottom;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;width:100.328px;}
.lv .wo89{bottom:291.5px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:17px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:950px;top:173px;width:1px;}
.lv .wo90{align-items:center;background-color:rgb(223, 236, 248);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(238, 245, 252) 0px, rgb(238, 245, 252) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-sizing:border-box;caption-side:bottom;color:rgb(31, 74, 114);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:11px;font-weight:600;height:20px;justify-content:center;letter-spacing:0.11px;min-height:auto;min-width:auto;width:20px;}
.lv .wo91{align-items:center;box-sizing:border-box;caption-side:bottom;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;width:66px;}
.lv .wo92{bottom:238.5px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:17px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:950px;top:226px;width:1px;}
.lv .wo93{align-items:flex-start;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;display:flex;flex-direction:column;height:38px;text-align:left;width:124.875px;}
.lv .wo94{box-sizing:border-box;caption-side:bottom;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:124.875px;}
.lv .wo95{align-items:center;box-sizing:border-box;caption-side:bottom;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;width:108.734px;}
.lv .wo96{bottom:185.5px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:17px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:950px;top:279px;width:1px;}
.lv .wo97{align-items:flex-start;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;display:flex;flex-direction:column;height:38px;text-align:left;width:141.844px;}
.lv .wo98{box-sizing:border-box;caption-side:bottom;display:block;font-weight:500;height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:117.641px;}
.lv .wo99{box-sizing:border-box;caption-side:bottom;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:141.844px;}
.lv .wo100{box-sizing:border-box;caption-side:bottom;column-gap:6px;display:flex;flex-direction:column;height:30px;row-gap:6px;width:128px;}
.lv .wo101{box-sizing:border-box;caption-side:bottom;column-gap:4px;display:flex;height:6px;min-height:auto;min-width:auto;row-gap:4px;width:128px;}
.lv .wo102{background-color:color(srgb 0.176471 0.0470588 0.411765 / 0.08);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-sizing:border-box;caption-side:bottom;flex-basis:0%;flex-grow:1;height:6px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:22.3906px;}
.lv .wo103{box-sizing:border-box;caption-side:bottom;height:6px;width:22.3906px;}
.lv .wo104{background-color:rgb(45, 12, 105);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-sizing:border-box;caption-side:bottom;height:6px;left:0px;width:22.3906px;}
.lv .wo105{bottom:640.5px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:0px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:999px;top:0px;width:1px;}
.lv .wo106{background-color:color(srgb 0.176471 0.0470588 0.411765 / 0.08);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-sizing:border-box;caption-side:bottom;flex-basis:0%;flex-grow:1;height:6px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:22.4062px;}
.lv .wo107{box-sizing:border-box;caption-side:bottom;height:6px;width:22.4062px;}
.lv .wo108{background-color:rgb(45, 12, 105);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-sizing:border-box;caption-side:bottom;height:6px;left:0px;width:22.4062px;}
.lv .wo109{background-color:color(srgb 0.176471 0.0470588 0.411765 / 0.08);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(247, 244, 253) 0px 0px 0px 1px, color(srgb 0.180392 0.141176 0.270588 / 0.28) 0px 0px 0px 2px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;box-sizing:border-box;caption-side:bottom;flex-basis:0%;flex-grow:1;height:6px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:22.4062px;}
.lv .wo110{background-color:rgb(45, 12, 105);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-sizing:border-box;caption-side:bottom;height:6px;left:0px;}
.lv .wo111{align-items:center;background-color:rgba(253, 234, 214, 0.8);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;caption-side:bottom;color:rgb(97, 54, 9);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;width:124.344px;}
.lv .wo112{align-items:center;box-sizing:border-box;caption-side:bottom;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;width:170.141px;}
.lv .wo113{bottom:132.5px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:17px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:950px;top:332px;width:1px;}
.lv .wo114{align-items:flex-start;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;display:flex;flex-direction:column;height:38px;text-align:left;width:149.125px;}
.lv .wo115{box-sizing:border-box;caption-side:bottom;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:149.125px;}
.lv .wo116{align-items:center;box-sizing:border-box;caption-side:bottom;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;width:84.2344px;}
.lv .wo117{bottom:79.5px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:17px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:950px;top:385px;width:1px;}
.lv .wo118{align-items:flex-start;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;caption-side:bottom;display:flex;flex-direction:column;height:38px;text-align:left;width:107.141px;}
.lv .wo119{box-sizing:border-box;caption-side:bottom;display:block;font-weight:500;height:20px;min-height:auto;min-width:auto;text-underline-offset:2px;width:89.2969px;}
.lv .wo120{box-sizing:border-box;caption-side:bottom;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:107.141px;}
.lv .wo121{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;caption-side:bottom;color:rgb(45, 12, 105);column-gap:4px;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;width:70.125px;}
.lv .wo122{box-sizing:border-box;caption-side:bottom;height:52.5px;vertical-align:middle;width:1144.22px;}
.lv .wo123{box-sizing:border-box;caption-side:bottom;height:52.5px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:232.141px;}
.lv .wo124{align-items:center;box-sizing:border-box;caption-side:bottom;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;width:64.1406px;}
.lv .wo125{bottom:26.5px;box-sizing:border-box;caption-side:bottom;clip-path:inset(50%);display:block;height:1px;left:17px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:950px;top:438px;width:1px;}
.lv .wo126{box-sizing:border-box;caption-side:bottom;height:52.5px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:181.125px;}
.lv .wo127{box-sizing:border-box;caption-side:bottom;height:52.5px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:145.344px;}
.lv .wo128{box-sizing:border-box;caption-side:bottom;height:52.5px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:160px;}
.lv .wo129{box-sizing:border-box;caption-side:bottom;height:52.5px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:240.094px;}
.lv .wo130{box-sizing:border-box;caption-side:bottom;height:52.5px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-wrap-mode:nowrap;vertical-align:middle;width:117.516px;}
.lv .wo131{box-sizing:border-box;caption-side:bottom;height:52.5px;padding-bottom:4px;padding-left:16px;padding-right:16px;padding-top:4px;text-align:right;text-wrap-mode:nowrap;vertical-align:middle;width:68px;}
.lv .wo132{box-sizing:border-box;display:flex;height:36px;justify-content:center;min-height:auto;min-width:auto;width:966px;}
.lv .wo133{align-items:center;box-sizing:border-box;column-gap:4px;display:flex;height:36px;list-style-type:none;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;padding-left:0px;row-gap:4px;width:366.859px;}
.lv .wo134{box-sizing:border-box;height:36px;list-style-position:outside;min-height:auto;min-width:auto;width:93.6094px;}
.lv .wo135{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:4px;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;opacity:0.8;padding-bottom:8px;padding-left:10px;padding-right:10px;padding-top:8px;row-gap:4px;text-wrap-mode:nowrap;width:93.6094px;}
.lv .wo136{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:53.6094px;}
.lv .wo137{box-sizing:border-box;height:36px;list-style-position:outside;min-height:auto;min-width:auto;width:36px;}
.lv .wo138{align-items:center;background-color:rgb(236, 232, 255);background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:6px;border-top-right-radius:6px;border-top-style:solid;border-top-width:1px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;row-gap:8px;text-wrap-mode:nowrap;width:36px;}
.lv .wo139{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;row-gap:8px;text-wrap-mode:nowrap;width:36px;}
.lv .wo140{box-sizing:border-box;height:36px;list-style-position:outside;min-height:auto;min-width:auto;width:69.25px;}
.lv .wo141{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:4px;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;padding-bottom:8px;padding-left:10px;padding-right:10px;padding-top:8px;row-gap:4px;text-wrap-mode:nowrap;width:69.25px;}
.lv .wo142{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:29.25px;}
.lv .ws0{background-color:rgb(247, 244, 253);border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.16) 0px 8px 30px -4px;box-sizing:border-box;color:rgb(46, 36, 69);column-gap:0px;display:flex;flex-direction:column;font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;height:1600px;line-height:24px;max-height:1600px;max-width:448px;overflow-x:hidden;overflow-y:hidden;right:0px;row-gap:0px;width:448px;z-index:110;-webkit-font-smoothing:antialiased;margin:0;position:relative;}
.lv .ws1{border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;column-gap:6px;display:flex;flex-direction:column;flex-shrink:0;height:108.688px;min-height:auto;min-width:auto;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:6px;width:447px;}
.lv .ws2{box-sizing:border-box;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:22px;font-weight:600;height:29.6875px;letter-spacing:-0.55px;line-height:29.7px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:415px;}
.lv .ws3{box-sizing:border-box;color:rgb(70, 59, 100);font-size:14px;height:40px;line-height:20px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:415px;}
.lv .ws4{box-sizing:border-box;column-gap:20px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:1422.31px;min-width:auto;overflow-x:hidden;overflow-y:hidden;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:20px;width:447px;}
.lv .ws5{background-color:color(srgb 0.176471 0.0470588 0.411765 / 0.08);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;height:132px;min-height:auto;min-width:auto;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;width:415px;}
.lv .ws6{box-sizing:border-box;column-gap:24px;display:grid;grid-template-columns:179.5px 179.5px;grid-template-rows:42px 42px;height:100px;margin-bottom:0px;margin-top:0px;row-gap:16px;width:383px;}
.lv .ws7{align-items:stretch;box-sizing:border-box;column-gap:4px;display:flex;flex-direction:column;height:42px;row-gap:4px;width:179.5px;}
.lv .ws8{align-items:center;box-sizing:border-box;color:rgb(70, 59, 100);column-gap:6px;display:flex;flex-shrink:0;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;row-gap:6px;width:179.5px;}
.lv .ws9{box-sizing:border-box;flex-shrink:0;font-size:14px;font-weight:500;height:20px;justify-content:flex-end;line-height:20px;margin-left:0px;min-height:auto;width:179.5px;}
.lv .ws10{box-sizing:border-box;height:20px;max-width:100%;overflow-x:hidden;overflow-y:hidden;text-align:left;text-overflow:ellipsis;text-wrap-mode:nowrap;width:179.5px;}
.lv .ws11{align-items:center;border-bottom-color:rgba(0, 0, 0, 0);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:rgba(0, 0, 0, 0);border-left-style:solid;border-left-width:1px;border-right-color:rgba(0, 0, 0, 0);border-right-style:solid;border-right-width:1px;border-top-color:rgba(0, 0, 0, 0);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:8px;display:flex;font-size:14px;height:38px;line-height:20px;min-height:auto;row-gap:8px;width:415px;}
.lv .ws12{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:8px;display:flex;flex-basis:0%;flex-grow:1;height:40px;margin-bottom:-2px;margin-left:-4px;margin-right:-4px;margin-top:-2px;min-height:auto;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:292.844px;}
.lv .ws13{align-items:center;align-self:flex-start;box-sizing:border-box;column-gap:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;min-height:auto;min-width:auto;row-gap:8px;transform-origin:18px 18px;translate:0px 2px;width:36px;}
.lv .ws14{bottom:0px;box-sizing:border-box;display:flex;height:36px;left:0px;min-height:auto;min-width:auto;position:relative;right:0px;top:0px;width:36px;}
.lv .ws15{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-sizing:border-box;container-type:inline-size;display:flex;flex-shrink:0;height:36px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:36px;}
.lv .ws16{align-items:center;background-color:rgb(233, 226, 251);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(243, 238, 255) 0px, rgb(243, 238, 255) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-sizing:border-box;color:rgb(75, 53, 147);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-weight:600;height:36px;justify-content:center;letter-spacing:0.14px;line-height:18px;min-height:auto;min-width:auto;width:36px;}
.lv .ws17{box-sizing:border-box;column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:33.75px;min-height:auto;row-gap:0px;width:240.844px;}
.lv .ws18{align-items:center;box-sizing:border-box;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:147.031px;}
.lv .ws19{box-sizing:border-box;display:flow-root;font-size:13px;height:16.25px;line-height:16.25px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;text-wrap-style:balance;width:240.844px;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.lv .ws20{bottom:1304.81px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:17px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:431px;text-wrap-mode:nowrap;top:296.188px;width:1px;}
.lv .ws21{box-sizing:border-box;}
.lv .ws22{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:22px;min-height:auto;min-width:auto;row-gap:8px;width:120.156px;}
.lv .ws23{align-items:center;background-color:rgba(253, 234, 214, 0.8);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(97, 54, 9);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:120.156px;}
.lv .ws24{box-sizing:border-box;display:block;height:18px;min-height:auto;min-width:auto;width:100.156px;}
.lv .ws25{background-color:rgba(253, 234, 214, 0.8);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:12px;display:flex;flex-direction:column;height:142px;min-height:auto;min-width:auto;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:415px;}
.lv .ws26{box-sizing:border-box;column-gap:2px;display:flex;flex-direction:column;height:62px;min-height:auto;min-width:auto;row-gap:2px;width:383px;}
.lv .ws27{box-sizing:border-box;color:rgb(97, 54, 9);font-size:14px;font-weight:600;height:20px;line-height:20px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:383px;}
.lv .ws28{box-sizing:border-box;color:rgb(70, 59, 100);font-size:14px;height:40px;line-height:20px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:383px;}
.lv .ws29{box-sizing:border-box;column-gap:8px;display:grid;grid-template-columns:187.5px 187.5px;grid-template-rows:36px;height:36px;min-height:auto;min-width:auto;row-gap:8px;width:383px;}
.lv .ws30{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;min-height:auto;min-width:auto;padding-bottom:8px;padding-left:12px;padding-right:12px;padding-top:8px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:187.5px;}
.lv .ws31{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(28, 7, 66);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .ws32{fill:none;fill-opacity:1;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(28, 7, 66);transform-box:view-box;transform-origin:0px 0px;}
.lv .ws33{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:105.734px;}
.lv .ws34{align-items:center;background-color:rgb(28, 7, 66);background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;color:rgb(247, 244, 253);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;min-height:auto;min-width:auto;padding-bottom:8px;padding-left:12px;padding-right:12px;padding-top:8px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:187.5px;}
.lv .ws35{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(247, 244, 253);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .ws36{fill:none;fill-opacity:1;stroke:rgb(247, 244, 253);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(247, 244, 253);transform-box:view-box;transform-origin:0px 0px;}
.lv .ws37{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);box-sizing:border-box;flex-shrink:0;height:1px;min-height:auto;min-width:auto;width:415px;}
.lv .ws38{align-items:center;box-sizing:border-box;column-gap:12px;display:flex;height:24px;justify-content:space-between;min-height:auto;min-width:auto;row-gap:12px;width:415px;}
.lv .ws39{box-sizing:border-box;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:40.5312px;}
.lv .ws40{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:65.7031px;}
.lv .ws41{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:428px;min-height:auto;row-gap:8px;width:415px;}
.lv .ws42{box-sizing:border-box;column-gap:4px;display:flex;flex-direction:column;height:428px;list-style-type:none;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;padding-left:0px;row-gap:4px;width:415px;}
.lv .ws43{align-items:flex-start;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0px;box-sizing:border-box;column-gap:12px;display:flex;height:56px;left:0px;list-style-position:outside;min-height:auto;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;position:relative;right:0px;row-gap:12px;top:0px;width:415px;}
.lv .ws44{box-sizing:border-box;color:rgb(16, 86, 58);display:block;fill:none;flex-shrink:0;height:16px;margin-top:2px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(16, 86, 58);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .ws45{fill:none;fill-opacity:1;stroke:rgb(16, 86, 58);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(16, 86, 58);transform-box:view-box;transform-origin:0px 0px;}
.lv .ws46{box-sizing:border-box;column-gap:2px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:40px;min-height:auto;row-gap:2px;width:371px;}
.lv .ws47{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:14px;height:20px;line-height:20px;min-height:auto;min-width:auto;width:371px;}
.lv .ws48{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;flex-wrap:wrap;height:18px;min-height:auto;row-gap:4px;width:371px;}
.lv .ws49{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:136.531px;}
.lv .ws50{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:142.375px;}
.lv .ws51{align-items:flex-start;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0px;box-sizing:border-box;column-gap:12px;display:flex;height:60px;left:0px;list-style-position:outside;min-height:auto;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;position:relative;right:0px;row-gap:12px;top:0px;width:415px;}
.lv .ws52{box-sizing:border-box;color:rgb(82, 70, 115);display:block;fill:none;flex-shrink:0;height:16px;margin-top:2px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .ws53{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .ws54{box-sizing:border-box;column-gap:2px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:44px;min-height:auto;row-gap:2px;width:371px;}
.lv .ws55{box-sizing:border-box;display:block;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;min-width:auto;width:371px;}
.lv .ws56{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;flex-wrap:wrap;height:22px;min-height:auto;row-gap:4px;width:371px;}
.lv .ws57{align-items:center;background-color:rgba(255, 220, 217, 0.8);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(146, 13, 13);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:70.2031px;}
.lv .ws58{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:144.281px;}
.lv .ws59{bottom:29px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:114.203px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:301.797px;text-wrap-mode:nowrap;top:32px;width:1px;}
.lv .ws60{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:140.609px;}
.lv .ws61{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:145.984px;}
.lv .ws62{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:146.406px;}
.lv .ws63{border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;flex-shrink:0;height:69px;min-height:auto;min-width:auto;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:8px;width:447px;}
.lv .ws64{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;min-height:auto;min-width:auto;padding-bottom:8px;padding-left:12px;padding-right:12px;padding-top:8px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:415px;}
.lv .ws65{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:86.3438px;}
.lv .ws66{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;bottom:1560px;box-sizing:border-box;display:grid;grid-template-columns:24px;grid-template-rows:24px;height:24px;justify-items:center;left:407px;opacity:0.7;position:absolute;right:16px;text-align:center;top:16px;width:24px;}
.lv .ws67{box-sizing:border-box;display:block;fill:none;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(46, 36, 69);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .ws68{fill:none;fill-opacity:1;stroke:rgb(46, 36, 69);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(46, 36, 69);transform-box:view-box;transform-origin:0px 0px;}
.lv .ws69{bottom:12.5px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:12.5px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:12.5px;text-wrap-mode:nowrap;top:12.5px;width:1px;}
.lv .wh0{background-color:rgb(247, 244, 253);border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.16) 0px 8px 30px -4px;box-sizing:border-box;color:rgb(46, 36, 69);column-gap:0px;display:flex;flex-direction:column;flex-shrink:0;font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;height:1600px;line-height:24px;max-height:1600px;max-width:340px;min-width:340px;overflow-x:hidden;overflow-y:hidden;right:0px;row-gap:0px;width:340px;z-index:110;-webkit-font-smoothing:antialiased;margin:0;position:relative;}
.lv .wh1{border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;column-gap:6px;display:flex;flex-direction:column;flex-shrink:0;height:128.688px;min-height:auto;min-width:auto;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:6px;width:339px;}
.lv .wh2{box-sizing:border-box;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:22px;font-weight:600;height:29.6875px;letter-spacing:-0.55px;line-height:29.7px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:307px;}
.lv .wh3{box-sizing:border-box;color:rgb(70, 59, 100);font-size:14px;height:60px;line-height:20px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:307px;}
.lv .wh4{box-sizing:border-box;column-gap:20px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:1402.31px;min-width:auto;overflow-x:hidden;overflow-y:hidden;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:20px;width:339px;}
.lv .wh5{background-color:color(srgb 0.176471 0.0470588 0.411765 / 0.08);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;height:132px;min-height:auto;min-width:auto;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;width:307px;}
.lv .wh6{box-sizing:border-box;column-gap:24px;display:grid;grid-template-columns:125.5px 125.5px;grid-template-rows:42px 42px;height:100px;margin-bottom:0px;margin-top:0px;row-gap:16px;width:275px;}
.lv .wh7{align-items:stretch;box-sizing:border-box;column-gap:4px;display:flex;flex-direction:column;height:42px;row-gap:4px;width:125.5px;}
.lv .wh8{align-items:center;box-sizing:border-box;color:rgb(70, 59, 100);column-gap:6px;display:flex;flex-shrink:0;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;row-gap:6px;width:125.5px;}
.lv .wh9{box-sizing:border-box;flex-shrink:0;font-size:14px;font-weight:500;height:20px;justify-content:flex-end;line-height:20px;margin-left:0px;min-height:auto;width:125.5px;}
.lv .wh10{box-sizing:border-box;height:20px;max-width:100%;overflow-x:hidden;overflow-y:hidden;text-align:left;text-overflow:ellipsis;text-wrap-mode:nowrap;width:125.5px;}
.lv .wh11{align-items:center;border-bottom-color:rgba(0, 0, 0, 0);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:rgba(0, 0, 0, 0);border-left-style:solid;border-left-width:1px;border-right-color:rgba(0, 0, 0, 0);border-right-style:solid;border-right-width:1px;border-top-color:rgba(0, 0, 0, 0);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:8px;display:flex;font-size:14px;height:38px;line-height:20px;min-height:auto;row-gap:8px;width:307px;}
.lv .wh12{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:8px;display:flex;flex-basis:0%;flex-grow:1;height:40px;margin-bottom:-2px;margin-left:-4px;margin-right:-4px;margin-top:-2px;min-height:auto;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:184.844px;}
.lv .wh13{align-items:center;align-self:flex-start;box-sizing:border-box;column-gap:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;min-height:auto;min-width:auto;row-gap:8px;transform-origin:18px 18px;translate:0px 2px;width:36px;}
.lv .wh14{bottom:0px;box-sizing:border-box;display:flex;height:36px;left:0px;min-height:auto;min-width:auto;position:relative;right:0px;top:0px;width:36px;}
.lv .wh15{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;box-sizing:border-box;container-type:inline-size;display:flex;flex-shrink:0;height:36px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:36px;}
.lv .wh16{align-items:center;background-color:rgb(233, 226, 251);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(243, 238, 255) 0px, rgb(243, 238, 255) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;box-sizing:border-box;color:rgb(75, 53, 147);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-weight:600;height:36px;justify-content:center;letter-spacing:0.14px;line-height:18px;min-height:auto;min-width:auto;width:36px;}
.lv .wh17{box-sizing:border-box;column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:33.75px;min-height:auto;row-gap:0px;width:132.844px;}
.lv .wh18{align-items:center;box-sizing:border-box;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:132.844px;}
.lv .wh19{box-sizing:border-box;display:flow-root;font-size:13px;height:16.25px;line-height:16.25px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;text-wrap-style:balance;width:132.844px;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.lv .wh20{bottom:1284.81px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:17px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:323px;text-wrap-mode:nowrap;top:316.188px;width:1px;}
.lv .wh21{box-sizing:border-box;}
.lv .wh22{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:22px;min-height:auto;min-width:auto;row-gap:8px;width:120.156px;}
.lv .wh23{align-items:center;background-color:rgba(253, 234, 214, 0.8);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(97, 54, 9);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:120.156px;}
.lv .wh24{box-sizing:border-box;display:block;height:18px;min-height:auto;min-width:auto;width:100.156px;}
.lv .wh25{background-color:rgba(253, 234, 214, 0.8);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:12px;display:flex;flex-direction:column;height:142px;min-height:auto;min-width:auto;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:307px;}
.lv .wh26{box-sizing:border-box;column-gap:2px;display:flex;flex-direction:column;height:62px;min-height:auto;min-width:auto;row-gap:2px;width:275px;}
.lv .wh27{box-sizing:border-box;color:rgb(97, 54, 9);font-size:14px;font-weight:600;height:20px;line-height:20px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:275px;}
.lv .wh28{box-sizing:border-box;color:rgb(70, 59, 100);font-size:14px;height:40px;line-height:20px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:275px;}
.lv .wh29{box-sizing:border-box;column-gap:8px;display:grid;grid-template-columns:133.5px 133.5px;grid-template-rows:36px;height:36px;min-height:auto;min-width:auto;row-gap:8px;width:275px;}
.lv .wh30{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;min-height:auto;min-width:auto;padding-bottom:8px;padding-left:12px;padding-right:12px;padding-top:8px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:133.5px;}
.lv .wh31{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(28, 7, 66);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wh32{fill:none;fill-opacity:1;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(28, 7, 66);transform-box:view-box;transform-origin:0px 0px;}
.lv .wh33{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:105.734px;}
.lv .wh34{align-items:center;background-color:rgb(28, 7, 66);background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;box-sizing:border-box;color:rgb(247, 244, 253);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;min-height:auto;min-width:auto;padding-bottom:8px;padding-left:12px;padding-right:12px;padding-top:8px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:133.5px;}
.lv .wh35{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(247, 244, 253);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wh36{fill:none;fill-opacity:1;stroke:rgb(247, 244, 253);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(247, 244, 253);transform-box:view-box;transform-origin:0px 0px;}
.lv .wh37{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);box-sizing:border-box;flex-shrink:0;height:1px;min-height:auto;min-width:auto;width:307px;}
.lv .wh38{align-items:center;box-sizing:border-box;column-gap:12px;display:flex;height:24px;justify-content:space-between;min-height:auto;min-width:auto;row-gap:12px;width:307px;}
.lv .wh39{box-sizing:border-box;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:40.5312px;}
.lv .wh40{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;width:65.7031px;}
.lv .wh41{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:428px;min-height:auto;row-gap:8px;width:307px;}
.lv .wh42{box-sizing:border-box;column-gap:4px;display:flex;flex-direction:column;height:428px;list-style-type:none;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;padding-left:0px;row-gap:4px;width:307px;}
.lv .wh43{align-items:flex-start;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0px;box-sizing:border-box;column-gap:12px;display:flex;height:56px;left:0px;list-style-position:outside;min-height:auto;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;position:relative;right:0px;row-gap:12px;top:0px;width:307px;}
.lv .wh44{box-sizing:border-box;color:rgb(16, 86, 58);display:block;fill:none;flex-shrink:0;height:16px;margin-top:2px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(16, 86, 58);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wh45{fill:none;fill-opacity:1;stroke:rgb(16, 86, 58);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(16, 86, 58);transform-box:view-box;transform-origin:0px 0px;}
.lv .wh46{box-sizing:border-box;column-gap:2px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:40px;min-height:auto;row-gap:2px;width:263px;}
.lv .wh47{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:14px;height:20px;line-height:20px;min-height:auto;min-width:auto;width:263px;}
.lv .wh48{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;flex-wrap:wrap;height:18px;min-height:auto;row-gap:4px;width:263px;}
.lv .wh49{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:136.531px;}
.lv .wh50{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:142.375px;}
.lv .wh51{align-items:flex-start;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0px;box-sizing:border-box;column-gap:12px;display:flex;height:60px;left:0px;list-style-position:outside;min-height:auto;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;position:relative;right:0px;row-gap:12px;top:0px;width:307px;}
.lv .wh52{box-sizing:border-box;color:rgb(82, 70, 115);display:block;fill:none;flex-shrink:0;height:16px;margin-top:2px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wh53{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .wh54{box-sizing:border-box;column-gap:2px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:44px;min-height:auto;row-gap:2px;width:263px;}
.lv .wh55{box-sizing:border-box;display:block;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;min-width:auto;width:263px;}
.lv .wh56{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;flex-wrap:wrap;height:22px;min-height:auto;row-gap:4px;width:263px;}
.lv .wh57{align-items:center;background-color:rgba(255, 220, 217, 0.8);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(146, 13, 13);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:70.2031px;}
.lv .wh58{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:144.281px;}
.lv .wh59{bottom:29px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:114.203px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:193.797px;text-wrap-mode:nowrap;top:32px;width:1px;}
.lv .wh60{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:140.609px;}
.lv .wh61{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:145.984px;}
.lv .wh62{box-sizing:border-box;color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:auto;width:146.406px;}
.lv .wh63{border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-style:solid;border-top-width:1px;box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;flex-shrink:0;height:69px;min-height:auto;min-width:auto;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:8px;width:339px;}
.lv .wh64{align-items:center;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:12px;border-top-right-radius:12px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;min-height:auto;min-width:auto;padding-bottom:8px;padding-left:12px;padding-right:12px;padding-top:8px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:307px;}
.lv .wh65{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:86.3438px;}
.lv .wh66{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;bottom:1560px;box-sizing:border-box;display:grid;grid-template-columns:24px;grid-template-rows:24px;height:24px;justify-items:center;left:299px;opacity:0.7;position:absolute;right:16px;text-align:center;top:16px;width:24px;}
.lv .wh67{box-sizing:border-box;display:block;fill:none;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(46, 36, 69);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wh68{fill:none;fill-opacity:1;stroke:rgb(46, 36, 69);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(46, 36, 69);transform-box:view-box;transform-origin:0px 0px;}
.lv .wh69{bottom:12.5px;box-sizing:border-box;clip-path:inset(50%);display:block;height:1px;left:12.5px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:12.5px;text-wrap-mode:nowrap;top:12.5px;width:1px;}
.lv .wm0{background-color:rgba(247, 244, 253, 0.62);background-image:radial-gradient(color(srgb 0.180392 0.141176 0.270588 / 0.14) 1px, rgba(0, 0, 0, 0) 1px);background-position:0px 0px;background-size:16px 16px;border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(46, 36, 69);flex-shrink:0;font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;font-variant-numeric:tabular-nums;height:495px;line-height:24px;max-width:360px;min-height:auto;min-width:360px;right:0px;width:360px;-webkit-font-smoothing:antialiased;margin:0;position:relative;}
.lv .wm1{box-sizing:border-box;display:flex;flex-direction:column;height:493px;max-width:420px;padding-bottom:32px;padding-left:16px;padding-right:16px;padding-top:32px;width:358px;}
.lv .wm2{align-items:center;box-sizing:border-box;column-gap:10px;display:flex;height:22px;margin-bottom:12px;min-height:auto;min-width:auto;row-gap:10px;width:326px;}
.lv .wm3{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:50.1094px;}
.lv .wm4{box-sizing:border-box;color:rgb(82, 70, 115);display:block;flex-basis:0%;flex-grow:1;font-size:13px;height:18px;line-height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:265.891px;}
.lv .wm5{backdrop-filter:blur(14px);background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;bottom:0px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px;box-sizing:border-box;height:96px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:326px;}
.lv .wm6{background-color:rgb(45, 12, 105);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:321px;top:0px;width:3px;}
.lv .wm7{border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:6px;display:flex;flex-direction:column;height:94px;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;row-gap:6px;text-align:left;width:324px;}
.lv .wm8{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:22px;min-height:auto;min-width:auto;row-gap:8px;width:300px;}
.lv .wm9{box-sizing:border-box;color:rgb(82, 70, 115);display:block;height:16px;min-height:auto;min-width:auto;width:16px;}
.lv .wm10{box-sizing:border-box;display:block;fill:none;height:16px;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wm11{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .wm12{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:207.375px;}
.lv .wm13{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:60.625px;}
.lv .wm14{box-sizing:border-box;color:rgb(70, 59, 100);display:flow-root;font-size:13px;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;padding-left:24px;width:300px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lv .wm15{align-items:center;box-sizing:border-box;color:rgb(82, 70, 115);column-gap:6px;display:flex;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;padding-left:24px;row-gap:6px;width:300px;}
.lv .wm16{box-sizing:border-box;display:block;fill:none;height:14px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:13.2031px;overflow:visible;}
.lv .wm17{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .wm18{box-sizing:border-box;display:block;height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:256.797px;}
.lv .wm19{align-items:center;bottom:0px;box-sizing:border-box;display:flex;height:28px;justify-content:center;left:0px;min-height:auto;min-width:auto;position:relative;right:0px;top:0px;width:326px;}
.lv .wm20{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);box-sizing:border-box;height:28px;min-height:auto;min-width:auto;width:1px;}
.lv .wm21{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:9999px;border-top-right-radius:9999px;border-top-style:solid;border-top-width:1px;bottom:4px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:20px;justify-content:center;left:153px;line-height:20px;opacity:0;position:absolute;right:153px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;top:4px;width:20px;}
.lv .wm22{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(28, 7, 66);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wm23{fill:none;fill-opacity:1;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(28, 7, 66);transform-box:view-box;transform-origin:0px 0px;}
.lv .wm24{background-color:rgb(97, 54, 9);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:321px;top:0px;width:3px;}
.lv .wm25{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:221.375px;}
.lv .wm26{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:46.625px;}
.lv .wm27{box-sizing:border-box;display:block;fill:none;height:14px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible;}
.lv .wm28{box-sizing:border-box;display:block;height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:77.6875px;}
.lv .wm29{background-color:rgb(16, 86, 58);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:321px;top:0px;width:3px;}
.lv .wm30{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:181.281px;}
.lv .wm31{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:86.7188px;}
.lv .wm32{box-sizing:border-box;display:block;height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:81.9531px;}
.lv .wm33{box-sizing:border-box;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;width:326px;}
.lv .wm34{align-items:center;box-sizing:border-box;display:flex;height:28px;justify-content:center;width:326px;}
.lv .wm35{border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:dashed;border-bottom-width:2px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:dashed;border-left-width:2px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:dashed;border-right-width:2px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:dashed;border-top-width:2px;box-sizing:border-box;height:96px;width:326px;}
.lv .wm36{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);box-sizing:border-box;flex-shrink:0;height:1px;margin-bottom:16px;margin-top:16px;min-height:auto;min-width:auto;width:326px;}
.lv .wm37{box-sizing:border-box;color:rgb(70, 59, 100);font-size:13px;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:326px;}
.lv .wm35{display:none!important}
.lv .wn0{background-color:rgba(247, 244, 253, 0.62);background-image:radial-gradient(color(srgb 0.180392 0.141176 0.270588 / 0.14) 1px, rgba(0, 0, 0, 0) 1px);background-position:0px 0px;background-size:16px 16px;border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;box-sizing:border-box;color:rgb(46, 36, 69);flex-shrink:0;font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;font-variant-numeric:tabular-nums;height:513px;line-height:24px;max-width:360px;min-height:auto;min-width:360px;right:0px;width:360px;-webkit-font-smoothing:antialiased;margin:0;position:relative;}
.lv .wn1{box-sizing:border-box;display:flex;flex-direction:column;height:511px;max-width:420px;padding-bottom:32px;padding-left:16px;padding-right:16px;padding-top:32px;width:358px;}
.lv .wn2{align-items:center;box-sizing:border-box;column-gap:10px;display:flex;height:22px;margin-bottom:12px;min-height:auto;min-width:auto;row-gap:10px;width:326px;}
.lv .wn3{align-items:center;background-color:rgba(230, 243, 237, 0.8);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(16, 86, 58);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:56.4531px;}
.lv .wn4{box-sizing:border-box;color:rgb(82, 70, 115);display:block;flex-basis:0%;flex-grow:1;font-size:13px;height:18px;line-height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:259.547px;}
.lv .wn5{backdrop-filter:blur(14px);background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;bottom:0px;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px;box-sizing:border-box;height:96px;left:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:326px;}
.lv .wn6{background-color:rgb(45, 12, 105);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:321px;top:0px;width:3px;}
.lv .wn7{border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;box-sizing:border-box;column-gap:6px;display:flex;flex-direction:column;height:94px;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;row-gap:6px;text-align:left;width:324px;}
.lv .wn8{align-items:center;box-sizing:border-box;column-gap:8px;display:flex;height:22px;min-height:auto;min-width:auto;row-gap:8px;width:300px;}
.lv .wn9{box-sizing:border-box;color:rgb(82, 70, 115);display:block;height:16px;min-height:auto;min-width:auto;width:16px;}
.lv .wn10{box-sizing:border-box;display:block;fill:none;height:16px;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(82, 70, 115);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wn11{fill:none;fill-opacity:1;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(82, 70, 115);transform-box:view-box;transform-origin:0px 0px;}
.lv .wn12{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:207.375px;}
.lv .wn13{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:60.625px;}
.lv .wn14{box-sizing:border-box;color:rgb(70, 59, 100);display:flow-root;font-size:13px;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;padding-left:24px;width:300px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lv .wn15{align-items:center;box-sizing:border-box;color:rgb(82, 70, 115);column-gap:6px;display:flex;font-size:13px;height:18px;line-height:18px;min-height:auto;min-width:auto;padding-left:24px;row-gap:6px;width:300px;}
.lv .wn16{box-sizing:border-box;color:rgb(16, 86, 58);display:block;fill:none;height:14px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(16, 86, 58);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible;}
.lv .wn17{fill:none;fill-opacity:1;stroke:rgb(16, 86, 58);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(16, 86, 58);transform-box:view-box;transform-origin:0px 0px;}
.lv .wn18{box-sizing:border-box;color:rgb(16, 86, 58);display:block;font-weight:600;height:18px;min-height:auto;min-width:auto;width:66.1406px;}
.lv .wn19{align-items:center;bottom:0px;box-sizing:border-box;display:flex;height:28px;justify-content:center;left:0px;min-height:auto;min-width:auto;position:relative;right:0px;top:0px;width:326px;}
.lv .wn20{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.45);box-sizing:border-box;height:28px;min-height:auto;min-width:auto;width:1px;}
.lv .wn21{background-color:rgb(45, 12, 105);bottom:0px;box-sizing:border-box;height:28px;left:163px;position:absolute;right:161px;top:0px;transform-origin:1px 0px;translate:-50%;width:2px;}
.lv .wn22{align-items:center;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:9999px;border-top-right-radius:9999px;border-top-style:solid;border-top-width:1px;bottom:4px;box-sizing:border-box;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:20px;justify-content:center;left:153px;line-height:20px;opacity:0;position:absolute;right:153px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;top:4px;width:20px;}
.lv .wn23{box-sizing:border-box;display:block;fill:none;flex-shrink:0;height:16px;min-height:auto;min-width:auto;overflow-clip-margin:content-box;overflow-x:hidden;overflow-y:hidden;stroke:rgb(28, 7, 66);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible;}
.lv .wn24{fill:none;fill-opacity:1;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0px;opacity:1;font-family:"Hanken Grotesk", "Hanken Grotesk Fallback", system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;dominant-baseline:auto;color:rgb(28, 7, 66);transform-box:view-box;transform-origin:0px 0px;}
.lv .wn25{background-color:rgb(97, 54, 9);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:321px;top:0px;width:3px;}
.lv .wn26{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:221.375px;}
.lv .wn27{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:46.625px;}
.lv .wn28{box-sizing:border-box;color:rgb(16, 86, 58);display:block;font-weight:600;height:18px;min-height:auto;min-width:auto;width:66.5781px;}
.lv .wn29{box-sizing:border-box;display:block;height:18px;min-height:auto;min-width:auto;width:4.34375px;}
.lv .wn30{box-sizing:border-box;display:block;height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:57.6094px;}
.lv .wn31{background-color:rgb(16, 86, 58);bottom:0px;box-sizing:border-box;content:'';display:block;height:94px;left:0px;position:absolute;right:321px;top:0px;width:3px;}
.lv .wn32{box-sizing:border-box;display:block;flex-basis:0%;flex-grow:1;font-size:14px;font-weight:600;height:20px;line-height:20px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:181.281px;}
.lv .wn33{align-items:center;background-color:rgba(45, 12, 105, 0.09);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;box-sizing:border-box;color:rgb(45, 12, 105);column-gap:4px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:22px;line-height:18px;min-height:auto;min-width:auto;padding-bottom:2px;padding-left:10px;padding-right:10px;padding-top:2px;row-gap:4px;text-wrap-mode:nowrap;width:86.7188px;}
.lv .wn34{box-sizing:border-box;color:rgb(16, 86, 58);display:block;font-weight:600;height:18px;min-height:auto;min-width:auto;width:62.4375px;}
.lv .wn35{box-sizing:border-box;display:block;height:18px;min-height:auto;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:79.1562px;}
.lv .wn36{box-sizing:border-box;min-height:auto;min-width:auto;overflow-x:hidden;overflow-y:hidden;width:326px;}
.lv .wn37{align-items:center;box-sizing:border-box;display:flex;height:28px;justify-content:center;width:326px;}
.lv .wn38{border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:dashed;border-bottom-width:2px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-left-style:dashed;border-left-width:2px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-right-style:dashed;border-right-width:2px;border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:dashed;border-top-width:2px;box-sizing:border-box;height:96px;width:326px;}
.lv .wn39{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);box-sizing:border-box;flex-shrink:0;height:1px;margin-bottom:16px;margin-top:16px;min-height:auto;min-width:auto;width:326px;}
.lv .wn40{box-sizing:border-box;color:rgb(70, 59, 100);font-size:13px;height:36px;line-height:18px;margin-bottom:0px;margin-top:0px;min-height:auto;min-width:auto;width:326px;}
.lv .wn38{display:none!important}
.lv .ws0{height:auto!important}
.hs .wh49,.hs .wh47,.hs .wh18,.hs .wh19,.hs .wh10,.hs .wh46,.hs .wh48{width:auto!important}
.lv .wh0{height:auto!important}
.lv .wt24>span{width:auto!important}
.lv .wt5{width:auto!important;white-space:nowrap}
.lv .wt0,.lv .wt1,.lv .wt33{height:auto!important}
.bframe .lv .wb0,.bframe .lv .wb18,.bframe .lv .wb19,.bframe .lv .wb48,.bframe .lv .wb62{height:auto!important}
.hs .hbw .wh23{background:transparent!important;width:auto!important;padding:0!important}

/* Shared with the start page, 20 Oct */
/* ==== tokens (work/tokens/tokens.css, prepended by tokenize.py --with-tokens) ==== */
/* simployer.com tokens (21 Oct). One layer on :root, read by every board.
   Two tiers:
     1. Primitives: literal values. tools/tokenize.py rewrites raw values to these, and only to these, so a rewrite never
        changes a computed value. Primitives are never redefined in a narrower scope.
     2. Semantic tokens: what a value is for, always a var() of a primitive. New work and the HubSpot theme fields use these.
   The site's existing names (--ink, --plum, --ease, --win, --sp, --fs-d1 ...) stay where they are defined today (some are
   responsive, some live on .pgC and one is redefined locally); this file does not redefine them. Their primitive is
   listed next to each in the "Existing names" block at the end, and the codemod points their definitions at it.
   Solstice alignment: [=S] same value and meaning as Solstice (references/tokens.md), [~S] same value, different name,
   [!S] same name or role in Solstice with a different value. Nothing here changes a value to match Solstice.
   Build note: this text passes through optA/tools/b9_post.py, so it holds no colour b9 retires and the display stack
   already carries its fallback face. */
:root{
  /* ---------------------------------------------------------------- colour: neutrals */
  --white:#FFFFFF;
  --black:#000000;
  /* ink: the cool near-black of the type, and its greys */
  --ink-900:#1F1B2E;  /* text strong, dark band ground (legacy --ink) */
  --ink-700:#4A4458;  /* body text on light (legacy --mute) */
  --ink-600:#6A6377;  /* meta, captions, placeholders; b9_post.py folds three older greys into it */
  --ink-500:#7A7387;
  --ink-450:#827B91;  /* field edges in the booking card and hero props */
  --ink-400:#8A8496;  /* faint (legacy --faint) [!S --m-mut is #5F5480] */
  --ink-300:#A9A2BC;  /* secondary text on the dark band */
  --ink-200:#CFC9DA;  /* body text on the dark band */
  --ink-150:#D6D0DE;  /* field edges, base boards */
  --ink-100:#DDD6E6;  /* cool hairline (menu rows) */
  /* mauve: the violet greys the lifted product chrome brought along */
  --mauve-700:#463B64;
  --mauve-500:#6B6380;
  --mauve-400:#8E85A6;
  --mauve-300:#A99CCF; /* [~S --m-mut, Himmel dark] */
  --mauve-250:#B9AFCC;
  /* --mauve-100 (#E6DFF2) folded into --lav-100 on 21 Oct (decision 4) */
  /* paper: the warm page */
  --paper-50:#FBFAF7;  /* raised surface: menu, popovers */
  --paper-100:#F1EFE9; /* the page */
  --paper-150:#EEEAE3;
  --paper-200:#E9E4D8;
  --paper-300:#DDD8CD; /* warm hairline (legacy --line) */

  /* ---------------------------------------------------------------- colour: brand */
  --plum-950:#1F0850;  /* primary button hover */
  --plum-900:#2D0C69;  /* primary, type accent (legacy --plum) [=S --m-accent, Himmel light] */
  --plum-800:#3A1784;
  --lav-600:#6B45C9;   /* lavender as type or a thin line (legacy --lav-ink; also --focus) */
  --lav-500:#9773FF;   /* the logo's lavender (legacy --lav) [=S logo lavender] */
  --lav-400:#B39FFF;   /* [=S Himmel accent, dark] */
  --lav-350:#B9A6FF;   /* focus ring on dark grounds (legacy --focus-dark) */
  --lav-300:#CBB9FF;   /* ::selection, footer focus */
  --lav-250:#CDBFF0;
  /* the lavender tint ramp (decision 4, 21 Oct): every lavender tint near #F6F2FF now lands on one of these five */
  --lav-200:#D9CFF5;
  --lav-150:#E4DAFB;
  --lav-100:#E9E4F4;   /* announcement ground; also the cool hairline-tint the product chrome used */
  --lav-75:#EFEAFB;    /* [=S --m-ink, Himmel dark] */
  --lav-50:#F6F2FF;    /* tint ground, light text on plum [=S --m-accent-ink] */
  /* Himmel, the Solstice default sky: the mat behind windows and the dark band's night [=S ground light / dark] */
  --himmel-1:#FFD8BA;
  --himmel-2:#F7D5E4;
  --himmel-3:#E3D5F3;
  --himmel-4:#CDC0EA;
  --himmel-night-1:#2A1A55;
  --himmel-night-2:#221646;
  --himmel-night-3:#1B1038;
  --himmel-night-4:#0E0722;

  /* ---------------------------------------------------------------- colour: status and props */
  --green-800:#10563A; /* done by a person, ok states */
  --green-300:#8ED3B0;
  --green-100:#DDEFE3;
  --red-700:#A8233F;   /* field errors, passes on white and cream */
  --rose-600:#8C4A5A;
  --amber-300:#FBE88A; /* sticky notes and paper props */
  --amber-200:#FFF3A6;
  --amber-100:#FBEFC4;
  --peach-100:#FBE0D3;
  --blue-800:#25307A;  /* handwriting ink on the hero's paper props */

  /* channels, for alpha: rgba(var(--ink-900-rgb),.08) */
  --white-rgb:255,255,255;
  --black-rgb:0,0,0;
  --ink-900-rgb:31,27,46;
  --plum-900-rgb:45,12,105;
  --lav-500-rgb:151,115,255;
  --lav-400-rgb:179,159,255;
  --green-300-rgb:142,211,176;
  --himmel-night-4-rgb:14,7,34;
  --shade-rgb:10,8,16;          /* the deep shadow under dark floating UI */
  --violet-rgb:122,90,240;      /* the builder's run dot glow (its hex form is folded into --lav-600 by b9_post.py) */
  --alert-rgb:190,40,40;
  --amber-shadow-rgb:90,64,0;   /* shadows under paper props */

  /* alpha scale (decision 4, 21 Oct): .04 .06 .08 .12 .16 .24 .45 for every colour; 0 and 1 stay; from .6 up an alpha is
     kept unless it sits within .02 of .6 / .7 / .8 / .9. Named per colour for the five that carry most of the alphas;
     any other colour writes rgba(var(--x-rgb),.08) with a step from the same scale. */
  --plum-a04:rgba(var(--plum-900-rgb),.04); --plum-a06:rgba(var(--plum-900-rgb),.06); --plum-a08:rgba(var(--plum-900-rgb),.08);
  --plum-a12:rgba(var(--plum-900-rgb),.12); --plum-a16:rgba(var(--plum-900-rgb),.16); --plum-a24:rgba(var(--plum-900-rgb),.24);
  --plum-a45:rgba(var(--plum-900-rgb),.45);
  --ink-a04:rgba(var(--ink-900-rgb),.04); --ink-a06:rgba(var(--ink-900-rgb),.06); --ink-a08:rgba(var(--ink-900-rgb),.08);
  --ink-a12:rgba(var(--ink-900-rgb),.12); --ink-a16:rgba(var(--ink-900-rgb),.16); --ink-a24:rgba(var(--ink-900-rgb),.24);
  --ink-a45:rgba(var(--ink-900-rgb),.45);
  --white-a04:rgba(var(--white-rgb),.04); --white-a06:rgba(var(--white-rgb),.06); --white-a08:rgba(var(--white-rgb),.08);
  --white-a12:rgba(var(--white-rgb),.12); --white-a16:rgba(var(--white-rgb),.16); --white-a24:rgba(var(--white-rgb),.24);
  --white-a45:rgba(var(--white-rgb),.45);
  --black-a04:rgba(var(--black-rgb),.04); --black-a06:rgba(var(--black-rgb),.06); --black-a08:rgba(var(--black-rgb),.08);
  --black-a12:rgba(var(--black-rgb),.12); --black-a16:rgba(var(--black-rgb),.16); --black-a24:rgba(var(--black-rgb),.24);
  --black-a45:rgba(var(--black-rgb),.45);
  --lav-a04:rgba(var(--lav-500-rgb),.04); --lav-a06:rgba(var(--lav-500-rgb),.06); --lav-a08:rgba(var(--lav-500-rgb),.08);
  --lav-a12:rgba(var(--lav-500-rgb),.12); --lav-a16:rgba(var(--lav-500-rgb),.16); --lav-a24:rgba(var(--lav-500-rgb),.24);
  --lav-a45:rgba(var(--lav-500-rgb),.45);

  /* ---------------------------------------------------------------- type */
  --font-ui:'Hanken Grotesk',system-ui,sans-serif;               /* [=S --font-ui] */
  --font-display:Fraunces,'Fraunces Fallback',Georgia,serif;    /* metric-matched fallback from B9 */
  --font-hand:Caveat,cursive;                                     /* base boards only; the face is no longer loaded */
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
  --fw-heavy:800;
  /* sizes: Hanken 12 to 20 (B4), the fixed Fraunces steps, and the phone display steps. Responsive display sizes are
     the existing --fs-d1..d6. [!S product scale is 12/13/14/16 plus 11] */
  --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-15:15px; --fs-16:16px; --fs-18:18px; --fs-20:20px;
  --fs-24:24px; --fs-26:26px; --fs-28:28px; --fs-30:30px; --fs-32:32px; --fs-40:40px; --fs-44:44px; --fs-56:56px;
  --lh-100:1; --lh-102:1.02; --lh-108:1.08; --lh-110:1.1; --lh-112:1.12; --lh-115:1.15; --lh-120:1.2; --lh-125:1.25;
  --lh-130:1.3; --lh-135:1.35; --lh-140:1.4; --lh-145:1.45; --lh-150:1.5; --lh-155:1.55;
  --ls-display:-.024em;  /* hero h1 */
  --ls-h2:-.018em;
  --ls-heading:-.015em;
  --ls-snug:-.01em;
  --ls-slight:-.005em;
  --ls-wide:.02em;
  --ls-caps:.06em;
  --ls-caps-wide:.09em;
  --ls-caps-xwide:.14em;

  /* ---------------------------------------------------------------- space (px-named, the 4px grid; decision 3, 21 Oct)
     padding, margin and gap sit on multiples of 4; under 4px is an optical nudge and stays raw (2px keeps a token) */
  --space-2:2px; --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px; --space-20:20px; --space-24:24px;
  --space-28:28px; --space-32:32px; --space-36:36px; --space-40:40px; --space-44:44px; --space-48:48px; --space-52:52px;
  --space-56:56px; --space-64:64px; --space-72:72px; --space-80:80px; --space-88:88px; --space-96:96px; --space-104:104px;
  --space-112:112px; --space-120:120px; --space-128:128px; --space-136:136px; --space-144:144px; --space-152:152px;

  /* ---------------------------------------------------------------- radius */
  --radius-2:2px; --radius-3:3px; --radius-4:4px; --radius-6:6px; --radius-8:8px; --radius-10:10px;
  --radius-12:12px; --radius-14:14px; --radius-16:16px; --radius-18:18px; --radius-20:20px; --radius-24:24px;
  --radius-28:28px;
  --radius-pill:999px;  /* [=S --m-rpill] */

  /* ---------------------------------------------------------------- elevation (whole box-shadow values in use) */
  --shadow-window:0 0 0 1px var(--plum-a08),0 2px 6px var(--plum-a06),0 40px 80px -40px var(--plum-a45); /* legacy --win, the menu surface */
  --shadow-popover:0 0 0 1px var(--plum-a08),0 24px 48px -24px var(--plum-a45);
  --shadow-card-hover:0 0 0 1px var(--plum-a16),0 16px 32px -20px var(--plum-a45);   /* ring .14 -> .16 (decision 4) */
  --shadow-chip:0 0 0 1px var(--plum-a06),0 10px 24px -14px var(--plum-a45);          /* drop .35 -> .45 (decision 4) */
  --shadow-lift:0 1px 2px var(--ink-a06),0 16px 36px -20px var(--ink-a24);           /* legacy --lift; drop .32 -> .24 (decision 4) */
  --shadow-ring:0 0 0 1px var(--plum-a08);
  --shadow-ring-inset:inset 0 0 0 1px var(--plum-a06);                                /* .05 -> .06 (decision 4) */
  --shadow-ring-white:0 0 0 2px var(--white);
  --shadow-header:0 1px 0 var(--ink-a08);
  --shadow-header-dark:0 1px 0 var(--white-a08);
  --shadow-btn-hover:0 12px 24px -14px rgba(var(--plum-900-rgb),.75);
  --shadow-btn-light-hover:0 12px 26px -14px rgba(var(--black-rgb),.65);
  --shadow-bubble:0 12px 24px -12px var(--ink-a45);
  --shadow-float:0 8px 20px -12px var(--ink-a45);                                     /* .5 -> .45 (decision 4) */
  --shadow-peel:0 1px 1px var(--black-a08),0 18px 28px -18px rgba(var(--black-rgb),.6);
  --shadow-peel-hover:0 1px 1px var(--black-a08),0 30px 40px -18px rgba(var(--black-rgb),.6);
  --shadow-peel-held:0 1px 1px var(--black-a08),0 34px 44px -18px rgba(var(--black-rgb),.6);
  --shadow-fab:0 0 0 1px var(--white-a06),0 16px 36px -14px rgba(var(--shade-rgb),.6);
  --shadow-fab-open:0 0 0 1px var(--white-a06),0 24px 48px -16px rgba(var(--shade-rgb),.6);

  /* ---------------------------------------------------------------- motion */
  /* durations (decision 1, 21 Oct): the whole scale. Every CSS duration up to 1s sits on one of these nine steps; longer
     ones are ambient loops (marquee, sweeps) and stay as written. --t0..t3 and --d1..d3 point at steps. */
  --dur-120:120ms;  /* press, hover [=S --dur-fast] */
  --dur-160:160ms;
  --dur-200:200ms;  /* small state [=S --dur-base] */
  --dur-300:300ms;
  --dur-400:400ms;
  --dur-500:500ms;  /* arrivals */
  --dur-600:600ms;
  --dur-700:700ms;  /* the cap */
  --dur-900:900ms;
  --ease-sheet:cubic-bezier(.32,.72,0,1);      /* legacy --ease [=S --ease-sheet] */
  --ease-spring:cubic-bezier(.34,1.56,.64,1);  /* legacy --pop [=S --ease-spring] */
  --ease-out-quint:cubic-bezier(.23,1,.32,1);  /* hover lifts, button feedback */
  --ease-in-out:cubic-bezier(.65,0,.35,1);     /* the menu's indicator and carets */
  --ease-in:cubic-bezier(.4,0,1,1);            /* exits. Was the site's --ease-out (an ease-in by shape); renamed 21 Oct, no alias */
  --ease-out-expo:cubic-bezier(.16,1,.3,1);    /* [=S --ease-out] */

  /* ---------------------------------------------------------------- layers (page ladder; 0 to 10 stay local to a component) */
  --layer-panel:45;
  --layer-sheet:49;     /* the phone menu sheet, and tossed cards, sit under the header */
  --layer-header:50;
  --layer-menu:60;
  --layer-menu-pop:61;
  --layer-toast:70;
  --layer-fab:95;
  --layer-skip:200;

  /* ---------------------------------------------------------------- breakpoints (media queries cannot read custom properties; reference only)
     phone      max-width: 600px     (Solstice-free; also 359, 374, 420/430 for the narrowest phones)
     tablet     601px to 1000px      (desktop starts at min-width: 1001px everywhere since 21 Oct; at exactly 1000px only tablet applies)
     desktop    min-width: 1001px    (short laptops: max-height 700 / 800 / 860 / 920)
     large      min-width: 1800px and 2400px zoom the page a step each */

  /* ================================================================ semantic tokens */
  /* surfaces */
  --surface-page:var(--paper-100);
  --surface-raised:var(--paper-50);
  --surface-card:var(--white);
  --surface-tint:var(--lav-50);
  --surface-announce:var(--lav-100);
  --surface-dark:var(--ink-900);
  /* text */
  --text-strong:var(--ink-900);
  --text-body:var(--ink-700);
  --text-meta:var(--ink-600);
  --text-faint:var(--ink-400);
  --text-brand:var(--plum-900);
  --text-accent:var(--lav-600);
  --text-on-accent:var(--lav-50);
  --text-error:var(--red-700);
  /* borders */
  --border-warm:var(--paper-300);
  --border-cool:var(--ink-100);
  --border-subtle:var(--plum-a08);
  --border-field:var(--ink-450);
  /* accent and brand */
  --accent:var(--plum-900);
  --accent-hover:var(--plum-950);
  --brand-lavender:var(--lav-500);
  --brand-lavender-ink:var(--lav-600);
  /* focus (the rings themselves keep the existing --focus / --focus-dark) */
  --focus-ring-width:2px;
  --focus-ring-offset:2px;
  /* buttons */
  --btn-height:48px;
  --btn-pad-x:var(--space-24);
  --btn-radius:var(--radius-12);
  --btn-bg:var(--plum-900);
  --btn-bg-hover:var(--plum-950);
  --btn-fg:var(--lav-50);
  --btn-font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);
  --btn2-border:var(--ink-a24);                       /* .22 -> .24 (decision 4) */
  --btn2-border-hover:rgba(var(--ink-900-rgb),.6);     /* .55 -> .6 (decision 4) */
  /* cards */
  --card-bg:var(--white);
  --card-radius:var(--radius-20);
  --card-pad:var(--space-36);
  --card-shadow-hover:var(--shadow-card-hover);
  --card-tint-bg:var(--lav-50);
  /* the frame around every product render (21 Oct: one corner, one ring and shadow) */
  --win-radius:var(--radius-18);
  --win-shadow:var(--shadow-window);
  --win-mat:linear-gradient(160deg,var(--himmel-1) 0%,var(--himmel-2) 34%,var(--himmel-3) 68%,var(--himmel-4) 100%);
  /* sections: aliases of the responsive B3 scale (--sp, --sp-dark, --sp-h, --sp-hero, defined in optA-start.css) */
  --section-y:var(--sp);
  --section-y-dark:var(--sp-dark);
  --section-head-gap:var(--sp-h);
  --section-y-hero:var(--sp-hero);
  --container-max:1240px;
  /* the dark band */
  --band-dark-bg:var(--ink-900);
  --band-dark-text:var(--ink-200);
  --band-dark-mute:var(--ink-300);
  --band-dark-heading:var(--lav-50);
  --band-dark-card:var(--white-a04);
  --band-dark-line:var(--white-a08);
  --band-dark-radius:var(--radius-28);
  /* motion roles (B9) */
  --motion-press:var(--dur-120);
  --motion-state:var(--dur-200);
  --motion-arrive:var(--dur-500);
  --motion-cap:var(--dur-700);
}
/* Existing names, unchanged and still defined where they are today (tools/tokenize.py rewrites their definitions to these):
   .pgC   --ink  = --ink-900      --mute = --ink-700      --faint = --ink-400     --line = --paper-300
          --plum = --plum-900     --ease = --ease-sheet   --pop   = --ease-spring --lift = --shadow-lift
          --win  = --shadow-window (the second definition; the first, 2px 4px / 32px 64px, is overridden and dead)
          --sky  = --win-mat      --night = 170deg gradient of --himmel-night-1..4
          --d1/--d2/--d3 = 200/500/900ms (note: --d1 is 200, not the 120 of --t0)
   :root  --lav  = --lav-500      --lav-ink = --lav-600   --focus = var(--lav-ink)  --focus-dark = --lav-350
          --t0..--t3 = --dur-120/200/500/700     --ease-out: removed 21 Oct, its uses read --ease-in
          --sp/--sp-dark/--sp-h/--sp-hero and --fs-d1..d6: responsive, defined with their media queries in optA-start.css
   local  .pz redefines --ink (#2B2452) and --pink; .agent defines --c; hero scales (--hk, --sc, --ck ...) are layout maths */
/* Solstice names (decision 5, 21 Oct): the site keeps its own names; this is the documented map to the Solstice --m-*
   (and motion) names, by role. No value changes. Also in tokens.json ($extensions.solstice) and the README.
   --plum-900       -> --m-accent             same value (Himmel, light)
   --lav-50         -> --m-accent-ink         same value
   --text-strong    -> --m-ink                site #1F1B2E, Solstice #3A2F55
   --text-meta      -> --m-mut                site #6A6377, Solstice #5F5480
   --surface-page   -> --m-page               site #F1EFE9 (warm paper), Solstice #F4F0FA
   --surface-raised -> --m-canvas             site #FBFAF7, Solstice #F7F4FD
   --border-cool    -> --m-side-line          site #DDD6E6, Solstice #E6DFF2
   --lav-75         -> --m-ink (dark)         same value
   --mauve-300      -> --m-mut (dark)         same value
   --lav-400        -> Himmel accent (dark)   same value as the sky table; tokens.md lists --m-accent dark as #9E80FF
   --win-mat        -> Himmel ground (light)  same stops
   --himmel-night-1 -> Himmel ground (dark), stop 1 same stops (1..4)
   --font-ui        -> --font-ui / --m-ui     same stack
   --radius-16      -> --m-rcard              same value; site cards use 20 (--card-radius)
   --radius-12      -> --m-rctl               same value (--btn-radius)
   --radius-6       -> --m-rsm                same value
   --radius-3       -> --m-rbar               same value
   --radius-pill    -> --m-rpill              same value
   --space-4        -> --m-sp-1               same value
   --space-8        -> --m-sp-3               same value
   --space-16       -> --m-sp-6               same value
   --space-24       -> --m-lay-2              same value
   --space-36       -> --m-lay-4              same value
   --fs-12          -> --m-fs-1               same value
   --fs-13          -> --m-fs-2               same value
   --fs-14          -> --m-fs-3               same value
   --fs-16          -> --m-fs-4               same value
   --lh-120         -> --m-lh-tight           same value
   --lh-150         -> --m-lh-ui              same value
   --dur-120        -> --dur-fast             same value
   --dur-200        -> --dur-base             same value
   --ease-sheet     -> --ease-sheet           same value
   --ease-spring    -> --ease-spring          same value
   --ease-out-expo  -> --ease-out             same value; the site has no --ease-out any more
   --layer-header   -> z ladder: bar          site 50, Solstice 44
   --layer-sheet    -> z ladder: sheet        site 49, Solstice 46
   --layer-toast    -> z ladder: toast        site 70, Solstice 60
   Solstice steps with no site value: --dur-med 320, --dur-slow 450, --m-fs-0 11, --m-sp-2/4/5 (6/10/13), --m-lay-1/3 (18/30). */

/* ==== end tokens ==== */
/* Announcement bar: one quiet line above the header, no motion. */
.ann{display:flex;align-items:center;justify-content:center;gap:var(--space-12);min-height:40px;padding:var(--space-8) var(--space-20);box-sizing:border-box;background:var(--lav-100);color:var(--plum-900);font:var(--fw-medium) var(--fs-14)/var(--lh-135) var(--font-ui);text-decoration:none;text-align:center}
.ann-new{flex:none;padding:3px var(--space-8) var(--space-4);border-radius:var(--radius-pill);background:var(--white);font-size:var(--fs-12);font-weight:var(--fw-semibold);line-height:var(--lh-100)}
.ann-ar{flex:none;transition:transform var(--d1) var(--ease)}
.ann:hover .ann-t{text-decoration:underline;text-underline-offset:3px}
.ann:hover .ann-ar{transform:translateX(3px)}

/* Hero: Meet Sia above the headline, one short promise, two buttons. The tally waits until a message is touched. */
.msia{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-8);margin:0 0 -6px;font:var(--fw-regular) var(--fs-15)/var(--lh-130) var(--font-ui);color:var(--ink-600)}
.msia b{font-weight:var(--fw-semibold);color:var(--ink-900)}
.msia .smk{width:16px;height:16px;flex:none}
.btn2{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-24);border-radius:var(--radius-12);background:transparent;color:var(--ink-900);border:1px solid var(--ink-a24);font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);text-decoration:none;transition:border-color var(--d1) linear,background-color var(--d1) linear,transform var(--d1) var(--ease-out-quint)}
@media (hover:hover){.btn.btn2:hover{background:transparent!important;color:var(--ink-900)!important;border-color:rgba(var(--ink-900-rgb),.6);box-shadow:none;transform:none}}
.btn2:active{transform:scale(.97)}
/* The counter is a chip on the photo, where the clearing happens. It shows from the first touch. */
.stage .tally{position:absolute;z-index:35;right:16px;top:561px;display:flex;align-items:center;gap:var(--space-8) var(--space-16);padding:var(--space-8) var(--space-12) var(--space-8) var(--space-16);border-radius:var(--radius-pill);background:var(--white);font:var(--fw-semibold) var(--fs-13)/var(--lh-120) var(--font-ui);color:var(--ink-700);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 14px 28px -16px var(--ink-a45);opacity:0;pointer-events:none;transform:translateY(-100%) translateY(6px);transition:opacity var(--d2) var(--ease),transform var(--d2) var(--ease)}
.stage.touched .tally{opacity:1;pointer-events:auto;transform:translateY(-100%)}
.clear .stage .tally{opacity:0;pointer-events:none}
.tally .tl{display:inline-flex;align-items:baseline;gap:.3em}
.tally .tl i{align-self:center;width:7px;height:7px;margin-right:3px;border-radius:50%;background:var(--plum-900)}
.tally .tl.hu i{background:var(--green-800)}
.tally .odo{color:var(--ink-900)}
.tally .tbtn{margin-left:var(--space-4);padding:var(--space-8) var(--space-12) var(--space-8);border-radius:var(--radius-pill);background:var(--lav-50);font-size:var(--fs-13)}
@media (hover:hover){.tally .tbtn:hover{background:var(--lav-100)}}
@media (max-width:1000px){.stage .tally{right:auto;left:50%;top:485px;transform:translate(-50%,-100%) translateY(6px)}.stage.touched .tally{transform:translate(-50%,-100%)}}
@media (max-width:600px){.stage .tally{top:calc((100vw - 40px) * .82 * 1.25 + 10px);font-size:var(--fs-12);gap:var(--space-4) var(--space-12);white-space:normal;flex-wrap:wrap;justify-content:center;border-radius:var(--radius-16);width:max-content;max-width:calc(100% - 32px)}}
.hint2{position:absolute;z-index:20;left:auto;bottom:auto;right:0;top:591px;width:460px;display:block;text-align:center;font:var(--fw-medium) var(--fs-13)/28px var(--font-ui);color:var(--ink-600);opacity:0;transform:translateY(4px);transition:opacity var(--d2) var(--ease),transform var(--d2) var(--ease);pointer-events:none}
.hint2.on{opacity:1;transform:none}
.stage.touched .hint2,.clear .hint2{opacity:0;transform:none;transition-duration:var(--d1)}
.hint2 .ck{display:none}
@media (hover:hover) and (pointer:fine){.hint2 .ck{display:inline}.hint2 .tp{display:none}}
@media (max-width:1000px){.hint2{left:0;right:0;width:auto;top:511px}}
@media (max-width:600px){.hint2{top:calc((100vw - 40px) * .82 * 1.25 + 30px);font-size:var(--fs-13)}}

/* Trust strip, the same on every page: one line, the names, and the security marks as a quiet line under them. */
.tstrip{padding:var(--space-24) 0 var(--space-120)}
.tstrip .wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-32)}
.tstrip .wrap::before{content:"";align-self:stretch;height:1px;margin-bottom:var(--space-12);background:var(--paper-300)}
.tstrip .ptext{margin:0;font:var(--fw-medium) var(--fs-15)/var(--lh-140) var(--font-ui);color:var(--ink-700);text-align:center}
.tstrip .plogos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-20) var(--space-52);margin:0;padding:0;list-style:none;color:var(--plum-900);opacity:.5}
.tstrip .plogos li{white-space:nowrap;font:var(--fw-semibold) 19px/var(--lh-100) var(--font-ui);letter-spacing:var(--ls-snug)}
.seal-l{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8) 0;margin:var(--space-2) 0 0;font:var(--fw-regular) var(--fs-14)/var(--lh-140) var(--font-ui);color:var(--ink-600)}
.seal-l span+span::before{content:"·";margin:0 var(--space-12);color:var(--ink-300)}

/* One dark band: the same sick day four ways, then Meet Sia with the window you can try. */
.cmp,.flysec.dark{background:var(--ink-900);color:var(--ink-200)}
.cmp{padding:var(--space-152) 0 var(--space-112);border-radius:var(--radius-28) var(--radius-28) 0 0}
.cmp .h2,.flysec.dark .h2{color:var(--lav-50)}
.cmp-l{margin:var(--space-16) 0 0;font-size:var(--fs-18);line-height:var(--lh-150);color:var(--ink-300)}
.cmpg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-20);margin:var(--space-64) 0 0;padding:0;list-style:none}
.cmpg li{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-20) var(--space-20) var(--space-28);border-radius:var(--radius-20);background:var(--white-a04);box-shadow:inset 0 0 0 1px var(--white-a08)}
.cmpg h3{margin:var(--space-12) var(--space-8) 0;font:var(--fw-semibold) 17px/var(--lh-130) var(--font-ui);color:var(--lav-50)}
.cmpg p{margin:0 var(--space-8);flex:1;font-size:var(--fs-15);line-height:var(--lh-150);color:var(--ink-300);text-wrap:pretty}
.cmpv{display:inline-flex;align-items:center;gap:var(--space-8);margin:var(--space-8) var(--space-8) 0;font:var(--fw-semibold) var(--fs-14)/var(--lh-120) var(--font-ui);color:var(--ink-400)}
.cmpg li.on{background:var(--lav-50);box-shadow:none}
.cmpg li.on h3{color:var(--ink-900)}
.cmpg li.on p{color:var(--ink-700)}
.cmpg li.on .cmpv{color:var(--plum-900)}
.cmpv svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cmc{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-16);background:var(--white);color:var(--ink-900);font:var(--fw-regular) var(--fs-14)/var(--lh-135) var(--font-ui);box-shadow:0 14px 28px -18px rgba(var(--black-rgb),.6)}
.cmpg li:nth-child(1) .cmc{transform:rotate(-1.5deg)}
.cmpg li:nth-child(2) .cmc{transform:rotate(1deg)}
.cmpg li:nth-child(3) .cmc{transform:rotate(-.8deg)}
.cmpg li.on .cmc{box-shadow:0 0 0 1px var(--plum-a08),0 10px 22px -16px var(--plum-a45)}
.cmc .cfill{width:34px;height:34px;border-radius:var(--radius-10);flex:none}
.cmc .cdone{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--lav-150);flex:none}
.cmc .cdone svg{width:16px;height:16px;fill:none;stroke:var(--plum-900);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cmc .cb{min-width:0}
.cmc .cp{white-space:normal}
.flysec.dark{padding:var(--space-40) 0 var(--space-136)}
.flysec .meet{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-72);align-items:end;padding-top:var(--space-96);border-top:1px solid var(--white-a12)}
.flysec .meet p{margin:0;font-size:var(--fs-18);line-height:var(--lh-155);color:var(--ink-200);max-width:620px;text-wrap:pretty}
.flysec.dark .demo-note{color:var(--ink-400)}

/* Try it: three steps in the real window. */
.try{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-20) var(--space-28);margin-top:var(--space-72);scroll-margin-top:88px}
.try-k{flex:1 1 100%;margin:0;font:var(--fw-semibold) var(--fs-15)/var(--lh-130) var(--font-ui);color:var(--lav-50)}
.try-s{display:flex;flex-wrap:wrap;gap:var(--space-12);margin:0;padding:0;list-style:none}
.try-b{display:inline-flex;align-items:center;gap:var(--space-12);min-height:48px;padding:var(--space-8) var(--space-20) var(--space-8) var(--space-8);border:0;border-radius:var(--radius-pill);background:var(--white-a08);color:var(--ink-200);font:var(--fw-regular) var(--fs-15)/var(--lh-125) var(--font-ui);text-align:left;cursor:pointer;transition:background-color var(--d1) linear,color var(--d1) linear}
.try-b b{font-weight:var(--fw-semibold);color:var(--lav-50)}
@media (hover:hover){.try-b:hover{background:var(--white-a16)}}
.try-b:focus-visible{outline:2px solid var(--lav-350);outline-offset:3px}
.try-n{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--lav-50);color:var(--plum-900);font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);flex:none}
.try-n i{font-style:normal;transition:opacity var(--d1) linear}
.try-n svg{position:absolute;width:16px;height:16px;fill:none;stroke:var(--white);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset var(--d2) var(--ease-sheet) 120ms}
.try-b.done{background:var(--white-a04)}
.try-b.done .try-n{background:var(--lav-600)}
.try-b.done .try-n i{opacity:0}
.try-b.done .try-n svg{stroke-dashoffset:0}
.try-fin{display:none;flex:1 1 100%;align-items:center;gap:var(--space-16) var(--space-24);flex-wrap:wrap;margin:0}
.try-fin .serif{font-size:clamp(24px,2.2vw,30px);line-height:var(--lh-115);color:var(--lav-50)}
.try.fin .try-fin{display:flex}
.try.fin .try-k{display:none}
.tbtn-lt{color:var(--lav-100);background-image:linear-gradient(var(--lav-100),var(--lav-100))}
/* One caption sitewide (27 Oct, C3): what just happened, 15/24, ink-700, centred under the stage. */
:root .say,:root .say.say2{font-size:var(--fs-15);line-height:24px;color:var(--ink-700);text-align:center;justify-content:center}
/* Sia's question bubble on the Start page, the same as every Sia panel's (27 Oct, C10): one line, a soft tail, lavender. */
.lv .ws387{width:auto!important;max-width:85%!important;padding:10px 16px!important;background:var(--lav-100)!important;border-radius:18px 18px 6px 18px!important;box-sizing:border-box}
.lv .ws388{width:auto!important;font-size:15px!important;line-height:22px!important;color:var(--ink-900)!important}
@media (prefers-reduced-motion:reduce){.try-n svg,.try-b{transition:none}}

/* A person when it matters, and where it works. */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-96);margin-top:var(--space-128);align-items:start}
.duo-p{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:var(--space-28);align-items:start}
.duo h3{margin:0;font-size:clamp(26px,2.4vw,34px);line-height:var(--lh-110);letter-spacing:var(--ls-heading);color:var(--lav-50)}
.duo p{margin:var(--space-16) 0 0;font-size:17px;line-height:var(--lh-155);color:var(--ink-200);max-width:520px;text-wrap:pretty}
.xpert{position:relative;margin:0 0 var(--space-28)}
.xpert img{display:block;width:100%;aspect-ratio:4 / 5;height:auto;object-fit:cover;object-position:50% 28%;border-radius:22px}
.xpert-k{position:absolute;left:12px;top:12px;padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);background:rgba(var(--white-rgb),.9);font:var(--fw-semibold) var(--fs-13)/var(--lh-100) var(--font-ui);color:var(--ink-900)}
.xpert-b{position:absolute;left:12px;right:-28px;bottom:-24px;display:flex;align-items:center;gap:var(--space-12);padding:var(--space-20);border-radius:var(--radius-14);background:var(--white);color:var(--ink-900);font:var(--fw-regular) var(--fs-13)/var(--lh-130) var(--font-ui);box-shadow:0 18px 30px -18px rgba(var(--black-rgb),.6)}
.xpert-b b{display:block;font-weight:var(--fw-semibold)}
.xpert-b small{display:block;color:var(--ink-600)}
.xpert-b svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--green-800);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.chans{display:flex;flex-wrap:wrap;gap:var(--space-8);margin:var(--space-24) 0 0;padding:0;list-style:none}
.chans li{padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);background:var(--white-a08);font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);color:var(--lav-50)}
.tlink-lt{display:inline-flex;gap:var(--space-8);margin-top:var(--space-28);font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);color:var(--lav-100);text-decoration:none;background:linear-gradient(var(--lav-100),var(--lav-100)) 0 100%/100% 1.5px no-repeat;padding-bottom:var(--space-4)}

/* Platform: the desk's heading with the people it gives time back to, and "instead of" under each part. */
.dintro{padding:176px 0 var(--space-24)}
.dintro-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-72);align-items:end}
.dintro p{margin:var(--space-16) 0 0;font-size:var(--fs-18);line-height:var(--lh-155);color:var(--ink-700);max-width:560px}
.dintro small{display:block;margin-top:var(--space-12);font-size:var(--fs-14);color:var(--ink-600)}
.dintro img{display:block;width:100%;max-width:440px;justify-self:end;aspect-ratio:3 / 2;height:auto;object-fit:cover;object-position:50% 26%;border-radius:var(--radius-20)}
.dd small b{font-weight:var(--fw-semibold);color:var(--plum-900)}
.dd .dlink{white-space:nowrap}

/* Customer proof: one customer up front, one beside, then two stories. */
.cust{padding:168px 0 var(--space-152);border-top:1px solid var(--paper-300)}
.cust-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-20);margin-top:var(--space-64)}
.cust-s{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-20);margin-top:var(--space-20)}
.cq,.cs{display:flex;flex-direction:column;gap:var(--space-20);margin:0;padding:var(--space-36) var(--space-36) var(--space-36);border-radius:var(--radius-20);background:var(--white);box-shadow:0 0 0 .5px var(--ink-a08),0 2px 4px var(--ink-a04),0 14px 28px -20px var(--ink-a24);color:var(--ink-900);text-decoration:none}
.cq-lead blockquote{font-size:clamp(28px,2.7vw,40px)!important;line-height:1.14!important}
.cq-co{font:var(--fw-semibold) var(--fs-13)/var(--lh-100) var(--font-ui);color:var(--ink-600)}
.cq blockquote{margin:0;flex:1;font-size:clamp(22px,1.9vw,27px);line-height:1.22;letter-spacing:var(--ls-snug);text-wrap:pretty}
.cq figcaption{font-size:var(--fs-14);color:var(--ink-700)}
.cq figcaption b{color:var(--ink-900);font-weight:var(--fw-semibold)}
.cs{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:var(--space-8) var(--space-20);padding:var(--space-24) var(--space-28);background:var(--lav-50);box-shadow:none;transition:background-color var(--d1) linear,transform var(--d1) var(--ease-out-quint)}
.cs .cq-co{flex:1 1 100%}
.cs-t{flex:1;font-size:clamp(19px,1.6vw,22px);line-height:var(--lh-125);letter-spacing:var(--ls-snug);text-wrap:pretty}
.cs-go{align-self:flex-end;font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);color:var(--plum-900);white-space:nowrap}
@media (hover:hover){.cs:hover{background:var(--lav-75);transform:translateY(-2px)}}

/* Book a demo: what the half hour covers, phone first, and a comment instead of choices. */
.bk-cov{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-20) 0 var(--space-24);padding:0;list-style:none}
.bk-cov li{position:relative;padding-left:var(--space-28);font-size:var(--fs-16);line-height:var(--lh-145);color:var(--ink-900)}
.bk-cov li::before{content:"";position:absolute;left:2px;top:6px;width:12px;height:7px;border:solid var(--plum-900);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.fld-w{grid-column:1 / -1}
.fld .fl span{font-weight:var(--fw-regular);color:var(--ink-600)}
.fld textarea{font:var(--fw-regular) var(--fs-16)/var(--lh-140) var(--font-ui);min-height:72px;padding:var(--space-12) var(--space-16);border:1px solid var(--ink-400);border-radius:var(--radius-10);background:var(--white);color:var(--ink-900);resize:vertical}
.fld textarea::placeholder{color:var(--ink-400)}

@media (max-width:1000px){
  .cmp{padding:var(--space-104) 0 var(--space-80);border-radius:22px 22px 0 0}
  .tstrip{padding-bottom:var(--space-88)}
  .flysec .meet{padding-top:var(--space-72)}
  .duo{margin-top:var(--space-96)}
  .cmpg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flysec .meet,.duo,.dintro-g,.cust-g{grid-template-columns:minmax(0,1fr);gap:var(--space-28)}
  .dintro img{justify-self:start}
  .dintro,.cust{padding-top:var(--space-112)}
  .duo{gap:var(--space-64)}
}
@media (max-width:600px){
  .ann{font-size:var(--fs-13);justify-content:flex-start;text-align:left}
  .cmpg,.cust-s{grid-template-columns:minmax(0,1fr)}
  .duo-p{grid-template-columns:minmax(0,1fr)}
  .xpert{max-width:300px}
  .try-b{width:100%}
  .try-s{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .tally,.ann-ar,.cs,.btn2,.hint2{transition:none}
}

/* Buttons that belong together sit close; a text action keeps its distance. */
div:has(> .btn + .btn2){column-gap:var(--space-12)!important}

/* The dark band for a product page: what the automation leaves to people. */
.xband{padding:var(--space-152) 0 var(--space-136);background:var(--ink-900);color:var(--ink-200);border-radius:var(--radius-28) var(--radius-28) 0 0}
.xband .h2{color:var(--lav-50);max-width:820px}
.xband .xlede{margin:var(--space-16) 0 0;font-size:var(--fs-18);line-height:var(--lh-155);color:var(--ink-300);max-width:620px}
.xband .duo{margin-top:var(--space-64)}
.xband + .cust{border-top:0}
@media (max-width:1000px){.xband{padding:var(--space-104) 0 var(--space-96);border-radius:22px 22px 0 0}.xband .duo{margin-top:var(--space-72)}}


/* ---------- Detail pass, 20 Oct ---------- */
/* Announcement: a note on the page colour, not a banner. */
.ann{min-height:36px;padding:var(--space-8) var(--space-20);background:transparent;color:var(--ink-700);font-size:var(--fs-14);border-bottom:1px solid var(--paper-300)}
.ann-ar{color:var(--plum-900)}
/* Comparison: equal cards on one baseline; the old ways settle, then Sia's answer lands. */
.cmpg li{--rt:0deg}
.cmpg li:nth-child(1){--rt:-1.5deg}
.cmpg li:nth-child(2){--rt:1deg}
.cmpg li:nth-child(3){--rt:-.8deg}
.cmpg li .cmc{min-height:88px;box-sizing:border-box;transform:rotate(var(--rt))}
.cmpg h3{margin-top:var(--space-16)}
.cmpg .cmpv{margin-top:auto;line-height:var(--lh-140)}
.m .cmp .cmc{opacity:0;transform:translateY(12px) rotate(var(--rt));transition:opacity var(--d2) var(--ease),transform var(--d3) var(--ease)}
.m .cmp.in .cmc{opacity:1;transform:rotate(var(--rt))}
.m .cmp.in li:nth-child(2) .cmc{transition-delay:120ms}
.m .cmp.in li:nth-child(3) .cmc{transition-delay:240ms}
.m .cmp.in li:nth-child(4) .cmc{transition-delay:480ms}
.m .cmp .cdone svg path{stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset var(--d2) var(--ease) 900ms}
.m .cmp.in .cdone svg path{stroke-dashoffset:0}
.m .cmp .cmt{opacity:0;transition:opacity var(--d2) linear 1000ms}
.m .cmp.in .cmt{opacity:1}
/* One dark band: the answer follows the setup without a seam. */
.cmp{padding-bottom:var(--space-72)}
.flysec.dark{padding-top:0}
.flysec .meet{padding-top:68px;border-top:0}
/* Overlap by 4px so a scaled board never opens a light hairline at the join. */
.cmp + .flysec.dark{margin-top:-4px;padding-top:var(--space-4)}
/* Gradients belong to the big sky mats only. Cards and windows are flat. */
.rp-viz{background:#FBEBDF}
.rp-c:nth-child(2) .rp-viz{background:var(--lav-75)}
.rp-c:nth-child(3) .rp-viz{background:#E8EEF4}
.bframe .lvbox{background:#F9F6F8}
/* Builder run dot: flat brand lavender, a white ring to read on the line, no halo or tail. */
.rdot{background:var(--lav-500);box-shadow:var(--shadow-ring-white)}
.rdot::before{display:none}
/* Try it: the next step leads, done steps keep their tick, the finish rises in. */
.try-b{background:transparent;box-shadow:inset 0 0 0 1px var(--white-a16)}
.try-b .try-n{background:var(--white-a12);color:var(--lav-50)}
.try-b.next{background:var(--lav-50);box-shadow:none;color:var(--ink-700)}
.try-b.next b{color:var(--ink-900)}
.try-b.next .try-n{background:var(--plum-900);color:var(--white)}
.try-b.done,.try-b.done.next{background:transparent;box-shadow:inset 0 0 0 1px var(--white-a12)}
.try-b.done .try-n{background:var(--lav-600)}
.try.fin .try-fin{animation:tryfin var(--d2) var(--ease) both}
@keyframes tryfin{from{opacity:0;transform:translateY(12px)}}
/* What Sia did: the product is a quiet tag that stays with the sentence. */
.sm>span{text-wrap:balance}
.sm .sprod{display:inline-block;margin-left:var(--space-8);padding:var(--space-2) var(--space-8) 3px;border-radius:var(--radius-pill);background:var(--lav-100);color:var(--plum-900);font:var(--fw-semibold) var(--fs-13)/var(--lh-130) var(--font-ui);vertical-align:1px}
.sm .sprod::before{content:none!important}
/* One hover language: clickable cards lift 2px with one shadow step, arrows nudge 3px; nothing else reacts. */
.cs{transition:transform var(--d1) var(--ease),box-shadow var(--d1) var(--ease)}
.cs-go span{display:inline-block;transition:transform var(--d1) var(--ease)}
@media (hover:hover){
  .cs:hover{background:var(--lav-50);transform:translateY(-2px);box-shadow:0 0 0 1px var(--plum-a12),0 18px 36px -22px var(--plum-a45)}
  .cs:hover .cs-go span{transform:translateX(3px)}
  .rp-c:hover{transform:translateY(-2px)!important;box-shadow:0 0 0 1px var(--plum-a12),0 18px 36px -22px var(--plum-a45)!important}
}
/* Booking: one-line comment that grows, and one focus ring for every field and chip. */
.fld textarea{min-height:48px;padding:var(--space-12) var(--space-16);resize:none;overflow:hidden}
.fld textarea:focus{outline:2px solid var(--plum-900);outline-offset:1px;border-color:var(--plum-900)}
.bday:focus-visible,.btime:focus-visible,.bk-go button:focus-visible{outline:2px solid var(--plum-900);outline-offset:2px}
.bk-cov{margin-top:var(--space-20)}
@media (prefers-reduced-motion:reduce){
  .m .cmp .cmc,.m .cmp .cmt{clip-path:none;opacity:1;transform:rotate(var(--rt,0deg));transition:none}
  .m .cmp .cdone svg path{stroke-dashoffset:0;transition:none}
  .try.fin .try-fin{animation:none}
}

/* Colour: plum carries the buttons and the type; the logo's lavender comes back for the small brand moments.
   Lavender as type or a thin line uses its ink tier so it passes contrast. */
:root{--lav:var(--lav-500);--lav-ink:var(--lav-600)}
.tally .tl i{background:var(--lav)}
.cmc .cdone svg{stroke:var(--lav-ink)}
.cmpg li.on .cmpv{color:var(--lav-ink)}
.bk-cov li::before{border-color:var(--lav-ink)}
.trust svg{stroke:var(--lav-ink)}
.ann-ar{color:var(--lav-ink)}
.try-b.done .try-n{background:var(--lav-ink)}
.sm .sprod{color:var(--lav-ink)}
.nav a:hover,.ul:hover{color:var(--lav-ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-color:var(--lav-ink)}
.fld textarea:focus{outline-color:var(--lav-ink);border-color:var(--lav-ink)}
.bday:focus-visible,.btime:focus-visible,.bk-go button:focus-visible{outline-color:var(--lav-ink)}

/* ---------- Audit fixes, 20 Oct (design team pass, group A: bugs and breaks of the locked rules) ---------- */
/* One focus ring: lav-ink on light grounds, soft lavender on the dark band, footer and dark header, white on the phone screen. */
:root{--focus:var(--lav-ink);--focus-dark:var(--lav-350)}
:is(a,button,summary,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
:is(footer,.cmp,.flysec.dark,.xband,.dkhd .hd) :is(a,button,summary,input,textarea,[tabindex]):focus-visible{outline-color:var(--focus-dark)}
.phone .ci:focus-visible{outline-color:var(--white)}
.bk .fld :is(input,textarea):focus{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--focus)}
/* A lifted render never paints over the sticky header. */
.capmat,.bframe{isolation:isolate}
/* Product builder on a phone: the whole card, its text wrapped inside it, never clipped at the edge. */
@media (max-width: 600px){
  .pgC .bphone .lv .wm5,.pgC .bphone .cvo2 .wn5{height:116px!important;min-height:116px!important;max-height:none!important}
  .bphone .lv .wm7,.bphone .cvo2 .wn7,.bphone .lv .wm15{height:auto!important}
  .bphone .lv .wm0,.bphone .lv .wm1{height:auto!important}
  .bphone .lv .wm14,.bphone .cvo2 .wn14{height:auto!important;max-height:none!important}
  .bphone .lv .wm18{width:auto!important;min-width:0;flex:1 1 0}
}
/* Product hero: the mat sits flush with the container's right edge, like the menu's Book a demo above it. */
@media (min-width: 1001px){.pgC .pbox{position:absolute;right:0;transform-origin:100% 0;transform:scale(var(--bk,1))}}
/* Desk tour: the text column keeps one height while parts switch, so it never jumps. */
@media (min-width: 1001px){.m .dtext{min-height:520px}}
.m .dd{transition-duration:var(--dur-500)}
/* Contrast: every small text passes 4.5:1, every field edge 3:1. */
.tstrip .plogos{color:var(--ink-600);opacity:1}
.cmpg li:not(.on) .cmpv{color:var(--ink-300)}
.phone .lday{color:var(--white)}
.bk .fld input,.bk .fld textarea{border-color:var(--ink-450)}
.bk .fld input:hover,.bk .fld textarea:hover{border-color:var(--ink-700)}
.fld input::placeholder,.fld textarea::placeholder{color:var(--ink-600)}
/* One hover spec: buttons change colour only, text actions turn lav-ink, nothing inside a lifted card moves twice. */
@media (hover: hover){
  .btn:hover,.btn.btn-lt:hover,.dkhd .hd .btn:hover{transform:none;box-shadow:none}
  .tbtn:not(.tbtn-lt):hover{color:var(--lav-ink);background-image:linear-gradient(var(--lav-ink),var(--lav-ink))}
  .qa summary:hover{color:var(--lav-ink)}
  .qa:not([open]) summary:hover svg{transform:none}
  .rp-c:hover .rp-viz>span{transform:none}
  .flysec .try-b:not(.next):not(.done):hover{box-shadow:inset 0 0 0 1px var(--white-a24)}
}
/* Tap targets reach 44px. Small text links keep their look and get a bigger invisible hit area. */
.bday,.btime{min-height:44px!important}
.tbtn,.dlink,.ft .fl2{position:relative}
.tbtn::before,.dlink::before,.ft .fl2::before{content:"";position:absolute;inset:-12px -6px}
.ft .fl2::before{inset:-5px -6px}
/* Hero intro: the messages come in from under the header, never across it. */
.hero.intro{clip-path:inset(0 -200vw -200vh -200vw)}
/* A heading of two sentences breaks between them, not inside one. */
.h2 .s{display:inline-block}
/* Speech bubbles from the photos (B1a, 20 Oct): sans, like the chips on the photos, with a calm entrance and no overshoot. */
.hey,.byebub{font:var(--fw-semibold) 17px/var(--lh-120) var(--font-ui);color:var(--ink-900);padding:var(--space-8) var(--space-16) var(--space-12);letter-spacing:0}
.hey{transform:translateY(6px) scale(.92) rotate(-4deg)}
.byebub{transform:translateY(6px) scale(.92) rotate(-3deg)}
@media (prefers-reduced-motion: no-preference){.hey,.byebub{transition:transform var(--dur-500) var(--ease),opacity var(--dur-500) var(--ease)}}
/* Careers photo (B1b, 20 Oct): the hiring line is a chip like the other photo labels, and a link. */
.hchip-a{padding:var(--space-8) var(--space-16);font-size:var(--fs-14);text-decoration:none;transition:background-color var(--d1) linear}
.hchip-a::before{content:"";position:absolute;inset:-8px}
@media (hover: hover){.hchip-a:hover{background:var(--white)}.hchip-a:hover b{color:var(--lav-ink)}}
/* B8, 20 Oct: hero headlines rise like every other heading, 12px and a fade, word by word, with no mask. */
@keyframes wfade{from{opacity:0;transform:translateY(12px)}}
@media (prefers-reduced-motion: no-preference){
  h1 .w,h1 .w2{overflow:visible}
  h1 .w>span{animation:wfade var(--dur-600) var(--ease) both;animation-delay:calc(var(--i) * 40ms + 120ms)}
  h1 .w2>span{opacity:0;transform:translateY(12px);transition:opacity var(--dur-600) var(--ease),transform var(--dur-600) var(--ease)}
  .clear h1 .w2>span,.done h1 .w2>span{opacity:1;transform:none;transition-delay:calc(var(--i) * 40ms + 180ms)}
}
/* B7, 20 Oct: Try it. The finish takes the steps' place as a crossfade, so nothing below moves. */
.try{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-20);align-items:center}
.try-k{grid-area:1/1}
.try.fin .try-k{display:block}
.try-s,.try-fin{grid-area:2/1}
.try-fin{display:flex!important;opacity:0;visibility:hidden;transition:opacity var(--dur-200) var(--ease),visibility 0s linear 200ms}
.try.fin .try-fin{opacity:1;visibility:visible;animation:none;transition:opacity var(--dur-300) var(--ease) 150ms,visibility 0s}
.try-s{transition:opacity var(--dur-300) var(--ease) 150ms,visibility 0s}
.try.fin .try-s{opacity:0;visibility:hidden;transition:opacity var(--dur-200) var(--ease),visibility 0s linear 200ms}
/* On the start page the guide rides above the window while you use it. */
.trybox .try{position:sticky;top:72px;z-index:6;padding-top:var(--space-16);padding-bottom:var(--space-16);background:var(--ink-900)}
.trybox .try + .wrap{padding-top:var(--space-40)!important}
/* On the product page a finish away from the guide shows as one chip in view. */
.trytoast{position:fixed;left:50%;bottom:24px;z-index:var(--layer-toast);display:flex;align-items:center;gap:var(--space-16);margin:0;padding:var(--space-8) var(--space-8) var(--space-8) var(--space-20);border-radius:var(--radius-pill);background:var(--white);box-shadow:0 0 0 1px var(--plum-a08),0 12px 28px -16px var(--ink-a45);font:var(--fw-semibold) var(--fs-15)/var(--lh-130) var(--font-ui);color:var(--ink-900);white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:opacity var(--dur-300) var(--ease),transform var(--dur-300) var(--ease),visibility 0s linear 300ms}
.trytoast.on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity var(--dur-300) var(--ease),transform var(--dur-300) var(--ease),visibility 0s}
.trytoast .btn{min-height:40px;padding:0 var(--space-16)}
@media (prefers-reduced-motion: reduce){.try-s,.try-fin,.trytoast{transition:none}}

/* ---------- B3, 20 Oct: one spacing scale. Light sections 112, the dark band 144, heading to content 64. ---------- */
:root{--sp:var(--space-112);--sp-dark:var(--space-144);--sp-h:var(--space-64);--sp-hero:var(--space-48)}
@media (min-width: 1001px) and (max-height: 800px){:root{--sp:var(--space-88);--sp-dark:var(--space-112);--sp-h:var(--space-48);--sp-hero:var(--space-24)}}
@media (max-width: 600px){:root{--sp:var(--space-72);--sp-dark:var(--space-96);--sp-h:var(--space-40);--sp-hero:var(--space-24)}}
:root section.hero,:root section.phero{padding-top:var(--sp-hero)!important}
:root section.tstrip{padding-bottom:var(--sp)!important}
:root section.cmp{padding-top:var(--sp-dark)!important}
:root section.flysec.dark{padding-bottom:var(--sp-dark)!important}
:root section.xband{padding-top:var(--sp-dark)!important;padding-bottom:var(--sp-dark)!important}
:root section.dintro{padding-top:var(--sp)!important;padding-bottom:0!important}
:root section.desk{padding-bottom:var(--sp)!important}
:root section.cust,:root section.bookx,:root section.build,:root section.caps,:root section.related,:root section.faq{padding-top:var(--sp)!important;padding-bottom:var(--sp)!important}
:root #book.bookx{padding-top:var(--sp)!important;padding-bottom:var(--sp)!important}
:root .cmpg,:root .cust-g{margin-top:var(--sp-h)!important}
:root .rp-h,:root .bk-h{margin-bottom:var(--sp-h)!important}

/* ---------- B4, 20 Oct: one type scale. Fraunces 56/40/32/28/24/20 (phone 44/30/26/24/20/18), Hanken 20 to 12, nothing smaller. ---------- */
:root{--fs-d1:clamp(44px,3.9vw,56px);--fs-d2:clamp(30px,2.8vw,40px);--fs-d3:var(--fs-32);--fs-d4:var(--fs-28);--fs-d5:var(--fs-24);--fs-d6:var(--fs-20)}
@media (max-width: 600px){:root{--fs-d1:var(--fs-44);--fs-d3:var(--fs-26);--fs-d4:var(--fs-24);--fs-d5:var(--fs-20);--fs-d6:var(--fs-18)}}
:root .hero h1,:root .phero h1{font-size:var(--fs-d1)!important;line-height:var(--lh-102)!important;letter-spacing:var(--ls-display)!important}
:root .h2{font-size:var(--fs-d2)!important;line-height:var(--lh-108)!important;letter-spacing:var(--ls-h2)!important}
:root .cq-lead blockquote,:root .ft-say,:root .m .di.on .dt{font-size:var(--fs-d3)!important;line-height:var(--lh-112)!important}
:root .m .dt,:root .duo h3,:root .try-fin .serif{font-size:var(--fs-d4)!important;line-height:var(--lh-115)!important}
:root .m .di.on .dt{font-size:var(--fs-d3)!important}
:root .cq:not(.cq-lead) blockquote,:root .bk-q blockquote,:root .qa summary{font-size:var(--fs-d5)!important;line-height:var(--lh-120)!important}
:root .cs-t,:root .rp-tx b{font-size:var(--fs-d6)!important;line-height:var(--lh-125)!important}
/* Hanken: ledes 18/1.55, UI 15, meta 14, labels 13, micro 12. */
:root .cmpg h3{font-size:var(--fs-18)}
:root .duo p,:root .bk-intro,:root .dintro p,:root .flysec .meet p,:root .xlede,:root .dd p{font-size:var(--fs-18);line-height:var(--lh-155)}
:root .ann{font-size:var(--fs-14)}
:root .cp{font-size:var(--fs-13)}
:root .xpert-b small,:root .cmt,:root .xpert-k,:root .rv-cap,:root .nt-p,:root .ck{font-size:var(--fs-12)}
/* FAQ answers keep a readable measure, about 68 characters. */
:root .qa p{max-width:31.5em}

/* ---------- B2, 20 Oct: render legibility floor. Product text never renders under about 12px on a laptop or desktop. ---------- */
/* The Sia window (an app 1280 wide) gets a wider mat with a tighter inset, so it fits at about 0.93 instead of 0.81. */
@media (min-width: 1240px){:root .flysec .slab{padding:var(--space-24)!important;margin-inline:-40px}}
/* The desk's mat column is wide enough for its widest screen (720) at 0.92 or more. */
@media (min-width: 1001px){:root .m .dgrid{grid-template-columns:minmax(0,1fr) minmax(0,752px);column-gap:var(--space-64)}:root .m .dstage{margin-left:0}}
/* The start page messages shrink less on short laptops; the stage runs past the fold instead. */
@media (min-width: 1001px) and (max-height: 800px){:root .stage{--hk:.9;transform:scale(.9);margin-bottom:-64px}}
@media (min-width: 1001px) and (max-height: 700px){:root .stage{--hk:.9;transform:scale(.9);margin-bottom:-64px}}

/* ---------- B6, 20 Oct: phone length and booking ---------- */
/* The desk on a phone: one swipe row, each part's words above its screen. */
@media (max-width: 600px){
  :root .desk .dgrid{grid-template-columns:none;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:84%;column-gap:var(--space-16);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding-inline:var(--space-20);padding-bottom:var(--space-8);max-width:none;scrollbar-width:none}
  :root .desk .dgrid::-webkit-scrollbar{display:none}
  :root .desk .di{scroll-snap-align:start;align-self:start}
  :root .desk .dk{align-self:start}
  :root .desk .di,:root .desk .dk{grid-column:auto!important;grid-row:auto!important}
}
/* Booking: what is missing is said under the field, in one red that passes on white and cream. */
.fe{display:block;margin-top:var(--space-8);font:var(--fw-medium) var(--fs-13)/var(--lh-130) var(--font-ui);color:var(--red-700)}
.fe[hidden]{display:none}
:root .bk .fld input[aria-invalid="true"]{border-color:var(--red-700);box-shadow:0 0 0 1px var(--red-700)}
/* On a phone the form comes first, the person and the quote after it. */
@media (max-width: 600px){
  :root .bk-grid{display:flex;flex-direction:column}
  :root .bk-right{order:-1}
}
/* Product hero on a phone: the phone alone until the first message is handed over. */
@media (max-width: 600px){
  .phero:not(.engaged) .psh{display:none}
  .phero.engaged .psh{animation:pshin var(--dur-500) var(--ease) both}
}
@keyframes pshin{from{opacity:0;transform:translateY(12px)}}
/* A Book a demo with one line of reassurance after the desk and after the proof. */
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12) var(--space-20);margin-top:var(--sp-h)}
.cta-row p{margin:0;font-size:var(--fs-16);line-height:var(--lh-150);color:var(--ink-700)}

/* ---------- B9, 20 Oct: system cleanups ---------- */
/* Motion tokens: 120 press and hover, 200 small state, 500 arrivals, 700 the cap. UI that changes state is quick, reveals are calm. */
:root{--t0:var(--dur-120);--t1:var(--dur-200);--t2:var(--dur-500);--t3:var(--dur-700)}
@media (prefers-reduced-motion: no-preference){
  .m .dk{transition:opacity var(--dur-300) var(--ease-in),transform var(--dur-500) var(--ease-in),visibility 0s linear 500ms}
  .m .dk.on{transition:opacity var(--t2) var(--ease) 100ms,transform var(--t3) var(--ease) 100ms,visibility 0s}
  .m .lv.in [data-a="bar"]{transition:clip-path var(--t3) var(--ease) 200ms}
  .m .lv.in [data-a="bar"]+*{transition-delay:300ms}
  .stage .ph{transition:transform var(--t3) var(--ease)}
}
/* One selected look: solid plum with light text, for day and time alike. */
:root .bday[aria-pressed="true"]{background:var(--plum-900)!important;border-color:var(--plum-900)!important;color:var(--lav-50)!important}
/* While Fraunces loads, Georgia stands in at Fraunces' width, so headings keep their line breaks. */
@font-face{font-family:'Fraunces Fallback';src:local('Georgia');size-adjust:85.9%}

/* ---------- Hero photo at 560 (20 Oct): the stage, photo and messages together, anchored top right on the container edge. ---------- */
@media (min-width: 1001px) and (min-height: 801px){:root .stage{--hk:1.2174;transform:scale(1.2174);transform-origin:100% 0;margin-bottom:var(--space-136)}:root .hero h1{font-size:clamp(44px,3.6vw,52px)!important}}

/* ---------- After play, while it is hot (20 Oct): one "See it live" moment after every finished play. ---------- */
.hot-l{margin:0;font-size:var(--fs-15);line-height:var(--lh-150);color:var(--ink-700)}
.after .hot-l{margin-top:-4px}
.hot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12) var(--space-20);margin:var(--space-28) 0 0}
.hot .hot-l{font-size:var(--fs-16)}
.hot-b{opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--t2) var(--ease),transform var(--t2) var(--ease),visibility 0s linear var(--t2)}
.hot-b.on{opacity:1;visibility:visible;transform:none;transition:opacity var(--t2) var(--ease) 300ms,transform var(--t2) var(--ease) 300ms,visibility 0s}
@media (prefers-reduced-motion: reduce){.hot-b,.hot-b.on{transition:none;transform:none}}
/* Desk CTA (20 Oct fix): while the desk is pinned the section is a fixed-height scroll track, so the row sits at the track's end,
   after the last part has passed, not in the flow under the pinned mat. */
@media (min-width: 1001px){
  :root .m section.desk{padding-bottom:calc(var(--sp) + 48px)!important}
  .m section.desk > .cta-row{position:absolute;left:0;right:0;bottom:calc(var(--sp) - 24px);margin-top:0}
}

/* Lifted render fixes (20 Oct): two labels in the Sia window were sized for shorter words.
   The name labels under the faces may run a little wider, centred under the face, so "13 September" is never clipped. */
:root .lv .ws122{width:92px!important;max-width:none!important;margin-inline:-9px;overflow:visible!important;align-items:center}
:root .lv .ws124{width:100%!important;max-width:none!important;overflow:visible!important;text-align:center}
/* The week's dates size to their text. */
:root .lv .ws176{width:auto!important;max-width:none!important;white-space:nowrap}

/* ---------- Large screens (20 Oct, Erik: "grow a little"): from 1800 wide the whole page scales up a step, from 2400 another,
   so big monitors get a confident composition (about 1276 and 1440 wide) instead of a small one. Laptops are unaffected. ---------- */
@media (min-width: 1800px){.pgC{--z:1.1;zoom:1.1}}
@media (min-width: 2400px){.pgC{--z:1.24;zoom:1.24}}
/* Inside the zoomed page a viewport unit is zoomed too, so the pinned desk divides it back out. */
@media (min-width: 1001px){.m .dpin{height:calc(100vh / var(--z,1))}}  /* only where the desk pins (it spilled over the next sections below 1000) */

/* Below the desktop layout the hero headline flows freely, so balance its lines (no lone "people." or "it."). */
@media (max-width: 1000px){:root h1{text-wrap:balance}}

/* 21 Oct, Erik's review: "Hand it all to Sia" kept the text-button underline fill on hover, which turned the pill
   lavender under lavender text. In the tally it is a plain pill: it only deepens, and the text stays plum. */
.tally .tbtn,.tally .tbtn:hover,.tally .tbtn:focus-visible{background-image:none!important;color:var(--plum-900)!important}
@media (hover:hover){.tally .tbtn:hover{background-color:var(--lav-150)!important}}
/* Lifted template chips ("Checked by HR lawyers") kept the app's measured width; in Safari the text ran past them. */
.wt47{width:auto!important}
/* Customer proof (21 Oct, Erik: "this can look better"): one composition on one grid. The lead quote holds the left,
   the second quote and the stories list stack on the right to the same height. Quote marks in lavender, initials in
   place of photos (customer faces need consent; employee photos are never shown as customers). */
.cust-g2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-20);margin-top:var(--sp-h,64px)}
.cust-r{display:grid;grid-template-rows:auto 1fr;gap:var(--space-20)}
.cust-g2 .cq{position:relative;gap:var(--space-28);padding:var(--space-40) var(--space-40) var(--space-36)}
.cust-g2 .cq-lead{gap:var(--space-32);padding:var(--space-52) var(--space-52) var(--space-44)}
.cq-mk{display:block;width:34px;height:auto;fill:var(--lav,var(--lav-500))}
.cq-lead .cq-mk{width:48px}
.cust-g2 .cq blockquote{flex:0 1 auto;text-indent:0!important;text-wrap:balance}
.cust-g2 .cq-lead blockquote{max-width:24ch;margin:0!important;font-size:clamp(32px,3.2vw,46px)!important;line-height:var(--lh-110)!important}
.cust-g2 .cq:not(.cq-lead) figcaption{margin-top:auto}
.cust-g2 .cq figcaption{display:flex;align-items:center;gap:var(--space-12);font-size:var(--fs-14);line-height:var(--lh-135);color:var(--ink-700)}
.cust-g2 .cq figcaption b{display:block;font-size:var(--fs-15)}
.cq-mono{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--lav-50);color:var(--plum-900);font:var(--fw-semibold) var(--fs-13)/var(--lh-100) var(--font-ui);letter-spacing:var(--ls-wide)}
.cust-st{display:flex;flex-direction:column;padding:var(--space-28) 0 var(--space-8);border-radius:var(--radius-20);box-shadow:inset 0 0 0 1px var(--plum-a12)}
.cust-st .cq-co{margin:0 var(--space-28) var(--space-12)}
.cs2{display:flex;align-items:center;gap:var(--space-20);margin:0 var(--space-12);padding:var(--space-20);border-top:1px solid var(--plum-a08);border-radius:var(--radius-12);color:var(--ink-900);text-decoration:none;transition:background-color var(--dur-160) linear}
.cs2 + .cs2{margin-top:0}
.cs2-b{display:flex;flex-direction:column;gap:var(--space-8);flex:1;min-width:0}
.cs2-co{font:var(--fw-semibold) var(--fs-13)/var(--lh-120) var(--font-ui);color:var(--ink-600)}
.cs2-t{font-size:var(--fs-d6,20px);line-height:var(--lh-125);letter-spacing:var(--ls-snug);text-wrap:pretty}
.cs2-ar{flex:none;width:18px;height:18px;fill:none;stroke:var(--plum-900);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-200) var(--ease-out-quint)}
@media (hover:hover){.cs2:hover{background:var(--lav-50);border-top-color:transparent}.cs2:hover + .cs2{border-top-color:transparent}.cs2:hover .cs2-ar{transform:translateX(3px)}}
.cs2:focus-visible{outline:2px solid var(--lav-600);outline-offset:2px}
@media (max-width:1000px){
  .cust-g2{grid-template-columns:minmax(0,1fr)}
  .cust-g2 .cq-lead{padding:var(--space-36) var(--space-32) var(--space-32)}
  .cust-g2 .cq{padding:var(--space-32) var(--space-28) var(--space-28)}
}
@media (max-width:600px){
  .cust-g2 .cq-lead{padding:var(--space-28) var(--space-24) var(--space-24)}
  .cust-g2 .cq{padding:var(--space-24) var(--space-24) var(--space-24);gap:var(--space-20)}
  .cust-st{padding-top:var(--space-24)}
  .cust-st .cq-co{margin:0 var(--space-24) var(--space-8)}
  .cs2{margin:0 var(--space-8);padding:var(--space-20)}
}
/* The desk's Book a demo row is gone (21 Oct), so the room kept for it under the pinned desk goes too. */
@media (min-width: 1001px){:root .m section.desk{padding-bottom:0!important}}  /* the pin's own room under the mat is the spacing */
/* Proof portraits (21 Oct, Erik: people, not monograms). Placeholder lab faces until PMM's headshots arrive. */
.cq-face{flex:none;width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--white),0 0 0 4px var(--plum-a08)}
.cq-lead .cq-face{width:56px;height:56px}

/* Trust strip (21 Oct, Erik: "a bit more beautiful, it is on all pages"). One calm composition: the numbers carried by the
   serif, the customers drifting slowly past between soft edges (still with reduced motion), the security facts as quiet pills. */
.tstrip .wrap{gap:var(--space-28)}
.tstrip .ptext{font:var(--fw-medium) var(--fs-16)/var(--lh-140) var(--font-ui);color:var(--ink-700)}
.tstrip .ptext b{font-family:var(--font-display);font-weight:var(--fw-regular);font-size:22px;letter-spacing:var(--ls-snug);color:var(--ink-900)}
.pmq{position:relative;align-self:stretch;overflow:hidden;padding:var(--space-8) 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,var(--black) 14%,var(--black) 86%,transparent);mask-image:linear-gradient(90deg,transparent,var(--black) 14%,var(--black) 86%,transparent)}
.pmq-t{display:flex;width:max-content;animation:pmq 48s linear infinite}
.pmq:hover .pmq-t{animation-play-state:paused}
@keyframes pmq{to{transform:translateX(-50%)}}
:root .tstrip .plogos{flex-wrap:nowrap;gap:0;opacity:1;color:var(--ink-600)}
/* The approved customer logos (marketing, 27 Oct): one optical weight, quiet grey at .55 that comes up to full on hover.
   Each sits at a height tuned to its shape, so a long wordmark and a compact mark read the same size. */
.tstrip .plogos li{display:flex;align-items:center;padding:0 var(--space-32);--lh:26px}
.tstrip .plogos img{display:block;height:var(--lh);width:auto;max-width:none;opacity:.55;filter:grayscale(1);transition:opacity var(--dur-160) linear,filter var(--dur-160) linear}
.tstrip .plogos .lg-loomis-pay{--lh:18px}
.tstrip .plogos .lg-handelsforetagen{--lh:19px}
.tstrip .plogos :is(.lg-gavle-energi,.lg-grebban,.lg-nordvard,.lg-once-upon){--lh:22px}
.tstrip .plogos :is(.lg-hopsworks,.lg-wisentic,.lg-ants){--lh:24px}
.tstrip .plogos :is(.lg-bris,.lg-learnifier,.lg-cflow){--lh:28px}
.tstrip .plogos .lg-lea-bank{--lh:30px}
.tstrip .plogos :is(.lg-betao,.lg-fouredge){--lh:34px}
@media (hover:hover){.tstrip .plogos li:hover img{opacity:1;filter:none}}
.on-dark .tstrip .plogos img,.night .tstrip .plogos img{filter:grayscale(1) invert(1)}
.seals{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-12);margin:var(--space-2) 0 0;padding:0;list-style:none}
.seals li{display:inline-flex;align-items:baseline;gap:var(--space-8);padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);border:1px solid var(--plum-a16);font:var(--fw-regular) var(--fs-13)/16px var(--font-ui);color:var(--ink-600)}
.seals b{font-weight:var(--fw-semibold);color:var(--plum-900)}
@media (prefers-reduced-motion: reduce){
  .pmq{-webkit-mask-image:none;mask-image:none}
  .pmq-t{animation:none;width:auto;justify-content:center}
  .pmq-t .plogos + .plogos{display:none}
  :root .tstrip .plogos{flex-wrap:wrap;justify-content:center;row-gap:var(--space-16)}
}
@media (max-width:600px){
  .tstrip .ptext b{font-size:19px}
  .tstrip .plogos li{padding:0 var(--space-20);--lh:21px}
  .tstrip .plogos .lg-loomis-pay{--lh:15px}
  .tstrip .plogos .lg-handelsforetagen{--lh:16px}
  .tstrip .plogos :is(.lg-gavle-energi,.lg-grebban,.lg-nordvard,.lg-once-upon){--lh:18px}
  .tstrip .plogos :is(.lg-hopsworks,.lg-wisentic,.lg-ants){--lh:20px}
  .tstrip .plogos :is(.lg-bris,.lg-learnifier,.lg-cflow){--lh:23px}
  .tstrip .plogos .lg-lea-bank{--lh:24px}
  .tstrip .plogos :is(.lg-betao,.lg-fouredge){--lh:28px}
  .seals li{font-size:var(--fs-12);padding:var(--space-8) var(--space-12)}
}
/* Booking, simplified (21 Oct, tools/booking.py). Left: who you meet and what you get. Right: one card, a time then
   details, one button. The time is a small calendar: day names across, three times under each, one tap picks both. */
.bk2 .bk-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-48) var(--space-72);align-items:start}
.bk2 .bk-left{display:flex;flex-direction:column;gap:0}
.bk2 .bookph{max-width:440px}
.bk2 .bk-intro{margin:var(--space-28) 0 0;max-width:42ch}
.bk2 .bk-cov{margin:var(--space-16) 0 0}
.bk-card{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-32);border-radius:var(--radius-24);background:var(--white);box-shadow:0 0 0 1px var(--plum-a08),0 2px 4px var(--ink-a04),0 24px 48px -32px var(--ink-a45)}
.bk-st{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12);margin:0;font:var(--fw-regular) var(--fs-13)/var(--lh-130) var(--font-ui);color:var(--ink-600)}
.bk-st b{font-size:var(--fs-16);font-weight:var(--fw-semibold);color:var(--ink-900)}
.bk-st + .bkf,.bk-st + .bks{margin-top:-2px}
.bks + .bk-st{margin-top:var(--space-16)}
.bks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}
.bks-d{padding:0 var(--space-2) var(--space-2);font:var(--fw-semibold) var(--fs-13)/var(--lh-120) var(--font-ui);color:var(--ink-700)}
.bks-t{min-height:44px;padding:0 var(--space-16);border:1px solid var(--ink-200);border-radius:var(--radius-10);background:var(--white);color:var(--ink-900);font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--dur-160) linear,background-color var(--dur-160) linear,color var(--dur-160) linear}
@media (hover:hover){.bks-t:hover{border-color:var(--plum-900)}}
.bks-t[aria-pressed="true"]{background:var(--plum-900);border-color:var(--plum-900);color:var(--white)}
.bks-t:focus-visible{outline:2px solid var(--lav-600);outline-offset:2px}
.bk2 .bkf{grid-template-columns:minmax(0,1fr)!important;gap:var(--space-12)!important}
.bk-note summary{display:inline-flex;align-items:center;gap:var(--space-8);min-height:36px;font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);color:var(--plum-900);cursor:pointer;list-style:none}
.bk-note summary::-webkit-details-marker{display:none}
.bk-note summary::before{content:"+";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--lav-50);font-size:var(--fs-15);line-height:var(--lh-100);transition:transform var(--dur-200) var(--ease-out-quint)}
.bk-note[open] summary::before{transform:rotate(45deg)}
.bk-note summary span{font-weight:var(--fw-regular);color:var(--ink-600)}
.bk-note summary:focus-visible{outline:2px solid var(--lav-600);outline-offset:2px;border-radius:var(--radius-6)}
.bk-note .fld{margin-top:var(--space-8)}
.bk2 .bk-go{flex-direction:column;align-items:stretch;gap:var(--space-12);margin-top:var(--space-8)}
.bk2 .bk-go > button{width:100%;justify-content:center}
.bk2 .bknote{font-size:var(--fs-13);line-height:var(--lh-140);color:var(--ink-600);text-align:center}
/* 3 Nov: shown only when a booking fails (script adds it): today's demo page as the way through. */
.bk2 .bk-alt{display:block;margin-top:calc(8px * -1);font-size:var(--fs-14);font-weight:var(--fw-semibold);text-align:center;color:var(--ink-900);text-decoration:underline;text-underline-offset:3px}
.bk2 .bk-re{margin:var(--space-16) 0 0;text-align:center;font-size:var(--fs-14);color:var(--ink-700)}
@media (max-width:1000px){
  :root .bk2 .bk-grid{display:flex;flex-direction:column;gap:var(--space-40)}
  :root .bk2 .bk-right{order:-1;align-self:stretch}
  .bk2 .bookph{max-width:360px}
}
@media (max-width:600px){
  .bk-card{padding:var(--space-24) var(--space-20);border-radius:var(--radius-20)}
  .bks-t{font-size:var(--fs-14)}
}

/* 21 Oct detail audit (desktop, tablet, phone). */
.btn2{box-sizing:border-box}                 /* Try it yourself was 2px taller than Book a demo */
.dd .dlink{display:table;margin:var(--space-4) 0 0}     /* the link on its own line starts on the text's edge */
.duo h3,.cmp h3,h3.serif{text-wrap:balance}  /* no single word left on a last line */
.cmp p,.cmp .ch{text-wrap:pretty}
.try-b span{text-wrap:balance}
/* The ink-in reads its colour from the heading; WebKit can read it mid-transition, so dark bands say it outright. */
:root .xband .h2,:root .flysec.dark .h2{--iw-to:var(--lav-50)!important}
/* Small laptops and tablets: the desk's text column and the person duo keep a readable measure. */
@media (min-width: 1001px) and (max-width: 1199px){:root .m .dgrid{grid-template-columns:minmax(280px,4fr) minmax(0,7fr)!important}}
@media (max-width: 1199px){.duo-p{grid-template-columns:minmax(0,1fr)!important}}
/* Lifted names and roles in the runs: each line keeps its height; a long role ends in an ellipsis. */
#cp2 .ws18,#cp2 .ws19,.desk .wq18,.desk .wq19{flex-shrink:0}
#cp2 .ws19,.desk .wq19{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* One frame for every product render (21 Oct, Erik: "all product renders share the same corner radius and outline/shadow").
   18px corners, the --win ring and shadow, clipped; the lifted card inside gives up its own border and corners. */
:root .bframe > .lvbox,:root .cp .lvbox,:root .psh,
:root .desk .aw0,:root .desk .ws372,:root .desk .wq0,:root .desk .wt0,:root .desk .exa{
  border-radius:var(--radius-18)!important;overflow:hidden!important;box-shadow:var(--win)!important}
:root .desk .aw0,:root .desk .ws372,:root .desk .wq0,:root .desk .wt0,:root .desk .exa,
:root .cp .lvbox .wt0,:root .cp .lvbox .wo0,:root .cp .lvbox .ws0{border-color:transparent!important}
:root .cp .lvbox .wt0,:root .cp .lvbox .wo0,:root .cp .lvbox .ws0{border-radius:0!important;box-shadow:none!important}
/* The Sia window (21 Oct, Erik: "one big pass making it as sexy as possible"). The app sits on a crisp surface in the
   shared render frame; Sia's panel floats above it with a faint lavender ring; what you asked is yours (plum), what she
   made is a clean card; the biggest number is the one to look at. Product colours, flat, no gradients on the chrome. */
:root .slab .ws0{background-color:#FAF8FD!important;border-radius:var(--radius-18)!important;box-shadow:var(--win)!important}
:root .slab .ws372{background:var(--white)!important;border-color:transparent!important;border-radius:var(--radius-18)!important;
  box-shadow:0 0 0 1px rgba(var(--lav-500-rgb),.32),0 2px 6px var(--plum-a06),0 30px 60px -30px rgba(var(--plum-900-rgb),.55)!important}
:root .slab .ws374{box-shadow:inset 0 -1px 0 rgba(var(--plum-900-rgb),.07)}
:root .slab .ws377{display:inline-flex;align-items:center;gap:var(--space-8);font-weight:var(--fw-semibold);color:var(--ink-900)}
.slab .sia-hm{width:17px;height:17px;flex:none}
:root .slab .ws387{background:var(--plum-900)!important;border-radius:var(--radius-16) var(--radius-16) var(--radius-4) var(--radius-16)!important}
:root .slab .ws388{color:var(--white)!important}
:root .slab .ws395{background:var(--white)!important;border:1px solid rgba(var(--plum-900-rgb),.10)!important;border-radius:var(--radius-14)!important;box-sizing:border-box;
  box-shadow:0 2px 4px var(--plum-a04),0 16px 32px -22px rgba(var(--plum-900-rgb),.4)!important}
:root .slab .ws397{background:#F1ECFF!important}
:root .slab .ws406 .ws408{stroke:rgba(var(--plum-900-rgb),.07)}
:root .slab .ws406 .ws409{fill:#BBA7FF}
:root .slab .ws406 [id^="recharts-bar"] > g > g > g:first-child .ws409{fill:var(--plum-900)}
.slab .lw-val{font:var(--fw-semibold) var(--fs-13) var(--font-ui);fill:var(--ink-700);font-variant-numeric:tabular-nums}
.slab .lw-val.in{fill:var(--white)}
:root .slab .ws414{box-shadow:0 8px 18px -10px rgba(var(--plum-900-rgb),.7)}
:root .slab .ws424{background:var(--white)!important;box-shadow:0 0 0 1px var(--plum-a12),0 8px 20px -14px rgba(var(--plum-900-rgb),.4)!important}
/* Hero before/after (21 Oct motion audit): the old words leave quickly; the new subline and buttons wait for the headline. */
@media (prefers-reduced-motion: no-preference){
  :root .clear .swap .before,:root .done .pswap .before{transition:opacity var(--dur-300) var(--ease),transform var(--dur-400) var(--ease),visibility 0s linear 400ms!important}
  .clear .swap .after > :not(h1),.done .pswap .after > :not(h1){animation:afterin var(--dur-500) var(--ease) 460ms both}
}
@keyframes afterin{from{opacity:0;transform:translateY(8px)}}
/* Sia's report card spans the panel's column evenly. */
:root .slab .ws392,:root .slab .ws393{width:100%!important;max-width:none!important}
/* The customer line reads as one sentence at every width (phones had stacked it word group by word group). */
:root .tstrip .ptext{display:block;text-wrap:balance}

/* 22 Oct (Erik and Nima's review): the news bar sits above the header in contrast, on the dark band's ground. */
.ann{background:var(--band-dark-bg);color:var(--band-dark-heading);border-bottom:0}
.ann-ar{color:var(--lav-400)}
.ann:focus-visible{outline:2px solid var(--lav-350);outline-offset:-4px}

/* Buttons, one system (22 Oct, Erik). Primary: plum fill. Secondary: 1px outline that only firms up on hover. Tertiary: text and arrow.
   Large 48 on the page, Small 40 in the header and inside cards, 12px corners. On a dark ground there is one primary (lavender fill,
   ink text, white on hover) and one secondary (white line). */
:root .btn{border-radius:var(--radius-12)}
:root .btn.btn-lt,:root .dkhd .hd .btn{background:var(--lav-300)!important;color:var(--ink-900)!important}  /* the careers link carries an inline lav-50 */
@media (hover:hover){:root .btn.btn-lt:hover,:root .dkhd .hd .btn:hover{background:var(--white)!important;color:var(--ink-900)!important}}

/* Buttons on a dark ground, one generic rule (22 Oct): put .on-dark on the ground. Primary = lavender fill, ink text, white on
   hover; secondary = a white line that firms up. Pages with their own dark rules (Purple Club, the header) say the same. */
:root .on-dark .btn:not(.btn2){background:var(--lav-300)!important;color:var(--ink-900)!important}
@media (hover:hover){:root .on-dark .btn:not(.btn2):hover{background:var(--white)!important}}
:root .on-dark .btn.btn2{background:transparent!important;color:var(--lav-50)!important;border-color:var(--white-a24)}
@media (hover:hover){:root .on-dark .btn.btn2:hover{border-color:var(--white-a45)!important;color:var(--white)!important}}
/* Tertiary, one class for new pages (22 Oct): text and a small arrow that moves 3px on hover. Plum on light, lavender on dark. */
.tlink{display:inline-flex;align-items:center;gap:var(--space-8);color:var(--plum-900);font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui);text-decoration:none}
.tlink svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-160) cubic-bezier(.22,1,.36,1)}
.tlink:hover svg{transform:translateX(3px)}
.tlink:focus-visible{outline:2px solid var(--lav-600);outline-offset:3px;border-radius:var(--radius-4)}
.on-dark .tlink{color:var(--lav-50)}
.on-dark .tlink svg{color:var(--lav-400)}

/* 27 Oct (Fable C, rule 24): Sia's window on the Start page. After a question, her answer sits at the foot of the thread,
   by the box you type in, instead of leaving the window empty under it. The absence report that waits for the second
   step takes no room until it shows. */
.flyimg .lv .ws395[style*="opacity: 0"],.flyimg .lv .ws418[style*="opacity: 0"]{display:none}
.flyimg .lv .ws380{flex:1 1 auto!important;min-height:0}
.flyimg .lv .ws381{display:flex;flex-direction:column;flex:1 1 auto!important;min-height:0}
.flyimg .lv .ws382{display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto;height:auto;min-height:0}
/* Phones show Sia's panel on its own, sized to it, so the panel keeps its lifted height and the answer sits at its foot. */
@media (max-width: 600px){.flyimg .lv .ws372{min-height:646px}}
.flyimg .lv .ws383{flex:none}

/* 27 Oct: a face where the Lab drew initials fills the round avatar it sits in. */
.lv img.lv-face{display:block;width:100%!important;height:100%!important;padding:0!important;object-fit:cover;object-position:50% 18%;border-radius:50%;background:none!important;font-size:0}

/* 27 Oct (Fable C): the lead quote starts under its mark instead of floating mid-card, and runs wider than 17ch, so the
   card isn't half empty. Its byline sits at the foot. */
.cust-g2 .cq-lead figcaption{margin-top:auto}

/* 27 Oct (Fable C, rule 27): the Sia dashboard on the Start page is lifted at 1280 and shown in a 1180 frame (0.92), so
   its 12 and 13px labels land at 11 and 12. They are set a size up inside this render, so what you read is 12 or more. */
:root .flyimg .lv :is(.ws167,.ws328,.ws366,.ws124,.ws157,.ws176){font-size:14px!important}
/* ws81 is a plain text span the Lab uses everywhere, the welcome heading too: only the week strip's and Today's get the size. */
:root .flyimg .lv :is(.ws170,.ws146) .ws81{font-size:14px!important;line-height:16px!important;height:auto!important}
:root .flyimg .lv .ws167{white-space:nowrap!important;width:auto!important}
/* Step 2's sent state: a done state, plum on lavender, never a second press. */
:root .flyimg.lw-confirmed .lv .ws414{background:var(--lav-100)!important;color:var(--plum-900)!important;box-shadow:inset 0 0 0 1px var(--plum-a12)!important;pointer-events:none}
:root .flyimg.lw-confirmed .lv .ws414 svg{stroke:var(--plum-900)!important}
:root .flyimg.lw-confirmed .lv .ws417{font-size:0!important}
:root .flyimg.lw-confirmed .lv .ws417::after{content:"Sent to your managers";font-size:14px;color:var(--plum-900)}

/* 27 Oct (Erik): on a phone Sia's panel is laid out at the phone's own width and shown at scale 1 (fitLive gives it the
   frame's width and marks it siapan), so nothing in it is read below 12px. The Lab's fixed widths give way inside it. */
@media (max-width: 600px){
  .flyimg .lv .siapan,.flyimg .lv .siapan *{max-width:100%}
  .flyimg .lv .siapan{min-height:0}
  .flyimg .lv .siapan .ws380,.flyimg .lv .siapan .ws381,.flyimg .lv .siapan .ws382,.flyimg .lv .siapan .ws383{width:100%!important}
  .flyimg .lv .siapan .ws380,.flyimg .lv .siapan .ws381,.flyimg .lv .siapan .ws382{flex:1 1 auto!important}
  .flyimg .lv .siapan .ws383{display:flex;flex-direction:column;justify-content:flex-end;height:auto!important;min-height:0}
  .flyimg .lv .siapan .ws383>*{flex:none}
}
/* ---------- After play, while it is hot (21 Oct): one card wherever a play ends. A real face, one line, three suggested times.
   A time goes straight into the booking form, so the step after the demo is one tap. ---------- */
.hotc{container-type:inline-size;display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-20) var(--space-20);align-items:start;max-width:560px;margin:0;padding:var(--space-24) var(--space-24) var(--space-24) var(--space-24);border-radius:var(--radius-20);background:var(--white);box-shadow:0 0 0 1px var(--plum-a08),0 22px 44px -28px var(--ink-a45);text-align:left}
.hotc-f{position:relative;display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--lav-50)}
/* The face of the person who runs the demos, from the booking photo: the head fills the circle, never cut. */
.hotc-f img{position:absolute;width:236%;max-width:none;height:auto;left:-96.3%;top:-56%}
.hotc-b{min-width:0}
.hotc-k{display:flex;align-items:center;gap:var(--space-8);margin:var(--space-2) 0 var(--space-8);font:var(--fw-semibold) var(--fs-13)/var(--lh-130) var(--font-ui);color:var(--lav-ink,var(--lav-600))}
.hotc-k::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lav,var(--lav-500))}
.hotc-h{margin:0;font-family:var(--font-display);font-weight:var(--fw-regular);font-size:var(--fs-24);line-height:var(--lh-120);color:var(--ink-900);text-wrap:balance}
.hotc-s{margin:var(--space-8) 0 0;font-size:var(--fs-15);line-height:var(--lh-150);color:var(--ink-700);text-wrap:pretty}
.hotc-t{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}
.hotc-l{flex:1 1 100%;margin:0 0 var(--space-2);font-size:var(--fs-13);line-height:var(--lh-130);color:var(--ink-600)}
.hotc-c{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);min-width:96px;min-height:56px;padding:var(--space-8) var(--space-16);border:1px solid var(--ink-200);border-radius:var(--radius-12);background:var(--white);color:var(--ink-900);font:var(--fw-medium) var(--fs-13)/var(--lh-100) var(--font-ui);cursor:pointer;transition:border-color var(--dur-160) linear,background-color var(--dur-160) linear,color var(--dur-160) linear,transform var(--dur-200) var(--ease-out-quint),box-shadow var(--dur-200) var(--ease-out-quint)}
.hotc-c span{color:var(--ink-600);white-space:nowrap;transition:color var(--dur-160) linear}
.hotc-c b{font-size:var(--fs-18);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug);color:var(--ink-900)}
.hotc-c[aria-pressed="true"] b{color:var(--white)}
@media (hover: hover){.hotc-c:hover{border-color:var(--plum-900);transform:translateY(-2px);box-shadow:0 10px 20px -14px rgba(var(--plum-900-rgb),.6)}}
.hotc-c:active{transform:scale(.97)}
.hotc-c[aria-pressed="true"]{background:var(--plum-900);border-color:var(--plum-900);color:var(--white)}
.hotc-c[aria-pressed="true"] span{color:var(--lav-200)}
.hotc-c:focus-visible,.hotc-m:focus-visible,.hotc-x:focus-visible{outline:2px solid var(--lav-600);outline-offset:2px}
.hotc-m{display:inline-flex;align-items:center;gap:var(--space-8);min-height:44px;margin-left:var(--space-8);font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);color:var(--plum-900);text-decoration:none}
.hotc-m svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-200) var(--ease-out-quint)}
@media (hover: hover){.hotc-m:hover{color:var(--lav-ink,var(--lav-600))}.hotc-m:hover svg{transform:translateX(3px)}}

/* In the hero the card replaces the button row; putting the messages back stays a quiet text button under it. */
.after .hotc{flex:1 1 100%;margin-top:var(--space-4)}
/* On the builder (21 Oct, Erik: on top of the product, with a dimming): the window dims, the card sits over it, centred
   (placed by hot.js), with a close button. The product underneath is untouched. */
.hot-dim{position:absolute;z-index:9;background:var(--ink-a45);-webkit-backdrop-filter:blur(2px) saturate(.85);backdrop-filter:blur(2px) saturate(.85);opacity:0;visibility:hidden;cursor:pointer;transition:opacity var(--dur-400) var(--ease-sheet),visibility 0s linear 380ms}
.bframe.hot-on .hot-dim{opacity:1;visibility:visible;transition:opacity var(--dur-400) var(--ease-sheet),visibility 0s}
.hotc.hot-b{display:none;position:absolute;z-index:10;box-sizing:border-box;opacity:1;visibility:visible;transform:none;transition:none;
  box-shadow:0 0 0 1px var(--plum-a08),0 2px 6px var(--ink-a08),0 40px 80px -30px rgba(15,10,30,.6)}
.hotc.hot-b.measure{display:grid;visibility:hidden}
.hotc.hot-b.on{display:grid;animation:hotover var(--dur-500) var(--ease-sheet) both}
.hotc.hot-b.out{animation:hotaway var(--dur-200) var(--ease-in) both}
@keyframes hotover{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes hotaway{to{opacity:0;transform:translateY(8px) scale(.98)}}
/* Only the top lines make room for the close button. */
.hotc.hot-b .hotc-k,.hotc.hot-b .hotc-h{padding-right:var(--space-36)}
@media (prefers-reduced-motion: reduce){.hotc.hot-b.on,.hotc.hot-b.out{animation:none}.hot-dim{transition:none}}

/* Finished the Try it guide somewhere else on the page: the same card comes to where the visitor is. */
.hotf{position:fixed;left:24px;bottom:24px;z-index:var(--layer-toast);width:min(480px,calc(100vw - 48px));padding-right:var(--space-52);opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity var(--dur-300) var(--ease),transform var(--dur-500) var(--ease),visibility 0s linear 500ms}
.hotf.on{opacity:1;visibility:visible;transform:none;transition:opacity var(--dur-300) var(--ease),transform var(--dur-500) var(--ease),visibility 0s}
.hotf .hotc-h{font-size:22px}
.hotc-x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-600);cursor:pointer;transition:background-color var(--dur-120) linear,color var(--dur-120) linear}
.hotc-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media (hover: hover){.hotc-x:hover{background:var(--plum-a06);color:var(--ink-900)}}

/* The card arrives in order: the face, the line, then the times one by one. */
@media (prefers-reduced-motion: no-preference){
  .hotc .hotc-f{opacity:0;transform:scale(.86);transition:opacity var(--dur-400) var(--ease),transform var(--dur-600) var(--pop,cubic-bezier(.34,1.56,.64,1))}
  .hotc :is(.hotc-b,.hotc-l,.hotc-m){opacity:0;transform:translateY(8px);transition:opacity var(--dur-400) var(--ease),transform var(--dur-500) var(--ease)}
  .hotc .hotc-c{opacity:0;transform:translateY(8px);transition:opacity var(--dur-400) var(--ease),transform var(--dur-500) var(--ease),border-color var(--dur-160) linear,background-color var(--dur-160) linear,color var(--dur-160) linear,box-shadow var(--dur-200) var(--ease-out-quint)}
  .hotc.in .hotc-c{transition:border-color var(--dur-160) linear,background-color var(--dur-160) linear,color var(--dur-160) linear,transform var(--dur-200) var(--ease-out-quint),box-shadow var(--dur-200) var(--ease-out-quint)}
  .done .hotc :is(.hotc-f,.hotc-b,.hotc-l,.hotc-c,.hotc-m),.hotc.on :is(.hotc-f,.hotc-b,.hotc-l,.hotc-c,.hotc-m){opacity:1;transform:none}
  .hotc{--hd:var(--dur-300)}
  .done .after .hotc{--hd:calc(700ms + 1000ms)}
  .hotc .hotc-f{transition-delay:var(--hd)}
  .hotc .hotc-b{transition-delay:calc(var(--hd) + 80ms)}
  .hotc .hotc-l{transition-delay:calc(var(--hd) + 160ms)}
  .hotc .hotc-c:nth-of-type(1){transition-delay:calc(var(--hd) + 220ms)}
  .hotc .hotc-c:nth-of-type(2){transition-delay:calc(var(--hd) + 300ms)}
  .hotc .hotc-c:nth-of-type(3){transition-delay:calc(var(--hd) + 380ms)}
  .hotc .hotc-m{transition-delay:calc(var(--hd) + 460ms)}
  /* Once in, the times answer at once. */
  .hotc.in :is(.hotc-c,.hotc-m){transition-delay:0ms}
  /* The picked time lands in the form with a small pop. */
  #book.hotland .bks-t[aria-pressed="true"]{animation:hotpop var(--dur-600) var(--pop,cubic-bezier(.34,1.56,.64,1))}
}
@keyframes hotpop{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.hotf,.hotf.on{transition:none;transform:none}}

/* A narrow card (hero column, floating card): the label and Other times share a line, and the times fill the row under them. */
@container (max-width: 500px){
  .hotc-t{grid-column:1/-1}
  .hotc-l{flex:1 1 calc(100% - 140px);margin:0}
  .hotc-m{order:1;min-height:32px;margin-left:0}
  .hotc-c{order:2;flex:1 1 28%;min-width:0}
}
@container (max-width: 400px){
  .hotc-c{padding:var(--space-8) var(--space-12)}
}
/* Short laptops: the hero card drops its second line so it ends above the fold. */
@media (min-width: 1001px) and (max-height: 800px){
  .after .hotc .hotc-s{display:none}
  .after .hotc{padding-top:var(--space-20);padding-bottom:var(--space-20)}
}
@media (max-width: 600px){
  .hotc{grid-template-columns:52px minmax(0,1fr);gap:var(--space-16);padding:var(--space-20)}
  .hotc-f{width:52px;height:52px}
  .hotc-h{font-size:21px}
  .hotc-t{grid-column:1/-1}
  .hotc-m{margin-left:0}
  .hotf{left:16px;right:16px;bottom:16px;width:auto;padding-right:var(--space-20)}
  .hotf .hotc-b{padding-right:var(--space-36)}
  .hotf .hotc-h{font-size:var(--fs-20)}
  .hotf .hotc-s{display:none}
}
/* Phones (21 Oct): the run's copy of the flow lies over the draft, so the draft's "First up is Sara" line goes once it runs. */
.bframe.ran .bphone .wm0 .wm37,.bframe.ran .bphone .wm0 .wm2{opacity:0;transition:opacity var(--dur-200) linear}
/* The floating card's content arrives with its box, not after it (motion audit). */
@media (prefers-reduced-motion: no-preference){.hotc.hotf{--hd:var(--dur-120)}}
/* ---------- People in the product (21 Oct, after ClickUp): named cursors, Sia at work, a reminder that lands, headings read as you go. ---------- */
/* One cursor for everyone: a flat arrow in the person's colour and a name pill. Sia's is lavender and talks. */
.curs{position:absolute;inset:0;z-index:35;pointer-events:none;overflow:visible}
.cur{position:absolute;left:0;top:0;display:block;opacity:0;transform:translate(var(--x,0px),var(--y,0px));transition:transform var(--dur-900) var(--ease-sheet),opacity var(--dur-300) var(--ease)}
.cur.on{opacity:1}
.cur-a{display:block;width:22px;height:22px;filter:drop-shadow(0 2px 3px var(--ink-a24))}
.cur-a path{fill:var(--c,var(--plum-900));stroke:var(--white);stroke-width:1.5;stroke-linejoin:round}
.cur-n{position:absolute;left:16px;top:19px;padding:var(--space-4) var(--space-8);border-radius:var(--radius-4) var(--radius-8) var(--radius-8) var(--radius-8);background:var(--c,var(--plum-900));color:var(--white);font:var(--fw-semibold) var(--fs-12)/var(--lh-120) var(--font-ui);white-space:nowrap}
.cur.press .cur-a{animation:curpress var(--dur-400) var(--ease-out-quint)}
@keyframes curpress{40%{transform:scale(.82)}}
/* What someone is looking at gets a ring in their colour (set inline by play.js: the render's own shadows are !important). */

/* Sia in the hero: her cursor goes to the task she just planned and says what she did. */
.agent{--c:var(--lav-500)}
.agent .cur-b{position:absolute;left:18px;top:21px;width:max-content;max-width:236px;padding:var(--space-12) var(--space-12) var(--space-12);border-radius:var(--radius-4) var(--radius-14) var(--radius-14) var(--radius-14);background:var(--plum-900);color:var(--white);box-shadow:0 14px 28px -16px rgba(var(--ink-900-rgb),.6);font:var(--fw-medium) var(--fs-13)/var(--lh-140) var(--font-ui);transition:opacity var(--dur-200) var(--ease)}
.agent.flip .cur-b{left:auto;right:2px;border-radius:var(--radius-14) var(--radius-4) var(--radius-14) var(--radius-14)}
.agent .cur-b b{display:flex;align-items:center;gap:var(--space-8);margin-bottom:3px;font-weight:var(--fw-semibold);color:var(--lav-200)}
.agent .cur-b svg{width:14px;height:14px}
.agent .cur-b span{display:block;text-wrap:pretty}
.agent .cur-b.swap{opacity:0}
/* The agent says it in the bubble, so the line under the stage stays for screen readers only. */
.agent-on .say{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* The reminder lands where Sigrid works: a line from the button to her Teams message. */
.rmx{position:absolute;inset:0;pointer-events:none;z-index:120}
.rmx svg.rml{position:absolute;left:0;top:0;overflow:visible}
.rml path{fill:none;stroke:var(--lav-600);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:var(--len,400);stroke-dashoffset:var(--len,400);transition:stroke-dashoffset var(--dur-700) var(--ease-sheet)}
.rml circle{fill:var(--lav-600);opacity:0;transition:opacity var(--dur-200) linear 650ms}
.rmx.on .rml path{stroke-dashoffset:0}
.rmx.on .rml circle{opacity:1}
.rmc{position:absolute;box-sizing:border-box;width:264px;padding:var(--space-16) var(--space-16) var(--space-16);border-radius:var(--radius-16);background:var(--white);box-shadow:0 0 0 1px var(--plum-a08),0 18px 36px -22px var(--ink-a45);font:var(--fw-regular) var(--fs-13)/var(--lh-145) var(--font-ui);color:var(--ink-900);opacity:0;transform:translateY(8px) scale(.97);transform-origin:0 50%;transition:opacity var(--dur-300) var(--ease) 550ms,transform var(--dur-500) var(--ease-spring) 550ms}
.rmx.on .rmc{opacity:1;transform:none}
.rmc-k{display:flex;align-items:center;gap:var(--space-8);margin:0 0 var(--space-12);font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--ink-600)}
.rmc-k svg{width:14px;height:14px;fill:none;stroke:var(--lav-600);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rmc-k i{margin-left:auto;font-style:normal;font-weight:var(--fw-medium)}
.rmc-p{display:flex;gap:var(--space-12);align-items:flex-start;margin:0}
.rmc-p img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none}
.rmc-p b{display:block;font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}
.rmc-o{display:block;margin-top:var(--space-8);font-weight:var(--fw-semibold);color:var(--plum-900)}

/* Headings ink in as they are read: each word goes from pale to ink as the heading rises through the screen. */
.h2 .iw.iw{color:color-mix(in srgb,var(--iw-to,var(--ink-900)) calc(26% + var(--k,1) * 74%),transparent)}

@media (prefers-reduced-motion: reduce){.cur,.curs{display:none!important}.rml path{transition:none}.rmc{transition:none}}

/* A message being dragged passes over the sheet: Sia steps aside for it (21 Oct, motion audit). */
[data-k="stage"].dragging .agent{opacity:0;transition:opacity var(--dur-160) linear}

/* Product page: the bulk action sits with the stage, the guide under the builder's heading. */
.pbox{position:relative}
.pchip{position:absolute;left:50%;bottom:22px;z-index:6;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity var(--d2) var(--ease),transform var(--d2) var(--ease)}
.pchip.on{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
/* 21 Oct (Erik: "don't love the look of this button"): the bulk action is a real button, a white pill with a task-list
   mark, not an underlined text link in a chip. It lifts like the cards do. */
.pact{display:inline-flex;align-items:center;gap:var(--space-8);min-height:44px;padding:0 var(--space-20) 0 var(--space-16);border:0;border-radius:var(--radius-pill);background:var(--white);color:var(--plum-900);font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);white-space:nowrap;cursor:pointer;
  box-shadow:0 0 0 1px var(--plum-a12),0 2px 4px var(--ink-a06),0 14px 28px -16px var(--ink-a45);transition:transform var(--dur-200) var(--ease-out-quint),box-shadow var(--dur-200) var(--ease-out-quint),background-color var(--dur-160) linear}
.pact svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--lav-600);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.pact:hover{background:var(--lav-50);transform:translateY(-2px);box-shadow:0 0 0 1px var(--plum-a16),0 2px 4px var(--ink-a06),0 18px 32px -16px rgba(var(--ink-900-rgb),.6)}}
.pact:active{transform:scale(.97)}
.pact:focus-visible{outline:2px solid var(--lav-600);outline-offset:3px}
/* Under the phone the messages come from, not across the card's edge. */
@media (min-width: 601px){.pchip{left:176px;bottom:30px}}
@media (max-width: 600px){.pchip{position:relative;left:auto;bottom:auto;order:9;align-self:center;white-space:nowrap;transform:translateY(6px)}.pchip.on{transform:none}}
.try-p{margin:var(--space-40) 0 var(--space-48)}
.try-p .try-k{color:var(--ink-900)}
.try-p .try-b{background:transparent;color:var(--ink-700);box-shadow:inset 0 0 0 1px var(--ink-a16)}
.try-p .try-b b{color:var(--ink-900)}
.try-p .try-b .try-n{background:var(--lav-50);color:var(--plum-900)}
@media (hover:hover){.try-p .try-b:hover{background:var(--plum-a04)}}
.try-p .try-b.next{background:var(--plum-900);color:var(--lav-100);box-shadow:none}
.try-p .try-b.next b{color:var(--white)}
.try-p .try-b.next .try-n{background:var(--white);color:var(--plum-900)}
.try-p .try-b.done,.try-p .try-b.done.next{background:transparent;color:var(--ink-700);box-shadow:inset 0 0 0 1px var(--ink-a12)}
.try-p .try-b.done b{color:var(--ink-900)}
.try-p .try-b.done .try-n{background:var(--lav-ink)}
.try-p .try-fin .serif{color:var(--ink-900)}
/* 21 Oct audit. Kasper's card in the phone's finished state keeps its small round face below 1001 too (it showed at 352px). */
.la-h{display:flex;align-items:center;gap:var(--space-12)}
.la-av{width:34px;height:34px;border-radius:50%;object-fit:cover}
.la-t{display:flex;flex-direction:column;gap:1px}
/* The template panel fits its mat at tablet widths; the mat clips the card's long shadow instead of smudging the page. */
.capmat>.cp{min-width:0;width:100%}
.capmat{overflow:clip}
/* Stacked tabs (1000 and under): the selected tab carries its own plum rule; the sliding bar only works side by side. */
@media (max-width: 1000px){.tabbar{display:none}:root .tab[aria-selected="true"]{border-top-color:var(--plum-900)!important}}
/* Phones: the runs table keeps one line per cell. */
@media (max-width: 600px){#cp1 .lv .wo49{height:auto}#cp1 .wo63{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
/* No careers block on this page, so the footer starts without an empty dark band and a lone rule. */
#careers .ft{border-top:0;padding-top:0}
#careers > .wrap{padding-top:var(--space-64)!important}


/* 27 Oct (Fable C, rules 2, 24, 27, 30, 31, 32, 34). */
/* The hero: the two columns centred in the box with even room, and nothing in the phone below a readable size. */
@media (min-width: 1001px){.phero .pbox{height:760px;padding:var(--space-36)!important;column-gap:var(--space-28);justify-content:center;align-content:center}}
:root .nt-h span,:root .clear .la-k{font-size:var(--fs-13)}
:root .lday{font-size:var(--fs-13)}
:root .nt-p{font-size:var(--fs-13)}
/* The cue reads on its pill: full white, a size up. */
:root .scr .cue{font-size:var(--fs-13);color:var(--white)}
/* Sia's cursor carries her name only. What she did is the line under the stage, so nothing covers the plan's rows. */
:root .agent .cur-b,:root .agent.flip .cur-b{left:auto;right:calc(100% - 2px);top:-4px;padding:var(--space-4) var(--space-8);border-radius:var(--radius-8) var(--radius-4) var(--radius-8) var(--radius-8);max-width:none}
.agent .cur-b b{margin:0}
.agent .cur-b>span{display:none}
:root .agent-on .say{width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;white-space:normal!important}
@media (min-width: 1001px){:root .agent-on .say{position:absolute!important}}
@media (max-width: 1000px){:root .agent-on .say{position:static!important}}
/* Phones: the plan card is there from the start, so the hero never grows while someone watches it. */
@media (max-width: 600px){:root .phero:not(.engaged) .psh{display:block}:root .phero.engaged .psh{animation:none}}
/* A done state is plum on lavender with its tick, never mint. */
:root .rv-done{background:var(--lav-100);color:var(--plum-900)}
/* The template, runs and reminder tabs share one cell, so the mat is as tall as the tallest and switching moves nothing. */
:root .capmat>.cp:not(.on){position:relative;left:auto;right:auto;top:auto}
/* The library without its search row (rule 18, 27 Oct): the category pills stay, the Try it step presses one. The list is as tall as its templates. */
:root .cp .lv .wt11{display:none!important}:root .cp .lv .wt0,:root .cp .lv .wt1{height:auto!important}
/* The runs list without its search row and pagination (rule 18). */
:root .cp .lv .wo10,:root .cp .lv .wo132{display:none!important}:root .cp .lv .wo0,:root .cp .lv .wo1{height:auto!important}
/* The reminder card, cut to its point (Erik, 27 Oct: "huge areas under them"): the run's details list, its description and
   the tasks after the overdue one go, so the three tabs' renders are about one height and none floats in empty mat. */
:root .cp .lv .ws3,:root .cp .lv .ws5,:root .cp .lv .ws40,:root .cp .lv .ws42>li:first-child,:root .cp .lv .ws42>li:nth-child(n+5){display:none!important}
:root .cp .lv .ws0,:root .cp .lv .ws1,:root .cp .lv .ws4,:root .cp .lv .ws41,:root .cp .lv .ws42{height:auto!important}
/* One mat (27 Oct, C1): the tab mat has the shared 44px and 24px corners, the renders centred in it; on phones it is the
   band with 24px of air. The tab row fits its count (the kit and On- and offboarding have four). */
:root .capmat{border-radius:var(--radius-24);padding:var(--space-44)}
:root .capmat>.cp{align-items:center}
:root .tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
@media (max-width: 1000px){:root .tabs{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}}
@media (max-width: 600px){:root .capmat{margin-inline:-20px;padding:var(--space-24);border-radius:0}}
/* The builder's phone at 390: its kind labels and lines read at 12 and 13 or more once the phone is fitted. */
@media (max-width: 600px){:root #how .bphone .lv :is(.wm3,.wm4,.wm13,.wm14,.wm18,.wm26,.wm31){font-size:14px!important}}
/* Phones (Erik, 27 Oct): the library opens on the Employment group alone (the chips still filter, and the Try it step
   presses Employment), and the category pills are one row that scrolls sideways, so the three tabs are about one height. */
@media (max-width: 600px){
  :root .tpl .lv .wt24{flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:auto!important;height:auto!important;max-width:none!important;padding:2px 0 6px;margin:-2px 0 -6px}
  :root .tpl .lv .wt24::-webkit-scrollbar{display:none}
  :root .tpl .lv .wt24>span{flex:none}
  :root .tpl .lv section li.wt37:nth-child(n+3){display:none}
}

/* 29 Oct: the booking goes to the Book Demo forms (EN, SE, NO), which sync to Salesforce, so it asks for company and role
   (the form's own role values) and shows the forms' optional consent and their privacy line. */
.fld select{font:var(--fw-regular) var(--fs-16) var(--font-ui);min-height:48px;padding:0 var(--space-40) 0 var(--space-16);border:1px solid var(--ink-450);border-radius:var(--radius-10);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23463F55' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center/12px;color:var(--ink-900);-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--dur-160) var(--ease)}
.fld select:hover{border-color:var(--ink-700)}
.fld select:focus{outline:2px solid var(--plum);outline-offset:1px;border-color:var(--plum)}
.fld select[aria-invalid="true"]{border-color:var(--red-700);box-shadow:0 0 0 1px var(--red-700)}
.bk-cc{display:flex;gap:var(--space-8);align-items:flex-start;margin-top:var(--space-12);font:var(--fw-regular) var(--fs-14)/var(--lh-145) var(--font-ui);color:var(--ink-700);cursor:pointer}
.bk-cc input{width:18px;height:18px;margin:1px 0 0;flex-shrink:0;accent-color:var(--plum-900)}
.bk-pv{margin:var(--space-8) 0 var(--space-4);font:var(--fw-regular) var(--fs-13)/var(--lh-145) var(--font-ui);color:var(--ink-600)}
.bk-pv a{color:inherit;text-decoration:underline;text-underline-offset:3px}