.demo-page{--demo-ink:var(--text-dark,#1a1a2e);--demo-purple:var(--purple-primary,#6b46c1);--demo-tint:#f3effe;--demo-line:var(--border-light,#e5e7eb);--demo-gray:var(--text-gray,#6b7280);--demo-ease:cubic-bezier(.16,1,.3,1);color:var(--demo-ink);background:#fff}.demo-eyebrow{color:var(--demo-purple);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:700;display:inline-block}.demo-section-head{text-align:center;max-width:720px;margin:0 auto 40px}.demo-section-head h2{letter-spacing:-.02em;margin:0 0 12px;font-size:36px;font-weight:800;line-height:1.2}.demo-section-head p:not(.demo-eyebrow){color:var(--demo-gray);margin:0;font-size:18px;line-height:1.6}.demo-btn-primary,.demo-btn-secondary{cursor:pointer;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.demo-btn-primary{background:var(--yellow-primary,#f6c744);color:var(--demo-ink)}.demo-btn-primary:hover{background:var(--yellow-hover,#e5b93d);transform:translateY(-1px)}.demo-btn-secondary{border:2px solid var(--demo-purple);color:var(--demo-purple);padding:12px 26px}.demo-btn-secondary:hover{background:var(--demo-tint)}.demo-btn-primary:active,.demo-btn-secondary:active{transition-duration:.1s;transform:scale(.97)}.demo-btn-large{padding:16px 32px;font-size:17px}.demo-btn-secondary.demo-btn-large{padding:14px 30px}.demo-hero{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:center;gap:56px;max-width:1200px;margin:0 auto;padding:56px 24px 72px;display:grid}.demo-hero h1{letter-spacing:-.03em;margin:0 0 18px;font-size:52px;font-weight:800;line-height:1.08}.demo-hero-sub{max-width:34em;color:var(--demo-gray);margin:0 0 30px;font-size:19px;line-height:1.6}.demo-hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.demo-hero-note{color:var(--demo-gray);margin:18px 0 0;font-size:14px}.fl{width:100%;max-width:520px;margin:0 auto;container-type:inline-size}.fl-stage{aspect-ratio:460/400;font-size:10px;background:radial-gradient(circle at 1px 1px,#6b46c117 1px,transparent 0)0 0/2.4em 2.4em,var(--bg-light,#f8f7ff);width:100%;color:var(--demo-ink);-webkit-user-select:none;user-select:none;border:1px solid #ece8fa;border-radius:2.4em;font-size:2.17391cqw;line-height:1.2;position:relative;overflow:hidden}.fl-caption{text-align:center;letter-spacing:-.01em;white-space:nowrap;padding:0 1.6em;font-size:1.7em;font-weight:700;position:absolute;top:2.4em;left:0;right:0}.fl-card{position:absolute;box-shadow:0 1.4em 3.2em #1a1a2e1a,0 .2em .6em #1a1a2e0f}.fl-content{position:absolute;inset:0}.fl-layer{box-sizing:border-box;position:absolute}.fl-btn{justify-content:center;align-items:center;display:flex}.fl-btn-label{color:#fff;white-space:nowrap;font-size:1.6em;font-weight:600}.fl-spark{color:var(--yellow-primary,#f6c744);margin-right:.35em}.fl-drop{text-align:center;flex-direction:column;align-items:center;padding-top:3.4em;display:flex}.fl-drop-border{border:.2em dashed #6b46c147;border-radius:1.4em;position:absolute;inset:1.2em}.fl-drop-icon{width:3.4em;height:3.4em;color:var(--demo-purple);margin-bottom:1em;position:relative}.fl-drop-title{font-size:1.6em;font-weight:700;position:relative}.fl-drop-sub{color:var(--demo-gray);margin-top:.35em;font-size:1.3em;position:relative}.fl-chip-pos{position:absolute;top:0;left:0}.fl-chip{border:1px solid var(--demo-line);white-space:nowrap;background:#fff;border-radius:.8em;align-items:center;gap:.6em;padding:.55em 1em .55em .55em;font-size:1.3em;font-weight:600;display:inline-flex;position:relative;transform:translate(-50%,-50%);box-shadow:0 .8em 2em #1a1a2e24}.fl-chip-icon{color:#b91c1c;background:#fee2e2;border-radius:.5em;place-items:center;width:2.3em;height:2.3em;font-size:.75em;font-weight:800;display:grid}.fl-chip-ok{color:#047857;background:#d1fae5;width:1.92em;height:1.92em;font-size:.9em;position:absolute;left:.73em}.fl-read{color:#fff;place-items:center;display:grid}.fl-read-row{white-space:nowrap;grid-area:1/1;align-items:center;gap:.6em;font-size:1.4em;font-weight:500;display:flex}.fl-read-spark{color:var(--purple-light,#9f7aea)}.fl-read-check{color:#6ee7b7;font-weight:700}.fl-read-bar{background:#ffffff24;border-radius:1em;height:.3em;position:absolute;bottom:.9em;left:2.6em;right:2.6em;overflow:hidden}.fl-read-bar>div{background:var(--purple-light,#9f7aea);transform-origin:0;height:100%;transform:scaleX(0)}.fl-trip{flex-direction:column;display:flex}.fl-trip-photo{flex:none;height:10.4em;position:relative;overflow:hidden}.fl-trip-photo img{object-fit:cover;width:100%;height:100%;display:block}.fl-badge{color:#fff;background:#1a1a2ec7;border-radius:1em;padding:.3em .75em;font-size:1.15em;font-weight:600;position:absolute;top:1em;left:1em}.fl-badge-live{background:#10b981}.fl-trip-body{padding:1.2em 1.6em 1.4em}.fl-trip-title{font-size:1.7em;font-weight:700}.fl-trip-meta{color:var(--demo-gray);margin:.2em 0 .7em;font-size:1.25em}.fl-trip-room{border-top:1px solid var(--demo-line);justify-content:space-between;padding:.5em 0;font-size:1.3em;display:flex}.fl-trip-foot{justify-content:space-between;align-items:center;gap:1em;margin-top:.7em;display:flex}.fl-trip-foot>span{color:var(--demo-gray);font-size:1.15em}.fl-publish{background:var(--demo-purple);color:#fff;white-space:nowrap;border-radius:.8em;flex:none;font-size:1.25em;font-weight:600;display:grid;overflow:hidden}.fl-publish>span{text-align:center;grid-area:1/1;padding:.65em 1.1em}.fl-publish-done{background:#10b981}.fl-checkout{padding:1.6em 2em}.fl-co-title{font-size:1.6em;font-weight:700}.fl-co-sub{color:var(--demo-purple);margin:.25em 0 1em;font-size:1.25em;font-weight:600}.fl-co-options{flex-direction:column;gap:.8em;display:flex;position:relative}.fl-co-select{border:.2em solid var(--demo-purple);background:#6b46c10d;border-radius:1.2em;height:4.4em;position:absolute;top:0;left:0;right:0}.fl-co-option{border:1px solid var(--demo-line);border-radius:.92em;align-items:center;gap:.75em;padding:.8em .95em;font-size:1.3em;display:flex;position:relative}.fl-co-label{flex:1}.fl-co-label small{color:var(--demo-gray);margin-top:.15em;font-size:.85em;display:block}.fl-radio{border:.15em solid #c4b5fd;border-radius:50%;flex:none;place-items:center;width:1.1em;height:1.1em;display:grid}.fl-radio i{background:var(--demo-purple);border-radius:50%;grid-area:1/1;width:.55em;height:.55em}.fl-pay{background:var(--demo-purple);color:#fff;text-align:center;border-radius:.8em;margin-top:1.2em;font-size:1.4em;font-weight:600;display:grid}.fl-pay>span{grid-area:1/1;padding:.6em}.fl-co-fee{color:var(--demo-gray);text-align:center;margin-top:.7em;font-size:1.1em}.fl-toast{align-items:center;gap:1.2em;padding:0 1.6em;display:flex}.fl-toast b{font-size:1.4em;display:block}.fl-toast small{color:var(--demo-gray);margin-top:.15em;font-size:1.2em;display:block}.fl-avatar{width:2.8em;height:2.8em;color:var(--demo-purple);background:#ede9fe;border-radius:50%;flex:none;place-items:center;font-size:1.2em;font-weight:700;display:grid}.fl-paid{padding:1.5em 2em}.fl-paid-head{color:var(--demo-gray);justify-content:space-between;font-size:1.3em;font-weight:600;display:flex}.fl-paid-pct{color:var(--demo-purple)}.fl-paid-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:.1em 0 .3em;font-size:2.6em;font-weight:800}.fl-paid-num small{color:var(--demo-gray);letter-spacing:0;font-size:.5em;font-weight:500}.fl-paid-bar{background:#ede9fe;border-radius:1em;height:.8em;margin-bottom:.9em;overflow:hidden}.fl-paid-bar>div{background:var(--demo-purple);transform-origin:0;height:100%;transform:scaleX(.378)}.fl-paid-row{border-top:1px solid var(--demo-line);align-items:center;gap:1em;padding:.6em 0;display:flex}.fl-paid-row .fl-avatar{width:2.2em;height:2.2em;font-size:1.05em}.fl-paid-name{flex:1;font-size:1.3em;font-weight:600}.fl-paid-name small{color:var(--demo-gray);margin-left:.6em;font-size:.85em;font-weight:400}.fl-status{justify-items:end;display:grid}.fl-pill{color:#047857;white-space:nowrap;background:#d1fae5;border-radius:1em;grid-area:1/1;padding:.3em .75em;font-size:1.1em;font-weight:600}.fl-pill-wait{color:#b45309;background:#fef3c7}.fl-cursor{transform-origin:.5em .3em;width:2.4em;height:2.4em;margin:-.3em 0 0 -.5em;display:none;position:absolute;top:0;left:0}.fl-stage.is-live .fl-cursor{display:block}.fl-cursor svg{width:100%;height:100%;display:block;overflow:visible}.fl-cursor path{fill:var(--demo-ink);stroke:#fff;stroke-width:1.4px;stroke-linejoin:round}.demo-watch{background:var(--bg-light,#f8f7ff);padding:80px 24px 88px;scroll-margin-top:72px}.demo-player{grid-template-columns:minmax(0,1fr) 340px;gap:24px;max-width:1200px;margin:0 auto;display:grid}.demo-video-frame{background:#000;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #6b46c129,0 4px 16px #1a1a2e14}.demo-video-frame video{aspect-ratio:16/9;background:#000;width:100%;display:block}.demo-now{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:22px;display:flex}.demo-now-kicker{color:var(--demo-purple);margin:0 0 4px;font-size:13px;font-weight:600}.demo-now h3{margin:0 0 6px;font-size:22px;font-weight:700}.demo-now-desc{max-width:60ch;color:var(--demo-gray);margin:0;font-size:15px;line-height:1.6}.demo-next{border:1px solid var(--demo-line);max-width:260px;color:var(--demo-ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:12px;flex:none;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:12px 16px;font-size:15px;font-weight:600;transition:border-color .2s,transform .15s;display:grid}.demo-next span{color:var(--demo-gray);grid-column:1/-1;font-size:12px;font-weight:500}.demo-next svg{color:var(--demo-purple);grid-area:2/2}.demo-next:hover{border-color:var(--demo-purple)}.demo-next:active{transform:scale(.98)}.demo-playlist{border:1px solid var(--demo-line);background:#fff;border-radius:16px;position:relative;overflow:hidden}.demo-playlist-scroll{overscroll-behavior:contain;padding-bottom:8px;position:absolute;inset:0;overflow-y:auto}.demo-group{border-bottom:1px solid var(--demo-line)}.demo-group:last-child{border-bottom:0}.demo-group-head{width:100%;color:var(--demo-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.demo-group-head:hover .demo-group-title{color:var(--demo-purple)}.demo-group-num{background:var(--demo-tint);width:26px;height:26px;color:var(--demo-purple);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;transition:background-color .3s,color .3s;display:grid}.demo-group.is-open .demo-group-num{background:var(--demo-purple);color:#fff}.demo-group-title{flex:1;font-size:15px;font-weight:600;transition:color .2s}.demo-group-dur{color:var(--demo-gray);font-variant-numeric:tabular-nums;font-size:13px}.demo-group-body{transition:grid-template-rows .45s var(--demo-ease);grid-template-rows:0fr;display:grid}.demo-group.is-open .demo-group-body{grid-template-rows:1fr}.demo-chapters{opacity:0;min-height:0;margin:0;padding:0 8px;list-style:none;transition:opacity .15s;overflow:hidden}.demo-group.is-open .demo-chapters{opacity:1;transition:opacity .25s .12s}.demo-chapters li:last-child{margin-bottom:10px}.demo-chapter{z-index:1;width:100%;color:var(--demo-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:baseline;gap:12px;padding:9px 12px 9px 14px;display:flex;position:relative}.demo-chapter:hover{background:#6b46c10d}.demo-chapter-time{min-width:34px;color:var(--demo-gray);font-variant-numeric:tabular-nums;font-size:12.5px}.demo-chapter-label{font-size:14.5px}.demo-chapter.is-active .demo-chapter-time,.demo-chapter.is-active .demo-chapter-label{color:var(--demo-purple);font-weight:600}.demo-chapter-highlight{background:var(--demo-tint);opacity:0;pointer-events:none;border-radius:10px;height:0;position:absolute;top:0;left:8px;right:8px}.demo-chapter-highlight:before{content:"";background:var(--demo-purple);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.demo-more{max-width:1200px;margin:0 auto;padding:88px 24px}.demo-tabs{max-width:1100px;margin:0 auto}.demo-tablist{background:var(--demo-tint);scrollbar-width:none;border-radius:999px;width:max-content;max-width:100%;margin:0 auto 24px;padding:5px;display:flex;position:relative;overflow-x:auto}.demo-tablist::-webkit-scrollbar{display:none}.demo-tab-indicator{opacity:0;background:#fff;border-radius:999px;width:0;position:absolute;top:5px;bottom:5px;left:0;box-shadow:0 1px 3px #1a1a2e1a,0 0 0 1px #6b46c11f}.demo-tab{color:var(--demo-gray);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:10px 22px;font-size:15px;font-weight:600;transition:color .2s;position:relative}.demo-tab:hover,.demo-tab.is-active{color:var(--demo-purple)}.demo-tab-stage{border:1px solid var(--demo-line);background:#fff;border-radius:24px;display:grid;overflow:hidden}.demo-tab-panel{visibility:hidden;opacity:0;filter:blur(6px);grid-area:1/1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;transition:opacity .18s,filter .18s,visibility 0s .18s;display:grid}.demo-tab-panel.is-active{visibility:visible;opacity:1;filter:none;transition:opacity .3s .14s,filter .3s .14s,visibility}.demo-tab-text{align-self:center;padding:40px}.demo-tab-text h3{letter-spacing:-.01em;margin:0 0 8px;font-size:26px;font-weight:800}.demo-tab-text ul{margin:0;padding:0;list-style:none}.demo-tab-text li{color:#374151;margin-top:12px;padding-left:28px;font-size:16px;line-height:1.5;position:relative}.demo-tab-text li:before{content:"";background:#d1fae5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23047857' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:0}.demo-tab-visual{background:var(--bg-light,#f8f7ff);justify-content:center;align-items:center;padding:32px;display:flex}.demo-tab-visual>*{width:100%;max-width:460px}.dp-portal{color:var(--demo-ink);padding:18px;font-size:14px}.dp-portal-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.dp-portal-head b{font-size:16px;display:block}.dp-portal-head small{color:var(--demo-gray);font-size:12.5px}.dp-avatar{width:38px;height:38px;color:var(--demo-purple);background:#ede9fe;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.dp-portal-box{border:1px solid var(--demo-line);border-radius:12px;padding:14px}.dp-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.dp-row>span{color:var(--demo-gray)}.dp-row b{color:var(--demo-ink)}.dp-bar{background:#ede9fe;border-radius:8px;height:8px;margin:10px 0 12px;overflow:hidden}.dp-bar>div{background:var(--demo-purple);transform-origin:0;border-radius:8px;width:40%;height:100%}.dp-pill{color:#047857;white-space:nowrap;background:#d1fae5;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.dp-actions{gap:10px;margin:12px 0;display:flex}.dp-btn{background:var(--demo-purple);color:#fff;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.dp-actions .dp-btn{flex:1}.dp-btn-ghost{border:1px solid var(--demo-line);color:var(--demo-purple);background:#fff}.dp-room{background:var(--demo-tint);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.dp-room b{font-size:14px;display:block}.dp-room small{color:var(--demo-gray);font-size:12.5px}.motion-armed.motion-portal .dp-bar>div{transform:scaleX(.5)}.motion-play.motion-portal .dp-bar>div{transition:transform .9s var(--demo-ease).35s;transform:scaleX(1)}.demo-faq{background:var(--bg-light,#f8f7ff);padding:80px 24px}.demo-faq-list{max-width:820px;margin:0 auto}.demo-faq-item{interpolate-size:allow-keywords;background:#fff;border-radius:14px;margin-bottom:12px;box-shadow:0 2px 10px #0000000a}.demo-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:17px;font-weight:600;list-style:none;display:flex}.demo-faq-item summary::-webkit-details-marker{display:none}.demo-faq-icon{flex:none;width:14px;height:14px;position:relative}.demo-faq-icon:before,.demo-faq-icon:after{content:"";background:var(--demo-purple);width:14px;height:2px;transition:transform .3s var(--demo-ease);border-radius:2px;position:absolute;top:6px;left:0}.demo-faq-icon:after{transform:rotate(90deg)}.demo-faq-item[open] .demo-faq-icon:after{transform:rotate(0)}.demo-faq-answer{padding:0 24px 22px}.demo-faq-answer p{color:var(--demo-gray);margin:0;font-size:16px;line-height:1.7}.demo-faq-answer a{color:var(--demo-purple);font-weight:600}@supports selector(::details-content){.demo-faq-item::details-content{height:0;transition:height .35s var(--demo-ease),content-visibility .35s allow-discrete;overflow:clip}.demo-faq-item[open]::details-content{height:auto}}.demo-final-cta{text-align:center;padding:88px 24px 96px}.demo-final-cta h2{letter-spacing:-.02em;margin:0 0 12px;font-size:36px;font-weight:800}.demo-final-cta p{color:var(--demo-gray);margin:0 0 28px;font-size:18px}.demo-final-cta .demo-hero-ctas{justify-content:center}@keyframes demo-panel-in{0%{opacity:0;filter:blur(6px);translate:0 6px}}@media (max-width:1023px){.demo-hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:40px}.demo-hero-visual{width:100%;max-width:480px;margin:0 auto}.demo-player{grid-template-columns:minmax(0,1fr)}.demo-playlist-scroll{position:relative;inset:auto;overflow:visible}.demo-tab-panel{grid-template-columns:minmax(0,1fr);align-content:start}}@media (max-width:767px){.demo-hero{padding:32px 16px 48px}.demo-hero h1{font-size:36px}.demo-hero-sub{font-size:17px}.demo-hero-ctas>a{flex:100%}.demo-section-head h2,.demo-final-cta h2{font-size:28px}.demo-section-head p:not(.demo-eyebrow){font-size:16px}.demo-watch,.demo-more,.demo-faq{padding:56px 16px}.demo-final-cta{padding:64px 16px 72px}.demo-now{flex-direction:column;gap:16px}.demo-next{width:100%;max-width:none}.demo-tablist{margin-left:0}.demo-tab{padding:9px 16px;font-size:14px}.demo-tab-text{padding:24px 20px 8px}.demo-tab-text h3{font-size:22px}.demo-tab-visual{padding:20px}.demo-tab-panel:not(.is-active){display:none}.demo-tab-panel.is-active{animation:demo-panel-in .3s var(--demo-ease)both}.demo-now-desc{display:none}}@media (prefers-reduced-motion:reduce){.demo-group-body,.demo-chapters,.demo-faq-icon:before,.demo-faq-icon:after,.demo-group-num,.demo-tab-panel{transition:none!important}.demo-tab-panel{filter:none;animation:none!important}.demo-faq-item::details-content{transition:none!important}}