:root{--font-body:Arial;--font-mono:"Courier New";--font-display:Georgia;--dm:#b9b9b9}.demo-header{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:16px 24px;border-bottom:1px solid #444;background:#111}.demo-header a{color:inherit}.demo-header strong{font-size:20px}.demo-header span{color:#bbb;font-size:14px}.demo-header button{margin-left:auto}.demo-main{max-width:1500px;margin:auto;padding:26px}.demo-main>h1{font:400 clamp(26px,3vw,38px)/1.2 Georgia;margin:0 0 12px}.demo-intro{max-width:75ch;color:#ccc;line-height:1.6;margin-bottom:20px}.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.demo-tabs a,.demo-header button,.demo-buttons button{color:inherit;background:#202020;border:1px solid #555;border-radius:6px;padding:12px 16px;min-height:44px;font:14px/1.3 Arial;text-decoration:none}.demo-tabs a[aria-current]{border-color:#ff6b35;color:#ff9f1c}.demo-main button,.demo-main input,.demo-main select{min-height:40px}.demo-main label,.demo-main .font-mono{letter-spacing:.03em!important}.demo-main [class*="text-[10px]"]{font-size:12px!important;line-height:1.5;letter-spacing:.03em!important}.demo-main .uppercase{text-transform:none}.demo-outputs{padding:24px;border:1px solid #444;border-radius:12px}.demo-outputs h2{font-size:26px;margin-bottom:16px}.demo-outputs pre{white-space:pre-wrap;line-height:1.6;font-size:14px;margin:20px 0;max-width:90ch}.demo-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.pantry-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.pantry-row input{width:110px;background:#222;border:1px solid #666;padding:10px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff9f1c;outline-offset:3px}@media(max-width:700px){.demo-main{padding:20px 14px}.demo-header{padding:14px;gap:12px}.demo-tabs a{padding:10px;font-size:13px}.demo-main input,.demo-main select{font-size:16px;min-height:44px}.demo-outputs{padding:18px}}.demo-main .font-mono{font-family:Arial,sans-serif!important;letter-spacing:0!important}.demo-main [class*="text-[10px]"]{font-size:13px!important}.demo-main button{font-size:13px!important;min-height:44px}.demo-main select{min-height:44px;height:44px}.demo-main [class*=tracking-]{letter-spacing:0!important}.demo-main,.demo-main .grid,.demo-main .grid>*{min-width:0}.demo-main .overflow-x-auto{max-width:100%}@media(max-width:700px){.demo-main .flex:not(.flex-col){flex-wrap:wrap;min-width:0}.demo-main section,.demo-main fieldset,.demo-main .grid>*{min-width:0}.demo-main [class*="grid-cols-[80px"]{display:flex;flex-wrap:wrap;gap:10px}.demo-main [class*="grid-cols-["]>*{min-width:0;max-width:100%}.demo-main svg{max-width:100%;height:auto}.demo-main button{white-space:normal}.demo-main .font-mono{overflow-wrap:anywhere}}@media print{.demo-header,.demo-main>h1,.demo-intro,.demo-tabs,[data-print-hide]{display:none!important}.demo-main{padding:0!important;max-width:none}.demo-main .demo-outputs{border:0}.demo-header,html,body{background:#fff!important}}@media(max-width:700px){.demo-main .flex-col{flex-wrap:nowrap}.demo-header button{margin-left:0;padding:8px 10px;font-size:13px}.demo-header span{font-size:12px}.demo-main>h1{font-size:24px}.demo-intro{font-size:14px;line-height:1.5}.demo-main .demo-tabs{gap:6px}}@media print{[data-empty-qr=true]{display:none!important}}.plan-document{font-family:Arial,sans-serif;font-size:16px;line-height:1.65;max-width:72ch}.plan-document p{margin:16px 0}.plan-document h4{font-size:18px;font-weight:600;margin:26px 0 12px}.plan-document ul{padding-left:22px;list-style:disc}.plan-document li{margin:10px 0}.service-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.service-plan-grid article{min-width:0;padding-top:18px;border-top:1px solid #46534e}.service-plan-grid h3{font:400 25px/1.3 Georgia,serif;margin:12px 0}@media(max-width:800px){.service-plan-grid{grid-template-columns:1fr;gap:24px}.plan-document{font-size:16px}}.sample-company{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:28px;padding:24px;margin:24px 0;border:1px solid var(--ac);border-radius:12px;background:#141817}.sample-brand-logo{display:flex;flex:none;align-items:center;justify-content:center;width:200px;max-width:100%;min-height:100px;padding:16px;background:#f6f1e7;border-radius:6px}.sample-brand-logo svg{display:block;width:100%;max-height:150px;height:auto}.sample-brand-logo img{display:block;width:100%;max-height:150px;object-fit:contain}.sample-company>.sample-brand-logo{width:240px;min-height:180px}.sample-company-select{display:grid;gap:8px;font-size:14px;color:#d0dad6;max-width:560px}.sample-company-select select{width:100%;padding:10px 12px;border:1px solid #687a72;border-radius:5px;background:#202724;color:#f7f5ed;font:400 20px/1.4 var(--font-display),serif;min-height:48px}.sample-company p{margin:8px 0;color:#c6d0cb;font-size:15px;line-height:1.5}.sample-company .sample-company-tagline{font:400 21px/1.4 var(--font-display),serif;color:#f4f1e8}.sample-company .sample-company-note{font-size:13px;color:#aebeb5}.demo-company-workspace .demo-tabs a[aria-current]{border-color:var(--a2);color:var(--a2)}.company-tools .sample-brand-logo{margin-bottom:10px}.demo-company-workspace .demo-main>h1{font-family:var(--font-display),serif}@media(max-width:700px){.sample-company{grid-template-columns:1fr;gap:20px;padding:20px}.sample-company>.sample-brand-logo{width:100%;max-width:280px;justify-self:center;min-height:140px}.sample-brand-logo svg{max-height:130px}.sample-company-select select{font-size:19px}.sample-company p{font-size:14px}.company-tools .sample-brand-logo{width:180px}.sample-company .sample-company-note{font-size:13px}}@media print{.sample-company{display:none!important}.company-tools .sample-brand-logo{background:#f6f1e7!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media print{.sample-menu-document>.rounded-2xl{break-inside:auto!important;page-break-inside:auto!important}.demo-company-workspace [class*="text-[var(--a2)]"]{color:#222!important;-webkit-text-fill-color:#222!important}.sample-menu-document section>h2{break-after:avoid;page-break-after:avoid}}.company-tools select{min-width:0;max-width:100%;width:100%}