.demo{padding:118px 0 90px;overflow-x:clip}.demo .dm-wrap{max-width:1180px;margin:0 auto;padding:0 24px}.demo .dm-crumb ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--ink-3)}.demo .dm-crumb li+li:before{content:"›";margin-right:6px;color:var(--ink-3)}.demo .dm-crumb a{color:var(--green-700);font-weight:700}.demo .dm-crumb a:hover{text-decoration:underline}.demo .dm-crumb [aria-current]{color:var(--ink-2);font-weight:600}.demo .dm-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}.demo .dm-badge{background:var(--green-100);color:var(--green-700);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800}.demo .dm-role{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 9px;font-size:13px;font-weight:700;color:var(--ink-2)}.demo .dm-role i{width:9px;height:9px;border-radius:50%}.demo .dm-role[data-role=owner] i{background:var(--green-700)}.demo .dm-role[data-role=staff] i{background:var(--marigold-500)}.demo .dm-role[data-role=customer] i{background:var(--coral-500)}.demo .dm-min{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--ink-3)}.demo .dm-title{font-size:clamp(30px,4.2vw,48px);line-height:1.08;letter-spacing:-.03em;font-weight:800;color:var(--green-900);margin:14px 0 10px;max-width:820px}html[lang=bn] .demo .dm-title{letter-spacing:-.005em;line-height:1.24}.demo .dm-lead{font-size:18px;color:var(--ink-2);max-width:680px;margin:0}.demo .dm-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;margin-top:30px;align-items:start}.demo .dm-stage{position:relative;min-height:640px;border-radius:32px;border:1px solid var(--line);overflow:clip;background:radial-gradient(rgba(15,93,76,.15) 1.2px,transparent 1.5px) 0 0/22px 22px,linear-gradient(160deg,#fff 0,var(--cream) 60%,var(--green-50) 100%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:36px;padding:44px 24px}.demo .dm-rail{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:var(--shadow)}.demo .dm-rail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:800;color:var(--green-900)}.demo .dm-rail-head>span:first-child{outline-offset:4px}.demo .dm-reset{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid var(--line);background:#fff;color:var(--ink-2);font:inherit;font-size:13px;font-weight:700;border-radius:999px;padding:6px 11px;transition:background .2s,color .2s}.demo .dm-reset:hover{background:var(--green-50);color:var(--green-900)}.demo .dm-bar{height:5px;border-radius:5px;background:var(--green-50);margin:14px 0 6px;overflow:hidden}.demo .dm-bar b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-700),var(--marigold-500));transition:width .6s var(--ease)}.demo .dm-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.demo .dm-step{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:16px;transition:background .3s}.demo .dm-step-n{width:28px;height:28px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;border:1.5px solid var(--line);color:var(--ink-3);background:#fff;transition:background .3s,color .3s,border-color .3s}.demo .dm-step-text{display:flex;flex-direction:column;min-width:0}.demo .dm-step-kicker{font-size:11.5px;font-weight:700;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}html[lang=bn] .demo .dm-step-kicker{letter-spacing:0;text-transform:none;font-size:12.5px}.demo .dm-step b{font-size:15px;color:var(--ink-2);font-weight:700}.demo .dm-step-desc{font-size:14px;color:var(--ink-2);margin-top:4px;animation:dm-in .45s var(--ease) both}.demo .dm-step.on{background:var(--green-50)}.demo .dm-step.on .dm-step-n{background:var(--coral-500);border-color:var(--coral-500);color:#fff;box-shadow:0 0 0 4px rgba(242,100,61,.16)}.demo .dm-step.on b{color:var(--green-900)}.demo .dm-step.done .dm-step-n{background:var(--green-700);border-color:var(--green-700);color:#fff}.demo .dm-step.done b{color:var(--ink-3)}@keyframes dm-in{0%{opacity:0;transform:translateY(-4px)}}.demo .dm-done{margin-top:14px;border-radius:20px;background:var(--green-900);color:#fff;padding:20px;animation:dm-pop .5s var(--ease) both}.demo .dm-done-k{font-family:var(--hand),var(--font-baloo);font-size:22px;color:var(--marigold-500);display:inline-block;transform:rotate(-3deg)}html[lang=bn] .demo .dm-done-k{font-family:inherit;font-size:14px;font-weight:800;transform:none}.demo .dm-done h2{font-size:22px;line-height:1.2;font-weight:800;margin:6px 0;color:#fff;outline:none}.demo .dm-done p{margin:0;font-size:14.5px;color:rgba(255,255,255,.8)}.demo .dm-done .dm-done-next{margin-top:10px;font-weight:700;color:var(--marigold-100)}.demo .dm-done-ctl{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.demo .dm-done-ctl .btn-cta{padding:11px 18px;font-size:14.5px}.demo .dm-again{background:rgba(255,255,255,.1);color:#fff;padding:11px 16px;font-size:14.5px;font-family:inherit}.demo .dm-again:hover{background:rgba(255,255,255,.18)}@keyframes dm-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.demo .dm-sample{margin:14px 0 0;font-size:13.5px;color:var(--ink-3);display:flex;align-items:center;gap:8px}.demo .dm-sample:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--marigold-500);flex-shrink:0}.demo .dm-more{margin-top:80px}.demo .dm-more-h{font-size:26px;font-weight:800;color:var(--green-900);letter-spacing:-.02em;margin:0 0 18px}.demo .dm-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo .dm-item{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:20px;border-radius:22px;background:#fff;border:1.5px solid var(--line);color:var(--ink);transition:transform .3s var(--ease),border-color .2s,box-shadow .3s}.demo .dm-item:hover{transform:translateY(-3px);border-color:var(--green-100);box-shadow:var(--shadow)}.demo .dm-item.here{border-color:var(--coral-500);background:linear-gradient(180deg,#fff,var(--coral-100) 260%)}.demo .dm-item-n{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--green-50);color:var(--green-700);font-weight:800;font-size:15px;margin-bottom:6px}.demo .dm-item.here .dm-item-n{background:var(--coral-500);color:#fff}.demo .dm-item-here{position:absolute;top:22px;right:18px;font-size:12px;font-weight:800;color:var(--coral-500)}.demo .dm-item b{font-size:17px;color:var(--green-900);line-height:1.25}.demo .dm-item-desc{font-size:14px;color:var(--ink-2);flex:1}.demo .dm-item-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.demo .dm-pn{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.demo .dm-pn-l{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-radius:18px;border:1px solid var(--line);background:#fff;max-width:48%;transition:background .2s}.demo .dm-pn-l:hover{background:var(--green-50)}.demo .dm-pn-l span{font-size:13px;font-weight:700;color:var(--coral-500)}.demo .dm-pn-l b{color:var(--green-900);font-size:15px}.demo .dm-pn-l.next{margin-left:auto;text-align:right}.demo .dm-hero{text-align:center;padding:10px 0 46px}.demo .dm-hero .dm-title{margin:14px auto 12px}.demo .dm-hero .dm-lead{margin:0 auto}.demo .dm-hero-ctl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:26px}.demo .dm-hero-ctl .dm-min{font-size:14px}.demo .dm-list-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;margin-bottom:18px}.demo .dm-list-head h2{font-size:26px;font-weight:800;color:var(--green-900);letter-spacing:-.02em;margin:0}.demo .dm-list-head p{margin:0;color:var(--ink-2);font-size:15px}.demo .dm-cta{margin-top:70px;border-radius:32px;background:var(--green-900);color:#fff;padding:48px 28px;text-align:center;position:relative;overflow:hidden}.demo .dm-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.08) 1.2px,transparent 1.5px) 0 0/22px 22px;pointer-events:none}.demo .dm-cta h2{position:relative;font-size:clamp(26px,3.4vw,38px);line-height:1.15;font-weight:800;margin:0 0 10px;color:#fff;letter-spacing:-.02em}.demo .dm-cta p{margin:0 auto 22px;max-width:520px;color:rgba(255,255,255,.8)}.demo .dm-cta .btn,.demo .dm-cta p{position:relative}.demo .dm-phone{--dm-phone-w:272px;margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(var(--dm-phone-w),100%);flex-shrink:0}.demo .dm-phone-body{width:100%;aspect-ratio:272/566;padding:9px;border-radius:46px;background:#1b1a17;box-shadow:inset 0 0 0 1.5px #3a3832,0 2px 4px rgba(0,0,0,.08),0 30px 60px rgba(11,61,51,.22)}.demo .dm-screen{position:relative;height:100%;border-radius:37px;overflow:hidden;background:#fff;isolation:isolate;container-type:inline-size;font-size:13.5px;line-height:1.4;color:var(--ink)}.demo .dm-status{position:absolute;z-index:20;top:0;left:0;right:0;height:42px;display:flex;align-items:center;justify-content:space-between;padding:4px 26px 0 30px;font-size:13.5px;font-weight:700;pointer-events:none;color:#111}.demo .dm-phone[data-variant=dark] .dm-status{color:#fff}.demo .dm-island{position:absolute;z-index:21;top:10px;left:50%;transform:translateX(-50%);width:31%;height:24px;border-radius:999px;background:#0a0a0a;pointer-events:none}.demo .dm-cap{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:13px;font-weight:700;color:var(--ink-2);box-shadow:0 2px 8px rgba(11,61,51,.06)}.demo .dm-cap:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green-600)}.demo .dm-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:58px 10px 14px;color:#fff;text-align:center;background:radial-gradient(120% 70% at 80% 0,rgba(255,182,39,.55),transparent 60%),radial-gradient(90% 60% at 0 100%,rgba(242,100,61,.45),transparent 65%),linear-gradient(170deg,#0F5D4C,#0B3D33 70%)}.demo .dm-lock-date{font-size:14px;font-weight:600;opacity:.9}.demo .dm-lock-time{font-size:64px;line-height:1;font-weight:700;letter-spacing:-.02em;margin-top:2px}.demo .dm-lock-stack{flex-direction:column;gap:8px;margin-top:28px}.demo .dm-lock-stack,.demo .dm-notif{width:100%;display:flex;text-align:left}.demo .dm-notif{gap:10px;align-items:flex-start;padding:10px 12px;border-radius:20px;border:0;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#111;font:inherit;font-size:12.5px;line-height:1.35;box-shadow:0 6px 20px rgba(0,0,0,.18);animation:dm-drop .55s var(--ease) both}.demo button.dm-notif{cursor:pointer;transition:transform .2s var(--ease)}.demo button.dm-notif:active{transform:scale(.98)}.demo .dm-notif-icon{width:34px;height:34px;border-radius:9px;overflow:hidden;flex-shrink:0;display:grid;place-items:center}.demo .dm-notif-text{display:flex;flex-direction:column;min-width:0;flex:1}.demo .dm-notif-top{display:flex;justify-content:space-between;gap:8px}.demo .dm-notif-top b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo .dm-notif-top span{color:rgba(0,0,0,.45);flex-shrink:0}.demo .dm-notif-title{font-weight:700}.demo .dm-notif-body{color:#222}@keyframes dm-drop{0%{opacity:0;transform:translateY(-16px) scale(.96)}}.demo .dm-anchor{position:relative;display:inline-block}.demo .dm-hint{--dm-hint-shift:0px;position:absolute;z-index:30;display:flex;align-items:center;pointer-events:none;width:max-content;max-width:170px;animation:dm-bob 1.8s ease-in-out infinite}.demo .dm-hint-b{display:block;padding:6px 11px 7px;background:var(--marigold-100);color:var(--green-900);border:2px solid var(--green-900);border-radius:16px 6px 18px 8px/8px 18px 6px 16px;font-family:var(--hand),var(--font-baloo),cursive;font-size:20px;line-height:1.05;font-weight:600;box-shadow:3px 3px 0 var(--green-900);transform:rotate(-2.5deg);text-align:center}html[lang=bn] .demo .dm-hint-b{font-family:inherit;font-size:13.5px;line-height:1.3;font-weight:700}.demo .dm-hint-a{flex-shrink:0;overflow:visible}.demo .dm-hint-a path{fill:none;stroke:var(--coral-500);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.demo .dm-hint[data-side=top]{bottom:100%;flex-direction:column;margin-bottom:2px}.demo .dm-hint[data-side=bottom],.demo .dm-hint[data-side=top]{left:50%;transform:translateX(calc(-50% + var(--dm-hint-shift)))}.demo .dm-hint[data-side=bottom]{top:100%;flex-direction:column-reverse;margin-top:2px}.demo .dm-hint[data-side=bottom] .dm-hint-a{transform:rotate(180deg)}.demo .dm-hint[data-side=left]{right:100%;top:50%;flex-direction:row;transform:translateY(calc(-50% + var(--dm-hint-shift)));margin-right:2px}.demo .dm-hint[data-side=left] .dm-hint-a{transform:rotate(-90deg)}.demo .dm-hint[data-side=right]{left:100%;top:50%;flex-direction:row-reverse;transform:translateY(calc(-50% + var(--dm-hint-shift)));margin-left:2px}.demo .dm-hint[data-side=right] .dm-hint-a{transform:rotate(90deg)}.demo .dm-hint[data-side=bottom],.demo .dm-hint[data-side=top]{--dm-bob-x:0px;--dm-bob-y:4px}.demo .dm-hint[data-side=left]{--dm-bob-x:4px;--dm-bob-y:0px}.demo .dm-hint[data-side=right]{--dm-bob-x:-4px;--dm-bob-y:0px}.demo .dm-hint[data-side=bottom]{--dm-bob-y:-4px}@keyframes dm-bob{50%{translate:var(--dm-bob-x) var(--dm-bob-y)}}.demo .dm-app{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;padding:48px 14px 16px;background:#fff;overflow:hidden}.demo .dm-app.tint{background:var(--cream)}.demo .dm-appbar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;font-weight:800;color:var(--green-900)}.demo .dm-label{font-size:12px;font-weight:700;color:var(--ink-2)}.demo .dm-input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:9px 11px;font:inherit;font-size:14px;background:#fff;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.demo .dm-input:focus{border-color:var(--green-600);box-shadow:0 0 0 3px var(--green-50)}.demo .dm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;border-radius:12px;padding:11px 14px;font:inherit;font-size:14px;font-weight:800;background:var(--green-700);color:#fff;transition:transform .15s var(--ease),background .2s,opacity .2s}.demo .dm-btn:hover{background:var(--green-900)}.demo .dm-btn:active{transform:scale(.97)}.demo .dm-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.demo .dm-btn.coral{background:var(--coral-500)}.demo .dm-btn.coral:hover{background:#E4552E}.demo .dm-btn.ghost{background:var(--green-50);color:var(--green-900)}.demo .dm-btn.dark{background:#111;color:#fff}.demo .dm-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:800;background:var(--green-50);color:var(--green-700)}.demo .dm-pill.coral{background:var(--coral-100);color:var(--coral-500)}.demo .dm-pill.gold{background:var(--marigold-100);color:#8a5a00}.demo .dm-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.demo .dm-rows>*{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}.demo .dm-rows>:first-child{border-top:0}.demo .dm-toast{position:absolute;z-index:15;left:12px;right:12px;bottom:16px;border-radius:14px;background:var(--green-900);color:#fff;padding:10px 12px;font-size:13px;font-weight:700;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.2);animation:dm-rise .45s var(--ease) both}@keyframes dm-rise{0%{opacity:0;transform:translateY(12px)}}.demo .dm-tap{position:relative;animation:dm-pulse 1.6s ease-out infinite}@keyframes dm-pulse{0%{box-shadow:0 0 0 0 rgba(242,100,61,.55)}80%,to{box-shadow:0 0 0 12px rgba(242,100,61,0)}}.demo .dm-fade{animation:dm-in .4s var(--ease) both}@media (max-width:1020px){.demo .dm-grid{grid-template-columns:minmax(0,1fr) 290px}.demo .dm-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.demo{padding:96px 0 64px}.demo .dm-wrap{padding:0 16px}.demo .dm-lead{font-size:16.5px}.demo .dm-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:22px}.demo .dm-stage{min-height:0;border-radius:24px;padding:32px 12px;gap:28px}.demo .dm-rail{position:static;padding:16px}.demo .dm-list{grid-template-columns:minmax(0,1fr)}.demo .dm-more{margin-top:56px}.demo .dm-pn{flex-direction:column}.demo .dm-pn-l{max-width:none}.demo .dm-cta{padding:36px 18px;border-radius:24px}.demo .dm-hint{max-width:140px}}@media (prefers-reduced-motion:reduce){.demo .dm-done,.demo .dm-fade,.demo .dm-hint,.demo .dm-notif,.demo .dm-step-desc,.demo .dm-tap,.demo .dm-toast{animation:none}.demo .dm-bar b,.demo .dm-item{transition:none}}.demo .dm-ic{display:inline-block;flex-shrink:0;vertical-align:-.14em}