:root{--primary:#1e5bb8;--primary-dark:#0f2f5c;--primary-light:#2e8fd4;--primary-glow:#1e5bb859;--primary-soft:#1e5bb81a;--teal:#36d49b;--teal-light:#5ddcad;--teal-glow:#36d49b40;--teal-soft:#36d49b1f;--brand-gradient:linear-gradient(135deg, #1e5bb8 0%, #2e8fd4 50%, #36d49b 100%);--dark:#0f1419;--dark-2:#151c27;--dark-card:#ffffff0e;--dark-border:#ffffff1a;--dark-text:#ffffffe0;--dark-muted:#ffffff80;--light:#f7f9fc;--light-2:#fff;--text:#191c1e;--text-muted:#41474e;--heading:#0f2f5c;--line:#001e3114;--font-head:"Space Grotesk", sans-serif;--font-body:"Manrope", sans-serif;--container:1160px;--r-xl:28px;--r-lg:20px;--r-md:14px;--r-sm:10px;--shadow-sm:0 4px 16px #0b0f1a1f;--shadow-md:0 12px 40px #0b0f1a2e;--shadow-lg:0 24px 80px #0b0f1a47}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;font-family:var(--font-body);color:var(--text);background:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-weight:500}p,h1,h2,h3,ul{margin:0}a{color:inherit;text-decoration:none}@keyframes float-slow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-22px)scale(1.04)}}@keyframes float-mid{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(16px)scale(.97)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fade-in-hero{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(32px)}.animate.visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.btn{min-height:46px;font-family:var(--font-head);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.92rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.7;cursor:wait;transform:none}.btn-lg{min-height:54px;padding:0 28px;font-size:1rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{background:var(--primary-light);box-shadow:0 6px 28px var(--primary-glow)}.btn-accent{background:var(--primary);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn-accent:hover{background:var(--primary-light)}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-color:#fff3}.btn-ghost:hover{background:#ffffff29;border-color:#ffffff59}.btn-ghost-light{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff40}.btn-ghost-light:hover{background:#ffffff2e}.badge{background:var(--primary-soft);color:var(--primary);font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;border:1px solid #1e5bb840;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-glass{color:#ffffffd9;background:#ffffff1a;border-color:#fff3}.logo{flex-shrink:0;align-items:center;display:inline-flex}.logo-img{width:auto;height:84px;display:block}.navbar{z-index:100;background:#fff;border-bottom:1px solid #001e3114;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#fff;box-shadow:0 2px 20px #001e311a}.navbar-inner{max-width:var(--container);align-items:center;gap:32px;margin:0 auto;padding:6px 32px;display:flex}.nav-links{align-items:center;gap:28px;margin-left:auto;display:flex}.nav-links a{font-family:var(--font-head);color:var(--text-muted);font-size:.92rem;transition:color .18s;position:relative}.nav-links a:after{content:"";background:var(--primary);transform-origin:0;width:100%;height:2px;transition:transform .2s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-links a:hover{color:var(--heading)}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{margin-left:8px}.nav-cta-mobile{display:none}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:8px;display:none}.nav-toggle span{background:var(--heading);border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{background:var(--dark);align-items:center;min-height:100vh;padding:120px 32px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 20%,#1e5bb82e 0%,#0000 60%),radial-gradient(50% 60% at 80% 30%,#36d49b1f 0%,#0000 55%),radial-gradient(40% 40% at 60% 80%,#2e8fd41a 0%,#0000 50%);position:absolute;inset:0}.hero-orb{filter:blur(60px);pointer-events:none;border-radius:999px;position:absolute}.hero-orb-1{background:radial-gradient(circle,#1e5bb847,#0000 70%);width:500px;height:500px;animation:9s ease-in-out infinite float-slow;top:-100px;left:-100px}.hero-orb-2{background:radial-gradient(circle,#36d49b33,#0000 70%);width:400px;height:400px;animation:11s ease-in-out infinite float-mid;bottom:-80px;right:10%}.hero-orb-3{background:radial-gradient(circle,#2e8fd426,#0000 70%);width:280px;height:280px;animation:13s ease-in-out 2s infinite float-slow;top:30%;right:20%}.hero-inner{z-index:1;max-width:var(--container);grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:100%;margin:0 auto;display:grid;position:relative}.hero-copy{flex-direction:column;gap:0;display:flex}.hero-copy .badge{width:fit-content;margin-bottom:28px}h1{font-family:var(--font-head);letter-spacing:-.04em;color:#fff;margin-bottom:24px;font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.05}h1 em{background:var(--brand-gradient);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:5s infinite gradient-shift}.hero-sub{color:var(--dark-muted);max-width:50ch;margin-bottom:36px;font-size:1.1rem;line-height:1.6}.hero-ctas{flex-wrap:wrap;gap:14px;margin-bottom:32px;display:flex}.hero-chips{flex-wrap:wrap;gap:12px;padding:0;list-style:none;display:flex}.hero-chips li{font-family:var(--font-head);color:var(--dark-muted);font-size:.84rem}.hero-visual{position:relative}@keyframes bar-grow{0%{height:0}to{height:var(--h)}}@keyframes fill-grow{0%{width:0}to{width:var(--w)}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.dm{flex-direction:column;gap:12px;display:flex}.dm-card{border-radius:var(--r-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141a28eb;border:1px solid #ffffff17;padding:20px 22px}.dm-main{position:relative;overflow:hidden}.dm-live{font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--teal);align-items:center;gap:6px;margin-bottom:10px;font-size:.72rem;font-weight:600;display:inline-flex}.dm-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite dot-pulse}.dm-label{color:#ffffff73;margin-bottom:4px;font-size:.8rem}.dm-big{font-family:var(--font-head);letter-spacing:-.04em;background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.4rem;font-weight:700;line-height:1.1;display:block}.dm-meta{gap:14px;margin-bottom:16px;font-size:.8rem;display:flex}.dm-up{color:var(--teal);font-weight:600}.dm-muted{color:#ffffff59}.dm-warn{color:#f59e0b;font-size:.78rem;font-weight:600}.dm-chart{align-items:flex-end;gap:5px;height:52px;display:flex}.dm-bar{height:var(--h);animation:1s cubic-bezier(.34,1.56,.64,1) both bar-grow;animation-delay:calc(var(--i,0) * 80ms + .6s);background:#ffffff1a;border-radius:4px 4px 0 0;flex:1}.dm-bar:first-child{--i:0}.dm-bar:nth-child(2){--i:1}.dm-bar:nth-child(3){--i:2}.dm-bar:nth-child(4){--i:3}.dm-bar:nth-child(5){--i:4}.dm-bar:nth-child(6){--i:5}.dm-bar:nth-child(7){--i:6}.dm-bar-active{box-shadow:0 0 12px var(--primary-glow);background:var(--brand-gradient)!important}.dm-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dm-small{flex-direction:column;gap:4px;display:flex;background:#1e5bb82e!important;border-color:#1e5bb859!important}.dm-small strong{font-family:var(--font-head);color:#fff;margin-top:4px;font-size:1.5rem;font-weight:700;line-height:1.1}.dm-small .dm-label{margin-bottom:0}.dm-small .dm-up,.dm-small .dm-muted,.dm-small .dm-warn{font-size:.78rem}.dm-payments{flex-direction:column;gap:10px;display:flex;background:#ffffff08!important;border-color:#ffffff12!important}.dm-payments .dm-label{margin-bottom:2px}.dm-pay-row{color:#ffffff8c;grid-template-columns:90px 1fr 36px;align-items:center;gap:10px;font-size:.8rem;display:grid}.dm-track{background:#ffffff14;border-radius:999px;height:5px;overflow:hidden}.dm-fill{background:var(--brand-gradient);border-radius:999px;width:0;height:100%;animation:1.2s cubic-bezier(.34,1.2,.64,1) .8s forwards fill-grow}.dm-fill-teal{background:linear-gradient(90deg, var(--teal), var(--teal-light))}.dm-pct{font-family:var(--font-head);color:#fff9;text-align:right;font-size:.75rem;font-weight:600}.stats-band{background:var(--light-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 32px}.stats-inner{max-width:var(--container);justify-content:center;align-items:center;gap:0;margin:0 auto;display:flex}.stat{text-align:center;flex:1;padding:0 32px}.stat strong{font-family:var(--font-head);letter-spacing:-.04em;background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:700;line-height:1;display:block}.stat span{color:var(--text-muted);font-size:.9rem;font-weight:500}.stat-sep{background:var(--line);flex-shrink:0;width:1px;height:60px}.section{background:var(--light);padding:100px 32px}.section:nth-child(2n){background:var(--light-2)}.section-head{max-width:var(--container);margin:0 auto 60px}.section-head .badge{margin-bottom:20px}h2{font-family:var(--font-head);letter-spacing:-.04em;color:var(--heading);max-width:18ch;margin-bottom:18px;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.08}h2 em{color:var(--primary);font-style:normal}.section-head p{color:var(--text-muted);max-width:56ch;font-size:1.06rem;line-height:1.65}h3{font-family:var(--font-head);color:var(--heading);letter-spacing:-.02em;font-size:1.22rem;font-weight:700;line-height:1.2}.advantages-section{background:var(--light)}.adv-grid{max-width:var(--container);grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;display:grid}.adv-card{border-radius:var(--r-xl);background:var(--light-2);border:1px solid var(--line);padding:32px;transition:transform .25s,box-shadow .25s,border-color .25s}.adv-card:hover{box-shadow:var(--shadow-md);border-color:#1e5bb840;transform:translateY(-5px)}.adv-icon{border-radius:var(--r-md);background:var(--primary-soft);width:48px;height:48px;color:var(--primary);place-items:center;margin-bottom:20px;display:grid}.adv-icon svg{width:22px;height:22px}.adv-card h3{margin-bottom:12px}.adv-card p{color:var(--text-muted);font-size:.96rem;line-height:1.6}.comparison-section{background:var(--dark);padding:100px 32px;position:relative;overflow:hidden}.comparison-section:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 10%,#1e5bb81f 0%,#0000 60%),radial-gradient(40% 50% at 90%,#36d49b14 0%,#0000 60%);position:absolute;inset:0}.comparison-inner{z-index:1;max-width:860px;margin:0 auto;position:relative}.comparison-head{margin-bottom:48px}.comparison-head .badge{margin-bottom:20px}.comparison-head h2{color:#fff;max-width:22ch}.comparison-head p{color:var(--dark-muted);font-size:1rem}.comparison-table{border-radius:var(--r-xl);border:1px solid var(--dark-border);overflow:hidden}.ct-header,.ct-row{grid-template-columns:1fr 160px 160px;align-items:center;display:grid}.ct-header{background:var(--primary);border-bottom:1px solid #ffffff1a;padding:16px 24px}.ct-header span{font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3;font-size:.95rem;font-weight:600}.ct-header .ct-ours{color:#fff;letter-spacing:.04em;font-size:1.02rem;font-weight:700}.ct-row{border-bottom:1px solid #ffffff0a;padding:18px 24px;transition:background .18s}.ct-row:last-child{border-bottom:none}.ct-row:hover{background:#ffffff08}.ct-row .ct-feature{color:var(--dark-text);padding-right:16px;font-size:1rem}.ct-no,.ct-yes{font-family:var(--font-head);align-items:center;gap:7px;font-size:.92rem;font-weight:600;display:flex}.ct-no{color:#ffffff47}.ct-yes{color:var(--teal)}.icon-x,.icon-check{flex-shrink:0;width:16px;height:16px}.modules-section{background:var(--light-2)}.modules-grid{max-width:var(--container);grid-template-columns:repeat(4,1fr);gap:16px;margin:0 auto;display:grid}.module-card{border-radius:var(--r-xl);background:var(--light);border:1px solid var(--line);padding:28px;transition:transform .25s,box-shadow .25s,background .25s}.module-card:hover{box-shadow:var(--shadow-sm);background:var(--light-2);transform:translateY(-4px)}.module-num{font-family:var(--font-head);letter-spacing:.08em;color:var(--primary);margin-bottom:16px;font-size:.78rem;font-weight:700;display:inline-flex}.module-card h3{margin-bottom:10px;font-size:1.1rem}.module-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.roles-section{background:var(--light)}.roles-grid{max-width:var(--container);grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;display:grid}.role-card{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--light-2);padding:36px 32px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.role-card:before{content:"";background:var(--primary);opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.role-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.role-card:hover:before{opacity:1}.role-badge{font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin-bottom:20px;padding:5px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.role-admin .role-badge{background:var(--primary-soft);color:var(--primary)}.role-supervisor .role-badge{background:var(--teal-soft);color:#1a9c74}.role-cashier .role-badge{color:#006876;background:#0068761a}.role-card h3{margin-bottom:12px;font-size:1.15rem}.role-card p{color:var(--text-muted);margin-bottom:24px;font-size:.93rem;line-height:1.6}.role-list{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.role-list li{color:var(--text-muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.role-list li:before{content:"";background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.cta-section{background:var(--dark);text-align:center;padding:120px 32px;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(70% 60%,#1e5bb833 0%,#0000 65%),radial-gradient(40% 40% at 20% 20%,#36d49b1a 0%,#0000 60%);position:absolute;inset:0}.cta-orb{filter:blur(80px);pointer-events:none;border-radius:999px;position:absolute}.cta-orb-1{background:radial-gradient(circle,#1e5bb840,#0000 65%);width:600px;height:600px;animation:6s ease-in-out infinite pulse-glow;top:-200px;left:50%;transform:translate(-50%)}.cta-orb-2{background:radial-gradient(circle,#36d49b2e,#0000 65%);width:400px;height:400px;animation:8s ease-in-out 2s infinite pulse-glow;bottom:-150px;right:10%}.cta-inner{z-index:1;max-width:700px;margin:0 auto;position:relative}.cta-inner .badge{margin-bottom:24px}.cta-inner h2{color:#fff;max-width:100%;margin-bottom:20px;font-size:clamp(2.2rem,4vw,3.4rem)}.cta-inner p{color:var(--dark-muted);max-width:52ch;margin:0 auto 40px;font-size:1.05rem;line-height:1.65}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.contact-form{border-radius:var(--r-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:#ffffff14;border:1px solid #ffffff24;margin-top:30px;padding:28px}.contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-field{flex-direction:column;gap:8px;display:flex}.hp-field{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-field span{font-family:var(--font-head);letter-spacing:.04em;text-transform:uppercase;color:#ffffffb8;font-size:.82rem;font-weight:600}.contact-field input,.contact-field textarea{color:#fff;width:100%;font:inherit;background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;outline:none;padding:14px 16px;transition:border-color .18s,box-shadow .18s,background .18s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#ffffff61}.contact-field input:focus,.contact-field textarea:focus{background:#ffffff1c;border-color:#36d49bb8;box-shadow:0 0 0 4px #36d49b1f}.contact-field textarea{resize:vertical;min-height:130px}.contact-field-full{margin-top:16px}.turnstile-wrap{justify-content:center;margin-top:18px;display:flex}.turnstile-wrap-hidden{display:none}.contact-form-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.contact-form-note{color:#ffffff8a;font-size:.9rem;line-height:1.5}.contact-form-note.is-success{color:var(--teal-light)}.contact-form-note.is-error{color:#ff8b8b}.footer{background:#fff;border-top:1px solid #00000014;padding:40px 32px}.footer-inner{max-width:var(--container);flex-wrap:wrap;align-items:center;gap:24px;margin:0 auto;display:flex}.footer-logo-name{color:#555}.footer-logo-name strong{color:#333}.footer-copy{color:#00000073;margin-left:auto;font-size:.88rem}.footer-nav{gap:20px;display:flex}.footer-nav a{color:#00000080;font-size:.88rem;transition:color .18s}.footer-nav a:hover{color:#000000d9}@media (width<=1100px){.modules-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.hero-inner{grid-template-columns:1fr;gap:48px}.hero-copy{order:1}.hero-visual{order:2}.hero-float-1{bottom:-30px;left:-10px}.hero-float-2{top:20px;right:-10px}.adv-grid{grid-template-columns:repeat(2,1fr)}.roles-grid{grid-template-columns:1fr 1fr}.ct-header,.ct-row{grid-template-columns:1fr 120px 120px}}@media (width<=768px){.navbar-inner{gap:16px;padding:10px 20px}.logo-img{height:60px}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#f7f9fcfa;flex-direction:column;align-items:flex-start;gap:0;padding:16px 20px;display:none;position:absolute;top:72px;left:0;right:0}.nav-links.open{display:flex}.nav-links a{border-bottom:1px solid var(--line);width:100%;color:var(--text-muted);padding:12px 0}.nav-links a:last-child{border-bottom:none}.nav-links a:after,.nav-cta{display:none}.nav-cta-mobile{text-align:center;justify-content:center;width:100%;margin-top:8px;color:#fff!important;display:flex!important}.nav-toggle{display:flex}.hero{min-height:auto;padding:110px 20px 60px}h1{font-size:2rem;line-height:1.2}.hero-copy{overflow-x:hidden}.stats-inner{grid-template-columns:1fr 1fr;gap:32px;display:grid}.stat-sep{display:none}.section{padding:72px 20px}.section-head{margin-bottom:40px}.adv-grid,.modules-grid,.roles-grid{grid-template-columns:1fr}.comparison-section{padding:72px 20px}.ct-header,.ct-row{grid-template-columns:1fr 100px 110px;padding:14px 16px}.ct-row .ct-feature{font-size:.86rem}.ct-no,.ct-yes{font-size:.76rem}.cta-section{padding:80px 20px}.contact-form-grid{grid-template-columns:1fr}.contact-form-actions{flex-direction:column;align-items:stretch}.contact-form-note{text-align:center}.footer-inner{flex-direction:column;align-items:flex-start;gap:16px}.footer-copy{margin-left:0}}@media (width<=480px){.stats-inner{grid-template-columns:1fr}.hero-float,.ct-header{display:none}.ct-row{grid-template-columns:1fr 100px}.ct-other{display:none}}