.sf-phone{--sf-w:300px;width:var(--sf-w);max-width:100%;padding:calc(var(--sf-w) * .034);border-radius:calc(var(--sf-w) * .165);box-shadow:inset 0 0 0 1.5px #ffffff1f, inset 0 0 0 calc(var(--sf-w) * .012) #050506, 0 1px 2px #1617192e, 0 24px 48px -18px #16171961, 0 48px 90px -40px #20241b57;background:linear-gradient(160deg,#3a3d42 0%,#1b1c1f 38%,#0f1012 100%);position:relative}.sf-phone__screen{aspect-ratio:var(--sf-ratio,.4613);border-radius:calc(var(--sf-w) * .135);background:var(--ovaflow-canvas);isolation:isolate;position:relative;overflow:hidden}.sf-phone__island{top:calc(var(--sf-w) * .03);width:31%;height:calc(var(--sf-w) * .088);z-index:5;background:#050506;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.sf-phone__btn{background:#2a2c30;border-radius:2px;width:3px;position:absolute}.sf-phone__btn--action{height:4%;top:17%;left:-2px}.sf-phone__btn--vol{height:12%;top:24%;left:-2px;box-shadow:0 0 #0000}.sf-phone__btn--power{height:14%;top:26%;right:-2px}.sf-watch{--sf-w:200px;width:var(--sf-w);max-width:100%;position:relative}.sf-watch--bands{padding-block:calc(var(--sf-w) * .34)}.sf-watch__band{width:72%;height:calc(var(--sf-w) * .42);z-index:0;background:linear-gradient(#ffffff0f,#0000 40%),linear-gradient(90deg,#1d201c 0%,#353a33 18%,#3d4239 50%,#353a33 82%,#1d201c 100%);position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0d}.sf-watch__band--top{border-radius:14px 14px 4px 4px;top:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 55%);mask-image:linear-gradient(#0000 0%,#000 55%)}.sf-watch__band--bottom{border-radius:4px 4px 14px 14px;bottom:0;-webkit-mask-image:linear-gradient(#000 45%,#0000 100%);mask-image:linear-gradient(#000 45%,#0000 100%)}.sf-watch__case{z-index:1;padding:calc(var(--sf-w) * .05);border-radius:calc(var(--sf-w) * .24);background:radial-gradient(120% 70% at 30% 0,#ffffff38,#0000 55%),linear-gradient(160deg,#5a5e64 0%,#2a2c30 34%,#151618 70%,#0c0d0e 100%);position:relative;box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1.5px #ffffff1a,inset 0 -2px 6px #00000080,0 2px 4px #16171933,0 26px 48px -20px #1617198c}.sf-watch__screen:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(150deg,#ffffff1a 0%,#0000 32%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a}.sf-watch__screen{aspect-ratio:352/416;border-radius:calc(var(--sf-w) * .19);color:#fff;isolation:isolate;background:#000;position:relative;overflow:hidden}.sf-watch__crown{z-index:0;right:calc(var(--sf-w) * -.045);width:calc(var(--sf-w) * .07);height:calc(var(--sf-w) * .17);background:linear-gradient(90deg,#00000059,#0000 60%),repeating-linear-gradient(#6a6e74 0 2px,#2c2e32 2px 4px);border-radius:4px;position:absolute;top:41%}.sf-watch--bands .sf-watch__crown{top:calc(var(--sf-w) * .34 + var(--sf-w) * .36)}.sf-watch__side{z-index:0;right:calc(var(--sf-w) * -.025);width:calc(var(--sf-w) * .04);height:calc(var(--sf-w) * .2);background:#2c2e32;border-radius:3px;position:absolute;top:60%}.sf-watch--bands .sf-watch__side{top:calc(var(--sf-w) * .34 + var(--sf-w) * .62)}.sf-monitor{--sf-w:100%;width:var(--sf-w);max-width:100%}.sf-monitor__bezel{background:linear-gradient(#2b2d31,#17181b);border-radius:14px;padding:1.1% 1.1% 2.4%;box-shadow:inset 0 0 0 1px #ffffff1a,0 30px 60px -30px #16171980}.sf-monitor__screen{aspect-ratio:var(--sf-ratio,1.6);background:var(--ovaflow-canvas);border-radius:6px;position:relative;overflow:hidden}.sf-monitor__stand{justify-items:center;display:grid}.sf-monitor__neck{background:linear-gradient(90deg,#b9bec4,#dfe2e6 50%,#b9bec4);width:12%;height:clamp(14px,3vw,36px)}.sf-monitor__foot{background:linear-gradient(#cfd3d8,#a9aeb4);border-radius:6px 6px 3px 3px;width:26%;height:clamp(5px,.8vw,9px)}.sf-window{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #16171914,0 24px 50px -24px #16171959}.sf-window__bar{border-bottom:1px solid var(--ovaflow-line);height:30px;font:500 12px/1 var(--font-sans);color:var(--ovaflow-muted);background:#f1f3f5;justify-content:space-between;align-items:center;padding-inline:14px 10px;display:flex}.sf-window__ctrls{gap:16px;display:inline-flex}.sf-window__ctrls>span{width:10px;height:10px;position:relative}.sf-window__min:after{content:"";background:currentColor;height:1px;position:absolute;inset:4.5px 0 auto}.sf-window__max{border:1px solid}.sf-window__close:before,.sf-window__close:after{content:"";background:currentColor;width:1px;height:12px;position:absolute;top:-1px;left:50%;transform:rotate(45deg)}.sf-window__close:after{transform:rotate(-45deg)}.sf-device-label{font:500 12px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ovaflow-muted);text-align:center;margin-top:14px;display:block}.ovf-theme-ink .sf-device-label{color:#f4f5f699}.sf-ui-screen{font-family:var(--font-sans);color:var(--ovaflow-ink);background:var(--ovaflow-canvas);text-align:left;flex-direction:column;gap:10px;padding:0 14px 14px;display:flex;position:absolute;inset:0}.sf-ui-screen--dark{background:var(--ovaflow-primary);color:#fff}.sf-ui-screen__push{gap:6px;margin-top:auto;display:grid}.sf-ui-status{height:40px;font:600 12px/1 var(--font-sans);font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;align-items:center;padding:10px 10px 0 16px;display:flex}.sf-ui-status--dark{color:#fff}.sf-ui-status__glyphs{align-items:center;gap:5px;display:inline-flex}.sf-ui-status__bars{clip-path:polygon(0 100%,100% 0,100% 100%);background:linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px,currentColor 4px 6px,#0000 6px 8px,currentColor 8px 10px,#0000 10px 12px,currentColor 12px 14px);width:14px;height:9px;-webkit-mask-image:linear-gradient(45deg,#0000 0 0,#000 0)}.sf-ui-status__batt{background:linear-gradient(90deg,currentColor 0 78%,#0000 78%) padding-box content-box;border:1.5px solid;border-radius:3px;width:20px;height:9px;padding:1px}.sf-ui-appbar{font:600 13px/1.2 var(--font-display);flex:none;align-items:center;gap:8px;display:flex}.sf-ui-appbar--dark{color:#fff}.sf-ui-appbar__trail{font:500 12px/1 var(--font-sans);color:var(--ovaflow-muted);margin-left:auto}.sf-ui-chip{font:600 12px/1.3 var(--font-sans);border-radius:8px;flex:none;padding:6px 9px;display:block}.sf-ui-chip--lime{background:var(--ovaflow-lime-soft);color:var(--ovaflow-primary);box-shadow:inset 0 0 0 1px #3864421f}.sf-ui-chip--amber{background:var(--amber-soft);color:var(--amber-ink)}.sf-ui-chip--lavender{background:var(--ovaflow-lavender-soft);color:var(--ovaflow-info)}.sf-ui-chip--positive{background:var(--accent-soft);color:var(--accent-ink)}.sf-ui-chip--neutral{color:var(--ovaflow-secondary);background:#eef0f3}.sf-ui-chip--accent{background:var(--accent);color:#fff}.sf-ui-heading{gap:4px;display:grid}.sf-ui-heading__title{font:700 17px/1.15 var(--font-display);letter-spacing:-.01em}.sf-ui-heading__sub{color:var(--ovaflow-secondary);font-size:12px;line-height:1.4}.sf-ui-card{box-shadow:0 0 0 1px var(--ovaflow-line);background:#fff;border-radius:12px;gap:3px;padding:10px 11px;display:grid}.sf-ui-card--lime{background:var(--ovaflow-lime-soft);box-shadow:0 0 0 1px #38644229}.sf-ui-card--amber{background:var(--amber-soft);box-shadow:0 0 0 1px #e5a93c66}.sf-ui-card--accent{background:var(--accent-soft);box-shadow:0 0 0 1px #26685c40}.sf-ui-card__label{font:600 12px/1.2 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ovaflow-muted)}.sf-ui-card__title{font:650 13px/1.3 var(--font-sans)}.sf-ui-card__body{color:var(--ovaflow-secondary);font-size:12px;line-height:1.4}.sf-ui-btn{font:600 12px/1.2 var(--font-sans);text-align:center;border-radius:10px;padding:9px 10px;display:block}.sf-ui-btn--primary{background:var(--ovaflow-primary);color:#fff}.sf-ui-btn--secondary{color:var(--ovaflow-ink);box-shadow:inset 0 0 0 1px var(--ovaflow-line);background:#fff}.sf-ui-btn--lime{background:var(--ovaflow-lime);color:var(--ovaflow-primary)}.sf-ui-person{box-shadow:0 0 0 1px var(--ovaflow-line);background:#fff;border-radius:12px;align-items:center;gap:9px;padding:8px 10px;display:flex}.sf-ui-person__img,.sf-ui-person__initials{object-fit:cover;border-radius:9px;flex:none;width:30px;height:30px}.sf-ui-person__initials{background:var(--ovaflow-lavender-soft);color:var(--ovaflow-info);font:700 12px/1 var(--font-sans);place-items:center;display:grid}.sf-ui-person__text{gap:1px;min-width:0;display:grid}.sf-ui-person__name{font:650 13px/1.2 var(--font-sans)}.sf-ui-person__meta{color:var(--ovaflow-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.25;overflow:hidden}.sf-wf{font-family:var(--font-display);color:#fff;text-align:center;flex-direction:column;padding:11% 11% 10%;display:flex;position:absolute;inset:0}.sf-wf__top{font:700 12px/1 var(--font-display);justify-content:space-between;display:flex}.sf-wf__brand{color:var(--ovaflow-lime)}.sf-wf__clock{color:#ffffffb8;font-variant-numeric:tabular-nums}.sf-wf__mid{flex:1;align-content:center;gap:4px;display:grid}.sf-wf__title{font:700 16px/1.1 var(--font-display)}.sf-wf__big{font:700 30px/1 var(--font-display);color:var(--ovaflow-lime);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sf-wf__body{font:500 12px/1.3 var(--font-sans);color:#ffffffb8}.sf-wf__btn{background:var(--ovaflow-lime);color:var(--ovaflow-primary);font:700 12px/1 var(--font-display);border-radius:999px;padding:8px 6px;display:block}.sf-wf--dim{filter:brightness(.62)}.sf-wf--dim .sf-wf__big,.sf-wf--dim .sf-wf__brand{color:#c8d6a0}.sf-clip{position:relative}.sf-clip--phone{--sf-w:280px;width:var(--sf-w);max-width:100%}.sf-clip--phone .sf-phone{--sf-w:inherit;width:100%}.sf-clip--phone .ovf-loop,.sf-clip--phone .sf-clip__loop{width:100%;height:100%;position:absolute;inset:0}.sf-clip__plate{width:var(--sf-w,100%);background:var(--ovaflow-canvas);max-width:100%;box-shadow:0 0 0 1px var(--ovaflow-line);border-radius:28px;overflow:hidden}.sf-clip--monitor .sf-monitor__screen .ovf-loop{width:100%;height:100%;position:absolute;inset:0}.sf-clip--monitor{width:var(--sf-w,100%);max-width:100%}.sf-maturity{font:600 12px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;display:inline-flex}.sf-maturity:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.sf-maturity--pilot-scope{background:var(--accent-soft);color:var(--accent-ink)}.sf-maturity--next{background:var(--ovaflow-lavender-soft);color:var(--ovaflow-info)}.sf-maturity--design-prototype{background:var(--amber-soft);color:var(--amber-ink)}.ovf-theme-ink .sf-maturity--pilot-scope{color:var(--accent-bright);background:#8fd6c224}.ovf-theme-ink .sf-maturity--next{color:var(--ovaflow-lavender);background:#ccc8f224}.ovf-theme-ink .sf-maturity--design-prototype{color:#f2c879;background:#e5a93c29}@media (max-width:1639.98px){.sf-page .ovf-rail__item.is-active:not(:hover):not(:focus-visible) .ovf-rail__label{opacity:0;clip-path:inset(0 0 0 100% round 999px)}}
