@font-face{font-family:OnestPreview;src:url('./Onest.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#f4f6fb;--ink:#181e2a;--quiet:#647084;--blue:#3068e8;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}.motion-preview{margin:0;background:var(--paper);color:var(--ink);font-family:OnestPreview,Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.motion-preview button,.motion-preview input,.motion-preview select,.motion-preview textarea{font-family:inherit}.motion-preview a{color:inherit}.motion-preview button:focus-visible,.motion-preview a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.motion-preview button:active{transform:scale(.97)}
.preview-header{max-width:1200px;width:calc(100% - 80px);height:74px;margin:auto;display:flex;align-items:center;gap:28px}.preview-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:690;font-size:23px;letter-spacing:-.05em}.preview-brand img{width:40px;height:40px;object-fit:contain}.preview-origin{margin-left:auto;display:flex;align-items:center;gap:8px;color:#59677a;font-size:12px}.preview-origin>span{font-size:17px}.preview-back{font-size:12px;text-decoration:none;color:#657185!important;display:flex;gap:10px;padding:12px 0}.preview-back:hover{color:var(--blue)!important}
.preview-hero{max-width:1200px;width:calc(100% - 80px);margin:0 auto;padding-top:14px}.preview-copy{text-align:center}.preview-kicker{display:none}.preview-copy h1{font-size:clamp(48px,6.5vh,72px);line-height:1.04;font-weight:670;letter-spacing:-.065em;margin:0;color:var(--ink)}.preview-lead{margin:18px auto 0;color:#657184;font-size:15px;line-height:1.65;max-width:58ch;font-weight:420;letter-spacing:-.012em}.preview-product{margin:24px auto 0;max-width:1100px;min-width:0}.preview-stage-shell{position:relative;max-width:1020px;margin:auto;min-width:0}.motion-preview .demo-stage{overflow:clip;width:100%;height:clamp(265px,35vh,400px);min-height:0;aspect-ratio:auto;border-radius:25px;background:#e7eef4;scroll-margin-top:20px}.motion-preview .screen-photo{width:100%;left:0;top:0;mask-image:none}.motion-preview .screen-welcome{display:none}.motion-preview .notch{top:4.36cqw}.motion-preview .notch-view{font-family:OnestPreview,Onest,system-ui,sans-serif}
.motion-preview .notch.motion-ready{background:transparent!important;box-shadow:none;transition:none!important}.motion-preview .notch.motion-ready:before,.motion-preview .notch.motion-ready:after{display:none}.motion-preview .notch.motion-ready>.notch-body{position:relative;transition:none!important;z-index:1}.motion-notch-surface{--motion-shoulder:14px;position:absolute;inset:0;border-radius:inherit;background:#000;transform-origin:50% 0;pointer-events:none;box-shadow:0 12px 26px -15px #1b304572}.motion-notch-surface:before,.motion-notch-surface:after{content:'';position:absolute;top:0;width:var(--motion-shoulder);height:var(--motion-shoulder);pointer-events:none}.motion-notch-surface:before{left:calc(-1 * var(--motion-shoulder));background:radial-gradient(circle at 0 100%,transparent var(--motion-shoulder),#000 var(--motion-shoulder))}.motion-notch-surface:after{right:calc(-1 * var(--motion-shoulder));background:radial-gradient(circle at 100% 100%,transparent var(--motion-shoulder),#000 var(--motion-shoulder))}.motion-preview .notch.is-closed .motion-notch-surface{--motion-shoulder:6px;border-radius:0 0 12px 12px}
.motion-preview .notch.is-closed .motion-cap-character{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;pointer-events:none}.motion-cap-character{display:none}.motion-cap-character .masko-head{width:calc(28px * var(--native-scale));height:calc(28px * var(--native-scale));aspect-ratio:1;flex:none}.motion-preview .notch.motion-ready .notch-cap{z-index:3;position:relative;background:transparent!important}.motion-preview .notch.motion-ready.is-closed .notch-cap{left:0;right:auto}.motion-preview .notch.motion-ready:is([data-surface=tools],[data-surface=chat]):not(.is-closed) .notch-cap{position:absolute}
.motion-preview .screen-neon{will-change:opacity}.motion-preview [data-glow]:not([data-glow=off]) .screen-neon{animation:preview-glow-breathe 1.7s ease-in-out infinite}.motion-preview [data-glow=rainbow] .screen-neon{animation:preview-glow-breathe 1.7s ease-in-out infinite,np-glow-hue 3.2s linear infinite}.motion-preview .screen-neon .neon-blur{stroke-width:5;filter:blur(2.5px);opacity:.7}.motion-preview .screen-neon .neon-edge{stroke-width:1.35}
@keyframes preview-glow-breathe{0%,100%{opacity:.56}50%{opacity:.98}}
.preview-story-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.preview-stories{position:relative;display:flex;align-items:stretch;gap:4px;max-width:100%;padding:5px;border:1px solid #dfe5ef;border-radius:19px;background:#ecf0f7;isolation:isolate;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}.preview-stories::-webkit-scrollbar{display:none}.preview-stories>button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;flex-shrink:0;padding:11px 21px;min-height:44px;font-size:13px;font-weight:510;letter-spacing:-.012em;color:#687487;background:transparent;border:0;border-radius:14px;cursor:pointer;transition:color 140ms ease}.preview-stories>button svg{width:17px;height:17px;stroke-width:1.7}.preview-stories>button[aria-pressed=true]{color:#17263f}.preview-story-marker{position:absolute;left:0;top:5px;bottom:5px;z-index:0;width:100px;background:#fff;border:1px solid #e5e9f2;border-radius:14px;box-shadow:0 3px 8px #17254008;pointer-events:none;transform-origin:left center;opacity:0}.preview-replay{display:grid;place-items:center;width:44px;height:44px;min-width:44px;flex-shrink:0;border:1px solid #dfe5ef;border-radius:15px;background:transparent;color:#6c7a8f;cursor:pointer;transition:background 140ms ease}.preview-replay:hover{background:#fff}.preview-replay svg{height:17px;width:17px;stroke-width:1.7}
.preview-story-caption{display:flex;align-items:center;justify-content:center;gap:9px;min-height:24px;margin-top:12px;text-align:center;color:#43536c;font-size:13px;line-height:1.5}.preview-state-dot{width:5px;height:5px;background:#8393aa;border-radius:50%;flex-shrink:0;transition:background 150ms ease,box-shadow 150ms ease}.preview-product[data-voice=listening] .preview-state-dot{background:#55ac92;box-shadow:0 0 0 4px #55ac9214}.preview-product[data-voice=thinking] .preview-state-dot{background:#7292cd;box-shadow:0 0 0 4px #7292cd14}.preview-product[data-voice=done] .preview-state-dot{background:#55ac92}.preview-note{text-align:center;color:#778396;font-size:10px;line-height:1.5;margin:8px 0 0}.preview-links{display:flex;align-items:center;justify-content:center;gap:25px;padding:23px 0 26px;color:#53647e;font-size:12px}.preview-links a{text-decoration:none;border-bottom:1px solid #bac7d9;padding-bottom:3px}.preview-links a:hover{color:var(--blue)}.preview-links a span{margin-left:7px}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;width:calc(100% - 80px);margin:auto;padding:18px 0 25px;border-top:1px solid #e0e5ef;color:#8390a2;font-size:10px;line-height:1.6}.preview-footer a{text-decoration:none}
@media(hover:hover) and (pointer:fine){.preview-stories>button:not([aria-pressed=true]):hover{color:#24466c}.preview-brand:hover img{transform:rotate(-4deg);transition:transform 180ms var(--ease-out)}}
@media(min-width:1500px){.preview-product{margin-top:30px}.preview-stage-shell{max-width:1100px}.preview-lead{font-size:17px}}
@media(max-width:700px){.preview-header{height:65px;width:calc(100% - 32px);gap:13px}.preview-brand{gap:4px;font-size:21px}.preview-brand img{width:34px;height:34px}.preview-origin{font-size:10px;gap:5px}.preview-origin>span{font-size:14px}.preview-back{display:none}.preview-hero{width:calc(100% - 32px);padding-top:15px}.preview-copy{text-align:left;padding:0 7px}.preview-copy h1{font-size:clamp(36px,9.5vw,58px);line-height:1.05;letter-spacing:-.06em;max-width:13ch}.preview-lead{font-size:13px;line-height:1.7;margin:17px 0 0;max-width:37ch}.desktop-break{display:none}.preview-product{margin-top:24px}.motion-preview .demo-stage{height:270px;min-height:0;border-radius:20px;background:#dfeaf4}.motion-preview .screen-photo{width:180%;left:-40%;top:0;mask-image:none}.motion-preview .notch{top:7.85cqw}.preview-story-controls{margin-top:16px;gap:7px;align-items:center}.preview-stories{border-radius:17px;justify-content:flex-start;min-width:0;padding:4px;gap:2px}.preview-stories>button{padding:10px 15px;gap:7px;font-size:12px;min-height:42px}.preview-stories>button svg{height:15px;width:15px}.preview-story-marker{top:4px;bottom:4px;border-radius:12px}.preview-replay{width:40px;min-width:40px;height:40px;border-radius:13px}.preview-story-caption{font-size:11px;justify-content:flex-start;text-align:left;align-items:flex-start;margin:13px 4px 0;gap:7px;min-height:34px}.preview-state-dot{margin-top:5px}.preview-note{text-align:left;font-size:9px;margin:7px 4px 0}.preview-links{justify-content:flex-start;font-size:11px;gap:22px;padding:23px 5px}.preview-footer{width:calc(100% - 40px);font-size:9px;gap:12px;flex-wrap:wrap;padding-top:17px}.preview-footer>span:last-child{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.motion-preview *{scroll-behavior:auto!important}.motion-preview .screen-neon,.motion-preview .notch-light{animation:none!important}.motion-preview .preview-story-marker,.motion-preview .preview-state-dot{transition:none!important}.motion-preview .notch.motion-ready,.motion-preview .notch.motion-ready>.notch-body{transform:none}.preview-brand:hover img{transform:none}}

/* Geometry and slot order from NotchCompactContent / CompactNotchStatus. */
.motion-preview .notch.motion-ready.is-closed{width:var(--compact-width);min-width:0}.motion-preview .notch.motion-ready.is-closed .notch-cap{height:var(--compact-height);min-height:var(--compact-height)}.motion-preview .notch.is-closed .motion-cap-character{gap:calc(8px * var(--native-scale));padding:0 calc(20px * var(--native-scale)) 0 calc(12px * var(--native-scale));font-size:calc(11px * var(--native-scale));font-weight:500}.preview-compact-leading{display:flex;align-items:center;gap:calc(8px * var(--native-scale));flex:1 1 0;min-width:0;white-space:nowrap;color:#fff9}.preview-camera-clearance{flex:0 0 var(--demo-camera-width);height:100%}.preview-compact-status{flex:1 1 0;min-width:0;white-space:nowrap;text-align:right;color:#ffffffe6;font-size:calc(12px * var(--native-scale))}.preview-weather-examples{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;align-items:center;font-size:11px;color:#657184;margin:10px auto}.preview-weather-examples[hidden]{display:none}.preview-weather-examples button{border:1px solid #dfe5ef;border-radius:10px;background:transparent;color:inherit;padding:6px 10px;cursor:pointer}.preview-weather-examples button[aria-pressed=true]{background:#fff;color:#3068e8}.preview-spoken-weather{font-size:12px;color:#a8a2b4;margin:0 0 8px;padding:0 4px}.np-toolbar>div>.masko-head{width:20px;height:20px;flex:none}.preview-product [data-weather-examples] button:focus-visible{outline-offset:2px}