/* recmory.com — the home page's styles, exported from the landing kit by w5-src/export_site.py. Edit the blocks, not this file. */

@font-face{font-family:"Mona";src:url(/assets/fonts/mona.woff2) format("woff2");font-weight:200 900;font-stretch:75% 125%;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/assets/fonts/newsreader.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:block}
@font-face{font-family:"Newsreader";src:url(/assets/fonts/newsreader-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:block}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/plex-mono-400.woff2) format("woff2");font-weight:400;font-display:block}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/plex-mono-500.woff2) format("woff2");font-weight:500;font-display:block}

/* review chrome (not the page) */
:root{--bg:#E9ECF1;--chrome:#FFFFFF;--cfg:#17191D;--cdim:#5B616C;--cline:#17191D1F;--note:#D9480F;--note-wash:rgba(217,72,15,.08);--note-line:rgba(217,72,15,.4);color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0E1013;--chrome:#16191D;--cfg:#E7E9EC;--cdim:#9EA4AD;--cline:#FFFFFF1F;--note:#FF8A5B;--note-wash:rgba(255,138,91,.10);--note-line:rgba(255,138,91,.45);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0E1013;--chrome:#16191D;--cfg:#E7E9EC;--cdim:#9EA4AD;--cline:#FFFFFF1F;--note:#FF8A5B;--note-wash:rgba(255,138,91,.10);--note-line:rgba(255,138,91,.45);color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--cfg);font:14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;padding-inline:16px;padding-block:0 56px}
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;margin-inline:-16px;padding:10px 16px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--cline)}
.bar h1{font-size:14px;margin:0 6px 0 0;font-weight:650}
.grp{display:inline-flex;align-items:center;gap:6px}
.cap{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--cdim);font-weight:650;white-space:nowrap}
.seg{display:inline-flex;border:1px solid var(--cline);border-radius:99px;padding:2px;background:var(--chrome)}
.seg button{font:inherit;font-size:12.5px;border:0;background:none;color:var(--cdim);border-radius:99px;padding:5px 12px;min-height:30px;cursor:pointer;white-space:nowrap}
.seg button[aria-pressed="true"]{background:var(--cfg);color:var(--chrome)}
.seg button:focus-visible{outline:2px solid var(--note);outline-offset:2px}
.ask{max-width:1240px;margin:18px auto 14px;display:grid;gap:4px;padding:12px 16px;border-radius:12px;background:var(--chrome);border:1px solid var(--cline)}
.ask p{margin:0;color:var(--cdim)}
.ask .q{font-size:16px;font-weight:650;color:var(--cfg)}
.note{display:block;font-size:12px;line-height:1.45;color:var(--note);background:var(--note-wash);border:1px dashed var(--note-line);border-radius:8px;padding:6px 9px;font-family:system-ui,sans-serif;font-weight:400;font-stretch:100%;letter-spacing:0}
.note b{font-weight:700}
body.no-notes .note{display:none}
.frame{max-width:1240px;margin:0 auto;transition:max-width .3s ease}
.frame.phone{max-width:390px}

/* ───────── the page: board A, Cobalt Field (r44) ───────── */
.site{--cobalt:#1649D8;--white:#FFFFFF;--ink:#17191D;--soft-ink:#343842;--mist:#F1F3F7;--soft:#DCE5FF;--grey:#5B616C;--hair:#17191D1A;
  container:site/inline-size;border-radius:16px;overflow:hidden;border:1px solid var(--cline);background:var(--white);color:var(--ink);font-family:"Mona",system-ui,sans-serif}
.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);height:700px}
.panel{background:var(--cobalt);color:var(--white);display:flex;flex-direction:column;padding:28px clamp(24px,4vw,56px) 36px;min-height:0}
.wm{height:28px;width:auto;display:block;align-self:flex-start}
.panel .body{display:grid;gap:18px;margin-block:auto;max-width:500px}
.h1{margin:0;font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:470;font-size:clamp(38px,4.3cqi,64px);line-height:1.02;letter-spacing:-.022em;padding-bottom:.06em}
.h1 .l{display:block;white-space:nowrap}
.h1 em{font-style:italic;font-weight:420}
.sub{margin:0;font-weight:440;font-size:clamp(18px,1.6vw,22px);line-height:1.3;color:#FFFFFFD9}
.support{margin:0;font-size:16px;line-height:1.45;color:#FFFFFFB8;max-width:42ch}
.asks{display:grid;gap:10px;max-width:360px;margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:99px;font-family:inherit;font-weight:620;font-size:16px;text-decoration:none;white-space:nowrap}
.btn.main{background:var(--white);color:var(--ink)}
.btn.dark{background:#FFFFFF1F;color:var(--white);box-shadow:inset 0 0 0 1px #FFFFFF33}
.gl{width:18px;height:18px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 11px/1 system-ui;background:var(--cobalt);color:var(--white)}
.btn.dark .gl{background:var(--white);color:var(--cobalt)}
.btn .ic{width:20px;height:20px;flex:none}
.btn.deep{background:#0E36AA;color:var(--white);box-shadow:inset 0 0 0 1px #FFFFFF14}
.more{justify-self:center;font-size:14px;color:#FFFFFFD9;text-decoration:underline;text-underline-offset:3px}
.agree{margin:6px 0 0;text-align:center;font-size:12.5px;line-height:1.5;color:#FFFFFF}
.agree u,.agree a.lgl{color:#FFFFFF;text-decoration:underline;text-underline-offset:2px}
.wl .legal a.lgl{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
/* the mark: the tiled r•m, floating; the dot lands last, then pulses */
.mark{width:88px;height:88px;perspective:500px;margin-bottom:4px}
.mark .tilt{width:100%;height:100%;filter:drop-shadow(0 14px 18px rgba(8,26,90,.45))}
.tile-svg{width:100%;height:100%;display:block;overflow:visible}
.tile-svg .dot,.tile-svg .ripple{transform-box:fill-box;transform-origin:center}
.tile-svg .ripple{opacity:0}
@media (prefers-reduced-motion:no-preference){
  .mark .tilt{animation:float 7s ease-in-out infinite}
  .tile-svg .dot{animation:land .9s cubic-bezier(.3,1.5,.5,1) .5s both}
  .tile-svg .ripple{animation:ping 4.2s ease-out 1.6s infinite}
  @keyframes float{0%,100%{transform:translateY(0) rotateX(0) rotateY(0)}33%{transform:translateY(-5px) rotateX(7deg) rotateY(-9deg)}66%{transform:translateY(-2px) rotateX(-5deg) rotateY(8deg)}}
  @keyframes land{0%{transform:translateY(-70px);opacity:0}60%{opacity:1}100%{transform:translateY(0);opacity:1}}
  @keyframes ping{0%{transform:scale(1);opacity:.7}45%{transform:scale(3.4);opacity:0}100%{transform:scale(3.4);opacity:0}}
}
.site:not(.mk-tile) .mark{display:none}
.nav .wm2{display:none;height:24px;width:auto;margin-right:auto}
.site.mk-tile .panel .wm{display:none}
.site.mk-tile .nav .wm2{display:block}
.or{display:flex;align-items:center;gap:10px;font-size:12px;color:#FFFFFF99}
.or::before,.or::after{content:"";flex:1;height:1px;background:#FFFFFF33}
.lead-in{margin:0;font-size:14px;font-weight:600;color:#FFFFFFE6}
.fine{margin:0;font-size:13px;line-height:1.5;color:#FFFFFFB3}
.fine u{color:#FFFFFF;text-underline-offset:2px}
/* r46: the left column sits centred in the cobalt field, tile included */
.panel .body{width:100%;margin-inline:auto;justify-items:center;text-align:center}
.panel .asks{width:100%;max-width:400px;justify-self:center}
.ph{background:#FFFFFF26;border-radius:4px;padding:0 5px;font-family:"Plex Mono",monospace;font-size:.92em;white-space:nowrap}

.product{background:var(--mist);display:flex;flex-direction:column;padding:28px clamp(20px,3.5vw,52px) 26px;min-height:0}
.nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-height:40px;flex-wrap:nowrap;white-space:nowrap}
.lnk{font-size:14px;font-weight:500;color:var(--soft-ink);padding:0 7px;text-decoration:none}
.navbtn{min-height:38px;font-size:14px;padding:0 14px;margin-left:4px}
@container site (max-width:1180px){.site.mk-tile .nav .lnk:first-of-type{display:none}}
.navbtn.ghost{background:none;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--hair)}
.navbtn.solid{background:var(--ink);color:var(--white)}
.show{margin-block:auto;width:100%;max-width:540px;align-self:center;display:grid;gap:12px}
.stage{position:relative;height:420px;overflow:hidden}
.scene{position:absolute;inset:0;display:grid;gap:10px;align-content:start;transition:opacity .45s ease}
.scene.off{opacity:0;pointer-events:none}
.beats{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--grey)}
.beats span{display:inline-flex;align-items:center;gap:7px;transition:color .3s}
.beats span::before{content:"";width:7px;height:7px;border-radius:50%;background:#17191D33;transition:background .3s}
.beats span.on{color:var(--ink);font-weight:600}
.beats span.on::before{background:var(--cobalt)}
.foot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.eg{font-family:"Plex Mono",monospace;font-size:11px;color:var(--grey)}
.jump{font-size:14.5px;font-weight:550;color:var(--cobalt);text-decoration:none;border-bottom:1.5px solid currentColor}

.q{display:flex;align-items:center;gap:12px;height:54px;padding:0 16px;background:var(--white);border:1px solid var(--hair);border-radius:14px;font-size:16px}
.q svg{flex:none;width:18px;height:18px;color:var(--cobalt)}
.q .typed{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q .caret{width:2px;height:20px;background:var(--cobalt);flex:none}
.q .cnt{margin-left:auto;font-family:"Plex Mono",monospace;font-size:12px;color:var(--grey);white-space:nowrap;font-variant-numeric:tabular-nums}
.list{display:grid;gap:8px}
.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;height:62px;padding:0 14px;background:var(--white);border:1px solid var(--hair);border-radius:12px;transition:opacity .35s ease,transform .35s ease}
.av{width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--white);display:grid;place-items:center;font-weight:650;font-size:12px;font-stretch:108%}
.nm{font-weight:650;font-size:15px}
.pf{font-size:13px;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt{font-family:"Plex Mono",monospace;font-size:12px;color:var(--grey)}
.row.out{opacity:0;transform:translateX(24px)}
.row.in{opacity:0;transform:translateY(8px)}
.card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:20px;background:var(--white);border:1px solid var(--hair);border-radius:14px;transition:opacity .4s ease,transform .4s ease}
.card.in{opacity:0;transform:translateY(10px)}
.card .av{width:46px;height:46px;font-size:14px}
.card b{font-size:18px;font-weight:680;font-stretch:104%}
.card .role{margin:3px 0 0;font-size:14px;color:var(--grey)}
.line{margin:14px 0 0;font-size:15.5px;line-height:1.5}
.date{display:inline-block;margin-top:12px;font-family:"Plex Mono",monospace;font-size:12px;padding:3px 10px;border-radius:99px;background:var(--soft);color:#0E36AA;transition:transform .3s cubic-bezier(.3,1.6,.5,1),opacity .3s}
.date.in{opacity:0;transform:scale(.6)}
.site mark{color:inherit;background:transparent;padding:0 1px;transition:background .3s,box-shadow .3s}
.site mark.on{background:var(--soft);box-shadow:inset 0 -2px 0 var(--cobalt)}
.sheet{border:1px solid var(--hair);border-radius:10px;overflow:hidden;background:var(--white);font-family:"Plex Mono",monospace;font-size:12px;transition:opacity .45s ease,transform .45s ease}
.sheet.gone{opacity:0;transform:scale(.96)}
.sheet .r{display:grid;grid-template-columns:150px minmax(0,1fr) 92px}
.sheet .r>span{height:40px;display:flex;align-items:center;padding:0 10px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);white-space:nowrap;overflow:hidden}
.sheet .r>span:last-child{border-right:0}
.sheet .h>span{background:var(--mist);color:var(--grey)}
.sheet .r>span.fade{-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}

@container site (max-width:760px){
  .hero{grid-template-columns:1fr;height:auto}
  .panel{padding:18px 20px 30px}
  .panel .body{margin-block:28px 0}
  .product{padding:22px 16px 22px}
  .nav{display:none}
  .h1{font-size:clamp(34px,11cqi,46px)}
  .site .mark{display:none}
  .site.mk-tile .panel .wm{display:block}
  .stage{height:380px}
  .sheet .r{grid-template-columns:118px minmax(0,1fr)}
  .sheet .r>span:nth-child(3){display:none}
  .beats{gap:10px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.frame,.row,.card,.date,.sheet,.scene,.site mark{transition:none}}

/* the waitlist pop-up (after the click) */
.site{position:relative}
.wl{position:absolute;inset:0;z-index:5;display:none;place-items:center;padding:20px;background:rgba(10,20,55,.55);backdrop-filter:blur(3px)}
.wl.open{display:grid}
.wl .box{position:relative;width:100%;max-width:440px;background:var(--white);color:var(--ink);border-radius:22px;padding:30px 28px 26px;box-shadow:0 30px 60px rgba(8,20,70,.35);text-align:left}
.wl .x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:var(--mist);color:var(--ink);font:500 18px/1 system-ui;cursor:pointer}
.wl h3{margin:0 0 6px;font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:470;font-size:30px;line-height:1.08;letter-spacing:-.015em}
.wl .lede{margin:0 0 18px;font-size:15px;line-height:1.45;color:var(--grey)}
.wl h3,.wl .lede{text-align:center;text-wrap:balance}
.wl label{display:block;font-size:13.5px;font-weight:600;margin:12px 0 6px}
.wl label small{font-weight:400;color:var(--grey)}
.wl input,.wl textarea{width:100%;box-sizing:border-box;font:inherit;font-size:15px;color:var(--ink);background:var(--white);border:1px solid #17191D2E;border-radius:12px;padding:12px 14px}
.wl textarea{height:44px;resize:none}
.wl input:focus,.wl textarea:focus{outline:2px solid var(--cobalt);outline-offset:1px;border-color:transparent}
.wl .go{width:100%;margin-top:18px;min-height:50px;border:0;border-radius:99px;background:var(--cobalt);color:var(--white);font:inherit;font-weight:620;font-size:16px;cursor:pointer}
.wl .skip{display:block;margin:12px auto 0;border:0;background:none;font:inherit;font-size:14px;color:var(--grey);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wl .legal{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:var(--grey);text-align:center}
.wl .legal u{color:var(--ink)}
.wl .done{text-align:center;padding:14px 0 4px}
.wl .done .ic2{width:56px;height:56px;border-radius:50%;background:var(--soft);color:var(--cobalt);display:grid;place-items:center;margin:0 auto 16px}
.wl .done .lede{margin:0}
.wl [data-step]{display:none}
.wl[data-at="form"] [data-step="form"],.wl[data-at="qs"] [data-step="qs"],.wl[data-at="done"] [data-step="done"],.wl[data-at="on"] [data-step="on"]{display:block}
.site:not(.pu1) .pu1-only,.site:not(.pu2) .pu2-only{display:none!important}

/* ───────── the right side, v5: one app window, five steps ───────── */
.site{--eo:cubic-bezier(.23,1,.32,1);--eio:cubic-bezier(.65,0,.35,1);--drawer:cubic-bezier(.32,.72,0,1);--line:#17191D14;--quiet:#6B717C}
.show2{margin-block:auto;width:100%;max-width:560px;align-self:center;display:grid;gap:16px}
.fsteps{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.fsteps i{height:2px;border-radius:2px;background:#17191D17;overflow:hidden;display:block}
.fsteps b{display:block;height:100%;background:var(--cobalt);transform:scaleX(0);transform-origin:left}
.fcapt{position:relative;height:30px;margin:14px 0 0}
.fcapt span{position:absolute;inset:0;font-size:20px;font-weight:620;letter-spacing:-.014em;color:var(--ink);white-space:nowrap;opacity:0;transform:translateY(6px);filter:blur(3px);transition:opacity .5s var(--eo),transform .5s var(--eo),filter .5s var(--eo)}
.fcapt span.on{opacity:1;transform:none;filter:none}
.fcapt span em{font-style:normal;color:var(--cobalt);font-weight:600;font-variant-numeric:tabular-nums;margin-right:12px}
.win{background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #17191D14,0 1px 2px #17191D0A,0 24px 50px -24px rgba(23,25,29,.28)}
.chrome{height:34px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--line);background:#FAFAFB}
.chrome .dots{display:flex;gap:6px}.chrome .dots i{width:9px;height:9px;border-radius:50%;background:#17191D1A}
.chrome .url{margin:0 auto;font-size:11.5px;color:var(--quiet)}

.app{position:relative;height:428px;overflow:hidden;transition:opacity .35s ease,filter .35s ease}
.app.fade{opacity:0;filter:blur(6px)}
.top{display:flex;align-items:center;gap:12px;height:58px;padding:0 14px 0 20px;border-bottom:1px solid var(--line)}
.ttl{font-size:15px;font-weight:650;display:flex;align-items:baseline;gap:8px}
.pcnt{font-size:13px;font-weight:450;color:var(--quiet)}
.srch{width:44%;height:34px;border-radius:9px;background:#F3F4F6;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:13.5px;color:var(--ink);transition:background .2s ease,box-shadow .2s ease}
.srch svg{width:14px;height:14px;flex:none;color:var(--quiet)}
.srch.focus{background:var(--white);box-shadow:0 0 0 1.5px var(--cobalt),0 0 0 4px rgba(22,73,216,.14)}
.srch .ph2{color:#9A9FA8;white-space:nowrap}.srch.typing .ph2{display:none}
.srch .tx{display:flex;align-items:center;min-width:0;overflow:hidden;white-space:nowrap}
.srch .caret2{display:inline-block;width:1.5px;height:17px;margin-left:1px;background:var(--cobalt);opacity:0}
.srch.focus .caret2{opacity:1;animation:blink 1.06s steps(1) infinite}
.srch.keys .caret2{animation:none;opacity:1}
@keyframes blink{50%{opacity:0}}
.asub{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 14px 0 20px;font-size:12.5px;color:var(--quiet);border-bottom:1px solid transparent;transition:border-color .3s ease}
.asub.on{border-color:var(--line)}
.asub>*{opacity:0;transition:opacity .3s ease}.asub.on>*{opacity:1}
.asub b{color:var(--cobalt);font-weight:600;font-variant-numeric:tabular-nums}
.sort{position:relative;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:7px;color:var(--ink);font-weight:520;transition:background .15s ease,transform .12s ease-out}
.sort.hover{background:#F3F4F6}.sort.down{transform:scale(.97)}
.sort svg{width:10px;height:10px;color:var(--quiet)}
.menu{position:absolute;right:12px;top:94px;z-index:7;width:220px;padding:5px;background:var(--white);border-radius:10px;box-shadow:0 0 0 1px #17191D14,0 12px 28px -8px rgba(23,25,29,.28);transform-origin:top right;opacity:0;transform:scale(.96) translateY(-4px);transition:opacity .16s ease-out,transform .18s var(--eo);pointer-events:none}
.menu.open{opacity:1;transform:none}
.menu div{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:6px;font-size:13px;color:var(--ink)}
.menu div.hi{background:#F3F4F6}
.menu svg{width:12px;height:12px;color:var(--ink)}
.plist{position:relative;padding:4px 8px;transition:opacity .4s ease,filter .4s ease}
.plist.dim{opacity:.35;filter:blur(1.5px)}
.pr{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;height:60px;padding:0 12px;border-radius:10px;transition:opacity .4s var(--eo),transform .5s var(--eo),filter .4s var(--eo),background .2s ease}
.pr.enter{opacity:0;transform:translateY(10px);filter:blur(4px)}
.pr.leave{opacity:0;filter:blur(4px);transform:scale(.985);transition-duration:.22s}
.pr.hot{background:#F1F4FB}
.pav{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:650;color:#fff;background:var(--cobalt);letter-spacing:.02em}
.pnm{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pnm span{font-weight:420;color:var(--quiet);margin-left:7px}
.psn{font-size:12.5px;color:var(--quiet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.pdt{font-size:12px;color:var(--quiet);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .3s ease}
.plist.bydate .pdt{color:#C2410C;font-weight:600}
.site .hl{color:var(--ink);border-radius:3px;padding:0 1px;margin:0 -1px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;background-position:0 55%;background-size:100% 88%;transition:background-size .5s cubic-bezier(.65,0,.35,1)}
.site .hl.off{background-size:0% 88%}
.abody{position:absolute;left:0;right:0;top:58px;bottom:0}
.drop{position:absolute;inset:18px;border-radius:12px;background:#FAFAFB;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-content:center;justify-items:center;gap:5px;text-align:center;transition:background .25s ease,box-shadow .25s ease,opacity .3s var(--eo),transform .3s var(--eo)}
.drop.over{background:#F5F8FF;box-shadow:inset 0 0 0 1.5px var(--cobalt)}
.drop.gone{opacity:0;transform:scale(.985);pointer-events:none}
.drop .dic{width:40px;height:40px;border-radius:10px;background:var(--white);box-shadow:0 0 0 1px var(--line),0 2px 4px #17191D0A;display:grid;place-items:center;color:var(--ink);margin-bottom:8px;transition:transform .35s var(--eo),color .2s ease}
.drop.over .dic{transform:translateY(-4px);color:var(--cobalt)}
.drop b{font-size:14.5px;font-weight:620}.drop small{font-size:12.5px;color:var(--quiet)}
.drop .rd{width:160px;height:3px;border-radius:3px;background:#17191D12;overflow:hidden;margin-top:10px;opacity:0;transition:opacity .2s ease}
.drop.reading .rd{opacity:1}
.drop .rd i{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}
.rep{position:absolute;inset:0;display:grid;place-content:center;justify-items:start;gap:14px;padding:0 44px;opacity:0;transform:translateY(6px);transition:opacity .45s var(--eo),transform .45s var(--eo);pointer-events:none}
.rep.on{opacity:1;transform:none}
.rep.out{opacity:0;transform:translateY(-8px);transition-duration:.3s}
.rep .big{display:flex;align-items:baseline;gap:10px}
.rep .big b{font-size:46px;font-weight:720;letter-spacing:-.03em;line-height:1;color:var(--cobalt)}
.rep .big span{font-size:16px;color:var(--soft-ink)}
.rep ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.rep li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);opacity:0;transform:translateY(4px);transition:opacity .35s var(--eo),transform .35s var(--eo)}
.rep li.on{opacity:1;transform:none}
.rep li svg{width:16px;height:16px;flex:none}
.rep li path{stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .45s var(--eo) .1s}
.rep li.on path{stroke-dashoffset:0}
.rep .src{font-size:12.5px;color:var(--quiet)}
.file{position:absolute;left:0;top:0;z-index:6;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;background:var(--white);border-radius:10px;box-shadow:0 0 0 1px #17191D14,0 6px 14px -6px rgba(23,25,29,.25);font-size:13px;font-weight:600;white-space:nowrap;will-change:transform;transition:box-shadow .25s ease}
.file.lift{box-shadow:0 0 0 1px #17191D14,0 22px 40px -12px rgba(23,25,29,.40)}
.file small{display:block;font-size:11.5px;font-weight:420;color:var(--quiet)}
.drawer{position:absolute;top:58px;right:0;bottom:0;width:78%;z-index:4;background:var(--white);border-left:1px solid var(--line);box-shadow:-30px 0 50px -34px rgba(23,25,29,.30);transform:translateX(104%);transition:transform .6s var(--drawer);overflow:hidden}
.din{padding:20px 22px 30px;display:grid;align-content:start;gap:16px;transition:transform .9s var(--eio)}
.drawer.open{transform:none}
.drawer.shut{transition-duration:.3s;transition-timing-function:var(--eo)}
.dh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.dh .pav{width:44px;height:44px;font-size:14px}
.dh b{display:block;font-size:17px;font-weight:660;letter-spacing:-.01em}
.dh>div>span{display:block;font-size:13px;color:var(--quiet);margin-top:2px}
.dl{font-size:12px;font-weight:600;color:var(--quiet)}
.dn{margin:6px 0 0;font-size:14.5px;line-height:1.6;color:var(--soft-ink)}
.props{display:grid;border-top:1px solid var(--line)}
.props div{display:grid;grid-template-columns:110px 1fr;align-items:center;height:36px;border-bottom:1px solid var(--line);font-size:13px;opacity:0;transform:translateY(4px);transition:opacity .35s var(--eo),transform .35s var(--eo)}
.props div.on{opacity:1;transform:none}
.props dt{color:var(--quiet)}.props dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}
.cur{position:absolute;left:0;top:0;z-index:9;width:20px;height:20px;pointer-events:none;will-change:transform}
.cur svg{display:block;width:20px;height:20px;filter:drop-shadow(0 1.5px 2px rgba(0,0,0,.3));transition:transform .12s ease-out;transform-origin:3px 2px}
.cur.press svg{transform:scale(.84)}
.foot2{display:flex;justify-content:space-between;align-items:center}
.foot2 .fake{font-size:11px;color:#9AA0AA}
.foot2 .jump{font-size:13.5px}
@container site (max-width:760px){.app{height:390px}.srch{width:64%;font-size:12.5px}.ttl{font-size:14px}.drawer{width:92%}.fcapt span{font-size:16.5px}.rep{padding:0 24px}}
@container site (max-width:480px){.fcapt{height:46px}.fcapt span{white-space:normal;font-size:16px;line-height:1.3}}
@media (prefers-reduced-motion:reduce){.pr,.drawer,.drop,.fcapt span,.app,.rep,.rep li,.props div,.menu{transition:none}}

/* v7 · a job, the profile, a note */
.jobbtn{margin-left:auto;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:580;color:var(--ink);box-shadow:inset 0 0 0 1px #17191D1F;white-space:nowrap;transition:background .15s ease,transform .12s ease-out,box-shadow .2s ease}
.jobbtn svg{width:14px;height:14px;color:var(--cobalt)}
.jobbtn.hover{background:#F3F4F6}.jobbtn.down{transform:scale(.97)}.jobbtn.on{box-shadow:inset 0 0 0 1.5px var(--cobalt);background:#F5F8FF}
.job{position:absolute;left:16px;right:16px;top:12px;z-index:3;background:var(--white);border-radius:12px;box-shadow:0 0 0 1px var(--line),0 18px 36px -16px rgba(23,25,29,.28);padding:14px 16px 14px;opacity:0;transform:translateY(-6px) scale(.985);transform-origin:top center;transition:opacity .22s var(--eo),transform .3s var(--eo);pointer-events:none}
.job.open{opacity:1;transform:none}
.jl{font-size:12px;font-weight:600;color:var(--quiet)}
.jt{margin-top:8px;min-height:88px;border-radius:9px;background:#F7F8FA;box-shadow:inset 0 0 0 1px var(--line);padding:10px 12px;font-size:13.5px;line-height:1.5;color:var(--ink)}
.jt .ph3{color:#9A9FA8}
.jt.paste{animation:paste .7s ease-out}
@keyframes paste{0%{background:#FFF1A6}100%{background:#F7F8FA}}
.jrow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}
.jhint{font-size:12px;color:var(--quiet)}@media (max-width:480px){.jrow{flex-wrap:wrap}.jhint{flex-basis:100%}}
.jgo{flex:none;height:32px;padding:0 14px;border-radius:8px;background:var(--cobalt);color:var(--white);font-size:13px;font-weight:620;display:inline-flex;align-items:center;transition:transform .12s ease-out}
.jgo.down{transform:scale(.96)}
/* r154 (3): the confirm beat. The job panel gives way to the criteria recmory proposed (S3-a's words), confirmed before the first search */
.jcw{margin:0;font-size:13.5px;line-height:1.5;color:var(--soft-ink)}
.jchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.jchip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px 0 12px;border-radius:99px;background:#F5F8FF;box-shadow:inset 0 0 0 1px #1649D833;font-size:13px;font-weight:560;color:var(--ink);opacity:0;transform:translateY(4px);transition:opacity .3s var(--eo),transform .35s var(--eo)}
.jchip svg{width:10px;height:10px;color:var(--quiet)}
.jcrit.open .jchip{opacity:1;transform:none;transition-delay:.15s}.jcrit.open .jchip:nth-child(2){transition-delay:.22s}.jcrit.open .jchip:nth-child(3){transition-delay:.29s}
.jcrow{display:flex;justify-content:flex-end;margin-top:14px}
@media (prefers-reduced-motion:reduce){.jcrit,.jchip{transition:none}}
.kbd{position:absolute;z-index:8;font-size:11.5px;font-weight:600;color:var(--white);background:var(--ink);border-radius:6px;padding:3px 7px;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s var(--eo)}
.kbd.on{opacity:1;transform:none}
.psn .mt{color:var(--quiet)}
.comp{display:flex;align-items:center;gap:8px;min-height:40px;border-radius:10px;padding:8px 12px;font-size:13.5px;box-shadow:inset 0 0 0 1px #17191D1F;color:var(--ink);transition:box-shadow .2s ease}
.comp.focus{box-shadow:inset 0 0 0 1.5px var(--cobalt),0 0 0 4px rgba(22,73,216,.12)}
.comp .ph4{color:#9A9FA8}.comp.typing .ph4{display:none}
.comp .ctxw{flex:1;min-width:0;line-height:1.45}.comp .caret3{display:inline-block;width:1.5px;height:16px;margin-left:1px;vertical-align:-3px;background:var(--cobalt);opacity:0}
.comp.focus .caret3{opacity:1;animation:blink 1.06s steps(1) infinite}.comp.keys .caret3{animation:none;opacity:1}
.comp kbd{margin-left:auto;font:inherit;font-size:11px;color:var(--quiet);box-shadow:inset 0 0 0 1px #17191D1F;border-radius:5px;padding:1px 6px}
.nts{display:grid;gap:12px;margin-top:8px}
.nt{display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s var(--eo),opacity .5s var(--eo)}
.nt>div{overflow:hidden}
.nt.new{grid-template-rows:0fr;opacity:0}
.nd{font-size:11.5px;color:var(--quiet);font-weight:560}
.nt.today .nd{color:var(--cobalt)}
.nt .dn{margin:3px 0 0}
.props dd.flash{animation:paste .9s ease-out;border-radius:4px}
.about{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--soft-ink)}
.cv{display:flex;align-items:center;gap:10px;margin-top:10px;padding:9px 12px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;font-weight:560}
.cv small{display:block;font-size:11.5px;font-weight:420;color:var(--quiet)}
@container site (max-width:760px){.jobbtn span{display:none}.srch{width:52%}}

/* v8 · steps you can click, a pause, a closing beat, depth */
.site{--spring:linear(0,.16 4%,.56 12%,.86 20%,1.015 30%,1.022 38%,1.006 50%,1 65%,1)}
.fsteps i{position:relative;cursor:pointer;overflow:visible}
.fsteps i::before{content:"";position:absolute;left:0;right:0;top:-9px;bottom:-9px}
.fsteps i b{border-radius:2px}
@media (hover:hover){.fsteps i:hover{background:#17191D38}}
.fcapt .pz{inset:4px 0 auto auto;font-size:12px;font-weight:560;color:var(--quiet);opacity:0;transform:none;filter:none;transition:opacity .2s ease}
.win{transform-origin:50% 50%;will-change:transform}
.drawer{transition:transform .7s var(--spring)}
.pr{transition:opacity .4s var(--eo),transform .6s var(--spring),filter .4s var(--eo),background .2s ease}
.menu{transition:opacity .16s ease-out,transform .32s var(--spring)}
.app.noanim,.app.noanim *{transition:none!important}
.endc{position:absolute;inset:0;z-index:8;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:0 40px;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);opacity:0;transition:opacity .5s var(--eo);pointer-events:none}
.endc.on{opacity:1}
.endc b{font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:470;font-size:36px;line-height:1.08;letter-spacing:-.015em;color:var(--ink);transform:translateY(8px);transition:transform .7s var(--eo)}
.endc b em{font-style:italic;font-weight:420}
.endc.on b{transform:none}
.endc span{font-size:14px;color:var(--quiet)}
.panel .btn.main.nudge{animation:nudge 1.4s var(--eo)}
@keyframes nudge{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55);transform:scale(1)}18%{transform:scale(1.035)}40%{transform:scale(1)}100%{box-shadow:0 0 0 18px rgba(255,255,255,0)}}
@media (prefers-reduced-motion:reduce){.panel .btn.main.nudge{animation:none}}
@font-face{font-family:"Schib";src:url(/assets/fonts/schib.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Brico";src:url(/assets/fonts/brico.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Martian";src:url(/assets/fonts/martian.woff2) format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap}

/* type for the moving product: three directions */
.show2{font-family:var(--uif,"Mona"),system-ui,sans-serif}
.fcapt span{font-family:var(--capf,"Mona"),system-ui,sans-serif}
/* 1 · Notebook: names and notes in the headline's serif, the chrome in a newspaper grotesk */
.site.ty-1{--uif:"Schib";--capf:"Newsreader"}
.site.ty-1 .fcapt span{font-size:26px;font-weight:460;letter-spacing:-.012em;font-variation-settings:"opsz" 48}
.site.ty-1 .fcapt span em{font-style:italic;font-weight:400;margin-right:10px}
.site.ty-1 .pnm,.site.ty-1 .dh b,.site.ty-1 .ttl,.site.ty-1 .rep .big b,.site.ty-1 .endc b{font-family:"Newsreader";font-variation-settings:"opsz" 36}
.site.ty-1 .pnm{font-size:16.5px;font-weight:560}.site.ty-1 .pnm span{font-family:"Schib";font-size:12.5px}
.site.ty-1 .ttl{font-size:18px;font-weight:540}.site.ty-1 .dh b{font-size:21px;font-weight:540}
.site.ty-1 .rep .big b{font-weight:500;font-size:54px;letter-spacing:-.02em}
.site.ty-1 .psn,.site.ty-1 .dn,.site.ty-1 .about,.site.ty-1 .jt,.site.ty-1 .ctxw{font-family:"Newsreader";font-variation-settings:"opsz" 14}
.site.ty-1 .psn{font-size:13.5px;font-style:italic}.site.ty-1 .dn{font-size:16px;line-height:1.5}.site.ty-1 .jt{font-size:15px}
.site.ty-1 .dl,.site.ty-1 .nd,.site.ty-1 .props dt,.site.ty-1 .jl{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:620}
.site.ty-1 .pdt{font-size:11px;letter-spacing:.04em;text-transform:uppercase}
/* 2 · Instrument: one condensed mono for everything, like a precise tool */
.site.ty-2{--uif:"Martian";--capf:"Martian"}
.site.ty-2 .show2{font-stretch:87.5%;letter-spacing:-.01em}
.site.ty-2 .fcapt span{font-size:18px;font-weight:560;letter-spacing:-.03em;font-stretch:100%}
.site.ty-2 .app{font-size:95%}
.site.ty-2 .pnm{font-size:13px;font-weight:600}.site.ty-2 .psn{font-size:11.5px}.site.ty-2 .pdt{font-size:11px}
.site.ty-2 .dn{font-size:13px;line-height:1.6}.site.ty-2 .dh b{font-size:15px}.site.ty-2 .ttl{font-size:14px}
.site.ty-2 .rep .big b{font-size:44px;letter-spacing:-.06em;font-weight:700}
.site.ty-2 .endc b{font-family:"Martian";font-size:26px;font-weight:600;letter-spacing:-.05em;font-stretch:87.5%}
/* 3 · Expressive: a grotesk with ink traps, tall and condensed at display size */
.site.ty-3{--uif:"Brico";--capf:"Brico"}
.site.ty-3 .fcapt span{font-size:28px;font-weight:720;font-stretch:78%;letter-spacing:-.02em;font-variation-settings:"opsz" 96}
.site.ty-3 .fcapt{height:34px}
.site.ty-3 .show2{font-variation-settings:"opsz" 14}
.site.ty-3 .pnm{font-weight:650;font-size:14.5px}.site.ty-3 .dh b{font-size:19px;font-weight:720;font-stretch:85%;font-variation-settings:"opsz" 48}
.site.ty-3 .rep .big b{font-size:58px;font-weight:780;font-stretch:75%;font-variation-settings:"opsz" 96;letter-spacing:-.02em}
.site.ty-3 .endc b{font-family:"Brico";font-size:40px;font-weight:720;font-stretch:78%;font-variation-settings:"opsz" 96}
.site.ty-3 .endc b em{font-style:normal;color:var(--cobalt)}
#subl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin-right:10px}.asub .sort{flex:none}

/* phone top bar — options, asked 2026-09-27 (prefix ptb-: .body, .sub, .sheet are taken) */
.ptb-bar{display:none}
.ptb-sign{font:600 14px/1 "Mona",system-ui,sans-serif;color:#FFFFFF;text-decoration:none;padding:0 15px;min-height:38px;align-items:center;border-radius:99px;box-shadow:inset 0 0 0 1.5px #FFFFFF;display:none}
.ptb-menu{width:38px;height:38px;border-radius:50%;border:0;background:#FFFFFF;color:#17191D;display:none;place-items:center;cursor:pointer;padding:0}
.ptb-menu svg{width:18px;height:18px}
.site.st-open.ptb1 .ptb-sign,.site.st-open.ptb3 .ptb-sign{display:inline-flex}
.site.ptb2 .ptb-menu,.site.ptb3 .ptb-menu{display:grid}
@container site (max-width:760px){.ptb-bar{position:absolute;top:13px;right:16px;display:flex;gap:8px;align-items:center;z-index:3}}
.panel{position:relative}
.ptb-sheet{position:absolute;inset:0 0 auto 0;z-index:6;background:#FFFFFF;color:#17191D;padding:13px 16px 24px 20px;border-radius:0 0 18px 18px;box-shadow:0 24px 50px rgba(8,20,70,.3);transform:translateY(-104%);visibility:hidden;transition:transform .36s cubic-bezier(.2,.9,.25,1.05),visibility 0s linear .36s;display:grid}
.ptb-sheet.on{transform:none;visibility:visible;transition:transform .36s cubic-bezier(.2,.9,.25,1.05)}
.ptb-shead{display:flex;align-items:center;justify-content:space-between;min-height:40px;margin-bottom:10px}
.ptb-shead img{height:24px;width:auto}
.ptb-x{width:38px;height:38px;border-radius:50%;border:0;background:#F1F3F7;font:600 20px/1 system-ui,sans-serif;cursor:pointer;color:#17191D}
.ptb-sheet .ptb-l{font:560 22px/1.2 "Mona",system-ui,sans-serif;color:#17191D;text-decoration:none;padding:13px 2px;border-bottom:1px solid #17191D14}
.ptb-cta{display:grid;gap:10px;margin-top:16px}
.ptb-cta a{display:flex;justify-content:center;align-items:center;min-height:50px;border-radius:99px;font:620 16px/1 "Mona",system-ui,sans-serif;text-decoration:none}
.ptb-cta .ptb-s{background:#17191D;color:#FFFFFF}
.ptb-cta .ptb-g{box-shadow:inset 0 0 0 1.5px #17191D26;color:#17191D}
@media (prefers-reduced-motion:reduce){.ptb-sheet,.ptb-sheet.on{transition:none}}
.site:not(.st-wait) .wait-only,.site:not(.st-open) .open-only{display:none!important}
.site:not(.v1) .v1-only,.site:not(.v2) .v2-only,.site:not(.v3) .v3-only{display:none!important}


#site .w3{background:var(--white);border-top:1px solid var(--hair);box-sizing:border-box;
  padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px);text-align:center;
  --w3-eo:cubic-bezier(.23,1,.32,1);--w3-eio:cubic-bezier(.65,0,.35,1);--w3-drawer:cubic-bezier(.32,.72,0,1);
  --w3-spring:linear(0,.16 4%,.56 12%,.86 20%,1.015 30%,1.022 38%,1.006 50%,1 65%,1);
  --w3-press:140ms;--w3-fast:180ms;--w3-mid:320ms;--w3-slow:550ms;
  --w3-band:clamp(128px,min(18vh,calc(27vh - 81px)),212px);--w3-gap:clamp(16px,3vw,40px);--w3-rp:clamp(8px,calc(2.2vh - 8.4px),13px);
  --w3-icon:20px;--w3-icg:12px;--w3-ind:calc(var(--w3-icon) + var(--w3-icg));--w3-plate:#DDE5FB}
#site .w3 .w3-wrap{width:100%;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(14px,2.1vh,20px)}
/* round 4c: the heading and the smaller line under it (Emergent's subtext): centred, grey, two lines at 1440 */
#site .w3 .w3-head{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.1vh,12px)}
#site .w3 .w3-sub{margin:0;max-width:620px;font-family:"Mona",system-ui,sans-serif;font-weight:430;
  font-size:clamp(17px,min(1.4vw,2.1vh),19px);line-height:1.5;color:var(--grey);text-wrap:balance}
/* three options, switched from the review bar (Subline); no attribute means look 1 */
#site .w3 .w3-sub [data-sub]{display:none}
#site:not([data-subline="2"]):not([data-subline="3"]) .w3 .w3-sub [data-sub="1"],
#site[data-subline="2"] .w3 .w3-sub [data-sub="2"],
#site[data-subline="3"] .w3 .w3-sub [data-sub="3"]{display:inline}
#site .w3 .w3-h{margin:0;font-family:"Mona",system-ui,sans-serif;font-weight:620;
  font-size:clamp(30px,min(3.3cqi,5.2vh),42px);line-height:1.06;letter-spacing:-.022em;color:var(--cobalt);
  text-wrap:balance}
/* the band (the wireframe's .pain slot): the eight openings sit in ONE grid cell, one fixed
   height, so the rows never jump when an opening changes; the ticks and the dashed rule close it.
   Round 5: the icon indent costs the longest open text a wrapped line (22 px), so on a screen shorter than
   900 px the band gives back up to 8 px (--w3-band is the same as before at 900 px and taller) */
#site .w3 .w3-top{padding-bottom:min(clamp(16px,2.4vw,28px),2.6vh);border-bottom:1px dashed #17191D33}
/* the plate: ONE flat colour under all eight openings, rounded like the picture panel's
   family (20 px). It reaches past the 1040 column by its own side padding, so the openings still start on the
   column's edge (in line with the rows below) and none touches the plate's edge. Its height is the band's plus
   its top and bottom padding: one fixed height, so nothing below it ever jumps. */
#site .w3 .w3-rot{--w3-pv:clamp(10px,1.7vh,16px);--w3-ph:clamp(16px,2.4vw,32px);
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);box-sizing:border-box;
  height:calc(var(--w3-band) + 2 * var(--w3-pv));padding:var(--w3-pv) var(--w3-ph);margin-inline:calc(-1 * var(--w3-ph));
  background:var(--w3-plate);border-radius:20px}
#site .w3 .w3-pain{grid-area:1/1;align-self:center;min-width:0;text-align:left;hyphens:manual;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);
  transition:opacity 380ms var(--w3-eo),transform 380ms var(--w3-eo),visibility 0s linear 380ms}
#site .w3 .w3-pain.w3-now{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
/* the one leaving: fades where it stands (the arriving one is the one that rises) */
#site .w3 .w3-pain.w3-fade{opacity:0;visibility:visible;transform:none;transition:opacity 380ms var(--w3-eo)}
#site .w3 .w3-pain[data-o="16"]{align-self:stretch}
/* the openings are centred on the plate, so the ticks are centred under it */
#site .w3 .w3-ticks{display:flex;justify-content:center;gap:0;margin:0}
#site .w3 .w3-tick{all:unset;box-sizing:border-box;display:grid;align-items:center;width:34px;height:30px;
  padding:0 7px;cursor:pointer}
#site .w3 .w3-tick:focus-visible{outline:2px solid var(--cobalt);outline-offset:-2px;border-radius:4px}
#site .w3 .w3-tick i{display:block;height:2px;border-radius:2px;background:#17191D1F;overflow:hidden;
  transition:background 200ms ease}
#site .w3 .w3-tick[aria-current="true"] i{background:#17191D33}
@media (hover:hover) and (pointer:fine){#site .w3 .w3-tick:hover i{background:#17191D40}}
#site .w3 .w3-tick b{display:block;height:100%;background:var(--ink);transform-origin:0 0;transform:scaleX(0)}
@media (prefers-reduced-motion:reduce){
  #site .w3 .w3-pain,#site .w3 .w3-pain.w3-fade{transition:none}
}
/* one screen at a time (desktop): the section is exactly one screen below the review bar
   (--screen-h is set on the page root by the page builder). The heading, the band and the
   dashed rule keep their height; the grid takes what is left, so the picture is as large as the
   screen allows. A taller screen adds space around the block, not a taller picture. */
@media (min-width:1024px) and (min-height:680px){
  #site .w3{min-height:var(--screen-h,calc(100svh - var(--bar-h,0px)));display:flex;flex-direction:column;
    padding-top:40px;padding-bottom:24px}
  #site .w3 .w3-wrap{flex:1 1 auto;justify-content:flex-start}
  #site .w3 .w3-grid{flex:1 1 auto;max-height:500px}
}
/* one-time section settle: never opacity 0 at rest -- transform only, and only
   under motion (the media query means .w3-pre does nothing at all when JS is
   off or motion is reduced, so those cases just show the finished layout) */
@media (prefers-reduced-motion:no-preference){
  #site .w3.w3-pre .w3-h,#site .w3.w3-pre .w3-sub,#site .w3.w3-pre .w3-lead,#site .w3.w3-pre .w3-line,#site .w3.w3-pre .w3-row{transform:translateY(8px)}
  #site .w3 .w3-h,#site .w3 .w3-sub,#site .w3 .w3-lead,#site .w3 .w3-line,#site .w3 .w3-row{transition:transform 460ms var(--w3-eo);
    transition-delay:calc(var(--i,0) * 45ms)}
  /* the one highlighter sweep under "one name", once, after that line settles */
  #site .w3.w3-pre .w3-hl{background-size:0% 88%}
  #site .w3 .w3-hl{transition:background-size 550ms var(--w3-eio) 800ms}
}
#site .w3 .w3-lead{margin:0;font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 48;
  font-weight:500;font-size:clamp(26px,2.8cqi,36px);line-height:1.1;letter-spacing:-.018em;color:var(--ink);
  text-wrap:balance}
#site .w3 .w3-lines{list-style:none;margin:0;padding:0;display:grid}
#site .w3 .w3-line{margin:0;padding:13px 0;border-top:1px solid var(--hair);
  font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 16;
  font-weight:400;font-size:18px;line-height:1.45;color:var(--soft-ink)}
#site .w3 .w3-line:last-child{font-weight:620;color:var(--ink)}
#site .w3 .w3-hl{color:var(--ink);border-radius:3px;padding:0 1px;margin:0 -1px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;
  background-position:0 55%;background-size:100% 88%}
/* the grid: the wireframe's .feat, the same 5fr / 7fr and the same gap as the band */
#site .w3 .w3-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:var(--w3-gap);align-items:stretch;text-align:left}
/* the rows column: as tall as the tallest open row (the script sets min-height), so the
   picture never moves when another row opens */
#site .w3 .w3-picker{align-self:center;min-width:0}
/* Emergent's rows: no box, no fill, no border around a row; 1 px hairlines between them, one above
   the first row and one under the last */
#site .w3 .w3-row{position:relative;border-top:1px solid var(--hair);cursor:pointer}
#site .w3 .w3-row:last-child{border-bottom:1px solid var(--hair)}
#site .w3 .w3-row.on{z-index:1}
#site .w3 .w3-th{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:var(--w3-icg);width:100%;cursor:pointer;
  padding:var(--w3-rp) 0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
#site .w3 .w3-th:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:6px}
/* the closed title is the page's dim ink (6.2 : 1 on white); the open one is ink */
#site .w3 .w3-t{display:block;flex:1 1 auto;min-width:0;font-family:"Mona",system-ui,sans-serif;font-weight:520;font-size:19.5px;
  line-height:1.28;letter-spacing:-.012em;color:var(--grey);transform-origin:0 50%;
  transition:color var(--w3-fast) ease,transform var(--w3-press) var(--w3-eo)}
#site .w3 .w3-row.on .w3-t{color:var(--ink)}
@media (hover:hover) and (pointer:fine){#site .w3 .w3-th:hover .w3-t{color:var(--ink)}}
#site .w3 .w3-th:active .w3-t{transform:scale(.985)}
/* the open row's text: the height opens (0fr to 1fr) and the words fade in a beat later;
   closing is quicker than opening */
#site .w3 .w3-body{display:grid;grid-template-rows:0fr}
#site .w3 .w3-row.on .w3-body{grid-template-rows:1fr}
#site .w3 .w3-bi{min-height:0;overflow:hidden}
#site .w3 .w3-bc{padding:0 0 calc(var(--w3-rp) + 4px) var(--w3-ind);opacity:0;transform:translateY(-4px);
  transition:opacity 120ms ease,transform 120ms ease}
#site .w3 .w3-row.on .w3-bc{opacity:1;transform:none;
  transition:opacity 260ms ease 80ms,transform 320ms var(--w3-eo) 80ms}
@media (prefers-reduced-motion:no-preference){
  #site .w3 .w3-body{transition:grid-template-rows var(--w3-mid) var(--w3-eo)}
}
@media (prefers-reduced-motion:reduce){
  #site .w3 .w3-t,#site .w3 .w3-bc,#site .w3 .w3-row.on .w3-bc{transition:none}
  #site .w3 .w3-bc{transform:none}
}
#site .w3 .w3-d{display:block;font-family:"Mona",system-ui,sans-serif;font-weight:400;font-size:15px;
  line-height:1.5;color:var(--grey);text-wrap:pretty}
/* the text's one <b> part, a touch stronger */
#site .w3 .w3-d b{font-weight:560;color:var(--ink)}
/* the review aids, in the open row only, after the win, on one quiet line */
#site .w3 .w3-meta{display:flex;flex-wrap:wrap;gap:2px 10px;padding-top:10px;font-family:"Plex Mono",monospace;
  font-size:10px;line-height:1.5;letter-spacing:.03em}
/* My notes: Hide is the visitor preview -- the case numbers and the truth tags go */
body.no-notes #site .w3 .w3-meta{display:none}
#site .w3 .w3-num{color:var(--grey)}
#site .w3 .w3-tag-today{color:#0E7F52}
#site .w3 .w3-tag-planned{color:var(--grey)}
#site .w3 .w3-tag-notstarted{color:#9A5B00}
/* the progress line runs along the open row's bottom hairline (2 px, ink) */
#site .w3 .w3-prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;
  opacity:0;transition:opacity 200ms ease}
#site .w3 .w3-row.on .w3-prog{opacity:1}
#site .w3 .w3-prog b{display:block;height:100%;background:var(--ink);transform-origin:0 0;transform:scaleX(0)}
/* the picture, as drawn: the wireframe's .pic, a rounded panel on the page's grey with the app window
   in it. The panel is a size container: it is as tall as the grid row, and the window is never
   wider than that height allows (100cqh less the frame and the caption), so nothing spills */
#site .w3 .w3-pic{background:var(--w3-plate);border-radius:14px;padding:16px;min-width:0;
  display:grid;gap:12px;align-content:center;container-type:size}
#site .w3 .w3-pic .win{width:min(100%,calc((100cqh - 64px) * 1.4));margin-inline:auto}
#site .w3 .w3-canvas{position:relative;aspect-ratio:560/400;max-width:100%;overflow:hidden}
/* each scene lives in its own declarative shadow root (page CSS cannot reach
   in, scene CSS cannot leak out); .w3-host is the light-DOM box the canvas
   positions, scales and crossfades -- the scene itself never carries these */
#site .w3 .w3-canvas>.w3-host{position:absolute;left:0;top:0;width:560px;height:400px;transform-origin:0 0;
  transform:scale(var(--w3-k,1));opacity:0;filter:blur(0);pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  #site .w3 .w3-canvas>.w3-host{transition:opacity 200ms var(--w3-eo),filter 200ms var(--w3-eo),transform 200ms var(--w3-eo)}
}
/* a narrow site (a phone, below 520 px): the scenes are drawn on a canvas at most 400 wide and 1.15 times
   as tall, instead of 560 x 400 (fit() sets --w3-cw so the picture is never scaled below 0.86 and the
   smallest text stays readable) */
#site .w3 .w3-canvas.w3-narrow{aspect-ratio:400/460}
#site .w3 .w3-canvas.w3-narrow>.w3-host{width:var(--w3-cw,400px);height:calc(var(--w3-cw,400px) * 1.15)}
#site .w3 .w3-canvas>.w3-host.on{opacity:1;pointer-events:auto;will-change:transform}
#site .w3 .w3-canvas>.w3-host.leaving{opacity:0;filter:blur(3px);transform:scale(calc(var(--w3-k,1) * .985));will-change:transform}
#site .w3 .w3-pic .foot2{margin:0;justify-content:flex-end}
#site .w3 .w3-pic .foot2 .fake{color:var(--grey)}
/* scene 8's picture is its own address bar -- the outer window's URL text
   (never the dots) steps aside while it plays */
#site .w3 .win.w3-hide-url .chrome .url{visibility:hidden}
/* the review bar's Opening switch has Rotate and 8 numbers: it may wrap inside the bar
   instead of pushing the page sideways on a phone */
.grp:has(>.seg[data-grp="w3-open"]){max-width:100%;flex-wrap:wrap}
.seg[data-grp="w3-open"]{flex-wrap:wrap;max-width:100%}
.seg[data-grp="w3-open"] button{padding:5px 9px}
/* the waitlist pop-up (.wl) covers #site with position:absolute, which was
   the first screen's own height until this block made #site several screens
   tall: the box then opened mid-page and focusing its field scrolled the view
   away. Pinned to the viewport instead; its look is unchanged. */
#site>.wl{position:fixed}

/* ---- the openings inside the band. Each keeps its own form and motion; only its size is set
   here (from this layout, never from the opening files) so that none overflows or clips the band.
   The one-line and stacked forms sit left-aligned from the band's left edge, as the wireframe's h4
   does; O8 and O16 put the heading in the band's 5fr column and the lines in its 7fr column, exactly
   on the grid below. Sizes come from the band's height, so a shorter screen shrinks them together. */
@container site (min-width:761px){
  #site .w3 .w3-rot .w3o-5,#site .w3 .w3-rot .w3o-6,#site .w3 .w3-rot .w3o-7,#site .w3 .w3-rot .w3o-8,
  #site .w3 .w3-rot .w3o-13,#site .w3 .w3-rot .w3o-14{padding:0}
  #site .w3 .w3-rot .w3o-5{text-align:center}
  #site .w3 .w3-rot .w3o-5 .w3o-q{max-width:none;font-size:min(calc(var(--w3-band) * .29),6.4cqi)}
  #site .w3 .w3-rot .w3o-5 .w3o-a{margin-top:calc(var(--w3-band) * .085);font-size:max(19px,calc(var(--w3-band) * .115))}
  #site .w3 .w3-rot .w3o-6{width:max-content;max-width:100%;margin-inline:auto}
  #site .w3 .w3-rot .w3o-6 .w3o-l1{font-size:max(17px,calc(var(--w3-band) * .105))}
  #site .w3 .w3-rot .w3o-6 .w3o-l2{font-size:calc(var(--w3-band) * .128)}
  #site .w3 .w3-rot .w3o-6 .w3o-l3{font-size:calc(var(--w3-band) * .15)}
  #site .w3 .w3-rot .w3o-6 .w3o-l4{font-size:calc(var(--w3-band) * .215)}
  #site .w3 .w3-rot .w3o-7{text-align:center}
  #site .w3 .w3-rot .w3o-7 .w3o-b{margin:0 auto;max-width:16em;font-size:min(calc(var(--w3-band) * .27),5.4cqi)}
  /* the two-column openings (O8, O16) sit as one pair, centred on the plate: the heading column and the lines column
     each take only the width they need, so the pair is not stretched to the plate's edges */
  #site .w3 .w3-rot .w3o-8,#site .w3 .w3-rot .w3o-16{grid-template-columns:minmax(0,auto) minmax(0,auto);justify-content:center;
    align-items:center;gap:calc(var(--w3-gap) * 1.5)}
  #site .w3 .w3-rot .w3o-8 .w3o-h,#site .w3 .w3-rot .w3o-16 .w3o-h{max-width:13em}
  #site .w3 .w3-rot .w3o-8 .w3o-ls,#site .w3 .w3-rot .w3o-16 .w3o-ls{max-width:26em}
  #site .w3 .w3-rot .w3o-8 .w3o-h{font-size:min(calc(var(--w3-band) * .22),4cqi)}
  #site .w3 .w3-rot .w3o-8 .w3o-li{padding:calc(var(--w3-band) * .07) 0;font-size:max(17px,calc(var(--w3-band) * .108))}
  #site .w3 .w3-rot .w3o-13{text-align:center}
  #site .w3 .w3-rot .w3o-13 .w3o-s{font-size:min(calc(var(--w3-band) * .34),6.4cqi);white-space:nowrap}
  #site .w3 .w3-rot .w3o-13 .w3o-z{font-size:calc(var(--w3-band) * .56)}
  #site .w3 .w3-rot .w3o-14{text-align:center}
  #site .w3 .w3-rot .w3o-14 .w3o-b{margin:0 auto;max-width:18em;font-size:min(calc(var(--w3-band) * .235),4.8cqi)}
  #site .w3 .w3-rot .w3o-15{justify-content:center;padding:0 0 8px 7px}
  #site .w3 .w3-rot .w3o-15 .w3o-box{font-size:calc(var(--w3-band) * .19);padding:calc(var(--w3-band) * .085) calc(var(--w3-band) * .12)}
  #site .w3 .w3-rot .w3o-16{height:100%;padding:0}
  #site .w3 .w3-rot .w3o-16 .w3o-h{font-size:min(calc(var(--w3-band) * .185),3.4cqi)}
  #site .w3 .w3-rot .w3o-16 .w3o-li{font-size:max(17px,calc(var(--w3-band) * .112))}
}

/* desktop (1024 px and wider): every sentence in the two-column openings' right column sits on ONE line. The column takes
   its content's width and the heading column takes what is left (it may wrap); the pair stays centred on the plate. */
@media (min-width:1024px){
  #site .w3 .w3-rot .w3o-8,#site .w3 .w3-rot .w3o-16{grid-template-columns:minmax(0,auto) max-content}
  #site .w3 .w3-rot .w3o-8 .w3o-ls,#site .w3 .w3-rot .w3o-16 .w3o-ls{max-width:none}
  #site .w3 .w3-rot .w3o-8 .w3o-li,#site .w3 .w3-rot .w3o-16 .w3o-li{white-space:nowrap}
}

/* phone, or a narrow window (below 760 px): heading, the band at the height of its tallest opening,
   the ticks, the dashed rule, the rows, then the picture under the rows (the wireframe's .feat goes
   to one column). The page scrolls freely. */
@container site (max-width:760px){
  #site .w3{min-height:0;display:block;padding:44px 16px 40px}
  #site .w3 .w3-wrap{gap:20px}
  #site .w3 .w3-h{font-size:30px}
  #site .w3 .w3-head{gap:10px}
  #site .w3 .w3-sub{font-size:16px;max-width:none}
  #site .w3 .w3-top{padding-bottom:16px}
  /* phone: one fixed plate height again (the tallest opening, O6, fits once its two big lines are smaller), so nothing below jumps */
  #site .w3 .w3-rot{--w3-pv:14px;--w3-ph:14px;height:calc(236px + 2 * var(--w3-pv));margin-inline:0;grid-template-rows:minmax(0,1fr)}
  #site .w3 .w3-rot .w3o-6 .w3o-l3{font-size:26px}
  #site .w3 .w3-rot .w3o-6 .w3o-l4{font-size:32px}
  #site .w3 .w3-rot .w3o-5,#site .w3 .w3-rot .w3o-6,#site .w3 .w3-rot .w3o-7,#site .w3 .w3-rot .w3o-13,#site .w3 .w3-rot .w3o-14,
  #site .w3 .w3-rot .w3o-8,#site .w3 .w3-rot .w3o-16{text-align:center}
  #site .w3 .w3-rot .w3o-8,#site .w3 .w3-rot .w3o-16{align-content:center}
  #site .w3 .w3-rot .w3o-16{height:100%}
  #site .w3 .w3-rot .w3o-6{width:max-content;max-width:100%;margin-inline:auto}
  #site .w3 .w3-rot .w3o-13 .w3o-s{font-size:clamp(38px,11.5cqi,52px)}
  #site .w3 .w3-rot .w3o-13 .w3o-z{font-size:clamp(96px,28cqi,132px)}
  #site .w3 .w3-rot .w3o-7 .w3o-b,#site .w3 .w3-rot .w3o-14 .w3o-b{margin:0 auto}
  #site .w3 .w3-rot .w3o-15{justify-content:center;padding-inline:7px 0}
  #site .w3 .w3-rot .w3o-8,#site .w3 .w3-rot .w3o-16{grid-template-columns:minmax(0,1fr)}
  #site .w3 .w3-grid{grid-template-columns:minmax(0,1fr);gap:20px;max-height:none}
  #site .w3 .w3-picker{align-self:start}
  #site .w3 .w3-pic{container-type:normal;padding:12px;border-radius:14px}
  #site .w3 .w3-pic .win{width:100%}
}
@media (prefers-reduced-motion:no-preference){#site .w3 .w3-rot,#site .w3 .w3-pic{transition:background-color 600ms cubic-bezier(0.77,0,0.175,1)}}
/* ---- round 5 (r84): an icon before each title (line icons, the only look), word sets (Row words) ---- */
/* the row words: every set is in the markup (data-ws = its number), only the one on show has a box. The
   selectors are made per set in build_rows_css(), so any number of sets works; no attribute means set 1 */
#site .w3 [data-ws]{display:none}
#site[data-rowwords="1"] .w3 .w3-tx[data-ws="1"],#site:not([data-rowwords]) .w3 .w3-tx[data-ws="1"]{display:inline}
#site[data-rowwords="1"] .w3 .w3-ws[data-ws="1"],#site:not([data-rowwords]) .w3 .w3-ws[data-ws="1"]{display:block}
/* line icons (Emergent's): 20 px, grey while closed, ink when open. */
#site .w3 .w3-ic{flex:none;display:grid;place-items:center;width:var(--w3-icon);height:var(--w3-icon);color:var(--grey);
  transition:color var(--w3-fast) ease,background-color var(--w3-fast) ease,transform var(--w3-press) var(--w3-eo)}
#site .w3 .w3-ic svg{display:block;width:20px;height:20px}
#site .w3 .w3-row.on .w3-ic{color:var(--ink)}
@media (hover:hover) and (pointer:fine){#site .w3 .w3-th:hover .w3-ic{color:var(--ink)}}
#site .w3 .w3-th:active .w3-ic{transform:scale(.94)}
@media (prefers-reduced-motion:reduce){#site .w3 .w3-ic{transition:none}}
#site .w3 .w3-client{display:none;margin:0;text-align:left;gap:3px;align-content:end;--w3-cl-h:76px;min-height:var(--w3-cl-h)}
#site .w3 .w3-pic[data-c="9"] .w3-client{display:grid}
#site .w3 .w3-client .cl-l{font-family:"Schib",system-ui,sans-serif;font-weight:600;font-size:11.5px;line-height:1.3;color:var(--grey)}
#site .w3 .w3-client .cl-t{font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 18;font-size:14.5px;line-height:1.42;color:var(--ink)}
#site .w3 .w3-client .hl{color:var(--ink);border-radius:3px;padding:0 1px;margin:0 -1px;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;background-position:0 55%;background-size:100% 88%;
  transition:background-size .5s var(--w3-eio)}
#site .w3 .w3-client.pre .hl{background-size:0% 88%}
#site .w3 .w3-client>*{transition:opacity 260ms var(--w3-eo)}
#site .w3 .w3-client.dim>*{opacity:.5}
@container site (min-width:761px){
  #site .w3 .w3-pic[data-c="9"] .win{width:min(100%,calc((100cqh - 64px - var(--w3-cl-h, 76px) - 12px) * 1.4))}
}
@container site (max-width:760px){#site .w3 .w3-client{min-height:0}}
@media (prefers-reduced-motion:reduce){#site .w3 .w3-client>*,#site .w3 .w3-client .hl{transition:none}}


.w3o-5{width:100%;box-sizing:border-box}.w3o-5 *{box-sizing:border-box}
.w3o-5 .w3o-hl{color:#17191D;border-radius:3px;padding:0 2px;margin:0 -2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;background-position:0 58%;background-size:100% 88%}
.w3o-5{text-align:left;padding:clamp(8px,2cqi,24px) 0}
.w3o-5 .w3o-q{margin:0;font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:500;font-size:clamp(40px,7.4cqi,96px);line-height:1;letter-spacing:-.032em;color:#17191D;text-wrap:balance;max-width:14em}
.w3o-5 .w3o-w{display:inline-block}
.w3o-5 .w3o-a{margin:clamp(20px,3cqi,40px) 0 0;font-family:"Mona",system-ui,sans-serif;font-weight:560;font-size:clamp(19px,2.3cqi,30px);line-height:1.3;letter-spacing:-.012em;color:#17191D}


.w3o-14{width:100%;box-sizing:border-box}.w3o-14 *{box-sizing:border-box}
.w3o-14 .w3o-hl{color:#17191D;border-radius:3px;padding:0 2px;margin:0 -2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;background-position:0 58%;background-size:100% 88%}
.w3o-14{text-align:center;padding:clamp(16px,3cqi,40px) 0}
.w3o-14 .w3o-b{margin:0 auto;max-width:15em;font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:500;font-size:clamp(30px,5.2cqi,70px);line-height:1.14;letter-spacing:-.028em;color:#17191D;text-wrap:balance}
.w3o-14 .w3o-old{position:relative;display:inline-block;color:#6B7078}
.w3o-14 .w3o-old::after{content:"";position:absolute;left:-3%;width:106%;top:54%;height:.075em;min-height:3px;background:#1649D8;border-radius:2px;transform:rotate(-2deg);transform-origin:0 50%}
.w3o-14 .w3o-new{display:inline-block;font-style:italic;font-weight:500;transform:rotate(-1.2deg);transform-origin:0 100%}


.w3o-6{width:100%;box-sizing:border-box}.w3o-6 *{box-sizing:border-box}
.w3o-6 .w3o-hl{color:#17191D;border-radius:3px;padding:0 2px;margin:0 -2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;background-position:0 58%;background-size:100% 88%}
.w3o-6{padding:clamp(8px,2cqi,24px) 0;text-align:left}
.w3o-6 .w3o-l{margin:0;font-family:"Newsreader",Georgia,serif;font-weight:400;color:#17191D;line-height:1.12;letter-spacing:-.02em}
.w3o-6 .w3o-l1{font-size:clamp(20px,2.4cqi,30px);font-variation-settings:"opsz" 24}
.w3o-6 .w3o-l2{font-size:clamp(24px,3.1cqi,40px);font-variation-settings:"opsz" 36;margin-top:.55em;padding-left:clamp(0px,5cqi,72px)}
.w3o-6 .w3o-l3{font-size:clamp(30px,4.2cqi,56px);font-variation-settings:"opsz" 48;font-weight:500;margin-top:.5em;padding-left:clamp(0px,10cqi,144px)}
.w3o-6 .w3o-l4{font-size:clamp(40px,7.6cqi,104px);font-variation-settings:"opsz" 72;font-weight:600;font-style:italic;margin-top:.32em;padding-left:clamp(0px,12cqi,168px);color:#1649D8;letter-spacing:-.034em;transform-origin:0 60%}


.w3o-8{width:100%;box-sizing:border-box}.w3o-8 *{box-sizing:border-box}
.w3o-8 .w3o-hl{color:#17191D;border-radius:3px;padding:0 2px;margin:0 -2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;background-position:0 58%;background-size:100% 88%}
.w3o-8{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4cqi,56px);align-items:start;text-align:left;}
.w3o-8 .w3o-h{margin:0}
.w3o-8 .w3o-ls{list-style:none;margin:0;padding:0;display:grid}
@media (max-width:720px){.w3o-8{grid-template-columns:minmax(0,1fr)}}

.w3o-8 .w3o-h{font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 48;font-weight:600;font-size:clamp(30px,3.7cqi,50px);line-height:1.06;letter-spacing:-.026em;color:#17191D;text-wrap:balance}
.w3o-8 .w3o-li{position:relative;margin:0;padding:15px 0;font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 18;font-weight:400;font-size:clamp(18px,1.75cqi,23px);line-height:1.42;color:#3B4048}
.w3o-8 .w3o-li i{position:absolute;left:0;right:0;top:0;height:1px;background:rgba(23,25,29,.2);transform-origin:0 50%}
.w3o-8 .w3o-li:last-child{font-weight:620;color:#17191D}


.w3o-7{width:100%;box-sizing:border-box}.w3o-7 *{box-sizing:border-box}
.w3o-7 .w3o-hl{color:#17191D;border-radius:3px;padding:0 2px;margin:0 -2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;background-position:0 58%;background-size:100% 88%}
.w3o-7{text-align:center;padding:clamp(16px,3cqi,40px) 0}
.w3o-7 .w3o-b{margin:0 auto;max-width:13em;font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:500;font-size:clamp(34px,6cqi,80px);line-height:1.04;letter-spacing:-.03em;color:#17191D;text-wrap:balance}
.w3o-7 .w3o-w{display:inline-block}


.w3o-15{width:100%;box-sizing:border-box}.w3o-15 *{box-sizing:border-box}
.w3o-15 .w3o-hl{color:#17191D;border-radius:3px;padding:0 2px;margin:0 -2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;background-position:0 58%;background-size:100% 88%}
.w3o-15{display:flex;justify-content:center;padding:clamp(16px,3cqi,40px) 8px clamp(24px,3cqi,44px)}
.w3o-15 .w3o-box{width:min(760px,100%);background:#fff;border:2px solid #17191D;border-radius:6px;box-shadow:7px 7px 0 #17191D;padding:clamp(18px,2.6cqi,34px) clamp(16px,2.4cqi,32px);font-family:"Plex Mono",monospace;font-weight:500;font-size:clamp(18px,2.5cqi,32px);line-height:1.3;letter-spacing:-.02em;color:#17191D;min-height:2.6em;display:flex;align-items:center}
.w3o-15 .w3o-ca{display:none;width:.6em;height:1.05em;margin-left:2px;background:#17191D;vertical-align:-.16em}
.w3o-15 .w3o-box.w3o-on .w3o-ca{display:inline-block;animation:w3o15blink 1s steps(1) infinite}
@keyframes w3o15blink{50%{opacity:0}}
.w3o-15 .w3o-hl{padding:0 3px;margin:0 -3px}


.w3o-13{width:100%;box-sizing:border-box}.w3o-13 *{box-sizing:border-box}
.w3o-13 .w3o-hl{color:#17191D;border-radius:3px;padding:0 2px;margin:0 -2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;background-position:0 58%;background-size:100% 88%}
.w3o-13{text-align:center;padding:clamp(16px,3cqi,40px) 0}
.w3o-13 .w3o-b{margin:0;font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:600;color:#17191D;letter-spacing:-.04em;line-height:1}
.w3o-13 .w3o-ln{display:block;overflow:hidden;padding:.08em .12em .16em;margin:-.08em 0 -.16em}
.w3o-13 .w3o-in{display:inline-block}
.w3o-13 .w3o-s{font-size:clamp(34px,6cqi,80px);font-weight:500}
.w3o-13 .w3o-z{font-size:clamp(72px,15cqi,200px);font-style:italic;letter-spacing:-.055em}


.w3o-16{width:100%;box-sizing:border-box}.w3o-16 *{box-sizing:border-box}
.w3o-16 .w3o-hl{color:#17191D;border-radius:3px;padding:0 2px;margin:0 -2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(#FFE14D,#FFE14D);background-repeat:no-repeat;background-position:0 58%;background-size:100% 88%}
.w3o-16{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4cqi,56px);align-items:start;text-align:left}
.w3o-16 .w3o-h{margin:0}
.w3o-16 .w3o-ls{list-style:none;margin:0;padding:0;display:grid}
@media (max-width:720px){.w3o-16{grid-template-columns:minmax(0,1fr)}}

.w3o-16 .w3o-h{font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 48;font-weight:500;font-size:clamp(28px,3.5cqi,48px);line-height:1.08;letter-spacing:-.024em;color:#17191D;text-wrap:balance}
.w3o-16 .w3o-w{display:inline-block}
.w3o-16 .w3o-li{margin:0;padding:16px 0;border-top:1px solid rgba(23,25,29,.2);font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 18;font-size:clamp(18px,1.85cqi,24px);line-height:1.42;color:#343842}
.w3o-16 .w3o-hl{background-position:0 60%}


#site:not([data-faq="1"]) .w5-look[data-slot="faq"][data-v="1"]{display:none}


/* Pricing: after the flip only (the page hides .open-only in the waitlist stage).
   Every rule starts with #pricing, every class starts with w5-.
   r140: the clean look (like Emergent), with Standard's card filled in a standout colour and the yellow
   Recommended label. Looks 2 and 3 are benched (blocks/benched/10-pricing-looks-2-3.html).
   r145: Standard's card is Cobalt, the brand colour (the "Standard colour" switch and its Ink and Deep cobalt fills left).
   One review switch sets a data attribute on #site (review chrome, a visitor has no such control):
   "Visitor in" sets data-visitor (0 Europe, euro; 1 elsewhere, dollars). */
#pricing{background:var(--mist);border-top:1px solid var(--hair);
  padding:clamp(64px,8cqi,112px) clamp(16px,4cqi,48px);text-align:center;color:var(--ink);
  --w5-eo:cubic-bezier(.23,1,.32,1);--w5-hl:#FFE14D}
#pricing .w5-wrap{max-width:1120px;margin:0 auto;display:grid;justify-items:center;
  gap:clamp(28px,3.4cqi,44px)}
#pricing .w5-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* heading: exactly W3's */
#pricing .w5-head{display:grid;justify-items:center;gap:14px}
#pricing .w5-h{margin:0;font-family:"Mona",system-ui,sans-serif;font-weight:620;
  font-size:clamp(32px,3.8cqi,52px);line-height:1.06;letter-spacing:-.022em;color:var(--ink);
  text-wrap:balance}
#pricing .w5-lede{margin:0;max-width:30em;font-size:clamp(17px,1.5cqi,20px);line-height:1.4;
  color:var(--soft-ink);text-wrap:balance}
#pricing .w5-one{margin:0;font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 16;
  font-weight:400;font-size:18px;line-height:1.4;color:var(--soft-ink)}

/* the page's yellow highlighter (the saving; never a pill) */
#pricing .w5-hl{color:var(--ink);font-weight:620;border-radius:3px;padding:0 4px;margin:0 -1px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;background:var(--w5-hl)}

/* the one billing switch for the whole section: two equal halves, a white thumb that slides */
#pricing .w5-ctl{display:flex;justify-content:center}
#pricing .w5-seg{position:relative;isolation:isolate;display:inline-grid;grid-template-columns:1fr 1fr;
  padding:4px;border-radius:99px;background:#17191D12}
#pricing .w5-seg::before{content:"";position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;
  width:calc(50% - 4px);border-radius:99px;background:var(--white);
  box-shadow:0 1px 2px #17191D33,0 0 0 .5px #17191D14;transition:transform 260ms var(--w5-eo)}
#pricing .w5-seg[data-on="y"]::before{transform:translateX(100%)}
#pricing .w5-opt{appearance:none;-webkit-appearance:none;margin:0;border:0;background:none;cursor:pointer;
  min-height:42px;padding:0 20px;border-radius:99px;font-family:"Mona",system-ui,sans-serif;font-weight:560;
  font-size:15px;line-height:1;color:var(--grey);white-space:nowrap;display:inline-flex;align-items:center;
  justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent;transition:color 180ms ease,transform 140ms var(--w5-eo)}
#pricing .w5-opt[aria-checked="true"]{color:var(--ink)}
#pricing .w5-opt:active{transform:scale(.97)}
#pricing .w5-opt:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}
@media (hover:hover) and (pointer:fine){#pricing .w5-opt[aria-checked="false"]:hover{color:var(--ink)}}

/* the three cards. Wide: one grid, each card a subgrid over five shared rows (name, who, price,
   the numbers, the button), so they line up across cards whatever the copy later becomes.
   Fallback without subgrid: a flex column, button pinned down. */
#pricing .w5-cards{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;align-items:stretch;text-align:left}
#pricing .w5-card{--w5-t1:var(--ink);--w5-t2:var(--soft-ink);--w5-t3:var(--grey);--w5-ck:var(--cobalt);
  --w5-pt:clamp(22px,2.6cqi,32px);--w5-pb:clamp(20px,2.2cqi,28px);--w5-up:0px;
  position:relative;display:flex;flex-direction:column;min-width:0;
  background:var(--white);border:1px solid var(--hair);border-radius:16px;color:var(--w5-t1);
  margin-block:calc(var(--w5-up) * -1);
  padding:calc(var(--w5-pt) + var(--w5-up)) clamp(20px,2.2cqi,28px) calc(var(--w5-pb) + var(--w5-up))}
@supports (grid-template-rows:subgrid){
  #pricing .w5-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}
  #pricing .w5-act{align-self:end}
}
#pricing .w5-hd{grid-row:1;display:flex;align-items:center;gap:10px;min-width:0}
#pricing .w5-name{margin:0;font-family:"Mona",system-ui,sans-serif;font-weight:620;
  font-size:22px;line-height:1.2;letter-spacing:-.012em;color:var(--w5-t1)}
#pricing .w5-ico{width:22px;height:22px;flex:none;color:var(--w5-t1)}
#pricing .w5-rec{margin-left:auto;display:inline-flex;align-items:center;height:24px;padding:0 9px;
  border-radius:6px;background:var(--w5-hl);color:var(--ink);font-family:"Mona",system-ui,sans-serif;
  font-weight:620;font-size:12.5px;letter-spacing:.005em;white-space:nowrap}
#pricing .w5-who{grid-row:2;margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--w5-t2)}

/* the price: each figure sits in a clipped cell; a change rolls the old one out and the new one in
   (the script does it; under reduced motion it swaps at once). The cells keep their height. */
#pricing .w5-pr{grid-row:3;padding-top:28px;display:grid;gap:8px;align-content:start}
#pricing .w5-roll{display:grid;overflow:hidden}
#pricing .w5-t{grid-area:1/1;min-width:0}
#pricing .w5-fig{padding:2px 0 4px;margin:-2px 0 -4px}
#pricing .w5-fig .w5-t{font-family:"Mona",system-ui,sans-serif;font-weight:620;
  font-size:clamp(44px,4.4cqi,60px);line-height:1.05;letter-spacing:-.035em;
  color:var(--w5-t1);white-space:nowrap}
#pricing .w5-cur{font-size:.56em;font-weight:600;letter-spacing:0;margin-right:.06em;
  position:relative;top:-.42em;vertical-align:baseline}
#pricing .w5-per{font-size:15px;font-weight:440;letter-spacing:0;margin-left:3px;color:var(--w5-t3)}
#pricing .w5-bl{min-height:21px;font-size:14.5px;line-height:1.45;color:var(--w5-t3)}
#pricing .w5-sv{min-height:25px;padding:1px 0;font-size:14.5px;line-height:1.45}

/* the four numbers: one checklist */
#pricing .w5-body{grid-row:4;margin-top:28px;display:grid;gap:10px;align-content:start}
#pricing .w5-nums{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#pricing .w5-nums li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;
  font-size:15px;line-height:1.45;color:var(--w5-t2)}
#pricing .w5-nums b{font-weight:620;color:var(--w5-t1)}
#pricing .w5-nums svg{width:20px;height:20px;display:block;margin-top:1px;color:var(--w5-ck)}
#pricing .w5-more{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--w5-t3);text-wrap:pretty}
#pricing .w5-more a{color:var(--w5-t1);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:3px;transition:color 180ms ease}
@media (hover:hover) and (pointer:fine){#pricing .w5-more a:hover{color:var(--cobalt)}}
#pricing .w5-more a:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:2px}

#pricing .w5-act{grid-row:5;padding-top:28px;margin-top:auto}
/* the one button per card. Standard's is the only filled one: white with ink text on the colour (cobalt on hover,
   ink on hover when the card is ink); it presses in. r139: Starter and Premium are bought straight away, so theirs
   are the quieter outlined pair (ink outline, ink fills on hover). */
#pricing .w5-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;
  padding:0 24px;border-radius:99px;background:var(--white);color:var(--ink);
  font-family:"Mona",system-ui,sans-serif;font-weight:620;font-size:16px;line-height:1;text-decoration:none;
  white-space:nowrap;transition:background-color 180ms ease,color 180ms ease,transform 140ms var(--w5-eo)}
@media (hover:hover) and (pointer:fine){#pricing .w5-btn:hover{background:var(--w5-hov);color:var(--white)}}
#pricing .w5-btn:active{transform:scale(.97)}
#pricing .w5-btn:focus-visible{outline:2px solid var(--w5-t1);outline-offset:2px}
#pricing .w5-btn--quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);--w5-hov:var(--ink)}
#pricing .w5-btn--quiet:focus-visible{outline-color:var(--cobalt)}
#pricing .w5-btn--main{background:var(--cobalt);color:var(--white);--w5-hov:var(--ink)}
#pricing .w5-btn--main:focus-visible{outline-color:var(--cobalt)}

/* the phone table (shown at 860 px and narrower, below) */
#pricing .w5-cmp{display:none;width:100%}
#pricing .w5-tbl{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;background:var(--white);border-radius:16px;overflow:hidden;
  box-shadow:0 0 0 1px var(--hair);font-size:14px;line-height:1.3;color:var(--soft-ink)}
#pricing .w5-tbl th,#pricing .w5-tbl td{padding:11px 6px;text-align:center;vertical-align:middle;border-top:1px solid var(--hair);font-weight:440}
#pricing .w5-tbl thead th,#pricing .w5-tbl thead td{border-top:0;padding-top:16px;padding-bottom:12px}
#pricing .w5-tbl thead th{font-family:"Mona",system-ui,sans-serif;font-weight:620;font-size:15px;color:var(--ink);letter-spacing:-.01em}
#pricing .w5-tbl tbody th{text-align:left;padding-left:12px;font-size:12.5px;color:var(--grey);text-wrap:pretty}
#pricing .w5-tbl tbody td{font-family:"Mona",system-ui,sans-serif;font-weight:620;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
#pricing .w5-tbl .w5-cpr td{font-size:17px;letter-spacing:-.03em;padding:8px 2px;font-variant-numeric:normal}
#pricing .w5-cfig .w5-t{white-space:nowrap}
#pricing .w5-cfig{display:grid;overflow:hidden;justify-items:center}
#pricing .w5-cfig .w5-t{grid-area:1/1}
#pricing .w5-tbl .w5-cpick{background:var(--cobalt);color:var(--white);border-top-color:#FFFFFF33}
#pricing .w5-tbl thead .w5-cpick{color:var(--white)}
#pricing .w5-crec{display:block;margin:6px auto 0;width:max-content;padding:2px 4px;border-radius:5px;background:var(--w5-hl);color:var(--ink);
  font-size:9.5px;font-weight:600;letter-spacing:-.02em;line-height:1.3;max-width:100%;white-space:nowrap}
@container site (max-width:360px){#pricing .w5-tbl .w5-cpr td{font-size:15px}#pricing .w5-crec{font-size:8.5px}}
#pricing .w5-cnote{display:grid;overflow:hidden;margin:12px 0 0;text-align:center;font-size:13px;line-height:1.4;color:var(--grey)}
#pricing .w5-cnote .w5-t{grid-area:1/1}
#pricing .w5-cact{margin-top:18px;display:grid;gap:0}
#pricing .w5-cact .w5-nocard{margin-top:10px}
#pricing .w5-cbuy{margin:14px 0 0;text-align:center;font-size:14.5px;line-height:1.5;color:var(--grey)}
#pricing .w5-cbuy a{color:var(--ink);font-weight:560;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#pricing .w5-cact .w5-more{text-align:center;margin-top:6px}

/* Standard: raised 14 px above and below the other two (padding and margin cancel, so every row inside still lines
   up across the three cards), filled in the standout colour, white text throughout (no grey on the colour),
   white checkmarks (its Recommended label is the page's yellow, flat). No shadow, no side line. Cobalt, ruled r145. */
#pricing .w5-pick{--w5-t1:var(--white);--w5-t2:var(--white);--w5-t3:var(--white);--w5-ck:var(--white);--w5-up:14px;
  --w5-fill:var(--cobalt);--w5-hov:var(--ink);background:var(--w5-fill);border-color:var(--w5-fill)}


/* placeholder chip: the page's own, verbatim text */
#pricing .w5-ph{display:inline-block;background:#17191D0F;border-radius:4px;padding:0 5px;
  font-family:"Plex Mono",monospace;font-size:12.5px;line-height:1.6;color:var(--ink);white-space:nowrap}

/* the two lists: one white panel, a hairline between them (drawn as a 1px gap) */

#pricing .note{max-width:640px;text-align:left}

/* one-time settle on entry: transform only, never opacity 0 at rest, and only
   under motion (without motion or without JS the finished layout just shows) */
/* r151: under the cards, nothing but one quiet button that opens the plan details; the price line carries
   incl. VAT (tax may apply, in dollars) and Standard's button says no card. The old nine notes and the two
   boxes are gone (their words kept in COPY.md). */
#pricing .w5-nocard{margin:10px 0 0;min-height:17px;font-size:13px;line-height:1.3;text-align:center;color:var(--w5-t3)}
#pricing .w5-dtl{width:100%;max-width:1120px;margin:0 auto}
#pricing .w5-sum{list-style:none;display:flex;width:max-content;margin:0 auto;align-items:center;gap:8px;min-height:44px;
  padding:0 18px;border-radius:999px;cursor:pointer;font-family:"Mona",system-ui,sans-serif;font-weight:620;font-size:15px;
  color:var(--ink);background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink);user-select:none;
  transition:background-color 180ms ease,color 180ms ease}
#pricing .w5-sum::-webkit-details-marker{display:none}
#pricing .w5-sum svg{width:16px;height:16px;display:block;transition:transform 220ms var(--w5-eo)}
#pricing .w5-dtl[open] .w5-sum{background:var(--ink);color:var(--white)}
#pricing .w5-dtl[open] .w5-sum svg{transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){#pricing .w5-sum:hover{background:var(--ink);color:var(--white)}}
#pricing .w5-sum:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}
#pricing .w5-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px clamp(28px,4cqi,56px);margin:28px 0 0;text-align:left}
#pricing .w5-g{border-top:1px solid var(--hair);padding-top:12px;min-width:0}
#pricing .w5-g h4{margin:0 0 5px;font-family:"Mona",system-ui,sans-serif;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);font-weight:620}
#pricing .w5-g p{margin:0;font-size:14.5px;line-height:1.55;color:var(--soft-ink);text-wrap:pretty}
#pricing .w5-g a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
@media (hover:hover) and (pointer:fine){#pricing .w5-g a:hover{color:var(--cobalt)}}
#pricing .w5-g a:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:2px}
#pricing .w5-g .w5-ph{display:inline;white-space:normal}
@media (max-width:760px){#pricing .w5-groups{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:no-preference){
  #pricing.w5-pre .w5-sett{transform:translateY(8px)}
  #pricing .w5-sett{transition:transform 460ms var(--w5-eo);transition-delay:calc(var(--i,0) * 45ms)}
}
@media (prefers-reduced-motion:reduce){
  #pricing *,#pricing *::before{transition:none!important}
}

@container site (max-width:1000px){
  #pricing .w5-cards{gap:14px}
  #pricing .w5-ph{font-size:11.5px}
  #pricing .w5-name{font-size:20px}
}
@container site (max-width:860px){
  #pricing{padding:56px 16px}
  #pricing .w5-ph{font-size:12.5px}
  #pricing .w5-name{font-size:22px}
  #pricing .w5-cards{grid-template-columns:minmax(0,1fr);gap:16px}
  #pricing .w5-card{display:flex;flex-direction:column;grid-row:auto;--w5-pt:26px;--w5-pb:22px;padding-inline:22px}
  #pricing .w5-act{align-self:auto}
  #pricing .w5-fig .w5-t{font-size:52px}
  #pricing .w5-pick{--w5-up:0px}
  /* stacked cards align with nothing: the yearly-saving cell and the empty no-card line give back their reserved height */
  #pricing .w5-pr{padding-top:22px}
  #pricing .w5-sv{min-height:0;padding:0}
  #pricing .w5-body{margin-top:22px}
  #pricing .w5-nocard:empty{display:none}
  /* the three plans side by side: the table shows, the cards hide */
  #pricing .w5-cards{display:none}
  #pricing .w5-cmp{display:block}
}


/* The product video: no heading, one 16:9 frame. The video itself is Codex's (07);
   nothing here renders, fakes or embeds one. Every rule starts with #demo. */
#demo{background:var(--white);border-top:1px solid var(--hair);
  padding:clamp(64px,8cqi,112px) clamp(16px,4cqi,48px);text-align:center;color:var(--ink);
  --w5-eo:cubic-bezier(.23,1,.32,1)}
#demo .w5-wrap{max-width:1160px;margin:0 auto}

/* the frame: the mist band's colour, flat, a hairline ring */
#demo .w5-frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;
  display:grid;place-content:center;justify-items:center;gap:clamp(40px,5cqi,64px);
  background:var(--mist);
  box-shadow:inset 0 0 0 1px var(--hair)}

/* the play glyph: a white disc, two quiet rings, a rounded triangle. It is a picture
   of a play button, not a control: the video is not here yet. */
#demo .w5-play{position:relative;width:clamp(64px,7.4cqi,96px);aspect-ratio:1;border-radius:50%;
  display:grid;place-items:center;background:var(--white);color:var(--ink);
  box-shadow:0 0 0 1px var(--hair)}
#demo .w5-play::before,#demo .w5-play::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
#demo .w5-play::before{inset:-20%;border:1px solid #17191D1A}
#demo .w5-play::after{inset:-40%;border:1px solid #17191D0D}
#demo .w5-play svg{width:38%;height:38%;display:block;margin-left:4%}

/* placeholder chip: the page's own, verbatim text */
#demo .w5-ph{display:inline-block;background:#17191D0F;border-radius:4px;padding:0 5px;
  font-family:"Plex Mono",monospace;font-size:12.5px;line-height:1.6;color:var(--ink);
  white-space:nowrap}

/* under the frame: the caption at the left, the transcript link at the right */
#demo .w5-under{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:16px 4px 0;text-align:left}
#demo .w5-made{font-family:"Plex Mono",monospace;font-size:12.5px;line-height:1.4;color:var(--grey)}
#demo .w5-lnk{font-family:"Mona",system-ui,sans-serif;font-weight:560;font-size:15px;line-height:1.4;
  color:var(--cobalt);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;
  transition:color 180ms ease}
@media (hover:hover) and (pointer:fine){#demo .w5-lnk:hover{color:#0E36AA}}
#demo .w5-lnk:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;border-radius:2px}

#demo .note{margin-top:12px;text-align:left}
#demo .note i{font-style:italic}

/* one-time settle on entry: transform only, never opacity 0 at rest, and only under motion */
@media (prefers-reduced-motion:no-preference){
  #demo.w5-pre .w5-sett{transform:translateY(8px)}
  #demo .w5-sett{transition:transform 460ms var(--w5-eo);transition-delay:calc(var(--i,0) * 45ms)}
}
@media (prefers-reduced-motion:reduce){
  #demo .w5-lnk{transition:none}
}

@container site (max-width:860px){
  #demo{padding:56px 16px}
  #demo .w5-frame{border-radius:14px;gap:36px}
  #demo .w5-play{width:64px}
  #demo .w5-ph{font-size:11.5px;white-space:normal;display:inline}
  #demo .w5-under{padding-inline:2px}
}


/* LOOK 1 . Quiet list: the r62 wireframe, done carefully. White, one column, hairlines.
   Every rule starts with .w5-faq1. */
.w5-faq1{position:relative;background:var(--white);border-top:1px solid var(--hair);
  padding:clamp(64px,8cqi,112px) clamp(16px,4cqi,48px);text-align:center;color:var(--ink);
  --w5-eo:cubic-bezier(.23,1,.32,1);
  interpolate-size:allow-keywords}
.w5-faq1 .w5-wrap{max-width:760px;margin:0 auto}
.w5-faq1 .w5-h{margin:0;font-family:"Mona",system-ui,sans-serif;font-weight:620;
  font-size:clamp(32px,3.8cqi,52px);line-height:1.06;letter-spacing:-.022em;color:var(--ink);text-wrap:balance}
.w5-faq1 .w5-line{margin:16px auto 0;max-width:60ch;font-size:17px;line-height:1.5;color:var(--soft-ink);text-wrap:balance}
.w5-faq1 .w5-col{margin-top:clamp(40px,5cqi,64px);text-align:left;display:grid;gap:clamp(36px,4.4cqi,56px)}

/* group caption: Plex Mono, capitals, quiet */
.w5-faq1 .w5-cap{margin:0 0 12px;font-family:"Plex Mono",monospace;font-weight:500;font-size:12px;line-height:1.2;
  text-transform:uppercase;letter-spacing:.09em;color:var(--grey)}

/* hairline above the group, one under every question: above the first, between, below the last,
   whatever the stage hides */
.w5-faq1 .w5-items{border-top:1px solid var(--hair)}
.w5-faq1 .w5-item{border-bottom:1px solid var(--hair)}

.w5-faq1 .w5-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin:6px -16px;padding:13px 16px;border-radius:14px;cursor:pointer;
  font-family:"Mona",system-ui,sans-serif;font-weight:600;font-size:17px;line-height:1.35;letter-spacing:-.008em;
  color:var(--ink);text-wrap:pretty;-webkit-tap-highlight-color:transparent;
  transition:background-color 180ms ease,scale 140ms var(--w5-eo)}
.w5-faq1 .w5-item summary::-webkit-details-marker{display:none}
.w5-faq1 .w5-item summary::marker{content:""}
.w5-faq1 .w5-item summary:active{scale:.99}
.w5-faq1 .w5-item summary:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}
@media (hover:hover) and (pointer:fine){
  .w5-faq1 .w5-item summary:hover{background:var(--mist)}
  .w5-faq1 .w5-item summary:hover .w5-chev{box-shadow:inset 0 0 0 1px #17191D66}
}

/* the chevron: a thin stroke in a ring; open = the ring fills ink and the whole thing turns 180 */
.w5-faq1 .w5-chev{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--ink);
  box-shadow:inset 0 0 0 1px #17191D2B;
  transition:transform 240ms var(--w5-eo),background-color 200ms ease,color 200ms ease,box-shadow 200ms ease}
.w5-faq1 .w5-chev svg{width:15px;height:15px;display:block}
.w5-faq1 .w5-item[open] .w5-chev{transform:rotate(180deg);background:var(--ink);color:var(--white);box-shadow:inset 0 0 0 1px var(--ink);
  transition-duration:300ms,240ms,240ms,240ms}

/* the answer */
.w5-faq1 .w5-a{display:grid;grid-template-rows:1fr}
.w5-faq1 .w5-ai{min-height:0;overflow:hidden}
.w5-faq1 .w5-a p{margin:0;padding:0 0 26px;max-width:62ch;font-family:"Mona",system-ui,sans-serif;font-weight:420;
  font-size:16px;line-height:1.62;color:var(--soft-ink);text-wrap:pretty}
.w5-faq1 .w5-inl{color:var(--cobalt);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;
  transition:color 180ms ease}
.w5-faq1 .w5-inl:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:2px}
@media (hover:hover) and (pointer:fine){.w5-faq1 .w5-inl:hover{color:#0E36AA}}

/* placeholder chip: the page's own, verbatim text */
.w5-faq1 .w5-ph{display:inline-block;background:#17191D0F;border-radius:4px;padding:0 5px;
  font-family:"Plex Mono",monospace;font-size:12.5px;line-height:1.6;color:var(--ink);white-space:nowrap}

/* after the flip: the link to all the questions, under the last one */
.w5-faq1 .w5-more{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(24px,3cqi,36px);
  font-family:"Mona",system-ui,sans-serif;font-weight:580;font-size:15.5px;line-height:1.3;color:var(--cobalt);
  text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px;transition:color 180ms ease}
.w5-faq1 .w5-more svg{width:15px;height:15px;display:block;flex:none}
.w5-faq1 .w5-more:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px;border-radius:2px}
@media (hover:hover) and (pointer:fine){.w5-faq1 .w5-more:hover{color:#0E36AA}}

/* THE OPEN AND CLOSE. Where the browser can animate a details' content (::details-content plus
   interpolate-size): height and opacity, ease-out, the way out a little quicker than the way in. */
@supports (interpolate-size:allow-keywords) and selector(::details-content){
  .w5-faq1 .w5-item::details-content{height:0;overflow:clip;opacity:0;
    transition:height 240ms var(--w5-eo),opacity 180ms ease,content-visibility 240ms allow-discrete}
  .w5-faq1 .w5-item[open]::details-content{height:auto;opacity:1;
    transition:height 300ms var(--w5-eo),opacity 260ms ease 40ms,content-visibility 300ms allow-discrete}
}
/* Fallback (no ::details-content): a grid-rows keyframe on the way open; closing is instant. */
@supports not ((interpolate-size:allow-keywords) and selector(::details-content)){
  .w5-faq1 .w5-item[open] .w5-a{animation:w5faq1-rows 300ms var(--w5-eo) both}
}
@keyframes w5faq1-rows{from{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}

/* one-time settle on entry: transform only, never opacity 0 at rest, and only under motion */
@media (prefers-reduced-motion:no-preference){
  .w5-faq1.w5-pre .w5-sett{transform:translateY(8px)}
  .w5-faq1 .w5-sett{transition:transform 460ms var(--w5-eo);transition-delay:calc(var(--i,0) * 45ms)}
}
@media (prefers-reduced-motion:reduce){
  .w5-faq1 .w5-item summary,.w5-faq1 .w5-chev,.w5-faq1 .w5-inl,.w5-faq1 .w5-more{transition:none}
  .w5-faq1 .w5-item::details-content,.w5-faq1 .w5-item[open]::details-content{transition:none}
  .w5-faq1 .w5-item[open] .w5-a{animation:none}
}

@container site (max-width:860px){
  .w5-faq1{padding:56px 16px}
  .w5-faq1 .w5-line{font-size:16px}
  .w5-faq1 .w5-col{margin-top:36px;gap:36px}
  .w5-faq1 .w5-item summary{margin-inline:-12px;padding:14px 12px;font-size:16.5px;gap:16px}
  .w5-faq1 .w5-a p{font-size:15.5px;padding-bottom:22px}
  .w5-faq1 .w5-ph{font-size:11px;white-space:normal;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}
}


/* The closing ask, look 4 · Cobalt bookend, no rings: the page ends the way it began.
   Flat cobalt, no glow and no gradient. The first screen's r•m tile (its own markup and
   its own float, landing and ping), the headline set like the first screen's, the white pill.
   Every rule starts with .w5-close4; every class starts with w5- (the tile keeps the first
   screen's own class names, the contract's one exception; its glyph ids are prefixed close4-). */
.w5-close4{position:relative;overflow:hidden;background:var(--cobalt);color:var(--white);text-align:center;
  padding:clamp(64px,8cqi,112px) clamp(16px,4cqi,48px);
  --w5-tile:clamp(88px,7.6cqi,120px);
  --w5-eo:cubic-bezier(.23,1,.32,1);
  --w5-spring:linear(0,.16 4%,.56 12%,.86 20%,1.015 30%,1.022 38%,1.006 50%,1 65%,1)}
.w5-close4 .w5-stack{position:relative;max-width:920px;margin:0 auto;display:grid;justify-items:center}

/* the tile: the first screen's, larger. No rings: the tile's own ping only. */
.w5-close4 .w5-drop{perspective:700px;margin-bottom:clamp(22px,2.8cqi,40px)}
.w5-close4 .w5-lean{position:relative;width:var(--w5-tile);height:var(--w5-tile)}
.w5-close4 .w5-lean .mark{display:block;width:100%;height:100%;margin:0}

/* the headline: the first screen's own numbers, size included (Newsreader, opsz 72, 470, white, "already" in italic) */
.w5-close4 .w5-h{margin:0;font-family:"Newsreader",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:470;
  font-size:clamp(38px,4.3cqi,64px);line-height:1.02;letter-spacing:-.022em;padding-bottom:.06em;color:var(--white)}
.w5-close4 .w5-l{display:block;white-space:nowrap}
.w5-close4 .w5-w{display:inline-block}
.w5-close4 .w5-h em{font-style:italic;font-weight:420}
.w5-close4 .w5-line{margin:clamp(20px,2.4cqi,30px) 0 0;max-width:36em;font-weight:440;
  font-size:clamp(18px,1.7cqi,22px);line-height:1.35;color:#FFFFFFD9;text-wrap:balance}
.w5-close4 .w5-act{margin-top:clamp(28px,3.2cqi,42px);width:100%;display:flex;justify-content:center}
.w5-close4 .w5-fine{margin:22px 0 0;max-width:34em;font-size:13.5px;line-height:1.5;color:#FFFFFFD9;text-wrap:balance}
.w5-close4 .w5-fine a{color:#FFFFFF;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* the button: the page's own white pill (.btn.main), flat, pressed to .97; hover is a colour change */
.w5-close4 .w5-join,.w5-close4 .w5-go{min-height:50px;padding:0 32px;line-height:1;-webkit-tap-highlight-color:transparent;
  transition:transform 140ms var(--w5-eo),background-color 180ms ease}
@media (hover:hover) and (pointer:fine){
  .w5-close4 .w5-join:hover,.w5-close4 .w5-go:hover{background:var(--soft)}
}
.w5-close4 .w5-join:active,.w5-close4 .w5-go:active{transform:scale(.97)}
.w5-close4 .w5-join:focus-visible,.w5-close4 .w5-go:focus-visible{outline:2px solid var(--white);outline-offset:3px}

/* placeholder chip on cobalt: the page's own look for it there, verbatim text */
.w5-close4 .w5-ph{display:inline-block;background:#FFFFFF26;border-radius:4px;padding:0 5px;
  font-family:"Plex Mono",monospace;font-size:12.5px;line-height:1.6;color:var(--white);white-space:nowrap}

/* motion, only under no-preference. Before the look is in view (w5-pre): the tile's own animations
   wait, the tile hangs a little high, the words sit low and out of focus, the button waits small.
   Nothing is ever at opacity 0 at rest; every state is readable. Out of pre, one spring cascade. */
@media (prefers-reduced-motion:no-preference){
  .w5-close4.w5-pre .mark .tilt,.w5-close4.w5-pre .tile-svg .dot,.w5-close4.w5-pre .tile-svg .ripple{animation-play-state:paused}

  .w5-close4.w5-pre .w5-drop{transform:translateY(-26px) scale(.9)}
  .w5-close4 .w5-drop{transition:transform 1000ms var(--w5-spring)}
  .w5-close4.w5-pre .w5-w{transform:translateY(.36em);filter:blur(7px)}
  .w5-close4 .w5-w{transition:transform 860ms var(--w5-spring) var(--d,0ms),filter 620ms var(--w5-eo) var(--d,0ms)}
  .w5-close4.w5-pre .w5-line,.w5-close4.w5-pre .w5-fine{transform:translateY(12px)}
  .w5-close4 .w5-line,.w5-close4 .w5-fine{transition:transform 560ms var(--w5-eo) var(--d,0ms)}
  .w5-close4.w5-pre .w5-act{transform:translateY(16px) scale(.94)}
  .w5-close4 .w5-act{transition:transform 760ms var(--w5-spring) var(--d,0ms)}
}
@media (prefers-reduced-motion:reduce){
  .w5-close4 .w5-join,.w5-close4 .w5-go{transition:none}
}

/* phone: the tile stays (the first screen swaps it for the wordmark there; here it is the bookend) */
@container site (max-width:860px){
  .w5-close4{padding:56px 16px;--w5-tile:84px}
  .w5-close4 .w5-h{font-size:clamp(34px,11.4cqi,46px)}
  .w5-close4 .w5-line{font-size:18px}
  .w5-close4 .w5-act{max-width:400px}
  .w5-close4 .w5-join,.w5-close4 .w5-go{width:100%}
  .w5-close4 .w5-ph{font-size:11px}
}


/* Look 2 · Ink: var(--ink) field, the white wordmark, links at #FFFFFFD9 or above, Plex Mono captions,
   and one bold move: the wordmark set huge across the foot, whole, flat, at 7% white.
   Every rule starts with .w5-footer2. Badges never set display (see look 1). */
.w5-footer2{--w5-eo:cubic-bezier(.23,1,.32,1);--w5-g:clamp(28px,4cqi,56px);--w5-pad:clamp(16px,4cqi,48px);
  position:relative;isolation:isolate;overflow:hidden;color:#FFFFFFD9;
  background:var(--ink); /* flat, no glow */
  padding:clamp(64px,7cqi,96px) var(--w5-pad) 0;
  font-family:"Mona",system-ui,sans-serif;text-align:left}
.w5-footer2 .w5-in{max-width:1120px;margin:0 auto}
.w5-footer2 p,.w5-footer2 ul{margin:0;padding:0}
.w5-footer2 ul{list-style:none}

.w5-footer2 .w5-top{display:grid;grid-template-columns:minmax(14rem,1fr) minmax(0,34rem);
  column-gap:clamp(40px,6cqi,96px);align-items:start}
.w5-footer2 .w5-groups{display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - 2*var(--w5-g))/3);column-gap:var(--w5-g);justify-content:end}

.w5-footer2 .w5-a{position:relative;display:inline-block}
.w5-footer2 .w5-home{display:block;line-height:0;border-radius:4px}
.w5-footer2 .w5-wm{display:block;height:28px;width:auto}
/* the contact line, set larger than the links: the one sentence on this side that talks */
.w5-footer2 .w5-contact{margin-top:28px;max-width:16em;font-weight:440;font-size:clamp(19px,1.7cqi,23px);
  line-height:1.32;letter-spacing:-.006em;color:#FFFFFFD9}
.w5-footer2 .w5-say{display:inline-block}

/* each group hangs from its own hairline */
.w5-footer2 .w5-grp{border-top:1px solid #FFFFFF26;padding-top:16px}
.w5-footer2 .w5-cap{margin-bottom:8px;font-family:"Plex Mono",monospace;font-weight:400;font-size:12px;
  line-height:1.2;letter-spacing:.09em;text-transform:uppercase;color:#FFFFFFB8}

.w5-footer2 .w5-l{position:relative;display:inline-block;padding:6px 0;font-weight:460;font-size:15px;
  line-height:1.4;color:#FFFFFFD9;text-decoration:none;transition:color 180ms ease}
.w5-footer2 .w5-l::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;
  background:currentColor;transform:scaleX(0);transform-origin:right;
  transition:transform 200ms var(--w5-eo)}
@media (hover:hover) and (pointer:fine){
  .w5-footer2 .w5-l:hover{color:#FFFFFF}
  .w5-footer2 .w5-l:hover::after{transform:scaleX(1);transform-origin:left}
}
.w5-footer2 .w5-l:focus-visible,.w5-footer2 .w5-home:focus-visible,.w5-footer2 .w5-sbtn:focus-visible{
  outline:2px solid #FFFFFF;outline-offset:3px;border-radius:4px}
.w5-footer2 .w5-l:focus-visible{color:#FFFFFF}
.w5-footer2 .w5-l:focus-visible::after{transform:scaleX(1);transition:none}

.w5-footer2 .w5-addr{padding:0}
.w5-footer2 .w5-addr::after{bottom:-4px}
.w5-footer2 .w5-ph{display:inline-block;background:#FFFFFF1F;border-radius:4px;padding:0 5px;
  font-family:"Plex Mono",monospace;font-weight:400;font-size:12.5px;line-height:1.6;color:#FFFFFF;
  white-space:nowrap;transition:background-color 180ms ease}

/* the statutory buttons: the page's ghost pill, outlined in #FFFFFF33 */
.w5-footer2 .w5-law{display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  margin-top:clamp(44px,5cqi,68px)}
.w5-footer2 .w5-sbtn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;
  padding:0 18px;border:1px solid #FFFFFF33;border-radius:99px;background:transparent;color:#FFFFFF;
  font-weight:560;font-size:14px;line-height:1.2;text-decoration:none;white-space:nowrap;
  transition:border-color 160ms ease,background-color 160ms ease,transform 140ms var(--w5-eo)}
@media (hover:hover) and (pointer:fine){
  .w5-footer2 .w5-sbtn:hover{border-color:#FFFFFF99;background:#FFFFFF14}
}
.w5-footer2 .w5-sbtn:active{transform:scale(.98)}

.w5-footer2 .w5-base{display:flex;flex-wrap:wrap;align-items:baseline;
  margin-top:clamp(20px,2cqi,26px);padding-top:14px;border-top:1px solid #FFFFFF1F;
  font-size:13.5px;line-height:1.6;color:#FFFFFFD9}
.w5-footer2 .w5-c,.w5-footer2 .w5-nt{white-space:nowrap}
.w5-footer2 .w5-dot{white-space:pre}

/* the bold move. The wordmark is a mask (the page's own white wordmark) painted flat at 7% white,
   set across the foot (the footer's padding is bled through, 12px short of each edge), whole: the y keeps its tail. With W
   the wordmark's width, its ink starts 0.105W below its box top and ends 0.010W above its box bottom;
   the top margin pulls the empty band above the ink back up; the bottom margin pulls the band below it back up. */
.w5-footer2 .w5-big{--w5-w:calc(100% + 2*var(--w5-pad) - 24px);
  margin:calc(clamp(40px,4.4cqi,64px) - var(--w5-w)*.105) calc(12px - var(--w5-pad)) calc(clamp(20px,2.4cqi,32px) - var(--w5-w)*.01);
  width:var(--w5-w);aspect-ratio:406/115;
  background:rgb(255 255 255 / .07);
  -webkit-mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiByb2xlPSJpbWciIGFyaWEtbGFiZWxsZWRieT0idGl0bGUgZGVzYyIgd2lkdGg9IjQwNiIgaGVpZ2h0PSIxMTUiIHZpZXdCb3g9IjAgMCA0MDYgMTE1Ij4KICA8dGl0bGUgaWQ9InRpdGxlIj5SZWNtb3J5IG1vbm9jaHJvbWUgd2hpdGUgd29yZG1hcms8L3RpdGxlPgogIDxkZXNjIGlkPSJkZXNjIj5UaGUgbmFtZSByZWNtb3J5IHdpdGggYSBibHVlIGRvdCBiZXR3ZWVuIHJlYyBhbmQgbW9yeS48L2Rlc2M+CiAgPGRlZnM+CiAgICA8Zz4KPGcgaWQ9InJlYy1nbHlwaC0wLTAiPgo8cGF0aCBkPSJNIDUuMTgzNTk0IC00OS42MzI4MTIgTCA1LjE4MzU5NCAwIEwgMTguODE2NDA2IDAgTCAxOC44MTY0MDYgLTIyLjM2NzE4OCBDIDE4LjgxNjQwNiAtMjQuNjA5Mzc1IDE5LjAzOTA2MiAtMjYuNjg3NSAxOS40ODgyODEgLTI4LjYwOTM3NSBDIDE5LjkzNzUgLTMwLjUyNzM0NCAyMC42ODc1IC0zMi4yMDcwMzEgMjEuNzQyMTg4IC0zMy42NDg0MzggQyAyMi44MDA3ODEgLTM1LjA4OTg0NCAyNC4xOTE0MDYgLTM2LjIyMjY1NiAyNS45MjE4NzUgLTM3LjA1NDY4OCBDIDI3LjY0ODQzOCAtMzcuODg2NzE5IDI5Ljc2MTcxOSAtMzguMzA0Njg4IDMyLjI1NzgxMiAtMzguMzA0Njg4IEMgMzMuMDg5ODQ0IC0zOC4zMDQ2ODggMzMuOTUzMTI1IC0zOC4yNTc4MTIgMzQuODQ3NjU2IC0zOC4xNjAxNTYgQyAzNS43NDIxODggLTM4LjA2MjUgMzYuNTExNzE5IC0zNy45NTMxMjUgMzcuMTUyMzQ0IC0zNy44MjQyMTkgTCAzNy4xNTIzNDQgLTUwLjQ5NjA5NCBDIDM2LjA2MjUgLTUwLjgxNjQwNiAzNS4wNzAzMTIgLTUwLjk3NjU2MiAzNC4xNzU3ODEgLTUwLjk3NjU2MiBDIDMyLjQ0OTIxOSAtNTAuOTc2NTYyIDMwLjc4NTE1NiAtNTAuNzE4NzUgMjkuMTgzNTk0IC01MC4yMDcwMzEgQyAyNy41ODIwMzEgLTQ5LjY5NTMxMiAyNi4wNzgxMjUgLTQ4Ljk3NjU2MiAyNC42NzE4NzUgLTQ4LjA0Njg3NSBDIDIzLjI2NTYyNSAtNDcuMTIxMDk0IDIyLjAxNTYyNSAtNDYgMjAuOTI5Njg4IC00NC42ODc1IEMgMTkuODM5ODQ0IC00My4zNzUgMTguOTc2NTYyIC00MS45NTMxMjUgMTguMzM1OTM4IC00MC40MTQwNjIgTCAxOC4xNDQ1MzEgLTQwLjQxNDA2MiBMIDE4LjE0NDUzMSAtNDkuNjMyODEyIFogTSA1LjE4MzU5NCAtNDkuNjMyODEyICIvPgo8L2c+CjxnIGlkPSJyZWMtZ2x5cGgtMC0xIj4KPHBhdGggZD0iTSAzOC41OTM3NSAtMzAuMTQ0NTMxIEwgMTYuNDE0MDYyIC0zMC4xNDQ1MzEgQyAxNi40ODA0NjkgLTMxLjEwNTQ2OSAxNi42ODc1IC0zMi4xOTE0MDYgMTcuMDM5MDYyIC0zMy40MDYyNSBDIDE3LjM5MDYyNSAtMzQuNjI1IDE4IC0zNS43NzczNDQgMTguODYzMjgxIC0zNi44NjMyODEgQyAxOS43MjY1NjIgLTM3Ljk1MzEyNSAyMC44Nzg5MDYgLTM4Ljg2MzI4MSAyMi4zMjAzMTIgLTM5LjYwMTU2MiBDIDIzLjc2MTcxOSAtNDAuMzM1OTM4IDI1LjU2NjQwNiAtNDAuNzAzMTI1IDI3Ljc0MjE4OCAtNDAuNzAzMTI1IEMgMzEuMDcwMzEyIC00MC43MDMxMjUgMzMuNTUwNzgxIC0zOS44MDg1OTQgMzUuMTgzNTk0IC0zOC4wMTU2MjUgQyAzNi44MTY0MDYgLTM2LjIyMjY1NiAzNy45NTMxMjUgLTMzLjYwMTU2MiAzOC41OTM3NSAtMzAuMTQ0NTMxIFogTSAxNi40MTQwNjIgLTIxLjUwMzkwNiBMIDUyLjIyMjY1NiAtMjEuNTAzOTA2IEMgNTIuNDgwNDY5IC0yNS4zNDM3NSA1Mi4xNjAxNTYgLTI5LjAyMzQzOCA1MS4yNjU2MjUgLTMyLjU0Mjk2OSBDIDUwLjM2NzE4OCAtMzYuMDYyNSA0OC45MTAxNTYgLTM5LjE5OTIxOSA0Ni44OTQ1MzEgLTQxLjk1MzEyNSBDIDQ0Ljg3ODkwNiAtNDQuNzAzMTI1IDQyLjMwNDY4OCAtNDYuODk0NTMxIDM5LjE2Nzk2OSAtNDguNTI3MzQ0IEMgMzYuMDMxMjUgLTUwLjE2MDE1NiAzMi4zNTE1NjIgLTUwLjk3NjU2MiAyOC4xMjg5MDYgLTUwLjk3NjU2MiBDIDI0LjM1MTU2MiAtNTAuOTc2NTYyIDIwLjkxMDE1NiAtNTAuMzA0Njg4IDE3LjgwODU5NCAtNDguOTYwOTM4IEMgMTQuNzAzMTI1IC00Ny42MTcxODggMTIuMDMxMjUgLTQ1Ljc3NzM0NCA5Ljc5Mjk2OSAtNDMuNDQxNDA2IEMgNy41NTA3ODEgLTQxLjEwNTQ2OSA1LjgyNDIxOSAtMzguMzM1OTM4IDQuNjA5Mzc1IC0zNS4xMzY3MTkgQyAzLjM5MDYyNSAtMzEuOTM3NSAyLjc4NTE1NiAtMjguNDgwNDY5IDIuNzg1MTU2IC0yNC43Njk1MzEgQyAyLjc4NTE1NiAtMjAuOTI5Njg4IDMuMzc1IC0xNy40MDYyNSA0LjU1ODU5NCAtMTQuMjA3MDMxIEMgNS43NDIxODggLTExLjAwNzgxMiA3LjQyNTc4MSAtOC4yNTc4MTIgOS42MDE1NjIgLTUuOTUzMTI1IEMgMTEuNzc3MzQ0IC0zLjY0ODQzOCAxNC40MzM1OTQgLTEuODcxMDk0IDE3LjU2NjQwNiAtMC42MjUgQyAyMC43MDMxMjUgMC42MjUgMjQuMjIyNjU2IDEuMjQ2MDk0IDI4LjEyODkwNiAxLjI0NjA5NCBDIDMzLjc2MTcxOSAxLjI0NjA5NCAzOC41NTg1OTQgLTAuMDMxMjUgNDIuNTI3MzQ0IC0yLjU5Mzc1IEMgNDYuNDk2MDk0IC01LjE1MjM0NCA0OS40NDE0MDYgLTkuNDA2MjUgNTEuMzU5Mzc1IC0xNS4zNTkzNzUgTCAzOS4zNTkzNzUgLTE1LjM1OTM3NSBDIDM4LjkxMDE1NiAtMTMuODI0MjE5IDM3LjY5NTMxMiAtMTIuMzY3MTg4IDM1LjcxMDkzOCAtMTAuOTkyMTg4IEMgMzMuNzI2NTYyIC05LjYxNzE4OCAzMS4zNTkzNzUgLTguOTI5Njg4IDI4LjYwOTM3NSAtOC45Mjk2ODggQyAyNC43Njk1MzEgLTguOTI5Njg4IDIxLjgyNDIxOSAtOS45MjE4NzUgMTkuNzc3MzQ0IC0xMS45MDIzNDQgQyAxNy43MjY1NjIgLTEzLjg4NjcxOSAxNi42MDkzNzUgLTE3LjA4OTg0NCAxNi40MTQwNjIgLTIxLjUwMzkwNiBaIE0gMTYuNDE0MDYyIC0yMS41MDM5MDYgIi8+CjwvZz4KPGcgaWQ9InJlYy1nbHlwaC0wLTIiPgo8cGF0aCBkPSJNIDM4Ljk3NjU2MiAtMzIuMTYwMTU2IEwgNTIuMzIwMzEyIC0zMi4xNjAxNTYgQyA1Mi4xMjg5MDYgLTM1LjM1OTM3NSA1MS4zNTkzNzUgLTM4LjEyODkwNiA1MC4wMTU2MjUgLTQwLjQ2NDg0NCBDIDQ4LjY3MTg3NSAtNDIuODAwNzgxIDQ2LjkyOTY4OCAtNDQuNzUzOTA2IDQ0Ljc4NTE1NiAtNDYuMzIwMzEyIEMgNDIuNjQwNjI1IC00Ny44ODY3MTkgNDAuMjA3MDMxIC00OS4wNTQ2ODggMzcuNDg4MjgxIC00OS44MjQyMTkgQyAzNC43Njk1MzEgLTUwLjU5Mzc1IDMxLjkzNzUgLTUwLjk3NjU2MiAyOC45OTIxODggLTUwLjk3NjU2MiBDIDI0Ljk2MDkzOCAtNTAuOTc2NTYyIDIxLjM3NSAtNTAuMzA0Njg4IDE4LjIzODI4MSAtNDguOTYwOTM4IEMgMTUuMTAxNTYyIC00Ny42MTcxODggMTIuNDQ5MjE5IC00NS43NDIxODggMTAuMjczNDM4IC00My4zNDM3NSBDIDguMDk3NjU2IC00MC45NDUzMTIgNi40NDkyMTkgLTM4LjA5NzY1NiA1LjMyODEyNSAtMzQuODAwNzgxIEMgNC4yMDcwMzEgLTMxLjUwMzkwNiAzLjY0ODQzOCAtMjcuOTM3NSAzLjY0ODQzOCAtMjQuMDk3NjU2IEMgMy42NDg0MzggLTIwLjM4MjgxMiA0LjI1NzgxMiAtMTYuOTc2NTYyIDUuNDcyNjU2IC0xMy44NzEwOTQgQyA2LjY4NzUgLTEwLjc2OTUzMSA4LjM4MjgxMiAtOC4wOTc2NTYgMTAuNTU4NTk0IC01Ljg1NTQ2OSBDIDEyLjczNDM3NSAtMy42MTcxODggMTUuMzc1IC0xLjg3MTA5NCAxOC40ODA0NjkgLTAuNjI1IEMgMjEuNTg1OTM4IDAuNjI1IDI0Ljk5MjE4OCAxLjI0NjA5NCAyOC43MDMxMjUgMS4yNDYwOTQgQyAzNS4yOTY4NzUgMS4yNDYwOTQgNDAuNzAzMTI1IC0wLjQ4MDQ2OSA0NC45Mjk2ODggLTMuOTM3NSBDIDQ5LjE1MjM0NCAtNy4zOTA2MjUgNTEuNzEwOTM4IC0xMi40MTQwNjIgNTIuNjA5Mzc1IC0xOS4wMDc4MTIgTCAzOS40NTcwMzEgLTE5LjAwNzgxMiBDIDM5LjAwNzgxMiAtMTUuOTM3NSAzNy45MDIzNDQgLTEzLjQ4ODI4MSAzNi4xNDQ1MzEgLTExLjY2NDA2MiBDIDM0LjM4MjgxMiAtOS44Mzk4NDQgMzEuODcxMDk0IC04LjkyOTY4OCAyOC42MDkzNzUgLTguOTI5Njg4IEMgMjYuNDk2MDk0IC04LjkyOTY4OCAyNC43MDMxMjUgLTkuNDA2MjUgMjMuMjMwNDY5IC0xMC4zNjcxODggQyAyMS43NTc4MTIgLTExLjMyODEyNSAyMC41OTM3NSAtMTIuNTU4NTk0IDE5LjcyNjU2MiAtMTQuMDYyNSBDIDE4Ljg2MzI4MSAtMTUuNTY2NDA2IDE4LjIzODI4MSAtMTcuMjQ2MDk0IDE3Ljg1NTQ2OSAtMTkuMTA1NDY5IEMgMTcuNDcyNjU2IC0yMC45NjA5MzggMTcuMjgxMjUgLTIyLjc4NTE1NiAxNy4yODEyNSAtMjQuNTc0MjE5IEMgMTcuMjgxMjUgLTI2LjQyOTY4OCAxNy40NzI2NTYgLTI4LjMwNDY4OCAxNy44NTU0NjkgLTMwLjE5MTQwNiBDIDE4LjIzODI4MSAtMzIuMDc4MTI1IDE4Ljg5NDUzMSAtMzMuODA4NTk0IDE5LjgyNDIxOSAtMzUuMzc1IEMgMjAuNzUzOTA2IC0zNi45NDUzMTIgMjEuOTUzMTI1IC0zOC4yMjI2NTYgMjMuNDI1NzgxIC0zOS4yMTQ4NDQgQyAyNC44OTg0MzggLTQwLjIwNzAzMSAyNi43MTg3NSAtNDAuNzAzMTI1IDI4Ljg5NDUzMSAtNDAuNzAzMTI1IEMgMzQuNzE4NzUgLTQwLjcwMzEyNSAzOC4wNzgxMjUgLTM3Ljg1NTQ2OSAzOC45NzY1NjIgLTMyLjE2MDE1NiBaIE0gMzguOTc2NTYyIC0zMi4xNjAxNTYgIi8+CjwvZz4KPC9nPgogICAgPGc+CjxnIGlkPSJtb3J5LWdseXBoLTAtMCI+CjxwYXRoIGQ9Ik0gNS41NjY0MDYgLTQ5LjYzMjgxMiBMIDUuNTY2NDA2IDAgTCAxOS4xOTkyMTkgMCBMIDE5LjE5OTIxOSAtMjguODAwNzgxIEMgMTkuMTk5MjE5IC0zMS4yMzA0NjkgMTkuNTUwNzgxIC0zMy4xOTkyMTkgMjAuMjU3ODEyIC0zNC43MDMxMjUgQyAyMC45NjA5MzggLTM2LjIwNzAzMSAyMS44MDg1OTQgLTM3LjM1OTM3NSAyMi44MDA3ODEgLTM4LjE2MDE1NiBDIDIzLjc5Mjk2OSAtMzguOTYwOTM4IDI0LjgxNjQwNiAtMzkuNTAzOTA2IDI1Ljg3MTA5NCAtMzkuNzkyOTY5IEMgMjYuOTI1NzgxIC00MC4wODIwMzEgMjcuNzc3MzQ0IC00MC4yMjI2NTYgMjguNDE0MDYyIC00MC4yMjI2NTYgQyAzMC41ODk4NDQgLTQwLjIyMjY1NiAzMi4yMzgyODEgLTM5Ljg1NTQ2OSAzMy4zNTkzNzUgLTM5LjEyMTA5NCBDIDM0LjQ4MDQ2OSAtMzguMzgyODEyIDM1LjI4MTI1IC0zNy40MDYyNSAzNS43NjE3MTkgLTM2LjE5MTQwNiBDIDM2LjI0MjE4OCAtMzQuOTc2NTYyIDM2LjUxMTcxOSAtMzMuNjQ4NDM4IDM2LjU3NDIxOSAtMzIuMjA3MDMxIEMgMzYuNjQwNjI1IC0zMC43Njk1MzEgMzYuNjcxODc1IC0yOS4zMTI1IDM2LjY3MTg3NSAtMjcuODM5ODQ0IEwgMzYuNjcxODc1IDAgTCA1MC4zMDQ2ODggMCBMIDUwLjMwNDY4OCAtMjcuNjQ4NDM4IEMgNTAuMzA0Njg4IC0yOS4xODM1OTQgNTAuNDE0MDYyIC0zMC43MDMxMjUgNTAuNjQwNjI1IC0zMi4yMDcwMzEgQyA1MC44NjMyODEgLTMzLjcxMDkzOCA1MS4zMTI1IC0zNS4wNTQ2ODggNTEuOTg0Mzc1IC0zNi4yMzgyODEgQyA1Mi42NTYyNSAtMzcuNDIxODc1IDUzLjU4NTkzOCAtMzguMzgyODEyIDU0Ljc2OTUzMSAtMzkuMTIxMDk0IEMgNTUuOTUzMTI1IC0zOS44NTU0NjkgNTcuNTAzOTA2IC00MC4yMjI2NTYgNTkuNDI1NzgxIC00MC4yMjI2NTYgQyA2MS4zNDM3NSAtNDAuMjIyNjU2IDYyLjg2MzI4MSAtMzkuOTAyMzQ0IDYzLjk4NDM3NSAtMzkuMjY1NjI1IEMgNjUuMTA1NDY5IC0zOC42MjUgNjUuOTUzMTI1IC0zNy43NjE3MTkgNjYuNTI3MzQ0IC0zNi42NzE4NzUgQyA2Ny4xMDU0NjkgLTM1LjU4MjAzMSA2Ny40NTcwMzEgLTM0LjMwNDY4OCA2Ny41ODU5MzggLTMyLjgzMjAzMSBDIDY3LjcxMDkzOCAtMzEuMzU5Mzc1IDY3Ljc3NzM0NCAtMjkuNzkyOTY5IDY3Ljc3NzM0NCAtMjguMTI4OTA2IEwgNjcuNzc3MzQ0IDAgTCA4MS40MDYyNSAwIEwgODEuNDA2MjUgLTMzLjIxNDg0NCBDIDgxLjQwNjI1IC0zNi40MTQwNjIgODAuOTYwOTM4IC0zOS4xNTIzNDQgODAuMDYyNSAtNDEuNDI1NzgxIEMgNzkuMTY3OTY5IC00My42OTUzMTIgNzcuOTIxODc1IC00NS41MzUxNTYgNzYuMzIwMzEyIC00Ni45NDUzMTIgQyA3NC43MTg3NSAtNDguMzUxNTYyIDcyLjgwMDc4MSAtNDkuMzc1IDcwLjU1ODU5NCAtNTAuMDE1NjI1IEMgNjguMzIwMzEyIC01MC42NTYyNSA2NS44ODY3MTkgLTUwLjk3NjU2MiA2My4yNjU2MjUgLTUwLjk3NjU2MiBDIDU5LjgwODU5NCAtNTAuOTc2NTYyIDU2LjgxNjQwNiAtNTAuMTQ0NTMxIDU0LjI4OTA2MiAtNDguNDgwNDY5IEMgNTEuNzYxNzE5IC00Ni44MTY0MDYgNDkuNzYxNzE5IC00NC44OTQ1MzEgNDguMjg5MDYyIC00Mi43MTg3NSBDIDQ2Ljk0NTMxMiAtNDUuNzkyOTY5IDQ0Ljk3NjU2MiAtNDcuOTM3NSA0Mi4zODI4MTIgLTQ5LjE1MjM0NCBDIDM5Ljc5Mjk2OSAtNTAuMzY3MTg4IDM2LjkyOTY4OCAtNTAuOTc2NTYyIDMzLjc5Mjk2OSAtNTAuOTc2NTYyIEMgMzAuNTI3MzQ0IC01MC45NzY1NjIgMjcuNjMyODEyIC01MC4yNzM0MzggMjUuMTA1NDY5IC00OC44NjMyODEgQyAyMi41NzgxMjUgLTQ3LjQ1NzAzMSAyMC40MTQwNjIgLTQ1LjQ3MjY1NiAxOC42MjUgLTQyLjkxMDE1NiBMIDE4LjQzMzU5NCAtNDIuOTEwMTU2IEwgMTguNDMzNTk0IC00OS42MzI4MTIgWiBNIDUuNTY2NDA2IC00OS42MzI4MTIgIi8+CjwvZz4KPGcgaWQ9Im1vcnktZ2x5cGgtMC0xIj4KPHBhdGggZD0iTSAxNy4yODEyNSAtMjQuNzY5NTMxIEMgMTcuMjgxMjUgLTI2Ljc1MzkwNiAxNy40NzI2NTYgLTI4LjcwMzEyNSAxNy44NTU0NjkgLTMwLjYyNSBDIDE4LjIzODI4MSAtMzIuNTQyOTY5IDE4Ljg5NDUzMSAtMzQuMjM4MjgxIDE5LjgyNDIxOSAtMzUuNzEwOTM4IEMgMjAuNzUzOTA2IC0zNy4xODM1OTQgMjEuOTg0Mzc1IC0zOC4zODI4MTIgMjMuNTE5NTMxIC0zOS4zMTI1IEMgMjUuMDU0Njg4IC00MC4yMzgyODEgMjYuOTc2NTYyIC00MC43MDMxMjUgMjkuMjgxMjUgLTQwLjcwMzEyNSBDIDMxLjU4NTkzOCAtNDAuNzAzMTI1IDMzLjUxOTUzMSAtNDAuMjM4MjgxIDM1LjA4OTg0NCAtMzkuMzEyNSBDIDM2LjY1NjI1IC0zOC4zODI4MTIgMzcuOTAyMzQ0IC0zNy4xODM1OTQgMzguODMyMDMxIC0zNS43MTA5MzggQyAzOS43NjE3MTkgLTM0LjIzODI4MSA0MC40MTQwNjIgLTMyLjU0Mjk2OSA0MC44MDA3ODEgLTMwLjYyNSBDIDQxLjE4MzU5NCAtMjguNzAzMTI1IDQxLjM3NSAtMjYuNzUzOTA2IDQxLjM3NSAtMjQuNzY5NTMxIEMgNDEuMzc1IC0yMi43ODUxNTYgNDEuMTgzNTk0IC0yMC44NDc2NTYgNDAuODAwNzgxIC0xOC45NjA5MzggQyA0MC40MTc5NjkgLTE3LjA3NDIxOSAzOS43NjE3MTkgLTE1LjM3NSAzOC44MzIwMzEgLTEzLjg3MTA5NCBDIDM3LjkwMjM0NCAtMTIuMzY3MTg4IDM2LjY1NjI1IC0xMS4xNjc5NjkgMzUuMDg5ODQ0IC0xMC4yNzM0MzggQyAzMy41MTk1MzEgLTkuMzc1IDMxLjU4NTkzOCAtOC45Mjk2ODggMjkuMjgxMjUgLTguOTI5Njg4IEMgMjYuOTc2NTYyIC04LjkyOTY4OCAyNS4wNTQ2ODggLTkuMzc1IDIzLjUxOTUzMSAtMTAuMjczNDM4IEMgMjEuOTg0Mzc1IC0xMS4xNjc5NjkgMjAuNzUzOTA2IC0xMi4zNjcxODggMTkuODI0MjE5IC0xMy44NzEwOTQgQyAxOC44OTQ1MzEgLTE1LjM3NSAxOC4yMzgyODEgLTE3LjA3MDMxMiAxNy44NTU0NjkgLTE4Ljk2MDkzOCBDIDE3LjQ3MjY1NiAtMjAuODQ3NjU2IDE3LjI4MTI1IC0yMi43ODUxNTYgMTcuMjgxMjUgLTI0Ljc2OTUzMSBaIE0gMy42NDg0MzggLTI0Ljc2OTUzMSBDIDMuNjQ4NDM4IC0yMC44MDA3ODEgNC4yNTc4MTIgLTE3LjIxNDg0NCA1LjQ3MjY1NiAtMTQuMDE1NjI1IEMgNi42ODc1IC0xMC44MTY0MDYgOC40MTQwNjIgLTguMDc4MTI1IDEwLjY1NjI1IC01LjgwODU5NCBDIDEyLjg5NDUzMSAtMy41MzUxNTYgMTUuNTg1OTM4IC0xLjc5Mjk2OSAxOC43MTg3NSAtMC41NzQyMTkgQyAyMS44NTU0NjkgMC42NDA2MjUgMjUuMzc1IDEuMjQ2MDk0IDI5LjI4MTI1IDEuMjQ2MDk0IEMgMzMuMTgzNTk0IDEuMjQ2MDk0IDM2LjcxODc1IDAuNjQwNjI1IDM5Ljg4NjcxOSAtMC41NzQyMTkgQyA0My4wNTQ2ODggLTEuNzkyOTY5IDQ1Ljc2MTcxOSAtMy41MzUxNTYgNDggLTUuODA4NTk0IEMgNTAuMjM4MjgxIC04LjA4MjAzMSA1MS45Njg3NSAtMTAuODE2NDA2IDUzLjE4MzU5NCAtMTQuMDE1NjI1IEMgNTQuMzk4NDM4IC0xNy4yMTQ4NDQgNTUuMDA3ODEyIC0yMC44MDA3ODEgNTUuMDA3ODEyIC0yNC43Njk1MzEgQyA1NS4wMDc4MTIgLTI4LjczODI4MSA1NC4zOTg0MzggLTMyLjMzNTkzOCA1My4xODM1OTQgLTM1LjU2NjQwNiBDIDUxLjk2ODc1IC0zOC44MDA3ODEgNTAuMjM4MjgxIC00MS41NTA3ODEgNDggLTQzLjgyNDIxOSBDIDQ1Ljc2MTcxOSAtNDYuMDk3NjU2IDQzLjA1NDY4OCAtNDcuODU1NDY5IDM5Ljg4NjcxOSAtNDkuMTA1NDY5IEMgMzYuNzE4NzUgLTUwLjM1MTU2MiAzMy4xODM1OTQgLTUwLjk3NjU2MiAyOS4yODEyNSAtNTAuOTc2NTYyIEMgMjUuMzc1IC01MC45NzY1NjIgMjEuODU1NDY5IC01MC4zNTE1NjIgMTguNzE4NzUgLTQ5LjEwNTQ2OSBDIDE1LjU4MjAzMSAtNDcuODU1NDY5IDEyLjg5NDUzMSAtNDYuMDk3NjU2IDEwLjY1NjI1IC00My44MjQyMTkgQyA4LjQxNzk2OSAtNDEuNTUwNzgxIDYuNjg3NSAtMzguODAwNzgxIDUuNDcyNjU2IC0zNS41NjY0MDYgQyA0LjI1NzgxMiAtMzIuMzM1OTM4IDMuNjQ4NDM4IC0yOC43MzQzNzUgMy42NDg0MzggLTI0Ljc2OTUzMSBaIE0gMy42NDg0MzggLTI0Ljc2OTUzMSAiLz4KPC9nPgo8ZyBpZD0ibW9yeS1nbHlwaC0wLTIiPgo8cGF0aCBkPSJNIDUuMTgzNTk0IC00OS42MzI4MTIgTCA1LjE4MzU5NCAwIEwgMTguODE2NDA2IDAgTCAxOC44MTY0MDYgLTIyLjM2NzE4OCBDIDE4LjgxNjQwNiAtMjQuNjA5Mzc1IDE5LjAzOTA2MiAtMjYuNjg3NSAxOS40ODgyODEgLTI4LjYwOTM3NSBDIDE5LjkzNzUgLTMwLjUyNzM0NCAyMC42ODc1IC0zMi4yMDcwMzEgMjEuNzQyMTg4IC0zMy42NDg0MzggQyAyMi44MDA3ODEgLTM1LjA4OTg0NCAyNC4xOTE0MDYgLTM2LjIyMjY1NiAyNS45MjE4NzUgLTM3LjA1NDY4OCBDIDI3LjY0ODQzOCAtMzcuODg2NzE5IDI5Ljc2MTcxOSAtMzguMzA0Njg4IDMyLjI1NzgxMiAtMzguMzA0Njg4IEMgMzMuMDg5ODQ0IC0zOC4zMDQ2ODggMzMuOTUzMTI1IC0zOC4yNTc4MTIgMzQuODQ3NjU2IC0zOC4xNjAxNTYgQyAzNS43NDIxODggLTM4LjA2MjUgMzYuNTExNzE5IC0zNy45NTMxMjUgMzcuMTUyMzQ0IC0zNy44MjQyMTkgTCAzNy4xNTIzNDQgLTUwLjQ5NjA5NCBDIDM2LjA2MjUgLTUwLjgxNjQwNiAzNS4wNzAzMTIgLTUwLjk3NjU2MiAzNC4xNzU3ODEgLTUwLjk3NjU2MiBDIDMyLjQ0OTIxOSAtNTAuOTc2NTYyIDMwLjc4NTE1NiAtNTAuNzE4NzUgMjkuMTgzNTk0IC01MC4yMDcwMzEgQyAyNy41ODIwMzEgLTQ5LjY5NTMxMiAyNi4wNzgxMjUgLTQ4Ljk3NjU2MiAyNC42NzE4NzUgLTQ4LjA0Njg3NSBDIDIzLjI2NTYyNSAtNDcuMTIxMDk0IDIyLjAxNTYyNSAtNDYgMjAuOTI5Njg4IC00NC42ODc1IEMgMTkuODM5ODQ0IC00My4zNzUgMTguOTc2NTYyIC00MS45NTMxMjUgMTguMzM1OTM4IC00MC40MTQwNjIgTCAxOC4xNDQ1MzEgLTQwLjQxNDA2MiBMIDE4LjE0NDUzMSAtNDkuNjMyODEyIFogTSA1LjE4MzU5NCAtNDkuNjMyODEyICIvPgo8L2c+CjxnIGlkPSJtb3J5LWdseXBoLTAtMyI+CjxwYXRoIGQ9Ik0gMjkuNjY0MDYyIDYuMTQ0NTMxIEwgNTAuMzk4NDM4IC00OS42MzI4MTIgTCAzNi4yODkwNjIgLTQ5LjYzMjgxMiBMIDI1LjQ0MTQwNiAtMTUuNjQ4NDM4IEwgMjUuMjQ2MDk0IC0xNS42NDg0MzggTCAxNC4wMTU2MjUgLTQ5LjYzMjgxMiBMIC0wLjQ4MDQ2OSAtNDkuNjMyODEyIEwgMTYuODk0NTMxIC0zLjA3MDMxMiBDIDE3LjI4MTI1IC0yLjExMzI4MSAxNy40NzI2NTYgLTEuMDg5ODQ0IDE3LjQ3MjY1NiAwIEMgMTcuNDcyNjU2IDEuNDcyNjU2IDE3LjAzOTA2MiAyLjgxNjQwNiAxNi4xNzU3ODEgNC4wMzEyNSBDIDE1LjMxMjUgNS4yNDYwOTQgMTMuOTg0Mzc1IDUuOTUzMTI1IDEyLjE5MTQwNiA2LjE0NDUzMSBDIDEwLjg0NzY1NiA2LjIwNzAzMSA5LjUwMzkwNiA2LjE3NTc4MSA4LjE2MDE1NiA2LjA0Njg3NSBDIDYuODE2NDA2IDUuOTE3OTY5IDUuNTAzOTA2IDUuNzkyOTY5IDQuMjIyNjU2IDUuNjY0MDYyIEwgNC4yMjI2NTYgMTYuODk0NTMxIEMgNS42MzI4MTIgMTcuMDIzNDM4IDcuMDIzNDM4IDE3LjEzNjcxOSA4LjM5ODQzOCAxNy4yMzA0NjkgQyA5Ljc3NzM0NCAxNy4zMjgxMjUgMTEuMTY3OTY5IDE3LjM3NSAxMi41NzQyMTkgMTcuMzc1IEMgMTcuMjQ2MDk0IDE3LjM3NSAyMC44OTQ1MzEgMTYuNTExNzE5IDIzLjUxOTUzMSAxNC43ODUxNTYgQyAyNi4xNDQ1MzEgMTMuMDU0Njg4IDI4LjE5MTQwNiAxMC4xNzU3ODEgMjkuNjY0MDYyIDYuMTQ0NTMxIFogTSAyOS42NjQwNjIgNi4xNDQ1MzEgIi8+CjwvZz4KPC9nPgogIDwvZGVmcz4KICA8ZyBmaWxsPSIjRkZGRkZGIj48Zz4KPHVzZSB4bGluazpocmVmPSIjcmVjLWdseXBoLTAtMCIgeD0iMCIgeT0iOTMuNTk5NjA5Ii8+Cjx1c2UgeGxpbms6aHJlZj0iI3JlYy1nbHlwaC0wLTEiIHg9IjM1IiB5PSI5My41OTk2MDkiLz4KPHVzZSB4bGluazpocmVmPSIjcmVjLWdseXBoLTAtMiIgeD0iOTAiIHk9IjkzLjU5OTYwOSIvPgo8L2c+PC9nPgogIDxjaXJjbGUgY3g9IjE1OSIgY3k9IjY5IiByPSI3IiBmaWxsPSIjRkZGRkZGIi8+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTczIDApIiBmaWxsPSIjRkZGRkZGIj48Zz4KPHVzZSB4bGluazpocmVmPSIjbW9yeS1nbHlwaC0wLTAiIHg9IjAiIHk9IjkzLjU5OTYwOSIvPgo8dXNlIHhsaW5rOmhyZWY9IiNtb3J5LWdseXBoLTAtMSIgeD0iODciIHk9IjkzLjU5OTYwOSIvPgo8dXNlIHhsaW5rOmhyZWY9IiNtb3J5LWdseXBoLTAtMiIgeD0iMTQ2IiB5PSI5My41OTk2MDkiLz4KPHVzZSB4bGluazpocmVmPSIjbW9yeS1nbHlwaC0wLTMiIHg9IjE4MyIgeT0iOTMuNTk5NjA5Ii8+CjwvZz48L2c+Cjwvc3ZnPgo=") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiByb2xlPSJpbWciIGFyaWEtbGFiZWxsZWRieT0idGl0bGUgZGVzYyIgd2lkdGg9IjQwNiIgaGVpZ2h0PSIxMTUiIHZpZXdCb3g9IjAgMCA0MDYgMTE1Ij4KICA8dGl0bGUgaWQ9InRpdGxlIj5SZWNtb3J5IG1vbm9jaHJvbWUgd2hpdGUgd29yZG1hcms8L3RpdGxlPgogIDxkZXNjIGlkPSJkZXNjIj5UaGUgbmFtZSByZWNtb3J5IHdpdGggYSBibHVlIGRvdCBiZXR3ZWVuIHJlYyBhbmQgbW9yeS48L2Rlc2M+CiAgPGRlZnM+CiAgICA8Zz4KPGcgaWQ9InJlYy1nbHlwaC0wLTAiPgo8cGF0aCBkPSJNIDUuMTgzNTk0IC00OS42MzI4MTIgTCA1LjE4MzU5NCAwIEwgMTguODE2NDA2IDAgTCAxOC44MTY0MDYgLTIyLjM2NzE4OCBDIDE4LjgxNjQwNiAtMjQuNjA5Mzc1IDE5LjAzOTA2MiAtMjYuNjg3NSAxOS40ODgyODEgLTI4LjYwOTM3NSBDIDE5LjkzNzUgLTMwLjUyNzM0NCAyMC42ODc1IC0zMi4yMDcwMzEgMjEuNzQyMTg4IC0zMy42NDg0MzggQyAyMi44MDA3ODEgLTM1LjA4OTg0NCAyNC4xOTE0MDYgLTM2LjIyMjY1NiAyNS45MjE4NzUgLTM3LjA1NDY4OCBDIDI3LjY0ODQzOCAtMzcuODg2NzE5IDI5Ljc2MTcxOSAtMzguMzA0Njg4IDMyLjI1NzgxMiAtMzguMzA0Njg4IEMgMzMuMDg5ODQ0IC0zOC4zMDQ2ODggMzMuOTUzMTI1IC0zOC4yNTc4MTIgMzQuODQ3NjU2IC0zOC4xNjAxNTYgQyAzNS43NDIxODggLTM4LjA2MjUgMzYuNTExNzE5IC0zNy45NTMxMjUgMzcuMTUyMzQ0IC0zNy44MjQyMTkgTCAzNy4xNTIzNDQgLTUwLjQ5NjA5NCBDIDM2LjA2MjUgLTUwLjgxNjQwNiAzNS4wNzAzMTIgLTUwLjk3NjU2MiAzNC4xNzU3ODEgLTUwLjk3NjU2MiBDIDMyLjQ0OTIxOSAtNTAuOTc2NTYyIDMwLjc4NTE1NiAtNTAuNzE4NzUgMjkuMTgzNTk0IC01MC4yMDcwMzEgQyAyNy41ODIwMzEgLTQ5LjY5NTMxMiAyNi4wNzgxMjUgLTQ4Ljk3NjU2MiAyNC42NzE4NzUgLTQ4LjA0Njg3NSBDIDIzLjI2NTYyNSAtNDcuMTIxMDk0IDIyLjAxNTYyNSAtNDYgMjAuOTI5Njg4IC00NC42ODc1IEMgMTkuODM5ODQ0IC00My4zNzUgMTguOTc2NTYyIC00MS45NTMxMjUgMTguMzM1OTM4IC00MC40MTQwNjIgTCAxOC4xNDQ1MzEgLTQwLjQxNDA2MiBMIDE4LjE0NDUzMSAtNDkuNjMyODEyIFogTSA1LjE4MzU5NCAtNDkuNjMyODEyICIvPgo8L2c+CjxnIGlkPSJyZWMtZ2x5cGgtMC0xIj4KPHBhdGggZD0iTSAzOC41OTM3NSAtMzAuMTQ0NTMxIEwgMTYuNDE0MDYyIC0zMC4xNDQ1MzEgQyAxNi40ODA0NjkgLTMxLjEwNTQ2OSAxNi42ODc1IC0zMi4xOTE0MDYgMTcuMDM5MDYyIC0zMy40MDYyNSBDIDE3LjM5MDYyNSAtMzQuNjI1IDE4IC0zNS43NzczNDQgMTguODYzMjgxIC0zNi44NjMyODEgQyAxOS43MjY1NjIgLTM3Ljk1MzEyNSAyMC44Nzg5MDYgLTM4Ljg2MzI4MSAyMi4zMjAzMTIgLTM5LjYwMTU2MiBDIDIzLjc2MTcxOSAtNDAuMzM1OTM4IDI1LjU2NjQwNiAtNDAuNzAzMTI1IDI3Ljc0MjE4OCAtNDAuNzAzMTI1IEMgMzEuMDcwMzEyIC00MC43MDMxMjUgMzMuNTUwNzgxIC0zOS44MDg1OTQgMzUuMTgzNTk0IC0zOC4wMTU2MjUgQyAzNi44MTY0MDYgLTM2LjIyMjY1NiAzNy45NTMxMjUgLTMzLjYwMTU2MiAzOC41OTM3NSAtMzAuMTQ0NTMxIFogTSAxNi40MTQwNjIgLTIxLjUwMzkwNiBMIDUyLjIyMjY1NiAtMjEuNTAzOTA2IEMgNTIuNDgwNDY5IC0yNS4zNDM3NSA1Mi4xNjAxNTYgLTI5LjAyMzQzOCA1MS4yNjU2MjUgLTMyLjU0Mjk2OSBDIDUwLjM2NzE4OCAtMzYuMDYyNSA0OC45MTAxNTYgLTM5LjE5OTIxOSA0Ni44OTQ1MzEgLTQxLjk1MzEyNSBDIDQ0Ljg3ODkwNiAtNDQuNzAzMTI1IDQyLjMwNDY4OCAtNDYuODk0NTMxIDM5LjE2Nzk2OSAtNDguNTI3MzQ0IEMgMzYuMDMxMjUgLTUwLjE2MDE1NiAzMi4zNTE1NjIgLTUwLjk3NjU2MiAyOC4xMjg5MDYgLTUwLjk3NjU2MiBDIDI0LjM1MTU2MiAtNTAuOTc2NTYyIDIwLjkxMDE1NiAtNTAuMzA0Njg4IDE3LjgwODU5NCAtNDguOTYwOTM4IEMgMTQuNzAzMTI1IC00Ny42MTcxODggMTIuMDMxMjUgLTQ1Ljc3NzM0NCA5Ljc5Mjk2OSAtNDMuNDQxNDA2IEMgNy41NTA3ODEgLTQxLjEwNTQ2OSA1LjgyNDIxOSAtMzguMzM1OTM4IDQuNjA5Mzc1IC0zNS4xMzY3MTkgQyAzLjM5MDYyNSAtMzEuOTM3NSAyLjc4NTE1NiAtMjguNDgwNDY5IDIuNzg1MTU2IC0yNC43Njk1MzEgQyAyLjc4NTE1NiAtMjAuOTI5Njg4IDMuMzc1IC0xNy40MDYyNSA0LjU1ODU5NCAtMTQuMjA3MDMxIEMgNS43NDIxODggLTExLjAwNzgxMiA3LjQyNTc4MSAtOC4yNTc4MTIgOS42MDE1NjIgLTUuOTUzMTI1IEMgMTEuNzc3MzQ0IC0zLjY0ODQzOCAxNC40MzM1OTQgLTEuODcxMDk0IDE3LjU2NjQwNiAtMC42MjUgQyAyMC43MDMxMjUgMC42MjUgMjQuMjIyNjU2IDEuMjQ2MDk0IDI4LjEyODkwNiAxLjI0NjA5NCBDIDMzLjc2MTcxOSAxLjI0NjA5NCAzOC41NTg1OTQgLTAuMDMxMjUgNDIuNTI3MzQ0IC0yLjU5Mzc1IEMgNDYuNDk2MDk0IC01LjE1MjM0NCA0OS40NDE0MDYgLTkuNDA2MjUgNTEuMzU5Mzc1IC0xNS4zNTkzNzUgTCAzOS4zNTkzNzUgLTE1LjM1OTM3NSBDIDM4LjkxMDE1NiAtMTMuODI0MjE5IDM3LjY5NTMxMiAtMTIuMzY3MTg4IDM1LjcxMDkzOCAtMTAuOTkyMTg4IEMgMzMuNzI2NTYyIC05LjYxNzE4OCAzMS4zNTkzNzUgLTguOTI5Njg4IDI4LjYwOTM3NSAtOC45Mjk2ODggQyAyNC43Njk1MzEgLTguOTI5Njg4IDIxLjgyNDIxOSAtOS45MjE4NzUgMTkuNzc3MzQ0IC0xMS45MDIzNDQgQyAxNy43MjY1NjIgLTEzLjg4NjcxOSAxNi42MDkzNzUgLTE3LjA4OTg0NCAxNi40MTQwNjIgLTIxLjUwMzkwNiBaIE0gMTYuNDE0MDYyIC0yMS41MDM5MDYgIi8+CjwvZz4KPGcgaWQ9InJlYy1nbHlwaC0wLTIiPgo8cGF0aCBkPSJNIDM4Ljk3NjU2MiAtMzIuMTYwMTU2IEwgNTIuMzIwMzEyIC0zMi4xNjAxNTYgQyA1Mi4xMjg5MDYgLTM1LjM1OTM3NSA1MS4zNTkzNzUgLTM4LjEyODkwNiA1MC4wMTU2MjUgLTQwLjQ2NDg0NCBDIDQ4LjY3MTg3NSAtNDIuODAwNzgxIDQ2LjkyOTY4OCAtNDQuNzUzOTA2IDQ0Ljc4NTE1NiAtNDYuMzIwMzEyIEMgNDIuNjQwNjI1IC00Ny44ODY3MTkgNDAuMjA3MDMxIC00OS4wNTQ2ODggMzcuNDg4MjgxIC00OS44MjQyMTkgQyAzNC43Njk1MzEgLTUwLjU5Mzc1IDMxLjkzNzUgLTUwLjk3NjU2MiAyOC45OTIxODggLTUwLjk3NjU2MiBDIDI0Ljk2MDkzOCAtNTAuOTc2NTYyIDIxLjM3NSAtNTAuMzA0Njg4IDE4LjIzODI4MSAtNDguOTYwOTM4IEMgMTUuMTAxNTYyIC00Ny42MTcxODggMTIuNDQ5MjE5IC00NS43NDIxODggMTAuMjczNDM4IC00My4zNDM3NSBDIDguMDk3NjU2IC00MC45NDUzMTIgNi40NDkyMTkgLTM4LjA5NzY1NiA1LjMyODEyNSAtMzQuODAwNzgxIEMgNC4yMDcwMzEgLTMxLjUwMzkwNiAzLjY0ODQzOCAtMjcuOTM3NSAzLjY0ODQzOCAtMjQuMDk3NjU2IEMgMy42NDg0MzggLTIwLjM4MjgxMiA0LjI1NzgxMiAtMTYuOTc2NTYyIDUuNDcyNjU2IC0xMy44NzEwOTQgQyA2LjY4NzUgLTEwLjc2OTUzMSA4LjM4MjgxMiAtOC4wOTc2NTYgMTAuNTU4NTk0IC01Ljg1NTQ2OSBDIDEyLjczNDM3NSAtMy42MTcxODggMTUuMzc1IC0xLjg3MTA5NCAxOC40ODA0NjkgLTAuNjI1IEMgMjEuNTg1OTM4IDAuNjI1IDI0Ljk5MjE4OCAxLjI0NjA5NCAyOC43MDMxMjUgMS4yNDYwOTQgQyAzNS4yOTY4NzUgMS4yNDYwOTQgNDAuNzAzMTI1IC0wLjQ4MDQ2OSA0NC45Mjk2ODggLTMuOTM3NSBDIDQ5LjE1MjM0NCAtNy4zOTA2MjUgNTEuNzEwOTM4IC0xMi40MTQwNjIgNTIuNjA5Mzc1IC0xOS4wMDc4MTIgTCAzOS40NTcwMzEgLTE5LjAwNzgxMiBDIDM5LjAwNzgxMiAtMTUuOTM3NSAzNy45MDIzNDQgLTEzLjQ4ODI4MSAzNi4xNDQ1MzEgLTExLjY2NDA2MiBDIDM0LjM4MjgxMiAtOS44Mzk4NDQgMzEuODcxMDk0IC04LjkyOTY4OCAyOC42MDkzNzUgLTguOTI5Njg4IEMgMjYuNDk2MDk0IC04LjkyOTY4OCAyNC43MDMxMjUgLTkuNDA2MjUgMjMuMjMwNDY5IC0xMC4zNjcxODggQyAyMS43NTc4MTIgLTExLjMyODEyNSAyMC41OTM3NSAtMTIuNTU4NTk0IDE5LjcyNjU2MiAtMTQuMDYyNSBDIDE4Ljg2MzI4MSAtMTUuNTY2NDA2IDE4LjIzODI4MSAtMTcuMjQ2MDk0IDE3Ljg1NTQ2OSAtMTkuMTA1NDY5IEMgMTcuNDcyNjU2IC0yMC45NjA5MzggMTcuMjgxMjUgLTIyLjc4NTE1NiAxNy4yODEyNSAtMjQuNTc0MjE5IEMgMTcuMjgxMjUgLTI2LjQyOTY4OCAxNy40NzI2NTYgLTI4LjMwNDY4OCAxNy44NTU0NjkgLTMwLjE5MTQwNiBDIDE4LjIzODI4MSAtMzIuMDc4MTI1IDE4Ljg5NDUzMSAtMzMuODA4NTk0IDE5LjgyNDIxOSAtMzUuMzc1IEMgMjAuNzUzOTA2IC0zNi45NDUzMTIgMjEuOTUzMTI1IC0zOC4yMjI2NTYgMjMuNDI1NzgxIC0zOS4yMTQ4NDQgQyAyNC44OTg0MzggLTQwLjIwNzAzMSAyNi43MTg3NSAtNDAuNzAzMTI1IDI4Ljg5NDUzMSAtNDAuNzAzMTI1IEMgMzQuNzE4NzUgLTQwLjcwMzEyNSAzOC4wNzgxMjUgLTM3Ljg1NTQ2OSAzOC45NzY1NjIgLTMyLjE2MDE1NiBaIE0gMzguOTc2NTYyIC0zMi4xNjAxNTYgIi8+CjwvZz4KPC9nPgogICAgPGc+CjxnIGlkPSJtb3J5LWdseXBoLTAtMCI+CjxwYXRoIGQ9Ik0gNS41NjY0MDYgLTQ5LjYzMjgxMiBMIDUuNTY2NDA2IDAgTCAxOS4xOTkyMTkgMCBMIDE5LjE5OTIxOSAtMjguODAwNzgxIEMgMTkuMTk5MjE5IC0zMS4yMzA0NjkgMTkuNTUwNzgxIC0zMy4xOTkyMTkgMjAuMjU3ODEyIC0zNC43MDMxMjUgQyAyMC45NjA5MzggLTM2LjIwNzAzMSAyMS44MDg1OTQgLTM3LjM1OTM3NSAyMi44MDA3ODEgLTM4LjE2MDE1NiBDIDIzLjc5Mjk2OSAtMzguOTYwOTM4IDI0LjgxNjQwNiAtMzkuNTAzOTA2IDI1Ljg3MTA5NCAtMzkuNzkyOTY5IEMgMjYuOTI1NzgxIC00MC4wODIwMzEgMjcuNzc3MzQ0IC00MC4yMjI2NTYgMjguNDE0MDYyIC00MC4yMjI2NTYgQyAzMC41ODk4NDQgLTQwLjIyMjY1NiAzMi4yMzgyODEgLTM5Ljg1NTQ2OSAzMy4zNTkzNzUgLTM5LjEyMTA5NCBDIDM0LjQ4MDQ2OSAtMzguMzgyODEyIDM1LjI4MTI1IC0zNy40MDYyNSAzNS43NjE3MTkgLTM2LjE5MTQwNiBDIDM2LjI0MjE4OCAtMzQuOTc2NTYyIDM2LjUxMTcxOSAtMzMuNjQ4NDM4IDM2LjU3NDIxOSAtMzIuMjA3MDMxIEMgMzYuNjQwNjI1IC0zMC43Njk1MzEgMzYuNjcxODc1IC0yOS4zMTI1IDM2LjY3MTg3NSAtMjcuODM5ODQ0IEwgMzYuNjcxODc1IDAgTCA1MC4zMDQ2ODggMCBMIDUwLjMwNDY4OCAtMjcuNjQ4NDM4IEMgNTAuMzA0Njg4IC0yOS4xODM1OTQgNTAuNDE0MDYyIC0zMC43MDMxMjUgNTAuNjQwNjI1IC0zMi4yMDcwMzEgQyA1MC44NjMyODEgLTMzLjcxMDkzOCA1MS4zMTI1IC0zNS4wNTQ2ODggNTEuOTg0Mzc1IC0zNi4yMzgyODEgQyA1Mi42NTYyNSAtMzcuNDIxODc1IDUzLjU4NTkzOCAtMzguMzgyODEyIDU0Ljc2OTUzMSAtMzkuMTIxMDk0IEMgNTUuOTUzMTI1IC0zOS44NTU0NjkgNTcuNTAzOTA2IC00MC4yMjI2NTYgNTkuNDI1NzgxIC00MC4yMjI2NTYgQyA2MS4zNDM3NSAtNDAuMjIyNjU2IDYyLjg2MzI4MSAtMzkuOTAyMzQ0IDYzLjk4NDM3NSAtMzkuMjY1NjI1IEMgNjUuMTA1NDY5IC0zOC42MjUgNjUuOTUzMTI1IC0zNy43NjE3MTkgNjYuNTI3MzQ0IC0zNi42NzE4NzUgQyA2Ny4xMDU0NjkgLTM1LjU4MjAzMSA2Ny40NTcwMzEgLTM0LjMwNDY4OCA2Ny41ODU5MzggLTMyLjgzMjAzMSBDIDY3LjcxMDkzOCAtMzEuMzU5Mzc1IDY3Ljc3NzM0NCAtMjkuNzkyOTY5IDY3Ljc3NzM0NCAtMjguMTI4OTA2IEwgNjcuNzc3MzQ0IDAgTCA4MS40MDYyNSAwIEwgODEuNDA2MjUgLTMzLjIxNDg0NCBDIDgxLjQwNjI1IC0zNi40MTQwNjIgODAuOTYwOTM4IC0zOS4xNTIzNDQgODAuMDYyNSAtNDEuNDI1NzgxIEMgNzkuMTY3OTY5IC00My42OTUzMTIgNzcuOTIxODc1IC00NS41MzUxNTYgNzYuMzIwMzEyIC00Ni45NDUzMTIgQyA3NC43MTg3NSAtNDguMzUxNTYyIDcyLjgwMDc4MSAtNDkuMzc1IDcwLjU1ODU5NCAtNTAuMDE1NjI1IEMgNjguMzIwMzEyIC01MC42NTYyNSA2NS44ODY3MTkgLTUwLjk3NjU2MiA2My4yNjU2MjUgLTUwLjk3NjU2MiBDIDU5LjgwODU5NCAtNTAuOTc2NTYyIDU2LjgxNjQwNiAtNTAuMTQ0NTMxIDU0LjI4OTA2MiAtNDguNDgwNDY5IEMgNTEuNzYxNzE5IC00Ni44MTY0MDYgNDkuNzYxNzE5IC00NC44OTQ1MzEgNDguMjg5MDYyIC00Mi43MTg3NSBDIDQ2Ljk0NTMxMiAtNDUuNzkyOTY5IDQ0Ljk3NjU2MiAtNDcuOTM3NSA0Mi4zODI4MTIgLTQ5LjE1MjM0NCBDIDM5Ljc5Mjk2OSAtNTAuMzY3MTg4IDM2LjkyOTY4OCAtNTAuOTc2NTYyIDMzLjc5Mjk2OSAtNTAuOTc2NTYyIEMgMzAuNTI3MzQ0IC01MC45NzY1NjIgMjcuNjMyODEyIC01MC4yNzM0MzggMjUuMTA1NDY5IC00OC44NjMyODEgQyAyMi41NzgxMjUgLTQ3LjQ1NzAzMSAyMC40MTQwNjIgLTQ1LjQ3MjY1NiAxOC42MjUgLTQyLjkxMDE1NiBMIDE4LjQzMzU5NCAtNDIuOTEwMTU2IEwgMTguNDMzNTk0IC00OS42MzI4MTIgWiBNIDUuNTY2NDA2IC00OS42MzI4MTIgIi8+CjwvZz4KPGcgaWQ9Im1vcnktZ2x5cGgtMC0xIj4KPHBhdGggZD0iTSAxNy4yODEyNSAtMjQuNzY5NTMxIEMgMTcuMjgxMjUgLTI2Ljc1MzkwNiAxNy40NzI2NTYgLTI4LjcwMzEyNSAxNy44NTU0NjkgLTMwLjYyNSBDIDE4LjIzODI4MSAtMzIuNTQyOTY5IDE4Ljg5NDUzMSAtMzQuMjM4MjgxIDE5LjgyNDIxOSAtMzUuNzEwOTM4IEMgMjAuNzUzOTA2IC0zNy4xODM1OTQgMjEuOTg0Mzc1IC0zOC4zODI4MTIgMjMuNTE5NTMxIC0zOS4zMTI1IEMgMjUuMDU0Njg4IC00MC4yMzgyODEgMjYuOTc2NTYyIC00MC43MDMxMjUgMjkuMjgxMjUgLTQwLjcwMzEyNSBDIDMxLjU4NTkzOCAtNDAuNzAzMTI1IDMzLjUxOTUzMSAtNDAuMjM4MjgxIDM1LjA4OTg0NCAtMzkuMzEyNSBDIDM2LjY1NjI1IC0zOC4zODI4MTIgMzcuOTAyMzQ0IC0zNy4xODM1OTQgMzguODMyMDMxIC0zNS43MTA5MzggQyAzOS43NjE3MTkgLTM0LjIzODI4MSA0MC40MTQwNjIgLTMyLjU0Mjk2OSA0MC44MDA3ODEgLTMwLjYyNSBDIDQxLjE4MzU5NCAtMjguNzAzMTI1IDQxLjM3NSAtMjYuNzUzOTA2IDQxLjM3NSAtMjQuNzY5NTMxIEMgNDEuMzc1IC0yMi43ODUxNTYgNDEuMTgzNTk0IC0yMC44NDc2NTYgNDAuODAwNzgxIC0xOC45NjA5MzggQyA0MC40MTc5NjkgLTE3LjA3NDIxOSAzOS43NjE3MTkgLTE1LjM3NSAzOC44MzIwMzEgLTEzLjg3MTA5NCBDIDM3LjkwMjM0NCAtMTIuMzY3MTg4IDM2LjY1NjI1IC0xMS4xNjc5NjkgMzUuMDg5ODQ0IC0xMC4yNzM0MzggQyAzMy41MTk1MzEgLTkuMzc1IDMxLjU4NTkzOCAtOC45Mjk2ODggMjkuMjgxMjUgLTguOTI5Njg4IEMgMjYuOTc2NTYyIC04LjkyOTY4OCAyNS4wNTQ2ODggLTkuMzc1IDIzLjUxOTUzMSAtMTAuMjczNDM4IEMgMjEuOTg0Mzc1IC0xMS4xNjc5NjkgMjAuNzUzOTA2IC0xMi4zNjcxODggMTkuODI0MjE5IC0xMy44NzEwOTQgQyAxOC44OTQ1MzEgLTE1LjM3NSAxOC4yMzgyODEgLTE3LjA3MDMxMiAxNy44NTU0NjkgLTE4Ljk2MDkzOCBDIDE3LjQ3MjY1NiAtMjAuODQ3NjU2IDE3LjI4MTI1IC0yMi43ODUxNTYgMTcuMjgxMjUgLTI0Ljc2OTUzMSBaIE0gMy42NDg0MzggLTI0Ljc2OTUzMSBDIDMuNjQ4NDM4IC0yMC44MDA3ODEgNC4yNTc4MTIgLTE3LjIxNDg0NCA1LjQ3MjY1NiAtMTQuMDE1NjI1IEMgNi42ODc1IC0xMC44MTY0MDYgOC40MTQwNjIgLTguMDc4MTI1IDEwLjY1NjI1IC01LjgwODU5NCBDIDEyLjg5NDUzMSAtMy41MzUxNTYgMTUuNTg1OTM4IC0xLjc5Mjk2OSAxOC43MTg3NSAtMC41NzQyMTkgQyAyMS44NTU0NjkgMC42NDA2MjUgMjUuMzc1IDEuMjQ2MDk0IDI5LjI4MTI1IDEuMjQ2MDk0IEMgMzMuMTgzNTk0IDEuMjQ2MDk0IDM2LjcxODc1IDAuNjQwNjI1IDM5Ljg4NjcxOSAtMC41NzQyMTkgQyA0My4wNTQ2ODggLTEuNzkyOTY5IDQ1Ljc2MTcxOSAtMy41MzUxNTYgNDggLTUuODA4NTk0IEMgNTAuMjM4MjgxIC04LjA4MjAzMSA1MS45Njg3NSAtMTAuODE2NDA2IDUzLjE4MzU5NCAtMTQuMDE1NjI1IEMgNTQuMzk4NDM4IC0xNy4yMTQ4NDQgNTUuMDA3ODEyIC0yMC44MDA3ODEgNTUuMDA3ODEyIC0yNC43Njk1MzEgQyA1NS4wMDc4MTIgLTI4LjczODI4MSA1NC4zOTg0MzggLTMyLjMzNTkzOCA1My4xODM1OTQgLTM1LjU2NjQwNiBDIDUxLjk2ODc1IC0zOC44MDA3ODEgNTAuMjM4MjgxIC00MS41NTA3ODEgNDggLTQzLjgyNDIxOSBDIDQ1Ljc2MTcxOSAtNDYuMDk3NjU2IDQzLjA1NDY4OCAtNDcuODU1NDY5IDM5Ljg4NjcxOSAtNDkuMTA1NDY5IEMgMzYuNzE4NzUgLTUwLjM1MTU2MiAzMy4xODM1OTQgLTUwLjk3NjU2MiAyOS4yODEyNSAtNTAuOTc2NTYyIEMgMjUuMzc1IC01MC45NzY1NjIgMjEuODU1NDY5IC01MC4zNTE1NjIgMTguNzE4NzUgLTQ5LjEwNTQ2OSBDIDE1LjU4MjAzMSAtNDcuODU1NDY5IDEyLjg5NDUzMSAtNDYuMDk3NjU2IDEwLjY1NjI1IC00My44MjQyMTkgQyA4LjQxNzk2OSAtNDEuNTUwNzgxIDYuNjg3NSAtMzguODAwNzgxIDUuNDcyNjU2IC0zNS41NjY0MDYgQyA0LjI1NzgxMiAtMzIuMzM1OTM4IDMuNjQ4NDM4IC0yOC43MzQzNzUgMy42NDg0MzggLTI0Ljc2OTUzMSBaIE0gMy42NDg0MzggLTI0Ljc2OTUzMSAiLz4KPC9nPgo8ZyBpZD0ibW9yeS1nbHlwaC0wLTIiPgo8cGF0aCBkPSJNIDUuMTgzNTk0IC00OS42MzI4MTIgTCA1LjE4MzU5NCAwIEwgMTguODE2NDA2IDAgTCAxOC44MTY0MDYgLTIyLjM2NzE4OCBDIDE4LjgxNjQwNiAtMjQuNjA5Mzc1IDE5LjAzOTA2MiAtMjYuNjg3NSAxOS40ODgyODEgLTI4LjYwOTM3NSBDIDE5LjkzNzUgLTMwLjUyNzM0NCAyMC42ODc1IC0zMi4yMDcwMzEgMjEuNzQyMTg4IC0zMy42NDg0MzggQyAyMi44MDA3ODEgLTM1LjA4OTg0NCAyNC4xOTE0MDYgLTM2LjIyMjY1NiAyNS45MjE4NzUgLTM3LjA1NDY4OCBDIDI3LjY0ODQzOCAtMzcuODg2NzE5IDI5Ljc2MTcxOSAtMzguMzA0Njg4IDMyLjI1NzgxMiAtMzguMzA0Njg4IEMgMzMuMDg5ODQ0IC0zOC4zMDQ2ODggMzMuOTUzMTI1IC0zOC4yNTc4MTIgMzQuODQ3NjU2IC0zOC4xNjAxNTYgQyAzNS43NDIxODggLTM4LjA2MjUgMzYuNTExNzE5IC0zNy45NTMxMjUgMzcuMTUyMzQ0IC0zNy44MjQyMTkgTCAzNy4xNTIzNDQgLTUwLjQ5NjA5NCBDIDM2LjA2MjUgLTUwLjgxNjQwNiAzNS4wNzAzMTIgLTUwLjk3NjU2MiAzNC4xNzU3ODEgLTUwLjk3NjU2MiBDIDMyLjQ0OTIxOSAtNTAuOTc2NTYyIDMwLjc4NTE1NiAtNTAuNzE4NzUgMjkuMTgzNTk0IC01MC4yMDcwMzEgQyAyNy41ODIwMzEgLTQ5LjY5NTMxMiAyNi4wNzgxMjUgLTQ4Ljk3NjU2MiAyNC42NzE4NzUgLTQ4LjA0Njg3NSBDIDIzLjI2NTYyNSAtNDcuMTIxMDk0IDIyLjAxNTYyNSAtNDYgMjAuOTI5Njg4IC00NC42ODc1IEMgMTkuODM5ODQ0IC00My4zNzUgMTguOTc2NTYyIC00MS45NTMxMjUgMTguMzM1OTM4IC00MC40MTQwNjIgTCAxOC4xNDQ1MzEgLTQwLjQxNDA2MiBMIDE4LjE0NDUzMSAtNDkuNjMyODEyIFogTSA1LjE4MzU5NCAtNDkuNjMyODEyICIvPgo8L2c+CjxnIGlkPSJtb3J5LWdseXBoLTAtMyI+CjxwYXRoIGQ9Ik0gMjkuNjY0MDYyIDYuMTQ0NTMxIEwgNTAuMzk4NDM4IC00OS42MzI4MTIgTCAzNi4yODkwNjIgLTQ5LjYzMjgxMiBMIDI1LjQ0MTQwNiAtMTUuNjQ4NDM4IEwgMjUuMjQ2MDk0IC0xNS42NDg0MzggTCAxNC4wMTU2MjUgLTQ5LjYzMjgxMiBMIC0wLjQ4MDQ2OSAtNDkuNjMyODEyIEwgMTYuODk0NTMxIC0zLjA3MDMxMiBDIDE3LjI4MTI1IC0yLjExMzI4MSAxNy40NzI2NTYgLTEuMDg5ODQ0IDE3LjQ3MjY1NiAwIEMgMTcuNDcyNjU2IDEuNDcyNjU2IDE3LjAzOTA2MiAyLjgxNjQwNiAxNi4xNzU3ODEgNC4wMzEyNSBDIDE1LjMxMjUgNS4yNDYwOTQgMTMuOTg0Mzc1IDUuOTUzMTI1IDEyLjE5MTQwNiA2LjE0NDUzMSBDIDEwLjg0NzY1NiA2LjIwNzAzMSA5LjUwMzkwNiA2LjE3NTc4MSA4LjE2MDE1NiA2LjA0Njg3NSBDIDYuODE2NDA2IDUuOTE3OTY5IDUuNTAzOTA2IDUuNzkyOTY5IDQuMjIyNjU2IDUuNjY0MDYyIEwgNC4yMjI2NTYgMTYuODk0NTMxIEMgNS42MzI4MTIgMTcuMDIzNDM4IDcuMDIzNDM4IDE3LjEzNjcxOSA4LjM5ODQzOCAxNy4yMzA0NjkgQyA5Ljc3NzM0NCAxNy4zMjgxMjUgMTEuMTY3OTY5IDE3LjM3NSAxMi41NzQyMTkgMTcuMzc1IEMgMTcuMjQ2MDk0IDE3LjM3NSAyMC44OTQ1MzEgMTYuNTExNzE5IDIzLjUxOTUzMSAxNC43ODUxNTYgQyAyNi4xNDQ1MzEgMTMuMDU0Njg4IDI4LjE5MTQwNiAxMC4xNzU3ODEgMjkuNjY0MDYyIDYuMTQ0NTMxIFogTSAyOS42NjQwNjIgNi4xNDQ1MzEgIi8+CjwvZz4KPC9nPgogIDwvZGVmcz4KICA8ZyBmaWxsPSIjRkZGRkZGIj48Zz4KPHVzZSB4bGluazpocmVmPSIjcmVjLWdseXBoLTAtMCIgeD0iMCIgeT0iOTMuNTk5NjA5Ii8+Cjx1c2UgeGxpbms6aHJlZj0iI3JlYy1nbHlwaC0wLTEiIHg9IjM1IiB5PSI5My41OTk2MDkiLz4KPHVzZSB4bGluazpocmVmPSIjcmVjLWdseXBoLTAtMiIgeD0iOTAiIHk9IjkzLjU5OTYwOSIvPgo8L2c+PC9nPgogIDxjaXJjbGUgY3g9IjE1OSIgY3k9IjY5IiByPSI3IiBmaWxsPSIjRkZGRkZGIi8+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTczIDApIiBmaWxsPSIjRkZGRkZGIj48Zz4KPHVzZSB4bGluazpocmVmPSIjbW9yeS1nbHlwaC0wLTAiIHg9IjAiIHk9IjkzLjU5OTYwOSIvPgo8dXNlIHhsaW5rOmhyZWY9IiNtb3J5LWdseXBoLTAtMSIgeD0iODciIHk9IjkzLjU5OTYwOSIvPgo8dXNlIHhsaW5rOmhyZWY9IiNtb3J5LWdseXBoLTAtMiIgeD0iMTQ2IiB5PSI5My41OTk2MDkiLz4KPHVzZSB4bGluazpocmVmPSIjbW9yeS1nbHlwaC0wLTMiIHg9IjE4MyIgeT0iOTMuNTk5NjA5Ii8+CjwvZz48L2c+Cjwvc3ZnPgo=") center/100% 100% no-repeat;
  pointer-events:none;user-select:none}

/* review chrome: the numbered badge (solid, so it reads on the ink) */
.w5-footer2 .w5-n{position:absolute;top:50%;left:100%;margin:-8.5px 0 0 6px;min-width:17px;height:17px;
  padding:0 4px;border-style:solid;border-radius:9px;
  background:linear-gradient(var(--note-wash),var(--note-wash)),var(--chrome);
  font-size:10.5px;line-height:15px;font-weight:650;text-align:center;font-variant-numeric:tabular-nums;
  white-space:nowrap;pointer-events:none}
.w5-footer2 .w5-corner .w5-n{top:-8px;left:auto;right:-8px;margin:0}
.w5-footer2 .w5-mk{margin-top:5px}
.w5-footer2 .w5-ad .w5-n{top:-9px;margin:0 0 0 3px}
.w5-footer2 .w5-map{margin-top:28px;background:linear-gradient(var(--note-wash),var(--note-wash)),var(--chrome)}
.w5-footer2 .w5-map>b{display:block;margin-bottom:4px}
.w5-footer2 .w5-rows{column-width:25rem;column-gap:28px}
.w5-footer2 .w5-rows p{break-inside:avoid;padding-block:1px}

.w5-footer2 .w5-contact .w5-l{font-size:inherit;font-weight:inherit;line-height:inherit;color:#FFFFFF;white-space:nowrap}
@media (prefers-reduced-motion:no-preference){
  .w5-footer2.w5-pre .w5-s{transform:translateY(8px)}
  .w5-footer2 .w5-s{transition:transform 460ms var(--w5-eo);transition-delay:calc(var(--i,0) * 45ms)}
}
@media (prefers-reduced-motion:reduce){
  .w5-footer2 .w5-l,.w5-footer2 .w5-l::after,.w5-footer2 .w5-sbtn,.w5-footer2 .w5-ph{transition:none}
}

@container site (max-width:860px){
  .w5-footer2{--w5-pad:16px;padding:56px var(--w5-pad) 0}
  .w5-footer2 .w5-top{grid-template-columns:minmax(0,1fr);row-gap:40px}
  .w5-footer2 .w5-groups{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;
    grid-auto-columns:auto;column-gap:24px;row-gap:24px;justify-content:normal}
  .w5-footer2 .w5-legal{grid-column:2;grid-row:1/span 2}
  .w5-footer2 .w5-l{padding:8px 0}
  .w5-footer2 .w5-l::after{bottom:7px}
  .w5-footer2 .w5-addr{padding:0}
  .w5-footer2 .w5-addr::after{bottom:-4px}
  .w5-footer2 .w5-contact{max-width:14em}
  .w5-footer2 .w5-law{margin-top:40px;gap:10px}
  .w5-footer2 .w5-sbtn{padding:0 13px}
  .w5-footer2 .w5-base{flex-direction:column;align-items:flex-start;margin-top:32px}
  .w5-footer2 .w5-dot{display:none}
  .w5-footer2 .w5-rows{column-width:auto;column-count:1}
  .w5-footer2 .w5-ph{white-space:normal;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}
}


.w5-toast{position:fixed;left:50%;bottom:24px;z-index:30;transform:translate(-50%,12px);opacity:0;max-width:min(560px,calc(100vw - 32px));
  pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.23,1,.32,1);background:var(--chrome)}
.w5-toast.on{opacity:1;transform:translate(-50%,0)}
/* the toast borrows .note's look but must show with My notes off too */
body.no-notes .note.w5-toast{display:block}
@media (prefers-reduced-motion:reduce){.w5-toast{transition:none}}
/* the bar folds to one slim row that holds only the open button */
.bar .bar-fold{margin-left:auto}
.bar.is-folded{flex-wrap:nowrap;padding-block:5px}
.bar.is-folded>:not(.bar-fold){display:none}
.bar.is-folded .seg button{min-height:24px;padding:3px 12px}
/* folded, the bar's ask box goes with it: the page reads as a visitor sees it */
body:has(.bar.is-folded) .ask{display:none}
/* the first screen as a rounded card (ruled: "a bit smaller"). The hero keeps its full-screen box, so the snap and the
   height are as before; its padding is the white around the card (18 px) and its two columns carry the 28 px corners.
   A phone (the page 700 px or narrower): inset 12 px, corners 24 px. */
.site .hero{--h-x:18px;--h-y:18px;--h-r:28px;padding:var(--h-y) var(--h-x)}
.site .hero>.panel{border-radius:var(--h-r) 0 0 var(--h-r)}
.site .hero>.product{border-radius:0 var(--h-r) var(--h-r) 0}
@container site (max-width:760px){
  .site .hero>.panel{border-radius:var(--h-r) var(--h-r) 0 0}
  .site .hero>.product{border-radius:0 0 var(--h-r) var(--h-r)}
}
@container site (max-width:700px){.site .hero{--h-x:12px;--h-y:12px;--h-r:24px}}
/* on a phone the switches wrap inside the bar instead of pushing the page sideways */
@media (max-width:760px){.bar .grp{max-width:100%;flex-wrap:wrap}.bar .seg{flex-wrap:wrap;max-width:100%;border-radius:18px}}


:root{--bar-h:0px;--screen-h:calc(100svh - var(--bar-h))}
.w5-rail{display:none}
@media (min-width:1024px) and (min-height:680px){
  html{scroll-padding-top:var(--bar-h);overflow-anchor:none}
  /* clip keeps the rounded corners and does not make .site a scroll container of its own */
  .site{overflow:clip}
  .site .hero{height:var(--screen-h);min-height:600px}
  #pricing,#demo{min-height:var(--screen-h);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
  #faq>.w5-look>*{min-height:var(--screen-h);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
}
@media (min-width:1200px){
  /* --rw: how far the labelled rail reaches from the window's edge; --rn: the numerals-only rail (both read by the script) */
  .w5-rail{--rw:132px;--rn:34px;position:fixed;z-index:9;top:calc(var(--bar-h) + var(--screen-h) / 2);left:max(8px,calc((100vw - 1240px) / 2 - 132px));
    display:grid;gap:4px;opacity:0;pointer-events:none;transform:translateY(-50%) translateX(-8px);
    transition:opacity .2s ease,transform .2s cubic-bezier(.23,1,.32,1),visibility 0s}
  .w5-rail.is-active{opacity:1;pointer-events:auto;transform:translateY(-50%) translateX(0)}
  .w5-rail a{width:124px;height:30px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:999px;overflow:hidden;
    color:var(--cdim);font-family:"Plex Mono",ui-monospace,monospace;font-size:11px;font-weight:800;text-decoration:none;
    transition:width .2s cubic-bezier(.23,1,.32,1),color .2s ease,background .2s ease}
  .w5-rail a[hidden]{display:none}
  .w5-rail a span{flex:0 0 18px}
  .w5-rail a b{overflow:hidden;font-family:"Mona",system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;
    transition:opacity .15s ease}
  .w5-rail a:hover,.w5-rail a[aria-current="location"]{width:132px;background:var(--cfg);color:var(--chrome)}
  .w5-rail a:active{transform:scale(.97)}
  .w5-rail a:focus-visible{outline:2px solid var(--cfg);outline-offset:2px}
  /* numerals only (the name is the pill's title): on the first screen, below 1440 px, and wherever the current
     screen's content starts too close to the window's edge for the labels. The script sets it per screen. */
  .w5-rail.is-tight a,.w5-rail.is-tight a:hover,.w5-rail.is-tight a[aria-current="location"]{width:34px}
  .w5-rail.is-tight a b{opacity:0}
}
/* where even the numerals would touch the current screen's content, the rail fades out and takes no clicks */
.w5-rail.no-room{opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,transform .2s cubic-bezier(.23,1,.32,1),visibility 0s linear .2s}
@media (prefers-reduced-motion:reduce){.w5-rail,.w5-rail a{transition:none}.w5-rail{transform:translateY(-50%)}}


.ptb-join{font:620 13px/1 "Mona",system-ui,sans-serif;color:#FFFFFF;background:#17191D;text-decoration:none;white-space:nowrap;padding:0 12px;min-height:38px;align-items:center;border-radius:99px;display:none}
.site.st-wait.ptb3 .ptb-join{display:inline-flex}
@container site (max-width:335px){.site.st-wait.ptb3 .ptb-join{display:none}}
.nav>a:first-child{margin-right:auto}
@container site (max-width:1220px){.site.st-open .nav .lnk[href="#w3"]{display:none}}
@container site (max-width:1040px){.site.st-open .nav .lnk[href="#pricing"],.site.st-open .nav .lnk[href="#faq"]{display:none}}
@container site (max-width:840px){.site.st-wait .nav .lnk[href="#w3"]{display:none}}


@container site (max-width:760px){
  .site .hero{grid-template-columns:minmax(0,1fr)}
  .site .h1{font-size:min(46px,calc(13cqi - 9px))}
}
@container site (max-width:335px){.site .panel{padding-inline:16px}}
@container site (max-width:290px){.panel .btn{padding:0 14px;font-size:15px}}


.wl .box{max-height:calc(100dvh - 40px);overflow-y:auto}
.wl fieldset.wlq{border:0;margin:14px 0 0;padding:0;min-width:0}
.wl .wlq legend{padding:0;font-size:13.5px;font-weight:600;margin:0 0 8px}
.wl .wlq legend small{font-weight:400;color:var(--grey)}
.wl .chips{display:flex;flex-wrap:wrap;gap:7px}
.wl .chip{border:1px solid #17191D2E;background:var(--white);color:var(--ink);border-radius:99px;padding:7px 12px;font:inherit;font-size:13.5px;line-height:1.2;cursor:pointer}
.wl .chip:hover{border-color:var(--cobalt)}
.wl .chip[aria-pressed="true"]{background:var(--soft);border-color:var(--cobalt);color:var(--cobalt);font-weight:600}
.wl .wlq-other{margin-top:8px}
.wl #wl-q label{margin-top:16px}
.wl #wl-q textarea{height:64px}
@media (max-width:420px){.wl .box{padding:24px 18px 20px}.wl .chip{font-size:13px;padding:7px 10px}}
.wl[data-at="qs"] .box{max-width:560px}
@media (max-height:860px){
.wl[data-at="qs"] .box{padding:22px 24px 18px}
.wl[data-at="qs"] h3{font-size:25px}
.wl[data-at="qs"] .lede{margin-bottom:4px;font-size:14px}
.wl fieldset.wlq{margin-top:10px}
.wl .wlq legend{margin-bottom:6px}
.wl .chips{gap:6px}
.wl .chip{padding:6px 11px;font-size:13px}
.wl #wl-q label{margin-top:12px}
.wl #wl-q textarea{height:50px}
.wl #wl-q .go{margin-top:12px;min-height:44px}
.wl #wl-q .skip{margin-top:8px}
}