:root{--demo-font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--demo-text:#0f172a;--demo-muted:#475569;--demo-accent:#0284c7;--demo-accent-cta:#0369a1;--demo-accent-cta-hover:#075985;--demo-accent-soft:rgba(2,132,199,.12);--demo-teal:#0d9488;--demo-surface:#f8fafc;--demo-border:#e2e8f0;--demo-white:#fff;--demo-radius:16px;--demo-shadow:0 8px 30px rgba(15,23,42,.08);--demo-phone-frame-h:clamp(20.625rem,44vh,26.4rem)}.landing-body.demo-page-bg{background-color:#e8f4fc;background-image:radial-gradient(ellipse 120% 85% at 50% -25%,rgba(14,165,233,.2),transparent 55%),radial-gradient(ellipse 65% 55% at 100% 35%,rgba(13,148,136,.1),transparent),radial-gradient(ellipse 55% 45% at 0 75%,rgba(2,132,199,.12),transparent),linear-gradient(180deg,#f0f9ff,#f8fafc 45%,#eef2f7);background-attachment:fixed}@media (prefers-reduced-motion:reduce){.landing-body.demo-page-bg{background-attachment:scroll}}.demo-main{overflow-x:hidden;position:relative}.demo-hero{padding:clamp(2.5rem,6vw,4.5rem) max(clamp(1rem,4vw,2rem),env(safe-area-inset-left)) 3rem;text-align:center;max-width:min(56rem,calc(100% - 2rem));margin:0 auto}.demo-hero__stack{max-width:48rem;margin:0 auto}.demo-hero__kicker{display:inline-block;margin:0 0 .55rem;padding:.22rem .75rem .28rem;font-family:Caveat,cursive;font-size:clamp(1.05rem,2.5vw,1.32rem);font-weight:600;line-height:1.15;letter-spacing:.01em;color:#0369a1;background:hsla(0,0%,100%,.82);border:1px solid rgba(2,132,199,.22);border-radius:999px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.95),0 2px 10px rgba(2,132,199,.1)}.demo-hero__title{margin:0 0 clamp(.65rem,2vw,1rem);font-size:clamp(1.5rem,4.2vw,2.35rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--demo-text)}.demo-hero__lead{margin:0 auto .5rem;max-width:none;font-size:clamp(.95rem,2.1vw,1.12rem);font-weight:500;line-height:1.55;color:var(--demo-muted)}.demo-hero__lead:last-child{margin-bottom:0}.demo-hero__lead--compact{margin-bottom:0;margin-top:.35rem;font-size:clamp(.88rem,2vw,1rem)}.demo-hero__lead--compact a{font-weight:700;color:var(--demo-accent);text-decoration-thickness:1px;text-underline-offset:3px}.demo-hero__lead--compact a:hover{text-decoration-thickness:2px}.demo-track{padding:0 max(clamp(1rem,4vw,2rem),env(safe-area-inset-left)) clamp(1.75rem,4vw,2.75rem)}.demo-outro,.demo-track{max-width:920px;margin:0 auto}.demo-outro{padding:clamp(.25rem,2vw,.75rem) max(clamp(1rem,4vw,2rem),env(safe-area-inset-left)) clamp(2.25rem,5vw,3.5rem)}.demo-outro__inner{max-width:40rem;margin:0 auto;padding:clamp(1.2rem,3.2vw,1.65rem) clamp(1.1rem,3vw,1.45rem);background:hsla(0,0%,100%,.78);border:1px solid rgba(226,232,240,.95);border-radius:var(--demo-radius);box-shadow:var(--demo-shadow);backdrop-filter:blur(10px);position:relative}.demo-outro__inner:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(5rem,28%);height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,var(--demo-accent),var(--demo-teal),transparent);opacity:.65}.demo-outro__title{margin:.35rem 0 .75rem;font-size:clamp(1.08rem,2.45vw,1.28rem);font-weight:700;line-height:1.35;letter-spacing:-.02em;text-align:center;color:var(--demo-text)}.demo-outro__text{margin:0;font-size:.98rem;line-height:1.68;color:var(--demo-muted);text-align:left;max-width:36rem;margin-inline:auto}.demo-outro__text--follow{margin-top:.85rem;font-size:.93rem;line-height:1.62;opacity:.96}.demo-step__hint{margin:.85rem 0 0;font-size:.92rem;line-height:1.55;color:var(--demo-muted);opacity:.92;font-style:italic}.demo-step{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center;margin-bottom:clamp(2.5rem,5vw,3.75rem)}@media (min-width:768px){.demo-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem;margin-bottom:3.5rem}.demo-step--flip .demo-step__visual{order:2}.demo-step--flip .demo-step__copy{order:1}}.demo-step__copy{padding:.25rem 0}.demo-step__num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--demo-accent-soft);color:var(--demo-accent);font-size:.8rem;font-weight:800;margin-bottom:.65rem}.demo-step__title{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.demo-step__text{margin:0;font-size:.98rem;color:var(--demo-muted);max-width:30rem;line-height:1.65}.demo-step__text p{margin:0 0 .85rem}.demo-step__text p:last-child{margin-bottom:0}.demo-inline-link{color:var(--demo-accent);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.demo-inline-link:hover{color:#0369a1}.demo-step__visual{display:flex;justify-content:center;align-items:center;min-height:200px}.demo-card{background:hsla(0,0%,100%,.92);border:1px solid rgba(226,232,240,.95);border-radius:var(--demo-radius);padding:1.25rem;box-shadow:var(--demo-shadow);width:100%;max-width:340px;box-sizing:border-box;backdrop-filter:blur(6px)}.demo-flyer-stand{display:flex;flex-direction:column;align-items:center;width:100%;max-width:340px}.demo-flyer-stand__acrylic{width:100%;padding:12px 14px 16px;border-radius:14px 14px 10px 10px;background:linear-gradient(145deg,hsla(0,0%,100%,.55),rgba(241,245,249,.35) 45%,rgba(226,232,240,.45));border:1px solid rgba(15,23,42,.14);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),inset 0 -1px 0 rgba(15,23,42,.06),0 14px 32px rgba(15,23,42,.14);backdrop-filter:blur(4px)}.demo-flyer-stand__base{width:min(220px,72%);height:9px;margin-top:-1px;border-radius:5px 5px 3px 3px;background:linear-gradient(180deg,#334155,#0f172a);box-shadow:0 6px 16px rgba(15,23,42,.28)}.demo-flyer-wrap{margin:0;max-width:280px;width:100%;margin-inline:auto}@media (min-width:768px){.demo-flyer-wrap{max-width:300px}}.demo-flyer-mock{filter:drop-shadow(0 4px 6px rgba(15,23,42,.07)) drop-shadow(0 18px 40px rgba(15,23,42,.12));transform:rotate(-2.5deg)}.demo-flyer-mock__sheet{background:#fff;border-radius:14px;border:1px solid rgba(15,23,42,.08);padding:1.15rem 1rem 1.25rem;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.6)}.demo-flyer-mock__brand{margin:0 0 .25rem;font-family:Caveat,cursive;font-size:clamp(1.65rem,5vw,1.95rem);font-weight:600;color:#db2777;text-align:center;line-height:1.1}.demo-flyer-mock__floral{display:block;width:100%;max-width:200px;height:auto;margin:0 auto .5rem}.demo-flyer-mock__cta{margin:0 0 .45rem;font-size:.72rem;font-weight:800;color:var(--demo-text);text-align:center;line-height:1.25;letter-spacing:-.02em}.demo-flyer-mock__perks{margin:0 0 .75rem;font-size:.68rem;font-weight:600;color:var(--demo-muted);text-align:center;line-height:1.35}.demo-flyer-mock__qr-wrap{display:flex;flex-direction:column;align-items:center}.demo-flyer-mock__qr{width:min(140px,48vw);height:auto;display:block;border-radius:12px}.demo-step-1-scene{position:relative;width:100%;max-width:380px;margin-inline:auto;min-height:clamp(200px,48vw,280px);padding-bottom:clamp(2rem,9vw,3.35rem)}.demo-step-1-scene .demo-flyer-stand{position:relative;z-index:1}.demo-scan-phone{position:absolute;right:clamp(-.5rem,-1vw,0rem);bottom:0;z-index:3;width:min(32%,128px);min-width:86px;pointer-events:none;filter:drop-shadow(0 14px 22px rgba(15,23,42,.38))}.demo-scan-phone__tilt{transform:perspective(560px) rotateY(-20deg) rotateX(7deg) rotate(-1.5deg);transform-style:preserve-3d;animation:demo-scan-phone-float 4.2s ease-in-out infinite}.demo-scan-phone__body{position:relative;border-radius:1.35rem;padding:.14rem .12rem .16rem;background:linear-gradient(155deg,#d6d3d1,#a8a29e 18%,#78716c 42%,#57534e 68%,#44403c);box-shadow:inset 0 0 0 .5px hsla(0,0%,100%,.35),0 0 0 1px rgba(0,0,0,.45),inset 0 2px 4px hsla(0,0%,100%,.22),inset 0 -3px 8px rgba(0,0,0,.35),0 12px 28px rgba(15,23,42,.4)}.demo-scan-phone__bezel{position:absolute;inset:.11rem;border-radius:1.18rem;border:1px solid rgba(0,0,0,.28);pointer-events:none;z-index:1;box-shadow:inset 0 0 0 .5px hsla(0,0%,100%,.06)}.demo-scan-phone__screen{position:relative;border-radius:1.08rem;overflow:hidden;background:#000;aspect-ratio:10/19.5}.demo-scan-phone__cam{position:absolute;inset:0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;color:#fff}.demo-scan-phone__cam-room{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 100% 85% at 45% 38%,rgba(230,238,245,.18) 0,transparent 42%),radial-gradient(ellipse 80% 70% at 72% 72%,rgba(100,130,115,.14) 0,transparent 48%),linear-gradient(172deg,#5c6e78,#3d4d56 22%,#2a353c 52%,#1c2429);animation:demo-cam-room-drift 8s ease-in-out infinite}.demo-scan-phone__cam-grain{position:absolute;inset:0;z-index:1;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");mix-blend-mode:overlay}@keyframes demo-cam-room-drift{0%,to{filter:brightness(1) saturate(1);transform:scale(1.02)}50%{filter:brightness(1.08) saturate(1.1);transform:scale(1.04)}}.demo-scan-phone__sysbar{position:relative;z-index:6;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:.32rem .4rem .12rem;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.08))}.demo-scan-phone__sys-time{font-size:.4rem;font-weight:700;letter-spacing:-.04em;color:#fff;padding-left:.08rem}.demo-scan-phone__sys-island{position:absolute;left:50%;top:.26rem;transform:translateX(-50%);width:2.4rem;height:.78rem;background:linear-gradient(180deg,#0c0c0e,#000);border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.06)}.demo-scan-phone__sys-signal{display:flex;align-items:center;gap:.22rem;padding-right:.06rem}.demo-scan-phone__sys-cell{width:.95rem;height:.4rem;background:linear-gradient(#fff,#fff) 0 100% /1.5px 32% no-repeat,linear-gradient(#fff,#fff) 3px 100% /1.5px 52% no-repeat,linear-gradient(#fff,#fff) 6px 100% /1.5px 72% no-repeat,linear-gradient(#fff,#fff) 9px 100% /1.5px 100% no-repeat;opacity:.95}.demo-scan-phone__sys-batt{width:1.05rem;height:.4rem;border-radius:2px;border:1.2px solid hsla(0,0%,100%,.85);box-sizing:border-box;position:relative}.demo-scan-phone__sys-batt:before{content:"";position:absolute;inset:2px 3.5px 2px 2px;border-radius:1px;background:#fff;opacity:.92}.demo-scan-phone__sys-batt:after{content:"";position:absolute;right:-2.5px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:hsla(0,0%,100%,.85);border-radius:0 1px 1px 0}.demo-scan-phone__cam-toolbar{position:relative;z-index:6;flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.08rem .35rem .28rem;gap:.2rem}.demo-scan-phone__cam-close{font-size:.36rem;font-weight:600;color:#fc0;letter-spacing:-.02em}.demo-scan-phone__cam-mode{font-size:.34rem;font-weight:700;color:#fff;letter-spacing:-.02em;text-shadow:0 1px 4px rgba(0,0,0,.5)}.demo-scan-phone__cam-torch{width:.55rem;height:.55rem;justify-self:end;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f5f5f4,#a1a1aa);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);opacity:.95}.demo-scan-phone__cam-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;z-index:2;padding:.1rem .35rem .25rem}.demo-scan-phone__cam-dim{position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.35);pointer-events:none}.demo-scan-phone__cam-clearcut{z-index:3;border-radius:10px;box-shadow:0 0 0 999px rgba(0,0,0,.42)}.demo-scan-phone__cam-brackets,.demo-scan-phone__cam-clearcut{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58%;max-width:3.1rem;aspect-ratio:1;pointer-events:none}.demo-scan-phone__cam-brackets{z-index:5}.demo-scan-phone__cam-brackets--animate span{animation:demo-qr-corner-pulse 2.4s ease-in-out infinite}.demo-scan-phone__cam-brackets span:first-child{animation-delay:0s}.demo-scan-phone__cam-brackets span:nth-child(2){animation-delay:.12s}.demo-scan-phone__cam-brackets span:nth-child(3){animation-delay:.24s}.demo-scan-phone__cam-brackets span:nth-child(4){animation-delay:.36s}@keyframes demo-qr-corner-pulse{0%,to{opacity:.88;filter:drop-shadow(0 0 3px rgba(255,204,0,.55))}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(255,204,0,.95))}}.demo-scan-phone__cam-brackets span{position:absolute;width:.48rem;height:.48rem;border-color:#fc0;border-style:solid}.demo-scan-phone__cam-brackets span:first-child{left:0;top:0;border-width:3px 0 0 3px;border-radius:5px 0 0 0}.demo-scan-phone__cam-brackets span:nth-child(2){right:0;top:0;border-width:3px 3px 0 0;border-radius:0 5px 0 0}.demo-scan-phone__cam-brackets span:nth-child(3){left:0;bottom:0;border-width:0 0 3px 3px;border-radius:0 0 0 5px}.demo-scan-phone__cam-brackets span:nth-child(4){right:0;bottom:0;border-width:0 3px 3px 0;border-radius:0 0 5px 0}.demo-scan-phone__cam-target{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52%;max-width:2.75rem;aspect-ratio:1;z-index:4;border:1px solid hsla(0,0%,100%,.22);border-radius:8px;animation:demo-cam-target-pulse 2.8s ease-in-out infinite;pointer-events:none}@keyframes demo-cam-target-pulse{0%,to{opacity:.25;transform:translate(-50%,-50%) scale(1)}50%{opacity:.55;transform:translate(-50%,-50%) scale(1.03)}}.demo-scan-phone__qr-stack{position:relative;z-index:6;width:44%;max-width:2.65rem;transform:perspective(120px) rotateX(5deg);filter:drop-shadow(0 4px 12px rgba(0,0,0,.55))}.demo-scan-phone__qr{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.demo-scan-phone__scanline{position:absolute;left:26%;right:26%;top:32%;height:2.5px;border-radius:999px;z-index:7;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),#fff,hsla(0,0%,100%,.15),transparent);box-shadow:0 0 12px hsla(0,0%,100%,.65),0 0 24px rgba(255,204,0,.35);animation:demo-scan-sweep 2.05s ease-in-out infinite;pointer-events:none}@keyframes demo-scan-sweep{0%{top:32%;opacity:.5}50%{opacity:1}to{top:56%;opacity:.5}}.demo-scan-phone__cam-footer{position:relative;z-index:6;flex-shrink:0;padding:0 .3rem .28rem;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}.demo-scan-phone__cam-hint{margin:0 0 .28rem;font-size:.3rem;font-weight:600;text-align:center;color:hsla(0,0%,100%,.92);text-shadow:0 1px 4px rgba(0,0,0,.75);letter-spacing:-.01em;line-height:1.35}.demo-scan-phone__cam-home{width:32%;max-width:3.2rem;height:3.5px;margin:0 auto;border-radius:999px;background:hsla(0,0%,100%,.38);box-shadow:0 0 0 1px rgba(0,0,0,.2)}@keyframes demo-scan-phone-float{0%,to{transform:perspective(560px) rotateY(-20deg) rotateX(7deg) rotate(-1.5deg) translateY(0)}50%{transform:perspective(560px) rotateY(-18deg) rotateX(6deg) rotate(0deg) translateY(-4px)}}@media (prefers-reduced-motion:reduce){.demo-scan-phone__cam-room,.demo-scan-phone__tilt{animation:none}.demo-scan-phone__cam-brackets--animate span{animation:none;opacity:.95}.demo-scan-phone__cam-target{animation:none;opacity:.4}.demo-scan-phone__scanline{animation:none;top:44%;opacity:.88}}@media (min-width:768px){.demo-step-1-scene{max-width:420px;min-height:280px;padding-bottom:3.25rem}.demo-scan-phone{width:min(30%,138px)}}.demo-phone{width:min(200px,54vw);border-radius:26px;border:3px solid #1e293b;background:#0f172a;padding:9px 7px 11px;box-shadow:var(--demo-shadow),0 20px 48px rgba(15,23,42,.16)}.demo-phone__notch{width:48px;height:5px;background:#334155;border-radius:3px;margin:0 auto 10px}.demo-phone__screen{background:#f1f5f9;border-radius:17px;padding:8px 7px 10px;box-sizing:border-box}.demo-phone__screen--ekho{text-align:left}.demo-phone--real{position:relative;width:min(232px,62vw);padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.demo-phone--real .demo-phone__chassis{position:relative;border-radius:2.45rem;padding:.55rem .5rem .6rem;background:linear-gradient(180deg,hsla(0,0%,100%,.14),transparent 42%),linear-gradient(160deg,#5a6478,#3d4556 18%,#2a3142 45%,#151821);box-shadow:0 0 0 1px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.18),inset 0 -2px 8px rgba(0,0,0,.35),inset 0 2px 4px hsla(0,0%,100%,.06),0 36px 72px rgba(15,23,42,.4),0 14px 28px rgba(15,23,42,.2)}.demo-phone__hw--silent,.demo-phone__hw--volume{position:absolute;left:0;width:3px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#6b7280,#3f4654);box-shadow:inset -1px 0 1px rgba(0,0,0,.35);z-index:1;pointer-events:none}.demo-phone__hw--silent{top:22%;height:1.35rem;transform:translateX(-2px)}.demo-phone__hw--volume{top:31%;height:2.65rem;transform:translateX(-2px)}.demo-phone--real .demo-phone__screen-outer{display:flex;flex-direction:column;height:var(--demo-phone-frame-h);border-radius:1.85rem;overflow:hidden;background:#0a0a0c;box-shadow:inset 0 0 0 1px rgba(0,0,0,.65),inset 0 1px 0 hsla(0,0%,100%,.08)}.demo-phone__status{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-height:1.95rem;padding:.45rem .75rem .32rem;background:#e8eaef;box-sizing:border-box}.demo-phone__time{font-size:.68rem;font-weight:600;letter-spacing:-.04em;color:#0f172a;line-height:1;padding-top:1px}.demo-phone__island{position:absolute;left:50%;top:.38rem;transform:translateX(-50%);width:3.35rem;height:1.05rem;background:linear-gradient(180deg,#1a1b1f,#0a0a0c);border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.08)}.demo-phone__status-icons{display:flex;align-items:center;gap:.3rem}.demo-phone__cell{width:1rem;height:.45rem;background:linear-gradient(#0f172a,#0f172a) 0 100% /2px 35% no-repeat,linear-gradient(#0f172a,#0f172a) 4px 100% /2px 55% no-repeat,linear-gradient(#0f172a,#0f172a) 8px 100% /2px 75% no-repeat,linear-gradient(#0f172a,#0f172a) 12px 100% /2px 100% no-repeat;opacity:.88}.demo-phone__battery{position:relative;width:1.15rem;height:.45rem;border-radius:2px;border:1.5px solid #0f172a;box-sizing:border-box}.demo-phone__battery:before{content:"";position:absolute;inset:2px 3px 2px 2px;border-radius:1px;background:#0f172a;opacity:.92}.demo-phone__battery:after{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:2px;height:5px;background:#0f172a;border-radius:0 1px 1px 0}.demo-phone--real .demo-phone__screen{padding:.38rem .42rem .42rem;background:linear-gradient(180deg,#e8ecf1,#e2e8f0 38%,#dde3ea);text-align:left;border-radius:0}.demo-phone--real .demo-phone__screen,.demo-phone__plate{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.demo-phone__plate{width:100%}.demo-phone__plate--fill{gap:.35rem}.demo-phone__plate--fill .demo-ekho-merchant{margin-bottom:0}.demo-ekho-merchant--dash{text-align:center;padding-bottom:.15rem}.demo-ekho-merchant--dash .demo-ekho-merchant__logo{width:30px;height:30px;border-radius:8px;margin-bottom:2px}.demo-ekho-merchant--dash .demo-ekho-merchant__name{font-size:.68rem}.demo-phone__plate--fill>*{flex-shrink:0}.demo-phone__screen--loyalty .demo-phone__plate--fill.demo-phone__plate--loyalty-stack{justify-content:center}.demo-phone__screen--loyalty .demo-phone__plate--fill.demo-phone__plate--loyalty-stack:after{display:none}.demo-phone__plate--fill:after{content:"";flex:1 1 auto;min-height:0;border-radius:0 0 4px 4px;background:linear-gradient(180deg,transparent,rgba(226,232,240,.35));pointer-events:none}.demo-phone__plate:not(.demo-phone__plate--fill)>.demo-loyalty--in-phone{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:0}.demo-phone__home{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:.72rem;padding-bottom:.15rem;background:#e8eaef}.demo-phone__home:after{content:"";display:block;width:32%;max-width:5.5rem;height:4px;border-radius:100px;background:#64748b;opacity:.55}.demo-ekho-merchant{text-align:center;margin-bottom:8px}.demo-ekho-merchant__logo{display:inline-block;width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#fce7f3,#fbcfe8);border:1px solid #f9a8d4;margin-bottom:3px;vertical-align:middle}.demo-ekho-merchant__name{margin:0;font-size:.74rem;font-weight:700;color:var(--demo-text)}.demo-ekho-card{background:var(--demo-white);border-radius:10px;border:1px solid var(--demo-border);padding:8px 8px 9px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.demo-ekho-card__gift{margin:0 0 6px;padding:6px 8px;font-size:.6rem;font-weight:600;color:#0f766e;background:linear-gradient(180deg,#ecfdf5,#d1fae5);border:1px solid rgba(13,148,136,.28);border-radius:7px;line-height:1.3}.demo-ekho-card__title{margin:0 0 3px;font-size:.7rem;font-weight:700;color:var(--demo-text);line-height:1.2}.demo-ekho-card__intro{margin:0 0 7px;font-size:.6rem;color:var(--demo-muted);line-height:1.35}.demo-ekho-field{margin-bottom:6px}.demo-ekho-field__label{display:block;font-size:.54rem;font-weight:600;color:#475569;margin-bottom:2px}.demo-ekho-field__line{display:block;height:22px;border-radius:5px;border:1px solid var(--demo-border);background:#f8fafc}.demo-ekho-loyalty-row{display:flex;align-items:center;gap:6px;margin-bottom:7px}.demo-ekho-loyalty-row__cb{flex-shrink:0;width:12px;height:12px;border-radius:3px;border:1px solid #94a3b8;background:#fff}.demo-ekho-loyalty-row__txt{font-size:.54rem;font-weight:500;color:#475569;line-height:1.2}.demo-ekho-submit{font-size:.56rem;font-weight:700;text-align:center;padding:7px 6px;border-radius:7px;background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 6px rgba(22,163,74,.35);line-height:1.15}.demo-automates-stack{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.demo-automates-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:320px}.demo-automates-chips li{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--demo-text);padding:.4rem .65rem;background:hsla(0,0%,100%,.85);border:1px solid var(--demo-border);border-radius:999px;box-shadow:0 2px 8px rgba(15,23,42,.06)}.demo-automates-chips__emoji{font-size:1rem;line-height:1}.demo-mail-card{max-width:320px;padding:1.35rem}.demo-mail-envelope{position:relative;width:76px;margin:0 auto 1rem;animation:demo-mail-bob 2.4s ease-in-out infinite;transform-origin:50% 70%}.demo-mail-envelope__svg{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 8px rgba(15,23,42,.1))}.demo-mail-envelope__badge{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;line-height:18px;text-align:center;border:2px solid #fff;box-shadow:0 2px 6px rgba(239,68,68,.45);animation:demo-mail-badge 1.6s ease-in-out infinite}@keyframes demo-mail-bob{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-6px) rotate(.5deg)}}@keyframes demo-mail-badge{0%,to{transform:scale(1)}45%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.demo-mail-envelope,.demo-mail-envelope__badge{animation:none}}.demo-mail-card__subj{font-size:.9rem;font-weight:700;margin-bottom:.35rem}.demo-mail-card__preview{font-size:.8rem;color:var(--demo-muted);line-height:1.45}.demo-loyalty{width:100%;max-width:300px;background:linear-gradient(160deg,#0f172a,#1e293b);color:#e2e8f0;border-radius:var(--demo-radius);padding:1.25rem;box-shadow:var(--demo-shadow)}.demo-loyalty__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.demo-loyalty__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:0 0 4px}.demo-loyalty__name{font-size:1rem;font-weight:700;margin:0;color:#f1f5f9}.demo-loyalty__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.demo-loyalty--in-phone{max-width:none;width:100%;margin:0;padding:.5rem .45rem .55rem;border-radius:12px;box-sizing:border-box;box-shadow:0 4px 16px rgba(15,23,42,.22);flex-shrink:0}.demo-loyalty--in-phone .demo-loyalty__head{margin-bottom:.45rem}.demo-loyalty--in-phone .demo-loyalty__title{font-size:.5rem;margin:0 0 2px;letter-spacing:.05em}.demo-loyalty--in-phone .demo-loyalty__name{font-size:.7rem}.demo-loyalty--in-phone .demo-loyalty__grid{gap:5px}.demo-loyalty--in-phone .demo-stamp{font-size:.45rem;border-width:1.5px}.demo-stamp{aspect-ratio:1;border-radius:50%;border:2px dashed rgba(148,163,184,.5);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#64748b;background:hsla(0,0%,100%,.04)}.demo-stamp--filled{border-style:solid;border-color:var(--demo-teal);background:rgba(13,148,136,.25);color:#5eead4;font-weight:800;animation:demo-stamp-pop .5s ease backwards}.demo-stamp--filled:first-child{animation-delay:.1s}.demo-stamp--filled:nth-child(2){animation-delay:.35s}.demo-stamp--filled:nth-child(3){animation-delay:.6s}@media (prefers-reduced-motion:reduce){.demo-stamp--filled{animation:none}}@keyframes demo-stamp-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.demo-loyalty-real{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;flex:0 1 auto;min-height:0;gap:0;text-align:center;font-family:var(--demo-font);background:#fff;border:1px solid var(--demo-border);border-radius:11px;box-shadow:0 4px 16px rgba(15,23,42,.1);overflow:hidden}.demo-phone__screen--loyalty .demo-loyalty-real{max-width:100%}.demo-loyalty-real__appbar{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.32rem;flex-shrink:0;width:100%;margin:0;padding:.38rem .45rem .34rem;box-sizing:border-box;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--demo-border)}.demo-loyalty-real__merchant-logo{display:block;width:26px;height:26px;flex-shrink:0;border-radius:8px;background:linear-gradient(145deg,#fce7f3,#fbcfe8);border:1px solid #f9a8d4}.demo-loyalty-real__merchant-name{margin:0;font-size:.68rem;font-weight:700;color:var(--demo-text);line-height:1.2;letter-spacing:-.02em}.demo-loyalty-real__stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;width:100%;flex:1 1 auto;min-height:0;padding:.38rem .42rem .48rem;box-sizing:border-box}.demo-loyalty-real__greeting{margin:0;font-size:.62rem;font-weight:600;color:var(--demo-text);line-height:1.35}.demo-loyalty-real__hello{color:var(--demo-muted);font-weight:500}.demo-loyalty-real__name{color:var(--demo-text);font-weight:700}.demo-loyalty-real__card{background:var(--demo-white);border:1px solid var(--demo-border);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:.4rem .38rem .42rem;text-align:left}.demo-loyalty-real__stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:.22rem;width:100%;max-width:100%;margin:0 auto .32rem;box-sizing:border-box}.demo-loyalty-real__slot{aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;border:2px solid var(--demo-border);background:var(--demo-surface);box-sizing:border-box;transition:border-color .2s ease,background .2s ease;position:relative}.demo-loyalty-real__slot--filled{border-color:var(--demo-accent);background:linear-gradient(135deg,var(--demo-accent-soft) 0,hsla(0,0%,100%,.97) 100%)}.demo-loyalty-real__slot--filled:after{content:"";width:.42rem;height:.42rem;border-radius:50%;background:radial-gradient(circle at 32% 32%,#38bdf8,var(--demo-accent));box-shadow:0 0 0 2px rgba(2,132,199,.2)}.demo-loyalty-real__slot--new{animation:demo-loyalty-slot-pop .58s cubic-bezier(.34,1.56,.64,1) both,demo-loyalty-slot-ring .75s ease-out both,demo-loyalty-slot-tilt .5s ease-out both}@keyframes demo-loyalty-slot-pop{0%{transform:scale(.12) rotate(-12deg);opacity:0}55%{transform:scale(1.12) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes demo-loyalty-slot-ring{0%{box-shadow:0 0 0 0 rgba(2,132,199,.55),0 0 0 0 rgba(56,189,248,.4)}to{box-shadow:0 0 0 10px rgba(2,132,199,0),0 0 24px rgba(56,189,248,0)}}@keyframes demo-loyalty-slot-tilt{0%{filter:brightness(1)}35%{filter:brightness(1.15)}to{filter:brightness(1)}}.demo-loyalty-real__reward{margin:0;font-size:.48rem;font-weight:500;color:var(--demo-muted);text-align:center;line-height:1.45}.demo-loyalty-real__reward strong{color:#0369a1;font-weight:600}.demo-loyalty-real__progress{margin:0;font-size:.54rem;font-weight:600;color:var(--demo-muted)}@media (prefers-reduced-motion:reduce){.demo-loyalty-real__slot--new{animation:none}.demo-loyalty-real__slot:nth-child(-n+4){border-color:var(--demo-accent);background:linear-gradient(135deg,var(--demo-accent-soft) 0,hsla(0,0%,100%,.97) 100%)}.demo-loyalty-real__slot:nth-child(-n+4):after{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--demo-accent);box-shadow:0 0 0 2px rgba(2,132,199,.18)}}.demo-dash{width:100%;max-width:260px;background:#fff;border:1px solid var(--demo-border);border-radius:12px;overflow:hidden;box-shadow:var(--demo-shadow);text-align:left;font-family:var(--demo-font)}.demo-dash__bar{height:4px;background:linear-gradient(90deg,var(--demo-accent),var(--demo-teal));opacity:.92}.demo-dash__inner{padding:.45rem .5rem .5rem;background:linear-gradient(180deg,#fff,#f8fafc)}.demo-dash__block{padding-bottom:.4rem;margin-bottom:.4rem;border-bottom:1px solid #e2e8f0}.demo-dash__block--last{margin-bottom:0;padding-bottom:0;border-bottom:none}.demo-dash__lbl{display:block;margin-bottom:.3rem;font-size:.58rem;font-weight:700;letter-spacing:-.01em;color:var(--demo-text)}.demo-dash__loyalty-cta{display:flex;justify-content:center}.demo-dash__pill-btn{display:inline-block;padding:5px 10px;text-align:center;font-size:.47rem;font-weight:600;line-height:1.2;border-radius:6px;background:#fff;color:var(--demo-accent);border:1px solid rgba(2,132,199,.45);max-width:100%;box-sizing:border-box}.demo-dash__pill-btn--on{background:var(--demo-accent);color:#fff;border-color:var(--demo-accent);box-shadow:0 1px 3px rgba(2,132,199,.3)}.demo-dash__search{height:14px;margin-bottom:5px;border-radius:5px;background:#f1f5f9;border:1px solid var(--demo-border)}.demo-dash__rows{display:flex;flex-direction:column;gap:4px}.demo-dash__rows span{display:block;height:5px;border-radius:3px;background:#e2e8f0}.demo-dash__rows span:last-child{width:88%;opacity:.9}.demo-dash__dots{display:grid;grid-template-columns:1fr 1fr;gap:5px}.demo-dash__dot{height:22px;border-radius:7px;border:1px solid rgba(226,232,240,.95)}.demo-dash__dot--g{background:linear-gradient(180deg,#ecfdf5,#d1fae5);border-color:rgba(13,148,136,.18)}.demo-dash__dot--b{background:linear-gradient(180deg,#f0f9ff,#e0f2fe);border-color:rgba(2,132,199,.16)}.demo-dash--in-phone{max-width:none;width:100%;margin:0;border-radius:11px;box-shadow:0 4px 14px rgba(15,23,42,.18);flex-shrink:0}.demo-dash--in-phone .demo-dash__inner{padding:.38rem .42rem .45rem}.demo-dash--in-phone .demo-dash__lbl{font-size:.54rem;margin-bottom:.28rem}.demo-dash--in-phone .demo-dash__block{padding-bottom:.35rem;margin-bottom:.35rem}.demo-dash--in-phone .demo-dash__pill-btn{padding:4px 8px;font-size:.44rem}.demo-dash--in-phone .demo-dash__search{height:12px;margin-bottom:4px}.demo-dash--in-phone .demo-dash__dots{gap:4px}.demo-dash--in-phone .demo-dash__dot{height:19px;border-radius:6px}.demo-footer-cta{text-align:center;padding:3.25rem max(clamp(1rem,4vw,2rem),env(safe-area-inset-left)) 4.25rem;background:linear-gradient(180deg,hsla(0,0%,100%,.72),rgba(240,249,255,.95));border-top:1px solid rgba(226,232,240,.9);backdrop-filter:blur(8px)}.demo-footer-cta__title{margin:0 0 .5rem;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.demo-footer-cta__text{margin:0 auto 1.5rem;max-width:460px;color:var(--demo-muted);font-size:1rem;line-height:1.65}.demo-footer-cta__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.demo-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.35rem;border-radius:10px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.demo-btn--primary{background:var(--demo-accent-cta);color:var(--demo-white);box-shadow:0 4px 14px rgba(2,132,199,.35)}.demo-btn--primary:hover{background:var(--demo-accent-cta-hover);color:var(--demo-white);transform:translateY(-1px)}.demo-btn--ghost{background:var(--demo-white);color:var(--demo-text);border:1px solid var(--demo-border)}.demo-btn--ghost:hover{background:var(--demo-surface);color:var(--demo-text)}