
.today-demo{border:1px solid #d5e4ec;border-radius:14px;background:#fff;overflow:hidden;color:#082433;text-align:left}.today-app-canvas{position:relative}.today-app-canvas>img{display:block;width:100%;height:auto;border-radius:0!important;box-shadow:none!important}.today-app-canvas button{position:absolute;font:inherit;color:#082433;text-align:left;border:0;background:transparent;padding:0;cursor:pointer;border-radius:10px}.today-app-canvas button:focus-visible{outline:3px solid #087ba8;outline-offset:3px}.today-basket{left:10.3%;top:59%;width:37%;height:22%}.today-note{display:block;font-size:clamp(10px,1.4vw,17px);line-height:1.5;position:absolute;top:0;left:0;right:0}.today-review{position:absolute;bottom:0;left:15%;font-size:clamp(7px,1vw,11px);padding:5px 8px;background:#eaf6fc;border:1px solid #cbdfe9;border-radius:5px}.today-todo{left:53%;top:30%;width:21%;height:17%}.today-inbox{left:75%;top:23%;width:14%;height:17%}.today-task,.today-file{display:block;position:absolute;left:5%;right:5%;top:10%;padding:9px;background:#fffffff5;border:1px solid #d6e3eb;box-shadow:0 6px 18px -10px #08243377;border-radius:7px;font-size:clamp(7px,1.1vw,13px);line-height:1.4;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.today-task-state{position:absolute;top:60%;left:7%;font-size:clamp(7px,.9vw,10px);opacity:0}.today-receipt{position:relative;display:flex;align-items:center;gap:9px;margin:0 18px 18px;padding:12px 14px;background:#f3f8fb;border:1px solid #dce8ef;border-radius:8px;min-height:48px;font-size:13px;overflow:hidden}.today-status-dot{width:6px;height:6px;border-radius:50%;background:#087ba8;flex:none}.today-load{position:absolute;bottom:0;left:0;height:2px;background:#0ea5e9;width:0}.today-demo[data-busy] .today-load{animation:today-load 5s linear forwards}.today-demo[data-stage="added"] .today-task{opacity:1;transform:none;animation:today-arrive .5s ease-out}.today-demo[data-stage="added"] [data-task-state]{opacity:1}.today-demo[data-stage="drop"] .today-file{animation:today-drop 1.4s ease-in-out both}.today-demo[data-stage="link"] .today-file,.today-demo[data-stage="filed"] .today-file{opacity:1;transform:none}.today-demo[data-stage="filed"] [data-file-state]{opacity:1}.today-demo[data-stage="review"] .today-review{background:#082433;color:#fff}.today-demo[data-stage="typing"] .today-note:after{content:'|';color:#087ba8}
@media(hover:hover){.today-todo:hover .today-task,.today-inbox:hover .today-file{opacity:1;transform:none}}
@keyframes today-load{to{width:100%}}@keyframes today-arrive{from{opacity:0;transform:translate(-45px,40px)}to{opacity:1;transform:none}}@keyframes today-drop{0%{opacity:0;transform:translate(-40px,-30px) rotate(-8deg)}25%{opacity:1}100%{opacity:1;transform:none}}
@media(max-width:650px){.today-receipt{margin:0 10px 10px;padding:10px;font-size:12px;min-height:58px}.today-task,.today-file{padding:3px}.today-review{padding:2px 3px}.today-task-state{display:none}.today-basket{border-radius:3px}.today-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.today-demo *{animation:none!important;transition:none!important}}

.today-phone-header,.today-phone-selector{display:none}.today-arrow-fix{position:absolute;left:52.45%;top:53.4%;width:1.5%;height:3.8%;background:#fff;text-align:center;font-size:clamp(10px,2vw,22px);line-height:1;color:#082433}
@media(max-width:650px){
.today-phone-header{display:block;height:145px;background:#fff url('/assets/product/today-fictional-mobile.jpg') top left/100% auto no-repeat}
.today-phone-selector{display:flex;overflow-x:auto;gap:4px;padding:4px 10px 12px;scrollbar-width:thin}.today-phone-selector button{flex:none;border:0;border-radius:8px;background:#fff;color:#466273;font:inherit;font-size:12px;min-height:44px;padding:8px 10px}.today-phone-selector button[aria-pressed="true"]{background:#edf6fb;color:#082433;font-weight:650}.today-phone-selector button:focus-visible{outline:2px solid #087ba8;outline-offset:-2px}
.today-app-canvas{height:300px;overflow:hidden;margin:0 10px 12px;border-radius:12px;background:#fff}.today-app-canvas>img{position:absolute;width:246%;max-width:none!important;height:auto;left:-22%;top:-25%}
.today-app-canvas[data-pane="focus"]>img{top:-25%}.today-app-canvas[data-pane="notes"]>img{top:-91%}.today-app-canvas[data-pane="folders"]>img{left:-126%;top:-26%}.today-app-canvas[data-pane="calendar"]{height:390px;background:#fff url('/assets/product/today-fictional-mobile.jpg') left -182px/100% auto no-repeat}.today-app-canvas[data-pane="calendar"]>img{display:none}
.today-app-canvas .today-basket,.today-app-canvas .today-todo,.today-app-canvas .today-inbox,.today-arrow-fix{display:none}
.today-app-canvas[data-pane="notes"] .today-basket{display:block;left:6%;top:24%;width:88%;height:65%;min-height:44px}.today-note{font-size:15px}.today-review{font-size:11px;padding:6px 9px;left:14%}
.today-app-canvas[data-pane="folders"] .today-todo{display:block;left:4%;top:38%;width:57%;height:45%;min-height:44px}.today-app-canvas[data-pane="folders"] .today-inbox{display:block;left:62%;top:19%;width:36%;height:43%;min-height:44px}.today-task,.today-file{font-size:12px;padding:8px}.today-task-state{display:none}
}
@media(max-width:650px){
.today-app-canvas[data-pane="focus"]{height:290px;background:#fff url('/assets/product/today-fictional-mobile-focus.png') left -180px/100% auto no-repeat}.today-app-canvas[data-pane="focus"]>img{display:none}
.today-app-canvas[data-pane="notes"]{height:260px;background:#fff url('/assets/product/today-fictional-mobile-notes.png') left -182px/100% auto no-repeat}.today-app-canvas[data-pane="notes"]>img{display:none}.today-app-canvas[data-pane="notes"] .today-basket{left:5%;top:22%;width:90%;height:32%;background:#fff}.today-note{font-size:14px}.today-review{bottom:-24px;left:23%;background:#fff;color:#082433;border:1px solid #e2e8ee}
.today-app-canvas[data-pane="folders"]{height:210px}.today-app-canvas[data-pane="folders"]>img{top:-78px}.today-app-canvas[data-pane="folders"] .today-todo{top:33%;height:60%}.today-app-canvas[data-pane="folders"] .today-inbox{top:12%;height:60%}
}
@media(max-width:650px){.today-app-canvas[data-pane="folders"]{height:190px}.today-app-canvas[data-pane="calendar"] .today-arrow-fix{display:block;left:10%;top:23px;width:22px;height:24px;font-size:24px;line-height:20px;background:#fff}.today-phone-selector{scrollbar-width:none}.today-phone-selector::-webkit-scrollbar{display:none}}

.today-file-count{display:none;position:absolute;left:83.1%;top:37.5%;width:4.6%;height:2.5%;font-size:clamp(7px,1.05vw,13px);background:#4ba3dc;text-align:right;color:#082433}.today-demo[data-stage="filed"] .today-file-count{display:block}@media(max-width:650px){.today-file-count{left:79%;top:60%;width:9%;height:12px;font-size:9px}.today-app-canvas:not([data-pane="folders"]) .today-file-count{display:none!important}}

.today-receipt{width:fit-content;max-width:calc(100% - 32px);min-height:0;margin:0 auto 16px;padding:10px 13px;gap:9px;border-radius:11px;background:#fff;box-shadow:0 4px 18px -12px #00304955;border-color:#bfdce9}.today-receipt-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.today-receipt-copy strong{font-size:12px;font-weight:650}.today-receipt-copy [data-receipt]{font-size:11px;color:#466273;line-height:1.4}.today-receipt-actions{display:none;align-items:center;gap:9px;margin-left:8px;padding-left:12px;border-left:1px solid #e1ebf0}.today-demo[data-scene="inbox"] .today-receipt-actions{display:flex}.today-receipt-actions button{font:inherit;font-size:11px;color:#607b8b;background:none;border:0;padding:3px 0;cursor:not-allowed}.today-receipt-actions:after{content:'Unavailable';font-size:9px;color:#607b8b}.today-demo[data-busy] .today-receipt{box-shadow:0 0 0 1px #0ea5e91c,0 0 16px -8px #0ea5e970}.today-load{height:2px}
@media(max-width:650px){.today-receipt{max-width:calc(100% - 20px);padding:9px 10px;gap:7px;flex-wrap:wrap}.today-receipt-actions{gap:8px;margin-left:0;padding-left:9px}.today-receipt-actions:after{display:none}.today-receipt-actions button{font-size:10px}.today-receipt-copy strong{font-size:11px}.today-receipt-copy [data-receipt]{font-size:10px}}

.today-status-ring{width:23px;height:23px;flex:none;fill:none;stroke-width:2}.ring-track{stroke:#dceaf2}.ring-progress{stroke:#0787ba;stroke-dasharray:56.55;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:center;stroke-linecap:round}.today-demo[data-busy] .ring-progress{animation:today-ring 5s linear both}.today-receipt-copy small{font-size:9px;color:#607b8b}.today-demo[data-busy] .today-receipt{animation:today-aura 2.4s ease-in-out 2}.today-receipt-actions:after{display:block!important;font-size:8px}@keyframes today-ring{from{stroke-dashoffset:56.55}to{stroke-dashoffset:0}}@keyframes today-aura{0%,100%{box-shadow:0 0 0 1px #0ea5e91c,0 0 10px -6px #0ea5e940}50%{box-shadow:0 0 0 1px #0ea5e945,0 0 16px -5px #0ea5e970}}

/* Upload-only scan: original CSS; bounded visual activity, not AI parsing. */
.today-receipt{isolation:isolate}
.today-receipt:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 34%,#0ea5e90a 43%,#0ea5e925 49%,#0ea5e90a 55%,transparent 64%);transform:translateX(-100%)}
.today-demo[data-stage="drop"] .today-receipt:before{animation:today-upload-scan 1.4s cubic-bezier(.22,.61,.36,1) 1 both}
@keyframes today-upload-scan{0%{opacity:0;transform:translateX(-100%)}15%,80%{opacity:1}100%{opacity:0;transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.today-receipt:before{display:none!important;animation:none!important}.today-demo[data-busy] .today-receipt{animation:none!important;box-shadow:0 4px 18px -12px #00304955}}
