.hero{padding-block:clamp(40px,6vw,72px) clamp(64px,8vw,104px)}.hero-head{align-items:end;gap:20px 64px;display:grid}.hero h1{letter-spacing:-.01em;max-width:13ch;font-size:clamp(2.6rem,6vw,4.6rem)}.hero h1 .accent{color:var(--ember)}.hero .lede{max-width:38ch;margin-top:0;font-size:clamp(1.15rem,1.8vw,1.3rem)}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;display:flex}.hero-cta p{color:var(--on-sv);max-width:24ch;font-size:15px;line-height:1.4}@media (width>=920px){.hero-head{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.stage{background:var(--peach);border-radius:28px;justify-items:center;gap:14px;margin-top:clamp(36px,5vw,56px);padding:clamp(14px,3.5vw,48px) clamp(10px,3.5vw,48px) 20px;display:grid}.stage-foot{min-height:48px;color:var(--ink);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;font-size:16px;font-weight:700;display:flex}.stage-foot .rays{width:24px;height:20px;color:var(--ember)}.tablet-fit{aspect-ratio:1052/668;width:100%;max-width:1052px;position:relative}.tablet{background:var(--brand-ink);transform-origin:0 0;width:1052px;height:668px;transform:scale(var(--s,1));border-radius:30px;padding:14px;position:absolute;top:0;left:0}.screen{background:var(--bg);border-radius:16px;grid-template-columns:96px minmax(0,1fr) 380px;height:100%;font-size:16px;line-height:1.4;display:grid;position:relative;overflow:hidden}.rail{background:var(--surface);border-right:1px solid var(--outline);flex-direction:column;align-items:center;gap:16px;padding-top:20px;display:flex}.rail .it{color:var(--on-sv);justify-items:center;gap:4px;font-size:12px;font-weight:700;display:grid}.rail .pill{border-radius:16px;place-items:center;width:56px;height:32px;display:grid}.rail .on{color:var(--ink)}.rail .on .pill{background:var(--pc);color:var(--on-pc)}.main{flex-direction:column;min-width:0;display:flex}.appbar{background:var(--surface);border-bottom:1px solid var(--outline);align-items:center;gap:8px;min-height:64px;padding:8px 12px 8px 20px;display:flex}.appbar strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:20px;overflow:hidden}.chip{white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:6px;min-height:36px;padding:0 12px 0 10px;font-size:14px;font-weight:700;display:inline-flex}.chip .icon{width:20px;height:20px}.st-ok{background:var(--ok-bg);color:var(--ok)}.st-warn{background:var(--warn-bg);color:var(--warn)}.st-neutral{background:var(--sv);color:var(--ink)}.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:16px;list-style:none;display:grid}.tile{text-align:left;border:1px solid var(--outline);background:var(--surface);border-radius:12px;flex-direction:column;justify-content:space-between;gap:8px;width:100%;height:100%;min-height:104px;padding:12px 14px;display:flex;position:relative}.tile:hover{border-color:var(--outline-hover)}.tile:active{background:var(--sv)}.t-name{padding-right:30px;font-size:16px;font-weight:700;line-height:1.25}.t-price{color:var(--on-sv);font-weight:700}.tile .badge{background:var(--ember);min-width:28px;height:28px;color:var(--on-primary);border-radius:14px;place-items:center;padding:0 8px;font-size:15px;font-weight:800;display:none;position:absolute;top:8px;right:8px}.tile .rays{width:22px;height:18px;display:none;position:absolute;top:-9px;right:26px}.tile.in{border:2px solid var(--ember);background:var(--tint);padding:11px 13px}.tile.in .badge{display:grid}.tile.in .rays{display:block}.cart{background:var(--surface);border-left:1px solid var(--outline);flex-direction:column;min-height:0;display:flex}.cart-head{border-bottom:1px solid var(--outline);align-items:center;gap:4px;min-height:64px;padding:8px 8px 8px 16px;display:flex}.cart-head .cart-title{flex:1;font-size:18px;font-weight:800;line-height:1.15}.cart-head .muted{font-size:15px;font-weight:700}.btn-text.danger{color:var(--err)}.btn-text.danger:hover{background:var(--err-bg)}.cart-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.cart-row{border-bottom:1px solid var(--sv);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name sub""unit step";gap:6px 12px;padding:12px 16px;display:grid}.cr-name{grid-area:name;font-weight:700}.cr-sub{text-align:right;grid-area:sub;font-weight:800}.cr-unit{color:var(--on-sv);grid-area:unit;align-self:center}.stepper{border:1px solid var(--outline);border-radius:12px;grid-area:step;display:flex;overflow:hidden}.stepper button{background:var(--surface);border:0;place-items:center;width:48px;height:48px;display:grid}.stepper button:hover{background:var(--sv)}.stepper .qty{border-inline:1px solid var(--outline);place-items:center;width:52px;font-size:18px;font-weight:800;display:grid}.cart-empty{text-align:center;color:var(--on-sv);flex:1;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid}.cart-empty .rays{width:40px;height:34px}.cart-foot{border-top:1px solid var(--outline);gap:12px;padding:16px;display:grid}.total-line{justify-content:space-between;align-items:baseline;display:flex}.total-line .lbl{color:var(--on-sv);font-weight:700}.money-title{font-size:28px;font-weight:800}.cart-foot .btn-primary{width:100%}.touch{pointer-events:none;opacity:0;z-index:5;background:#141b224d;border:3px solid #fffffff2;border-radius:50%;width:48px;height:48px;position:absolute;top:0;left:0;box-shadow:0 2px 10px #141b224d}#bayar{background:var(--surface);border-block:1px solid var(--outline)}.pay-grid{gap:48px;display:grid}.pay-card{background:var(--surface);border:1px solid var(--outline);border-radius:16px;gap:14px;width:100%;max-width:440px;padding:20px;display:grid}.due{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 12px;display:flex}.due .lbl,.amt-row .lbl{color:var(--on-sv);font-weight:700}.due-src{color:var(--on-sv);margin-top:-10px;font-size:14px}.money-display{font-size:clamp(32px,8vw,40px);font-weight:800;line-height:1.15}.seg{border:1px solid var(--outline);border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.seg button{background:var(--surface);border:0;justify-content:center;align-items:center;gap:8px;min-height:52px;font-weight:800;display:flex}.seg button+button{border-left:1px solid var(--outline)}.seg button:hover{background:var(--sv)}.seg button[aria-pressed=true]{background:var(--brand-ink);color:var(--on-primary)}.amounts{background:var(--sv);border-radius:12px;gap:2px;padding:8px 16px;display:grid}.amt-row{align-items:center;gap:8px;min-height:44px;display:flex}.amt-row .lbl{flex:1}.amt-row .v{font-size:26px;font-weight:800}.amt-row.short .v,.amt-row.short .lbl{color:var(--err)}.amt-row.change .v{font-size:clamp(32px,9vw,48px)}.numpad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.numpad button{border:1px solid var(--outline);background:var(--surface);border-radius:12px;place-items:center;min-height:56px;font-size:24px;font-weight:800;display:grid}.numpad button:hover{background:var(--sv)}.numpad button:active{background:var(--disabled)}.qris-steps{background:var(--sv);border-radius:12px;gap:10px;margin:0;padding:16px 16px 16px 38px;display:grid}.qris-steps li::marker{font-weight:800}@media (width>=920px){.pay-grid{grid-template-columns:440px minmax(0,1fr);align-items:center;gap:88px}}.nota-grid{gap:48px;display:grid}.printer{justify-self:center;gap:16px;width:min(100%,320px);display:grid}.printer-body{background:var(--brand-ink);border-radius:18px 18px 10px 10px;height:72px;position:relative}.printer-body:after{content:"";background:var(--slot);border-radius:3px;height:6px;position:absolute;bottom:12px;left:22px;right:22px}.printer-body .led{background:var(--led);border-radius:50%;width:10px;height:10px;position:absolute;top:16px;right:20px}.paper-clip{margin:-16px 18px 0;overflow:hidden}.paper{background:var(--surface);border:1px solid var(--outline);white-space:pre;color:var(--ink);border-top:0;margin:0;padding:18px 14px 26px;font:600 12.5px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}.banner{border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:10px 14px;font-size:16px;font-weight:700;display:flex}.nota-actions{margin-top:28px}@media (width>=920px){.nota-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:88px}.nota-copy{padding-top:40px}}.offline{background:var(--brand-ink);color:var(--on-primary)}.sec.offline .lede,.offline p.body{color:var(--on-ink-muted)}.offline p.body{max-width:46ch;margin-top:16px}.off-grid{gap:48px;display:grid}.hist{background:var(--surface);color:var(--ink);border-radius:16px;justify-self:center;width:100%;max-width:460px;overflow:hidden}.hist-head{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;gap:8px;min-height:64px;padding:8px 12px 8px 16px;display:flex}.hist-head h3{font-size:18px}.hist ul{margin:0;padding:0;list-style:none}.hist li{border-bottom:1px solid var(--sv);grid-template-columns:1fr auto 28px;align-items:center;gap:2px 12px;padding:12px 16px;display:grid}.hist .no{font-weight:800}.hist .meta{color:var(--on-sv);grid-row:2;font-size:14px}.hist .tot{grid-row:1/3;font-weight:800}.hist .st{grid-area:1/3/3;place-items:center;display:grid}.hist .st.pending{color:var(--warn)}.hist .st.synced{color:var(--ok)}.hist-foot{padding:16px}.hist-foot .btn-primary{width:100%}@media (width>=920px){.off-grid{grid-template-columns:minmax(0,1fr) 460px;align-items:center;gap:88px}}.closing{text-align:center;border-top:1px solid var(--outline)}.closing .rays{width:56px;height:47px;margin:0 auto 20px}.closing h2{max-width:18ch;margin:0 auto}.closing .play-badge{margin-top:32px}.req{color:var(--on-sv);gap:6px;margin:28px auto 0;padding:0;font-size:16px;list-style:none;display:grid}.sec{padding-block:clamp(72px,10vw,128px)}.sec h2{font-size:clamp(2rem,4.2vw,3.1rem)}.sec .lede{color:var(--on-sv);max-width:36ch;margin-top:18px;font-size:1.2rem}.facts{gap:14px;max-width:46ch;margin:28px 0 0;padding:0;list-style:none;display:grid}.facts li{grid-template-columns:24px 1fr;align-items:start;gap:12px;display:grid}.facts .icon{color:var(--ember);margin-top:2px}