/* The product narrative shares one timeline across devices, chapter controls and page accents. */
:root{--chapter-progress:0%;--story-accent:#e2c17e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cinema-hero{grid-template-columns:42% 58%;min-height:760px;padding-top:50px;padding-bottom:70px;overflow:hidden}.cinema-hero h1{font-size:clamp(50px,5.2vw,78px);letter-spacing:-3px}.cinema-hero .hero-copy{z-index:2}.cinema-hero .intro{font-size:18px}.cinema-hero .release-note{max-width:390px;font-size:13px}.cinema-hero .actions{gap:20px;flex-wrap:wrap}.cinema-hero .scroll-cue{display:none}.cinema-hero .glow{top:-120px;right:-100px;background:radial-gradient(ellipse,#30795265,transparent 67%);transition:background 1.2s}.cinematic{width:100%;min-height:550px;transform:none!important;perspective:1400px;margin:0}.cinematic .scene{width:640px;height:430px;top:60px;left:3%;right:auto;bottom:auto;animation:none;transform:rotateX(5deg) rotateY(-13deg) rotateZ(1deg);transition:transform 1.4s cubic-bezier(.22,1,.36,1)}.cinematic .laptop{width:580px;height:370px;border-width:8px;border-color:#344f50;box-shadow:1px 1px 0 #9fb4a4,5px 5px 0 #193438,15px 35px 60px #0007;transition:transform 1.4s}.cinematic .base{top:385px;width:630px;left:-24px}.cinematic .screen-top{height:33px}.cinematic .screen-body{height:321px}.cinematic .screen-body aside{width:42px;gap:19px;padding:11px 7px}.cinematic .screen-top small{font-size:8px}.cinematic .phone{top:166px;right:-2px;height:326px;width:170px;transform:translateZ(105px) rotateY(7deg) rotateZ(-4deg);transition:transform 1.4s,top 1.4s,right 1.4s;z-index:3}.cinematic[data-chapter="4"] .phone{transform:translateZ(165px) rotateY(2deg) rotateZ(-2deg) scale(1.08);top:115px;right:24px}.cinematic[data-chapter="4"] .laptop{transform:translateZ(0) translateX(-13px)}.cinematic .orbit{width:590px;height:370px;top:70px;left:0;border-color:#b89e6250}.cinematic .orbit.two{width:540px;height:425px;top:60px;left:0;border-color:#42857835}.cinematic[data-chapter="4"] .orbit.one{border-color:#8cc3a880;box-shadow:0 0 45px #5caf7910}.demo-float{position:absolute;top:-26px;left:12px;display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#315c52f5,#173d36f5);border:1px solid #8ea98355;border-radius:9px;padding:13px 18px;box-shadow:0 14px 30px #0004;transform:translateZ(62px) rotateZ(-3deg);transition:background 1s;z-index:4}.demo-float>span{font-size:26px;color:var(--story-accent)}.demo-float small{font-size:8px;letter-spacing:1px;display:block;color:#d2c99a}.demo-float strong{font-size:12px;font-weight:400;display:block;color:#eef2da}.demo-workspace{position:relative;flex:1;min-width:0;padding:18px 26px 13px 18px;color:#203d36;overflow:hidden}.demo-workspace .demo-kicker{font-size:8px;letter-spacing:1px;color:#637e6b;display:flex;justify-content:space-between;gap:15px}.demo-workspace .demo-kicker>span{color:#55816a;font-size:7px;letter-spacing:.5px}.demo-workspace h3{font-size:23px;letter-spacing:-.7px;line-height:1.2;margin:8px 0 14px;font-weight:500}.demo-workspace .demo-meta{font-size:9px;color:#6c7e6a;margin-bottom:14px}.demo-chip{font-size:7px;font-weight:600;letter-spacing:.8px;border:1px solid #bacbb8;display:inline-block;padding:3px 6px;border-radius:3px;color:#5a7c60}.demo-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.demo-summary>div{padding:9px 10px;border:1px solid #cbd5c5;border-radius:5px;background:#fff9}.demo-summary small{font-size:8px;color:#647b63;display:block}.demo-summary strong{font-size:21px;font-weight:500;line-height:1.6}.demo-file-row{display:flex;align-items:center;gap:9px;padding:10px 9px;border:1px solid #ccd9c4;border-radius:5px;background:#fff8;margin-bottom:7px;transition:background .6s,border-color .6s,translate .6s}.demo-file-row>span{font-size:20px;color:#507c5c}.demo-file-row strong{font-size:11px;display:block;font-weight:500}.demo-file-row small{font-size:8px;color:#7a8a70;display:block}.demo-file-row>b{font-size:8px;color:#779168;font-weight:400;margin-left:auto}.screen-action{position:absolute;left:19px;bottom:18px;background:#2b705c;color:#eef2df;border-radius:4px;padding:7px 13px;font-size:9px;display:flex;gap:24px}.screen-action b{font-weight:400}.demo-cursor{position:absolute;bottom:0;left:72%;width:20px;height:27px;background:#173d38;clip-path:polygon(0 0,100% 61%,58% 63%,38% 100%);filter:drop-shadow(1px 1px 1px #fff);opacity:0;translate:0 0;transition:translate 1.4s cubic-bezier(.25,.6,.2,1),opacity .3s;z-index:5;pointer-events:none}.cinematic[data-beat="1"] .demo-cursor{opacity:1;translate:-290px -16px}.cinematic[data-beat="2"] .demo-cursor{opacity:0;translate:-290px -16px}.cinematic[data-beat="2"] .demo-file-row:first-of-type{border-color:#76a382;background:#e0eace}.cinematic[data-beat="2"] .screen-action{background:#47794e}.demo-result{position:absolute;right:17px;top:16px;font-size:8px;border-radius:4px;background:#d9e6c9;color:#406943;padding:5px 8px;opacity:0;translate:0 -5px;transition:opacity .5s,translate .5s}.cinematic[data-beat="2"] .demo-result{opacity:1;translate:0 0}.demo-document{display:grid;grid-template-columns:112px 1fr;gap:20px;margin-top:8px}.document-list{font-size:9px;color:#6a7e65}.document-list>div{padding:8px;border-bottom:1px solid #cdd6c6}.document-list>.chosen{background:#d8e4ce;color:#416944;border-radius:4px}.paper-preview{height:169px;background:#fffdf2;border:1px solid #d2d7c6;border-radius:3px;padding:18px 20px;box-shadow:6px 8px 20px #52704414;transform:translateY(8px);transition:transform .8s,box-shadow .8s}.paper-preview>small{font-size:7px;letter-spacing:1px}.paper-preview>strong{font:15px var(--serif);display:block;margin:8px 0 15px}.paper-preview i{height:3px;background:#b3c1a950;display:block;margin-bottom:7px;border-radius:1px}.paper-preview i:nth-last-child(2){width:60%}.paper-preview .paper-highlight{background:#b9d0a4;height:9px;width:74%;opacity:.35;transition:opacity .6s}.cinematic[data-beat="2"] .paper-preview{transform:translateY(0);box-shadow:6px 12px 24px #52704430}.cinematic[data-beat="2"] .paper-highlight{opacity:1}.deposit-path{display:flex;gap:0;position:relative;margin:16px 0 17px}.deposit-path>div{flex:1;font-size:8px;color:#6e8065;padding-top:27px;position:relative}.deposit-path>div:before{content:'';position:absolute;left:0;top:8px;width:100%;height:2px;background:#cbd8c0}.deposit-path>div:last-child:before{width:0}.deposit-path b{position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#d8e2ce;color:#697f5f;font-size:8px;display:grid;place-items:center;transition:background .8s,color .8s}.deposit-path>div:first-child b{background:#36775a;color:#fff}.cinematic[data-beat="1"] .deposit-path>div:nth-child(2) b,.cinematic[data-beat="2"] .deposit-path b{background:#36775a;color:#fff}.deposit-message{border:1px solid #c8d6bd;border-radius:5px;padding:14px;background:#fff6;font-size:10px;display:flex;align-items:center;gap:12px;margin-top:14px}.deposit-message>span{font-size:23px;color:#52855b}.deposit-message strong{font-weight:500;display:block}.deposit-message small{font-size:8px;color:#72866b}.demo-result-line{font-size:9px;color:#36623f;margin-top:15px;opacity:0;transition:opacity .7s}.cinematic[data-beat="2"] .demo-result-line{opacity:1}.invoice{background:#fff9;padding:13px 15px;border:1px solid #d4dcca;border-radius:5px}.invoice>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:5px 0}.invoice>div small{font-size:8px;color:#7a8a71}.invoice .invoice-total{border-top:1px solid #c8d7be;margin-top:7px;padding-top:10px}.invoice-total strong{font-size:23px;font-weight:400}.invoice-status{font-size:9px;color:#577653;margin-top:15px}.note-card{padding:18px;background:#fcf5d9;border:1px solid #e3d6a8;border-radius:5px;transform:rotate(-1deg);box-shadow:5px 8px 17px #78793612;margin:13px 0}.note-card small{font-size:8px;color:#9a8457;display:block}.note-card strong{font-size:14px;font-weight:400;display:block;margin-top:8px;color:#615d3c}.sync-track{display:flex;align-items:center;gap:9px;font-size:9px;color:#73916d;margin-top:19px}.sync-track i{width:70px;height:2px;background:#c6d6bf;position:relative;overflow:hidden}.sync-track i:after{content:'';position:absolute;inset:0;background:#54865a;transform:translateX(-100%);transition:transform 1.6s}.cinematic[data-beat="2"] .sync-track i:after{transform:translateX(0)}.update-box{display:flex;align-items:center;gap:14px;padding:15px;background:#fff8;border:1px solid #cbd8c2;border-radius:7px;margin:12px 0}.update-box>span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#215247;color:#dac087;font-size:26px}.update-box strong{font-size:13px;font-weight:500}.update-box small{display:block;font-size:9px;color:#819071}.update-meter{height:4px;background:#cbd7c1;margin:17px 0;width:85%;border-radius:2px;overflow:hidden}.update-meter i{display:block;height:100%;width:15%;background:#518760;transition:width 2s ease}.cinematic[data-beat="1"] .update-meter i{width:56%}.cinematic[data-beat="2"] .update-meter i{width:100%}.update-text{font-size:8px;color:#6a8563}#demo-phone>small{font-size:7px;letter-spacing:.8px;color:var(--gold)}#demo-phone h3{font-size:18px;line-height:1.2;margin:10px 0 15px}.phone-panel{background:#2d6357;border:1px solid #63947640;padding:12px 10px;border-radius:8px;font-size:10px;color:#e6ebd9}.phone-panel strong{display:block;font-size:17px;font-weight:500;color:var(--gold);margin-bottom:4px}.phone-panel small{display:block;font-size:8px;color:#bdd0bc;margin-top:7px}.phone-line{font-size:9px;border-bottom:1px solid #709c7b30;padding:12px 1px;color:#c3d5bf}.phone-line>span{color:var(--gold);padding-right:6px}.phone-confirm{font-size:8px;color:#c8dfaa;border:1px solid #7aac683b;border-radius:4px;background:#54885a20;padding:8px;margin-top:12px;opacity:0;translate:0 8px;transition:opacity .7s,translate .7s}.cinematic[data-beat="2"] .phone-confirm{opacity:1;translate:0 0}.cinema-toolbar{position:absolute;bottom:0;left:3%;right:0;display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:1px;color:#b8c7b8}.cinema-toolbar button{border:1px solid #8da28355;background:#183b36;color:var(--gold);width:39px;height:39px;flex-shrink:0;border-radius:50%;font-size:18px}.cinema-toolbar #demo-restart{margin-left:auto}.cinema-mode{margin-left:auto;font-size:9px;color:#c2ae7e;letter-spacing:1.3px}.cinema-controls{padding:0 max(5%,calc((100% - 1280px)/2)) 55px;background:var(--deep)}.chapter-track{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #6f8c7444}.chapter{position:relative;display:flex;align-items:center;gap:10px;background:none;border:0;color:#98b2a5;padding:20px 8px;font-size:14px;text-align:left;overflow:hidden}.chapter>span{font-size:10px;color:#698878}.chapter>i{position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;background:var(--gold)}.chapter.active{color:var(--gold)}.chapter.active>i{transform:scaleX(var(--chapter-progress,0))}.chapter.completed>i{transform:scaleX(1);background:#678e72}.chapter.active>span{color:#c6ac75}.chapter:hover{background:#44765916}.chapter-explainer{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:20px 0 10px;border-top:1px solid #6f8c742b}.chapter-explainer>div{max-width:750px}.chapter-explainer span#chapter-label{font-size:10px;letter-spacing:1.7px;color:#b2a77a}.chapter-explainer h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;font-weight:400;margin:10px 0}.chapter-explainer p{color:#a6c0b0;font-size:15px;margin-bottom:0}.demo-action{flex-shrink:0;background:#254d3f;border:1px solid #9dae7160;color:#e4dfb7;font-size:13px;min-width:165px}.demo-action:hover{background:#315e4a}.demo-disclosure{font-size:12px;color:#869f91;margin:20px 0 0}.feature-demo-link{display:inline-block;color:var(--gold);border-bottom:1px solid #cbb97855;margin-top:22px;font-size:13px;padding-bottom:3px}.demo-workspace.stage-enter,#demo-phone.stage-enter{animation:screen-enter .65s cubic-bezier(.22,1,.36,1)}@keyframes screen-enter{from{opacity:.25;translate:0 8px}to{opacity:1;translate:0 0}}.showcase .sculpture-stage{height:430px;max-width:480px;width:100%;margin-left:auto}.showcase .sculpture-image{inset:-25px}.showcase .sculpture-coordinate{font-size:9px}.showcase .sculpture-caption{font-size:9px;left:0}.showcase .sculpture-caption button{background:var(--deep)}.cinema-hero .hero-copy:before{content:'';position:absolute;width:5px;height:58px;left:-25px;top:8px;border-radius:3px;background:var(--story-accent);opacity:.5;transition:background 1s}.motion-paused .cinematic .scene{transform:rotateX(5deg) rotateY(-13deg) rotateZ(1deg)!important}.motion-paused .demo-cursor{opacity:0}.motion-paused .reveal-ready{transition:none}
@media(min-width:1500px){.cinematic .scene{left:4%;scale:1.07;transform-origin:center}.cinematic{min-height:590px}.cinema-hero{min-height:810px}}
@media(max-width:1250px) and (min-width:1101px){.cinematic .scene{scale:.86;transform-origin:left center;left:0}.cinematic{min-height:500px}.cinema-hero h1{font-size:60px}.cinema-hero .intro{font-size:16px}.cinema-hero{min-height:690px}.cinema-toolbar{left:0}.cinema-mode{font-size:8px}}
@media(max-width:1100px){.cinema-hero{display:flex;flex-direction:column;align-items:stretch;padding-bottom:40px;min-height:unset}.cinema-hero .hero-copy{max-width:670px}.cinema-hero h1{font-size:65px}.cinema-hero .intro{max-width:490px}.cinematic{max-width:700px;width:100%;min-height:570px;margin:20px auto 0;transform:none}.cinematic .scene{left:3%;scale:1;transform-origin:left top}.cinema-toolbar{right:0;left:3%}.chapter{font-size:12px;gap:7px;padding:18px 4px}.chapter-explainer h2{font-size:23px}.chapter-explainer p{font-size:14px}.showcase .sculpture-stage{height:390px}}
@media(max-width:850px){.cinematic{width:640px;max-width:100%;min-height:550px}.cinematic .scene{scale:.92;left:0}.chapter-track{grid-template-columns:repeat(3,1fr)}.chapter{padding:16px 8px;border-bottom:1px solid #6f8c7425;font-size:13px}.chapter-explainer{align-items:flex-start}.showcase .sculpture-stage{margin:20px auto 0;height:430px;max-width:450px}.cinema-controls{padding-bottom:45px}}
@media(max-width:650px){.cinematic{height:435px;min-height:435px}.cinematic .scene{scale:.72;top:35px;left:0}.cinema-mode{font-size:8px;letter-spacing:.5px}.cinema-toolbar{font-size:10px;gap:9px}.chapter-explainer{display:block}.chapter-explainer .demo-action{margin-top:22px}.cinema-hero h1{font-size:56px}.cinema-hero .intro{font-size:17px}.cinema-hero .release-note{font-size:12px}.cinema-hero .hero-copy:before{display:none}}
@media(max-width:500px){.cinema-hero{padding-top:35px;padding-bottom:30px}.cinema-hero h1{font-size:clamp(43px,10.5vw,54px);margin:24px 0}.cinema-hero .intro{font-size:16px}.cinema-hero .actions{margin-top:22px;gap:14px}.cinema-hero .release-note{margin-top:24px}.cinematic{height:357px;min-height:357px;margin-top:20px}.cinematic .scene{scale:.55;top:32px;left:1%}.cinematic .phone{right:-2px}.cinema-toolbar{left:0;right:0;font-size:9px}.cinema-toolbar button{width:37px;height:37px}.cinema-mode{font-size:8px;letter-spacing:.4px}.cinema-controls{padding-left:6%;padding-right:6%}.chapter{font-size:12px;gap:7px}.chapter>span{font-size:9px}.chapter-explainer h2{font-size:22px}.chapter-explainer p{font-size:15px}.demo-disclosure{font-size:12px;line-height:1.8}.showcase .sculpture-stage{height:340px}.cinema-hero .hero-copy{max-width:100%}.showcase .sculpture-caption{font-size:8px}.showcase .sculpture-coordinate.top{font-size:8px}.demo-action{width:100%;font-size:14px}}
@media(max-width:370px){.cinematic .scene{scale:.47}.cinematic{height:318px;min-height:318px}.cinema-mode{font-size:7px}.cinema-toolbar{gap:6px}.cinema-hero h1{font-size:43px}.chapter{font-size:11px;padding-left:4px;gap:5px}.showcase .sculpture-stage{height:300px}}
.motion-paused .demo-workspace.stage-enter,.motion-paused #demo-phone.stage-enter{animation:none;opacity:1;translate:none}
.cinematic .phone-brand{margin-bottom:9px}.cinematic .phone{padding-top:19px}.cinematic #demo-phone h3{font-size:16px;margin:8px 0 10px}.cinematic .phone-panel{padding:9px 8px}.cinematic .phone-panel strong{font-size:15px}.cinematic .phone-line{padding:8px 1px}.cinematic .phone-confirm{padding:6px;margin-top:8px;font-size:7px}.motion-paused .demo-result,.motion-paused .phone-confirm{transition:none}
@media(max-width:500px){.cinematic .scene{scale:.51}}
@media(max-width:370px){.cinematic .scene{scale:.42}}
.cinematic .phone-panel small{margin-top:5px}.cinematic .phone-confirm{line-height:1.4}.cinematic .phone-brand{margin-bottom:7px}
.demo-workspace h3{font-size:21px;margin:6px 0 8px}.demo-workspace .demo-meta{margin-bottom:10px}.demo-summary>div{padding:7px 9px}.demo-file-row{padding:7px 8px}.cinematic[data-beat="2"] .demo-kicker>span{visibility:hidden}.cinematic .phone{height:310px;top:145px}.cinema-toolbar{bottom:-55px}.cinema-hero{padding-bottom:105px}
@media(max-width:1100px){.cinema-hero{padding-bottom:85px}}
@media(max-width:650px){.cinema-toolbar{bottom:0}.cinema-hero{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.cinematic .scene{transform:rotateX(5deg) rotateY(-13deg) rotateZ(1deg)!important}.demo-cursor{display:none}.cinematic .phone,.cinematic .laptop{transition:none!important}.demo-workspace.stage-enter,#demo-phone.stage-enter{animation:none}.chapter>i{transition:none}}