:root{color-scheme:dark;--bg:#161329;--text:#f7f4ff;--muted:#bbb6ce;--gold:#f3ce84;--teal:#a5eee0;--paper:#fffcf7;--ink:#25243a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 'DM Sans',sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button:disabled{cursor:default}a{color:inherit}.ambient{position:absolute;inset:0 0 auto;height:1100px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#48306580 0,transparent 58%),radial-gradient(ellipse at 90% 20%,#1f6a6630,transparent 35%)}.topbar{max-width:1540px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff10}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.4px}.brand b{font-weight:400;color:var(--gold)}.brand-mark{font-size:27px;color:var(--gold)}.for-client{font-size:12px;color:var(--muted);letter-spacing:1.3px}.for-client strong{color:var(--text);font-weight:600;margin-left:6px}.demo-label{border:1px solid #ffffff2b;border-radius:30px;padding:7px 12px;font-size:12px;color:#e2dbef}main{max-width:1540px;margin:auto;padding:0 48px}.intro{text-align:center;padding:46px 0 28px}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:600;color:var(--teal)}h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,4.05vw,62px);line-height:1.12;letter-spacing:-1.6px;font-weight:500;margin:18px 0}h1 em{color:var(--gold);font-weight:500}.intro>p{color:var(--muted);margin:16px 0 22px;line-height:1.6}.actions{display:flex;gap:22px;justify-content:center;align-items:center}.primary{border:0;background:var(--gold);color:#282035;border-radius:9px;font-weight:700;padding:14px 22px;box-shadow:0 0 28px #efc37a18;transition:background .2s,transform .2s}.primary:hover{background:#ffe0a6;transform:translateY(-2px)}.primary span{margin-right:8px}.quiet{background:none;border:0;border-bottom:1px solid #f3ce8480;color:var(--gold);padding:5px 0;font-size:14px}.intro .access-note{margin:11px 0 0;font-size:12px;color:#aaa3bf}.theatre{position:relative;padding:22px 26px 0;border:1px solid #9f8ab72f;border-radius:20px;background:linear-gradient(135deg,#ffffff06,#291e431a);box-shadow:0 25px 80px #06051030}.scene-header{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:24px}.scene-number{font-size:11px;letter-spacing:1.8px;color:#c2b7d3}.play-controls{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}#skip{color:var(--gold);background:transparent;border:0;border-bottom:1px solid #f3ce8440;font-size:13px;padding:0}.scene-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:center;gap:12px;padding:26px 0 20px}.mail-window{background:#fff;color:var(--ink);border-radius:12px;box-shadow:0 15px 40px #04031240;transform:rotate(-1.8deg);transition:transform .7s,box-shadow .7s,opacity .4s;min-width:0}.mail-toolbar{display:flex;align-items:center;gap:8px;padding:13px 18px;background:#f6f7fa;border-bottom:1px solid #ececf0;border-radius:12px 12px 0 0;font-size:16px;color:#555367}.gmail-icon{width:25px;height:20px}.mail-counter{margin-left:auto;font-size:11px;background:#e8efff;color:#335888;border-radius:5px;padding:3px 6px}.mail-body{padding:20px}.mail-tag{font-size:10px;color:#747487;letter-spacing:1.4px}.mail-body h2{font-size:19px;line-height:1.3;margin:9px 0 16px;font-weight:700}.sender{display:flex;align-items:center;gap:9px;margin-bottom:16px}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#eeebf8;color:#6d5b91;font-size:11px}.sender strong{display:block;font-size:12px}.sender small{display:block;color:#7a7a8b;font-size:11px}.mail-time{margin-left:auto;font-size:11px;color:#888797}.mail-copy{font-size:14px;line-height:1.6}.mail-copy p{margin:9px 0}.mail-copy mark{background:#ffebc5;padding:1px 4px;border-radius:3px;color:#533b14}.attachments{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:19px}.attachment{border:1px solid #e9e7ee;background:#fcfbfe;border-radius:7px;padding:9px;display:flex;align-items:center;gap:7px;min-width:0;transition:transform .6s,box-shadow .6s,border .6s}.file-icon{font-size:9px;border:1px solid #e9c4c1;color:#c66561;padding:8px 3px;border-radius:3px;background:#fff3f1}.sheet-icon{border-color:#b8d8ca;background:#f0faf4;color:#4a9070}.attachment strong{display:block;font-size:11px}.attachment small{display:block;font-size:10px;color:#898497}.source-foot{font-size:11px;color:#93909f;border-top:1px solid #eee;padding-top:11px;margin-top:16px}.automation{position:relative;text-align:center;align-self:center;min-width:0}.magic-core{position:relative;width:152px;height:152px;margin:0 auto 14px;display:grid;place-items:center}.orbit{position:absolute;inset:5px;border:1px solid #f3ce8460;border-radius:50%}.orbit-one{transform:rotate(-20deg) scaleY(.76)}.orbit-two{inset:18px;border-color:#a5eee057;transform:rotate(37deg) scaleX(.79)}.core-glow{position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle,#f3ce8425,#ad80dd10 55%,transparent);box-shadow:0 0 55px #c394db25,inset 0 0 25px #f3ce8410}.core-star{font-size:66px;color:var(--gold);text-shadow:0 0 22px #f3ce8440;line-height:1}.orbit-point{position:absolute;width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px var(--gold)}.point-one{top:22px;right:27px}.point-two{bottom:25px;left:23px;background:var(--teal);box-shadow:0 0 10px var(--teal)}.engine-name{font-size:14px;font-weight:600}.engine-caption{font-size:12px;color:var(--muted);margin:4px 0 15px;min-height:36px}.steps{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.steps span{font-size:10px;border:1px solid #ffffff1c;border-radius:20px;padding:3px 7px;color:#b7a9c9;transition:all .4s}.steps .active{border-color:var(--gold);color:var(--gold);background:#f3ce8415}.steps .done{color:var(--teal);border-color:#a5eee044}.incoming-stream,.outgoing-stream{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#f3ce8490);top:82px;width:55px;left:-38px}.outgoing-stream{left:auto;right:-38px;background:linear-gradient(90deg,#a5eee090,transparent)}.incoming-stream i,.outgoing-stream i{position:absolute;top:-2px;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:0}.outgoing-stream i{background:var(--teal)}.order-card{color:var(--ink);background:var(--paper);border-radius:12px;transform:rotate(1.4deg);box-shadow:0 15px 50px #04031250,0 0 0 1px #f3ce8440;transition:transform .7s,opacity .6s,box-shadow .7s;min-width:0}.order-ribbon{padding:12px 18px;display:flex;justify-content:space-between;background:#f1e4cf;color:#715c38;border-radius:12px 12px 0 0;font-size:10px;letter-spacing:1.7px}.order-ribbon>span:last-child{font-size:15px;line-height:1}.order-content{padding:20px}.order-heading{display:flex;justify-content:space-between;align-items:center}.order-id{font-size:10px;letter-spacing:1.4px;color:#888174}.order-heading h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:25px;line-height:1.3;margin:5px 0 11px}.card-seal{display:grid;place-items:center;width:35px;height:35px;border:1px solid #a6c4b8;border-radius:50%;color:#488775;background:#eef6ee;font-size:18px}.status-pill{font-size:11px;border:1px solid #dcc69e;background:#fbf2df;color:#786039;border-radius:20px;padding:4px 9px;display:inline-block}.order-fields{margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;border-bottom:1px solid #e8e0d4;padding-bottom:16px}.order-fields span{display:block;font-size:11px;color:#8c867e;margin-bottom:3px}.order-fields strong{font-size:13px;display:block;font-weight:600}.order-fields small{display:block;font-size:10px;color:#777369;font-weight:400;margin-top:2px}.resolved,.exception{display:flex;align-items:flex-start;gap:8px;margin:10px 0}.resolved>span{color:#498970;font-size:15px}.resolved strong,.exception strong{font-size:11px;display:block}.resolved small,.exception small{font-size:10px;color:#777167;display:block;line-height:1.5}.exception{padding:9px;background:#f5eee4;border-radius:6px}.exception>span{border:1px solid #b69b64;color:#9c7737;font-size:10px;border-radius:50%;width:16px;height:16px;flex-shrink:0;text-align:center;font-weight:700}.card-button{margin-top:5px;padding:11px 10px;background:#272139;color:#fff9eb;border:0;width:100%;border-radius:6px;font-size:12px;font-weight:500}.card-button:hover{background:#453653}.story-strip{display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;border-top:1px solid #ffffff13;padding:14px 6px;font-size:13px;color:var(--muted);text-align:center}.story-strip strong{color:#eee7f8;font-weight:500}.story-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;flex-shrink:0}.exchange{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(380px,80%);padding:18px 21px;background:#fff8ea;color:#473b33;border:1px solid var(--gold);border-radius:12px;box-shadow:0 16px 80px #0d061fb0;z-index:3;animation:arrive .4s ease-out}.exchange-label{font-size:10px;letter-spacing:1.5px;color:#957c47}.exchange p{font-size:14px;line-height:1.6;margin:8px 0 0}.outcome{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 30px;max-width:980px;margin-left:auto;margin-right:auto}.outcome>div{padding:0 30px}.outcome>div+div{border-left:1px solid #ffffff20}.outcome-label{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.outcome-label.gold{color:var(--gold)}.outcome p{margin:7px 0;color:#e1dbea;font-size:14px;line-height:1.7}footer{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #ffffff12;padding:18px 0 24px;color:#a69fb9;font-size:11px}footer p{max-width:800px;margin:0}footer>span{white-space:nowrap}footer a{text-underline-offset:3px;color:#d8c5e6}dialog{padding:0;width:min(860px,calc(100vw - 32px));max-height:88vh;background:var(--paper);color:var(--ink);border:1px solid #f3ce8480;border-radius:17px;box-shadow:0 30px 120px #09041690}dialog::backdrop{background:#100c20c9;backdrop-filter:blur(9px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 30px;border-bottom:1px solid #e6dfd4;background:#f6efdf}.dialog-header .eyebrow{color:#8b7348;font-size:10px}.dialog-header h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:30px;line-height:1.25;margin:9px 0 0}.close-dialog{color:var(--ink);border:1px solid #d9d0c1;background:none;font-size:27px;border-radius:50%;width:38px;height:38px;line-height:1;flex-shrink:0}.package-body{padding:26px 30px}.package-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.package-summary h3{font:600 27px/1.3 'Playfair Display',Georgia,serif;margin:5px 0}.package-summary p{font-size:14px;color:#777169;margin:5px 0}.package-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0;padding:22px 0;border-block:1px solid #e6dfd4}.package-fields dt{color:#80756c;font-size:12px;margin-bottom:4px}.package-fields dd{font-size:15px;font-weight:500;margin:0}.decision-box{padding:16px 18px;background:#f4e9d5;border-left:3px solid #c8a55d;border-radius:5px}.package-body h3{font-size:16px;margin:0 0 7px}.decision-box p,.response-box p{font-size:14px;line-height:1.7;margin:0}.response-box{margin:25px 0;padding:19px;border:1px solid #e7e1d6;border-radius:8px;background:#fff}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title span{font-size:10px;color:#84796b;letter-spacing:1px}.response-box p{margin:10px 0 0}.sources{border:1px solid #ddd6cb;border-radius:8px;padding:14px 17px}.sources summary{font-size:14px;font-weight:600;cursor:pointer}.source-row{margin-top:16px}.source-row b{font-size:13px;color:#675c72}.source-row p,.source-note{font-size:13px;line-height:1.65;margin:4px 0}.source-note{color:#83796d;padding-top:10px;border-top:1px solid #eee;margin-top:15px}.package-disclaimer{font-size:12px;line-height:1.7;color:#8c8070;margin:18px 0 0}
.theatre.running .mail-window{transform:rotate(-2deg) translateY(-3px);box-shadow:0 0 35px #a99ce440}.theatre.running .core-star{animation:pulse 2.2s ease-in-out infinite}.theatre.running .orbit-one{animation:orbit 6s linear infinite}.theatre.running .orbit-two{animation:orbitBack 8s linear infinite}.theatre.running .incoming-stream i{animation:flow 1.4s linear infinite}.theatre.running .outgoing-stream i{animation:flow 1.4s linear infinite}.incoming-stream i:nth-child(2),.outgoing-stream i:nth-child(2){animation-delay:.28s}.incoming-stream i:nth-child(3),.outgoing-stream i:nth-child(3){animation-delay:.56s}.incoming-stream i:nth-child(4),.outgoing-stream i:nth-child(4){animation-delay:.84s}.incoming-stream i:nth-child(5),.outgoing-stream i:nth-child(5){animation-delay:1.12s}.theatre.running .order-card{opacity:.2;transform:rotate(3deg) scale(.96);filter:blur(1px)}.theatre[data-phase="combine"] .attachment{border-color:#b5a2d8;box-shadow:0 0 12px #ac97d840;transform:translateY(-5px)}.theatre[data-phase="done"] .order-card{animation:cardArrive .8s ease-out;box-shadow:0 10px 60px #f3ce842c,0 0 0 1px #f3ce8490}.theatre[data-phase="done"] .card-seal{animation:seal .6s ease-out}.theatre[data-phase="done"] .orbit{border-color:#a5eee080}
@keyframes flow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}@keyframes orbit{from{transform:rotate(-20deg) scaleY(.76)}to{transform:rotate(340deg) scaleY(.76)}}@keyframes orbitBack{from{transform:rotate(37deg) scaleX(.79)}to{transform:rotate(-323deg) scaleX(.79)}}@keyframes pulse{50%{transform:scale(1.15);text-shadow:0 0 40px #f3ce8480}}@keyframes cardArrive{from{transform:translateY(20px) rotate(3deg) scale(.95);opacity:.35}to{transform:rotate(1.4deg);opacity:1}}@keyframes seal{from{transform:scale(.4) rotate(-30deg)}to{transform:scale(1)}}@keyframes arrive{from{opacity:0;transform:translate(-50%,-44%)}to{opacity:1;transform:translate(-50%,-50%)}}
.data-magic{position:absolute;inset:0;pointer-events:none;z-index:2}.data-magic span{position:absolute;left:50%;top:55px;white-space:nowrap;border:1px solid #eac68970;background:#322743;color:#ffde9c;border-radius:6px;padding:5px 10px;font-size:12px;opacity:0}.theatre[data-phase="read"] .mail-window{animation:mailArrive .7s ease-out}.theatre[data-phase="combine"] .data-magic span{animation:transfer 1.6s ease-in-out both}.theatre[data-phase="combine"] .data-magic span:nth-child(2){animation-delay:.15s;top:89px}.theatre[data-phase="combine"] .data-magic span:nth-child(3){animation-delay:.3s;top:18px}.theatre[data-phase="combine"] .data-magic span:nth-child(4){animation-delay:.4s;top:125px;color:#ffd3a5;border-color:#ffd3a5}.theatre[data-phase="prepare"] .order-fields>div{animation:fieldAppear .7s both}.theatre[data-phase="prepare"] .order-fields>div:nth-child(2){animation-delay:.15s}.theatre[data-phase="prepare"] .order-fields>div:nth-child(3){animation-delay:.3s}.theatre[data-phase="prepare"] .order-fields>div:nth-child(4){animation-delay:.45s}.theatre[data-phase="prepare"] .order-card{opacity:1;filter:none;transform:rotate(1.4deg)}
@keyframes mailArrive{from{opacity:0;transform:translateX(-32px) rotate(-6deg)}to{opacity:1;transform:rotate(-1.8deg)}}@keyframes transfer{0%{transform:translateX(-140px) scale(.9);opacity:0}20%{opacity:1}55%{transform:translateX(-50%) scale(1);opacity:1}100%{transform:translateX(100px) scale(.85);opacity:0}}@keyframes fieldAppear{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
.brand,.for-client,.demo-label,.eyebrow,.scene-number,.play-controls,.access-note,.mail-counter,.mail-tag,.avatar,.sender small,.mail-time,.file-icon,.attachment small,.source-foot,.steps span,.order-ribbon,.order-id,.status-pill,.order-fields small,.resolved small,.exception small,.exchange-label,.outcome-label,footer,.dialog-header .eyebrow,.section-title span{font-size:12px!important}
.mail-copy,.intro>p,.outcome p,.package-fields dd,.decision-box p,.response-box p,.exchange p{font-size:16px}.sender strong,.attachment strong,.engine-name,.engine-caption,.order-fields span,.resolved strong,.exception strong,.card-button,.story-strip,.sources summary,.package-fields dt{font-size:14px}.order-fields strong{font-size:16px}.engine-caption{min-height:44px}.steps{gap:6px}.source-row p,.source-row b,.source-note{font-size:14px}
[hidden]{display:none!important}
@media(min-width:1500px){.scene-grid{grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:30px}.mail-body,.order-content{padding:26px}.mail-copy{font-size:16px}.mail-body h2{font-size:22px}.order-fields strong{font-size:15px}.order-fields span,.resolved strong,.exception strong{font-size:12px}.resolved small,.exception small,.order-fields small{font-size:11px}.card-button{font-size:14px}}
@media(max-width:1150px){main{padding:0 24px}.topbar{padding:20px 24px}.scene-grid{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:10px}.theatre{padding:18px 16px 0}.mail-body,.order-content{padding:16px}.attachments{grid-template-columns:1fr}.magic-core{width:130px;height:130px}.incoming-stream,.outgoing-stream{width:30px;left:-14px}.outgoing-stream{left:auto;right:-14px}.scene-header{align-items:flex-start}.play-controls{max-width:235px;text-align:right}.for-client{font-size:10px}.order-fields{gap:10px}.intro{padding-top:35px}}
@media(max-width:820px){main{padding:0 18px}.topbar{padding:17px 18px;flex-wrap:wrap;gap:10px}.for-client{order:3;width:100%;text-align:center;padding-top:5px}.brand{font-size:10px}.brand-mark{font-size:23px}.demo-label{font-size:10px;padding:5px 8px}.intro{padding:29px 0 22px}.eyebrow{font-size:10px;letter-spacing:1.6px}h1{font-size:40px;letter-spacing:-1px}.intro>p{font-size:14px;max-width:430px;margin:15px auto 20px}.desktop-break{display:none}.actions{gap:18px;flex-direction:column}.primary{padding:13px 24px}.intro .access-note{margin-top:12px;font-size:10px}.scene-header{flex-direction:column;gap:8px}.scene-number{font-size:9px;letter-spacing:1.5px}.play-controls{text-align:left;max-width:none;font-size:11px}.scene-grid{grid-template-columns:1fr;gap:24px;padding-top:22px}.mail-window{transform:rotate(-1deg)}.mail-body{padding:18px}.mail-body h2{font-size:20px}.mail-copy{font-size:14px}.attachments{grid-template-columns:1fr 1fr}.automation{display:flex;flex-direction:column;align-items:center}.magic-core{width:105px;height:105px;margin-bottom:5px}.core-star{font-size:47px}.core-glow{inset:22px}.orbit-two{inset:14px}.engine-name{font-size:13px}.engine-caption{min-height:0;margin-bottom:9px}.incoming-stream,.outgoing-stream{display:none}.steps{max-width:none}.steps span{font-size:10px}.order-card{transform:rotate(1deg)}.order-content{padding:20px}.order-heading h2{font-size:27px}.order-fields strong{font-size:14px}.order-fields span{font-size:12px}.order-fields small,.resolved small,.exception small{font-size:11px}.resolved strong,.exception strong{font-size:12px}.card-button{font-size:13px}.story-strip{font-size:12px;line-height:1.7;text-align:left;padding:15px 0}.story-dot{align-self:flex-start;margin-top:8px}.exchange{top:48%;width:calc(100% - 24px);padding:16px}.outcome{grid-template-columns:1fr;margin:23px 0;gap:18px}.outcome>div{padding:0 6px}.outcome>div+div{border:0;border-top:1px solid #ffffff15;padding-top:17px}.outcome p{font-size:14px}.outcome-label{font-size:10px}footer{flex-direction:column;align-items:flex-start;gap:12px;line-height:1.7;font-size:11px}.dialog-header,.package-body{padding:20px}.dialog-header h2{font-size:24px}.package-summary{align-items:flex-start;flex-direction:column;gap:10px}.package-fields{grid-template-columns:1fr;gap:15px;padding:17px 0}.package-fields dd{font-size:14px}.section-title{flex-direction:column;align-items:flex-start;gap:0}.section-title span{font-size:9px}.theatre.running .order-card{filter:none;opacity:.35}.theatre.running .mail-window{transform:rotate(-1deg)} }
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff;color:#000}.ambient,.topbar,main,dialog::backdrop,.close-dialog{display:none}dialog[open]{position:static;max-height:none;width:100%;border:0;box-shadow:none}.package-body{padding:12px}.dialog-header{padding:12px}.sources{display:none}}