.sf-cds{--sf-p:.4;gap:clamp(28px,4vw,48px);display:grid;position:relative}.sf-cds__stage{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"phone col""desk desk";align-items:end;gap:20px 14px;display:grid}.sf-cds__device{min-width:0;margin:0}.sf-cds__device--desk{grid-area:desk}@media (min-width:1024px){.sf-cds__device--desk{align-self:center}}.sf-cds__device--phone{grid-area:phone;justify-self:center}.sf-cds__col{grid-area:col;align-content:end;justify-items:center;gap:18px;display:grid}.sf-cds__phone{--sf-w:min(200px, 52vw)}.sf-cds__watch{--sf-w:124px}.sf-cds__lock{--lw:134px}@media (max-width:767.98px){.sf-cds__phone .sf-ui-person,.sf-cds__phone .sf-cds__card{display:none}.sf-cds__phone{--sf-w:min(188px, 47vw)}.sf-cds__watch{--sf-w:112px}.sf-cds__lock{--lw:120px}.sf-cds__col{gap:14px;width:124px}.sf-cds__watch .sf-wf__brand{display:none}.sf-cds__watch .sf-wf__top{justify-content:center}.sf-cds__col .sf-device-label{text-wrap:balance;margin-top:10px}}@media (max-width:1023.98px){.sf-cds{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"phone col""control control""desk desk";align-items:end;gap:22px 12px}.sf-cds__stage{display:contents}.sf-cds__control{grid-area:control}.sf-cds__device--phone{justify-self:center}}@media (min-width:768px) and (max-width:1023.98px){.sf-cds{grid-template-columns:auto auto;justify-content:center;column-gap:clamp(24px,5vw,56px)}}@media (min-width:768px){.sf-cds__stage{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"desk phone col";justify-content:center;gap:clamp(20px,3vw,44px)}.sf-cds__phone{--sf-w:clamp(230px, 21vw, 290px)}.sf-cds__watch{--sf-w:clamp(126px, 10.5vw, 150px)}.sf-cds__lock{--lw:clamp(136px, 10.8vw, 156px)}}.sf-cds__layer{clip-path:inset(0);transition:clip-path .31s cubic-bezier(.22, 1, .36, 1) calc(var(--sf-delay,0s) + .14s);z-index:2;will-change:clip-path}.sf-cds__layer[data-pos=before],.sf-cds__layer[data-pos=after]{clip-path:inset(0 0 100%);transition:clip-path .14s cubic-bezier(.55, 0, 1, .45) var(--sf-delay,0s);z-index:1}.sf-cds__device{--sf-delay:0s}.sf-cds--dragging .sf-cds__layer{transition-duration:.2s;transition-delay:90ms}.sf-cds--dragging .sf-cds__layer[data-pos=before],.sf-cds--dragging .sf-cds__layer[data-pos=after]{transition-duration:90ms;transition-delay:0s}html[data-motion-tier=C] .sf-cds__layer{transition:none}.sf-cds__window .sf-window__body{position:relative}.sf-cds__layers--desk{aspect-ratio:5/4;background:#fff;display:grid}@media (max-width:767.98px){.sf-cds__layers--desk{aspect-ratio:auto;min-height:270px}}.sf-cds__layers--desk>.sf-cds__layer{background:#fff;grid-area:1/1}.sf-cds-q{font-family:var(--font-sans);color:var(--ovaflow-ink);flex-direction:column;gap:10px;padding:14px clamp(12px,1.6vw,20px);display:flex}.sf-cds-q__head{border-bottom:1px solid var(--ovaflow-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding-bottom:8px;display:flex}.sf-cds-q__title{font:700 18px/1.1 var(--font-display);letter-spacing:-.01em}.sf-cds-q__asof{font:500 12px/1.2 var(--font-mono);color:var(--ovaflow-muted);font-variant-numeric:tabular-nums}.sf-cds-q__group{gap:6px;display:grid}.sf-cds-q__section{font:600 12px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ovaflow-muted)}.sf-cds-q__row{box-shadow:inset 0 0 0 1px var(--ovaflow-line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;display:grid}.sf-cds-q__row--hot{background:var(--ovaflow-yellow-soft);box-shadow:inset 0 0 0 1px #f3dc54b3}.sf-cds-q__row--done{color:color-mix(in srgb, currentColor 90%, transparent)}.sf-cds-q__task{gap:2px;min-width:0;display:grid}.sf-cds-q__name{font:650 13px/1.25 var(--font-sans)}.sf-cds-q__detail{color:var(--ovaflow-secondary);font-size:12px;line-height:1.35}.sf-cds-q__owner{font:600 12px/1.2 var(--font-sans);text-align:right;max-width:11ch}.sf-cds__phone .sf-ui-screen{gap:8px;padding-top:0}.sf-cds__card .sf-ui-card__title{font-size:12px}.sf-cds__note{font:600 12px/1.2 var(--font-mono);letter-spacing:.02em;color:var(--ovaflow-ink,#161719);margin-top:3px;display:block}.sf-cds__watch .sf-watch__screen>.sf-cds__layer{background:#000}.sf-cds__watch .sf-wf{padding:12% 12% 11%}@media (max-width:767.98px){.sf-cds__watch .sf-wf__big{font-size:26px}.sf-cds__watch .sf-wf__title{font-size:13px}}.sf-cds__lock{width:var(--lw);aspect-ratio:393/852;border:calc(var(--lw) * .034) solid #17181b;border-radius:calc(var(--lw) * .165);background:var(--ovaflow-primary);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 24px 44px -20px #16171973}.sf-cds__lock:after{content:"";z-index:4;left:50%;bottom:calc(var(--lw) * .035);background:#ffffffb3;border-radius:999px;width:34%;height:4px;position:absolute;transform:translate(-50%)}.sf-cds-lock__dock{width:100%;padding-inline:calc(var(--lw) * .04);justify-content:space-between;margin-top:auto;display:flex}.sf-cds-lock__dock>span{width:calc(var(--lw) * .2);height:calc(var(--lw) * .2);background:#ffffff29;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff1f}.sf-cds__lock:before{content:"";z-index:4;top:calc(var(--lw) * .035);width:32%;height:calc(var(--lw) * .09);background:#050506;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.sf-cds-lock{align-items:center;gap:calc(var(--lw) * .05);padding:calc(var(--lw) * .2) calc(var(--lw) * .07) calc(var(--lw) * .12);background:radial-gradient(120% 80% at 50% 0%, #34402a 0%, var(--ovaflow-primary) 70%);color:#fff;flex-direction:column;grid-area:1/1;display:flex;position:relative}.sf-cds-lock__time{font:700 calc(var(--lw) * .2) / 1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.sf-cds-lock__widget{width:100%;color:var(--ovaflow-primary);font-family:var(--font-sans);background:#e9f8b4f0;border-radius:14px;gap:2px;padding:7px 8px;display:grid}.sf-cds-lock__app{font:700 12px/1.2 var(--font-display)}.sf-cds-lock__count{font:650 13px/1.2 var(--font-sans)}.sf-cds-lock__sub{font:500 12px/1.25 var(--font-sans)}.sf-cds-lock__hint{color:color-mix(in srgb, currentColor 80%, transparent);font-size:12px;line-height:1.25}.sf-cds__control{justify-items:stretch;gap:18px;width:100%;max-width:880px;margin-inline:auto;display:grid}.sf-cds__track{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;height:72px;margin-inline:26px;position:relative}.sf-cds--dragging .sf-cds__track{cursor:grabbing}.sf-cds__rail{background:var(--ovaflow-line);border-radius:999px;height:4px;position:absolute;top:14px;left:0;right:0;overflow:hidden}.sf-cds__fill{background:var(--accent);transform-origin:0;transform:scaleX(var(--sf-p));position:absolute;inset:0}.sf-cds__ticks{position:absolute;inset:0}.sf-cds__tick{left:calc(var(--sf-i) * 100%);justify-items:center;gap:22px;display:grid;position:absolute;top:0;transform:translate(-50%)}.sf-cds__dot{background:var(--ovaflow-canvas);width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--ovaflow-line);transition:box-shadow var(--d-ui) var(--ease-hover), background-color var(--d-ui) var(--ease-hover);border-radius:50%;margin-top:10px}.sf-cds__tick--past .sf-cds__dot,.sf-cds__tick--on .sf-cds__dot{background:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.sf-cds__ticklabel{font:600 12px/1 var(--font-mono);letter-spacing:.02em;white-space:nowrap;color:var(--ovaflow-muted);transition:color var(--d-ui) var(--ease-hover)}.sf-cds__tick--on .sf-cds__ticklabel{color:var(--ovaflow-ink)}.sf-cds__knobtrack{height:0;transform:translate3d(calc(var(--sf-p) * 100%), 0, 0);pointer-events:none;position:absolute;top:16px;left:0;right:0}.sf-cds__knob{width:30px;height:30px;box-shadow:0 0 0 2px var(--accent), 0 6px 16px -4px #16171959;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.sf-cds__grip{background:var(--accent);border-radius:50%;width:10px;height:10px}.sf-cds__track:focus-visible .sf-cds__knob{box-shadow:0 0 0 2px var(--accent), 0 0 0 5px #fff, 0 0 0 7px var(--accent-ink)}.sf-cds__track--hint .sf-cds__knob:after{content:"";box-shadow:0 0 0 2px var(--accent);animation:sf-cds-hint 1.8s var(--ease-enter) infinite;border-radius:50%;position:absolute;inset:-2px}@keyframes sf-cds-hint{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}html[data-motion-tier=C] .sf-cds__track--hint .sf-cds__knob:after{animation:none;display:none}@media (max-width:479.98px){.sf-cds__track{margin-inline:22px}.sf-cds__tick:nth-child(2n) .sf-cds__ticklabel{transform:translateY(16px)}.sf-cds__track{height:88px}}.sf-cds__caption{text-align:center;min-height:3.2em;color:var(--ovaflow-secondary);text-wrap:balance;gap:4px;margin:0;font-size:16px;line-height:1.5;display:grid}.sf-cds__caption-day{font:700 13px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.sf-cds__role{color:var(--ovaflow-lime);font-weight:650}@media (max-width:767.98px){.sf-cds__watch .sf-wf__body:last-child{display:none}}html:not([data-motion-tier=C]) .sf-cds__layer[data-pos=active] .sf-wf__big,html:not([data-motion-tier=C]) .sf-cds__layer[data-pos=active] .sf-cds-lock__count{animation:sf-cds-pulse .7s var(--ease-enter) calc(var(--sf-delay,0s) + .26s) both}@keyframes sf-cds-pulse{0%{transform:scale(.86)}55%{transform:scale(1.08)}to{transform:none}}.sf-cds-lock__count{transform-origin:0;display:block}.sf-cds__caption-src{font:500 12px/1.2 var(--font-mono);letter-spacing:.04em;text-transform:none;color:var(--ovaflow-muted);margin-top:6px;display:block}.sf-cds__src{font:600 12px/1.2 var(--font-mono);letter-spacing:.02em;background:var(--ovaflow-lavender-soft,#eceaf9);color:var(--ovaflow-ink);border-radius:999px;margin:8px auto 0;padding:4px 10px;display:table}.sf-cds__src[data-src=prototype]{background:var(--ovaflow-lime-soft,#f4fbdc)}.sf-cds__contact .sf-ui-card__title{font-size:13px}@media (min-width:768px) and (max-width:1399.98px){.sf-cds__phone .sf-cds__card:not(.sf-cds__contact)+.sf-cds__contact{display:none}}