:root{--glass-bg:#ffffff0f;--glass-bg-card:#ffffff16;--glass-border:#ffffff1a;--glass-bg-strong:#ffffff21;--glass-shadow:0 16px 44px -24px #000000d9;--text-primary:#fffffff5;--text-secondary:#ffffffb8;--text-tertiary:#ffffff7a;--primary:#810096;--primary-hover:#9c27b0;--primary-glow:#81009659;--accent:var(--primary);--accent-hover:var(--primary-hover);--custom-success:#4caf50;--custom-warning:#e2ab45;--custom-info:#2196f3;--gradient-bg:radial-gradient(ellipse 100% 70% at 50% -10%, #8100962e, transparent 45%), radial-gradient(ellipse 70% 50% at 90% 40%, #9c27b014, transparent 50%), radial-gradient(ellipse 60% 50% at 10% 70%, #8100960f, transparent 50%), #060609;--blur:20px;--radius:24px;--radius-sm:12px;--font-display:"Syne", sans-serif;--font-sans:"Instrument Sans", sans-serif;--section-gap:5rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--gradient-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;min-height:100vh;position:relative}.glass{background:var(--glass-bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--glass-shadow)}.glass-sub{background:var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px)}.landing{position:relative}.landing:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(110deg,#00000026 12%,#0000 35% 62%,#8100960f 78%),repeating-linear-gradient(0deg,#0000 0 64px,#ffffff03 64px 65px),repeating-linear-gradient(90deg,#0000 0 64px,#ffffff03 64px 65px);position:fixed;inset:0}.header{z-index:100;box-shadow:none;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.logo-link{color:inherit;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .25s;display:flex}.logo-link:hover{opacity:.9}.logo-icon{color:var(--primary);flex-shrink:0}.logo{font-family:var(--font-display);letter-spacing:.03em;color:var(--text-primary);font-size:1.15rem}.header-nav{align-items:center;gap:.5rem;display:flex}.store-link{color:var(--text-secondary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.08em;padding:.5rem .75rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.store-link:hover{color:var(--text-primary);background:var(--glass-bg-strong)}.header-cta{color:var(--text-primary);border-radius:var(--radius-sm);border:1px solid #ffffff38;padding:.55rem 1rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s}.header-cta:hover{background:var(--glass-bg-strong);transform:translateY(-1px)}.header-scrolled{-webkit-backdrop-filter:blur(24px);background:#060609d1;border-bottom:1px solid #ffffff14;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s}.hero{justify-content:center;align-items:center;min-height:100vh;padding:7rem 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(100% 80% at 48% 8%,#81009638 0%,#0000 52%),radial-gradient(45% 50% at 18% 72%,#4e71ff1f 0%,#0000 56%);position:absolute;inset:0}.hero-layout{z-index:1;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem;width:100%;max-width:72rem;display:flex;position:relative}.hero-content{border-radius:var(--radius);text-align:left;max-width:42rem;padding:2.7rem 2.4rem;transition:transform .35s,box-shadow .35s;position:relative}.hero-content:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0d;position:absolute;inset:0}.hero-content:hover{transform:translateY(-5px);box-shadow:0 38px 60px -32px #0009}.hero-eyebrow{letter-spacing:.11em;text-transform:uppercase;color:#ffffffd1;border:1px solid #fff3;border-radius:999px;margin-bottom:.85rem;padding:.42rem .8rem;font-size:.72rem;display:inline-block}.hero-logo-wrap{margin-bottom:1rem}.hero-logo{color:var(--primary)}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:0 0 1rem;font-size:clamp(2.1rem,5vw,3.55rem);font-weight:700;line-height:1.05}.hero-title span{background:linear-gradient(97deg,#f7e9ff 0%,#d8b9ff 34%,#b7c6ff 72%,#f0e6ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-tagline{max-width:34rem;color:var(--text-secondary);margin:0 0 1rem;font-size:1.02rem;line-height:1.55}.hero-proof{flex-wrap:wrap;gap:.45rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.hero-proof-item{letter-spacing:.04em;color:#ffffffd6;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:.55rem;padding:.4rem .62rem;font-size:.76rem}.hero-ctas{flex-direction:column;align-items:flex-start;gap:.85rem;display:flex}.store-links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cta{color:#fff;background:linear-gradient(135deg,#9b1ab4 0%,#6b22be 100%);border-radius:.8rem;padding:.92rem 1.8rem;font-size:.97rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 15px 26px -14px #961eb8e6,inset 0 0 0 1px #fff3}.cta:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:60%;height:100%;transition:left .55s;position:absolute;top:0;left:-80%;transform:skew(-15deg)}.cta:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px #961eb8f2,inset 0 0 0 1px #ffffff47}.cta:hover:after{left:150%}.cta-large{padding:1rem 2.25rem}.store-btn{text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);border:1px solid var(--glass-border);background:#ffffff17;border-radius:.75rem;padding:.62rem 1.05rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,transform .18s}.store-btn:hover{background:#ffffff29;border-color:#ffffff42;transform:translateY(-1px)}.hero-visual{justify-content:center;align-items:center;min-width:340px;display:flex;position:relative}.hero-dashboard{border:1px solid #ffffff2e;border-radius:1.25rem;width:min(390px,92vw);padding:1rem;transition:transform .3s;transform:perspective(900px)rotateY(-8deg)rotateX(2deg);box-shadow:0 24px 46px -22px #000000bf,inset 0 0 0 1px #ffffff0f}.hero-visual:hover .hero-dashboard{transform:perspective(900px)rotateY(-4deg)rotateX(0)translateY(-4px)}.hero-dashboard-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.hero-dashboard-brand{color:#ffffffeb;letter-spacing:.02em;align-items:center;gap:.45rem;font-size:.84rem;font-weight:600;display:flex}.hero-dashboard-logo{color:#cb8de8}.hero-live-pill{text-transform:uppercase;letter-spacing:.08em;color:#d2ffd8;background:#4caf5038;border:1px solid #4caf5066;border-radius:999px;padding:.25rem .5rem;font-size:.64rem;font-weight:600;animation:2.4s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{box-shadow:0 0 #4caf5059}50%{box-shadow:0 0 0 5px #4caf5000}}.hero-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}.hero-kpi{border-radius:.75rem;padding:.55rem .5rem}.hero-kpi-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;display:block}.hero-kpi-value{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem;line-height:1.15}.hero-orders{border-radius:.9rem;padding:.35rem .5rem}.hero-order-row{justify-content:space-between;align-items:center;gap:.6rem;padding:.46rem 0;display:flex}.hero-order-row+.hero-order-row{border-top:1px solid #ffffff14}.hero-order-main{align-items:center;gap:.5rem;display:flex}.hero-order-dot{border-radius:999px;width:.45rem;height:.45rem;box-shadow:0 0 0 4px #ffffff08}.hero-order-dot-warning{background:var(--custom-warning)}.hero-order-dot-success{background:var(--custom-success)}.hero-order-dot-info{background:var(--custom-info)}.hero-order-table{color:#ffffffeb;margin:0;font-size:.72rem;font-weight:600}.hero-order-status{color:var(--text-tertiary);margin:0;font-size:.67rem}.hero-order-time{color:#ffffffb8;letter-spacing:.07em;text-transform:uppercase;font-size:.66rem}.hero-payment-row{border-radius:.75rem;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;padding:.45rem .6rem;display:flex}.hero-payment-info{align-items:center;gap:.45rem;display:flex}.hero-payment-label{color:#ffffffe0;font-size:.67rem;font-weight:500}.hero-payment-method{letter-spacing:.08em;text-transform:uppercase;color:#7af0b8;background:#7af0b81f;border:1px solid #7af0b847;border-radius:999px;padding:.12rem .42rem;font-size:.58rem;font-weight:700}.hero-payment-amount{font-family:var(--font-display);color:var(--text-primary);font-size:.88rem;font-weight:600}.hero-sparkline{align-items:flex-end;gap:.25rem;height:50px;margin-top:.75rem;display:flex}.hero-sparkline-bar{opacity:.6;background:linear-gradient(#d38af2 0%,#6f20bc 100%);border-radius:.3rem .3rem .12rem .12rem;flex:1;min-height:10%}.hero-sparkline-bar:last-child{opacity:1;background:linear-gradient(#fff 0%,#d38af2 100%);box-shadow:0 0 8px #d38af299}.hero-float{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0;background:#08080a8f;border:1px solid #ffffff2b;border-radius:.6rem;padding:.4rem .62rem;font-size:.64rem;animation:3.5s ease-in-out infinite heroFloat;position:absolute}.hero-float-left{bottom:2.3rem;left:-1.6rem}.hero-float-right{animation-delay:1s;top:2rem;right:-1.6rem}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.business-strip{width:100%;padding:0 1.5rem 1.5rem}.business-strip-inner{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:1rem;align-items:center;gap:1rem;max-width:72rem;margin:0 auto;padding:.9rem 1rem;display:flex}.business-strip-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffffc7;white-space:nowrap;font-size:.77rem}.business-strip-list{flex-wrap:wrap;gap:.55rem;display:flex}.business-chip{color:#ffffffe3;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:.33rem .7rem;font-size:.78rem}.features-wrap{max-width:72rem;padding:var(--section-gap) 1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.3rem;margin:0 auto;display:grid}.features-header{border-radius:1.2rem;grid-column:1/-1;margin-bottom:.2rem;padding:1.35rem}.features-header-top{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.features-label{letter-spacing:.13em;text-transform:uppercase;color:#d4b3ff;font-size:.73rem;font-weight:600;display:inline-block}.features-kicker{text-transform:uppercase;letter-spacing:.12em;color:#ffffff94;font-size:.68rem}.features-intro{max-width:40rem;font-family:var(--font-display);color:var(--text-primary);margin:0 0 .55rem;font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.15}.features-subintro{max-width:50rem;color:var(--text-secondary);margin:0;font-size:.93rem;line-height:1.45}.module-strip{flex-wrap:wrap;gap:.45rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.module-pill{letter-spacing:.08em;text-transform:uppercase;color:#ffffffdb;background:#ffffff12;border:1px solid #ffffff2e;border-radius:999px;padding:.32rem .66rem;font-size:.68rem;font-weight:600}.module-pill-chart{color:#dfc4ff;border-color:#ba81ff66}.module-pill-order{color:#c4f3ff;border-color:#60d4ff61}.module-pill-inventory{color:#ffd9a4;border-color:#ffbf665c}.module-pill-store{color:#c0f5dd;border-color:#5fdfaa5c}.features-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem;display:grid}.features-highlight{border-radius:.8rem;padding:.7rem .75rem;position:relative;overflow:hidden}.features-highlight:before{content:"";background:linear-gradient(90deg,#0000,#ba81ff8c,#0000);height:1px;position:absolute;top:0;left:0;right:0}.features-highlight:nth-child(2):before{background:linear-gradient(90deg,#0000,#60d4ff73,#0000)}.features-highlight:nth-child(3):before{background:linear-gradient(90deg,#0000,#7af0b873,#0000)}.features-highlight-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffffd6;margin:0 0 .3rem;font-size:.74rem}.features-highlight-detail{color:var(--text-tertiary);margin:0;font-size:.76rem;line-height:1.35}.feature-group{border-radius:var(--radius);opacity:0;padding:1.55rem;transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1),box-shadow .3s;position:relative;overflow:hidden;transform:translateY(28px)}.feature-group:after{content:"";filter:blur(24px);opacity:.2;pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-60px}.feature-group-chart:after{background:radial-gradient(circle,#b97eff 0%,#0000 70%)}.feature-group-order:after{background:radial-gradient(circle,#46ddff 0%,#0000 70%)}.feature-group-inventory:after{background:radial-gradient(circle,#ffbf66 0%,#0000 70%)}.feature-group-store:after{background:radial-gradient(circle,#57e0ae 0%,#0000 70%)}.feature-group-left:before,.feature-group-right:before{content:"";background:linear-gradient(90deg,#ffffff4d,#0000);width:34%;height:1px;position:absolute;top:-1px}.feature-group-left:before{left:1.5rem}.feature-group-right:before{right:1.5rem}.feature-group:hover{background:var(--glass-bg-strong);border-color:#ffffff29;box-shadow:0 18px 48px -20px #00000094}.feature-group-chart:hover{box-shadow:0 18px 48px -20px #00000080,0 0 40px -18px #ba81ff38}.feature-group-order:hover{box-shadow:0 18px 48px -20px #00000080,0 0 40px -18px #60d4ff2e}.feature-group-inventory:hover{box-shadow:0 18px 48px -20px #00000080,0 0 40px -18px #ffbf662e}.feature-group-store:hover{box-shadow:0 18px 48px -20px #00000080,0 0 40px -18px #5fdfaa2e}.feature-group.visible{opacity:1;transform:translateY(0)}.feature-group-meta{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.feature-group-pill{text-transform:uppercase;letter-spacing:.1em;color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;flex-shrink:0;padding:.22rem .5rem;font-size:.62rem}.feature-group-line{background:linear-gradient(90deg,#ffffff38,#0000);width:100%;height:1px}.feature-group-head{align-items:flex-start;gap:.8rem;margin-bottom:1.1rem;display:flex}.feature-group-index{font-family:var(--font-display);color:#ffffff73;flex-shrink:0;margin-top:.14rem;font-size:.95rem}.feature-group-icon{border-radius:var(--radius-sm);width:56px;height:56px;color:var(--primary);background:#81009633;border:1px solid #8100964d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-group-chart .feature-group-icon{color:#c9a0ff;background:#ba81ff29;border-color:#ba81ff52}.feature-group-order .feature-group-icon{color:#7ee8ff;background:#60d4ff24;border-color:#60d4ff47}.feature-group-inventory .feature-group-icon{color:#ffd095;background:#ffbf6624;border-color:#ffbf6647}.feature-group-store .feature-group-icon{color:#7af0b8;background:#5fdfaa24;border-color:#5fdfaa47}.feature-group-title{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 .3rem;font-size:1.25rem;font-weight:600}.feature-group-label{letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.65rem;font-weight:700}.tone-violet{color:#debfff}.tone-cyan{color:#b8ecff}.tone-amber{color:#ffd8a1}.tone-emerald{color:#b8f3d8}.feature-group-desc{color:var(--text-tertiary);margin:0;font-size:.9rem}.feature-group-outcome{color:#ffffffd6;margin:.42rem 0 0;font-size:.78rem}.feature-list{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.feature-item{border-radius:var(--radius-sm);opacity:0;align-items:flex-start;gap:.62rem;padding:.9rem .95rem;transition:transform .2s,background .2s,border-color .2s;display:flex;transform:translate(-8px)}.feature-group.visible .feature-item{animation:.4s forwards featureItemIn}.feature-group.visible .feature-item:first-child{animation-delay:50ms}.feature-group.visible .feature-item:nth-child(2){animation-delay:.1s}.feature-group.visible .feature-item:nth-child(3){animation-delay:.15s}.feature-group.visible .feature-item:nth-child(4){animation-delay:.2s}.feature-group.visible .feature-item:nth-child(5){animation-delay:.25s}.feature-group.visible .feature-item:nth-child(6){animation-delay:.3s}.feature-group.visible .feature-item:nth-child(7){animation-delay:.35s}.feature-group.visible .feature-item:nth-child(8){animation-delay:.4s}.feature-group.visible .feature-item:nth-child(9){animation-delay:.45s}.feature-item:hover{background:#ffffff1f;border-color:#fff3;transform:translate(4px)}.feature-item-marker{background:#fffc;border-radius:999px;flex-shrink:0;width:.42rem;height:.42rem;margin-top:.34rem;box-shadow:0 0 0 4px #ffffff0f}.feature-group-chart .feature-item-marker{background:#c9a0ff;box-shadow:0 0 0 4px #c9a0ff1a}.feature-group-order .feature-item-marker{background:#7ee8ff;box-shadow:0 0 0 4px #7ee8ff1a}.feature-group-inventory .feature-item-marker{background:#ffd095;box-shadow:0 0 0 4px #ffd0951a}.feature-group-store .feature-item-marker{background:#7af0b8;box-shadow:0 0 0 4px #7af0b81a}.feature-item-copy{min-width:0}.feature-item-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.92rem;font-weight:600;display:block}.feature-item-desc{color:var(--text-tertiary);opacity:0;max-height:0;margin-top:0;font-size:.79rem;line-height:1.35;transition:max-height .25s,opacity .25s,margin-top .25s;overflow:hidden}.feature-item:hover .feature-item-desc{opacity:1;max-height:3rem;margin-top:.2rem}@keyframes featureItemIn{to{opacity:1;transform:translate(0)}}.footer-cta{max-width:40rem;margin:0 auto var(--section-gap);border-radius:var(--radius);text-align:center;padding:2.7rem 2rem}.footer-cta-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 .55rem;font-size:clamp(1.7rem,3.2vw,2.2rem);font-weight:700}.footer-cta-desc{color:var(--text-secondary);margin:0 0 1.4rem;font-size:.95rem}.footer-cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.store-btn-footer{padding:.75rem 1.15rem;font-size:.85rem}.footer{text-align:center;border-top:1px solid var(--glass-border);padding:2rem 1.5rem}.footer-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;max-width:64rem;margin:0 auto;display:flex}.footer-logo-wrap{color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.86rem;text-decoration:none;display:flex}.footer-logo-wrap .footer-logo-icon{color:var(--primary)}.footer-links{gap:1.25rem;display:flex}.footer-links a{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.09em;font-size:.82rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-secondary)}@media (width<=1060px){.hero-layout{gap:1.35rem;max-width:56rem}.hero-content{max-width:100%}}@media (width<=768px){.features-wrap{grid-template-columns:1fr}.module-strip{gap:.35rem}.features-highlights{grid-template-columns:1fr}.business-strip-inner{flex-direction:column;align-items:flex-start}}@media (width<=640px){.header{padding:.7rem .8rem}.header-nav{gap:.2rem}.store-link{padding:.4rem .45rem;font-size:.72rem}.header-cta{padding:.48rem .8rem;font-size:.78rem}.hero{padding:6rem 1rem 3rem}.hero-layout{flex-direction:column;align-items:stretch;gap:1.2rem}.hero-content{text-align:left;padding:1.8rem 1.2rem}.hero-proof{gap:.4rem}.hero-proof-item{font-size:.68rem}.hero-ctas{align-items:stretch}.store-links{flex-direction:column;align-items:stretch;width:100%}.cta,.store-btn{text-align:center;width:100%}.hero-visual{order:2;justify-content:center;min-width:100%}.hero-dashboard{width:min(370px,100%);transform:none}.hero-kpis{grid-template-columns:1fr}.hero-float{display:none}.features-wrap{gap:1rem;padding:3.8rem 1rem}.features-header{padding:1rem}.features-header-top{flex-direction:column;align-items:flex-start;gap:.35rem}.feature-group{padding:1.2rem}.feature-group-head{gap:.65rem}.feature-list{grid-template-columns:1fr}.footer-cta{margin:0 1rem 4rem;padding:2.2rem 1.2rem}.footer-cta-buttons{flex-direction:column}.footer-cta-buttons .cta,.footer-cta-buttons .store-btn-footer{text-align:center;width:100%}.footer-inner{flex-direction:column;gap:.95rem}}