.demo-anchor{display:block;scroll-margin-top:110px}.inline-live-demo{min-width:0;width:100%;padding-left:28px}.inline-live-demo[hidden],#preview-stage[hidden],#enlarge-view[hidden],#inline-demo-prompt[hidden]{display:none!important}.demo-device{position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:390px;aspect-ratio:390/800;margin:auto;padding:10px;border:2px solid #62636a;border-radius:52px;background:linear-gradient(125deg,#505159,#0a0a0d 24%,#29292e 68%,#777980);box-shadow:inset 0 0 0 2px #17171b,0 26px 55px -20px #14223b65,0 5px 10px #1b223021}.demo-device:before,.demo-device:after{content:"";position:absolute;width:4px;border-radius:3px;background:linear-gradient(90deg,#29292d,#909197,#343438);z-index:-1}.demo-device:before{left:-5px;top:126px;height:65px;box-shadow:0 76px #55565c}.demo-device:after{right:-5px;top:169px;height:85px}.demo-phone-screen{position:absolute;inset:10px;overflow:hidden;border-radius:40px;clip-path:inset(0 round 40px);transform:translateZ(0);isolation:isolate;background:#151515;box-shadow:0 0 0 1px #050505}.demo-phone-status{position:absolute;z-index:2;inset:0 0 auto;height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:3px 23px 0;color:#fff;font:600 12px/1 Inter,system-ui,sans-serif;background:#151515;pointer-events:none}.demo-phone-island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:100px;height:25px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:600;white-space:nowrap;border-radius:20px;background:#030303;box-shadow:inset 0 0 0 1px #25252a}.demo-phone-indicators{display:flex;align-items:center;gap:5px}.demo-phone-indicators svg{width:14px;height:11px}.demo-phone-battery{position:relative;display:block;width:21px;height:10px;border:1px solid #ffffff80;border-radius:3px;padding:1px;background:#fff;background-clip:content-box}.demo-phone-battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;background:#ffffff80;border-radius:0 1px 1px 0}.demo-device iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:inherit;background:#151515;color-scheme:light}.demo-phone-home{position:absolute;z-index:2;inset:auto 0 0;height:24px;display:flex;align-items:center;justify-content:center;background:#151515;pointer-events:none}.demo-phone-home span{height:4px;width:112px;border-radius:4px;background:#f3f4f6}.inline-demo-note{max-width:390px;font-size:11px!important;color:#63748d!important;line-height:1.6;text-align:center;margin:20px auto 0}.inline-demo-prompt{margin-top:22px;padding:14px 16px;border-left:2px solid #759ad4;background:#ffffff60;border-radius:0 10px 10px 0;color:#466185!important;font-size:12px!important;line-height:1.7}.module-copy .module-more+.module-more{display:block;margin-top:14px}@media(max-width:900px){.inline-live-demo{padding-left:0;max-width:420px;margin:20px auto 0}.inline-demo-prompt{max-width:490px;margin:18px auto 0}}@media(max-width:550px){.demo-device{border-radius:44px;padding:8px}.demo-phone-screen{inset:8px;border-radius:34px;clip-path:inset(0 round 34px)}.demo-phone-status{padding-inline:17px}.inline-demo-note{font-size:10px!important}}.demo-phone-presentation{position:relative;box-sizing:border-box;width:min(100%,430px);padding-right:32px;margin:auto}.demo-scroll-hint{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;margin:0;color:#647997;font-size:10px;font-weight:550;letter-spacing:.08em;pointer-events:none}.demo-scroll-hint span:first-child{writing-mode:vertical-rl}.demo-scroll-hint span:last-child{font-size:24px;line-height:1;animation:phone-scroll-nudge 2.5s ease-in-out infinite}@keyframes phone-scroll-nudge{0%,to{transform:translateY(-3px)}50%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.demo-scroll-hint span:last-child{animation:none}}.demo-live-dot{display:block;width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#8bb9ff;box-shadow:0 0 6px #8bb9ff55;animation:demo-live-blink 1.8s ease-in-out infinite}@keyframes demo-live-blink{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.demo-live-dot{animation:none}}@media(max-width:550px){.demo-phone-island{width:88px;font-size:9px;gap:4px}.demo-phone-indicators{gap:3px}.demo-phone-indicators svg{width:12px}.demo-phone-battery{width:18px}}.demo-scroll-hint[hidden]{display:none}.demo-phone-presentation{width:min(80%,338px);padding-right:26px}.demo-device-scale{position:relative;width:100%;aspect-ratio:390/800}.demo-device-scale .demo-device{position:absolute;top:0;left:0;width:125%;max-width:none;margin:0;transform:scale(.8);transform-origin:top left}.product-description .inline-demo-prompt{font-size:15px!important;line-height:1.75}@media(max-width:550px){.product-description .inline-demo-prompt{font-size:14px!important}}@font-face{font-family:Caveat;src:url(assets/caveat-medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}.demo-phone-presentation{left:32px}.demo-handwritten-note{position:absolute;z-index:3;top:20px;left:-180px;width:160px;color:#5276ad;pointer-events:none;transform:rotate(-7deg)}.demo-handwritten-note>span{display:block;font-family:Caveat,cursive;font-size:30px;font-weight:500;line-height:1.05;text-align:center}.demo-handwritten-note svg{display:block;width:150px;height:110px;margin:4px 0 0 9px;overflow:visible}.inline-demo-note{max-width:338px;position:relative;left:32px}@media(min-width:551px)and (max-width:1100px){.demo-phone-presentation,.inline-demo-note{left:20px}.demo-handwritten-note{left:-130px;width:120px;top:24px}.demo-handwritten-note>span{font-size:26px}.demo-handwritten-note svg{width:112px;height:92px;margin-left:7px}}@media(max-width:550px){.demo-phone-presentation{left:10px;margin-top:88px}.inline-demo-note{left:10px;max-width:80%}.demo-handwritten-note{top:-79px;left:-4px;width:205px;transform:rotate(-5deg)}.demo-handwritten-note>span{font-size:28px;white-space:nowrap;text-align:left}.demo-handwritten-note svg{position:absolute;top:22px;left:137px;width:68px;height:55px;margin:0;transform:rotate(20deg)}}@media(max-width:550px){.demo-handwritten-note{transform:none}.demo-handwritten-note svg{top:25px;left:145px;width:64px;height:55px;transform:none;background:url(assets/annotation-mobile-down.svg) center/contain no-repeat}.demo-handwritten-note svg path{visibility:hidden}}