.demo-page{--demo-ink:#17211e;--demo-cream:#f4f0e7;--demo-acid:#d8f688;--demo-red:#e7644d;background:var(--demo-cream);min-height:100vh;color:var(--demo-ink);overflow:hidden}.demo-page a:hover,.demo-page button:hover{transform:translateY(-2px)}.demo-header{border-bottom:1px solid #c5c6ba;align-items:center;gap:25px;max-width:1440px;height:76px;margin:auto;padding:0 clamp(22px,5vw,78px);display:flex}.demo-brand{font:800 24px var(--font-body),sans-serif;letter-spacing:-.075em;white-space:nowrap}.demo-header-note{font:600 10px var(--font-mono),monospace;letter-spacing:.12em;color:#778078;margin:auto}.demo-back{white-space:nowrap;font-size:12px;font-weight:800}.demo-intro{max-width:1440px;margin:auto;padding:74px clamp(22px,5vw,78px) 62px}.demo-eyebrow,.demo-dossier-top,.demo-stage-label,.demo-playbar-copy>span,.demo-section-heading>div>span,.demo-prompt-intro>span,.demo-prompt-card-top,.demo-origin>span,.demo-endnote>span{font:600 10px var(--font-mono),monospace;letter-spacing:.13em}.demo-eyebrow{color:#68736a;align-items:center;gap:10px;display:flex}.demo-live-dot{background:#e7644d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e7644d25}.demo-intro h1,.demo-prompt-intro h2{font:800 clamp(66px,9vw,132px)/.85 var(--font-body),sans-serif;letter-spacing:-.09em;margin:24px 0 23px}.demo-intro h1 em,.demo-prompt-intro h2 em{color:#e3634b;font-style:normal}.demo-intro p{color:#566159;max-width:560px;margin:0;font-size:18px;line-height:1.55}.demo-studio{grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr);max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,78px);display:grid}.demo-stage-wrap{border:2px solid var(--demo-ink);background:#f9faf6;min-width:0}.demo-stage{aspect-ratio:1.15;background:#f9faf6;position:relative;overflow:hidden}.demo-stage-label{z-index:2;color:#6f786e;justify-content:space-between;gap:16px;display:flex;position:absolute;top:18px;left:20px;right:20px}.demo-video{object-fit:contain;width:100%;height:100%;display:block}.demo-playbar{border-top:2px solid var(--demo-ink);background:var(--demo-acid);justify-content:space-between;align-items:center;gap:18px;min-height:98px;padding:18px 22px;display:flex}.demo-playbar-copy{gap:2px;display:grid}.demo-playbar-copy>span{font-size:9px}.demo-playbar-copy strong{font:800 25px var(--font-body),sans-serif;letter-spacing:-.055em}.demo-playbar-copy small{color:#52604d;font-size:11px}.demo-playbar-actions{gap:8px;display:flex}.demo-playbar-actions button{background:var(--demo-ink);border:1px solid var(--demo-ink);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.demo-dossier{border:2px solid var(--demo-ink);background:#ebe9dd;border-left:0;flex-direction:column;padding:30px clamp(26px,3vw,46px);display:flex}.demo-dossier-top{color:#657068;justify-content:space-between;gap:18px;font-size:9px;display:flex}.demo-dossier h2{font:800 clamp(50px,5.2vw,79px)/.9 var(--font-body),sans-serif;letter-spacing:-.075em;margin:42px 0 18px}.demo-dossier-lead{color:#506057;max-width:400px;font-size:15px;line-height:1.55}.demo-detail-list{border-top:1px solid #b8beb3;margin:20px 0 24px}.demo-detail-list>div{border-bottom:1px solid #b8beb3;grid-template-columns:28px 75px 1fr;align-items:start;gap:12px;padding:14px 0;display:grid}.demo-detail-list span{font:600 11px var(--font-mono),monospace;color:#808b80}.demo-detail-list strong{font-size:13px}.demo-detail-list p{color:#5c685f;margin:0;font-size:12px;line-height:1.45}.demo-origin{background:#dde6d4;border-left:3px solid #809568;margin-top:auto;padding:14px 17px}.demo-origin>span{color:#667865}.demo-origin p{color:#536356;margin:6px 0 0;font-size:11px;line-height:1.5}.demo-reel,.demo-prompt,.demo-endnote{max-width:1440px;margin:auto;padding-left:clamp(22px,5vw,78px);padding-right:clamp(22px,5vw,78px)}.demo-reel{padding-top:100px;padding-bottom:100px}.demo-section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px;display:flex}.demo-section-heading>div>span{color:#798378}.demo-section-heading h2{font:800 clamp(40px,5vw,70px)/.95 var(--font-body),sans-serif;letter-spacing:-.07em;margin:12px 0 0}.demo-section-heading p{color:#657168;max-width:210px;margin:0;font-size:12px}.demo-clip-strip{scroll-snap-type:x mandatory;scrollbar-color:#9da99a transparent;gap:14px;margin:0 -10px;padding:8px 10px 18px;display:flex;overflow-x:auto}.demo-clip-card{text-align:left;scroll-snap-align:center;background:#f9faf5;border:2px solid #aeb8a9;border-radius:0;flex:0 0 clamp(190px,23%,300px);padding:7px}.demo-clip-image{aspect-ratio:1.12;background-position:50%;background-size:cover;display:block;position:relative}.demo-clip-image>span{background:var(--demo-ink);color:#fff;font:600 9px var(--font-mono),monospace;letter-spacing:.1em;padding:6px 7px;position:absolute;top:10px;left:10px}.demo-clip-title{justify-content:space-between;align-items:center;gap:12px;padding:15px 9px 9px;display:flex}.demo-clip-title strong{font:800 22px var(--font-body),sans-serif;letter-spacing:-.05em}.demo-clip-title>span{font:600 9px var(--font-mono),monospace;color:#6d786c}.demo-prompt{border-top:1px solid #bfc6b9;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,6vw,100px);padding-top:84px;padding-bottom:100px;display:grid}.demo-prompt-intro>span{color:#738071}.demo-prompt-intro h2{margin:19px 0 24px;font-size:clamp(52px,5.5vw,80px)}.demo-prompt-intro p{color:#5c685e;max-width:420px;font-size:14px;line-height:1.6}.demo-prompt-card{border:2px solid var(--demo-ink);box-shadow:8px 8px 0 var(--demo-ink);background:#fffef9;padding:clamp(23px,3vw,38px)}.demo-prompt-card-top{color:#69766b;justify-content:space-between;gap:20px;display:flex}.demo-prompt-card>p{color:#303e35;margin:32px 0;font-size:15px;line-height:1.7}.demo-prompt-step{border-top:1px solid #c4cbc0;padding-top:23px}.demo-prompt-step strong{font-size:13px}.demo-prompt-step p{color:#5d6b60;font-size:13px;line-height:1.6}.demo-prompt-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.demo-prompt-actions button,.demo-prompt-actions a{border:1px solid var(--demo-ink);border-radius:100px;padding:12px 18px;font-size:12px;font-weight:800}.demo-prompt-actions button{background:var(--demo-acid)}.demo-prompt-actions span{margin-left:12px}.demo-endnote{border-top:1px solid #bfc6b9;grid-template-columns:1fr 2fr auto;align-items:start;gap:25px;padding-top:37px;padding-bottom:90px;display:grid}.demo-endnote>span{color:#677468}.demo-endnote p{font:800 clamp(25px,3vw,41px)/1.08 var(--font-body),sans-serif;letter-spacing:-.05em;margin:0}.demo-endnote a{text-underline-offset:5px;font-size:12px;font-weight:800;text-decoration:underline}.demo-footer{border-top:2px solid var(--demo-ink);justify-content:space-between;align-items:start;gap:20px;max-width:1440px;margin:auto;padding:27px clamp(22px,5vw,78px) 75px;display:flex}.demo-footer>span{font:800 23px var(--font-body),sans-serif;letter-spacing:-.07em}.demo-footer p{color:#758076;margin:3px 0;font-size:11px}.demo-footer>a{font-size:12px;font-weight:800}@media (max-width:880px){.demo-studio{grid-template-columns:1fr}.demo-dossier{border-left:2px solid var(--demo-ink);border-top:0}.demo-dossier h2{margin-top:25px}.demo-prompt{grid-template-columns:1fr}.demo-endnote{grid-template-columns:1fr 2fr}.demo-endnote a{grid-column:2}}@media (max-width:600px){.demo-header{height:65px}.demo-header-note{display:none}.demo-back{margin-left:auto}.demo-intro{padding-top:55px;padding-bottom:38px}.demo-intro h1{font-size:clamp(58px,15vw,86px)}.demo-intro p{font-size:15px}.demo-stage{aspect-ratio:1}.demo-stage-label{font-size:8px}.demo-reel{padding-top:70px;padding-bottom:70px}.demo-section-heading{display:block}.demo-section-heading p{margin-top:13px}.demo-clip-card{flex-basis:67%}.demo-prompt{padding-top:65px;padding-bottom:80px}.demo-endnote{display:block}.demo-endnote p{margin:18px 0}.demo-footer{flex-wrap:wrap}.demo-footer p{order:3;width:100%}}@media (prefers-reduced-motion:reduce){.demo-page a,.demo-page button{transition:none}}.demo-page{--demo-ink:#1d2530;--demo-cream:#fafaf8;--demo-acid:#e9d8ff;--demo-red:#285fc7;background:var(--demo-cream);color:var(--demo-ink)}.demo-page a,.demo-page button{transition:background .2s,color .2s,transform .2s}.demo-header{border-color:#dde2e5}.demo-brand,.demo-footer>span{letter-spacing:-.055em;font-weight:750}.demo-brand span,.demo-footer>span span{color:#285fc7}.demo-header-note{color:#84909c}.demo-back{color:#285fc7}.demo-intro h1,.demo-prompt-intro h2{letter-spacing:-.072em;font-weight:700;line-height:.99}.demo-intro h1 em,.demo-prompt-intro h2 em{color:#285fc7}.demo-intro p{color:#596677}.demo-eyebrow,.demo-dossier-top,.demo-stage-label,.demo-playbar-copy>span,.demo-section-heading>div>span,.demo-prompt-intro>span,.demo-prompt-card-top,.demo-origin>span,.demo-endnote>span{color:#788593}.demo-live-dot{box-shadow:none;background:#3aa06b}.demo-studio{gap:0}.demo-stage-wrap{background:#f7f7f4;border:1px solid #dde2e5;border-radius:26px 0 0 26px;overflow:hidden}.demo-stage{background:#f7f7f4}.demo-playbar{background:#fff;border-top:1px solid #dde2e5}.demo-playbar-copy strong{letter-spacing:-.04em;font-weight:700}.demo-playbar-copy small{color:#6c7885}.demo-playbar-actions button{background:#285fc7;border-color:#285fc7}.demo-playbar-actions button:hover{background:#184caa}.demo-dossier{background:#f1f4f7;border:1px solid #dde2e5;border-left:0;border-radius:0 26px 26px 0}.demo-dossier h2{letter-spacing:-.065em;font-weight:700;line-height:1}.demo-dossier-lead,.demo-detail-list p{color:#596677}.demo-detail-list,.demo-detail-list>div{border-color:#d5dde3}.demo-detail-list span{color:#8996a3}.demo-origin{background:#e8edf3;border-left-color:#285fc7;border-radius:0 12px 12px 0}.demo-origin>span,.demo-origin p{color:#536170}.demo-section-heading h2{letter-spacing:-.06em;font-weight:700;line-height:1}.demo-section-heading p,.demo-prompt-intro p{color:#647182}.demo-clip-strip{scrollbar-color:#b7c4d0 transparent}.demo-clip-card{background:#fff;border:1px solid #dde2e5;border-radius:18px;padding:6px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.demo-clip-card.is-active{border-color:#8faad0;box-shadow:0 12px 30px #1d253016}.demo-clip-image{border-radius:13px}.demo-clip-image>span{color:#3d4d60;background:#ffffffec;border-radius:100px}.demo-clip-title strong{font-weight:700}.demo-prompt{border-color:#dde2e5}.demo-prompt-card{background:#fff;border:1px solid #dde2e5;border-radius:24px;box-shadow:0 15px 42px #1d25300e}.demo-prompt-card>p{color:#354253}.demo-prompt-step{border-color:#dde2e5}.demo-prompt-step p{color:#647182}.demo-prompt-actions button,.demo-prompt-actions a{border-color:#cbd3d9}.demo-prompt-actions button{color:#fff;background:#285fc7;border-color:#285fc7}.demo-prompt-actions button:hover{background:#184caa}.demo-prompt-actions a{background:#fff}.demo-endnote{border-color:#dde2e5}.demo-endnote p{letter-spacing:-.045em;font-weight:700}.demo-endnote a{color:#285fc7}.demo-footer{border-top:1px solid #dde2e5}.demo-footer p{color:#8793a0}@media (max-width:880px){.demo-stage-wrap{border-radius:26px 26px 0 0}.demo-dossier{border-top:0;border-left:1px solid #dde2e5;border-radius:0 0 26px 26px}}.demo-intro h1{font-family:var(--font-body),sans-serif;font-size:clamp(64px,8.5vw,118px);line-height:.98}.demo-prompt-intro h2{font-family:var(--font-body),sans-serif;font-size:clamp(50px,5.5vw,76px);line-height:1}.demo-dossier h2{font-family:var(--font-body),sans-serif;font-size:clamp(47px,5vw,75px);line-height:1}.demo-section-heading h2{font-family:var(--font-body),sans-serif;font-size:clamp(37px,4.8vw,65px);line-height:1}