:root{--accent:#31175c;--accent-ink:#2d1456;--lime:#c4aee7;--paper:#f8f5ff;--canvas:#f1ebf9;--ink:#1d1924;--ink-soft:#4e465a;--line:#dedbe3;--line-strong:#cdc8d4;--focus-ring:#bd5d91}
body{background:#f8f5ff}.site-header{min-height:68px;background:rgba(247,247,242,.95);border-bottom:1px solid #dedbe3}.header-inner{max-width:1160px}.brand-mark{background:#2c1651;color:#dbcef0;border-radius:8px;font-style:normal}.brand-name{letter-spacing:-.04em}.nav-link{font-size:13px;font-weight:600;color:#453c54}.nav-cta{font-size:13px;min-height:38px;background:#261a39}.theme-toggle{border-color:#bfb9c8}
.demo-intro{background:#f8f5ff;padding:78px 0 46px}.demo-intro .wrap{max-width:1080px}.demo-eyebrow{color:#48316d;font-size:11px;font-weight:800;letter-spacing:.14em;margin:0 0 18px}.demo-eyebrow span{display:inline-block;width:4px;height:4px;background:#c5689a;border-radius:50%;vertical-align:3px;margin:0 7px}.demo-intro h1{font-size:clamp(46px,6vw,74px);font-weight:700;letter-spacing:-.06em;margin:0 0 15px}.demo-intro h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#31165e;letter-spacing:-.065em}.demo-intro p:last-child{font-size:17px;color:#60576e;max-width:620px;line-height:1.5}
.theater{background:#f1ebfa;color:#1d1924;padding:0 0 100px}.theater-title{font-size:clamp(33px,4vw,52px);color:#1d1924;text-align:left;letter-spacing:-.05em}.theater-sub{text-align:left;color:#625971;font-size:17px;max-width:660px;margin:0 0 35px}.theater-sub a{color:#554570}.theater-narrow{max-width:1080px}.console{background:#221733;border:1px solid #4b3f5e;color:#f5f2f9;box-shadow:0 22px 55px rgba(26,68,45,.16);border-radius:20px;padding:29px}.console-head{border-color:#4f465f}.console-kicker{color:#c0b7ce}.console-title{font-size:25px}.connected-badge{background:#2f2245;border-color:#5e5371;color:#e4dfed}.green-dot{background:#d2c2ec}.demo-flag{background:#2c1f40;border-color:#5b4e6f;color:#dfdae8}.txn-tabs{border-bottom:1px solid #4f465f;gap:5px;padding-bottom:13px}.txn-tab{background:transparent;border-color:transparent;color:#c3bcce;border-radius:9px;font-size:14px}.txn-tab:hover{background:#382a4f}.txn-tab.active{background:#efebf6;color:#291d3d;border-color:#efebf6}.steps-bar .step-text{color:#cac3d6}.step-dot{background:#5f566e;border:0}.step-dot.active{background:#c4aee7}.step-dot.done{background:#bdaed6}.step-sep{color:#7e7391}
.voice-panel{background:radial-gradient(ellipse 50% 100% at 0 0,rgba(181,242,175,.2),transparent 80%),linear-gradient(135deg,#352155,#251a38);border:1px solid #665384;border-radius:17px}.voice-panel::before{background:radial-gradient(ellipse 40% 100% at 90% 0,rgba(145,221,167,.11),transparent 80%)}.wave span{background:#d9ccee}.voice-instruction{color:#d6cde5}.mic-btn,.sync-btn{background:#c4aee7;border-color:#c4aee7;color:#261b39}.mic-btn:hover,.sync-btn:hover{filter:brightness(1.07)}.voice-support{color:#c8c1d4}.voice-opts{border-color:rgba(255,255,255,.2)!important}.opt select{background:#2e1f46;border-color:#746788}.opt-check input{accent-color:#c4aee7}.examples-label{color:#bbb2c9}.chip{background:#2f2342;border-color:#594e6c;color:#e7e2ef;border-radius:9px}.chip:hover{border-color:#cbbde1;background:#3c2e52}.txn-form{border-color:#4f465f}.field label{color:#c3bdcd}.field input,.field select{background:#2d2240;border-color:#675e77;border-radius:9px}.field input:focus,.field select:focus{border-color:#c4aee7;box-shadow:0 0 0 3px rgba(216,240,165,.18)}.field input::placeholder{color:#a49cb1}.mini-btn{border-color:#887e99;border-radius:9px}.mini-btn:hover{background:#f0ebf7;color:#231736;border-color:#f0ebf7}.sync-btn{border-radius:9px}.sync-btn .arrow{color:#261b39}.shortcuts{color:#bbb5c5}.kbd{background:#2e2143}.validation{background:#2f2146;border-color:#63537e}.valid-icon{background:#d0c2e8}.valid-conf{color:#d0c2e8}.validation.blocked{background:#482b3b}.erp-activity{border-color:#4f465f}.erp-head h3{color:#bfb7cd}.erp-event{background:#2d2240;border-color:#5b516c}.erp-icon{background:#c4aee7}.erp-details{color:#c8c0d6}.badge{border-color:#857a97;color:#d4cfdd}.erp-sim,.theater .erp-sim{color:#beb7c9}.outbox-card{border-color:#847995}.outbox-item{background:#2d2240;border-color:#5b516c}
.shift{background:#f8f5ff;padding:110px 0}.shift .section-label{color:#452f6a;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.shift h2{letter-spacing:-.05em}.metric,.audit-wrap{border-color:#dedbe3;border-radius:16px}.metric-num{color:#271b3a}.metric-bar>span{background:#3d216a}.audit-wrap .mini-btn{background:#faf6ff;color:#2d1f44;border-color:#c6bfd0}.audit-wrap .mini-btn:hover{background:#e6e2ed}.audit-item{background:#f5f4f7}
.demo-end{background:#2d1d47;color:#fff;padding:75px 0}.demo-end .wrap{max-width:1080px;display:flex;align-items:end;justify-content:space-between;gap:30px}.demo-end .demo-eyebrow{color:#d4c9e5}.demo-end h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.05em;margin:0 0 8px}.demo-end p:not(.demo-eyebrow){color:#d2ccdc;margin:0}.demo-end a{background:#c4aee7;color:#271b3a;text-decoration:none;padding:15px 20px;border-radius:8px;font-size:14px;font-weight:750;white-space:nowrap}.demo-end a:hover{background:#e0d5f3}.demo-footer{background:#221636;color:#cac2d8;padding:20px 0;font-size:11px}.demo-footer .wrap{max-width:1080px;display:flex;justify-content:space-between;gap:20px}.demo-footer a{color:#e4dcf2}
body.theme-dark,body[data-theme="dark"]{--paper:#191421;--canvas:#251e30;--card:#272032;--ink:#efebf5;--ink-soft:#d7d2de;--line:#443b53;--line-strong:#6f6480;background:#191421}body.theme-dark .site-header,body[data-theme="dark"] .site-header{background:rgba(18,35,29,.95)}body.theme-dark .demo-intro,body[data-theme="dark"] .demo-intro,body.theme-dark .theater,body[data-theme="dark"] .theater,body.theme-dark .shift,body[data-theme="dark"] .shift{background:#191421}body.theme-dark .theater-title,body[data-theme="dark"] .theater-title,body.theme-dark .demo-intro h1,body[data-theme="dark"] .demo-intro h1{color:#f0ecf7}body.theme-dark .demo-intro h1 em,body[data-theme="dark"] .demo-intro h1 em{color:#cebfe6}body.theme-dark .theater-sub,body[data-theme="dark"] .theater-sub,body.theme-dark .demo-intro p:last-child,body[data-theme="dark"] .demo-intro p:last-child{color:#cac5d3}body.theme-dark .metric-num,body[data-theme="dark"] .metric-num{color:#e3daf2}body.theme-dark .nav-cta,body[data-theme="dark"] .nav-cta{background:#c4aee7;color:#261a39}
@media(max-width:760px){.demo-intro{padding:55px 0 30px}.theater{padding-bottom:70px}.console{padding:20px}.shift{padding:70px 0}.demo-end .wrap{flex-direction:column;align-items:start}.demo-footer .wrap{flex-wrap:wrap}.site-nav .nav-link{display:none}}
@media(max-width:480px){.demo-intro h1{font-size:47px}.demo-intro p:last-child{font-size:15px}.theater-title{font-size:34px}.theater-sub{font-size:15px}.console-head{gap:15px}.connected-badge{white-space:normal}.erp-event{flex-wrap:wrap}.erp-time{margin-left:0}.badge{margin-left:auto}.demo-end a{width:100%;text-align:center}}
/* Shared lavender-blush product palette. */
:root{--accent:#7656bc;--accent-ink:#6548aa;--lime:#edd6f8;--paper:#f8f5ff;--canvas:#f1ebfa;--ink:#29243c;--ink-soft:#635b72;--line:#e4dcec;--line-strong:#cec4dc;--focus-ring:#d581af}
body,.demo-intro,.shift{background:linear-gradient(125deg,#f3f1ff 0%,#fbf4fb 55%,#fff1f5 100%)}.site-header{background:rgba(248,245,255,.92);border-color:#e2d9ec;backdrop-filter:blur(18px)}.brand-mark{background:#6c53ad;color:#f4e4ff}.nav-cta{background:#302746;color:#fff}.nav-cta:hover{background:#6b53ad}.demo-intro h1 em{color:#6852b2}.demo-eyebrow{color:#765eae}.demo-eyebrow span{background:#df94b7}.theater{background:#f1ebfa}.theater-title{color:#2a253d}.theater-sub{color:#655d73}.console{background:#282039;border-color:#594d70}.voice-panel{background:radial-gradient(ellipse 55% 100% at 0 0,rgba(216,190,255,.2),transparent 80%),linear-gradient(135deg,#3a2e59,#28253f);border-color:#796399}.voice-panel::before{background:radial-gradient(ellipse 40% 100% at 90% 0,rgba(255,205,228,.13),transparent 80%)}.wave span{background:#f0c7ed}.mic-btn,.sync-btn{background:#efd4f6;border-color:#efd4f6;color:#302746}.sync-btn .arrow{color:#302746}.opt-check input{accent-color:#dcb8ec}.step-dot.active{background:#e6b8e7}.erp-icon{background:#e6c4f1}.demo-end{background:#322748}.demo-end a{background:#efd4f6;color:#302746}.demo-footer{background:#241b38}
body.theme-dark .demo-intro,body[data-theme="dark"] .demo-intro,body.theme-dark .shift,body[data-theme="dark"] .shift,body.theme-dark .theater,body[data-theme="dark"] .theater{background:#1d1929}body.theme-dark .demo-intro h1 em,body[data-theme="dark"] .demo-intro h1 em{color:#dbbdec}
body,.demo-intro,.shift{background:linear-gradient(130deg,#e0deee 0%,#ebe2ec 53%,#f0e3e4 100%)}
.site-header{background:rgba(235,229,239,.88)}
body.theme-dark .demo-intro,body[data-theme="dark"] .demo-intro,body.theme-dark .shift,body[data-theme="dark"] .shift{background:#1d1929}
.demo-header .brand-symbol{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:3px}
.demo-header .brand-symbol i{display:block;width:3px;height:10px;border-radius:3px;background:#6854b7}
.demo-header .brand-symbol i:nth-child(2){height:20px}
.demo-header .brand-symbol i:nth-child(3){height:14px}
.demo-header .brand-symbol i:nth-child(4){height:24px}
.demo-intro{padding:72px 0 46px;background:linear-gradient(128deg,#e4e2f0 0%,#f3ebf2 50%,#f3e4e7 100%)}
.demo-intro h1{font-weight:750;letter-spacing:-.07em}
.theater{padding-top:0}
.console{border-radius:12px;box-shadow:0 22px 45px rgba(37,29,56,.12)}
@media(max-width:760px){.demo-intro{padding:55px 0 34px}}