:root{--color-paper:oklch(97% .018 85);--color-paper-2:oklch(94% .022 85);--color-paper-3:oklch(90.5% .026 85);--color-card:oklch(99% .012 85);--color-rule:oklch(87% .02 85);--color-rule-2:oklch(80% .022 85);--color-muted:oklch(46% .018 70);--color-neutral:oklch(37% .018 70);--color-ink:oklch(21% .02 60);--color-ink-2:oklch(28% .02 60);--color-accent:oklch(70% .15 70);--color-accent-deep:oklch(52% .13 55);--color-accent-ink:oklch(22% .03 60);--color-focus:oklch(50% .15 55);--color-chip:oklch(92% .04 70);--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--text-xs:.8rem;--text-sm:.9rem;--text-base:1rem;--text-md:1.2rem;--text-lg:1.5rem;--text-xl:1.9rem;--text-2xl:2.4rem;--text-display:clamp(2.5rem, 4.5vw + 1rem, 4.5rem);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-micro:.12s;--dur-short:.2s;--dur-long:.4s;--z-raised:10;--z-sticky:200}html{overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);font-style:normal}.reveal{opacity:0;animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i,0) * 70ms);transform:translateY(10px)}@keyframes reveal{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.reveal{animation:.15s linear forwards reveal-reduced}@keyframes reveal-reduced{to{opacity:1;transform:none}}}.container{max-width:72rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.nav-wrap{top:var(--space-md);z-index:var(--z-sticky);padding-inline:var(--space-md);justify-content:center;display:flex;position:sticky}.nav{align-items:center;gap:var(--space-lg);-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);border:1px solid var(--color-rule);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);background:oklch(99% .012 85/.85);border-radius:999px;display:flex;box-shadow:0 1px 3px oklch(40% .02 60/.08)}.nav__wordmark{font-family:var(--font-display);font-weight:800;font-size:var(--text-md);letter-spacing:-.02em;color:var(--color-ink);text-decoration:none}.nav__wordmark span{color:var(--color-accent-deep)}.nav__links{gap:var(--space-md);display:flex}.nav__link{color:var(--color-neutral);font-size:var(--text-sm);white-space:nowrap;font-weight:600;text-decoration:none}.nav__link:hover{color:var(--color-ink)}.nav__cta{font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);background:var(--color-ink);color:var(--color-paper);padding:var(--space-sm) var(--space-lg);white-space:nowrap;min-height:40px;transition:background-color var(--dur-short) var(--ease-out), transform .1s var(--ease-out);border-radius:999px;align-items:center;text-decoration:none;display:inline-flex}.nav__cta:hover{background:var(--color-accent-deep);color:var(--color-accent-ink)}.nav__cta:active{transform:translateY(1px)}.hero{text-align:center;padding-block:var(--space-3xl) var(--space-2xl)}.hero__badge{align-items:center;gap:var(--space-xs);background:var(--color-chip);color:var(--color-ink-2);font-size:var(--text-xs);padding:var(--space-2xs) var(--space-md);margin-bottom:var(--space-lg);border-radius:999px;font-weight:700;display:inline-flex}.hero__display{font-size:var(--text-display);letter-spacing:-.03em;margin:0 auto var(--space-lg);overflow-wrap:anywhere;min-width:0;max-width:18ch;font-weight:800;line-height:1.04}.hero__display em{color:var(--color-accent-deep);font-style:normal}.hero__lede{color:var(--color-muted);max-width:52ch;margin:0 auto var(--space-xl);font-size:var(--text-md)}.hero__actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.btn{align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-weight:700;font-size:var(--text-sm);padding:var(--space-sm) var(--space-xl);border:1px solid var(--color-ink);background:var(--color-ink);color:var(--color-paper);white-space:nowrap;min-height:48px;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform .1s var(--ease-out);border-radius:999px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-accent-deep);border-color:var(--color-accent-deep);color:var(--color-accent-ink)}.btn--ghost{background:var(--color-card);color:var(--color-ink);border-color:var(--color-rule-2)}.btn--ghost:hover{background:var(--color-paper-2);color:var(--color-ink);border-color:var(--color-rule-2)}.section{padding-block:var(--space-2xl)}.section__title{font-size:var(--text-2xl);letter-spacing:-.02em;margin:0 0 var(--space-sm);overflow-wrap:anywhere;min-width:0;font-weight:800;line-height:1.12}.section__lede{color:var(--color-muted);max-width:56ch;margin:0 0 var(--space-xl)}.bento{gap:var(--space-md);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.tile{background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);gap:var(--space-sm);transition:transform var(--dur-short) var(--ease-out);align-content:start;display:grid}@media (hover:hover){.tile:hover{transform:translateY(-3px)}}.tile--wide{grid-column:span 4}.tile--mid{grid-column:span 3}.tile--narrow{grid-column:span 2}.tile--accent{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.tile--accent .tile__title{color:var(--color-paper)}.tile--accent .tile__body{color:oklch(78% .015 70)}.tile--butter{background:var(--color-accent);border-color:var(--color-accent)}.tile--butter .tile__title{color:var(--color-accent-ink)}.tile--butter .tile__body{color:oklch(35% .06 70)}.tile__kicker{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-deep);font-weight:700}.tile--butter .tile__kicker{color:var(--color-accent-ink)}.tile__title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.015em;margin:0;font-weight:700;line-height:1.2}.tile--wide .tile__title{font-size:var(--text-xl)}.tile__body{color:var(--color-muted);font-size:var(--text-sm);margin:0}.tile__chips{gap:var(--space-2xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.tile__chip{font-size:var(--text-xs);background:var(--color-paper-3);color:var(--color-ink-2);padding:var(--space-2xs) var(--space-sm);border-radius:999px;font-weight:600}.tile--butter .tile__chip{background:oklch(93% .05 85)}.steps{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.step{background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);gap:var(--space-sm);align-content:start;display:grid}.step__num{background:var(--color-accent);width:2.5rem;height:2.5rem;color:var(--color-accent-ink);font-family:var(--font-display);border-radius:var(--radius-sm);place-items:center;font-weight:800;display:grid}.step__title{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.015em;margin:0;font-weight:700}.step__body{color:var(--color-muted);font-size:var(--text-sm);margin:0}.tiers{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.tier{background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);gap:var(--space-md);align-content:start;display:grid}.tier--rec{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.tier--rec .tier__name{color:var(--color-accent)}.tier--rec .tier__price small{color:oklch(72% .015 70)}.tier--rec .tier li{color:oklch(80% .015 70)}.tier--rec .tier li:before{background:var(--color-accent)}.tier__name{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-weight:700}.tier__price{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0}.tier__price small{font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:var(--color-muted)}.tier ul{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.tier li{font-size:var(--text-sm);color:var(--color-neutral);padding-inline-start:var(--space-md);position:relative}.tier li:before{content:"";background:var(--color-accent-deep);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.tier .btn{justify-content:center}.tier--rec .btn{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.tier--rec .btn:hover{background:var(--color-accent-deep);border-color:var(--color-accent-deep)}.faq{gap:var(--space-sm);max-width:46rem;display:grid}.faq details{background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding-inline:var(--space-lg)}.faq details[open]{border-color:var(--color-rule-2)}.faq summary{cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--text-base);padding-block:var(--space-md);justify-content:space-between;gap:var(--space-md);align-items:baseline;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--color-accent-deep);flex-shrink:0;font-weight:700}.faq details[open] summary:after{content:"−"}.faq__a{padding-bottom:var(--space-md);color:var(--color-muted);font-size:var(--text-sm)}.cta-final{background:var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-xl);text-align:center}.cta-final .section__title{font-size:var(--text-xl);max-width:20ch;color:var(--color-accent-ink);margin-inline:auto}.cta-final .hero__actions{margin-top:var(--space-lg)}.cta-final .btn{background:var(--color-ink);border-color:var(--color-ink)}.cta-final .btn:hover{background:var(--color-ink-2)}.foot{padding-block:var(--space-3xl) var(--space-xl)}.foot__statement{font-family:var(--font-display);font-weight:800;font-size:var(--text-2xl);letter-spacing:-.02em;max-width:24ch;margin:0 0 var(--space-xl);overflow-wrap:anywhere;min-width:0;line-height:1.15}.foot__statement span{color:var(--color-accent-deep)}.foot__band{justify-content:space-between;align-items:center;gap:var(--space-lg);border-top:1px solid var(--color-rule);padding-top:var(--space-lg);flex-wrap:wrap;display:flex}.foot__links{gap:var(--space-lg);flex-wrap:wrap;display:flex}.foot__link{color:var(--color-neutral);font-size:var(--text-sm);white-space:nowrap;font-weight:600;text-decoration:none}.foot__link:hover{color:var(--color-accent-deep);text-decoration:underline}.foot__meta{font-size:var(--text-xs);color:var(--color-muted)}@media (width<=60rem){.nav__links{display:none}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile--wide,.tile--mid,.tile--narrow{grid-column:span 2}.steps,.tiers{grid-template-columns:1fr}}@media (width<=40rem){.bento{grid-template-columns:1fr}.tile--wide,.tile--mid,.tile--narrow{grid-column:span 1}.hero{padding-block:var(--space-2xl) var(--space-xl)}.cta-final{padding:var(--space-2xl) var(--space-lg)}}.app-shell{background:var(--color-paper);min-height:100vh;color:var(--color-ink);font-family:var(--font-body)}.auth-wrap{min-height:100vh;padding:var(--space-lg);background:radial-gradient(1200px 600px at 80% -10%, var(--color-chip), transparent 60%), var(--color-paper);place-items:center;display:grid}.auth-card{background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-lg);width:min(420px,100%);padding:var(--space-xl);box-shadow:0 12px 40px oklch(21% .02 60/.08)}.auth-card h1{font-family:var(--font-display);font-size:var(--text-xl);margin:0 0 var(--space-xs)}.auth-card p.sub{color:var(--color-muted);font-size:var(--text-sm);margin:0 0 var(--space-lg)}.auth-brand{font-family:var(--font-display);font-weight:800;font-size:var(--text-md);color:var(--color-accent-deep);margin-bottom:var(--space-md);text-decoration:none;display:block}.field{gap:var(--space-2xs);margin-bottom:var(--space-md);display:grid}.field label{font-size:var(--text-xs);color:var(--color-neutral);font-weight:600}.field input{font:inherit;border:1.5px solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper);transition:border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);padding:.7rem .9rem}.field input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px oklch(70% .15 70/.25)}.btn{font:inherit;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out), background var(--dur-short) var(--ease-out);border:none;border-radius:999px;padding:.75rem 1.4rem;font-weight:700}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);width:100%}.btn-primary:hover{background:var(--color-accent-deep);color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--color-neutral);background:0 0}.btn-ghost:hover{color:var(--color-ink)}.err-box{color:oklch(45% .18 25);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-md);background:oklch(93% .04 25);padding:.6rem .9rem}.ok-box{color:oklch(40% .12 145);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-md);background:oklch(93% .05 145);padding:.6rem .9rem}.auth-alt{text-align:center;font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-md)}.auth-alt a{color:var(--color-accent-deep);font-weight:600}.dash{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.dash-side{background:var(--color-ink);color:var(--color-paper);padding:var(--space-lg) var(--space-md);gap:var(--space-2xs);flex-direction:column;display:flex}.dash-brand{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);padding:0 var(--space-sm) var(--space-lg)}.dash-brand span{color:var(--color-accent)}.dash-nav a{color:oklch(80% .012 60);font-size:var(--text-sm);transition:background var(--dur-short), color var(--dur-short);border-radius:999px;padding:.55rem .9rem;font-weight:500;text-decoration:none;display:block}.dash-nav a:hover{color:#fff;background:oklch(28% .02 60)}.dash-nav a.active{background:var(--color-accent);color:var(--color-accent-ink);font-weight:700}.dash-side .spacer{flex:1}.dash-user{padding:var(--space-sm);font-size:var(--text-xs);color:oklch(70% .012 60);border-top:1px solid oklch(30% .02 60)}.dash-user b{color:#fff;font-size:var(--text-sm);margin-bottom:2px;display:block}.btn-logout{width:100%;margin-top:var(--space-xs);font-size:var(--text-xs);border-radius:var(--radius-sm);color:oklch(80% .012 60);cursor:pointer;background:oklch(30% .02 60);border:none;padding:.5rem;font-weight:600}.btn-logout:hover{color:#fff;background:oklch(35% .02 60)}.dash-main{padding:var(--space-lg) var(--space-xl)}.dash-topbar{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.dash-topbar h1{font-family:var(--font-display);font-size:var(--text-xl);margin:0}.biz-select{font:inherit;font-size:var(--text-sm);border:1.5px solid var(--color-rule-2);background:var(--color-card);cursor:pointer;border-radius:999px;padding:.5rem 2rem .5rem .9rem;font-weight:600}.bento{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.tile-card{background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-lg);transition:transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out)}.tile-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px oklch(21% .02 60/.08)}.tile-card .k{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.tile-card .v{font-family:var(--font-display);font-size:var(--text-2xl);margin-top:var(--space-2xs);font-weight:800}.tile-card.accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.tile-card.accent .k{color:oklch(30% .06 70)}.tile-card.dark{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.tile-card.dark .k{color:oklch(70% .012 60)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-muted)}.empty-state .big{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-neutral);margin-bottom:var(--space-xs)}@media (width<=800px){.dash{grid-template-columns:1fr}.dash-side{flex-flow:wrap;align-items:center}.dash-brand{padding:0 var(--space-sm)}.dash-nav{flex-wrap:wrap;display:flex}.dash-side .spacer,.dash-user{display:none}.dash-main{padding:var(--space-md)}}.pos-grid{gap:var(--space-lg);grid-template-columns:1fr 360px;align-items:start;display:grid}.pos-search{width:100%;font:inherit;border:1.5px solid var(--color-rule-2);background:var(--color-card);margin-bottom:var(--space-md);border-radius:999px;padding:.7rem 1rem}.pos-search:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px oklch(70% .15 70/.25)}.pos-prod-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.pos-prod{text-align:left;font:inherit;cursor:pointer;background:var(--color-card);border:1.5px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md);transition:transform var(--dur-micro) var(--ease-out), border-color var(--dur-short);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.pos-prod:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-2px)}.pos-prod:active:not(:disabled){transform:scale(.97)}.pos-prod:disabled{opacity:.45;cursor:not-allowed}.pos-prod-name{font-weight:700;font-size:var(--text-sm)}.pos-prod-price{color:var(--color-accent-deep);font-weight:700}.pos-prod-stock{font-size:var(--text-xs);color:var(--color-muted)}.pos-cart{background:var(--color-card);border:1.5px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-lg);top:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex;position:sticky}.pos-cart-row{align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px dashed var(--color-rule);display:flex}.pos-qty{align-items:center;gap:var(--space-2xs);display:flex}.pos-qty button{border:1.5px solid var(--color-rule-2);background:var(--color-paper);width:26px;height:26px;font:inherit;cursor:pointer;border-radius:8px;font-weight:700;line-height:1}.pos-qty button:hover{border-color:var(--color-accent)}.pos-qty span{text-align:center;min-width:1.6em;font-weight:700}.pos-summary{gap:var(--space-2xs);font-size:var(--text-sm);display:grid}.pos-summary>div{justify-content:space-between;align-items:center;display:flex}.pos-summary input{font:inherit;border:1.5px solid var(--color-rule-2);border-radius:var(--radius-sm);padding:.3rem .6rem}.pos-total{border-top:2px solid var(--color-ink);padding-top:var(--space-2xs);margin-top:var(--space-2xs);font-size:var(--text-md)!important}.pos-total b{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent-deep)}.pos-pay-methods{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.pos-pay{font:inherit;font-size:var(--text-xs);cursor:pointer;border:1.5px solid var(--color-rule-2);background:var(--color-paper);border-radius:999px;padding:.4rem .8rem;font-weight:600}.pos-pay.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:700}.pos-cash{gap:var(--space-2xs);display:grid}.pos-modal{z-index:500;background:oklch(21% .02 60/.5);place-items:center;display:grid;position:fixed;inset:0}.pos-receipt{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--space-xl);gap:var(--space-sm);text-align:center;min-width:300px;display:grid;box-shadow:0 20px 60px oklch(21% .02 60/.3)}.pos-receipt-line{font-size:var(--text-sm)}@media (width<=900px){.pos-grid{grid-template-columns:1fr}.pos-cart{position:static}}.hist-list{gap:var(--space-xs);display:grid}.hist-row{align-items:center;gap:var(--space-sm);font:inherit;cursor:pointer;background:var(--color-card);border:1.5px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);transition:border-color var(--dur-short), transform var(--dur-micro) var(--ease-out);display:flex}.hist-row:hover{border-color:var(--color-accent);transform:translateY(-1px)}.hist-total{font-family:var(--font-display);color:var(--color-accent-deep);font-weight:800}.rule-v{border-top:1px dashed var(--color-rule-2);margin:var(--space-2xs) 0}.pos-cart select{font:inherit;border:1.5px solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper);padding:.5rem .7rem}