.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__title{letter-spacing:-.03em;color:var(--ink);margin-bottom:20px;font-size:clamp(2.2rem,4.4vw,3.5rem);font-weight:800;line-height:1.08}.hero__tagline{color:var(--brand);margin-bottom:16px;font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:700}.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__heading{letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.15}.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[hidden]{display:none}.product__panel{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@keyframes product-panel-in{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}.product__panel--enter{animation:product-panel-in .3s var(--ease-out)}@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);font-weight:700;line-height:1.15}.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__heading{letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.15}.hiw__step-title{margin-bottom:8px;font-size:clamp(1.15rem,1.5vw,1.35rem);font-weight:600;line-height:1.3}.hiw__edge-title{color:var(--ink);margin-bottom:16px;font-size:clamp(1.15rem,1.5vw,1.35rem);font-weight:600;line-height:1.3}.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}.contact{background:var(--surface-0)}.contact__title{color:var(--ink);margin-bottom:12px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.contact__desc{color:var(--ink-soft);max-width:420px;font-size:1rem;line-height:1.6}.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)}