Loading your welcome guide…

This should only take a moment.
<!DOCTYPE html>
<html lang="{{LANG}}" data-theme="{{THEME}}" style="{{THEME_VARS}}"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=1">
<meta name="theme-color" content="{{THEME_COLOR}}">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="{{PROP_NAME}}">
<title>{{PROP_NAME}} · {{LOCATION}}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500&family=Manrope:wght@400;500;600&family=IBM+Plex+Mono:wght@500&family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&family=Lora:ital,wght@0,500;0,600;1,500&display=swap" rel="stylesheet">
<style>
:root{--bg:#F5EFE6;--surface:#FAF6EF;--surface-2:#EFE7D8;--ink:#2D2418;--ink-2:#6B5742;--ink-3:#8A7257;--accent:#B8946B;--accent-soft:#D4B896;--accent-deep:#8A6F4A;--line:#E5DCD0;--line-strong:#D6CAB5;--danger:#B8512A;--serif:'Fraunces',Georgia,serif;--sans:'Manrope',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
[data-theme="coastal"]{--bg:#EAF1F5;--surface:#FFFFFF;--surface-2:#F4F8FA;--surface-3:#DDE7EC;--ink:#182733;--ink-2:#3A5260;--ink-3:#6B8290;--accent:#3E7B91;--accent-soft:#A8C8D4;--accent-deep:#2C5C6E;--line:#D5DDE2;--line-strong:#BFCBD3;--danger:#C2553A;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',-apple-system,system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
[data-theme="modern"]{--bg:#F2F0EB;--surface:#FFFFFF;--surface-2:#F7F5F0;--surface-3:#E8E4DC;--ink:#1A1A1A;--ink-2:#4A4A4A;--ink-3:#7A7A7A;--accent:#C24A2F;--accent-soft:#E5A395;--accent-deep:#962F1A;--line:#DDD9D2;--line-strong:#C8C3BA;--danger:#B33A2A;--serif:'Space Grotesk',system-ui,sans-serif;--sans:'Inter',-apple-system,system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
[data-theme="cabin"]{--bg:#EFEAD8;--surface:#F7F3E6;--surface-2:#E5DFC8;--surface-3:#D8D0B5;--ink:#2A3024;--ink-2:#4A5240;--ink-3:#76806B;--accent:#4A6B3A;--accent-soft:#A8BB9A;--accent-deep:#34502A;--line:#DCD4BC;--line-strong:#C5BBA0;--danger:#B8512A;--serif:'Lora',Georgia,serif;--sans:'Inter',-apple-system,system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
[data-theme="bw"]{--bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F4F4F4;--surface-3:#EAEAEA;--ink:#0B0B0B;--ink-2:#3A3A3A;--ink-3:#787878;--accent:#111111;--accent-soft:#D2D2D2;--accent-deep:#000000;--line:#E4E4E4;--line-strong:#CCCCCC;--danger:#9A2A2A;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',-apple-system,system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
[data-theme="gold"]{--bg:#121212;--surface:#1C1B19;--surface-2:#262420;--surface-3:#332F28;--ink:#F3EEE2;--ink-2:#C9C2B2;--ink-3:#9A9384;--accent:#C9A24B;--accent-soft:#5C4E2C;--accent-deep:#E4C46B;--line:#34302A;--line-strong:#46413A;--danger:#D9785C;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',-apple-system,system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
[data-theme="blush"]{--bg:#FDF3F6;--surface:#FFFFFF;--surface-2:#FBE7EE;--surface-3:#F6D5E0;--ink:#1A1115;--ink-2:#4D3E45;--ink-3:#8C7B83;--accent:#D94E89;--accent-soft:#F4C6D9;--accent-deep:#B23A6C;--line:#F1DCE5;--line-strong:#E6C5D2;--danger:#C23A2A;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',-apple-system,system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
[data-theme="citrus"]{--bg:#FBF6F0;--surface:#FFFFFF;--surface-2:#F7EEE2;--surface-3:#EFE0CE;--ink:#171311;--ink-2:#473F38;--ink-3:#867A6E;--accent:#E26425;--accent-soft:#F6C9A4;--accent-deep:#B84A16;--line:#EDE0D0;--line-strong:#DCCAB5;--danger:#C23A2A;--serif:'Space Grotesk',system-ui,sans-serif;--sans:'Inter',-apple-system,system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
[data-theme="terracotta"]{--bg:#F4EADC;--surface:#FBF4E9;--surface-2:#EBDCC8;--surface-3:#DECBB1;--ink:#3A2A20;--ink-2:#5E4A3C;--ink-3:#8B7464;--accent:#C16A43;--accent-soft:#AEB793;--accent-deep:#9A4F2C;--line:#E2D2BD;--line-strong:#D0BBA0;--danger:#B8512A;--serif:'Lora',Georgia,serif;--sans:'Inter',-apple-system,system-ui,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;background:var(--bg-grad,var(--bg));color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg-grad,var(--bg));position:relative;display:flex;flex-direction:column}
.header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:0.5px solid var(--line);padding:14px 20px 12px;padding-top:max(14px,env(safe-area-inset-top));text-align:center}
.h-eb{font-size:10.5px;color:var(--ink-3);letter-spacing:2px;text-transform:uppercase;margin:0 0 4px;font-weight:500}
.h-t{font-family:var(--serif);font-size:22px;font-weight:500;color:var(--ink);margin:0;letter-spacing:-0.01em}
.h-s{font-size:11.5px;color:var(--ink-3);margin:3px 0 0;letter-spacing:0.3px}
.bb{display:flex;align-items:center;padding:14px 20px;padding-top:max(14px,env(safe-area-inset-top));background:var(--surface);border-bottom:0.5px solid var(--line);position:sticky;top:0;z-index:10}
.bbtn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent-deep);font-family:var(--sans);font-size:14px;font-weight:500;padding:4px 6px 4px 0;cursor:pointer}
.bbtn svg{width:18px;height:18px}
.bt{flex:1;text-align:center;font-family:var(--serif);font-size:16px;font-weight:500;color:var(--ink);margin:0;padding-right:50px}
main{flex:1;position:relative}
.s{display:none;padding:20px 20px 40px;animation:sl 0.28s ease}
.s.act{display:block}
@keyframes sl{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
.hero{aspect-ratio:16/10;background:var(--accent-soft) center/cover no-repeat;border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden}
.hero.has-img{background-color:var(--ink)}
.hero-l{position:absolute;bottom:18px;left:18px;background:rgba(250,246,239,0.92);padding:6px 12px;border-radius:100px;font-size:11px;letter-spacing:1px;color:var(--accent-deep);font-weight:500;text-transform:uppercase}.wt{text-align:center;color:var(--ink-2);font-size:14.5px;font-style:italic;font-family:var(--serif);margin:0 0 18px;padding:0 8px;line-height:1.55}
.sr{display:flex;justify-content:center;margin:0 0 22px;padding:12px 8px;background:var(--surface);border-radius:12px;border:0.5px solid var(--line)}
.st{flex:1;text-align:center;padding:0 4px;border-right:0.5px solid var(--line)}
.st:last-child{border-right:none}
.sv{font-family:var(--serif);font-size:17px;font-weight:500;color:var(--ink);display:block}
.sl{font-size:10.5px;color:var(--ink-3);letter-spacing:0.8px;text-transform:uppercase;display:block;margin-top:2px}
.ng{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.nt{flex:1 1 calc(33.333% - 7px);background:var(--surface);border:0.5px solid var(--line);border-radius:16px;padding:18px 8px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:var(--sans);color:var(--ink);text-align:center}
.nt:active{transform:scale(0.96);background:var(--surface-2)}
.ni{width:36px;height:36px;border-radius:50%;background:var(--bg);border:0.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--accent-deep)}
.ni svg{width:18px;height:18px}
.nl{font-size:11.5px;font-weight:500;color:var(--ink)}
.hf{text-align:center;padding:16px 0 0;border-top:0.5px solid var(--line)}
.hl{font-size:11px;color:var(--ink-3);letter-spacing:1.2px;text-transform:uppercase;font-weight:500;margin:0 0 10px}
.hk{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--surface);text-decoration:none;padding:11px 20px;border-radius:100px;font-size:13px;font-weight:500}
.hk svg{width:14px;height:14px}
.eb{font-size:10.5px;color:var(--ink-3);letter-spacing:1.8px;text-transform:uppercase;font-weight:500;margin:4px 0 6px}
.tt{font-family:var(--serif);font-size:30px;font-weight:500;line-height:1.1;margin:0 0 14px;letter-spacing:-0.02em;color:var(--ink)}
.le{font-size:15px;color:var(--ink-2);margin:0 0 22px;line-height:1.55}
.ca{background:var(--surface);border:0.5px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:16px 18px;margin-bottom:14px}
.cl{font-size:10.5px;color:var(--ink-3);letter-spacing:1.6px;text-transform:uppercase;font-weight:500;margin:0 0 6px}
.cv{font-family:var(--serif);font-size:22px;color:var(--ink);margin:0;font-weight:500;word-break:break-all}
.cvm{font-family:var(--mono);font-size:26px;color:var(--ink);margin:0;font-weight:500;letter-spacing:8px}
.cpb{display:inline-flex;align-items:center;gap:5px;background:none;border:0.5px solid var(--line-strong);color:var(--accent-deep);font-family:var(--sans);font-size:12px;font-weight:500;padding:6px 12px;border-radius:100px;cursor:pointer;margin-top:10px}
.cpb svg{width:13px;height:13px}
.stp{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.stpi{display:flex;align-items:center;gap:14px;background:var(--surface);border:0.5px solid var(--line);border-radius:12px;padding:12px 14px}
.stpn{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--surface);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.stpl{font-size:10.5px;letter-spacing:1.6px;color:var(--accent-deep);text-transform:uppercase;font-weight:600;min-width:60px;flex-shrink:0}
.tl{list-style:none;padding:0;margin:0}
.tl li{display:flex;gap:12px;padding:10px 0;border-bottom:0.5px solid var(--line);font-size:14px;color:var(--ink-2);line-height:1.5}
.tl li:last-child{border-bottom:none}
.tl li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:9px;flex-shrink:0}
.pl{background:var(--surface);border:0.5px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px}
.pl-link{display:block;text-decoration:none;color:inherit;transition:background 0.15s,transform 0.05s}
.pl-link:active{background:var(--surface-2);transform:scale(0.99)}
.pl-link .pn::after{content:' \2197';font-size:11px;color:var(--ink-3);font-weight:400;margin-left:2px}
.ct-link{color:var(--accent-deep);text-decoration:none;border-bottom:0.5px dashed var(--accent-soft);padding-bottom:1px}
.ct-link::after{content:' \2197';font-size:11px;color:var(--ink-3);font-weight:400;margin-left:1px}
.ct-link:active{color:var(--ink)}
.pn{font-family:var(--serif);font-size:17px;font-weight:500;color:var(--ink);margin:0 0 4px}
.pd{font-size:13px;color:var(--ink-2);margin:0;line-height:1.5}
.cta{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--ink);color:var(--surface);text-decoration:none;padding:14px 16px;border-radius:12px;font-size:14px;font-weight:500;width:100%;border:none;cursor:pointer;font-family:var(--sans);margin-top:4px}
.cta svg{width:16px;height:16px}
.cta2{background:var(--surface);color:var(--ink);border:0.5px solid var(--line-strong)}
.el{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:0.5px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px;text-decoration:none;color:inherit}
.elb{font-size:12.5px;color:var(--ink-2);margin:0 0 2px}
.ev{font-family:var(--serif);font-size:18px;font-weight:500;color:var(--ink);margin:0}
.ec{color:var(--ink-3)}
.ec svg{width:20px;height:20px}
.cli{display:flex;align-items:center;gap:12px;background:var(--surface);border:0.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;user-select:none;margin-bottom:8px}
.cbx{width:22px;height:22px;border:1.5px solid var(--line-strong);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:transparent}
.cbx svg{width:14px;height:14px}
.cli.dn .cbx{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.cli.dn .ct{color:var(--ink-3);text-decoration:line-through}
.ct{font-size:14px;color:var(--ink);flex:1}
.pll{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.p{background:var(--surface-2);color:var(--accent-deep);padding:5px 11px;border-radius:100px;font-size:11.5px;font-weight:500}
.tst{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--surface);padding:10px 18px;border-radius:100px;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:all 0.25s ease;z-index:100}
.tst.show{opacity:1;transform:translateX(-50%) translateY(0)}
.pdfbtn{position:fixed;bottom:20px;right:20px;z-index:200;background:var(--ink);color:var(--surface);border:none;border-radius:100px;padding:12px 18px;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 10px 26px -10px rgba(0,0,0,.45)}
/* Desktop / tablet: render the mobile-first guide inside a phone frame so it
   looks intentional on wide screens. The guide itself becomes the scroller, so
   the sticky header/back-bar pin to the top of the device (not the browser). */
@media (min-width:600px){
  body{background:#e7e1d5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 16px}
  .app{width:402px;max-width:402px;height:min(844px,calc(100vh - 56px));min-height:0;
    overflow-y:auto;overflow-x:hidden;border-radius:50px;border:13px solid #1c1c1e;
    box-shadow:0 44px 90px -26px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.06)}
  .app::-webkit-scrollbar{width:0;height:0}
  .pdfbtn{display:none}
}
@media print{@page{margin:14mm}html,body{background:#fff!important}.app{max-width:100%!important;min-height:0!important}.header{position:static!important}.bb{display:none!important}.ng{display:none!important}.s{display:block!important;animation:none!important;padding:0 0 16px!important;page-break-inside:avoid}.s+.s{border-top:0.5px solid var(--line);padding-top:16px!important;margin-top:8px}.cpb,.tst,.hk,.cta,.pdfbtn,.dd-langsw{display:none!important}.ec{display:none!important}.pl-link .pn::after{content:''!important}.ct-link::after{content:''!important}.dd-hide{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}
</style></head>
<body>
<div class="app">
<div data-h="home" class="header"><p class="h-eb">Your guide to</p><h1 class="h-t">{{PROP_NAME}}</h1><p class="h-s">{{LOCATION}}</p></div>
<div data-h="detail" class="bb" style="display:none"><button class="bbtn" onclick="gh()"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>Home</button><p class="bt" id="bt"></p></div>
<main>

<section class="s act" data-s="home">
<div class="hero{{HERO_HAS_IMG}}" style="{{HERO_STYLE}}">{{HERO_BADGE}}</div>
<p class="wt">{{WELCOME_MSG}}</p>
<div class="sr">
<div class="st"><span class="sv">{{GUESTS}}</span><span class="sl">Guests</span></div>
<div class="st"><span class="sv">{{ROOMS}}</span><span class="sl">Setup</span></div>
{{RATING_TILE}}
</div>
<div class="ng">
<button class="nt" onclick="sh('checkin','Check-in')"><span class="ni"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="8" cy="15" r="4"/><path d="M10.85 12.15 19 4"/><path d="m18 5 1 1"/><path d="m15 8 4 4"/></svg></span><span class="nl">Check-in</span></button>
{{ABOUT_TILE_HTML}}
<button class="nt" onclick="sh('wifi','WiFi & TV')"><span class="ni"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 13a10 10 0 0 1 14 0"/><path d="M8.5 16.5a5 5 0 0 1 7 0"/><path d="M2 8.82a15 15 0 0 1 20 0"/><line x1="12" y1="20" x2="12.01" y2="20"/></svg></span><span class="nl">WiFi & TV</span></button>
{{FEATURE_TILE_HTML}}
{{AMENITIES_TILE_HTML}}
<button class="nt" onclick="sh('guide','Local guide')"><span class="ni"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21 3 6"/><line x1="9" y1="3" x2="9" y2="18"/><line x1="15" y1="6" x2="15" y2="21"/></svg></span><span class="nl">Local guide</span></button>
{{RULES_TILE_HTML}}
<button class="nt" onclick="sh('emergency','Emergency')"><span class="ni"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg></span><span class="nl">Emergency</span></button>
<button class="nt" onclick="sh('checkout','Checkout')"><span class="ni"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg></span><span class="nl">Checkout</span></button>
</div>
<div class="hf"><p class="hl">Hosted by {{HOST_NAME}}</p>{{HOST_CONTACT_BTN_HTML}}<!--LANGSW--></div>
</section>

<section class="s" data-s="checkin">
<p class="eb">Self check-in</p><h2 class="tt">Welcome aboard.</h2><p class="le">Everything you need to get in. Check-in from <strong style="color:var(--ink);font-weight:500">{{CHECKIN_TIME}}</strong>, checkout by <strong style="color:var(--ink);font-weight:500">{{CHECKOUT_TIME}}</strong>.</p>
{{ACCESS_CODE_HTML}}
<div class="stp">
<div class="stpi"><span class="stpl">Address</span>{{ADDRESS_HTML}}</div>
<div class="stpi"><span class="stpl">Parking</span><span class="ct">{{PARKING}}</span></div>
<div class="stpi"><span class="stpl">Door</span><span class="ct">{{DOOR_INSTRUCTIONS}}</span></div>
</div>
{{HOST_MSG_CTA_HTML}}
</section>

<section class="s" data-s="wifi">
<p class="eb">Stay connected</p><h2 class="tt">WiFi & TV.</h2><p class="le">Strong signal throughout the property.</p>
<div class="ca"><p class="cl">Network</p><p class="cv">{{WIFI_NET}}</p><button class="cpb" onclick="cp(this.dataset.val,'Network copied')" data-val="{{WIFI_NET}}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>Copy</button></div>
<div class="ca"><p class="cl">Password</p><p class="cv" style="font-family:var(--mono);font-size:18px">{{WIFI_PW}}</p><button class="cpb" onclick="cp(this.dataset.val,'Password copied')" data-val="{{WIFI_PW}}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>Copy password</button></div>
<div style="background:var(--surface);border:0.5px solid var(--line);border-radius:14px;padding:18px;margin-top:18px"><p class="cl" style="margin-bottom:10px">Smart TV streaming</p><div class="pll">{{STREAMING_PILLS}}</div></div>
</section>

{{FEATURE_SECTION_HTML}}
{{ABOUT_SECTION_HTML}}
{{AMENITIES_SECTION_HTML}}

{{RULES_SECTION_HTML}}

<section class="s" data-s="guide">
<p class="eb">{{HOST_NAME}}'s favorites</p><h2 class="tt">Local guide.</h2><p class="le">My personal picks for the area.</p>
<p class="cl" style="margin-top:8px">Where I eat</p>
{{RESTAURANTS_HTML}}
<p class="cl" style="margin-top:18px">Things to do</p>
{{TODOS_HTML}}
<p class="cl" style="margin-top:18px">Practical nearby</p>
{{GROCERY_HTML}}
{{PHARMACY_HTML}}
</section>

<section class="s" data-s="emergency">
<p class="eb">Tap to call</p><h2 class="tt">Emergency.</h2><p class="le">For life-threatening emergencies, call 911 immediately.</p>
<a class="el" href="tel:911" style="border-color:var(--danger);border-width:1px"><div><p class="elb">Emergency</p><p class="ev" style="color:var(--danger)">911</p></div><span class="ec"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg></span></a>
<a class="el" href="tel:{{POLICE}}"><div><p class="elb">Non-emergency police</p><p class="ev">{{POLICE}}</p></div><span class="ec"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg></span></a>
{{HOSPITAL_HTML}}
{{HOST_EMERGENCY_HTML}}
</section>

<section class="s" data-s="checkout">
<p class="eb">Before you go</p><h2 class="tt">Checkout.</h2><p class="le">Out by <strong style="color:var(--ink);font-weight:500">{{CHECKOUT_TIME}}</strong>. Tap each step as you go.</p>
<div>
{{CHECKOUT_LIST_HTML}}
</div>
{{REVIEW_SECTION_HTML}}
<p style="text-align:center;font-family:var(--serif);font-style:italic;color:var(--ink-2);margin:24px 0 0;font-size:16px">Thanks for choosing {{PROP_NAME}}. Come back and see us.<br><span style="font-style:normal;color:var(--ink);font-weight:500">— {{HOST_NAME}}</span></p>
<p style="text-align:center;color:var(--ink-3);margin:28px 0 8px;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;font-weight:500">DocuDome Studio</p>
<p style="text-align:center;color:var(--ink-3);margin:0 0 4px;font-size:11px;font-style:italic">Made for hosts, by a host</p>
<p style="text-align:center;color:var(--ink-3);margin:0;font-size:10.5px">© 2026 DocuDome Studio</p>
</section>

</main></div>
<div class="tst" id="t"></div>
<button class="pdfbtn" id="pdfbtn" onclick="window.print()" style="display:none">Save as PDF</button>
<script>
function sh(s,t){document.querySelectorAll('.s').forEach(e=>e.classList.remove('act'));document.querySelector('[data-s="'+s+'"]').classList.add('act');if(s==='home'){document.querySelector('[data-h="home"]').style.display='';document.querySelector('[data-h="detail"]').style.display='none';}else{document.querySelector('[data-h="home"]').style.display='none';document.querySelector('[data-h="detail"]').style.display='';document.getElementById('bt').textContent=t||'';}window.scrollTo({top:0});}
function gh(){sh('home');}
function cp(x,m){if(navigator.clipboard)navigator.clipboard.writeText(x).then(()=>tst(m));else tst(m);}
function tst(m){var e=document.getElementById('t');e.textContent=m;e.classList.add('show');clearTimeout(window._t);window._t=setTimeout(()=>e.classList.remove('show'),2000);}
if(/[?&]pdf=1/i.test(location.search)){var _pb=document.getElementById('pdfbtn');if(_pb)_pb.style.display='';}
function ddPdfClean(){document.querySelectorAll('.pl').forEach(function(el){var pd=el.querySelector('.pd');var t=pd?pd.textContent.trim():'';if((t.charAt(0)==='['&&t.slice(-1)===']')||/will appear here/i.test(t))el.classList.add('dd-hide');});document.querySelectorAll('.ev').forEach(function(v){var t=v.textContent.trim();if(t.charAt(0)==='['&&t.slice(-1)===']'){var r=v.closest('.el');if(r)r.classList.add('dd-hide');}});var g=document.querySelector('[data-s="guide"]');if(g){g.querySelectorAll('.cl').forEach(function(lbl){var n=lbl.nextElementSibling,cards=0,allHidden=true;while(n&&!n.classList.contains('cl')){if(n.classList.contains('pl')){cards++;if(!n.classList.contains('dd-hide'))allHidden=false;}n=n.nextElementSibling;}if(cards&&allHidden)lbl.classList.add('dd-hide');});}}
window.addEventListener('beforeprint',ddPdfClean);
</script>
<script src="/welcome-i18n.js"></script>
</body></html>