.hero-section{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:56px;padding:44px 0 72px;display:grid}.hero-copy{gap:22px;display:grid}.hero-lede,.section-heading p{max-width:660px;color:var(--text-secondary);font-size:1.15rem;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.app-store-pill{border:1px solid var(--text-primary);background:var(--text-primary);min-height:44px;color:var(--background);border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}.hero-phone{justify-content:center;display:flex}.story-section{isolation:isolate;padding:52px 0 84px;position:relative}.section-heading{z-index:2;gap:14px;margin-bottom:44px;display:grid;position:relative}.story-grid{grid-template-columns:minmax(0,1fr) minmax(280px,350px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.story-column{z-index:2;gap:36vh;padding-top:72px;display:grid;position:relative}.story-column-right{padding-top:30vh}.sticky-phone{z-index:0;position:sticky;top:24px}.phone-showcase{isolation:isolate;pointer-events:none;justify-self:center;width:min(100%,350px);display:grid}.phone-showcase .phone-shell,.showcase-receipt-document{grid-area:1/1}.phone-showcase .phone-shell{z-index:1;width:100%;position:relative}.showcase-receipt-document{z-index:0;opacity:.84;border-radius:12px;place-self:center start;width:min(72%,240px);height:auto;transform:translate(-42px,-18px)rotate(-8deg);box-shadow:0 18px 50px #0000005c}.showcase-phone-meta,.showcase-phone-receipts,.showcase-phone-drawer{opacity:0;visibility:hidden}.feature-panel{z-index:2;border:1px solid var(--border);background:var(--raised);border-radius:8px;gap:12px;padding:20px;display:grid;position:relative}.feature-panel p:last-child{color:var(--text-secondary);font-size:1rem;line-height:1.65}@supports (animation-timeline:view()){.story-grid{view-timeline-axis:block;view-timeline-name:--story-progress}.showcase-receipt-document{animation:1s step-end both receipt-document-state;animation-timeline:--story-progress;animation-range:entry exit}.showcase-phone-scan{animation:1s step-end both phone-scan-state;animation-timeline:--story-progress;animation-range:entry exit}.showcase-phone-meta{animation:1s step-end both phone-meta-state;animation-timeline:--story-progress;animation-range:entry exit}.showcase-phone-receipts{animation:1s step-end both phone-receipts-state;animation-timeline:--story-progress;animation-range:entry exit}.showcase-phone-drawer{animation:1s step-end both phone-drawer-state;animation-timeline:--story-progress;animation-range:entry exit}@keyframes phone-scan-state{0%,24%{opacity:1;visibility:visible}25%,to{opacity:0;visibility:hidden}}@keyframes phone-meta-state{0%,24%{opacity:0;visibility:hidden}25%,49%{opacity:1;visibility:visible}50%,to{opacity:0;visibility:hidden}}@keyframes phone-receipts-state{0%,49%{opacity:0;visibility:hidden}50%,74%{opacity:1;visibility:visible}75%,to{opacity:0;visibility:hidden}}@keyframes phone-drawer-state{0%,74%{opacity:0;visibility:hidden}75%,to{opacity:1;visibility:visible}}@keyframes receipt-document-state{0%,49%{opacity:.84;visibility:visible}50%,to{opacity:0;visibility:hidden}}.feature-panel{opacity:.35;animation:ease-out both panel-reveal;animation-timeline:view();animation-range:entry 10% cover 38%;transform:translateY(20px)}@keyframes panel-reveal{to{opacity:1;transform:translateY(0)}}}@media (max-width:860px){.hero-section,.story-grid{grid-template-columns:1fr}.hero-section{align-items:flex-start;gap:34px;padding-top:20px;padding-bottom:32px}.hero-phone{order:-1}.story-column,.story-column-right{gap:18px;padding-top:0}.sticky-phone{order:-1;margin-bottom:12px;position:static}.phone-showcase{margin-left:auto;margin-right:auto}.showcase-receipt-document{width:min(68%,210px);transform:translate(-24px,-10px)rotate(-8deg)}}@media (max-width:520px){.hero-actions,.app-store-pill{width:100%}.phone-shell{width:min(100%,300px)}.hero-phone .phone-shell{width:min(100%,260px)}.showcase-receipt-document{width:min(70%,190px);transform:translate(-18px,-8px)rotate(-7deg)}}
.phone-shell{aspect-ratio:1206/2622;width:min(100%,350px)}.phone-frame{border:1px solid var(--border);height:100%;box-shadow:0 24px 80px var(--shadow);background:#101010;border-radius:42px;position:relative;overflow:hidden}.phone-screenshot{object-fit:cover;width:100%;height:100%;display:block}.phone-screen{background:#101010;flex-direction:column;height:100%;padding:18px 18px 20px;display:flex;overflow:hidden}.mock-statusbar,.receipts-header,.scan-preview-header,.totals-summary,.category-summary div,.receipt-row,.receipt-meta,.extracted-row,.category-pill{align-items:center;display:flex}.mock-statusbar{min-height:22px;color:var(--text-primary);justify-content:space-between;padding:0 16px;font-size:.8rem;font-weight:700}.status-icons,.cellular-icon{align-items:flex-end;display:flex}.status-icons{gap:6px}.cellular-icon{gap:2px;height:11px}.cellular-icon span{background:var(--text-primary);border-radius:999px;width:2.5px}.cellular-icon span:first-child{height:3px}.cellular-icon span:nth-child(2){height:6px}.cellular-icon span:nth-child(3){height:8.5px}.cellular-icon span:nth-child(4){height:11px}.wifi-icon{width:16px;height:11px;position:relative}.wifi-icon:before,.wifi-icon:after{border:2px solid #0000;border-top-color:var(--text-primary);content:"";border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.wifi-icon:before{width:16px;height:16px;top:1px}.wifi-icon:after{width:9px;height:9px;top:5px}.wifi-icon span{background:var(--text-primary);border-radius:50%;width:2.5px;height:2.5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.battery-icon{border:1.5px solid var(--text-primary);border-radius:3.5px;width:23px;height:11px;position:relative}.battery-icon:after{background:var(--text-primary);content:"";border-radius:0 2px 2px 0;width:2px;height:4.5px;position:absolute;top:2.5px;right:-3px}.battery-icon span{background:#34c759;border-radius:2px;position:absolute;inset:1.5px}.receipts-header{border-bottom:1px solid var(--border);grid-template-columns:48px 1fr 48px;gap:8px;padding:18px 0 16px;display:grid}.receipts-header h2{color:var(--text-primary);text-align:center;place-self:center;font-size:1.22rem;line-height:1.1}.scan-preview-header{border-bottom:1px solid var(--border);grid-template-columns:42px 1fr 42px;gap:8px;padding:14px 0 12px;display:grid}.scan-preview-header h2{color:var(--text-primary);place-self:center;font-size:1.05rem;line-height:1.1}.menu-button{border:1px solid var(--border);background:var(--raised);border-radius:50%;width:42px;height:42px;position:relative}.menu-button span,.menu-button:before,.menu-button:after{background:var(--text-secondary);content:"";border-radius:999px;width:18px;height:2px;position:absolute;left:12px}.menu-button span{top:20px}.menu-button:before{top:14px}.menu-button:after{top:26px}.totals-summary{border-bottom:1px solid var(--border);justify-content:space-between;gap:18px;padding:18px 0 16px}.totals-summary p,.summary-money span,.category-summary span,.receipt-row time,.receipt-meta{color:var(--text-secondary)}.summary-label{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.summary-money{justify-items:end;gap:2px;display:grid}.summary-money strong{color:var(--text-primary);font-size:2rem;line-height:1}.summary-money span{font-size:.85rem}.category-summary{border-bottom:1px solid var(--border);grid-template-columns:1fr;gap:8px;padding:16px 0;display:grid}.category-summary div{justify-content:space-between;gap:10px;min-width:0}.category-summary span{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.category-summary strong{color:var(--text-primary);white-space:nowrap;font-size:.8rem}.receipt-list{min-height:0;overflow:hidden}.receipt-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:12px 0}.receipt-row h3{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:1.1rem;overflow:hidden}.receipt-row>div{min-width:0}.receipt-row time{white-space:nowrap;flex:none;font-size:.78rem}.receipt-meta{flex-wrap:wrap;gap:8px;font-size:.82rem}.category-pill{white-space:nowrap;border:1px solid;border-radius:999px;gap:6px;padding:4px 9px;font-size:.72rem;font-weight:800;line-height:1}.category-pill span{border:1px solid;border-radius:3px;flex:none;width:9px;height:9px;transform:rotate(-45deg)}.category-pill-green{color:var(--green);background:#7f9f8624}.category-pill-blue{color:#8aa4c8;background:#849ebc24}.category-pill-red{color:var(--red);background:#c07c6e24}.category-pill-gray{color:var(--text-secondary);background:#a0a0a024}.category-pill-amber{color:var(--amber);background:#c2a26624}.meta-receipt-screen{gap:12px}.receipt-preview-card{background:#f5f5f3;border:1px solid #ffffff1f;border-radius:18px;padding:8px;overflow:hidden;box-shadow:0 14px 36px #00000047}.meta-receipt-image{border-radius:12px;width:100%;height:auto;display:block}.extracted-fields{border:1px solid var(--border);background:var(--raised);border-radius:16px;gap:7px;padding:12px;display:grid}.extracted-row{justify-content:space-between;gap:12px;min-width:0;font-size:.78rem}.extracted-row span:first-child{color:var(--text-secondary)}.extracted-row strong{min-width:0;color:var(--text-primary);text-align:right;font-weight:700}.extracted-row .category-pill{flex:0 auto;font-size:.66rem}.verification-note{color:var(--text-muted);margin-top:auto;font-size:.68rem;line-height:1.45}