:root {
    --de-demo-navy: #07131f;
    --de-demo-navy-2: #0c2031;
    --de-demo-ink: #14212c;
    --de-demo-muted: #63707a;
    --de-demo-orange: #f47920;
    --de-demo-orange-2: #ff9a4f;
    --de-demo-cream: #fff8ef;
    --de-demo-paper: #f6f3ee;
    --de-demo-white: #fff;
    --de-demo-line: rgba(10, 31, 48, .12);
    --de-demo-green: #26b978;
    --de-demo-shadow: 0 22px 60px rgba(2, 16, 28, .13);
    --de-demo-radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.de-demo-site { margin: 0; background: var(--de-demo-white); color: var(--de-demo-ink); font-family: "DM Sans", Arial, sans-serif; font-size: 16px; line-height: 1.65; }
.de-demo-site img { max-width: 100%; height: auto; }
.de-demo-site a { color: inherit; }
.de-demo-site h1, .de-demo-site h2, .de-demo-site h3, .de-demo-site h4 { margin: 0 0 16px; color: inherit; font-family: "Manrope", Arial, sans-serif; line-height: 1.08; letter-spacing: -.035em; }
.de-demo-site h1 { font-size: clamp(44px, 5.8vw, 84px); }
.de-demo-site h2 { font-size: clamp(34px, 4vw, 58px); }
.de-demo-site h3 { font-size: 22px; }
.de-demo-site p { margin: 0 0 20px; }
.de-demo-shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.de-demo-main { min-height: 60vh; overflow: clip; }
.de-demo-skip { position: fixed; top: -100px; left: 18px; z-index: 10000; padding: 10px 16px; border-radius: 8px; background: #fff; color: #111; }
.de-demo-skip:focus { top: 12px; }

.de-demo-header { position: sticky; top: 0; z-index: 1000; min-height: 82px; border-bottom: 1px solid rgba(255,255,255,.1); background: rgba(7,19,31,.94); color: #fff; backdrop-filter: blur(14px); }
.admin-bar .de-demo-header { top: 32px; }
.de-demo-header-inner { min-height: 82px; display: flex; align-items: center; gap: 30px; }
.de-demo-logo { width: 235px; display: flex; align-items: center; gap: 11px; text-decoration: none; flex: 0 0 auto; }
.de-demo-logo img { width: 176px; max-height: 52px; object-fit: contain; object-position: left center; }
.de-demo-logo > span { padding: 5px 8px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: var(--de-demo-orange-2); font-size: 10px; font-weight: 800; letter-spacing: .11em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.de-demo-navigation { margin-left: auto; }
.de-demo-menu { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.de-demo-menu > li { position: relative; }
.de-demo-menu > li > a { display: flex; align-items: center; min-height: 48px; padding: 0 14px; border-radius: 8px; color: rgba(255,255,255,.84); font-size: 14px; font-weight: 700; text-decoration: none; transition: .2s ease; }
.de-demo-menu > li > a:hover, .de-demo-menu > li.current-menu-item > a, .de-demo-menu > li.current-menu-ancestor > a { background: rgba(255,255,255,.08); color: #fff; }
.de-demo-menu > .menu-item-has-children > a:after { content: ""; width: 7px; height: 7px; margin: -4px 0 0 8px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); }
.de-demo-menu .sub-menu { position: absolute; top: calc(100% + 8px); left: 50%; width: min(760px, 80vw); display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 8px; margin: 0; padding: 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: #0b1c2a; box-shadow: 0 26px 70px rgba(0,0,0,.35); list-style: none; opacity: 0; pointer-events: none; transform: translate(-50%, 10px); transition: .2s ease; }
.de-demo-menu li:hover > .sub-menu, .de-demo-menu li:focus-within > .sub-menu { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.de-demo-menu .sub-menu li a { min-height: 92px; display: flex; flex-direction: column; justify-content: center; padding: 16px; border-radius: 12px; color: #fff; text-decoration: none; }
.de-demo-menu .sub-menu li a:hover { background: rgba(255,255,255,.08); }
.de-demo-menu .sub-menu li strong { display: block; font-family: "Manrope", sans-serif; font-size: 15px; }
.de-demo-menu .sub-menu li span { display: block; color: rgba(255,255,255,.6); font-size: 12px; font-weight: 500; }
.de-demo-menu .sub-menu li:last-child { grid-column: 3; grid-row: 1 / span 2; min-height: 192px; overflow: hidden; border-radius: 13px; background: linear-gradient(0deg,rgba(6,17,26,.88),rgba(6,17,26,.18)), var(--de-demo-kitchen) center/cover; }
.de-demo-menu .sub-menu li:last-child a { height: 100%; justify-content: flex-end; font-family: "Manrope", sans-serif; font-size: 18px; font-weight: 800; }
.de-demo-menu .sub-menu li:last-child a:after { content: "See the modular platform →"; display: block; margin-top: 8px; color: var(--de-demo-orange-2); font-family: "DM Sans", sans-serif; font-size: 12px; }
.de-demo-header-actions { display: flex; align-items: center; gap: 16px; flex: 0 0 auto; }
.de-demo-text-link { color: rgba(255,255,255,.7); font-size: 13px; font-weight: 700; text-decoration: none; }
.de-demo-text-link:hover { color: #fff; }
.de-demo-menu-toggle { display: none; }

.de-demo-button, .de-demo-site .elementor-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 13px 22px; border: 1px solid var(--de-demo-orange); border-radius: 11px; background: var(--de-demo-orange); color: #fff !important; font-family: "DM Sans", sans-serif; font-size: 15px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; box-shadow: 0 10px 30px rgba(244,121,32,.22); transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
.de-demo-button:hover, .de-demo-site .elementor-button:hover { background: #ff872f; transform: translateY(-2px); box-shadow: 0 15px 35px rgba(244,121,32,.3); }
.de-demo-button-small { min-height: 42px; padding: 10px 17px; font-size: 13px; }
.de-demo-button-outline { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.06); box-shadow: none; }
.de-demo-button-outline:hover { border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.13); }

.de-demo-hero { position: relative; min-height: 760px; display: flex; align-items: center; overflow: hidden; background: var(--de-demo-navy); color: #fff; }
.de-demo-hero-media, .de-demo-hero-media i, .de-demo-elementor-hero:before, .de-demo-elementor-hero:after { position: absolute; inset: 0; }
.de-demo-hero-media i { display: block; background-position: center; background-size: cover; opacity: 0; animation: deDemoHero 24s infinite; transform: scale(1.05); }
.de-demo-hero-media i:nth-child(1) { background-image: var(--de-demo-dining); animation-delay: 0s; }
.de-demo-hero-media i:nth-child(2) { background-image: var(--de-demo-kitchen); animation-delay: 8s; }
.de-demo-hero-media i:nth-child(3) { background-image: var(--de-demo-counter); animation-delay: 16s; }
@keyframes deDemoHero { 0%{opacity:0;transform:scale(1.06)} 7%,31%{opacity:1} 38%,100%{opacity:0;transform:scale(1)} }
.de-demo-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(4,13,22,.98) 0%,rgba(4,13,22,.86) 43%,rgba(4,13,22,.27) 78%,rgba(4,13,22,.4) 100%), linear-gradient(0deg,rgba(4,13,22,.72),transparent 45%); }
.de-demo-hero-content { position: relative; z-index: 3; padding-block: 108px 150px; }
.de-demo-hero-content > .elementor-element, .de-demo-hero-content > * { max-width: 790px; }
.de-demo-kicker, .de-demo-section-kicker, .de-demo-site .de-demo-kicker .elementor-heading-title, .de-demo-site .de-demo-section-kicker .elementor-heading-title { display: block; margin-bottom: 22px; color: var(--de-demo-orange-2); font-size: 12px !important; font-weight: 800; letter-spacing: .16em !important; line-height: 1.4 !important; text-transform: uppercase; }
.de-demo-hero h1 { max-width: 920px; color: #fff; }
.de-demo-hero h1 em { color: var(--de-demo-orange-2); font-style: normal; }
.de-demo-hero-content > p, .de-demo-hero-content .elementor-widget-text-editor { max-width: 690px; color: rgba(255,255,255,.74); font-size: 19px; }
.de-demo-entry-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.de-demo-entry-caption { display: block; margin-top: 13px; color: rgba(255,255,255,.52); font-size: 12px; }
.de-demo-entry-notice { width: min(640px, 100%); display: flex; flex-direction: column; margin-bottom: 15px; padding: 12px 15px; border: 1px solid rgba(255,196,91,.33); border-radius: 10px; background: rgba(129,75,8,.2); color: #ffdba0; font-size: 13px; }
.de-demo-hero-card { position: absolute; z-index: 4; right: max(30px, calc((100vw - 1240px)/2)); bottom: 42px; width: 350px; padding: 22px 25px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(7,19,31,.75); backdrop-filter: blur(14px); }
.de-demo-hero-card span, .de-demo-hero-card small { display: block; color: rgba(255,255,255,.56); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.de-demo-hero-card strong { display: block; margin: 7px 0; font-family: "Manrope", sans-serif; font-size: 16px; }

.de-demo-elementor-hero { position: relative; min-height: 760px; display: flex; align-items: center; overflow: hidden; background: var(--de-demo-navy); color: #fff; }
.de-demo-elementor-hero:before { content: ""; z-index: 0; background: linear-gradient(90deg,rgba(4,13,22,.98),rgba(4,13,22,.78) 55%,rgba(4,13,22,.3)), var(--de-demo-dining) center/cover; animation: deDemoElementorFade 16s infinite; }
.de-demo-elementor-hero:after { content: ""; z-index: 1; background: linear-gradient(90deg,rgba(4,13,22,.98),rgba(4,13,22,.78) 55%,rgba(4,13,22,.3)), var(--de-demo-kitchen) center/cover; opacity: 0; animation: deDemoElementorFade 16s 8s infinite; }
.de-demo-elementor-hero > .e-con-inner, .de-demo-elementor-hero > .elementor-element, .de-demo-elementor-hero > * { position: relative; z-index: 2; }
@keyframes deDemoElementorFade { 0%,43%{opacity:1;transform:scale(1.04)} 50%,93%{opacity:0;transform:scale(1)} 100%{opacity:1;transform:scale(1.04)} }

.de-demo-status-section { position: relative; z-index: 10; margin-top: -20px; }
.de-demo-status-strip { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); border: 1px solid var(--de-demo-line); border-radius: 16px; background: #fff; box-shadow: var(--de-demo-shadow); overflow: hidden; }
.de-demo-status-strip > div { position: relative; min-height: 96px; display: grid; grid-template-columns: 12px 1fr; align-content: center; column-gap: 10px; padding: 18px 22px; border-left: 1px solid var(--de-demo-line); }
.de-demo-status-strip > div:first-child { border-left: 0; }
.de-demo-status-strip i { grid-row: 1 / span 2; width: 9px; height: 9px; margin-top: 7px; border-radius: 50%; background: var(--de-demo-green); box-shadow: 0 0 0 5px rgba(38,185,120,.12); }
.de-demo-status-strip .is-waiting i { background: var(--de-demo-orange); box-shadow: 0 0 0 5px rgba(244,121,32,.12); }
.de-demo-status-strip span { color: var(--de-demo-muted); font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.de-demo-status-strip strong { font-size: 14px; }

.de-demo-section { padding: 110px 0; background: #fff; }
.de-demo-section-light { background: var(--de-demo-paper); }
.de-demo-section-head, .de-demo-section > .de-demo-shell > .elementor-element:first-child { max-width: 760px; margin-bottom: 50px; }
.de-demo-section-head > span { color: var(--de-demo-orange); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.de-demo-section-head h2 { margin-top: 12px; }
.de-demo-section-head p, .de-demo-section > .de-demo-shell > .elementor-widget-text-editor { color: var(--de-demo-muted); font-size: 18px; }

.de-demo-launcher-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.de-demo-launch-card { position: relative; min-height: 310px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--de-demo-line); border-radius: var(--de-demo-radius); background: #fff; box-shadow: 0 12px 35px rgba(2,16,28,.06); overflow: hidden; transition: .22s ease; }
.de-demo-launch-card:before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg,var(--de-demo-orange),transparent); transform: scaleX(0); transform-origin: left; transition: .22s ease; }
.de-demo-launch-card:hover { border-color: rgba(244,121,32,.35); transform: translateY(-6px); box-shadow: var(--de-demo-shadow); }
.de-demo-launch-card:hover:before { transform: scaleX(1); }
.de-demo-launch-number { width: 45px; height: 45px; display: grid; place-items: center; margin-bottom: 34px; border-radius: 11px; background: var(--de-demo-cream); color: var(--de-demo-orange); font-family: "Manrope", sans-serif; font-size: 13px; font-weight: 800; }
.de-demo-launch-card small { color: var(--de-demo-orange); font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.de-demo-launch-card h3 { margin-top: 8px; }
.de-demo-launch-card p { color: var(--de-demo-muted); font-size: 14px; }
.de-demo-launch-card a { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--de-demo-line); color: var(--de-demo-ink); font-size: 13px; font-weight: 800; text-decoration: none; }
.de-demo-launch-card a b { color: var(--de-demo-orange); font-size: 18px; }

.de-demo-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 44px; }
.de-demo-feature-grid article { display: grid; grid-template-columns: 48px 1fr; gap: 17px; padding: 22px 0; border-bottom: 1px solid var(--de-demo-line); }
.de-demo-feature-grid article > span { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 50%; background: var(--de-demo-navy); color: var(--de-demo-orange-2); font-family: "Manrope", sans-serif; font-size: 11px; font-weight: 800; }
.de-demo-feature-grid h3 { margin: 0 0 6px; font-size: 18px; }
.de-demo-feature-grid p { margin: 0; color: var(--de-demo-muted); font-size: 14px; }

.de-demo-modules-preview { background: var(--de-demo-navy); color: #fff; }
.de-demo-modules-preview h2 { color: #fff; }
.de-demo-modules-preview .de-demo-section-head p, .de-demo-modules-preview .de-demo-section > .de-demo-shell > .elementor-widget-text-editor { color: rgba(255,255,255,.64); }
.de-demo-module-groups { display: grid; gap: 36px; }
.de-demo-module-heading { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid currentColor; color: var(--de-demo-muted); }
.de-demo-modules-preview .de-demo-module-heading { color: rgba(255,255,255,.34); }
.de-demo-module-heading span { color: inherit; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.de-demo-module-heading b { font-size: 11px; }
.de-demo-module-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.de-demo-module-grid article { min-height: 190px; padding: 23px; border: 1px solid var(--de-demo-line); border-radius: 16px; background: #fff; color: var(--de-demo-ink); }
.de-demo-modules-preview .de-demo-module-grid article { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.055); color: #fff; }
.de-demo-module-grid article > span { display: inline-block; margin-bottom: 20px; padding: 5px 8px; border-radius: 999px; background: var(--de-demo-cream); color: var(--de-demo-orange); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.de-demo-modules-preview .de-demo-module-grid article > span { background: rgba(244,121,32,.14); }
.de-demo-module-grid h3 { font-size: 17px; }
.de-demo-module-grid p { margin: 0; color: var(--de-demo-muted); font-size: 13px; }
.de-demo-modules-preview .de-demo-module-grid p { color: rgba(255,255,255,.58); }

.de-demo-cta { padding: 95px 0; background: var(--de-demo-orange); color: #fff; text-align: center; }
.de-demo-cta .de-demo-shell { display: flex; flex-direction: column; align-items: center; }
.de-demo-cta span { font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.de-demo-cta h2 { max-width: 780px; margin: 12px auto 28px; color: #fff; }
.de-demo-cta .de-demo-button, .de-demo-cta .elementor-button { border-color: #fff; background: #fff; color: var(--de-demo-navy) !important; box-shadow: none; }

.de-demo-inner-hero { position: relative; min-height: 510px; display: flex; align-items: center; padding: 90px 0; overflow: hidden; background: linear-gradient(90deg,rgba(4,13,22,.97),rgba(4,13,22,.66)), var(--de-demo-dining) center/cover; color: #fff; }
.de-demo-inner-hero-counter { background-image: linear-gradient(90deg,rgba(4,13,22,.97),rgba(4,13,22,.58)), var(--de-demo-counter); }
.de-demo-inner-hero-kitchen { background-image: linear-gradient(90deg,rgba(4,13,22,.97),rgba(4,13,22,.58)), var(--de-demo-kitchen); }
.de-demo-inner-hero .de-demo-shell { position: relative; z-index: 1; }
.de-demo-inner-hero .de-demo-shell > * { max-width: 820px; }
.de-demo-inner-hero h1 { font-size: clamp(42px,5vw,70px); color: #fff; }
.de-demo-inner-hero p, .de-demo-inner-hero .elementor-widget-text-editor { max-width: 690px; color: rgba(255,255,255,.7); font-size: 18px; }
.de-demo-inner-hero .de-demo-entry { margin-top: 28px; }
.de-demo-inner-hero > .e-con-inner { width: min(1240px,calc(100% - 48px)); }

.de-demo-guide-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.6fr); gap: 70px; align-items: start; }
.de-demo-checklist { margin: 28px 0 0; padding: 0; list-style: none; counter-reset: demo-step; }
.de-demo-checklist li { position: relative; padding: 0 0 36px 72px; counter-increment: demo-step; }
.de-demo-checklist li:before { content: counter(demo-step); position: absolute; top: 0; left: 0; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--de-demo-navy); color: var(--de-demo-orange-2); font-family: "Manrope", sans-serif; font-weight: 800; }
.de-demo-checklist li:after { content: ""; position: absolute; top: 51px; bottom: 5px; left: 22px; width: 1px; background: var(--de-demo-line); }
.de-demo-checklist li:last-child:after { display: none; }
.de-demo-checklist span { font-family: "Manrope", sans-serif; font-size: 19px; font-weight: 800; }
.de-demo-checklist p { margin: 6px 0 0; color: var(--de-demo-muted); font-size: 14px; }
.de-demo-guide-note { position: sticky; top: 115px; padding: 30px; border-radius: var(--de-demo-radius); background: var(--de-demo-navy); color: #fff; box-shadow: var(--de-demo-shadow); }
.de-demo-guide-note h3 { color: #fff; }
.de-demo-guide-note p { color: rgba(255,255,255,.65); font-size: 14px; }
.de-demo-copy-narrow { max-width: 820px; }
.de-demo-content { padding-block: 70px; }
.de-demo-post-card { padding: 30px 0; border-bottom: 1px solid var(--de-demo-line); }
.de-demo-post-card h2 { font-size: 28px; }
.de-demo-post-card h2 a { text-decoration: none; }
.de-demo-error { min-height: 650px; display: grid; place-items: center; padding: 100px 0; background: var(--de-demo-navy); color: #fff; text-align: center; }
.de-demo-error span { display: block; color: var(--de-demo-orange); font-family: "Manrope",sans-serif; font-size: 100px; font-weight: 800; line-height: 1; }
.de-demo-error h1 { max-width: 800px; margin-inline: auto; color: #fff; }
.de-demo-error p { color: rgba(255,255,255,.65); }
.de-demo-error div div { display: flex; justify-content: center; gap: 12px; }

.de-demo-footer { padding: 75px 0 24px; background: #06111b; color: #fff; }
.de-demo-footer-grid { display: grid; grid-template-columns: 1.5fr .75fr .8fr .8fr; gap: 55px; }
.de-demo-footer-brand img { width: 235px; max-height: 70px; object-fit: contain; object-position: left; }
.de-demo-footer-brand p { max-width: 390px; margin-top: 20px; color: rgba(255,255,255,.55); font-size: 14px; }
.de-demo-footer-grid > div:not(:first-child) { display: flex; flex-direction: column; gap: 9px; }
.de-demo-footer-grid strong { margin-bottom: 7px; font-family: "Manrope", sans-serif; font-size: 14px; }
.de-demo-footer-grid a { color: rgba(255,255,255,.58); font-size: 13px; text-decoration: none; }
.de-demo-footer-grid a:hover { color: var(--de-demo-orange-2); }
.de-demo-status-dot { display: inline-flex; align-items: center; gap: 9px; color: rgba(255,255,255,.6); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.de-demo-status-dot i { width: 8px; height: 8px; border-radius: 50%; background: var(--de-demo-green); box-shadow: 0 0 0 5px rgba(38,185,120,.1); }
.de-demo-footer-bottom { display: flex; justify-content: space-between; gap: 30px; margin-top: 55px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.38); font-size: 11px; }

.de-demo-site .elementor-element.e-con { --container-max-width: 1240px; }
.de-demo-site .elementor-widget-heading .elementor-heading-title { color: inherit; font-family: "Manrope",sans-serif; }
.de-demo-site .elementor-widget-text-editor { color: inherit; font-family: "DM Sans",sans-serif; }
.de-demo-site .elementor-widget:not(:last-child) { margin-bottom: 0; }
.de-demo-site .de-demo-section > .e-con-inner, .de-demo-site .de-demo-cta > .e-con-inner { width: min(1240px,calc(100% - 48px)); }

@media (max-width: 1100px) {
    .de-demo-navigation { position: fixed; top: 82px; right: 0; bottom: 0; width: min(420px,100%); padding: 20px; background: #07131f; transform: translateX(100%); transition: .25s ease; overflow-y: auto; }
    .admin-bar .de-demo-navigation { top: 114px; }
    .de-demo-navigation.is-open { transform: translateX(0); }
    .de-demo-menu-toggle { width: 44px; height: 44px; display: grid; align-content: center; gap: 4px; margin-left: auto; padding: 9px; border: 1px solid rgba(255,255,255,.2); border-radius: 9px; background: transparent; color: #fff; }
    .de-demo-menu-toggle span { width: 20px; height: 2px; display: block; margin-inline: auto; background: #fff; }
    .de-demo-menu-toggle b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .de-demo-menu { display: block; }
    .de-demo-menu > li > a { min-height: 52px; border-bottom: 1px solid rgba(255,255,255,.08); border-radius: 0; }
    .de-demo-menu .sub-menu { position: static; width: 100%; display: block; padding: 8px 0 8px 16px; border: 0; box-shadow: none; opacity: 1; pointer-events: auto; transform: none; }
    .de-demo-menu .sub-menu li a { min-height: 64px; }
    .de-demo-menu .sub-menu li:last-child { display: none; }
    .de-demo-text-link { display: none; }
    .de-demo-status-strip { grid-template-columns: 1fr 1fr; }
    .de-demo-status-strip > div:nth-child(n+3) { border-top: 1px solid var(--de-demo-line); }
    .de-demo-status-strip > div:nth-child(odd) { border-left: 0; }
    .de-demo-launcher-grid, .de-demo-module-grid { grid-template-columns: 1fr 1fr; }
    .de-demo-footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
    .de-demo-footer-grid > div:last-child { grid-column: 2; }
}

@media (max-width: 782px) {
    .admin-bar .de-demo-header { top: 46px; }
    .admin-bar .de-demo-navigation { top: 128px; }
}

@media (max-width: 720px) {
    .de-demo-shell { width: min(100% - 32px,1240px); }
    .de-demo-header-inner { min-height: 74px; gap: 12px; }
    .de-demo-header { min-height: 74px; }
    .de-demo-navigation { top: 74px; }
    .admin-bar .de-demo-navigation { top: 120px; }
    .de-demo-logo { width: auto; }
    .de-demo-logo img { width: 155px; }
    .de-demo-logo > span { display: none; }
    .de-demo-header-actions { display: none; }
    .de-demo-hero, .de-demo-elementor-hero { min-height: 680px; }
    .de-demo-hero-content { padding-block: 85px 120px; }
    .de-demo-hero h1 { font-size: 44px; }
    .de-demo-hero-content > p, .de-demo-hero-content .elementor-widget-text-editor { font-size: 16px; }
    .de-demo-hero-card { display: none; }
    .de-demo-entry-actions { display: grid; }
    .de-demo-entry-actions .de-demo-button { width: 100%; }
    .de-demo-status-section { margin-top: 0; }
    .de-demo-status-strip { grid-template-columns: 1fr; border-radius: 0; }
    .de-demo-status-strip > div, .de-demo-status-strip > div:nth-child(n) { min-height: 76px; border-top: 1px solid var(--de-demo-line); border-left: 0; }
    .de-demo-status-strip > div:first-child { border-top: 0; }
    .de-demo-section { padding: 75px 0; }
    .de-demo-launcher-grid, .de-demo-feature-grid, .de-demo-module-grid { grid-template-columns: 1fr; }
    .de-demo-launch-card { min-height: 270px; }
    .de-demo-feature-grid { gap: 0; }
    .de-demo-module-grid article { min-height: 160px; }
    .de-demo-inner-hero { min-height: 480px; padding: 70px 0; }
    .de-demo-inner-hero > .e-con-inner { width: min(100% - 32px,1240px); }
    .de-demo-guide-grid { grid-template-columns: 1fr; gap: 35px; }
    .de-demo-guide-note { position: static; }
    .de-demo-footer-grid { grid-template-columns: 1fr 1fr; gap: 38px 28px; }
    .de-demo-footer-brand { grid-column: 1 / -1; }
    .de-demo-footer-grid > div:last-child { grid-column: auto; }
    .de-demo-footer-bottom { flex-direction: column; gap: 4px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .de-demo-hero-media i, .de-demo-elementor-hero:before, .de-demo-elementor-hero:after { animation: none !important; }
    .de-demo-hero-media i:first-child, .de-demo-elementor-hero:before { opacity: 1; transform: none; }
    .de-demo-elementor-hero:after { opacity: 0; }
    * { transition-duration: .01ms !important; }
}

/* v1.2.0 proper demo homepage */
.de-demo-home-hero {
    position: relative;
    min-height: calc(100svh - 82px);
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    background: var(--de-demo-dining) center / cover fixed no-repeat;
    color: #fff;
}

.de-demo-home-hero-shade {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 82% 38%, rgba(244, 121, 32, .12), transparent 27%),
        linear-gradient(90deg, rgba(4, 13, 22, .98) 0%, rgba(4, 13, 22, .91) 43%, rgba(4, 13, 22, .64) 72%, rgba(4, 13, 22, .56) 100%),
        linear-gradient(0deg, rgba(4, 13, 22, .74), transparent 52%);
}

.de-demo-home-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
    align-items: center;
    gap: clamp(48px, 6vw, 92px);
    padding-block: clamp(74px, 10vh, 126px);
}

.de-demo-home-copy { min-width: 0; }
.de-demo-home-copy h1 {
    max-width: 760px;
    margin-bottom: 24px;
    color: #fff;
    font-size: clamp(44px, 5vw, 76px);
    line-height: .98;
    letter-spacing: -.06em;
    text-shadow: 0 8px 35px rgba(0, 0, 0, .34);
}
.de-demo-home-copy > p {
    max-width: 690px;
    color: rgba(255, 255, 255, .76);
    font-size: clamp(16px, 1.25vw, 20px);
    line-height: 1.7;
}
.de-demo-home-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.de-demo-home-hero .de-demo-button { border-radius: 999px; }

.de-demo-credentials {
    width: fit-content;
    max-width: 100%;
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: 10px;
    margin-top: 28px;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 14px;
    background: rgba(7, 19, 31, .68);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
    backdrop-filter: blur(14px);
}
.de-demo-credentials > span {
    padding: 0 9px;
    color: var(--de-demo-orange-2);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.de-demo-credentials div { min-width: 136px; padding: 8px 13px; border-radius: 9px; background: rgba(255, 255, 255, .08); }
.de-demo-credentials small { display: block; color: rgba(255, 255, 255, .5); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.de-demo-credentials strong { display: block; color: #fff; font-family: "Manrope", sans-serif; font-size: 12px; line-height: 1.5; }
.de-demo-signed-in { margin-top: 22px !important; color: #b9f4d6 !important; font-size: 13px !important; font-weight: 700; }

.de-demo-home-pos {
    width: min(42vw, 620px);
    max-width: 100%;
    justify-self: end;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 22px;
    background: #09131d;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 36px 100px rgba(0, 0, 0, .55), 0 0 0 10px rgba(255, 255, 255, .035);
    transform: perspective(1400px) rotateY(-2.5deg) rotateX(1deg);
    transform-origin: center;
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.de-demo-home-pos:hover,
.de-demo-home-pos:focus-visible {
    border-color: var(--de-demo-orange);
    outline: none;
    box-shadow: 0 42px 110px rgba(0, 0, 0, .62), 0 0 0 4px rgba(244, 121, 32, .22);
    transform: perspective(1400px) rotateY(0) rotateX(0) translateY(-4px);
}
.de-demo-home-pos-bar { min-height: 40px; display: flex; align-items: center; gap: 7px; padding: 0 14px; border-bottom: 1px solid rgba(255, 255, 255, .08); background: #0b1722; }
.de-demo-home-pos-bar i { width: 8px; height: 8px; border-radius: 50%; background: #334454; }
.de-demo-home-pos-bar i:first-child { background: var(--de-demo-orange); }
.de-demo-home-pos-bar b { margin-left: auto; color: rgba(255, 255, 255, .6); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.de-demo-home-pos img { width: 100%; height: auto; display: block; }
.de-demo-home-pos-cta { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 17px; color: #fff; font-size: 12px; font-weight: 800; }
.de-demo-home-pos-cta b { color: var(--de-demo-orange-2); font-size: 18px; }

.de-demo-home-shortcuts { position: relative; z-index: 5; background: var(--de-demo-navy); color: #fff; }
.de-demo-home-shortcut-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.de-demo-home-shortcut-grid > a { min-height: 112px; display: grid; grid-template-columns: 40px 1fr; align-content: center; column-gap: 12px; padding: 20px 24px; border-left: 1px solid rgba(255, 255, 255, .1); text-decoration: none; transition: background .18s ease; }
.de-demo-home-shortcut-grid > a:last-child { border-right: 1px solid rgba(255, 255, 255, .1); }
.de-demo-home-shortcut-grid > a:hover { background: rgba(255, 255, 255, .055); }
.de-demo-home-shortcut-grid span { grid-row: 1 / span 2; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: rgba(244, 121, 32, .15); color: var(--de-demo-orange-2); font-size: 10px; font-weight: 800; }
.de-demo-home-shortcut-grid strong { font-family: "Manrope", sans-serif; font-size: 15px; }
.de-demo-home-shortcut-grid small { color: rgba(255, 255, 255, .5); font-size: 11px; }

.de-demo-home-journey { background: #fff; }
.de-demo-home-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 15px; }
.de-demo-home-steps article { min-height: 300px; display: flex; flex-direction: column; padding: 27px; border: 1px solid var(--de-demo-line); border-radius: var(--de-demo-radius); box-shadow: 0 12px 34px rgba(2, 16, 28, .055); }
.de-demo-home-steps article > span { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 28px; border-radius: 11px; background: var(--de-demo-cream); color: var(--de-demo-orange); font-size: 11px; font-weight: 800; }
.de-demo-home-steps h3 { font-size: 19px; }
.de-demo-home-steps p { color: var(--de-demo-muted); font-size: 13px; }
.de-demo-home-steps a { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--de-demo-line); color: var(--de-demo-ink); font-size: 12px; font-weight: 800; text-decoration: none; }
.de-demo-cta .de-demo-home-actions { justify-content: center; margin-top: 0; }
.de-demo-cta .de-demo-button-outline { border-color: rgba(255, 255, 255, .74); background: transparent; color: #fff !important; }

@media (max-width: 1100px) {
    .de-demo-home-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(330px, .72fr); gap: 42px; }
    .de-demo-home-pos { width: min(41vw, 520px); }
    .de-demo-home-steps { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 820px) {
    .de-demo-home-hero { min-height: auto; background-attachment: scroll; }
    .de-demo-home-hero-grid { grid-template-columns: 1fr; padding-block: 72px; }
    .de-demo-home-copy { max-width: 720px; }
    .de-demo-home-pos { width: min(100%, 620px); justify-self: start; transform: none; }
    .de-demo-home-shortcut-grid { grid-template-columns: 1fr 1fr; }
    .de-demo-home-shortcut-grid > a:nth-child(3) { border-top: 1px solid rgba(255, 255, 255, .1); }
    .de-demo-home-shortcut-grid > a:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, .1); }
}

@media (max-width: 560px) {
    .de-demo-home-copy h1 { font-size: 42px; }
    .de-demo-home-actions { display: grid; }
    .de-demo-home-actions .de-demo-button { width: 100%; }
    .de-demo-credentials { width: 100%; grid-template-columns: 1fr; }
    .de-demo-credentials div { min-width: 0; }
    .de-demo-home-shortcut-grid, .de-demo-home-steps { grid-template-columns: 1fr; }
    .de-demo-home-shortcut-grid > a { border-top: 1px solid rgba(255, 255, 255, .1); border-right: 1px solid rgba(255, 255, 255, .1); }
    .de-demo-home-shortcut-grid > a:first-child { border-top: 0; }
}


/* v1.5.0 module-aware demo navigation */
.de-demo-launch-card.is-installed-module { border-color: rgba(38,185,120,.42); box-shadow: 0 16px 42px rgba(5,91,57,.12); }
.de-demo-launch-card.is-installed-module:before { background: linear-gradient(90deg,var(--de-demo-green),transparent); transform: scaleX(1); }
.de-demo-launch-card.is-installed-module small { color: #087a46; }
.de-demo-launch-card.is-installed-module .de-demo-launch-number { background: rgba(38,185,120,.12); color: #087a46; }
.de-demo-module-grid article { display: flex; flex-direction: column; }
.de-demo-module-grid article.is-installed { border-color: rgba(38,185,120,.42); box-shadow: 0 14px 38px rgba(5,91,57,.12); }
.de-demo-modules-preview .de-demo-module-grid article.is-installed { border-color: rgba(77,224,159,.45); background: rgba(38,185,120,.1); }
.de-demo-module-grid article.is-installed > span { background: rgba(38,185,120,.13); color: #087a46; }
.de-demo-modules-preview .de-demo-module-grid article.is-installed > span { background: rgba(77,224,159,.14); color: #9df0c8; }
.de-demo-module-link { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--de-demo-line); color: var(--de-demo-ink); font-size: 12px; font-weight: 800; text-decoration: none; }
.de-demo-modules-preview .de-demo-module-link { border-top-color: rgba(255,255,255,.12); color: #fff; }
.de-demo-module-link b { color: var(--de-demo-orange-2); font-size: 17px; }
.de-demo-module-menu-item > a:before { content: "Live"; display: inline-flex; margin-right: 7px; padding: 2px 5px; border-radius: 999px; background: rgba(38,185,120,.16); color: #8ae8ba; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }


.de-demo-floor-preview { min-height: 500px; }
.de-demo-floor-preview__toolbar { min-height: 62px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.08); background: #101f2c; }
.de-demo-floor-preview__toolbar strong { font-family: "Manrope", sans-serif; font-size: 14px; }
.de-demo-floor-preview__toolbar small { color: rgba(255,255,255,.5); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.de-demo-floor-preview__canvas { position: relative; min-height: 330px; display: block; background: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px), #0b1722; background-size: 24px 24px; overflow: hidden; }
.de-demo-floor-preview__canvas > i { position: absolute; left: var(--x); top: var(--y); width: var(--w); height: var(--h); display: grid; place-content: center; padding: 8px; border: 2px solid rgba(255,255,255,.18); border-radius: 14px; background: rgba(255,255,255,.07); color: #fff; text-align: center; font-style: normal; box-shadow: 0 10px 25px rgba(0,0,0,.16); }
.de-demo-floor-preview__canvas > i.is-round { border-radius: 999px; }
.de-demo-floor-preview__canvas > i.is-booth { border-radius: 22px 6px 6px 22px; }
.de-demo-floor-preview__canvas > i.is-occupied { border-color: #f2b14b; background: rgba(242,177,75,.18); }
.de-demo-floor-preview__canvas > i.is-selected { border-color: #42d18e; background: rgba(38,185,120,.24); box-shadow: 0 0 0 5px rgba(38,185,120,.08), 0 10px 25px rgba(0,0,0,.16); }
.de-demo-floor-preview__canvas b { font-family: "Manrope", sans-serif; font-size: clamp(12px,1.4vw,18px); }
.de-demo-floor-preview__canvas small { color: rgba(255,255,255,.64); font-size: 9px; }
.de-demo-floor-preview__legend { min-height: 42px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 0 12px; border-top: 1px solid rgba(255,255,255,.07); background: #0d1b27; color: rgba(255,255,255,.58); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.de-demo-floor-preview__legend i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.5); }
.de-demo-floor-preview__legend i:nth-of-type(2) { background: #f2b14b; }
.de-demo-floor-preview__legend i:nth-of-type(3) { background: #42d18e; }
@media (max-width: 820px) { .de-demo-floor-preview { min-height: 470px; } }

/* Integrated Digital Eatery application screens */
.de-demo-app-screen{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:28px 0 52px;min-height:70vh}
.de-demo-app-screen .depo-shell,.de-demo-app-screen .dep-kitchen,.de-demo-app-screen .dep-manager-layout{width:100%;max-width:none;margin:0}
.de-demo-app-screen .depo-header,.de-demo-app-screen .dep-manager-sidebar{display:none!important}
.de-demo-app-screen .dep-manager-main{margin:0!important;width:100%!important;max-width:none!important}
.de-demo-app-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;padding:12px 16px;border:1px solid var(--de-demo-line);border-radius:12px;background:#fff;font-size:13px;font-weight:700}
.de-demo-app-breadcrumbs a{color:var(--de-demo-muted);text-decoration:none}.de-demo-app-breadcrumbs a:hover{color:var(--de-demo-orange)}
.de-demo-app-breadcrumbs span{color:#a0a9b0}
body.de-demo-site.depo-body,body.de-demo-site.dep-app{background:var(--de-demo-paper)}
@media(max-width:782px){.de-demo-app-screen{width:min(100% - 20px,1500px);padding-top:16px}.de-demo-app-breadcrumbs{overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}}

/* ========================================================================
   v2.1.0 — POS Pro application shell with Kitchen Operations
   ======================================================================== */
.de-demo-header-inner{gap:20px}
.de-demo-logo{width:215px}
.de-demo-logo img{width:160px}
.de-demo-menu>li>a{padding-inline:11px;font-size:13px}
.de-demo-menu li.is-current>a,.de-demo-menu>li.is-current>a{background:rgba(244,121,32,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(244,121,32,.25)}
.de-demo-manage-menu .sub-menu{left:auto;right:0;width:340px;grid-template-columns:1fr;transform:translate(0,10px)}
.de-demo-manage-menu:hover>.sub-menu,.de-demo-manage-menu:focus-within>.sub-menu{transform:translate(0,0)}
.de-demo-manage-menu .sub-menu li,.de-demo-manage-menu .sub-menu li:last-child{grid-column:auto;grid-row:auto;min-height:0;background:none;display:block}
.de-demo-manage-menu .sub-menu li a,.de-demo-manage-menu .sub-menu li:last-child a{height:auto;min-height:74px;justify-content:center;font-family:"DM Sans",sans-serif;font-size:inherit;font-weight:inherit}
.de-demo-manage-menu .sub-menu li:last-child a:after{display:none}
.de-demo-manage-menu .sub-menu li.is-current a{background:rgba(244,121,32,.14)}
.de-demo-header-actions{gap:11px}
.de-demo-pro-hero .de-demo-home-copy{max-width:700px}
.de-demo-pro-hero .de-demo-home-copy h1{font-size:clamp(44px,5vw,76px)}
.de-demo-pro-hero .de-demo-home-copy>p{max-width:690px}
.de-demo-pro-status{position:relative;z-index:8;margin-top:-26px}
.de-demo-pro-status-strip{grid-template-columns:repeat(4,1fr);box-shadow:var(--de-demo-shadow)}
.de-demo-pro-application{padding-top:115px}
.de-demo-pro-launcher-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.de-demo-pro-launcher-grid .is-primary-pro-screen{border-color:rgba(244,121,32,.42);box-shadow:0 18px 46px rgba(244,121,32,.12)}
.de-demo-pro-launcher-grid .is-primary-pro-screen:before{background:linear-gradient(90deg,var(--de-demo-orange),transparent)}
.de-demo-pro-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.de-demo-pro-preview .de-demo-floor-preview__canvas{overflow:visible}
.de-demo-preview-table .chair{position:absolute;width:18px;height:12px;border:2px solid rgba(255,255,255,.75);border-radius:4px 4px 7px 7px;background:#223847;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.de-demo-preview-table .chair:after{content:"";position:absolute;left:2px;right:2px;top:-6px;height:5px;border:2px solid rgba(255,255,255,.75);border-bottom:0;border-radius:4px 4px 0 0}
.de-demo-preview-table .chair.c1{left:50%;top:-14px;transform:translateX(-50%)}
.de-demo-preview-table .chair.c2{right:-14px;top:50%;transform:translateY(-50%) rotate(90deg)}
.de-demo-preview-table .chair.c3{left:50%;bottom:-14px;transform:translateX(-50%) rotate(180deg)}
.de-demo-preview-table .chair.c4{left:-14px;top:50%;transform:translateY(-50%) rotate(-90deg)}
.de-demo-pro-footer{display:grid;grid-template-columns:minmax(260px,1.4fr) 2fr;gap:70px;align-items:start}
.de-demo-pro-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 24px;padding-top:10px}
.de-demo-pro-footer nav a{color:rgba(255,255,255,.72);font-size:13px;font-weight:700;text-decoration:none}
.de-demo-pro-footer nav a:hover{color:#fff}
.de-demo-retired-content{max-width:760px;margin:50px auto;padding:28px;border:1px solid var(--de-demo-line);border-radius:18px;background:#fff;text-align:center}

/* One application shell on plugin screens. */
body.de-demo-app-mode{background:var(--de-demo-paper)}
body.de-demo-app-mode .de-demo-footer{display:none}
body.de-demo-app-mode .de-demo-main{min-height:calc(100vh - 82px);overflow:visible}
.de-demo-app-breadcrumbs{display:none!important}
body.de-demo-external-app-shell{margin:0!important;background:var(--de-demo-paper)!important;color:var(--de-demo-ink);font-family:"DM Sans",Arial,sans-serif}
body.de-demo-external-app-shell>.dep-free-shell,
body.de-demo-external-app-shell>.dep-pm-shell,
body.de-demo-external-app-shell>.dep-manager-shell{padding-top:24px}
body.de-demo-external-app-shell .dep-free-header,
body.de-demo-external-app-shell .dep-pm-top,
body.de-demo-external-app-shell .dep-manager-header{display:none!important}
body.de-demo-external-app-shell .de-demo-header{font-family:"DM Sans",Arial,sans-serif}
body.de-demo-external-app-shell .de-demo-header *{box-sizing:border-box}
body.de-demo-external-app-shell .de-demo-header a{color:inherit}
body.de-demo-external-app-shell .dep-free-dashboard{padding-top:8px}
body.de-demo-external-app-shell .dep-free-hero{background:linear-gradient(135deg,#07131f,#123049);color:#fff}
body.de-demo-external-app-shell .dep-free-hero h1,
body.de-demo-external-app-shell .dep-free-hero p{color:#fff}
body.de-demo-external-app-shell .dep-free-stat-grid article:nth-child(3){border-color:rgba(244,121,32,.32)}
body.de-demo-external-app-shell .de-demo-pro-dashboard-card{border-color:rgba(244,121,32,.3);box-shadow:0 14px 36px rgba(244,121,32,.08)}
body.de-demo-external-app-shell .de-demo-pro-dashboard-card>span{color:var(--de-demo-orange)}
body.de-demo-external-app-shell .dep-free-modules{display:none!important}

/* The Pro tour is help content, not another product or module page. */
.de-demo-pro-tour-page .de-demo-inner-hero p{max-width:760px;color:rgba(255,255,255,.72);font-size:18px}
.de-demo-pro-tour-page .de-demo-entry{margin-top:28px}
.de-demo-pro-checklist li span{font-family:"Manrope",sans-serif}

@media(max-width:1280px){
    .de-demo-navigation{position:fixed;top:82px;right:0;bottom:0;width:min(420px,100%);padding:20px;background:#07131f;transform:translateX(100%);transition:.25s ease;overflow-y:auto}
    .admin-bar .de-demo-navigation{top:114px}
    .de-demo-navigation.is-open{transform:translateX(0)}
    .de-demo-menu-toggle{width:44px;height:44px;display:grid;align-content:center;gap:4px;margin-left:auto;padding:9px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:transparent;color:#fff}
    .de-demo-menu-toggle span{width:20px;height:2px;display:block;margin-inline:auto;background:#fff}
    .de-demo-menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
    .de-demo-menu{display:block}
    .de-demo-menu>li>a{min-height:52px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}
    .de-demo-menu .sub-menu,.de-demo-manage-menu .sub-menu{position:static;width:100%;display:block;padding:8px 0 8px 16px;border:0;box-shadow:none;opacity:1;pointer-events:auto;transform:none}
    .de-demo-menu .sub-menu li a{min-height:64px}
    .de-demo-header-actions .de-demo-text-link{display:none}
}
@media(max-width:980px){
    .de-demo-pro-launcher-grid,.de-demo-pro-feature-grid{grid-template-columns:1fr 1fr}
    .de-demo-pro-status-strip{grid-template-columns:1fr 1fr}
    .de-demo-pro-footer{grid-template-columns:1fr;gap:28px}
    .de-demo-pro-footer nav{justify-content:flex-start}
}
@media(max-width:620px){
    .de-demo-pro-launcher-grid,.de-demo-pro-feature-grid,.de-demo-pro-status-strip{grid-template-columns:1fr}
    .de-demo-logo{width:190px}
    .de-demo-logo img{width:138px}
    .de-demo-pro-application{padding-top:85px}
}
/* Kitchen Operations uses a compact application submenu, not the marketing mega-menu treatment. */
.de-demo-kitchen-menu .sub-menu{left:auto;right:0;width:380px;grid-template-columns:1fr;transform:translate(0,10px)}
.de-demo-kitchen-menu:hover>.sub-menu,.de-demo-kitchen-menu:focus-within>.sub-menu{transform:translate(0,0)}
.de-demo-kitchen-menu .sub-menu li,.de-demo-kitchen-menu .sub-menu li:last-child{grid-column:auto;grid-row:auto;min-height:0;background:none;display:block}
.de-demo-kitchen-menu .sub-menu li a,.de-demo-kitchen-menu .sub-menu li:last-child a{height:auto;min-height:74px;justify-content:center;font-family:"DM Sans",sans-serif;font-size:inherit;font-weight:inherit}
.de-demo-kitchen-menu .sub-menu li:last-child a:after{display:none}
.de-demo-kitchen-menu .sub-menu li.is-current a{background:rgba(244,121,32,.14)}
@media(max-width:1100px){.de-demo-kitchen-menu .sub-menu{position:static;width:100%;display:block;padding:8px 0 8px 16px;border:0;box-shadow:none;opacity:1;pointer-events:auto;transform:none}}


/* ========================================================================
   v2.1.1 — Stable application dropdown navigation
   Keep Kitchen and Manage menus fixed under their parent items while the
   pointer moves from the top-level link into the submenu.
   ======================================================================== */
@media (min-width: 1281px) {
    .de-demo-menu > .menu-item-has-children > .sub-menu {
        top: calc(100% - 1px);
        margin-top: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: none !important;
        transition: opacity .14s ease, visibility 0s linear .14s;
    }
    .de-demo-menu > .menu-item-has-children:hover > .sub-menu,
    .de-demo-menu > .menu-item-has-children:focus-within > .sub-menu,
    .de-demo-menu > .menu-item-has-children.is-menu-open > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none !important;
        transition-delay: 0s;
    }
    .de-demo-menu > .menu-item-has-children::after {
        content: "";
        position: absolute;
        z-index: 1;
        top: calc(100% - 3px);
        right: 0;
        left: 0;
        height: 8px;
    }
    .de-demo-kitchen-menu .sub-menu,
    .de-demo-manage-menu .sub-menu {
        right: 0;
        left: auto;
    }
}


/* ========================================================================
   v2.1.2 — Compact dashboard card titles
   The theme's global h2 scale must not enlarge application dashboard cards.
   ======================================================================== */
.de-demo-site .de-demo-launch-card h3 {
    margin: 8px 0 10px;
    font-size: clamp(17px, 1.35vw, 20px);
    line-height: 1.22;
    letter-spacing: -.02em;
}
body.de-demo-external-app-shell .dep-free-card-grid article h2,
body.de-demo-external-app-shell .dep-free-card-grid article .de-demo-card-title,
body.de-demo-external-app-shell .de-demo-pro-dashboard-card h2 {
    margin: 10px 0 8px;
    font-size: clamp(16px, 1.3vw, 18px) !important;
    line-height: 1.25 !important;
    letter-spacing: -.015em !important;
}
@media (max-width: 680px) {
    .de-demo-site .de-demo-launch-card h3,
    body.de-demo-external-app-shell .dep-free-card-grid article h2,
    body.de-demo-external-app-shell .de-demo-pro-dashboard-card h2 {
        font-size: 16px !important;
    }
}