500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#171717;background:white;font-synthesis:none;--menu-accent:#1e2824;--menu-paper:#f3f1e9;--menu-ink:#20251f}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}header{position:fixed;z-index:40;top:0;left:4.5%;right:4.5%;height:90px;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference;color:white}.brand{font-weight:800;font-size:32px;letter-spacing:-3px}.brand sup{font-size:11px;letter-spacing:0;vertical-align:top;margin-left:5px}.header-note{font-size:11px;letter-spacing:2px}.contact{font-size:14px;border:1px solid #999;border-radius:30px;padding:12px 20px}.contact span{margin-left:28px}.story{height:820vh;position:relative}.stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#fff;isolation:isolate}.scene{position:absolute;inset:0;z-index:5;opacity:0;pointer-events:none;will-change:transform,opacity}.scene.active{pointer-events:auto}.scene.intro{opacity:1}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:600;display:block;line-height:1.5}.intro-top{text-align:center;position:absolute;top:20%;left:10%;right:10%}.intro h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,4vw,64px);letter-spacing:-2.7px;font-weight:500;margin-top:16px}.logo-word{position:absolute;left:13%;width:74%;top:44%;transform-origin:50% 0}.logo-word svg,.plate-origin svg{width:100%;height:auto;display:block}.intro-bottom{position:absolute;top:78%;left:0;width:100%;text-align:center;font-size:17px;line-height:1.5;color:#777}.intro-bottom em{font-family:Georgia,serif;color:#171717}.plate-origin{position:absolute;left:6.5%;top:calc(44% + 7.4vw);width:87%;z-index:6;transform-origin:center;pointer-events:none;will-change:transform,opacity}.copy{inset:auto;left:7%;top:27%;width:39%;max-width:620px}.scene h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5.7vw,88px);font-weight:500;line-height:1.04;letter-spacing:-4px;margin:25px 0}.scene h2 em{font-family:Georgia,serif;font-weight:400}.scene p{font-size:16px;line-height:1.65;max-width:370px;color:#717171}.aside-label{display:block;margin-top:28px;font-size:14px}.inline-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.inline-tags span{border:1px solid #bcbcb5;border-radius:24px;padding:9px 14px;font-size:12px}.model-area{position:absolute;z-index:10;left:46%;top:17%;width:51%;height:66%;opacity:0;pointer-events:none;will-change:left,top,width,height,opacity}model-viewer{width:100%;height:100%;--poster-color:transparent;outline:none;touch-action:pan-y}.model-area.interactive{pointer-events:auto}.loading{position:absolute;top:50%;left:25%;font-size:14px}.ar-button{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#171717;color:white;border:none;border-radius:30px;padding:12px 18px;white-space:nowrap}.model-controls{position:absolute;z-index:15;left:48%;top:85%;width:46%;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;pointer-events:none;font-size:12px}.model-controls.active{pointer-events:auto}.model-controls button{border:1px solid #ccc;border-radius:30px;background:#ffffffcf;padding:10px 14px;font-size:12px}.model-controls button[aria-pressed=true]{background:#171717;color:#fff}.model-controls>span{margin-right:10px}.menu-shell{position:absolute;z-index:3;top:16%;left:61%;width:25%;height:70%;background:var(--menu-paper);color:var(--menu-ink);border:1px solid #bbb9af;border-radius:26px;box-shadow:0 28px 65px #00000013;opacity:0;overflow:hidden;transform-origin:center;will-change:transform,left}.menu-top{display:flex;justify-content:space-between;align-items:center;padding:24px 25px;border-bottom:1px solid #0002;font-size:18px;letter-spacing:2px;line-height:1.1}.menu-top small{font-size:9px;letter-spacing:1.6px}.menu-language{font-size:10px;letter-spacing:0}.menu-title{padding:21px 25px;font-family:Manrope,Arial,sans-serif;font-size:clamp(22px,2vw,35px);letter-spacing:-1.3px;line-height:1.05}.menu-title em{font-family:Georgia,serif}.menu-bottom{position:absolute;bottom:0;width:100%;padding:22px 25px;background:var(--menu-paper)}.menu-kicker{font-size:9px;letter-spacing:1.5px}.menu-bottom h3{font-weight:500;font-size:20px;margin:8px 0;display:flex;justify-content:space-between}.menu-bottom h3>span{font-size:12px}.menu-bottom p{font-size:12px;line-height:1.4;max-width:250px;color:var(--menu-ink);opacity:.7}.menu-native{background:var(--menu-accent);color:white;border-radius:8px;margin-top:16px;padding:12px 14px;font-size:12px;display:flex;justify-content:space-between}.capture-copy{left:57%;top:20%;width:37%;inset-inline-end:auto;bottom:auto;color:#fff}.capture-copy p{color:#aaa;max-width:360px}.capture-copy h2{font-size:clamp(40px,5vw,77px)}.capture-ui{position:absolute;left:9%;top:22%;width:42%;height:59%;z-index:11;opacity:0;pointer-events:none}.capture-frame{position:absolute;inset:0}.corner{position:absolute;width:25px;height:25px;border-color:#fff8;border-style:solid}.tl{top:0;left:0;border-width:1px 0 0 1px}.tr{top:0;right:0;border-width:1px 1px 0 0}.bl{bottom:0;left:0;border-width:0 0 1px 1px}.br{bottom:0;right:0;border-width:0 1px 1px 0}.scan-line{position:absolute;left:0;right:0;top:50%;height:1px;background:#e5ffb9;box-shadow:0 0 30px 5px #e5ffb925}.capture-label,.capture-status{position:absolute;left:0;color:#fff9;font-size:10px;letter-spacing:1.3px;top:-30px}.capture-status{top:auto;bottom:-30px}.design-copy{left:53%;width:40%;top:22%}.design-copy h2{font-size:clamp(39px,5vw,77px)}.theme-picker{margin-top:25px;display:flex;align-items:center;gap:20px;font-size:13px}.theme-picker>div{display:flex;gap:10px}.swatch{width:30px;height:30px;border-radius:50%;border:3px solid white;outline:1px solid #ccc}.swatch.selected{outline:2px solid #171717;outline-offset:3px}.ink{background:#1e2824}.tomato{background:#a23824}.blue{background:#224ead}.launch-copy{left:7%;top:23%;right:auto;bottom:auto;width:65%}.launch-copy h2{font-size:clamp(60px,8vw,130px);letter-spacing:-6px}.launch-copy p{max-width:510px;color:#534535}.launch-cta{display:inline-flex;gap:40px;align-items:center;background:#171717;color:white;padding:17px 25px;border-radius:36px;font-size:15px;margin-top:25px}.launch-details{display:flex;gap:17px;margin-top:35px;font-size:11px;flex-wrap:wrap}.launch-details span{border-top:1px solid #0004;padding-top:12px}.replay{display:block;border:0;background:none;padding:0;font-size:12px;margin-top:28px;color:inherit}.chapter-ghost{position:absolute;left:0;top:9%;font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:22vw;letter-spacing:-1.4vw;line-height:.9;white-space:nowrap;color:currentColor;opacity:0;z-index:0;pointer-events:none;will-change:transform}.story-bottom{position:absolute;bottom:4%;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;z-index:20;font-size:11px;letter-spacing:1px}.next{background:none;border:none;color:inherit;font-size:13px;letter-spacing:0}.next span{font-size:22px;margin-left:20px}.page-count{font-variant-numeric:tabular-nums}.progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0001;z-index:30}.progress-track div{height:100%;background:currentColor;transform-origin:left;transform:scaleX(0)}.chapter-nav{position:fixed;z-index:40;right:2%;top:43%;display:flex;flex-direction:column;gap:14px;mix-blend-mode:difference}.chapter-nav a{display:block;width:8px;height:8px;border:1px solid white;border-radius:50%;position:relative}.chapter-nav a:before{content:'';position:absolute;inset:-6px}.chapter-nav a[aria-current=step]{background:white;transform:scale(1.35)}.anchor{position:absolute;pointer-events:none}.model-error{position:absolute;top:48%;left:52%;z-index:20;background:white;padding:20px}.model-error button{background:transparent;border:0;text-decoration:underline}footer{display:flex;align-items:center;justify-content:space-between;padding:32px 4.5%;font-size:12px;background:#171717;color:#aaa}footer strong{font-size:22px;color:#fff;letter-spacing:-1px}:focus-visible{outline:2px solid #cf5c22;outline-offset:6px}button:hover,a:hover{filter:brightness(.8)}
@media(max-width:700px){header{height:70px}.header-note{display:none}.contact{padding:10px 15px;font-size:12px}.stage{height:100svh;min-height:600px}.intro-top{top:22%}.intro h1{font-size:37px;letter-spacing:-2px}.logo-word{width:88%;left:6%;top:47%}.plate-origin{width:103%;left:-1.5%;top:calc(47% + 8.8vw)}.intro-bottom{top:70%;font-size:15px}.eyebrow{font-size:10px;letter-spacing:1px}.copy,.capture-copy,.design-copy,.launch-copy{left:7%;top:14%;width:86%;max-width:none}.scene h2{font-size:43px;letter-spacing:-2.5px;line-height:1.02;margin:14px 0}.scene p{font-size:14px;line-height:1.5;max-width:350px}.scene h2 br{display:none}.scene h2 br:after{content:' '}.scene h2 em{display:block}.guest-copy h2{max-width:340px}.inline-tags{margin-top:16px;gap:7px}.inline-tags span{font-size:10px;padding:6px 10px}.aside-label{display:none}.model-controls{left:0;top:84%;width:100%;font-size:10px;gap:7px}.model-controls button{font-size:11px;padding:8px 12px}.menu-shell{width:58%;left:21%;top:43%;height:44%;border-radius:16px}.menu-top{padding:12px 16px;font-size:12px}.menu-top small{font-size:7px}.menu-title{padding:12px 16px;font-size:21px}.menu-bottom{padding:12px 16px}.menu-bottom h3{font-size:16px;margin:5px 0}.menu-bottom p,.menu-kicker{display:none}.menu-native{margin-top:7px;padding:8px 10px;font-size:10px}.capture-copy h2{font-size:43px;max-width:350px}.capture-copy p{max-width:340px}.capture-ui{left:12%;top:48%;width:76%;height:34%}.capture-label,.capture-status{font-size:8px}.design-copy h2{font-size:39px}.theme-picker{margin-top:14px;font-size:12px}.swatch{width:24px;height:24px}.launch-copy{top:15%}.launch-copy h2{font-size:59px;letter-spacing:-3px}.launch-copy p{font-size:14px;max-width:340px}.launch-cta{font-size:13px;padding:13px 18px;margin-top:17px}.launch-details{max-width:330px;font-size:9px;gap:10px;margin-top:20px}.replay{margin-top:18px}.story-bottom{bottom:4%;font-size:9px}.next{font-size:11px}.next span{margin-left:8px}.chapter-nav{right:3%;gap:12px}.chapter-nav a{width:6px;height:6px}.chapter-ghost{top:38%;font-size:30vw}footer{flex-wrap:wrap;gap:24px}footer>*{width:43%}.ar-button{font-size:11px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.chapter-ghost,.scan-line{display:none}}

/* A continuous line drawing carries the logo into the tabletop. */
.table-outline{position:absolute;z-index:2;pointer-events:none;opacity:0;transform-origin:center;will-change:left,top,width,height,opacity}
.table-outline svg{display:block;width:100%;height:100%;overflow:visible}
.table-legs{transform-origin:50% 55%}

/* The brand crops share one scale, with a transparent cutout above the rim. */
.logo-word{width:74vw;left:13vw}
.plate-origin{width:86.42vw;left:7.04vw;top:calc(44% + 7.7477vw)}
.logo-word svg{overflow:visible}
.table-top,.table-legs path{stroke-linejoin:round;stroke-linecap:round;stroke-width:var(--line-weight,4px)}
.story{height:680vh}
.qr-stand{position:absolute;z-index:12;left:7%;top:33%;width:19%;max-width:330px;opacity:0;pointer-events:none;transform-origin:50% 100%;perspective:1000px}
.qr-stand.active{pointer-events:auto}
.stand-face{position:relative;padding:25px 22px 20px;background:var(--menu-paper);color:var(--menu-ink);border:1px solid #0004;border-radius:17px 17px 5px 5px;box-shadow:10px 14px 0 color-mix(in srgb,var(--menu-accent) 75%,black),20px 25px 35px #0002;text-align:center;transform:rotateY(-9deg) rotateZ(-7deg)}
.stand-brand{display:block;font-size:clamp(16px,1.8vw,26px);letter-spacing:3px}
.stand-sub{display:block;font-size:8px;letter-spacing:1px;margin:7px 0 16px}
.stand-face img{width:65%;display:block;margin:0 auto 13px;border-radius:4px}
.stand-face strong{display:block;font-family:Georgia,serif;font-size:clamp(19px,2vw,30px);font-weight:400;line-height:1.05}
.stand-face a{display:block;margin:16px 0 20px;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.stand-face>small{font-size:7px;letter-spacing:1.2px}
.stand-base{height:12px;width:110%;background:var(--menu-accent);border-radius:50%;transform:translate(-2%,15px) rotate(-7deg);box-shadow:0 15px 25px #0002}
.menu-list{display:none;padding:0 25px}
.menu-list>div{padding:18px 0;border-bottom:1px solid #0002;position:relative}
.menu-list span{font-size:10px;color:var(--menu-accent)}
.menu-list strong{display:block;font-family:Georgia,serif;font-size:21px;font-weight:400;margin:8px 0}
.menu-list small{font-size:10px;opacity:.65}
.stage.design-phase .menu-list{display:block}
.stage.design-phase .menu-bottom{display:none}
.stage.design-phase .menu-shell{height:70%}
.continuation{position:relative;background:#f6f6f2;z-index:25}
.section-wrap{padding:120px 7%}
.section-intro{margin-bottom:65px}
.section-intro h2,.closing h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5.7vw,86px);font-weight:500;letter-spacing:-4px;line-height:1.05;margin:23px 0}
.section-intro h2 em,.closing h2 em{font-family:Georgia,serif;font-weight:400}
.section-intro p{font-size:17px;color:#777;line-height:1.6;max-width:440px}
.restaurants{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.restaurant{min-width:0;border-top:1px solid #cacac5;padding-top:20px}
.restaurant>div{height:165px;display:flex;align-items:center;justify-content:center;padding:25px;background:#fff;border-radius:5px}
.restaurant img{width:100%;height:100%;object-fit:contain}
.restaurant>span{display:flex;flex-direction:column;gap:10px;font-size:16px;margin-top:20px}
.restaurant small{font-size:12px;color:#777}
.capabilities{background:#1b1d1c;color:white}
.capabilities .section-intro p{color:#aaa}
.feature-group{border-top:1px solid #ffffff35}
.feature-group:last-child{border-bottom:1px solid #ffffff35}
.feature-group summary{display:flex;gap:25px;align-items:center;cursor:pointer;list-style:none;padding:27px 0}
.feature-group summary::-webkit-details-marker{display:none}
.feature-group summary>span{font-size:12px;color:#aaa}
.feature-group h3{font-size:clamp(20px,2.5vw,35px);font-weight:400;letter-spacing:-1px;margin:0;flex:1}
.feature-group summary b{font-size:30px;font-weight:400}
.feature-group[open] summary b{transform:rotate(45deg)}
.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 60px;padding:10px 0 40px 42px}
.feature-cards h4{font-size:18px;font-weight:500;margin:0 0 12px}
.feature-cards p{font-size:15px;line-height:1.6;color:#aaa;max-width:470px}
.pricing{background:#f6f6f2}
.free-demo{border-top:1px solid #ccc;border-bottom:1px solid #ccc;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 0;margin-bottom:45px}
.free-demo strong{font-size:23px;font-family:Georgia,serif;font-weight:400}
.free-demo p{font-size:14px;line-height:1.6;color:#777}
.free-demo a{font-size:14px;border:1px solid #aaa;padding:13px 20px;border-radius:30px;white-space:nowrap}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price-card{border:1px solid #d5d5cd;padding:34px 30px;border-radius:12px;background:#fff}
.price-card.featured{background:#202b25;color:white;border-color:#202b25}
.plan-tag{font-size:10px;letter-spacing:1.5px;opacity:.6}
.price-card h3{font-size:28px;font-weight:400;letter-spacing:-1px;margin:24px 0}
.price{font-family:Manrope,Arial,sans-serif;font-size:55px;letter-spacing:-2.5px}
.price small{font-family:'DM Sans',Arial,sans-serif;font-size:13px;letter-spacing:0;margin-left:10px;opacity:.6}
.setup{font-size:13px;opacity:.65;margin-top:8px}
.price-card>a{display:block;text-align:center;border:1px solid #ccc;padding:13px;border-radius:30px;font-size:14px;margin:27px 0}
.featured>a{background:white;color:#202b25}
.price-card ul{padding:0;list-style:none;margin:0}
.price-card li{font-size:14px;line-height:1.5;padding:9px 0 9px 21px;position:relative}
.price-card li:before{content:'✓';position:absolute;left:0;opacity:.5}
.pricing-extras{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}
.pricing-extras article{border-top:1px solid #ccc;padding-top:24px}
.pricing-extras span{font-size:10px;letter-spacing:1.5px;color:#777}
.pricing-extras h3{font-size:27px;font-weight:400;margin:18px 0}
.pricing-extras strong{font-size:17px;font-weight:500}
.pricing-extras p{font-size:15px;line-height:1.6;color:#777;margin-top:14px;max-width:460px}
.pricing-extras h4{font-size:18px;font-weight:500;margin:25px 0 0}
.add-ons{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px;border-top:1px solid #ccc;padding-top:25px}
.add-ons h3{font-family:Georgia,serif;font-size:28px;font-weight:400}
.add-ons>span{font-size:14px;display:flex;flex-direction:column;gap:8px}
.add-ons b{font-weight:500;font-size:19px}
.add-ons small{font-size:12px;color:#777}
.faq{background:#eeeee8;display:grid;grid-template-columns:1fr 1fr;gap:55px}
.faq .section-intro h2{font-size:55px}
.faq-list details{border-bottom:1px solid #ccc}
.faq-list summary{padding:22px 0;cursor:pointer;font-size:16px}
.faq-list p{font-size:15px;line-height:1.6;color:#777;padding-bottom:25px}
.closing{background:#ecb262}
.closing h2{font-size:clamp(65px,9vw,135px)}
.reveal{opacity:1}
.js-reveals .reveal{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.js-reveals .reveal.visible{opacity:1;transform:none}
@media(max-width:700px){
.logo-word{width:84vw;left:8vw}.plate-origin{width:98.1vw;left:1.23vw;top:calc(47% + 8.795vw)}
.qr-stand{left:6%;top:53%;width:33%;max-width:none}.stand-face{padding:13px 10px 12px;border-radius:10px 10px 3px 3px;box-shadow:5px 6px 0 var(--menu-accent),10px 15px 25px #0002}.stand-brand{font-size:14px}.stand-sub{font-size:5px;margin:5px 0 9px}.stand-face strong{font-size:19px}.stand-face a{font-size:8px;margin:10px 0}.stand-face>small{font-size:5px}.stand-base{height:6px}
.stage.design-phase .menu-shell{height:44%;width:46%;top:43%}.menu-list{padding:0 15px}.menu-list>div{padding:8px 0}.menu-list strong{font-size:15px;margin:4px 0}.menu-list small{font-size:8px}.menu-list span{font-size:8px}
.section-wrap{padding:75px 7%}.section-intro{margin-bottom:35px}.section-intro h2,.faq .section-intro h2{font-size:42px;letter-spacing:-2px}.section-intro p{font-size:15px}.restaurants{grid-template-columns:1fr 1fr;gap:25px 15px}.restaurant>div{height:130px;padding:20px}.restaurant>span{font-size:14px}.restaurant small{font-size:11px}
.feature-group summary{gap:15px;padding:22px 0}.feature-group h3{font-size:21px;letter-spacing:-.5px}.feature-cards{grid-template-columns:1fr;padding-left:0;gap:25px}.feature-cards h4{font-size:17px}.feature-cards p{font-size:14px}.free-demo{align-items:flex-start;flex-direction:column;gap:18px}.plans{grid-template-columns:1fr}.price-card{padding:30px}.pricing-extras,.faq{grid-template-columns:1fr;gap:35px}.add-ons{grid-template-columns:1fr 1fr;gap:25px}.add-ons h3{grid-column:1/-1}.closing h2{font-size:68px}footer{gap:22px}
}
@media(prefers-reduced-motion:reduce){.js-reveals .reveal{transform:none;transition:none}}

/* One type family throughout, with dedicated desktop and mobile openings. */
:root{font-family:'DM Sans',Arial,sans-serif}
h1,h2,h3,h4,em,.scene h2,.scene h2 em,.section-intro h2,.section-intro h2 em,.closing h2,.closing h2 em,.menu-title,.menu-title em,.menu-list strong,.free-demo strong,.add-ons h3,.price,.intro h1{font-family:'DM Sans',Arial,sans-serif!important;font-style:normal}
header{mix-blend-mode:normal;color:#171717;pointer-events:none;height:88px;left:4.5%;right:4.5%}
header>a{pointer-events:auto}
.header-logo{position:absolute;width:175px;left:50%;top:24px;transform:translateX(-50%);background:white;border-radius:4px;line-height:0}
.header-logo svg{width:100%;height:auto}
header .contact{margin-left:auto;background:#fff;font-size:13px;padding:11px 17px}
.intro-top{left:7%;right:auto;top:34%;width:40%;text-align:left}
.intro h1{font-size:clamp(45px,5.5vw,83px);line-height:1.05;letter-spacing:-3.5px;font-weight:500;margin:0}
.logo-word{width:40vw;left:53vw;top:42%}
.plate-origin{width:46.71vw;left:49.78vw;top:calc(42% + 4.188vw)}
.customer-strip{margin-top:42px}
.customer-strip>span{display:block;font-size:10px;font-weight:600;letter-spacing:1.8px;color:#9b9b9b;margin-bottom:16px}
.customer-strip>div{display:flex;gap:20px;align-items:center;height:35px}
.customer-strip img{object-fit:contain;max-height:32px;width:70px;filter:grayscale(1);opacity:.48}
.customer-strip img:nth-child(2){width:55px}
.customer-strip img:nth-child(3){width:38px}
.customer-strip a{border:1px solid #ddd;border-radius:25px;padding:5px 11px;font-size:12px;color:#8d8d8d}
.chapter-caption,.page-count,.chapter-ghost,.eyebrow,.feature-group summary>span,.plan-tag{display:none!important}
.story-bottom{justify-content:center}
.scene h2{font-size:clamp(42px,5.2vw,79px);font-weight:500;letter-spacing:-3px;line-height:1.07;margin-top:0}
.section-intro h2{font-weight:500}
.real-example-link{display:inline-block;margin-top:25px;font-size:14px;border-bottom:1px solid #999;padding-bottom:7px}
.qr-stand{left:5%;top:30%;width:20%;height:53%;max-width:340px;border-radius:16px;perspective:none;overflow:hidden;background:#151515;box-shadow:0 20px 55px #0002}
.qr-stand iframe{width:100%;height:calc(100% - 32px);border:0;display:block}
.qr-stand>span{display:block;height:32px;text-align:center;background:#151515;color:#ccc;font-size:11px;padding-top:8px}
.real-menu{position:absolute;z-index:13;left:27%;top:17%;width:23vw;max-width:370px;height:72%;border:5px solid #222;border-radius:24px;background:#e8e4db;box-shadow:0 28px 65px #0002;overflow:hidden;opacity:0;pointer-events:none}
.real-menu.active{pointer-events:auto}
.real-menu iframe{border:0;display:block;width:390px;height:calc((100% - 37px)/var(--menu-preview-scale,1));transform:scale(var(--menu-preview-scale,1));transform-origin:top left}
.real-menu>a{position:absolute;bottom:0;left:0;right:0;background:white;padding:12px 5px;font-size:11px;text-align:center;border-top:1px solid #ddd}
.design-copy{top:29%}
@media(max-width:700px){
header{height:68px;left:6%;right:6%}.header-logo{width:135px;top:19px;opacity:0}
header .contact{font-size:11px;padding:8px 12px;position:absolute;right:0;top:18px}
.intro-top{top:65%;left:8%;width:84%;text-align:left}
.intro h1{font-size:36px;letter-spacing:-1.6px;line-height:1.08;max-width:320px}
.intro h1 br{display:none}
.customer-strip{margin-top:23px}.customer-strip>span{font-size:8px;letter-spacing:1.4px;margin-bottom:12px}
.customer-strip>div{gap:19px;height:28px}.customer-strip img{max-height:27px;width:65px}
.logo-word{width:80vw;left:10vw;top:46%;transform-origin:50% 0}
.plate-origin{width:93.42vw;left:3.56vw;top:calc(46% + 8.376vw)}
.scene.copy,.capture-copy,.design-copy{top:14%;left:7%;width:86%}
.scene h2{font-size:36px;letter-spacing:-1.7px;line-height:1.08;margin:0 0 16px}
.scene h2 br{display:inline}.scene p{font-size:14px;line-height:1.6;max-width:100%}
.qr-stand{left:5%;top:48%;width:38%;height:34%;border-radius:12px;max-width:none}
.qr-stand>span{font-size:8px;height:25px;padding-top:7px}
.qr-stand iframe{height:calc(100% - 25px)}
.real-menu{left:49%;top:41%;width:44vw;height:44%;border-width:3px;border-radius:15px}
.real-menu>a{font-size:9px;padding:10px 2px}
.design-copy h2{font-size:34px;max-width:340px}.design-copy p{font-size:13px;line-height:1.5}
.real-example-link{margin-top:12px;font-size:12px}
.section-intro h2,.faq .section-intro h2{font-size:39px;line-height:1.1}
.story-bottom{bottom:3%}
}
@media(max-width:380px){.intro h1{font-size:32px}.scene h2{font-size:32px}.design-copy h2{font-size:30px}.customer-strip>div{gap:14px}}
@media(max-height:720px) and (max-width:700px){.intro-top{top:64%}.intro h1{font-size:30px}.customer-strip{margin-top:17px}.scene h2{font-size:31px;margin-bottom:10px}.design-copy p{font-size:12px}.real-example-link{margin-top:8px}.scene.copy,.capture-copy,.design-copy{top:13%}}
.logo-word svg{overflow:hidden}
@media(max-width:700px){.logo-word{top:33%}.plate-origin{top:calc(33% + 8.376vw)}.intro-top{top:55%}.chapter-nav{right:2%}}

/* Local reference imagery replaces both network-dependent embeds. */
.qr-stand{background:#ecece7;box-shadow:0 20px 55px #0002}
.stand-photo{display:block;width:100%;height:calc(100% - 32px);object-fit:cover;object-position:50% 78%;filter:grayscale(1)}
.phone-status{height:26px;background:#20331f;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px}
.phone-screen{position:absolute;top:26px;bottom:37px;left:0;right:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:#fff}
.phone-screen img{display:block;width:100%;height:auto;margin-top:-13.6%;min-height:100%;object-fit:cover;object-position:top}
.final-guest .guest-copy{left:53%;width:40%;top:27%}
@media(max-width:700px){
.stand-photo{height:calc(100% - 25px);object-position:50% 82%}
.final-guest .guest-copy{left:7%;width:86%;top:14%}
.phone-status{height:20px;font-size:8px;padding:0 9px}
.phone-screen{top:20px;bottom:32px}
}

.languages{display:flex;gap:7px;pointer-events:auto;position:absolute;left:0;top:26px}
.languages a{display:block;border:1px solid #ddd;border-radius:20px;background:white;color:#555;padding:7px 10px;font-size:11px}
.languages a[aria-current=page]{background:#171717;color:#fff;border-color:#171717}
.qr-stand.design-art{left:4%;top:20%;width:47%;height:66%;max-width:none;border:0;border-radius:0;background:white;box-shadow:none;overflow:visible}
.design-art img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}
.guest-video{position:absolute;left:12%;top:13%;width:30%;height:76%;z-index:16;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px}
.guest-video.active{pointer-events:auto}
.guest-video video{display:block;width:100%;height:calc(100% - 45px);object-fit:contain;background:#141414;border-radius:20px}
.guest-video button{background:#fff;border:1px solid #ccc;border-radius:25px;font-size:12px;padding:10px 16px}
.price{font-size:clamp(30px,3.1vw,49px);letter-spacing:-1.8px}
.price small{display:block;margin:6px 0;font-size:13px}
.vat,.setup-description{font-size:12px;line-height:1.5;opacity:.65}
.setup-description{margin:12px 0 20px}
.price-card{display:flex;flex-direction:column}
.price-card>a{margin-top:auto}
.price-card ul{margin-bottom:22px}
.pricing-note{font-size:13px;line-height:1.7;color:#777;margin-top:35px}
.document-page{background:#f6f6f2}
.document-page header{position:relative;height:95px;display:flex;align-items:center;justify-content:space-between;left:auto;right:auto;padding:0 7%;pointer-events:auto}
.document-page header .languages{position:static}
.document{max-width:1050px;margin:50px auto 100px;padding:0 35px;min-height:60vh}
.document h1{font-size:clamp(36px,5vw,65px);font-weight:500;line-height:1.08;letter-spacing:-2px;margin-bottom:35px}
.document h2{font-size:26px;font-weight:500;letter-spacing:-.6px;margin:35px 0 15px}
.document p{font-size:17px;line-height:1.8;color:#666;margin:16px 0}
.document .lead{font-size:21px;max-width:800px}
.legal-draft{padding:20px;border:1px solid #bbb;background:#fff}
.contact-details{margin-top:40px;line-height:1.8}
.contact-details dt{font-size:12px;color:#888;margin-top:20px}
.contact-details dd{margin:0;font-size:19px}
.journal-grid{display:grid;gap:25px;margin-top:45px}
.journal-card{display:block;border-top:1px solid #ccc;padding:10px 0 25px}
.journal-card h2{margin:20px 0 10px}
footer{flex-wrap:wrap;gap:20px}
@media(max-width:700px){
.languages{top:19px;gap:4px}.languages a{font-size:10px;padding:6px 7px}
header .contact{max-width:145px}
.qr-stand.design-art{left:3%;top:43%;width:94%;height:43%}
.guest-video{left:25%;top:42%;width:50%;height:43%;gap:7px}
.guest-video video{height:calc(100% - 35px);border-radius:13px}
.guest-video button{font-size:10px;padding:7px 9px}
.scene h2{font-size:clamp(27px,8vw,36px)}
.scene.copy,.capture-copy,.design-copy,.final-guest .guest-copy{top:13%}
.scene p{font-size:13px;line-height:1.5}
.document{padding:0 24px;margin-top:25px}.document h1{font-size:36px}.document p{font-size:15px}.document .lead{font-size:18px}
.price{font-size:44px}
}
/* Minimal independent objects: the stage remains visible around each silhouette. */
.qr-stand.line-stand{left:4%;top:32%;width:21%;height:49%;max-width:none;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;will-change:transform,opacity}
.line-stand svg{width:100%;height:100%;display:block;overflow:visible}
.real-menu.line-phone{left:27%;top:15%;width:23%;max-width:330px;height:72%;max-height:660px;border:2px solid #292d2a;border-radius:35px;padding:7px;background:#fafbf8;box-shadow:0 12px 22px #18221b0b;overflow:hidden;container-type:inline-size;will-change:transform,opacity;color:#29372b}
.mock-status{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;color:#242824;position:relative}.mock-status i{width:29%;height:13px;background:#242824;border-radius:12px;position:absolute;left:35.5%;top:4px}
.mock-masthead{background:#253727;color:#edece0;text-align:center;padding:23px 0 20px}.mock-masthead strong{display:block;font-weight:300;font-size:10cqw;letter-spacing:1.3cqw}.mock-masthead small{font-size:2.4cqw;opacity:.6;display:block;margin-top:9px}
.mock-tools{display:flex;justify-content:space-between;background:#253727;color:#d9ddcc;font-size:2.7cqw;padding:12px 15px;border-top:1px solid #ffffff18}
.mock-tabs{background:#304431;padding:5px;display:flex;text-align:center;align-items:center;font-size:3.4cqw}.mock-tabs>*{width:50%;font-weight:400}.mock-tabs b{background:#c6b178;border-radius:25px;padding:9px}.mock-tabs span{color:#e0e2d6}
.mock-categories{display:flex;justify-content:space-around;font-size:2.7cqw;padding:14px 4px;border-bottom:1px solid #d2d8cf}.mock-categories b{font-weight:500}
.mock-content{padding:0 6%}.mock-content h3{text-align:center;font-weight:400;font-size:7cqw;letter-spacing:.3cqw;margin:23px 0}
.mock-offer{background:#edf0e8;border:1px solid #c6b178;padding:13px 10px}.mock-offer small{font-size:2.3cqw;letter-spacing:.3cqw;display:block;margin-bottom:8px}.mock-offer strong{font-size:4cqw;font-weight:400;display:block}.mock-offer p,.mock-dish p{font-size:2.8cqw;line-height:1.6;margin:6px 0;color:#81907f}.mock-offer>span,.mock-dish>span{font-size:3cqw;display:block;text-align:right;margin-top:10px}.mock-dish{padding:18px 0 12px;border-bottom:1px solid #dce1d8}.mock-dish strong{font-size:3.8cqw;font-weight:400}.mock-dish b{display:inline-block;font-size:2.5cqw;border:1px solid #344b36;border-radius:15px;padding:4px 6px;margin-left:5px;font-weight:500}.mock-home{position:absolute;bottom:5px;left:35%;height:3px;width:30%;background:#29332a;border-radius:5px}
.closing{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.closing h2{font-size:clamp(28px,5.7vw,90px);letter-spacing:-.045em;white-space:nowrap;width:100%;margin-bottom:30px}.closing .launch-cta{display:inline-flex;align-items:center;justify-content:center;min-width:260px;padding:23px 38px;font-size:20px;border-radius:40px}.closing .replay{display:block;margin-top:27px}
footer .footer-logo{display:block;width:200px;flex:0 0 200px;mix-blend-mode:screen;filter:invert(1)}.footer-logo svg{display:block;width:100%;height:auto}footer{align-items:center}.faq-document .faq-list{margin-top:50px}.faq-document details{padding:24px 0;border-bottom:1px solid #ccc}.faq-document summary{cursor:pointer;font-size:21px}
@media(max-width:700px){.qr-stand.line-stand{left:4%;top:48%;width:40%;height:33%}.real-menu.line-phone{left:48%;top:39%;width:46%;height:48%;max-height:510px;border-radius:23px;padding:4px}.mock-status{height:21px;font-size:7px;padding:0 8px}.mock-status i{height:10px}.mock-masthead{padding:15px 0 12px}.mock-masthead small{margin-top:5px}.mock-tools{padding:7px 10px}.mock-tabs b{padding:6px}.mock-categories{padding:9px 3px}.mock-content h3{margin:15px 0}.mock-offer{padding:9px 7px}.mock-dish{padding:11px 0 8px}.mock-offer>span,.mock-dish>span{margin-top:6px}.closing h2{font-size:5.8vw;letter-spacing:-.04em}.closing .launch-cta{font-size:18px;min-width:230px;padding:21px 30px}footer .footer-logo{flex-basis:180px;width:180px}.faq-document summary{font-size:18px}}
@media(max-height:700px){.mock-masthead{padding-top:12px;padding-bottom:12px}.mock-content h3{margin:13px 0}.mock-dish{padding-top:10px}}
/* White line-art place setting and a lighter, paired menu composition. */
.table-top,.table-legs{fill:#fff}.table-setting{opacity:0}.table-setting path{vector-effect:non-scaling-stroke}
.model-controls{top:81%}
.qr-stand.line-stand{left:7%;top:35%;width:20%;height:43%;transform-origin:50% 90%}
.real-menu.line-phone{left:28%;top:20%;width:21%;height:65%;max-width:300px;border:1.5px solid #202020;border-radius:32px;background:white;box-shadow:none;transform-origin:50% 90%;color:#222}
.mock-masthead{background:white;color:#222;padding:20px 0 14px;border-bottom:1px solid #222}.mock-masthead strong{font-size:9cqw;letter-spacing:1.1cqw}.mock-masthead small{opacity:.5}.mock-tools{background:white;color:#555;border:0;padding:9px 14px}.mock-tabs{background:white;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px}.mock-tabs b{background:#222;color:white}.mock-tabs span{color:#777}.mock-categories{border-color:#ddd;color:#777}.mock-categories b{color:#222}.mock-offer{background:white;border:1px solid #aaa;border-radius:9px}.mock-offer small{color:#666}.mock-offer p,.mock-dish p{color:#888}.mock-dish{border-color:#ddd}.mock-dish b{border-color:#555}.mock-home{background:#222}.mock-dish:nth-of-type(3){display:none}.mock-content h3{font-size:6cqw}.mock-status i{height:8px;top:7px;width:22%;left:39%}
@media(max-width:700px){.qr-stand.line-stand{left:6%;top:49%;width:39%;height:31%}.real-menu.line-phone{left:49%;top:40%;width:43%;height:44%;border-radius:23px}.mock-masthead{padding:12px 0}.model-controls{top:81%;left:7%;width:86%}}
@media(prefers-reduced-motion:reduce){.qr-stand.line-stand,.real-menu.line-phone{rotate:0deg}}
/* A little warmth, a stronger outline, and clearer restaurant-menu hierarchy. */
.real-menu.line-phone{border-width:3px;padding:6px;background:#fffefb}.mock-masthead{background:#edf0e6;color:#273326;border-bottom:2px solid #263024}.mock-masthead strong{font-weight:500}.mock-tabs b{background:#324332;color:#fff}.mock-tabs{border-bottom:1.5px solid #aaa}.mock-categories{font-size:2.5cqw}.mock-offer{border:1.5px solid #b49a67;background:#f6f2e8}.mock-offer small{color:#947d4f;font-weight:600}.mock-offer strong{font-weight:500}.mock-content h3{margin:16px 0;font-weight:500}.mock-divider{text-transform:uppercase;letter-spacing:.25cqw;font-size:2.4cqw;color:#888;margin:18px 0 0;display:flex;align-items:center;gap:7px}.mock-divider:after{content:'';height:1px;background:#d7d7cf;flex:1}.mock-dish{padding:12px 0;position:relative}.mock-dish strong{font-weight:500;display:block;font-size:3.8cqw;max-width:75%}.mock-dish b{margin:7px 0 0;border-width:1.5px;color:#30442d;background:#f2f5ee}.mock-dish p{font-size:2.6cqw;line-height:1.45;max-width:90%}.mock-dish>span{position:absolute;right:0;top:4px;font-size:2.7cqw}.mock-diet{font-size:2.3cqw;color:#65805c;display:block;margin-top:5px}.mock-dish:nth-of-type(3){display:block}.mock-content{max-height:calc(100% - 190px);overflow:hidden}.wood-stand>path:first-child{stroke:#222;stroke-width:3}.wood-stand>text{font-weight:500}
.guest-video{left:12%;top:10%;width:30%;height:80%;gap:12px;justify-content:center}
.guest-device{height:calc(100% - 48px);width:auto;max-width:100%;aspect-ratio:9/19.5;flex:none;border:3px solid #202420;border-radius:38px;background:#fff;padding:8px;display:flex;flex-direction:column;box-shadow:0 14px 35px #1720180d;overflow:hidden}
.guest-device-top{height:25px;flex:none;display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 12px;font-size:9px;color:#222}.guest-device-top i{position:absolute;left:36%;width:28%;height:9px;border-radius:15px;background:#222}.guest-display{flex:1;min-height:0;width:100%;background:#111;border-radius:7px;overflow:hidden;display:flex;align-items:center}.guest-video .guest-display video{width:100%;height:100%;object-fit:contain;border-radius:0;background:#111}.guest-device-bottom{height:16px;position:relative;flex:none}.guest-device-bottom:after{content:'';position:absolute;width:35%;height:3px;left:32.5%;bottom:1px;background:#222;border-radius:5px}.guest-video button{flex:none;max-width:100%}
@media(max-width:700px){.real-menu.line-phone{border-width:2.5px;padding:4px}.mock-content{max-height:calc(100% - 122px)}.mock-content h3{margin:11px 0}.mock-divider{margin-top:10px;font-size:2.3cqw}.mock-dish{padding:8px 0}.mock-dish b{margin-top:4px}.guest-video{left:20%;top:39%;width:60%;height:49%;gap:8px}.guest-device{height:calc(100% - 35px);border-radius:23px;border-width:2.5px;padding:4px}.guest-device-top{height:18px;font-size:6px;padding:0 7px}.guest-device-top i{height:6px}.guest-device-bottom{height:10px}.guest-device-bottom:after{height:2px}.guest-video button{font-size:10px;padding:7px 10px}}

/* Contact form (visualbite.ch) */
.contact-form{margin-top:40px;max-width:640px}
.contact-form .form-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.contact-form label{flex:1 1 220px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#666}
.contact-form label b{color:#cf5c22;font-weight:400}
.contact-form input{font:inherit;font-size:16px;color:#171717;padding:13px 16px;border:1px solid #ccc;border-radius:12px;background:#fff;width:100%}
.contact-form input:focus-visible{outline:2px solid #cf5c22;outline-offset:2px}
.contact-form .form-submit{border:none;margin-top:6px}
.contact-form .form-submit:disabled{opacity:.6;cursor:default}
.form-status{margin-top:16px;font-size:14px;min-height:1.4em;color:#666}
form[data-state=error] .form-status{color:#a23824}
form[data-state=success] .form-status{color:#1e2824;font-weight:600}
form[data-state=success] input{opacity:.5}
.form-alt{margin-top:18px;font-size:14px;color:#888}
@media(max-width:700px){.contact-form .form-row{gap:12px}}

/* Cookie consent banner */
.cookie-banner{position:fixed;z-index:60;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;background:#171717;color:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 20px 45px #00000030;font-size:13px;line-height:1.6}
.cookie-banner[hidden]{display:none}
.cookie-settings-link{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cookie-preferences{width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #ccc;border-radius:20px;padding:28px;color:#171717;background:#fff;font:inherit;box-sizing:border-box}
.cookie-preferences::backdrop{background:#0008}
.cookie-preferences h2{font-size:24px;line-height:1.2;margin:0 0 18px}
.cookie-preferences p{font-size:15px;line-height:1.6}
.cookie-preferences a{color:inherit;text-decoration:underline}
.cookie-preferences .cookie-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.cookie-preferences .cookie-btn{background:#171717;color:white;min-height:44px}
.cookie-settings-link:focus-visible,.cookie-preferences :focus-visible{outline:3px solid #cf5c22;outline-offset:4px}
.legal-document{max-width:850px}.legal-document h1{font-size:clamp(36px,6vw,66px)}.legal-document h2{font-size:25px;margin-top:38px}.legal-document p{line-height:1.75}.legal-updated{font-size:14px;color:#646464}.form-privacy{font-size:14px;line-height:1.6}.form-privacy a{text-decoration:underline}.footer-company{font-size:12px}
.cookie-banner p{margin:0 0 14px;color:#ddd}
.cookie-banner a{text-decoration:underline;color:#fff}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-btn{border:none;border-radius:24px;padding:10px 18px;font-size:13px}
.cookie-btn-accept{background:#cf5c22;color:#fff}
.cookie-btn-necessary{background:transparent;color:#fff;border:1px solid #555}
@media(max-width:700px){.cookie-banner{left:10px;right:10px;bottom:10px;padding:16px 18px}}
/* Mobile geometry uses the same stable height as the scroll timeline. */
.story{height:calc(var(--story-height,100svh)*6.8)}
.stage{height:var(--story-height,100svh)}
@media(max-width:700px){
 body{overflow-x:clip}
 header{height:64px;left:5%;right:5%}
 .intro h1 br{display:block}
 .scene h2 br{display:block}
 .intro-top{left:7%;right:7%;width:86%;top:54%}
 .intro h1{font-size:clamp(28px,8.3vw,36px);line-height:1.12;letter-spacing:-1.4px}
 .customer-strip>div{gap:16px}.customer-strip img{width:61px}
 .scene.copy,.capture-copy,.design-copy,.final-guest .guest-copy{left:7%;top:12%;width:86%}
 .scene h2,.design-copy h2{font-size:clamp(26px,7.6vw,34px);line-height:1.1;letter-spacing:-1.3px;margin:0 0 14px}
 .scene p{font-size:13px;line-height:1.55;max-width:100%}
 .chapter-nav{top:auto;bottom:14px;right:auto;left:50%;transform:translateX(-50%);flex-direction:row;gap:0;z-index:25}
 .chapter-nav a{width:22px;height:22px;border:0!important;background:transparent!important;display:grid;place-items:center;position:relative}
 .chapter-nav a:after{content:'';width:5px;height:5px;border:1px solid currentColor;border-radius:50%}
 .chapter-nav a[aria-current=step]:after{background:currentColor}
 .story-bottom{bottom:52px}
 .qr-stand.line-stand{left:5%;top:49%;width:40%;height:30%}
 .real-menu.line-phone{left:49%;top:39%;width:43%;height:43%;max-height:none}
 .guest-video{top:36%;left:19%;width:62%;height:48%;max-height:none}
 .guest-device{min-width:0;max-width:100%;height:calc(100% - 35px)}
 .model-controls{top:80%;font-size:10px;gap:6px;flex-wrap:wrap}
 .model-controls>span{margin:0}.model-controls button{font-size:10px;padding:9px 11px}
 .capture-ui{top:43%;height:32%}
 model-viewer,.model-area{touch-action:pan-y pinch-zoom}
 .section-wrap{padding-left:7%;padding-right:7%}
 .section-intro h2{font-size:clamp(30px,9vw,39px);letter-spacing:-1.5px}
 .price-card,.pricing-extras>*{min-width:0}
 .price-card h3,.pricing-extras strong{overflow-wrap:anywhere}
 .closing h2{white-space:normal;font-size:clamp(24px,5.8vw,32px)}
 footer{gap:20px}footer a{overflow-wrap:anywhere}
}
@media(max-width:700px) and (max-height:700px){
 .scene h2,.design-copy h2{font-size:26px;margin-bottom:9px}
 .scene p{font-size:12px;line-height:1.45}
 .guest-video{top:38%;height:45%}
 .customer-strip{margin-top:15px}
 .story-bottom{bottom:44px}.chapter-nav{bottom:7px}
}
@media(max-width:700px){.guest-video{top:30%;height:57%;left:16%;width:68%}}
@media(max-width:700px) and (max-height:700px){.guest-video{top:29%;height:56%}}
/* Mobile-only composition, compact story and comparison controls. */
.story{height:calc(var(--story-height,100svh)*var(--story-length,6.8))}
.mobile-plan-tabs{display:none}
@media(max-width:700px){
 .intro-top{top:16%;left:7%;right:7%;width:86%;text-align:left}
 .intro h1{font-size:clamp(29px,8.5vw,36px);margin-top:0;max-width:none}
 .customer-strip{margin-top:22px}.customer-strip>span{margin-bottom:12px}
 .logo-word{top:54%;width:80vw;left:10vw}.plate-origin{top:calc(54% + 8.376vw)}
 .model-controls{top:78%;left:5%;width:90%;gap:8px;font-size:11px;flex-wrap:wrap;align-items:center}
 .model-controls button{min-height:38px;padding:9px 13px}.model-controls>span{width:100%;text-align:center;margin-bottom:1px}
 .ar-button{bottom:-38px;padding:8px 14px;font-size:11px;white-space:nowrap}
 .capture-copy{left:7%!important;top:12%!important;width:86%!important;max-width:none}
 .capture-copy h2{font-size:clamp(25px,7.2vw,32px);max-width:none}
 .capture-ui{left:10%;top:38%;width:80%;height:36%}
 .capture-label,.capture-status{font-size:8px;letter-spacing:1px;max-width:48%}
 .guest-video{top:33%;height:53%;left:14%;width:72%}
 .guest-video button{min-height:36px;padding:9px 15px;font-size:11px;border:1px solid #888}
 .guest-video.needs-play button{background:#222;color:#fff}
 .restaurants{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -8%;padding:8px 8% 18px;overscroll-behavior-x:contain}
 .restaurants::-webkit-scrollbar{display:none}.restaurant{flex:0 0 78%;min-width:0;scroll-snap-align:center;border:1px solid #deded7;border-radius:18px;background:#fff;padding:16px}
 .restaurant>div{height:140px;padding:15px}.restaurant>span{padding:12px 0 0;font-size:15px}
 .mobile-plan-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#e8eae3;padding:5px;border-radius:17px;margin:0 0 16px}
 .mobile-plan-tabs button{border:0;background:transparent;border-radius:13px;padding:12px 3px;color:#51574f;min-width:0;cursor:pointer}
 .mobile-plan-tabs strong,.mobile-plan-tabs span{display:block}.mobile-plan-tabs strong{font-size:12px;font-weight:600}.mobile-plan-tabs span{font-size:11px;margin-top:5px}
 .mobile-plan-tabs [aria-selected=true]{background:#25362b;color:white;box-shadow:0 3px 8px #0001}
 .plans{display:block}.plans .price-card[hidden]{display:none!important}.price-card{padding:23px;border-radius:20px}.price-card h3{margin:0 0 13px;font-size:25px}.price{font-size:39px;letter-spacing:-1.5px}.price small{display:inline;font-size:11px;margin-left:7px;letter-spacing:0}
 .price-card .vat{margin-top:8px;font-size:11px}.price-card .setup{margin-top:12px;font-size:13px}.setup-description{font-size:11px;margin:5px 0 14px}.price-card ul{margin-bottom:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 13px}.price-card li{font-size:11px;line-height:1.45;padding:0 0 0 14px}.price-card li:first-child{grid-column:1/-1}.price-card>a{margin-bottom:0;font-size:13px;padding:12px}
 .pricing .section-intro{margin-bottom:22px}.pricing .free-demo{gap:8px;padding:20px;margin-bottom:22px}.free-demo p{font-size:13px;line-height:1.5}
 .pricing-extras{gap:16px;margin-top:20px}.pricing-extras>article{padding:22px}.pricing-note{font-size:11px;line-height:1.6}
}
@media(max-width:700px) and (max-height:700px){.intro-top{top:15%}.intro h1{font-size:29px}.customer-strip{margin-top:18px}.capture-copy p{font-size:12px}.model-controls{top:76%;gap:4px}.model-controls>span{display:none}.guest-video{top:32%;height:53%}}
.story-panel{position:absolute;inset:0;width:100%;height:100%;will-change:transform;overflow:hidden;pointer-events:auto;z-index:8}.story-panel-1{z-index:7}.story-panel-2{color:#fff}.story-panel-3,.story-panel-4{color:#171717}.story-panel-2 p{color:#bdc2bb}.capture-model{position:absolute;left:8%;top:23%;width:44%;height:59%;pointer-events:none;z-index:9}.story-panel .capture-ui{z-index:12}.story-bottom,.progress-track{z-index:30}.scene.intro,.plate-origin{z-index:9}.story-panel-1:has(.model-area.interactive){pointer-events:auto}
.scan-line.scanning{animation:capture-sweep 2.6s ease-in-out infinite;top:8%;height:2px;background:#cad6aa;box-shadow:0 0 12px #d7e4a855}@keyframes capture-sweep{0%,100%{top:8%}50%{top:92%}}
.mock-masthead{padding:19px 0 15px;background:#e9eee2}.mock-masthead strong{font-size:10cqw;letter-spacing:.2cqw;font-weight:400}.mock-masthead small{letter-spacing:.3cqw;color:#58614c}.mock-tools{padding:10px 12px;color:#59614f}.mock-content h3{font-size:6.5cqw;letter-spacing:0}.mock-offer{padding:12px;border-radius:3px;background:#f7f4ea}.mock-offer small{font-size:2.5cqw;letter-spacing:.2cqw}.mock-offer strong{font-size:4.4cqw}.mock-dish strong{font-size:4cqw}.mock-dish p{font-size:2.8cqw}.real-menu.line-phone{box-shadow:0 12px 22px #20291c0a}
.free-demo{display:grid;grid-template-columns:1fr auto;gap:8px 28px;align-items:center}.free-demo>strong{grid-column:1}.free-demo>p{grid-column:1;grid-row:2}.free-demo>a{grid-column:2;grid-row:1/3;white-space:nowrap;margin:0}
@media(min-width:701px){.price-card{padding:24px 22px}.price-card h3{font-size:24px;margin:10px 0 17px}.price{font-size:36px}.price-card li{font-size:12px;padding-top:6px;padding-bottom:6px}.price-card ul{margin-bottom:16px}.setup-description{font-size:11px;margin-bottom:14px}.price-card>a{font-size:12px;padding:11px}.pricing .section-intro{margin-bottom:25px}.pricing .section-intro h2{font-size:55px}.pricing .free-demo{padding:22px;margin-bottom:24px}}
@media(max-width:700px){
 .intro-top{text-align:center;left:6%;right:6%;width:88%;top:14%}.intro h1{font-size:clamp(32px,9vw,39px)}.customer-strip>div{justify-content:center;gap:19px;height:40px}.customer-strip img{width:74px;max-height:36px}.customer-strip>span{font-size:10px;letter-spacing:1.3px}.customer-strip{margin-top:23px}
 .scene h2,.design-copy h2,.capture-copy h2{font-size:clamp(29px,8vw,35px)}.scene p{font-size:15px;line-height:1.5}.scene.copy,.capture-copy,.design-copy,.final-guest .guest-copy{top:12%;left:6%;width:88%}
 .capture-model{left:12%;top:42%;width:76%;height:33%}.capture-ui{top:40%;height:36%}.capture-label,.capture-status{font-size:9px}
 .model-controls>span{display:block;font-size:12px;width:100%;text-align:center}.model-controls>span:before{content:'↔';display:inline-block;margin-right:7px;font-size:18px;animation:rotation-hint 1.8s ease-in-out 3}.model-controls button{font-size:12px}
 .story-panel-4 .guest-copy{top:10%;}.story-panel-4 .guest-copy h2{font-size:30px;margin-bottom:10px}.story-panel-4 .guest-copy p{font-size:13px;line-height:1.45}.story-panel-4 .guest-video{top:27%;height:62%;left:9%;width:82%}.guest-device{aspect-ratio:9/17.5}.guest-video button{padding:8px 14px;font-size:12px}
 .free-demo{grid-template-columns:minmax(0,1fr) auto!important;gap:8px 12px!important}.free-demo>p{font-size:12px!important}.free-demo>a{padding:10px 12px;font-size:12px}.free-demo>strong{font-size:20px}.pricing .free-demo{padding:17px 0}
 .section-intro p{font-size:16px}.price-card li{font-size:12px}.price-card .setup-description,.price-card .vat{font-size:12px}.mobile-plan-tabs strong{font-size:12px}.mobile-plan-tabs span{font-size:12px}
 header .contact{font-size:11px;padding:10px 14px;max-width:170px}.qr-stand.line-stand{top:51%;height:29%}.real-menu.line-phone{top:40%;height:43%}
}
@keyframes rotation-hint{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.scan-line.scanning,.model-controls>span:before{animation:none}}
/* Fixed viewport; complete pages move left only after the capture chapter. */
.story-panel-1{color:inherit}.story-panel-2,.story-panel-3{color:#171717}.story-panel-1 .capture-copy{color:white}.story-panel-1 .capture-copy p{color:#bdc2bb}.story-panel-1 .capture-ui{z-index:25;pointer-events:none}.capture-frame{position:relative;width:100%;height:100%}.capture-frame .scan-line{position:absolute!important;left:0!important;right:0!important;width:100%!important;height:3px!important;z-index:30!important;opacity:1!important;background:#c4dc98!important;box-shadow:0 0 14px #c4dc9888;animation:none!important;pointer-events:none}
.story-panel-3 .guest-copy{color:#171717}.story-panel-3 .guest-copy p{color:#717171}
@media(min-width:701px){.model-controls{top:12%;left:50%;width:43%;flex-wrap:wrap}.model-controls>span{width:100%;text-align:center;font-size:14px;margin:0 0 5px}}
@media(max-width:700px){.dish-copy{text-align:center}.dish-copy p{margin-left:auto;margin-right:auto}.model-controls button{display:none!important}.model-controls>span{display:block!important;font-size:13px}.model-controls{top:77%}.story-panel-3 .guest-copy{top:10%}.story-panel-3 .guest-copy h2{font-size:30px;margin-bottom:10px}.story-panel-3 .guest-copy p{font-size:13px;line-height:1.45}.story-panel-3 .guest-video{top:27%;height:62%;left:9%;width:82%}}


/* Original transparent product photo, turned upright without resampling the asset. */
.qr-stand.product-photo{position:absolute;left:2%;top:calc(29% - 6vw);width:48%;height:auto;aspect-ratio:4/3;max-width:none;background:transparent;border:0;box-shadow:none;overflow:visible}
.qr-stand.product-photo img{position:absolute;left:50%;top:50%;width:75%;height:133.333333%;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg)}
@media(max-width:700px){.qr-stand.product-photo{left:3%;top:34%;width:94%;height:auto;aspect-ratio:4/3}}

.story-panel-2 .design-copy p{color:#717171}

/* Readable editorial pages using the same type and quiet palette as the site. */
.document-page header{mix-blend-mode:normal;background:#fff;color:#171717;border-bottom:1px solid #e7e8e3;height:76px}
.document-page .document{max-width:1080px;margin:0 auto;padding:145px 28px 90px}
.document-page .document h1{max-width:900px;font-size:clamp(36px,5vw,64px);font-weight:600;letter-spacing:-.045em;line-height:1.08;margin:18px 0 25px}
.document-page .lead{font-size:20px;line-height:1.65;color:#505650;max-width:780px}
.guide-kicker,.guide-meta{font-size:13px!important;letter-spacing:.02em;color:#596158!important}.guide-kicker{font-weight:600}.guide-meta{margin:25px 0 40px}
.editorial-index .journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:48px 0}
.journal-card{display:flex;flex-direction:column;background:#f4f5f0;border:1px solid #e2e5dc;border-radius:20px;padding:28px;color:#171717;transition:transform .2s}
.journal-card:hover{transform:translateY(-4px);filter:none}.journal-card h2{font-size:24px!important;line-height:1.25;letter-spacing:-.025em;margin:24px 0 15px!important}.journal-card p{font-size:16px;line-height:1.65;color:#505650}.guide-index{font-size:14px;color:#596158}.guide-read{margin-top:auto;padding-top:28px;font-size:14px;font-weight:600}
.guide-document article{max-width:780px;margin:auto}.guide-toc{display:grid;gap:10px;border:1px solid #e1e5db;background:#f4f5f0;border-radius:18px;padding:26px;margin:36px 0}.guide-toc strong{margin-bottom:8px}.guide-toc a,.guide-related a{text-decoration:underline;text-underline-offset:4px;line-height:1.6}
.guide-section{scroll-margin-top:100px;margin:48px 0}.guide-section h2{font-size:28px;line-height:1.25;letter-spacing:-.025em;margin:0 0 18px}.guide-section p,.faq-list p{font-size:18px;line-height:1.8;color:#424a42}
.guide-cta{border-radius:22px;padding:32px;background:#e9ede3;margin:50px 0}.guide-cta h2{font-size:28px;margin:0 0 14px}.guide-cta p{font-size:17px;line-height:1.7;color:#424a42}.guide-button{display:inline-block;background:#172519;color:#fff!important;border-radius:30px;padding:14px 24px;margin:20px 20px 0 0;text-decoration:none}.guide-related{margin-top:32px}.guide-related p{margin:10px 0}
.faq-list{margin:40px 0}.faq-list details{border:1px solid #dfe3da;border-radius:16px;background:#fafbf8;margin-bottom:12px;padding:0 24px}.faq-list summary{font-size:19px;font-weight:600;line-height:1.45;padding:22px 0;cursor:pointer}.faq-list p{margin:0;padding-bottom:24px}.document-page footer{flex-wrap:wrap;gap:20px}
@media(max-width:700px){.document-page .document{padding:115px 22px 55px}.document-page .lead{font-size:18px}.editorial-index .journal-grid{grid-template-columns:1fr;gap:16px;margin:30px 0}.journal-card{padding:24px}.guide-section{margin:34px 0}.guide-section h2{font-size:25px}.guide-section p,.faq-list p{font-size:17px}.guide-cta{padding:24px}.guide-toc{padding:22px}.faq-list details{padding:0 20px}.faq-list summary{font-size:18px}}

.customer-strip>span,.customer-strip a{color:#626762}.document-page a:focus-visible{outline:2px solid #172519;outline-offset:5px}

.guide-cta>a:not(.guide-button){display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:4px}


.pricing-note{color:#626762}.cookie-btn-accept{background:#b64b18!important}

.pricing-note{color:#626762}.cookie-btn-accept{background:#b64b18!important}

/* Give the desktop story after the table a quieter, inset composition. */
@media(min-width:701px){
 .capture-copy,.design-copy,.final-guest .guest-copy{left:57%;width:28%;max-width:none}
 .capture-copy h2,.design-copy h2,.guest-copy h2{font-size:clamp(30px,3.5vw,60px);line-height:1.1;letter-spacing:-.045em;margin:20px 0 25px}
 .capture-copy p,.design-copy p,.guest-copy p{font-size:15px;line-height:1.65;max-width:350px}
 .capture-ui{left:15%;width:34%}
 .qr-stand.product-photo{left:12%;width:38%;top:calc(29% - 4.75vw)}
 .guest-video{left:17%;width:28%}
 .continuation .section-wrap{padding-left:15%;padding-right:15%}
 .continuation .section-intro h2{font-size:clamp(34px,3.5vw,60px);letter-spacing:-.045em}
 .continuation .section-intro p{font-size:15px}
}

/* Show the real dish while the full-resolution interactive model loads. */
.dish-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}
.model-area:not(.model-ready) model-viewer{visibility:hidden}
.model-area.model-ready .dish-poster{display:none}
.model-area .loading{display:none}

/* Annual offer above plans; full-width guarantee below. */
.pricing-offers{margin:0 0 24px}.pricing-offer{min-width:0}.annual-offer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 28px;padding:22px 28px;background:#edf1e8;border:1px solid #d3dccc;border-radius:16px;color:#25362b}.pricing-offer .offer-label{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;margin:0}.annual-offer .offer-label{grid-column:1}.pricing-offer h3{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:0;font-weight:650}.annual-offer h3{grid-column:1}.annual-offer .offer-value{grid-column:2;grid-row:1/3;font-size:16px;font-weight:500;margin:0;text-align:right;max-width:360px;line-height:1.5}.guarantee-offer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9px 40px;padding:28px 30px;margin-top:24px;border:1px solid #d6dbd3;border-radius:16px;background:#fff;color:#25362b}.guarantee-offer .offer-label,.guarantee-offer h3{grid-column:1}.guarantee-offer .offer-detail{grid-column:2;grid-row:1/3;font-size:16px;line-height:1.6;margin:0;color:#596255}.pricing-extras{grid-template-columns:1fr;margin-top:30px}.pricing-extras p{max-width:850px}
@media(max-width:700px){.annual-offer,.guarantee-offer{grid-template-columns:1fr;padding:21px;gap:10px}.pricing-offer h3{font-size:25px}.annual-offer .offer-value,.guarantee-offer .offer-detail{grid-column:1;grid-row:auto;text-align:left;font-size:15px;max-width:none}.guarantee-offer{margin-top:18px}.pricing-offers{margin-bottom:20px}}

/* ── Gallery section ──────────────────────────────── */
.gallery-section{background:#0e0e0e}
.gallery-section .section-intro{margin-bottom:40px}
.gallery-grid{columns:2;column-gap:10px;padding:0}
.gallery-grid figure{break-inside:avoid;margin:0 0 10px;border-radius:10px;overflow:hidden;cursor:zoom-in}
.gallery-grid figure img{width:100%;height:auto;display:block;transition:transform .4s ease}
.gallery-grid figure:hover img{transform:scale(1.03)}
.gallery-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;align-items:center;justify-content:center;cursor:zoom-out}
.gallery-lightbox.open{display:flex}
.gallery-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:6px}
.gallery-lightbox-close{position:absolute;top:20px;right:26px;font-size:36px;color:#fff;background:none;border:none;cursor:pointer;line-height:1;opacity:.7}
.gallery-lightbox-close:hover{opacity:1}
@media(min-width:640px){.gallery-grid{columns:3;column-gap:14px}.gallery-grid figure{margin-bottom:14px}}
@media(min-width:1100px){.gallery-grid{columns:4;column-gap:16px}.gallery-grid figure{margin-bottom:16px}}
/* Gallery: light text on the dark section, photos behind a dropdown */
.gallery-section{color:#fff}.gallery-section .section-intro h2{color:#fff}.gallery-section .section-intro p{color:#a8a8a8}
.gallery-more{position:relative}
.gallery-clip{max-height:760px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent 95%);mask-image:linear-gradient(to bottom,#000 40%,transparent 95%)}
.gallery-more.open .gallery-clip{max-height:none;-webkit-mask-image:none;mask-image:none}
.gallery-toggle{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:14px;border:1px solid #ffffff66;border-radius:30px;padding:13px 22px;font-size:14px;color:#fff;background:#0e0e0ecc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap}
.gallery-more.open .gallery-toggle{position:static;transform:none;margin:30px auto 0;display:flex;width:max-content}
.gallery-toggle b{font-weight:400;font-size:20px;line-height:1;transition:transform .3s ease}
.gallery-more.open .gallery-toggle b{transform:rotate(45deg)}
.gallery-more .gallery-close,.gallery-more.open .gallery-open{display:none}.gallery-more.open .gallery-close{display:inline}
@media(max-width:700px){.gallery-clip{max-height:620px}}
.gallery-section:has(.gallery-more:not(.open)){padding-bottom:0}.gallery-more:not(.open) .gallery-toggle{bottom:40px}