:root{--stage-sh-s:0 8px 24px #16181d0f;--stage-sh-m:0 18px 48px #16181d1a;--stage-sh-l:0 32px 80px #16181d24;--stage-sh-xl:0 48px 120px #16181d29;--stage-hl:inset 0 1px 0 #fffc;--dev-border:1px solid #16181d14;--dev-top-hl:inset 0 1px 0 #ffffffc7;--dev-bezel-bg:linear-gradient(180deg,#fdfdfe,#f1f3f6)}.dev{position:relative;background:var(--dev-bezel-bg);border:var(--dev-border);box-shadow:var(--stage-sh-l),var(--dev-top-hl);isolation:isolate}.dev-pc{border-radius:28px;padding:10px}.dev-tablet{border-radius:24px;padding:12px}.dev-mobile{border-radius:32px;padding:14px}.dev-screen{position:relative;overflow:hidden;background:#fff;border:1px solid #16181d0f;z-index:1}.dev-sh-s{box-shadow:var(--stage-sh-s),var(--dev-top-hl)}.dev-sh-m{box-shadow:var(--stage-sh-m),var(--dev-top-hl)}.dev-sh-l{box-shadow:var(--stage-sh-l),var(--dev-top-hl)}.dev-flush,.dev-flush .dev-screen{width:100%}.dev-pc .dev-screen{border-radius:20px}.dev-tablet .dev-screen{border-radius:14px}.dev-mobile .dev-screen{border-radius:20px}.dev-reflect{inset:0;background:linear-gradient(135deg,#ffffff1f,#ffffff0a 22%,#fff0 46%)}.dev-reflect,.dev:after{position:absolute;z-index:2;pointer-events:none;border-radius:inherit}.dev:after{content:"";left:8%;right:8%;top:0;height:34%;background:radial-gradient(120% 80% at 30% -10%,#ffffff80,#0000 60%);opacity:.5}.persp-pc{transform:perspective(1600px) rotateX(8deg) rotateY(-14deg)}.persp-tablet{transform:perspective(1500px) rotateX(6deg) rotateY(-10deg)}.persp-mobile{transform:perspective(1400px) rotateX(10deg) rotateY(-18deg)}.persp-front{transform:perspective(2000px) rotateX(1.5deg)}@media (prefers-reduced-motion:reduce){.persp-front,.persp-mobile,.persp-pc,.persp-tablet{transform:none}}@media (max-width:640px){.persp-mobile,.persp-pc,.persp-tablet{transform:perspective(1600px) rotateX(4deg) rotateY(-6deg)}}.halo{inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#fff}.halo,.halo-glow{position:absolute}.halo-glow{inset:-10%;filter:blur(36px)}.halo-glow.r1{background:radial-gradient(960px 960px at 24% 20%,#ff8a3d0f,#0000 70%)}.halo-glow.r2{background:radial-gradient(720px 720px at 22% 18%,#ff6a4d1a,#0000 66%)}.halo-glow.r3{background:radial-gradient(560px 560px at 20% 16%,#e5175f24,#0000 62%)}.halo-grain{position:absolute;inset:0;opacity:.02;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px}.stage-backdrop{position:relative;isolation:isolate}.stage-backdrop>.halo{z-index:0}.stage-img{background:var(--stage-img,none) center/cover no-repeat;opacity:var(--stage-op,.6)}.stage-img,.stage-scrim{position:absolute;inset:0;z-index:1;pointer-events:none}.stage-scrim{background:rgba(255,255,255,var(--stage-scrim,0))}.stage-content{position:relative;z-index:2}@media (max-width:640px){.stage-img{opacity:calc(var(--stage-op,.6) * .7)}}.g-stagebar{margin:22px 0 20px}.g-stagebar .g-meta-t{margin-bottom:12px}.stage-demo{padding:34px;border-radius:var(--r-lg);overflow:hidden}.stage-demo .stage-content{display:flex;justify-content:center}.stage-demo .dev{max-width:100%}.stage-row{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;transform-style:preserve-3d}.stage-row .dev-pc{width:300px}.stage-row .dev-tablet{width:180px}.stage-row .dev-mobile{width:120px}.stage-row .dev .as,.stage-row .dev .ms{width:100%}.stage-ph{display:block;height:150px;background:linear-gradient(180deg,#fff,#f6f8fb);border-radius:inherit;position:relative}.stage-ph:before{right:10%;top:14%;height:10%;background:linear-gradient(120deg,var(--pink),var(--amber))}.stage-ph:after,.stage-ph:before{content:"";position:absolute;left:10%;border-radius:6px}.stage-ph:after{right:40%;top:34%;height:7%;background:#16181d1a}.stage-row .dev-mobile .stage-ph{height:180px}@media (max-width:640px){.stage-demo{padding:18px}.stage-row{gap:14px}.stage-row .dev-pc{width:220px}.stage-row .dev-tablet{width:130px}.stage-row .dev-mobile{width:92px}}