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

/* Every page (this file is on all of them): a link marked hidden stays hidden, even where its class sets display.
   5 Nov: placeholder tour and research links (href="#") showed on 33 pages because .tlink and .btn overrode [hidden]. */
a[hidden]{display:none!important}
/* 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}
}

/* 5 Nov (Erik, phone: "really sloppy"). The Platform panel on a phone: the group labels and the Complete badge start on
   the same line as the item text; the six Core HR parts hang off Core HR on a hairline, closer together and quieter,
   so they read as its parts instead of floating; the cookie button does not sit on the menu's Book a demo. */
.mm-sg{margin-left:var(--space-4)}
.mm-ab .mm-ab-sub{margin:0 0 var(--space-12) var(--space-8);padding-left:var(--space-12);border-left:1px solid var(--ink-100)}
.mm-ab .mm-ab-sub a{min-height:40px;font:var(--fw-regular) var(--fs-15)/var(--lh-130) var(--font-ui);color:var(--ink-700)}
.mm-ab .mm-ab-sub a[aria-current="page"]{color:var(--plum-900);font-weight:var(--fw-semibold)}
html.mm-lock #usercentrics-cmp-ui,html.mm-lock #usercentrics-root{display:none!important}
/* 5 Nov (Erik: "hard to read and scan"). Open panels on a phone read as one clean list: the name only (the description
   lines are hidden, not removed, so no string id moves; Log in keeps its lines), an even 44px row, and the group
   labels as small capitals with air above them. */
#mm-a-platform > a > span,#mm-a-solutions > a > span,#mm-a-knowledge > a > span{display:none}
#mm-a-platform > a,#mm-a-solutions > a,#mm-a-knowledge > a{min-height:44px;padding-top:0;padding-bottom:0}
#mm-a-platform > a b,#mm-a-solutions > a b,#mm-a-knowledge > a b{font:600 var(--fs-17, 17px)/1.3 'Hanken Grotesk',system-ui,sans-serif}
.mm-ab{padding-bottom:var(--space-20)}
.mm-ab > .mm-sg:not(.mm-sg-pk){margin:var(--space-24) 0 var(--space-4) var(--space-4);font:var(--fw-semibold) 11px/var(--lh-130) var(--font-ui);letter-spacing:var(--ls-caps, .08em);text-transform:uppercase;color:var(--ink-500, #6E6A7C)}
.mm-ab > .mm-sg-pk{margin-top:var(--space-16)}
.mm-ab .mm-ab-sub{margin-bottom:var(--space-8)}

/* 5 Nov (Nima): the Complete row says what Complete is. A <small>, the menu's only one, so no string id moves. */
.mm-pk-sub{flex:1 1 auto;min-width:0;font:var(--fw-regular) var(--fs-13)/var(--lh-135) var(--font-ui);color:var(--ink-600)}

/* 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}
/* 5 Nov: the note toggle's plus is drawn, not typed, so it sits in the middle of its circle in every font. */
.bk-note summary::before{content:""!important;background:linear-gradient(currentColor,currentColor) center/9px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 9px no-repeat,var(--lav-50)!important}

/* ===== Start, Nima's changes (4 Nov): pages/nima_start.py ===== */
/* ===================== 29 Oct (2): Sia's panel in the hero. The messages pile on the photo; Sia takes them one at a time. ===================== */
.stage .tally,.stage .say2,.stage .hint2{display:none!important}
.siap{position:absolute;z-index:60;right:-36px;bottom:-12px;width:312px;display:flex;flex-direction:column;border-radius:var(--radius-20);background:var(--white);color:var(--ink-900);box-shadow:0 30px 60px -24px rgba(31,27,46,.45),0 0 0 1px var(--plum-a08);font:var(--fw-regular) var(--fs-14)/var(--lh-140) var(--font-ui);overflow:hidden;transition:transform var(--dur-400) var(--ease),box-shadow var(--dur-400) var(--ease)}
.siap.got{transform:scale(1.025)}
.sp-hd{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--plum-a08)}
.sp-m{width:18px;height:18px;flex:none;fill:var(--lav-500)}
.sp-hd b{font:var(--fw-semibold) var(--fs-15)/var(--lh-100) var(--font-ui)}
.sp-ai{padding:2px 6px;border-radius:var(--radius-6);background:var(--lav-100);color:var(--lav-600);font:var(--fw-semibold) 11px/1.2 var(--font-ui);letter-spacing:.04em}
.sp-ct{margin-left:auto;font:var(--fw-medium) var(--fs-13)/var(--lh-100) var(--font-ui);color:var(--ink-600);font-variant-numeric:tabular-nums}
.sp-body{min-height:196px;padding:var(--space-16);display:flex;flex-direction:column;justify-content:flex-end}
.sp-idle p{margin:0}
.sp-say{font-size:var(--fs-15);line-height:var(--lh-145);color:var(--ink-900)}
.sp-tip{margin-top:var(--space-8)!important;font-size:var(--fs-13);color:var(--ink-600)}
.sp-tip .tp{display:none}
@media (hover:none){.sp-tip .tp{display:inline}.sp-tip .ck{display:none}}
.sp-item{display:flex;flex-direction:column;gap:var(--space-12)}
.sp-q{align-self:flex-end;display:flex;align-items:flex-start;gap:var(--space-8);max-width:92%;padding:var(--space-8) var(--space-12);border-radius:14px 14px 4px 14px;background:var(--lav-100);font-size:var(--fs-13);line-height:var(--lh-135)}
.sp-q img{width:20px;height:20px;border-radius:50%;flex:none;object-fit:cover}
.sp-q b{font-weight:var(--fw-semibold)}
.sp-steps{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.sp-steps li{display:flex;align-items:center;gap:var(--space-8);font-size:var(--fs-13);color:var(--ink-700);opacity:0;transform:translateY(4px);transition:opacity var(--dur-300) var(--ease),transform var(--dur-300) var(--ease)}
.sp-steps li.on{opacity:1;transform:none}
.sp-steps li i{position:relative;flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--lav-300)}
.sp-steps li.ok i{background:var(--lav-500);box-shadow:none}
.sp-steps li.ok i::after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border:solid var(--white);border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.sp-steps li:not(.ok) i{animation:sp-spin 900ms linear infinite;background:conic-gradient(var(--lav-500) 0 25%,transparent 0)}
@keyframes sp-spin{to{transform:rotate(1turn)}}
.sp-res{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);border-radius:var(--radius-12);box-shadow:inset 0 0 0 1px var(--plum-a12);opacity:0;transform:translateY(6px);transition:opacity var(--dur-300) var(--ease),transform var(--dur-300) var(--ease),background-color var(--dur-300) linear}
.sp-res.on{opacity:1;transform:none}
.sp-rt{display:flex;align-items:center;gap:var(--space-8);font-weight:var(--fw-semibold);font-size:var(--fs-14)}
.sp-prod{margin-left:auto;padding:2px 8px;border-radius:var(--radius-pill);background:var(--lav-100);color:var(--lav-600);font:var(--fw-semibold) 11px/1.4 var(--font-ui);white-space:nowrap}
.sp-r2{font-size:var(--fs-13);color:var(--ink-700)}
.sp-ok{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 var(--space-16);border:0;border-radius:var(--radius-10);background:var(--plum-900);color:var(--white);font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);cursor:pointer;transition:transform var(--dur-160) var(--ease),background-color var(--dur-200) linear}
.sp-ok:focus-visible,.sp-all:focus-visible{outline:2px solid var(--lav-600);outline-offset:2px}
.sp-ok.press{transform:scale(.94)}
.sp-res.done{background:var(--lav-50)}
.sp-res.done .sp-ok{background:transparent;color:var(--lav-600);padding:0;min-height:0;pointer-events:none}
.sp-ft{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-top:1px solid var(--plum-a08);background:var(--paper-50)}
.sp-all{border:0;padding:0;background:none;color:var(--plum-900);font:var(--fw-semibold) var(--fs-13)/var(--lh-100) var(--font-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.sp-note{margin-left:auto;font-size:11px;color:var(--ink-600);text-align:right}
.sp-sum{display:flex;flex-direction:column;gap:var(--space-8)}
.sp-sum b{font-size:var(--fs-15)}
.sp-sum span{font-size:var(--fs-13);color:var(--ink-700)}
.siap.fin .sp-all{visibility:hidden}
.siap.fin .sp-body{min-height:0}
.siap.fin .sp-ft{display:none}
.sheet.queued{filter:saturate(.6) brightness(.97)}
@media (max-width:1000px){
  .siap{position:absolute;top:calc(100% - 154px);right:0;left:0;bottom:auto;width:auto;max-width:440px;margin:0 auto}
  .sp-body{min-height:250px}
  section.hero .herogrid .stage[data-k="stage"]{margin-bottom:236px!important}
}
@media (prefers-reduced-motion:reduce){.sp-steps li,.sp-res{transition:none}.sp-steps li:not(.ok) i{animation:none}.siap{transition:none}}

/* ===================== 4 Nov: the comparison plays the same morning four times, against a clock ===================== */
/* Each way of working keeps its own colour: the spreadsheet green, the HR system slate, the chat assistant grey, Sia lavender. */
.cmpg>li:nth-child(1){--ac:#43B97F}
.cmpg>li:nth-child(2){--ac:#8FA3CC}
.cmpg>li:nth-child(3){--ac:#B3ADC4}
.cmpg li.on{--ac:var(--lav-500)}
.cmpg>li:not(.on){background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 12%,transparent),color-mix(in srgb,var(--ac) 3%,transparent) 55%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 22%,transparent)}
.cmx{display:flex;flex-direction:column;gap:var(--space-16);margin:var(--space-8) var(--space-4) 0}
.cmx[hidden]{display:none}
.cmx-s{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}
.cmx-s>span{display:block;position:relative;padding-left:var(--space-20);font:var(--fw-regular) var(--fs-14)/var(--lh-135) var(--font-ui);color:var(--ink-300);opacity:.3;transition:opacity var(--dur-300) var(--ease)}
.cmx-s>span::before{content:"";position:absolute;left:2px;top:6px;width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ac);transition:background-color var(--dur-300) var(--ease)}
.cmx-s>span.go{opacity:1}
.cmx-s>span.go::before{background:var(--ac)}
.cmpg li.on .cmx-s>span{display:block;color:var(--ink-700)}
.cmx-t{display:flex;flex-direction:column;gap:var(--space-8)}
.cmx-bar{display:block;height:6px;border-radius:3px;background:color-mix(in srgb,var(--ac) 18%,transparent);overflow:hidden}
.cmx-bar i{display:block;height:100%;border-radius:3px;background:var(--ac);transform-origin:0 50%;transform:scaleX(0)}
.cmx-c{display:flex;align-items:baseline;gap:var(--space-8)}
.cmx-n{font:var(--fw-regular) 34px/1 var(--font-display);letter-spacing:-.02em;color:var(--lav-50);font-variant-numeric:tabular-nums;min-width:2ch}
.cmx-k{font-size:var(--fs-13);color:var(--ink-300)}
.cmpg li.on .cmx-n{color:var(--plum-900)}
.cmpg li.on .cmx-k{color:var(--ink-700)}
.cmx.end .cmx-n{color:var(--ac)}
.cmpg li.on .cmx.end .cmx-n{color:var(--plum-900)}
.cmpg li.on .cmx.end .cmx-bar i{box-shadow:0 0 12px var(--lav-300)}
@media (prefers-reduced-motion:reduce){.cmx-s>span{display:block;transition:none}}

/* ===================== 4 Nov: the pile looks like a real phone and desk, and each message travels into Sia ===================== */
/* Cards: a fifth face, "ios". Notifications, calls and mail as an iPhone shows them; the sticky note handwritten; files and sheets as windows. */
.hv .stage[data-cards="ios"] .sheet .cv-s{display:none}
.hv .stage[data-cards="ios"] .sheet .cv-i{display:block}
.hv .stage[data-cards="ios"] .sheet.card{width:auto;padding:0;background:none;box-shadow:none;border-radius:0}
.hv .stage[data-cards="ios"] .sheet.card.hov{box-shadow:none}
.hv .cv-i{position:relative}
.hv .io{--io-font:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',var(--font-ui);position:relative;isolation:isolate;display:flex;box-sizing:border-box;text-align:left;
  font:400 15px/1.3 var(--io-font);letter-spacing:-.01em;color:#000;-webkit-font-smoothing:antialiased;
  box-shadow:0 1px 1px rgba(0,0,0,.04),0 10px 24px -8px rgba(28,20,48,.28),0 28px 48px -28px rgba(28,20,48,.4);transition:box-shadow var(--dur-300) ease}
.hv .stage .sheet.hov .io{box-shadow:0 1px 1px rgba(0,0,0,.05),0 16px 30px -10px rgba(28,20,48,.34),0 40px 60px -30px rgba(28,20,48,.5)}
.hv .io b{font-weight:600}
.hv .io time{flex:none;margin-left:auto;font-size:13px;color:rgba(60,60,67,.6);font-variant-numeric:tabular-nums}

/* App icons, as the phone shows them: a small rounded square, white glyph. */
.hv .io-app{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;flex:none}
.hv .io-app svg{width:13px;height:13px;fill:#fff}
.hv .io-ic-msg{background:linear-gradient(#67E36F,#2FC04A)}
.hv .io-ic-teams{background:linear-gradient(#7B7FE0,#4B4FB8)}
.hv .io-ic-phone{background:linear-gradient(#67E36F,#2FC04A)}
.hv .io-ic-mail{background:linear-gradient(#5AB2FF,#1673F0)}

/* A notification on the lock screen: frosted, 22px corners, the person's photo with the app in its corner. */
.hv .io-n{width:284px;gap:12px;padding:12px 14px 13px 12px;border-radius:22px;background:rgba(246,245,248,.84);-webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8)}
.hv .io-av{position:relative;flex:none;width:40px;height:40px}
.hv .io-av img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
.hv .io-av .io-app{position:absolute;right:-3px;bottom:-3px;box-shadow:0 0 0 2px rgba(246,245,248,.95)}
.hv .io-c{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}
.hv .io-t{display:flex;align-items:baseline;gap:8px}
.hv .io-t b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv .io-sub{font-size:13px;color:rgba(60,60,67,.6)}
.hv .io-b{font-size:15px;line-height:1.3;color:#111;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.hv .io-more{margin-top:3px;font-size:13px;color:rgba(60,60,67,.6)}
/* A group of notifications: two more plates tucked under the top one. */
.hv .io-grp{margin-bottom:14px}
.hv .io-grp::before,.hv .io-grp::after{content:"";position:absolute;z-index:-1;left:10px;right:10px;bottom:-7px;height:30px;border-radius:0 0 18px 18px;background:rgba(236,234,240,.86);box-shadow:0 6px 12px -8px rgba(28,20,48,.3)}
.hv .io-grp::after{left:20px;right:20px;bottom:-13px;background:rgba(226,223,232,.8)}

/* Missed calls: the dark notification, with the voicemail and its transcript under it. */
.hv .io-call{flex-direction:column;gap:10px;width:288px;padding:12px 14px 14px 12px;border-radius:22px;background:rgba(30,28,36,.9);-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);color:#fff}
.hv .io-hd{display:flex;gap:12px;align-items:center}
.hv .io-call .io-av .io-app{box-shadow:0 0 0 2px #1E1C24}
.hv .io-call time{color:rgba(235,235,245,.55)}
.hv .io-miss{font-size:14px;color:#FF6B61}
.hv .io-vm{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;background:rgba(255,255,255,.08)}
.hv .io-play{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.14);flex:none}
.hv .io-play svg{width:10px;height:10px;fill:#fff;margin-left:2px}
.hv .io-wave{display:flex;align-items:center;gap:2px;height:18px;flex:1}
.hv .io-wave i{display:block;width:3px;height:calc(var(--h) * 1px);border-radius:2px;background:rgba(235,235,245,.6)}
.hv .io-vmt{font-size:13px;color:rgba(235,235,245,.6);font-variant-numeric:tabular-nums}
.hv .io-tr{font-size:14px;line-height:1.35;color:rgba(255,255,255,.88)}

/* Mail, open on the thread, with the unread count that never goes down. */
.hv .io-mail{flex-direction:column;gap:5px;width:282px;padding:12px 16px 16px;border-radius:16px;background:#fff}
.hv .io-mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;padding-bottom:9px;border-bottom:.5px solid rgba(60,60,67,.18)}
.hv .io-mk{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:rgba(60,60,67,.6)}
.hv .io-badge{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;box-sizing:border-box;border-radius:12px;background:#FF3B30;color:#fff;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.hv .io-subj{font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.02em}
.hv .io-ft{font-size:13px;color:rgba(60,60,67,.6)}
.hv .io-ft b{color:rgba(60,60,67,.85)}
.hv .io-mail .io-b{margin-top:2px}
.hv .io-lines{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.hv .io-lines i{display:block;height:6px;border-radius:3px;background:#EEEDF1}
.hv .io-lines i+i{width:68%}

/* The sticky note, written in a hurry. */
.hv .io-note{flex-direction:column;gap:6px;width:196px;min-height:184px;padding:26px 18px 20px;border-radius:2px 2px 30px 3px / 2px 2px 6px 3px;background:#FDE47F;
  box-shadow:0 1px 1px rgba(var(--amber-shadow-rgb),.16),0 8px 12px -8px rgba(var(--amber-shadow-rgb),.5),0 24px 30px -22px rgba(var(--amber-shadow-rgb),.55)}
.hv .io-note::before{content:"";position:absolute;inset:0 0 auto;height:22px;background:linear-gradient(rgba(var(--amber-shadow-rgb),.12),transparent);border-radius:2px 2px 0 0}
.hv .io-hand{font:600 27px/1.08 var(--font-hand);letter-spacing:0;color:#2B2410}
.hv .io-hand2{font-size:22px;color:#6A5719}
.hv .stage .sheet.hov .io-note{box-shadow:0 1px 1px rgba(var(--amber-shadow-rgb),.18),0 12px 18px -10px rgba(var(--amber-shadow-rgb),.55),0 32px 40px -26px rgba(var(--amber-shadow-rgb),.6)}

/* Files: the contracts folder, three versions and none of them signed. */
.hv .io-files{flex-direction:column;width:278px;border-radius:14px;background:#fff;overflow:hidden}
.hv .io-crumb{padding:10px 14px;background:#F2F1F4;border-bottom:.5px solid rgba(60,60,67,.16);font-size:13px;color:rgba(60,60,67,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv .io-crumb b{color:#000}
.hv .io-rows{display:flex;flex-direction:column;padding:6px}
.hv .io-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;font-size:14px}
.hv .io-row.sel{background:#E7E3F4}
.hv .io-fn{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv .io-pdf{display:grid;place-items:center;flex:none;width:22px;height:26px;border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1px rgba(60,60,67,.2);font:700 7px/1 var(--io-font);font-style:normal;color:#E5332A}
.hv .io-row time{font-size:12px}
.hv .io-stat{display:flex;align-items:center;gap:8px;margin:0 6px 8px;padding:8px 10px;border-radius:8px;background:#FFF4E5;font-size:13px;color:#8A4B08}
.hv .io-stat i{width:7px;height:7px;border-radius:50%;background:#FF9500;flex:none}

/* A spreadsheet window: traffic lights, a read-only bar, the cell that broke. */
.hv .io-win{flex-direction:column;width:286px;border-radius:12px;background:#fff;overflow:hidden;font-size:13px}
.hv .io-tb{position:relative;display:flex;align-items:center;justify-content:center;height:30px;background:#ECEBEF;border-bottom:.5px solid rgba(60,60,67,.18)}
.hv .io-tl{position:absolute;left:11px;top:50%;display:flex;gap:6px;transform:translateY(-50%)}
.hv .io-tl i{width:10px;height:10px;border-radius:50%;background:#FF5F57}
.hv .io-tl i+i{background:#FEBC2E}
.hv .io-tl i+i+i{background:#28C840}
.hv .io-tt{max-width:62%;font-size:13px;font-weight:600;color:rgba(0,0,0,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv .io-ro{padding:7px 12px;background:#FFF6C9;border-bottom:.5px solid #EEDC8A;font-size:12.5px;font-weight:500;color:#5C4A00}
.hv .io-g{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:26px}
.hv .io-g i{display:flex;align-items:center;min-width:0;padding:0 10px;border-right:.5px solid #E3E1E8;border-bottom:.5px solid #E3E1E8;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv .io-g i:nth-child(3n){border-right:0}
.hv .io-g .io-h{background:#F6F5F8;font-weight:600;color:rgba(0,0,0,.7)}
.hv .io-g .err{position:relative;color:#D70015;font-weight:600;box-shadow:inset 0 0 0 1.5px #1F7A4A;background:#FFFBEA}
.hv .io-g .err::after{content:"";position:absolute;right:0;top:0;border:4px solid transparent;border-top-color:#D70015;border-right-color:#D70015}
.hv .io-g .hx{background:repeating-linear-gradient(135deg,#F1EFF4 0 3px,#fff 3px 7px)}

/* Into Sia. One message at a time, the way it travels: lifted off the pile, straightened, carried into Sia's thread.
   Sia herself stays calm: a hairline lights on the window and her mark turns once. */
.hv .sheet.io-fly{z-index:70!important}
.siap.got{transform:none;box-shadow:0 30px 60px -24px rgba(31,27,46,.45),0 0 0 1px var(--lav-300)}
.siap .sp-m{transition:transform 700ms cubic-bezier(.32,.72,0,1)}
.siap.got .sp-m{transform:rotate(90deg)}
.sp-body{justify-content:flex-start}
.sp-idle{margin-top:auto}
.sp-src{align-self:flex-end;display:flex;align-items:center;gap:6px;margin-bottom:-6px;font-size:11.5px;color:var(--ink-600)}
.sp-src .io-app{width:14px;height:14px;border-radius:4px}
.sp-src .io-app svg{width:10px;height:10px}
.sp-src .io-note-ic{background:#FDE47F}
.sp-src .io-file-ic{background:#8E8E93}
.sp-src .io-xl-ic{background:#1E6E43}
.sp-item.in .sp-q{animation:sp-land 520ms cubic-bezier(.32,.72,0,1) both}
.sp-item.in .sp-src{animation:sp-land 520ms 60ms cubic-bezier(.32,.72,0,1) both}
@keyframes sp-land{from{opacity:0;transform:translateY(-6px) scale(.94);transform-origin:100% 0}}
@media (prefers-reduced-motion:reduce){.sp-item.in .sp-q,.sp-item.in .sp-src{animation:none}.siap .sp-m{transition:none}}
@media (max-width:600px){.hv .io-n,.hv .io-call,.hv .io-mail{width:280px}.hv .io-note{width:168px;min-height:156px;padding:20px 14px 16px}.hv .io-hand{font-size:24px}.hv .io-hand2{font-size:20px}}

/* ===================== 4 Nov (2): Sia as an island. A small pill at the foot of the photo; it opens while Sia works and
   closes again when she is done, so the photo and the messages keep the room. ===================== */
.siap{left:50%;right:auto;bottom:16px;translate:-50% 0;width:232px;display:grid;grid-template-rows:auto 0fr auto;border-radius:24px;
  background:rgba(26,22,38,.9);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);color:#fff;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.6),0 0 0 .5px rgba(255,255,255,.1);
  transition:width 560ms cubic-bezier(.32,.72,0,1),grid-template-rows 560ms cubic-bezier(.32,.72,0,1),box-shadow 400ms ease}
.siap.busy,.siap.fin{width:min(340px, calc(100% - 32px));grid-template-rows:auto 1fr auto}
.siap>*{min-height:0;overflow:hidden}
.siap.got{box-shadow:0 18px 40px -18px rgba(0,0,0,.6),0 0 0 1px rgba(196,176,255,.55)}
.siap .sp-hd{padding:12px 16px 12px 14px;border-bottom:0}
.siap .sp-hd b{color:#fff;font-size:var(--fs-14)}
.siap .sp-m{fill:var(--lav-300)}
.siap .sp-ai{display:none}
.siap .sp-ct{color:rgba(235,235,245,.62);font-size:var(--fs-13)}
.siap .sp-body{min-height:0!important;padding:0}
.siap .sp-body>*{margin:0 16px 16px}
.siap .sp-idle,.siap .sp-ft{display:none}
.siap .sp-item{gap:var(--space-8)}
.siap .sp-src{color:rgba(235,235,245,.55);margin-bottom:-2px}
.siap .sp-q{max-width:100%;background:rgba(255,255,255,.12);color:#fff}
.siap .sp-q>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.siap .sp-steps li{color:rgba(235,235,245,.78)}
.siap .sp-steps li i{box-shadow:inset 0 0 0 1.5px var(--lav-400)}
.siap .sp-steps li.ok i{background:var(--lav-400)}
.siap .sp-res{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.siap .sp-res.done{background:rgba(255,255,255,.06)}
.siap .sp-rt{color:#fff}
.siap .sp-r2{color:rgba(235,235,245,.66)}
.siap .sp-prod{background:rgba(255,255,255,.12);color:var(--lav-200)}
.siap .sp-ok{background:var(--lav-50);color:var(--plum-900)}
.siap .sp-res.done .sp-ok{background:transparent;color:var(--lav-300)}
.siap .sp-sum b{color:#fff}
.siap .sp-sum span{color:rgba(235,235,245,.7)}
.siap .sp-ok:focus-visible{outline-color:var(--lav-300)}
@media (max-width:1000px){
  .siap{top:auto;bottom:calc(100% - var(--ph) + 14px);left:50%;right:auto;margin:0;max-width:none}
  section.hero .herogrid .stage[data-k="stage"]{margin-bottom:0!important}
}
@media (prefers-reduced-motion:reduce){.siap{transition:none}}
/* One line at a time, like the island: the step Sia is on, then the result with its button. */
.siap .sp-steps li.ok,.siap .sp-steps li:not(.on){display:none}
.siap .sp-res:not(.on){display:none}
.siap .sp-r2{display:none}
.siap .sp-res{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-8) var(--space-12);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-12)}
.siap .sp-rt{flex:1 1 160px;min-width:0;font-size:var(--fs-13)}
.siap .sp-ok{min-height:32px;padding:0 var(--space-12);font-size:var(--fs-13)}
.siap .sp-res.done .sp-ok{padding:0 var(--space-4)}

/* ===================== 4 Nov: iOS notifications in the hero (texts, email, missed calls) ===================== */
.hv .ty.ios{display:flex;flex-direction:row;align-items:flex-start;gap:11px;width:300px;box-sizing:border-box;padding:12px 14px 13px 12px;border-radius:24px;background:rgba(246,246,248,.86);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.06),0 18px 36px -18px rgba(0,0,0,.45);color:#000;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",var(--font-ui);letter-spacing:-.01em;text-align:left}
.hv .ty.ios.ios-stack{box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.06),0 8px 0 -4px rgba(236,236,240,.95),0 8px 0 -3.5px rgba(0,0,0,.06),0 16px 0 -8px rgba(228,228,233,.9),0 16px 0 -7.5px rgba(0,0,0,.05),0 26px 36px -20px rgba(0,0,0,.45)}
.ios-ic{position:relative;flex:none;width:38px;height:38px;margin-top:1px}
.ios-ic img{display:block;width:38px;height:38px;border-radius:50%;object-fit:cover}
.ios-badge{position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:19px;height:19px;border-radius:5px;box-shadow:0 0 0 1.5px rgba(246,246,248,1)}
.ios-badge svg{width:13px;height:13px;fill:#fff}
.ios-msg,.ios-phone{background:linear-gradient(#67F286,#0ABE2F)}
.ios-mail{background:linear-gradient(#22A6FF,#1170F6)}
.ios-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.ios-t{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:15px;line-height:20px}
.hv .ios-t b{font-weight:600}
.ios-t em{flex:none;font-style:normal;font-size:13px;color:rgba(60,60,67,.6)}
.ios-sub{font-size:15px;line-height:20px;font-weight:600}
.ios-b{font-size:15px;line-height:20px;color:#000;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hv .stage[data-cards="story"] .sheet.hov .ty.ios{box-shadow:0 0 0 .5px rgba(0,0,0,.08),0 4px 10px rgba(0,0,0,.08),0 24px 40px -18px rgba(0,0,0,.5)}

/* 4 Nov: the end line wraps in the pill on a phone. */
.siap .sp-sum b,.siap .sp-sum span{white-space:normal;overflow-wrap:break-word}
.siap .sp-sum{min-width:0}

/* 4 Nov (Erik): the sticky note in a marker hand. */
.hv .io-hand,.hv .io-hand2{font-family:"Covered By Your Grace",var(--font-hand);font-weight:400}
.hv .io-hand{font-size:30px;line-height:1.08;letter-spacing:.005em}
.hv .io-hand2{font-size:23px;margin-top:4px}

/* ===== 4 Nov (Erik): polish ===== */
/* The hero is one layer, so Sia's pill never shows through the menu. */
section.hero{position:relative;z-index:0}
/* Sia's thread: the message as a real bubble, two lines at most, the face beside it. */
.siap .sp-q{align-self:stretch;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:18px 18px 18px 6px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.siap .sp-q img{width:26px;height:26px}
.siap .sp-q>span{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:18px;color:rgba(255,255,255,.92)}
.siap .sp-q b{color:#fff}
/* The result: one line, the product under it, the button right and centred, the same on every card. */
.siap .sp-res{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:10px 10px 10px 14px;border-radius:14px}
.siap .sp-rt{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.siap .sp-rt>span:first-child{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:18px}
.siap .sp-prod{margin-left:0}
.siap .sp-ok{justify-self:end;white-space:nowrap;min-height:34px}
.siap .sp-res.done .sp-ok{min-height:34px;padding:0 4px}

/* 4 Nov (Erik): one spinner only, the Sia mark; the step line has no spinner of its own. */
.siap .sp-steps li i{display:none}
.siap .sp-steps li{padding-left:0}

/* 4 Nov (Erik): the result, reworked. A soft panel; what Sia did on the first line, where it lives under it as a quiet
   line with a dot; one pill button. When you confirm, the button becomes a tinted pill with a tick and the panel warms. */
.siap .sp-res{background:rgba(255,255,255,.055);box-shadow:none;padding:12px 12px 12px 14px;column-gap:14px;transition:background-color var(--dur-400) var(--ease)}
.siap .sp-rt>span:first-child{font-size:13.5px;line-height:19px;font-weight:var(--fw-semibold);color:#fff;letter-spacing:-.005em}
.siap .sp-prod{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;color:rgba(255,255,255,.56);font:var(--fw-medium) 12px/16px var(--font-ui)}
.siap .sp-prod::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lav-400,#A78BFA);box-shadow:0 0 0 3px rgba(167,139,250,.18)}
.siap .sp-ok{min-height:32px;padding:0 14px;border-radius:999px;background:#fff;color:var(--plum-900);font-size:13px;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 6px 14px -8px rgba(0,0,0,.6)}
.siap .sp-ok:hover{background:var(--lav-50)}
.siap .sp-res.done{background:linear-gradient(135deg,rgba(167,139,250,.16),rgba(167,139,250,.06))}
.siap .sp-res.done .sp-ok{min-height:30px;padding:0 12px 0 10px;gap:6px;border-radius:999px;background:rgba(167,139,250,.2);color:var(--lav-100,#EDE7FE);box-shadow:inset 0 0 0 1px rgba(196,181,253,.28);pointer-events:none;animation:sp-donepop 420ms cubic-bezier(.34,1.56,.64,1) both}
.siap .sp-res.done .sp-ok::before{content:"";width:10px;height:5px;margin-top:-3px;border:solid currentColor;border-width:0 0 1.8px 1.8px;transform:rotate(-45deg)}
@keyframes sp-donepop{0%{transform:scale(.9);opacity:.4}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.siap .sp-res.done .sp-ok{animation:none}}

/* 4 Nov (Erik): a tad bigger on a laptop, and Sia's pill wide enough for every result on one line. */
@media (min-width:1001px){.hv .stage[data-cards="ios"] .sheet .cv-i{zoom:1.08}}
.siap.busy,.siap.fin{width:min(400px, calc(100% - 24px))}

/* 4 Nov (Erik): the button centred top to bottom in its row (the base rule pins it to the start). */
.siap .sp-ok,.siap .sp-res.done .sp-ok{align-self:center;justify-content:center}

/* Hero: the trust line sits under the buttons, quieter than the promise (Tobias, 29 Oct). */
.htrust{margin-top:-4px;color:var(--ink-600)}
.clear .htrust{opacity:0}

/* 4 Nov (night check): long SV/NO words on the sticky note break at their soft hyphen, never out of the note. */
.hv .io-hand,.hv .io-hand2{overflow-wrap:break-word;hyphens:manual}

/* 5 Nov (Erik, phone): in the swipe row every part's text sits right above its card. The tablet rule's 96px top
   padding (on every part but the first) put Employee records 96px higher than the rest and opened a gap above the card. */
/* 5 Nov (Erik): headings start at the same height, so the cards in the row below line up too. */
@media (max-width: 600px){:root .desk .di{padding-top:0!important;align-self:start!important}}

/* ===== Start, Nima's "Sia does it" (5 Nov): pages/nima2/story.css ===== */
.hv-in .stage .sheet{pointer-events:none!important;cursor:default}
.keephead .swap .before{opacity:1!important;transform:none!important;pointer-events:auto!important;visibility:visible!important}
.keephead .swap .after{display:none!important}
.keephead .htrust{opacity:1!important}
/* ===================== 4 Nov (4): Sia in the hero, the way she looks in the product. Closed she is a pill at the
   foot of the photo; open she is her panel over its lower half, showing the plan and every step with its source. ===================== */
.hv-in .siap{display:none!important}
.sw{position:absolute;z-index:60;pointer-events:none;filter:drop-shadow(0 26px 34px rgba(24,16,44,.32)) drop-shadow(0 2px 5px rgba(24,16,44,.14));
  --ink:#1F1B2E;--mute:#6B6578;--line:#E7E4EC;--lav:#5B3FD0;--ok:#2F7D5A;--amb:#9A5B00}
.sw svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sw .sw-mk{fill:#9773FF;stroke:none;width:16px;height:16px}
.sw-win{position:absolute;inset:0;background:#fff;color:var(--ink);border-radius:16px;clip-path:var(--clip0);transition:clip-path 720ms cubic-bezier(.32,.72,0,1);font:400 13px/1.45 var(--font-ui);overflow:hidden;-webkit-font-smoothing:antialiased}
.sw.open .sw-win{clip-path:inset(0 0 0 0 round 16px);pointer-events:auto}
.sw-pill{position:absolute;width:176px;height:44px;display:flex;align-items:center;gap:8px;padding:0 16px 0 14px;box-sizing:border-box;font:600 14px/1 var(--font-ui);transition:opacity 220ms ease}
.sw-pill em{margin-left:auto;font-style:normal;font-weight:500;font-size:13px;color:var(--mute)}
.sw.open .sw-pill{opacity:0;pointer-events:none}
.sw-body{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transition:opacity 300ms ease 260ms}
.sw.open .sw-body{opacity:1}
.sw-hd{display:flex;align-items:center;gap:12px;padding:12px 14px 11px 16px;border-bottom:1px solid #EFECF3;font:500 14.5px/1.2 var(--font-ui);flex:none}
.sw-hd>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-ic{display:grid;place-items:center;width:18px;height:18px;color:#4A4458}
.sw-ic svg{width:16px;height:16px}
.sw-ic:first-of-type svg circle{fill:currentColor;stroke:none}
.sw-rp{display:none;align-items:center;justify-content:center;width:26px;height:26px;margin:-4px 0;border:0;border-radius:8px;background:none;color:#4A4458;cursor:pointer}
.sw-rp:hover{background:#F2F0F5}.sw-rp svg{width:16px;height:16px}
.sw-rp:focus-visible{outline:2px solid var(--lav);outline-offset:1px}
.sw.fin .sw-rp{display:inline-flex}
.sw-th{flex:1;min-height:0;overflow:hidden;position:relative}
.sw-in{padding:14px 16px 12px;display:flex;flex-direction:column;gap:12px}
.sw-hello{text-align:center;padding-top:8px}
.sw-hello .sw-mk{width:26px;height:26px}
.sw-hello b{display:block;margin-top:6px;font:500 15px/1.3 var(--font-ui)}
.sw-hello p{margin:4px auto 0;max-width:300px;color:var(--mute);font-size:12.5px;line-height:1.45}
.sw-u{align-self:flex-end;max-width:88%;display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding:9px 12px 10px;border-radius:16px;background:#ECE8F3;animation:sw-in 420ms cubic-bezier(.32,.72,0,1) both}
.sw-cc,.sw-cpc{display:flex;flex-wrap:wrap;gap:5px}
.sw-cc{justify-content:flex-end}
.sw-cpc:empty{display:none}
.sw-c{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px 0 3px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #E0DCE7;font:500 11.5px/1 var(--font-ui);white-space:nowrap;max-width:190px}
.sw-c>span{overflow:hidden;text-overflow:ellipsis}
.sw-c img{width:16px;height:16px;border-radius:50%;object-fit:cover;flex:none}
.sw-c .cfill{width:16px;height:16px;border-radius:5px;flex:none}
.sw-c .cfill svg{width:10px;height:10px;stroke:var(--plum-900);stroke-width:2}
.sw-c.pop{animation:sw-pop 460ms cubic-bezier(.32,.72,0,1) both}
@keyframes sw-pop{from{opacity:0;transform:translateY(-6px) scale(.8)}}
@keyframes sw-in{from{opacity:0;transform:translateY(8px)}}
.sw-a,.sw-o{display:flex;flex-direction:column;gap:9px}
.sw-gh{display:flex;align-items:center;gap:7px;font:600 13px/1.2 var(--font-ui);animation:sw-in 380ms cubic-bezier(.32,.72,0,1) both}
.sw-gh em{font-style:normal;font-weight:400;color:var(--mute)}
.sw-gh>svg:last-child{width:14px;height:14px;color:var(--mute)}
.sw-plan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.sw-it{border-radius:10px;animation:sw-in 380ms cubic-bezier(.32,.72,0,1) both;transition:background-color 300ms ease}
.sw-it.wk{background:#F6F4F9}
.sw-ih{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:30px;padding:4px 8px}
.sw-st{position:relative;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #CFCAD8;box-sizing:border-box}
.sw-it.wk .sw-st{box-shadow:inset 0 0 0 1.5px #DCD3F6;background:conic-gradient(var(--lav) 0 28%,transparent 0);-webkit-mask:radial-gradient(circle,transparent 5.5px,#000 6px);mask:radial-gradient(circle,transparent 5.5px,#000 6px);animation:sp-spin 800ms linear infinite}
.sw-it.ok .sw-st{background:var(--ok);box-shadow:none;animation:sw-tick 320ms cubic-bezier(.32,.72,0,1)}
.sw-it.ok .sw-st::after{content:"";position:absolute;left:5.5px;top:3px;width:3.6px;height:7.2px;border:solid #fff;border-width:0 1.7px 1.7px 0;transform:rotate(45deg)}
.sw-it.ok.call .sw-st{background:#F2A93B}
.sw-it.ok.call .sw-st::after{left:7.2px;top:3.2px;width:0;height:5.4px;border-width:0 1.7px 0 0;transform:none;box-shadow:0 7.4px 0 -0.2px #fff}
@keyframes sw-tick{from{transform:scale(.6)}}
.sw-tx{display:grid;min-width:0}
.sw-tx>span{grid-area:1/1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity 260ms ease,transform 360ms cubic-bezier(.32,.72,0,1)}
.sw-todo{color:var(--ink);font-weight:500}
.sw-res{opacity:0;transform:translateY(6px);color:var(--ink)}
.sw-it.ok .sw-todo{opacity:0;transform:translateY(-6px)}
.sw-it.ok .sw-res{opacity:1;transform:none}
.sw-yc{padding:2px 7px;border-radius:999px;background:#FDF1DD;color:var(--amb);font:600 10.5px/1.4 var(--font-ui);white-space:nowrap;opacity:0;transition:opacity 260ms ease}
.sw-it.ok .sw-yc{opacity:1}
.sw-steps{display:flex;flex-direction:column;gap:6px;padding:2px 8px 9px 33px;overflow:hidden}
.sw-step{padding:8px 10px 9px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);animation:sw-in 360ms cubic-bezier(.32,.72,0,1) both}
.sw-sh{display:flex;align-items:center;gap:7px;font:600 12px/1.3 var(--font-ui);min-width:0}
.sw-sh b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sw-ck{position:relative;flex:none;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #DCD3F6;background:conic-gradient(var(--lav) 0 28%,transparent 0);-webkit-mask:radial-gradient(circle,transparent 4.6px,#000 5px);mask:radial-gradient(circle,transparent 4.6px,#000 5px);animation:sp-spin 800ms linear infinite}
.sw-step.ok .sw-ck{background:none;-webkit-mask:none;mask:none;animation:sw-tick 300ms cubic-bezier(.32,.72,0,1);box-shadow:inset 0 0 0 1.4px var(--ok)}
.sw-step.ok .sw-ck::after{content:"";position:absolute;left:4.8px;top:2.8px;width:3px;height:6px;border:solid var(--ok);border-width:0 1.4px 1.4px 0;transform:rotate(45deg)}
.sw-pc{flex:none;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:6px;background:#EFEBFB;color:var(--lav);font:500 11px/1.3 var(--font-ui);white-space:nowrap}
.sw-pc svg{width:11px;height:11px}
.sw-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;padding-left:21px}
.sw-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:7px;box-shadow:inset 0 0 0 1px #DEDAE5;font:500 11px/1.4 var(--font-ui);color:#2A2633;white-space:nowrap}
.sw-tag svg{width:11px;height:11px;color:var(--mute)}
.sw-p{margin:0;font-size:13px;line-height:1.5;color:var(--ink)}
.sw-w{opacity:0;transition:opacity 240ms ease}
.sw-w.on{opacity:1}
.sw-src{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;box-shadow:inset 0 0 0 1px #DEDAE5;font:500 12px/1.3 var(--font-ui);animation:sw-in 360ms both}
.sw-src svg{width:13px;height:13px}
.sw-acts{display:flex;flex-wrap:wrap;gap:8px;animation:sw-in 360ms 80ms both}
.sw-ok,.sw-ex{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:0;border-radius:9px;font:600 12.5px/1 var(--font-ui);white-space:nowrap}
.sw-ok{background:#2A1857;color:#fff;cursor:pointer;transition:transform 160ms ease,background-color 240ms ease,color 240ms ease}
.sw-ok:focus-visible{outline:2px solid var(--lav);outline-offset:2px}
.sw-ok.press{transform:scale(.94)}
.sw-ok.done{background:#E8F3EC;color:var(--ok);pointer-events:none}
.sw-ok.done svg{width:14px;height:14px}
.sw-ex{background:#fff;box-shadow:inset 0 0 0 1px #DEDAE5;color:var(--ink)}
.sw-end{flex:none;padding:0 12px}
.sw-end:empty{display:none}
.sw-sug{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 0;border-top:1px solid #EFECF3;animation:sw-in 420ms cubic-bezier(.32,.72,0,1) both}
.sw-sg{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #D6D1DF;color:var(--ink);font:500 12.5px/1 var(--font-ui);text-decoration:none;transition:box-shadow 200ms ease,background-color 200ms ease}
.sw-sg svg{width:13px;height:13px}
.sw-sg:hover{background:#F6F4F9}
.sw-sg.pri{background:#2A1857;color:#fff;box-shadow:none}
.sw-sg.pri:hover{background:#3A2470}
.sw-sg:focus-visible{outline:2px solid var(--lav);outline-offset:2px}
.sw-cp{flex:none;display:flex;flex-direction:column;gap:7px;margin:8px 12px 12px;padding:7px 7px 7px 14px;border-radius:20px;box-shadow:inset 0 0 0 1px #D6D2DD;transition:box-shadow 300ms ease}
.sw-cpc:not(:empty){padding-top:2px}
.sw-cpr{display:flex;align-items:center;gap:8px}
.sw-cpt{flex:1;min-width:0;color:#8A8496;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-cpt.typed{color:var(--ink)}
.sw-send{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#EEECF1;color:var(--mute);transition:background-color 200ms ease,color 200ms ease,transform 160ms ease}
.sw-send svg{width:14px;height:14px;stroke-width:1.8}
.sw-send.on{background:#2A1857;color:#fff}
.sw-send.press{transform:scale(.86)}
.sw.fin .sw-cp{box-shadow:inset 0 0 0 2px var(--lav);cursor:pointer}
.hero .btn2.nudge{animation:sw-nudge 1500ms ease 2}
@keyframes sw-nudge{0%,100%{box-shadow:0 0 0 0 rgba(91,63,208,0)}45%{box-shadow:0 0 0 6px rgba(91,63,208,.2)}}
@media (prefers-reduced-motion:reduce){.sw-win,.sw-body,.sw-pill{transition:none}.sw-u,.sw-c.pop,.sw-gh,.sw-it,.sw-step,.sw-src,.sw-acts,.sw-sug,.sw-it.ok .sw-st,.sw-step.ok .sw-ck{animation:none}.sw-it.wk .sw-st,.sw-ck{animation:none}.sw-tx>span,.sw-w{transition:none}}

/* ===================== 4 Nov (5): Sia in dark mode, cut to what makes her recognisable: her mark and name, the plan
   with its steps and sources, the confirm, and the message box. When the story ends she steps back and the page asks
   for the next step in its own type and buttons. ===================== */
.sw{--ink:#fff;--mute:rgba(235,235,245,.6);--line:rgba(255,255,255,.1);--lav:#C4B0FF;--ok:#4CC38A;--amb:#F2B04B;filter:drop-shadow(0 24px 36px rgba(10,6,24,.45)) drop-shadow(0 2px 6px rgba(10,6,24,.2));transition:opacity 420ms ease}
.sw-win{background:rgba(24,20,38,.94);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);font-size:12.5px;border-radius:18px}
.sw.open .sw-win{clip-path:inset(0 0 0 0 round 18px)}
.sw.fin{opacity:0}
.sw-pill{color:#fff}
.sw-hd{gap:8px;padding:12px 14px 6px;border-bottom:0;font:600 13.5px/1.2 var(--font-ui)}
.sw-hd .sw-mk{width:16px;height:16px}
.sw-hc{margin-left:auto;font-style:normal;font-weight:500;font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}
.sw-in{padding:8px 14px 10px;gap:10px}
.sw-hello{padding-top:2px;text-align:left}
.sw-hello p{margin:0;max-width:none;color:var(--mute);font-size:12.5px}
.sw-u{background:rgba(255,255,255,.1);color:#fff;padding:8px 11px 9px}
.sw-c{background:rgba(255,255,255,.1);box-shadow:none;color:#fff}
.sw-c .cfill svg{stroke:var(--plum-900)}
.sw-gh{font-size:12.5px;color:#fff}
.sw-gh em{display:none}
.sw-it.wk{background:rgba(255,255,255,.06)}
.sw-ih{min-height:28px;padding:3px 8px;gap:8px}
.sw-st{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
.sw-it.wk .sw-st{box-shadow:inset 0 0 0 1.5px rgba(196,176,255,.3)}
.sw-it.ok .sw-st{background:var(--ok)}
.sw-it.ok.call .sw-st{background:var(--amb)}
.sw-todo,.sw-res{color:#fff}
.sw-todo{font-weight:500}
.sw-yc{background:rgba(242,176,75,.16);color:#FFD08A}
.sw-steps{padding:2px 8px 8px 32px;gap:5px}
.sw-step{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);padding:7px 9px 8px}
.sw-sh{font-size:11.5px;color:#fff}
.sw-ck{box-shadow:inset 0 0 0 1.5px rgba(196,176,255,.3)}
.sw-pc{background:rgba(151,115,255,.18);color:#D5C8FF;font-size:10.5px}
.sw-tags{margin-top:5px;padding-left:21px}
.sw-tag{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:rgba(255,255,255,.86);font-size:10.5px}
.sw-tag svg{color:rgba(255,255,255,.6)}
.sw-p{color:#fff;font-size:12.5px}
.sw-ok{background:#fff;color:#1F1B2E;height:30px}
.sw-ok:focus-visible{outline-color:#C4B0FF}
.sw-ok.done{background:rgba(76,195,138,.16);color:#7FDDAF}
.sw-cp{margin:6px 10px 10px;padding:6px 6px 6px 12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.sw-cpt{color:rgba(235,235,245,.5);font-size:12.5px}
.sw-cpt.typed{color:#fff}
.sw-send{width:26px;height:26px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.7)}
.sw-send.on{background:#fff;color:#1F1B2E}
.sw-body{transition:opacity 160ms ease}
.sw.open .sw-body{transition:opacity 300ms ease 260ms}
.sw.fin .sw-pill{opacity:0}
/* The stage keeps its layers to itself, so Sia, the end card and the flying messages always sit under the header, its menus and the phone menu. */
.hv-in .stage{isolation:isolate}

/* 4 Nov (7): a calmer opening, a start button and a pause control. */
.sw.ready .sw-win{pointer-events:auto}
.sw:not(.open) .sw-body{pointer-events:none}
.sw-pill{border-radius:22px;box-sizing:border-box}
.sw.ready .sw-pill{cursor:pointer;background:#5B3FD0;justify-content:center;animation:sw-pulse 1400ms ease 1}
.sw.ready .sw-pill .sw-mk{fill:#fff}
.sw.ready .sw-pill em{display:none}
.sw-pill:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@keyframes sw-pulse{0%,100%{filter:brightness(1)}45%{filter:brightness(1.35)}}
.sw-pp{position:absolute;z-index:62;display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;
  background:rgba(24,20,38,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;box-shadow:0 4px 12px -4px rgba(0,0,0,.4);transition:background-color 200ms ease}
.sw-pp:hover{background:rgba(24,20,38,.9)}
.sw-pp:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sw-pp svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sw-pp .i-pl{display:none;fill:currentColor;stroke:none}
.stage.paused .sw-pp .i-pa{display:none}
.stage.paused .sw-pp .i-pl{display:inline}
.stage.sx-live .sw-pp{display:inline-flex}
.stage.paused .sw *,.stage.paused .sw-pill{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.sw.ready .sw-pill{animation:none}.stage.sx-live .sw-pp{display:none}}
/* The next step: page-styled, not product-styled. */
.sw-cta{position:absolute;z-index:61;box-sizing:border-box;padding:20px 22px 18px;border-radius:20px;background:var(--white);color:var(--ink-900);
  box-shadow:0 28px 56px -22px rgba(31,27,46,.45),0 0 0 1px var(--plum-a08);opacity:0;transform:translateY(16px) scale(.98);pointer-events:none;
  transition:opacity 420ms ease,transform 620ms cubic-bezier(.32,.72,0,1)}
.sw-cta.on{opacity:1;transform:none;pointer-events:auto}
.sw-cta-k{margin:0 0 10px;font:var(--fw-medium) 12.5px/1.4 var(--font-ui);color:var(--ink-600)}
.sw-cta-h{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.01em}
.sw-cta-p{margin:6px 0 16px;font-size:15px;line-height:1.45;color:#4A4458}
.sw-cta-b{display:flex;flex-wrap:wrap;gap:10px}
.sw-cta-b .btn{flex:none;min-height:46px;padding:0 20px}
.sw-cta .sw-rp{display:inline-flex;width:auto;height:auto;gap:6px;margin:14px 0 0;padding:0;background:none;color:var(--ink-600);font:var(--fw-medium) 13px/1 var(--font-ui)}
.sw-cta .sw-rp:hover{background:none;color:var(--ink-900)}
.sw-cta .sw-rp svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.sw,.sw-cta{transition:none}}
/* ===================== 4 Nov (9): the comparison. One row, like the original. Three other ways a task can go, each shown
   as what it really is, with what it still leaves you to do; Simployer last, with the one thing you do: confirm, where you
   already work. On wide screens the scroll drives it as the section passes (parallax, no extra scroll, nothing pinned). ===================== */
.cx [hidden]{display:none!important}
.cx{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.3fr);gap:var(--space-32);margin-top:var(--space-48);align-items:start}
.cx-old{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24)}
.cx-r{display:flex;flex-direction:column;gap:var(--space-20);min-width:0}
.cx-r:nth-child(1){--rt:-1.2deg}.cx-r:nth-child(2){--rt:.8deg}.cx-r:nth-child(3){--rt:-.6deg}
.ax{width:100%;max-width:300px;height:184px;box-sizing:border-box;overflow:hidden;border-radius:6px;transform:rotate(var(--rt));box-shadow:0 20px 34px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06);text-align:left;-webkit-font-smoothing:auto}
.cx-tx h3{margin:0;font:var(--fw-semibold) 17px/1.3 var(--font-ui);color:var(--lav-50)}
.cx-v{margin:6px 0 0;font-size:14.5px;line-height:1.45;color:var(--ink-200)}
.cx-k{margin:16px 0 8px;font:var(--fw-semibold) 11px/1 var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:rgba(207,201,218,.55)}
.cx-do{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cx-do li{position:relative;padding-left:21px;font-size:14px;line-height:1.4;color:var(--ink-200)}
.cx-do li::before{content:"";position:absolute;left:1px;top:4px;width:11px;height:11px;border-radius:3px;box-shadow:inset 0 0 0 1.5px rgba(207,201,218,.5)}
.cx-tm{margin:14px 0 0;font-size:13px;color:rgba(207,201,218,.62);font-variant-numeric:tabular-nums}
/* A spreadsheet, as it is */
.ax-xl{display:flex;flex-direction:column;background:#fff;color:#222;font:11px/1.2 Calibri,"Segoe UI",Arial,sans-serif}
.xl-t{display:flex;align-items:center;gap:6px;height:24px;padding:0 8px;background:#1E6E43;color:#fff;flex:none}
.xl-ic{display:grid;place-items:center;width:14px;height:14px;border-radius:2px;background:#fff;color:#1E6E43;font:700 9px/1 Arial,sans-serif}
.xl-t b{flex:1;min-width:0;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xl-ro{padding:1px 5px;border-radius:2px;background:rgba(255,255,255,.22);font-size:9.5px}
.xl-fx{display:flex;align-items:center;gap:6px;height:20px;padding:0 6px;background:#F3F3F3;border-bottom:1px solid #D4D4D4;flex:none}
.xl-fx span{padding-right:6px;border-right:1px solid #D4D4D4;color:#777;font-style:italic;font-size:10px}
.xl-fx code{font:10px Consolas,"Courier New",monospace;color:#333;white-space:nowrap;overflow:hidden}
.xl-g{flex:1;display:grid;grid-template-columns:22px repeat(var(--xc),minmax(0,1fr));grid-auto-rows:19px;align-content:start;background:#fff}
.xl-g i{display:flex;align-items:center;padding:0 5px;border-right:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;font-style:normal;white-space:nowrap;overflow:hidden}
.xl-g i.h,.xl-g i.n{justify-content:center;padding:0;background:#F3F3F3;color:#666;font-size:10px}
.xl-g i.th{font-weight:700}
.xl-g i.sel{background:#E6F2EA}
.xl-g i.err{position:relative;color:#C00000;font-weight:700}
.xl-g i.cur{background:#FFF8E1;box-shadow:inset 0 0 0 2px #1E6E43}
.xl-g i.q{color:#B26A00}
.xl-tb{display:flex;height:19px;background:#F3F3F3;border-top:1px solid #D4D4D4;font-size:10px;flex:none}
.xl-tb span{display:flex;align-items:center;padding:0 10px;border-right:1px solid #D4D4D4;color:#555}
.xl-tb span.on{background:#fff;color:#1E6E43;font-weight:700;box-shadow:inset 0 -2px 0 #1E6E43}
/* A classic HR system, around 2010 */
.ax-lg{display:flex;flex-direction:column;background:#ECE9D8;color:#000;font:10px/1.3 Verdana,Tahoma,sans-serif;border:1px solid #2456C8}
.lg-t{display:flex;align-items:center;gap:6px;height:21px;padding:0 6px;background:linear-gradient(#2A73E8,#0A55C8 55%,#0848B0);color:#fff;font:700 10.5px/1 Tahoma,Verdana,sans-serif;flex:none}
.lg-logo{width:11px;height:11px;border-radius:2px;background:linear-gradient(135deg,#F6C445,#E08A1E);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.lg-m{margin-left:auto;font-weight:400;font-size:9.5px;opacity:.92}
.lg-bc{padding:3px 6px;background:#fff;border-bottom:1px solid #ACA899;color:#0033CC;text-decoration:underline;font-size:9.5px;white-space:nowrap;overflow:hidden;flex:none}
.lg-tabs{display:flex;gap:2px;padding:4px 6px 0;border-bottom:1px solid #919B9C;flex:none}
.lg-tabs span{padding:2px 7px;border:1px solid #919B9C;border-bottom:0;border-radius:3px 3px 0 0;background:linear-gradient(#fff,#E3E1D6);font-size:9.5px}
.lg-tabs span.on{position:relative;top:1px;background:#FCFCFE;font-weight:700}
.lg-f{flex:1;display:grid;grid-template-columns:86px minmax(0,1fr);align-content:center;gap:5px 8px;padding:6px 8px;background:#FCFCFE}
.lg-l{text-align:right;color:#333;white-space:nowrap}
.lg-v{display:flex;align-items:center;white-space:nowrap;min-width:0}
.lg-in{display:inline-flex;align-items:center;justify-content:space-between;min-width:112px;height:15px;padding:0 0 0 4px;background:#fff;border:1px solid #7F9DB9;color:#444;font-size:9.5px}
.lg-sel i{height:100%;margin-left:8px;padding:0 3px;background:linear-gradient(#C9DAFB,#9AB4F0);color:#4D6185;font-style:normal;font-size:8px;display:flex;align-items:center}
.lg-chk{flex:none;width:10px;height:10px;margin-right:5px;background:#fff;border:1px solid #1C5180}
.lg-cl{color:#444}
.lg-b{display:flex;align-items:center;gap:5px;padding:5px 8px;background:#ECE9D8;border-top:1px solid #ACA899;flex:none}
.lg-btn{padding:2px 10px;border:1px solid #003C74;border-radius:3px;background:linear-gradient(#fff,#ECEBE6 85%,#D6D0C5);font-size:9.5px}
.lg-warn{margin-left:auto;padding:1px 5px;background:#FFFFE1;border:1px solid #333;font-size:9px;white-space:nowrap}
.lg-s{padding:2px 6px;border-top:1px solid #fff;color:#555;font-size:9px;white-space:nowrap;overflow:hidden;flex:none}
/* A general AI chat, no brand */
.ax-ai{display:flex;flex-direction:column;gap:7px;padding:10px 12px 6px;background:#fff;color:#1a1a1a;font:11px/1.45 -apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.ai-q{align-self:flex-end;max-width:86%;padding:5px 10px;border-radius:14px;background:#F0F0F0}
.ai-a{display:flex;gap:7px;min-height:0}
.ai-av{flex:none;width:18px;height:18px;border-radius:50%;background:#EDEDED;box-shadow:inset 0 0 0 4px #EDEDED,inset 0 0 0 5.5px #A9A9A9}
.ai-a p{margin:0;color:#333}.ai-a ul{margin:1px 0 1px 14px;padding:0;color:#333}
.ai-in{margin-top:auto;display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 4px 0 10px;border-radius:12px;border:1px solid #E3E3E3;color:#9A9A9A;flex:none}
.ai-in i{width:16px;height:16px;border-radius:50%;background:#D9D9D9}
.ai-d{text-align:center;font-size:9px;color:#9A9A9A;flex:none}
/* Simployer: the record, and the one thing you do */
.cx-win{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-24);border-radius:24px;background:var(--lav-50);color:var(--ink-900);box-shadow:0 0 0 1px rgba(196,176,255,.45),0 40px 90px -40px rgba(151,115,255,.55);transition:box-shadow 500ms ease}
.cx-art-s{min-height:184px}
.cx-rec{display:flex;align-items:center;gap:6px;margin:0 0 10px;font:var(--fw-medium) 12px/1.3 var(--font-ui);color:var(--ink-600)}
.cx-rec span{font-weight:var(--fw-semibold);color:var(--ink-900)}
.cx-mk{width:14px;height:14px;fill:#9773FF;flex:none}
.cx-tm-card{position:relative;padding:12px 14px 13px 17px;border-radius:10px;background:#fff;color:#242424;font:400 13px/1.4 "Segoe UI",var(--font-ui);box-shadow:0 0 0 1px rgba(31,27,46,.08),0 14px 30px -16px rgba(31,27,46,.4)}
.cx-tm-card::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:#5B3FD0}
.cx-tc-h{display:flex;align-items:center;gap:6px;font-size:12px;color:#616161}
.cx-tc-app{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#5B3FD0;color:#fff;font:700 9px/1 var(--font-ui)}
.cx-tc-h b{color:#242424;font-weight:600}
.cx-tc-h em{font-style:normal}
.cx-tc-h time{margin-left:auto}
.cx-tc-t{margin:8px 0 6px;font-size:13.5px;font-weight:600}
.cx-tc-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.cx-tc-l li{display:flex;align-items:flex-start;gap:6px;font-size:12.5px}
.cx-tc-l svg{flex:none;width:14px;height:14px;margin-top:2px;fill:none;stroke:#2F7D5A;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cx-tc-s{margin:8px 0 0;font-size:11.5px;color:#616161;text-decoration:underline;text-underline-offset:2px}
.cx-tc-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.cx-tc-ok{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:6px;background:#2A1857;color:#fff;font:var(--fw-semibold) 12.5px/1 var(--font-ui)}
.cx-tc-ex{padding:3px 8px;border-radius:999px;background:#FDF1DD;color:#9A5B00;font:var(--fw-semibold) 11.5px/1.3 var(--font-ui)}
.cx-win .cx-tx h3{color:var(--ink-900)}
.cx-win .cx-v{color:var(--lav-ink);font-weight:var(--fw-semibold)}
.cx-win .cx-k{color:var(--ink-600)}
.cx-do1 li{color:var(--ink-900);font-weight:var(--fw-medium)}
.cx-do1 li::before{box-shadow:inset 0 0 0 1.5px #6A4BD8}
.cx-big{margin:16px 0 14px;font:var(--fw-medium) 15px/1 var(--font-ui);color:var(--ink-900)}
.cx-big b{font:400 56px/.9 var(--font-display);font-variation-settings:"SOFT" 30,"WONK" 0;letter-spacing:-.02em;color:var(--plum-900);margin-right:4px}
.cx-big>span{color:var(--ink-600);font-weight:400}
.cx-go{display:inline-flex;align-items:center;gap:6px;font:var(--fw-semibold) 15px/1 var(--font-ui);color:var(--plum-900);text-decoration:underline;text-underline-offset:4px}
.cx-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform 200ms ease}
.cx-go:hover svg{transform:translateX(3px)}
.cx-go:focus-visible{outline:2px solid var(--lav-300);outline-offset:3px;border-radius:4px}
/* Each old way acts out its failure once it reaches its moment */
.cx.sx .ai-w{opacity:0;transition:opacity 160ms ease}
.cx.sx .cx-r.act .ai-w{opacity:1;transition-delay:calc(var(--i) * 55ms + 250ms)}
.cx.sx .cx-r:not(.act) .xl-g i.cur{box-shadow:none;background:#fff}
.cx-r.act .xl-g i.cur{animation:xl-flash 1100ms ease 1}
@keyframes xl-flash{0%{background:#fff;box-shadow:inset 0 0 0 2px rgba(30,110,67,0)}30%{background:#FFD3D3;box-shadow:inset 0 0 0 2px #1E6E43}100%{background:#FFF8E1;box-shadow:inset 0 0 0 2px #1E6E43}}
.cx-r.act .lg-warn{animation:lg-blink 900ms steps(2,jump-none) 2}
@keyframes lg-blink{50%{background:#FFE35A}}
.cx-r.act .lg-sel{animation:lg-shake 420ms ease 700ms 1}
@keyframes lg-shake{20%,60%{transform:translateX(-3px)}40%,80%{transform:translateX(3px)}}
/* Scroll story, wide screens with motion */
.cx.sx .cx-r{opacity:calc(var(--o, 1) * (1 - .45 * var(--d, 0)));filter:saturate(calc(1 - .8 * var(--d, 0)))}
.cx.sx .cx-r .ax{opacity:1;transform:translateY(var(--py, 0px)) rotate(calc(var(--rt) + var(--dr, 0deg)));transition:none;will-change:transform}
.cx.sx .cx-r .cx-tx{transform:translateY(calc(var(--py, 0px) * .35))}
.cx.sx .cx-r .cx-do li,.cx.sx .cx-r .cx-tm{opacity:0;transform:translateY(6px);transition:opacity 280ms ease,transform 380ms cubic-bezier(.32,.72,0,1)}
.cx.sx .cx-r .cx-do li.on,.cx.sx .cx-r .cx-tm.on{opacity:1;transform:none}
.cx.sx .cx-r .cx-do li.on::before{box-shadow:inset 0 0 0 1.5px #F2B04B}
.cx.sx .cx-win{opacity:var(--wo, 1);transform:translateY(var(--wy, 0px))}
.cx.sx .cx-win.won{box-shadow:0 0 0 1.5px rgba(196,176,255,.85),0 50px 110px -36px rgba(151,115,255,.9)}
.cx.sx .cx-win.won .cx-tc-ok{animation:cx-ok 1200ms ease 1}
@keyframes cx-ok{0%,100%{box-shadow:0 0 0 0 rgba(91,63,208,0)}40%{box-shadow:0 0 0 6px rgba(91,63,208,.25)}}
@media (max-width:1100px){
  .cx{grid-template-columns:minmax(0,1fr);gap:var(--space-32)}
  .cx-old{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--space-16);margin:0 -20px;padding:8px 20px 12px;scroll-padding-inline:20px;scrollbar-width:none}
  .cx-old::-webkit-scrollbar{display:none}
  .cx-r{flex:none;width:280px;scroll-snap-align:start}
  .cx-win{padding:var(--space-20)}
}
@media (prefers-reduced-motion:reduce){.cx-r.act .xl-g i.cur,.cx-r.act .lg-warn,.cx-r.act .lg-sel,.cx.sx .cx-win.won .cx-tc-ok{animation:none}}

/* 5 Nov (Erik, launch): the Simployer card's glow, much more minimal. A hairline, no purple halo, also in the "won" state. */
.cx-win,.cx.sx .cx-win.won{box-shadow:0 0 0 1px rgba(196,176,255,.4)!important}

/* ===== 5 Nov (Erik: "visual polish, designer love, delight and minimalism"). Overrides on Nima's panel. ===== */
/* The pill: frosted, a hairline edge, the count as a small lavender chip, Sia's mark breathing while she waits. */
.sw:not(.open) .sw-win{background:rgba(28,23,44,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.sw-pill{gap:9px;padding:0 8px 0 14px;font:600 14px/1 var(--font-ui);letter-spacing:-.005em}
.sw-pill .sw-mk{width:18px;height:18px;filter:drop-shadow(0 0 6px rgba(151,115,255,.55));animation:sw-breathe 2.6s ease-in-out infinite}
.sw-pill em{margin-left:auto;padding:5px 9px;border-radius:999px;background:rgba(151,115,255,.22);color:#E2D8FF;font:600 11.5px/1 var(--font-ui)}
.sw.ready .sw-pill{background:linear-gradient(135deg,#6A4BE0,#5B3FD0);box-shadow:0 10px 28px -10px rgba(91,63,208,.8)}
.sw.ready .sw-pill .sw-mk{animation:none;filter:none}
@keyframes sw-breathe{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}
/* The panel: fewer boxes, more air. */
.sw-win{box-shadow:0 30px 60px -28px rgba(10,6,24,.7),inset 0 0 0 1px rgba(255,255,255,.08)}
.sw-hd{padding:14px 16px 8px}
.sw-hello p{font-size:13px;line-height:1.5}
/* Your message: the senders as a small stack of faces, then the line. */
.sw-u{flex-direction:row;align-items:center;gap:10px;padding:7px 12px 7px 8px;border-radius:999px;background:rgba(255,255,255,.08)}
.sw-u .sw-cc{flex-wrap:nowrap;gap:0}
.sw-u .sw-c{width:22px;height:22px;padding:0;margin-left:-7px;justify-content:center;background:#2A2440;box-shadow:0 0 0 2px #1E1930}
.sw-u .sw-c:first-child{margin-left:0}
.sw-u .sw-c>span{display:none}
.sw-u .sw-c img{width:22px;height:22px}
.sw-u .sw-c .cfill{width:22px;height:22px;border-radius:50%;display:grid;place-items:center}
.sw-u>span{white-space:nowrap;font-size:12.5px}
/* The steps: lines, not cards; the details as quiet text. */
.sw-steps{gap:2px;padding:0 10px 8px 34px}
.sw-step{padding:4px 0;background:none!important;box-shadow:none!important}
.sw-sh{gap:7px}
.sw-pc{padding:1px 6px;font-size:10.5px}
.sw-tags{gap:0;margin-top:1px;padding-left:21px}
.sw-tag{padding:0;box-shadow:none!important;color:rgba(255,255,255,.55)!important;font-size:11px}
.sw-tag+.sw-tag::before{content:"·";margin:0 6px;color:rgba(255,255,255,.35)}
.sw-it.wk{background:rgba(255,255,255,.05)}
/* The next step: one line of what happened, the page's own button beside a quiet link, replay as a small icon. */
.sw-cta{padding:22px 24px 22px;border-radius:22px;box-shadow:0 24px 48px -24px rgba(31,27,46,.35),0 0 0 1px var(--plum-a08)}
.sw-cta-k{display:flex;align-items:flex-start;gap:7px;margin:0 36px 12px 0;font:var(--fw-medium) 12.5px/1.35 var(--font-ui);color:var(--ink-600)}
.sw-cta-k::before{content:"";flex:none;width:15px;height:15px;margin-top:.5px;border-radius:50%;background:#2F9E6E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.6 8.3l2.3 2.2 4.5-4.7' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.sw-cta-h{font-size:32px}
.sw-cta-p{margin:8px 0 18px;font-size:14.5px}
.sw-cta-b{align-items:center;gap:6px 18px}
.sw-cta-b .btn2{min-height:0;padding:6px 0;border:0;background:none;box-shadow:none;color:var(--plum-900);font-weight:var(--fw-semibold);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.sw-cta-b .btn2::after{content:"↓";display:inline-block;margin-left:5px;text-decoration:none}
.sw-cta-b .btn2:hover{background:none;color:var(--lav-600, #5B3FD0)}
.sw-cta .sw-rp{position:absolute;top:14px;right:14px;width:32px;height:32px;margin:0;justify-content:center;border-radius:50%;background:var(--lav-50, #F3F0FB)}
.sw-cta .sw-rp:hover{background:#E9E4F4}
.sw-cta .sw-rp span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sw-cta .sw-rp svg{width:15px;height:15px}
@media (prefers-reduced-motion:reduce){.sw-pill .sw-mk{animation:none}}

/* 5 Nov (Erik: "more stark and delightful"). Sia's work, with more spring: a tick that pops and rings, a shimmer on the
   row in progress, steps that slide in out of a blur, chips that bounce into the box, a pulse on Confirm. */
.sw-it.ok .sw-st{animation:sw-tick2 560ms cubic-bezier(.34,1.56,.64,1) both}
.sw-it.ok .sw-st::before{content:"";position:absolute;inset:-3px;border-radius:50%;box-shadow:0 0 0 2px rgba(64,196,140,.75);animation:sw-ring 700ms cubic-bezier(.2,.7,.2,1) both;pointer-events:none}
.sw-it.ok.call .sw-st::before{box-shadow:0 0 0 2px rgba(242,169,59,.8)}
.sw-it.wk{background:linear-gradient(100deg,rgba(255,255,255,.04) 30%,rgba(151,115,255,.2) 50%,rgba(255,255,255,.04) 70%) 0 0/260% 100%;animation:sw-shim 1.5s linear infinite}
.sw-step{animation:sw-stepin 460ms cubic-bezier(.32,.72,0,1) both}
.sw-step.ok .sw-ck{animation:sw-tick2 460ms cubic-bezier(.34,1.56,.64,1) both}
.sw-it .sw-res{transition:opacity 360ms ease 80ms,transform 520ms cubic-bezier(.34,1.56,.64,1) 80ms}
.sw-ok.done{animation:sw-okp 700ms ease-out}
@keyframes sw-tick2{0%{transform:scale(.2)}55%{transform:scale(1.32)}78%{transform:scale(.92)}100%{transform:scale(1)}}
@keyframes sw-ring{0%{transform:scale(.7);opacity:1}100%{transform:scale(2.1);opacity:0}}
@keyframes sw-shim{0%{background-position:100% 0}100%{background-position:-160% 0}}
@keyframes sw-stepin{from{opacity:0;transform:translateX(-12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes sw-pop{0%{opacity:0;transform:translateY(10px) scale(.6)}60%{opacity:1;transform:translateY(-2px) scale(1.08)}100%{transform:none}}
@keyframes sw-okp{0%{box-shadow:0 0 0 0 rgba(64,196,140,.7)}100%{box-shadow:0 0 0 12px rgba(64,196,140,0)}}
@media (prefers-reduced-motion:reduce){.sw-it.ok .sw-st,.sw-it.ok .sw-st::before,.sw-it.wk,.sw-step,.sw-step.ok .sw-ck,.sw-ok.done{animation:none}}
.sw-cta-b .btn2{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/calc(100% - 19px) 1.5px no-repeat!important;padding:4px 0 6px}

/* 5 Nov (Erik): the Simployer card, cleaner. No accent line, the site's own type, even spacing, a quiet source line. */
.cx-tm-card::before{display:none}
.cx-tm-card{padding:14px 16px 16px;border-radius:14px;font-family:var(--font-ui);box-shadow:0 0 0 1px rgba(31,27,46,.06),0 12px 28px -18px rgba(31,27,46,.3)}
.cx-tc-h{font-size:12px}
.cx-tc-app{border-radius:5px}
.cx-tc-t{margin:10px 0 8px;font-size:14px}
.cx-tc-l{gap:5px}
.cx-tc-s{margin:10px 0 0;font-size:11.5px;color:var(--ink-600);text-decoration:none}
.cx-tc-a{margin-top:12px}
.cx-tc-ok{height:30px;padding:0 14px;border-radius:8px}
.cx-rec{gap:4px;margin:0 0 12px}
.cx-win .cx-tx h3{margin-top:4px}
.cx-big{margin:18px 0 16px}
/* 5 Nov (Erik): "Try two tasks below" as the page's own text link (like "See it on your own HR week"): a straight
   underline under the words, the arrow beside it, nudging down on hover. */
.sw-cta-b .btn2{display:inline-flex;align-items:center;gap:6px;min-height:0;padding:6px 0;border:0;border-radius:0;background:none!important;
  font:var(--fw-semibold) 15px/1 var(--font-ui);color:var(--plum-900);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.sw-cta-b .btn2::after{content:"↓";display:inline-block;margin:0;text-decoration:none;transition:transform 200ms ease}
.sw-cta-b .btn2:hover::after{transform:translateY(2px)}
.sw-cta-b .btn2:focus-visible{outline:2px solid var(--lav-300);outline-offset:3px;border-radius:4px}
.sw-cta-b .btn2{position:relative;margin-right:20px}
.sw-cta-b .btn2::after{position:absolute;right:-19px;top:50%;margin-top:-.55em;line-height:1.1}
.sw-cta-b .btn2:hover::after{transform:translateY(2px)}

/* 5 Nov (Erik): the closed pill, crisper. Solid deep plum (the photo no longer muddies it), the hairline on the pill
   itself (the window's clip cut it off), no blur on the mark, the count chip centred with even air. */
.sw:not(.open) .sw-win{background:#1E1930;box-shadow:none}
.sw-pill{border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);padding:0 7px 0 14px}
.sw-pill .sw-mk{filter:none;animation:sw-breathe2 2.8s ease-in-out infinite}
.sw-pill em{padding:0 10px;height:28px;display:inline-flex;align-items:center;background:rgba(151,115,255,.24);color:#EAE3FF}
@keyframes sw-breathe2{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){.sw-pill .sw-mk{animation:none}}
/* 5 Nov (Erik): Sia's source line in the desk's phone row: the icon stays beside the words, only the words wrap. */
:root .desk .sia-step .ssrc{flex-wrap:nowrap!important;align-items:flex-start!important;border-radius:14px;padding:6px 12px 6px 10px}
:root .desk .sia-step .ssrc svg{margin-top:1.5px}
:root .desk .sia-step .ssrc span{min-width:0;white-space:normal}

/* 5 Nov (Erik: "more stark and minimal"). Crisp, short motion: no ring, no shimmer, no blur. */
.sw-it.ok .sw-st::before{display:none}
.sw-it.wk{background:rgba(255,255,255,.06);animation:none}
.sw-it.ok .sw-st,.sw-step.ok .sw-ck{animation:sw-snap 280ms cubic-bezier(.3,1.4,.6,1) both}
.sw-step{animation:sw-in2 260ms cubic-bezier(.2,.8,.2,1) both}
.sw-it .sw-res{transition:opacity 200ms ease,transform 260ms cubic-bezier(.2,.8,.2,1)}
.sw-it .sw-todo{transition:opacity 140ms ease,transform 200ms ease}
.sw-ok.done{animation:none}
@keyframes sw-snap{0%{transform:scale(.5);opacity:.4}70%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}
@keyframes sw-in2{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}

/* 5 Nov (Erik: "looks great on mobile"). The phone pile after the new layout: every card ends above Sia's pill (the
   photo's foot stays free), each a little clear of the last. Values are --scy per card (phone y = 222 + dy x scy). */
@media (max-width: 600px){
  :root .hv-in .stage .sheet[data-set="0"][data-i="0"][data-v]{--scy:5!important}
  :root .hv-in .stage .sheet[data-set="0"][data-i="3"][data-v]{--scy:.25!important}
  :root .hv-in .stage .sheet[data-set="1"][data-i="1"][data-v]{--scy:-.654!important}
  :root .hv-in .stage .sheet[data-set="1"][data-i="4"][data-v]{--scy:2.3!important}
  :root .hv-in .stage .sheet[data-set="2"][data-i="4"][data-v]{--scy:.19!important}
}
/* On a phone nothing moves before Sia starts, so the pause button waits until then (it would sit on the cards). */
@media (max-width: 1000px){.stage:not(.touched) .sw-pp{display:none!important}}

/* 5 Nov (Erik): the closed pill paints itself; the window behind it is transparent until Sia opens. */
.sw:not(.open) .sw-win{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.sw-win{transition:clip-path 720ms cubic-bezier(.32,.72,0,1),background-color 300ms ease}
.sw-pill{background:#1E1930}
.sw.ready .sw-pill{background:linear-gradient(135deg,#6A4BE0,#5B3FD0)}
/* 5 Nov (coherence): under 1000px the stage kept 168px under the photo for the old showcase; Sia's panel and the end
   card reach about 62px below it, so 80px is enough and the empty band under the photo goes. */
@media (max-width: 1000px){:root .hv-in .stage[data-k="stage"]{height:calc(var(--ph) + 80px)!important}}
/* 5 Nov (Erik): the real Teams icon on a white app tile. */
.hv .io-ic-teams{background:#fff!important;padding:1px}
.io-app svg.ms-teams{width:16px;height:16px;fill:initial}
/* 5 Nov (Erik): steps without spinners. Title in full, then the product chip and the details on one quiet line. */
.sw-step .sw-ck{display:none}
.sw-sh b{white-space:normal;overflow:visible;text-overflow:clip;font-weight:500;color:rgba(255,255,255,.92)}
.sw-tags{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:3px;padding-left:0}
.sw-tags .sw-pc{margin-right:8px}
.sw-tags .sw-pc+.sw-tag::before{content:none}
.sw-steps{padding:0 10px 8px 34px;gap:6px}

/* 5 Nov (Erik: one more motion pass, "clean, stark and delight").
   One entrance per row that never replays (the working/done states used to restart it, so a row blinked out). */
.sw-it,.sw-it.wk,.sw-it.ok{animation:sw-row 240ms cubic-bezier(.2,.9,.1,1) both}
.sw-it.wk{background:rgba(255,255,255,.06)}
@keyframes sw-row{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* The panel opens faster and sharper. */
.sw-win{transition:clip-path 560ms cubic-bezier(.2,.9,.1,1),background-color 240ms ease}
.sw.open .sw-body{transition:opacity 220ms ease 200ms}
/* Done: Sia's mark twinkles once. */
.sw-gh:has(> svg:last-child:not(.sw-mk)) .sw-mk{animation:sw-twinkle 640ms cubic-bezier(.2,.9,.1,1)}
@keyframes sw-twinkle{0%{transform:rotate(0) scale(1)}45%{transform:rotate(60deg) scale(1.35)}100%{transform:rotate(90deg) scale(1)}}
/* The Confirm row and the end card rise in, crisp. */
.sw-acts{animation:sw-row 260ms cubic-bezier(.2,.9,.1,1) both}
.sw-cta{transform:translateY(10px) scale(.985);transition:opacity 260ms ease,transform 420ms cubic-bezier(.2,.9,.1,1)}
.sw-cta.on{transform:none}
@media (prefers-reduced-motion:reduce){.sw-it,.sw-it.wk,.sw-it.ok,.sw-acts,.sw-gh .sw-mk{animation:none!important}.sw-win,.sw-cta{transition:none}}

/* 5 Nov (Erik): one Sia mark only, in the header. The plan's line gets a small lavender spinner while Sia works and a
   green tick when she is done. */
.sw-gh > .sw-mk{display:none}
.sw-gh::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;box-sizing:border-box;
  border:2px solid rgba(196,176,255,.25);border-top-color:#B9A4FF;animation:sw-spin 800ms linear infinite}
.sw-gh:has(> svg:last-child:not(.sw-mk))::before{border:0;animation:sw-snap 280ms cubic-bezier(.3,1.4,.6,1) both;
  background:#40C48C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.4 8.3l2.4 2.3 4.8-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
@keyframes sw-spin{to{transform:rotate(360deg)}}
/* "Hand 5 to Sia": the pill's own plum, a lavender arrow button at the end, a soft ring pulsing out. */
.sw.ready .sw-pill{background:#1E1930;justify-content:flex-start;padding:0 6px 0 14px;animation:sw-ring2 1.8s ease-out infinite}
.sw.ready .sw-pill .sw-mk{fill:#B9A4FF}
.sw.ready .sw-pill::after{content:"";margin-left:auto;flex:none;width:32px;height:32px;border-radius:50%;
  background:#9773FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9.5M8.7 4l4 4-4 4' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat;transition:transform 200ms ease}
.sw.ready .sw-pill:hover::after{transform:translateX(2px)}
@keyframes sw-ring2{0%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 0 0 rgba(151,115,255,.55)}100%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 0 9px rgba(151,115,255,0)}}
@media (prefers-reduced-motion:reduce){.sw-gh::before,.sw.ready .sw-pill{animation:none}}

/* 5 Nov (Erik): the closed pill is never clipped (some browsers cut its foot under the page zoom). Closed, the window
   is transparent and unclipped; open, the panel rises in with a quick fade and lift. */
.sw:not(.open) .sw-win{clip-path:none!important;overflow:visible}
.sw.open .sw-win{clip-path:inset(0 round 18px)!important;transition:background-color 200ms ease;animation:sw-open 460ms cubic-bezier(.2,.9,.1,1) both;transform-origin:50% 100%}
@keyframes sw-open{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sw.open .sw-win{animation:none}}
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}

/* Header: warm paper, a hairline, links that underline themselves. */
.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%}

/* Hero: a pile of real-looking paperwork over a photo of colleagues. Drag a sheet away, flick it, or press it. */
.hero{padding:var(--space-72) 0 var(--space-96)}
.herogrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-40);align-items:center}
.swap{display:grid}
.swap>div{grid-area:1/1;display:flex;flex-direction:column;gap:var(--space-24);transition:opacity var(--dur-700) var(--ease),transform var(--dur-900) var(--ease)}
.swap .after{opacity:0;transform:translateY(24px);pointer-events:none}
.clear .swap .before{opacity:0;transform:translateY(-24px);pointer-events:none}
.clear .swap .after{opacity:1;transform:none;pointer-events:auto}
.stage{position:relative;height:640px;--sc:1}
.stage .ph{position:absolute;right:0;top:24px;width:460px;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 40%;border-radius:var(--radius-20);box-shadow:var(--lift);transition:transform 1200ms var(--ease)}
.clear .stage .ph{transform:scale(1.03)}
.hey{position:absolute;left:var(--hx);top:var(--hy);z-index:30;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(-8deg);transform-origin:0 100%;opacity:0;pointer-events:none;transition:transform var(--dur-700) var(--ease-spring),opacity var(--dur-200)}
.clear .hey{transform:scale(1) rotate(-4deg);opacity:1;transition-delay:var(--hd)}
.sheet{position:absolute;left:44%;top:52%;width:280px;aspect-ratio:210 / 297;box-sizing:border-box;padding:var(--space-28) var(--space-24) var(--space-24);border:0;border-radius:var(--radius-3);background:linear-gradient(170deg,var(--white) 0%,var(--paper-50) 100%);color:var(--ink-900);text-align:left;font:var(--fw-regular) var(--fs-12)/var(--lh-140) var(--font-ui);display:flex;flex-direction:column;gap:var(--space-12);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;box-shadow:0 0 0 .5px var(--ink-a08),0 1px 1px var(--ink-a06),0 6px 14px -8px var(--ink-a24),0 24px 40px -30px var(--ink-a45);will-change:transform}
.sheet{transition:box-shadow var(--dur-300) ease}
.sheet.hov{box-shadow:0 0 0 .5px var(--ink-a08),0 2px 2px var(--ink-a06),0 12px 22px -12px var(--ink-a24),0 32px 48px -32px var(--ink-a45)}
.sheet:focus-visible{outline:2px solid var(--plum);outline-offset:4px}
.sheet.held{cursor:grabbing;box-shadow:0 0 0 .5px var(--ink-a08),0 2px 2px var(--ink-a06),0 18px 30px -14px var(--ink-a45),0 44px 60px -36px var(--ink-a45)}
.sheet.gone{visibility:hidden}
.sheet .k{font-size:10px;font-weight:var(--fw-bold);letter-spacing:var(--ls-caps-wide);text-transform:uppercase;color:var(--ink-600)}
.sheet .tt{font-family:var(--font-display);font-size:19px;line-height:var(--lh-115);color:var(--ink-900)}
.sheet .hw{font-family:var(--font-hand);font-size:21px;line-height:var(--lh-100);color:var(--blue-800)}
.sheet .fl{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-12);border-bottom:1px solid var(--paper-300);padding-bottom:3px}
.sheet .fl span:first-child{font-size:10px;color:var(--ink-500)}
.sheet .bars{display:flex;flex-direction:column;gap:var(--space-8)}
.sheet .bars i{display:block;height:5px;border-radius:var(--radius-3);background:var(--paper-200)}
.sheet .grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--paper-300);border-left:1px solid var(--paper-300)}
.sheet .grid i{display:block;height:16px;border-right:1px solid var(--paper-300);border-bottom:1px solid var(--paper-300)}
.sheet .bx{display:inline-block;width:11px;height:11px;border:1.2px solid var(--ink-500);border-radius:var(--radius-2);vertical-align:-2px;margin-right:var(--space-8);position:relative}
.sheet .bx.on::after{content:"";position:absolute;left:2px;top:-3px;width:4px;height:9px;border:solid var(--blue-800);border-width:0 2px 2px 0;transform:rotate(40deg)}
.stamp{position:absolute;right:18px;bottom:62px;width:92px;height:92px;border-radius:50%;border:2.5px solid rgba(var(--alert-rgb),.75);color:rgba(var(--alert-rgb),.8);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-14deg);font:var(--fw-heavy) 10px/var(--lh-115) var(--font-ui);letter-spacing:.08em;text-align:center;mix-blend-mode:multiply}
.stamp b{font-size:var(--fs-15);letter-spacing:var(--ls-wide)}
.note{width:176px;aspect-ratio:1;padding:var(--space-20) var(--space-16);background:linear-gradient(170deg,var(--amber-200),var(--amber-300));border-radius:var(--radius-2);justify-content:center}
.clip{position:absolute;left:30px;top:-18px;width:26px;height:64px;pointer-events:none}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em 0 .12em;margin:-.04em 0 -.12em}
.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-900) var(--ease)}
.clear .w2>span{transform:none;transition-delay:calc(var(--i) * 90ms + 220ms)}
.w>span{display:inline-block;animation:rise 1200ms var(--ease) both;animation-delay:calc(var(--i) * 70ms + 150ms)}
@keyframes rise{from{transform:translateY(112%)}}
.count{font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--plum);font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--dur-400) var(--ease)}
.herogrid:has(.touched) .count{opacity:1}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* What Simployer did instead: one line in a fixed space. Each new one rolls in as the last rolls out, and its check draws itself. */
.say{position:relative;height:50px;max-width:440px}
.sm{position:absolute;left:0;top:0;right:0;display:flex;gap:var(--space-12);align-items:flex-start;font-size:var(--fs-15);line-height:var(--lh-145);color:var(--ink);opacity:0;transform:translateY(14px);transition:opacity var(--dur-300) linear,transform var(--dur-600) var(--ease-sheet)}
.sm.on{opacity:1;transform:none}
.sm.out{opacity:0;transform:translateY(-12px);transition:opacity var(--dur-200) linear,transform var(--dur-400) var(--ease-sheet)}
.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-sheet) 140ms}
.sm.on svg path{stroke-dashoffset:0}
@keyframes toastin{from{opacity:0;transform:translateY(10px) scale(.96)}}
.odo{display:inline-block;height:1.25em;overflow:hidden;line-height:var(--lh-125);vertical-align:bottom}
.odoin{display:flex;flex-direction:column;transition:transform var(--dur-700) var(--ease-spring)}
.hint{position:absolute;left:0;bottom:2%;display:flex;align-items:flex-start;gap:var(--space-8);font:var(--fw-semibold) var(--fs-24)/var(--lh-100) var(--font-hand);color:#5A4FA0;transform:rotate(-6deg);pointer-events:none;transition:opacity var(--dur-500) var(--ease),transform var(--dur-600) var(--ease);z-index:var(--layer-toast)}
.hint svg{margin-top:-30px}
.hcoarse{display:none}
@media (pointer: coarse){.hfine{display:none}.hcoarse{display:inline}}
.touched .hint{opacity:0;transform:rotate(-6deg) translateY(-8px)}
@media (max-width: 1000px){.hint{left:2%;bottom:0}}


/* The week: one photo and one real screen per day, side by side, never on top of each other. */
.day{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:var(--space-56);align-items:start;padding:var(--space-72) 0;border-top:1px solid #D3CEC1}
.dayph{border-radius:var(--radius-18);overflow:hidden}
.dayph img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}
.m .dayph{clip-path:inset(calc((1 - var(--p,1)) * 100%) 0 0 0 round 18px)}
.m .dayph img{transform:scale(calc(1.12 - var(--p,1) * .12))}
.dname{font-family:var(--font-display);font-size:clamp(56px,6vw,88px);line-height:.95;letter-spacing:-.012em;font-variation-settings:"SOFT" 0,"WONK" 0;transition:font-variation-settings var(--dur-700) var(--ease);font-weight:350}
.day:hover .dname{font-variation-settings:"SOFT" 100,"WONK" 0}
.cap{display:block;width:100%;height:auto;border-radius:15px;box-shadow:0 0 0 1px rgba(23,20,31,.12)}
.m .rise{opacity:calc(.2 + var(--p,1) * .8);transform:translateY(calc((1 - var(--p,1)) * 40px))}

.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)}}

@media (max-width: 600px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fgrid>:first-child{grid-column:1/-1}}
.m .lit span{opacity:clamp(.28,calc(var(--p,1) * 22 - var(--i)),1);transition:opacity var(--dur-160) linear}
.flysec{position:relative;padding:0 0 var(--space-64)}
.flysec .drift{position:absolute;left:0;right:0;top:0;height:420px;pointer-events:none;z-index:3}
.flysec .av{position:absolute;left:var(--x);top:var(--y);width:var(--s);opacity:var(--fo,1);transform:translate3d(var(--fx,0px),var(--fy,0px),0) scale(var(--fs,1))}
.flysec .bob{display:block;animation:bob var(--d) ease-in-out var(--dl) infinite alternate}
@keyframes bob{from{transform:translate(0,0)}to{transform:translate(8px,-14px)}}
.flysec .av img{display:block;width:100%;height:auto}
.flysec .av.f img{aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 10px 22px -12px var(--ink-a45)}
.flysec .av.b img{width:calc(100% * 66 / 48);margin:-1px}
.slab{background:var(--ink-900);border-radius:var(--radius-28);padding:var(--space-28);box-sizing:border-box}
.slab img{display:block;width:100%;height:auto;border-radius:var(--radius-12)}
@media (max-width: 960px){.flysec .av{display:none}.flysec .wrap{padding-top:var(--space-40)!important}.flysec{padding-bottom:var(--space-56)}.slab{padding:var(--space-12);border-radius:var(--radius-18)}}
.lv .aw0{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;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:460px;line-height:24px;max-width:640px;min-width:640px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:640px;-webkit-font-smoothing:antialiased;margin:0;position:relative}
.lv .aw1{column-gap:12px;display:flex;flex-direction:column;height:458px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:638px}
.lv .aw2{align-items:center;column-gap:12px;display:flex;height:36px;justify-content:space-between;row-gap:12px;width:606px}
.lv .aw3{align-items:baseline;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;width:79.8906px}
.lv .aw4{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;width:79.8906px}
.lv .aw5{display:block;flex-shrink:0;height:36px;width:36px}
.lv .aw6{align-items:center;appearance:button;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;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 .aw7{display:block;fill:none;flex-shrink:0;height:16px;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 .aw8{fill:none;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;color:rgb(28, 7, 66);transform-origin:0px 0px}
.lv .aw9{column-gap:16px;display:flex;flex-direction:column;height:378px;row-gap:16px;width:606px}
.lv .aw10{column-gap:8px;display:flex;flex-direction:column;height:219px;row-gap:8px;width:606px}
.lv .aw11{color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:606px}
.lv .aw12{}
.lv .aw13{column-gap:16px;display:flex;flex-wrap:wrap;height:193px;list-style-type:none;margin-bottom:0px;margin-top:0px;padding-left:0px;row-gap:8px;width:606px}
.lv .aw14{flex-shrink:0;height:92.5px;list-style-position:outside;width:96px}
.lv .aw15{align-items:center;appearance:button;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;column-gap:6px;display:flex;flex-direction:column;height:70.25px;padding-bottom:4px;padding-left:2px;padding-right:2px;padding-top:4px;row-gap:6px;text-align:center;width:96px}
.lv .aw16{bottom:0px;display:flex;flex-shrink:0;height:40px;left:0px;position:relative;right:0px;top:0px;width:40px}
.lv .aw17{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;display:flex;flex-shrink:0;height:40px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:40px}
.lv .aw18{aspect-ratio:1 / 1;display:block;height:40px;max-width:100%;object-fit:cover;object-position:50% 0%;vertical-align:middle;width:40px}
.lv .aw19{align-items:center;background-color:rgb(247, 244, 253);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:-4px;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, rgb(247, 244, 253) 0px 0px 0px 2px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;display:flex;height:20px;justify-content:center;left:24px;position:absolute;right:-4px;top:24px;width:20px}
.lv .aw20{align-items:center;background-color:rgba(230, 243, 237, 0.8);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;color:rgb(16, 86, 58);display:flex;height:20px;justify-content:center;width:20px}
.lv .aw21{display:block;fill:none;height:14px;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 .aw22{fill:none;stroke:rgb(16, 86, 58);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(16, 86, 58);transform-origin:0px 0px}
.lv .aw23{display:flow-root;font-size:13px;font-weight:500;height:16.25px;line-height:16.25px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:hidden;width:92px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lv .aw24{align-items:center;appearance:button;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;column-gap:6px;display:flex;flex-direction:column;height:92.5px;padding-bottom:4px;padding-left:2px;padding-right:2px;padding-top:4px;row-gap:6px;text-align:center;width:96px}
.lv .aw25{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;container-type:inline-size;display:flex;flex-shrink:0;height:40px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:40px}
.lv .aw26{align-items:center;background-color:rgb(251, 238, 220);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(254, 246, 234) 0px, rgb(254, 246, 234) 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;color:rgb(106, 68, 22);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:14px;font-weight:600;height:40px;justify-content:center;letter-spacing:0.14px;line-height:18px;width:40px}
.lv .aw27{color:rgb(70, 59, 100);display:block;font-size:13px;height:16.25px;line-height:16.25px;width:92px}
.lv .aw28{align-items:center;background-color:rgba(218, 233, 248, 0.8);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;color:rgb(13, 68, 122);display:flex;height:20px;justify-content:center;width:20px}
.lv .aw29{display:block;fill:none;height:14px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(13, 68, 122);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .aw30{fill:none;stroke:rgb(13, 68, 122);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(13, 68, 122);transform-origin:0px 0px}
.lv .aw31{align-items:center;background-color:rgba(255, 220, 217, 0.8);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;color:rgb(146, 13, 13);display:flex;height:20px;justify-content:center;width:20px}
.lv .aw32{display:block;fill:none;height:14px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(146, 13, 13);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .aw33{fill:none;stroke:rgb(146, 13, 13);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(146, 13, 13);transform-origin:0px 0px}
.lv .aw34{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;color:rgb(94, 53, 114);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:14px;font-weight:600;height:40px;justify-content:center;letter-spacing:0.14px;line-height:18px;width:40px}
.lv .aw35{align-items:center;appearance:button;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;column-gap:6px;display:flex;flex-direction:column;height:86.5px;padding-bottom:4px;padding-left:2px;padding-right:2px;padding-top:4px;row-gap:6px;text-align:center;width:96px}
.lv .aw36{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;color:rgb(75, 53, 147);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:14px;font-weight:600;height:40px;justify-content:center;letter-spacing:0.14px;line-height:18px;width:40px}
.lv .aw37{display:flow-root;font-size:13px;font-weight:500;height:32.5px;line-height:16.25px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:hidden;width:92px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lv .aw38{display:flex;flex-direction:column;height:143px;width:606px}
.lv .aw39{align-items:center;column-gap:8px;display:grid;grid-template-columns:312px 286px;grid-template-rows:23px;height:23px;width:606px}
.lv .aw40{align-items:baseline;column-gap:8px;display:flex;height:18px;row-gap:8px;width:312px}
.lv .aw41{color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:83.4531px}
.lv .aw42{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;text-wrap-mode:nowrap;width:123.797px}
.lv .aw43{container-type:inline-size;height:23px;width:286px}
.lv .aw44{display:grid;grid-template-columns:57.1875px 57.2031px 57.2031px 57.2031px 57.2031px;grid-template-rows:23px;height:23px;width:286px}
.lv .aw45{align-items:center;border-top-left-radius:6px;border-top-right-radius:6px;column-gap:2px;display:flex;flex-direction:column;height:23px;padding-bottom:6px;padding-left:4px;padding-right:4px;padding-top:4px;row-gap:2px;width:57.1875px}
.lv .aw46{color:rgb(70, 59, 100);display:block;font-size:13px;height:13px;line-height:13px;width:25.5312px}
.lv .aw47{align-items:center;border-top-left-radius:6px;border-top-right-radius:6px;column-gap:2px;display:flex;flex-direction:column;height:23px;padding-bottom:6px;padding-left:4px;padding-right:4px;padding-top:4px;row-gap:2px;width:57.2031px}
.lv .aw48{color:rgb(70, 59, 100);display:block;font-size:13px;height:13px;line-height:13px;width:20.5625px}
.lv .aw49{align-items:center;background-color:rgba(0, 0, 0, 0.04);border-top-left-radius:6px;border-top-right-radius:6px;column-gap:2px;display:flex;flex-direction:column;height:23px;padding-bottom:6px;padding-left:4px;padding-right:4px;padding-top:4px;row-gap:2px;width:57.2031px}
.lv .aw50{display:block;font-size:13px;font-weight:600;height:13px;line-height:13px;width:26.5px}
.lv .aw51{color:rgb(70, 59, 100);display:block;font-size:13px;height:13px;line-height:13px;width:21.8594px}
.lv .aw52{color:rgb(70, 59, 100);display:block;font-size:13px;height:13px;line-height:13px;width:15.0938px}
.lv .aw53{display:flex;flex-direction:column;height:120px;list-style-type:none;margin-bottom:0px;margin-top:0px;padding-left:0px;width:606px}
.lv .aw54{align-items:center;column-gap:8px;display:grid;grid-template-columns:312px 286px;grid-template-rows:46px;height:46px;list-style-position:outside;width:606px}
.lv .aw55{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;column-gap:8px;display:flex;font-size:14px;height:46px;line-height:20px;padding-bottom:4px;padding-top:4px;row-gap:8px;width:312px}
.lv .aw56{align-items:center;appearance:button;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;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;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:318px}
.lv .aw57{align-items:center;align-self:flex-start;column-gap:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;row-gap:8px;transform-origin:18px 18px;translate:0px 2px;width:36px}
.lv .aw58{bottom:0px;display:flex;height:36px;left:0px;position:relative;right:0px;top:0px;width:36px}
.lv .aw59{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;container-type:inline-size;display:flex;flex-shrink:0;height:36px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:36px}
.lv .aw60{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;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;width:36px}
.lv .aw61{column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:33.75px;row-gap:0px;width:266px}
.lv .aw62{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:147.031px}
.lv .aw63{display:flow-root;font-size:13px;height:16.25px;line-height:16.25px;margin-bottom:0px;margin-top:0px;overflow-x:hidden;overflow-y:hidden;text-wrap-style:balance;width:266px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.lv .aw64{bottom:113.5px;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:622px;text-wrap-mode:nowrap;top:345.5px;width:1px;display:none!important}
.lv .aw65{container-type:inline-size;display:grid;grid-template-columns:57.1875px 57.1875px 57.2031px 57.2031px 57.2031px;grid-template-rows:38px;height:46px;padding-bottom:4px;padding-top:4px;width:286px}
.lv .aw66{align-self:stretch;background-color:rgba(0, 0, 0, 0.04);display:block;grid-column-start:3;grid-row-start:1;height:46px;margin-bottom:-4px;margin-top:-4px;width:57.2031px}
.lv .aw67{align-self:center;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;display:block;grid-column-end:-1;grid-column-start:1;grid-row-start:1;height:6px;margin-left:2px;margin-right:2px;width:282px}
.lv .aw68{align-items:center;align-self:center;background-color:rgb(45, 12, 105);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;container-type:inline-size;display:flex;grid-column-end:6;grid-column-start:1;grid-row-start:1;height:24px;margin-right:2px;mask-image:linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 26px);overflow-x:hidden;overflow-y:hidden;padding-left:8px;padding-right:8px;width:284px}
.lv .aw69{color:rgb(247, 244, 253);display:block;font-size:13px;font-weight:500;height:13px;line-height:13px;overflow-x:hidden;overflow-y:hidden;padding-left:16px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:66.8438px}
.lv .aw70{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;display:flex;flex-shrink:0;height:36px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:36px}
.lv .aw71{aspect-ratio:1 / 1;display:block;height:36px;max-width:100%;object-fit:cover;object-position:50% 0%;vertical-align:middle;width:36px}
.lv .aw72{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:64.1406px}
.lv .aw73{bottom:67.5px;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:622px;text-wrap-mode:nowrap;top:391.5px;width:1px;display:none!important}
.lv .aw74{align-self:stretch;background-color:rgba(0, 0, 0, 0.04);border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:block;grid-column-start:3;grid-row-start:1;height:46px;margin-bottom:-4px;margin-top:-4px;width:57.2031px}
.lv .aw75{align-items:center;align-self:center;background-color:rgb(45, 12, 105);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;container-type:inline-size;display:flex;grid-column-end:6;grid-column-start:1;grid-row-start:1;height:24px;mask-image:linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 26px, rgb(0, 0, 0) calc(100% - 26px), rgba(0, 0, 0, 0));overflow-x:hidden;overflow-y:hidden;padding-left:8px;padding-right:8px;width:286px}
.lv .aw76{color:rgb(247, 244, 253);display:block;font-size:13px;font-weight:500;height:13px;line-height:13px;overflow-x:hidden;overflow-y:hidden;padding-left:16px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:74.6406px}
.lv .aw77{color:rgb(70, 59, 100);font-size:14px;height:28px;line-height:20px;list-style-position:outside;padding-top:8px;width:606px}
.lv .sc0{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;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:683.172px;line-height:24px;max-width:640px;min-width:640px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:640px;-webkit-font-smoothing:antialiased;margin:0;position:relative}
.lv .sc1{column-gap:12px;display:flex;flex-direction:column;height:681.172px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:638px}
.lv .sc2{align-items:center;column-gap:12px;display:flex;height:24px;justify-content:space-between;row-gap:12px;width:606px}
.lv .sc3{align-items:baseline;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;width:92.9688px}
.lv .sc4{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;width:92.9688px}
.lv .sc5{color:rgb(82, 70, 115);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:606px}
.lv .sc6{column-gap:16px;display:grid;grid-template-columns:295px 295px;grid-template-rows:106.75px;height:106.75px;row-gap:16px;width:606px}
.lv .sc7{column-gap:4px;display:flex;flex-direction:column;height:106.75px;row-gap:4px;width:295px}
.lv .sc8{color:rgb(70, 59, 100);font-size:14px;height:20px;line-height:20px;margin-bottom:0px;margin-top:0px;width:295px}
.lv .sc9{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:31px;height:38.75px;letter-spacing:-0.31px;line-height:38.75px;margin-bottom:0px;margin-top:0px;width:295px}
.lv .sc10{appearance:button;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;display:inline-block;height:38.75px;text-align:center;text-decoration:underline 1px color(srgb 0.180392 0.141176 0.270588 / 0.45);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;width:27.1875px;-webkit-text-decorations-in-effect:underline}
.lv .sc11{bottom:576.172px;clip-path:inset(50%);display:block;height:1px;left:43.1875px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:595.812px;text-wrap-mode:nowrap;top:106px;width:1px;display:none!important}
.lv .sc12{color:rgb(70, 59, 100);font-size:14px;height:40px;line-height:20px;margin-bottom:0px;margin-top:0px;width:295px}
.lv .sc13{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);flex-shrink:0;height:1px;width:606px}
.lv .sc14{column-gap:16px;display:grid;grid-template-columns:295px 295px;grid-template-rows:86.75px 86.75px 86.75px;height:292.25px;row-gap:16px;width:606px}
.lv .sc15{column-gap:4px;display:flex;flex-direction:column;height:86.75px;row-gap:4px;width:295px}
.lv .sc16{appearance:button;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;display:inline-block;height:38.75px;text-align:center;text-decoration:underline 1px color(srgb 0.180392 0.141176 0.270588 / 0.45);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;width:50.5938px;-webkit-text-decorations-in-effect:underline}
.lv .sc17{bottom:414.422px;clip-path:inset(50%);display:block;height:1px;left:66.5938px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:572.406px;text-wrap-mode:nowrap;top:267.75px;width:1px;display:none!important}
.lv .sc18{appearance:button;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;display:inline-block;height:20px;text-align:center;text-decoration:underline 1px color(srgb 0.180392 0.141176 0.270588 / 0.45);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;width:82.8594px;-webkit-text-decorations-in-effect:underline}
.lv .sc19{bottom:166.172px;clip-path:inset(50%);display:block;height:1px;left:505.969px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:133.031px;text-wrap-mode:nowrap;top:516px;width:1px;display:none!important}
.lv .sc20{column-gap:12px;display:flex;flex-direction:column;height:117.172px;padding-top:4px;row-gap:12px;width:606px}
.lv .sc21{background-color:color(srgb 0.869898 0.843471 0.919821 / 0.802353);border-bottom-color:color(srgb 0.176471 0.0470588 0.411765 / 0.22);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.176471 0.0470588 0.411765 / 0.22);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.176471 0.0470588 0.411765 / 0.22);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.176471 0.0470588 0.411765 / 0.22);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;column-gap:8px;display:flex;height:113.172px;padding-bottom:10px;padding-left:12px;padding-right:12px;padding-top:10px;row-gap:8px;width:606px}
.lv .sc22{align-items:center;color:rgb(45, 12, 105);display:flex;flex-shrink:0;font-size:14px;height:22.3906px;line-height:20px;width:16px}
.lv .sc23{aspect-ratio:auto 16 / 16;display:block;height:16px;vertical-align:middle;width:16px}
.lv .sc24{flex-basis:0%;flex-grow:1;height:91.1719px;width:556px}
.lv .sc25{font-size:14px;height:67.1719px;line-height:22.4px;margin-bottom:0px;margin-top:0px;width:556px}
.lv .sc26{bottom:119.172px;clip-path:inset(50%);display:block;height:1px;left:53px;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:563px;width:1px;display:none!important}
.lv .sc27{align-items:center;appearance:button;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;color:rgb(28, 7, 66);column-gap:8px;display:inline-flex;font-size:13px;font-weight:500;height:18px;justify-content:center;line-height:18px;margin-top:4px;row-gap:8px;text-align:center;text-decoration:underline;text-decoration-line:underline;text-underline-offset:4px;text-wrap-mode:nowrap;width:120.344px;-webkit-text-decorations-in-effect:underline}
.lv .sq0{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;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:181px;line-height:24px;max-width:640px;min-width:640px;width:640px;-webkit-font-smoothing:antialiased;margin:0;position:relative}
.lv .sq1{column-gap:16px;display:flex;flex-direction:column;height:179px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:16px;width:638px}
.lv .sq2{align-items:flex-start;column-gap:12px;display:flex;flex-wrap:wrap;height:46px;justify-content:space-between;row-gap:12px;width:606px}
.lv .sq3{column-gap:4px;display:flex;flex-direction:column;height:46px;row-gap:4px;width:402.109px}
.lv .sq4{color:rgb(70, 59, 100);display:block;font-size:12px;font-weight:600;height:18px;line-height:18px;width:402.109px}
.lv .sq5{font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;max-width:480px;width:402.109px}
.lv .sq6{align-items:baseline;column-gap:8px;display:flex;height:29.6875px;row-gap:8px;width:62.1719px}
.lv .sq7{display:block;font-size:22px;font-weight:600;height:29.6875px;line-height:29.7px;width:24.6406px}
.lv .sq8{align-items:center;color:rgb(146, 13, 13);column-gap:4px;display:flex;font-size:13px;height:18px;line-height:18px;row-gap:4px;width:29.5312px}
.lv .sq9{display:block;fill:none;height:14px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(146, 13, 13);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .sq10{fill:none;stroke:rgb(146, 13, 13);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:13px;font-weight:400;text-anchor:start;color:rgb(146, 13, 13);transform-origin:0px 0px}
.lv .sq11{column-gap:6px;display:flex;flex-direction:column;height:34px;row-gap:6px;width:606px}
.lv .sq12{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;display:flex;height:10px;overflow-x:hidden;overflow-y:hidden;width:606px}
.lv .sq13{background-color:oklab(0.281787 0.0480982 -0.135113 / 0.15);display:block;height:10px;width:19.8594px}
.lv .sq14{background-color:oklab(0.281787 0.0480982 -0.135113 / 0.35);display:block;height:10px;width:89.4062px}
.lv .sq15{background-color:oklab(0.281787 0.0480982 -0.135113 / 0.55);display:block;height:10px;width:173.844px}
.lv .sq16{background-color:oklab(0.281787 0.0480982 -0.135113 / 0.75);display:block;height:10px;width:248.359px}
.lv .sq17{background-color:rgb(45, 12, 105);display:block;height:10px;width:74.5px}
.lv .sq18{column-gap:16px;display:flex;flex-wrap:wrap;height:18px;row-gap:4px;width:606px}
.lv .sq19{align-items:center;color:rgb(70, 59, 100);column-gap:6px;display:flex;font-size:13px;height:18px;line-height:18px;row-gap:6px;width:127.891px}
.lv .sq20{background-color:oklab(0.281787 0.0480982 -0.135113 / 0.15);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;display:block;height:8px;width:8px}
.lv .sq21{color:rgb(82, 70, 115);display:block;height:18px;width:7.28125px}
.lv .sq22{align-items:center;color:rgb(70, 59, 100);column-gap:6px;display:flex;font-size:13px;height:18px;line-height:18px;row-gap:6px;width:85.1562px}
.lv .sq23{background-color:oklab(0.281787 0.0480982 -0.135113 / 0.35);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;display:block;height:8px;width:8px}
.lv .sq24{color:rgb(82, 70, 115);display:block;height:18px;width:14.5625px}
.lv .sq25{align-items:center;color:rgb(70, 59, 100);column-gap:6px;display:flex;font-size:13px;height:18px;line-height:18px;row-gap:6px;width:77.2344px}
.lv .sq26{background-color:oklab(0.281787 0.0480982 -0.135113 / 0.55);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;display:block;height:8px;width:8px}
.lv .sq27{align-items:center;color:rgb(70, 59, 100);column-gap:6px;display:flex;font-size:13px;height:18px;line-height:18px;row-gap:6px;width:68.5px}
.lv .sq28{background-color:oklab(0.281787 0.0480982 -0.135113 / 0.75);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;display:block;height:8px;width:8px}
.lv .sq29{align-items:center;color:rgb(70, 59, 100);column-gap:6px;display:flex;font-size:13px;height:18px;line-height:18px;row-gap:6px;width:118.484px}
.lv .sq30{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;display:block;height:8px;width:8px}
.lv .sq31{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);flex-shrink:0;height:1px;width:606px}
.lv .sq32{column-gap:24px;display:flex;flex-wrap:wrap;height:18px;row-gap:8px;width:606px}
.lv .sq33{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:79.6719px}
.lv .sq34{}
.lv .sq35{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:181.891px}
.lv .sq36{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:78.4531px}
.lv .ep0{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;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:370px;line-height:24px;max-width:640px;min-width:640px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:640px;-webkit-font-smoothing:antialiased;margin:0;position:relative}
.lv .ep1{column-gap:12px;display:flex;flex-direction:column;height:368px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:638px}
.lv .ep2{align-items:center;column-gap:12px;display:flex;height:36px;justify-content:space-between;row-gap:12px;width:606px}
.lv .ep3{align-items:baseline;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;width:103.172px}
.lv .ep4{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;width:103.172px}
.lv .ep5{display:block;flex-shrink:0;height:36px;width:208px}
.lv .ep6{align-items:center;appearance:button;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;display:flex;font-size:13px;height:36px;justify-content:space-between;line-height:20px;padding-bottom:6px;padding-left:12px;padding-right:12px;padding-top:6px;text-align:center;width:208px}
.lv .ep7{display:flow-root;height:20px;overflow-x:hidden;overflow-y:hidden;width:130.938px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.lv .ep8{display:block;fill:none;height:16px;opacity:0.8;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 .ep9{fill:none;stroke:rgb(46, 36, 69);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:13px;font-weight:400;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ep10{display:flex;align-items:center;white-space:nowrap;overflow:hidden;appearance:auto;background-color:rgba(255, 255, 255, 0.9);bottom:369px;clip-path:inset(50%);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:639px;text-wrap-mode:nowrap;top:0px;width:1px;display:none!important}
.lv .ep11{column-gap:12px;display:grid;flex-basis:0%;flex-grow:1;grid-template-columns:297px 297px;grid-template-rows:288px;height:288px;row-gap:12px;width:606px}
.lv .ep12{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;column-gap:8px;display:flex;flex-direction:column;height:288px;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;row-gap:8px;width:297px}
.lv .ep13{color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:273px}
.lv .ep14{}
.lv .ep15{height:168px;width:273px}
.lv .ep16{height:168px;width:273px}
.lv .ep17{height:168px}
.lv .ep18{bottom:0px;height:168px;left:0px;position:relative;right:0px;top:0px;width:273px}
.lv .ep19{display:block;height:168px;overflow-x:hidden;overflow-y:hidden;vertical-align:middle;width:273px;overflow:visible}
.lv .ep20{fill:rgb(0, 0, 0);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ep21{fill:none;stroke:color(srgb 0.180392 0.141176 0.270588 / 0.14);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ep22{fill:rgb(45, 12, 105);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ep23{fill:rgb(70, 59, 100);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:13px;font-weight:400;text-anchor:middle;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ep24{fill:rgb(70, 59, 100);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:13px;font-weight:400;text-anchor:end;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ep25{align-items:center;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;column-gap:8px;display:flex;flex-direction:column;height:288px;justify-content:center;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;row-gap:8px;width:297px}
.lv .ep26{align-self:flex-start;color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:86.0312px}
.lv .ep27{align-items:center;bottom:0px;display:flex;flex-shrink:0;height:104px;justify-content:center;left:0px;position:relative;right:0px;top:0px;width:104px}
.lv .ep28{display:block;fill:none;height:104px;overflow-x:hidden;overflow-y:hidden;rotate:-90deg;transform-origin:52px 52px;vertical-align:middle;width:104px;overflow:visible}
.lv .ep29{fill:none;stroke:color(srgb 0.176471 0.0470588 0.411765 / 0.08);stroke-width:10px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ep30{fill:none;stroke:rgb(45, 12, 105);stroke-width:10px;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:9.60519px, 282.743px;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ep31{bottom:37.1562px;display:block;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:22px;font-weight:600;height:29.6875px;left:27.2969px;line-height:29.7px;position:absolute;right:27.2969px;top:37.1562px;width:49.3906px}
.lv .ep32{color:rgb(70, 59, 100);font-size:14px;height:20px;line-height:20px;margin-bottom:0px;margin-top:0px;width:113.078px}
.lv .ea0{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:rgb(13, 68, 122);border-left-style:solid;border-left-width:2px;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;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:227px;line-height:24px;max-width:640px;min-width:640px;width:640px;-webkit-font-smoothing:antialiased;margin:0;position:relative}
.lv .ea1{column-gap:12px;display:flex;flex-direction:column;height:225px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:637px}
.lv .ea2{align-items:center;column-gap:8px;display:flex;height:18px;row-gap:8px;width:605px}
.lv .ea3{color:rgb(82, 70, 115);display:block;fill:none;height:16px;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 .ea4{fill:none;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;text-anchor:start;color:rgb(82, 70, 115);transform-origin:0px 0px}
.lv .ea5{color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:41.5156px}
.lv .ea6{}
.lv .ea7{height:120px;margin-bottom:0px;margin-top:0px;max-width:480px;width:480px}
.lv .ea8{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);flex-shrink:0;height:1px;width:605px}
.lv .ea9{color:rgb(70, 59, 100);font-size:13px;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:605px}
.lv .rb0{color:rgb(46, 36, 69);column-gap:24px;display:flex;flex-direction:column;flex-shrink:0;font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;font-variant-numeric:tabular-nums;height:508.281px;line-height:24px;max-width:640px;min-width:640px;row-gap:24px;width:640px;-webkit-font-smoothing:antialiased;margin:0;position:relative}
.lv .rb1{height:223.5px;overflow-x:hidden;overflow-y:hidden;padding-bottom:8px;width:640px}
.lv .rb2{column-gap:12px;display:flex;height:215.5px;list-style-type:none;margin-bottom:0px;margin-top:0px;min-width:100%;padding-left:0px;row-gap:12px;width:1088px}
.lv .rb3{column-gap:8px;display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;height:215.5px;list-style-position:outside;row-gap:8px;width:208px}
.lv .rb4{align-items:baseline;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;column-gap:8px;display:flex;height:32px;justify-content:space-between;padding-bottom:6px;padding-left:10px;padding-right:10px;padding-top:6px;row-gap:8px;width:208px}
.lv .rb5{display:block;font-size:14px;font-weight:600;height:20px;line-height:20px;width:27.6406px}
.lv .rb6{color:rgb(70, 59, 100);display:block;font-size:14px;height:20px;line-height:20px;width:7.84375px}
.lv .rb7{column-gap:8px;display:flex;flex-direction:column;height:175.5px;margin-bottom:0px;margin-top:0px;padding-left:0px;row-gap:8px;width:208px}
.lv .rb8{height:83.75px;list-style-position:outside;width:208px}
.lv .rb9{appearance:button;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;display:inline-block;height:83.75px;padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px;text-align:left;width:208px}
.lv .rb10{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;column-gap:8px;display:flex;flex-wrap:wrap;font-size:14px;height:61.75px;line-height:20px;row-gap:8px;width:186px}
.lv .rb11{align-items:center;align-self:flex-start;column-gap:8px;display:flex;flex-shrink:0;height:20px;justify-content:center;row-gap:8px;transform-origin:10px 10px;translate:0px 2px;width:20px}
.lv .rb12{bottom:0px;display:flex;height:20px;left:0px;position:relative;right:0px;top:0px;width:20px}
.lv .rb13{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;container-type:inline-size;display:flex;flex-shrink:0;height:20px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:20px}
.lv .rb14{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;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;width:20px}
.lv .rb15{column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:33.75px;row-gap:0px;width:156px}
.lv .rb16{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:57.5312px}
.lv .rb17{display:flow-root;font-size:13px;height:16.25px;line-height:16.25px;margin-bottom:0px;margin-top:0px;overflow-x:hidden;overflow-y:hidden;text-wrap-style:balance;width:156px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.lv .rb18{align-items:center;column-gap:8px;display:flex;flex-basis:100%;height:18px;justify-content:space-between;padding-left:28px;row-gap:8px;width:184px}
.lv .rb19{align-items:center;column-gap:8px;display:flex;height:18px;justify-content:space-between;row-gap:8px;width:143.406px}
.lv .rb20{align-items:center;column-gap:2px;display:flex;height:12px;row-gap:2px;width:68px}
.lv .rb21{color:rgb(70, 59, 100);display:block;fill:rgb(70, 59, 100);height:12px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(70, 59, 100);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:12px;overflow:visible}
.lv .rb22{fill:rgb(70, 59, 100);stroke:rgb(70, 59, 100);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:14px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(70, 59, 100);transform-origin:0px 0px}
.lv .rb23{color:color(srgb 0.180392 0.141176 0.270588 / 0.28);display:block;fill:none;height:12px;overflow-x:hidden;overflow-y:hidden;stroke:color(srgb 0.180392 0.141176 0.270588 / 0.28);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:12px;overflow:visible}
.lv .rb24{fill:none;stroke:color(srgb 0.180392 0.141176 0.270588 / 0.28);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:14px;font-weight:400;letter-spacing:normal;text-anchor:start;color:color(srgb 0.180392 0.141176 0.270588 / 0.28);transform-origin:0px 0px}
.lv .rb25{bottom:1124.97px;clip-path:inset(50%);display:block;height:1px;left:72px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:1129px;text-wrap-mode:nowrap;top:476.031px;width:1px;display:none!important}
.lv .rb26{}
.lv .rb27{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:67.4062px}
.lv .rb28{bottom:1115.47px;clip-path:inset(50%);display:block;height:1px;left:43px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:1158px;text-wrap-mode:nowrap;top:485.531px;width:1px;display:none!important}
.lv .rb29{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;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;width:20px}
.lv .rb30{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:90.4688px}
.lv .rb31{bottom:1033.22px;clip-path:inset(50%);display:block;height:1px;left:72px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:1129px;text-wrap-mode:nowrap;top:567.781px;width:1px;display:none!important}
.lv .rb32{bottom:1023.72px;clip-path:inset(50%);display:block;height:1px;left:43px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:1158px;text-wrap-mode:nowrap;top:577.281px;width:1px;display:none!important}
.lv .rb33{display:block;font-size:14px;font-weight:600;height:20px;line-height:20px;width:62.2031px}
.lv .rb34{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;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;width:20px}
.lv .rb35{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:84.8906px}
.lv .rb36{bottom:1124.97px;clip-path:inset(50%);display:block;height:1px;left:292px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:909px;text-wrap-mode:nowrap;top:476.031px;width:1px;display:none!important}
.lv .rb37{bottom:1115.47px;clip-path:inset(50%);display:block;height:1px;left:263px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:938px;text-wrap-mode:nowrap;top:485.531px;width:1px;display:none!important}
.lv .rb38{align-items:center;background-color:rgb(250, 227, 228);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(253, 240, 240) 0px, rgb(253, 240, 240) 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;color:rgb(122, 47, 59);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:11px;font-weight:600;height:20px;justify-content:center;letter-spacing:0.11px;width:20px}
.lv .rb39{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:76.6406px}
.lv .rb40{bottom:1033.22px;clip-path:inset(50%);display:block;height:1px;left:292px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:909px;text-wrap-mode:nowrap;top:567.781px;width:1px;display:none!important}
.lv .rb41{bottom:1023.72px;clip-path:inset(50%);display:block;height:1px;left:263px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:938px;text-wrap-mode:nowrap;top:577.281px;width:1px;display:none!important}
.lv .rb42{display:block;font-size:14px;font-weight:600;height:20px;line-height:20px;width:58.5938px}
.lv .rb43{column-gap:8px;display:flex;flex-direction:column;height:83.75px;margin-bottom:0px;margin-top:0px;padding-left:0px;row-gap:8px;width:208px}
.lv .rb44{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:88.3281px}
.lv .rb45{bottom:1124.97px;clip-path:inset(50%);display:block;height:1px;left:512px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:689px;text-wrap-mode:nowrap;top:476.031px;width:1px;display:none!important}
.lv .rb46{bottom:1115.47px;clip-path:inset(50%);display:block;height:1px;left:483px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:718px;text-wrap-mode:nowrap;top:485.531px;width:1px;display:none!important}
.lv .rb47{display:block;font-size:14px;font-weight:600;height:20px;line-height:20px;width:32.3438px}
.lv .rb48{column-gap:8px;display:flex;flex-direction:column;height:107.75px;margin-bottom:0px;margin-top:0px;padding-left:0px;row-gap:8px;width:208px}
.lv .rb49{height:107.75px;list-style-position:outside;width:208px}
.lv .rb50{appearance:button;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;display:inline-block;height:107.75px;padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px;text-align:left;width:208px}
.lv .rb51{align-items:center;background-color:rgb(223, 239, 241);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(237, 247, 248) 0px, rgb(237, 247, 248) 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;color:rgb(30, 82, 87);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:11px;font-weight:600;height:20px;justify-content:center;letter-spacing:0.11px;width:20px}
.lv .rb52{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:88.5781px}
.lv .rb53{bottom:1124.97px;clip-path:inset(50%);display:block;height:1px;left:732px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:469px;text-wrap-mode:nowrap;top:476.031px;width:1px;display:none!important}
.lv .rb54{align-items:center;color:rgb(16, 86, 58);column-gap:6px;display:flex;font-size:13px;height:18px;line-height:18px;margin-bottom:0px;margin-top:6px;row-gap:6px;width:186px}
.lv .rb55{display:block;fill:none;height:14px;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 .rb56{fill:none;stroke:rgb(16, 86, 58);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(16, 86, 58);transform-origin:0px 0px}
.lv .rb57{display:block;height:18px;width:86.9531px}
.lv .rb58{bottom:1091.47px;clip-path:inset(50%);display:block;height:1px;left:703px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:498px;text-wrap-mode:nowrap;top:509.531px;width:1px;display:none!important}
.lv .rb59{display:block;font-size:14px;font-weight:600;height:20px;line-height:20px;width:34.1562px}
.lv .rb60{column-gap:8px;display:flex;flex-direction:column;height:52px;margin-bottom:0px;margin-top:0px;padding-left:0px;row-gap:8px;width:208px}
.lv .rb61{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:dashed;border-bottom-width:1px;border-left-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-left-style:dashed;border-left-width:1px;border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:dashed;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:dashed;border-top-width:1px;color:rgb(70, 59, 100);font-size:13px;height:52px;line-height:18px;list-style-position:outside;padding-bottom:16px;padding-left:10px;padding-right:10px;padding-top:16px;text-align:center;width:208px}
/* The desk. One product part at a time, with the paper it replaces tucked behind it.
   In the canvas, on small screens and with reduced motion it is a plain list. When the page really scrolls, it pins,
   the index on the left follows along, and each sheet of paper slides away as you read. */
.desk{padding:var(--space-40) 0 var(--space-152)}
.dgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--space-72);row-gap:var(--space-136);align-items:center}
.dtext,.dlist,.dstage{display:contents}
.dlist{list-style:none;margin:0;padding:0}
.di{grid-column:1;grid-row:var(--r);order:var(--o)}
.dk{grid-column:2;grid-row:var(--r);order:calc(var(--o) + 1);display:flex;justify-content:center;align-items:center;padding:var(--space-64) 0 0 var(--space-64);min-width:0}
.dt{display:block;padding:0;border:0;background:none;text-align:left;font-family:var(--font-display);font-variation-settings:"SOFT" 30,"WONK" 0;font-size:clamp(32px,3vw,44px);font-weight:var(--fw-regular);line-height:1.06;letter-spacing:var(--ls-heading);color:var(--ink-900);cursor:default}
.dd p{margin:var(--space-16) 0 0;font-size:var(--fs-18);line-height:var(--lh-150);color:var(--ink-700);max-width:430px;text-wrap:pretty}
.dd small{display:block;margin-top:var(--space-12);font-size:var(--fs-14);color:var(--ink-600)}
.dbar{display:none}
.dcard{position:relative;min-width:0;max-width:100%}
.dfig{position:relative;z-index:1;margin:0}
.dfig.fade{-webkit-mask-image:linear-gradient(90deg,var(--black) 80%,transparent);mask-image:linear-gradient(90deg,var(--black) 80%,transparent)}
/* The board sizes to its cards. In dark mode it sits on its own panel, so the panel crops it cleanly instead of fading. */
.lv .rb0{height:auto!important;padding:16px!important;border-radius:16px}
.lv .rb0{overflow:hidden!important}
.dkm .dfig.fade{-webkit-mask-image:none;mask-image:none}
.pp{position:absolute;z-index:0;left:-64px;top:-60px;width:212px;aspect-ratio:210 / 297;box-sizing:border-box;padding:var(--space-20) var(--space-20) var(--space-20);border-radius:var(--radius-3);background:linear-gradient(170deg,var(--white) 0%,var(--paper-50) 100%);color:var(--ink-900);font:var(--fw-regular) 11px/var(--lh-140) var(--font-ui);display:flex;flex-direction:column;gap:var(--space-12);pointer-events:none;box-shadow:0 0 0 .5px var(--ink-a08),0 1px 1px var(--ink-a06),0 6px 14px -8px var(--ink-a24),0 24px 40px -30px var(--ink-a45);transform:translate(calc(var(--pt,0) * -24px),calc(var(--pt,0) * 280px)) rotate(calc(var(--pr,-6deg) - var(--pt,0) * 10deg));opacity:calc(1 - var(--pt,0) * 1.4)}
.pp .k{font-size:9px;font-weight:var(--fw-bold);letter-spacing:var(--ls-caps-wide);text-transform:uppercase;color:var(--ink-400)}
.pp .tt{font-family:var(--font-display);font-size:var(--fs-16);line-height:var(--lh-115);color:var(--ink-900)}
.pp .hw{font-family:var(--font-hand);font-size:19px;line-height:var(--lh-100);color:var(--blue-800)}
.pp .fl{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);border-bottom:1px solid var(--paper-300);padding-bottom:3px}
.pp .fl span:first-child{font-size:9px;color:var(--ink-500)}
.pp .bars{display:flex;flex-direction:column;gap:var(--space-8)}
.pp .bars i{display:block;height:4px;border-radius:var(--radius-2);background:var(--paper-200)}
.pp .bx{display:inline-block;width:10px;height:10px;border:1.2px solid var(--ink-500);border-radius:var(--radius-2);vertical-align:-2px;margin-right:var(--space-8);position:relative}
.pp .bx.on::after{content:"";position:absolute;left:2px;top:-3px;width:4px;height:8px;border:solid var(--blue-800);border-width:0 2px 2px 0;transform:rotate(40deg)}
.pp .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--paper-300);border-left:1px solid var(--paper-300)}
.pp .grid i{display:block;height:13px;border-right:1px solid var(--paper-300);border-bottom:1px solid var(--paper-300)}
.pp .stamp{right:12px;bottom:40px;width:70px;height:70px;font-size:8px}
.pp .stamp b{font-size:var(--fs-12)}
@media (min-width: 1001px){
  .m .desk{height:var(--deskH,auto);padding:0;position:relative}
  .m .dpin{position:sticky;top:0;height:100vh;display:flex;align-items:center}
  .m .dgrid{width:100%;grid-template-columns:minmax(0,4fr) minmax(0,7fr);row-gap:0}
  .m .dtext{display:block;grid-column:1;grid-row:1}
  .m .dlist{display:flex;flex-direction:column;gap:var(--space-12)}
  .m .dstage{display:block;grid-column:2;grid-row:1;position:relative;height:var(--stH,640px)}
  .m .dk{position:absolute;inset:0;padding:var(--space-48) 0 0 var(--space-48);opacity:0;visibility:hidden;transform:translateY(32px);transition:opacity var(--dur-400) var(--ease),transform var(--dur-900) var(--ease),visibility 0s linear 900ms}
  .m .dk.up{transform:translateY(-32px)}
  .m .dk.on{opacity:1;visibility:visible;transform:none;transition:opacity var(--dur-700) var(--ease) 140ms,transform 1100ms var(--ease) 140ms,visibility 0s}
  .m .dt{font-size:clamp(28px,2.5vw,38px);color:var(--ink-450);cursor:pointer;transition:color var(--dur-500) var(--ease)}
  .m .dt:hover{color:var(--ink-600)}
  .m .di.on .dt{color:var(--ink-900)}
  .m .dd{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-900) var(--ease)}
  .m .dd>div{overflow:hidden;min-height:0}
  .m .di.on .dd{grid-template-rows:1fr}
  .m .dd p,.m .dd small{opacity:0;transform:translateY(10px);transition:opacity var(--dur-300) var(--ease),transform var(--dur-600) var(--ease)}
  .m .di.on .dd p,.m .di.on .dd small{opacity:1;transform:none;transition:opacity var(--dur-700) var(--ease) 220ms,transform var(--dur-900) var(--ease) 220ms}
  .m .dd p{margin-top:var(--space-12)}
  .m .dbar{display:block;position:relative;height:1px;max-width:430px;margin:var(--space-20) 0 var(--space-8);background:var(--ink-100)}
  .m .dbar i{position:absolute;inset:0;background:var(--plum);transform-origin:0 50%;transform:scaleX(var(--t,0))}
}
@media (max-width: 1000px){
  .dgrid{grid-template-columns:minmax(0,1fr);row-gap:0}
  .di,.dk{grid-column:1;grid-row:auto}
  .di{padding-top:var(--space-96)}
  .di:first-child{padding-top:0}
  .dk{justify-content:flex-start;padding:var(--space-72) 0 0 var(--space-40)}
}
@media (max-width: 600px){.dk{padding:var(--space-28) 0 0}.pp{display:none}.stage{margin-top:-64px}}
/* Booking on the page: four fields, a day and a time. */
.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)}}
/* The sticky note peels: a folded corner, then drag it off. Past a short pull it comes away and drops, and a fresh one settles. */
.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)}}
/* Filed: the six forms, stamped and squared into one neat stack, with a line about the visitor's own desk. */
.vgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-64) var(--space-88);align-items:center}
.voice blockquote{max-width:980px}
.filed{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-32);padding-left:var(--space-12)}
@media (max-width: 860px){.vgrid{grid-template-columns:minmax(0,1fr)}}
.fstack{position:relative;width:176px;height:236px;flex:none}
.fs{position:absolute;inset:0;box-sizing:border-box;padding:var(--space-16) var(--space-16);border-radius:var(--radius-3);background:linear-gradient(170deg,var(--white) 0%,var(--paper-50) 100%);display:flex;flex-direction:column;gap:var(--space-8);font:var(--fw-regular) 10px/var(--lh-140) var(--font-ui);color:var(--ink-900);box-shadow:0 0 0 .5px var(--ink-a12),0 1px 1px var(--ink-a06),0 10px 20px -14px var(--ink-a45);transform:translate(calc(var(--k) * -2px),calc(var(--k) * 3px)) rotate(calc((var(--k) - 2.5) * .6deg))}
.fs .k{font-size:8px;font-weight:var(--fw-bold);letter-spacing:var(--ls-caps-wide);text-transform:uppercase;color:var(--ink-600)}
.fs .tt{font-family:var(--font-display);font-size:var(--fs-14);line-height:var(--lh-115);color:var(--ink-900)}
.fs .bars{display:flex;flex-direction:column;gap:var(--space-4)}
.fs .bars i{display:block;height:3px;border-radius:var(--radius-2);background:var(--paper-200)}
.fs .dst{position:absolute;right:12px;bottom:18px;padding:var(--space-4) var(--space-8) var(--space-4);border:2px solid rgba(var(--alert-rgb),.8);border-radius:var(--radius-4);color:rgba(var(--alert-rgb),.85);font:var(--fw-heavy) var(--fs-12)/var(--lh-100) var(--font-ui);letter-spacing:var(--ls-caps-xwide);transform:rotate(-12deg);mix-blend-mode:multiply}
.fline{margin:0;max-width:300px;white-space:normal;font:600 clamp(28px,2.6vw,34px)/1.1 Caveat,cursive;color:var(--blue-800);transform:rotate(-3deg)}
.m .filed .fs{opacity:0;transform:translate(-150px,40px) rotate(-16deg)}
.m .filed.in .fs{opacity:1;transform:translate(calc(var(--k) * -2px),calc(var(--k) * 3px)) rotate(calc((var(--k) - 2.5) * .6deg));transition:opacity var(--dur-300) linear,transform var(--dur-900) var(--ease-sheet);transition-delay:calc(var(--k) * 90ms)}
.m .filed .fline{opacity:0;transform:rotate(-3deg) translateY(10px)}
.m .filed .fline{clip-path:inset(0 100% 0 0)}
.m .filed.in .fline{opacity:1;transform:rotate(-3deg);clip-path:inset(0 0 0 0);transition:opacity var(--dur-200) linear 560ms,transform var(--dur-900) var(--ease-sheet) 760ms,clip-path var(--dur-700) var(--ease-in-out) 560ms}
/* hej: type it anywhere and the office says it back. */
.hejf{position:fixed;z-index:90;pointer-events:none;font:var(--fw-semibold) var(--fs-30)/var(--lh-100) var(--font-hand);color:var(--blue-800);animation:hejup 1700ms var(--ease-sheet) both}
@keyframes hejup{0%{opacity:0;transform:translateY(20px) rotate(var(--r)) scale(.8)}18%{opacity:1}100%{opacity:0;transform:translateY(-150px) rotate(var(--r)) scale(1.05)}}
.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}
/* The desk, finished: a red DONE stamp lands on each sheet as it starts to slide away, and the index inks in once all six are done. */
.dstamp{position:absolute;right:14px;top:42%;z-index:2;padding:var(--space-8) var(--space-12) var(--space-4);border:2.5px solid rgba(var(--alert-rgb),.8);border-radius:var(--radius-4);color:rgba(var(--alert-rgb),.85);font:var(--fw-heavy) var(--fs-15)/var(--lh-100) var(--font-ui);letter-spacing:var(--ls-caps-xwide);mix-blend-mode:multiply;transform:rotate(-12deg) scale(calc(1.5 - min(1, var(--pt,0) * 14) * .5));opacity:min(1, calc(var(--pt,0) * 14))}
.m .dlist.fin .dt{color:var(--ink-900)}
.m .dlist.fin .di:nth-child(2) .dt{transition-delay:40ms}.m .dlist.fin .di:nth-child(3) .dt{transition-delay:80ms}.m .dlist.fin .di:nth-child(4) .dt{transition-delay:120ms}.m .dlist.fin .di:nth-child(5) .dt{transition-delay:160ms}.m .dlist.fin .di:nth-child(6) .dt{transition-delay:200ms}
/* The header turns dark over the careers footer. */
.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)}
/* The recruitment board is lifted without its page, so it gets the product's own card surface to sit on. */
/* The app window, live: Aoife’s start page with Sia preparing the March absence report. */
.flyimg{border-radius:var(--radius-12);overflow:hidden}
.lv .ws0{background-color:rgba(247, 244, 253, 0.62);color:rgb(46, 36, 69);font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;height:800px;line-height:24px;margin-left:0px;margin-top:0px;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-block:none;overscroll-behavior-inline:none;overscroll-behavior-x:none;overscroll-behavior-y:none;width:1280px;-webkit-font-smoothing:antialiased;margin:0;position:relative;width:1280px;height:800px;overflow:hidden}
.lv .ws1{bottom:801px;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:1281px;text-wrap-mode:nowrap;top:0px;width:1px;display:none!important}
.lv .ws2{font-variant-numeric:tabular-nums;height:800px;width:1280px}
.lv .ws3{background-image:linear-gradient(165deg, rgb(255, 216, 186), rgb(247, 213, 228) 38%, rgb(227, 213, 243) 68%, rgb(205, 192, 234));bottom:0px;display:flex;height:800px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;transform:matrix(1, 0, 0, 1, 0, 0);transform-origin:640px 400px;width:1280px}
.lv .ws4{display:flex;height:800px;width:1280px}
.lv .ws5{height:800px;width:240px}
.lv .ws6{bottom:0px;left:0px;position:relative;right:0px;top:0px;width:240px}
.lv .ws7{border-right-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-right-style:solid;border-right-width:1px;bottom:0px;display:flex;height:800px;left:0px;position:absolute;right:1040px;top:0px;width:240px;z-index:10}
.lv .ws8{background-color:rgba(247, 244, 253, 0.78);bottom:0px;display:flex;flex-direction:column;height:800px;left:0px;position:absolute;right:0px;top:0px;width:239px}
.lv .ws9{column-gap:8px;display:flex;flex-direction:column;height:64px;row-gap:8px;width:239px}
.lv .ws10{align-items:center;column-gap:8px;display:flex;height:64px;padding-left:12px;padding-right:12px;row-gap:8px;width:239px}
.lv .ws11{display:block;font-size:14px;font-weight:600;height:20px;line-height:20px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:74.0312px}
.lv .ws12{align-items:center;appearance:button;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;color:rgb(70, 59, 100);display:flex;height:32px;justify-content:center;margin-left:100.969px;text-align:center;width:32px}
.lv .ws13{display:block;fill:none;height:14px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(70, 59, 100);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .ws14{fill:none;stroke:rgb(70, 59, 100);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(70, 59, 100);transform-origin:0px 0px}
.lv .ws15{column-gap:8px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:736px;overflow-x:hidden;overflow-y:hidden;row-gap:8px;scrollbar-gutter:stable;scrollbar-width:thin;width:239px}
.lv .ws16{bottom:0px;display:flex;flex-direction:column;height:94px;left:0px;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;position:relative;right:0px;top:0px;width:239px}
.lv .ws17{font-size:14px;height:78px;line-height:20px;width:223px}
.lv .ws18{column-gap:4px;display:flex;flex-direction:column;height:78px;list-style-type:none;margin-bottom:0px;margin-top:0px;padding-left:0px;row-gap:4px;width:223px}
.lv .ws19{bottom:0px;height:37px;left:0px;list-style-position:outside;position:relative;right:0px;top:0px;width:223px}
.lv .ws20{align-items:center;appearance:button;background-color:color(srgb 0.176471 0.0470588 0.411765 / 0.09);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;bottom:0px;column-gap:8px;display:flex;font-weight:500;height:34px;left:0px;margin-bottom:3px;overflow-x:hidden;overflow-y:hidden;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;position:relative;right:0px;row-gap:8px;text-align:left;top:0px;width:223px}
.lv .ws21{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;bottom:4px;content:'';display:none;left:0px;position:absolute;top:4px;width:3px}
.lv .ws22{display:block;height:20px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:36.8594px}
.lv .ws23{align-items:center;appearance:button;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;bottom:0px;column-gap:8px;display:flex;height:34px;left:0px;margin-bottom:3px;overflow-x:hidden;overflow-y:hidden;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;position:relative;right:0px;row-gap:8px;text-align:left;top:0px;width:223px}
.lv .ws24{display:block;height:20px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:57.5938px}
.lv .ws25{bottom:0px;display:flex;flex-direction:column;height:372px;left:0px;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;position:relative;right:0px;top:0px;width:239px}
.lv .ws26{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;color:rgb(82, 70, 115);display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;letter-spacing:1.17px;line-height:18px;padding-left:8px;padding-right:8px;text-transform:uppercase;width:223px}
.lv .ws27{display:block;height:18px;width:87.3125px}
.lv .ws28{font-size:14px;height:324px;line-height:20px;width:223px}
.lv .ws29{column-gap:4px;display:flex;flex-direction:column;height:324px;list-style-type:none;margin-bottom:0px;margin-top:0px;padding-left:0px;row-gap:4px;width:223px}
.lv .ws30{align-items:center;appearance:button;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;bottom:0px;column-gap:8px;display:flex;height:34px;left:0px;margin-bottom:3px;overflow-x:hidden;overflow-y:hidden;padding-bottom:8px;padding-left:8px;padding-right:32px;padding-top:8px;position:relative;right:0px;row-gap:8px;text-align:left;top:0px;width:223px}
.lv .ws31{display:block;height:20px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:42.4688px}
.lv .ws32{align-items:center;appearance:button;aspect-ratio:1 / 1;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;bottom:-5.5px;color:color(srgb 0.321569 0.27451 0.45098 / 0.55);display:flex;height:24px;justify-content:center;left:195px;opacity:0;position:absolute;right:4px;text-align:center;top:18.5px;transform:matrix(1, 0, 0, 1, 0, -12);transform-origin:12px 12px;width:24px}
.lv .ws33{display:block;fill:none;flex-shrink:0;height:14px;overflow-x:hidden;overflow-y:hidden;stroke:color(srgb 0.321569 0.27451 0.45098 / 0.55);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .ws34{fill:none;stroke:color(srgb 0.321569 0.27451 0.45098 / 0.55);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:14px;font-weight:400;letter-spacing:normal;text-anchor:start;color:color(srgb 0.321569 0.27451 0.45098 / 0.55);transform-origin:0px 0px}
.lv .ws35{bottom:-8px;content:'';display:none;left:-8px;position:absolute;right:-8px;top:-8px}
.lv .ws36{height:34px;width:223px}
.lv .ws37{display:block;height:20px;width:60.0781px}
.lv .ws38{display:block;fill:none;flex-shrink:0;height:14px;margin-left:124.922px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(46, 36, 69);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .ws39{fill:none;stroke:rgb(46, 36, 69);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:14px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ws40{display:block;height:20px;width:70.7812px}
.lv .ws41{display:block;fill:none;flex-shrink:0;height:14px;margin-left:114.219px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(46, 36, 69);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .ws42{display:block;height:20px;width:79.9688px}
.lv .ws43{display:block;fill:none;flex-shrink:0;height:14px;margin-left:105.031px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(46, 36, 69);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .ws44{display:block;height:20px;width:22.2188px}
.lv .ws45{display:block;fill:none;flex-shrink:0;height:14px;margin-left:162.781px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(46, 36, 69);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .ws46{display:block;height:20px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:49.5469px}
.lv .ws47{display:block;height:20px;width:46.9531px}
.lv .ws48{display:block;fill:none;flex-shrink:0;height:14px;margin-left:138.047px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(46, 36, 69);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .ws49{display:block;height:20px;width:41.7969px}
.lv .ws50{display:block;fill:none;flex-shrink:0;height:14px;margin-left:143.203px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(46, 36, 69);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .ws51{bottom:0px;display:flex;flex-direction:column;height:126px;left:0px;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;position:relative;right:0px;top:0px;width:239px}
.lv .ws52{display:block;height:18px;width:55.1875px}
.lv .ws53{display:block;height:20px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:49.5312px}
.lv .ws54{display:block;height:20px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:96.4844px}
.lv .ws55{bottom:801px;clip-path:inset(50%);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:1281px;text-wrap-mode:nowrap;top:0px;width:1px;display:none!important}
.lv .ws56{background-color:color(srgb 0.968627 0.956863 0.992157 / 0.18);bottom:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:800px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:1040px}
.lv .ws57{align-items:center;background-color:rgba(255, 255, 255, 0.55);box-shadow:color(srgb 0.180392 0.141176 0.270588 / 0.14) 0px -1px 0px 0px inset;column-gap:8px;display:flex;flex-shrink:0;height:56px;padding-left:16px;padding-right:16px;row-gap:8px;width:1040px}
.lv .ws58{align-items:center;column-gap:4px;display:flex;height:36px;margin-left:664px;row-gap:4px;width:344px}
.lv .ws59{bottom:0px;height:36px;left:0px;position:relative;right:0px;top:0px;width:224px}
.lv .ws60{bottom:2px;color:rgb(82, 70, 115);display:block;fill:none;height:16px;left:12px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:196px;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 .ws61{fill:none;stroke:rgb(82, 70, 115);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(82, 70, 115);transform-origin:0px 0px}
.lv .ws62{align-items:center;appearance:button;background-color:rgba(255, 255, 255, 0.6);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;color:rgb(70, 59, 100);display:flex;font-size:13px;height:36px;line-height:18px;padding-left:36px;padding-right:8px;text-align:left;width:224px}
.lv .ws63{display:block;flex-basis:0%;flex-grow:1;height:18px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:139.875px}
.lv .ws64{border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-left-radius:4px;border-bottom-right-radius:4px;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:4px;border-top-right-radius:4px;border-top-style:solid;border-top-width:1px;color:rgb(82, 70, 115);display:block;flex-shrink:0;font-family:'Hanken Grotesk', 'Hanken Grotesk Fallback', system-ui, sans-serif;height:20px;margin-left:8px;padding-left:4px;padding-right:4px;width:30.125px}
.lv .ws65{align-items:center;appearance:button;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;bottom:0px;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;left:0px;line-height:20px;position:relative;right:0px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;top:0px;width:36px}
.lv .ws66{display:block;fill:none;flex-shrink:0;height:16px;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 .ws67{fill:none;stroke:rgb(28, 7, 66);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;color:rgb(28, 7, 66);transform-origin:0px 0px}
.lv .ws68{align-items:center;background-color:rgb(146, 13, 13);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:24px;color:rgb(247, 244, 253);display:flex;font-size:12px;font-weight:600;height:16px;justify-content:center;left:24px;line-height:16px;min-width:16px;padding-left:4px;padding-right:4px;position:absolute;right:-6px;top:-6px;width:16px}
.lv .ws69{align-items:center;appearance:button;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;color:rgb(28, 7, 66);column-gap:8px;display: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 .ws70{aspect-ratio:auto 16 / 16;display:block;height:16px;vertical-align:middle;width:16px}
.lv .ws71{align-items:center;appearance:button;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;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:36px}
.lv .ws72{background-color:rgba(255, 255, 255, 0.6);border-bottom-left-radius:11px;border-bottom-right-radius:11px;border-top-left-radius:11px;border-top-right-radius:11px;bottom:0px;container-type:inline-size;display:flex;flex-shrink:0;height:34px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:34px}
.lv .ws73{aspect-ratio:1 / 1;display:block;height:34px;max-width:100%;object-fit:cover;object-position:50% 0%;vertical-align:middle;width:34px}
.lv .ws74{flex-grow:1;height:744px;overflow-anchor:none;overflow-x:hidden;overflow-y:hidden;overscroll-behavior-block:contain;overscroll-behavior-inline:contain;overscroll-behavior-x:contain;overscroll-behavior-y:contain;padding-bottom:16px;padding-left:32px;padding-right:32px;padding-top:32px;scrollbar-gutter:stable;scrollbar-width:thin;width:1040px}
.lv .ws75{column-gap:24px;display:flex;flex-direction:column;height:2601.25px;row-gap:24px;width:976px}
.lv .ws76{bottom:713px;clip-path:inset(50%);height:1px;left:32px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:1009px;text-wrap-mode:nowrap;top:88px;width:1px;display:none!important}
.lv .ws77{column-gap:24px;display:flex;flex-direction:column;height:172.391px;row-gap:24px;width:976px}
.lv .ws78{align-items:center;column-gap:12px;container-type:inline-size;display:flex;flex-wrap:wrap;height:50.3906px;row-gap:12px;width:976px}
.lv .ws79{column-gap:8px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:50.3906px;row-gap:8px;width:359.688px}
.lv .ws80{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;width:359.688px}
.lv .ws81{}
.lv .ws82{align-items:center;column-gap:8px;display:flex;flex-shrink:0;flex-wrap:wrap;height:32px;row-gap:8px;width:604.312px}
.lv .ws83{align-items:center;column-gap:8px;display:flex;flex-wrap:wrap;height:32px;row-gap:8px;width:297.109px}
.lv .ws84{align-items:center;appearance:button;background-color:rgba(247, 244, 253, 0.78);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: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;column-gap:8px;display: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:199.578px}
.lv .ws85{display:block;height:18px;width:173.578px}
.lv .ws86{color:rgb(70, 59, 100)}
.lv .ws87{align-items:center;appearance:button;background-color:rgba(247, 244, 253, 0.78);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: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;column-gap:8px;display: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:89.5312px}
.lv .ws88{background-color:rgb(70, 59, 100);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;display:block;height:8px;width:8px}
.lv .ws89{display:block;height:18px;width:47.5312px}
.lv .ws90{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);display:block;height:16px;margin-left:4px;margin-right:4px;width:1px}
.lv .ws91{align-items:center;column-gap:4px;display:flex;flex-shrink:0;height:32px;row-gap:4px;width:282.203px}
.lv .ws92{display:block;flex-shrink:0;height:32px;width:131.562px}
.lv .ws93{align-items:center;appearance:button;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;color:rgb(70, 59, 100);column-gap:6px;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:6px;text-align:center;text-wrap-mode:nowrap;width:131.562px}
.lv .ws94{display:block;fill:none;flex-shrink:0;height:16px;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 .ws95{fill:none;stroke:rgb(70, 59, 100);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:13px;font-weight:500;letter-spacing:normal;text-anchor:start;color:rgb(70, 59, 100);transform-origin:0px 0px}
.lv .ws96{display:block;height:18px;width:65.5625px}
.lv .ws97{display:block;fill:none;flex-shrink:0;height:14px;opacity:0.7;overflow-x:hidden;overflow-y:hidden;stroke:rgb(70, 59, 100);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .ws98{align-items:center;appearance:button;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;color:rgb(70, 59, 100);column-gap:6px;display:flex;flex-shrink:0;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;padding-left:12px;padding-right:12px;row-gap:6px;text-align:center;text-wrap-mode:nowrap;width:146.641px}
.lv .ws99{display:block;height:18px;width:100.641px}
.lv .ws100{column-gap:10px;display:flex;flex-direction:column;height:98px;row-gap:10px;width:976px}
.lv .ws101{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: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.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:9999px;border-top-right-radius:9999px;border-top-style:solid;border-top-width:1px;column-gap:12px;display:flex;height:56px;margin-bottom:0px;padding-left:20px;padding-right:8px;row-gap:12px;width:976px}
.lv .ws102{align-items:center;color:rgb(45, 12, 105);display:flex;flex-shrink:0;height:20px;width:20px}
.lv .ws103{aspect-ratio:auto 20 / 20;display:block;height:20px;vertical-align:middle;width:20px}
.lv .ws104{display:flex;align-items:center;white-space:nowrap;overflow:hidden;appearance:auto;flex-basis:0%;flex-grow:1;height:54px;overflow-x:clip;overflow-y:clip;width:862px}
.lv .ws105{color:rgb(70, 59, 100)}
.lv .ws106{align-items:center;appearance:button;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;color:rgb(247, 244, 253);column-gap:8px;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:40px;justify-content:center;line-height:20px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:40px}
.lv .ws107{display:block;fill:none;flex-shrink:0;height:20px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(247, 244, 253);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:20px;overflow:visible}
.lv .ws108{fill:none;stroke:rgb(247, 244, 253);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;color:rgb(247, 244, 253);transform-origin:0px 0px}
.lv .ws109{column-gap:8px;display:flex;flex-wrap:wrap;height:32px;row-gap:8px;scrollbar-width:thin;width:976px}
.lv .ws110{align-items:center;appearance:button;background-color:rgba(247, 244, 253, 0.78);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: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;column-gap:8px;display:flex;flex-shrink:0;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:262px}
.lv .ws111{align-items:center;appearance:button;background-color:rgba(247, 244, 253, 0.78);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: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;column-gap:8px;display:flex;flex-shrink:0;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:232.203px}
.lv .ws112{align-items:center;appearance:button;background-color:rgba(247, 244, 253, 0.78);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: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;column-gap:8px;display:flex;flex-shrink:0;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:223.844px}
.lv .ws113{height:132.5px;margin-bottom:-6px;margin-left:-6px;margin-right:-6px;margin-top:-6px;overflow-x:hidden;overflow-y:hidden;padding-bottom:6px;padding-left:6px;padding-right:6px;padding-top:6px;width:988px}
.lv .ws114{align-items:flex-start;bottom:0px;column-gap:8px;display:flex;height:120.5px;left:0px;list-style-type:none;margin-bottom:0px;margin-top:0px;padding-left:0px;position:relative;right:0px;row-gap:8px;top:0px;width:976px}
.lv .ws115{bottom:0px;height:120.5px;left:0px;list-style-position:outside;position:relative;right:0px;scroll-snap-align:start;top:0px;width:96px}
.lv .ws116{align-items:center;appearance:button;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;column-gap:6px;display:flex;flex-direction:column;height:120.5px;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;row-gap:6px;text-align:center;width:96px}
.lv .ws117{bottom:0px;display:flex;flex-shrink:0;height:48px;left:0px;position:relative;right:0px;top:0px;width:48px}
.lv .ws118{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;container-type:inline-size;display:flex;flex-shrink:0;height:48px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:48px}
.lv .ws119{align-items:center;background-color:rgb(251, 238, 220);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(254, 246, 234) 0px, rgb(254, 246, 234) 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;color:rgb(106, 68, 22);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:18px;font-weight:600;height:48px;justify-content:center;letter-spacing:0.18px;line-height:18px;width:48px}
.lv .ws120{align-items:center;background-color:rgb(247, 244, 253);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:-4px;color:rgb(70, 59, 100);display:flex;height:24px;justify-content:center;left:30px;line-height:16px;position:absolute;right:-6px;top:28px;width:24px}
.lv .ws121{display:block;fill:none;height:16px;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 .ws122{display:flex;flex-direction:column;height:50.5px;max-width:100%;width:80px}
.lv .ws123{display:block;font-size:13px;font-weight:500;height:18px;line-height:18px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:80px}
.lv .ws124{color:rgb(70, 59, 100);display:flow-root;font-size:13px;height:32.5px;line-height:16.25px;min-height:26px;overflow-x:hidden;overflow-y:hidden;width:80px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lv .ws125{bottom:0px;height:114px;left:0px;list-style-position:outside;position:relative;right:0px;scroll-snap-align:start;top:0px;width:96px}
.lv .ws126{align-items:center;appearance:button;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;column-gap:6px;display:flex;flex-direction:column;height:114px;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;row-gap:6px;text-align:center;width:96px}
.lv .ws127{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;color:rgb(94, 53, 114);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:18px;font-weight:600;height:48px;justify-content:center;letter-spacing:0.18px;line-height:18px;width:48px}
.lv .ws128{display:flex;flex-direction:column;height:44px;max-width:100%;width:73.0938px}
.lv .ws129{display:block;font-size:13px;font-weight:500;height:18px;line-height:18px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:73.0938px}
.lv .ws130{color:rgb(70, 59, 100);display:flow-root;font-size:13px;height:26px;line-height:16.25px;min-height:26px;overflow-x:hidden;overflow-y:hidden;width:73.0938px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lv .ws131{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;display:flex;flex-shrink:0;height:48px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:48px}
.lv .ws132{aspect-ratio:1 / 1;display:block;height:48px;max-width:100%;object-fit:cover;object-position:50% 0%;vertical-align:middle;width:48px}
.lv .ws133{align-items:center;background-color:rgb(223, 239, 241);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(237, 247, 248) 0px, rgb(237, 247, 248) 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;color:rgb(30, 82, 87);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:18px;font-weight:600;height:48px;justify-content:center;letter-spacing:0.18px;line-height:18px;width:48px}
.lv .ws134{align-items:center;background-color:rgb(221, 239, 230);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(236, 247, 240) 0px, rgb(236, 247, 240) 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;color:rgb(31, 90, 62);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:18px;font-weight:600;height:48px;justify-content:center;letter-spacing:0.18px;line-height:18px;width:48px}
.lv .ws135{column-gap:16px;display:flex;flex-wrap:wrap;height:2260.36px;row-gap:16px;width:976px}
.lv .ws136{column-gap:16px;display:flex;flex-basis:calc(-99900% + 1.23876e+06px);flex-direction:column;flex-grow:1.4;height:1130.25px;row-gap:16px;width:976px}
.lv .ws137{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;height:324.25px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:976px}
.lv .ws138{column-gap:12px;display:flex;flex-direction:column;height:322.25px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:974px}
.lv .ws139{align-items:center;column-gap:12px;display:flex;height:36px;justify-content:space-between;row-gap:12px;width:942px}
.lv .ws140{align-items:baseline;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;width:79.8906px}
.lv .ws141{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;width:79.8906px}
.lv .ws142{display:block;flex-shrink:0;height:36px;width:36px}
.lv .ws143{align-items:center;appearance:button;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;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 .ws144{column-gap:16px;display:flex;flex-direction:column;height:242.25px;row-gap:16px;width:942px}
.lv .ws145{column-gap:8px;display:flex;flex-direction:column;height:96.25px;row-gap:8px;width:942px}
.lv .ws146{color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:942px}
.lv .ws147{column-gap:16px;display:flex;flex-wrap:wrap;height:70.25px;list-style-type:none;margin-bottom:0px;margin-top:0px;padding-left:0px;row-gap:8px;width:942px}
.lv .ws148{flex-shrink:0;height:70.25px;list-style-position:outside;width:96px}
.lv .ws149{align-items:center;appearance:button;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;column-gap:6px;display:flex;flex-direction:column;height:70.25px;padding-bottom:4px;padding-left:2px;padding-right:2px;padding-top:4px;row-gap:6px;text-align:center;width:96px}
.lv .ws150{bottom:0px;display:flex;flex-shrink:0;height:40px;left:0px;position:relative;right:0px;top:0px;width:40px}
.lv .ws151{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;display:flex;flex-shrink:0;height:40px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:40px}
.lv .ws152{aspect-ratio:1 / 1;display:block;height:40px;max-width:100%;object-fit:cover;object-position:50% 0%;vertical-align:middle;width:40px}
.lv .ws153{align-items:center;background-color:rgb(247, 244, 253);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:-4px;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, rgb(247, 244, 253) 0px 0px 0px 2px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;display:flex;height:20px;justify-content:center;left:24px;position:absolute;right:-4px;top:24px;width:20px}
.lv .ws154{align-items:center;background-color:rgba(230, 243, 237, 0.8);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;color:rgb(16, 86, 58);display:flex;height:20px;justify-content:center;width:20px}
.lv .ws155{display:block;fill:none;height:14px;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 .ws156{fill:none;stroke:rgb(16, 86, 58);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(16, 86, 58);transform-origin:0px 0px}
.lv .ws157{display:flow-root;font-size:13px;font-weight:500;height:16.25px;line-height:16.25px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:hidden;width:92px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lv .ws158{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;container-type:inline-size;display:flex;flex-shrink:0;height:40px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:40px}
.lv .ws159{align-items:center;background-color:rgb(223, 239, 241);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(237, 247, 248) 0px, rgb(237, 247, 248) 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;color:rgb(30, 82, 87);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:14px;font-weight:600;height:40px;justify-content:center;letter-spacing:0.14px;line-height:18px;width:40px}
.lv .ws160{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;color:rgb(51, 64, 122);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:14px;font-weight:600;height:40px;justify-content:center;letter-spacing:0.14px;line-height:18px;width:40px}
.lv .ws161{align-items:center;background-color:rgba(218, 233, 248, 0.8);border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;color:rgb(13, 68, 122);display:flex;height:20px;justify-content:center;width:20px}
.lv .ws162{display:block;fill:none;height:14px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(13, 68, 122);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:14px;overflow:visible}
.lv .ws163{fill:none;stroke:rgb(13, 68, 122);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(13, 68, 122);transform-origin:0px 0px}
.lv .ws164{display:flex;flex-direction:column;height:130px;width:942px}
.lv .ws165{align-items:center;column-gap:8px;display:grid;grid-template-columns:312px 622px;grid-template-rows:38px;height:38px;width:942px}
.lv .ws166{align-items:baseline;column-gap:8px;display:flex;height:18px;row-gap:8px;width:312px}
.lv .ws167{color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:83.4531px}
.lv .ws168{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;text-wrap-mode:nowrap;width:123.797px}
.lv .ws169{container-type:inline-size;height:38px;width:622px}
.lv .ws170{display:grid;grid-template-columns:124.391px 124.406px 124.391px 124.406px 124.406px;grid-template-rows:38px;height:38px;width:622px}
.lv .ws171{align-items:center;border-top-left-radius:6px;border-top-right-radius:6px;column-gap:2px;display:flex;flex-direction:column;height:38px;padding-bottom:6px;padding-left:4px;padding-right:4px;padding-top:4px;row-gap:2px;width:124.391px}
.lv .ws172{color:rgb(70, 59, 100);display:block;font-size:13px;height:13px;line-height:13px;width:25.5312px}
.lv .ws173{color:rgb(70, 59, 100);display:block;font-size:13px;height:13px;line-height:13px;width:40.0156px}
.lv .ws174{align-items:center;border-top-left-radius:6px;border-top-right-radius:6px;column-gap:2px;display:flex;flex-direction:column;height:38px;padding-bottom:6px;padding-left:4px;padding-right:4px;padding-top:4px;row-gap:2px;width:124.406px}
.lv .ws175{color:rgb(70, 59, 100);display:block;font-size:13px;height:13px;line-height:13px;width:20.5625px}
.lv .ws176{color:rgb(70, 59, 100);display:block;font-size:13px;height:13px;line-height:13px;width:32.6562px}
.lv .ws177{align-items:center;background-color:rgba(0, 0, 0, 0.04);border-top-left-radius:6px;border-top-right-radius:6px;column-gap:2px;display:flex;flex-direction:column;height:38px;padding-bottom:6px;padding-left:4px;padding-right:4px;padding-top:4px;row-gap:2px;width:124.391px}
.lv .ws178{display:block;font-size:13px;font-weight:600;height:13px;line-height:13px;width:26.5px}
.lv .ws179{color:rgb(70, 59, 100);display:block;font-size:13px;height:13px;line-height:13px;width:21.8594px}
.lv .ws180{color:rgb(70, 59, 100);display:block;font-size:13px;height:13px;line-height:13px;width:15.0938px}
.lv .ws181{display:flex;flex-direction:column;height:92px;list-style-type:none;margin-bottom:0px;margin-top:0px;padding-left:0px;width:942px}
.lv .ws182{align-items:center;column-gap:8px;display:grid;grid-template-columns:312px 622px;grid-template-rows:46px;height:46px;list-style-position:outside;width:942px}
.lv .ws183{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;column-gap:8px;display:flex;font-size:14px;height:46px;line-height:20px;padding-bottom:4px;padding-top:4px;row-gap:8px;width:312px}
.lv .ws184{align-items:center;appearance:button;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;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;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:318px}
.lv .ws185{align-items:center;align-self:flex-start;column-gap:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;row-gap:8px;transform-origin:18px 18px;translate:0px 2px;width:36px}
.lv .ws186{bottom:0px;display:flex;height:36px;left:0px;position:relative;right:0px;top:0px;width:36px}
.lv .ws187{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;container-type:inline-size;display:flex;flex-shrink:0;height:36px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:36px}
.lv .ws188{align-items:center;background-color:rgb(223, 239, 241);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(237, 247, 248) 0px, rgb(237, 247, 248) 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;color:rgb(30, 82, 87);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-weight:600;height:36px;justify-content:center;letter-spacing:0.14px;line-height:18px;width:36px}
.lv .ws189{column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:33.75px;row-gap:0px;width:266px}
.lv .ws190{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:58.7812px}
.lv .ws191{display:flow-root;font-size:13px;height:16.25px;line-height:16.25px;margin-bottom:0px;margin-top:0px;overflow-x:hidden;overflow-y:hidden;text-wrap-style:balance;width:266px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.lv .ws192{bottom:85.5px;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:958px;text-wrap-mode:nowrap;top:237.75px;width:1px;display:none!important}
.lv .ws193{container-type:inline-size;display:grid;grid-template-columns:124.391px 124.391px 124.391px 124.406px 124.406px;grid-template-rows:38px;height:46px;padding-bottom:4px;padding-top:4px;width:622px}
.lv .ws194{align-self:stretch;background-color:rgba(0, 0, 0, 0.04);display:block;grid-column-start:3;grid-row-start:1;height:46px;margin-bottom:-4px;margin-top:-4px;width:124.391px}
.lv .ws195{align-self:center;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;display:block;grid-column-end:-1;grid-column-start:1;grid-row-start:1;height:6px;margin-left:2px;margin-right:2px;width:618px}
.lv .ws196{align-items:center;align-self:center;background-color:rgb(45, 12, 105);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;container-type:inline-size;display:flex;grid-column-end:6;grid-column-start:4;grid-row-start:1;height:24px;margin-left:2px;margin-right:2px;overflow-x:hidden;overflow-y:hidden;padding-left:8px;padding-right:8px;width:244.812px}
.lv .ws197{color:rgb(247, 244, 253);display:block;font-size:13px;font-weight:500;height:13px;line-height:13px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:50.8438px}
.lv .ws198{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;display:flex;flex-shrink:0;height:36px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:36px}
.lv .ws199{aspect-ratio:1 / 1;display:block;height:36px;max-width:100%;object-fit:cover;object-position:50% 0%;vertical-align:middle;width:36px}
.lv .ws200{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:66.6406px}
.lv .ws201{bottom:39.5px;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:958px;text-wrap-mode:nowrap;top:283.75px;width:1px;display:none!important}
.lv .ws202{align-self:stretch;background-color:rgba(0, 0, 0, 0.04);border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:block;grid-column-start:3;grid-row-start:1;height:46px;margin-bottom:-4px;margin-top:-4px;width:124.391px}
.lv .ws203{align-items:center;align-self:center;background-color:rgb(45, 12, 105);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;container-type:inline-size;display:flex;grid-column-end:3;grid-column-start:1;grid-row-start:1;height:24px;margin-left:2px;margin-right:2px;overflow-x:hidden;overflow-y:hidden;padding-left:8px;padding-right:8px;width:244.797px}
.lv .ws204{color:rgb(247, 244, 253);display:block;font-size:13px;font-weight:500;height:13px;line-height:13px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:111.594px}
.lv .ws205{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;height:288px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:976px}
.lv .ws206{column-gap:12px;display:flex;flex-direction:column;height:286px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:974px}
.lv .ws207{align-items:baseline;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;width:131.5px}
.lv .ws208{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;width:116.219px}
.lv .ws209{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:7.28125px}
.lv .ws210{align-items:center;appearance:button;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;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 .ws211{display:contents;height:auto;width:auto}
.lv .ws212{column-gap:12px;display:flex;flex-direction:column;height:206px;row-gap:12px;width:942px}
.lv .ws213{column-gap:4px;display:flex;flex-direction:column;height:206px;row-gap:4px;width:942px}
.lv .ws214{height:108px;width:942px}
.lv .ws215{align-items:baseline;column-gap:8px;display:flex;height:28px;row-gap:8px;width:942px}
.lv .ws216{color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:46.4844px}
.lv .ws217{display:flex;flex-direction:column;height:80px;width:942px}
.lv .ws218{height:80px;width:942px}
.lv .ws219{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;container-name:queue-row;container-type:inline-size;height:80px;margin-left:-8px;margin-right:-8px;padding-bottom:10px;padding-left:8px;padding-right:8px;padding-top:10px;width:958px}
.lv .ws220{align-items:center;column-gap:12px;display:grid;grid-template-columns:32px 746.141px 139.859px;grid-template-rows:60px;height:60px;row-gap:8px;width:942px}
.lv .ws221{align-items:center;align-self:flex-start;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}
.lv .ws222{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:9999px;border-top-right-radius:9999px;bottom:0px;display:flex;flex-shrink:0;height:32px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:32px}
.lv .ws223{aspect-ratio:1 / 1;display:block;height:32px;max-width:100%;object-fit:cover;object-position:50% 0%;vertical-align:middle;width:32px}
.lv .ws224{height:60px;width:746.141px}
.lv .ws225{align-items:center;column-gap:8px;display:flex;flex-wrap:wrap;height:20px;margin-bottom:2px;row-gap:4px;width:746.141px}
.lv .ws226{font-size:14px;font-weight:600;height:20px;line-height:20px;width:108.641px}
.lv .ws227{color:rgb(70, 59, 100);display:flow-root;font-size:13px;height:18px;line-height:18px;margin-bottom:2px;overflow-x:hidden;overflow-y:hidden;width:746.141px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lv .ws228{align-items:center;color:rgb(146, 13, 13);column-gap:6px;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;height:18px;line-height:18px;width:746.141px}
.lv .ws229{display:block;height:18px;width:141.469px}
.lv .ws230{align-items:center;column-gap:8px;display:flex;grid-column-end:-1;grid-column-start:3;grid-row-start:1;height:32px;justify-content:flex-end;row-gap:8px;width:139.859px}
.lv .ws231{align-items:center;appearance:button;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;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;line-height:20px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:32px}
.lv .ws232{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;color:rgb(28, 7, 66);column-gap:8px;display: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-wrap-mode:nowrap;width:99.8594px}
.lv .ws233{border-top-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-top-style:solid;border-top-width:1px;height:45px;padding-top:8px;width:942px}
.lv .ws234{font-size:16px;font-weight:400;height:36px;margin-bottom:0px;margin-top:0px;width:942px}
.lv .ws235{align-items:center;appearance:button;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;color:rgb(28, 7, 66);column-gap:8px;display:inline-flex;font-size:14px;font-weight:500;height:36px;justify-content:space-between;line-height:20px;margin-left:-8px;margin-right:-8px;padding-bottom:8px;padding-left:8px;padding-right:8px;padding-top:8px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:958px}
.lv .ws236{align-items:baseline;column-gap:8px;display:flex;height:18px;row-gap:8px;width:97.8906px}
.lv .ws237{color:rgb(70, 59, 100);display:block;font-size:12px;font-weight:600;height:18px;line-height:18px;width:82.6094px}
.lv .ws238{align-items:baseline;column-gap:8px;display:flex;height:18px;row-gap:8px;width:79.75px}
.lv .ws239{color:rgb(70, 59, 100);display:block;font-size:12px;font-weight:600;height:18px;line-height:18px;width:64.4688px}
.lv .ws240{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;height:486px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:976px}
.lv .ws241{column-gap:12px;display:flex;flex-direction:column;height:484px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:974px}
.lv .ws242{align-items:center;column-gap:12px;display:flex;height:24px;justify-content:space-between;row-gap:12px;width:942px}
.lv .ws243{align-items:baseline;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;width:179.625px}
.lv .ws244{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;width:93.4219px}
.lv .ws245{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:78.2031px}
.lv .ws246{column-gap:12px;display:flex;flex-direction:column;height:368px;list-style-type:none;margin-bottom:0px;margin-top:0px;padding-left:0px;row-gap:12px;width:942px}
.lv .ws247{height:64px;list-style-position:outside;width:942px}
.lv .ws248{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;column-gap:8px;container-name:row;container-type:inline-size;display:flex;flex-wrap:wrap;font-size:14px;height:64px;line-height:20px;row-gap:8px;width:942px}
.lv .ws249{align-items:center;appearance:button;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;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;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:725.594px}
.lv .ws250{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;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;width:36px}
.lv .ws251{column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:33.75px;row-gap:0px;width:673.594px}
.lv .ws252{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:147.031px}
.lv .ws253{font-size:13px;height:16.25px;line-height:16.25px;margin-bottom:0px;margin-top:0px;text-wrap-style:balance;width:673.594px}
.lv .ws254{bottom:413.5px;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:958px;text-wrap-mode:nowrap;top:71.5px;width:1px;display:none!important}
.lv .ws255{align-items:center;align-self:flex-start;column-gap:8px;display:flex;height:22px;row-gap:8px;width:214.406px}
.lv .ws256{align-items:center;column-gap:8px;display:flex;height:22px;row-gap:8px;width:214.406px}
.lv .ws257{align-items:center;appearance:button;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;color:rgb(146, 13, 13);column-gap:4px;display: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;text-align:center;text-wrap-mode:nowrap;width:140.703px}
.lv .ws258{bottom:420.5px;clip-path:inset(50%);display:block;height:1px;left:752.594px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:222.406px;top:64.5px;width:1px;display:none!important}
.lv .ws259{color:rgb(70, 59, 100);display:block;font-size:13px;height:16.25px;line-height:16.25px;width:65.7031px}
.lv .ws260{align-items:center;column-gap:8px;display:flex;flex-basis:100%;height:18px;justify-content:space-between;padding-left:44px;row-gap:8px;width:940px}
.lv .ws261{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:178.562px}
.lv .ws262{align-items:center;appearance:button;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;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;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:738.125px}
.lv .ws263{column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:33.75px;row-gap:0px;width:686.125px}
.lv .ws264{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:107.297px}
.lv .ws265{font-size:13px;height:16.25px;line-height:16.25px;margin-bottom:0px;margin-top:0px;text-wrap-style:balance;width:686.125px}
.lv .ws266{bottom:337.5px;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:958px;text-wrap-mode:nowrap;top:147.5px;width:1px;display:none!important}
.lv .ws267{align-items:center;align-self:flex-start;column-gap:8px;display:flex;height:22px;row-gap:8px;width:201.875px}
.lv .ws268{align-items:center;column-gap:8px;display:flex;height:22px;row-gap:8px;width:201.875px}
.lv .ws269{align-items:center;appearance:button;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;color:rgb(146, 13, 13);column-gap:4px;display: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;text-align:center;text-wrap-mode:nowrap;width:128.172px}
.lv .ws270{bottom:344.5px;clip-path:inset(50%);display:block;height:1px;left:765.125px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:209.875px;top:140.5px;width:1px;display:none!important}
.lv .ws271{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:103.656px}
.lv .ws272{align-items:center;appearance:button;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:16px;border-top-right-radius:16px;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;padding-bottom:2px;padding-left:4px;padding-right:4px;padding-top:2px;row-gap:8px;text-align:left;width:874.297px}
.lv .ws273{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;color:rgb(31, 74, 114);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-weight:600;height:36px;justify-content:center;letter-spacing:0.14px;line-height:18px;width:36px}
.lv .ws274{column-gap:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:33.75px;row-gap:0px;width:822.297px}
.lv .ws275{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:66px}
.lv .ws276{font-size:13px;height:16.25px;line-height:16.25px;margin-bottom:0px;margin-top:0px;text-wrap-style:balance;width:822.297px}
.lv .ws277{bottom:261.5px;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:958px;text-wrap-mode:nowrap;top:223.5px;width:1px;display:none!important}
.lv .ws278{align-items:center;align-self:flex-start;column-gap:8px;display:flex;height:16.25px;row-gap:8px;width:65.7031px}
.lv .ws279{align-items:center;column-gap:8px;display:flex;height:16.25px;row-gap:8px;width:65.7031px}
.lv .ws280{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:209.281px}
.lv .ws281{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;color:rgb(94, 53, 114);display:flex;font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-weight:600;height:36px;justify-content:center;letter-spacing:0.14px;line-height:18px;width:36px}
.lv .ws282{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:107.969px}
.lv .ws283{bottom:185.5px;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:958px;text-wrap-mode:nowrap;top:299.5px;width:1px;display:none!important}
.lv .ws284{align-items:center;column-gap:8px;height:17.5px;line-height:17.5px;max-width:100%;overflow-x:hidden;overflow-y:hidden;row-gap:8px;text-overflow:ellipsis;text-wrap-mode:nowrap;width:100.328px}
.lv .ws285{bottom:109.5px;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:958px;text-wrap-mode:nowrap;top:375.5px;width:1px;display:none!important}
.lv .ws286{column-gap:12px;display:flex;flex-direction:column;height:36px;padding-top:4px;row-gap:12px;width:942px}
.lv .ws287{align-items:center;align-self:flex-start;appearance:button;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;color:rgb(92, 55, 179);column-gap:8px;display:flex;font-size:13px;font-weight:500;height:32px;justify-content:center;line-height:18px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:198.891px}
.lv .ws288{display:block;height:18px;width:174.891px}
.lv .ws289{display:block;fill:none;flex-shrink:0;height:16px;overflow-x:hidden;overflow-y:hidden;stroke:rgb(92, 55, 179);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vertical-align:middle;width:16px;overflow:visible}
.lv .ws290{fill:none;stroke:rgb(92, 55, 179);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:13px;font-weight:500;letter-spacing:normal;text-anchor:start;color:rgb(92, 55, 179);transform-origin:0px 0px}
.lv .ws291{column-gap:16px;display:flex;flex-basis:calc(-99900% + 1.23876e+06px);flex-direction:column;flex-grow:1;height:1114.11px;row-gap:16px;width:976px}
.lv .ws292{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;height:222px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:976px}
.lv .ws293{column-gap:12px;display:flex;flex-direction:column;height:220px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:974px}
.lv .ws294{align-items:baseline;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;width:87.8125px}
.lv .ws295{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;width:87.8125px}
.lv .ws296{container-type:inline-size;height:140px;width:942px}
.lv .ws297{column-gap:12px;display:grid;grid-template-columns:306px 306px 306px;grid-template-rows:64px 64px;height:140px;row-gap:12px;width:942px}
.lv .ws298{align-items:center;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;column-gap:12px;display:flex;grid-column-end:-1;grid-column-start:1;height:64px;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;row-gap:12px;text-align:left;width:942px}
.lv .ws299{align-items:flex-start;column-gap:12px;display:flex;flex-basis:0%;flex-grow:1;height:38px;row-gap:12px;width:689.719px}
.lv .ws300{align-items:center;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;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}
.lv .ws301{display:block;fill:none;height:16px;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 .ws302{fill:none;stroke:rgb(46, 36, 69);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ws303{display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:38px;width:641.719px}
.lv .ws304{display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:641.719px}
.lv .ws305{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:18px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:641.719px}
.lv .ws306{bottom:144px;clip-path:inset(50%);display:block;height:1px;left:29px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:946px;text-wrap-mode:nowrap;top:77px;width:1px;display:none!important}
.lv .ws307{align-items:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;column-gap:0px;display:flex;flex-shrink:0;height:36px;row-gap:0px;width:214.281px}
.lv .ws308{align-items:center;appearance:button;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: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-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;color:rgb(28, 7, 66);column-gap:8px;display:flex;flex-grow:1;flex-shrink:0;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:62.5938px}
.lv .ws309{align-items:center;appearance:button;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-style:solid;border-bottom-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-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;color:rgb(28, 7, 66);column-gap:8px;display:flex;flex-grow:1;flex-shrink:0;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:61.8594px}
.lv .ws310{align-items:center;appearance:button;background-color:rgba(247, 244, 253, 0.78);border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);border-bottom-right-radius:6px;border-bottom-style:solid;border-bottom-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-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;color:rgb(28, 7, 66);column-gap:8px;display:flex;flex-grow:1;flex-shrink:0;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;padding-left:12px;padding-right:12px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:89.8281px}
.lv .ws311{align-items:flex-start;appearance:button;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;column-gap:12px;display:flex;height:64px;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;row-gap:12px;text-align:left;width:306px}
.lv .ws312{display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:38px;width:206px}
.lv .ws313{display:block;font-size:14px;font-weight:500;height:20px;line-height:20px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:206px}
.lv .ws314{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;min-height:18px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;text-wrap-mode:nowrap;width:206px}
.lv .ws315{align-self:flex-start;color:rgb(82, 70, 115);display:block;flex-shrink:0;height:14px;width:14px}
.lv .ws316{display:block;fill:none;height:14px;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 .ws317{bottom:54px;clip-path:inset(50%);display:block;height:1px;left:295px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:680px;text-wrap-mode:nowrap;top:167px;width:1px;display:none!important}
.lv .ws318{bottom:68px;clip-path:inset(50%);display:block;height:1px;left:29px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:946px;text-wrap-mode:nowrap;top:153px;width:1px;display:none!important}
.lv .ws319{bottom:54px;clip-path:inset(50%);display:block;height:1px;left:613px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:362px;text-wrap-mode:nowrap;top:167px;width:1px;display:none!important}
.lv .ws320{bottom:68px;clip-path:inset(50%);display:block;height:1px;left:347px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:628px;text-wrap-mode:nowrap;top:153px;width:1px;display:none!important}
.lv .ws321{align-items:flex-start;appearance:button;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;column-gap:12px;display:flex;grid-column-end:span 1;grid-column-start:span 1;height:64px;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;row-gap:12px;text-align:left;width:306px}
.lv .ws322{bottom:54px;clip-path:inset(50%);display:block;height:1px;left:931px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:44px;text-wrap-mode:nowrap;top:167px;width:1px;display:none!important}
.lv .ws323{bottom:68px;clip-path:inset(50%);display:block;height:1px;left:665px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:310px;text-wrap-mode:nowrap;top:153px;width:1px;display:none!important}
.lv .ws324{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;height:660.781px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:976px}
.lv .ws325{column-gap:12px;display:flex;flex-direction:column;height:658.781px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:974px}
.lv .ws326{align-items:baseline;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;width:92.9688px}
.lv .ws327{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;width:92.9688px}
.lv .ws328{color:rgb(82, 70, 115);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:942px}
.lv .ws329{column-gap:16px;display:grid;grid-template-columns:463px 463px;grid-template-rows:106.75px;height:106.75px;row-gap:16px;width:942px}
.lv .ws330{column-gap:4px;display:flex;flex-direction:column;height:106.75px;row-gap:4px;width:463px}
.lv .ws331{color:rgb(70, 59, 100);font-size:14px;height:20px;line-height:20px;margin-bottom:0px;margin-top:0px;width:463px}
.lv .ws332{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:31px;height:38.75px;letter-spacing:-0.31px;line-height:38.75px;margin-bottom:0px;margin-top:0px;width:463px}
.lv .ws333{appearance:button;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;display:inline-block;height:38.75px;text-align:center;text-decoration:underline 1px color(srgb 0.180392 0.141176 0.270588 / 0.45);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;width:27.1875px;-webkit-text-decorations-in-effect:underline}
.lv .ws334{bottom:553.781px;clip-path:inset(50%);display:block;height:1px;left:43.1875px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:931.812px;text-wrap-mode:nowrap;top:106px;width:1px;display:none!important}
.lv .ws335{color:rgb(70, 59, 100);font-size:14px;height:40px;line-height:20px;margin-bottom:0px;margin-top:0px;width:463px}
.lv .ws336{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);flex-shrink:0;height:1px;width:942px}
.lv .ws337{column-gap:16px;display:grid;grid-template-columns:463px 463px;grid-template-rows:86.75px 86.75px 86.75px;height:292.25px;row-gap:16px;width:942px}
.lv .ws338{column-gap:4px;display:flex;flex-direction:column;height:86.75px;row-gap:4px;width:463px}
.lv .ws339{appearance:button;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;display:inline-block;height:38.75px;text-align:center;text-decoration:underline 1px color(srgb 0.180392 0.141176 0.270588 / 0.45);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;width:50.5938px;-webkit-text-decorations-in-effect:underline}
.lv .ws340{bottom:392.031px;clip-path:inset(50%);display:block;height:1px;left:66.5938px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:908.406px;text-wrap-mode:nowrap;top:267.75px;width:1px;display:none!important}
.lv .ws341{appearance:button;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;display:inline-block;height:20px;text-align:center;text-decoration:underline 1px color(srgb 0.180392 0.141176 0.270588 / 0.45);text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;width:82.8594px;-webkit-text-decorations-in-effect:underline}
.lv .ws342{bottom:143.781px;clip-path:inset(50%);display:block;height:1px;left:673.969px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:301.031px;text-wrap-mode:nowrap;top:516px;width:1px;display:none!important}
.lv .ws343{column-gap:12px;display:flex;flex-direction:column;height:94.7812px;padding-top:4px;row-gap:12px;width:942px}
.lv .ws344{background-color:color(srgb 0.869898 0.843471 0.919821 / 0.802353);border-bottom-color:color(srgb 0.176471 0.0470588 0.411765 / 0.22);border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-bottom-style:solid;border-bottom-width:1px;border-left-color:color(srgb 0.176471 0.0470588 0.411765 / 0.22);border-left-style:solid;border-left-width:1px;border-right-color:color(srgb 0.176471 0.0470588 0.411765 / 0.22);border-right-style:solid;border-right-width:1px;border-top-color:color(srgb 0.176471 0.0470588 0.411765 / 0.22);border-top-left-radius:16px;border-top-right-radius:16px;border-top-style:solid;border-top-width:1px;column-gap:8px;display:flex;height:90.7812px;padding-bottom:10px;padding-left:12px;padding-right:12px;padding-top:10px;row-gap:8px;width:942px}
.lv .ws345{align-items:center;color:rgb(45, 12, 105);display:flex;flex-shrink:0;font-size:14px;height:22.3906px;line-height:20px;width:16px}
.lv .ws346{flex-basis:0%;flex-grow:1;height:68.7812px;width:892px}
.lv .ws347{font-size:14px;height:44.7812px;line-height:22.4px;margin-bottom:0px;margin-top:0px;width:892px}
.lv .ws348{bottom:96.7812px;clip-path:inset(50%);display:block;height:1px;left:53px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:922px;text-wrap-mode:nowrap;top:563px;width:1px;display:none!important}
.lv .ws349{align-items:center;appearance:button;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;color:rgb(28, 7, 66);column-gap:8px;display:inline-flex;font-size:13px;font-weight:500;height:18px;justify-content:center;line-height:18px;margin-top:4px;row-gap:8px;text-align:center;text-decoration:underline;text-decoration-line:underline;text-underline-offset:4px;text-wrap-mode:nowrap;width:120.344px;-webkit-text-decorations-in-effect:underline}
.lv .ws350{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;height:199.328px;scroll-margin-block-start:16px;scroll-margin-top:16px;width:976px}
.lv .ws351{column-gap:12px;display:flex;flex-direction:column;height:197.328px;padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:12px;width:974px}
.lv .ws352{align-items:baseline;column-gap:8px;display:flex;flex-wrap:wrap;height:24px;width:42.0938px}
.lv .ws353{font-family:Fraunces, 'Fraunces Fallback', Georgia, serif;font-size:16px;font-weight:600;height:24px;margin-bottom:0px;margin-top:0px;width:42.0938px}
.lv .ws354{display:block;flex-shrink:0;height:36px;width:106.766px}
.lv .ws355{align-items:center;column-gap:4px;display:flex;height:36px;row-gap:4px;width:106.766px}
.lv .ws356{align-items:center;appearance:button;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;color:rgb(95, 84, 128);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;line-height:20px;opacity:0.5;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:36px}
.lv .ws357{display:block;fill:none;flex-shrink:0;height:16px;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 .ws358{fill:none;stroke:rgb(95, 84, 128);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:14px;font-weight:500;letter-spacing:normal;text-anchor:start;color:rgb(95, 84, 128);transform-origin:0px 0px}
.lv .ws359{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:26.7656px}
.lv .ws360{align-items:center;appearance:button;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;color:rgb(28, 7, 66);column-gap:8px;display: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 .ws361{container-type:inline-size;height:117.328px;width:942px}
.lv .ws362{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:176px 750px;grid-template-rows:47.1875px 66.1406px;height:117.328px;row-gap:4px;width:942px}
.lv .ws363{aspect-ratio:3 / 2;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;bottom:0px;flex-shrink:0;grid-row-end:span 2;grid-row-start:span 2;height:117.328px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:176px}
.lv .ws364{bottom:0px;color:rgba(0, 0, 0, 0);display:block;height:117.328px;left:0px;max-width:100%;object-fit:cover;position:absolute;right:0px;top:0px;vertical-align:middle;width:176px}
.lv .ws365{column-gap:4px;display:flex;flex-direction:column;height:47.1875px;row-gap:4px;width:750px}
.lv .ws366{color:rgb(70, 59, 100);font-size:12px;font-weight:600;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:750px}
.lv .ws367{font-size:18px;font-weight:400;height:25.1875px;line-height:25.2px;margin-bottom:0px;margin-top:0px;max-width:480px;width:480px}
.lv .ws368{column-gap:4px;display:flex;flex-direction:column;grid-column-end:span 1;grid-column-start:2;height:64px;row-gap:4px;width:750px}
.lv .ws369{font-size:14px;height:42px;line-height:21px;margin-bottom:0px;margin-top:0px;max-width:480px;width:480px}
.lv .ws370{color:rgb(70, 59, 100);font-size:13px;height:18px;line-height:18px;margin-bottom:0px;margin-top:0px;width:750px}
.lv .ws371{bottom:12px;display:flex;flex-direction:column;height:776px;left:868px;position:absolute;right:12px;top:12px;width:400px;z-index:110}
.lv .ws372{background-color:rgb(247, 244, 253);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-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;display:flex;flex-direction:column;height:776px;left:0px;overflow-x:hidden;overflow-y:hidden;position:relative;right:0px;top:0px;width:400px}
.lv .ws373{bottom:775px;clip-path:inset(50%);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:399px;text-wrap-mode:nowrap;top:0px;width:1px;display:none!important}
.lv .ws374{align-items:center;border-bottom-color:color(srgb 0.180392 0.141176 0.270588 / 0.14);border-bottom-style:solid;border-bottom-width:1px;display:flex;height:56px;justify-content:space-between;min-height:56px;padding-left:20px;padding-right:20px;width:398px}
.lv .ws375{align-items:center;column-gap:8px;display:flex;height:25.1875px;row-gap:8px;width:24.3906px}
.lv .ws376{display:flex;flex-direction:column;height:25.1875px;width:24.3906px}
.lv .ws377{display:block;font-size:18px;font-weight:600;height:25.1875px;line-height:25.2px;width:24.3906px}
.lv .ws378{align-items:center;column-gap:4px;display:flex;height:28px;row-gap:4px;width:60px}
.lv .ws379{align-items:center;appearance:button;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;color:rgb(28, 7, 66);column-gap:8px;display:flex;font-size:14px;font-weight:500;height:28px;justify-content:center;line-height:20px;row-gap:8px;text-align:center;text-wrap-mode:nowrap;width:28px}
.lv .ws380{bottom:0px;display:flex;flex-basis:0%;flex-direction:column;flex-grow:1;height:632px;left:0px;position:relative;right:0px;top:0px;width:398px}
.lv .ws381{bottom:0px;flex-basis:0%;flex-grow:1;height:632px;left:0px;position:relative;right:0px;top:0px;width:398px}
.lv .ws382{height:632px;overflow-anchor:none;overflow-x:hidden;overflow-y:hidden;scrollbar-width:none;width:398px}
.lv .ws383{height:577px;padding-bottom:16px;padding-left:20px;padding-right:20px;padding-top:16px;width:398px}
.lv .ws384{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;height:44px;margin-bottom:16px;width:358px}
.lv .ws385{align-items:flex-end;column-gap:6px;display:flex;flex-direction:column;height:44px;row-gap:6px;width:358px}
.lv .ws386{column-gap:8px;display:flex;height:44px;justify-content:flex-end;row-gap:8px;width:358px}
.lv .ws387{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;bottom:0px;height:44px;left:0px;max-width:85%;padding-bottom:12px;padding-left:16px;padding-right:16px;padding-top:12px;position:relative;right:0px;top:0px;width:256.594px}
.lv .ws388{font-size:14px;height:20px;line-height:20px;white-space-collapse:preserve;width:224.594px}
.lv .ws389{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px;border-top-right-radius:12px;height:469px;margin-bottom:16px;width:358px}
.lv .ws390{height:469px;width:358px}
.lv .ws391{align-items:flex-start;display:flex;height:437px;padding-right:24px;width:358px}
.lv .ws392{flex-basis:0%;flex-grow:1;height:437px;max-width:582.4px;width:334px}
.lv .ws393{height:437px;width:334px}
.lv .ws394{font-size:14px;height:40px;line-height:20px;margin-bottom:12px;margin-top:0px;width:334px}
.lv .ws395{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;height:385px;width:334px}
.lv .ws396{align-items:flex-start;column-gap:10px;display:flex;height:66px;padding-bottom:12px;padding-left:16px;padding-right:16px;padding-top:16px;row-gap:10px;width:332px}
.lv .ws397{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;color:rgb(70, 59, 100);display:flex;flex-shrink:0;height:28px;justify-content:center;margin-bottom:6px;margin-top:2px;width:28px}
.lv .ws398{column-gap:2px;display:flex;flex-direction:column;height:38px;row-gap:2px;width:195.844px}
.lv .ws399{font-size:18px;font-weight:600;height:18px;letter-spacing:-0.45px;line-height:18px;margin-bottom:0px;margin-top:0px;width:195.844px}
.lv .ws400{color:rgb(70, 59, 100);display:block;font-size:13px;height:18px;line-height:18px;width:195.844px}
.lv .ws401{height:317px;padding-bottom:16px;padding-left:16px;padding-right:16px;width:332px}
.lv .ws402{height:244px;margin-bottom:12px;width:300px}
.lv .ws403{height:244px;width:300px}
.lv .ws404{height:244px}
.lv .ws405{bottom:0px;height:244px;left:0px;position:relative;right:0px;top:0px;width:300px}
.lv .ws406{display:block;height:244px;overflow-x:hidden;overflow-y:hidden;vertical-align:middle;width:300px;overflow:visible}
.lv .ws407{fill:rgb(0, 0, 0);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ws408{fill:none;stroke:color(srgb 0.180392 0.141176 0.270588 / 0.14);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ws409{fill:rgb(45, 12, 105);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;text-anchor:start;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ws410{fill:rgb(70, 59, 100);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;text-anchor:middle;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ws411{fill:rgb(70, 59, 100);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;text-anchor:end;color:rgb(46, 36, 69);transform-origin:0px 0px}
.lv .ws412{background-color:color(srgb 0.180392 0.141176 0.270588 / 0.28);flex-shrink:0;height:1px;margin-bottom:12px;width:300px}
.lv .ws413{align-items:center;column-gap:12px;display:flex;height:32px;row-gap:12px;width:300px}
.lv .ws414{align-items:center;appearance:button;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;color:rgb(247, 244, 253);column-gap:8px;display: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:106.781px}
.lv .ws415{display:block;fill:none;flex-shrink:0;height:16px;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 .ws416{fill:none;stroke:rgb(247, 244, 253);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;font-family:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, system-ui, sans-serif;font-size:13px;font-weight:500;letter-spacing:normal;text-anchor:start;color:rgb(247, 244, 253);transform-origin:0px 0px}
.lv .ws417{display:block;height:18px;width:58.7812px}
.lv .ws418{height:32px;padding-top:4px;width:358px}
.lv .ws419{align-items:center;column-gap:4px;display:flex;height:28px;row-gap:4px;width:358px}
.lv .ws420{align-items:center;column-gap:4px;display:flex;height:28px;row-gap:4px;width:92px}
.lv .ws421{width:358px}
.lv .ws422{width:398px}
.lv .ws423{background-color:rgba(247, 244, 253, 0.78);flex-shrink:0;height:86px;padding-bottom:8px;padding-left:16px;padding-right:16px;padding-top:8px;width:398px}
.lv .ws424{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: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.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:9999px;border-top-right-radius:9999px;border-top-style:solid;border-top-width:1px;bottom:0px;height:48px;left:0px;position:relative;right:0px;top:0px;width:366px}
.lv .ws425{align-items:flex-end;column-gap:4px;display:flex;height:46px;padding-bottom:7px;padding-left:8px;padding-right:8px;padding-top:7px;row-gap:4px;width:364px}
.lv .ws426{align-items:center;column-gap:4px;display:flex;flex-shrink:0;height:32px;row-gap:4px;width:28px}
.lv .ws427{display:flex;align-items:center;white-space:nowrap;overflow:hidden;bottom:23.5px;clip-path:inset(50%);height:1px;left:8px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:clip;overflow-y:clip;position:absolute;right:357px;text-overflow:ellipsis;text-wrap-mode:nowrap;top:23.5px;width:1px;display:none!important}
.lv .ws428{bottom:23.5px;clip-path:inset(50%);display:block;height:1px;left:8px;margin-bottom:-1px;margin-left:-1px;margin-right:-1px;margin-top:-1px;overflow-x:hidden;overflow-y:hidden;position:absolute;right:357px;text-wrap-mode:nowrap;top:23.5px;width:1px;display:none!important}
.lv .ws429{display:flex;align-items:center;white-space:nowrap;overflow:hidden;appearance:auto;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;flex-basis:0%;flex-grow:1;font-size:14px;height:32px;line-height:20px;max-height:104px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:hidden;padding-bottom:6px;padding-left:4px;padding-right:8px;padding-top:6px;scrollbar-width:none;white-space-collapse:preserve;width:280px}
.lv .ws430{color:rgb(82, 70, 115)}
.lv .ws431{align-items:center;appearance:button;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;color:rgb(70, 59, 100);display:flex;flex-shrink:0;height:32px;justify-content:center;text-align:center;width:32px}
.lv .ws432{color:rgb(70, 59, 100);font-size:13px;height:22px;line-height:18px;padding-top:4px;text-align:center;width:366px}
.lv .ws433{width:1280px}
.lv .ws434{bottom:0px;display:block;height:0px;left:0px;position:absolute;right:1280px;top:800px;width:0px}
.lv .ws435{bottom:20780.5px;display:block;font-size:13px;height:19.5px;left:0px;line-height:19.5px;position:absolute;right:1272.72px;text-wrap-mode:nowrap;top:-20000px;white-space-collapse:preserve;width:7.28125px}
.lv .ws436{bottom:0px;display:block;height:0px;left:0px;position:absolute;right:1280px;top:800px;vertical-align:middle;width:0px}
.lv{--phoenix-brand-primary:#9773ff;--phoenix-text-secondary:#57535e}
.dkm .lv{--phoenix-text-secondary:#b0adba;color-scheme:dark}
.dkm .lv .aw0,.dkm .lv .sc0,.dkm .lv .sq0,.dkm .lv .ep0{background-color:rgb(55, 43, 91);border-color:color(srgb 0.937255 0.917647 0.984314 / 0.28);box-shadow:rgba(239, 234, 251, 0.07) 0px 1px 0px 0px inset;color:rgb(239, 234, 251)}
.dkm .lv .aw6,.dkm .lv .sc27,.dkm .lv .ws143,.dkm .lv .ws235,.dkm .lv .ws349,.dkm .lv .ws360,.dkm .lv .ws379{color:rgb(198, 183, 255)}
.dkm .lv .aw7,.dkm .lv .ws66{stroke:rgb(198, 183, 255)}
.dkm .lv .aw8,.dkm .lv .ws67{color:rgb(198, 183, 255);stroke:rgb(198, 183, 255)}
.dkm .lv .aw11,.dkm .lv .aw27,.dkm .lv .aw41,.dkm .lv .aw42,.dkm .lv .aw46,.dkm .lv .aw48,.dkm .lv .aw51,.dkm .lv .aw52,.dkm .lv .aw77,.dkm .lv .sc8,.dkm .lv .sc12,.dkm .lv .sq4,.dkm .lv .sq19,.dkm .lv .sq22,.dkm .lv .sq25,.dkm .lv .sq27,.dkm .lv .sq29,.dkm .lv .sq33,.dkm .lv .sq35,.dkm .lv .sq36,.dkm .lv .ep13,.dkm .lv .ep26,.dkm .lv .ep32,.dkm .lv .ea5,.dkm .lv .ea9,.dkm .lv .rb6,.dkm .lv .rb27,.dkm .lv .ws12,.dkm .lv .ws86,.dkm .lv .ws93,.dkm .lv .ws98,.dkm .lv .ws105,.dkm .lv .ws124,.dkm .lv .ws130,.dkm .lv .ws146,.dkm .lv .ws167,.dkm .lv .ws168,.dkm .lv .ws172,.dkm .lv .ws173,.dkm .lv .ws175,.dkm .lv .ws176,.dkm .lv .ws179,.dkm .lv .ws180,.dkm .lv .ws209,.dkm .lv .ws216,.dkm .lv .ws227,.dkm .lv .ws237,.dkm .lv .ws239,.dkm .lv .ws245,.dkm .lv .ws259,.dkm .lv .ws261,.dkm .lv .ws271,.dkm .lv .ws280,.dkm .lv .ws305,.dkm .lv .ws314,.dkm .lv .ws331,.dkm .lv .ws335,.dkm .lv .ws359,.dkm .lv .ws366,.dkm .lv .ws370,.dkm .lv .ws400,.dkm .lv .ws432{color:rgb(214, 205, 235)}
.dkm .lv .aw19,.dkm .lv .ws153{background-color:rgb(58, 46, 94);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, rgb(58, 46, 94) 0px 0px 0px 2px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}
.dkm .lv .aw20,.dkm .lv .ws154{background-color:rgb(12, 42, 29);color:rgb(52, 211, 153)}
.dkm .lv .aw21,.dkm .lv .rb55,.dkm .lv .ws155{stroke:rgb(52, 211, 153)}
.dkm .lv .aw22,.dkm .lv .rb56,.dkm .lv .ws156{color:rgb(52, 211, 153);stroke:rgb(52, 211, 153)}
.dkm .lv .aw26,.dkm .lv .ws119{background-color:rgb(74, 56, 33);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(91, 70, 43) 0px, rgb(91, 70, 43) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));color:rgb(246, 223, 185)}
.dkm .lv .aw28,.dkm .lv .ws161{background-color:rgb(12, 26, 42);color:rgb(96, 165, 250)}
.dkm .lv .aw29,.dkm .lv .ws162{stroke:rgb(96, 165, 250)}
.dkm .lv .aw30,.dkm .lv .ws163{color:rgb(96, 165, 250);stroke:rgb(96, 165, 250)}
.dkm .lv .aw31,.dkm .lv .ws257,.dkm .lv .ws269{background-color:rgb(42, 12, 12);color:rgb(248, 113, 113)}
.dkm .lv .aw32,.dkm .lv .sq9{stroke:rgb(248, 113, 113)}
.dkm .lv .aw33,.dkm .lv .sq10{color:rgb(248, 113, 113);stroke:rgb(248, 113, 113)}
.dkm .lv .aw34,.dkm .lv .ws127,.dkm .lv .ws281{background-color:rgb(64, 39, 77);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(79, 50, 96) 0px, rgb(79, 50, 96) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));color:rgb(232, 210, 243)}
.dkm .lv .aw36,.dkm .lv .aw60,.dkm .lv .rb14,.dkm .lv .ws250{background-color:rgb(58, 47, 92);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(71, 57, 122) 0px, rgb(71, 57, 122) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));color:rgb(221, 211, 255)}
.dkm .lv .aw49,.dkm .lv .aw66,.dkm .lv .aw74,.dkm .lv .ws177,.dkm .lv .ws194,.dkm .lv .ws202{background-color:rgba(255, 255, 255, 0.04)}
.dkm .lv .aw67,.dkm .lv .ep12,.dkm .lv .ep25,.dkm .lv .rb4,.dkm .lv .ws195,.dkm .lv .ws300,.dkm .lv .ws363,.dkm .lv .ws387{background-color:rgba(179, 159, 255, 0.12)}
.dkm .lv .aw68,.dkm .lv .aw75,.dkm .lv .sq17,.dkm .lv .sq30,.dkm .lv .ws196,.dkm .lv .ws203{background-color:rgb(179, 159, 255)}
.dkm .lv .aw69,.dkm .lv .aw76,.dkm .lv .ws197,.dkm .lv .ws204{color:rgb(23, 13, 51)}
.dkm .lv .sc5,.dkm .lv .sq21,.dkm .lv .sq24,.dkm .lv .ws26,.dkm .lv .ws315,.dkm .lv .ws328,.dkm .lv .ws356,.dkm .lv .ws430{color:rgb(190, 179, 220)}
.dkm .lv .sc13,.dkm .lv .sq31,.dkm .lv .ea8,.dkm .lv .ws336,.dkm .lv .ws412{background-color:color(srgb 0.937255 0.917647 0.984314 / 0.28)}
.dkm .lv .sc21,.dkm .lv .ws344{background-color:color(srgb 0.290769 0.239524 0.452877 / 0.749412);border-color:color(srgb 0.701961 0.623529 1 / 0.22)}
.dkm .lv .sc22,.dkm .lv .ws102,.dkm .lv .ws287,.dkm .lv .ws345{color:rgb(179, 159, 255)}
.dkm .lv .sq8,.dkm .lv .ws228{color:rgb(248, 113, 113)}
.dkm .lv .sq13,.dkm .lv .sq20{background-color:oklab(0.757394 0.0519949 -0.126038 / 0.15)}
.dkm .lv .sq14,.dkm .lv .sq23{background-color:oklab(0.757394 0.0519949 -0.126038 / 0.35)}
.dkm .lv .sq15,.dkm .lv .sq26{background-color:oklab(0.757394 0.0519949 -0.126038 / 0.55)}
.dkm .lv .sq16,.dkm .lv .sq28{background-color:oklab(0.757394 0.0519949 -0.126038 / 0.75)}
.dkm .lv .ep6,.dkm .lv .ws101,.dkm .lv .ws424{background-color:rgba(14, 7, 34, 0.5);border-color:color(srgb 0.937255 0.917647 0.984314 / 0.45)}
.dkm .lv .ep8,.dkm .lv .ws38,.dkm .lv .ws41,.dkm .lv .ws43,.dkm .lv .ws45,.dkm .lv .ws48,.dkm .lv .ws50,.dkm .lv .ws301{stroke:rgb(239, 234, 251)}
.dkm .lv .ep9,.dkm .lv .ws39,.dkm .lv .ws302{color:rgb(239, 234, 251);stroke:rgb(239, 234, 251)}
.dkm .lv .ep20,.dkm .lv .ws407{color:rgb(239, 234, 251)}
.dkm .lv .ep21,.dkm .lv .ws408{color:rgb(239, 234, 251);stroke:color(srgb 0.937255 0.917647 0.984314 / 0.14)}
.dkm .lv .ep22,.dkm .lv .ws409{color:rgb(239, 234, 251);fill:rgb(179, 159, 255)}
.dkm .lv .ep23,.dkm .lv .ep24,.dkm .lv .ws410,.dkm .lv .ws411{color:rgb(239, 234, 251);fill:rgb(214, 205, 235)}
.dkm .lv .ep29{color:rgb(239, 234, 251);stroke:rgba(179, 159, 255, 0.12)}
.dkm .lv .ep30{color:rgb(239, 234, 251);stroke:rgb(179, 159, 255)}
.dkm .lv .ea0{background-color:rgb(55, 43, 91);border-bottom-color:color(srgb 0.937255 0.917647 0.984314 / 0.28);border-left-color:rgb(96, 165, 250);border-right-color:color(srgb 0.937255 0.917647 0.984314 / 0.28);border-top-color:color(srgb 0.937255 0.917647 0.984314 / 0.28);box-shadow:rgba(239, 234, 251, 0.07) 0px 1px 0px 0px inset;color:rgb(239, 234, 251)}
.dkm .lv .ea3,.dkm .lv .ea4,.dkm .lv .ws60,.dkm .lv .ws61,.dkm .lv .ws358{color:rgb(190, 179, 220);stroke:rgb(190, 179, 220)}
.dkm .lv .rb0{background-color:rgb(47, 35, 83);border-radius:16px;color:rgb(239, 234, 251)}
.dkm .lv .rb9,.dkm .lv .rb50{background-color:rgba(58, 46, 94, 0.72);border-color:color(srgb 0.937255 0.917647 0.984314 / 0.14)}
.dkm .lv .rb21,.dkm .lv .rb22{color:rgb(214, 205, 235);fill:rgb(214, 205, 235);stroke:rgb(214, 205, 235)}
.dkm .lv .rb23,.dkm .lv .rb24{color:color(srgb 0.937255 0.917647 0.984314 / 0.28);stroke:color(srgb 0.937255 0.917647 0.984314 / 0.28)}
.dkm .lv .rb29,.dkm .lv .ws273{background-color:rgb(38, 59, 82);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(47, 74, 102) 0px, rgb(47, 74, 102) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));color:rgb(201, 225, 248)}
.dkm .lv .rb34,.dkm .lv .ws160{background-color:rgb(44, 49, 85);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(55, 61, 105) 0px, rgb(55, 61, 105) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));color:rgb(208, 214, 246)}
.dkm .lv .rb38{background-color:rgb(74, 42, 49);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(92, 53, 62) 0px, rgb(92, 53, 62) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));color:rgb(247, 207, 211)}
.dkm .lv .rb51,.dkm .lv .ws133,.dkm .lv .ws159,.dkm .lv .ws188{background-color:rgb(32, 64, 67);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(42, 80, 84) 0px, rgb(42, 80, 84) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));color:rgb(196, 230, 232)}
.dkm .lv .rb54{color:rgb(52, 211, 153)}
.dkm .lv .rb61{border-color:color(srgb 0.937255 0.917647 0.984314 / 0.14);color:rgb(214, 205, 235)}
.dkm .lv .ws0{background-color:rgb(53, 41, 89);color:rgb(239, 234, 251)}
.dkm .lv .ws3{background-image:linear-gradient(165deg, rgb(42, 26, 85), rgb(34, 22, 70) 30%, rgb(27, 16, 56) 62%, rgb(14, 7, 34))}
.dkm .lv .ws7{border-right-color:color(srgb 0.937255 0.917647 0.984314 / 0.14)}
.dkm .lv .ws8,.dkm .lv .ws423{background-color:rgba(58, 46, 94, 0.72)}
.dkm .lv .ws13,.dkm .lv .ws94,.dkm .lv .ws97,.dkm .lv .ws121{stroke:rgb(214, 205, 235)}
.dkm .lv .ws14,.dkm .lv .ws95{color:rgb(214, 205, 235);stroke:rgb(214, 205, 235)}
.dkm .lv .ws20{background-color:rgba(179, 159, 255, 0.15)}
.dkm .lv .ws32{color:color(srgb 0.745098 0.701961 0.862745 / 0.55)}
.dkm .lv .ws33{stroke:color(srgb 0.745098 0.701961 0.862745 / 0.55)}
.dkm .lv .ws34{color:color(srgb 0.745098 0.701961 0.862745 / 0.55);stroke:color(srgb 0.745098 0.701961 0.862745 / 0.55)}
.dkm .lv .ws56{background-color:rgba(58, 46, 94, 0.58)}
.dkm .lv .ws57{background-color:rgba(58, 46, 94, 0.55);box-shadow:rgba(239, 234, 251, 0.07) 0px 1px 0px 0px inset}
.dkm .lv .ws62{background-color:rgba(58, 46, 94, 0.9);border-color:color(srgb 0.937255 0.917647 0.984314 / 0.45);color:rgb(214, 205, 235)}
.dkm .lv .ws64{border-color:color(srgb 0.937255 0.917647 0.984314 / 0.14);color:rgb(190, 179, 220)}
.dkm .lv .ws65,.dkm .lv .ws69,.dkm .lv .ws71,.dkm .lv .ws210,.dkm .lv .ws231,.dkm .lv .ws308{background-color:rgba(58, 46, 94, 0.9);border-color:color(srgb 0.937255 0.917647 0.984314 / 0.28);color:rgb(198, 183, 255)}
.dkm .lv .ws68{background-color:rgb(248, 113, 113);color:rgb(23, 13, 51)}
.dkm .lv .ws72{background-color:rgba(58, 46, 94, 0.9)}
.dkm .lv .ws84,.dkm .lv .ws87,.dkm .lv .ws110,.dkm .lv .ws111,.dkm .lv .ws112{background-color:rgba(58, 46, 94, 0.72);border-color:color(srgb 0.937255 0.917647 0.984314 / 0.28)}
.dkm .lv .ws88{background-color:rgb(214, 205, 235)}
.dkm .lv .ws90{background-color:color(srgb 0.937255 0.917647 0.984314 / 0.14)}
.dkm .lv .ws106,.dkm .lv .ws414{background-color:rgb(198, 183, 255);color:rgb(23, 13, 51)}
.dkm .lv .ws107,.dkm .lv .ws415{stroke:rgb(23, 13, 51)}
.dkm .lv .ws108,.dkm .lv .ws416{color:rgb(23, 13, 51);stroke:rgb(23, 13, 51)}
.dkm .lv .ws120{background-color:rgb(58, 46, 94);color:rgb(214, 205, 235)}
.dkm .lv .ws134{background-color:rgb(39, 69, 54);background-image:radial-gradient(circle farthest-side at 100% 0px, rgb(48, 85, 68) 0px, rgb(48, 85, 68) 54%, rgba(0, 0, 0, 0) calc(54% + 0.5px));color:rgb(198, 234, 214)}
.dkm .lv .ws137,.dkm .lv .ws205,.dkm .lv .ws240,.dkm .lv .ws292,.dkm .lv .ws324,.dkm .lv .ws350,.dkm .lv .ws395{background-color:rgba(58, 46, 94, 0.72);border-color:color(srgb 0.937255 0.917647 0.984314 / 0.28);box-shadow:rgba(239, 234, 251, 0.07) 0px 1px 0px 0px inset}
.dkm .lv .ws232{border-color:color(srgb 0.937255 0.917647 0.984314 / 0.28);color:rgb(198, 183, 255)}
.dkm .lv .ws233{border-top-color:color(srgb 0.937255 0.917647 0.984314 / 0.14)}
.dkm .lv .ws289{stroke:rgb(179, 159, 255)}
.dkm .lv .ws290{color:rgb(179, 159, 255);stroke:rgb(179, 159, 255)}
.dkm .lv .ws298,.dkm .lv .ws311,.dkm .lv .ws321{border-color:color(srgb 0.937255 0.917647 0.984314 / 0.28)}
.dkm .lv .ws309,.dkm .lv .ws310{background-color:rgba(58, 46, 94, 0.9);border-bottom-color:color(srgb 0.937255 0.917647 0.984314 / 0.28);border-right-color:color(srgb 0.937255 0.917647 0.984314 / 0.28);border-top-color:color(srgb 0.937255 0.917647 0.984314 / 0.28);color:rgb(198, 183, 255)}
.dkm .lv .ws316,.dkm .lv .ws357{stroke:rgb(190, 179, 220)}
.dkm .lv .ws372{background-color:rgb(58, 46, 94);border-color:color(srgb 0.937255 0.917647 0.984314 / 0.14);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(255, 255, 255, 0.16) 0px 8px 30px -4px}
.dkm .lv .ws374{border-bottom-color:color(srgb 0.937255 0.917647 0.984314 / 0.14)}
.dkm .lv .ws397,.dkm .lv .ws431{background-color:rgba(179, 159, 255, 0.12);color:rgb(214, 205, 235)}
/* Live product parts: drawn from the product's own markup, so they stay sharp at any size. */
.lv{width:fit-content;transform-origin:0 0}
.lv *{box-sizing:border-box}
.m .lv [data-a="bar"]{clip-path:inset(0 100% 0 0)}
.m .lv.in [data-a="bar"]{clip-path:inset(0 0 0 0);transition:clip-path 1400ms cubic-bezier(.32,.72,0,1) 350ms}
.m .lv.in [data-a="bar"]+*{transition-delay:500ms}
.m .lv [data-a="cell"]{opacity:0;transform:scale(.8)}
.m .lv.in [data-a="cell"]{opacity:1;transform:none;transition:opacity 500ms ease,transform 700ms cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--r,0) * 7ms + 250ms)}

.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}.herogrid{grid-template-columns:minmax(0,1fr)}.stage{height:560px;--sc:.86}.stage .ph{left:50%;right:auto;transform:translateX(-50%);width:min(380px,82%)}.clear .stage .ph{transform:translateX(-50%) scale(1.03)}.sheet{left:50%}.day{grid-template-columns:minmax(0,1fr);gap:var(--space-28)}.dayph{max-width:360px}}
@media (max-width: 600px){.wrap{padding:0 var(--space-20)}.stage{height:500px;--sc:.74}}
/* Short laptop screens: the whole desk scales down as one piece so headline, buttons and pile fit above the fold. */
@media (min-width: 1001px) and (max-height: 920px){.hero{padding:var(--space-40) 0 var(--space-56)}.hero h1{font-size:clamp(48px,min(5.6vw,10.4vh),84px)!important}.stage{--hk:.84;transform:scale(.84);transform-origin:100% 0;margin-bottom:-102px}}
@media (min-width: 1001px) and (max-height: 800px){.hero{padding:var(--space-28) 0 var(--space-40)}.stage{--hk:.74;transform:scale(.74);margin-bottom:-166px}}
@media (min-width: 1001px) and (max-height: 700px){.stage{--hk:.64;transform:scale(.64);margin-bottom:-230px}}
@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}
/* Phone menu */
.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}}
/* Motion system, shared by all three concepts: one house curve (--ease, the soft settle Linear, Attio and Granola use), --pop for small arrivals, and three durations: --d1 200 ms for hovers, --d2 500 ms for most moves, --d3 900 ms for big entrances. */
.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}
/* Finish: headings wipe in under a soft mask, photos unveil with a slow settle, main buttons lean toward the cursor. */
.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}
/* Lifted lists keep the product's look: no browser bullets. */
.lv li{list-style:none}
/* 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}}

/* Research pass, 15 Oct: the references' lighter nav, faces visible above the paper, one reveal speed with the product page. */
.nav a{font-size:var(--fs-14);font-weight:var(--fw-medium);white-space:nowrap}
.hd .btn{min-height:40px!important;font-size:var(--fs-14)!important}
.w>span{animation-duration:var(--dur-700);animation-delay:calc(var(--i) * 40ms + 120ms)}
.stage .ph{object-position:50% 32%}
.sheet{left:32%;top:62%}
@media (max-width: 1000px){.sheet{left:42%}}
.voice blockquote{font-size:clamp(28px,3vw,44px)!important;line-height:var(--lh-112)!important;letter-spacing:var(--ls-heading)!important}
.fl2{font-size:var(--fs-14);line-height:24px}

/* Hero variants, for review: Paper, Inbox (Nima's mixed admin) and Sia (hand it over). Only the chosen one shows. */
.hcol{display:flex;flex-direction:column;gap:var(--space-24)}
.swap>[hidden]{display:none!important}
.stage [data-v]{display:none}
.stage[data-variant="paper"] [data-v="paper"],.stage[data-variant="inbox"] [data-v="inbox"],.stage[data-variant="sia"] [data-v="sia"]{display:revert}
.stage[data-variant="paper"] .sheet[data-v="paper"],.stage[data-variant="inbox"] .sheet[data-v="inbox"],.stage[data-variant="sia"] .sheet[data-v="sia"]{display:flex}
.stage[data-variant="paper"] .ph[data-v="paper"],.stage[data-variant="inbox"] .ph[data-v="inbox"],.stage[data-variant="sia"] .ph[data-v="sia"]{display:block}
.stage[data-variant="sia"] .siabar[data-v="sia"]{display:flex}
/* The paper sits over the people, so clearing it shows their faces. */
.sheet{left:64%;top:44%}
/* Message cards: the same face-and-badge language as the product page, a touch of tilt for the pile. */
.sheet.card{width:292px;aspect-ratio:auto;height:auto;padding:var(--space-12) var(--space-16);border-radius:var(--radius-18);background:var(--white);flex-direction:row;align-items:center;gap:var(--space-12);font:var(--fw-regular) var(--fs-14)/var(--lh-135) var(--font-ui);color:var(--ink-900);box-shadow:0 0 0 .5px var(--ink-a08),0 2px 4px var(--ink-a06),0 14px 28px -16px var(--ink-a45)}
.sheet.card.hov{box-shadow:0 0 0 .5px var(--ink-a12),0 4px 8px var(--ink-a08),0 22px 36px -18px var(--ink-a45)}
.cav{position:relative;flex:none;width:38px;height:38px}
.cav img{display:block;width:38px;height:38px;border-radius:50%;object-fit:cover}
.cbadge{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)}
.cbadge svg,.cfill svg{width:10px;height:10px;fill:none;stroke:var(--plum-900);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cfill{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px}
.cfill svg{width:18px;height:18px}
.t-msg{background:var(--lav-150)}.t-call{background:var(--peach-100)}.t-mail{background:#DCE6F7}.t-chat{background:#E2E0FA}.t-file{background:var(--green-100)}.t-note{background:var(--amber-100)}
.cb{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}
.ch{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-8)}
.ch b{font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch span{flex:none;font-size:var(--fs-12);color:var(--ink-600)}
.cp{color:var(--ink-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Sia: the place you hand things to. */
.siabar{position:absolute;left:64%;bottom:18px;transform:translateX(-50%);z-index:30;align-items:center;gap:var(--space-12);min-width:280px;padding:var(--space-12) var(--space-16);border-radius:var(--radius-pill);background:var(--white);box-shadow:0 0 0 1px var(--plum-a12),0 16px 32px -18px var(--ink-a45);font:var(--fw-semibold) var(--fs-14)/var(--lh-100) var(--font-ui);color:var(--ink-900);transition:box-shadow var(--dur-300) var(--ease),transform var(--dur-400) var(--pop)}
.siabar .sbt{flex:1}
.siabar .sbn{font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--ink-600);font-variant-numeric:tabular-nums}
.siabar.got{transform:translateX(-50%) scale(1.04);box-shadow:0 0 0 2px rgba(var(--lav-500-rgb),.6),0 16px 32px -18px var(--ink-a45)}
/* Review chrome: which hero is showing. Not part of the design. */
.vsw{position:absolute;left:0;top:-6px;z-index:80;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-pill);background:var(--ink-900);box-shadow:0 10px 24px -12px rgba(var(--shade-rgb),.6);font:var(--fw-semibold) var(--fs-12)/var(--lh-100) var(--font-ui);color:#A9A3B8}
.vsw>span{padding:0 var(--space-8) 0 var(--space-12)}
.vsw button{min-height:28px;padding:0 var(--space-12);border:0;border-radius:var(--radius-pill);background:transparent;color:#CFCAD9;font:inherit;cursor:pointer}
.vsw button[aria-pressed="true"]{background:var(--white);color:var(--ink-900)}
.vsw button:focus-visible{outline:2px solid var(--lav-300);outline-offset:2px}

/* Speech bubbles start at the speaker's mouth: the sharp corner touches it and the bubble opens away from the face. */
.hey[data-mx]{border-radius:var(--radius-16)}
.hey[data-mx]::after{content:"";position:absolute;bottom:6px;width:24px;height:14px;background:var(--white)}
.hey[data-tail="l"]::after{left:-20px;clip-path:polygon(0 100%,100% 0,100% 100%)}
.hey[data-tail="r"]::after{right:-20px;clip-path:polygon(0 0,100% 100%,0 100%)}
.hey[data-tail="l"]{transform-origin:-20px 100%}
.hey[data-tail="r"]{transform-origin:calc(100% + 20px) 100%}
.clear .hey[data-tail="l"]{transform:scale(1) rotate(-3deg)}
.clear .hey[data-tail="r"]{transform:scale(1) rotate(3deg)}

/* Delight pass: the line about each message sits under the photo with the sender's face; bubbles spring from their tails, hej first and hei in reply. */
.say2{position:absolute;left:auto;right:0;width:460px;top:calc(24px + 575px + 18px);min-height:28px;z-index:20}
.say2 .sm img{flex:none;width:22px;height:22px;border-radius:50%;object-fit:cover;margin-top:0}
.say2 .sm{align-items:center}
.hey{transition:transform var(--dur-700) linear(0,.078,.254,.461,.655,.815,.932,1.008,1.05,1.066,1.057,1.03,1.008,.998,.995,.998,1),opacity var(--dur-200)}
.hey[data-tail="l"]{--hd: var(--dur-300)!important}
.clear .hey[data-tail="r"]{transition-delay:700ms}
.btn:active,.tbtn:active{transform:scale(.97)}
.btn{transition:transform var(--dur-120) var(--ease-sheet),background-color var(--dur-200) var(--ease-sheet)}
.peel::after{transition:width var(--dur-300) var(--ease-sheet),height var(--dur-300) var(--ease-sheet)}
.peel:hover::after{width:40px;height:40px}
@media (max-width: 1000px){.say2{position:static;width:auto;margin-top:var(--space-12)}}

:root{--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)}
/* Booking: the person in the photo says when you will meet. */
.bookph{position:relative}
.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}
@media (prefers-reduced-motion: reduce){.byebub,.hey{transition:none}}
/* 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)}
.w2>span{transition-duration:var(--dur-700)}
.clear .w2>span{transition-delay:calc(var(--i) * 50ms + 180ms)}
.m .rise{opacity:calc(.6 + var(--p,1) * .4);transform:translateY(calc((1 - var(--p,1)) * 14px))}
.m .lit span{opacity:clamp(.5,calc(var(--p,1) * 22 - var(--i) + .5),1)}
.m .dayph{clip-path:inset(calc((1 - var(--p,1)) * 18%) 0 0 0 round 18px)}
.m .dayph img{transform:scale(calc(1.04 - var(--p,1) * .04))}
@media (min-width: 1001px){.m .dk{transform:translateY(14px)}.m .dk.up{transform:translateY(-14px)}.m .dk.on{transform:none}}

/* Renders pass: Core HR. Seven faces in one row, and leave reads by colour: vacation lilac, sick leave rose, with a square end where it runs past the week. */
.dfig .lv .aw13{height:auto!important;flex-wrap:nowrap!important;column-gap:0!important;justify-content:space-between}
.dfig .lv .aw14{width:84px!important;height:auto!important}
.dfig .lv .aw23{width:84px!important;font-size:12.5px!important;white-space:nowrap;text-overflow:ellipsis}
.dfig .lv .aw27{font-size:12px!important}
.dfig .lv .aw68,.dfig .lv .aw75{-webkit-mask-image:none!important;mask-image:none!important;height:26px!important}
.dfig .lv .aw68{background:#E6DCFF!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.dfig .lv .aw69{color:#2D0C69!important;font-weight:600!important}
.dfig .lv .aw75{background:#FCE3E6!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.dfig .lv .aw76{color:#8A1F33!important;font-weight:600!important}

.dfig .lv .aw27{width:84px!important}
/* Renders pass: the tour's products sit on the same soft mat as the product page, one mat that stays while the screens change on it. */
:root{--sky:linear-gradient(160deg,var(--himmel-1) 0%,var(--himmel-2) 34%,var(--himmel-3) 68%,var(--himmel-4) 100%);--win:0 0 0 1px var(--plum-a08),0 2px 4px var(--plum-a06),0 32px 64px -32px var(--plum-a45)}
@media (min-width: 1001px){
  .m .dstage{border-radius:var(--radius-28);background:var(--sky);margin-left:var(--space-24)}
  .m .dk{padding:var(--space-44);align-items:center;justify-content:center}
  .m .dfig{border-radius:var(--radius-16);box-shadow:var(--win)}
}

/* Renders pass: each window carries its own shadow, so nothing casts a box larger than the card. */
@media (min-width: 1001px){
  .m .dfig{box-shadow:none;border-radius:0}
  .m .dfig .aw0,.m .dfig .ep0,.m .dfig .sq0,.m .dfig .exa,.m .dfig .rbw{box-shadow:var(--win)}
}
.dfig .lv .aw0,.dfig .lv .aw9,.dfig .lv .aw10,.dfig .lv .aw38{height:auto!important}
.dfig .lv .aw10{margin-bottom:20px}
/* Equal Pay: both halves hug what they hold, the gap sits centred under its ring, and the bars tell women and men apart. */
.dfig .lv .ep0,.dfig .lv .ep1,.dfig .lv .ep11,.dfig .lv .ep12,.dfig .lv .ep25{height:auto!important}
.dfig .lv .ep25{align-items:center;justify-content:center}
.dfig .lv .ep26{align-self:stretch}
.dfig .lv .ep32{white-space:nowrap;text-align:center;height:auto!important;margin-top:8px!important}
.dfig .lv .ep22[x^="51"]{fill:#7A5AF0}
.dfig .lv .ep22[x^="125"]{fill:#2D0C69}
.dfig .lv .ep22[x^="198"]{fill:#CDBFF0}
/* Surveys: one round, three questions. The one that fell leads, in full. */
.sqs{display:flex;flex-direction:column;gap:var(--space-12)}
.dfig .lv .sq0{height:auto!important}
.dfig .lv .sq0 .sq1{height:auto!important}
.dfig .lv .sqc .sq1{padding:12px 16px 14px!important;gap:10px}
.dfig .lv .sqc .sq7{font-size:18px}
.dfig .lv .sq8.up{color:#10563A!important}
.dfig .lv .sq8.up svg{transform:scaleY(-1)}
.dfig .lv .sq12>span{flex:none}
/* Expert: the article the summary comes from, and the lawyer who checked it. */
.exa{background:rgba(247,244,253,.94);border-radius:var(--radius-16);padding:var(--space-24) var(--space-24) var(--space-20);box-shadow:var(--shadow-ring)}
.ext{font:var(--fw-regular) var(--fs-26)/var(--lh-115) var(--font-display);letter-spacing:var(--ls-snug);color:var(--ink-900);margin:0 0 var(--space-12)}
.exb{display:flex;align-items:center;gap:var(--space-12);font:var(--fw-medium) var(--fs-13)/var(--lh-130) var(--font-ui);color:var(--ink-700);margin-bottom:var(--space-20)}
.exb img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.exb b{font-weight:var(--fw-semibold);color:var(--ink-900)}
.exa .ea0{width:auto!important;height:auto!important}
.exa .ea1{height:auto!important}
/* Recruitment: the role on top and all five stages, nothing cut at the edge. */
.rbw{background:rgba(247,244,253,.94);border-radius:var(--radius-16);padding:var(--space-20) var(--space-16) var(--space-16);box-shadow:var(--shadow-ring)}
.rbh{display:flex;align-items:baseline;gap:var(--space-12);margin:0 var(--space-2) var(--space-16);font:var(--fw-medium) var(--fs-13)/var(--lh-130) var(--font-ui);color:var(--ink-700)}
.rbh b{font:var(--fw-regular) 22px/var(--lh-110) var(--font-display);color:var(--ink-900)}
.dfig .lv .rb0,.dfig .lv .rb1,.dfig .lv .rb2,.dfig .lv .rb3{height:auto!important}
.dfig .lv .rb0{width:auto!important}
.dfig .lv .rb1{overflow:visible!important}

.dfig .lv .aw1,.dfig .lv .aw2{height:auto!important}
.dfig .lv .ep11{grid-template-rows:auto!important;align-items:start}
.dfig .lv .ep2{height:auto!important}
.exa .ea1,.exa .ea0{width:auto!important;max-width:100%}
.dfig .lv .rb2{gap:10px}
.dfig .lv .rb3{flex:1 1 0!important;width:auto!important;min-width:0!important}
.dfig .lv .rb7,.dfig .lv .rb8,.dfig .lv .rb9,.dfig .lv .rb10{width:auto!important}

.exa .ea0{min-width:0!important}
.rbw .rb0,.rbw .rb1{min-width:0!important;width:auto!important}
.rbw .rb2{width:100%!important;min-width:0!important}
.rbw .rb4{width:auto!important}
.rbw .rb7 *{max-width:100%}

.exa .ea7,.exa .ea8,.exa .ea9{width:auto!important;max-width:100%}

.rbw .rb15{flex:1 1 0!important;min-width:0!important;width:auto!important}
.rbw .rb18{width:100%!important}
.rbw .rb3{flex:1 1 0!important}
.exa .ea8{margin-top:14px!important}

/* Text buttons keep their look but get a full-size target. */
.tbtn{position:relative}
.tbtn::after{content:"";position:absolute;inset:-10px -6px}

/* On a phone the pile gathers closer to the photo, so no message runs off the screen. */
@media (max-width: 600px){.stage{--sc:.5;height:calc((100vw - 40px) * .82 * 1.25 + 36px)}}

@media (max-width: 600px){.hey{font-size:var(--fs-20);padding:var(--space-8) var(--space-12) var(--space-8)}.count{margin-bottom:var(--space-20)}}

/* Board: header, columns and cards share one left edge, columns fill the window, cards keep to their column. */
.rbw .rb0{padding:0!important}
.rbw .rbh{margin:0 0 var(--space-16)}
.rbw .rb2{gap:12px!important}
.rbw .rb3>*{width:auto!important;min-width:0!important;max-width:100%}
/* Equal Pay: both halves run to the bottom of the card. */
.dfig .lv .ep11{align-items:stretch!important}

.rbw .rb0,.rbw .rb1,.rbw .rb2{width:100%!important;max-width:100%!important;overflow:visible!important}
.rbw .rb3 li,.rbw .rb3 li>span,.rbw .rb10{width:auto!important;max-width:100%!important;box-sizing:border-box}

/* The Sia showcase, lighter: the app on the same soft mat as the other screens, without its sidebar and search, so the eye goes
   from "Ask Sia anything" and the week's birthdays straight to Sia answering on the right. */
.slab{background:var(--sky,linear-gradient(160deg,var(--himmel-1) 0%,var(--himmel-2) 34%,var(--himmel-3) 68%,var(--himmel-4) 100%))!important;padding:var(--space-44)!important;border-radius:var(--radius-28)!important;box-shadow:none!important}
.slab .flyimg{border-radius:var(--radius-18);box-shadow:var(--shadow-window)}
.flyimg .lv .ws5,.flyimg .lv .ws57,.flyimg .lv .ws205,.flyimg .lv .ws240{display:none!important}
.flyimg .lv .ws103{width:20px;height:20px}

.flyimg .lv .ws78>:not(.ws79){display:none!important}

.flyimg .lv .ws196,.flyimg .lv .ws203{-webkit-mask-image:none!important;mask-image:none!important}
.flyimg .lv .ws196{background:#E6DCFF!important}.flyimg .lv .ws197{color:#2D0C69!important;font-weight:600!important}
.flyimg .lv .ws203{background:#FCE3E6!important}.flyimg .lv .ws204{color:#8A1F33!important;font-weight:600!important}
.flyimg .lv .ws409{fill:#7A5AF0}

/* 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: the tour windows share the showcase's corners and shadow. */
:root{--win:var(--shadow-window)}
.dfig .lv .aw0,.dfig .lv .ep0,.dfig .lv .sq0,.dfig .exa,.dfig .rbw{border-radius:18px!important}
@media (min-width: 1001px){.m .dk{padding:var(--space-44)}}

/* The switcher: just the word and the page names. */
.fab summary{padding:0 var(--space-20) 0 var(--space-20)}

/* Expert's summary: a soft tinted box instead of a hard rule on the left, the scales in a small tile, no gap before the note. */
.exa .ea0{border:0!important;border-radius:16px!important;background:linear-gradient(160deg,#F4EEFC 0%,#F7F1F7 100%)!important;box-shadow:inset 0 0 0 1px rgba(45,12,105,.06)!important}
.exa .ea1{padding:18px 20px 16px!important;gap:12px}
.exa .ea2{height:auto!important;display:flex!important;align-items:center;gap:10px}
.exa .ea2>svg{box-sizing:content-box;width:16px!important;height:16px!important;padding:6px;border-radius:9px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(45,12,105,.06);flex:none}
.exa .ea5,.exa .ea9,.exa .ea7{height:auto!important}
.exa .ea8{margin-top:4px!important;background:rgba(45,12,105,.1)!important}

/* 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}

/* Once the inbox is clear the headline says it; the zero count steps out. */
.clear .count{opacity:0!important;transition:opacity var(--dur-300) linear}

/* Review pass: the product behind each cleared message, the law in one quiet line, and who already runs on Simployer. */
.sm .sprod{font-style:normal;font-weight:var(--fw-semibold);color:var(--plum-900);white-space:nowrap}
.sm .sprod::before{content:"· ";color:var(--ink-400);font-weight:var(--fw-medium)}
.trust{display:flex;align-items:center;gap:var(--space-12);margin:var(--space-4) 0 0;font-size:var(--fs-14);line-height:var(--lh-140);color:var(--ink-700);max-width:470px}
.trust svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--plum-900);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.proof{padding:var(--space-8) 0 var(--space-64)}
.proof .wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-24);padding-top:var(--space-36);border-top:1px solid var(--paper-300)}
.ptext{margin:0;font:var(--fw-medium) var(--fs-15)/var(--lh-140) var(--font-ui);color:var(--ink-700);text-align:center}
.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:.62}
.plogos li{white-space:nowrap;line-height:var(--lh-100)}
.plogos .w1{font:var(--fw-semibold) 23px var(--font-display);letter-spacing:-.02em}
.plogos .w2{font:var(--fw-bold) var(--fs-20) var(--font-ui);letter-spacing:-.03em}
.plogos .w3{font:var(--fw-bold) var(--fs-14) var(--font-ui);letter-spacing:.22em}
.plogos .w4{font:italic var(--fw-regular) var(--fs-24) var(--font-display)}
.plogos .w5{font:var(--fw-medium) 21px var(--font-ui);letter-spacing:var(--ls-wide)}
.plogos .w6{font:var(--fw-regular) 22px var(--font-display);letter-spacing:.04em}
.plogos .w7{font:var(--fw-heavy) var(--fs-16) var(--font-ui);letter-spacing:.3em}
/* No word-by-word darkening: the intro heading reads at once. */
.m .lit span{opacity:1!important}

.proof .wrap{border-top:0;padding-top:0}
.proof .wrap::before{content:"";align-self:stretch;height:1px;margin-bottom:var(--space-16);background:var(--paper-300)}
.trust{text-wrap:balance}

/* Review pass: in the tour, one mat glides to hug the screen on show with 44px all round, and the list stays where it is. */
@media (min-width: 1001px){
  .m .dstage{background:none!important;border-radius:0}
  .m .dmat{position:absolute;z-index:0;left:0;top:0;width:0;height:0;border-radius:var(--radius-28);background:var(--sky);transition:left var(--dur-500) var(--ease-in-out),top var(--dur-500) var(--ease-in-out),width var(--dur-500) var(--ease-in-out),height var(--dur-500) var(--ease-in-out)}
  .m .dk{z-index:1}
  .m .dtext{align-self:start;padding-top:var(--space-24)}
}
@media (max-width: 1000px){.dmat{display:none}}
.dlink{margin-left:var(--space-8);font-weight:var(--fw-semibold);color:var(--plum-900);text-decoration:underline;text-underline-offset:3px}
/* Automation Studio in the tour: Kasper's run sheet, finished and planned, the same live part as on its own page. */
.dfas{--pop:var(--ease-spring)}
.dfas .lv .wh0{border-radius:18px!important;box-shadow:var(--win)}
.dfas .hs .hbw{opacity:1!important;transform:none!important}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .lv .wh21{box-sizing:border-box;}
.dfas .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;}
.dfas .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;}
.dfas .lv .wh24{box-sizing:border-box;display:block;height:18px;min-height:auto;min-width:auto;width:100.156px;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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;}
.dfas .lv .wh33{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:105.734px;}
.dfas .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;}
.dfas .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;}
.dfas .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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .lv .wh41{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:428px;min-height:auto;row-gap:8px;width:307px;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .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;}
.dfas .lv .wh65{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:86.3438px;}
.dfas .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;}
.dfas .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;}
.dfas .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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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;}
.dfas .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;}
.dfas .lv .wh0{height:auto!important}
.dfas .hs .wh3,.dfas .hs .wh5{display:none}
.dfas .hs .wh1{height:auto!important;padding-bottom:12px!important}
.dfas .hs .tk{display:flex!important;align-items:center;border-radius:var(--radius-8);transition:box-shadow var(--dur-200),background-color var(--dur-200)}
.dfas .hs .tk.pend .wh47{color:#5F5480}
.dfas .hs .tk.pend .tkm{display:none}
.dfas .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)}
.dfas .hs .tk.pend .tkbar{display:block}
.dfas .hs .tk.pend .icc *{stroke:var(--mauve-250)!important}
.dfas .hs .tk.tgt{box-shadow:inset 0 0 0 1.5px var(--plum-a45);background:var(--lav-a08)}
.dfas .hs .tk .ick{display:none}
.dfas .hs .tk[data-done="1"]:not(.pend) .ick{display:block}
.dfas .hs .tk[data-done="1"]:not(.pend) .icc{display:none}
.dfas .hs .tk.lit{animation:tklit 1400ms var(--ease) both}
.dfas .hs .tk.lit .tkm{animation:tkin var(--dur-500) var(--ease) 100ms both}
.dfas .hs .tk.lit .ick{animation:ckpop var(--dur-500) var(--pop)}
.dfas .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)}
.dfas .hs .tk:not(.pend) .tkav{opacity:1;transform:none}
.dfas .hs .hbw{opacity:0;transform:scale(.8);transition:opacity var(--dur-300) linear,transform var(--dur-600) var(--pop)}
.done .dfas .hs .hbw{opacity:1;transform:none;transition-delay:300ms}
.dfas .hs .hbadge{background:rgba(230,243,237,.95)!important;color:var(--green-800)!important;width:auto!important;padding:0 var(--space-8)!important}
/* The run: Kasper's face, a bar that fills as tasks get owners, and a thread joining the steps. */
.dfas .hs .kav{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.dfas .hprog{display:flex;gap:var(--space-4);margin:var(--space-2) 0 var(--space-8)}
.dfas .hprog i{flex:1;height:5px;border-radius:var(--radius-3);background:var(--lav-100);transition:background-color var(--dur-500) var(--ease)}
.dfas .hprog i.on{background:var(--plum)}
.dfas .hs .tk{position:relative}
.dfas .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)}
.dfas .hs .tk:not(.pend):not(:last-child)::after{background:var(--lav-250)}
.dfas .hs .tkav{width:28px;height:28px}
/* Planned steps tint the bar; finished ones fill it. */
.dfas .hprog i.on{background:var(--lav-250)}
.dfas .hprog i.ok{background:var(--plum)}
.dfas .hs .tk.pre{background:var(--plum-a06)}
/* The progress bar fills from the left; planned is a tint, done is plum. */
.dfas .hprog i{position:relative;overflow:hidden;background:var(--lav-100)!important}
.dfas .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}
.dfas .hprog i.on::after{transform:scaleX(1)}
.dfas .hprog i.ok::after{transform:scaleX(1);background:var(--plum)}
.dfas .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)}
.dfas .hs .tkav{transition:opacity var(--dur-200) linear 120ms,transform var(--dur-500) var(--spring-pop) 120ms}
.dfas .hs .tk.lit .ick{animation:ckpop var(--dur-700) var(--spring-pop)}
.dfas .hs .hbw{transition:opacity var(--dur-300) linear,transform var(--dur-700) var(--spring-pop)}
@media (prefers-reduced-motion: reduce){.ci.back,.lmin>span,.dfas .hprog i::after,.la-bar i::after,.clear,.byebub,.tabbar{transition:none}
.dfas .hprog.sweep i::before,.ring,.qa[open] p{animation:none}}
/* 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. */
.dfas .hs .tk.tgt{box-shadow:none;background:var(--lav-a12)}
.dfas .hs .tk.lit{animation-name:tklit2}
/* To-do circles sit back so the one done check reads first. */
.dfas .hs .tk:not(.pend) .icc{stroke:#A398C2;stroke-width:1.75}
.dfas .hs .hbw{margin-left:auto!important;justify-content:flex-end}
@media (min-width: 1001px){.m .dk{align-items:flex-start!important}.m .dtext{padding-top:0!important}}

@media (min-width: 1001px){.m .dpin{align-items:flex-start!important;padding-top:var(--space-128);box-sizing:border-box}}

/* 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}

/* One section rhythm on both pages: 96px either side of every boundary. */
@media (min-width: 1001px){.bookx{padding-top:var(--space-96)!important;padding-bottom:var(--space-96)!important}footer#careers>.wrap{padding-top:var(--space-96)!important}}

@media (max-width: 600px){.slab{padding:var(--space-16)!important}.flyimg.siaonly{border-radius:var(--radius-16)}.dk{padding:var(--space-20) 0 0!important}.m .dstage{background:none!important}}

@media (max-width: 600px){.lv.rf .aw13{flex-wrap:wrap!important;row-gap:14px!important;justify-content:flex-start!important}.lv.rf .aw14{width:25%!important}.lv.rf .aw23{width:auto!important}}

@media (max-width: 600px){
  /* Phone: the week calendar gives way to the list, the board's stages stack, and each reads at full size. */
  .lv.rf .aw43,.lv.rf .aw65{display:none!important}
  .lv.rf .aw55,.lv.rf .aw56{display:flex!important;align-items:center;gap:10px;width:100%!important}
  .lv.rf .aw54{margin-bottom:10px}
  .lv.rf .rb2{flex-direction:column!important;gap:14px!important}
  .lv.rf .rb3{width:100%!important;flex:none!important}
  .lv.rf .rb7{display:flex!important;flex-direction:column;gap:8px}
  .lv.rf .rb15,.lv.rf .rb16,.lv.rf .rb30,.lv.rf .rb35{width:auto!important;white-space:nowrap}
  .lv.rf .rb17{white-space:nowrap}
}

@media (max-width: 600px){.lv.rf .aw57{translate:none!important;align-self:center!important}.lv.rf .aw55{height:auto!important;padding:6px 0!important}.lv.rf .aw56{height:auto!important;margin:0!important}.lv.rf .aw54{position:relative;height:auto!important}.lv.rf .aw53{height:auto!important}.lv.rf .aw39,.lv.rf .aw40{height:auto!important}}

@media (max-width: 600px){.lv.rf .aw56{flex-wrap:nowrap!important;height:auto!important;margin:0!important}.lv.rf .aw61{min-width:0!important;flex:1 1 auto!important;width:auto!important}.lv.rf .aw64{display:none!important}.lv.rf .aw53{display:flex!important;flex-direction:column;gap:8px;margin-top:8px}}

@media (max-width: 600px){.lv.rf .aw61>div{width:auto!important;white-space:nowrap}}

/* Phone: the pile gathers close, and each message stays big enough to read. */
@media (max-width: 600px){.stage{--sc:.24;--scy:.6;--ck:.76;margin-top:-40px!important}}

@media (max-width: 600px){.sheet .ch span{font-size:var(--fs-15)!important}}

/* Tour run sheet: open steps show their circle, the done step its check; the owner's face stays inside the card. */
.dfas .hs .tk .icc{display:block!important;flex:none}
.dfas .hs .tk[data-done="1"] .icc{display:none!important}
.dfas .hs .tk[data-done="1"] .ick{display:block!important;flex:none;width:24px;height:24px}
.dfas .hs .wh46{min-width:0!important;flex:1 1 auto!important;width:auto!important}
.dfas .hs .tkav{flex:none;margin-left:auto}
.dfas .hs .wh47,.dfas .hs .wh48,.dfas .hs .wh49{width:auto!important;white-space:nowrap}
.dfas .hs .hbw .wh23,.dfas .hs .hbw{background:transparent!important;width:auto!important;padding:0!important}
.dfas .hs .wh18,.dfas .hs .wh19,.dfas .hs .wh10{width:auto!important}

/* Tour, pinned: the list and the screen on show sit centred in the window, so a short screen never leaves a band of empty page below it.
   The open description keeps one height, so the list does not move as it steps. */
@media (min-width: 1001px){
  .m .dpin{align-items:center!important;padding-top:var(--space-72)!important;box-sizing:border-box}
  .m .dk{align-items:center!important}
  .m .dtext{align-self:center!important;padding-top:0!important}
  .m .di.on .dd>div{min-height:168px}
}

@media (max-width: 600px){
  /* Phone: the pile is centred on the photo, and spreads more as the screen widens. */
  .stage .sheet{left:50%!important;top:50%!important}
  .lv.rf .ep11>*,.lv.rf .ep12,.lv.rf .ep25{width:auto!important;max-width:none!important}
  .lv.rf .rb7>li,.lv.rf .rb8,.lv.rf .rb9{width:100%!important;max-width:none!important;box-sizing:border-box}
  .dfas{display:flex;justify-content:center}
}
@media (min-width: 431px) and (max-width: 600px){.stage{--sc:.4!important;--scy:.62!important;--ck:.82!important}}

@media (max-width: 600px){.lv.rf .rb3 li,.lv.rf .rb3 li>span{width:100%!important;max-width:none!important;box-sizing:border-box}.lv.rf .rb15 *{width:auto!important;max-width:none!important;text-overflow:clip!important;overflow:visible!important}}

/* Equal Pay: both headings on one line, the ring centred under its own; the salary chart without its axis, the bars and their values carry it. */
.dfig .lv .ep25{justify-content:flex-start!important}
.dfig .lv .ep27{margin-top:auto!important}
.dfig .lv .ep32{margin-bottom:auto!important}
.dfig .lv .ep24,.dfig .lv line.ep21{display:none}
.dfig .lv line.ep21[y1="138"]{display:inline;stroke:rgba(45,12,105,.18)}
.dfig .lv text.ep23 tspan[dy="0em"]{font-weight:600;fill:#2E2843}

.dfig .lv .ep6{justify-content:space-between!important}.dfig .lv .ep7{width:auto!important;text-align:left;margin-right:auto}
.dfig .lv .ep15,.dfig .lv .ep16,.dfig .lv .ep17,.dfig .lv .ep18{display:flex!important;justify-content:center!important;width:100%!important}

/* 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}
.dfas .hs .tk{align-items:flex-start!important}
.dfas .hs .tk .tkav{margin-top:var(--space-2)}

/* Today in the week calendar: the day in a plum pill, a thin plum line down through the rows. */
.dfig .lv .aw49{background:transparent!important;display:flex;justify-content:center}
.dfig .lv .aw50{display:inline-flex!important;align-items:center;justify-content:center;height:auto!important;padding:4px 10px;border-radius:999px;background:#2D0C69;color:#FFFFFF!important;line-height:1!important}
.dfig .lv .aw50 *{color:#FFFFFF!important}
.dfig .lv .aw66,.dfig .lv .aw74{background:linear-gradient(90deg,transparent calc(50% - 1px),#2D0C69 calc(50% - 1px),#2D0C69 calc(50% + 1px),transparent calc(50% + 1px))!important;border-radius:0!important;position:relative;z-index:2;opacity:.85}
.flyimg .lv .ws177{background:transparent!important}
.flyimg .lv .ws178{display:inline-flex!important;align-items:center;height:auto!important;padding:3px 9px;border-radius:999px;background:#2D0C69}
.flyimg .lv .ws178 *{color:#FFFFFF!important;font-weight:600}
.flyimg .lv .ws194{background:linear-gradient(90deg,transparent calc(50% - 1px),#2D0C69 calc(50% - 1px),#2D0C69 calc(50% + 1px),transparent calc(50% + 1px))!important;position:relative;z-index:2;opacity:.85}

.flyimg .lv .ws202{background:linear-gradient(90deg,transparent calc(50% - 1px),#2D0C69 calc(50% - 1px),#2D0C69 calc(50% + 1px),transparent calc(50% + 1px))!important;position:relative;z-index:2;opacity:.85}

.dfig .lv .aw50,.flyimg .lv .ws178{width:auto!important;padding:5px 12px!important;box-sizing:border-box}
.dfig .lv .aw50>*,.flyimg .lv .ws178>*{width:auto!important;height:auto!important}

.flyimg .lv .ws194,.flyimg .lv .ws202{margin-top:8px!important}
.flyimg .lv .ws177 .ws176{color:#2D0C69!important;font-weight:600}

/* Today, softer: a lilac pill with plum text, and a light violet hairline. */
.dfig .lv .aw50,.flyimg .lv .ws178{background:#E6DCFF!important;box-shadow:inset 0 0 0 1px rgba(45,12,105,.08)}
.dfig .lv .aw50,.dfig .lv .aw50 *,.flyimg .lv .ws178 *{color:#2D0C69!important}
.dfig .lv .aw66,.dfig .lv .aw74,.flyimg .lv .ws194,.flyimg .lv .ws202{background:linear-gradient(90deg,transparent calc(50% - .75px),#B39FFF calc(50% - .75px),#B39FFF calc(50% + .75px),transparent calc(50% + .75px))!important;opacity:.9}

/* Panel pass, 16 Oct */
/* 1. Hero: a two-line headline beside a stage at full size. */
.hbr{display:none}
@media (min-width: 1001px){
  .hbr{display:inline}
  .herogrid{grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:var(--space-40)}
  .stage .sheet{left:55.8%}
  .hero .swap h1{font-size:clamp(44px,3.85vw,56px)!important;line-height:1.04!important;letter-spacing:var(--ls-display)!important}
  .stage{height:620px}
  .stage .ph{top:0;width:460px}
  .say2{top:calc(575px + 16px)}
}
@media (min-width: 1001px) and (min-height: 801px) and (max-height: 920px){
  .hero{padding:var(--space-40) 0 var(--space-28)}
  .stage{--hk:1;transform:none;margin-bottom:0}
}
@media (min-width: 1001px) and (min-height: 921px){.hero{padding:var(--space-56) 0 var(--space-40)}}

/* 8. Proof: one face, one weight, one tone, and it sits in the first screen. */
.proof{padding:0 0 var(--space-64)}
.proof .wrap{gap:var(--space-20)}
.plogos{gap:var(--space-16) var(--space-56);opacity:.5}
.plogos li{font:var(--fw-semibold) 19px/var(--lh-100) var(--font-ui)!important;letter-spacing:var(--ls-snug)!important;font-style:normal!important;text-transform:none!important}

/* 9. The demo-data note, under the screens it describes. */
.demo-note{margin:var(--space-16) 0 0;font-size:var(--fs-13);line-height:var(--lh-140);color:var(--ink-600)}

/* 2. Sia showcase: the start page sits whole beside Sia, and the window ends where its content does. */
@media (min-width: 601px){
  .flyimg .lv .ws75{width:800px!important;max-width:800px!important}
  .flyimg .lv .ws75 *:not(svg):not(svg *):not(img){max-width:100%;box-sizing:border-box;min-width:0}
  .flyimg .lv .ws147{flex-wrap:nowrap!important;justify-content:space-between;gap:0!important}
  .flyimg .lv .ws148{flex:0 1 84px}
  .flyimg .lv .ws157{width:auto!important;white-space:nowrap;overflow:visible!important}
  .flyimg .lv .ws165,.flyimg .lv .ws182{grid-template-columns:272px minmax(0,1fr)!important;width:auto!important}
  .flyimg .lv .ws170,.flyimg .lv .ws193{grid-template-columns:repeat(5,minmax(0,1fr))!important;width:auto!important}
  .flyimg .lv .ws0{height:724px!important;overflow:hidden}
  .flyimg .lv .ws2,.flyimg .lv .ws3,.flyimg .lv .ws4,.flyimg .lv .ws56,.flyimg .lv .ws74{height:100%!important}
  .flyimg .lv .ws371{height:auto!important}
  .flyimg .lv .ws380,.flyimg .lv .ws381,.flyimg .lv .ws382,.flyimg .lv .ws383{height:auto!important;min-height:0}
}
.flysec{padding-bottom:0}

/* 3. Tour: the Sia step is Sia's own panel, sized to what she says. */
.sia-step .ws371{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;height:auto!important;width:400px!important}
.sia-step .ws372,.sia-step .ws380,.sia-step .ws381,.sia-step .ws382,.sia-step .ws383,.sia-step .ws389,.sia-step .ws390,.sia-step .ws391,.sia-step .ws392,.sia-step .ws393,.sia-step .ws395,.sia-step .ws401,.sia-step .ws394,.sia-step .ws398,.sia-step .ws399,.sia-step .ws400,.sia-step .ws396{height:auto!important}
.sia-step .ws372{box-shadow:none}
.sia-step .ws388,.sia-step .ws387{height:auto!important;width:auto!important}
.sia-step .ws388{white-space:normal}
.sia-step .ws398,.sia-step .ws399,.sia-step .ws400,.sia-step .ws417{width:auto!important}
.sia-step .ws397{color:#2D0C69}
.sia-step .ws414{color:#F7F4FD;gap:8px;width:auto!important;padding:0 14px!important}
.sia-step .ws413{width:auto!important}
.sia-step .ws389{margin-bottom:4px}
.sia-step .ws401{padding-top:2px}
/* The rows and the source line use the app's own two sizes: 14/20 for content, 13/18 for labels and meta. */
.sia-step .ws384,.sia-step .ws385,.sia-step .ws386{height:auto!important}
.srows{margin:0 0 var(--space-16);display:flex;flex-direction:column;gap:var(--space-8)}
.srows>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--space-12);align-items:baseline}
.srows dt{font:var(--fw-regular) var(--fs-13)/18px var(--font-ui);color:var(--mauve-700)}
.srows dd{margin:0;font:var(--fw-regular) var(--fs-14)/20px var(--font-ui);color:#1C0742}
.ssrc{display:flex;gap:var(--space-8);align-items:center;margin:var(--space-12) 0 0;font:var(--fw-regular) var(--fs-13)/18px var(--font-ui);color:var(--mauve-700);white-space:nowrap}
.ssrc svg{flex:none;width:14px;height:14px;fill:none;stroke:var(--mauve-700);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* 3. Tour: one fixed stage. Every screen centres in the same mat. */
@media (min-width: 1001px){
  .m .dk{align-items:center!important;justify-content:center!important}
  .m .dmat{transition:none}
}

/* 3. Tour: the list reads as navigation. Only the product on show is set large. */
.m .dt{font-size:var(--fs-28);line-height:var(--lh-115);transition:color var(--dur-500) var(--ease),font-size var(--dur-500) var(--ease)}
.m .di.on .dt{font-size:clamp(32px,2.6vw,38px)}
.m .dlist{gap:var(--space-8)}

/* 9. Booking: a lighter form. */
.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}
.bk-intro{font-size:17px!important}
.bknote{font-size:var(--fs-13)!important;line-height:var(--lh-140);color:var(--ink-600)!important}
/* Phone: Sia's panel ends with her answer and the input, no empty band. */
@media (max-width: 600px){
  .flyimg .lv .ws371,.flyimg .lv .ws372{height:auto!important;bottom:auto!important}
  .flyimg .lv .ws380,.flyimg .lv .ws381,.flyimg .lv .ws382,.flyimg .lv .ws383{height:auto!important;flex:none!important}
}
/* 9. Two-tone headings run wide, so the grey tail keeps to two lines. */
.bridge{max-width:1080px!important}

/* 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}

/* ---------- The sticky note: cute, physical, and alive ---------- */
@property --c{syntax:'<length>';inherits:true;initial-value:30px}
@property --b{syntax:'<length>';inherits:true;initial-value:0px}
.pz{--c:30px;--b:0px;--ink:#2B2452;--pink:#E25A86;position:absolute;left:-34px;bottom:30px;z-index:2;display:block;width:196px;height:196px;text-decoration:none;color:var(--ink);transform:rotate(-7deg);transform-origin:50% 6%;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 1px .5px rgba(60,40,0,.24));transition:transform var(--dur-600) var(--ease-spring),--c var(--dur-500) cubic-bezier(.22,1,.36,1)}
.pz:hover{transform:rotate(-4deg) translateY(-5px);--c:44px}
.pz.held{cursor:grabbing;transition:none}
/* The shadow sits under the lifted lower half: the glued top stays close, the free edge floats. */
.pz-sh{position:absolute;left:7%;right:1%;top:30%;bottom:-6px;border-radius:30% 30% 40% 50%/20% 20% 70% 60%;background:rgba(22,14,4,.6);filter:blur(13px);transform:translate(4px,8px) skewX(-3deg);opacity:.7;transition:transform var(--dur-500) cubic-bezier(.22,1,.36,1),opacity var(--dur-400) linear,filter var(--dur-400) linear}
.pz:hover .pz-sh,.pz.held .pz-sh{transform:translate(8px,18px) skewX(-4deg);opacity:.85;filter:blur(17px)}
/* The paper: butter yellow, a faint grain, a flat glue band at the top, and the corner cut where it curls. */
.pz-p{position:absolute;inset:0;overflow:hidden;border-radius:1px 1px var(--radius-2) var(--radius-2);background:linear-gradient(176deg,#FFF8C6 0%,#FFF0A2 26%,#FEE88E 62%,#FBDF7C 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--c) - var(--b)),calc(100% - var(--c) - var(--b)) 100%,0 100%)}
.pz-p::before{content:"";position:absolute;left:0;right:0;top:0;height:26%;background:linear-gradient(180deg,var(--white-a45),var(--white-a12) 70%,rgba(var(--white-rgb),0))}
.pz-p::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 90% 100%,rgba(190,140,20,.16),transparent 60%)}
.pz-tex{position:absolute;inset:0;width:100%;height:100%;opacity:.16;mix-blend-mode:multiply}
/* The curl: the paper's paler underside, folding up from the corner, with its own soft shadow on the note. */
.pz-curl{position:absolute;right:0;bottom:0;width:calc(var(--c) + var(--b));height:calc(var(--c) + var(--b));filter:drop-shadow(-2px -2px 2.5px rgba(var(--amber-shadow-rgb),.24));pointer-events:none}
.pz-curl::before{content:"";position:absolute;inset:0;clip-path:polygon(0 0,100% 0,0 100%);border-radius:0 0 0 var(--radius-2);background:linear-gradient(to top left,#E6CB5C 0%,#F6E392 34%,#FFF6C8 78%,#FFFBE2 100%)}
/* The writing: ink plum in Caveat, a pink squiggle under hej, and a doodled heart. */
.pz-ink{position:absolute;left:22px;right:16px;top:44px;display:flex;flex-direction:column;gap:var(--space-4);font:var(--fw-semibold) var(--fs-26)/var(--lh-102) var(--font-hand);letter-spacing:.005em}
.pz-l{display:block;white-space:nowrap}
.pz-hej{position:relative;display:inline-block}
.pz-u{position:absolute;left:-3px;right:-5px;bottom:-5px;width:calc(100% + 8px);height:9px;overflow:visible}
.pz-u path{fill:none;stroke:var(--pink);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:70;stroke-dashoffset:0}
.pz-hw{position:absolute;right:60px;bottom:30px;width:30px;height:28px;transform:rotate(-10deg)}
.pz-heart{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pz-heart path{fill:rgba(226,90,134,.16);stroke:var(--pink);stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:0}
.pz-mini{position:absolute;left:8px;top:2px;width:12px;height:11px;opacity:0;overflow:visible}
.pz-mini path{fill:var(--pink)}
/* Arrival: it slaps on, squashes a touch, wobbles and settles. Then it writes itself. */
.m .pz:not(.in):not(.still){opacity:0}
.pz.in:not(.still){animation:pzSlap var(--dur-900) cubic-bezier(.3,.7,.3,1) backwards,pzBreeze 7s ease-in-out 3.4s infinite}
.pz.in:not(.still) .pz-sh{animation:pzShadow var(--dur-900) cubic-bezier(.3,.7,.3,1) backwards}
.pz.in:not(.still) .pz-l{animation:pzWrite var(--dur-700) cubic-bezier(.55,.05,.35,1) backwards}
.pz.in:not(.still) .pz-l1{animation-delay:560ms}
.pz.in:not(.still) .pz-l2{animation-delay:1260ms;animation-duration:var(--dur-900)}
.pz.in:not(.still) .pz-u path{animation:pzDraw var(--dur-400) cubic-bezier(.5,0,.3,1) 2150ms backwards}
.pz.in:not(.still) .pz-heart path{animation:pzDraw var(--dur-600) cubic-bezier(.5,0,.3,1) 2480ms backwards,pzFill var(--dur-400) linear 3000ms backwards}
.pz.in:not(.still) .pz-hw{animation:pzPop var(--dur-500) var(--ease-spring) 2480ms backwards}
@keyframes pzSlap{0%{opacity:0;transform:translate(-8px,-74px) rotate(-19deg) scale(1.09)}42%{opacity:1;transform:translate(0,0) rotate(-6deg) scale(1)}52%{transform:rotate(-6.2deg) scale(1.025,.965)}66%{transform:rotate(-8.4deg) scale(1)}80%{transform:rotate(-6.3deg)}91%{transform:rotate(-7.3deg)}100%{transform:rotate(-7deg)}}
@keyframes pzShadow{0%{opacity:0;transform:translate(26px,60px) skewX(-6deg);filter:blur(28px)}42%{opacity:.7;transform:translate(4px,8px) skewX(-3deg);filter:blur(13px)}}
@keyframes pzWrite{from{clip-path:inset(-20% 100% -30% -4%)}to{clip-path:inset(-20% -6% -30% -4%)}}
@keyframes pzDraw{from{stroke-dashoffset:80}}
@keyframes pzFill{from{fill:rgba(226,90,134,0)}}
@keyframes pzPop{0%{transform:rotate(-10deg) scale(.4)}100%{transform:rotate(-10deg) scale(1)}}
@keyframes pzBreeze{0%,84%,100%{--b:0px}89%{--b:9px}93%{--b:3px}96%{--b:6px}}
/* Hover: the heart beats and little hearts float up from it. */
.pz:hover .pz-heart{animation:pzBeat var(--dur-900) var(--ease-spring) infinite}
.pz:hover .pz-mini{animation:pzFloat 1600ms cubic-bezier(.22,1,.36,1) infinite}
.pz:hover .pz-m2{animation-delay:420ms;left:2px}
.pz:hover .pz-m3{animation-delay:840ms;left:14px}
@keyframes pzBeat{0%,60%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(.98)}42%{transform:scale(1.1)}}
@keyframes pzFloat{0%{opacity:0;transform:translate(0,0) scale(.4) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translate(var(--fx,-8px),-46px) scale(1) rotate(-14deg)}}
.pz-m2{--fx:10px}.pz-m3{--fx:-2px}
.pz.gone{pointer-events:none}
.pz:focus-visible{outline:2px solid var(--lav-300);outline-offset:6px}
@media (max-width: 600px){.pz{left:-12px;bottom:18px;width:164px;height:164px}.pz-ink{left:18px;top:34px;font-size:22px}.pz-hw{right:50px;bottom:24px;width:24px;height:22px}}
@media (prefers-reduced-motion: reduce){.pz,.pz *{animation:none!important;transition:none!important}}

/* Sia step, cleaned up: one content width, a calm draft card, a source chip, and room at the foot. */
.sia-step .ws391{padding-right:0!important;width:auto!important}
.sia-step .ws392,.sia-step .ws393,.sia-step .ws394{width:auto!important;max-width:none!important}
.sia-step .ws395{width:auto!important;background:#FFFFFF!important;border:1px solid rgba(45,12,105,.12)!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(45,12,105,.05),0 10px 24px -18px rgba(45,12,105,.3)!important}
.sia-step .ws396{width:auto!important;padding:14px 16px 10px!important;align-items:center!important}
.sia-step .ws397{width:32px!important;height:32px!important;border-radius:9px!important}
.sia-step .ws399{font-size:15px!important;line-height:20px!important;letter-spacing:-.01em!important}
.sia-step .ws400{font-size:12.5px!important;line-height:16px!important}
.sia-step .ws401{width:auto!important;padding:2px 16px 16px!important}
.sia-step .ws412{display:none!important}
.sia-step .srows{margin:var(--space-4) 0 var(--space-16);gap:var(--space-8)}
.sia-step .srows>div{grid-template-columns:88px minmax(0,1fr)}
.sia-step .ws413{width:auto!important;height:auto!important}
.sia-step .ws414{height:34px!important;border-radius:10px!important;padding:0 14px!important}
.sia-step .ssrc{display:inline-flex;align-self:flex-start;gap:var(--space-8);margin:var(--space-12) 0 var(--space-4);padding:var(--space-4) var(--space-12) var(--space-4) var(--space-8);border-radius:var(--radius-pill);background:rgba(var(--white-rgb),.7);box-shadow:inset 0 0 0 1px var(--plum-a12);font-size:var(--fs-13);line-height:16px;white-space:nowrap}
.sia-step .ssrc svg{width:13px;height:13px;margin-top:0}
.sia-step .ws393{display:flex!important;flex-direction:column}
.sia-step .ws423{height:auto!important;padding:10px 16px 12px!important}
.sia-step .ws432{width:auto!important;height:auto!important;font-size:12px!important;padding-top:6px!important}

/* Sticky note, simplified: one flat yellow, a flat paler curl, no heart. */
.pz-p{background:#FDE98A!important}
.pz-p::before,.pz-p::after{display:none!important}
.pz-tex{opacity:.1}
.pz-curl::before{background:#FFF4C2!important}
.pz-curl{filter:drop-shadow(-1.5px -1.5px 2px rgba(var(--amber-shadow-rgb),.24))}
/* Sia step: less air above the input. */
.sia-step .ws383{padding-bottom:6px!important}
.sia-step .ws389{margin-bottom:0!important}
.sia-step .ws421,.sia-step .ws422{display:none!important}
/* Sia step: no disclaimer line under the input. */
.sia-step .ws432{display:none!important}
.sia-step .ws423{padding-bottom:14px!important}
/* Sia showcase: no disclaimer line under the input either. */
.flyimg .lv .ws432{display:none!important}
.flyimg .lv .ws423{height:auto!important;padding-bottom:12px!important}


/* Option A structure pass, 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: 899px){
  .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}
}


/* Lifted from the Product page: onboarding run (wq, was ws) and template library (wt) */
.tpl .lv .wt3{width:auto!important;flex-wrap:nowrap!important}
@media (max-width: 600px){.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}}
.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}
.tpl .lv section,.tpl .lv section>ul{height:auto!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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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 .wq0{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 .wq1{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 .wq2{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 .wq3{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 .wq4{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 .wq5{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 .wq6{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 .wq7{align-items:stretch;box-sizing:border-box;column-gap:4px;display:flex;flex-direction:column;height:42px;row-gap:4px;width:179.5px;}
.lv .wq8{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 .wq9{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 .wq10{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 .wq11{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 .wq12{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 .wq13{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 .wq14{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 .wq15{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 .wq16{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 .wq17{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 .wq18{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 .wq19{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 .wq20{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 .wq21{box-sizing:border-box;}
.lv .wq22{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 .wq23{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 .wq24{box-sizing:border-box;display:block;height:18px;min-height:auto;min-width:auto;width:100.156px;}
.lv .wq25{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 .wq26{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 .wq27{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 .wq28{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 .wq29{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 .wq30{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 .wq31{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 .wq32{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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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 .wq33{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:105.734px;}
.lv .wq34{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 .wq35{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 .wq36{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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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 .wq37{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 .wq38{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 .wq39{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 .wq40{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 .wq41{box-sizing:border-box;column-gap:8px;display:flex;flex-direction:column;height:428px;min-height:auto;row-gap:8px;width:415px;}
.lv .wq42{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 .wq43{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 .wq44{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 .wq45{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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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 .wq46{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 .wq47{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 .wq48{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 .wq49{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 .wq50{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 .wq51{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 .wq52{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 .wq53{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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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 .wq54{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 .wq55{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 .wq56{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 .wq57{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 .wq58{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 .wq59{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 .wq60{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 .wq61{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 .wq62{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 .wq63{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 .wq64{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 .wq65{box-sizing:border-box;display:block;height:20px;min-height:auto;min-width:auto;width:86.3438px;}
.lv .wq66{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 .wq67{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 .wq68{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:&quot;Hanken Grotesk&quot;, &quot;Hanken Grotesk Fallback&quot;, 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 .wq69{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 .wq0{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}

/* 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}

/* Hero variations and cycling boards, 20 Oct (work/heroes) */
/* ---------- Shared by every variation ---------- */
/* Each variation lays out its own stage, so the Start page's hero scaling stands down. */
:root .hv .stage{--hk:1!important;transform:none!important;margin-bottom:0!important;margin-top:0!important}
:root .hv .stage .sheet{left:50%!important;top:50%!important}
.hv .ph2{position:absolute;display:block;object-fit:cover;border-radius:var(--radius-18);transition:transform var(--t3) var(--ease)}
.hv.clear .stage .ph2{transform:scale(1.03)}

/* Cards on top: the stark message face by default, its paper twin when the dial says so. */
.hv .sheet .cv{display:none}
.hv .sheet .cv-s{display:contents}
.hv .stage[data-cards="paper"] .sheet .cv-s,.hv .stage[data-cards="mixed"] .sheet[data-mix="paper"] .cv-s{display:none}
.hv .stage[data-cards="paper"] .sheet .cv-p,.hv .stage[data-cards="mixed"] .sheet[data-mix="paper"] .cv-p{display:block}
.hv .stage[data-cards="paper"] .sheet.card,.hv .stage[data-cards="mixed"] .sheet.card[data-mix="paper"]{width:auto;padding:0;background:none;box-shadow:none;border-radius:0}
.hv .stage[data-cards="paper"] .sheet.card.hov,.hv .stage[data-cards="mixed"] .sheet.card[data-mix="paper"].hov{box-shadow:none}
.hv .stage[data-cards="paper"] .sheet.hov .po,.hv .stage[data-cards="mixed"] .sheet[data-mix="paper"].hov .po{box-shadow:0 0 0 .5px var(--ink-a12),0 4px 8px var(--ink-a08),0 22px 36px -18px var(--ink-a45)}

/* Detail: quiet keeps name and line, rich adds where the message came from. */
.hv .sheet .rx{display:none}
.hv .stage[data-detail="rich"] .sheet .rx{display:block}
.hv .stage[data-detail="quiet"] .sheet .cav,.hv .stage[data-detail="quiet"] .sheet .cfill,.hv .stage[data-detail="quiet"] .sheet .ch span,
.hv .stage[data-detail="quiet"] .sheet .po-m,.hv .stage[data-detail="quiet"] .sheet .po-ticks,.hv .stage[data-detail="quiet"] .sheet .po-q,.hv .stage[data-detail="quiet"] .sheet .bars{display:none}
.hv .rx-meta{margin-top:3px;font-size:var(--fs-12);line-height:var(--lh-130);color:var(--ink-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv .stage[data-detail="rich"] .sheet.card{padding-top:var(--space-12);padding-bottom:var(--space-12)}

/* Paper twins: flat paper, sans type, a light shadow like a sheet on a desk. No handwriting, no gradients. */
.hv .po{display:flex;flex-direction:column;gap:var(--space-8);width:250px;padding:var(--space-16) var(--space-20) var(--space-16);box-sizing:border-box;border-radius:var(--radius-3);background:var(--white);
  font:var(--fw-regular) var(--fs-13)/var(--lh-135) var(--font-ui);color:var(--ink-900);text-align:left;
  box-shadow:0 0 0 .5px var(--ink-a08),0 1px 2px var(--ink-a06),0 14px 24px -16px var(--ink-a45)}
.hv .po b{font-weight:var(--fw-semibold)}
.hv .po-k{font-size:var(--fs-12);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--ink-600)}
.hv .po-l{font-size:var(--fs-14);line-height:var(--lh-135);color:#2A2633}
.hv .po-m{font-size:var(--fs-12);color:var(--ink-600)}
.hv .po-x{margin-top:var(--space-2);padding-top:var(--space-8);border-top:1px dashed var(--paper-300);font-size:var(--fs-12);color:var(--ink-600)}
.hv .po-row,.hv .po-hd{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-8)}
.hv .po-row b{font-size:17px}
/* A message slip from reception */
.hv .po-slip{width:240px;background:#FBE3E8}
.hv .po-slip .po-k{color:var(--rose-600)}
.hv .po-ticks{display:flex;gap:var(--space-16);font-size:var(--fs-12);color:var(--ink-700)}
.hv .po-ticks span{display:inline-flex;align-items:center;gap:var(--space-8)}
.hv .po-ticks i{display:inline-block;width:11px;height:11px;border:1.2px solid var(--rose-600);border-radius:var(--radius-2);box-sizing:border-box}
.hv .po-ticks i.on{background:var(--rose-600)}
/* A phone, light frame, no dark screen */
.hv .po-phone{position:relative;width:206px;align-items:flex-start;padding:var(--space-32) var(--space-20) var(--space-20);border-radius:30px;background:#F6F4F0;box-shadow:inset 0 0 0 1px var(--paper-300),0 14px 24px -16px var(--ink-a45)}
.hv .po-notch{position:absolute;left:50%;top:10px;width:54px;height:8px;margin-left:-27px;border-radius:var(--radius-pill);background:var(--paper-300)}
.hv .po-phone .po-k{color:var(--red-700)}
.hv .po-phone b{font-size:19px}
/* A printed mail thread */
.hv .po-mail{width:270px}
.hv .po-mail .po-k{font:var(--fw-regular) var(--fs-15)/var(--lh-125) var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink-900)}
.hv .po-q{font-size:var(--fs-13);color:var(--ink-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv .po .bars{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-2)}
.hv .po .bars i{display:block;height:5px;border-radius:var(--radius-3);background:var(--paper-200)}
/* An org chart, out of date */
.hv .po-org{width:236px}
.hv .po-tree{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-4) 0 var(--space-2)}
.hv .po-tree i{display:block;width:30px;height:12px;border:1px solid var(--ink-200);border-radius:var(--radius-3);background:var(--lav-50)}
.hv .po-tree i.t1{width:46px}
.hv .po-lv{display:flex;gap:var(--space-8)}
/* The staff list spreadsheet */
.hv .po-xls{width:256px}
.hv .po-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--paper-300);border-left:1px solid var(--paper-300)}
.hv .po-grid i{display:block;height:18px;border-right:1px solid var(--paper-300);border-bottom:1px solid var(--paper-300);font:var(--fw-semibold) 11px/18px var(--font-ui);font-style:normal;text-align:center;color:var(--red-700)}
.hv .po-grid i.h{background:#E2F2E9}
/* The sticky note */
.hv .po-sticky{width:178px;min-height:170px;justify-content:flex-start;gap:var(--space-8);padding:var(--space-20) var(--space-20);border-radius:var(--radius-2);background:#FDE98A;box-shadow:0 1px 2px rgba(var(--amber-shadow-rgb),.12),0 14px 22px -14px rgba(var(--amber-shadow-rgb),.45)}
.hv .po-sticky b{font-size:19px;line-height:var(--lh-120)}
.hv .po-sticky .po-l{color:#4A3F1A}
.hv .po-sticky .po-x{border-top-color:rgba(var(--amber-shadow-rgb),.24);color:#6B5B22}
.hv .sheet{position:absolute}
.hv .cv-p{position:relative}

/* ---------- Bigger (and the cycling boards): one big photo that may pass the container on the right, by 160 px at most ---------- */
/* The photo's height follows the screen (clamped), its width follows the column, so it never turns into a strip;
   past about 1480 wide the hero stays one centred composition. Cards spread from the photo's centre (see fit.js). */
@media (min-width: 1001px){
  /* Past 1800 wide the page is zoomed (--z), and viewport units are zoomed with it, so they are divided back out. */
  .hv-bigger{--vw:calc(100vw / var(--z, 1));--vh:calc(100vh / var(--z, 1));
    --out:min(160px, max(40px, (var(--vw) - 1160px) / 2));--rr:clamp(0px, calc((var(--vw) - 1160px) / 2 - 160px), 28px);--H:clamp(540px, calc(var(--vh) * .86 - 108px), 840px);
    display:grid;align-content:center;min-height:min(calc(var(--vh) * .88 - 108px), 1080px);box-sizing:border-box}
  .hv-bigger>.wrap{width:100%;box-sizing:border-box}
  .hv-bigger .herogrid{grid-template-columns:minmax(0,46%) minmax(0,1fr)}
  .hv-bigger .stage{height:var(--H)}
  .hv-bigger .stage .ph,.hv-cycle .stage .cph{top:0;left:0;right:auto;width:calc(100% + var(--out));height:var(--H);aspect-ratio:auto;border-radius:var(--radius-28) var(--rr) var(--rr) var(--radius-28);object-position:50% 24%}
  :root .hv-bigger .stage .sheet{left:calc(50% + var(--out) / 2)!important}
  .hv-bigger .stage .tally{top:calc(var(--H) - 16px);right:auto;left:16px}
  .hv-bigger .hint2{top:calc(var(--H) + 12px);left:0;right:calc(-1 * var(--out));width:auto}
  .hv-bigger .say2{top:calc(var(--H) + 16px);right:calc(-1 * var(--out))}
  .hv-bigger.clear .stage .ph{transform:scale(1.02);transform-origin:0 50%}
}
/* Tablet and phone: one centred portrait, sized to the screen, with the stage as tall as the photo so the messages
   centre on it. */
@media (max-width: 1000px){
  .hv-bigger{--pw:min(540px, 74vw)}
  .hv-bigger .stage{height:calc(var(--ph) + 40px)!important}
  .hv-bigger .stage .ph,.hv-cycle .stage .cph{top:0;left:50%;right:auto;width:var(--pw);height:var(--ph);aspect-ratio:auto;transform:translateX(-50%);border-radius:var(--radius-20);object-position:50% 26%}
  :root .hv-bigger .stage .sheet{top:calc(var(--ph) / 2)!important}
  .hv-bigger{--ph:calc(var(--pw) * 1.25)}
  .hv-bigger .stage .tally{top:calc(var(--ph) - 10px)}
  .hv-bigger .hint2{top:calc(var(--ph) + 14px)}
}
@media (max-width: 600px){
  .hv-bigger{--pw:calc((100vw - 40px) * .9);--ph:calc(var(--pw) * 1.3)}
  .hv-bigger .stage{height:calc(var(--ph) + 40px)!important;--scy:.7}
  :root .hv-bigger .stage .sheet{top:calc(var(--ph) / 2 + 18px)!important}
}

/* ---------- Full bleed: the photo is the whole hero, the words sit on a panel at its foot ---------- */
@media (min-width: 1001px){
  :root .hv-fullbleed{padding-top:0!important;padding-bottom:0!important;overflow:hidden}
  .hv-fullbleed .herogrid{display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-height:792px;padding-bottom:var(--space-48);box-sizing:border-box}
  .hv-fullbleed .stage{position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;height:auto;overflow:hidden}
  .hv-fullbleed .stage .ph{top:0;left:0;right:auto;width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none;object-position:50% 28%}
  .hv-fullbleed .hcol{position:relative;z-index:40;align-self:flex-end;width:460px;box-sizing:border-box;padding:var(--space-36) var(--space-40) var(--space-40);border-radius:var(--radius-24);background:var(--paper-100)}
  .hv-fullbleed .hcol h1{font-size:var(--fs-44)!important}
  .hv-fullbleed .stage .tally{top:auto;bottom:40px;right:auto;left:max(40px, (100vw - 1160px) / 2)}
  .hv-fullbleed.hv .stage.touched .tally{transform:none}
  .hv-fullbleed .hint2{top:auto;bottom:28px;left:0;right:0;margin:0 auto;width:max-content;padding:0 var(--space-16);border-radius:var(--radius-pill);background:var(--white);color:var(--ink-700)}
  .hv-fullbleed .say2{top:auto;bottom:96px;right:auto;left:max(40px, (100vw - 1160px) / 2);width:440px}
  .hv-fullbleed .say2>*{padding:var(--space-8) var(--space-12);border-radius:var(--radius-12);background:var(--white)}
  .hv-fullbleed.clear .stage .ph{transform:scale(1.02)}
}

/* ---------- Collage: four photos, four moments, the messages over all of them ---------- */
.hv-collage .stage{width:min(600px, 100%);height:auto;aspect-ratio:600 / 642;margin-left:auto;margin-right:auto}
.hv-collage .stage .ph{left:36%;top:0;right:auto;width:64%;height:44.86%;aspect-ratio:auto;border-radius:var(--radius-18);object-position:50% 26%;transform:none}
.hv-collage .stage .c-12{left:0;top:8.72%;width:33.33%;height:42.06%;object-position:50% 26%}
.hv-collage .stage .c-62{left:0;top:53.27%;width:40%;height:46.73%;object-position:50% 22%}
.hv-collage .stage .c-7{left:42.67%;top:47.35%;width:57.33%;height:52.65%;object-position:50% 8%}
.hv-collage.clear .stage .ph{transform:scale(1.03)}
.hv-collage .stage .tally{top:calc(100% - 16px);right:16px;left:auto}
.hv-collage .hint2{top:calc(100% + 10px);left:0;right:0;width:auto}
.hv-collage .say2{top:calc(100% + 12px)}
@media (max-width: 1000px){.hv-collage .stage{--sc:.85}}
@media (max-width: 600px){
  .hv-collage .stage{--sc:.56}
  .hv-collage .stage .tally{top:calc(100% + 8px);left:50%;right:auto;transform:translate(-50%,0)!important}
  .hv-collage .hint2{top:calc(100% + 10px)}
  .hv-collage .say2{position:static;margin-top:var(--space-72)}
}

/* ---------- Six faces: a row of people, one message over each ---------- */
@media (min-width: 1001px){
  .hv-faces .herogrid{display:flex;flex-direction:column;gap:var(--space-40)}
  .hv-faces .swap>div{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--space-64);row-gap:var(--space-20);align-items:end}
  .hv-faces .swap>div>h1{grid-column:1;grid-row:1 / span 3}
  .hv-faces .swap>div>:not(h1){grid-column:2}
  .hv-faces .swap .msia{grid-row:1}
}
.hv-faces .stage{width:100%;height:340px;--ck:.74}
.hv-faces .stage .ph,.hv-faces .stage .ph2{top:20px;width:calc((100% - 80px) / 6);height:280px;aspect-ratio:auto;border-radius:var(--radius-16);right:auto;transform:none}
.hv-faces .stage .f1{left:0;object-position:50% 24%}
.hv-faces .stage .f2{left:calc((100% - 80px) / 6 + 16px);object-position:42% 14%}
.hv-faces .stage .f3{left:calc(2 * ((100% - 80px) / 6 + 16px));object-position:36% 24%}
.hv-faces .stage .f4{left:calc(3 * ((100% - 80px) / 6 + 16px));object-position:60% 20%}
.hv-faces .stage .f5{left:calc(4 * ((100% - 80px) / 6 + 16px));object-position:62% 16%}
.hv-faces .stage .f6{left:calc(5 * ((100% - 80px) / 6 + 16px));object-position:66% 22%}
.hv-faces.clear .stage .ph{transform:scale(1.03)}
.hv-faces .stage .tally{top:316px;right:0;left:auto}
.hv-faces .hint2{top:308px;left:0;right:auto;width:auto;text-align:left}
.hv-faces .say2{top:312px;left:0}
@media (max-width: 1000px){
  .hv-faces .herogrid{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .hv-faces .stage{width:1000px;--sc:.85;--ck:.64}
  .hv-faces .stage .tally{left:0;right:auto;top:316px;transform:none!important}
}

/* Only the hero shows on these boards. The rest of the page stays in the markup for the component, hidden. */


/* 21 Oct: the headline breaks after "messages" as written, never leaving it alone on a line (the column is ~534px). */
@media (min-width: 1001px){:root .hero.hv-bigger h1{font-size:clamp(40px,3.3vw,47px)!important}}
/* The line about each cleared message runs under the whole photo on one line (Erik). */
@media (min-width: 1001px){.hv-bigger .say2{left:0;width:auto;max-width:none}.hv-bigger .say2 .sm{white-space:nowrap}}

/* The Start page (21 Oct, Erik: "it goes too much to the right, and creates unequal weight"): the photo stays inside the
   page grid, the text and the photo share the width evenly, and the photo is a little less tall, rounded on every corner. */
@media (min-width: 1001px){
  .hv-in{--out:0px;--rr:28px;--H:clamp(520px, calc(var(--vh) * .78 - 110px), 720px)}
  .hv-in .herogrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-72)}
  :root .hv-in .stage .sheet{left:calc(50% + var(--dxo, 0px))!important;top:calc(50% + var(--dyo, 0px))!important}
}

/* ---------- Cycling boards: the Bigger layout, several people crossfading in one place ---------- */
.hv-cycle .stage .cph{position:absolute;display:block;object-fit:cover;opacity:0;transition:opacity var(--dur-700) var(--ease),transform var(--t3) var(--ease)}
.hv-cycle .stage .cph.on{opacity:1}
@media (max-width: 1000px){
  .hv-cycle.clear .stage .cph.on{transform:translateX(-50%) scale(1.03)}
}
@media (prefers-reduced-motion: reduce){.hv-cycle .stage .cph{transition:none}}

/* Cards: a fourth face, "types", for richer messages. Mixed shows three of them beside three stark cards. */
.hv .stage[data-cards="types"] .sheet .cv-s,.hv .stage[data-cards="mixed"] .sheet[data-mix="types"] .cv-s{display:none}
.hv .stage[data-cards="types"] .sheet .cv-t,.hv .stage[data-cards="mixed"] .sheet[data-mix="types"] .cv-t{display:block}
.hv .stage[data-cards="types"] .sheet.card,.hv .stage[data-cards="mixed"] .sheet.card[data-mix="types"]{width:auto;padding:0;background:none;box-shadow:none;border-radius:0}
.hv .stage[data-cards="types"] .sheet.hov .ty,.hv .stage[data-cards="mixed"] .sheet[data-mix="types"].hov .ty{box-shadow:0 0 0 .5px var(--ink-a12),0 4px 8px var(--ink-a08),0 22px 36px -18px var(--ink-a45)}
.hv .stage[data-detail="quiet"] .ty-reps,.hv .stage[data-detail="quiet"] .ty-m,.hv .stage[data-detail="quiet"] .ty-acts{display:none}

.hv .ty{display:flex;flex-direction:column;gap:var(--space-8);width:276px;padding:var(--space-12) var(--space-16) var(--space-16);box-sizing:border-box;border-radius:var(--radius-18);background:var(--white);
  font:var(--fw-regular) var(--fs-13)/var(--lh-135) var(--font-ui);color:var(--ink-900);text-align:left;
  box-shadow:0 0 0 .5px var(--ink-a08),0 2px 4px var(--ink-a06),0 16px 28px -18px var(--ink-a45)}
.hv .ty b{font-weight:var(--fw-semibold)}
.hv .ty-k{display:flex;align-items:center;gap:var(--space-8);font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--ink-600)}
.hv .ty-k i{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-6);flex:none}
.hv .ty-k svg,.hv .ty-ok svg{width:11px;height:11px;fill:none;stroke:var(--plum-900);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hv .ty-m{font-size:var(--fs-12);color:var(--ink-600)}
.hv .ty-x{font-size:var(--fs-12);color:var(--ink-600);padding-top:var(--space-8);border-top:1px solid var(--paper-150)}
.hv .ty-av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none}
.hv .ty-av.s{width:20px;height:20px}
.hv .ty-msg{display:flex;gap:var(--space-12);align-items:flex-start;font-size:var(--fs-14);line-height:var(--lh-135)}
/* A Teams thread: the question and two replies, indented under it */
.hv .ty-reps{display:flex;flex-direction:column;gap:var(--space-4);padding-left:var(--space-40)}
.hv .ty-rep{display:flex;align-items:center;gap:var(--space-8);font-size:var(--fs-13);color:var(--ink-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* A contract waiting for a signature */
.hv .ty-contract{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-12)}
.hv .ty-contract>.ty-x{flex:1 1 100%}
.hv .ty-ok{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-10);background:var(--green-100);flex:none}
.hv .ty-contract b{display:block;font-size:var(--fs-15)}
/* A calendar invite */
.hv .ty-cal{flex-direction:row;flex-wrap:wrap;gap:var(--space-12)}
.hv .ty-cal>.ty-x{flex:1 1 100%}
.hv .ty-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:54px;border-radius:var(--radius-12);background:var(--lav-50);flex:none}
.hv .ty-date i{font-style:normal;font-size:11px;font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--lav-600)}
.hv .ty-date b{font:var(--fw-regular) 22px/var(--lh-100) var(--font-display)}
.hv .ty-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.hv .ty-body>b{font-size:var(--fs-15)}
.hv .ty-acts{display:flex;gap:var(--space-8);margin-top:var(--space-4)}
.hv .ty-acts span{padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);font-size:var(--fs-12);font-weight:var(--fw-semibold);box-shadow:inset 0 0 0 1px var(--ink-200);color:var(--ink-700)}
.hv .ty-acts span:first-child{background:var(--plum-900);box-shadow:none;color:var(--white)}
/* A stack of missed calls: the same card three times, offset, flat */
.hv .ty-calls{box-shadow:0 0 0 .5px var(--ink-a08),0 7px 0 -3px var(--white),0 7px 0 -2.5px var(--ink-a12),0 14px 0 -6px var(--white),0 14px 0 -5.5px var(--ink-a12),0 24px 30px -20px var(--ink-a45)}
.hv .ty-calls b{font-size:var(--fs-15)}
.hv .ty-red{color:var(--red-700)}
.hv .ty-red i{background:var(--peach-100)}
.hv .ty-l{font-size:var(--fs-14);color:#2A2633}
/* A task without an owner */
.hv .ty-task{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:var(--space-12)}
.hv .ty-task>.ty-x{flex:1 1 100%}
.hv .ty-box{width:18px;height:18px;margin-top:var(--space-2);border:1.5px solid var(--ink-450);border-radius:5px;box-sizing:border-box;flex:none}
.hv .ty-task b{display:block;font-size:var(--fs-15)}
/* A text message */
.hv .ty-bub{padding:var(--space-8) var(--space-12);border-radius:var(--radius-16) var(--radius-16) var(--radius-16) var(--radius-4);background:var(--lav-100);font-size:var(--fs-14);line-height:var(--lh-135);color:var(--ink-900)}
/* A leave request */
.hv .ty-req .ty-msg b{display:block}
/* A spreadsheet */
.hv .ty-xls{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-12)}
.hv .ty-xls>.ty-x{flex:1 1 100%}
.hv .ty-grid{display:grid;grid-template-columns:repeat(3,16px);grid-auto-rows:11px;border-top:1px solid var(--ink-200);border-left:1px solid var(--ink-200);flex:none}
.hv .ty-grid i{border-right:1px solid var(--ink-200);border-bottom:1px solid var(--ink-200)}
.hv .ty-grid i.h{background:var(--green-100)}
.hv .ty-grid i.err{background:#FBE9EC}
.hv .ty-xls b{display:block;font-size:var(--fs-14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:186px}
/* A payslip with a line that is wrong */
.hv .ty-row{display:flex;justify-content:space-between;font-size:var(--fs-13);color:var(--ink-700)}
.hv .ty-row b{color:var(--ink-900)}
.hv .ty-row.warn b{color:var(--red-700)}
.hv .ty-q{padding-top:var(--space-8);border-top:1px dashed var(--paper-300);font-size:var(--fs-13);color:#2A2633}
/* A receipt */
.hv .ty-rec{width:230px;border-radius:var(--radius-6)}
.hv .ty-amt{font:var(--fw-regular) var(--fs-24)/var(--lh-110) var(--font-display)}

/* New paper twins: a contract, a leave form, a payslip, a receipt */
.hv .po-f{display:flex;justify-content:space-between;gap:var(--space-12);padding-bottom:3px;border-bottom:1px solid var(--paper-150);font-size:var(--fs-13)}
.hv .po-f span{color:var(--ink-600)}
.hv .po-sign{display:flex;justify-content:space-between;margin-top:var(--space-8);padding-top:var(--space-16);border-top:1px solid var(--ink-450);font-size:var(--fs-12);color:var(--ink-600)}
.hv .po-form{width:240px;background:#FFFDF6}
.hv .po-payslip{width:236px}
.hv .po-receipt{width:180px;border-radius:var(--radius-2);background:var(--white)}
.hv .po-tot{display:flex;justify-content:space-between;padding-top:var(--space-4);border-top:1px dashed var(--ink-200);font-size:var(--fs-13)}

/* Story (22 Oct, the Start page): the card types, except each person's spreadsheet is a real sheet and their sticky note
   is paper. Erik and Nima: the messier originals told the before better than the clean cards. */
.hv .stage[data-cards="story"] .sheet .cv-s{display:none}
.hv .stage[data-cards="story"] .sheet .cv-t{display:block}
.hv .stage[data-cards="story"] .sheet[data-story] .cv-t{display:none}
.hv .stage[data-cards="story"] .sheet[data-story="paper"] .cv-p,.hv .stage[data-cards="story"] .sheet[data-story="sheet"] .cv-x{display:block}
.hv .stage[data-cards="story"] .sheet.card{width:auto;padding:0;background:none;box-shadow:none;border-radius:0}
.hv .stage[data-cards="story"] .sheet.hov .ty,.hv .stage[data-cards="story"] .sheet.hov .po,.hv .stage[data-cards="story"] .sheet.hov .xl{box-shadow:0 0 0 .5px var(--ink-a12),0 4px 8px var(--ink-a08),0 22px 36px -18px var(--ink-a45)}

/* A spreadsheet, open: green title bar, column letters, row numbers, one selected cell, untidy tabs. Flat, no gloss. */
.hv .xl{display:flex;flex-direction:column;width:calc(22px + var(--xc, 4) * 69.5px);border-radius:var(--radius-6);overflow:hidden;background:var(--white);text-align:left;
  font:var(--fw-regular) var(--fs-12)/var(--lh-130) var(--font-ui);color:var(--ink-900);
  box-shadow:0 0 0 .5px var(--ink-a08),0 2px 4px var(--ink-a06),0 16px 28px -18px var(--ink-a45)}
.hv .xl-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-8) var(--space-12);background:#1E6E43;color:var(--white)}
.hv .xl-f{min-width:0;font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv .xl-ro{flex:none;padding:1px var(--space-8);border-radius:var(--radius-pill);background:var(--white-a16);font-size:var(--fs-12);font-weight:var(--fw-semibold)}
.hv .xl-g{display:grid;grid-template-columns:22px repeat(var(--xc),minmax(0,1fr));grid-auto-rows:24px}
.hv .xl-g i{display:flex;align-items:center;min-width:0;padding:0 var(--space-8);border-right:1px solid #E3E1E6;border-bottom:1px solid #E3E1E6;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv .xl-c,.hv .xl-n{justify-content:center;padding:0!important;background:#F4F3F6;color:var(--ink-600);font-size:var(--fs-12)}
.hv .xl-c{height:20px;align-self:start}
.hv .xl-g{grid-template-rows:20px}
.hv .xl-h{font-weight:var(--fw-semibold);background:#E6F1EA}
.hv .xl-v.err{color:var(--red-700);font-weight:var(--fw-semibold)}
.hv .xl-v.sel{box-shadow:inset 0 0 0 2px #1E6E43;background:#FFFBE6}
.hv .xl-tabs{display:flex;gap:var(--space-2);padding:0 var(--space-8);background:#F4F3F6;font-size:var(--fs-12);color:var(--ink-600)}
.hv .xl-tabs span{padding:var(--space-4) var(--space-8)}
.hv .xl-tabs .on{background:var(--white);color:#1E6E43;font-weight:var(--fw-semibold);box-shadow:inset 0 -2px 0 #1E6E43}
.hv .xl .po-x{margin:0;padding:var(--space-8) var(--space-12)}

/* 22 Oct (Erik: "more love" on the Post-it, the same care for the rest). Still flat paper, sans type, no doodles, no gradient. */
/* The Post-it: square, a second note under it like a pad, the bottom corner lifting off the photo with the shadow it casts. */
.hv .po-sticky{position:relative;width:192px;min-height:182px;gap:var(--space-8);padding:var(--space-28) var(--space-20) var(--space-20);border-radius:var(--radius-2) var(--radius-2) 36px var(--radius-4) / var(--radius-2) var(--radius-2) 7px var(--radius-4);
  background:#FDE47F;box-shadow:0 1px 1px rgba(var(--amber-shadow-rgb),.16),0 6px 10px -8px rgba(var(--amber-shadow-rgb),.45)}
.hv .po-sticky::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--radius-2);background:#F6D766;transform:translate(7px,5px) rotate(4deg);box-shadow:0 8px 14px -10px rgba(var(--amber-shadow-rgb),.45)}
.hv .po-sticky::after{content:"";position:absolute;right:10px;bottom:6px;z-index:-1;width:58%;height:22px;transform:rotate(4deg);box-shadow:0 14px 12px rgba(var(--amber-shadow-rgb),.45)}
.hv .po-sticky b{font:var(--fw-semibold) 22px/var(--lh-115) var(--font-ui);letter-spacing:var(--ls-snug);color:#3B2F0B}
.hv .po-sticky .po-l{font-size:var(--fs-15);color:#6A5719}
/* The taxi receipt: thermal paper, torn along the bottom, tabular figures. */
.hv .ty-rec,.hv .po-receipt{padding-bottom:var(--space-28);border-radius:var(--radius-3) var(--radius-3) 0 0;background:#FFFEFA;box-shadow:none;filter:drop-shadow(0 1px 1px var(--ink-a08)) drop-shadow(0 12px 14px var(--ink-a16));
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,var(--black) 1deg 89deg,#0000 90deg) 50% / 12px 100%;mask:conic-gradient(from -45deg at bottom,#0000,var(--black) 1deg 89deg,#0000 90deg) 50% / 12px 100%}
.hv .ty-rec,.hv .po-receipt{font-variant-numeric:tabular-nums}
.hv .stage .sheet.hov .ty-rec{box-shadow:none}
@media (max-width: 1000px){
  .hv .po-sticky{width:164px;min-height:150px;padding:var(--space-20) var(--space-16) var(--space-16)}
  .hv .po-sticky b{font-size:19px}
}

/* The line under the photo (22 Oct, Erik: "longer rows, a little less line space"): it fills the photo's width before it breaks
   (balance split it into two short rows) and sits at 1.35. */
.hv .say2 .sm>span{text-wrap:pretty;line-height:var(--lh-135)}
.hv .say2 .sm .sprod{vertical-align:1px}

/* The Start page's counter under the photo (27 Oct, Erik: "move it under the stage, at normal size"): the tally leaves the
   photo and sits on its own row under it, lined up with the line about each cleared message, its button a normal 36px
   control. The row is kept free from the start, so nothing below moves when the first message is cleared. */
.hv-in .stage .tally{min-height:44px;box-sizing:border-box;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-16);font-size:var(--fs-14);box-shadow:var(--shadow-ring)}
.hv-in .tally .tbtn{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--space-16);font-size:var(--fs-14)}
.hv-in .stage.touched .tally{transform:none}
@media (min-width: 1001px){
  .hv-in .stage{margin-bottom:var(--space-56)}
  .hv-in .stage .tally{top:calc(var(--H) + 12px);left:0;right:auto}
  .hv-in .say2{top:calc(var(--H) + 68px)}
}
@media (max-width: 1000px){
  :root .hv-in .stage{height:calc(var(--ph) + 168px)!important}
  /* The line about each cleared message sat in the flow at the top of the stage, under the cards: it goes under the counter. */
  :root .hv-in .say2{position:absolute;top:calc(var(--ph) + 96px);left:0;right:0;width:auto;margin:0;padding:0 var(--space-8)}
  :root .hv-in .stage .tally{top:calc(var(--ph) + 12px);left:50%;right:auto;transform:translateX(-50%) translateY(6px)}
  :root .hv-in .stage.touched .tally{transform:translateX(-50%)}
  .hv-in .hint2{top:calc(var(--ph) + 20px)}
}
@media (max-width: 600px){
  :root .hv-in .stage .tally{white-space:nowrap;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 16px);border-radius:var(--radius-20);font-size:var(--fs-13);gap:var(--space-4) var(--space-12);padding:var(--space-8) var(--space-8) var(--space-4)}
}

/* 27 Oct (Fable C, rule 27): the pile's small labels read at 12 or more once the stage is fitted to a laptop or a phone. */
.hv .stage .ty-k,.hv .stage .ty-m,.hv .xl-f,.hv .xl-v,.hv .xl-c,.hv .xl-n,.hv .xl-ro,.hv .xl-tabs,.hv .stage .ty-date i,.hv .stage .ty-acts span{font-size:var(--fs-13)}
@media (max-width: 600px){.hv .stage .ty-k,.hv .stage .ty-m,.hv .xl-f,.hv .xl-v,.hv .xl-c,.hv .xl-n,.hv .xl-ro,.hv .xl-tabs{font-size:var(--fs-15)}}

/* 27 Oct (Erik, rule 18): on a phone the Start page's pile is three messages at full size (scale 1), not six at 0.76 with
   10px text: the first message, the leave request (on top, so its Approve shows whole) and the missed calls. They sit
   centred on the photo, each a little clear of the last; the spread values are per card. */
@media (max-width: 600px){
  :root .hv-in .stage{--sc:.02!important;--scy:.55!important;--ck:1!important}
  /* The missed calls are card 3 in the new starter's set (Tomas) and card 4 in the other two (Karoline, Erlend). */
  :root .hv-in .stage .sheet:not([data-set="0"]):is([data-i="2"],[data-i="3"],[data-i="5"]){display:none}
  :root .hv-in .stage .sheet[data-set="0"]:is([data-i="2"],[data-i="4"],[data-i="5"]){display:none}
  :root .hv-in .stage .sheet[data-i="0"]{--scy:.52!important}
  :root .hv-in .stage .sheet[data-i="1"]{--scy:.16!important;z-index:30!important}
  :root .hv-in .stage .sheet[data-i="4"]{--scy:.6!important}
  :root .hv-in .stage .sheet[data-set="0"][data-i="3"]{--scy:2.5!important}
}