@charset "UTF-8";:root{--primary-color: #6366f1;--primary-dark: #4338ca;--primary-light: #818cf8;--accent-color: #a5b4fc;--text-dark: #0f172a;--text-medium: #334155;--text-light: #64748b;--bg-white: #ffffff;--bg-light: #f8fafc;--bg-subtle: #f1f5f9;--card-shadow: 0 4px 6px -1px rgba(99, 102, 241, .05), 0 10px 15px -3px rgba(0, 0, 0, .05);--card-shadow-hover: 0 20px 25px -5px rgba(99, 102, 241, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--hero-gradient: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, .08) 0%, rgba(255, 255, 255, 0) 50%);--mesh-subtle: radial-gradient(at 0% 0%, rgba(99, 102, 241, .05) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(244, 114, 182, .05) 0px, transparent 50%);--gradient-text: linear-gradient(135deg, #1f2937 0%, #6366f1 100%);--max-width: 1140px;--header-height: 80px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;max-width:100vw}html,body{font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;padding:0;background-color:var(--bg-white);color:var(--text-dark);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;position:relative;touch-action:manipulation;overscroll-behavior-x:none;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(max-width:1024px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f133;border-radius:10px}}.reveal-hidden{opacity:0;transform:translate3d(0,20px,0) scale(.98);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;pointer-events:none}.reveal-active{opacity:1!important;transform:translateZ(0) scale(1)!important;pointer-events:auto!important}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.stagger-7{transition-delay:.7s}.stagger-8{transition-delay:.8s}.stagger-9{transition-delay:.9s}.stagger-10{transition-delay:1s}.stagger-11{transition-delay:1.1s}.stagger-12{transition-delay:1.2s}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;margin-top:0;color:var(--text-dark);letter-spacing:-.025em}h1{font-size:3.5rem;letter-spacing:-.03em;font-weight:800}h2{font-size:2.25rem;margin-bottom:1rem}h3{font-size:1.5rem;margin-bottom:1rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem}.section-header p{max-width:600px;margin:0 auto;color:var(--text-light);font-size:1.15rem;line-height:1.6}.stat-number{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.01em}p{margin-bottom:1.5rem}a{text-decoration:none;color:inherit;transition:color .2s ease}.gpu-accel{will-change:transform,opacity;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.glass{background:#ffffffb3;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 40px -10px #0f172a1a}.text-gradient{background:linear-gradient(135deg,var(--text-dark) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-highlight-pink{background:linear-gradient(135deg,#7c3aed,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-section{text-align:center;padding:2rem 0 10rem;position:relative}.hero-section .eyebrow{font-size:.85rem;font-weight:700;color:var(--primary-color);letter-spacing:.2em;margin-bottom:1.5rem;text-transform:uppercase}.hero-section h1{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1;margin-bottom:1.5rem;font-weight:950;letter-spacing:-.04em}.hero-section p{font-size:1.25rem;color:var(--text-light);max-width:650px;margin:0 auto 3rem;line-height:1.6;font-weight:500}.hero-section .btn-primary{display:inline-block;padding:1.1rem 2.8rem;background:var(--primary-color);color:#fff;border-radius:12px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s ease,box-shadow .3s ease;box-shadow:0 10px 25px #6366f133;will-change:transform}@media(hover:hover){.hero-section .btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px #6366f14d}}.bento-section{padding:10rem 0;background:#fff}.bento-section .bento-header{margin-bottom:6rem}.bento-section .bento-header h2{font-size:3rem;font-weight:900;letter-spacing:-.04em}.bento-section .inner-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.bento-section .bento-card-inner{background:#f8fafc;border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid rgba(0,0,0,.02);transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%;will-change:transform}@media(hover:hover){.bento-section .bento-card-inner:hover{transform:translateY(-5px);border-color:#6366f11a;background-color:#fff;box-shadow:0 15px 30px #0000000d}}.bento-section .bento-card-inner .bento-icon-inner{width:48px;height:48px;color:var(--primary-color);margin-bottom:1.5rem}.bento-section .bento-card-inner .bento-icon-inner svg{width:100%;height:100%}.bento-section .bento-card-inner h3{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.bento-section .bento-card-inner p{font-size:clamp(.9rem,2.5vw,1rem);color:#64748b;line-height:1.6;font-weight:500}.bento-section .bento-card-inner.bento-large-inner{grid-column:span 2;background:#fff;border:1px solid rgba(99,102,241,.1);box-shadow:0 20px 40px #6366f108}.outcome-section{padding:12rem 0;background:#fff;text-align:center}.outcome-section .outcome-container{max-width:800px;margin:0 auto}.outcome-section .outcome-container h2{font-size:4rem;font-weight:950;color:#0f172a;margin-bottom:2rem}.outcome-section .outcome-container .outcome-statement{font-size:1.5rem;color:#64748b;margin-bottom:5rem}.outcome-section .outcome-points{display:flex;flex-direction:column;gap:1.25rem;align-items:stretch;max-width:700px;margin:0 auto}.outcome-section .outcome-item{display:flex;align-items:center;font-size:1.2rem;font-weight:600;color:#1e293b;background:#f8fafc;border:1px solid #f1f5f9;border-left:4px solid #10b981;border-radius:12px;padding:1.25rem 1.75rem;text-align:left;transition:transform .25s ease,background-color .25s ease,border-color .25s ease;line-height:1.5;will-change:transform}.outcome-section .outcome-item:hover{background:#f0fdf4;border-left-color:#059669;transform:translate(4px)}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out both;will-change:opacity}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass-card{background:#fffffff2;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.report-modal{width:100%;max-width:600px;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:2.5rem;box-shadow:0 30px 60px -12px #00000040;animation:modalSlideUp .5s cubic-bezier(.16,1.2,.3,1) both;overflow:hidden;position:relative;will-change:transform,opacity}.report-modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),#a855f7)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.modal-header .eyebrow{font-size:.75rem;font-weight:800;color:var(--primary-color);letter-spacing:.1em;margin-bottom:.5rem;display:block}.modal-header h2{font-size:clamp(1.5rem,5vw,2rem);font-weight:950;color:#0f172a;letter-spacing:-.03em;margin:0}.modal-header .close-modal{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background-color .2s ease}.modal-header .close-modal:hover{background:#e2e8f0;color:#0f172a}::selection{background:var(--primary-light);color:#fff}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem;position:relative}@media(max-width:768px){.container{padding:0 1.5rem}}@media(max-width:480px){.container{padding:0 1.25rem}}.container.wide{max-width:95vw}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}@media(max-width:1024px){.btn{min-height:48px;padding:.8rem 2rem}}.btn-primary{background-color:var(--primary-color);color:var(--bg-white)}@media(hover:hover){.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}}.btn-outline{background-color:transparent;border-color:var(--border-color);color:var(--text-dark)}@media(hover:hover){.btn-outline:hover{border-color:var(--text-medium);background-color:var(--bg-light)}}.grid{display:grid;gap:2rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.text-gradient-premium{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bento-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:992px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-grid .bento-large{grid-column:span 2}}@media(max-width:768px){.bento-grid{gap:1.25rem}}@keyframes breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.6}}@keyframes scan{0%{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,100%,0)}}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}.antigravity{animation:float 6s ease-in-out infinite;will-change:transform}.hero-glow{position:fixed;top:-20%;right:-10%;width:80vw;height:80vh;background:radial-gradient(circle,rgba(99,102,241,.7) 0%,transparent 70%);filter:blur(60px);animation:breathe 10s infinite ease-in-out;z-index:0;pointer-events:none;will-change:transform,opacity}.scanning-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(90deg,rgba(79,70,229,.15) 1px,transparent 1px),linear-gradient(rgba(79,70,229,.15) 1px,transparent 1px);background-size:80px 80px;z-index:0;pointer-events:none;overflow:hidden}.scanning-grid:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(99,102,241,.35),transparent);animation:scan 10s linear infinite;will-change:transform;backface-visibility:hidden}.brand-watermark{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:25vw;font-weight:900;color:#6366f105;white-space:nowrap;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;letter-spacing:-.05em;-webkit-mask-image:radial-gradient(circle,black 40%,transparent 80%);mask-image:radial-gradient(circle,black 40%,transparent 80%)}.page-content{padding-top:12rem;padding-bottom:4rem}@media(max-width:768px){.page-content{padding-top:8rem}.desktop-only{display:none!important}}.mobile-only{display:none!important}.desktop-only{display:block}@media(max-width:480px){.page-content{padding-top:7rem}}.feature-row{padding:6rem 0;border-bottom:1px solid rgba(0,0,0,.03);position:relative}.feature-row:last-child{border-bottom:none}.grid-2-col{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:992px){.grid-2-col{grid-template-columns:1fr 1fr}.grid-2-col.asymmetric-60-40{grid-template-columns:1.5fr 1fr}.grid-2-col.asymmetric-40-60{grid-template-columns:1fr 1.5fr}.grid-2-col.swap-desktop .text-content{order:2}.grid-2-col.swap-desktop .visual-content{order:1}}@media(max-width:991px){.grid-2-col{gap:3rem}.grid-2-col.swap-desktop .text-content{order:1}.grid-2-col.swap-desktop .visual-content{order:2}}.text-content h2{font-size:2rem;margin-bottom:1rem}.text-content h3{font-size:1.25rem;font-weight:500;color:var(--text-medium);margin-bottom:2rem;max-width:90%}.visual-content{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid rgba(0,0,0,.05);min-height:300px;display:flex;align-items:center;justify-content:center;position:relative}.visual-content.glass-mockup{background:linear-gradient(135deg,#ffffffe6,#fff6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8)}.visual-content.tilt-effect{transition:transform .5s ease}.visual-content.tilt-effect:hover{transform:perspective(1000px) rotateY(-5deg)}.sophisticated-list{list-style:none;padding:0;margin:0}.sophisticated-list li{position:relative;padding-left:2rem;margin-bottom:1rem;font-size:1.05rem;color:var(--text-dark)}.sophisticated-list li:before{content:"\2713";position:absolute;left:0;color:var(--primary-color);font-weight:800}.dashboard-container{perspective:1000px;margin-top:4rem;display:flex;justify-content:center;position:relative;z-index:10}.dashboard-interface{background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:2rem;width:100%;max-width:600px;box-shadow:20px 30px 50px #6366f126,0 0 0 1px #ffffff80;transform:rotateX(5deg) rotateY(-5deg) rotate(0);transition:transform .3s ease-out,box-shadow .3s ease}.dashboard-interface:hover{transform:rotateX(0) rotateY(0) scale(1.02);box-shadow:0 20px 40px #6366f133,0 0 0 1px #fff9}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:1rem}.dashboard-header h4{margin:0;font-size:1.1rem;color:var(--text-medium)}.dashboard-header .badge{background:#6366f11a;color:var(--primary-color);padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.dashboard-metric{text-align:center;margin-bottom:2rem}.dashboard-metric .metric-label{font-size:.9rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.dashboard-metric .metric-value{font-size:3rem;font-weight:800;color:var(--text-dark);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-.03em;margin:.5rem 0}.dashboard-metric .metric-trend{color:#10b981;font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.dashboard-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dashboard-actions .action-btn{padding:1rem;border-radius:12px;border:1px solid rgba(0,0,0,.05);background:#fff;text-align:center;transition:all .2s ease;cursor:default}.dashboard-actions .action-btn .lbl{display:block;font-size:.8rem;color:var(--text-light);margin-bottom:.25rem}.dashboard-actions .action-btn .val{font-weight:700;color:var(--text-dark);font-feature-settings:"tnum"}.dashboard-actions .action-btn.primary-action{background:var(--primary-color);color:#fff;border:none}.dashboard-actions .action-btn.primary-action .lbl{color:#fffc}.dashboard-actions .action-btn.primary-action .val{color:#fff}.stats-row{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05)}.pos-terminal{width:100%;padding:1.5rem;position:relative}.pos-header{display:flex;justify-content:space-between;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem;font-size:.8rem;color:var(--text-light);font-weight:600}.pos-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:var(--text-dark);opacity:0;animation:item-appear .5s forwards}.pos-item:nth-child(1){animation-delay:.5s}.pos-item:nth-child(2){animation-delay:1s}.pos-item:nth-child(3){animation-delay:1.5s}.pos-total{margin-top:1rem;padding-top:.5rem;border-top:2px dashed rgba(0,0,0,.1);display:flex;justify-content:space-between;font-weight:800;font-size:1.2rem;color:var(--primary-color)}.success-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:#10b981;color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-weight:700;box-shadow:0 10px 25px #10b98166;animation:badge-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:2.2s}@keyframes item-appear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes badge-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.inventory-tracker{width:100%;padding:1.5rem}.inventory-header{display:flex;justify-content:space-between;margin-bottom:1.5rem;font-size:.8rem;color:var(--text-light);font-weight:600;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.5rem}.stock-item{margin-bottom:1.25rem}.stock-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:var(--text-dark)}.stock-bar{height:6px;background:#0000000d;border-radius:10px;overflow:hidden;position:relative}.stock-level{height:100%;border-radius:10px;width:0%;animation:stock-fill 1.5s cubic-bezier(.2,.8,.2,1) forwards}.stock-item:nth-child(1) .stock-level{background:#6366f1;animation-delay:.2s;--target-width: 85%}.stock-item:nth-child(2) .stock-level{background:#10b981;animation-delay:.4s;--target-width: 65%}.stock-item:nth-child(3) .stock-level{background:#f43f5e;animation-delay:.6s;--target-width: 15%}.low-stock-alert{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;color:#f43f5e;background:#f43f5e1a;padding:.1rem .5rem;border-radius:99px;margin-left:.5rem;opacity:0;animation:fade-in .5s forwards 1.8s}@keyframes stock-fill{to{width:var(--target-width)}}@keyframes fade-in{to{opacity:1}}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 40px 80px -20px #0f172a14;position:relative;z-index:1}.bento-section{padding:8rem 0;position:relative}.inner-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:var(--max-width);margin:0 auto}.bento-card-inner{background:#ffffffbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.bento-card-inner:hover{transform:translateY(-8px);background:#fff;box-shadow:0 30px 60px -15px #0f172a1a}.bento-card-inner.bento-large-inner{grid-column:span 2}.bento-header{text-align:center;margin-bottom:4rem}.bento-header h2{font-size:2.5rem;font-weight:900}.bento-header .eyebrow{color:var(--primary-color);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.outcome-section{padding:8rem 0}.outcome-container{max-width:850px;margin:0 auto;text-align:center}.outcome-points{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin:3rem auto 0}.outcome-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 2rem;background:#ffffff80;border-radius:16px;border:1px solid rgba(255,255,255,.3);text-align:left}.outcome-check{width:28px;height:28px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}@media(max-width:480px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.15rem}.section-header{margin-bottom:2rem}.section-header p{font-size:1rem}.inner-bento-grid{grid-template-columns:1fr}.bento-card-inner.bento-large-inner{grid-column:span 1}.bento-section{padding:4rem 0}.bento-header{margin-bottom:2.5rem}.bento-header h2{font-size:1.75rem}.outcome-section{padding:4rem 0}.outcome-section .outcome-container h2{font-size:2rem}.outcome-section .outcome-statement{font-size:1.1rem;margin-bottom:2.5rem}.outcome-item{padding:1rem 1.25rem;font-size:1rem}.report-modal{padding:1.75rem;border-radius:24px}.feature-row{padding:3rem 0}.grid-2-col{gap:2rem}.text-content h2{font-size:1.5rem}.text-content h3{font-size:1.1rem;margin-bottom:1.25rem}.visual-content{min-height:220px;border-radius:16px}.dashboard-interface{padding:1.25rem;border-radius:16px;transform:none}.dashboard-interface:hover{transform:none}.dashboard-metric .metric-value{font-size:2.2rem}}@media(max-width:768px){html,body{overflow-x:hidden!important;position:relative;width:100%}.container{padding-left:1.25rem!important;padding-right:1.25rem!important;max-width:100vw;overflow-x:hidden}.page-content{overflow-x:hidden}}
