:root{--orange:#ff4b18;--ink:#10100f;--paper:#f7f3ec;--line:#ffffff30}*{box-sizing:border-box}html,body{margin:0;background:#080909;color:#fff;font-family:Arial,sans-serif}.demo{min-height:100vh;background:#080909}.demo-nav{position:fixed;z-index:30;top:0;left:0;right:0;height:84px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#080909b8;backdrop-filter:blur(18px)}.demo-brand,.reel-link{color:#fff;text-decoration:none}.demo-brand{display:flex;align-items:center;gap:13px;font-size:.77rem;letter-spacing:.2em}.demo-brand img{width:37px}.demo-label{color:#b7b5b1;font-size:.58rem;letter-spacing:.22em}.reel-link{justify-self:end;padding:11px 16px;border:1px solid #ffffff3b;border-radius:999px;font-size:.56rem;font-weight:800;letter-spacing:.15em}.reel-link span{color:var(--orange);margin-left:8px}.stage{position:relative;height:min(920px,100vh);min-height:720px;overflow:hidden}.stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(.98) brightness(1.08);transition:filter .75s,transform .9s,opacity .6s}.film-wash{position:absolute;inset:0;background:linear-gradient(90deg,#080909ee 0,#080909b7 30%,transparent 64%),linear-gradient(0deg,#080909e5 0,transparent 32%);transition:.7s}.story{position:absolute;z-index:4;top:17%;left:6vw;width:min(600px,42vw);transition:.55s cubic-bezier(.2,.8,.2,1)}.story>small{color:#f5eee6;font-size:.66rem;font-weight:800;letter-spacing:.22em}.scene-count{margin:22px 0 10px;color:var(--orange);font-size:.59rem;font-weight:800;letter-spacing:.2em}.story h1{margin:0;color:#f9f5ee;font:400 clamp(3.2rem,5.4vw,6.6rem)/.88 Georgia,serif;letter-spacing:-.065em}.story blockquote{margin:22px 0 30px;color:#ff5a28;font:italic 400 clamp(1.8rem,2.5vw,3rem)/1.02 Georgia,serif;letter-spacing:-.045em}.squire-cta{position:relative;width:min(440px,100%);padding:13px 17px 13px 13px;border:1px solid #ff8b69;border-radius:19px 5px 19px 19px;background:linear-gradient(145deg,#ff6840,#ff4b18 52%,#cf2904);color:#fff;display:grid;grid-template-columns:55px 1fr auto;gap:15px;align-items:center;text-align:left;box-shadow:0 11px 0 #8f1b00,0 28px 75px #ff4b1848;cursor:pointer;transition:.25s}.squire-cta:after{content:"";position:absolute;top:-1px;right:-1px;width:35px;height:35px;background:#f4ecdf;clip-path:polygon(0 0,0 100%,100% 100%)}.squire-cta:hover{transform:translateY(-3px);box-shadow:0 14px 0 #8f1b00,0 34px 90px #ff4b1862}.cta-mark{height:55px;display:grid;place-items:center;border:1px solid #ffffff4d;border-radius:11px;color:#fff;font:700 2.8rem/.8 Georgia,serif}.squire-cta>span:nth-child(2){display:flex;flex-direction:column;gap:7px}.squire-cta small{color:#ffe2d8;font-size:.52rem;font-weight:800;letter-spacing:.14em}.squire-cta strong{font:700 1.5rem/1 Georgia,serif;letter-spacing:-.03em}.squire-cta>b{font-size:1.6rem}.squire-workspace{position:absolute;z-index:12;top:110px;right:5vw;bottom:104px;width:min(710px,52vw);overflow:hidden;border:1px solid #d3c9ba;border-radius:28px;background:var(--paper);color:var(--ink);box-shadow:0 40px 120px #0008;opacity:0;visibility:hidden;transform:translateX(45px) scale(.96);transition:.65s cubic-bezier(.16,1,.3,1)}.squire-workspace.show{opacity:1;visibility:visible;transform:none}.stage.working>video{filter:blur(9px) saturate(.65) brightness(1.18);transform:scale(1.025)}.stage.working .film-wash{background:linear-gradient(90deg,#080909b8,transparent 58%),#f5efe918}.stage.working .story{opacity:.18;transform:translateX(-25px);pointer-events:none}.squire-workspace>header{height:72px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d1c5;background:#eee8de}.squire-workspace>header>div{display:flex;align-items:center;gap:12px}.squire-workspace>header img{width:39px}.squire-workspace>header span{display:flex;flex-direction:column;gap:5px}.squire-workspace>header b,.squire-workspace>header small{font-size:.58rem;letter-spacing:.16em}.squire-workspace>header small{color:#d94013}.squire-workspace>header button,.demo-receipt>button:first-child{border:0;background:none;color:#777;font:1.8rem/1 Arial;cursor:pointer}.proceeding,.demo-receipt{position:absolute;inset:72px 0 0;padding:44px 48px;overflow:auto;background:var(--paper);transition:.42s}.proceeding>small{color:#d94013;font-size:.61rem;font-weight:800;letter-spacing:.17em}.proceeding h2{margin:18px 0 28px;font:400 clamp(2.4rem,3.1vw,3.5rem)/.94 Georgia,serif;letter-spacing:-.05em}.progress{height:4px;background:#ddd5ca;overflow:hidden}.progress i{display:block;width:0;height:100%;background:var(--orange);transition:width .65s ease}.proceeding ol{list-style:none;margin:35px 0 28px;padding:0}.proceeding li{padding:15px 0;border-bottom:1px solid #ded6ca;color:#8a8278;font-size:.72rem;font-weight:800;letter-spacing:.1em}.proceeding li.active{color:#111}.proceeding li.done{color:#dc3d12}.proceeding li.done:after{content:"  ✓"}.proceeding>p{color:#777;font-size:.52rem;font-weight:800;letter-spacing:.16em}.proceeding>p i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--orange);animation:pulse 1s infinite}.demo-receipt{opacity:0;visibility:hidden;transform:translateY(18px)}.demo-receipt.show{opacity:1;visibility:visible;transform:none}.demo-receipt>button:first-child{position:absolute;right:22px;top:18px}.receipt-brand{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid #ddd4c7}.receipt-brand img{width:64px}.receipt-brand span{display:flex;flex-direction:column;gap:5px}.receipt-brand small,.receipt-brand b{font-size:.58rem;letter-spacing:.15em}.receipt-brand small{color:#d94013}.demo-receipt>em{display:inline-block;margin-top:20px;padding:8px 11px;border-radius:999px;background:#171717;color:#fff;font:normal 800 .56rem/1 Arial;letter-spacing:.13em}.demo-receipt h2{margin:15px 0 8px;font:400 clamp(2.7rem,3.7vw,4.4rem)/.85 Georgia,serif;letter-spacing:-.06em}.demo-receipt>p{max-width:580px;margin:0;color:#625d56;font:1rem/1.4 Georgia,serif}.receipt-reason,.human-action{margin-top:16px;padding:14px 16px}.receipt-reason{border-top:1px solid #ddd4c7;border-bottom:1px solid #ddd4c7}.human-action{border-left:4px solid var(--orange);background:#eee4d8}.receipt-reason small,.human-action small{display:block;margin-bottom:7px;color:#d94013;font-size:.55rem;font-weight:800;letter-spacing:.15em}.receipt-reason b,.human-action b{font-size:.78rem;line-height:1.35}.next-scene{width:100%;margin-top:17px;padding:14px 18px;border:1px solid #ff805f;border-radius:999px;background:linear-gradient(135deg,#ff5b2b,#e93608);color:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.next-scene span{display:flex;flex-direction:column;gap:5px}.next-scene small{color:#ffd8cc;font-size:.46rem;letter-spacing:.17em}.next-scene span>b{font-size:.68rem;letter-spacing:.14em}.next-scene>strong{font-size:1.5rem}.moment-rail{position:absolute;z-index:20;left:6vw;right:6vw;bottom:24px;height:58px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff4a}.moment-rail button{padding:13px 10px;border:0;background:transparent;color:#aaa;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.moment-rail button small{color:#777;font-size:.48rem;letter-spacing:.12em}.moment-rail button span{font-size:.58rem;font-weight:800;letter-spacing:.15em}.moment-rail button.active{color:#fff;box-shadow:inset 0 2px var(--orange)}.moment-rail button.active small{color:var(--orange)}.moment-rail button.pro{border-left:1px solid #ffffff18}.moment-rail button.pro small{color:#ff6a40}.demo>footer{height:86px;padding:0 6vw;display:flex;align-items:center;gap:14px;background:#080909;color:#f7f3ec;border-top:1px solid #ffffff24;font-size:.7rem;letter-spacing:.15em}.demo>footer span{color:#c8c4bd}.demo>footer strong{color:#ff7040}@keyframes pulse{50%{opacity:.3}}@media(max-width:900px){.demo-nav{grid-template-columns:1fr auto}.demo-label{display:none}.stage{height:100svh}.story{top:15%;width:70vw}.story h1{font-size:clamp(3.2rem,9vw,5.4rem)}.squire-workspace{left:5vw;right:5vw;width:auto}.moment-rail{left:4vw;right:4vw}.moment-rail button{justify-content:center}.moment-rail button small{display:none}}@media(max-width:620px){.demo-nav{height:68px;padding:0 18px}.demo-brand b{font-size:.62rem}.reel-link{font-size:.48rem}.stage{min-height:720px}.story{top:13%;left:24px;width:calc(100vw - 48px)}.story h1{font-size:3.25rem}.story blockquote{font-size:1.8rem}.squire-cta{width:100%}.squire-workspace{top:78px;bottom:76px;left:12px;right:12px;border-radius:20px}.proceeding,.demo-receipt{padding:30px 25px}.proceeding h2{font-size:2.4rem}.demo-receipt h2{font-size:2.8rem}.moment-rail{left:0;right:0;bottom:0;height:64px;background:#080909e8}.moment-rail button span{font-size:.44rem;letter-spacing:.08em}.demo>footer{display:none}}