:root{color-scheme:light dark;--bg:#f7faf7;--surface:#fff;--ink:#17382c;--muted:#62746b;--line:#dfe9e1;--brand:#245c40;--soft:#edf5ee;--shadow:0 3px 8px #163c2810,0 22px 65px #163c2810}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:break-word}h1,h2,h3{letter-spacing:-.03em}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}body>header{position:sticky;top:0;z-index:20;max-width:none;padding:18px max(24px,calc((100vw - 1170px)/2));background:#ffffffdc;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}header nav{justify-self:center;gap:24px}header .brand,footer .brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap;letter-spacing:-.04em}.brand-icon{width:32px;height:32px;flex:none}.header-actions{display:flex;align-items:center;justify-content:end;gap:16px}.nav-tagline{font-size:10px;max-width:65px}.cta{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border-radius:99px;background:var(--brand);color:#fff;padding:12px 24px;font-weight:650;font-size:14px;text-decoration:none}.header-cta{min-height:40px;padding:10px 20px;white-space:nowrap}.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}main{padding-top:0}.intro{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;padding:70px 20px 58px;margin-bottom:20px;gap:0}.intro:before{content:"";position:absolute;inset:0 -24px;z-index:-1;background:radial-gradient(ellipse at 50% 25%,#d9efdc99,transparent 65%),radial-gradient(#729b7130 .8px,transparent .8px);background-size:auto,19px 19px;mask-image:linear-gradient(#000 60%,transparent)}.hero-badge{display:inline-flex;border:1px solid #bbd6bd;background:#f1f8ec;border-radius:99px;padding:8px 15px;font-size:12px;font-weight:600;color:#416749;margin-bottom:22px}.intro .eyebrow{font-size:10px;margin-bottom:12px}.intro h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.03em;line-height:1.05;margin:12px 0 22px}.intro h1 em{color:#58805a}.intro p{max-width:510px;padding:0;margin:0 auto 25px;line-height:1.8;color:var(--muted);font-size:15px}.hero-actions,.trust-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.trust-chips{gap:20px;margin-top:24px;font-size:11px;color:var(--muted)}.trust-chips span:before{content:'✓';color:var(--brand);margin-right:5px}.studio{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:visible;align-items:start;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.editor{padding:32px}.step{display:flex;align-items:center;gap:10px;letter-spacing:.08em;color:var(--muted);font-size:10px}.step-number{width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;background:var(--soft);color:var(--brand);font-size:12px;flex:none}.types{gap:9px;padding:4px}.type{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:12px;transition:transform .18s,background .18s,color .18s}.type:hover{transform:translateY(-2px);background:var(--soft)}.type.active,.type.active:hover{background:var(--brand);color:#fff;border-color:var(--brand)}input,select{min-height:48px}input,select,textarea{background:var(--surface);border-color:var(--line);border-radius:12px;color:var(--ink);font-family:inherit}input:focus,textarea:focus,select:focus{outline:3px solid #5b936b38;border-color:var(--brand)}.filters button{background:var(--soft);color:var(--muted)}.filters .active{background:var(--brand);color:#fff}.themes button{width:32px;height:32px;outline:1px solid var(--line);border:3px solid var(--surface)}.themes button[aria-pressed=true]{outline:2px solid var(--brand);outline-offset:3px}.preview{position:sticky;top:96px;background:var(--soft);border-radius:0 24px 24px 0;padding:32px;min-width:0}.live{color:var(--brand)}.qr-card{background:#fff;border:1px solid #edf0ed;box-shadow:0 8px 25px #163c2810;border-radius:20px;color:#17382c}.qr-card #qr>svg{background:#fff;animation:qr-arrive .24s ease-out}#qr.is-empty>p{display:none}#qr.is-empty:before{content:'';display:block;width:108px;height:108px;margin:0 auto 18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='%23909b94'%3E%3Cpath d='M4 4h28v28H4zm44 0h28v28H48zM4 48h28v28H4zm8-36v12h12V12zm44 0v12h12V12zM12 56v12h12V56zm28-16h12v12H40zm20 0h16v12H60zM40 60h12v16H40zm20 0h8v8h-8zm8 8h8v8h-8z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.24}#qr.is-empty:after{content:'Your code appears here';display:block;color:#7b857e;font-size:12px}.preview p{color:var(--muted)}.downloads{display:flex;flex-direction:column;gap:10px}.downloads button,.mobile-download button{min-height:48px;border-radius:12px;font:600 13px system-ui;cursor:pointer}.downloads>#png,.mobile-download button{width:100%;background:var(--brand);color:#fff;border:1px solid var(--brand)}.outline-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.outline-actions button{width:100%;margin:0;background:transparent;color:var(--brand);border:1px solid #b6cbbb;padding:12px 8px;font-size:12px}.download-terms{font-size:10px!important}.launch-notice{display:flex;justify-content:center;align-items:center;gap:12px;padding:15px 20px;margin-top:28px;font-size:12px;color:var(--muted);background:var(--surface);border-color:var(--line)}.coming-pill{background:var(--soft);border-radius:99px;padding:5px 10px;font-size:10px;white-space:nowrap;color:var(--brand);font-weight:650}.benefits{gap:18px;border:0}.benefits article{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.feature-icon{display:grid;width:44px;height:44px;place-items:center;background:var(--soft);border-radius:13px;color:var(--brand)}.feature-icon svg{width:23px;height:23px}.benefits p{color:var(--muted)}.faq{max-width:800px;margin:40px auto 65px}details{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:0;margin:10px 0;overflow:hidden}summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:22px;gap:16px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;font-weight:400;transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{padding:0 22px 22px;margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:28px;color:var(--muted);font-size:11px;align-items:center;gap:20px}footer .brand{font-size:21px;color:var(--ink)}.seller-details{width:100%;font-size:11px}.saved-item,.empty{background:var(--surface);border-color:var(--line);color:var(--ink)}.hint,.saved-item p{color:var(--muted)}.business-page{padding:20px;width:min(100%,550px)}.biz-card,.reminder-sheet{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.biz-card h1,.reminder-sheet h1{color:var(--ink)}.biz-tagline,.biz-hours,.biz-address,.biz-credit,.biz-about{color:var(--muted)!important}.biz-hours,.biz-quick a{background:var(--soft);border-color:var(--line)}.biz-links a{background:var(--brand);color:#fff}.reminder-page{background:var(--bg);padding:24px;max-width:none}.reminder-sheet{width:100%;min-width:0}.reminder-copy{color:var(--ink)}.business-tabs button{color:var(--muted)}.business-tabs [aria-selected=true]{background:var(--soft);color:var(--brand)}body:has(main>section#terms)>main section{background:var(--surface);border-color:var(--line);box-shadow:0 4px 18px #163c2806;border-radius:24px}body:has(main>section#terms) a{color:var(--brand)}body:has(main>section#terms) .notice{background:var(--soft);border-color:var(--line)}@keyframes qr-arrive{from{opacity:.3;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.mobile-download[hidden]{display:none}
@media(prefers-color-scheme:dark){:root{--bg:#101b16;--surface:#18271f;--ink:#e5f0e8;--muted:#a7bbae;--line:#334b3c;--brand:#a7d7a8;--soft:#22382b;--logo-ink:#17382c;--shadow:0 3px 8px #0002,0 22px 65px #0003}body>header{background:#101b16dc}.cta,.downloads>#png,.mobile-download button,.biz-links a,.filters .active,.type.active,.type.active:hover{background:#a7d7a8;color:#142e1d}.secondary{background:var(--surface);color:var(--ink)}.hero-badge{background:#253c2b;border-color:#45664a;color:#c6dfc4}.intro h1 em{color:#a7d7a8}.intro:before{background:radial-gradient(ellipse at 50% 25%,#2b583a66,transparent 65%),radial-gradient(#91b09022 .8px,transparent .8px);background-size:auto,19px 19px}.qr-card{background:#fff}.qr-card .hint{color:#7b857e}.outline-actions button{color:var(--ink);border-color:#66886c}#error{color:#ffaaa0}a{color:inherit}.pill{border-color:var(--line)}.saved-item button{background:var(--soft);color:var(--ink);border-color:var(--line)}}
@media(max-width:900px){.nav-tagline{display:none}body>header{gap:15px;padding:15px 24px}header nav{gap:15px}.editor,.preview{padding:25px}.types{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body>header{grid-template-columns:1fr auto;padding:13px 16px;gap:9px}.brand-icon{width:27px;height:27px}header nav{grid-row:2;grid-column:1/-1;justify-self:center;font-size:12px;gap:23px}header .brand{font-size:20px}.header-cta{font-size:11px;padding:9px 15px;min-height:36px}.intro{padding:40px 0 35px}.intro h1{font-size:clamp(40px,6vw,72px)}.intro p{font-size:14px}.hero-badge{font-size:11px}.trust-chips{gap:12px;font-size:10px}.hero-actions .cta{padding:12px 18px;font-size:12px}.studio{grid-template-columns:minmax(0,1fr)}.preview{position:static;border-radius:0 0 24px 24px;order:2}.editor{padding:22px;min-width:0}main{padding-left:16px;padding-right:16px}.customise{gap:12px}.customise select{width:110px}.types{grid-template-columns:repeat(3,minmax(0,1fr))}.type{font-size:11px}.benefits{grid-template-columns:minmax(0,1fr);gap:12px}.launch-notice{font-size:11px;align-items:start;padding:14px;gap:9px}.coming-pill{font-size:9px}.qr-card{width:250px}footer{gap:20px}footer>span:not(.seller-details){font-size:10px}.mobile-download{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:30;box-shadow:0 -5px 25px #0001}.has-code{padding-bottom:85px}.reminder-sheet h1{font-size:30px}.reminder-page{padding:16px}.business-page{padding:16px;margin:16px auto}input,textarea,select{font-size:16px}.outline-actions .save{font-size:11px}.intro:before{inset:0 -16px}.business-page .biz-content{padding-left:22px;padding-right:22px}.biz-card{overflow-wrap:anywhere}}
@media(min-width:761px){.mobile-download{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.type:hover{transform:none}}

/* Warm editorial refresh — presentation only. */
:root{--bg:#f6f8f5;--surface:#fff;--ink:#17382c;--muted:#62746b;--line:#dbe4dc;--brand:#1f5a3c;--soft:#eaf4ec;--yellow:#ffd76a;--shadow:0 2px 6px #12351f06,0 18px 55px #12351f0c}body{font-family:'Figtree',system-ui,sans-serif}h1,h2,h3,.brand{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;letter-spacing:-.03em}.eyebrow,.step,.live,.bento-number,.coming-pill{font-family:'JetBrains Mono',monospace;font-weight:500}.cta,.downloads button,.mobile-download button,.outline-actions button,.save{border-radius:999px;font-family:'Figtree',system-ui,sans-serif}.hero-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:35px;align-items:start;padding:56px 0 35px}.intro{align-items:flex-start;text-align:left;padding:46px 0 20px;margin:0;min-width:0;animation:editorial-rise .5s ease-out both}.intro:before{display:none}.intro h1{font-size:clamp(40px,4.8vw,68px);line-height:1.04;overflow-wrap:normal}.intro h1 em{font-style:normal;color:var(--brand)}.intro h1 em span{position:relative;isolation:isolate;white-space:nowrap}.intro h1 em span:after{content:'';position:absolute;inset:auto -3px 2px;height:.19em;background:var(--yellow);transform:rotate(-2deg);z-index:-1}.intro p{margin-left:0;font-size:15px;max-width:370px}.hero-badge{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:-.02em;border:0;padding:8px 10px;background:#eaf1e7;color:var(--brand)}.hero-actions{justify-content:flex-start;gap:9px}.hero-actions .cta{font-size:12px;padding:12px 18px}.trust-chips{justify-content:flex-start;gap:12px;font-size:10px}.studio{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-width:0;border-radius:26px;box-shadow:var(--shadow);animation:editorial-rise .65s ease-out both;scroll-margin-top:120px}.editor{padding:23px 18px}.preview{position:sticky;top:96px;padding:27px 16px;border-radius:0 26px 26px 0}.qr-card{width:230px;padding:20px;max-width:100%;border-radius:20px;margin-top:20px}.preview h3{font-size:15px}.preview .note{font-size:10px}.types{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;max-height:265px;padding:4px;margin-bottom:23px}.type{display:flex;align-items:center;gap:6px;width:auto;border-radius:999px;padding:9px 11px;font-size:10px;min-height:36px}.type b{margin:0;flex:none}.type b svg{width:15px;height:15px}.type.active,.type.active:hover{background:#17382c;border-color:#17382c;color:#fff}.filters{gap:4px}.filters button{padding:7px 9px;font-size:10px}.step{font-size:8px;letter-spacing:.03em;gap:7px}.step-number{height:22px;width:22px;font-family:'Figtree',system-ui}.customise{gap:12px}.customise label{font-size:10px}.customise select{width:110px}.field label{font-size:11px}.downloads button{font-size:11px}.outline-actions{grid-template-columns:.65fr 1.35fr;gap:6px}.outline-actions .save{font-size:9px;padding:10px 3px}.frame-label{font-family:'JetBrains Mono',monospace;font-size:10px;margin-bottom:14px;letter-spacing:.1em;color:var(--brand)}body:has(#frame option:checked[value=""]) .frame-label{display:none}body:has(#frame option:nth-child(2):checked) .frame-label:after{content:'SCAN ME'}body:has(#frame option:nth-child(3):checked) .frame-label:after{content:'READ A REMINDER'}body:has(#frame option:nth-child(4):checked) .frame-label:after{content:'CONNECT WITH US'}body:has(#frame option:nth-child(5):checked) .frame-label:after{content:'VIEW MENU'}h2{font-size:clamp(29px,3.3vw,42px)}.sharing-section{padding-top:50px}.section-lede{font-size:15px;line-height:1.7;color:var(--muted);max-width:520px}.bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:26px}.bento{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);min-width:0}.bento h3{font-size:24px;line-height:1.12;margin:24px 0 12px}.bento p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:0}.bento-number{font-size:9px;letter-spacing:.04em}.bento a{display:inline-block;margin-top:23px;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.business-tile{grid-column:span 2;background:#1f5a3c;color:#fff;min-height:265px;display:flex;flex-direction:column;align-items:flex-start}.business-tile h3{font-size:37px}.business-tile p{color:#d2e7d8}.wifi-tile{background:#dff0e6;color:#183c2b}.files-tile{background:#ffd76a;color:#463a16}.wifi-tile p{color:#476653}.files-tile p{color:#6a5627}.print-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;margin-top:75px;padding:40px;border:1px solid var(--line);border-radius:26px;background:var(--surface)}.guide-intro img{max-width:100%;height:auto;margin-top:15px}.guide-notes{display:flex;flex-direction:column;justify-content:center;gap:22px}.guide-notes article{display:flex;gap:15px}.guide-notes article>span{font-family:'JetBrains Mono',monospace;font-size:11px;padding-top:5px;color:var(--brand)}.guide-notes h3{font-size:19px;margin:0 0 7px}.guide-notes p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.benefits{margin-top:30px}.benefits article{border-radius:22px}.feature-icon{background:var(--soft);color:var(--brand)}.closing-cta{width:100%;max-width:100%;margin:30px 0 0;padding:60px 24px;text-align:center;background:#153c2a;color:#fff}.closing-cta .eyebrow{color:#b9d4c2;font-size:10px}.closing-cta h2{max-width:670px;margin:18px auto;font-size:clamp(34px,4vw,50px)}.closing-cta p{color:#cbddcf;font-size:14px}.closing-cta .cta{background:#ffd76a;color:#273b22;margin-top:15px;padding:14px 25px}.closing-cta+footer{margin-top:35px}.reminder-sheet,.biz-card{border-radius:26px}.reminder-sheet h1{font-family:'Bricolage Grotesque',system-ui,sans-serif}@keyframes editorial-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1100px){.hero-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1.3fr);gap:22px}.intro h1{font-size:46px}.studio{grid-template-columns:minmax(0,1fr)}.preview{position:static;border-radius:0 0 26px 26px}.editor{padding:24px}.types{max-height:220px}.qr-card{width:250px}.customise{gap:14px}.hero-actions .cta{font-size:11px}.bento{padding:20px}.closing-cta{margin-left:0;margin-right:0}}
@media(max-width:760px){.hero-layout{display:flex;flex-direction:column;gap:22px;padding-top:20px}.intro{padding:20px 0 10px;align-items:flex-start;max-width:100%}.intro h1{font-size:clamp(40px,9vw,62px)}.intro p{max-width:100%}.hero-badge{font-size:9px}.hero-actions .cta{font-size:12px}.trust-chips{font-size:10px}.studio{width:100%;grid-template-columns:minmax(0,1fr)}.type{font-size:11px;padding:10px 12px}.step{font-size:9px}.editor{padding:22px}.preview{padding:27px 22px}.outline-actions .save{font-size:11px}.downloads button{font-size:13px}.types{max-height:275px}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.business-tile{grid-column:span 2}.bento{padding:20px;min-width:0}.bento h3{font-size:24px}.bento p{font-size:12px}.business-tile h3{font-size:33px}.bento-number{font-size:8px}.print-guide{grid-template-columns:minmax(0,1fr);padding:23px;gap:22px;margin-top:40px}.sharing-section{padding-top:30px}.closing-cta{margin-left:0;margin-right:0;padding:45px 22px}.closing-cta h2{font-size:35px}.guide-notes{gap:24px}}
@media(prefers-color-scheme:dark){:root{--bg:#0c1410;--surface:#131f19;--ink:#e8f1ea;--brand:#7fd6a2;--muted:#acc1b2;--line:#2d4436;--soft:#20362a;--yellow:#ffd76a}body>header{background:#0c1410d9}.hero-badge{background:#20382a;color:#b4e8c6}.intro h1 em{color:#7fd6a2}.intro h1 em span:after{background:#ffd76a55}.type.active,.type.active:hover{background:#7fd6a2;color:#0c2416;border-color:#7fd6a2}.business-tile{background:#1f5a3c;color:white}.wifi-tile{background:#dff0e6;color:#183c2b}.files-tile{background:#ffd76a;color:#463a16}.business-tile p{color:#d2e7d8}.wifi-tile p{color:#476653}.files-tile p{color:#6a5627}.qr-card{background:white}.cta:not(.secondary){color:#0e2c1b}.closing-cta .cta{color:#273b22}.closing-cta{background:#163d2a}}
@media(prefers-reduced-motion:reduce){.intro,.studio{animation:none}}

/* Prevent incidental horizontal overflow without creating a scroll container. */
body{overflow-x:clip}

/* Captions are rendered into the same SVG used by the preview and export. */
.caption-control{border:0;padding:0;margin:22px 0;min-width:0}.caption-control legend{font-size:12px;font-weight:700;margin-bottom:10px}.caption-chips{display:flex;flex-wrap:wrap;gap:7px}.caption-chips button{border:1px solid var(--line);border-radius:999px;padding:8px 10px;font:600 10px 'Figtree',system-ui,sans-serif;background:var(--surface);color:var(--ink);cursor:pointer}.caption-chips button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:white}#custom-caption-field{margin-top:12px}#caption-count{display:block;text-align:right;font-size:11px;color:var(--muted);margin-top:5px}.qr-card{aspect-ratio:auto;min-height:230px}#qr svg text{font-family:'Bricolage Grotesque',Arial,sans-serif} @media(prefers-color-scheme:dark){.caption-chips button[aria-pressed=true]{color:#0c2416}}