/* Example 09: legible business content; approved scan media/projection stay intact. */
:root{--teal:#006b70;--accent:#006b70;--secondary:#445664}
html[data-theme=dark]{--accent:#69e5d4;--secondary:#c1cfdb}
body{font-size:18px;line-height:1.6}main,section,article,nav,div{min-width:0}
button,select,input{font-family:inherit}select{font-size:16px}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #00858b;outline-offset:5px}
.header :focus-visible,.story :focus-visible,html[data-theme=dark] :focus-visible{outline-color:#72f3dc}
.header{height:90px;padding:14px 3vw;gap:18px;flex-wrap:nowrap}
.main-nav{width:auto;order:0;gap:22px;border:0;padding:0;font-size:16px}
.main-nav a,.header .quiet,.header .theme-toggle,.header .menu-toggle{font-size:16px;line-height:1.35;min-height:44px;display:inline-flex;align-items:center;padding:10px 12px}
.main-nav a{padding:10px 0}.header .brand{flex-shrink:0}.header .brand img{width:120px}
.header .quiet{margin-left:0}.header .menu-toggle{display:none}.header .theme-toggle{margin-left:0}
.intro{padding:70px 6vw 46px;max-width:1600px}.intro h1{font-size:clamp(48px,5.5vw,80px);line-height:1.07;max-width:1150px;letter-spacing:-.045em}
.intro .eyebrow,.overline{font-size:14px;letter-spacing:.09em;line-height:1.6;color:var(--accent)}
.intro p{font-size:19px;max-width:670px;line-height:1.65;color:var(--secondary)}
.intro-bottom{gap:50px;align-items:center}.intro .intro-cta{flex-direction:column;align-items:flex-start;gap:14px;flex-shrink:0}
.intro .text-link{font-size:16px;margin:0}.intro-kicker{font-size:16px;color:var(--secondary);gap:26px;flex-wrap:wrap}.intro-kicker a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.button,.intro .button,.plan-grid .button{font-size:16px;min-height:50px;padding:16px 20px;line-height:1.4}.button span{flex-shrink:0}
.text-arrow{font-size:16px;min-height:44px}.section{padding:88px max(5vw,24px)}
.section h2{font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-.04em}
.section p,.section-heading>p,.hospitality-copy>p,.roadmap>div>p,.faq>div>p{font-size:18px;line-height:1.65}
.section-heading{gap:48px;align-items:center}.section-heading>p{max-width:470px;margin:0}
.examples-note,.review-bottom>p,.pricing-footnote,.section .local-demo-note{font-size:16px!important;line-height:1.65!important;color:var(--secondary)!important}
.section .overline{color:var(--accent)}
.use-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;margin:0 0 28px;padding:0 0 20px}
.use-tabs button{white-space:normal;padding:15px 16px;font-size:14px;color:var(--secondary);min-height:58px;border:1px solid var(--border)}
.use-tabs span{font-size:16px;line-height:1.35}.use-tabs button[aria-selected=true]{border-color:var(--ink)}
.use-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:760px}
.use-copy{padding:42px 36px}.use-copy h3{font-size:clamp(32px,3vw,46px)}
.use-copy p{font-size:18px}.use-copy .use-benefit{font-size:17px}.use-copy small{font-size:14px;line-height:1.65;max-width:none;color:var(--secondary)}
.journey{font-size:14px;letter-spacing:0;gap:10px}.journey i{font-size:22px}.demo-status{font-size:16px!important;line-height:1.6;min-height:0}.demo-status:empty{display:none}
#enlarge-use{background:none;text-align:left;line-height:1.5;color:var(--accent);margin-top:18px;border-bottom:1px solid var(--border)}
.use-stage{padding:36px 18px 60px;gap:22px;min-height:760px}.physical-card{width:170px;padding:20px;transform:rotate(-6deg)}
.physical-card strong,.physical-card>span:not(.physical-logo){font-size:14px;line-height:1.45;letter-spacing:0}.physical-qr{width:94px}.physical-bottom{margin-top:14px}
.demo-phone,.use-panel[data-theme=contact] .demo-phone{width:300px;height:650px;display:flex;flex-direction:column;transform:rotate(1deg)}
.demo-phone-top{flex-shrink:0}.demo-address{font-size:12px;flex-shrink:0;line-height:1.5}.demo-screen,.use-panel[data-theme=contact] .demo-screen{height:auto;flex:1;overflow-y:auto;scrollbar-width:thin}
.demo-screen p{font-size:16px}.demo-screen .small-eyebrow,.demo-screen .screen-footnote,.demo-screen .screen-links span,.demo-screen .screen-bottom,.demo-screen .screen-action,.demo-screen .menu-chips,.demo-screen .dish b,.demo-screen .dish small,.demo-screen .product-facts>span,.demo-screen .product-facts b,.demo-screen .review-note{font-size:14px;line-height:1.5;opacity:1}
.demo-screen h4{font-size:30px;line-height:1.15}.demo-screen .review-stars{font-size:28px}.demo-screen .screen-review p{font-size:16px}
.stage-label{font-size:14px;letter-spacing:.06em;bottom:16px;color:#34584e}
.screen-lijn .portrait-placeholder{height:190px}.screen-lijn .portrait-placeholder img{object-position:50% 22%}.screen-kade .menu-image{height:165px}
.photo-caption,.hospitality-photo .photo-caption{font-size:14px;letter-spacing:0;max-width:80%;top:16px;right:16px;padding:8px 12px}
.restaurant-label small{font-size:14px;letter-spacing:.04em;line-height:1.4}.restaurant-label{max-width:calc(100% - 40px)}
.editorial-list button strong{font-size:19px}.editorial-list small{font-size:16px;color:var(--secondary)}.editorial-list button>span{font-size:14px}
.review-gallery article>p,.review-journey p{font-size:17px}.review-template-label{font-size:23px}.review-journey>div>span{font-size:16px}.review-journey h3{font-size:24px}.review-bottom>a{font-size:16px;white-space:normal}
.team-section .overline{color:#8beadc}.team-composition{gap:30px}.team-card{width:255px;min-height:380px;line-height:1.4}.team-company{font-size:14px;letter-spacing:.06em}.team-card p,.team-card-bottom{font-size:16px}.card-two{background:#365b49}.card-two p{color:#f1f6f1}.mini-tag{font-size:14px;letter-spacing:.06em}.team-caption{max-width:430px;padding-left:15px}.team-caption p{font-size:18px}.team-caption small{font-size:14px;color:#bacddd}.team-workflow{padding-left:24px;color:#e2ecf3;font-size:17px}.team-workflow li{padding:5px 0}
.dashboard-guide{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}
.guide-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border);background:var(--panel)}
.guide-tabs button{padding:20px 16px;font-size:17px;background:none;color:var(--reading);border-bottom:3px solid transparent;line-height:1.5;text-align:left;min-height:76px}
.guide-tabs button span{font-size:14px;display:block;color:var(--accent);font-weight:700}.guide-tabs button[aria-selected=true]{background:var(--surface);border-bottom-color:var(--accent);font-weight:700}
.guide-panel{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px;padding:36px}.guide-copy h3{font-size:32px;letter-spacing:-.03em;line-height:1.2;margin:18px 0}.guide-copy p{font-size:18px}.guide-copy .guide-note{font-size:14px;color:var(--secondary)}
.guide-visual{overflow:hidden;border-radius:9px;background:#071639}.guide-visual button{display:block;width:100%;text-align:left;padding:0;background:none;color:#f1f5fb}
.guide-image-viewport{height:380px;overflow:hidden;position:relative}.guide-image-viewport img{width:850px;max-width:none;height:auto;position:absolute;left:0;top:-170px}.guide-image-viewport[data-view=templates] img{top:-190px;width:850px}.guide-image-viewport[data-view=qr]{background:#e5edeb;height:380px;display:grid;place-items:center}.guide-image-viewport[data-view=qr] img{position:static;width:220px;max-width:70%;background:white;padding:18px}.guide-image-viewport[data-view=update] img{top:0;width:850px}
.guide-enlarge-label{display:block;padding:15px 18px;background:#12324c;font-size:16px;line-height:1.5}.dashboard-scan-note{font-size:16px!important;max-width:85ch;margin:24px 0 50px;color:var(--secondary)}
.template-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.template-ribbon>div:first-child{grid-column:1/-1}.template-ribbon h3{font-size:32px;margin:14px 0}.template-ribbon p{font-size:17px;max-width:none}.template-preview{padding:30px 24px 0}.template-preview img{height:auto;max-height:430px;width:auto;object-fit:contain}.template-preview span{font-size:17px;line-height:1.5;padding:24px 0}
.campaign-target{width:300px}.campaign-target>span:first-child,.campaign-url{font-size:14px}.campaign-target p{font-size:16px}.campaign-target b{font-size:25px}.campaign-print{min-height:400px}
.pricing-toolbar{gap:24px;flex-wrap:wrap}.pricing-label{font-size:16px}.segmented button{font-size:16px;padding:12px 16px}.segmented small{font-size:14px;display:block;margin:4px 0 0}.segmented{max-width:100%}
.plan-grid article{padding:30px 24px}.plan-grid article>span{font-size:14px;letter-spacing:.04em}.plan-grid .plan-audience{font-size:17px;min-height:80px}.plan-grid ul{font-size:16px}.plan-grid article>.price-tax{font-size:16px}.price-detail{font-size:16px;min-height:95px}.price-line>span{font-size:16px}.price-line strong{font-size:42px}.plans .pricing-footnote{font-size:16px;max-width:85ch}.pricing-next p,.pricing-next a{font-size:17px}.pricing-next a{white-space:normal}
.price-comparison{overflow:visible}.price-comparison>summary{font-size:19px;line-height:1.5;padding:24px}.price-comparison table{font-size:16px}.price-comparison caption{font-size:15px;padding-top:12px}.price-comparison .comparison-category th{font-size:16px}.comparison-floating table{font-size:16px}.price-comparison th:first-child{width:35%}
.mobile-comparison{display:none}.mobile-comparison-picker{position:sticky;top:var(--site-header-height);z-index:60;background:var(--panel);padding:18px 20px;border-block:1px solid var(--border);box-shadow:0 5px 16px #07163912}.mobile-comparison-picker label{display:block;font-size:16px;margin-bottom:8px}.mobile-comparison-picker select{width:100%;min-height:48px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--reading);padding:10px 12px;font-weight:700}
.mobile-feature-group h3{font-size:17px;background:var(--panel);padding:18px 20px;margin:0}.mobile-feature-group dl{margin:0}.mobile-feature-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:16px;padding:18px 20px;border-top:1px solid var(--border);font-size:16px;line-height:1.5}.mobile-feature-row dd{margin:0;text-align:right;font-weight:700;color:var(--accent)}
.roadmap .roadmap-note{font-size:17px}.product-labels span{font-size:16px;white-space:normal}.product-pack{height:350px}.product-pack>span,.product-pack>small{font-size:14px}.product-system{gap:30px}
.faq summary{font-size:18px;min-height:64px}.faq details p{font-size:17px}.final-cta h2{font-size:clamp(38px,5vw,72px);max-width:1100px}.final-cta p{font-size:19px;max-width:650px}.final-cta .overline{color:#92eddf}.final-cta .text-arrow{font-size:17px}.cta-decoration{opacity:.45;pointer-events:none}
.footer-top{flex-wrap:wrap}.footer-top>p{font-size:17px;max-width:260px}.footer-top nav{font-size:16px;flex-wrap:wrap;gap:12px 25px}.footer-top nav a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom,.footer-bottom>span:nth-child(2),.footer-bottom button{font-size:14px;line-height:1.5}.footer-bottom button{padding:12px 0;min-height:44px}.footer-service{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:36px 0 0;margin-top:30px;border-top:1px solid #344a61}.footer-service h3{color:white;font-size:23px;margin:0 0 12px}.footer-service p{font-size:17px;max-width:500px}.footer-service a{font-size:16px;color:#a6f3e8;display:block;padding:10px 0;text-underline-offset:5px}.footer-service nav{display:block}
.preview-dialog,.purchase-dialog{position:fixed;inset:0;margin:auto;width:650px;max-width:calc(100vw - 32px);max-height:85svh;padding:40px 28px;border:1px solid var(--border);background:var(--surface);color:var(--reading);overflow:auto;overscroll-behavior:contain}
.preview-dialog{width:980px}.preview-dialog h2{font-size:28px;margin:14px 25px 28px 0}.preview-dialog p,.purchase-dialog p{font-size:17px}.preview-dialog img{max-height:none;width:auto;max-width:100%;margin:auto}.purchase-dialog .purchase-existing{font-size:16px}.purchase-help h3{font-size:19px}.purchase-help>div{font-size:17px}.purchase-dialog .purchase-total{font-size:23px}.dialog-close,#close-dialog{width:44px;height:44px;min-height:44px;font-size:30px;color:var(--reading);position:absolute;right:10px;top:8px;background:var(--surface);border-radius:6px;z-index:3}
.enlarged-example{max-width:430px;margin:auto;border:1px solid var(--border);border-radius:14px;overflow:hidden}.enlarged-example p{font-size:18px!important}.enlarged-example h4{font-size:36px}.enlarged-example .small-eyebrow,.enlarged-example .screen-footnote,.enlarged-example .screen-action,.enlarged-example .screen-links span,.enlarged-example .screen-bottom,.enlarged-example .dish b,.enlarged-example .dish small,.enlarged-example .product-facts>span,.enlarged-example .product-facts b,.enlarged-example .menu-chips{font-size:16px;line-height:1.5;opacity:1}.enlarged-example .portrait-placeholder{height:250px}.enlarged-example .menu-image{height:220px}
.story .scene-copy>p{font-size:18px}.story .micro,.story .step-label,.story .stage-heading,.story .contact-caption,.story .floating-label{font-size:14px;line-height:1.5}.story .chapters button,.story .play-story{font-size:14px;min-height:44px}.story .business-note p{font-size:17px}

@media(max-width:1280px){.header{flex-wrap:wrap;height:auto;gap:12px}.header .brand{margin-right:auto}.header .menu-toggle{display:inline-flex;order:3}.header .theme-toggle{order:2}.header .quiet{order:6;margin:0}.main-nav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;padding-top:12px;border-top:1px solid #395069}.main-nav.is-open{display:flex}.main-nav a{font-size:17px;padding:12px}.header .quiet{display:none}.header:has(.main-nav.is-open) .quiet{display:inline-flex}.use-panel{grid-template-columns:1fr}.use-copy{padding:40px}.use-stage{gap:60px}.team-composition{flex-wrap:wrap}.team-caption{width:100%;max-width:none;padding:0;margin:35px 0 0}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid article:nth-child(2){border-right:0}.plan-grid article:nth-child(-n+2){border-bottom:1px solid var(--border)}.guide-panel{grid-template-columns:1fr}.guide-image-viewport{height:420px}.guide-image-viewport img{width:100%;min-width:800px}.guide-image-viewport[data-view=templates] img{width:100%;min-width:800px}.guide-image-viewport[data-view=update] img{width:100%;min-width:800px}.guide-image-viewport[data-view=qr] img{min-width:0}.section-heading{display:block}.section-heading>p{max-width:720px;margin-top:24px}.intro-bottom{display:block}.intro .intro-cta{flex-direction:row;align-items:center;flex-wrap:wrap;margin-top:28px}.hospitality-copy{max-width:none}.dynamic-section{gap:45px}.product-system{flex-wrap:wrap}}
@media(max-width:800px){.section{padding:64px 6vw}.section h2{font-size:clamp(32px,6vw,46px)}.intro h1{font-size:clamp(38px,7vw,64px)}.intro{padding:48px 6vw 36px}.intro p,.section p,.section-heading>p{font-size:18px}.use-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-panel{padding:28px}.guide-image-viewport{height:350px}.guide-image-viewport img{width:680px;min-width:680px;top:-140px}.guide-image-viewport[data-view=templates] img{width:680px;min-width:680px;top:-150px}.guide-image-viewport[data-view=update] img{width:680px;min-width:680px;top:0}.dynamic-section,.roadmap,.faq{display:block}.campaign-demo{max-width:470px;margin:45px auto 0}.product-system{margin-top:40px;display:flex}.product-labels{flex-direction:column;margin-top:0}.faq-items{margin-top:35px}.mobile-comparison{display:block}.price-comparison .comparison-scroll{display:none}.comparison-floating{display:none!important}.template-ribbon{grid-template-columns:1fr}.template-preview{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:35px;padding:25px}.template-preview img{height:340px;max-height:none}.template-preview span{font-size:20px}.review-gallery{grid-template-columns:1fr}.review-gallery article{max-width:540px;width:100%;margin:auto}.review-art img{width:250px}.review-journey{grid-template-columns:1fr}.footer-service{grid-template-columns:1fr}.footer-top nav{margin:0;width:100%}.footer-top>p{max-width:none}.footer-bottom{flex-wrap:wrap}.intro .eyebrow{align-items:flex-start}.intro .dot{margin-top:8px}}
@media(max-width:600px){.header{padding:12px 5vw;min-height:70px;gap:8px}.header .brand img{width:100px}.header .theme-toggle,.header .menu-toggle{font-size:16px;padding:9px 10px;margin:0}.intro h1{font-size:40px;line-height:1.1}.intro p,.section p,.section-heading>p{font-size:17px}.intro .eyebrow{font-size:14px}.intro-kicker{font-size:14px;gap:10px 20px}.intro .intro-cta{gap:18px}.section h2{font-size:34px}.use-tabs button{padding:12px 10px;font-size:14px;gap:8px}.use-tabs span{font-size:16px}.use-copy{padding:28px 22px}.use-copy h3{font-size:32px}.use-copy .button{font-size:16px}.use-stage,.use-panel[data-theme=contact] .use-stage{display:flex;flex-direction:column;gap:24px;min-height:0;padding:30px 14px 60px}.physical-card{position:relative;inset:auto;transform:none;display:grid;grid-template-columns:1fr 90px;gap:8px 14px;width:100%;min-height:0;padding:18px;max-width:340px}.physical-logo{font-size:21px;margin:0}.physical-qr{grid-column:2;grid-row:1/4;margin:0;width:90px;align-self:center}.physical-card strong{margin:0}.physical-card .physical-bottom{grid-column:1/-1;margin:5px 0 0}.demo-phone,.use-panel[data-theme=contact] .demo-phone{width:100%;max-width:310px;transform:none;height:650px;min-width:0}.stage-label{font-size:14px;letter-spacing:0}.demo-screen p{font-size:16px}.restaurant-label{bottom:10px;left:10px;padding:12px}.restaurant-label>span{font-size:26px}.restaurant-label small{font-size:14px}.hospitality-photo,.hospitality-photo>img{aspect-ratio:1/1;object-position:50% 50%;height:auto}.hospitality-photo>img{height:100%}.hospitality-photo .photo-caption{font-size:14px;max-width:80%;top:10px;right:10px}.editorial-list button strong{font-size:18px}.editorial-list small{font-size:16px}.team-composition{display:flex;flex-direction:column;gap:24px}.team-card,.card-two{width:100%;max-width:310px;margin:0;padding:28px;transform:none;min-height:0}.team-card h3{font-size:34px}.team-card p,.team-card-bottom{font-size:16px}.team-caption{margin:15px 0 0}.team-caption p{font-size:17px}.team-caption small{font-size:14px}.guide-tabs button{font-size:16px;padding:15px 12px;min-height:85px}.guide-panel{padding:22px}.guide-copy h3{font-size:29px}.guide-copy p{font-size:17px}.guide-copy .guide-note{font-size:14px}.guide-image-viewport{height:310px}.guide-image-viewport img{width:650px;min-width:650px;top:-160px}.guide-image-viewport[data-view=templates] img{width:650px;min-width:650px;top:-165px;left:0}.guide-image-viewport[data-view=update] img{width:650px;min-width:650px;top:0}.guide-image-viewport[data-view=qr] img{width:200px;min-width:0}.guide-enlarge-label{font-size:16px}.template-preview{display:block;padding:28px}.template-preview img{height:auto;width:216px;max-width:100%}.template-preview span{font-size:18px;text-align:center}.template-ribbon p{font-size:17px}.campaign-demo{min-height:540px}.campaign-print{width:min(235px,90%);margin-left:8px}.campaign-target{width:min(280px,90%)}.campaign-target p{font-size:16px}.pricing-toolbar{display:flex;align-items:stretch;gap:22px}.pricing-toolbar>div{min-width:0}.segmented{display:flex;width:100%}.segmented button{flex:1;min-width:0;padding:12px 8px;font-size:16px}.segmented small{font-size:14px;display:block;margin:6px 0 0}.plan-grid{display:block}.plan-grid article{padding:28px 24px;border-right:0;border-bottom:1px solid var(--border)}.plan-grid .plan-audience{font-size:17px;min-height:0}.price-detail{min-height:0;margin-bottom:24px}.plan-grid ul{font-size:16px}.plan-grid .button{font-size:16px}.price-comparison>summary{font-size:18px;padding:22px 18px}.pricing-next p,.pricing-next a{font-size:17px}.product-pack{width:190px;height:350px}.product-labels span{font-size:16px}.faq summary{font-size:18px}.faq details p{font-size:17px}.final-cta h2{font-size:38px}.final-cta p{font-size:18px;max-width:none}.final-cta .text-arrow{font-size:16px}.footer-top>p{font-size:17px;max-width:none}.footer-top nav{font-size:16px;gap:8px 20px}.footer-bottom,.footer-bottom>span:nth-child(2),.footer-bottom button{font-size:14px}.preview-dialog,.purchase-dialog{padding:40px 20px 24px;max-width:calc(100vw - 24px);max-height:88svh}.preview-dialog h2{font-size:25px}.purchase-dialog h2{font-size:30px}.purchase-dialog p{font-size:17px}.purchase-dialog .purchase-existing{font-size:16px}.purchase-dialog .purchase-total{font-size:22px}.enlarged-example .portrait-placeholder{height:190px}.enlarged-example .menu-image{height:180px}.story .scene-copy>p{font-size:17px}.story .micro{font-size:14px}.story .window-foot,.story .business-strip{font-size:14px;line-height:1.5}}
@media(max-width:360px){.header .brand img{width:88px}.header .theme-toggle,.header .menu-toggle{padding:8px;font-size:15px}.header{gap:6px}.intro h1{font-size:36px}.use-tabs button{display:block}.use-tabs span{display:block}.mobile-feature-row{grid-template-columns:minmax(0,1fr) 60px;padding:16px;gap:12px}.section{padding-inline:20px}.guide-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-panel{animation:none}}

/* Show the complete product capture; the enlargement retains the source detail. */
.guide-image-viewport:not([data-view=qr]){height:auto}.guide-image-viewport:not([data-view=qr]) img{position:static;display:block;width:100%;min-width:0;max-width:100%;height:auto}
/* Narrow phones: wrap long application names and keep print artwork inside its panel. */
@media(max-width:360px){.use-tabs span{overflow-wrap:anywhere}.campaign-print{width:82%;margin-left:0;transform:none}.campaign-print small{overflow-wrap:anywhere}.campaign-demo{overflow:hidden}}