.phone-showcase{--showcase-progress: 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center}.phone-showcase [hidden]{display:none!important}.showcase-narrative{min-width:0}.showcase-device{display:flex;justify-content:center;padding-block:12px}.showcase-phone{width:min(100%,340px);aspect-ratio:340 / 692;border:2px solid #51525b;border-radius:48px;padding:7px;background:#08090b;position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.showcase-phone:before{content:"";position:absolute;inset:5px;border:1px solid #28292d;border-radius:42px;pointer-events:none;z-index:4}.showcase-hardware{position:absolute;width:88px;height:24px;border-radius:16px;background:#08090b;top:17px;left:50%;transform:translate(-50%);z-index:5}[data-device=android] .showcase-hardware{width:12px;height:12px;top:22px}.showcase-status{position:relative;padding:14px 21px 10px;min-height:46px;font-size:12px;font-weight:600;display:flex;justify-content:space-between;background:#121316;border-radius:34px 34px 0 0}.showcase-status>div{display:flex;align-items:center;gap:5px}.showcase-display{flex:1;min-height:0;background:#121316;position:relative;display:flex;flex-direction:column}.showcase-home-indicator{height:23px;position:relative;background:#121316;border-radius:0 0 34px 34px;flex-shrink:0}.showcase-home-indicator:after{content:"";position:absolute;height:4px;width:105px;border-radius:3px;background:#e7e7e9;bottom:8px;left:50%;transform:translate(-50%)}.showcase-appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;padding:8px 17px 15px}.showcase-appbar strong{font-size:14px;font-weight:600;text-align:center}.showcase-appbar>span{font-size:28px;font-weight:400;color:#b4b5bc}.showcase-appbar svg{flex-shrink:0;color:#b4b5bc}.showcase-panel{flex:1;min-height:0;display:flex;flex-direction:column}.capture-device-controls{display:flex;gap:26px;margin-bottom:24px}.capture-device-controls button{padding:10px 0;border-bottom:2px solid transparent;color:var(--color-muted);font-size:15px;cursor:pointer}.capture-device-controls button[aria-pressed=true]{color:#fff;border-color:var(--color-lime)}.showcase-chapters{list-style:none;padding:0;margin:0}.showcase-chapters li{border-bottom:1px solid var(--color-surface-600)}.showcase-chapters button{width:100%;display:flex;text-align:start;gap:23px;padding:24px 0;position:relative;cursor:pointer}.showcase-chapter-number{padding-top:3px;font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.showcase-chapters strong{display:block;font-size:20px;line-height:1.35;font-weight:500;color:var(--color-subtle)}.showcase-chapter-copy{display:block;margin-top:9px;font-size:14px;color:var(--color-muted);line-height:1.7;max-width:390px}.showcase-chapters [aria-current=step] strong{color:#fff}.showcase-chapters [aria-current=step] .showcase-chapter-number{color:var(--color-lime)}.showcase-chapter-progress{position:absolute;height:2px;inset:auto 0 -1px;background:var(--color-lime);transform:scaleX(0);transform-origin:left}.showcase-chapters [aria-current=step] .showcase-chapter-progress{transform:scaleX(var(--showcase-progress))}[dir=rtl] .showcase-chapter-progress{transform-origin:right}.showcase-controls{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:27px}.showcase-controls button{min-height:36px;display:flex;align-items:center;gap:8px;color:var(--color-subtle);font-size:13px;cursor:pointer}.showcase-controls button:hover{color:#fff}.showcase-controls>span{color:var(--color-muted);font-size:12px;margin-inline-start:auto}.showcase-plan-note{margin-top:10px;color:var(--color-muted);font-size:12px}.phone-content{flex:1;overflow-y:auto;padding:13px;scrollbar-width:none}.phone-section-label{display:flex;justify-content:space-between;gap:12px;text-transform:uppercase;letter-spacing:.03em;font-size:11px;color:#b4b5bc;margin:12px 0 18px}.phone-section-label>span{color:var(--color-lime)}.native-capture-card{background:#1c1d20;border:1px solid #282a30;border-radius:18px;padding:17px 14px}.native-source{display:flex;align-items:center;gap:12px}.native-source svg{flex-shrink:0;color:#b4b5bc}.native-source strong{display:block;font-size:12px;font-weight:600}.native-source span{display:block;margin-top:3px;font-size:10px;color:#9e9fa8}.native-expense{display:block;color:#f46b70;font-weight:600;font-size:29px;letter-spacing:-.035em;text-align:center;padding-block:24px 20px}.native-details{display:grid;gap:12px;font-size:12px}.native-details>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}.native-details svg{flex-shrink:0;align-self:center;margin-inline-end:4px;color:#b4b5bc}.native-details dt{color:#9e9fa8}.native-details dd{color:#e4e5e9;margin:0;overflow-wrap:anywhere}.native-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.native-actions button,.phone-agent-approve{min-height:41px;padding:9px 6px;border:1px solid var(--color-lime);border-radius:14px;font-size:12px;font-weight:600;color:var(--color-lime);cursor:pointer;position:relative}.native-actions button:last-child,.phone-agent-approve{background:var(--color-lime);color:#121316}.phone-touch{position:absolute;bottom:-8px;inset-inline-end:15px;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#5d6068;visibility:hidden;pointer-events:none}.phone-processing{display:flex;align-items:center;gap:11px;padding-top:16px;border-top:1px solid #37383f;color:#b4b5bc;font-size:12px;line-height:1.5}.phone-spinner{width:17px;height:17px;flex-shrink:0;border:1.5px solid #62646e;border-top-color:#fff;border-radius:50%;animation:phone-spin .9s linear infinite}.assistant-chapters{margin-top:32px}.assistant-chapters button{padding-block:17px}.assistant-chapters .showcase-chapter-copy{margin-top:4px}.assistant-phone-scene{overflow:hidden}.phone-chat{padding:10px 13px;overflow-y:auto;scrollbar-width:none;flex:1;display:flex;align-items:start;flex-direction:column;gap:16px}.phone-chat-date{align-self:center;font-size:10px;color:#9899a2}.phone-chat-greeting{display:flex;gap:9px;align-items:center;font-size:13px}.phone-chat-greeting img{border-radius:7px;flex-shrink:0}.phone-user-message{align-self:flex-end;max-width:94%;background:#303239;color:#fff;border-radius:16px 4px 16px 16px;padding:12px 14px;font-size:13px;line-height:1.5}.phone-agent-thinking{display:flex;align-items:center;gap:10px;color:#b4b5bc;font-size:11px;line-height:1.5}.phone-agent-name{display:block;margin-bottom:10px;font-size:11px;color:#b4b5bc}.phone-agent-response{width:100%}.phone-agent-response .native-expense{padding-block:3px 13px;font-size:24px;text-align:start}.phone-agent-response .native-details{font-size:11px;gap:8px}.phone-agent-approve{width:100%;margin-top:15px}.phone-agent-saved{display:flex;align-items:center;gap:8px;font-size:11px;color:#e4e5e9;margin-top:15px;min-height:41px}.phone-agent-saved svg{color:var(--color-lime);flex-shrink:0}.phone-voice{display:flex;align-items:center;gap:9px;margin-bottom:9px}.phone-voice>span{font-size:10px;color:#b4b5bc}.phone-wave{display:flex;gap:3px;align-items:center;height:30px}.phone-wave span{height:var(--wave-height);width:3px;border-radius:2px;background:#b4b5bc;animation:phone-wave .7s var(--wave-delay) alternate infinite ease-in-out}.phone-receipt{background:#eeede8;color:#282a30;padding:14px;width:183px;position:relative;overflow:hidden;font-size:10px}.phone-receipt>strong{display:block;font-size:11px;text-align:center;padding-bottom:10px;border-bottom:1px dashed #84848b}.phone-receipt>div{margin-block:10px}.phone-receipt p{display:flex;justify-content:space-between;gap:10px;line-height:1.8}.phone-receipt>b{display:block;border-top:1px dashed #84848b;padding-top:8px;text-align:end;font-size:14px}.receipt-scan{position:absolute;height:2px;inset:0 0 auto;background:#3b3e44;animation:phone-receipt-scan 1.5s linear infinite}.phone-input{display:flex;align-items:center;gap:11px;border:1px solid #37383f;border-radius:22px;min-height:46px;margin:9px 12px 6px;padding:7px 8px 7px 12px;font-size:12px;color:#b4b5bc}.phone-input>div{min-width:0;flex:1}.phone-input-send{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:50%;color:#121316;background:var(--color-lime);font-size:20px}.phone-input-typed{display:block;overflow:hidden;white-space:nowrap;animation:phone-type 2.2s steps(20) both}.assistant-showcase[data-phase=input] .phone-user-message,.assistant-showcase[data-phase=input] .phone-agent-thinking,.assistant-showcase[data-phase=input] .phone-agent-response,.assistant-showcase[data-phase=input] .phone-input-placeholder,.assistant-showcase[data-phase=thinking] .phone-agent-response,.assistant-showcase:not([data-phase=input]) .phone-input-typed,.assistant-showcase:not([data-phase=input]) .phone-input-listening,.assistant-showcase:not([data-phase=thinking]) .phone-agent-thinking,.assistant-showcase:not([data-phase=confirmed]) .phone-agent-saved,.assistant-showcase[data-phase=confirmed] .phone-agent-approve{display:none}.assistant-showcase[data-phase=thinking] .phone-user-message,.assistant-showcase[data-phase=response] .phone-agent-response{animation:phone-screen-in .5s cubic-bezier(.16,1,.3,1) both}.assistant-showcase[data-phase=response] .phone-touch{animation:phone-tap 1s 2.4s both}.assistant-showcase:not([data-phase=thinking]) .receipt-scan{display:none}.assistant-showcase:not([data-phase=thinking]) .phone-wave span{animation-play-state:paused}.phone-showcase[data-paused=true] *,.phone-showcase[data-paused=true] *:after{animation-play-state:paused!important}@keyframes phone-screen-in{0%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes phone-tap{0%{visibility:visible;transform:translate(5px,12px) scale(1.1)}35%,65%{visibility:visible;transform:translateY(-8px) scale(.8)}to{visibility:hidden;transform:translate(5px,12px) scale(1.1)}}@keyframes phone-spin{to{transform:rotate(360deg)}}@keyframes phone-read{0%{transform:scaleX(.1)}to{transform:scaleX(1)}}@keyframes phone-wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes phone-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes phone-receipt-scan{0%{top:0}to{top:100%}}@media(max-width:1023px){.phone-showcase{gap:40px}.showcase-chapters button{gap:16px;padding-block:19px}.showcase-chapters strong{font-size:18px}.showcase-chapter-copy{font-size:13px}}@media(max-width:767px){.phone-showcase{grid-template-columns:1fr;gap:32px}.capture-showcase .showcase-device{grid-row:1}.showcase-device{padding:0}.showcase-phone{width:min(100%,330px)}.showcase-chapters button{padding-block:16px}.showcase-controls{gap:16px}.showcase-controls>span{margin-inline-start:0}.capture-device-controls{justify-content:center;margin-bottom:12px}.showcase-chapter-copy{max-width:none}}@media(prefers-reduced-motion:reduce){.phone-showcase *,.phone-showcase *:after{animation:none!important;transition:none!important}.phone-touch,.receipt-scan{display:none}}.phone-camera-preview{display:none;position:relative;flex:1;background:#22252a;padding:24px;text-align:center;align-items:center;justify-content:center;flex-direction:column}.phone-camera-preview>span{font-size:13px;margin-bottom:auto}.phone-camera-paper{width:190px;background:#eeede8;color:#282a30;padding:28px 18px;transform:rotate(-4deg);font-size:11px}.phone-camera-paper>strong{display:block;border-bottom:1px dashed #84848b;padding-bottom:16px;margin-bottom:18px}.phone-camera-paper p{display:flex;justify-content:space-between;gap:10px;line-height:2}.phone-camera-paper>b{display:block;border-top:1px dashed #84848b;padding-top:16px;margin-top:18px;text-align:end;font-size:19px}.phone-camera-guides{position:absolute;inset:100px 30px 120px;border:1px solid #9698a0;border-radius:15px;animation:camera-focus 1.3s ease both}.phone-camera-shutter{width:48px;height:48px;border:3px solid #dfe0e5;border-radius:50%;outline:1px solid #dfe0e5;outline-offset:4px;margin-top:auto;margin-bottom:8px;background:#dfe0e5;animation:shutter-tap .4s 1.9s both}.assistant-showcase[data-phase=input][data-scene="2"] .phone-camera-preview{display:flex}.assistant-showcase[data-phase=input][data-scene="2"] .phone-chat,.assistant-showcase[data-phase=input][data-scene="2"] .phone-input{display:none}@keyframes camera-focus{0%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes shutter-tap{50%{transform:scale(.82)}}.capture-showcase{--capture-record-height: 350px;--capture-amount-size: 38px;gap:80px}.capture-showcase .showcase-chapters button{padding-block:22px}.capture-showcase .showcase-chapter-progress{background:#e5e6e9;height:1px}.capture-showcase .showcase-phone{width:min(100%,358px);aspect-ratio:358 / 714;border-color:#373940}.capture-showcase .showcase-display{overflow:hidden}.capture-app{position:absolute;inset:0;color:#eceef1}.capture-app-nav{height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:19px}.capture-app-nav>strong{font-size:15px;font-weight:600;letter-spacing:-.015em;text-align:center}.capture-app-nav>svg{flex-shrink:0;color:#b2b5bd}.capture-app-nav img{border-radius:6px}.capture-app-section{position:absolute;inset:82px 21px auto;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;color:#aaadb6}.capture-app-section>span:last-child{font-variant-numeric:tabular-nums;color:#e5e7eb}.capture-idle{position:absolute;inset:285px 30px auto;display:flex;align-items:center;flex-direction:column;text-align:center;color:#969aa6}.capture-idle>svg{margin-bottom:18px}.capture-idle>strong{font-size:18px;color:#d2d5dc;font-weight:500}.capture-idle>p{font-size:12px;line-height:1.8;margin-top:12px}.capture-alert{position:absolute;inset:11px 11px auto;z-index:2;background:#2c2f35;border:1px solid #43464e;padding:17px;border-radius:23px;transform:translateY(-180px)}.capture-alert-source{display:flex;align-items:center;gap:8px;font-size:11px;color:#d1d4db}.capture-alert-source svg{flex-shrink:0}.capture-alert-source time{margin-inline-start:auto;font-size:10px;color:#a4a8b1}.capture-alert>strong{display:block;font-size:16px;font-weight:600;margin-top:15px}.capture-alert>div:last-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:5px}.capture-alert b{font-size:26px;font-weight:500;letter-spacing:-.03em}.capture-alert>div:last-child>span{color:#b9bdc7;font-size:11px}.capture-record{position:absolute;inset:122px 15px auto;height:var(--capture-record-height);border:1px solid #34373e;border-radius:23px;background:#1c1e23;overflow:hidden;transform:translateY(470px)}.capture-record-origin{position:absolute;inset:19px 19px auto;display:flex;align-items:center;gap:7px;color:#a9aeb9;font-size:11px}.capture-record-origin>svg{flex-shrink:0}.capture-record-name{position:absolute;inset-inline:19px;top:55px;font-size:19px;font-weight:500;letter-spacing:-.025em;overflow-wrap:anywhere}.capture-record-amount{position:absolute;inset-inline:19px;top:88px;font-size:var(--capture-amount-size);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.045em;white-space:nowrap}.capture-record-rule{position:absolute;inset:149px 19px auto;height:1px;background:#373a42}.capture-record-fields{position:absolute;inset:170px 19px auto;display:grid;gap:18px;margin:0}.capture-record-fields>div{display:grid;grid-template-columns:75px 1fr;align-items:baseline;gap:8px}.capture-record-fields dt{color:#969da9;font-size:11px}.capture-record-fields dd{color:#e0e3e9;font-size:13px;margin:0;display:flex;align-items:center;gap:8px}.capture-record-fields svg{color:#a8aeb9;flex-shrink:0}.capture-record-processing{position:absolute;inset:auto 19px 22px;display:flex;align-items:center;gap:8px;font-size:11px;color:#bbc0ca;padding-bottom:15px}.capture-record-processing>svg{flex-shrink:0}.capture-processing-track{position:absolute;inset:auto 0 0;height:2px;background:#383c45;overflow:hidden}.capture-processing-track>span{display:block;height:100%;background:#dfe3ea;transform:scaleX(0);transform-origin:left}.capture-record-actions{position:absolute;inset:auto 16px 17px;display:grid;grid-template-columns:.85fr 1.15fr;gap:10px}.capture-record-actions button{min-height:45px;padding:8px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;border-radius:14px;cursor:pointer}.capture-record-actions button:first-child{color:#c4c9d2;border:1px solid #4b505a}.capture-record-actions button:last-child{color:#111418;background:var(--color-lime);transform-origin:center}.capture-record-actions button:disabled{pointer-events:none}.capture-record-saved{position:absolute;inset:auto 19px 18px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:#aeb5c1;font-size:11px}.capture-finish{position:absolute;inset:306px 30px auto;display:grid;justify-items:center;text-align:center;gap:12px}.capture-finish svg{color:var(--color-lime)}.capture-finish strong{font-weight:500;font-size:19px;letter-spacing:-.02em}.capture-finish p{font-size:12px;line-height:1.8;color:#a5adba;max-width:230px}.capture-app-footer{position:absolute;inset:auto 20px 15px;display:flex;align-items:center;gap:6px;font-size:10px;color:#797f8b}.capture-app-footer>img{border-radius:5px}.capture-app-footer>span:last-child{margin-inline-start:auto;text-align:end;max-width:100px}.capture-showcase[data-outcome=discarded] .capture-record{visibility:hidden}.capture-showcase[data-outcome=discarded] .capture-finish svg{display:none}.capture-showcase .capture-record-fields,.capture-showcase .capture-record-actions,.capture-showcase .capture-record-saved,.capture-showcase .capture-finish{visibility:hidden}.capture-showcase[data-motion-ready] .capture-record-fields,.capture-showcase[data-motion-ready] .capture-record-actions,.capture-showcase[data-motion-ready] .capture-record-saved,.capture-showcase[data-motion-ready] .capture-finish{visibility:visible}.capture-showcase:not([data-motion-ready]) .capture-alert{transform:none}@media(max-width:1023px){.capture-showcase{gap:36px}}@media(max-width:767px){.capture-showcase .showcase-phone{width:min(100%,342px)}.capture-showcase .showcase-chapters button{padding-block:17px}.capture-showcase{--capture-amount-size: 34px}}@media(max-width:359px){.capture-showcase{--capture-record-height: 330px;--capture-amount-size: 30px}.capture-record{top:107px}.capture-app-footer{display:none}.capture-record-name{font-size:17px}.capture-record-fields{inset-inline:15px}.capture-record-fields>div{grid-template-columns:63px 1fr;gap:5px}.capture-record-fields dd{font-size:11px;gap:5px}.capture-record-actions button{font-size:11px}.capture-finish{top:283px}}@media(prefers-reduced-motion:reduce){.capture-showcase *,.capture-showcase *:after{transition:none!important}}