.sc-browser,.sc-phone{--w:100;--u:calc(var(--w) * .01cqw);width:calc(var(--w) * 1cqw)}.sc-browser{border-radius:calc(1.8 * var(--u));box-shadow:0 0 0 1px #ffffff1a, 0 calc(3.2 * var(--u)) calc(7.7 * var(--u)) calc(-1.9 * var(--u)) #000000d9;background:#1c1c1f;overflow:hidden}.sc-browser-bar{align-items:center;gap:calc(.96 * var(--u));height:calc(4.4 * var(--u));padding-inline:calc(1.9 * var(--u));background:linear-gradient(#2b2b2f,#232327);display:flex;position:relative;box-shadow:inset 0 -1px #0009}.sc-browser-dot{width:calc(1.22 * var(--u));aspect-ratio:1;background:#ffffff2b;border-radius:50%;flex:none}.sc-browser-url{color:#fff9;min-width:40%;height:62%;font-size:calc(1.47 * var(--u));letter-spacing:.01em;white-space:nowrap;background:#ffffff12;border-radius:.55em;justify-content:center;align-items:center;gap:.45em;padding-inline:1.1em;line-height:1;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.sc-browser-url svg{opacity:.7;width:.9em;height:.9em}.sc-browser-view{aspect-ratio:16/10;background:#f5f5f7;position:relative;overflow:hidden}.sc-browser-view--page{aspect-ratio:auto}.sc-browser-view--page img{width:100%;height:auto;display:block}.sc-phone{padding:calc(1.52 * var(--u));border-radius:calc(17.1 * var(--u));box-shadow:0 0 0 1px #00000080, 0 calc(11.9 * var(--u)) calc(23.8 * var(--u)) calc(-4.8 * var(--u)) #000000d9;background:linear-gradient(150deg,#f4f4f7 0%,#9a9aa2 18%,#36363b 46%,#8e8e96 72%,#ececf0 100%)}.sc-phone-screen{isolation:isolate;aspect-ratio:390/844;border:calc(2.9 * var(--u)) solid #050506;border-radius:calc(15.6 * var(--u));background:#050506;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}.sc-phone-screen--video{aspect-ratio:9/16}.sc-fill{object-fit:cover;object-position:50% 0%;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.sc-glide{animation:26s cubic-bezier(.45,0,.55,1) infinite alternate sc-glide}}@keyframes sc-glide{0%,10%{object-position:50% 0%}90%,to{object-position:50% 100%}}.sc-frame{container-type:inline-size}.sc-frame .sc-browser-bar{height:max(1.75rem, calc(4.4 * var(--u)));padding-inline:max(.75rem, calc(1.9 * var(--u)));gap:max(.375rem, calc(.96 * var(--u)))}.sc-frame .sc-browser-dot{width:max(.5rem, calc(1.22 * var(--u)))}.sc-frame .sc-browser-url{font-size:max(.6875rem, calc(1.47 * var(--u)))}.sc-frame .sc-browser{border-radius:max(.75rem, calc(1.8 * var(--u)))}.sc-stage{--sc-ease:cubic-bezier(.2, .8, .2, 1);isolation:isolate;aspect-ratio:16/11;background:radial-gradient(120% 80% at 50% 0,#ffffff12,#0000 60%),#0a0a0c;border-radius:1.75rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14;container-type:inline-size}.sc-stage-glow{z-index:-1;background:radial-gradient(62% 44% at 50% 106%, color-mix(in oklab, var(--accent) 52%, transparent), transparent 72%), radial-gradient(44% 40% at 62% 50%, color-mix(in oklab, var(--accent) 20%, transparent), transparent 75%);opacity:.7;transition:opacity .8s var(--sc-ease);position:absolute;inset:0}.sc-stage>.sc-browser{--w:78;transition:translate .8s var(--sc-ease);position:absolute;top:7cqw;left:5cqw}.sc-stage>.sc-phone{--w:21;transition:translate .8s var(--sc-ease), rotate .8s var(--sc-ease);position:absolute;bottom:5cqw;right:5cqw}.sc-stage--hero{aspect-ratio:16/10.5}@media (max-width:47.99rem){.sc-stage--hero{aspect-ratio:4/3.4}.sc-stage--hero>.sc-browser{--w:86;top:6cqw;left:4cqw}.sc-stage--hero>.sc-phone{--w:30;bottom:4cqw;right:4cqw}}
.sc-card{--sc-ease:cubic-bezier(.2, .8, .2, 1);-webkit-tap-highlight-color:transparent;border-radius:1.75rem;outline:none;display:block}.sc-card:focus-visible{outline-offset:6px;outline:2px solid #f5f5f7}.sc-card .sc-stage{transition:scale .5s var(--sc-ease)}.sc-card:active .sc-stage{scale:.99}.sc-card-go{color:#f5f5f7;width:2.75rem;height:2.75rem;transition:background-color .4s var(--sc-ease), color .4s var(--sc-ease), translate .5s var(--sc-ease);background:#ffffff0f;border-radius:999px;flex:none;place-items:center;margin-top:.125rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}@media (hover:hover){.sc-card:hover .sc-stage-glow{opacity:1}.sc-card:hover .sc-card-go{color:#000;background:#f5f5f7}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sc-card:hover .sc-browser{translate:0 -1cqw}.sc-card:hover .sc-phone{translate:0 -2.4cqw;rotate:-2.5deg}.sc-card:hover .sc-card-go{translate:3px}}