@font-face{font-family:Manrope;src:url('assets/manrope-cyrillic.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--air:#dceff5;--blue:#d9f1f8;--ink:#11120f;--muted:#657278;--steel:#8aafbf;--line:#dce4e6;--green:#297357;--amber:#945c22;--radius:26px;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--air);color:var(--ink)}body{font:400 16px/1.5 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:500}button,a,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #427d97;outline-offset:4px}button:disabled{opacity:.3;cursor:default}img{display:block;max-width:100%}svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.skip{position:fixed;top:-100px;left:16px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}[hidden]{display:none!important}.shell{height:100svh;max-width:1800px;margin:auto;padding:0 38px;display:flex;flex-direction:column}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex:none}.logo{width:135px;height:auto}.topbar-caption{display:flex;align-items:center;gap:15px;font-size:11px}.topbar-caption span{height:13px;width:1px;background:#abc7d2}.topbar-caption small{font-size:11px;color:#637c86}.topbar-actions{display:flex;align-items:center;gap:22px;font-size:12px}.icon-button{width:38px;height:38px;display:grid;place-items:center;background:transparent;border-radius:50%;font-size:25px}.icon-button:hover{background:#cce5ee}#deck{flex:1;min-height:0;border-radius:var(--radius);position:relative;outline:none}.slide{position:absolute;inset:0;border-radius:var(--radius);background:white;padding:38px 48px 28px;display:flex;flex-direction:column;overflow:hidden}.slide[hidden]{display:none}.slide.dark{background:var(--ink);color:white}.slide.blue{background:var(--blue)}.slide-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;margin-bottom:24px}.label{font-size:12px;display:flex;align-items:center;gap:8px}.label:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.slide-tools{display:flex;gap:15px;align-items:center}.slide-id{font-size:10px;color:var(--muted)}.dark .slide-id{color:#8b928b}.help-button{width:34px;height:34px;background:none;border:1px solid #a6bdc6;border-radius:50%;font-size:14px}.dark .help-button{border-color:#5b7068;color:#d5eaf2}.help-button:hover{background:#d9f1f8;color:var(--ink)}.slide-body{flex:1;min-height:0}.split{height:100%;display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center}.copy{max-width:580px}.copy h1,.copy h2,.intro h2{font-size:clamp(45px,4.5vw,76px);line-height:1.06;letter-spacing:-.055em;text-wrap:balance}.copy .lead{font-size:17px;line-height:1.7;color:var(--muted);margin-top:25px;max-width:440px}.dark .lead{color:#b5c3c5}.lead strong{font-weight:600;color:var(--ink)}.dark .lead strong{color:white}.button{padding:13px 20px;min-height:46px;border-radius:40px;background:var(--ink);color:white;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:12px;font-weight:600}.button:hover{background:#2e4b57}.button.light{background:var(--blue);color:var(--ink)}.button.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.button svg{width:18px;height:18px}.cta-row{display:flex;align-items:center;gap:20px;margin-top:30px}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:3px}.slide-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:24px;flex:none}.dark .slide-bottom{color:#9eb7bf}.footer{height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none}.footer>span{font-size:10px;color:#607d89;max-width:30%}.navigation{display:flex;gap:10px;align-items:center}.nav-arrow{width:40px;height:40px;border:1px solid #a9c8d5;border-radius:50%;background:transparent;font-size:21px;line-height:1}.nav-arrow.next{background:var(--ink);color:white;border-color:var(--ink)}#counter{font-size:12px;min-width:70px;font-variant-numeric:tabular-nums}#counter span{color:#77909a;margin-left:6px}.progress{display:flex;gap:5px;align-items:center}.progress i{height:6px;width:6px;background:#b9d5e0;border-radius:12px}.progress i.active{width:22px;background:var(--ink)}.print-note{display:none}
/* Opening: the room and the guest share one composition. */
.cover .split{grid-template-columns:1fr 1fr;gap:35px}.cover-visual{height:100%;position:relative;min-height:0}.cover-photo{position:absolute;left:0;top:2%;width:82%;height:91%;object-fit:cover;border-radius:20px;filter:brightness(.86)}.cover-caption{position:absolute;bottom:10%;left:22px;max-width:190px;color:white;font-size:13px;z-index:1}.cover-device{position:absolute;right:0;bottom:0;width:48%;height:82%;padding:8px;background:#11120f;border-radius:30px;box-shadow:0 16px 36px #11212a24;overflow:hidden}.mini-app{background:#f8fbfc;border-radius:23px;height:100%;padding:24px 15px;display:flex;flex-direction:column}.mini-app .app-brand{font-size:19px}.mini-app>p{font-size:10px;color:var(--muted);margin-top:8px}.mini-app>img{width:100%;height:30%;object-fit:cover;border-radius:11px;margin-top:18px}.mini-app h4{font-size:16px;margin-top:15px;line-height:1.3}.mini-card{padding:12px;background:var(--blue);border-radius:12px;margin-top:13px;font-size:10px}.mini-card b{display:block;font-size:13px;margin-bottom:3px}.mini-app .mini-bottom{margin-top:auto;padding-top:15px;font-size:10px}.cover-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:32px}.cover-meta span{display:flex;align-items:center;gap:7px}.cover-meta svg{width:17px;height:17px}
/* Introduce a subject, then show it. */
.intro .split{grid-template-columns:1.5fr 1fr;gap:50px}.intro h2{font-size:clamp(46px,5.25vw,85px)}.intro .lead{font-size:17px}.feature-row{display:flex;gap:10px 19px;flex-wrap:wrap;margin-top:24px;font-size:11px;max-width:620px}.feature-row span{display:flex;gap:7px;align-items:center}.feature-row svg{width:17px;height:17px}.story-card{background:var(--blue);color:var(--ink);height:86%;max-height:495px;min-height:300px;border-radius:22px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.blue .story-card{background:white}.story-icon{height:51px;width:51px;border-radius:16px;background:var(--ink);color:var(--blue);display:grid;place-items:center}.story-main small,.story-end{font-size:11px;color:#648796}.story-main p{font-size:24px;line-height:1.55;letter-spacing:-.035em;margin-top:16px}.story-end{display:flex;align-items:center;justify-content:space-between;gap:10px}.story-end button{border:0;background:none;color:var(--ink);font-size:22px;padding:4px 8px}
/* Camera: fixed proportions keep overlays aligned to the source image. */
.camera-slide .split{grid-template-columns:.64fr 1.36fr;gap:35px}.camera-slide .copy h2{font-size:clamp(35px,3.5vw,56px)}.camera-slide .copy .lead{font-size:15px}.benefits{display:grid;gap:15px;margin-top:25px}.benefit{display:grid;grid-template-columns:21px 1fr;gap:11px;font-size:13px;line-height:1.6}.benefit svg{width:19px;height:19px;margin-top:3px;color:#608999}.benefit b{display:block;font-weight:600}.benefit p{font-size:12px;color:var(--muted)}.camera-console{width:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f8fafb}.camera-toolbar{height:36px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:10px}.live-dot{display:inline-block;height:6px;width:6px;background:var(--green);border-radius:50%;margin-right:6px}.camera-frame{position:relative;aspect-ratio:1672/941}.camera-frame>img{width:100%;height:100%;object-fit:cover}.table-detection{position:absolute;border:2px solid var(--state);background:var(--fill);border-radius:9px;padding:0;transition:box-shadow .15s}.table-detection.dirty{--state:#ffc88b;--fill:#e7a85224}.table-detection.occupied{--state:#b9d8ee;--fill:#91c1dc20}.table-detection.free{--state:#b9ead1;--fill:#71d0a824}.table-detection[aria-pressed=true]{box-shadow:0 0 0 3px white}.table-detection>span{position:absolute;left:0;top:0;max-width:100%;padding:3px 6px;font-size:9px;color:#142027;background:var(--state);border-radius:5px 0 5px 0;line-height:1.25;text-align:left}.table-detection b{margin-right:4px}.table-detection em{font-style:normal}.camera-watermark{position:absolute;right:9px;bottom:8px;font-size:8px;color:white;background:#12202caa;padding:3px 6px;border-radius:4px}.camera-legend{display:flex;gap:14px;flex-wrap:wrap;padding:10px 14px;font-size:10px;color:var(--muted)}.camera-legend i{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:5px}.camera-detail{border-top:1px solid var(--line);padding:13px 15px;display:flex;align-items:center;gap:18px;justify-content:space-between;min-height:93px}.camera-detail h3{font-size:16px;margin-bottom:4px}.camera-detail p{font-size:10px;line-height:1.6;color:var(--muted);max-width:43ch}.camera-detail .button{font-size:10px;padding:10px 13px;min-height:37px;white-space:nowrap}.camera-log{padding:7px 15px;background:var(--blue);font-size:9px;color:#486977}.camera-note{margin-top:13px;font-size:10px;line-height:1.5;color:var(--muted)}
/* Working prototypes: one large phone, useful explanation beside it. */
.demo-layout{height:100%;display:grid;grid-template-columns:1fr 1.12fr;gap:40px;align-items:center}.demo-layout .copy h2{font-size:clamp(39px,3.9vw,64px)}.demo-layout .copy .lead{max-width:420px}.device-stage{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:25px;justify-content:center;min-height:0;height:100%}.phone{height:min(590px,calc(100svh - 260px));min-height:370px;aspect-ratio: .49;flex:none;background:#11120f;padding:7px;border-radius:35px;box-shadow:0 15px 35px #142e3d1a;overflow:hidden;position:relative}.phone-inner{height:100%;border-radius:28px;background:#f5f9fa;overflow:hidden;display:flex;flex-direction:column}.phone-status{height:30px;padding:9px 16px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;flex:none;background:white;position:relative}.phone-status:after{content:'';width:29%;height:14px;background:#11120f;border-radius:20px;position:absolute;left:35%;top:7px}.phone-home{height:15px;background:white;flex:none;display:grid;place-items:center}.phone-home:after{content:'';height:3px;width:35%;background:#11120f;border-radius:3px}.chat-head{padding:14px 14px 12px;display:flex;align-items:center;gap:9px;background:white;flex:none;border-bottom:1px solid #e5eef1}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--blue);font-size:13px;flex:none}.chat-head b{display:block;font-size:12px;font-weight:650}.chat-head small{display:block;font-size:9px;color:var(--muted)}.chat-messages{overflow-y:auto;flex:1;padding:12px 11px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin;scrollbar-gutter:stable}.bubble{font-size:11px;line-height:1.55;background:white;border-radius:12px 12px 12px 3px;padding:9px 11px;max-width:94%;align-self:flex-start;flex:none}.bubble.guest{background:#d6edf5;border-radius:12px 12px 3px 12px;align-self:flex-end}.bubble .message-dish{width:100%;height:80px;object-fit:cover;border-radius:7px;margin-bottom:7px}.chat-input{margin:5px 10px 10px;padding:9px 10px;border-radius:22px;background:white;border:1px solid #e2ebee;color:#829197;font-size:9px;display:flex;justify-content:space-between;flex:none}.demo-explanation{font-size:12px;line-height:1.7;max-width:175px;color:var(--muted)}.demo-explanation strong{display:block;font-size:16px;font-weight:500;color:var(--ink);line-height:1.4;margin-bottom:10px}.dark .demo-explanation{color:#b9cbd0}.dark .demo-explanation strong{color:white}.demo-explanation:before{content:'';width:28px;height:1px;display:block;background:var(--steel);margin-bottom:16px}.scenario-label{font-size:11px;margin-top:27px;color:var(--muted)}.dark .scenario-label{color:#a9c4cd}.scenarios{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;max-width:440px}.scenario{border:1px solid #ccdce3;background:none;border-radius:12px;font-size:12px;padding:10px 14px;text-align:left}.scenario[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:var(--ink)}.dark .scenario{border-color:#4c6368;color:#e5f2f6}.dark .scenario[aria-pressed=true]{color:var(--ink)}.demo-controls{display:flex;align-items:center;gap:17px;margin-top:20px;font-size:11px}.demo-controls button{padding:7px 0;background:none;border-bottom:1px solid #91a7b0}.demo-status{font-size:10px;color:var(--muted)}.dark .demo-status{color:#b0c9d1}.messenger-icons{display:flex;align-items:center;gap:16px;margin-top:24px}.messenger-icons span{display:flex;align-items:center;gap:7px;font-size:10px}.messenger-icons img{width:19px;height:19px}
/* KLAIT retains the original screenshot pixels. */
.klait-slide .split{grid-template-columns:.72fr 1.28fr;gap:35px}.klait-slide .copy h2{font-size:clamp(39px,4vw,64px)}.klait-slide .lead{font-size:16px}.module-list{font-size:13px;display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:23px;max-width:350px;color:var(--muted)}.module-list span{padding-bottom:7px;border-bottom:1px solid var(--line)}.klait-link{margin-top:28px}.proof-stage{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center}.proof-tabs{display:flex;gap:8px;margin-bottom:14px}.proof-tabs button{padding:8px 12px;background:none;font-size:11px;border-radius:25px;border:1px solid var(--line)}.proof-tabs button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.laptop{width:100%;padding:9px 9px 15px;border-radius:14px 14px 4px 4px;background:#202523;border:1px solid #303936;position:relative}.laptop:before{content:'';height:3px;width:3px;display:block;background:#8d9d9e;border-radius:50%;margin:-4px auto 4px}.laptop:after{content:'';height:10px;position:absolute;bottom:-8px;left:-4%;right:-4%;border-radius:2px 2px 50% 50%;background:linear-gradient(#dfe4e6,#aab5b8)}.proof-image{display:block;padding:0;background:none;width:100%;aspect-ratio:1.6;overflow:hidden}.proof-image img{width:100%;height:100%;object-fit:contain;background:#f4f5f7}.proof-caption{font-size:10px;color:var(--muted);margin-top:24px;line-height:1.7}.proof-caption span{display:block;margin-top:3px}
/* The restaurant app: an illustrative brand, no Mercado references. */
.app-brand{font-size:22px;font-weight:600;letter-spacing:-.06em}.app-brand small{display:block;font-size:8px;letter-spacing:.15em;font-weight:400}.app-content{flex:1;overflow:auto;scrollbar-width:thin;min-height:0;background:#fcfdfd}.app-header{padding:15px 14px 10px}.app-header>p{font-size:10px;color:var(--muted);margin-top:12px}.app-header h3{font-size:20px;line-height:1.2;letter-spacing:-.05em;margin-top:4px}.app-hero{margin:0 12px;position:relative;height:110px;overflow:hidden;border-radius:12px}.app-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.app-hero span{position:absolute;bottom:12px;left:12px;color:white;font-size:15px;line-height:1.3}.app-section{padding:13px 13px 0}.app-section h4{font-size:12px;font-weight:650;margin-bottom:8px}.app-section p{font-size:10px;line-height:1.6;color:var(--muted)}.app-action{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px;background:var(--blue);border-radius:10px;font-size:11px;text-align:left;margin-bottom:8px}.app-action small{display:block;font-size:9px;color:#567380;margin-top:3px}.app-nav{display:flex;justify-content:space-around;gap:4px;padding:10px 5px;background:white;border-top:1px solid var(--line);flex:none}.app-nav button{background:none;font-size:8px;color:var(--muted);padding:4px}.app-nav button[aria-pressed=true]{color:var(--ink);font-weight:700}.app-nav svg{width:17px;height:17px;margin:0 auto 4px}.booking-form{padding:15px 13px}.booking-form h3{font-size:21px;letter-spacing:-.05em;margin-bottom:13px}.booking-form label{display:block;font-size:10px;margin-top:11px}.booking-form input,.booking-form select{width:100%;border:1px solid var(--line);background:white;border-radius:8px;padding:9px;font-size:11px;color:var(--ink);margin-top:5px}.booking-form .button{width:100%;padding:10px;min-height:38px;font-size:10px;margin-top:16px}.booking-note{font-size:9px;color:var(--muted);line-height:1.6;margin-top:12px}.request-success{padding:24px 16px}.request-success .success-mark{width:45px;height:45px;background:var(--blue);display:grid;place-items:center;border-radius:50%;font-size:24px;margin-bottom:18px}.request-success h3{font-size:22px;line-height:1.2;letter-spacing:-.05em}.request-success p{font-size:11px;color:var(--muted);margin-top:13px}.request-success .button{font-size:10px;min-height:36px;margin-top:20px;padding:10px 15px}.referral-card{margin:12px;background:var(--blue);border-radius:13px;padding:18px 14px}.referral-card .ref-icon{font-size:26px}.referral-card h3{font-size:25px;line-height:1.2;letter-spacing:-.045em;margin-top:12px}.referral-card p{font-size:11px;line-height:1.7;margin-top:11px}.referral-code{padding:10px;background:white;border-radius:7px;font-size:11px;margin-top:15px;letter-spacing:1px}.referral-card .button{font-size:10px;width:100%;margin-top:10px;padding:10px;min-height:36px}.referral-steps{padding:4px 16px;font-size:10px;color:var(--muted);line-height:1.8}.referral-steps p{margin-top:9px}
/* A restaurant website, shown as an actual miniature site. */
.website-slide .split{grid-template-columns:.7fr 1.3fr;gap:35px}.website-slide .copy h2{font-size:clamp(40px,4vw,66px)}.website-slide .copy .lead{font-size:15px}.website-features{display:grid;gap:16px;margin-top:23px}.website-features div{border-top:1px solid var(--line);padding-top:12px;font-size:12px}.website-features small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.browser{border:1px solid #d3dddf;border-radius:13px;overflow:hidden;background:#fff;height:100%;max-height:570px;display:flex;flex-direction:column;box-shadow:0 12px 35px #263e4810}.browser-bar{height:34px;flex:none;background:#eff3f4;border-bottom:1px solid #dce4e6;display:flex;align-items:center;gap:5px;padding:0 12px}.browser-bar>i{width:5px;height:5px;border-radius:50%;background:#bccbd0}.browser-bar span{margin:auto;font-size:9px;color:#637a82}.website-scroll{overflow:auto;scrollbar-width:thin;flex:1;background:#f7f6f0}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px}.site-nav b{font-family:Georgia,serif;font-size:23px;font-weight:400}.site-nav>div{display:flex;gap:17px;font-size:8px}.site-nav button{padding:7px 11px;background:#283d32;color:white;font-size:8px;border-radius:20px}.site-hero{height:230px;position:relative}.site-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:brightness(.56)}.site-hero-copy{position:absolute;left:25px;top:27px;right:25px;color:white}.site-hero-copy small{font-size:9px}.site-hero-copy h3{font-family:Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-.03em;line-height:1.05;max-width:370px;margin-top:12px}.site-hero-copy button{margin-top:20px;background:#fff;color:#263c30;border-radius:25px;padding:9px 15px;font-size:9px}.site-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;padding:24px 25px;color:#2c4235}.site-intro h4{font-family:Georgia,serif;font-size:24px;line-height:1.15}.site-intro p{font-size:9px;line-height:1.8}.site-mosaic{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;padding:0 20px 20px}.site-mosaic figure{position:relative;height:150px;overflow:hidden;border-radius:3px}.site-mosaic img{width:100%;height:100%;object-fit:cover}.site-mosaic figcaption{position:absolute;bottom:8px;left:8px;background:white;padding:5px 8px;font-size:9px}.site-booking{padding:20px 25px;border-top:1px solid #d3d9d0}.site-booking h4{font-size:20px;font-family:Georgia,serif}.site-booking p{font-size:10px;margin-top:8px;line-height:1.7}.site-booking .button{font-size:10px;min-height:36px;padding:10px 15px;margin-top:12px}.website-stage{height:100%;min-height:0}.website-stage>small{font-size:9px;color:var(--muted);display:block;margin-top:10px}
/* A conversation is the final next step. */
.closing .split{grid-template-columns:1.25fr 1fr;gap:65px}.closing h2{font-size:clamp(50px,5.5vw,88px)}.closing-card{background:var(--blue);border-radius:22px;padding:30px;color:var(--ink)}.closing-card h3{font-size:28px;line-height:1.2;letter-spacing:-.04em}.closing-card>p{font-size:13px;line-height:1.75;color:#557581;margin-top:14px}.conversation-steps{display:grid;gap:20px;margin-top:25px}.conversation-steps>div{display:grid;grid-template-columns:25px 1fr;gap:13px}.conversation-steps span{width:24px;height:24px;border:1px solid #a4c6d3;border-radius:50%;font-size:11px;display:grid;place-items:center}.conversation-steps b{font-size:13px;font-weight:600}.conversation-steps p{font-size:11px;color:#557581;margin-top:3px}.contacts{display:flex;flex-wrap:wrap;gap:13px 22px;margin-top:30px;font-size:12px}.contacts a{display:flex;align-items:center;gap:8px}.contacts svg{width:16px;height:16px}.closing .cta-row{margin-top:30px}.closing .lead{max-width:475px}
/* Explanations remain readable on phones and close with Escape. */
dialog{border:0;border-radius:23px;padding:28px 32px;width:min(670px,calc(100% - 30px));max-height:85svh;overflow:auto;color:var(--ink);box-shadow:0 25px 80px #091a3030}dialog::backdrop{background:#0e242d70;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:15px;margin-bottom:18px}.dialog-top .icon-button{font-size:27px}#help h2{font-size:31px;line-height:1.2;letter-spacing:-.04em;margin-bottom:24px}.help-part{padding:18px 0;border-top:1px solid var(--line)}.help-part>span{font-size:11px;color:var(--muted)}.help-part p{font-size:15px;line-height:1.8;margin-top:8px}.help-part.example{background:var(--blue);border:0;border-radius:13px;padding:20px;margin:4px 0 18px}.help-part:last-child{padding-bottom:0}#zoom{width:min(1200px,95vw);padding:18px}#zoom-image{width:100%;height:auto;max-height:74svh;object-fit:contain}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);border-radius:25px;padding:12px 20px;background:var(--ink);color:white;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;z-index:20}#toast.visible{opacity:1}
@media screen and (min-width:901px) and (max-height:780px){.topbar{height:64px}.footer{height:59px}.slide{padding:25px 36px 22px}.slide-head{margin-bottom:15px}.slide-bottom{margin-top:15px;font-size:9px}.copy h1,.copy h2{font-size:clamp(42px,4.2vw,67px)}.intro h2{font-size:clamp(43px,4.8vw,73px)}.copy .lead{font-size:15px;margin-top:19px}.story-card{min-height:260px;padding:25px}.story-main p{font-size:21px}.phone{height:calc(100svh - 210px);min-height:340px}.demo-layout .copy h2{font-size:clamp(36px,3.8vw,59px)}.slide-head .help-button{width:30px;height:30px}.camera-slide .copy h2{font-size:40px}.benefits{gap:10px;margin-top:18px}.camera-detail{min-height:79px;padding:10px 13px}.camera-detail p{font-size:9px}.camera-console .camera-legend{padding:7px 12px}.klait-slide .copy h2{font-size:48px}.website-slide .copy h2{font-size:49px}.website-features{gap:12px}.website-features div{padding-top:9px}.site-hero{height:210px}.closing h2{font-size:65px}.closing-card{padding:24px}.cover-meta{margin-top:24px}.scenarios{gap:6px}.scenario{padding:8px 12px;font-size:11px}.scenario-label{margin-top:20px}.cover-device{height:87%}.mini-app>img{margin-top:12px}.mini-app h4{font-size:14px;margin-top:10px}.mini-card{padding:9px;margin-top:9px}}
@media screen and (min-width:901px) and (max-width:1250px){.shell{padding:0 24px}.slide{padding-left:32px;padding-right:32px}.split{gap:28px}.device-stage{gap:17px}.demo-explanation{font-size:11px}.demo-explanation strong{font-size:14px}.story-main p{font-size:21px}.camera-slide .split{grid-template-columns:.65fr 1.35fr;gap:25px}.camera-detail{gap:8px}.camera-detail .button{font-size:9px;padding:9px}.table-detection>span{font-size:8px}.closing .split{gap:35px}.closing-card{padding:25px}}
@media screen and (max-width:900px){.shell{padding:0 18px}.topbar{height:66px}.logo{width:115px}.topbar-caption{display:none}.topbar-actions{gap:13px}.footer{height:67px}.footer>span{font-size:9px;max-width:36%;line-height:1.4}.progress{display:none}.slide{padding:26px 28px 24px;overflow-y:auto;overscroll-behavior:contain}.slide-head{margin-bottom:30px}.slide-id{display:none}.slide-body{flex:none;min-height:0}.split,.cover .split,.intro .split,.camera-slide .split,.klait-slide .split,.website-slide .split,.closing .split,.demo-layout{height:auto;grid-template-columns:1fr;gap:32px}.copy{max-width:650px}.copy h1,.copy h2,.intro h2,.closing h2{font-size:clamp(43px,7.6vw,65px)}.copy .lead{font-size:16px;line-height:1.75;max-width:590px;margin-top:22px}.slide-bottom{margin-top:30px;font-size:9px}.slide-bottom>span:last-child{display:none}.cover-visual{height:430px;max-width:570px;width:100%;margin:auto}.cover-device{width:43%;height:90%}.cover-photo{width:82%;height:95%;top:0}.cover-caption{bottom:10%;font-size:13px}.mini-app>img{height:33%}.cover-meta{font-size:11px;margin-top:27px}.story-card{height:auto;min-height:310px;max-height:none;gap:35px;max-width:640px;width:100%;padding:26px}.story-main p{font-size:25px}.story-icon{width:45px;height:45px}.feature-row{margin-top:22px}.camera-slide .copy h2,.demo-layout .copy h2,.klait-slide .copy h2,.website-slide .copy h2{font-size:clamp(39px,6.8vw,57px)}.benefits{grid-template-columns:repeat(3,1fr);gap:17px}.benefit{display:block;font-size:12px}.benefit svg{margin-bottom:8px}.benefit p{font-size:11px}.camera-toolbar{font-size:10px}.camera-detail p{font-size:11px}.table-detection>span{font-size:10px}.camera-watermark{font-size:9px}.camera-note{font-size:11px}.device-stage{height:auto;max-width:600px;width:100%;grid-template-columns:auto 1fr;gap:28px;margin:auto;justify-content:center}.phone{height:535px;min-height:0}.demo-explanation{font-size:13px;max-width:200px}.demo-explanation strong{font-size:19px}.proof-stage{height:auto;padding:0 10px 0}.klait-link{margin-top:24px}.proof-caption{font-size:11px}.website-stage{height:600px;margin-bottom:20px}.browser{max-height:none}.site-hero{height:260px}.closing .copy .lead{max-width:600px}.closing-card{max-width:620px;width:100%;padding:30px}.contacts{font-size:12px}.closing .slide-bottom{margin-top:30px}}
@media screen and (max-width:500px){.shell{padding:0 10px}.topbar{height:61px;padding:0 9px}.logo{width:112px}.topbar-actions{font-size:11px;gap:8px}.topbar-actions .icon-button{font-size:24px}.slide{border-radius:23px;padding:23px 21px}.slide-head{margin-bottom:28px}.label{font-size:10px;max-width:80%}.help-button{height:32px;width:32px}.slide-tools{gap:0}.copy h1,.copy h2,.intro h2,.closing h2{font-size:44px;letter-spacing:-.057em}.copy .lead{font-size:14px;line-height:1.8}.cover .copy h1{font-size:46px}.cover .cta-row{flex-wrap:wrap;gap:17px}.button{font-size:11px;padding:12px 17px;gap:18px;min-height:43px}.cover-meta{font-size:10px;gap:10px 14px}.cover-visual{height:360px}.cover-device{width:49%;height:87%;border-radius:25px;padding:6px}.mini-app{padding:20px 10px;border-radius:20px}.mini-app .app-brand{font-size:17px}.mini-app>p{font-size:8px}.mini-app>img{margin-top:12px;height:29%}.mini-app h4{font-size:13px;margin-top:12px}.mini-card{font-size:9px;padding:9px;margin-top:10px}.mini-card b{font-size:11px}.mini-app .mini-bottom{font-size:8px;padding-top:10px}.cover-caption{font-size:11px;left:14px;max-width:115px}.story-card{min-height:320px;padding:24px}.story-main p{font-size:22px}.story-main small,.story-end{font-size:10px}.feature-row{font-size:10px;gap:12px 15px}.intro .lead{font-size:14px}.camera-slide .copy h2,.demo-layout .copy h2,.klait-slide .copy h2,.website-slide .copy h2{font-size:39px}.camera-slide .copy .lead{font-size:14px}.benefits{grid-template-columns:1fr;gap:14px}.benefit{display:grid;grid-template-columns:20px 1fr;gap:9px}.benefit svg{margin:2px 0 0}.benefit b{font-size:13px}.benefit p{font-size:12px}.camera-toolbar{font-size:8px;padding:0 9px;height:30px}.camera-frame{min-height:0}.table-detection{border-radius:5px;border-width:1px}.table-detection>span{font-size:7px;padding:2px 3px;white-space:nowrap;max-width:none}.table-detection b{margin-right:2px}.camera-watermark{font-size:6px;bottom:4px;right:4px;padding:2px 3px}.camera-legend{font-size:8px;gap:7px;padding:8px}.camera-legend i{width:5px;height:5px;margin-right:3px}.camera-detail{display:block;padding:12px;min-height:130px}.camera-detail h3{font-size:16px}.camera-detail p{font-size:11px;max-width:none}.camera-detail .button{font-size:10px;margin-top:10px;padding:8px 12px;min-height:34px}.camera-log{font-size:8px;padding:8px 12px;line-height:1.6}.camera-note{font-size:10px}.device-stage{display:flex;flex-direction:column;gap:20px}.phone{height:525px;min-height:0;border-radius:35px}.demo-explanation{max-width:310px;width:100%;font-size:12px}.demo-explanation:before{margin-bottom:12px}.demo-explanation strong{font-size:17px;margin-bottom:7px}.scenario-label{font-size:11px;margin-top:24px}.scenario{font-size:11px;padding:9px 12px}.demo-controls{font-size:10px}.demo-status{font-size:9px}.proof-tabs{gap:4px;flex-wrap:wrap}.proof-tabs button{font-size:10px;padding:7px 10px}.proof-stage{padding:0 4px}.proof-caption{font-size:10px}.module-list{font-size:12px}.website-stage{height:540px}.site-nav{padding:12px}.site-nav b{font-size:20px}.site-nav>div{gap:8px;font-size:7px}.site-nav button{font-size:7px;padding:6px 8px}.site-hero{height:220px}.site-hero-copy{left:17px;top:23px;right:15px}.site-hero-copy h3{font-size:33px;max-width:250px}.site-intro{padding:20px 16px;gap:14px}.site-intro h4{font-size:20px}.site-intro p{font-size:8px}.site-mosaic{padding:0 12px 15px;gap:8px}.site-mosaic figure{height:140px}.browser-bar span{font-size:8px}.website-stage>small{font-size:8px}.closing h2{font-size:49px}.closing-card{padding:24px}.closing-card h3{font-size:27px}.contacts{font-size:11px;gap:15px;margin-top:25px}.footer{padding:0 7px;height:64px}.footer>span{max-width:35%;font-size:9px}.navigation{gap:7px}#counter{min-width:57px;font-size:11px}.nav-arrow{width:35px;height:35px;font-size:19px}.slide-bottom{font-size:8px}.dialog-top{font-size:10px}dialog{padding:22px;max-height:87svh}#help h2{font-size:27px}.help-part p{font-size:14px;line-height:1.75}.help-part.example{padding:16px}}
.mini-app .mini-bottom{display:none}
.app-nav svg{display:block}
@media screen and (min-width:901px){.camera-slide .split>div:last-child{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-console{max-width:min(100%,calc((100svh - 550px)*1.776))}.camera-note{max-width:min(100%,calc((100svh - 550px)*1.776))}.camera-slide .copy h2{font-size:clamp(34px,3.2vw,50px)}}
@media screen and (min-width:901px) and (max-height:780px){.camera-console,.camera-note{max-width:min(100%,calc((100svh - 460px)*1.776))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.camera-slide .split>div:last-child{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-console,.camera-note{max-width:690px}.chat-slide .phone{height:560px}.chat-slide .bubble{font-size:10px;padding:8px 9px}.chat-slide .chat-messages{gap:7px}.chat-slide .message-dish{height:70px}}
@media print{@page{size:1440px 900px;margin:0}html,body{height:auto;background:white;-webkit-print-color-adjust:exact;print-color-adjust:exact}.shell{display:block;height:auto;padding:0;max-width:none}.topbar,.footer,.skip,dialog,#toast{display:none!important}#deck{display:block;height:auto}.slide,.slide[hidden]{display:flex!important;position:relative;width:1440px;height:900px;border-radius:0;overflow:hidden;break-after:page;padding:42px 54px 30px}.slide:last-child{break-after:auto}.slide-head{margin-bottom:25px}.slide-body{flex:1;min-height:0}.split,.cover .split,.intro .split,.demo-layout{height:100%}.slide-bottom{margin-top:18px}.help-button{display:none}.print-note{display:block;flex:none;border-top:1px solid #9bbbc566;margin-top:18px;padding-top:12px;font-size:12px;line-height:1.6;max-width:1200px;color:#607783}.dark .print-note{color:#b7ccd3;border-color:#516c6a}.phone{height:530px;min-height:0}.demo-controls,.scenario-label,.scenarios,.proof-tabs{display:none}.camera-detail .button{display:none}.camera-detail{min-height:80px}.website-stage{height:100%;max-height:560px}.browser{height:100%;max-height:550px}.website-scroll{overflow:hidden}.copy h1{font-size:76px}.intro h2{font-size:79px}.closing h2{font-size:83px}.cover-device{height:87%}.camera-slide .copy h2{font-size:49px}.proof-image{aspect-ratio:1.6}.site-hero{height:240px}.demo-explanation{font-size:13px}.demo-explanation strong{font-size:18px}.app-content,.chat-messages{overflow:hidden}.bubble{font-size:11px}.slide-id{display:block}}

@media screen and (min-width:901px){.proof-stage{align-items:center}.proof-tabs,.proof-caption{align-self:stretch}.proof-stage .laptop{max-width:min(100%,calc((100svh - 450px)*1.6))}}
@media screen and (min-width:901px) and (max-height:780px){.proof-stage .laptop{max-width:min(100%,calc((100svh - 390px)*1.6))}}
@media print{.cover-photo{filter:none}.cover-caption{text-shadow:0 1px 3px #000}.site-hero>img{filter:none}.site-hero:after{content:"";position:absolute;inset:0;background:#0006;pointer-events:none}.site-hero-copy{z-index:1}.slide-bottom>span:last-child,.camera-note,.app-slide .scenario-label,.app-slide .cta-row{display:none}.slide-bottom{justify-content:flex-start}}

/* Restaurant website uses the actual Mercado / Tivoli layout supplied by the user. */
/* Composition adapted from the user-supplied Tivoli slide 16. Scoped to Mercada slide 11. */
.website-slide .mercada-site-canvas{background:#f5f5f3;color:#282d23}.website-slide .site-scroll{height:640px;width:1120px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a5ac96 #f2f2ec;position:relative}.website-slide .site-scroll::-webkit-scrollbar{width:7px}.website-slide .site-scroll::-webkit-scrollbar-thumb{background:#a5ac96;border-radius:10px}.website-slide .site-scroll::-webkit-scrollbar-track{background:#f2f2ec}.website-slide .site-scroll:focus-visible{outline:3px solid #83966d;outline-offset:-4px}.website-slide .site-page{width:100%;min-height:100%;position:relative;background:#f5f5f3;padding-bottom:12px}.website-slide .ely-hero{height:430px;position:relative;overflow:hidden;background:#dfe3d4}.website-slide .ely-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%}.website-slide .ely-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f4f4eee8 0,#f4f4ee8c 15%,#f4f4ee00 48%,#172b1b00 50%,#142a1c80 100%);pointer-events:none}.website-slide .ely-header{position:absolute;z-index:3;top:22px;left:28px;right:28px;height:48px;display:flex;align-items:center;gap:25px;padding:0 15px;background:#fafbf4eb;border-radius:5px;color:#343a28}.website-slide .ely-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.website-slide .ely-brand>svg{width:31px;height:27px;flex-shrink:0}.website-slide .ely-brand>span{font-family:Geologica,Arial,sans-serif;font-size:22px;font-weight:400;letter-spacing:-.8px}.website-slide .ely-header nav{display:flex;gap:18px;align-items:center}.website-slide .mercada-site-canvas .ely-header nav button{border:0;padding:7px 0;background:none;color:#4d5340;font-size:10px}.website-slide .mercada-site-canvas .ely-header nav button:hover{text-decoration:underline;text-underline-offset:3px}.website-slide .ely-header .ely-address{margin-left:auto;font-size:9px;color:#565c4a;line-height:1.25}.website-slide .mercada-site-canvas .ely-dark{background:#353c21;color:#fffef6;border:0;border-radius:5px;font-size:10px;padding:9px 15px;min-height:31px}.website-slide .ely-dark:hover{background:#4b5730}.website-slide .ely-hero-copy{position:absolute;left:34px;bottom:31px;z-index:2;color:#fffef9;max-width:780px}.website-slide .mercada-site-canvas .ely-hero-copy p{font-size:12px;line-height:1.4;color:#edf2df;margin-bottom:18px;letter-spacing:.015em}.website-slide .mercada-site-canvas .ely-hero-copy h3{font-family:Geologica,Arial,sans-serif;font-size:57px;font-weight:500;line-height:1.06;letter-spacing:-.04em;color:#fffef9}.website-slide .mercada-site-canvas .site-booking.ely-promo{position:absolute;top:143px;right:34px;width:230px;padding:12px;background:#f7f8f2f5;border:1px solid #fdfef9;border-radius:12px;z-index:2;box-shadow:0 10px 35px #1f32132a}.website-slide .ely-promo>img{width:100%;height:125px;border-radius:7px;object-fit:cover;object-position:right 63%;display:block}.website-slide .mercada-site-canvas .ely-promo h4{font-family:Geologica,Arial,sans-serif;font-size:21px;font-weight:500;line-height:1.07;letter-spacing:-.035em;margin:13px 1px 0;color:#343a27}.website-slide .mercada-site-canvas .ely-promo>p{font-size:9px;margin:7px 1px 0;color:#7b846d}.website-slide .mercada-site-canvas .ely-promo .ely-dark{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:9px 10px;min-height:31px}.website-slide .ely-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:65px;padding:31px 34px 35px;align-items:start}.website-slide .mercada-site-canvas .ely-intro h4{font-size:28px;line-height:1.16;font-weight:500;letter-spacing:-.04em;color:#272c24}.website-slide .ely-intro h4>span{font-weight:400;font-size:28px;padding-right:6px}.website-slide .mercada-site-canvas .ely-intro p{font-size:11px;line-height:1.65;color:#616756;padding-top:3px;max-width:335px}.website-slide .ely-mosaic{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:139px 139px;gap:12px;margin:0 34px 14px}.website-slide .ely-photo-tile{border:0;background:#d4ddc8;border-radius:7px;position:relative;overflow:hidden;text-align:left;color:#fffef6;display:block;padding:0;min-width:0}.website-slide .ely-photo-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1c311b00 40%,#1c311b75);pointer-events:none}.website-slide .ely-photo-tile>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .25s}.website-slide .ely-photo-tile:hover>img{transform:scale(1.035)}.website-slide .ely-rooms{grid-row:1/3;grid-column:1}.website-slide .ely-rooms>img{object-position:92% center;transform:scale(1.25)}.website-slide .ely-rooms:hover>img{transform:scale(1.3)}.website-slide .ely-lake{grid-column:2;grid-row:1}.website-slide .ely-lake>img{object-position:38% 88%;transform:scale(1.5)}.website-slide .ely-lake:hover>img{transform:scale(1.55)}.website-slide .ely-park{grid-column:2;grid-row:2}.website-slide .ely-park>img{object-position:4% 40%;transform:scale(1.1)}.website-slide .ely-park:hover>img{transform:scale(1.15)}.website-slide .ely-tag{position:absolute;top:12px;left:12px;z-index:2;font-size:10px;line-height:1;background:#f8faf0e8;color:#4d5740;padding:8px 10px;border-radius:5px}.website-slide .ely-photo-tile>strong{position:absolute;bottom:21px;left:19px;z-index:2;font-size:29px;line-height:1.07;letter-spacing:-.04em;font-weight:500}.website-slide .ely-tile-arrow{position:absolute;right:13px;bottom:13px;z-index:2;width:31px;height:31px;background:#f7f9eff2;color:#485735;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:400}.website-slide .ely-links{grid-column:3;grid-row:1/3;display:grid;grid-template-rows:repeat(3,1fr);gap:11px}.website-slide .mercada-site-canvas .ely-links button{border:0;border-radius:7px;background:#e9ebe6;color:#33392b;font-size:24px;font-weight:450;line-height:1.15;letter-spacing:-.04em;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px}.website-slide .ely-links button:hover{background:#e1e5da}.website-slide .ely-links button b{font-size:18px;width:29px;height:29px;border-radius:50%;background:#f6f7f1;display:grid;place-items:center;font-weight:400;flex-shrink:0}.website-slide .ely-menu{height:271px;margin:0 34px;position:relative;border-radius:7px;overflow:hidden;background:#e9e5d9}.website-slide .ely-table{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.website-slide .ely-menu-copy{position:absolute;top:23px;left:24px;z-index:1}.website-slide .mercada-site-canvas .ely-menu-copy h4{font-size:34px;line-height:1.05;font-weight:500;letter-spacing:-.04em;color:#33372a}.website-slide .mercada-site-canvas .ely-menu-copy p{font-size:11px;color:#666d5a;line-height:1.5;margin-top:13px}.website-slide .ely-menu-tags{position:absolute;right:17px;top:16px;z-index:1;display:flex;gap:5px;flex-wrap:wrap;max-width:230px;justify-content:flex-end}.website-slide .ely-menu-tags span{background:#fffdf6a6;color:#7a7f6e;font-size:9px;line-height:1;padding:6px 8px;border-radius:4px}.website-slide .mercada-site-canvas .ely-menu-open{position:absolute;bottom:17px;right:17px;z-index:1;background:#fcfdf5;color:#50583d;border:0;border-radius:5px;padding:11px 13px;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:10px;min-height:33px}.website-slide .ely-menu-open:hover{background:#e9eedc}.website-slide .ely-menu-panel{position:absolute;inset:0;z-index:3;background:#f8f9f2f5;padding:25px 30px}.website-slide .ely-menu-panel[hidden]{display:none}.website-slide .mercada-site-canvas .ely-menu-panel h4{font-size:27px;line-height:1.2;margin-bottom:12px;font-weight:500}.website-slide .mercada-site-canvas .ely-menu-panel p{font-size:16px;line-height:1.4;border-bottom:1px solid #dbe1d0;padding:9px 0;max-width:500px;color:#5d694b}.website-slide .ely-menu-panel>small{display:block;font-size:10px;color:#8d9681;margin-top:13px}.website-slide .mercada-site-canvas .ely-menu-panel>button{position:absolute;right:20px;top:18px;width:30px;height:30px;border:1px solid #ccd5bf;background:transparent;border-radius:50%;font-size:24px;color:#6b7759;display:grid;place-items:center;line-height:1}.website-slide .ely-footer{padding:21px 35px 10px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#939c86}.website-slide .mercada-site-canvas .ely-footer button{font-size:10px;color:#6c7c57;background:none;border:0;padding:5px 0}.website-slide .mercada-site-canvas .ely-scroll-cue{position:absolute;bottom:14px;right:23px;z-index:6;border:1px solid #e0e6d0;border-radius:22px;background:#fbfcf5f2;color:#4c5d37;font-size:10px;padding:9px 13px;box-shadow:0 4px 20px #253b1b14}.website-slide .ely-scroll-cue:hover{background:#eaf0df}.website-slide .mercada-site-canvas .ui-toast{bottom:60px;background:#3b482a;border-color:#657552}
/* The logical desktop canvas preserves the supplied reference's proportions. */
.website-slide .mercada-site-browser{transform:none;background:#f5f5f3}
.website-slide .mercada-site-viewport{height:var(--mercada-site-height,440px);overflow:hidden;position:relative}
.website-slide .mercada-site-canvas{position:relative;width:1120px;height:640px;transform:scale(var(--mercada-site-scale,.7));transform-origin:top left;font-family:Geologica,Arial,sans-serif;line-height:1.4}
.website-slide .mercada-site-canvas button,.website-slide .mercada-site-canvas input,.website-slide .mercada-site-canvas select{font:inherit;letter-spacing:0}
.website-slide .mercada-site-canvas svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.website-slide .mercada-site-canvas button{cursor:pointer}
.website-slide .mercada-site-canvas button:focus-visible,.website-slide .mercada-site-canvas input:focus-visible,.website-slide .mercada-site-canvas select:focus-visible{outline:3px solid #83966d;outline-offset:3px}
.website-slide .mercada-site-canvas ::selection{background:#353c21;color:#fffef6}
.website-slide .mercada-site-canvas input{caret-color:#353c21}
.website-slide .mercada-site-canvas [hidden]{display:none!important}
.website-slide .ely-header{height:58px}
.website-slide .ely-brand>img{width:75px;height:48px;object-fit:contain}
.website-slide .ely-cover{object-position:50% 76%}
.website-slide .ely-hero:after{background:linear-gradient(180deg,#f4f4eeaa 0,#f4f4ee00 35%,#142a1c20 50%,#142a1cb8 100%)}
.website-slide .ely-hero-copy{max-width:760px}
.website-slide .mercada-site-canvas .ely-hero-copy h3{font-size:54px;letter-spacing:-.04em}
.website-slide .ely-rooms>img,.website-slide .ely-lake>img,.website-slide .ely-park>img{transform:none;object-position:center}
.website-slide .ely-photo-tile:hover>img{transform:scale(1.035)}
.website-slide .ely-tile-arrow>svg,.website-slide .ely-links b>svg{width:16px;height:16px}
.website-slide .ely-menu:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f5f5eff5 0,#f5f5efc9 35%,#f5f5ef00 75%);pointer-events:none}
.website-slide .ely-menu-copy,.website-slide .ely-menu-tags{z-index:1}
.website-slide .mercada-site-canvas .ely-promo>p{color:#59634b}
.website-slide .ely-menu-tags span{color:#424b35;background:#fffdf6e8}
.website-slide .ely-footer{color:#59634b;padding-bottom:58px}
.website-slide .mercada-site-booking{padding:25px 34px;background:#e9ebe6;color:#33392b;scroll-margin-top:16px}
.website-slide .mercada-booking-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}
.website-slide .mercada-booking-heading h4{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.03em}
.website-slide .mercada-booking-heading>button,.website-slide .mercada-site-message>button{width:36px;height:36px;border:1px solid #bec8b1;border-radius:50%;display:grid;place-items:center;flex:none;background:transparent;color:#33392b}
.website-slide .mercada-site-booking form{display:grid;grid-template-columns:1fr 1fr .8fr auto;gap:14px;align-items:end}
.website-slide .mercada-site-booking label{display:grid;gap:6px;font-size:12px}
.website-slide .mercada-site-booking input,.website-slide .mercada-site-booking select{min-height:42px;width:100%;min-width:0;border:1px solid #a5ac96;border-radius:5px;background:#fafbf4;color:#33392b;padding:7px 9px;font-size:14px}
.website-slide .mercada-site-booking form>button{min-height:42px;font-size:12px}
.website-slide .mercada-site-booking>p{font-size:12px;line-height:1.65;margin-top:12px;max-width:85ch}
.website-slide #mercada-booking-result{padding-top:12px;border-top:1px solid #bec8b1}
.website-slide .mercada-site-message{position:absolute;bottom:60px;left:34px;right:34px;z-index:7;background:#f7f8f2;color:#33392b;box-shadow:0 8px 26px #253b1b35;border-radius:7px;padding:15px 18px;display:flex;align-items:center;gap:18px;font-size:14px;line-height:1.6}
.website-slide .mercada-site-message>span{flex:1}
.website-slide .mercada-site-canvas .ely-menu-panel>button{width:36px;height:36px}
.website-slide .ely-menu-panel>small{color:#59634b}
.website-slide .ely-menu-panel{background:#f8f9f2}
@media screen and (max-width:860px),screen and (max-height:500px){
 .website-slide .website-stage{width:100%}
 .website-slide .mercada-site-viewport{height:640px}
 .website-slide .mercada-site-canvas{width:100%;height:640px;transform:none}
 .website-slide .site-scroll{width:100%;height:640px}
 .website-slide .ely-hero{height:570px}
 .website-slide .ely-hero:after{background:linear-gradient(180deg,#142a1c12 0,#142a1ca6 24%,#142a1ca6 48%,#142a1c55 75%,#142a1c80 100%)}
 .website-slide .ely-header{top:12px;left:12px;right:12px;height:auto;display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:7px 10px}
 .website-slide .ely-brand>img{height:45px;width:70px}
 .website-slide .ely-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:8px;border-top:1px solid #dbe1d0}
 .website-slide .mercada-site-canvas .ely-header nav button{font-size:11px;min-height:44px}
 .website-slide .ely-header .ely-address{display:none}
 .website-slide .ely-header>.ely-dark{grid-row:1;grid-column:2;min-height:44px;font-size:11px;padding:10px}
 .website-slide .ely-hero-copy{left:20px;top:150px;bottom:auto;right:15px}
 .website-slide .mercada-site-canvas .ely-hero-copy p{font-size:12px;line-height:1.6;margin-bottom:16px}
 .website-slide .mercada-site-canvas .ely-hero-copy h3{font-size:33px;line-height:1.13;letter-spacing:-.04em}
 .website-slide .mercada-site-canvas .site-booking.ely-promo{top:auto;bottom:17px;left:16px;right:16px;width:auto;display:grid;grid-template-columns:85px 1fr;gap:0 13px;padding:12px}
 .website-slide .ely-promo>img{grid-column:1;grid-row:1/4;height:100%;min-height:130px}
 .website-slide .mercada-site-canvas .ely-promo h4{font-size:18px;line-height:1.2;margin:2px 0 0}
 .website-slide .mercada-site-canvas .ely-promo>p{font-size:10px;line-height:1.5;margin:8px 0}
 .website-slide .mercada-site-canvas .ely-promo .ely-dark{margin-top:0;font-size:11px;min-height:44px}
 .website-slide .ely-intro{grid-template-columns:1fr;gap:17px;padding:27px 20px}
 .website-slide .mercada-site-canvas .ely-intro h4{font-size:25px;line-height:1.22}
 .website-slide .mercada-site-canvas .ely-intro p{font-size:13px;line-height:1.7;padding:0}
 .website-slide .ely-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:140px 140px auto;margin:0 16px 16px;gap:10px}
 .website-slide .ely-links{grid-column:1/-1;grid-row:3;grid-template-columns:1fr;grid-template-rows:repeat(3,auto);gap:9px}
 .website-slide .mercada-site-canvas .ely-links button{font-size:20px;min-height:76px;padding:14px 17px}
 .website-slide .ely-photo-tile>strong{font-size:23px;left:14px;bottom:22px}
 .website-slide .ely-tag{font-size:10px;line-height:1.3;padding:7px;top:9px;left:9px;right:9px;width:fit-content;max-width:calc(100% - 18px)}
 .website-slide .ely-menu{height:310px;margin:0 16px}
 .website-slide .ely-menu-copy{top:24px;left:19px}
 .website-slide .mercada-site-canvas .ely-menu-copy h4{font-size:29px;line-height:1.12}
 .website-slide .mercada-site-canvas .ely-menu-copy p{font-size:12px;line-height:1.65}
 .website-slide .ely-menu-tags{top:auto;bottom:79px;left:19px;right:auto}
 .website-slide .ely-menu-tags span{font-size:10px}
 .website-slide .mercada-site-canvas .ely-menu-open{min-height:44px;font-size:12px;left:18px;right:18px;bottom:18px}
 .website-slide .ely-footer{flex-wrap:wrap;padding:23px 19px 75px;font-size:11px;gap:16px}
 .website-slide .mercada-site-canvas .ely-footer button{font-size:12px;min-height:44px}
 .website-slide .mercada-site-canvas .ely-scroll-cue{font-size:12px;min-height:44px;right:14px;bottom:12px}
 .website-slide .mercada-site-booking{padding:23px 20px}
 .website-slide .mercada-booking-heading{align-items:start}
 .website-slide .mercada-booking-heading h4{font-size:21px;max-width:16ch}
 .website-slide .mercada-site-booking form{grid-template-columns:1fr;gap:14px}
 .website-slide .mercada-site-booking input,.website-slide .mercada-site-booking select,.website-slide .mercada-site-booking form>button{min-height:46px;font-size:14px}
 .website-slide .mercada-site-canvas .mercada-site-booking form>button{min-height:46px;font-size:14px}
 .website-slide .mercada-booking-heading>button,.website-slide .mercada-site-message>button{width:44px;height:44px}
 .website-slide .mercada-site-message{left:12px;right:12px;bottom:65px;padding:14px;font-size:12px;gap:10px}
 .website-slide .mercada-site-canvas .ely-menu-panel{padding:26px 18px}
 .website-slide .mercada-site-canvas .ely-menu-panel h4{font-size:22px;max-width:17ch;margin-bottom:17px}
 .website-slide .mercada-site-canvas .ely-menu-panel p{font-size:14px;line-height:1.4}
 .website-slide .mercada-site-canvas .ely-menu-panel>button{right:10px;top:12px;width:44px;height:44px}
 .website-slide .ely-menu-panel>small{font-size:11px;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.website-slide .ely-photo-tile>img{transition:none}}
@media screen and (max-width:360px){
 .website-slide .mercada-site-canvas .ely-hero-copy h3{font-size:28px}
 .website-slide .mercada-site-canvas .ely-promo h4{font-size:16px}
}
/* Requested refinements: deliberate title lines, guest loyalty, Mercado website. */
@font-face{font-family:Geologica;src:url('assets/geologica-cyrillic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;src:url('assets/geologica-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geologica;src:url('assets/geologica-cyrillic-500-normal.woff2') format('woff2');font-weight:500;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;src:url('assets/geologica-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}

.messenger-intro .copy{max-width:none}.messenger-intro h2{font-size:clamp(42px,4.8vw,78px)}.title-line{display:block;white-space:nowrap}
.loyalty-shortcut{width:100%;display:flex;align-items:center;gap:11px;background:#11120f;color:white;border-radius:11px;padding:11px;margin-bottom:10px;text-align:left}.loyalty-shortcut>img{width:48px;height:48px;background:white;border-radius:5px}.loyalty-shortcut>span:nth-child(2){flex:1;font-size:9px}.loyalty-shortcut b{display:block;font-size:15px;margin:3px 0;letter-spacing:-.03em}.loyalty-shortcut small{font-size:8px;color:#b9d4de}.loyalty-card{margin:0 12px 12px;background:var(--blue);border-radius:15px;overflow:hidden}.loyalty-balance{padding:15px 15px 12px}.loyalty-balance>span{display:block;font-size:10px;color:#567481}.loyalty-balance strong{display:block;font-size:35px;line-height:1.15;letter-spacing:-.05em;font-weight:600}.loyalty-balance small{font-size:8px;color:#5c7b88}.loyalty-qr{background:white;border-radius:12px;margin:0 8px 8px;padding:10px;text-align:center}.loyalty-qr>img{height:114px;width:114px;margin:auto}.loyalty-qr b{display:block;font-size:10px;margin-top:6px}.loyalty-qr p{font-size:9px;color:var(--muted);line-height:1.6;margin-top:5px}.loyalty-history{padding:0 14px}.loyalty-history h4{font-size:10px;margin-bottom:5px}.loyalty-history>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;padding:8px 0;border-top:1px solid var(--line)}.loyalty-history small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.loyalty-history b{font-size:12px;font-weight:600;color:#315f50}.loyalty-demo{padding:4px 13px 13px;display:flex;flex-wrap:wrap;gap:5px}.loyalty-demo button{background:var(--blue);font-size:9px;border-radius:8px;padding:8px;flex:1;white-space:nowrap}.loyalty-demo p{font-size:8px;line-height:1.6;color:var(--muted);margin-top:4px}.app-nav button{flex:1}.app-slide .scenarios{max-width:480px}
.website-slide .website-stage{display:flex;flex-direction:column;align-items:center;justify-content:center}.website-slide .browser{height:auto;max-height:none;flex:none;max-width:100%}.website-slide .website-stage>small{align-self:stretch}.website-slide .mercada-site-viewport{flex:none}.website-slide .site-scroll{border-radius:0;background:#f5f5f3}.website-slide .mercada-site-canvas .ely-hero-copy h3{max-width:760px;text-wrap:initial}.website-slide .ely-header .ely-brand>span{font-size:29px;letter-spacing:-.07em}.website-slide .ely-header .ely-brand{min-width:130px}.website-slide .ely-hero .site-booking{border:1px solid #fdfef9}.website-slide .mercada-site-canvas .mercada-site-booking>h4{font-family:Geologica,Arial,sans-serif;font-size:25px;letter-spacing:-.04em}.website-slide .mercada-site-booking>[data-site-demo]{margin-top:16px}
@media screen and (min-width:901px) and (max-height:780px){.messenger-intro h2{font-size:clamp(39px,4.65vw,70px)}}
@media screen and (max-width:900px){.messenger-intro h2{font-size:clamp(33px,7.7vw,60px)}.website-slide .mercada-site-canvas,.website-slide .site-scroll{width:100%;height:540px;transform:none}.website-slide .mercada-site-viewport{height:540px!important}.website-slide .website-stage{height:610px;justify-content:flex-start}.website-slide .ely-header .ely-brand{min-width:0}}
@media screen and (max-width:500px){.messenger-intro h2{font-size:clamp(29px,8.5vw,42px)}.website-slide .website-stage{height:610px}.website-slide .ely-header .ely-brand>span{font-size:27px}.app-slide .scenarios{gap:6px}.app-slide .scenario{font-size:10px;padding:9px 11px}.app-nav button{font-size:8px}}
@media print{.messenger-intro h2{font-size:76px}.website-slide .mercada-site-canvas{height:640px}.website-slide .website-stage{max-height:none}.website-slide .browser{max-height:none}.website-slide .site-scroll{overflow:hidden}.app-slide .loyalty-demo{display:none}.app-slide .phone{height:560px}.app-slide .loyalty-qr>img{height:132px;width:132px}.app-slide .loyalty-qr p{font-size:10px}.app-slide .loyalty-history{padding-top:7px}}
.website-slide .split{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.website-slide .website-stage,.website-slide .copy{min-width:0}.nowrap{white-space:nowrap}
@media screen and (max-width:900px){.website-slide .split{grid-template-columns:minmax(0,1fr)}}

@media print{.app-slide .loyalty-qr>img{width:110px;height:110px}.app-slide .loyalty-qr{padding:7px}.app-slide .loyalty-balance{padding:12px 14px 8px}.app-slide .loyalty-balance strong{font-size:31px}.app-slide .loyalty-card{margin-bottom:7px}.app-slide .loyalty-history{padding-top:0}}