:root{--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-tertiary: #1f2937;--bg-card: rgba(17, 24, 39, .85);--bg-card-hover: rgba(31, 41, 55, .95);--border-color: rgba(255, 255, 255, .1);--border-focus: #3b82f6;--text-primary: #f9fafb;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent-blue: #2874f0;--accent-blue-hover: #1e5bc6;--accent-blue-glow: rgba(40, 116, 240, .25);--primary: #2874f0;--primary-hover: #1e5bc6;--accent-amber: #f59e0b;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-purple: #8b5cf6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px -5px rgba(40, 116, 240, .4);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px}.light-theme{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: #ffffff;--border-color: rgba(0, 0, 0, .08);--border-focus: #2874f0;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent-blue: #2874f0;--accent-blue-hover: #1e5bc6;--accent-blue-glow: rgba(40, 116, 240, .15);--primary: #2874f0;--primary-hover: #1e5bc6;--accent-amber: #d97706;--accent-emerald: #059669;--accent-rose: #e11d48;--accent-purple: #7c3aed;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px -3px rgba(40, 116, 240, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100vw;width:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0% 0%,rgba(40,116,240,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.06) 0px,transparent 50%);background-attachment:fixed}button,input,select{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #2874f04d}50%{box-shadow:0 0 30px #2874f099}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .25s ease-out forwards}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-container{max-width:1440px;width:100%;margin:0 auto;padding:1.25rem 1.25rem 6.5rem;display:flex;flex-direction:column;gap:1.25rem;flex:1}.top-header-wrapper{position:sticky;top:0;left:0;right:0;width:100%;z-index:1000;display:flex;flex-direction:column}.glass-header{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);border-top:none;border-left:none;border-right:none;border-radius:0;padding:.65rem 1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 4px #00000026;width:100%;gap:.75rem;flex-wrap:nowrap}.header-brand{display:flex;align-items:center;gap:.65rem;flex:1 1 0%;justify-content:flex-start;min-width:0}.header-center{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0}.header-nav-tabs{display:flex;align-items:center;gap:.25rem;background:var(--bg-tertiary);padding:3px;border-radius:var(--radius-md);border:1px solid var(--border-color);flex-shrink:0}.nav-tab-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:6px;font-size:.775rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.nav-tab-btn.active-tab{color:#fff;background:var(--accent-blue);font-weight:700;box-shadow:0 2px 8px #2874f059}.nav-count-badge{background:#10b981;color:#fff;font-size:.68rem;font-weight:800;padding:.05rem .4rem;border-radius:9999px;line-height:1}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex:1 1 0%;flex-wrap:nowrap;min-width:0}.preset-selector-pill{display:flex;align-items:center;background:var(--bg-tertiary);padding:2px 3px 2px 7px;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;max-width:100%}.preset-selector-pill select{background:transparent;color:var(--text-primary);border:none;font-size:.775rem;font-weight:600;cursor:pointer;outline:none;padding-right:4px;max-width:220px;text-overflow:ellipsis;white-space:nowrap}.preset-reload-btn{display:inline-flex;align-items:center;gap:.3rem;transition:all .15s ease}.preset-reload-btn:hover{background:#2874f01f!important}.reload-btn-text{font-size:.725rem;font-weight:600;display:inline}.preset-btn-text{font-size:.725rem;display:inline}.header-btn-text-short{display:none}.header-btn-text-full,.header-pricing-text,.header-options-text{display:inline}.header-signin-badge{display:inline-block}.header-options-btn{transition:all .2s cubic-bezier(.16,1,.3,1);border-radius:var(--radius-md);user-select:none}.header-options-btn:hover{background:var(--bg-tertiary)!important;color:var(--text-primary);border-color:#2874f066!important;box-shadow:0 0 10px #2874f026}.header-options-btn.active{box-shadow:0 0 12px #2874f040}.header-dropdown-menu{transform-origin:top right;animation:dropdownPop .18s cubic-bezier(.16,1,.3,1);max-width:min(280px,calc(100vw - 16px))!important;box-sizing:border-box}@keyframes dropdownPop{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-toggle-row:hover{background:var(--bg-tertiary)!important}.dropdown-menu-item{transition:background .15s ease,color .15s ease,transform .1s ease}.dropdown-menu-item:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.dropdown-menu-item.dropdown-danger:hover{background:#f43f5e1f!important}.custom-switch{width:32px;height:18px;background:var(--border-color);border-radius:9999px;position:relative;transition:background .2s ease,box-shadow .2s ease;flex-shrink:0}.custom-switch.checked{background:#10b981;box-shadow:0 0 8px #10b98166}.custom-switch .switch-thumb{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #00000040}.custom-switch.checked .switch-thumb{transform:translate(14px)}.pricing-hero-title{font-size:clamp(1.65rem,5vw,2.5rem);word-break:break-word}.pricing-hero-subtitle{font-size:clamp(.9rem,2.8vw,1.05rem);word-break:break-word}@media(max-width:900px){.glass-header{padding:.5rem .85rem;gap:.5rem}.app-container{padding:.75rem .75rem 6.5rem}.header-subtitle{display:none}.header-brand{flex:0 0 auto}.header-center{flex:1 1 auto}.header-tools{flex:0 0 auto}.preset-selector-pill select{max-width:130px}}@media(max-width:680px){.header-brand-free-tag{display:none!important}.reload-btn-text,.preset-btn-text,.header-btn-text-full{display:none}.header-btn-text-short{display:inline}.header-pricing-text,.header-options-text,.header-signin-badge{display:none}}@media(max-width:520px){.glass-header{padding:.4rem .5rem;gap:.3rem}.header-brand{gap:.35rem;flex:0 0 auto}.header-brand svg{width:30px!important;height:30px!important}.header-brand span{font-size:1.05rem!important}.header-center{flex:1 1 auto;justify-content:center}.header-tools{flex:0 0 auto;gap:.25rem}.header-tools .btn{padding:.26rem .45rem!important;font-size:.72rem!important}.preset-selector-pill{padding:2px 4px;max-width:155px}.preset-select-dropdown{max-width:85px!important;font-size:.725rem!important}.preset-adjust-btn,.preset-reload-btn{padding:.2rem .35rem!important}}@media(max-width:380px){.glass-header{padding:.35rem .4rem;gap:.2rem}.header-brand span{font-size:.95rem!important}.preset-select-dropdown{max-width:65px!important;font-size:.68rem!important}.header-tools{gap:.2rem}.header-tools .btn{padding:.22rem .35rem!important}}.stepper-container{display:flex;align-items:center;gap:.4rem;background:var(--bg-tertiary);padding:.25rem .6rem;border-radius:9999px;border:1px solid var(--border-color);box-shadow:inset 0 1px 2px #00000014;white-space:nowrap;flex-shrink:0}.step-item{display:flex;align-items:center;gap:.3rem;font-size:.725rem;font-weight:600;color:var(--text-muted);white-space:nowrap;transition:all .2s ease}.step-icon{width:18px;height:18px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center}.step-active{color:var(--text-primary)}.step-active .step-icon{background:var(--accent-blue);color:#fff}.step-highlight{color:var(--accent-emerald)}.step-highlight .step-icon{background:var(--accent-emerald);color:#fff}.step-divider{width:12px;height:2px;background:var(--border-color);border-radius:2px}.badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.725rem;font-weight:700;padding:.2rem .55rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.badge-blue{background:#2874f026;color:#60a5fa;border:1px solid rgba(40,116,240,.3)}.badge-emerald{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.85rem;padding:.55rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent-blue) 0%,#1d4ed8 100%);color:#fff;box-shadow:0 4px 14px #2874f059}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6 0%,var(--accent-blue) 100%);box-shadow:0 6px 20px #2874f073}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-secondary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:.35rem .65rem;font-size:.75rem;border-radius:var(--radius-sm)}.dropzone-container{border:2px dashed var(--border-color);background:var(--bg-card);border-radius:var(--radius-xl);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.dropzone-container:hover,.dropzone-container.is-dragover{border-color:var(--accent-blue);background:#2874f00a;box-shadow:var(--shadow-glow)}.visual-how-it-works{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--bg-tertiary);padding:.65rem 1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.visual-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.4rem .75rem;border-radius:var(--radius-md);font-weight:700;line-height:1.2}.visual-box-title{font-size:.775rem;font-weight:800}.visual-box-sub{font-size:.68rem;font-weight:600;color:inherit}.visual-a4{background:#ffffff14;border:1px dashed var(--text-secondary);color:var(--text-primary)}.visual-label{background:#2874f038;border:1px solid rgba(40,116,240,.6);color:#93c5fd}.visual-invoice{background:#10b98138;border:1px solid rgba(16,185,129,.6);color:#6ee7b7}.compact-dropzone{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);padding:.75rem 1.25rem;border-radius:var(--radius-lg);border:1px dashed var(--border-color);transition:all .2s ease}.compact-dropzone:hover{border-color:var(--accent-blue);background:#2874f008}.btn-clear-orders{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .9rem;font-size:.8125rem;font-weight:600;color:var(--accent-rose, #ef4444);background:#f43f5e14;border:1px solid rgba(244,63,94,.28);border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-clear-orders:hover{background:#f43f5e29;border-color:#f43f5e8c;color:#fb7185;transform:translateY(-1px)}.btn-clear-orders:active{transform:translateY(0)}.btn-clear-orders:disabled{opacity:.5;cursor:not-allowed;transform:none}.viewer-control-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;background:var(--bg-card);padding:.75rem 1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.sync-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:1.25rem}@media(max-width:768px){.sync-grid{grid-template-columns:1fr}}.sync-card{background:var(--bg-card);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.sync-card:hover{border-color:#2874f066;transform:translateY(-2px);box-shadow:var(--shadow-xl)}.sync-card.is-excluded{opacity:.45;filter:grayscale(.7)}.sync-panes-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.875rem;background:var(--bg-secondary);align-items:center}.pane-preview{display:flex;flex-direction:column;gap:.4rem}.pane-preview-canvas{position:relative;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 6px #00000026;border:1px solid rgba(0,0,0,.1);aspect-ratio:4 / 6;display:flex;align-items:center;justify-content:center}.pane-preview-canvas.invoice-ratio{aspect-ratio:1 / 1.35}.pane-preview-canvas img{width:100%;height:100%;object-fit:contain}.sticky-export-bar{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:0 10px 40px #0006,0 0 20px var(--accent-blue-glow);padding:.625rem 1.25rem;border-radius:9999px;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:.875rem;z-index:50;max-width:95vw}.export-selection-badge{display:flex;align-items:center;gap:.5rem;padding-right:.875rem;border-right:1px solid var(--border-color);flex-shrink:0}.export-actions-row{display:flex;align-items:center;gap:.625rem;flex-wrap:nowrap;white-space:nowrap}.btn-text-short{display:none}.btn-text-full{display:inline}.export-hero-btn{padding:.55rem 1.15rem;font-size:.875rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98166;flex-shrink:0}.export-hero-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98180}.export-action-btn{padding:.5rem .875rem;font-size:.8rem;flex-shrink:0}.export-action-btn.is-active{background:var(--bg-tertiary);border-color:var(--accent-blue)}@media(max-width:860px){.sticky-export-bar{padding:.45rem .85rem;gap:.5rem;bottom:.85rem}.export-selection-badge{padding-right:.5rem;gap:.35rem}.export-actions-row{gap:.4rem}.btn-text-full{display:none}.btn-text-short{display:inline}.export-hero-btn{padding:.45rem .75rem;font-size:.8rem}.export-action-btn{padding:.45rem .6rem;font-size:.775rem}}@media(max-width:540px){.sticky-export-bar{bottom:0;left:0;transform:none;width:100%;max-width:100%;border-radius:14px 14px 0 0;padding:.5rem .65rem calc(.5rem + env(safe-area-inset-bottom,0px));gap:.35rem;justify-content:space-between;overflow:visible}.export-sel-label{display:none}.export-actions-row{gap:.3rem}.export-hero-btn{padding:.4rem .6rem;font-size:.75rem}.export-action-btn{padding:.4rem .5rem;font-size:.725rem}}.popover-backdrop{position:fixed;inset:0;z-index:9998;background:#0000004d;backdrop-filter:blur(2px)}.more-options-popover{position:absolute;bottom:calc(100% + 12px);right:0;width:270px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 15px 35px #00000080,0 0 20px #0000004d;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:9999}@media(max-width:600px){.more-options-popover{position:fixed;bottom:60px;right:10px;left:auto;width:calc(100vw - 20px);max-width:320px;z-index:99999}}.popover-menu-item{display:flex;align-items:flex-start;gap:.625rem;background:transparent;border:none;color:var(--text-primary);text-align:left;padding:.5rem .625rem;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease;font-size:.8rem;width:100%}.popover-menu-item:hover{background:var(--bg-tertiary)}.modal-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}.modal-calibrator{width:96vw;max-width:1440px;height:94vh;max-height:94vh;display:flex;flex-direction:column;overflow:hidden!important}.modal-calibrator.is-maximized{width:99vw;max-width:99vw;height:98vh;max-height:98vh;border-radius:8px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media print{.no-print{display:none!important}}.header-nav-tabs{display:flex;align-items:center;gap:.35rem;background:var(--bg-tertiary);padding:.2rem .35rem;border-radius:9999px;border:1px solid var(--border-color)}.nav-tab-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:9999px;font-size:.775rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.nav-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.nav-tab-btn.active-tab{color:#fff;background:var(--accent-blue);box-shadow:0 2px 8px #2874f059}.nav-count-badge{font-size:.65rem;background:#10b981;color:#fff;padding:.05rem .35rem;border-radius:9999px;font-weight:700}@media(max-width:768px){.header-nav-tabs{order:3;width:100%;justify-content:center;margin-top:.4rem}}.page-view-container{max-width:1120px;margin:0 auto;padding:2rem 1.25rem 4rem;animation:fadeIn .3s ease}.gradient-text{background:linear-gradient(135deg,#38bdf8,#2874f0,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pulse-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2874f066}.landing-page-root{max-width:1180px;width:100%;margin:0 auto;padding:1.25rem .5rem 4rem;animation:fadeIn .3s ease;box-sizing:border-box}.landing-hero-container{text-align:center;padding:clamp(1.5rem,5vw,3rem) clamp(.75rem,3vw,1.25rem);background:radial-gradient(circle at 50% 20%,rgba(40,116,240,.12) 0%,transparent 70%);border-radius:var(--radius-xl);border:1px solid var(--border-color);margin-bottom:3rem;width:100%;box-sizing:border-box}.hero-announcement-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem;border-radius:9999px;background:#2874f01f;border:1px solid rgba(40,116,240,.3);color:#38bdf8;font-size:.775rem;font-weight:700;margin-bottom:1.25rem;max-width:100%;line-height:1.3}.landing-hero-headline{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1rem;max-width:860px;margin-left:auto;margin-right:auto;word-break:break-word;overflow-wrap:break-word}.landing-hero-subheadline{font-size:clamp(.875rem,2.8vw,1.05rem);color:var(--text-secondary);line-height:1.6;max-width:760px;margin:0 auto 1.75rem;word-break:break-word;overflow-wrap:break-word}.hero-cta-group,.landing-hero-buttons{display:flex;justify-content:center;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:2rem;width:100%}.hero-cta-group .btn,.landing-hero-buttons .btn{max-width:100%}.hero-samples-banner{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);max-width:650px;width:100%;margin:0 auto;box-sizing:border-box}.sample-pill-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);transition:all .2s ease;max-width:100%;flex-wrap:wrap}.sample-pill-btn:hover{transform:translateY(-1px);border-color:var(--accent-blue);box-shadow:0 4px 12px #2874f033}.hero-trust-bar{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);flex-wrap:wrap;width:100%}.hero-trust-item{display:flex;align-items:center;gap:.45rem;font-size:.825rem;font-weight:600;color:var(--text-secondary)}.hero-trust-divider{width:1px;height:16px;background:var(--border-color)}.landing-features-section{margin-bottom:4rem;width:100%}.section-title-wrap{text-align:center;max-width:700px;margin:0 auto 2.5rem;width:100%}.section-title-wrap h2{font-size:clamp(1.35rem,4vw,1.85rem);font-weight:800;color:var(--text-primary);margin-top:.5rem;margin-bottom:.5rem;letter-spacing:-.02em;word-break:break-word}.section-title-wrap p{font-size:clamp(.85rem,2.5vw,.95rem);color:var(--text-secondary)}.features-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.25rem;width:100%}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s ease}.feature-card:hover{transform:translateY(-3px);border-color:#2874f066;box-shadow:var(--shadow-md)}.feature-icon-wrapper{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-card h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.55}.landing-comparison-section{margin-bottom:4rem}.comparison-table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card)}.comparison-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.comparison-table th,.comparison-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.comparison-table th{background:var(--bg-tertiary);font-weight:700;color:var(--text-primary)}.comparison-table .highlight-col{background:#2874f00f;border-left:1px solid rgba(40,116,240,.2);border-right:1px solid rgba(40,116,240,.2);text-align:center}.landing-printers-section{margin-bottom:4rem}.printer-badges-row{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.printer-pill{display:flex;align-items:center;gap:.45rem;background:var(--bg-card);border:1px solid var(--border-color);padding:.6rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:var(--text-primary)}.landing-faq-section{margin-bottom:4rem}.faq-accordion-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.faq-item-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.faq-question-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;background:transparent;border:none;text-align:left;font-size:.95rem;font-weight:700;color:var(--text-primary);cursor:pointer}.faq-question-btn:hover{background:#ffffff05}.faq-answer-content{padding:0 1.25rem 1.25rem;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.landing-final-cta{background:linear-gradient(135deg,#2874f026,#8b5cf61f);border:1px solid rgba(40,116,240,.3);border-radius:var(--radius-xl);padding:3rem 1.5rem;text-align:center}.final-cta-box h2{font-size:1.85rem;font-weight:800;color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem}.final-cta-box p{font-size:.95rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.how-hero-section{text-align:center;margin-bottom:2.5rem}.how-hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:9999px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);color:#a78bfa;font-size:.75rem;font-weight:700;margin-bottom:.75rem}.how-hero-title{font-size:clamp(1.4rem,4.5vw,2.25rem);font-weight:800;letter-spacing:-.025em;margin-bottom:.75rem;max-width:800px;margin-left:auto;margin-right:auto;word-break:break-word;overflow-wrap:break-word}.how-hero-subtitle{font-size:clamp(.85rem,2.5vw,.95rem);color:var(--text-secondary);max-width:650px;margin:0 auto 2rem;word-break:break-word;overflow-wrap:break-word}.platform-nav-tabs{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.platform-tab-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.platform-tab-btn:hover{color:var(--text-primary);border-color:#fff3}.platform-tab-btn.active{color:#fff;background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 4px 14px #2874f059}.platform-dot{width:8px;height:8px;border-radius:50%}.platform-header-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:1.5rem;flex-wrap:wrap}.platform-header-banner.flipkart-banner{background:linear-gradient(135deg,rgba(40,116,240,.1) 0%,transparent 100%);border-left:4px solid #2874F0}.platform-header-banner.amazon-banner{background:linear-gradient(135deg,rgba(255,153,0,.1) 0%,transparent 100%);border-left:4px solid #FF9900}.platform-header-banner.meesho-banner{background:linear-gradient(135deg,rgba(224,30,90,.1) 0%,transparent 100%);border-left:4px solid #E01E5A}.platform-header-banner.printer-banner{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,transparent 100%);border-left:4px solid #10B981}.platform-header-banner h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.platform-header-banner p{font-size:.85rem;color:var(--text-secondary)}.steps-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.step-card{display:flex;gap:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.step-badge{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--accent-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem}.step-card-body h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.step-card-body p{font-size:.875rem;color:var(--text-secondary);line-height:1.55}.tip-box{background:var(--bg-tertiary);border-left:3px solid var(--accent-amber);padding:.6rem .85rem;border-radius:4px;font-size:.8rem;color:var(--text-secondary);margin-top:.75rem}.visual-indicator-box{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.6rem .85rem;border-radius:6px;margin-top:.75rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sku-preview-badge{background:#38bdf814;border:1px dashed rgba(56,189,248,.4);padding:.5rem .75rem;border-radius:6px;margin-top:.75rem;display:inline-flex;align-items:center;gap:.6rem}.sku-preview-badge code{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#38bdf8}.printer-specs-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card)}.printer-specs-table{width:100%;border-collapse:collapse;font-size:.85rem}.printer-specs-table th,.printer-specs-table td{padding:.85rem 1.15rem;border-bottom:1px solid var(--border-color)}.printer-specs-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:700}.printer-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.printer-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.35rem}.printer-brand{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.printer-model{font-size:.9rem;font-weight:700;color:var(--text-primary)}.how-troubleshooting-section{margin-bottom:3rem}.troubleshoot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.troubleshoot-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.15rem}.issue-title{display:flex;align-items:center;gap:.45rem;font-weight:700;font-size:.9rem;color:var(--text-primary);margin-bottom:.5rem}.solution-text{font-size:.825rem;color:var(--text-secondary);line-height:1.5}.how-cta-banner{background:linear-gradient(135deg,#2874f01f,#8b5cf61a);border:1px solid rgba(40,116,240,.25);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center}.about-hero-section{text-align:center;margin-bottom:2.5rem}.about-hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:9999px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.75rem;font-weight:700;margin-bottom:.75rem}.about-hero-title{font-size:clamp(1.4rem,4.5vw,2.25rem);font-weight:800;letter-spacing:-.025em;margin-bottom:.75rem;max-width:820px;margin-left:auto;margin-right:auto;word-break:break-word;overflow-wrap:break-word}.about-hero-subtitle{font-size:clamp(.85rem,2.5vw,.95rem);color:var(--text-secondary);max-width:700px;margin:0 auto 1.75rem;line-height:1.6;word-break:break-word;overflow-wrap:break-word}.about-hero-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.about-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:3.5rem}.about-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;text-align:center}.stat-number{font-size:2rem;font-weight:800;color:#38bdf8;letter-spacing:-.03em}.stat-label{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-top:.25rem}.stat-desc{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.about-content-block{margin-bottom:3.5rem}.block-header{margin-bottom:1.5rem}.block-header h2{font-size:1.6rem;font-weight:800;color:var(--text-primary);margin-top:.4rem}.about-story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.story-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.story-card.problem{border-top:3px solid #F43F5E}.story-card.solution{border-top:3px solid #10B981}.story-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.55;margin-top:.5rem;margin-bottom:.85rem}.story-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;font-size:.825rem;color:var(--text-secondary)}.about-tech-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2.5rem 1.5rem;margin-bottom:3.5rem}.tech-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.tech-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.tech-icon-box{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem}.tech-card h4{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.tech-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.about-values-section{margin-bottom:3.5rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.value-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.value-number{font-size:1.25rem;font-weight:800;color:var(--accent-blue);margin-bottom:.35rem}.value-item h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.35rem}.value-item p{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.about-cta-banner{background:linear-gradient(135deg,#2874f01f,#10b9811a);border:1px solid rgba(40,116,240,.3);border-radius:var(--radius-xl);padding:2.5rem 1.5rem;text-align:center}.cropflow-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:4rem;padding:3rem 1.5rem 1.5rem;content-visibility:auto;contain-intrinsic-size:auto 500px}.footer-main-container{max-width:1180px;margin:0 auto}.footer-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border-color);margin-bottom:2.5rem}.trust-item{display:flex;align-items:flex-start;gap:.75rem}.trust-icon-box{width:36px;height:36px;min-width:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.trust-title{font-size:.85rem;font-weight:700;color:var(--text-primary)}.trust-desc{font-size:.775rem;color:var(--text-secondary);line-height:1.4;margin-top:.15rem}.footer-columns-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:2rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border-color)}@media(max-width:900px){.footer-columns-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.footer-columns-grid{grid-template-columns:1fr}}.footer-col-heading{font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1rem}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}.footer-link-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.825rem;cursor:pointer;padding:0;text-align:left;transition:color .2s ease}.footer-link-btn:hover{color:#38bdf8}.footer-link-btn.highlight-link{color:#38bdf8;font-weight:600}.footer-chip{font-size:.7rem;font-weight:600;padding:.15rem .45rem;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.footer-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;flex-wrap:wrap;gap:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(.98)}}.animate-pulse{animation:pulseGlow 1.4s ease-in-out infinite}@keyframes slideUpToast{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.global-download-toast{position:fixed;bottom:5.25rem;right:1.5rem;z-index:99999;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 10px 25px -5px #0006,0 0 15px #2874f026;border-radius:var(--radius-md);padding:.6rem 1rem;display:flex;flex-direction:column;gap:.4rem;min-width:220px;max-width:90vw;animation:slideUpToast .25s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.global-download-toast .toast-content{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.global-download-toast .toast-text{display:flex;align-items:center;gap:.45rem;flex:1}.global-download-toast .toast-text strong{font-size:.8rem;font-weight:700;color:var(--text-primary)}.global-download-toast .toast-percent{font-size:.725rem;font-weight:800;color:#60a5fa;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);padding:.08rem .4rem;border-radius:4px}.global-download-toast .toast-progress-bar{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.global-download-toast .toast-progress-fill{height:100%;border-radius:2px;transition:width .15s ease-out;background:linear-gradient(90deg,#2563eb,#60a5fa,#38bdf8)}.export-downloading-pill{display:flex;align-items:center;gap:.5rem;background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#60a5fa;padding:.35rem .75rem;border-radius:var(--radius-md);font-size:.775rem;font-weight:700;white-space:nowrap}.export-percent-badge{background:#2563eb;color:#fff;font-size:.7rem;font-weight:800;padding:1px 6px;border-radius:4px}.btn.is-downloading{background:#3b82f640!important;border-color:#3b82f6!important;color:#93c5fd!important;box-shadow:0 0 12px #3b82f666}.pricing-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch;width:100%}.modal-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch;width:100%}@media(max-width:960px){.pricing-plans-grid,.modal-pricing-grid{grid-template-columns:repeat(3,minmax(260px,1fr));overflow-x:auto;padding-bottom:.75rem;-webkit-overflow-scrolling:touch}}@media(max-width:640px){.pricing-plans-grid,.modal-pricing-grid{grid-template-columns:1fr;overflow-x:visible}}.coupon-apply-btn{background:#2874f0!important;color:#fff!important;border:1px solid #1e5bc6!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;cursor:pointer!important;box-shadow:0 2px 8px #2874f059!important;transition:all .15s ease!important}.coupon-apply-btn span{color:#fff!important}.coupon-apply-btn svg{stroke:#fff!important}.coupon-apply-btn:hover{background:#1e5bc6!important;box-shadow:0 4px 14px #2874f073!important;transform:translateY(-1px)}.coupon-apply-btn:active{transform:translateY(0)}