.demo-scope--coffee{--dm-bg:#fbf6ef;--dm-surface:#fff;--dm-surface-warm:#f3ebe0;--dm-ink:#2a1f1a;--dm-body:#5b4a40;--dm-muted:#7a6559;--dm-line:#e4d8c9;--dm-accent:#9d5427;--dm-accent-soft:#f0e0d2;--dm-heading-font:Georgia, "Iowan Old Style", "Times New Roman", serif;--dm-radius:14px;--dm-pad-x:clamp(20px, 5vw, 56px);--dm-max:1080px}.demo-scope--shop{--dm-bg:#f4f6f9;--dm-surface:#fff;--dm-surface-warm:#e9edf3;--dm-ink:#14202e;--dm-body:#3d4c5d;--dm-muted:#64748b;--dm-line:#d5dde7;--dm-accent:#1f5fa8;--dm-accent-soft:#dfeaf7;--dm-heading-font:"Inter", system-ui, sans-serif;--dm-radius:10px;--dm-pad-x:clamp(20px, 5vw, 56px);--dm-max:1120px}.demo-scope--school{--dm-bg:#fbfaf7;--dm-surface:#fff;--dm-surface-warm:#f0f1ea;--dm-ink:#1f2420;--dm-body:#4a534c;--dm-muted:#6d7770;--dm-line:#dfe2da;--dm-accent:#2f6b46;--dm-accent-soft:#e2eee7;--dm-heading-font:"Inter", system-ui, sans-serif;--dm-radius:18px;--dm-pad-x:clamp(20px, 5vw, 56px);--dm-max:1080px}.demo-scope--repair{--dm-bg:#f5f5f4;--dm-surface:#fff;--dm-surface-warm:#ebeae8;--dm-ink:#1c1b19;--dm-body:#45423e;--dm-muted:#6b6660;--dm-line:#dcd9d5;--dm-accent:#a35a06;--dm-accent-soft:#f6e9d8;--dm-heading-font:"Inter", system-ui, sans-serif;--dm-radius:6px;--dm-pad-x:clamp(20px, 5vw, 56px);--dm-max:1080px}.demo-scope{background:var(--dm-bg);color:var(--dm-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh}.demo-scope h1,.demo-scope h2,.demo-scope h3{font-family:var(--dm-heading-font);letter-spacing:-.005em;margin:0;font-weight:600;line-height:1.18}.demo-scope :where(a,button):focus-visible{outline:2px solid var(--dm-accent);outline-offset:3px}.demo-container{width:100%;max-width:var(--dm-max);margin:0 auto}.demo-section{padding:clamp(48px, 6vw, 88px) var(--dm-pad-x)}.demo-section--warm{background:var(--dm-surface-warm)}.demo-demobar{padding:9px var(--dm-pad-x);color:#ecf;background:#151226;justify-content:space-between;align-items:center;gap:16px;font-size:13px;line-height:1.4;display:flex}.demo-demobar__label{align-items:center;gap:8px;min-width:0;display:flex}.demo-demobar__dot{background:#d1ff91;border-radius:50%;flex:none;width:7px;height:7px}.demo-demobar__back{color:#fdf0ff;white-space:nowrap;border:1px solid #542f7f;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 11px;transition:background-color .15s;display:inline-flex}.demo-demobar__back:hover{background:#7745b059}.demo-demobar__long{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-demobar__short{display:none}@media (max-width:720px){.demo-demobar__long{display:none}.demo-demobar__short{display:inline}}.demo-header{z-index:30;padding:0 var(--dm-pad-x);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--dm-line);background:#fbf6efe6;align-items:center;height:68px;display:flex;position:sticky;top:0}.demo-header__inner{width:100%;max-width:var(--dm-max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;min-width:0;margin:0 auto;display:flex}@media (max-width:520px){.demo-header{height:auto;padding-block:10px}}.demo-logo{font-family:var(--dm-heading-font);align-items:baseline;gap:9px;font-size:22px;font-weight:600;display:flex}.demo-logo__mark{color:var(--dm-accent);font-size:15px}.demo-nav{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.demo-nav__link{color:var(--dm-body);border-radius:8px;padding:7px 12px;font-size:15px;transition:background-color .15s,color .15s}.demo-nav__link:hover{background:var(--dm-accent-soft);color:var(--dm-ink)}.demo-nav__link[aria-current=page]{color:var(--dm-ink);font-weight:500}.demo-footer{padding:40px var(--dm-pad-x);color:#cbb8a8;background:#2a1f1a;font-size:14px}.demo-footer__inner{max-width:var(--dm-max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;margin:0 auto;display:flex}.demo-footer a{color:#f0e0d2;text-underline-offset:3px;text-decoration:underline}.demo-hero{padding:clamp(56px, 8vw, 108px) var(--dm-pad-x) clamp(40px, 5vw, 72px)}.demo-hero__inner{max-width:var(--dm-max);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,4vw,56px);margin:0 auto;display:grid}@media (max-width:860px){.demo-hero__inner{grid-template-columns:1fr}}.demo-hero__title{font-size:clamp(34px,5.6vw,58px)}.demo-hero__tagline{color:var(--dm-body);max-width:30ch;margin:18px 0 0;font-size:clamp(17px,1.7vw,20px)}.demo-hero__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.demo-button{border:1px solid var(--dm-accent);background:var(--dm-accent);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:500;transition:background-color .15s,transform .15s;display:inline-flex}.demo-button:hover{background:#84441f;transform:translateY(-1px)}.demo-hero__phone{color:var(--dm-muted);font-size:14px}.demo-hero__phone strong{color:var(--dm-ink);font-size:18px;font-weight:600;display:block}.demo-hero__art{aspect-ratio:4/3;border-radius:var(--dm-radius);border:1px solid var(--dm-line);background:radial-gradient(at 62% 38%,#8a5a3c 0%,#6b4229 42%,#0000 43%),radial-gradient(at 62% 36%,#c58b5f 0%,#a9714a 30%,#0000 31%),linear-gradient(160deg,#f3ebe0 0%,#e0cdb8 100%)}.demo-about{max-width:62ch;color:var(--dm-body);font-size:clamp(16px,1.5vw,18px);line-height:1.65}.demo-heading{margin-bottom:20px;font-size:clamp(24px,3vw,34px)}h1.demo-heading{margin-bottom:8px;font-size:clamp(30px,4.2vw,44px)}.demo-lede{color:var(--dm-muted);margin:0 0 28px;font-size:16px}.demo-chat-hint{border:1px solid var(--dm-line);border-radius:var(--dm-radius);background:var(--dm-surface);align-items:flex-start;gap:18px;max-width:680px;padding:22px 24px;display:flex}.demo-chat-hint__icon{background:var(--dm-accent-soft);width:40px;height:40px;color:var(--dm-accent);border-radius:50%;flex:none;place-items:center;display:grid}.demo-chat-hint__title{margin-bottom:6px;font-size:18px}.demo-chat-hint__body{color:var(--dm-body);margin:0;font-size:15px;line-height:1.6}.demo-menu-category+.demo-menu-category{margin-top:clamp(40px,5vw,64px)}.demo-menu-category__intro{max-width:62ch;color:var(--dm-muted);margin:0 0 22px;font-size:15px}.demo-menu-list{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:14px;display:grid}.demo-menu-item{border:1px solid var(--dm-line);border-radius:var(--dm-radius);background:var(--dm-surface);padding:20px 22px}.demo-menu-item__head{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.demo-menu-item__name{font-size:19px}.demo-menu-item__price{color:var(--dm-accent);flex:none;font-size:17px;font-weight:600}.demo-menu-item__serving{color:var(--dm-muted);margin-top:2px;font-size:13px}.demo-menu-item__description{color:var(--dm-body);margin:12px 0 0;font-size:15px;line-height:1.6}.demo-menu-item__meta{border-top:1px solid var(--dm-line);flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;padding-top:13px;display:flex}.demo-tag{background:var(--dm-surface-warm);color:var(--dm-body);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12.5px;display:inline-flex}.demo-tag--allergen{color:#96502a;background:#fbeee6}.demo-tag--plant{color:#4a6b3a;background:#e9f2e3}.demo-tag--badge{background:var(--dm-accent);color:#fff}.demo-note{border-left:3px solid var(--dm-accent);background:var(--dm-surface);color:var(--dm-body);max-width:72ch;margin-top:clamp(32px,4vw,48px);padding:16px 20px;font-size:14.5px;line-height:1.6}.demo-locations{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:20px;display:grid}.demo-location{border:1px solid var(--dm-line);border-radius:var(--dm-radius);background:var(--dm-surface);padding:26px 28px}.demo-location__name{font-size:22px}.demo-location__address{color:var(--dm-accent);margin:6px 0 20px;font-size:15px}.demo-location__row+.demo-location__row{margin-top:16px}.demo-location__label{letter-spacing:.05em;text-transform:uppercase;color:var(--dm-muted);margin-bottom:5px;font-size:12px;font-weight:500}.demo-location__text{color:var(--dm-body);margin:0;font-size:15px;line-height:1.6}.demo-hours{grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:15px;display:grid}.demo-hours dt{color:var(--dm-muted)}.demo-hours dd{font-variant-numeric:tabular-nums;margin:0}.demo-facts{gap:10px;max-width:62ch;margin:0;padding:0;list-style:none;display:grid}.demo-facts li{color:var(--dm-body);padding-left:20px;font-size:15px;line-height:1.6;position:relative}.demo-facts li:before{content:"";background:var(--dm-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0}.demo-columns{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(28px,4vw,48px);display:grid}.demo-contact-line{color:var(--dm-body);font-size:16px}.demo-contact-line a{color:var(--dm-accent);text-underline-offset:3px;text-decoration:underline}.demo-scope .lang__select{border-color:var(--dm-line);min-width:0;color:var(--dm-body)}.demo-scope .lang__select:hover{background:var(--dm-accent-soft);border-color:var(--dm-accent)}@media (max-width:900px){.demo-scope .lang__name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.demo-scope .lang__dropdown{background:var(--dm-surface);border-color:var(--dm-line);box-shadow:0 6px 18px #2a1f1a24}.demo-scope .lang__option{color:var(--dm-body)}.demo-scope .lang__option:hover{background:var(--dm-surface-warm)}.demo-scope .lang__option--active{background:var(--dm-accent);color:#fff}.demo-scope--shop{--dm-muted:#5b6879}.demo-scope--shop .demo-button:hover{background:#17497f}.demo-link{color:var(--dm-accent);text-underline-offset:3px;text-decoration:underline}.demo-hero__panel{border:1px solid var(--dm-line);border-radius:var(--dm-radius);background:var(--dm-surface);gap:18px;margin:0;padding:26px 28px;display:grid}.demo-hero__panel dt{color:var(--dm-muted);font-size:13px}.demo-hero__panel dd{font-variant-numeric:tabular-nums;color:var(--dm-ink);margin:4px 0 0;font-size:26px;font-weight:600}.demo-specs{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:5px 14px;margin:14px 0 0;font-size:14px;display:grid}.demo-specs>div{display:contents}.demo-specs dt{color:var(--dm-muted)}.demo-specs dd{color:var(--dm-body);margin:0}.demo-stock-note{color:var(--dm-muted);margin:12px 0 0;font-size:13.5px;line-height:1.55}.demo-tag--ok{color:#2c6440;background:#e3f1e7}.demo-tag--warn{color:#96502a;background:#fbeee6}.demo-menu-item__description+.demo-facts{margin-top:14px}.demo-steps{gap:10px;max-width:62ch;margin:0;padding-left:24px;list-style:decimal;display:grid}.demo-steps li{color:var(--dm-body);padding-left:4px;font-size:15px;line-height:1.6}.demo-steps li::marker{color:var(--dm-accent);font-weight:600}.demo-lookup{border:1px solid var(--dm-line);border-radius:var(--dm-radius);background:var(--dm-surface);flex-wrap:wrap;align-items:flex-end;gap:12px;max-width:620px;padding:22px 24px;display:flex}.demo-lookup__field{flex:200px;gap:6px;min-width:0;display:grid}.demo-lookup__label{letter-spacing:.05em;text-transform:uppercase;color:var(--dm-muted);font-size:12px;font-weight:500}.demo-lookup__input{width:100%;font:inherit;font-variant-numeric:tabular-nums;color:var(--dm-ink);background:var(--dm-bg);border:1px solid var(--dm-line);border-radius:8px;padding:11px 14px;font-size:16px}.demo-lookup__hint{max-width:620px;color:var(--dm-muted);margin:14px 0 0;font-size:14px;line-height:1.7}.demo-order{max-width:720px;margin-top:26px}.demo-lines{color:var(--dm-body);gap:10px;margin:18px 0 0;padding:0;font-size:15px;list-style:none;display:grid}.demo-lines li{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.demo-lines__sum{font-variant-numeric:tabular-nums;color:var(--dm-ink);flex:none}.demo-totals{border-top:1px solid var(--dm-line);grid-template-columns:minmax(0,1fr) auto;gap:7px 16px;margin:16px 0 0;padding-top:14px;font-size:15px;display:grid}.demo-totals>div{display:contents}.demo-totals dt{color:var(--dm-muted)}.demo-totals dd{text-align:right;font-variant-numeric:tabular-nums;color:var(--dm-ink);margin:0}.demo-totals>div:last-child dt,.demo-totals>div:last-child dd{color:var(--dm-ink);font-size:17px;font-weight:600}.demo-subheading{margin:clamp(28px,3.5vw,40px) 0 16px;font-size:clamp(19px,2.1vw,23px)}.demo-stack{align-content:start;gap:16px;display:grid}.demo-chips{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.demo-figure{color:var(--dm-accent);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(20px,2.2vw,24px);font-weight:600;line-height:1.25}.demo-figure__note{color:var(--dm-muted);font-variant-numeric:normal;margin-top:5px;font-size:14px;font-weight:400;line-height:1.5;display:block}.demo-caution{border-left:3px solid var(--dm-accent);padding-left:14px}.demo-pricing{border-top:1px solid var(--dm-line);max-width:72ch;margin:0}.demo-pricing__row{border-bottom:1px solid var(--dm-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 20px;padding:12px 0;display:flex}.demo-pricing dt{color:var(--dm-ink);font-size:16px;font-weight:500}.demo-pricing dd{color:var(--dm-body);font-variant-numeric:tabular-nums;margin:0;font-size:15px}.demo-block+.demo-block{margin-top:clamp(36px,4.5vw,56px)}.demo-defs{grid-template-columns:fit-content(38%) minmax(0,1fr);gap:12px 24px;margin:16px 0 0;font-size:15px;line-height:1.6;display:grid}.demo-defs dt{color:var(--dm-muted)}.demo-defs dd{color:var(--dm-body);margin:0}@media (max-width:620px){.demo-defs{grid-template-columns:1fr;gap:0}.demo-defs dt{margin-top:16px}.demo-defs dt:first-child{margin-top:0}.demo-defs dd{margin-top:3px}}.demo-subline{color:var(--dm-muted);margin:10px 0 0;font-size:13.5px;line-height:1.55;display:block}.demo-subline a{color:var(--dm-accent);text-underline-offset:3px;text-decoration:underline}.demo-tag-row{flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}.demo-hero__card{border:1px solid var(--dm-line);border-radius:var(--dm-radius);background:var(--dm-surface);padding:24px 26px}.demo-button--ghost{color:var(--dm-accent);background:0 0}.demo-button--ghost:hover{background:var(--dm-surface)}button.demo-button{cursor:pointer}.demo-lookup{border:1px solid var(--dm-line);border-radius:var(--dm-radius);background:var(--dm-surface);max-width:640px;padding:22px 24px}.demo-lookup__row{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px 20px;display:grid}.demo-lookup__field{flex-direction:column;gap:6px;min-width:0;display:flex}.demo-lookup__label{color:var(--dm-ink);font-size:14px;font-weight:500}.demo-lookup__input{border:1px solid var(--dm-line);border-radius:var(--dm-radius);background:var(--dm-bg);width:100%;color:var(--dm-ink);padding:11px 13px;font-family:inherit;font-size:16px;line-height:1.4}.demo-lookup__input:focus-visible{outline:2px solid var(--dm-accent);outline-offset:1px;border-color:var(--dm-accent)}.demo-lookup__hint{color:var(--dm-muted);margin:0;font-size:13px;line-height:1.5}.demo-lookup__actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.demo-answer{border:1px solid var(--dm-line);border-left:3px solid var(--dm-accent);border-radius:var(--dm-radius);background:var(--dm-surface);margin-top:clamp(28px,3.5vw,40px);padding:clamp(20px,3vw,28px)}.demo-answer__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;margin:6px 0 12px;display:flex}.demo-stage{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 13px;font-size:14px;font-weight:500;display:inline-flex}.demo-stage--neutral{color:#4a453f;background:#eceae7}.demo-stage--progress{color:#17457a;background:#e2ecf7}.demo-stage--attention{color:#8a4a04;background:#fbeada}.demo-stage--done{color:#1f5c33;background:#e3efe4}.demo-stage--stopped{color:#8c2f2f;background:#f6e3e3}.demo-scope--saas{--dm-bg:#fbfbfd;--dm-surface:#fff;--dm-surface-warm:#eef1f0;--dm-ink:#121517;--dm-body:#3c4448;--dm-muted:#5f6a6e;--dm-line:#dde3e2;--dm-accent:#0f6b63;--dm-accent-soft:#dcecea;--dm-heading-font:ui-monospace, "SFMono-Regular", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--dm-radius:3px;--dm-pad-x:clamp(20px, 5vw, 56px);--dm-max:1120px}.demo-scope--saas .demo-header{background:#fbfbfde6}.demo-scope--saas .demo-button:hover{background:#0b524c}.demo-scope--saas .demo-footer{color:#b9c4c3;background:#121517}.demo-scope--saas .demo-footer a{color:#dcecea}.demo-scope--saas :target{scroll-margin-top:84px}a.demo-tag{transition:background-color .15s,color .15s}a.demo-tag:hover{background:var(--dm-accent-soft);color:var(--dm-ink)}