:host{display:block}:host([data-motion-paused]) *,:host([data-motion-paused]) *::before,:host([data-motion-paused]) *::after{animation-play-state:paused!important}
:host{--navy:#051C45;--ink:#0F141B;--text:#3E4A5E;--muted:#5B6472;--soft:#98A0AD;--line:rgba(5,28,69,.1);--line2:rgba(5,28,69,.06);--blue:#0F5EE6;
  --wash:linear-gradient(90deg,#EDF3EA 0%,#E3EEF1 50%,#D4E8F8 100%);
  --display:"Geist",system-ui,sans-serif;--sans:"Funnel Sans",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--wide:1376px;--wrap:1216px;
  
  --fs-h3:20px;--lh-h3:26px;--fs-lede:20px;--lh-lede:30px;--fs-body:16px;--lh-body:24px;--fs-meta:13px;--lh-meta:18px}
*{box-sizing:border-box}
:host{margin:0;font-family:var(--sans);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
a{color:inherit}img{display:block}button{font:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px;position:relative}
.wide{max-width:var(--wide);margin:0 auto;padding:0 32px;position:relative}
.eyebrow{margin:0 0 20px;font-family:var(--display);font-size:11px;line-height:12px;font-weight:500;letter-spacing:.88px;text-transform:uppercase;color:var(--blue)}
.h2{margin:0;font-family:var(--display);font-weight:500;font-size:54px;line-height:58px;letter-spacing:-1.8px;color:var(--navy);text-wrap:balance}
.lede{margin:0;font-size:var(--fs-lede);line-height:var(--lh-lede);color:var(--text);text-wrap:pretty}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:8px;white-space:nowrap;font:500 16px/1 var(--sans);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s}
.btn svg{width:15px;height:15px}
.btn--pri{background:var(--navy);color:#fff}.btn--pri:hover{background:#031331}
.btn--blue{background:var(--blue);color:#fff}.btn--blue:hover{background:#0B4FC4}
.btn--glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.32);backdrop-filter:blur(10px)}.btn--glass:hover{background:rgba(255,255,255,.2)}
.tlink{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;font:500 16px/1 var(--sans);color:var(--navy);text-decoration:none;cursor:pointer}
.tlink i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s}.tlink i svg{width:10px;height:10px;margin-left:2px}
.tlink:hover i{box-shadow:inset 0 0 0 1px rgba(5,28,69,.3)}
.tm{display:block;fill:currentColor}
.rise{opacity:0;transform:translateY(16px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}.rise.in{opacity:1;transform:none}
@keyframes clock{from{--ti-t:0}to{--ti-t:600}}
@media (prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}.fan{height:auto!important}.fan__pin{position:static}.fan__hint{display:none}}
.grain{position:relative;isolation:isolate}.grain::before{content:"";position:absolute;inset:0;z-index:-1;background:url(https://staging-assets.skedulo.com/uploads/tempo-launch/grip-a-6680510cbd.png) 0 0/200px 200px;pointer-events:none}


.nav{position:sticky;top:0;z-index:60;height:64px;background:rgba(255,255,255,.88);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line2)}
.nav .wide{height:64px;display:flex;align-items:center;gap:36px}
.logo{display:flex;align-items:center;gap:4px}.logo img{height:20px}
.menu{display:flex;gap:28px;font-size:15px;font-weight:500;color:var(--ink)}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:15px;font-weight:500}
.nav .btn{height:36px;padding:0 14px;font-size:14px;border-radius:6px}


.hero{padding:68px 0 0;text-align:center}
.hero__mark{width:40px;height:40px;margin:0 auto 20px;display:grid;place-items:center;animation:clock 600s linear infinite}
.hero__mark .sk-tm{color:var(--navy)}

.hero h1{position:relative;margin:0;font-size:104px;line-height:100px;color:var(--navy)}
.hero h1 svg{display:block;height:calc(1em * 100 / 104);width:auto;margin:0 auto;fill:currentColor;overflow:visible}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hero .lede{max-width:600px;margin:26px auto 0}
.hero__ctas{display:flex;gap:30px;justify-content:center;align-items:center;margin-top:34px}
.stage-h{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;margin-top:52px;height:640px;text-align:left}
.sh-photo{position:relative;border-radius:14px;overflow:hidden;background:#cdc6bb}
.stage-h__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 50%;transform:scale(1.03);transition:transform 2.6s var(--ease)}
.stage-h.in .stage-h__photo{transform:none}
.sh-app{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(90deg,#F1F5F1 0%,#EDF3F5 50%,#E8F1F8 100%)}
.stage-h__app{position:absolute;z-index:2;top:40px;left:40px;right:40px;bottom:-1px;overflow:hidden;border-radius:12px 12px 0 0;background:#fff;
  box-shadow:0 0 0 1px rgba(5,28,69,.08);opacity:0;transform:translateY(14px);transition:opacity 1s var(--ease) .3s,transform 1.2s var(--ease) .3s}
.stage-h.in .stage-h__app{opacity:1;transform:none}
.stage-h__fit{position:absolute;top:0;width:1208px;height:848px;transform-origin:0 0}
.stage-h__app .sk-scene{content-visibility:visible!important}

.stage-h__app .sk-tmn__hi{visibility:hidden}
.brief{display:none}


.sh-app .sk-tmn__wx .sk-tfw__hours,.sh-app .sk-tmn__wx .sk-tfw__skhours{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:8px}
.sh-app .sk-tmn__wx .sk-tfw__hours span{padding:7px 0 6px;gap:4px}
.sh-app .sk-tmn__wx .sk-tfw__hours em{font-size:10.5px}.sh-app .sk-tmn__wx .sk-tfw__hours b{font-size:12.5px}
.sh-app .sk-tmn__wx .sk-tfw__skhours b{height:56px}
.sh-app .sk-tmn__wx .sk-tfw__hours span.is-rain{background:#EEF3FD;box-shadow:inset 0 0 0 1px #D5E2FA}.sh-app .sk-tmn__wx .sk-tfw__hours span.is-rain i{color:#2A5BD7}
.brief__wx{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:12px}
.brief__wx span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 5px;border-radius:6px;background:#F6F8FB;box-shadow:inset 0 0 0 1px rgba(5,28,69,.06)}
.brief__wx em{font-style:normal;font-size:10px;line-height:1;color:#8592A8;white-space:nowrap}.brief__wx svg{color:#6B778C}.brief__wx b{font-size:12px;line-height:1;font-weight:500;color:var(--navy)}
.brief__wx .is-rain{background:#EEF3FD;box-shadow:inset 0 0 0 1px #D5E2FA}.brief__wx .is-rain svg{color:#2A5BD7}


.fan{position:relative;height:calc(100vh + 1500px);margin-top:112px}
.fan__pin{position:sticky;top:var(--pt,96px)}
.fan + .how4{padding-top:104px}
.fan__pin>.wide{width:100%}
.fan__head{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:32px;text-align:center}
.fan__k{margin:0;max-width:780px;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);text-wrap:balance}
.fan__t{margin:0}
.fan__frame{position:relative;height:540px;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,#F1F5F1 0%,#EDF3F5 50%,#E8F1F8 100%)}
.fc{position:absolute;left:0;top:0;width:368px;height:226px;transform-origin:50% 50%;will-change:transform}
.fc img{display:block;width:368px;height:226px;border-radius:10px;box-shadow:0 0 0 1px rgba(5,28,69,.06),0 18px 36px -22px rgba(5,28,69,.42)}
.fan__cap{position:absolute;left:50%;bottom:26px;z-index:200;transform:translateX(-50%);margin:0;display:flex;align-items:center;gap:9px;max-width:calc(100% - 40px);font-size:var(--fs-meta);color:var(--soft);opacity:0;transition:opacity .3s}
.fan__cap.on{opacity:1}
.fan__cap b{font:500 var(--fs-body)/22px var(--display);letter-spacing:-.1px;color:var(--navy);white-space:nowrap}
.fan__cap .d{flex:none;width:6px;height:6px;border-radius:50%}.d--red{background:#E46A6A}.d--amber{background:#E5A44E}.d--blue{background:#5B8DEE}
.fan__hint{position:absolute;left:50%;bottom:28px;z-index:200;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:var(--fs-meta);color:var(--soft);transition:opacity .4s}
.fan__hint i{width:1px;height:14px;background:linear-gradient(var(--soft),transparent);animation:hint 1.8s var(--ease) infinite}
@keyframes hint{0%{transform:translateY(-4px);opacity:0}40%{opacity:1}100%{transform:translateY(6px);opacity:0}}
.fan.dealt .fan__hint{opacity:0}



.how4{padding:168px 0 0;--n:#051C45;--n2:#4A5A75;--n3:#8592A8;--hair:rgba(5,28,69,.09);--hair2:rgba(5,28,69,.06);--tint:#F4F7FB}
.how4__head{text-align:center}.how4__head .lede{max-width:760px;margin:20px auto 0;text-wrap:balance}
.vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 24px;margin-top:72px}
.vt{margin:0}
.vt__frame{position:relative;aspect-ratio:1.29;border-radius:14px;overflow:hidden;isolation:isolate;container-type:inline-size;
  background:linear-gradient(90deg,#F1F5F1 0%,#EDF3F5 50%,#E8F1F8 100%)}
.vt__frame::before{content:"";position:absolute;inset:0;z-index:-1;background:url(https://staging-assets.skedulo.com/uploads/tempo-launch/grip-a-6680510cbd.png) 0 0/200px 200px;pointer-events:none}
.vt__in{position:absolute;left:40px;right:40px;top:40px;bottom:-1px;display:flex;flex-direction:column}
.vt h3{margin:24px 0 0;font:500 var(--fs-h3)/var(--lh-h3) var(--display);letter-spacing:-.2px;color:var(--navy)}
.vt>p{margin:8px 0 0;max-width:540px;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);text-wrap:pretty}


.how4 .pane{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid var(--hair);border-bottom:0;border-radius:12px 12px 0 0;
  font-family:Inter,var(--sans);color:var(--n);text-align:left;overflow:hidden}
.how4 .p-h{display:flex;align-items:center;gap:9px;flex:none;margin:0 22px;padding:15px 0 13px;border-bottom:1px solid var(--hair2);font-size:13.5px}
.how4 .p-h>.tm{width:15px;height:15px;flex:none;color:var(--n)}
.how4 .p-h .ct{margin-left:auto;font-size:12px;color:var(--n3);white-space:nowrap}
.how4 .p-h .k{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--n3)}.how4 .p-h .k .tm{width:12px;height:12px;color:var(--n)}
.how4 .tm{display:block;fill:currentColor}
.how4 .nm{font-weight:500;color:var(--n)}
.how4 .av{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}
.how4 .lg{width:16px;height:16px;object-fit:contain;flex:none}
.how4 .mmk{width:15px;height:15px;flex:none}
.how4 .d{width:6px;height:6px;border-radius:50%;flex:none}.how4 .d--red{background:#E46A6A}.how4 .d--blue{background:#5B8DEE}.how4 .d--amber{background:#E5A44E}.how4 .d--green{background:#4FB27D}
.how4 .pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:4px;font-style:normal;font-size:11.5px;font-weight:500;white-space:nowrap}
.how4 .pill .tm{width:10px;height:10px}.how4 .pill .ck{width:11px;height:11px}
.how4 .pill--on{background:#EEF3FD;color:#2A5BD7}.how4 .pill--you{background:#FDF3E4;color:#A2620C}.how4 .pill--done{background:#EAF6EF;color:#2C7A50}.how4 .pill--team{background:#F1F3F7;color:var(--n2)}
.how4 .spin{display:block;width:11px;height:11px;border-radius:50%;border:1.5px solid #D5DDEA;border-top-color:#5B8DEE;animation:h8spin .8s linear infinite;flex:none}
@keyframes h8spin{to{transform:rotate(1turn)}}
@keyframes h8in{from{opacity:0;transform:translateY(6px)}}
.how4 .say{display:flex;align-items:flex-start;gap:9px;margin:16px 22px 0;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s var(--ease)}.how4 .say.in{opacity:1;transform:none}
.how4 .say .tm{width:14px;height:14px;flex:none;margin-top:3px;color:var(--n)}.how4 .say p{margin:0;font-size:13.5px;line-height:21px;color:var(--n)}


.how4 .p-b{padding:18px 22px 0;display:flex;flex-direction:column;gap:14px}
.how4 .m{display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s var(--ease)}.how4 .m.in{opacity:1;transform:none}
.how4 .m.me{justify-content:flex-end}.how4 .m.me p{margin:0;max-width:330px;padding:9px 13px;border-radius:12px 12px 4px 12px;background:var(--tint);font-size:14px;line-height:21px;color:var(--n)}
.how4 .men{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px 0 3px;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px var(--hair);font-weight:500;vertical-align:top}.how4 .men .av{width:16px;height:16px}
.how4 .tpm{flex:none;width:20px;height:20px;margin-top:1px}.how4 .m.tp.in .tpm{animation:clock 600s linear}
.how4 .tp__b{flex:1;min-width:0}
.how4 .gl{display:block;height:22px;font-size:12.5px;line-height:22px}
.how4 .thinking{background:linear-gradient(90deg,#A3AEC0 30%,#3D4C66 50%,#A3AEC0 70%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:h8shim 1.6s linear infinite}
@keyframes h8shim{from{background-position:100% 0}to{background-position:0 0}}
.how4 .gen2{display:none;align-items:center;gap:5px;color:var(--n3)}.how4 .gen2 .ck{width:12px;height:12px;color:#3A9A66}
.how4 .gl.ok .thinking{display:none}.how4 .gl.ok .gen2{display:inline-flex}
.how4 .used{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.how4 .used span{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 7px;border-radius:4px;background:var(--tint);font-size:11.5px;color:var(--n2);opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s var(--ease)}.how4 .used span.in{opacity:1;transform:none}.how4 .used svg{color:var(--n3)}
.how4 .stream{margin:0;font-size:14px;line-height:22px;color:var(--n)}
.how4 .stream>span{opacity:0;transition:opacity .2s}.how4 .stream>span.v{opacity:1}
.how4 .comp{position:relative;display:flex;align-items:center;gap:10px;margin:auto 22px 26px;padding:0 7px 0 13px;height:44px;flex:none;border:1px solid var(--hair);border-radius:10px;font-size:14px}
.how4 .ph{position:absolute;left:14px;color:var(--n3);transition:opacity .15s}.how4 .comp.typing .ph{opacity:0}
.how4 .typed{white-space:nowrap;overflow:hidden;color:var(--n);min-width:0}.how4 .typed.over{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px);mask-image:linear-gradient(90deg,transparent,#000 18px)}
.how4 .wave{display:none;align-items:center;gap:2px;height:16px;flex:none}.how4 .comp.typing .wave{display:inline-flex}
.how4 .wave i{width:2px;height:6px;border-radius:1px;background:var(--blue);animation:h8wave .9s ease-in-out infinite}.how4 .wave i:nth-child(2){animation-delay:.12s}.how4 .wave i:nth-child(3){animation-delay:.24s}.how4 .wave i:nth-child(4){animation-delay:.36s}.how4 .wave i:nth-child(5){animation-delay:.48s}
@keyframes h8wave{0%,100%{height:4px}50%{height:14px}}
.how4 .comp .mic{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:var(--n3);transition:background .2s,color .2s}.how4 .comp.typing .mic{background:#E8F0FE;color:var(--blue)}
.how4 .comp b{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--tint);color:var(--n3);transition:background .2s,color .2s,transform .15s}.how4 .comp b svg{transform:rotate(-90deg)}
.how4 .comp.sent b{background:#E8F0FE;color:var(--blue);transform:scale(.9)}


.how4 .tabs{display:flex;gap:2px;margin-left:auto}.how4 .tabs i{font-style:normal;font-size:12px;padding:4px 8px;border-radius:5px;color:var(--n3)}.how4 .tabs i.sel{background:var(--tint);color:var(--n);font-weight:500}
.how4 .grp{padding:12px 22px 1px;font-size:10.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--n3)}
.how4 .r{display:grid;grid-template-columns:8px minmax(0,1fr) 50px 24px 96px;gap:12px;align-items:center;margin:0 22px;padding:9px 0;border-bottom:1px solid var(--hair2)}
.how4 .r .t{min-width:0}.how4 .r .t b{display:block;font-size:13.5px;font-weight:500;line-height:19px;color:var(--n);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.how4 .r .t span{display:flex;align-items:center;gap:5px;font-size:12px;line-height:18px;color:var(--n3)}.how4 .r .t svg{color:var(--n3)}
.how4 .r .left{font-size:12.5px;color:var(--n2);font-variant-numeric:tabular-nums}
.how4 .r .who{display:grid;place-items:center}.how4 .r .who .tm{width:14px;height:14px;color:var(--n)}.how4 .r .who .av{width:20px;height:20px}
.how4 .r .pill{justify-self:start}
.how4 .r.new{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:visible;background:#F5F8FE;box-shadow:-8px 0 0 #F5F8FE,8px 0 0 #F5F8FE;transition:max-height .6s var(--ease),padding .6s var(--ease),opacity .5s,background 1.4s,box-shadow 1.4s}
.how4 .r.new.in{max-height:72px;padding-top:9px;padding-bottom:9px;opacity:1}.how4 .r.new.calm{background:#fff;box-shadow:-8px 0 0 #fff,8px 0 0 #fff}
.how4 .pill--new{background:#FCEEEE;color:#B93A3A}.how4 .pill--new .now{display:none;align-items:center;gap:5px}
.how4 .r.new.took .pill--new{background:#EEF3FD;color:#2A5BD7}.how4 .r.new.took .was{display:none}.how4 .r.new.took .now{display:inline-flex}


.vt--wide{grid-column:1/-1}.vt--wide .vt__frame{aspect-ratio:auto;height:500px}.vt--wide>p{max-width:640px}
.how4 .ct--l{margin-left:4px!important}
.how4 .gen3{margin-left:auto;font-size:12px;white-space:nowrap}.how4 .gen3>span{display:inline-flex;align-items:center;gap:6px}
.how4 .gen3 .a{color:var(--n3)}.how4 .gen3 .b{display:none;color:#2C7A50;font-weight:500}.how4 .gen3 .ck{width:12px;height:12px}
.how4 .pane--ev.done .gen3 .a{display:none}.how4 .pane--ev.done .gen3 .b{display:inline-flex}
.how4 .ev-row{display:flex;justify-content:space-between;gap:24px;margin:18px 22px 0}
.how4 .ev{flex:0 0 368px;display:flex;flex-direction:column;gap:12px;min-width:0}
.how4 .rd{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;height:26px;padding:0 9px;border-radius:6px;background:var(--tint);font-size:12px;color:var(--n3);white-space:nowrap;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s var(--ease),color .3s}
.how4 .rd .ck{width:12px;height:12px;color:#3A9A66;display:none}.how4 .rd.in{opacity:1;transform:none}.how4 .rd.ok .spin{display:none}.how4 .rd.ok .ck{display:block}.how4 .rd.ok{color:var(--n2)}
.how4 .evc{display:block;width:368px;max-width:100%;height:auto;border-radius:10px;opacity:0;transform:translateY(10px);transition:opacity .55s var(--ease),transform .7s var(--ease)}
.how4 .evc.in{opacity:1;transform:none}
.how4 .evw{position:relative;display:block;width:368px;max-width:100%}.how4 .evr{position:absolute;left:0;top:0;width:100%;height:auto;border-radius:10px;opacity:0;transition:opacity .3s}.how4 .evr.in{opacity:1}
.how4 .pane--ev .say{margin-top:18px}.how4 .pane--ev .say--2{margin-top:12px}
.how4 .say .w{opacity:0;transition:opacity .2s}.how4 .say .w.v{opacity:1}
.how4 .go{display:grid;margin:12px 22px 0 45px}
.how4 .go__b,.how4 .go__r{grid-area:1/1;display:flex;flex-wrap:wrap;align-items:center;min-width:0}
.how4 .go__b{gap:8px;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .45s var(--ease)}.how4 .go.in .go__b{opacity:1;transform:none}
.how4 .go.sent .go__b{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}
.how4 .gbtn{position:relative;height:28px;padding:0 11px;border-radius:6px;border:1px solid var(--hair);font-size:12px;font-weight:500;line-height:26px;color:var(--n2);white-space:nowrap;transition:transform .15s}
.how4 .gbtn--go{border-color:var(--blue);background:var(--blue);color:#fff}.how4 .go.press .gbtn--go{transform:scale(.94)}
.how4 .gcur{position:absolute;left:calc(50% + 6px);top:calc(50% - 1px);width:18px;height:18px;opacity:0;pointer-events:none;transform:translate(64px,30px);transition:opacity .3s,transform .9s var(--ease);background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 8-6 1.5L10 19z' fill='%23051C45' stroke='white' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E")}
.how4 .go.wait .gcur,.how4 .go.press .gcur{opacity:1;transform:none}
.how4 .go__r{gap:4px 18px;visibility:hidden}.how4 .go.sent .go__r{visibility:visible}
.how4 .gs{display:inline-flex;align-items:center;gap:6px;height:28px;font-size:12.5px;color:var(--n);white-space:nowrap;opacity:0;transition:opacity .3s}
.how4 .gs .spin,.how4 .gs .ck{display:none}.how4 .gs .ck{width:12px;height:12px;color:#3A9A66}.how4 .gs--0{color:var(--n3)}
.how4 .go.sent .gs--0,.how4 .gs.run,.how4 .gs.ok{opacity:1}
.how4 .gs__t{display:grid}.how4 .gs__t>span{grid-area:1/1}.how4 .gs__t .a{color:var(--n3)}.how4 .gs__t .b,.how4 .gs.ok .gs__t .a{visibility:hidden}.how4 .gs.ok .gs__t .b{visibility:visible}.how4 .go.sent .gs--0 .ck,.how4 .gs.ok .ck{display:block}.how4 .gs.run .spin{display:block}


.how4 .truns{display:grid}
.how4 .trun{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility 0s .45s}
.how4 .trun.on{opacity:1;visibility:visible;transition:opacity .45s var(--ease) .1s,visibility 0s}
.how4 .trun__t{min-width:0;flex:1}.how4 .trun__t .nm{display:block;font-size:13.5px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.how4 .trun__t>span:last-child{display:block;font-size:12px;line-height:17px;color:var(--n3)}
.how4 .rdots{display:flex;gap:4px;flex:none}.how4 .rdots i{width:5px;height:5px;border-radius:50%;background:rgba(5,28,69,.15)}.how4 .rdots i.on{background:var(--n)}
.how4 .calls{display:flex;flex-direction:column;gap:2px;margin:10px 22px 0}
.how4 .call{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;min-height:36px;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .45s var(--ease)}.how4 .call.in{opacity:1;transform:none}
.how4 .tchip{display:inline-flex;align-items:center;gap:6px;justify-self:start;max-width:100%;height:24px;padding:0 8px 0 6px;border-radius:6px;background:var(--tint);font-size:11.5px;font-weight:500;color:var(--n2);white-space:nowrap}
.how4 .tchip>span{overflow:hidden;text-overflow:ellipsis}.how4 .tchip svg{flex:none;color:var(--n3)}.how4 .tchip .lg{width:14px;height:14px}.how4 .tchip .mmk{width:13px;height:13px}
.how4 .tchip--you{padding:0 8px;background:#FDF3E4;color:#A2620C}
.how4 .call__t{min-width:0;font-size:12.5px;line-height:18px}
.how4 .doing,.how4 .got{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}.how4 .doing{color:var(--n3)}.how4 .got{display:none;color:var(--n)}
.how4 .got .ck{width:12px;height:12px;flex:none;color:#3A9A66}
.how4 .call.ok .doing{display:none}.how4 .call.ok .got{display:flex;animation:h8in .35s var(--ease)}
.how4 .trun{position:relative}
.how4 .rskel{position:absolute;left:22px;right:22px;top:var(--rk,232px);padding-top:12px;border-top:1px solid var(--hair2);transition:opacity .35s}
.how4 .rskel__k{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--n3)}
.how4 .rskel i{display:block;height:8px;margin-top:14px;border-radius:4px;background:linear-gradient(90deg,#EEF2F7 30%,#F7F9FC 50%,#EEF2F7 70%) 0 0/300% 100%;animation:h8shim 1.8s linear infinite}.how4 .rskel i:nth-of-type(2){width:82%}.how4 .rskel i:nth-of-type(3){width:64%}
.how4 .trun.planned .rskel{opacity:0}
.how4 .rplan{margin:10px 22px 0;padding-top:12px;border-top:1px solid var(--hair2);opacity:0;transform:translateY(6px);transition:opacity .45s,transform .5s var(--ease)}.how4 .rplan.in{opacity:1;transform:none}
.how4 .rplan__k{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--n3)}.how4 .rplan__k .tm{width:12px;height:12px;color:var(--n)}
.how4 .rplan__t{display:block;margin:6px 0 4px;font-size:14.5px;line-height:20px;font-weight:500;color:var(--n)}
.how4 .rplan ol{list-style:none;margin:0;padding:0;counter-reset:st}
.how4 .rplan li{display:flex;align-items:center;gap:10px;min-height:31px;padding:3px 0;border-top:1px solid var(--hair2);font-size:12.5px;line-height:17px;color:var(--n);counter-increment:st;opacity:0;transition:opacity .35s}.how4 .rplan li.in{opacity:1}
.how4 .rplan li::before{content:counter(st);flex:none;width:14px;font-size:11px;color:var(--n3);font-variant-numeric:tabular-nums}
.how4 .li__t{min-width:0;flex:1}.how4 .li__c{display:flex;gap:4px;flex:none}.how4 .li__c .tchip{height:22px;font-size:11px}


.how4 .conf{margin-left:auto;display:inline-flex;align-items:center;font-style:normal;font-size:11.5px;color:#2C7A50;font-weight:500}
.how4 .conf .c1{display:inline-flex;align-items:center}.how4 .conf .c1 i{width:2.5px;border-radius:1px;background:#4FB27D;margin-right:2px}.how4 .conf .c1 i:nth-child(1){height:5px}.how4 .conf .c1 i:nth-child(2){height:8px}.how4 .conf .c1 i:nth-child(3){height:11px;margin-right:6px}
.how4 .conf .c2{display:none;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:4px;background:#EAF6EF}.how4 .conf .c2 .ck{width:11px;height:11px}
.how4 .pane--plan.done .conf .c1{display:none}.how4 .pane--plan.done .conf .c2{display:inline-flex;animation:h8in .4s var(--ease)}
.how4 .pln__t{display:block;margin:14px 22px 4px;font-size:15.5px;line-height:22px;font-weight:500;color:var(--n)}
.how4 .pln{list-style:none;margin:0 22px;padding:0}
.how4 .pln li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid var(--hair2)}
.how4 .pln li .nm{display:block;font-size:13.5px;line-height:19px}
.how4 .via{display:block;margin-top:2px;font-size:12px;line-height:18px;color:var(--n3)}.how4 .via>span{display:inline-flex;align-items:center;gap:6px}.how4 .via .b{display:none;color:var(--n2)}.how4 .via .av{width:16px;height:16px}.how4 .via .mmk{width:13px;height:13px}
.how4 li.ok .via .a,.how4 li.sent .via .a{display:none}.how4 li.ok .via .b,.how4 li.sent .via .b{display:inline-flex}
.how4 .st{display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border-radius:50%;box-shadow:inset 0 0 0 1px #CBD4E1}.how4 .st .spin,.how4 .st .ck{display:none}.how4 .st .ck{width:11px;height:11px;color:#2C7A50}
.how4 .pln li.run .st{box-shadow:none}.how4 .pln li.run .spin{display:block}
.how4 .pln li.ok .st{background:#E3F3EA;box-shadow:none}.how4 .pln li.ok .spin{display:none}.how4 .pln li.ok .ck{display:block}
.how4 .q{position:relative;display:grid;grid-template-rows:0fr;opacity:0;border:1px solid transparent;transition:grid-template-rows .5s var(--ease),opacity .35s,margin .5s var(--ease),padding .5s var(--ease)}
.how4 .q>p{min-height:0;overflow:hidden;margin:0;font-size:12px;line-height:18px;color:var(--n2)}.how4 .q>p .nm{display:block;font-size:13px;margin-bottom:2px}
.how4 li.wait .q{grid-template-rows:1fr;opacity:1;margin-top:10px;padding:11px 13px;border-radius:8px;background:#FFFAF2;border-color:#F3E3C6}
.how4 .btns{display:none;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.how4 li.wait .btns{display:flex}
.how4 .allow{height:28px;padding:0 11px;border-radius:6px;background:var(--blue);color:#fff;font-size:12px;font-weight:500;line-height:28px;transition:transform .15s}
.how4 .no{height:28px;padding:0 10px;border-radius:6px;border:1px solid #EADBC2;font-size:12px;font-weight:500;line-height:26px;color:var(--n2);white-space:nowrap}
.how4 li.press .allow{transform:scale(.94)}
.how4 .cur{position:absolute;left:60px;bottom:-14px;width:18px;height:18px;opacity:0;pointer-events:none;transition:opacity .3s,transform .9s var(--ease);transform:translate(70px,40px);background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 8-6 1.5L10 19z' fill='%23051C45' stroke='white' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E")}
.how4 li.wait .cur{opacity:1;transform:translate(-30px,-10px)}
.how4 .act{display:none;align-items:center;gap:9px;margin-top:9px;padding:6px 11px 6px 6px;border:1px solid var(--hair);border-radius:8px;font-size:12.5px;line-height:18px;color:var(--n2)}
.how4 li.sent .act{display:flex;animation:h8in .4s var(--ease)}
.how4 .act .tchip{background:#EEF3FD;color:#2A5BD7}.how4 .act .tchip svg{color:#2A5BD7}
.how4 .act__t{flex:1;min-width:0}.how4 .act b{font-weight:500;color:var(--n)}.how4 .act time{flex:none;font-size:11.5px;color:var(--n3);font-variant-numeric:tabular-nums}
.how4 .yes{display:none;align-items:center;gap:8px;margin-top:10px}.how4 .yes.in{display:flex;animation:h8in .5s var(--ease)}
.how4 .yes .av{width:20px;height:20px}.how4 .yes p{margin:0;padding:5px 10px;border-radius:10px 10px 10px 3px;background:var(--tint);font-size:12.5px;color:var(--n)}.how4 .yes span{font-size:11px;color:var(--n3)}

@media (max-width:1100px){.vgrid{gap:52px 20px}.vt__in{left:28px;right:28px;top:28px}.vt--wide .vt__frame{height:auto;padding-bottom:28px}.vt--wide .vt__in{position:relative;left:auto;right:auto;top:auto;margin:28px 28px 0}.how4 .ev-row{flex-wrap:wrap;justify-content:flex-start}.how4 .ev{flex:1 1 300px;max-width:368px}.how4 .pane--ev{border-bottom:1px solid var(--hair);border-radius:12px;padding-bottom:20px}}
@media (max-width:900px){
  .how4{padding-top:120px}.vgrid{grid-template-columns:minmax(0,1fr);gap:48px;margin-top:44px}
  .vt__frame{aspect-ratio:auto;height:470px}.vt__in{left:16px;right:16px;top:20px}.vt--wide .vt__in{margin:20px 16px 0}.how4 .ev{flex-basis:100%}.how4 .p-h .ct--l{display:none}.how4 .pane--ev .p-h{flex-wrap:wrap;row-gap:6px}.how4 .pane--ev .p-h .nm{white-space:nowrap}.how4 .gen3{margin-left:0;flex-basis:100%}
  .vt h3{margin-top:18px}
}
@container (max-width:540px){
  .how4 .tabs,.how4 .r .left,.how4 .r .who{display:none}
  .how4 .r{grid-template-columns:6px minmax(0,1fr) auto;gap:10px}.how4 .r .t b{white-space:normal}
  .how4 .rskel{display:none}.how4 .gen3 .a{display:none!important}
  .how4 .call{grid-template-columns:minmax(0,1fr);gap:4px;padding:4px 0}
  .how4 .li__c{display:none}.how4 .btns .no:nth-child(2){display:none}.how4 .act .to{display:none}
  .how4 .m.me p{max-width:240px}
}


.see{padding:168px 0 0}
.see__head{text-align:center}.see__head .lede{max-width:560px;margin:20px auto 0}
.player{max-width:1120px;margin:56px auto 0}
.stage-p{padding:48px 48px 0;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,#F1F5F1 0%,#EDF3F5 50%,#E8F1F8 100%)}
.window{position:relative;width:100%;aspect-ratio:1208/784;border-radius:12px 12px 0 0;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(5,28,69,.08)}
.window__fit{position:absolute;left:0;top:0;width:1208px;height:848px;transform-origin:0 0}
.window .sk-scene{content-visibility:visible!important}
.chaps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;margin-top:22px}
.chap{display:flex;flex-direction:column;justify-content:flex-start;align-self:start;padding:0;border:0;background:none;cursor:pointer;text-align:left;font:500 var(--fs-meta)/var(--lh-meta) var(--sans);color:var(--soft);transition:color .3s}
.chap i{position:relative;display:block;height:2px;margin-bottom:12px;border-radius:1px;background:rgba(5,28,69,.1);overflow:hidden}
.chap i::after{content:"";position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--navy)}
.chap.on,.chap:hover{color:var(--navy)}
.player__foot{display:flex;justify-content:flex-end;align-items:center;margin-top:18px;min-height:20px}
.replay{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;font:500 var(--fs-meta) var(--sans);color:var(--navy);cursor:pointer;opacity:0;transition:opacity .3s}.replay svg{width:14px;height:14px}
.player.done .replay{opacity:1}

.faq .stub{display:inline-flex;align-items:center;height:18px;margin-left:10px;padding:0 6px;border-radius:4px;border:1px dashed rgba(5,28,69,.25);font:500 10px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--soft);vertical-align:2px}


.people{padding:168px 0 0}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:88px;align-items:end;margin-bottom:56px}
.ind{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 20px}
.ind a{display:block;text-decoration:none;color:inherit}
.ind__img{border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#e6e9ee}
.ind img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}.ind a:hover img{transform:scale(1.03)}
.ind b{display:flex;align-items:center;gap:8px;margin-top:18px;font:500 var(--fs-h3)/var(--lh-h3) var(--display);letter-spacing:-.2px;color:var(--navy)}.ind b svg{width:14px;height:14px;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s}
.ind a:hover b svg{opacity:1;transform:none}
.ind span{display:block;margin-top:6px;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text)}


.faq{padding:136px 0 160px}
.faq .grid{display:grid;grid-template-columns:400px 1fr;gap:72px}
details{border-bottom:1px solid var(--line2)}details:first-child{border-top:1px solid var(--line2)}
summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;gap:24px;font:500 var(--fs-h3)/var(--lh-h3) var(--display);letter-spacing:-.2px;color:var(--navy)}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:12px;height:12px;margin-top:calc((var(--lh-h3) - 12px)/2);background:linear-gradient(var(--soft),var(--soft)) center/12px 1.5px no-repeat,linear-gradient(var(--soft),var(--soft)) center/1.5px 12px no-repeat;transition:transform .3s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 24px;max-width:700px;color:var(--text);font-size:var(--fs-body);line-height:var(--lh-body)}


.close{position:relative;margin:144px 16px 0;border-radius:32px;overflow:hidden;min-height:680px;display:grid;place-items:center;text-align:center;color:#fff}
.close img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:8% 58%}
.close::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 52%,rgba(5,28,69,.76) 0%,rgba(5,28,69,.5) 60%,rgba(5,28,69,.34) 100%),linear-gradient(180deg,rgba(5,28,69,.2),rgba(5,28,69,.66));z-index:1}
.close .in{position:relative;z-index:2;padding:120px 32px}
.close .mk{width:56px;height:56px;margin:0 auto 28px;display:grid;place-items:center;animation:clock 600s linear infinite}.close .mk .sk-tm{color:#fff}
.close h2{margin:0 auto;max-width:760px;color:#fff}
.close p{margin:24px auto 0;max-width:540px;color:rgba(255,255,255,.78)}
.close .ctas{display:flex;gap:12px;justify-content:center;margin-top:40px}
.foot{padding:26px 0 40px;font-size:var(--fs-meta);color:var(--soft)}.foot .wide{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{color:var(--muted)}

dialog{border:0;padding:0;border-radius:14px;width:min(1200px,94vw);max-width:none;background:#000;box-shadow:0 40px 100px -20px rgba(0,0,0,.6)}
dialog::backdrop{background:rgba(5,15,35,.78);backdrop-filter:blur(6px)}
dialog video{display:block;width:100%}
dialog .bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;font-size:14px;color:var(--muted)}
dialog .x{width:32px;height:32px;border-radius:6px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:16px;color:var(--navy)}

@media (max-width:1100px){
  .hero h1{font-size:80px;line-height:78px}.h2{font-size:42px;line-height:46px;letter-spacing:-1.2px}
  .split,.faq .grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .ind{grid-template-columns:repeat(2,minmax(0,1fr))}.menu{display:none}
  .chaps{grid-template-columns:repeat(7,150px);overflow-x:auto;padding-bottom:6px}
  .stage-h{height:560px;grid-template-columns:minmax(0,4fr) minmax(0,6fr)}.stage-h__app{top:28px;left:28px;right:28px}
}
@media (max-width:900px){
  :host{--fs-h3:19px;--lh-h3:25px}
  .fan{margin-top:72px}.fan__frame{height:420px}.fan__head{gap:10px;margin-bottom:20px}.fan__cap{flex-wrap:wrap;justify-content:center;text-align:center;row-gap:2px;bottom:20px}.fan__cap b{white-space:normal;font-size:14px;line-height:19px}
  
  .stage-h{display:block;height:auto}
  .sh-photo{aspect-ratio:4/3.3}.stage-h__photo{object-position:32% 40%}
  .sh-app{display:none}
  .brief{display:block;position:relative;margin:-48px 14px 0;padding:18px 18px 16px;border-radius:12px;background:#fff;text-align:left;font-family:Inter,var(--sans);color:var(--navy);box-shadow:0 0 0 1px rgba(5,28,69,.08),0 24px 48px -32px rgba(5,28,69,.45)}
  .brief__h{display:flex;align-items:center;gap:8px;font-size:13.5px}.brief__h .tm{width:15px;height:15px}.brief__h b{font-weight:500}.brief__h span{margin-left:auto;font-size:12px;color:#8592A8}
  .brief p{margin:10px 0 0;font-size:14px;line-height:21px;color:#4A5A75}
  .brief ul{list-style:none;margin:12px 0 0;padding:0}
  .brief li{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid rgba(5,28,69,.06);font-size:13px}
  .brief li i{width:6px;height:6px;border-radius:50%;flex:none}.brief li em{margin-left:auto;font-style:normal;font-size:12px;font-weight:500}
}
@media (max-width:640px){
  :host{--fs-lede:18px;--lh-lede:27px}
  .wrap,.wide{padding:0 20px}.hero{padding-top:64px}.hero h1{font-size:56px;line-height:56px}.hero__ctas{flex-direction:column;gap:18px}
  .stage-h{margin-top:48px}
  .ind{grid-template-columns:minmax(0,1fr)}.nav .right a:first-child{display:none}.close{border-radius:22px}
  .see,.people{padding-top:120px}
  .stage-p{padding:20px 20px 0}
  
  .player{margin:40px -20px 0}.player .stage-p{padding:12px 12px 0;border-radius:0}.player .window{aspect-ratio:10/13}
  .player .chaps{padding:0 20px 6px}.player__foot{padding:0 20px}
  .player .window.cut{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
  .close{margin:104px 8px 0}.close .ctas{flex-direction:column;align-items:stretch;max-width:300px;margin-left:auto;margin-right:auto}.close .in{padding:96px 24px}
}
.sk-bundle{
  
  --ui-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;  

  
  --ui-text-label:  11px;  --ui-leading-label:  1.09;   
  --ui-text-body:   13px;  --ui-leading-body:   1.07;   
  --ui-text-strong: 14px;  --ui-leading-strong: 1.4;    
  --ui-text-title:  18px;  --ui-leading-title:  1.16;   
  --ui-title-track: -0.02em;                            

  
  --ui-surface:   #ffffff;
  --ui-hairline:  #e6e9ef;   
  --ui-ink:       #0f141b;   
  --ui-value:     #414752;   
  --ui-prose:     #565e6e;   
  --ui-label:     #6c7689;   
  --ui-muted:     #8991a1;   
  --ui-disabled:  #a7adb8;   
  --ui-bubble:    #f3f4f7;   

  
  --ui-chrome:    #0f5ee6;
  --ui-on-chrome:      rgb(255 255 255 / .75);  
  --ui-on-chrome-wash: rgb(255 255 255 / .16);  
  
  --ui-tempo:     #002755;
  
  --ui-tempo-bar:      #0a7ad6;   
  --ui-tempo-accent:   #0a86e8;   
  --ui-tempo-accent-ink: #0a6fc2; 
  --ui-tempo-accent-40: rgb(10 134 232 / .4); 
  --ui-tempo-canvas:   #fbfbfc;   
  --ui-tempo-canvas-92: rgb(251 251 252 / .92); 
  --ui-tempo-n900: #171717;  --ui-tempo-n800: #262626;  --ui-tempo-n700: #404040;
  --ui-tempo-n600: #525252;  --ui-tempo-n500: #737373;  --ui-tempo-n400: #a1a1a1;
  --ui-tempo-n300: #d4d4d4;  --ui-tempo-n200: #e5e5e5;  --ui-tempo-n100: #f5f5f5;
  --ui-tempo-n50:  #fafafa;
  --ui-tempo-n200-70: rgb(229 229 229 / .7); 
  --ui-tempo-line:      rgb(0 0 0 / .07);   
  --ui-tempo-line-soft: rgb(0 0 0 / .06);   
  --ui-tempo-line-8:    rgb(0 0 0 / .08);   
  --ui-tempo-fill:      rgb(0 0 0 / .035);  
  --ui-tempo-fill-4:    rgb(0 0 0 / .04);   
  --ui-tempo-card-line: rgb(229 229 229 / .6); 
  --ui-tempo-red:       lab(49.1882% 81.577 36.0311);    
  --ui-tempo-red-2:     lab(56.101% 79.4328 31.4532);    
  --ui-tempo-red-soft:  lab(96.2369% 4.94155 1.28011);   
  --ui-tempo-amber:     lab(60.3514% 40.5624 87.1228);   
  --ui-tempo-amber-ink: lab(47.2709% 42.9082 69.2966);   
  --ui-tempo-amber-soft:lab(98.6252% -.635922 8.42309);  
  --ui-tempo-green:     #3a9e49;   
  --ui-tempo-green-ink: lab(44.4871% -41.0396 11.0361);  
  --ui-tempo-green-bar: lab(55.0481% -49.9246 15.93);    
  --ui-tempo-green-soft:lab(97.8462% -6.94966 1.85487);  
  --ui-tempo-done:      lab(66.9756% -58.27 19.5419);    
  --ui-tempo-sky:       lab(63.3038% -18.433 -51.0407);  
  --ui-tempo-tag:       lab(41.6013% -9.10804 -42.5647); 
  --ui-tempo-tag-bg:    lab(97.3623% -2.33802 -4.13098); 
  --ui-tempo-contact:   lab(35.2783% 67.9912 -88.793);   
  --ui-tempo-contact-bg:lab(96.2416% 2.28849 -5.51657);  
  --ui-tempo-gold:      #b8860b;   
  
  --ui-tempo-resource:    lab(35.2783% 67.9912 -88.793);   
  --ui-tempo-resource-bg: lab(96.2416% 2.28849 -5.51657);  
  
  --ui-tempo-line-10:   rgb(0 0 0 / .1);    
  --ui-tempo-line-5:    rgb(0 0 0 / .05);   
  --ui-tempo-n100-80:   rgb(245 245 245 / .8); 
  --ui-tempo-recip:     #eef4ff;   
  --ui-tempo-allow:     #2f7a45;   
  --ui-tempo-float: 0 2px 10px rgb(15 23 42 / .05);  
  --ui-tempo-menu: 0 12px 32px rgb(15 23 42 / .14);  
  --ui-tempo-shim-lo:   rgb(115 115 115 / .45); 
  --ui-tempo-shim-hi:   rgb(23 23 23 / .92);    
  
  --ui-tempo-on-bar:    rgb(255 255 255 / .95);  
  --ui-tempo-on-bar-2:  rgb(255 255 255 / .7);   
  --ui-tempo-on-bar-3:  rgb(255 255 255 / .8);   
  --ui-tempo-on-bar-4:  rgb(255 255 255 / .9);   
  --ui-tempo-search:    rgb(255 255 255 / .15);  
  --ui-tempo-badge:     #e5495f;   
  --ui-tempo-me:        lab(80.1641% 16.6016 99.2089); 
  --ui-tempo-tab-idle:  rgb(255 255 255 / .55); 
  --ui-tempo-lift: 0 -2px 6px rgb(15 23 42 / .03), 0 -10px 24px rgb(15 23 42 / .045); 
  --ui-tempo-rail-on: 0 1px 1.5px rgb(15 23 42 / .07), 0 0 0 .5px rgb(15 23 42 / .03); 
  --ui-tempo-knob: 0 1px 2px rgb(15 23 42 / .1);   
  --ui-tempo-drawer: -5px 0 12px -2px rgb(15 23 42 / .05); 
  --ui-tempo-card-shadow: 0 1px 2px rgb(15 23 42 / .04); 
  --ui-tempo-foot: 0 0 0 1px rgb(15 23 42 / .05), 0 1px 2px rgb(15 23 42 / .04); 
  --ui-tempo-ring-w: 1.5px;        
  --ui-tempo-t95:  9.5px;          
  --ui-tempo-t115: 11.5px;         
  --ui-tempo-t125: 12.5px;         
  --ui-tempo-t135: 13.5px;         

  
  --ui-h-blue:    261.2;
  --ui-h-green:   153.2;
  --ui-h-amber:    71.9;
  --ui-h-rose:     14.4;
  --ui-h-purple:  303.8;
  --ui-h-cyan:    223.8;
  --ui-h-lime:    127.7;
  --ui-h-clay:     43.6;   
  --ui-h-forge:    38;     

  
  --ui-mark-mm-a:    #4F4FE0;  --ui-mark-mm-b:    #B24BE3;  --ui-mark-mm:    #834DE8;
  --ui-mark-mm-step: #6F42C1;
  --ui-mark-forge-a: #FFB03A;  --ui-mark-forge-b: #F2542D;  --ui-mark-forge: #FD841B;
  --ui-mark-ma-a:    #1DBCB4;  --ui-mark-ma-b:    #2A6BFF;  --ui-mark-ma:    #00A1DF;

  
  --ui-status-l-tint: 0.94;  --ui-status-c-tint: 0.040;
  --ui-status-l-ink:  0.48;  --ui-status-c-ink:  0.125;
  --ui-status-l-line: 0.32;  --ui-status-c-line: 0.090;

  --ui-blue-tint:   oklch(var(--ui-status-l-tint) var(--ui-status-c-tint) var(--ui-h-blue));
  --ui-blue-ink:    oklch(var(--ui-status-l-ink)  var(--ui-status-c-ink)  var(--ui-h-blue));
  --ui-blue-line:   oklch(var(--ui-status-l-line) var(--ui-status-c-line) var(--ui-h-blue));
  --ui-green-tint:  oklch(var(--ui-status-l-tint) var(--ui-status-c-tint) var(--ui-h-green));
  --ui-green-ink:   oklch(var(--ui-status-l-ink)  var(--ui-status-c-ink)  var(--ui-h-green));
  --ui-green-line:  oklch(var(--ui-status-l-line) var(--ui-status-c-line) var(--ui-h-green));
  
  --ui-green-ink:   oklch(0.646 0.171 151.6);
  --ui-amber-tint:  oklch(var(--ui-status-l-tint) var(--ui-status-c-tint) var(--ui-h-amber));
  --ui-amber-ink:   oklch(var(--ui-status-l-ink)  var(--ui-status-c-ink)  var(--ui-h-amber));
  --ui-amber-line:  oklch(var(--ui-status-l-line) var(--ui-status-c-line) var(--ui-h-amber));
  --ui-rose-tint:   oklch(var(--ui-status-l-tint) var(--ui-status-c-tint) var(--ui-h-rose));
  --ui-rose-ink:    oklch(var(--ui-status-l-ink)  var(--ui-status-c-ink)  var(--ui-h-rose));
  --ui-rose-line:   oklch(var(--ui-status-l-line) var(--ui-status-c-line) var(--ui-h-rose));
  
  --ui-rose-ink:    oklch(0.626 0.211 16.3);
  --ui-purple-tint: oklch(var(--ui-status-l-tint) var(--ui-status-c-tint) var(--ui-h-purple));
  --ui-purple-ink:  oklch(var(--ui-status-l-ink)  var(--ui-status-c-ink)  var(--ui-h-purple));
  --ui-purple-line: oklch(var(--ui-status-l-line) var(--ui-status-c-line) var(--ui-h-purple));
  --ui-cyan-tint:   oklch(var(--ui-status-l-tint) var(--ui-status-c-tint) var(--ui-h-cyan));
  --ui-cyan-ink:    oklch(var(--ui-status-l-ink)  var(--ui-status-c-ink)  var(--ui-h-cyan));
  --ui-cyan-line:   oklch(var(--ui-status-l-line) var(--ui-status-c-line) var(--ui-h-cyan));
  --ui-lime-tint:   oklch(var(--ui-status-l-tint) var(--ui-status-c-tint) var(--ui-h-lime));
  --ui-lime-ink:    oklch(var(--ui-status-l-ink)  var(--ui-status-c-ink)  var(--ui-h-lime));
  --ui-lime-line:   oklch(var(--ui-status-l-line) var(--ui-status-c-line) var(--ui-h-lime));
  --ui-clay-tint:   oklch(var(--ui-status-l-tint) var(--ui-status-c-tint) var(--ui-h-clay));
  --ui-clay-ink:    oklch(var(--ui-status-l-ink)  var(--ui-status-c-ink)  var(--ui-h-clay));
  --ui-clay-line:   oklch(var(--ui-status-l-line) var(--ui-status-c-line) var(--ui-h-clay));
  --ui-forge-tint:  oklch(var(--ui-status-l-tint) var(--ui-status-c-tint) var(--ui-h-forge));
  --ui-forge-ink:   oklch(0.64 0.19 var(--ui-h-forge));   
  --ui-forge-line:  oklch(var(--ui-status-l-line) var(--ui-status-c-line) var(--ui-h-forge));

  
  --ui-status-l-fill: 0.905;  --ui-status-c-fill: 0.062;
  --ui-amber-fill:  oklch(var(--ui-status-l-fill) var(--ui-status-c-fill) var(--ui-h-amber));
  --ui-clay-fill:   oklch(var(--ui-status-l-fill) var(--ui-status-c-fill) var(--ui-h-clay));
  --ui-purple-fill: oklch(var(--ui-status-l-fill) var(--ui-status-c-fill) var(--ui-h-purple));
  --ui-rose-fill:   oklch(var(--ui-status-l-fill) var(--ui-status-c-fill) var(--ui-h-rose));
  --ui-green-fill:  oklch(var(--ui-status-l-fill) var(--ui-status-c-fill) var(--ui-h-green));
  --ui-blue-fill:   oklch(var(--ui-status-l-fill) var(--ui-status-c-fill) var(--ui-h-blue));
  --ui-cyan-fill:   oklch(var(--ui-status-l-fill) var(--ui-status-c-fill) var(--ui-h-cyan));

  
  --ui-status-l-edge: 0.80;  --ui-status-c-edge: 0.075;
  --ui-amber-edge:  oklch(var(--ui-status-l-edge) var(--ui-status-c-edge) var(--ui-h-amber));
  --ui-clay-edge:   oklch(var(--ui-status-l-edge) var(--ui-status-c-edge) var(--ui-h-clay));
  --ui-purple-edge: oklch(var(--ui-status-l-edge) var(--ui-status-c-edge) var(--ui-h-purple));
  --ui-rose-edge:   oklch(var(--ui-status-l-edge) var(--ui-status-c-edge) var(--ui-h-rose));
  --ui-green-edge:  oklch(var(--ui-status-l-edge) var(--ui-status-c-edge) var(--ui-h-green));
  --ui-blue-edge:   oklch(var(--ui-status-l-edge) var(--ui-status-c-edge) var(--ui-h-blue));
  --ui-cyan-edge:   oklch(var(--ui-status-l-edge) var(--ui-status-c-edge) var(--ui-h-cyan));
  --ui-forge-edge:  oklch(var(--ui-status-l-edge) var(--ui-status-c-edge) var(--ui-h-forge));

  
  
  --ui-offhours: var(--ui-hairline);

  --ui-r-block: 4px;      
  --ui-r-ctl:   6px;      
  --ui-r-panel: 8px;      
  --ui-r-card:  12px;     
  --ui-r-pill:  1000px;

  
  
  --ui-msg-indent: calc(var(--ui-av-md) + var(--ui-s-3));
  --ui-msg-gap:    22px;

  --ui-s-1: 4px;  --ui-s-2: 8px;  --ui-s-3: 12px;
  --ui-s-4: 16px; --ui-s-5: 20px; --ui-s-6: 24px; --ui-s-7: 28px;
  
  --ui-pad-card: 22px;

  --ui-nav-h:    48px;    
  --ui-header-h: 60px;
  --ui-side-w:   272px;
  --ui-rail-w:   320px;
  --ui-tempo-w:  400px;   

  
  --ui-av-xs: 24px; --ui-av-sm: 28px; --ui-av-md: 34px; --ui-av-lg: 40px;

  
  --ui-active: #edf3fe;   
  --ui-hover:  #f7f9fc;   
}.sk-bundle{
  
  --fr-elevation:
    0 0    0    1px    rgba(62, 79, 110, 0.05),
    0 1px  2px  -0.5px rgba(62, 79, 110, 0.05),
    0 2px  4px  -1px   rgba(62, 79, 110, 0.05),
    0 4px  8px  -2px   rgba(62, 79, 110, 0.05),
    0 8px  16px -4px   rgba(62, 79, 110, 0.05),
    0 16px 32px -8px   rgba(62, 79, 110, 0.10);

  
  --fr-canvas-w: 1440px;
  --fr-canvas-h: 810px;     
  --fr-scale:    0.75;
  --fr-web-w:    1088px;
  --fr-web-h:    477px;

  --fr-frame-shadow: 0 16px 32px -8px rgb(62 79 110 / .10);
  
  --fr-fade-len: 77%;
  --fr-fade-b: linear-gradient(to bottom, #000 var(--fr-fade-len), transparent 100%);
  --fr-fade-t: linear-gradient(to top,    #000 var(--fr-fade-len), transparent 100%);
  --fr-fade-r: linear-gradient(to right,  #000 var(--fr-fade-len), transparent 100%);
  --fr-fade-l: linear-gradient(to left,   #000 var(--fr-fade-len), transparent 100%);

  
  --fr-wash-l: 0.95;
  --fr-wash-c: 0.020;
  --fr-wash-h: var(--ui-h-blue);
  --fr-wash-angle: 180deg;

  
  --fr-stack-inset: 12px;
  --fr-stack-step:  13px;

  
  --fr-hash-c:     #eceef3;
  --fr-hash-pitch: 8px;
  --fr-hash-line:  1px;
  --fr-hash-angle: 135deg;   

  
  --fr-hero-g0:  #e5efe2;
  --fr-hero-g1:  #dde8ef;
  --fr-hero-g2:  #d3e1f7;

  
  --fr-hero-shift-g0: #f7ece3;
  --fr-hero-shift-g1: #f0e8ee;
  --fr-hero-shift-g2: #e0e2f6;

  
  --fr-hero-forms-g0: #f6f1ea;
  --fr-hero-forms-g1: #efe5d8;
  --fr-hero-forms-g2: #e4d5c4;
  
  --fr-hero-forms-veil: 78%;

  
  --fr-hero-messaging-g0: #e9f4ed;
  --fr-hero-messaging-g1: #deefe4;
  --fr-hero-messaging-g2: #cde6d6;
  --fr-hero-mobile-g0: #eaf1fb;
  --fr-hero-mobile-g1: #dfe9f9;
  --fr-hero-mobile-g2: #cddcf5;
  --fr-hero-analytics-g0: #f0eef9;
  --fr-hero-analytics-g1: #e7e7f7;
  --fr-hero-analytics-g2: #d8e1f7;
  --fr-hero-photo-veil: 78%;

  --fr-panel:    #eef2fb;   
  --fr-panel-r:  12px;
  --fr-panel-pad: 40px;

  --fr-hatch: repeating-linear-gradient(-45deg,
    transparent 0 5px, rgba(62,79,110,.10) 5px 6px);   
  --fr-offhours: #e6e9ef;                              

  
  --fr-dev-rim1:  #e9e7e4;   
  --fr-dev-rim2:  #b9b5b0;   
  --fr-dev-rim3:  #85817c;   
  --fr-dev-bezel: #060708;   
  
  --fr-dev-drop:  0 18px 36px rgb(62 79 110 / .18);

  
  --fr-push-r:         24px;
  --fr-push-r-android: 28px;
  --fr-push-pad:       14px;
  --fr-push-icon:      38px;
  --fr-push-icon-r:    9px;
  --fr-push-title:     15px;
  --fr-push-body:      15px;
  --fr-push-time:      13px;
  --fr-push-lh:        20px;
  
  --fr-push-dark-ground: #24262b;
  --fr-push-dark-ink:    #f4f5f7;
  --fr-push-dark-sub:    #9aa0ab;
  --fr-push-glass-ground:      rgb(255 255 255 / .5);
  --fr-push-glass-line:        rgb(255 255 255 / .65);
  --fr-push-glass-dark-ground: rgb(38 40 46 / .55);
  --fr-push-glass-dark-line:   rgb(255 255 255 / .22);
  --fr-push-glass-blur:        18px;
  --fr-push-matte-ground:      rgb(255 255 255 / .82);
  --fr-push-matte-dark-ground: rgb(36 38 43 / .88);
  --fr-push-matte-blur:        8px;

  
  --fr-sms-r:     18px;
  --fr-sms-pad:   8px 12px;
  --fr-sms-text:  14px;
  --fr-sms-lh:    19px;
  --fr-sms-max:   86%;
  --fr-sms-gap:   4px;

  
  --fr-band-navy:    #051c45;
  --fr-badge-disc:   #131a3a;
  --fr-badge-ink:    #ebeefe;
  --fr-logo-workday: #fc5b05;
}.sk-bundle{
  --brand-larkfield-primary: #13395c;  --brand-larkfield-on: #ffffff;  --brand-larkfield-deep: #0d2840;
  --brand-larkfield-accent: #e8662e;   --brand-larkfield-tint: #fdf1ea; --brand-larkfield-edge: #f2c4ab;

  --brand-fixwell-primary: #ffc72c;    --brand-fixwell-on: #1c1e21;     --brand-fixwell-deep: #1c1e21;
  --brand-fixwell-accent: #1c1e21;     --brand-fixwell-tint: #fff8dc;   --brand-fixwell-edge: #f0d27a;

  --brand-fenwick-primary: #1e5b3c;    --brand-fenwick-on: #ffffff;     --brand-fenwick-deep: #143f2a;
  --brand-fenwick-accent: #8bc540;     --brand-fenwick-tint: #eef6e7;   --brand-fenwick-edge: #b7d6a1;

  --brand-tidewell-primary: #0b7c88;   --brand-tidewell-on: #ffffff;    --brand-tidewell-deep: #07525a;
  --brand-tidewell-accent: #f2705f;    --brand-tidewell-tint: #e7f5f6;  --brand-tidewell-edge: #a6d8dc;

  --brand-shadesill-primary: #2f2b27;  --brand-shadesill-on: #ffffff;   --brand-shadesill-deep: #2f2b27;
  --brand-shadesill-accent: #c0643c;   --brand-shadesill-tint: #f6f1ea; --brand-shadesill-edge: #e0d3c3;
}@property --pbpub-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --wsh-t{ syntax: '<number>'; inherits: true; initial-value: 7.2; }@property --wsrec-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --tflow-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --tflow-k{ syntax: '<number>'; inherits: true; initial-value: 6; }@property --tflow-s{ syntax: '<number>'; inherits: true; initial-value: 15; }@property --tflow-y{ syntax: '<length>'; inherits: true; initial-value: 160px; }@property --rplan-k{ syntax: '<number>'; inherits: true; initial-value: 4; }@property --rplan-g{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --rplan-m1{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --rplan-m2{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --rplan-f1{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --rplan-f2{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --hand-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --hand-b{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --oa-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --oa-t{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --oa-k{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --oa-kv{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --oa-h{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --oa-v{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --dplan-s{ syntax: '<number>'; inherits: true; initial-value: 8.5; }@property --wmatch-s{ syntax: '<number>'; inherits: true; initial-value: 8.5; }@property --pol-c{ syntax: '<number>'; inherits: true; initial-value: 9; }@property --pol-r{ syntax: '<number>'; inherits: true; initial-value: 9; }@property --cimp-in{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --cimp-e{ syntax: '<number>'; inherits: true; initial-value: 5; }@property --stime-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pp-s{ syntax: '<number>'; inherits: true; initial-value: 6; }@property --pp-n{ syntax: '<integer>'; inherits: true; initial-value: 19; }@property --ofr-s{ syntax: '<number>'; inherits: true; initial-value: 8.5; }@property --cov-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --cov-k{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --cov-m{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --shand-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --shand-b{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --pchk-r{ syntax: '<number>'; inherits: true; initial-value: 9; }@property --pchk-e{ syntax: '<number>'; inherits: true; initial-value: 5; }@property --pchk-w{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --pchk-f{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --tsc-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --ddr-s{ syntax: '<number>'; inherits: true; initial-value: 8.5; }@property --cq-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --cq-r{ syntax: '<number>'; inherits: true; initial-value: 9; }@property --cq-e{ syntax: '<number>'; inherits: true; initial-value: 3; }@property --cq-k{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --balloc-s{ syntax: '<number>'; inherits: true; initial-value: 8.5; }@property --actf-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --actf-k{ syntax: '<number>'; inherits: true; initial-value: 2; }@property --cflow-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --cflow-k{ syntax: '<number>'; inherits: true; initial-value: 5; }@property --cflow-r{ syntax: '<number>'; inherits: true; initial-value: 2; }@property --cflow-v{ syntax: '<number>'; inherits: true; initial-value: 2; }@property --tkf-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --tkf-d{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --tkf-b{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --tkf-k{ syntax: '<number>'; inherits: true; initial-value: 3; }@property --tkf-p{ syntax: '<number>'; inherits: true; initial-value: 0.333; }@property --xflow-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --xflow-b{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --tapp-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --tcon-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pwhy-k{ syntax: '<number>'; inherits: true; initial-value: 5; }@property --pwhy-g{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --paud-n{ syntax: '<number>'; inherits: true; initial-value: 3; }@property --paud-ok{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --tvar-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --trev-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pmo-k{ syntax: '<number>'; inherits: true; initial-value: 6; }@property --pcn-k{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pout-k{ syntax: '<number>'; inherits: true; initial-value: 6; }@property --ti-t{ syntax: '<number>'; inherits: true; initial-value: 8.2; }.sk-ti,.sk-ti *{ box-sizing: border-box; }.sk-ti{ position: relative; isolation: isolate; display: flex; flex-direction: column; overflow: hidden;
  background: var(--ui-surface); color: var(--ui-tempo-n800); font-family: var(--ui-font); line-height: 1.5;
  -webkit-font-smoothing: antialiased; }.sk-ti--tab{ border: 1px solid var(--ui-tempo-line); background: var(--ui-tempo-canvas); }.sk-ti__row{ position: relative; flex: 1; min-height: 0; display: flex; background: var(--ui-tempo-canvas); }.sk-ti :where(h1, h2, h3, h4, p, ul, ol, li){ margin: 0; padding: 0; font-family: inherit; letter-spacing: normal; text-transform: none; }.sk-ti[data-fx="k"]:not(.is-held){ animation: sk-ti-clock var(--ti-period) steps(var(--ti-steps, 480)) infinite; }.sk-ti [data-ti]{
  
  --p-in: clamp(0, (var(--ti-t) - var(--a)) / .4, 1);
  --in: calc(1 - (1 - var(--p-in)) * (1 - var(--p-in)) * (1 - var(--p-in)));
  --p-out: clamp(0, (var(--ti-t) - var(--b)) / .3, 1);
  --out: calc(1 - var(--p-out) * var(--p-out) * var(--p-out));
  --on: calc(var(--in) * var(--out));
  opacity: var(--on); }.sk-ti__p,.sk-ti__seed,.sk-ti__plan,.sk-ti__okrow,.sk-ti__chip,.sk-ti .sk-tc{
  transform: translateY(calc((1 - var(--in, 1)) * 6px)); }.sk-ti__swap{ display: inline-grid; }.sk-ti__swap > span{ grid-area: 1 / 1; white-space: nowrap; }.sk-ti__band{ flex: none; padding: 16px 24px; background: var(--ui-surface); border-bottom: 1px solid var(--ui-tempo-line); }.sk-ti:not(.sk-tcx) .sk-ti__band{ height: 115px; }.sk-ti__band > .sk-ti__bwrap{ height: 100%; }.sk-ti__bwrap{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; column-gap: 32px; row-gap: 12px; }.sk-ti__bgrid{ display: grid; min-width: 0; flex: 1 1 300px; grid-template-columns: 16px minmax(0, 1fr); align-content: center;
  column-gap: 8px; row-gap: 4px; }.sk-ti__bic{ display: flex; height: 18px; align-items: center; justify-content: center; color: var(--ui-tempo-n400); }.sk-ti__bic--t{ height: 20px; }.sk-ti__pri{ display: flex; flex-shrink: 0; }.sk-ti__pri--high{ color: var(--ui-tempo-red-2); }.sk-ti__pri--medium{ color: var(--ui-tempo-amber); }.sk-ti__pri--low{ color: var(--ui-tempo-sky); }.sk-ti__btitle{ margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; line-height: 20px;
  font-weight: 500; letter-spacing: -.01em; color: var(--ui-tempo-n900); }.sk-ti__bmeta{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--ui-tempo-t125);
  line-height: 18px; color: var(--ui-tempo-n500); }.sk-ti__bwhen{ display: flex; flex-wrap: wrap; align-items: center; column-gap: 16px; row-gap: 4px; font-size: var(--ui-tempo-t125);
  line-height: 18px; color: var(--ui-tempo-n500); }.sk-ti__sw{ display: flex; align-items: center; gap: 6px; white-space: nowrap; }.sk-ti__quiet{ color: var(--ui-tempo-n400); }.sk-ti__sdue{ display: flex; flex-shrink: 0; align-items: center; gap: 4px; font-variant-numeric: tabular-nums; font-size: 12px;
  font-weight: 500; color: var(--ui-tempo-green); }.sk-ti__bright{ display: flex; flex-shrink: 0; align-items: stretch; gap: 24px; }.sk-ti__assign{ display: flex; flex-direction: column; }.sk-ti__alabel{ font-size: 12px; line-height: 16px; font-weight: 500; color: var(--ui-tempo-n400); }.sk-ti__aslot{ position: relative; margin-top: 4px; display: flex; flex-direction: column; align-items: flex-start; }.sk-ti__asel{ display: inline-flex; height: 24px; max-width: 220px; align-items: center; gap: 6px; padding: 2px 6px 2px 4px;
  border-radius: 4px; border: 1px solid var(--ui-tempo-line-8); background: var(--ui-surface); font-size: 12px; font-weight: 500;
  color: var(--ui-tempo-n800); }.sk-ti__asel .sk-av{ flex-shrink: 0; width: 16px; height: 16px; border-radius: 50%; object-fit: cover; font-size: 7px; }.sk-ti__asel svg{ flex-shrink: 0; color: var(--ui-tempo-n400); }.sk-ti__bdiv{ display: block; width: 1px; align-self: stretch; background: var(--ui-tempo-line); }.sk-ti__ring{ position: relative; flex: none; width: 14px; height: 14px; border-radius: 50%;
  border: var(--ui-tempo-ring-w) solid var(--ui-tempo-n300); background: var(--ui-surface); }.sk-ti__ro[data-ti],.sk-ti__rd[data-ti]{ position: absolute; inset: calc(-1 * var(--ui-tempo-ring-w)); border-radius: 50%;
  display: grid; place-items: center; }.sk-ti__ro[data-ti]{ border: var(--ui-tempo-ring-w) solid var(--ui-tempo-accent); background: var(--ui-surface); }.sk-ti__ro::after{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--ui-tempo-accent); }.sk-ti__rd[data-ti]{ background: var(--ui-tempo-accent); color: var(--ui-surface); }.sk-ti__stl{ display: block; font-size: 12px; line-height: 16px; font-weight: 500;
  --cur: clamp(0, (var(--ti-t) - var(--on-at)) / .35, 1); --fin: clamp(0, (var(--ti-t) - var(--done-at)) / .35, 1);
  color: color-mix(in srgb, var(--ui-tempo-n500) calc(var(--fin) * 100%),
    color-mix(in srgb, var(--ui-tempo-n800) calc(var(--cur) * 100%), var(--ui-tempo-n400))); }.sk-ti__rail2{ display: flex; flex-shrink: 0; flex-direction: column; margin: 0; padding: 0; list-style: none; }.sk-ti__li{ display: flex; align-items: stretch; gap: 8px; }.sk-ti__lcol{ display: flex; width: 14px; flex-shrink: 0; flex-direction: column; align-items: center; }.sk-ti__lcol .sk-ti__ring{ margin-top: 1px; }.sk-ti__conn{ display: block; margin: 2px 0; width: 1px; flex: 1;
  --fin: clamp(0, (var(--ti-t) - var(--done-at)) / .35, 1);
  background: color-mix(in srgb, var(--ui-tempo-accent-40) calc(var(--fin) * 100%), var(--ui-tempo-n200)); }.sk-ti__ltext{ min-width: 0; }.sk-ti__ltext--pad{ padding-bottom: 8px; }.sk-ti__cap2{ display: grid; font-size: var(--ui-tempo-t115); line-height: 16px; color: var(--ui-tempo-n400); }.sk-ti__cap2[data-ti]{ opacity: 1; overflow: hidden; max-height: calc(var(--on) * 16px); margin-top: calc(var(--on) * 2px); }.sk-ti__p{ margin: 0; max-width: 85%; font-size: 14px; line-height: 1.625; color: var(--ui-tempo-n700); }.sk-ti__seed{ align-self: flex-end; max-width: 80%; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }.sk-ti__seedl{ display: block; font-size: 11px; font-weight: 500; letter-spacing: .02em; color: var(--ui-tempo-n400); }.sk-ti__seed ul{ margin: 0; padding: 10px 14px; list-style: none; display: flex; flex-direction: column; gap: 6px;
  background: var(--ui-tempo-fill); border-radius: 6px; font-size: var(--ui-tempo-t135); line-height: 1.625; color: var(--ui-tempo-n700); }.sk-ti__seed li{ display: flex; gap: 10px; }.sk-ti__seed li > span{ min-width: 0; }.sk-ti__seed li::before{ content: ''; flex: none; margin-top: 9px; width: 4px; height: 4px; border-radius: 50%; background: var(--ui-tempo-n400); }.sk-ti__recw{ white-space: nowrap; }.sk-ti__rec{ font-weight: 500; color: var(--ui-tempo-n900); text-decoration: underline;
  text-decoration-color: var(--ui-tempo-n300); text-underline-offset: 3px; }.sk-ti__rec--job{ font-weight: 400; color: inherit; }.sk-ti__tag{ font-style: normal; display: inline-block; vertical-align: 1px; margin: 0 0 0 4px; padding: 0 4px; white-space: nowrap;
  border-radius: 4px; font-size: var(--ui-tempo-t95); line-height: 14px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }.sk-ti__tag--resource{ color: var(--ui-tempo-resource); background: var(--ui-tempo-resource-bg); }.sk-ti__tag--contact{ color: var(--ui-tempo-tag); background: var(--ui-tempo-tag-bg); }.sk-ti__chip{ display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px 0 10px; border-radius: 14px;
  background: var(--ui-tempo-n100); font-size: 12px; color: var(--ui-tempo-n700); }.sk-ti__chip svg{ color: var(--ui-tempo-n400); }.sk-ti__chip em{ font-style: normal; color: var(--ui-tempo-n400); }.sk-ti__okrow{ display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 20px; }.sk-ti__okrow b{ font-weight: 500; color: var(--ui-tempo-n500); }.sk-ti__okrow b .sk-ti__rec{ font-weight: 500; color: var(--ui-tempo-n700); }.sk-ti__okrow em{ font-style: normal; color: var(--ui-tempo-n400); }.sk-ti__okrow > svg{ color: var(--ui-tempo-n300); }.sk-ti__ok{ flex: none; width: 14px; height: 14px; border-radius: 50%; display: grid; place-items: center;
  background: var(--ui-tempo-n200); color: var(--ui-tempo-n500); }.sk-ti__plan{ padding: 20px; border-radius: 8px;
  background: var(--ui-surface); border: 1px solid var(--ui-tempo-line); }.sk-ti__btn{ display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 6px; white-space: nowrap;
  border: 1px solid var(--ui-tempo-n200); font-size: 13px; font-weight: 500; color: var(--ui-tempo-n800); background: var(--ui-surface); }.sk-ti__btn--go{ border-color: var(--ui-tempo-accent); background: var(--ui-tempo-accent); color: var(--ui-surface); font-weight: 500; }.sk-ti__use{ --pr: calc(clamp(0, (var(--ti-t) - var(--t-press)) / .08, 1) * clamp(0, (var(--t-press) + .2 - var(--ti-t)) / .08, 1));
  transform: scale(calc(1 - .05 * var(--pr))); }.sk-ti__ph{ display: flex; align-items: center; justify-content: space-between; }.sk-ti__rp{ display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 500; color: var(--ui-tempo-accent-ink); }.sk-ti__rp i{ width: 6px; height: 6px; border-radius: 50%; background: var(--ui-tempo-accent); }.sk-ti__conf{ display: inline-flex; align-items: flex-end; gap: 3px; font-size: 11px; font-weight: 500; color: var(--ui-tempo-n500); }.sk-ti__conf i{ width: 3px; height: 10px; border-radius: 1px; background: var(--ui-tempo-green-bar); }.sk-ti__conf i:last-of-type{ margin-right: 5px; }.sk-ti__pt{ margin: 10px 0 0; font-size: 17px; line-height: 24px; font-weight: 500; letter-spacing: -.34px; color: var(--ui-tempo-n900); }.sk-ti__lbl{ margin: 16px 0 2px; font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: .44px;
  text-transform: uppercase; color: var(--ui-tempo-n400); }.sk-ti__pf{ display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }.sk-ti__side{ position: relative; z-index: 10; flex: none; width: 401px; padding-top: 12px; display: flex; flex-direction: column; }.sk-ti__drawer{ flex: 1; min-height: 0; display: flex; flex-direction: column; }.sk-ti__dh{ position: relative; z-index: 10; flex: none; margin-bottom: -1px; display: flex; height: 40px; align-items: flex-end;
  justify-content: space-between; gap: 12px; padding: 0 12px 0 8px; }.sk-ti__dctl{ display: inline-flex; flex-shrink: 0; align-items: center; gap: 2px; margin-bottom: 4px; }.sk-ti__dbtn{ display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 4px; color: var(--ui-tempo-n400); }.sk-ti__dtabs{ display: flex; height: 40px; align-items: flex-end; gap: 4px; }.sk-ti__draised{ position: relative; z-index: 10; height: 100%; }.sk-ti__dgroup{ display: flex; height: 100%; border: 1px solid var(--ui-tempo-line); border-bottom: 0; border-radius: 8px 8px 0 0;
  background: var(--ui-surface); }.sk-ti__dflat{ position: relative; z-index: 0; display: flex; height: 39px; gap: 4px; }.sk-ti__dtab{ display: flex; height: 100%; width: 104px; align-items: center; justify-content: center; gap: 6px;
  font-size: 12px; font-weight: 500; white-space: nowrap; }.sk-ti__dtab.is-on{ color: var(--ui-tempo-n900); }.sk-ti__dtab.is-on svg{ color: var(--ui-tempo-accent); }.sk-ti__dflat .sk-ti__dtab{ border-radius: 7px 7px 0 0; background: var(--ui-tempo-tab-idle); }.sk-ti__dtab--comms{ --c: clamp(0, (var(--ti-t) - var(--c-at)) / .35, 1); --ce: calc(1 - (1 - var(--c)) * (1 - var(--c)) * (1 - var(--c)));
  width: calc(104px + 20px * var(--ce)); color: color-mix(in srgb, var(--ui-tempo-n400) calc(var(--c) * 100%), var(--ui-tempo-n300)); }.sk-ti__dbadge{ display: flex; height: 16px; width: calc(var(--in) * 16px); margin-left: calc((var(--in) - 1) * 6px); overflow: hidden;
  align-items: center; justify-content: center; border-radius: 9999px; font-size: 9px; font-weight: 600; font-variant-numeric: tabular-nums;
  background: var(--ui-tempo-line-8); color: var(--ui-tempo-n500); }.sk-ti__dbody{ flex: 1; min-height: 0; overflow: visible; box-shadow: var(--ui-tempo-drawer); clip-path: inset(0 0 0 -24px); }.sk-ti__dcard{ display: flex; height: 100%; min-height: 0; min-width: 0; flex-direction: column; overflow: hidden; padding: 20px 16px;
  background: var(--ui-surface); border-top: 1px solid var(--ui-tempo-line); border-left: 1px solid var(--ui-tempo-line); }.sk-ti__dtitle{ flex: none; margin-bottom: 20px; }.sk-ti__dth{ font-size: 15px; font-weight: 500; color: var(--ui-tempo-n900); }.sk-ti__dts{ margin-top: 4px; font-size: var(--ui-tempo-t115); color: var(--ui-tempo-n400); }.sk-tc{ flex: none; min-width: 0; padding: 16px; border-radius: 10px; background: var(--ui-surface);
  border: 1px solid var(--ui-tempo-card-line); box-shadow: var(--ui-tempo-card-shadow); }.sk-tc__h{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }.sk-tc__t{ display: flex; align-items: center; gap: 7px; min-width: 0; }.sk-tc__t h3{ margin: 0; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--ui-tempo-n900); white-space: nowrap; }.sk-tc__info{ flex: none; display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%;
  background: var(--ui-tempo-n200); color: var(--ui-surface); font-size: 10px; font-weight: 600; font-style: normal; }.sk-tc__chip{ flex: none; padding: 3px 10px; border-radius: 6px; background: var(--ui-tempo-n100);
  font-size: 11px; line-height: 16px; font-weight: 500; color: var(--ui-tempo-n500); }.sk-tc__sub{ margin: 2px 0 0; font-size: 11px; line-height: 16px; color: var(--ui-tempo-n400); }.sk-tc__b{ margin-top: 12px; }.sk-tc__plt{ display: block; font-size: 13px; line-height: 19px; font-weight: 500; color: var(--ui-tempo-n900); }.sk-tc__prog{ display: flex; gap: 4px; margin: 10px 0 8px; }.sk-tc__prog i[data-ti]{ flex: 1; height: 3px; border-radius: 2px; opacity: 1;
  background: color-mix(in srgb, var(--ui-tempo-accent) calc(var(--in) * 100%), var(--ui-tempo-n200)); }.sk-tc__step{ display: flex; align-items: center; gap: 10px; padding: 6px 0; font-size: 12px; line-height: 18px; color: var(--ui-tempo-n800); }.sk-tc__step > span:not(.sk-ti__ring){ flex: 1; }.sk-tc__sst{ font-size: 11px; color: var(--ui-tempo-n400); }.sk-ti .sk-tc__step > .sk-tc__sst{ flex: none; justify-items: end; }.sk-ti__chat{ position: relative; z-index: 0; flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column;
  overflow: hidden; padding-top: 12px; background: var(--ui-tempo-canvas); }.sk-ti__strip{ position: relative; z-index: 10; flex: none; margin-bottom: -1px; display: flex; min-width: 0; align-items: flex-end;
  gap: 8px; padding-right: 20px; }.sk-ti__tabs{ position: relative; min-width: 0; flex: 1; display: flex; align-items: flex-end; gap: 4px; padding: 0 20px 0 28px; }.sk-ti__tabw{ position: relative; z-index: 10; flex-shrink: 0; width: max-content; min-width: 168px; max-width: 340px; }.sk-ti__tab{ position: relative; display: flex; height: 40px; width: 100%; min-width: 0; align-items: center; gap: 10px; overflow: hidden;
  padding: 0 36px 0 16px; border: 1px solid var(--ui-tempo-line); border-bottom: 0; border-radius: 8px 8px 0 0;
  background: var(--ui-surface); color: var(--ui-tempo-n700); }.sk-ti__lift{ position: absolute; inset: 0; border-radius: 8px 8px 0 0; pointer-events: none; box-shadow: var(--ui-tempo-lift);
  clip-path: inset(-32px -12px 0 -12px); }.sk-ti__tdot{ position: relative; display: flex; width: 18px; height: 18px; flex-shrink: 0; align-items: center; justify-content: center; }.sk-ti__tdot .sk-ti__sdot{ width: 8px; height: 8px; }.sk-ti__ttl{ position: relative; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; }.sk-ti__tref{ position: relative; flex-shrink: 0; font-style: normal; font-size: 11px; font-weight: 500; font-variant-numeric: tabular-nums;
  color: var(--ui-tempo-n300); }.sk-ti__scoop{ position: absolute; bottom: 0; z-index: 1; pointer-events: none; }.sk-ti__scoop--l{ left: 0; transform: translateX(calc(-100% + 1px)); }.sk-ti__scoop--r{ right: 0; transform: translateX(calc(100% - 1px)); }.sk-ti__scoop .f{ fill: var(--ui-surface); }.sk-ti__scoop .s{ fill: none; stroke: var(--ui-tempo-line); stroke-width: 1; }.sk-ti__sheet{ position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden;
  background: var(--ui-surface); border-top: 1px solid var(--ui-tempo-line); }.sk-ti__sdot{ display: block; width: 7px; height: 7px; border-radius: 50%; }.sk-ti__sdot--waiting{ background: var(--ui-tempo-accent); }.sk-ti__sdot--working{ border: var(--ui-tempo-ring-w) solid var(--ui-tempo-accent); }.sk-ti__sdot--done{ border: var(--ui-tempo-ring-w) solid var(--ui-tempo-done); }.sk-ti__tdots{ place-items: center; }.sk-ti__inbox{ flex: none; width: 328px; display: flex; flex-direction: column; overflow: hidden; background: var(--ui-tempo-canvas);
  border-left: 1px solid var(--ui-tempo-line-soft); }.sk-ti__ih{ display: flex; align-items: center; gap: 4px; padding: 12px 12px 4px; }.sk-ti__ihl{ padding: 0 4px; font-size: 15px; line-height: 28px; font-weight: 500; color: var(--ui-tempo-n900); }.sk-ti__ib{ display: flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 4px; color: var(--ui-tempo-n400); }.sk-ti__ib--search{ margin-left: auto; color: var(--ui-tempo-n500); }.sk-ti__ib--hide{ opacity: 0; }.sk-ti__irow{ display: flex; align-items: center; justify-content: space-between; padding: 8px 16px 4px; }.sk-ti__cap{ display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 500; letter-spacing: .025em; text-transform: uppercase; }.sk-ti__cap > span:first-child{ white-space: nowrap; color: var(--ui-tempo-n400); }.sk-ti__icontrols{ display: flex; align-items: center; gap: 4px; }.sk-ti__dens{ display: flex; align-items: center; padding: 2px; border-radius: 6px; background: var(--ui-tempo-fill-4); }.sk-ti__dens i{ display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 4px; color: var(--ui-tempo-n400); }.sk-ti__dens i.is-on{ background: var(--ui-surface); color: var(--ui-tempo-n700); box-shadow: var(--ui-tempo-knob); }.sk-ti__filters{ display: flex; align-items: center; gap: 2px; padding: 0 12px 6px; }.sk-ti__filters span{ display: flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 500;
  color: var(--ui-tempo-n400); }.sk-ti__filters span.is-on{ background: var(--ui-tempo-line-soft); color: var(--ui-tempo-n800); }.sk-ti__filters b{ font-size: 10px; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ui-tempo-n400); }.sk-ti__ilist{ flex: 1; min-height: 0; overflow: hidden; padding: 4px 18px 12px 12px; }.sk-ti__ilist > * + *{ margin-top: 1px; }.sk-ti__ish{ margin: 0 -4px; padding: 12px 4px 6px; background: var(--ui-tempo-canvas-92); }.sk-ti__ish:first-child{ padding-top: 0; }.sk-ti__ishb{ display: flex; width: 100%; align-items: center; gap: 6px; }.sk-ti__ishb svg{ flex-shrink: 0; color: var(--ui-tempo-n400); transform: rotate(90deg); }.sk-ti__ishb b{ font-size: 11px; font-weight: 500; letter-spacing: -.01em; color: var(--ui-tempo-n500); }.sk-ti__ishb em{ font-style: normal; font-size: 11px; font-variant-numeric: tabular-nums; color: var(--ui-tempo-n400); }.sk-ti__ishb i{ height: 1px; flex: 1; background: var(--ui-tempo-n200-70); }.sk-ti__item{ width: 100%; padding: 0 8px; border-radius: 6px; }.sk-ti__iline{ display: flex; height: 32px; align-items: center; gap: 8px; }.sk-ti__age{ width: 28px; flex-shrink: 0; text-align: right; font-size: 11px; font-variant-numeric: tabular-nums; color: var(--ui-tempo-n400); }.sk-ti__it{ min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: var(--ui-tempo-n800); }.sk-ti__item.is-unread .sk-ti__it{ font-weight: 500; color: var(--ui-tempo-n900); }.sk-ti__iright{ display: flex; flex-shrink: 0; align-items: center; gap: 4px; }.sk-ti__due2{ display: flex; min-width: 56px; flex-shrink: 0; align-items: center; justify-content: flex-end; gap: 4px; font-size: 11px;
  font-variant-numeric: tabular-nums; color: var(--ui-tempo-n400); }.sk-ti__due2--soon{ color: var(--ui-tempo-amber); }.sk-ti__due2--ok{ color: var(--ui-tempo-green); }.sk-ti__due2--tempo{ color: var(--ui-tempo-n400); }.sk-ti__adot{ display: flex; width: 12px; height: 16px; flex-shrink: 0; align-items: center; justify-content: center; }.sk-ti__ifoot{ flex-shrink: 0; padding: 4px 12px 12px; }.sk-ti__ifcard{ overflow: hidden; border-radius: 8px; background: var(--ui-surface); box-shadow: var(--ui-tempo-foot); }.sk-ti__ifrow{ display: flex; width: 100%; align-items: center; gap: 8px; padding: 10px 12px; }.sk-ti__run{ display: block; width: 6px; height: 6px; flex-shrink: 0; border-radius: 50%; background: var(--ui-tempo-accent); }.sk-ti__iftext{ min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; font-size: 12px; font-weight: 500; color: var(--ui-tempo-n700); }.sk-ti__iftext em{ font-style: normal; font-weight: 500; color: var(--ui-tempo-gold); }.sk-ti__ifrow > svg{ flex-shrink: 0; color: var(--ui-tempo-n400); transform: rotate(180deg); }.sk-ti__veil{ position: absolute; inset: 0; background: var(--ui-surface); pointer-events: none; z-index: 5;
  --vi: clamp(0, (var(--ti-t) - var(--t-veil, 99)) / .3, 1); --vo: clamp(0, 1 - var(--ti-t) / .4, 1);
  opacity: calc(var(--vi) * var(--vi) + var(--vo) * var(--vo) * var(--vo)); }@media (prefers-reduced-motion: reduce){.sk-ti,.sk-ti *{ animation: none !important; }}.sk-tm{ display: inline-block; flex: none; vertical-align: middle; color: var(--ui-tempo); }.sk-tm circle,.sk-tm path{ fill: currentColor; }.sk-tm__rest{ opacity: 1; }.sk-tm--live > svg > g{ opacity: 0; }.sk-tm--live{ position: relative; width: var(--s); height: var(--s); }.sk-tm--live > svg{ position: absolute; left: 50%; top: 50%; width: calc(var(--s) * 1.9); height: calc(var(--s) * 1.9);
  transform: translate(-50%, -50%); overflow: visible; }.sk-tm circle:nth-child(1){ --rx: 473.50; --ry: 390.03; }.sk-tm circle:nth-child(2){ --rx: 443.98; --ry: 532.59; }.sk-tm circle:nth-child(3){ --rx: 582.51; --ry: 577.38; }.sk-tm circle:nth-child(4){ --rx: 648.90; --ry: 413.37; }@supports (width: calc(mod(3, 2) * exp(0) * pow(1, 2) * cos(0deg) * 1px)){.sk-tm--live{ --tau: max(0, var(--ti-t) - var(--a)); --rest: 0; }.sk-tm--live .sk-tm__rest{ opacity: var(--rest); }.sk-tm--live > svg > g{ opacity: calc(1 - var(--rest)); }.sk-tm--live circle{ cx: calc(var(--X) * 1px); cy: calc(var(--Y) * 1px); r: calc(var(--R) * 1px); }.sk-tm--think{ --w: clamp(0, var(--tau) / .9, 1); --wo: clamp(0, (var(--ti-t) - var(--b) + .8) / .8, 1);
    --k: calc((4 * pow(min(var(--w), .5), 3) + .5 - pow(2 - 2 * max(var(--w), .5), 3) / 2)
      * (1 - (4 * pow(min(var(--wo), .5), 3) + .5 - pow(2 - 2 * max(var(--wo), .5), 3) / 2)));
    --tm: calc(max(0, var(--tau) - .9) + .0333);
    --sw: calc(sin(mod(var(--tm), .55) / .55 * 180deg) * .6);
    --isr: clamp(0, (mod(var(--tm), 1.1) - .55) * 1000, 1);
    --rest: clamp(0, 1 - var(--k) * 50, 1); }.sk-tm--think circle{ --mx: calc(var(--bx) + 232.5 * sin(var(--ai) * 1rad)); --my: calc(297.5 + 232.5 * cos(var(--ai) * 1rad));
    --X: calc(var(--rx) + (var(--mx) - var(--rx)) * var(--k)); --Y: calc(var(--ry) + (var(--my) - var(--ry)) * var(--k));
    --R: calc(75 - 7.5 * var(--k)); }.sk-tm--think circle:nth-child(1){ --bx: 279.5; --ai: calc(var(--sw) * (var(--isr) - 1)); }.sk-tm--think circle:nth-child(2){ --bx: 426.5; --ai: 0; }.sk-tm--think circle:nth-child(3){ --bx: 573.5; --ai: 0; }.sk-tm--think circle:nth-child(4){ --bx: 720.5; --ai: calc(var(--sw) * var(--isr)); }.sk-tm--tool{ --w: clamp(0, var(--tau) / .567, 1); --wo: clamp(0, (var(--ti-t) - var(--b) + .7) / .7, 1);
    --k: calc((4 * pow(min(var(--w), .5), 3) + .5 - pow(2 - 2 * max(var(--w), .5), 3) / 2)
      * (1 - (4 * pow(min(var(--wo), .5), 3) + .5 - pow(2 - 2 * max(var(--wo), .5), 3) / 2)));
    --tm: max(0, var(--tau) - .567); --th: calc(var(--tm) * 60deg);
    --kbx: calc(500 + 135 * cos(var(--th))); --kby: calc(500 + 135 * sin(var(--th)));
    --kcx: calc(var(--kbx) + 117 * cos(var(--th) * 2)); --kcy: calc(var(--kby) - 117 * sin(var(--th) * 2));
    --kdx: calc(var(--kcx) + 112.5 * cos(var(--th) * 3)); --kdy: calc(var(--kcy) + 112.5 * sin(var(--th) * 3));
    --kax: calc(500 + .06 * ((var(--kbx) + var(--kcx) + var(--kdx)) / 3 - 500) + 4.5 * sin(var(--tm) * 1.7rad));
    --kay: calc(500 + .06 * ((var(--kby) + var(--kcy) + var(--kdy)) / 3 - 500) + 4.5 * cos(var(--tm) * 1.3rad));
    --rest: clamp(0, 1 - var(--k) * 50, 1); }.sk-tm--tool circle{ --X: calc(var(--rx) + (var(--mx) - var(--rx)) * var(--k)); --Y: calc(var(--ry) + (var(--my) - var(--ry)) * var(--k));
    --R: calc(75 + (var(--mr) - 75) * var(--k)); }.sk-tm--tool circle:nth-child(1){ --mx: var(--kax); --my: var(--kay); --mr: 54; }.sk-tm--tool circle:nth-child(2){ --mx: var(--kbx); --my: var(--kby); --mr: 54; }.sk-tm--tool circle:nth-child(3){ --mx: var(--kcx); --my: var(--kcy); --mr: 54; }.sk-tm--tool circle:nth-child(4){ --mx: var(--kdx); --my: var(--kdy); --mr: 43.5; }.sk-tm--wait{ --p: calc(mod(var(--tau), 3) / 3); --sep: pow(sin(var(--p) * 180deg), 1.25);
    --rot: calc((4 * pow(min(var(--p), .5), 3) + .5 - pow(2 - 2 * max(var(--p), .5), 3) / 2) * 180deg);
    --rr: calc(88.47 - 19.47 * var(--sep));
    --wmx: calc(615.705 + 74.88 * var(--sep)); --wmy: calc(495.375 - 4.27 * var(--sep));
    --wvx: calc((0.37522 * cos(var(--rot)) + 0.92694 * sin(var(--rot))) * var(--rr));
    --wvy: calc((0.37522 * sin(var(--rot)) - 0.92694 * cos(var(--rot))) * var(--rr));
    --rest: max(clamp(0, (var(--a) - var(--ti-t)) * 30, 1), clamp(0, (var(--ti-t) - var(--b)) * 30, 1)); }.sk-tm--wait circle{ --R: 75; }.sk-tm--wait circle:nth-child(1){ --X: calc(473.50 - 8.44 * var(--sep)); --Y: calc(390.03 - 35 * var(--sep)); }.sk-tm--wait circle:nth-child(2){ --X: calc(443.98 - 31.22 * var(--sep)); --Y: calc(532.59 + 17.92 * var(--sep)); }.sk-tm--wait circle:nth-child(3){ --X: calc(var(--wmx) - var(--wvx)); --Y: calc(var(--wmy) - var(--wvy)); }.sk-tm--wait circle:nth-child(4){ --X: calc(var(--wmx) + var(--wvx)); --Y: calc(var(--wmy) + var(--wvy)); }.sk-tm--reveal{ --p: clamp(0, var(--tau) / 2.8, 1);
    --e: calc(4 * pow(min(var(--p), .5), 3) + .5 - pow(2 - 2 * max(var(--p), .5), 3) / 2);
    --g: clamp(0, var(--p) / .5, 1); --grow: calc(4 * pow(min(var(--g), .5), 3) + .5 - pow(2 - 2 * max(var(--g), .5), 3) / 2);
    --q2: clamp(0, (var(--p) - .5) / .5, 1); --set: calc(4 * pow(min(var(--q2), .5), 3) + .5 - pow(2 - 2 * max(var(--q2), .5), 3) / 2);
    --spin: calc((1 - pow(1 - var(--p), 3)) * 360deg);
    --spark: calc(1 - pow(1 - clamp(0, var(--tau) / .42, 1), 3));
    --ring: calc(177 * var(--grow));
    --rest: clamp(0, (var(--p) - .97) / .03, 1); }.sk-tm--reveal circle{ --ang: calc(var(--q) * 90deg + var(--spin));
    --ux: cos(var(--ang)); --uy: calc(sin(var(--ang)) * (.28 + 1.152 * cos(var(--ang))));
    --X: calc(500 + var(--ux) * var(--ring) + (var(--rx) - 500 - var(--ux) * var(--ring)) * var(--set));
    --Y: calc(500 + var(--uy) * var(--ring) + (var(--ry) - 500 - var(--uy) * var(--ring)) * var(--set));
    --R: calc((69 + 6 * var(--e)) * (.55 + .45 * var(--spark)) * (1 + .4 * sin(var(--ang)) * (1 - var(--set)))); }.sk-tm--reveal circle:nth-child(1){ --q: 0; }.sk-tm--reveal circle:nth-child(2){ --q: 1; }.sk-tm--reveal circle:nth-child(3){ --q: 2; }.sk-tm--reveal circle:nth-child(4){ --q: 3; }.sk-tm--done{ --p: clamp(0, var(--tau) / 2.8, 1);
    --th: calc((.18 * pow(clamp(0, var(--p) / .62, 1), 2) + .82 * (1 - pow(1 - clamp(0, (var(--p) - .58) / .42, 1), 3))) * 360deg);
    --u: clamp(0, var(--p) / .6, 1); --phi: calc(-30.19deg + 1080deg * pow(var(--u), 2.2)); --spd: pow(var(--u), 1.2);
    --amp: calc(clamp(0, var(--p) / .05, 1) * (1 - clamp(0, (var(--p) - .56) / .08, 1)));
    --vs: pow(sin(clamp(0, (var(--p) - .58) / .42, 1) * 180deg), 2);
    --rest: clamp(0, 1 - min(var(--p), 1 - var(--p)) * 60, 1); }.sk-tm--done circle{
    --X: calc(537.222 + var(--vx) * cos(var(--th)) - var(--vy) * sin(var(--th)));
    --Y: calc(478.342 + var(--vx) * sin(var(--th)) + var(--vy) * cos(var(--th)));
    --prox: calc(exp(3.556 * (cos(var(--phi) - var(--a0) - var(--th)) - 1)) * var(--amp));
    --R: calc(75 * (1 + (.14 + .45 * var(--spd)) * var(--prox)) * (1 + var(--pop) * var(--vs)) * (1 + .14 * var(--vs))); }.sk-tm--done circle:nth-child(1){ --vx: -63.72; --vy: -88.31; --a0: -103.55deg; --pop: 0; }.sk-tm--done circle:nth-child(2){ --vx: -93.24; --vy: 54.25; --a0: 149.81deg; --pop: 0; }.sk-tm--done circle:nth-child(3){ --vx: 45.29; --vy: 99.04; --a0: 43.16deg; --pop: 0; }.sk-tm--done circle:nth-child(4){ --vx: 111.68; --vy: -64.97; --a0: -30.19deg; --pop: .5; }}.sk-tcx{
  
  --z: clamp(0, (var(--ti-t) - var(--t-zoom)) / 1.4, 1); --ze: calc(var(--z) * var(--z) * (3 - 2 * var(--z)));
  
  --m: clamp(0, (var(--ti-t) - var(--t-move)) / .8, 1); --mv: calc(var(--m) * var(--m) * (3 - 2 * var(--m)));
  
  --d: clamp(0, (var(--ti-t) - var(--t-drawer)) / .7, 1); --dw: calc(var(--d) * var(--d) * (3 - 2 * var(--d)));
}@supports (width: calc(exp(1) * 1px)){.sk-tcx{ --ze: calc((1 - (1 + 5 * var(--z)) * exp(-5 * var(--z))) / .95957); --mv: calc((1 - (1 + 5 * var(--m)) * exp(-5 * var(--m))) / .95957);
    --dw: calc((1 - (1 + 5 * var(--d)) * exp(-5 * var(--d))) / .95957); }.sk-tcx [data-ti]{ --p-in: clamp(0, (var(--ti-t) - var(--a)) / .45, 1); --in: calc((1 - (1 + 6 * var(--p-in)) * exp(-6 * var(--p-in))) / .98265); }}.sk-tcx__turn > [data-ti]{ filter: blur(calc((1 - var(--on)) * 3px)); }@media (prefers-reduced-motion: reduce){.sk-tcx{ --ti-t: var(--t-still); }}.sk-tcx__cam{ position: absolute; inset: 0; display: flex; transform-origin: 50% 450px; transform: scale(calc(1.6 - .6 * var(--ze))); }.sk-tcx__cam > .sk-ti__row{ flex: 1; }.sk-tcx .sk-ti__chat{ flex: none; width: calc(100% - 401px * var(--dw)); }.sk-tcx__tabw[data-ti]{ opacity: 1; transform: translateY(calc((1 - var(--in)) * -48px)); }.sk-tcx__tabw{ visibility: visible; }.sk-tcx__closed[data-ti]{ position: absolute; z-index: 5; top: 12px; left: calc(100% - 401px); right: 0; height: 39px; display: flex;
  justify-content: flex-end; padding-right: 16px; }.sk-tcx__cgroup{ position: relative; z-index: 10; display: flex; height: 100%; border: 1px solid var(--ui-tempo-line); border-bottom: 0;
  border-radius: 8px 8px 0 0; background: var(--ui-surface); }.sk-tcx__cgroup > * + *{ border-left: 1px solid var(--ui-tempo-line); }.sk-tcx__muted{ color: var(--ui-tempo-n300); }.sk-tcx__bandwrap{ position: relative; flex: none; height: 115px; overflow: hidden; }.sk-tcx__bandwrap > .sk-ti__band{ border-bottom: 0; height: 114px; }.sk-tcx__bandwrap > .sk-ti__band[data-ti]{ transform: translateY(calc((1 - var(--in)) * -100%)); }.sk-tcx__bline[data-ti]{ position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--ui-tempo-line); }.sk-tcx__sheet{ position: relative; }.sk-tcx__thread{ position: relative; flex: 1; min-height: 0; margin-bottom: 114px; overflow: hidden; container-type: size;
  
  mask-image: linear-gradient(to bottom, transparent, var(--ui-ink) 28px); }.sk-tcx__col{ display: flex; flex-direction: column; padding: 58px 48px 12px; transform: translateY(min(0px, calc(100cqh - 100%))); }.sk-tcx__item[data-ti]{ flex: none; overflow: hidden; max-height: calc(var(--on) * var(--mh, 60px)); margin-top: calc(var(--on) * 16px); }.sk-tcx__item:first-child{ margin-top: 0; }.sk-tcx__step{ --mh: 26px; }.sk-tcx__col > .sk-ti__p{ --mh: 52px; }.sk-tcx__col > .sk-ti__p{ max-width: min(85%, 604px); }.sk-tcx .sk-ti__seed{ max-width: min(80%, 569px); }.sk-tcx__chips{ --mh: 76px; }.sk-tcx__plan{ --mh: 360px; }.sk-tcx__nest{ --mh: 320px; }.sk-tcx__rcpt{ --mh: 190px; }.sk-tcx__step,.sk-tcx__nest,.sk-tcx__rcpt,.sk-tcx__chips{
  transform: translateY(calc((1 - var(--in, 1)) * 6px)); }.sk-tcx__work{ display: flex; align-items: center; gap: 8px; }.sk-tcx__cell,.sk-tcx__step{ display: grid; }.sk-tcx__cell > *,.sk-tcx__step > *{ grid-area: 1 / 1; align-self: center; min-width: 0; }.sk-tcx__sign{ --mh: 28px; display: flex; padding: 4px 0 0 2px; overflow: visible; }.sk-tcx__shim{ font-size: 14px; font-weight: 500; color: transparent; -webkit-background-clip: text; background-clip: text;
  background-image: linear-gradient(90deg, var(--ui-tempo-shim-lo) 0 35%, var(--ui-tempo-shim-hi) 50%, var(--ui-tempo-shim-lo) 65% 100%);
  background-size: 680px 100%; background-position: calc(clamp(0, var(--ti-t) - var(--sh), .9) * 440px - 340px) center; }.sk-tcx__w{ font-size: calc(clamp(0, (var(--ti-t) - var(--k)) * 1000, 1) * 1em); opacity: clamp(0, (var(--ti-t) - var(--k)) / .18, 1); }.sk-tcx__chips{ display: flex; max-width: 711px; flex-wrap: wrap; gap: 6px; padding-left: 24px; }.sk-tcx__col > .sk-ti__okrow{ flex: none; }.sk-tcx__plan .sk-ti__lbl{ margin-bottom: 4px; }.sk-tcx__pstep{ display: grid; grid-template-columns: 20px auto minmax(0, 1fr); align-items: center; column-gap: 10px; padding: 9px 0;
  border-bottom: 1px solid var(--ui-tempo-line-soft); font-size: 13px; }.sk-tcx__pstep i{ display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--ui-tempo-n200);
  font-style: normal; font-size: 11px; font-weight: 500; color: var(--ui-tempo-n500); }.sk-tcx__pstep b{ font-weight: 500; color: var(--ui-tempo-n900); }.sk-tcx__pstep em{ font-style: normal; font-size: 12px; color: var(--ui-tempo-n400); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.sk-tcx__pfx{ margin-top: 14px; }.sk-tcx__pfx > .sk-ti__pf{ margin-top: 0; }.sk-tcx__started{ display: flex; align-items: center; gap: 8px; font-size: 13px; line-height: 20px; font-weight: 500; color: var(--ui-tempo-n500); }.sk-tcx__nest{ max-width: 420px; padding: 4px; border-radius: 8px; background: var(--ui-tempo-n100-80); }.sk-tcx__nh{ display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 4px 14px 6px; }.sk-tcx__nh p{ font-size: 13px; font-weight: 500; color: var(--ui-tempo-n600); }.sk-tcx__nh em{ font-style: normal; font-size: 12px; color: var(--ui-tempo-n400); }.sk-tcx__nb{ border-radius: 4px; background: var(--ui-surface); box-shadow: 0 0 0 1px var(--ui-tempo-line); }.sk-tcx__rcpt{ max-width: 520px; margin-left: 7px; padding: 2px 0 2px 16px; border-left: 1px solid var(--ui-tempo-n200); }.sk-tcx__rline{ display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ui-tempo-n500); }.sk-tcx__rline time{ margin-left: auto; font-size: 11px; font-variant-numeric: tabular-nums; color: var(--ui-tempo-n400); }.sk-tcx__ric{ display: grid; flex: none; width: 20px; height: 20px; place-items: center; border-radius: 5px; background: var(--ui-tempo-tag-bg); color: var(--ui-tempo-accent); }.sk-tcx__ric--in{ background: var(--ui-tempo-green-soft); color: var(--ui-tempo-green-bar); }.sk-tcx__rbody{ margin: 4px 0 0 28px; font-size: 13px; line-height: 1.5; color: var(--ui-tempo-n700); display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; }.sk-tcx__rbody--in{ font-weight: 500; color: var(--ui-tempo-n900); }.sk-tcx__rx{ margin-top: 10px; }.sk-tcx__waiting{ display: inline-flex; align-items: center; gap: 6px; margin-left: 28px; }.sk-tcx__waiting .sk-tcx__shim{ font-size: 11px; }.sk-tcx__waiting .sk-tcx__shim{ background-position: calc(clamp(0, mod(var(--ti-t) - var(--sh), 1.6), .9) * 440px - 340px) center; }.sk-tcx__rbody--in[data-ti]{ overflow: hidden; max-height: calc(var(--on) * 24px); }.sk-tcx__comp{ position: absolute; z-index: 2; left: calc((50% - 320px) * (1 - var(--mv)) + 48px * var(--mv));
  right: calc((50% - 320px) * (1 - var(--mv)) + 48px * var(--mv)); bottom: calc(331px * (1 - var(--mv)) + 16px * var(--mv));
  height: calc(133px - 45px * var(--mv)); border: 1px solid var(--ui-tempo-line-10); border-radius: 8px; background: var(--ui-surface); }.sk-tcx__text{ position: relative; padding: 14px 16px 0; font-size: 15px; line-height: 22px; color: var(--ui-tempo-n800); white-space: nowrap; }.sk-tcx__ph2{ position: absolute; left: 16px; top: 14px; display: grid; color: var(--ui-tempo-n400); }.sk-tcx__foot{ position: absolute; right: 10px; bottom: 10px; display: flex; align-items: center; gap: 4px; }.sk-tcx__ask{ display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 6px; font-size: 13px; font-weight: 500;
  color: var(--ui-tempo-n600); }.sk-tcx__ask svg:first-child{ color: var(--ui-tempo-n500); }.sk-tcx__ask svg:last-child{ color: var(--ui-tempo-n400); }.sk-tcx__mic{ display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 50%; color: var(--ui-tempo-n500); }.sk-tcx__send{ display: flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%;
  --has: calc(clamp(0, (var(--ti-t) - var(--t-typed)) * 1000, 1) * (1 - clamp(0, (var(--ti-t) - var(--t-send) - .1) * 1000, 1)));
  background: color-mix(in srgb, var(--ui-tempo-accent) calc(var(--has) * 100%), var(--ui-tempo-n200));
  color: color-mix(in srgb, var(--ui-surface) calc(var(--has) * 100%), var(--ui-tempo-n400));
  --pr: calc(clamp(0, (var(--ti-t) - var(--t-send)) / .08, 1) * clamp(0, (var(--t-send) + .2 - var(--ti-t)) / .08, 1));
  transform: scale(calc(1 - .1 * var(--pr))); }.sk-tcx__dwrap{ display: flex; width: 401px; min-height: 0; flex: 1; flex-direction: column; }.sk-tcx__stack{ position: relative; min-height: 0; flex: 1; display: flex; flex-direction: column; overflow: hidden;
  mask-image: linear-gradient(to bottom, var(--ui-ink) calc(100% - 40px), transparent); }.sk-tcx__slot{ position: relative; flex: none; margin-bottom: 16px; }.sk-tcx__skel[data-ti]{ position: absolute; inset: 0; }.sk-tcx__skel > .sk-tc{ height: 100%; display: flex; flex-direction: column; gap: 10px; transform: none; }.sk-tcx__skel i{ display: block; height: 10px; border-radius: 3px; background: var(--ui-tempo-n100); }.sk-tcx__skel i[style*="width:0"]{ height: 4px; background: none; }.sk-tcx__bone{ display: block; width: 72%; height: 10px; border-radius: 3px; background: var(--ui-tempo-n100); }.sk-tcx__bone--t{ width: 64%; height: 12px; }.sk-tcx__cur{ position: absolute; z-index: 30; left: calc(var(--x) - 2px); top: calc(var(--y) - 2px); display: block; width: 18px; height: 24px;
  pointer-events: none; color: var(--ui-tempo-n900); transform-origin: 2px 2px;
  --ca: clamp(0, (var(--ti-t) - var(--c0)) / .6, 1); --ce: calc(var(--ca) * var(--ca) * (3 - 2 * var(--ca)));
  
  --cq: clamp(0, (var(--ti-t) - var(--c1) - .2) / .45, 1); --cl: calc(var(--cq) * var(--cq));
  --cp: calc(clamp(0, (var(--ti-t) - var(--c1)) / .06, 1) * clamp(0, (var(--c1) + .18 - var(--ti-t)) / .08, 1));
  opacity: calc(clamp(0, (var(--ti-t) - var(--c0)) / .2, 1) * (1 - var(--cl)));
  transform: translate(calc((1 - var(--ce)) * 110px + var(--cl) * 26px), calc((1 - var(--ce)) * 80px + var(--cl) * 34px)) scale(calc(1 - .14 * var(--cp))); }@supports (width: calc(exp(1) * 1px)){.sk-tcx__cur{ --ce: calc((1 - (1 + 6 * var(--ca)) * exp(-6 * var(--ca))) / .98265); }}.sk-tcx__cur svg{ display: block; }.sk-tia{ --mp: clamp(0, (var(--ti-t) - var(--t-morph)) / .8, 1); --mo: calc(var(--mp) * var(--mp) * (3 - 2 * var(--mp)));
  
  --bp: clamp(0, (var(--ti-t) - var(--t-morph)) / .65, 1); --mb: calc(var(--bp) * var(--bp) * (3 - 2 * var(--bp))); }@supports (width: calc(exp(1) * 1px)){.sk-tia{ --mo: calc((1 - (1 + 6 * var(--mp)) * exp(-6 * var(--mp))) / .98265);
    --mb: calc((1 - (1 + 6 * var(--bp)) * exp(-6 * var(--bp))) / .98265); }}.sk-tia__stage{ position: absolute; inset: 0; z-index: 25; pointer-events: none; background: var(--ui-surface);
  opacity: calc(1 - clamp(0, (var(--mo) - .25) / .6, 1)); }.sk-tia__ni[data-ti]{ position: absolute; z-index: 26; left: 24px; top: 77px; display: grid; grid-template: 20px / 16px; width: 16px; height: 20px; place-items: center;
  color: var(--ui-tempo-amber);
  transform: translate(calc(571px * (1 - var(--mb))), calc(269px * (1 - var(--mb)))) scale(calc((1 + .867 * (1 - var(--mb))) * (.7 + .3 * var(--in)))); }.sk-tia__ni > *{ grid-area: 1 / 1; }.sk-tia__nbg,.sk-tia__nring{ position: absolute; left: -7px; top: -5px; }.sk-tia__nbg{ width: 30px; height: 30px; border-radius: 50%; background: var(--ui-tempo-amber-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-tempo-amber) 35%, transparent); opacity: calc(1 - clamp(0, (var(--mb) - .3) / .4, 1)); }.sk-tia__nring{ width: 30px; height: 30px; border-radius: 50%; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-tempo-amber) 55%, transparent);
  --rp: clamp(0, (var(--ti-t) - var(--r)) / 1.1, 1); --re: calc(1 - (1 - var(--rp)) * (1 - var(--rp)) * (1 - var(--rp)));
  opacity: calc((1 - var(--rp)) * clamp(0, (var(--ti-t) - var(--r)) * 20, 1));
  transform: scale(calc(1 + .9 * var(--re))); }.sk-tia__nalert,.sk-tia__nprio{ position: relative; display: grid; }.sk-tia__nalert{ opacity: calc(1 - clamp(0, (var(--mb) - .35) / .35, 1)); }.sk-tia__nprio{ opacity: clamp(0, (var(--mb) - .35) / .35, 1); }.sk-tia__nl[data-ti],.sk-tia__nm[data-ti]{ position: absolute; z-index: 26; left: 0; right: 0; text-align: center;
  transform: translateY(calc((1 - var(--in)) * 6px)); }.sk-tia__nl[data-ti]{ top: 416px; font-size: 11px; line-height: 1.09; font-weight: 500; letter-spacing: .06em; text-transform: uppercase;
  color: var(--ui-tempo-amber-ink); }.sk-tia__nm[data-ti]{ top: 470px; font-size: 13px; line-height: 1.07; color: var(--ui-tempo-n500); }.sk-tia__nt[data-ti]{ position: absolute; z-index: 26; left: 48px; top: 77px; width: max-content; font-size: 15px; line-height: 20px;
  font-weight: 500; letter-spacing: -.01em; white-space: nowrap; color: var(--ui-tempo-n900); transform-origin: 0 0;
  transform: translate(calc((555px - 60%) * (1 - var(--mo))), calc(361px * (1 - var(--mo)) + (1 - var(--in)) * 6px)) scale(calc(1 + .2 * (1 - var(--mo)))); }.sk-tcx .sk-tcx__nh em{ font-size: 11px; line-height: 1.09; }.sk-tia__seed{ --mh: 200px; }.sk-tcx .sk-ti__dth{ font-size: 14px; line-height: 1.4; }.sk-tcx .sk-ti__dts{ font-size: 11px; line-height: 1.09; }.sk-tcx .sk-tc__step{ font-size: 13px; line-height: 1.07; padding: 8px 0; }.sk-tcx .sk-tc__step > .sk-tc__sst{ flex: none; justify-items: end; font-size: 11px; line-height: 1.09; }.sk-tia__skid{ display: flex; align-items: center; gap: 12px; }.sk-tia__skid b{ flex: none; width: 36px; height: 36px; border-radius: 8px; background: var(--ui-tempo-n100); }.sk-tia__skid span{ display: flex; flex: 1; flex-direction: column; gap: 8px; }.sk-tcx__skel .sk-tia__skbig{ height: 16px; margin-top: 10px; }.sk-tia__skrow{ display: flex; justify-content: space-between; }.sk-tia__skfoot{ display: flex; flex-direction: column; gap: 10px; margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--ui-tempo-line-soft); }.sk-tcx__skel .sk-tia__skfoot > :last-child i{ height: 20px; border-radius: 4px; }.sk-tfd__opts{ --mh: 320px; max-width: 560px; }.sk-tfd__ob{ display: flex; flex-direction: column; gap: 6px; padding: 20px; }.sk-tfd__opt[data-ti]{ display: grid; grid-template-columns: 20px minmax(0, 1fr) 64px; align-items: center; column-gap: 12px; min-height: 48px;
  padding: 12px; border-radius: 8px; transform: translateY(calc((1 - var(--in)) * 6px));
  --po: clamp(0, (var(--ti-t) - var(--pk)) / .3, 1);
  background: color-mix(in srgb, var(--ui-tempo-recip) calc(var(--po) * 100%), var(--ui-tempo-n50));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-tempo-accent) calc(var(--po) * 20%), transparent); }.sk-tfd__letter{ width: 20px; height: 20px; place-items: center; border-radius: 50%;
  background: color-mix(in srgb, var(--ui-tempo-accent) calc(var(--po) * 100%), var(--ui-tempo-n200));
  color: color-mix(in srgb, var(--ui-surface) calc(var(--po) * 100%), var(--ui-tempo-n500)); }.sk-tfd__letter b{ font-size: 11px; line-height: 1.09; font-weight: 500; opacity: calc(1 - clamp(0, var(--po) * 2, 1)); }.sk-tfd__letter i{ display: grid; place-items: center; --tk: clamp(0, var(--po) * 2 - 1, 1); opacity: var(--tk);
  transform: scale(calc(1 - .2 * (1 - var(--tk)) * (1 - var(--tk)))); }.sk-tfd__ot{ display: flex; min-width: 0; flex-direction: column; gap: 4px; }.sk-tfd__otl{ display: flex; min-width: 0; align-items: center; gap: 8px; }.sk-tfd__ot b{ overflow: hidden; font-size: 13px; line-height: 1.07; font-weight: 500; color: var(--ui-tempo-n900); white-space: nowrap; text-overflow: ellipsis; }.sk-tfd__ot > span:last-child{ overflow: hidden; font-size: 13px; line-height: 1.07; color: var(--ui-tempo-n500); white-space: nowrap; text-overflow: ellipsis; }.sk-tfd__ov{ font-size: 13px; line-height: 1.07; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ui-tempo-n900); white-space: nowrap;
  text-align: right; }.sk-tfd__why{ flex: none; display: inline-flex; height: 20px; align-items: center; padding: 0 8px; border-radius: 4px; font-style: normal;
  font-size: 11px; line-height: 1.09; font-weight: 500; white-space: nowrap; color: var(--ui-tempo-accent-ink); background: var(--ui-surface);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-tempo-accent) 20%, transparent); opacity: var(--po); }.sk-tfd__row{ display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 9px 0;
  border-top: 1px solid var(--ui-tempo-line-soft); font-size: 13px; line-height: 1.07; }.sk-tfd__row:first-child{ padding-top: 0; border-top: 0; }.sk-tfd__row:last-child{ padding-bottom: 0; }.sk-tfd__row span{ color: var(--ui-tempo-n500); white-space: nowrap; }.sk-tfd__row b{ min-width: 0; font-weight: 500; color: var(--ui-tempo-n900); text-align: right; }.sk-tfd__row b .sk-ti__swap{ justify-items: end; }.sk-tfd__tagc{ justify-items: end; }.sk-tfd__tag{ display: inline-flex; height: 20px; align-items: center; padding: 0 8px; border-radius: 4px; font-style: normal; font-size: 11px;
  line-height: 1.09; font-weight: 500; white-space: nowrap; }.sk-tfd__tag[data-ti]{ filter: blur(calc((1 - var(--on)) * 3px)); }.sk-tfd__tag--urgent{ color: var(--ui-tempo-red); background: var(--ui-tempo-red-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-tempo-red) 25%, transparent); }.sk-tfd__tag--done{ color: var(--ui-tempo-green-ink); background: var(--ui-tempo-green-soft);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-tempo-green-bar) 30%, transparent); }.sk-tfd__big{ display: flex; align-items: baseline; gap: 6px; }.sk-tfd__big b,.sk-tfd__bigv > span{ font-size: 18px; line-height: 1.16; font-weight: 500; letter-spacing: -.02em; font-variant-numeric: tabular-nums;
  color: var(--ui-tempo-n900); }.sk-tfd__big > span:last-child{ font-size: 13px; line-height: 1.07; font-weight: 500; color: var(--ui-tempo-n600); }.sk-tfd__rows{ margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ui-tempo-line-soft); }.sk-tfd__map{ position: relative; height: 80px; overflow: hidden; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--ui-tempo-line-8); }.sk-tfd__map img{ display: block; width: 100%; height: 100%; object-fit: cover; }.sk-tfd__pin{ position: absolute; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: var(--ui-tempo-n900);
  box-shadow: 0 0 0 3px var(--ui-surface); }.sk-tfd__rcpt{ --mh: 200px; }.sk-tfd__rcpt .sk-tcx__rline time{ font-size: 11px; }.sk-tfd__rcpt .sk-tcx__waiting .sk-tcx__shim{ font-size: 11px; }.sk-tcx__skel .sk-tfd__skmap{ width: 100%; height: 80px; border-radius: 6px; }.sk-tcx__skel .sk-tfd__skbar{ width: 100%; height: 16px; border-radius: 4px; }.sk-tfl__trip{ position: relative; height: 16px; margin-top: 16px; }.sk-tfl__trip > i{ position: absolute; top: 50%; }.sk-tfl__gone,.sk-tfl__rest{ height: 4px; margin-top: -2px; border-radius: 2px; }.sk-tfl__gone{ left: 0; width: 38%; background: var(--ui-tempo-n400); }.sk-tfl__rest{ left: 38%; right: 0; --ro: clamp(0, (var(--ti-t) - var(--f)) / .4, 1);
  background: color-mix(in srgb, var(--ui-tempo-accent-40) calc(var(--ro) * 100%), color-mix(in srgb, var(--ui-tempo-red) 45%, var(--ui-surface))); }.sk-tfl__car{ left: 38%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; background: var(--ui-tempo-accent);
  box-shadow: 0 0 0 3px var(--ui-surface); }.sk-tfl__end{ right: 0; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: var(--ui-surface);
  box-shadow: inset 0 0 0 2px var(--ui-tempo-n900); }.sk-tfl__jam[data-ti]{ left: 60%; display: grid; width: 16px; height: 16px; margin: -8px 0 0 -8px; place-items: center; border-radius: 4px;
  color: var(--ui-surface); background: var(--ui-tempo-red); box-shadow: 0 0 0 2px var(--ui-surface); filter: blur(calc((1 - var(--on)) * 3px)); }.sk-tfl__ends{ position: relative; display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; font-size: 11px; line-height: 1.09;
  color: var(--ui-tempo-n500); }.sk-tfl__jaml[data-ti]{ position: absolute; left: 60%; transform: translateX(-50%); font-weight: 500; color: var(--ui-tempo-red); white-space: nowrap;
  filter: blur(calc((1 - var(--on)) * 3px)); }.sk-tfw__hours{ display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-top: 14px; }.sk-tfw__hours span{ display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px 0; border-radius: 6px;
  background: var(--ui-tempo-n50); box-shadow: inset 0 0 0 1px var(--ui-tempo-line-soft); }.sk-tfw__hours em{ font-style: normal; font-size: 11px; line-height: 1.09; color: var(--ui-tempo-n500); white-space: nowrap; }.sk-tfw__hours i{ display: grid; color: var(--ui-tempo-n500); }.sk-tfw__hours b{ font-size: 13px; line-height: 1.07; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ui-tempo-n900); }.sk-tfw__skhours{ display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-top: 4px; }.sk-tfw__skhours b{ height: 62px; border-radius: 6px; background: var(--ui-tempo-n50); box-shadow: inset 0 0 0 1px var(--ui-tempo-line-soft); }@property --fwf-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --fwf-b{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --fwf-p{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --ioac-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --ioap-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --fai-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --fai-b{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --fai-g{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --fai-w{ syntax: '<number>'; inherits: true; initial-value: 14; }@property --fai-mic{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --fai-lvl{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --fai-osc{ syntax: '<number>'; inherits: false; initial-value: .5; }@property --fai-k{ syntax: '<number>'; inherits: true; initial-value: 3; }@property --fcap-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --fcap-t{ syntax: '<number>'; inherits: true; initial-value: 3; }@property --fcap-k{ syntax: '<number>'; inherits: true; initial-value: 3; }@property --fcap-w{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --fcap-z{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --fcap-zb{ syntax: '<number>'; inherits: false; initial-value: 1; }@property --fmx-k{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --fmx-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --ftp-t{ syntax: '<number>'; inherits: true; initial-value: 6; }@property --fb-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --fhr-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pcon-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --plbd-t{ syntax: '<number>'; inherits: true; initial-value: 8; }@property --plh-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pmod-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pedge-t{ syntax: '<number>'; inherits: true; initial-value: 8; }@property --plf-t{ syntax: '<number>'; inherits: true; initial-value: 8; }@property --mfiles-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --mfiles-out{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --jl-t{ syntax: '<number>'; inherits: true; initial-value: 6; }@property --bcast-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --bcast-r{ syntax: '<integer>'; inherits: true; initial-value: 24; }@property --catch-s{ syntax: '<number>'; inherits: true; initial-value: 7; }@property --mmo-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --mapp-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --mctl-t{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --ixd-t{ syntax: '<number>'; inherits: true; initial-value: 8; }@property --ixa-t{ syntax: '<number>'; inherits: true; initial-value: 6.5; }@property --ixm-t{ syntax: '<number>'; inherits: true; initial-value: 12; }@property --ah-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --a2m-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --apl-t{ syntax: '<number>'; inherits: true; initial-value: 7; }@property --adash-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --dfbuild-t{ syntax: '<number>'; inherits: true; initial-value: 12.4; }@property --dfnew-t{ syntax: '<number>'; inherits: true; initial-value: 6.8; }@property --wfb-t{ syntax: '<number>'; inherits: true; initial-value: 9; }@property --wfh-t{ syntax: '<number>'; inherits: true; initial-value: 9; }@property --wfc-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pbbuild-t{ syntax: '<number>'; inherits: true; initial-value: 10; }@property --pbcell-t{ syntax: '<number>'; inherits: true; initial-value: 8; }@property --pbwx-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pbviews-t{ syntax: '<number>'; inherits: true; initial-value: 13; }@property --ifh-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --ipath-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --iown-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --isys-t{ syntax: '<number>'; inherits: true; initial-value: 10; }@property --ipil-t{ syntax: '<number>'; inherits: true; initial-value: 7.8; }@property --aet-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --aeh-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --aett-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --aip-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --air-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --aic-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --aitd-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --aih-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --inh-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --xfn-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --xlc-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --xpr-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --eapil-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --eamob-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pubport-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pubbrand-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --tdy-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --mcon-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --mcon-off{ syntax: '<number>'; inherits: true; initial-value: 0; }@property --tbr-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --mwd-t{ syntax: '<number>'; inherits: true; initial-value: 0; }.sk-tmn{ --fo: clamp(0, (var(--ti-t) - var(--t-ibfold)) / .6, 1); --fe: calc(var(--fo) * var(--fo) * (3 - 2 * var(--fo)));
  --ibw: calc(328px * (1 - var(--fe))); }@supports (width: calc(exp(1) * 1px)){.sk-tmn{ --fe: calc((1 - (1 + 6 * var(--fo)) * exp(-6 * var(--fo))) / .98265); }}.sk-tmn__ibw{ position: relative; flex: none; width: var(--ibw); overflow: hidden; }.sk-tmn .sk-tmn__inbox{ height: 100%; border-left: 0; border-right: 1px solid var(--ui-tempo-line); transform: translateX(calc(var(--ibw) - 328px)); }.sk-tmn.sk-tcx .sk-ti__chat{ width: calc(100% - var(--ibw) - 401px * var(--dw)); }.sk-tmn .sk-tcx__tabw[data-ti]{ transform: translateY(calc((1 - var(--in)) * -56px)); }.sk-tmn .sk-tmn__isel{ --sl: clamp(0, (var(--ti-t) - var(--t-open) - .1) / .2, 1);
  background: color-mix(in srgb, var(--ui-tempo-line-soft) calc(var(--sl) * 100%), transparent); }.sk-tmn__mk[data-ti]{ position: absolute; z-index: 26; left: 572px; top: 236px; width: 64px; height: 64px;
  filter: blur(calc((1 - var(--out)) * 3px)); }.sk-tmn__mk .sk-tm{ display: block; }.sk-tmn__nt[data-ti]{ position: absolute; z-index: 26; left: var(--lx); top: var(--ly); width: max-content; margin: 0;
  font-size: 18px; line-height: 1.16; font-weight: 500; letter-spacing: -.02em; white-space: nowrap; color: var(--ui-tempo-n900);
  transform-origin: 0 0;
  transform: translate(calc((var(--sx) - var(--lx) - 60%) * (1 - var(--mo))), calc((var(--sy) - var(--ly)) * (1 - var(--mo)) + (1 - var(--in)) * 6px))
    scale(calc(1 + .2 * (1 - var(--mo)))); }.sk-tmn__nm[data-ti]{ position: absolute; z-index: 26; left: 0; right: 0; top: 390px; margin: 0; text-align: center;
  font-size: 13px; line-height: 1.07; color: var(--ui-tempo-n500); transform: translateY(calc((1 - var(--in)) * 6px)); }.sk-tmn__page[data-ti]{ position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column;
  transform: translateY(calc((1 - var(--out)) * -8px)); }.sk-tmn__page .sk-tcx__col{ padding-top: 36px; }.sk-tmn__hi{ --mh: 60px; }.sk-tmn__hello{ font-size: 18px; line-height: 1.16; font-weight: 500; letter-spacing: -.02em; color: var(--ui-tempo-n900); }.sk-tmn__stamp{ margin-top: 6px; font-size: 13px; line-height: 1.07; color: var(--ui-tempo-n500); }.sk-tmn__brief{ --mh: 520px; max-width: 640px; padding: 20px; border-radius: 8px; background: var(--ui-surface);
  border: 1px solid var(--ui-tempo-line); transform: translateY(calc((1 - var(--in, 1)) * 6px)); }.sk-tmn__bh{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }.sk-tmn__bsub{ margin-top: 4px; font-size: 11px; line-height: 1.09; color: var(--ui-tempo-n400); }.sk-tmn__sec{ margin-top: 16px; }.sk-tmn__sec + .sk-tmn__sec{ margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ui-tempo-line-soft); }.sk-tmn__sh{ display: flex; align-items: baseline; gap: 6px; margin-bottom: 2px; }.sk-tmn__sh b{ font-size: 11px; line-height: 1.09; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; color: var(--ui-tempo-n400); }.sk-tmn__sh em{ font-style: normal; font-size: 11px; line-height: 1.09; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ui-tempo-n300); }.sk-tmn__sh span{ margin-left: 4px; font-size: 11px; line-height: 1.09; color: var(--ui-tempo-n400); }.sk-tmn__stats{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 14px; padding: 12px 0;
  border-top: 1px solid var(--ui-tempo-line-soft); border-bottom: 1px solid var(--ui-tempo-line-soft); }.sk-tmn__stats > .sk-tcx__cell + .sk-tcx__cell{ padding-left: 14px; border-left: 1px solid var(--ui-tempo-line-soft); }.sk-tmn__st{ display: flex; flex-direction: column; gap: 4px; }.sk-tmn__st b{ font-size: 14px; line-height: 1.4; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--ui-tempo-n900); }.sk-tmn__st span{ font-size: 11px; line-height: 1.09; color: var(--ui-tempo-n500); }.sk-tmn__sb{ display: flex; flex-direction: column; gap: 8px; padding-top: 4px; }.sk-tmn__sb i{ display: block; height: 10px; border-radius: 3px; background: var(--ui-tempo-n100); }.sk-tmn__sb i:first-child{ width: 36%; }.sk-tmn__sb i:last-child{ width: 64%; }.sk-tmn__stats + .sk-tmn__sec{ margin-top: 12px; }.sk-tmn__row{ position: relative; margin: 0 -8px; padding: 7px 8px; }.sk-tmn__row > .sk-tcx__cell{ position: relative; }.sk-tmn__rx{ display: grid; grid-template-columns: 16px minmax(0, 1fr) auto 14px; align-items: start; column-gap: 10px; }.sk-tmn__rt{ display: flex; min-width: 0; flex-direction: column; gap: 4px; }.sk-tmn__rt b{ overflow: hidden; font-size: 13px; line-height: 1.07; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; color: var(--ui-tempo-n900); }.sk-tmn__rt > span{ overflow: hidden; font-size: 13px; line-height: 1.07; white-space: nowrap; text-overflow: ellipsis; color: var(--ui-tempo-n500); }.sk-tmn__dot{ width: 8px; height: 8px; margin: 3px 4px 0; border-radius: 50%; background: var(--ui-tempo-n300); }.sk-tmn__row--urgent .sk-tmn__dot{ background: var(--ui-tempo-red); }.sk-tmn__row--watch .sk-tmn__dot{ background: var(--ui-tempo-amber); }.sk-tmn__row--plain .sk-tmn__dot{ background: var(--ui-tempo-accent); }.sk-tmn__ck{ display: grid; height: 14px; place-items: center; color: var(--ui-tempo-green-bar); }.sk-tmn__tr{ font-style: normal; font-size: 13px; line-height: 1.07; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }.sk-tmn__row--urgent .sk-tmn__tr{ color: var(--ui-tempo-red); }.sk-tmn__row--watch .sk-tmn__tr{ color: var(--ui-tempo-amber-ink); }.sk-tmn__row--plain .sk-tmn__tr{ color: var(--ui-tempo-accent-ink); }.sk-tmn__row--done .sk-tmn__tr{ font-weight: 500; color: var(--ui-tempo-n400); }.sk-tmn__row .sk-tfd__tag{ margin-top: -3px; }.sk-tmn__rb{ display: flex; flex-direction: column; gap: 8px; padding: 2px 0 0 26px; }.sk-tmn__rb i{ display: block; height: 10px; border-radius: 3px; background: var(--ui-tempo-n100); }.sk-tmn__go{ display: grid; height: 14px; place-items: center; color: var(--ui-tempo-n400); }.sk-tmn__row.is-go{ --hv: calc(clamp(0, (var(--ti-t) - var(--t-open) + .35) / .2, 1) * (1 - clamp(0, (var(--ti-t) - var(--t-leave)) / .3, 1)));
  --pr: calc(clamp(0, (var(--ti-t) - var(--t-open)) / .08, 1) * clamp(0, (var(--t-open) + .2 - var(--ti-t)) / .08, 1));
  transform: scale(calc(1 - .01 * var(--pr))); }.sk-tmn__row.is-go::before{ content: ''; position: absolute; inset: 0; border-radius: 6px; background: var(--ui-tempo-n100); opacity: var(--hv); }.sk-tmn__row.is-go .sk-tmn__go{ opacity: var(--hv); transform: translateX(calc((1 - var(--hv)) * -3px)); }.sk-tmn .sk-tfd__ot > span:last-child{ padding-bottom: 2px; margin-bottom: -2px; }.sk-tmn .sk-tfd__opts > .sk-tcx__nb{ opacity: var(--on); }.sk-tmn__who{ display: flex; align-items: center; gap: 10px; }.sk-tmn__who .sk-av{ flex: none; width: 28px; height: 28px; }.sk-tmn__wn{ display: flex; min-width: 0; flex-direction: column; gap: 4px; }.sk-tmn__wn b{ font-size: 13px; line-height: 1.07; font-weight: 500; color: var(--ui-tempo-n900); }.sk-tmn__wn span{ font-size: 11px; line-height: 1.09; color: var(--ui-tempo-n500); }.sk-tmn__skills .sk-tfd__row{ align-items: center; }.sk-tmn__job .sk-tc__b{ margin-top: 14px; }@property --mext-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --tq-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --tpf-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --mfeat-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --maic-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --forge-t{ syntax: '<number>'; inherits: true; initial-value: 99; }:is(.sk-forge-chg, .sk-forge-diff, .sk-forge-apply),:is(.sk-forge-chg, .sk-forge-diff, .sk-forge-apply) *,:is(.sk-forge-chg, .sk-forge-diff, .sk-forge-apply) *::before,:is(.sk-forge-chg, .sk-forge-diff, .sk-forge-apply) *::after{ box-sizing: border-box; }:is(.sk-forge-chg, .sk-forge-diff, .sk-forge-apply) :where(ol, li, p){ margin: 0; padding: 0; font: inherit; letter-spacing: normal;
  text-transform: none; list-style: none; }:is(.sk-forge-chg, .sk-forge-diff, .sk-forge-apply) :where(i, b, code){ font-style: normal; }:is(.sk-forge-chg, .sk-forge-diff) svg{ display: block; flex: none; }@property --ws-on{ syntax: '<number>'; inherits: false; initial-value: 1; }@property --ws-hov{ syntax: '<number>'; inherits: false; initial-value: 0; }@property --ws-sel{ syntax: '<number>'; inherits: false; initial-value: 0; }@property --int-on{ syntax: '<number>'; inherits: false; initial-value: 1; }@property --int-hov{ syntax: '<number>'; inherits: false; initial-value: 0; }@property --int-sel{ syntax: '<number>'; inherits: false; initial-value: 0; }@property --int-p{ syntax: '<number>'; inherits: false; initial-value: 0; }:is(.sk-fgi-prop, .sk-fgi-map, .sk-fgi-fix, .sk-fgi-ed),:is(.sk-fgi-prop, .sk-fgi-map, .sk-fgi-fix, .sk-fgi-ed) *,:is(.sk-fgi-prop, .sk-fgi-map, .sk-fgi-fix, .sk-fgi-ed) *::before,:is(.sk-fgi-prop, .sk-fgi-map, .sk-fgi-fix, .sk-fgi-ed) *::after{ box-sizing: border-box; }:is(.sk-fgi-prop, .sk-fgi-map, .sk-fgi-fix, .sk-fgi-ed) :where(p, ol, li, h3, h4){ margin: 0; padding: 0; font: inherit;
  letter-spacing: normal; text-transform: none; list-style: none; }:is(.sk-fgi-prop, .sk-fgi-map, .sk-fgi-fix, .sk-fgi-ed) :where(i, b, em, code){ font-style: normal; }:is(.sk-fgi-prop, .sk-fgi-map, .sk-fgi-fix, .sk-fgi-ed) svg{ display: block; flex: none; }@property --ci-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pubad-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pubbk-t{ syntax: '<number>'; inherits: true; initial-value: 99; }@property --pubvs-u{ syntax: '<number>'; inherits: true; initial-value: 0; }.sk-scene{ font-family: var(--ui-font); color: var(--ui-ink);
  line-height: normal; }:where(.sk-root) :where(b, strong){ font-weight: 600; }.sk-root{ word-break: normal; overflow-wrap: normal; }.sk-scene{ content-visibility: auto; }.sk-av{ border-radius: var(--ui-r-pill); flex: none; display: flex;
  align-items: center; justify-content: center; font-weight: 500; }.sk-av--xs{ width: var(--ui-av-xs); height: var(--ui-av-xs); font-size: 10px; }.sk-av--sm{ width: var(--ui-av-sm); height: var(--ui-av-sm); font-size: 11px; }.sk-av--photo{ object-fit: cover; display: block; }@property --fflow-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --dflow-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --dflow-read{ syntax: '<number>'; inherits: false; initial-value: 1; }@property --dflow-follow{ syntax: '<number>'; inherits: false; initial-value: 1; }@property --aflow-on{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --aflow-pick{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --aflow-why{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --aflow-sent{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --aflow-ok{ syntax: '<number>'; inherits: true; initial-value: 1; }@property --sds-text-scale{ syntax: '<number>'; inherits: true; initial-value: 1; }:is([data-sds-theme="dark"] .sk-states, .sk-states[data-sds-theme="dark"])
  :is(.sk-mob, .sk-mfrm, .sk-mffoot, .sk-mfscan){ background-color: var(--sds-lt-ink); }:is([data-sds-connectivity="offline"] .sk-states, .sk-states[data-sds-connectivity="offline"])
  :is(.sk-m-status__c--ios > svg:nth-child(1), .sk-m-status__c--android > svg:nth-child(2)){ opacity: .35; }:is([data-sds-connectivity="offline"] .sk-states, .sk-states[data-sds-connectivity="offline"])
  :is(.sk-m-status__c--ios > svg:nth-child(2), .sk-m-status__c--android > svg:nth-child(1)){ opacity: 0; }@keyframes sk-ti-clock{ from { --ti-t: 0; } to { --ti-t: var(--ti-end); } }