.nav{z-index:100;transition:background .3s var(--ease), box-shadow .3s var(--ease);background:0 0;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background:#ffffffeb}.nav__inner{justify-content:space-between;align-items:center;height:72px;display:flex}.nav__logo{letter-spacing:-.03em;color:var(--ink);font-size:1.3rem;font-weight:800}.nav__logo span{color:var(--brand)}.nav__links{gap:28px;display:none}@media (width>=768px){.nav__links{display:flex}}.nav__link{color:var(--ink-muted);font-size:.9rem;font-weight:500;transition:color .15s}.nav__link:hover{color:var(--ink)}.nav__cta{display:none}@media (width>=768px){.nav__cta{display:inline-flex}}.nav__cta--demo{background:linear-gradient(135deg, var(--brand) 0%, #10b981 100%);transition:all .3s var(--ease);border:none;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 15px #10b9814d}.nav__cta--demo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.pulse-dot{background-color:#fff;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-dot:after{content:"";border:2px solid #fff;border-radius:50%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.nav__burger{padding:8px;display:block}@media (width>=768px){.nav__burger{display:none}}.burger{flex-direction:column;justify-content:space-between;width:22px;height:16px;display:flex;position:relative}.burger span{background:var(--ink);width:100%;height:2px;transition:all .25s var(--ease);transform-origin:0;display:block}.burger.open span:first-child{transform:rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg)}.nav__drawer{z-index:99;background:var(--surface-0);padding:20px var(--px) 28px;border-bottom:1px solid var(--surface-3);box-shadow:var(--shadow-md);flex-direction:column;gap:16px;display:flex;position:fixed;top:72px;left:0;right:0}.nav__drawer-link{color:var(--ink);border-bottom:1px solid var(--surface-2);padding:8px 0;font-size:1rem;font-weight:500}.hero{background:var(--surface-1);padding:140px 0 80px;overflow:hidden}.hero__grid{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (width>=960px){.hero__grid{grid-template-columns:1fr 1.2fr;gap:120px}.hero__device--main{min-width:800px;margin-left:20px}}.hero__tag{color:var(--brand);margin-bottom:16px}.hero__text h1{color:var(--ink);margin-bottom:20px}.hero__desc{max-width:640px;margin-bottom:32px}.hero__btns{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.hero__note{color:var(--ink-faint)}.hero__visual{justify-content:center;display:flex;position:relative}.hero__device{border-radius:var(--r-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__device img{width:100%;height:auto;display:block}.hero__device--main{background:var(--surface-0);border:1px solid var(--surface-3);width:100%;max-width:none;box-shadow:var(--shadow-xl)}.hero__device--phone{background:var(--ink);border:3px solid var(--surface-3);border-radius:var(--r-md);width:140px;box-shadow:var(--shadow-lg);z-index:2;position:absolute;bottom:-24px;left:-28px}@media (width<=959px){.hero__device--phone{width:100px;bottom:-16px;left:0}}.hero__device--phone .placeholder-label{color:#fff6;font-size:.6rem}.interactive-demo{background:var(--bg-100);padding:6rem 0;position:relative;overflow:hidden}.interactive-demo:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(#2563eb26 0%,#0000 70%);width:800px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interactive-demo__container{z-index:1;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.interactive-demo__header{text-align:center;margin-bottom:4rem}.interactive-demo__tag{color:var(--brand);letter-spacing:.05em;text-transform:uppercase;background:#2563eb1a;border-radius:100px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.interactive-demo__title{letter-spacing:-.02em;color:var(--fg-100);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.interactive-demo__desc{color:var(--fg-300);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.interactive-demo__grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=900px){.interactive-demo__grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.demo-card{-webkit-backdrop-filter:blur(20px);group:true;background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;padding:2.5rem 2rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.demo-card:before{content:"";opacity:0;background:linear-gradient(#ffffff0d 0%,#0000 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.demo-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 40px -10px #0000004d,0 0 20px #2563eb33}.demo-card:hover:before{opacity:1}.demo-card__icon{z-index:2;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;transition:transform .4s;display:flex;position:relative}.demo-card:hover .demo-card__icon{transform:scale(1.05)}.demo-card--kiosk .demo-card__icon{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33 0%,#f59e0b0d 100%);border:1px solid #f59e0b33}.demo-card--kitchen .demo-card__icon{color:#22d3ee;background:linear-gradient(135deg,#06b6d433 0%,#06b6d40d 100%);border:1px solid #06b6d433}.demo-card--admin .demo-card__icon{color:#a78bfa;background:linear-gradient(135deg,#8b5cf633 0%,#8b5cf60d 100%);border:1px solid #8b5cf633}.demo-card__icon svg{width:32px;height:32px}.demo-card__title{color:var(--fg-100);z-index:2;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;position:relative}.demo-card__desc{color:var(--fg-300);z-index:2;flex:1;margin-bottom:2rem;font-size:1rem;line-height:1.5;position:relative}.demo-card__footer{z-index:2;color:var(--fg-400);justify-content:space-between;align-items:center;margin-top:auto;font-size:.875rem;font-weight:600;transition:color .3s;display:flex;position:relative}.demo-card:hover .demo-card__footer{color:var(--fg-100)}.demo-card__arrow{width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:translate(0)}.demo-card:hover .demo-card__arrow{transform:translate(4px)}.stats-strip{border-bottom:1px solid var(--surface-2);padding:48px 0}.stats-strip__grid{text-align:center;grid-template-columns:repeat(2,1fr);gap:32px;display:grid}@media (width>=640px){.stats-strip__grid{grid-template-columns:repeat(4,1fr);gap:0}.stat+.stat{border-left:1px solid var(--surface-2)}}.stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat__value{letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800}.stat__label{color:var(--ink-muted)}.product{background:var(--surface-0)}.product__header{text-align:center;margin-bottom:48px}.product__tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:56px;display:flex}.product__tab{color:var(--ink-muted);background:var(--surface-1);border:1px solid var(--surface-3);transition:all .2s var(--ease);border-radius:100px;padding:10px 22px;font-size:.9rem;font-weight:600}.product__tab:hover{color:var(--ink);background:var(--surface-2)}.product__tab--active{color:var(--tab-color,var(--brand));background:var(--tab-soft,var(--brand-soft));border-color:#0000}.product__panel{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (width>=900px){.product__panel{grid-template-columns:1fr 1.6fr;gap:40px}.product__panel--desktop{grid-template-columns:1fr 1.6fr}.product__panel--mobile{grid-template-columns:1.5fr 1fr}}.product__headline{color:var(--ink);margin-bottom:16px;font-size:clamp(1.4rem,2.5vw,2rem)}.product__bullets{flex-direction:column;gap:12px;list-style:none;display:flex}.product__bullets li{color:var(--ink-soft);align-items:flex-start;gap:10px;line-height:1.5;display:flex}.bullet-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.product__screenshot{justify-content:center;align-items:center;width:100%;display:flex}.product__screenshot img{width:100%;height:auto;display:block}.placeholder-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-size:.75rem;font-weight:600}.how-it-works{overflow:hidden}.hiw__header{text-align:center;margin-bottom:64px}.hiw__steps{grid-template-columns:1fr;gap:40px;margin-bottom:80px;display:grid}@media (width>=768px){.hiw__steps{grid-template-columns:repeat(3,1fr);gap:48px}}.hiw__step{border-radius:var(--r-lg);box-shadow:var(--shadow-sm);z-index:1;transition:transform .2s var(--ease), box-shadow .2s var(--ease);background:linear-gradient(var(--surface-0), var(--surface-0)) padding-box, linear-gradient(90deg, var(--surface-2) 0%, var(--brand) 50%, var(--surface-2) 100%) border-box;background-size:100% 100%,200% 100%;border:1px solid #0000;padding:32px 24px;animation:3s linear infinite flowBorder;position:relative}@keyframes flowBorder{0%{background-position:0 0,-100% 0}to{background-position:0 0,100% 0}}.hiw__step:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}@media (width>=768px){.hiw__step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--brand) 50%, transparent 50%);opacity:.4;z-index:0;background-size:12px 100%;width:48px;height:2px;animation:.6s linear infinite flowLine;position:absolute;top:50%;right:-48px}}@keyframes flowLine{0%{background-position:0 0}to{background-position:12px 0}}.hiw__icon{background:var(--brand-soft);width:48px;height:48px;color:var(--brand);border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.hiw__edge{text-align:center}.hiw__pills{grid-template-columns:1fr;gap:16px;max-width:1000px;margin:0 auto;display:grid}@media (width>=600px){.hiw__pills{grid-template-columns:1fr 1fr}}@media (width>=992px){.hiw__pills{grid-template-columns:repeat(3,1fr)}}.hiw__pill{background:var(--surface-0);border:1px solid var(--surface-2);border-radius:var(--r-md);text-align:left;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);align-items:flex-start;gap:16px;padding:24px;display:flex}.hiw__pill:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hiw__pill-icon{color:var(--brand);background:var(--brand-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hiw__pill-text{flex-direction:column;gap:4px;display:flex}.hiw__pill-text strong{color:var(--ink);font-size:1rem;font-weight:700}.hiw__pill-text span{color:var(--ink-muted);font-size:.9rem;line-height:1.4}.pricing-section{background:var(--bg-100);padding:8rem 0;position:relative;overflow:hidden}.pricing-section:before{content:"";pointer-events:none;background:radial-gradient(at top,#2563eb14 0%,#0000 60%);width:1000px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.pricing__container{z-index:1;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.pricing__header{text-align:center;margin-bottom:5rem}.pricing__tag{color:var(--brand);letter-spacing:.05em;text-transform:uppercase;background:#2563eb1a;border-radius:100px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.pricing__title{letter-spacing:-.02em;color:var(--fg-100);margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.pricing__desc{color:var(--fg-300);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.pricing__grid{grid-template-columns:repeat(3,1fr);align-items:center;gap:2rem;display:grid}@media (width<=900px){.pricing__grid{grid-template-columns:1fr;gap:3rem;max-width:450px;margin:0 auto}}.pricing-card{background:var(--bg-200);border:1px solid #ffffff0d;border-radius:24px;padding:3rem 2rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #0003}.pricing-card--featured{background:linear-gradient(180deg, var(--bg-200) 0%, #2563eb0d 100%);border:1px solid #2563eb4d;padding:4rem 2rem;box-shadow:0 20px 40px -10px #0000004d,0 0 40px #2563eb1a}.pricing-card--featured:hover{transform:translateY(-12px);box-shadow:0 30px 50px -10px #0006,0 0 50px #2563eb26}.pricing-card__badge{background:var(--brand);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:100px;padding:.25rem 1rem;font-size:.875rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #2563eb4d}.pricing-card__name{color:var(--fg-100);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.pricing-card__price{align-items:baseline;gap:.25rem;margin-bottom:1rem;display:flex}.pricing-card__currency{color:var(--fg-100);font-size:1.5rem;font-weight:600}.pricing-card__amount{letter-spacing:-.03em;color:var(--fg-100);font-size:3.5rem;font-weight:800;line-height:1}.pricing-card__period{color:var(--fg-400);font-size:1rem}.pricing-card__desc{color:var(--fg-300);margin-bottom:2.5rem;font-size:.9375rem;line-height:1.5}.pricing-card__features{margin:0 0 2.5rem;padding:0;list-style:none}.pricing-card__feature-header{color:var(--fg-100);border-bottom:1px solid #64646426;margin-bottom:1rem;padding-bottom:.5rem;font-size:.9375rem;line-height:1.4}.pricing-card__feature{color:var(--fg-200);align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.9375rem;line-height:1.4;display:flex}.pricing-card__feature svg{width:20px;height:20px;color:var(--brand);flex-shrink:0}.pricing-card__feature--disabled{color:var(--fg-400);opacity:.5}.pricing-card__feature--disabled svg{color:var(--fg-400)}.pricing-card__btn{text-align:center;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.pricing-card__btn--outline{color:var(--fg-100);border:1px solid var(--fg-300);background:0 0}.pricing-card__btn--outline:hover{border-color:var(--fg-200);background:#6464640d}.pricing-card__btn--solid{background:var(--brand);color:#fff;border:1px solid #0000;box-shadow:0 4px 12px #2563eb33}.pricing-card__btn--solid:hover{background:#1d4ed8;box-shadow:0 6px 16px #2563eb4d}.contact{background:var(--surface-0)}.contact__inner{grid-template-columns:1fr;align-items:start;gap:48px;display:grid}@media (width>=900px){.contact__inner{grid-template-columns:.8fr 1fr;gap:80px}}.contact__form{flex-direction:column;gap:20px;display:flex}.cform-row{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=500px){.cform-row{grid-template-columns:1fr 1fr}}.cform-field{flex-direction:column;gap:6px;display:flex}.cform-field label{color:var(--ink-soft);font-size:.8rem;font-weight:500}.cform-field input{background:var(--surface-0);border:1px solid var(--surface-3);color:var(--ink);border-radius:var(--r-sm);padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.cform-field input:focus{border-color:var(--brand);outline:none}.cform-field input::placeholder{color:var(--ink-faint)}.footer{background:var(--surface-1);border-top:1px solid var(--surface-3);padding:32px 0}.footer__inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}@media (width>=768px){.footer__inner{text-align:left;flex-direction:row;justify-content:space-between}}.footer__left{align-items:center;gap:16px;display:flex}.footer__logo{letter-spacing:-.03em;color:var(--ink);font-size:1.15rem;font-weight:800}.footer__logo span{color:var(--brand)}.footer__left .t-sm{color:var(--ink-soft)}.footer__right{color:var(--ink-soft);align-items:center;gap:8px;font-size:.8rem;display:flex}.footer__right a{color:var(--ink-soft);transition:color .15s}.footer__right a:hover{color:var(--ink)}.footer__sep{opacity:.4}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#111827;--ink-soft:#374151;--ink-muted:#6b7280;--ink-faint:#9ca3af;--surface-0:#fff;--surface-1:#f9fafb;--surface-2:#f3f4f6;--surface-3:#e5e7eb;--deep:#0b1120;--deep-mid:#162032;--deep-text:#ffffffeb;--deep-muted:#ffffff8c;--deep-border:#ffffff14;--brand:#e63946;--brand-hover:#c62d39;--brand-soft:#e6394614;--brand-glow:#e6394626;--teal:#14b8a6;--teal-soft:#14b8a614;--indigo:#6366f1;--indigo-soft:#6366f114;--amber:#f59e0b;--amber-soft:#f59e0b14;--sky:#0ea5e9;--sky-soft:#0ea5e914;--max-w:1536px;--px:clamp(24px, 5vw, 80px);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001f;--shadow-xl:0 24px 64px #00000029;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.25s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}html{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;font-family:var(--font);background:var(--surface-0);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}img{max-width:100%;display:block}.t-hero{letter-spacing:-.03em;font-size:clamp(2.8rem,5.5vw,4.2rem);font-weight:800;line-height:1.08}.t-h2{letter-spacing:-.02em;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.15}.t-h3{font-size:clamp(1.15rem,1.5vw,1.35rem);font-weight:600;line-height:1.3}.t-body{color:var(--ink-soft);font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.7}.t-sm{color:var(--ink-muted);font-size:.875rem;line-height:1.5}.t-label{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.container{max-width:var(--max-w);padding:0 var(--px);margin:0 auto}.section{padding:100px 0;position:relative}.btn{border-radius:var(--r-sm);transition:all var(--dur) var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-brand{background:var(--brand);color:#fff}.btn-brand:hover{background:var(--brand-hover);box-shadow:0 6px 20px var(--brand-glow);transform:translateY(-1px)}.btn-ghost{color:var(--ink-soft);border:1px solid var(--surface-3);background:var(--surface-0)}.btn-ghost:hover{border-color:var(--ink-faint);background:var(--surface-1)}.btn-lg{padding:14px 32px;font-size:.95rem}@media (width<=768px){.section{padding:64px 0}}@media (width<=480px){.section{padding:48px 0}}