html{scroll-behavior:smooth}body{margin:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--accent:#06b6d4;--dark:#0f172a;--gray-900:#1e293b;--gray-700:#334155;--gray-500:#64748b;--gray-300:#cbd5e1;--gray-100:#f1f5f9;--white:#fff;--radius:12px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-100);background:#ffffffe6;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.nav-logo{color:var(--dark);font-size:20px;font-weight:800;text-decoration:none}.logo-v{color:var(--primary);font-size:24px}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--gray-700);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-cta{border-radius:8px;background:var(--primary)!important;color:#fff!important;padding:8px 18px!important;transition:background .2s!important}.nav-cta:hover{background:var(--primary-dark)!important}.hero{align-items:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(at 20%,#6366f112 0%,#0000 50%),radial-gradient(at 80%,#06b6d40d 0%,#0000 50%);position:fixed;inset:0}.hero-split{z-index:1;grid-template-columns:1fr 1.4fr;align-items:center;gap:40px;width:100%;display:grid;position:relative}.hero-left{text-align:left}.hero h1{margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1}.hero-sub{color:var(--gray-500);max-width:480px;margin-bottom:32px;font-size:17px;line-height:1.7}.hero-actions{gap:12px;margin-bottom:40px;display:flex}.btn{border-radius:10px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--gray-100);color:var(--dark)}.btn-secondary:hover{background:var(--gray-300)}.hero-stats{gap:32px;display:flex}.stat{text-align:center}.stat-num{color:var(--primary);font-size:28px;font-weight:800;display:block}.stat-label{color:var(--gray-500);font-size:12px}.hero-right{justify-content:center;display:flex}.monitor-device{flex-direction:column;align-items:center;display:flex}.monitor-screen{background:#0f172a;border-radius:14px;width:560px;padding:8px;box-shadow:0 25px 80px #0000004d,0 0 0 2px #334155}.monitor-stand{background:linear-gradient(#64748b,#475569);width:50px;height:60px}.monitor-base{background:#475569;border-radius:6px 6px 0 0;width:140px;height:12px}.admin-ui{background:#fff;border-radius:8px;min-height:340px;display:flex;overflow:hidden}.admin-sidebar{background:var(--dark);flex-direction:column;gap:4px;width:100px;padding:12px 8px;display:flex}.admin-sidebar-logo{color:var(--primary);text-align:center;border-bottom:1px solid #334155;margin-bottom:12px;padding-bottom:8px;font-size:18px;font-weight:800}.admin-nav-item{color:#94a3b8;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:10px;transition:background .2s;display:flex}.admin-nav-item.active{color:#fff;background:#6366f133}.admin-nav-label{font-size:9px;font-weight:500}.admin-nav-section{color:#475569;text-transform:uppercase;letter-spacing:.5px;padding:8px 8px 2px;font-size:8px;font-weight:600}.admin-main{flex:1;padding:14px 16px;overflow:hidden}.admin-topbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.admin-title{font-size:14px;font-weight:800}.admin-user{color:var(--gray-500);font-size:10px}.admin-stats-row{gap:8px;margin-bottom:14px;display:flex}.admin-stat-card{background:var(--gray-100);border:1px solid var(--gray-100);border-radius:10px;flex:1;align-items:center;gap:8px;padding:10px 12px;display:flex}.admin-stat-card.green{background:#ecfdf5;border-color:#d1fae5}.admin-stat-card.purple{background:#eef2ff;border-color:#e0e7ff}.admin-stat-card.orange{background:#fffbeb;border-color:#fef3c7}.admin-stat-icon{font-size:16px}.admin-stat-num{color:var(--dark);font-size:14px;font-weight:800;display:block}.admin-stat-lbl{color:var(--gray-500);font-size:8px}.admin-bottom-grid{grid-template-columns:1.5fr 1fr;gap:12px;display:grid}.admin-section-title{margin-bottom:8px;font-size:11px;font-weight:700;display:block}.admin-order-row{background:var(--gray-100);border-radius:6px;align-items:center;gap:6px;margin-bottom:4px;padding:7px 10px;font-size:9px;display:flex}.admin-order-id{color:var(--dark);min-width:60px;font-weight:700}.admin-order-customer{color:var(--gray-500);min-width:50px}.admin-order-items{color:var(--gray-500);flex:1}.admin-order-total{min-width:38px;font-weight:700}.admin-order-badge{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:600}.admin-order-badge.placed{color:#dc2626;background:#fef2f2}.admin-order-badge.preparing{color:#6366f1;background:#eef2ff}.admin-order-badge.ready{color:#059669;background:#ecfdf5}.admin-tables-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.admin-table-chip{text-align:center;border-radius:6px;padding:6px 4px;font-size:9px;font-weight:600}.admin-table-chip.available{color:#059669;background:#ecfdf5}.admin-table-chip.occupied{color:#6366f1;background:#eef2ff}.admin-table-chip.billing{color:#dc2626;background:#fef2f2}.hero-devices{flex-direction:column;align-items:center;gap:20px;display:flex}.hero-peripherals{align-items:flex-end;gap:24px;display:flex}.peripheral{flex-direction:column;align-items:center;gap:8px;display:flex}.peripheral-img{object-fit:contain;filter:drop-shadow(0 4px 12px #0000001a);width:120px;height:150px}.peripheral-img.printer-img{width:140px;height:120px}.peripheral-label{color:var(--gray-500);font-size:11px;font-weight:600}.section-header{text-align:center;margin-bottom:48px}.section-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;background:#6366f11a;border-radius:16px;margin-bottom:12px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.section-header h2{font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.2}.product{background:var(--gray-100);padding:100px 0}.product-intro{color:var(--gray-500);max-width:600px;margin:16px auto 0;font-size:16px}.product-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:56px;display:flex}.flow-step{background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex;box-shadow:0 2px 8px #0000000a}.flow-num{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.flow-arrow{color:var(--gray-300);font-size:18px;font-weight:700}.product-features{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px;display:grid}.product-feature{border-radius:var(--radius-lg);background:#fff;padding:32px;transition:transform .2s,box-shadow .2s}.product-feature:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000000f}.pf-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.pf-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.pf-header h3{font-size:18px;font-weight:700}.product-feature p{color:var(--gray-500);margin-bottom:14px;font-size:14px;line-height:1.6}.pf-list{grid-template-columns:1fr 1fr;gap:6px;padding:0;list-style:none;display:grid}.pf-list li{color:var(--gray-700);font-size:12px;font-weight:500}.product-cta{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:var(--radius-lg);color:#fff;justify-content:space-between;align-items:center;padding:36px 40px;display:flex}.product-cta h3{margin-bottom:4px;font-size:20px;font-weight:700}.product-cta p{opacity:.9;font-size:14px}.product-cta .btn{color:var(--primary);white-space:nowrap;background:#fff}.product-cta .btn:hover{background:var(--gray-100)}.kiosk-section{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-top:64px;margin-bottom:48px;display:grid}.kiosk-content h3{margin-bottom:16px;font-size:28px;font-weight:800;line-height:1.2}.kiosk-desc{color:var(--gray-500);margin-bottom:20px;font-size:15px;line-height:1.7}.kiosk-features{gap:8px;margin-bottom:28px;padding:0;list-style:none;display:grid}.kiosk-features li{color:var(--gray-700);font-size:14px;font-weight:500}.kiosk-visual{justify-content:center;align-items:flex-end;display:flex}.kiosk-device{flex-direction:column;align-items:center;display:flex;position:relative}.kiosk-stand{background:linear-gradient(#94a3b8,#64748b);border-radius:0 0 8px 8px;width:60px;height:120px;position:relative}.kiosk-stand:after{content:"";background:#475569;border-radius:6px;width:120px;height:12px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.kiosk-screen{z-index:1;background:#0f172a;border-radius:16px;width:280px;padding:8px;position:relative;box-shadow:0 20px 60px #0000004d,0 0 0 2px #334155}.kiosk-ui{background:#fff;border-radius:10px;overflow:hidden}.kiosk-header-bar{background:var(--primary);color:#fff;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.kiosk-logo{font-size:16px;font-weight:800}.kiosk-title{font-size:12px;font-weight:600}.kiosk-cart-icon{background:#fff3;border-radius:10px;padding:3px 8px;font-size:12px}.kiosk-categories{gap:6px;padding:10px 12px;display:flex;overflow:hidden}.kiosk-cat{background:var(--gray-100);color:var(--gray-700);white-space:nowrap;border-radius:14px;padding:5px 10px;font-size:10px;font-weight:500}.kiosk-cat.active{background:var(--primary);color:#fff}.kiosk-items{flex-direction:column;gap:8px;padding:8px 12px;display:flex}.kiosk-item{background:var(--gray-100);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.kiosk-item.highlight-item{background:#fef3c7;border:1px solid #fbbf24}.kiosk-item-img{font-size:22px}.kiosk-item-info{flex:1}.kiosk-item-name{font-size:11px;font-weight:600;display:block}.kiosk-item-price{color:var(--gray-500);font-size:10px}.kiosk-item-add{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:flex}.kiosk-item-badge{color:#fff;background:#dc2626;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.kiosk-bottom-bar{background:var(--dark);color:#fff;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;display:flex}.kiosk-pay-btn{background:var(--primary);border-radius:6px;padding:5px 12px;font-size:10px;font-weight:600}.kiosk-item.selected{background:#eef2ff;border:1px solid #c7d2fe}.kiosk-qty{align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.kiosk-qty span{background:var(--primary);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.kiosk-qty-num{color:var(--dark);background:0 0;width:auto}.kiosk-upsell{background:#fef3c7;justify-content:space-between;align-items:center;padding:8px 12px;font-size:10px;font-weight:500;display:flex}.kiosk-upsell-btn{color:#fff;background:#059669;border-radius:8px;padding:3px 10px;font-size:9px;font-weight:700}.kiosk-item-price s{color:var(--gray-300);margin-right:4px}.mobile-section{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-top:64px;margin-bottom:48px;display:grid}.mobile-content h3{margin-bottom:16px;font-size:28px;font-weight:800;line-height:1.2}.mobile-visual{justify-content:center;display:flex}.mobile-device{background:#1e293b;border-radius:36px;width:260px;padding:10px;position:relative;box-shadow:0 20px 60px #00000040,0 0 0 2px #334155}.mobile-notch{z-index:2;background:#1e293b;border-radius:0 0 14px 14px;width:100px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-screen{background:#fff;border-radius:28px;overflow:hidden}.mobile-ui{font-size:11px}.mobile-header{background:#fff;justify-content:space-between;align-items:center;padding:28px 14px 10px;display:flex}.mobile-header-left{align-items:center;gap:8px;display:flex}.mobile-logo{color:var(--primary);font-size:18px;font-weight:800}.mobile-table{font-size:11px;font-weight:600}.mobile-guest{color:var(--gray-500);font-size:10px}.mobile-cart-btn{background:var(--primary);color:#fff;border-radius:14px;padding:5px 10px;font-size:10px;font-weight:600}.mobile-search{background:var(--gray-100);color:var(--gray-500);border-radius:8px;margin:0 12px 8px;padding:8px 12px;font-size:10px}.mobile-cats{gap:4px;padding:0 12px 8px;display:flex;overflow:hidden}.mobile-cat{background:var(--gray-100);color:var(--gray-700);white-space:nowrap;border-radius:12px;padding:4px 8px;font-size:9px;font-weight:500}.mobile-cat.active{background:var(--primary);color:#fff}.mobile-items{flex-direction:column;gap:8px;padding:0 12px;display:flex}.mobile-item{background:var(--gray-100);border-radius:10px;justify-content:space-between;align-items:center;padding:10px;display:flex}.mobile-item.in-cart{background:#eef2ff;border:1px solid #c7d2fe}.mobile-item-left{flex:1}.mobile-item-name{margin-bottom:2px;font-size:11px;font-weight:600;display:block}.mobile-item-desc{color:var(--gray-500);margin-bottom:3px;font-size:9px;display:block}.mobile-item-price{color:var(--primary);font-size:11px;font-weight:700}.mobile-item-add{background:var(--primary);color:#fff;border-radius:6px;padding:4px 10px;font-size:9px;font-weight:700}.mobile-item-qty{align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.mobile-item-qty span{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.mobile-item-qty span:nth-child(2){color:var(--dark);background:0 0;width:auto}.mobile-cart-bar{background:var(--dark);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin:10px 12px 12px;padding:10px 14px;font-size:10px;display:flex}.mobile-cart-total{color:#a5b4fc;font-weight:700}.about{background:var(--white);padding:100px 0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-text p{color:var(--gray-500);margin-bottom:16px;font-size:16px}.about-highlights{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.highlight{background:var(--gray-100);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:16px;display:flex}.highlight-icon{font-size:24px}.highlight strong{font-size:14px}.highlight div{color:var(--gray-500);font-size:12px;line-height:1.4}.about-visual{justify-content:center;display:flex}.code-block{background:var(--gray-900);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:0;overflow:hidden;box-shadow:0 20px 60px #0003}.code-header{background:#0000004d;gap:8px;padding:14px 18px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ef4444}.dot.yellow{background:#eab308}.dot.green{background:#22c55e}.code-block pre{color:#a5b4fc;white-space:pre-wrap;padding:20px 24px;font-family:Fira Code,monospace;font-size:13px;line-height:1.7}.services{background:var(--gray-100);padding:100px 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #0000;padding:32px;transition:transform .2s,box-shadow .2s}.service-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.service-icon{margin-bottom:16px;font-size:36px;display:block}.service-card h3{margin-bottom:10px;font-size:18px;font-weight:700}.service-card p{color:var(--gray-500);margin-bottom:16px;font-size:14px;line-height:1.6}.service-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--gray-100);color:var(--gray-700);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.portfolio{background:var(--white);padding:100px 0}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.portfolio-card{background:var(--gray-100);border-radius:var(--radius-lg);padding:32px;transition:transform .2s;position:relative;overflow:hidden}.portfolio-card:hover{transform:translateY(-2px)}.portfolio-accent{height:4px;position:absolute;top:0;left:0;right:0}.portfolio-card h3{margin-bottom:10px;font-size:20px;font-weight:700}.portfolio-card p{color:var(--gray-500);margin-bottom:16px;font-size:14px;line-height:1.6}.team{background:var(--gray-100);padding:100px 0}.team-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.team-card{border-radius:var(--radius-lg);text-align:center;background:#fff;padding:28px;transition:transform .2s}.team-card:hover{transform:translateY(-4px)}.team-icon{margin-bottom:12px;font-size:40px;display:block}.team-card h3{margin-bottom:4px;font-size:15px;font-weight:700}.team-role{color:var(--primary);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.team-card p{color:var(--gray-500);font-size:12px;line-height:1.5}.contact{background:var(--white);padding:100px 0}.contact-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.contact-info p{color:var(--gray-500);margin-bottom:28px;font-size:16px}.contact-details{flex-direction:column;gap:20px;display:flex}.contact-item{align-items:flex-start;gap:14px;display:flex}.contact-item span{font-size:24px}.contact-item strong{font-size:14px}.contact-item div{color:var(--gray-500);font-size:13px;line-height:1.4}.contact-form{flex-direction:column;gap:14px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--gray-300);border-radius:10px;outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:14px;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary)}.contact-form textarea{resize:vertical}.contact-form .btn{cursor:pointer;text-align:center;border:none}.footer{background:var(--dark);color:#fff;padding:48px 0 24px}.footer-content{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.footer-brand p{color:var(--gray-500);margin-top:8px;font-size:13px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--gray-500);font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--gray-700);padding-top:20px}.footer-bottom p{color:var(--gray-500);text-align:center;font-size:12px}@media (width<=768px){.nav-links{display:none}.hero-split{grid-template-columns:1fr;gap:40px}.hero-right{justify-content:center;display:flex}.monitor-screen{width:100%;max-width:360px}.hero-peripherals{gap:16px}.peripheral-img{width:80px;height:100px}.peripheral-img.printer-img{width:100px;height:80px}.product-features{grid-template-columns:1fr}.product-cta{text-align:center;flex-direction:column;gap:20px}.pf-list{grid-template-columns:1fr}.product-flow{gap:6px}.flow-arrow{display:none}.kiosk-section{grid-template-columns:1fr;gap:40px}.kiosk-visual{margin-top:20px}.mobile-section{grid-template-columns:1fr;gap:40px}.mobile-visual{order:-1}.about-grid,.services-grid,.portfolio-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.contact-grid,.form-row{grid-template-columns:1fr}.hero-stats{gap:24px}.footer-content{flex-direction:column;gap:24px}.about-highlights{grid-template-columns:1fr}.admin-sidebar{width:36px;padding:8px 4px}.admin-nav-label,.admin-nav-section{display:none}.admin-stat-card{padding:6px 8px}.admin-stat-num{font-size:11px}.admin-stat-lbl{font-size:7px}.admin-stat-icon{font-size:12px}.admin-bottom-grid{grid-template-columns:1fr}.admin-tables-section{display:none}}