:root{--color-background: #FFFFFF;--color-surface: #F9FAFB;--color-surface-alt: #F3F4F6;--color-primary: #000000;--color-primary-text: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-money-accent: #10B981;--color-danger: #EF4444;--color-warning: #F59E0B;--color-divider: #000000;--color-border: #E5E7EB;--color-input-border: #000000;--color-disabled: #D1D5DB;--font-family-primary: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-family-mono: "SF Mono", SFMono-Regular, ui-monospace, "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-xxl: 36px;--font-size-hero: clamp(32px, 5vw, 48px);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-section: 80px;--radius-none: 0;--radius-sm: 4px;--max-width: 1000px;--header-height: 72px;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease-out;--divider-thick: 3px;--divider-thin: 1px;--border-card: 1px;--border-button: 2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}img,video,svg{display:block;max-width:100%;height:auto}a{color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast)}a:hover{opacity:.7}button{font-family:inherit;cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:1px}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}@media(max-width:768px){h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.divider{width:100%;height:var(--divider-thick);background:var(--color-divider)}.divider-thin{height:var(--divider-thin);background:var(--color-border)}.section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:14px var(--spacing-lg);font-size:14px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;border:none;transition:all var(--transition-fast);cursor:pointer}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover{opacity:.85}.btn-secondary{background:transparent;color:var(--color-primary);border:var(--border-button) solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-primary-text)}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}::selection{background:var(--color-primary);color:var(--color-primary-text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeInUp .5s var(--transition-slow) forwards}.animate-slide-in{animation:slideInLeft .4s var(--transition-slow) forwards}.header{position:sticky;top:0;z-index:100;background:var(--color-background)}.header-border{height:var(--divider-thick);background:var(--color-primary);width:100%}.header-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);height:var(--header-height);display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-lg)}.header-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:1.5px;color:var(--color-primary);text-transform:uppercase}.header-logo:hover{opacity:1}.header-logo-mark{width:28px;height:28px;background:var(--color-primary);display:flex;align-items:center;justify-content:center}.header-logo-mark svg{width:16px;height:16px;fill:var(--color-primary-text)}.header-nav{display:flex;gap:var(--spacing-xl)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-lg)}.header-lang{display:flex;align-items:center;gap:var(--spacing-xs)}.header-lang-button{border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;padding:6px 8px;cursor:pointer;transition:all var(--transition-fast)}.header-lang-button.active{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.header-nav a{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;transition:color var(--transition-fast);position:relative}.header-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.header-nav a:hover{color:var(--color-primary);opacity:1}.header-nav a:hover:after{width:100%}.header-toggle{display:none;width:32px;height:32px;border:var(--border-button) solid var(--color-primary);background:transparent;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.header-toggle:hover{background:var(--color-primary)}.header-toggle:hover svg{stroke:var(--color-primary-text)}.header-toggle svg{width:18px;height:18px;stroke:var(--color-primary);stroke-width:2}@media(max-width:768px){.header-toggle{display:flex}.header-nav{position:fixed;top:calc(var(--header-height) + var(--divider-thick));left:0;right:0;bottom:0;background:var(--color-background);flex-direction:column;align-items:flex-start;padding:var(--spacing-lg);gap:0;transform:translate(100%);transition:transform var(--transition-slow);border-top:var(--divider-thick) solid var(--color-primary)}.header-nav.open{transform:translate(0)}.header-nav a{font-size:var(--font-size-md);padding:var(--spacing-base) 0;width:100%;border-bottom:var(--divider-thin) solid var(--color-border)}.header-nav a:after{display:none}}.footer{background:var(--color-surface);border-top:var(--divider-thick) solid var(--color-primary);padding:var(--spacing-xxl) 0 var(--spacing-lg)}.footer-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-xxl);margin-bottom:var(--spacing-xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:1.5px;color:var(--color-primary);text-transform:uppercase}.footer-brand>p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;max-width:280px}.footer-company{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.8;padding:var(--spacing-md);border:1px dashed var(--color-border);margin-top:var(--spacing-sm)}.footer-company strong{color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-xs)}.footer-section h4{font-family:var(--font-family-mono);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1.2px;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:var(--spacing-md)}.footer-section ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-section a{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);position:relative;display:inline-block}.footer-section a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-primary);transition:width var(--transition-base)}.footer-section a:hover{color:var(--color-primary);opacity:1}.footer-section a:hover:after{width:100%}.footer-divider{height:var(--divider-thick);background:var(--color-primary);margin-bottom:var(--spacing-lg)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.footer-bottom p{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.footer-social{display:flex;gap:var(--spacing-md)}.footer-social a{width:32px;height:32px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.footer-social a:hover{background:var(--color-primary);border-color:var(--color-primary)}.footer-social a:hover:after{display:none}.footer-social svg{width:16px;height:16px;fill:var(--color-text-secondary);transition:fill var(--transition-fast)}.footer-social a:hover svg{fill:var(--color-primary-text)}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.footer-brand{grid-column:1 / -1}}@media(max-width:600px){.footer-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}.layout-main{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background)}.layout-main main{flex:1}.feature-stack-section{position:relative;padding:var(--spacing-section) 0;background:linear-gradient(135deg,#f9fafb,#f1f5f9 60%,#f9fafb);border-top:var(--divider-thick) solid var(--color-primary);border-bottom:var(--divider-thick) solid var(--color-primary);overflow:hidden}.feature-stack-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:44px 44px;opacity:.35;pointer-events:none}.feature-stack-container{position:relative;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);display:flex;flex-direction:column;align-items:center}.feature-stack-header{text-align:center;margin-bottom:var(--spacing-xl)}.feature-stack-header h2{margin-bottom:var(--spacing-sm)}.feature-stack-header p{color:var(--color-text-secondary);max-width:400px;margin:0 auto}.feature-stack-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%;max-width:360px}.feature-stack-deck{position:relative;width:100%;height:320px;perspective:1000px;cursor:pointer}.stack-card{position:absolute;inset:0;background:var(--color-background);border:var(--divider-thick) solid var(--color-primary);transition:transform .4s cubic-bezier(.23,1,.32,1),opacity .4s ease,box-shadow .4s ease;transform-origin:center bottom;-webkit-user-select:none;user-select:none}.stack-card.is-front{z-index:3;transform:translateY(0) scale(1) rotateX(0);opacity:1;box-shadow:0 24px 48px #00000029}.stack-card.is-middle{z-index:2;transform:translateY(-16px) scale(.94) rotateX(2deg);opacity:.8;box-shadow:0 16px 32px #0000001a}.stack-card.is-back{z-index:1;transform:translateY(-32px) scale(.88) rotateX(4deg);opacity:.5;box-shadow:0 8px 16px #0000000f}.stack-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.stack-card-inner{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%}.stack-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.stack-card-icon{width:32px;height:32px;color:var(--color-primary)}.stack-card-stat{font-family:var(--font-family-mono);font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:1px;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:4px 8px}.stack-card-kicker{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-secondary)}.stack-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0;color:var(--color-primary)}.stack-card-description{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-secondary);margin:0;flex:1}.stack-card-outcome{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);padding-top:var(--spacing-sm);border-top:var(--divider-thick) solid var(--color-primary);margin-top:auto}.feature-stack-hint{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.feature-stack-hint-text{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted)}.feature-stack-dots{display:flex;gap:var(--spacing-sm)}.feature-stack-dot{width:10px;height:10px;border:2px solid var(--color-primary);background:transparent;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.feature-stack-dot:hover{transform:scale(1.2)}.feature-stack-dot.is-active{background:var(--color-primary)}.feature-stack-cta{margin-top:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:var(--color-primary-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;text-decoration:none;border:var(--divider-thick) solid var(--color-primary);transition:transform .2s ease,box-shadow .2s ease}.feature-stack-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000026}.feature-stack-cta:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.feature-stack-cta-arrow{font-size:18px;transition:transform .2s ease}.feature-stack-cta:hover .feature-stack-cta-arrow{transform:translate(4px)}@media(min-width:768px){.feature-stack-section{padding:var(--spacing-section) 0}.feature-stack-content{max-width:400px}.feature-stack-deck{height:340px}.stack-card-title{font-size:var(--font-size-xxl)}}@media(min-width:1024px){.feature-stack-container{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xxl)}.feature-stack-header{text-align:left;margin-bottom:0;flex:0 0 auto;max-width:320px}.feature-stack-header p{margin:0}.feature-stack-content{flex:1;max-width:440px}.feature-stack-cta{position:absolute;left:var(--spacing-lg);bottom:0;margin-top:0}}@media(prefers-reduced-motion:reduce){.stack-card,.feature-stack-cta,.feature-stack-cta-arrow,.feature-stack-dot{transition:none}}.feature-mockup-device{width:100%;max-width:320px;border:var(--divider-thick) solid var(--color-primary);background:var(--color-background);display:flex;flex-direction:column;box-shadow:0 24px 60px #00000029}.feature-mockup-notch{height:6px;background:var(--color-border);margin:8px auto 0;width:80px}.feature-mockup-screen{flex:1;min-height:0;max-height:420px;overflow-y:auto;overflow-x:hidden;padding:14px;scrollbar-width:none;-ms-overflow-style:none}.feature-mockup-screen::-webkit-scrollbar{display:none}.feature-mockup-tabbar{border-top:var(--divider-thick) solid var(--color-primary);display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-background);flex-shrink:0;padding:6px 14px 10px}.feature-mockup-tab{text-align:center;padding:4px 0;font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-secondary);border-right:1px solid var(--color-border)}.feature-mockup-tab:last-child{border-right:none}.feature-mockup-tabbar[data-active=home] .feature-mockup-tab[data-tab=home],.feature-mockup-tabbar[data-active=invoices] .feature-mockup-tab[data-tab=invoices],.feature-mockup-tabbar[data-active=clients] .feature-mockup-tab[data-tab=clients],.feature-mockup-tabbar[data-active=more] .feature-mockup-tab[data-tab=more]{color:var(--color-primary);font-weight:var(--font-weight-bold)}.mockup-screen{display:flex;flex-direction:column;gap:var(--spacing-md)}.mockup-header{padding-bottom:var(--spacing-md);border-bottom:var(--divider-thick) solid var(--color-primary)}.mockup-logo{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:1.5px;color:var(--color-primary);margin-bottom:var(--spacing-md)}.mockup-greeting{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.mockup-company{font-family:var(--font-family-mono);font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase}.mockup-divider{margin-top:var(--spacing-md);height:var(--divider-thick);background:var(--color-primary)}.mockup-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mockup-section-label{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1.2px;color:var(--color-text-secondary)}.mockup-section-label-danger{color:var(--color-danger)}.mockup-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-background)}.mockup-card-dashed{border-style:dashed;border-color:var(--color-text-muted)}.mockup-card-dark{border-color:var(--color-text-secondary);background:transparent}.mockup-section-dark{background:var(--color-primary);padding:var(--spacing-md);border:2px solid var(--color-primary-text)}.mockup-section-dark .mockup-section-label{color:var(--color-danger)}.mockup-money{font-family:var(--font-family-mono);font-size:26px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.mockup-money.is-animated{animation:moneyPulse 2.4s ease-in-out infinite}.mockup-money-light{color:var(--color-primary-text)}.mockup-action-list{border-top:var(--divider-thick) solid var(--color-primary);border-bottom:var(--divider-thick) solid var(--color-primary)}.mockup-action-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-divider);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.mockup-action-row:last-child{border-bottom:none}.mockup-action-arrow{color:var(--color-text-secondary)}.mockup-activity-card{border:1px dashed var(--color-text-muted);padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start}.mockup-activity-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.mockup-activity-meta{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.mockup-activity-amount{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold)}.mockup-header-row{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--divider-thick) solid var(--color-primary);padding-bottom:var(--spacing-sm)}.mockup-header-simple{border-bottom:1px solid var(--color-border)}.mockup-header-title{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-primary)}.mockup-header-action{font-size:11px;color:var(--color-text-primary)}.mockup-header-add{border:var(--border-button) solid var(--color-primary);padding:2px 6px;font-weight:var(--font-weight-bold)}.mockup-header-spacer{width:40px}.mockup-field{border:1px solid var(--color-border);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.mockup-field-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.mockup-field-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.mockup-date-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm)}.mockup-section-header{display:flex;align-items:center;justify-content:space-between}.mockup-section-action{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-primary);border:1px solid var(--color-primary);padding:3px 6px}.mockup-item-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mockup-item-row{border:1px solid var(--color-border);padding:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.mockup-item-title{font-size:11px;font-weight:var(--font-weight-semibold)}.mockup-item-meta{font-size:10px;color:var(--color-text-secondary);display:flex;gap:6px;align-items:center}.mockup-rot-badge{font-size:8px;font-weight:var(--font-weight-bold);color:var(--color-money-accent);background:var(--color-surface-alt);padding:2px 4px}.mockup-item-total{font-family:var(--font-family-mono);font-size:11px;font-weight:var(--font-weight-semibold)}.mockup-totals{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.mockup-total-row{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-secondary)}.mockup-total-rot{color:var(--color-money-accent)}.mockup-total-grand{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-primary);border-top:2px solid var(--color-primary);padding-top:6px;margin-top:4px}.mockup-actions{display:grid;gap:var(--spacing-sm)}.mockup-button{border:var(--border-button) solid var(--color-primary);padding:8px;text-align:center;font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.mockup-button-primary{background:var(--color-primary);color:var(--color-primary-text)}.mockup-status-row{display:flex;justify-content:space-between;align-items:center}.mockup-status-badge{padding:4px 10px;border:var(--border-button) solid var(--color-text-muted);font-size:9px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted)}.mockup-status-badge.is-paid{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-text)}.mockup-status-id{font-family:var(--font-family-mono);font-size:11px;color:var(--color-text-secondary)}.mockup-delivery-story{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);background:var(--color-background);display:flex;flex-direction:column;gap:var(--spacing-xs)}.mockup-delivery-story-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xs)}.mockup-delivery-story-title{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-primary)}.mockup-delivery-story-meta{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.mockup-delivery-story-chip{font-size:8px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border:1px solid var(--color-primary);color:var(--color-primary)}.mockup-delivery-story-cta{margin-top:4px;padding:8px;background:var(--color-primary);color:var(--color-primary-text);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;text-align:center}.mockup-delivery-story-cta.is-animated{animation:ctaPulse 2.8s ease-in-out infinite}.mockup-delivery-story-helper{font-size:9px;color:var(--color-text-secondary);font-family:var(--font-family-mono);text-align:center}.mockup-delivery-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-xs)}.mockup-delivery-insight{border:1px solid var(--color-border);padding:6px;background:var(--color-surface);display:flex;flex-direction:column;gap:2px}.mockup-delivery-insight-label{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.mockup-delivery-insight-value{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mockup-delivery-insight.is-info{border-color:var(--color-primary)}.mockup-delivery-insight.is-success{border-color:var(--color-money-accent)}.mockup-tracking{border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-background);display:flex;flex-direction:column;gap:var(--spacing-xs)}.mockup-tracking-title{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.mockup-tracking-bar{position:relative;height:2px;background:var(--color-border);overflow:hidden}.mockup-tracking-bar:after{content:"";position:absolute;inset:0;width:0;background:var(--color-primary)}.mockup-tracking-bar.is-animated:after{animation:trackingProgress 6s linear infinite}.mockup-tracking-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.mockup-tracking-state{display:flex;align-items:center;gap:6px;font-weight:var(--font-weight-semibold)}.mockup-tracking-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted)}.mockup-tracking-dot.is-complete{background:var(--color-primary)}.mockup-tracking-dot.is-active{background:var(--color-money-accent);animation:statusPulse 1.8s ease-in-out infinite}.mockup-tracking-dot.is-pending{background:var(--color-warning)}.mockup-tracking-meta{font-size:9px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.mockup-stripe-status{padding:4px 8px;background:var(--color-money-accent);color:#fff;font-size:9px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase}.mockup-stripe-description{font-size:11px;color:var(--color-text-secondary);line-height:1.5;margin:0}.mockup-stripe-flow-card{border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-background);display:flex;flex-direction:column;gap:var(--spacing-xs)}.mockup-stripe-flow-title{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.mockup-stripe-flow{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs);padding-left:16px}.mockup-stripe-flow:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:var(--color-border)}.mockup-stripe-flow-step{position:relative;border:1px solid var(--color-border);padding:6px;background:var(--color-surface);display:flex;flex-direction:column;gap:2px}.mockup-stripe-flow-step:before{content:"";position:absolute;left:-14px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--color-text-muted)}.mockup-stripe-flow-step.is-complete:before{background:var(--color-primary)}.mockup-stripe-flow-step.is-active:before{background:var(--color-money-accent);animation:statusPulse 1.8s ease-in-out infinite}.mockup-stripe-flow-step.is-pending{border-style:dashed}.mockup-stripe-flow-label{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.mockup-stripe-flow-value{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mockup-stripe-flow-meta{font-size:9px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.mockup-stripe-balance{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);background:var(--color-background);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs)}.mockup-stripe-balance-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.mockup-stripe-balance-meta{font-size:9px;color:var(--color-text-muted);font-family:var(--font-family-mono)}.mockup-stripe-balance-value{font-family:var(--font-family-mono);font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.mockup-stripe-balance-value.is-animated{animation:moneyPulse 2.6s ease-in-out infinite}.mockup-stripe-button{margin-top:var(--spacing-xs);background:#635bff;color:#fff;text-align:center;padding:10px;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px}.mockup-search{border:1px solid var(--color-border);padding:var(--spacing-sm);font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.mockup-client-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mockup-client-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-border);padding:8px;background:var(--color-surface)}.mockup-client-row.is-focus{border-color:var(--color-primary);background:var(--color-background);box-shadow:0 8px 16px #0000001a}.mockup-client-name{font-size:11px;font-weight:var(--font-weight-semibold)}.mockup-client-meta{font-size:9px;color:var(--color-text-secondary)}.mockup-client-balance{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.mockup-client-status{font-size:8px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--color-text-muted);color:var(--color-text-muted);padding:2px 5px}.mockup-client-status.is-active{border-color:var(--color-primary);color:var(--color-primary)}.mockup-client-status.is-paid{border-color:var(--color-money-accent);color:var(--color-money-accent)}.mockup-client-amount{font-family:var(--font-family-mono);font-size:11px;font-weight:var(--font-weight-semibold)}.mockup-client-memory-card{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);background:var(--color-background);display:flex;flex-direction:column;gap:var(--spacing-xs)}.mockup-client-memory-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xs)}.mockup-client-memory-title{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-primary)}.mockup-client-memory-sub{font-size:9px;color:var(--color-text-secondary)}.mockup-client-memory-tags{display:flex;flex-wrap:wrap;gap:5px}.mockup-client-memory-tag{font-size:8px;text-transform:uppercase;letter-spacing:.4px;border:1px solid var(--color-border);padding:2px 5px;background:var(--color-surface)}.mockup-receipt-scan-card{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);display:grid;grid-template-columns:1fr 100px;gap:var(--spacing-sm);align-items:center}.mockup-receipt-scan-title{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase}.mockup-receipt-scan-sub{font-size:9px;color:var(--color-text-secondary);letter-spacing:1px}.mockup-receipt-scan-preview{position:relative;height:56px;border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.mockup-receipt-scan-preview:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);top:-6px;opacity:0}.mockup-receipt-scan-card.is-animated .mockup-receipt-scan-preview:after{animation:scanLine 2.2s linear infinite;opacity:.6}.mockup-receipt-scan-lines{display:flex;flex-direction:column;gap:6px;padding:8px}.mockup-receipt-scan-lines span{height:5px;background:var(--color-border)}.mockup-receipt-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mockup-receipt-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);align-items:center;border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-surface)}.mockup-receipt-thumb{width:32px;height:32px;border:var(--border-button) solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--color-text-secondary);background:var(--color-background)}.mockup-receipt-merchant{font-size:11px;font-weight:var(--font-weight-semibold);margin-bottom:2px}.mockup-receipt-meta{font-size:9px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.mockup-receipt-total{font-family:var(--font-family-mono);font-size:11px;font-weight:var(--font-weight-semibold)}@keyframes ctaPulse{0%,to{transform:translateY(0);box-shadow:0 0 #0000}50%{transform:translateY(-2px);box-shadow:0 10px 20px #00000026}}@keyframes scanLine{0%{transform:translateY(0)}to{transform:translateY(64px)}}@media(prefers-reduced-motion:reduce){.mockup-money.is-animated,.mockup-delivery-story-cta.is-animated,.mockup-tracking-bar.is-animated:after,.mockup-tracking-dot.is-active,.mockup-stripe-flow-step.is-active:before,.mockup-stripe-balance-value.is-animated,.mockup-receipt-scan-card.is-animated .mockup-receipt-scan-preview:after{animation:none!important}.mockup-tracking-bar.is-animated:after{width:75%}}.feature-selector{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height));background:linear-gradient(135deg,#f9fafb,#f1f5f9 60%,#f9fafb)}.selector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:var(--divider-thick) solid var(--color-primary);background:var(--color-background);position:sticky;top:var(--header-height);z-index:10}.selector-back{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-decoration:none;transition:opacity .2s ease}.selector-back:hover{opacity:.7}.selector-counter{font-family:var(--font-family-mono);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:1px;color:var(--color-text-secondary)}.selector-chips-wrapper{background:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:calc(var(--header-height) + 52px);z-index:9}.selector-chips{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.selector-chips::-webkit-scrollbar{display:none}.selector-chip{flex:0 0 auto;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);border:2px solid var(--color-border);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}.selector-chip:hover{border-color:var(--color-primary);transform:translateY(-1px)}.selector-chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.selector-chip-icon{width:18px;height:18px}.selector-chip.is-active .selector-chip-icon{color:var(--color-primary-text)}.selector-chip-label{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.selector-preview{flex:1;padding:var(--spacing-lg);display:flex;justify-content:center;touch-action:pan-y}.selector-preview:focus-visible{outline:none}.selector-preview-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);width:100%;max-width:400px}.selector-mockup{display:flex;justify-content:center;width:100%}.selector-mockup .feature-mockup-device{box-shadow:0 32px 64px #0000002e}.selector-details{width:100%;background:var(--color-primary);color:var(--color-primary-text);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.selector-details-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.selector-details-kicker{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1.5px;text-transform:uppercase;opacity:.7}.selector-details-stat{font-family:var(--font-family-mono);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;padding:4px 8px;border:1px solid rgba(255,255,255,.3)}.selector-details-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.selector-details-description{font-size:var(--font-size-sm);line-height:1.6;opacity:.85;margin:0}.selector-details-bullets{margin:var(--spacing-sm) 0 0;padding-left:18px;display:grid;gap:4px;font-size:12px;opacity:.8}.selector-details-bullets li::marker{color:var(--color-primary-text)}.selector-details-outcome{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.selector-swipe-hint{display:flex;justify-content:center;padding:var(--spacing-sm)}.selector-swipe-hint span{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted)}.selector-nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xl);background:var(--color-background);border-top:var(--divider-thick) solid var(--color-primary);position:sticky;bottom:0}.selector-nav-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:var(--border-button) solid var(--color-primary);font-size:18px;font-weight:var(--font-weight-bold);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.selector-nav-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-primary-text)}.selector-nav-btn:disabled{opacity:.3;cursor:not-allowed}.selector-nav-dots{display:flex;gap:var(--spacing-sm)}.selector-nav-dot{width:10px;height:10px;border:2px solid var(--color-primary);background:transparent;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.selector-nav-dot:hover{transform:scale(1.2)}.selector-nav-dot.is-active{background:var(--color-primary)}@media(min-width:768px){.selector-preview-inner{max-width:480px}.selector-details-title{font-size:var(--font-size-xl)}}@media(min-width:1024px){.feature-selector{min-height:auto}.selector-chips-wrapper{top:var(--header-height)}.selector-preview{padding:var(--spacing-xl) var(--spacing-lg)}.selector-preview-inner{flex-direction:row;align-items:flex-start;max-width:900px;gap:var(--spacing-xxl)}.selector-mockup{flex:0 0 340px;position:sticky;top:calc(var(--header-height) + 120px)}.selector-details{flex:1;min-height:420px}.selector-details-title{font-size:var(--font-size-xxl)}.selector-swipe-hint{display:none}}@media(prefers-reduced-motion:reduce){.selector-chip,.selector-nav-btn,.selector-nav-dot{transition:none}.selector-chips{scroll-behavior:auto}}.hero{min-height:calc(100vh - var(--header-height) - var(--divider-thick));display:flex;align-items:center;padding:var(--spacing-section) 0}.hero-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hero-app-name{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:1.5px;color:var(--color-primary);font-family:var(--font-family-mono)}.hero-label{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.hero-title{font-family:var(--font-family-mono);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);line-height:1.1;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.hero-divider{width:100%;height:var(--divider-thick);background:var(--color-primary)}.hero-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;max-width:400px}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-md)}.hero-visual{display:flex;justify-content:center;perspective:1000px}.hero-phone{width:280px;background:var(--color-background);border:2px solid var(--color-primary);transform:rotateY(-5deg) rotateX(2deg);transition:transform var(--transition-slow)}.hero-phone:hover{transform:rotateY(0) rotateX(0)}.hero-phone-header{padding:var(--spacing-base);border-bottom:var(--divider-thick) solid var(--color-primary)}.hero-phone-label{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:1.5px;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.hero-phone-greeting{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.hero-phone-company{font-family:var(--font-family-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase}.hero-phone-content{padding:var(--spacing-base)}.money-section{margin-bottom:var(--spacing-lg)}.money-label{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:1.2px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase}.money-card{border:1px dashed var(--color-text-muted);padding:var(--spacing-md)}.money-amount{font-family:var(--font-family-mono);font-size:32px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.money-section-dark{background:var(--color-primary);padding:var(--spacing-lg) var(--spacing-base);margin:0 calc(-1 * var(--spacing-base));margin-bottom:var(--spacing-lg)}.money-section-dark .money-label{color:var(--color-danger)}.money-section-dark .money-card{border-color:var(--color-text-secondary);background:transparent}.money-section-dark .money-amount{color:var(--color-primary-text)}.quick-actions{border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary)}.quick-action{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-divider);cursor:pointer;transition:opacity var(--transition-fast)}.quick-action:last-child{border-bottom:none}.quick-action:hover{opacity:.7}.quick-action-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;color:var(--color-text-primary)}.quick-action-arrow{font-size:20px;font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}#features{scroll-margin-top:calc(var(--header-height) + var(--divider-thick) + var(--spacing-lg))}.features-section{position:relative;padding:var(--spacing-section) 0;background:linear-gradient(135deg,#f9fafb,#f1f5f9 60%,#f9fafb);border-top:var(--divider-thick) solid var(--color-primary);border-bottom:var(--divider-thick) solid var(--color-primary);overflow:hidden;--showcase-height: clamp(520px, 78vh, 700px)}.features-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:44px 44px;opacity:.35;pointer-events:none}.features-section:after{content:"";position:absolute;top:-20%;right:-10%;width:320px;height:320px;border:3px solid rgba(0,0,0,.06);transform:rotate(12deg);pointer-events:none}.features-container{position:relative;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.features-header{margin-bottom:var(--spacing-xl);opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.features-header h2{margin-bottom:var(--spacing-sm)}.features-header p{color:var(--color-text-secondary);max-width:520px}.features-header.revealed{opacity:1;transform:translateY(0)}.showcase-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--spacing-xxl);align-items:stretch;min-height:var(--showcase-height)}.showcase-steps{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md);opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;height:var(--showcase-height);overflow-y:auto;padding-right:6px;scrollbar-width:thin}.showcase-steps:before{content:"";position:absolute;left:18px;top:0;bottom:0;width:1px;background:var(--color-border)}.showcase-steps.revealed{opacity:1;transform:translateY(0)}.showcase-step{position:relative;display:grid;grid-template-columns:90px 1fr;gap:var(--spacing-md);text-align:left;background:var(--color-background);border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);transition:transform .3s ease,border-color .2s ease,box-shadow .3s ease,opacity .4s ease,background-color .2s ease,color .2s ease;opacity:0;transform:translateY(8px);cursor:pointer}.showcase-steps.revealed .showcase-step{opacity:1;transform:translateY(0)}.showcase-step.is-active{border-color:var(--color-primary);box-shadow:0 18px 36px #0000001f;transform:translate(8px);background:var(--color-primary);color:var(--color-primary-text)}.showcase-step:hover{border-color:var(--color-primary);transform:translate(4px)}.showcase-step.is-active:hover{transform:translate(8px)}.showcase-step:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.showcase-step-index{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-family:var(--font-family-mono);z-index:1}.showcase-step-number{width:36px;height:36px;border:var(--border-button) solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--font-weight-bold);background:var(--color-background);color:var(--color-primary)}.showcase-step-stat{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;color:var(--color-text-secondary)}.showcase-step.is-active .showcase-step-number{background:var(--color-primary-text);color:var(--color-primary);border-color:var(--color-primary-text)}.showcase-step.is-active .showcase-step-stat{color:#ffffffb3}.showcase-step-kicker{display:block;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase}.showcase-step-content{display:flex;flex-direction:column}.showcase-step h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.showcase-step p{color:var(--color-text-secondary);line-height:1.6;font-size:var(--font-size-sm)}.showcase-step-bullets{margin-top:var(--spacing-sm);padding-left:18px;display:grid;gap:4px;font-size:12px;color:var(--color-text-secondary)}.showcase-step-bullets li::marker{color:var(--color-primary)}.showcase-step-outcome{margin-top:var(--spacing-sm);font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-primary)}.showcase-step.is-active .showcase-step-kicker,.showcase-step.is-active h3,.showcase-step.is-active p,.showcase-step.is-active .showcase-step-bullets,.showcase-step.is-active .showcase-step-outcome{color:#fffc}.showcase-step.is-active h3{color:var(--color-primary-text)}.showcase-step.is-active .showcase-step-bullets li::marker{color:var(--color-primary-text)}.showcase-step-bar{position:absolute;bottom:0;left:0;height:3px;background:var(--color-primary);width:0%}.showcase-step.is-active .showcase-step-bar{background:var(--color-primary-text);animation:stepProgress 9s linear infinite}.showcase-curtain-header{display:none;position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.showcase-curtain-copy{display:flex;flex-direction:column;gap:4px}.showcase-curtain-title{font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-primary)}.showcase-curtain-hint{font-size:11px;color:var(--color-text-secondary);line-height:1.4}.showcase-curtain-close{align-self:start;border:var(--border-button) solid var(--color-primary);padding:6px 10px;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;background:var(--color-primary);color:var(--color-primary-text)}.showcase-curtain-now{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.showcase-curtain-now strong{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.showcase-curtain-tab{position:absolute;top:50%;left:calc(var(--curtain-width, 0%) - 18px);transform:translateY(-50%);width:36px;height:160px;border:var(--border-button) solid var(--color-primary);background:var(--color-background);color:var(--color-primary);display:none;align-items:center;justify-content:center;gap:8px;padding:8px 4px;box-shadow:12px 0 28px #0003;transition:left .3s ease,box-shadow .2s ease,background .2s ease;touch-action:none;cursor:ew-resize;z-index:3}.showcase-curtain-tab-label{writing-mode:vertical-rl;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase}.showcase-curtain-tab-arrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--color-primary);transition:transform .2s ease}.showcase-curtain-tab[data-state=open] .showcase-curtain-tab-arrow{transform:rotate(180deg)}.showcase-preview-badge{display:none;position:absolute;top:14px;left:14px;z-index:2;background:#000c;color:var(--color-primary-text);padding:6px 10px;border:1px solid rgba(255,255,255,.3);font-size:10px;text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:4px}.showcase-preview-badge strong{font-size:11px;font-weight:var(--font-weight-semibold)}.features-section[data-curtain=open] .showcase-preview-badge{display:none}.features-section[data-curtain=closed] .showcase-curtain-tab{animation:tabPulse 3.2s ease-in-out infinite}.showcase-visual{position:relative;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.showcase-visual.revealed{opacity:1;transform:translateY(0)}.showcase-visual:after{content:"";position:absolute;inset:0;background:transparent;transition:background .25s ease;pointer-events:none}.showcase-device{position:relative;border:var(--divider-thick) solid var(--color-primary);background:var(--color-background);display:flex;flex-direction:column;height:var(--showcase-height);overflow:hidden;box-shadow:0 24px 60px #00000029;--showcase-safe: clamp(18px, 2.4vw, 28px)}.showcase-device:before{content:"";position:absolute;top:8px;left:50%;width:120px;height:4px;background:var(--color-border);transform:translate(-50%)}.showcase-screen-stack{position:relative;flex:1;min-height:0;overflow:hidden}.showcase-screen{position:absolute;inset:var(--showcase-safe);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .4s ease,transform .4s ease;pointer-events:none;height:100%;overflow:hidden}.showcase-screen.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.app-screen{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--spacing-sm);scrollbar-width:none;-ms-overflow-style:none}.app-screen::-webkit-scrollbar{width:0;height:0}.app-header{padding-bottom:var(--spacing-md);border-bottom:var(--divider-thick) solid var(--color-primary)}.app-logo{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:1.5px;color:var(--color-primary);margin-bottom:var(--spacing-md)}.app-greeting{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.app-company{font-family:var(--font-family-mono);font-size:22px;font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase}.app-divider{margin-top:var(--spacing-md);height:var(--divider-thick);background:var(--color-primary)}.app-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.app-section-label{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1.2px;color:var(--color-text-secondary)}.app-section-label-danger{color:var(--color-danger)}.app-card{border:1px solid var(--color-border);padding:var(--spacing-md);background:var(--color-background)}.app-card-dashed{border-style:dashed;border-color:var(--color-text-muted)}.app-card-dark{border-color:var(--color-text-secondary);background:transparent}.app-section-dark{background:var(--color-primary);padding:var(--spacing-md);border:2px solid var(--color-primary-text)}.app-section-dark .app-section-label{color:var(--color-danger)}.app-money{font-family:var(--font-family-mono);font-size:30px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.showcase-screen.is-active .app-money{animation:moneyPulse 2.4s ease-in-out infinite}.app-money-light{color:var(--color-primary-text)}.app-action-list{border-top:var(--divider-thick) solid var(--color-primary);border-bottom:var(--divider-thick) solid var(--color-primary)}.app-action-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-divider);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.app-action-row:last-child{border-bottom:none}.app-action-arrow{color:var(--color-text-secondary)}.app-activity-card{border:1px dashed var(--color-text-muted);padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start}.app-activity-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.app-activity-meta{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.app-activity-amount{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold)}.app-header-row{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--divider-thick) solid var(--color-primary);padding-bottom:var(--spacing-sm)}.app-header-simple{border-bottom:1px solid var(--color-border)}.app-header-title{font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-primary)}.app-header-action{font-size:12px;color:var(--color-text-primary)}.app-header-add{border:var(--border-button) solid var(--color-primary);padding:2px 6px;font-weight:var(--font-weight-bold)}.app-header-spacer{width:40px}.app-field{border:1px solid var(--color-border);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.app-field-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.app-field-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.app-date-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm)}.app-section-header{display:flex;align-items:center;justify-content:space-between}.app-section-action{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-primary);border:1px solid var(--color-primary);padding:4px 8px}.app-item-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-item-row{border:1px solid var(--color-border);padding:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.app-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.app-item-meta{font-size:11px;color:var(--color-text-secondary);display:flex;gap:6px;align-items:center}.app-rot-badge{font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-money-accent);background:var(--color-surface-alt);padding:2px 4px}.app-item-total{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold)}.app-totals{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.app-total-row{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-secondary)}.app-total-rot{color:var(--color-money-accent)}.app-total-grand{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-primary);border-top:2px solid var(--color-primary);padding-top:6px;margin-top:4px}.app-notes{border:1px solid var(--color-border);padding:var(--spacing-sm);font-size:12px;color:var(--color-text-secondary);min-height:48px}.app-actions{display:grid;gap:var(--spacing-sm)}.app-button{border:var(--border-button) solid var(--color-primary);padding:10px;text-align:center;font-size:12px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.app-button-primary{background:var(--color-primary);color:var(--color-primary-text)}.app-notification-stack{position:relative;height:70px;overflow:hidden}.app-notification{position:absolute;inset:0;display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);background:var(--color-background);padding:10px;opacity:0;transform:translateY(16px);animation-fill-mode:both;box-shadow:0 10px 18px #00000014}.app-notification.is-info{border-color:var(--color-primary)}.app-notification.is-success{border-color:var(--color-money-accent)}.showcase-screen.is-active .app-notification{animation:notificationCycle 9s ease-in-out infinite}.showcase-screen.is-active .app-notification:nth-child(1){animation-delay:0s}.showcase-screen.is-active .app-notification:nth-child(2){animation-delay:3s}.showcase-screen.is-active .app-notification:nth-child(3){animation-delay:6s}.app-notification-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.app-notification.is-info .app-notification-dot{background:var(--color-primary)}.app-notification.is-success .app-notification-dot{background:var(--color-money-accent)}.app-notification-content{display:flex;flex-direction:column;gap:2px}.app-notification-title{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.app-notification-meta{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.app-status-row{display:flex;justify-content:space-between;align-items:center}.app-status-badge{padding:4px 10px;border:var(--border-button) solid var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted)}.app-status-badge.is-unpaid{border-color:var(--color-danger);color:var(--color-danger)}.app-status-badge.is-paid{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-text)}.app-status-id{font-family:var(--font-family-mono);font-size:12px;color:var(--color-text-secondary)}.app-delivery-story{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);background:var(--color-background);display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-delivery-story-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xs)}.app-delivery-story-title{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;color:var(--color-primary)}.app-delivery-story-meta{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.app-delivery-story-chip{font-size:9px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border:1px solid var(--color-primary);color:var(--color-primary)}.app-delivery-story-row{display:flex;justify-content:space-between;gap:6px;font-size:11px}.app-delivery-story-row+.app-delivery-story-row{border-top:1px dashed var(--color-border);padding-top:4px}.app-delivery-story-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted)}.app-delivery-story-value{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.app-delivery-story-preview{font-size:11px;color:var(--color-text-secondary);line-height:1.4;border-top:1px solid var(--color-border);padding-top:6px}.app-delivery-story-cta{margin-top:4px;padding:8px;background:var(--color-primary);color:var(--color-primary-text);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;text-align:center}.app-delivery-story-helper{font-size:9px;color:var(--color-text-secondary);font-family:var(--font-family-mono);text-align:center}.app-delivery-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-xs)}.app-delivery-insight{border:1px solid var(--color-border);padding:6px;background:var(--color-surface);display:flex;flex-direction:column;gap:2px}.app-delivery-insight-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.app-delivery-insight-value{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.app-delivery-insight.is-info{border-color:var(--color-primary)}.app-delivery-insight.is-success{border-color:var(--color-money-accent)}.app-delivery-card{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-delivery-title{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.app-delivery-sub{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.app-delivery-options{display:grid;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.app-delivery-option{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-border);padding:8px;font-size:12px;font-weight:var(--font-weight-semibold);background:var(--color-background)}.app-delivery-option.is-outline{border-style:dashed}.app-delivery-option.is-stripe{border-color:#635bff;background:#635bff;color:#fff}.app-delivery-option.is-stripe .app-action-arrow{color:#fff}.app-delivery-option .app-action-arrow{font-size:16px}.showcase-screen.is-active .app-delivery-story-cta{animation:deliveryCtaPulse 2.8s ease-in-out infinite}.showcase-screen.is-active .app-delivery-option.is-stripe{animation:deliveryOptionPulse 3s ease-in-out infinite}.showcase-screen.is-active .app-delivery-insight{animation:deliveryInsightPulse 9s ease-in-out infinite}.showcase-screen.is-active .app-delivery-insight:nth-child(2){animation-delay:1s}.showcase-screen.is-active .app-delivery-insight:nth-child(3){animation-delay:2s}.app-tracking{border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-background);display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-tracking-title{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.app-tracking-bar{position:relative;height:2px;background:var(--color-border);overflow:hidden}.app-tracking-bar:after{content:"";position:absolute;inset:0;width:0;background:var(--color-primary)}.showcase-screen.is-active .app-tracking-bar:after{animation:trackingProgress 9s linear infinite}.app-tracking-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.app-tracking-state{display:flex;align-items:center;gap:6px;font-weight:var(--font-weight-semibold)}.app-tracking-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.app-tracking-dot.is-complete{background:var(--color-primary)}.app-tracking-dot.is-active{background:var(--color-money-accent);animation:statusPulse 1.8s ease-in-out infinite}.app-tracking-dot.is-pending{background:var(--color-warning)}.app-tracking-meta{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.app-stripe-description{font-size:12px;color:var(--color-text-secondary);line-height:1.5}.stripe-flow-card{border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-background);display:flex;flex-direction:column;gap:var(--spacing-xs)}.stripe-flow-title{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.stripe-flow{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs);padding-left:16px}.stripe-flow:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--color-border)}.stripe-flow:after{content:"";position:absolute;left:6px;top:4px;height:0;width:2px;background:var(--color-money-accent);opacity:.8}.showcase-screen.is-active .stripe-flow:after{animation:stripeFlowFill 9s linear infinite}.stripe-flow-step{position:relative;border:1px solid var(--color-border);padding:8px;background:var(--color-surface);display:flex;flex-direction:column;gap:2px}.stripe-flow-step:before{content:"";position:absolute;left:-14px;top:12px;width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.stripe-flow-step.is-complete:before{background:var(--color-primary)}.stripe-flow-step.is-active:before{background:var(--color-money-accent);animation:statusPulse 1.8s ease-in-out infinite}.stripe-flow-step.is-pending{border-style:dashed}.stripe-flow-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.stripe-flow-value{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.stripe-flow-meta{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.stripe-balance{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);background:var(--color-background);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs)}.stripe-balance-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.stripe-balance-meta{font-size:9px;color:var(--color-text-muted);font-family:var(--font-family-mono)}.stripe-balance-value{font-family:var(--font-family-mono);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.showcase-screen.is-active .stripe-balance-value{animation:moneyPulse 2.6s ease-in-out infinite}.stripe-status{padding:4px 8px;background:var(--color-money-accent);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase}.stripe-info-card{border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--spacing-xs)}.stripe-info-row{display:flex;justify-content:space-between;align-items:center}.stripe-info-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.stripe-info-value{font-size:12px;font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono);color:var(--color-text-primary)}.stripe-capabilities{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border)}.stripe-capability{display:flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.stripe-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.stripe-dot.is-active{background:var(--color-money-accent)}.stripe-button{margin-top:var(--spacing-xs);background:#635bff;color:#fff;text-align:center;padding:10px;font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px}.client-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.client-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-border);padding:10px;background:var(--color-surface)}.client-row.is-focus{border-color:var(--color-primary);background:var(--color-background);box-shadow:0 10px 20px #0000001f}.showcase-screen.is-active .client-row.is-focus{animation:clientFocus 9s ease-in-out infinite}.client-name{font-size:12px;font-weight:var(--font-weight-semibold)}.client-meta{font-size:10px;color:var(--color-text-secondary)}.client-balance{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.client-status{font-size:9px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--color-text-muted);color:var(--color-text-muted);padding:2px 6px}.client-status.is-active{border-color:var(--color-primary);color:var(--color-primary)}.client-status.is-paid{border-color:var(--color-money-accent);color:var(--color-money-accent)}.client-amount{font-family:var(--font-family-mono);font-size:12px;font-weight:var(--font-weight-semibold)}.client-summary{margin-top:var(--spacing-xs);border:1px solid var(--color-primary);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.client-summary-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.client-summary-value{font-family:var(--font-family-mono);font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.client-summary-meta{font-size:10px;color:var(--color-text-secondary)}.client-memory-card{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);background:var(--color-background);display:flex;flex-direction:column;gap:var(--spacing-xs)}.client-memory-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xs)}.client-memory-title{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-primary)}.client-memory-sub{font-size:10px;color:var(--color-text-secondary)}.client-memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xs)}.client-memory-item{border:1px dashed var(--color-border);padding:6px;background:var(--color-surface);display:flex;flex-direction:column;gap:2px}.client-memory-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.client-memory-value{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.client-memory-note{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.client-memory-tags{display:flex;flex-wrap:wrap;gap:6px}.client-memory-tag{font-size:9px;text-transform:uppercase;letter-spacing:.4px;border:1px solid var(--color-border);padding:2px 6px;background:var(--color-surface)}.showcase-screen.is-active .client-memory-tag{animation:tagFloat 6s ease-in-out infinite}.showcase-screen.is-active .client-memory-tag:nth-child(2){animation-delay:1s}.showcase-screen.is-active .client-memory-tag:nth-child(3){animation-delay:2s}.client-autofill-card{border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--spacing-xs)}.client-autofill-title{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.client-autofill-rows{display:flex;flex-direction:column;gap:6px}.client-autofill-row{display:flex;justify-content:space-between;font-size:11px;font-weight:var(--font-weight-semibold);padding-bottom:4px;border-bottom:1px dashed var(--color-border)}.client-autofill-row:last-child{border-bottom:none;padding-bottom:0}.client-autofill-footer{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.showcase-screen.is-active .client-autofill-row{animation:autofillGlow 9s ease-in-out infinite}.showcase-screen.is-active .client-autofill-row:nth-child(2){animation-delay:.8s}.showcase-screen.is-active .client-autofill-row:nth-child(3){animation-delay:1.6s}.app-search{border:1px solid var(--color-border);padding:var(--spacing-sm);font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.receipt-scan-card{border:var(--border-button) solid var(--color-primary);padding:var(--spacing-sm);display:grid;grid-template-columns:1fr 120px;gap:var(--spacing-sm);align-items:center}.receipt-scan-title{font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase}.receipt-scan-sub{font-size:10px;color:var(--color-text-secondary);letter-spacing:1px}.receipt-scan-preview{position:relative;height:64px;border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.receipt-scan-preview:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);top:-6px;opacity:0}.showcase-screen.is-active .receipt-scan-preview:after{animation:scanLine 2.2s linear infinite;opacity:.6}.receipt-scan-lines{display:flex;flex-direction:column;gap:6px;padding:8px}.receipt-scan-lines span{height:6px;background:var(--color-border)}.receipt-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.receipt-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);align-items:center;border:1px solid var(--color-border);padding:var(--spacing-sm);background:var(--color-surface)}.receipt-thumb{width:36px;height:36px;border:var(--border-button) solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-secondary);background:var(--color-background)}.receipt-merchant{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:2px}.receipt-meta{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.receipt-total{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold)}.showcase-tabbar{border-top:var(--divider-thick) solid var(--color-primary);display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-background);flex-shrink:0;padding:8px var(--showcase-safe) 12px}.showcase-tab{text-align:center;padding:6px 0;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-secondary);border-right:var(--divider-thin) solid var(--color-border)}.showcase-tab:last-child{border-right:none}.showcase-tabbar[data-active=home] .showcase-tab[data-tab=home],.showcase-tabbar[data-active=invoices] .showcase-tab[data-tab=invoices],.showcase-tabbar[data-active=clients] .showcase-tab[data-tab=clients],.showcase-tabbar[data-active=more] .showcase-tab[data-tab=more]{color:var(--color-primary);font-weight:var(--font-weight-bold)}@keyframes scanLine{0%{transform:translateY(0)}to{transform:translateY(72px)}}@keyframes notificationCycle{0%{opacity:0;transform:translateY(16px)}10%{opacity:1;transform:translateY(0)}35%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-12px)}to{opacity:0;transform:translateY(-12px)}}@keyframes stepProgress{0%{width:0%}to{width:100%}}@keyframes moneyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}}@keyframes deliveryCtaPulse{0%,to{transform:translateY(0);box-shadow:0 0 #0000}50%{transform:translateY(-2px);box-shadow:0 12px 24px #0000002e}}@keyframes deliveryOptionPulse{0%,to{box-shadow:0 0 #635bff00}50%{box-shadow:0 10px 18px #635bff59}}@keyframes deliveryInsightPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes trackingProgress{0%{width:0%}to{width:100%}}@keyframes stripeFlowFill{0%{height:0%;opacity:0}20%{opacity:1}to{height:100%;opacity:1}}@keyframes clientFocus{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes autofillGlow{0%,to{background:transparent;box-shadow:none}50%{background:#0000000f;box-shadow:inset 0 0 0 1px #0000001f}}@keyframes tagFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes tabPulse{0%,to{box-shadow:12px 0 28px #0003}50%{box-shadow:18px 0 36px #0000004d}}@media(prefers-reduced-motion:reduce){.showcase-screen,.showcase-step,.showcase-steps,.showcase-visual,.showcase-screen.is-active .app-money,.showcase-screen.is-active .receipt-scan-preview:after,.app-tracking-dot.is-active,.app-notification,.showcase-step-bar,.showcase-screen.is-active .app-delivery-story-cta,.showcase-screen.is-active .app-delivery-option.is-stripe,.showcase-screen.is-active .app-delivery-insight,.showcase-screen.is-active .app-tracking-bar:after,.showcase-screen.is-active .stripe-flow:after,.stripe-flow-step.is-active:before,.showcase-screen.is-active .stripe-balance-value,.showcase-screen.is-active .client-row.is-focus,.showcase-screen.is-active .client-autofill-row,.showcase-screen.is-active .client-memory-tag,.features-section[data-curtain=closed] .showcase-curtain-tab{animation:none!important;transition:none!important}.showcase-step.is-active .showcase-step-bar{width:100%}}.problem-section{padding:var(--spacing-section) 0;background:var(--color-primary)}.problem-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xxl);align-items:center;opacity:0;transform:translate(-20px)}.problem-container.revealed{opacity:1;transform:translate(0)}.problem-stat{font-family:var(--font-family-mono);font-size:80px;font-weight:var(--font-weight-extrabold);color:var(--color-primary-text);letter-spacing:-2px;line-height:1}.problem-text{border-left:var(--divider-thick) solid var(--color-primary-text);padding-left:var(--spacing-lg)}.problem-text .section-label{color:var(--color-danger)}.problem-text h2{color:var(--color-primary-text);margin-bottom:var(--spacing-sm)}.problem-text p{color:var(--color-primary-text);opacity:.8;line-height:1.6}.trust-section{padding:var(--spacing-xl) 0;border-top:var(--divider-thick) solid var(--color-primary);border-bottom:var(--divider-thick) solid var(--color-primary)}.trust-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:center;gap:var(--spacing-xxl);opacity:0}.trust-container.revealed{opacity:1}.trust-badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs)}.trust-badge svg{width:32px;height:32px;stroke:var(--color-primary)}.trust-badge span{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:1px}.trust-badge p{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.faq-section{padding:var(--spacing-section) 0;background:var(--color-surface)}.faq-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.faq-header{margin-bottom:var(--spacing-xl);opacity:0;transform:translateY(20px)}.faq-header.revealed{opacity:1;transform:translateY(0)}.faq-list{border-top:var(--divider-thick) solid var(--color-primary)}.faq-item{border-bottom:1px solid var(--color-border);cursor:pointer}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.faq-toggle{font-family:var(--font-family-mono);font-size:24px;font-weight:var(--font-weight-normal);color:var(--color-text-secondary);width:24px;text-align:center}.faq-item.open .faq-toggle{color:var(--color-primary)}.faq-answer{padding:0 0 var(--spacing-lg) 0;color:var(--color-text-secondary);line-height:1.7;border-left:2px solid var(--color-primary);padding-left:var(--spacing-md);margin-left:var(--spacing-sm)}.newsletter-section{padding:var(--spacing-section) 0;border-top:var(--divider-thick) solid var(--color-primary)}.newsletter-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center;opacity:0;transform:translateY(20px)}.newsletter-container.revealed{opacity:1;transform:translateY(0)}.newsletter-content h2{margin-bottom:var(--spacing-sm)}.newsletter-content p{color:var(--color-text-secondary);line-height:1.6}.newsletter-form{display:flex;gap:var(--spacing-sm)}.newsletter-form input{flex:1;padding:14px var(--spacing-md);font-size:var(--font-size-base);border:2px solid var(--color-primary);background:var(--color-background);font-family:inherit}.newsletter-form input::placeholder{color:var(--color-text-muted)}.newsletter-form input:focus{outline:none;border-color:var(--color-primary)}.newsletter-success{font-family:var(--font-family-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-primary);padding:var(--spacing-lg);border:2px solid var(--color-primary);text-align:center}.cta-section{padding:var(--spacing-section) 0;background:var(--color-primary)}.cta-container{max-width:600px;margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.cta-section h2{color:var(--color-primary-text);margin-bottom:var(--spacing-sm)}.cta-section p{color:var(--color-primary-text);opacity:.8;margin-bottom:var(--spacing-lg)}.cta-section .btn{background:var(--color-primary-text);color:var(--color-primary)}.cta-section .btn:hover{opacity:.9}[class*=container].revealed{transition:none}@media(max-width:900px){.hero-container{grid-template-columns:1fr;gap:var(--spacing-xl)}.features-section{--showcase-height: clamp(500px, 78vh, 640px)}.hero-visual{order:-1}.hero-phone{width:260px;transform:none}.showcase-grid{grid-template-columns:1fr;gap:var(--spacing-xl);min-height:var(--showcase-height);height:var(--showcase-height);position:relative}.showcase-visual{order:0;height:100%;z-index:1;transition:transform .25s ease,filter .25s ease}.showcase-preview-badge{display:flex}.showcase-steps{position:absolute;top:0;left:0;height:100%;width:var(--curtain-width, 0%);z-index:2;gap:var(--spacing-sm);padding:var(--spacing-lg) calc(var(--spacing-lg) + 16px) var(--spacing-lg) var(--spacing-lg);overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transform:translate(var(--curtain-translate, -100%));transition:width .25s ease,opacity .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease}.showcase-steps:before{display:none}.features-section[data-curtain=open] .showcase-steps{border-right:2px solid var(--color-primary);background:#fffffff0;box-shadow:16px 0 34px #00000038;opacity:1;pointer-events:auto}.features-section[data-curtain=closed] .showcase-steps{border-right:none;background:transparent;box-shadow:none}.showcase-step{grid-template-columns:72px 1fr}.showcase-step-index{flex-direction:column;align-items:flex-start}.showcase-step.is-active,.showcase-step:hover,.showcase-step.is-active:hover{transform:translate(0)}.showcase-curtain-tab.is-visible{display:flex}.showcase-device{--showcase-safe: 16px}.showcase-curtain-header{display:grid}.features-section[data-curtain=open] .showcase-visual{filter:blur(1.2px) saturate(.9) brightness(.95);transform:scale(.985)}.features-section[data-curtain=open] .showcase-visual:after{background:#0000002e}.problem-container{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.problem-text{border-left:none;padding-left:0;border-top:var(--divider-thick) solid var(--color-primary-text);padding-top:var(--spacing-lg)}.problem-stat{font-size:64px}.trust-container{gap:var(--spacing-lg)}.newsletter-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.newsletter-form{flex-direction:column}}@media(max-width:600px){.hero{min-height:auto;padding:var(--spacing-xl) 0}.hero-content{text-align:center}.hero-subtitle{max-width:none}.hero-actions{justify-content:center}.hero-divider{margin:0 auto;width:60%}.features-section{--showcase-height: clamp(460px, 74vh, 560px)}.showcase-steps{gap:var(--spacing-xs);padding:var(--spacing-md) calc(var(--spacing-md) + 14px) var(--spacing-md) var(--spacing-md)}.showcase-step{padding:var(--spacing-md);grid-template-columns:64px 1fr}.showcase-curtain-tab{height:120px;width:28px;left:max(0px,calc(var(--curtain-width, 0%) - 14px))}.showcase-step-number{width:32px;height:32px}.showcase-device{--showcase-safe: 14px}.app-date-row,.app-delivery-insights,.client-memory-grid{grid-template-columns:1fr}.stripe-balance{flex-direction:column;align-items:flex-start}.receipt-scan-card{grid-template-columns:1fr}.trust-container{flex-direction:column;gap:var(--spacing-xl)}.problem-stat{font-size:48px}}.contact-page{padding:var(--spacing-section) 0;min-height:calc(100vh - var(--header-height))}.contact-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.contact-header{margin-bottom:var(--spacing-xl)}.contact-header h1{margin-bottom:var(--spacing-sm)}.contact-header>p:last-child{color:var(--color-text-secondary);max-width:500px}.contact-divider{height:var(--divider-thick);background:var(--color-primary);margin-bottom:var(--spacing-xl)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);padding:var(--spacing-lg)}.contact-card-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:var(--spacing-sm)}.contact-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.contact-card a{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary)}.contact-form-wrapper{background:var(--color-background);border:2px solid var(--color-primary);padding:var(--spacing-lg)}.contact-form h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:var(--divider-thick) solid var(--color-primary)}.form-group{margin-bottom:var(--spacing-base)}.form-group label{display:block;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-background);border:2px solid var(--color-border);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{min-height:120px;resize:vertical}.contact-form .btn{width:100%;margin-top:var(--spacing-md)}.contact-form .btn:disabled{opacity:.6;cursor:not-allowed}.form-success{background:#00b46414;border:1px solid rgba(0,180,100,.3);color:#00b464;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);font-family:var(--font-family-mono)}.form-error{background:#e63c3c14;border:1px solid rgba(230,60,60,.3);color:#e63c3c;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);font-family:var(--font-family-mono)}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface)}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}}.legal-page{padding:var(--spacing-section) 0;min-height:calc(100vh - var(--header-height))}.legal-container{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.legal-header{margin-bottom:var(--spacing-xl)}.legal-header h1{margin-bottom:var(--spacing-sm)}.legal-meta{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.legal-divider{height:var(--divider-thick);background:var(--color-primary);margin-bottom:var(--spacing-xl)}.legal-content{line-height:1.8}.legal-content h2{font-size:var(--font-size-md);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.legal-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.legal-content h3{font-size:var(--font-size-sm);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.legal-content p{margin-bottom:var(--spacing-base);color:var(--color-text-secondary)}.legal-content ul,.legal-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-base);color:var(--color-text-secondary)}.legal-content li{margin-bottom:var(--spacing-sm);line-height:1.6}.legal-content a{color:var(--color-primary);border-bottom:1px solid var(--color-primary)}.legal-content a:hover{opacity:.7}.legal-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.legal-info-box{background:var(--color-surface);border:1px dashed var(--color-text-muted);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.legal-info-box.legal-tldr{background:var(--color-primary);border:var(--divider-thick) solid var(--color-primary);color:var(--color-primary-text)}.legal-info-box.legal-tldr h4{color:var(--color-danger)}.legal-info-box.legal-tldr p{color:var(--color-primary-text);opacity:.85}.legal-info-box h4{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:var(--spacing-sm)}.legal-info-box p{font-size:var(--font-size-sm);margin-bottom:0}.legal-highlight{background:var(--color-primary);color:var(--color-primary-text);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.legal-highlight h4{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-primary-text);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:var(--spacing-sm);opacity:.8}.legal-highlight p{color:var(--color-primary-text);font-size:var(--font-size-sm);margin-bottom:0}.legal-toc{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.legal-toc h4{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:var(--spacing-md)}.legal-toc ul{list-style:none;margin:0;padding:0}.legal-toc li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);border-left:2px solid var(--color-border);transition:border-color var(--transition-fast)}.legal-toc li:hover{border-color:var(--color-primary)}.legal-toc a{font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:none}.legal-toc a:hover{color:var(--color-primary)}.about-page{padding:var(--spacing-section) 0}.about-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.about-header{margin-bottom:var(--spacing-xl)}.about-header h1{margin-bottom:var(--spacing-sm)}.about-header p{color:var(--color-text-secondary);max-width:480px}.about-divider{width:100%;height:var(--divider-thick);background:var(--color-primary);margin-bottom:var(--spacing-xl)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl)}.about-mission h2{margin-bottom:var(--spacing-md)}.about-mission p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.about-team{border-left:var(--divider-thick) solid var(--color-primary);padding-left:var(--spacing-lg)}.about-team h2{margin-bottom:var(--spacing-lg)}.about-team-intro{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.team-member{margin-bottom:var(--spacing-lg)}.team-member:last-child{margin-bottom:0}.team-member-name{font-family:var(--font-family-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.team-member-role{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.about-details{margin-top:var(--spacing-section);padding-top:var(--spacing-xl);border-top:var(--divider-thick) solid var(--color-primary);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.about-detail{padding:var(--spacing-lg);border:1px dashed var(--color-text-muted)}.about-detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm)}.about-detail-value{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.about-philosophy{margin-top:var(--spacing-section);padding:var(--spacing-xl);background:var(--color-primary)}.about-philosophy h2{color:var(--color-primary-text);margin-bottom:var(--spacing-md)}.about-philosophy p{color:var(--color-primary-text);opacity:.8;line-height:1.7}@media(max-width:768px){.about-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-team{border-left:none;padding-left:0;border-top:var(--divider-thick) solid var(--color-primary);padding-top:var(--spacing-lg)}.about-details{grid-template-columns:1fr}}.features-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height))}.features-page-intro{background:var(--color-primary);color:var(--color-primary-text);padding:var(--spacing-xl) var(--spacing-lg);border-bottom:var(--divider-thick) solid var(--color-primary-text)}.features-page-intro-content{max-width:var(--max-width);margin:0 auto}.features-page-intro .section-label{color:#fff9}.features-page-intro h1{color:var(--color-primary-text);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xxl)}.features-page-intro p{color:#fffc;font-size:var(--font-size-base);max-width:500px}@media(min-width:768px){.features-page-intro{padding:var(--spacing-xxl) var(--spacing-lg)}.features-page-intro h1{font-size:var(--font-size-hero)}}