:root{--primary:oklch(21% 0 0);--primary-hover:oklch(27% 0 0);--primary-text:oklch(100% 0 0);--bg:oklch(100% 0 0);--bg-soft:oklch(98.3% .002 240);--card-bg:oklch(96.9% .001 286);--border:oklch(92.3% .003 264);--text:oklch(21% 0 0);--text-secondary:oklch(45% .01 240);--text-muted:oklch(60% .01 240);--success:oklch(72.7% .174 163.2);--success-hover:oklch(68% .17 163.2);--error:oklch(62.8% .225 25.6);--error-hover:oklch(58% .22 25.6);--warning:oklch(77.2% .175 74.3);--accent:oklch(62.8% .186 256.8);--font-display:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-section:96px;--rounded-xs:4px;--rounded-sm:6px;--rounded-md:8px;--rounded-lg:12px;--rounded-xl:16px;--rounded-pill:9999px;--rounded-full:9999px;--transition-base:all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .35s ease;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--content-padding-mobile:16px;--content-padding-desktop:32px}body.dark{--primary:oklch(100% 0 0);--primary-hover:oklch(90% 0 0);--primary-text:oklch(15% 0 0);--bg:oklch(15% 0 0);--bg-soft:oklch(18% 0 0);--card-bg:oklch(20% 0 0);--border:oklch(28% 0 0);--text:oklch(98% 0 0);--text-secondary:oklch(75% .01 240);--text-muted:oklch(60% .01 240)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-soft);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .25s,color .25s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text);font-weight:600}.display-title{font-family:var(--font-display);letter-spacing:-1.5px;font-weight:600}.page-container{padding:var(--content-padding-desktop);background-color:var(--bg-soft);flex-direction:column;gap:24px;width:100%;min-height:calc(100vh - 64px);display:flex}.page-header{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.page-header--stacked{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--rounded-lg);transition:var(--transition-base);box-shadow:0 1px 2px #00000005,0 4px 12px #00000008}.card:hover{box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}body.dark .card{box-shadow:0 1px 2px #0003,0 4px 12px #00000026}body.dark .card:hover{box-shadow:0 1px 4px #0000004d,0 8px 24px #00000040}.card--padded-lg{padding:var(--spacing-xl)}.card--padded-md{padding:var(--spacing-lg)}.section-title{font-family:var(--font-display);letter-spacing:-.3px;color:var(--text);font-size:18px;font-weight:600}.content-panel{flex-direction:column;flex-grow:1;display:flex}.inventory-split{flex-grow:1;gap:24px;width:100%;display:flex}.items-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:100%;display:grid}.flex-center{justify-content:center;align-items:center;display:flex}.glass-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #00000005,0 4px 12px #00000008}body.dark .glass-card{box-shadow:0 1px 2px #0003,0 4px 12px #00000026}.nav-pill-group{background-color:var(--bg-soft);border:1px solid var(--border);border-radius:9999px;padding:4px;display:inline-flex}.nav-pill-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:6px 14px;font-size:14px;font-weight:500;transition:all .2s}.nav-pill-item:hover{color:var(--text)}.nav-pill-item.active{background-color:var(--bg);color:var(--text);box-shadow:0 1px 3px #00000014}body.dark .nav-pill-item.active{box-shadow:0 1px 3px #0000004d}.cal-footer{color:oklch(75% .01 240);background-color:oklch(20% 0 0);border-top:1px solid oklch(28% 0 0);transition:all .2s}.cal-footer a{color:oklch(75% .01 240);text-decoration:none;transition:color .2s}.cal-footer a:hover{color:oklch(100% 0 0)}.ant-table,.ant-table-wrapper .ant-table-container,.ant-table-tbody>tr>td{background:0 0!important}.ant-input,.ant-input-password,.ant-input-number,.ant-input-affix-wrapper,.ant-select-selector{font-family:var(--font-body)!important;border-radius:8px!important;font-size:14px!important}.ant-input-affix-wrapper{padding:10px 14px!important}.ant-input-affix-wrapper .ant-input{padding:0!important}.ant-input:not(.ant-input-affix-wrapper .ant-input),.ant-input-number-input{padding:10px 14px!important}.ant-input-focused,.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:var(--text)!important;box-shadow:0 0 0 2px var(--border)!important}.ant-form-item-label>label{font-family:var(--font-body)!important;color:var(--text-secondary)!important;padding-bottom:4px!important;font-size:13px!important;font-weight:500!important}.ant-form-item{margin-bottom:16px!important}.ant-layout{background:var(--bg-soft)!important}.ant-layout-header{border-bottom:1px solid var(--border);background:var(--bg)!important;padding:0 24px!important}.ant-layout-sider{border-right:1px solid var(--border);background:var(--bg)!important}.ant-layout-sider-trigger{border-top:1px solid var(--border);background:var(--bg)!important;color:var(--text)!important}.ant-menu{background:0 0!important;border-inline-end:none!important}.sider-menu{flex-direction:column!important;gap:4px!important;display:flex!important}.ant-menu-item{font-family:var(--font-body);color:var(--text-secondary)!important;transition:var(--transition-base)!important;border-radius:8px!important;margin:4px 8px!important}.ant-menu-item:hover,.ant-menu-item-active{color:var(--text)!important;background-color:var(--bg-soft)!important}.ant-menu-item-selected{font-weight:600;background-color:var(--primary)!important;color:var(--primary-text)!important}.ant-menu-item-selected .anticon{color:var(--primary-text)!important}.ant-layout-content{transition:padding .25s;padding:var(--content-padding-desktop)!important}.mobile-menu-btn{display:none!important}.layout-sider-desktop{display:inline-flex!important}@media (width<=768px){.page-container{padding:var(--content-padding-mobile);gap:16px}.ant-layout-content{padding:var(--content-padding-mobile)!important}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.inventory-split{flex-direction:column}.ant-layout-sider{display:none!important}.mobile-menu-btn{display:inline-flex!important}.layout-sider-desktop{display:none!important}}.landing-container{color:#111;background-color:#fff;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.cal-sans-title{color:#111;letter-spacing:-1.5px;font-family:Outfit,Inter,sans-serif;font-weight:600;line-height:1.1}.cal-sans-display-xl{letter-spacing:-2px;font-size:clamp(36px,5vw,60px);line-height:1.05}.cal-sans-display-lg{letter-spacing:-1.5px;font-size:clamp(28px,4vw,44px);line-height:1.1}.cal-sans-display-md{letter-spacing:-1px;font-size:clamp(24px,3vw,32px);line-height:1.15}.cal-sans-display-sm{letter-spacing:-.5px;font-size:clamp(20px,2.5vw,26px);line-height:1.2}.landing-nav{z-index:1000;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;padding:0 max(24px,5vw);display:flex;position:sticky;top:0}.landing-nav-logo{color:#111;letter-spacing:-.5px;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;text-decoration:none;display:flex}.landing-nav-logo-dot{background-color:#111;border-radius:50%;width:8px;height:8px}.landing-nav-links{align-items:center;gap:28px;display:flex}@media (width<=768px){.landing-nav-links{display:none}}.landing-nav-link{color:#6b7280;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.landing-nav-link:hover{color:#111}.landing-nav-ctas{align-items:center;gap:16px;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#111;border:1px solid #111;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-primary:hover{color:#fff;background-color:#242424;border-color:#242424}.btn-secondary{color:#111;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-secondary:hover{background-color:#f9f9fa;border-color:#d1d5db}.landing-section{background-color:#fff;padding:96px max(24px,6vw)}.landing-section-divider{border-top:1px solid #f3f4f6;margin:0 max(24px,6vw)}.landing-section-gray{background-color:#f8f9fa}.section-header-center{text-align:center;flex-direction:column;gap:12px;max-width:680px;margin:0 auto 64px;display:flex}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;max-width:1280px;margin:0 auto;padding:80px max(24px,6vw) 120px;display:grid}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:48px;padding:60px max(24px,6vw) 80px}}.hero-content{flex-direction:column;gap:24px;display:flex}@media (width<=1024px){.hero-content{align-items:center}}.hero-subtitle{color:#4b5563;max-width:580px;font-size:clamp(16px,2vw,19px);line-height:1.5}.hero-cta-group{flex-wrap:wrap;gap:16px;display:flex}.hero-badge-pill{color:#111;background-color:#f3f4f6;border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge-dot{background-color:#fb923c;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-orange}@keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 #fb923cb3}70%{transform:scale(1);box-shadow:0 0 0 6px #fb923c00}to{transform:scale(.95);box-shadow:0 0 #fb923c00}}.browser-frame{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 20px 40px -15px #00000014}.browser-frame:hover{transform:translateY(-4px);box-shadow:0 1px 3px #0000000d,0 25px 50px -12px #0000001f}.browser-topbar{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;height:36px;padding:0 16px;display:flex}.browser-dot{border-radius:50%;width:9px;height:9px}.browser-dot.red{background-color:#ef4444}.browser-dot.yellow{background-color:#f59e0b}.browser-dot.green{background-color:#10b981}.browser-address{color:#9ca3af;background-color:#fff;border:1px solid #f3f4f6;border-radius:6px;flex:1;align-items:center;max-width:320px;height:22px;margin-left:20px;padding:0 12px;font-size:11px;display:flex}.browser-screenshot{width:100%;height:auto;display:block}.features-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background-color:#f5f5f5;border-radius:12px;flex-direction:column;gap:16px;padding:32px;transition:transform .2s,background-color .2s;display:flex}.feature-card:hover{background-color:#eee}.feature-card-icon{color:#111;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.feature-card-title{color:#111;font-size:18px;font-weight:600}.feature-card-desc{color:#4b5563;font-size:14px;line-height:1.6}.demo-showcase-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:1000px;margin:40px auto 0;padding:32px;box-shadow:0 4px 20px #00000005}.demo-picker-center{justify-content:center;margin-bottom:32px;display:flex}.demo-panel-content{grid-template-columns:1fr 1.2fr;align-items:center;gap:32px;display:grid}@media (width<=768px){.demo-panel-content{grid-template-columns:1fr}}.demo-detail-list{flex-direction:column;gap:16px;display:flex}.demo-detail-item{align-items:flex-start;gap:12px;display:flex}.demo-detail-check{color:#10b981;margin-top:2px;font-size:18px}.demo-detail-text strong{color:#111;margin-bottom:2px;font-size:15px;display:block}.demo-detail-text span{color:#6b7280;font-size:13px}.mockup-widget{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px;font-size:13px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.pricing-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:24px;padding:32px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000a}.pricing-card-featured{color:#fff;background-color:#101010;border-color:#101010}.pricing-card-featured .pricing-card-title,.pricing-card-featured .pricing-card-price,.pricing-card-featured .pricing-card-val{color:#fff}.pricing-card-featured .pricing-card-desc,.pricing-card-featured .pricing-feature-item{color:#a1a1aa}.pricing-card-featured .btn-primary{color:#111;background-color:#fff;border-color:#fff}.pricing-card-featured .btn-primary:hover{background-color:#e5e5e5;border-color:#e5e5e5}.pricing-card-title{color:#111;font-family:Inter,sans-serif;font-size:20px;font-weight:600}.pricing-card-desc{color:#6b7280;font-size:14px;line-height:1.5}.pricing-card-price{align-items:baseline;gap:4px;display:flex}.pricing-card-val{color:#111;letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:36px;font-weight:600}.pricing-card-period{color:#6b7280;font-size:14px}.pricing-features-list{flex-direction:column;flex:1;gap:12px;margin:16px 0;display:flex}.pricing-feature-item{color:#374151;align-items:center;gap:10px;font-size:14px;display:flex}.pricing-feature-check{color:#10b981;font-size:16px}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.testimonial-card{background-color:#f5f5f5;border-radius:12px;flex-direction:column;gap:16px;padding:28px;display:flex}.testimonial-user{align-items:center;gap:12px;display:flex}.testimonial-avatar{color:#111;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.testimonial-info-name{color:#111;font-size:14px;font-weight:600}.testimonial-info-role{color:#6b7280;font-size:12px}.testimonial-rating{color:#fb923c;gap:2px;display:flex}.testimonial-quote{color:#374151;font-size:14px;font-style:italic;line-height:1.6}.faq-list{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{border-bottom:1px solid #e5e7eb;padding-bottom:16px}.faq-question{color:#111;cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;font-weight:600;display:flex}.faq-answer{color:#4b5563;font-size:14px;line-height:1.6}.cta-band{text-align:center;background-color:#f5f5f5;border-radius:16px;flex-direction:column;align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:64px 32px;display:flex}.dark-footer{color:#a1a1aa;background-color:#101010;border-top:1px solid #1a1a1a;padding:80px max(24px,6vw) 40px}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:48px;max-width:1200px;margin:0 auto 64px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{color:#fff;letter-spacing:-.5px;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-size:22px;font-weight:700;text-decoration:none;display:flex}.footer-logo-dot{background-color:#fff;border-radius:50%;width:8px;height:8px}.footer-brand-desc{color:#71717a;max-width:260px;font-size:13px;line-height:1.5}.footer-column{flex-direction:column;gap:16px;display:flex}.footer-column-title{text-transform:uppercase;letter-spacing:.05em;color:#fff;font-size:12px;font-weight:600}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-link{color:#a1a1aa;font-size:13px;text-decoration:none;transition:color .15s}.footer-link:hover{color:#fff}.footer-bottom{color:#71717a;border-top:1px solid #1a1a1a;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-top:32px;font-size:12px;display:flex}@media (width<=600px){.footer-bottom{text-align:center;flex-direction:column;gap:16px}}.flex{display:flex!important}.flex-col{flex-direction:column!important;display:flex!important}.flex-wrap{flex-wrap:wrap!important}.align-center{align-items:center!important}.justify-between{justify-content:space-between!important}.gap-4{gap:4px!important}.gap-6{gap:6px!important}.gap-8{gap:8px!important}.gap-12{gap:12px!important}.gap-16{gap:16px!important}