:root{--ivory:#f6f3ed;--paper:#fffdf8;--ink:#202d2c;--stone:#697370;--line:#dddcd2;--sea:#203f3b;--brass:#a48753}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.7 Arial,sans-serif}a{color:var(--sea)}button,select{font:inherit}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brass);outline-offset:4px}.demo-banner{background:#eee4cc;text-align:center;padding:10px 16px;color:#644b20;font-size:13px;font-weight:bold}header{text-align:center;padding:26px 20px 30px;border-bottom:1px solid var(--line)}header img{object-fit:contain}.wordmark{font:bold 32px Georgia,serif;letter-spacing:.16em;margin:8px 0 12px;direction:ltr}header p{font-size:12px;margin:0}header span{font-size:11px;color:var(--stone)}main{max-width:1120px;margin:auto;padding:40px 32px}.intro{max-width:640px;margin-bottom:36px}.eyebrow{font-size:12px;letter-spacing:.04em;color:var(--brass);font-weight:bold}h1{font-size:54px;line-height:1.12;font-weight:500;margin:18px 0 22px}h2{font-size:28px;font-weight:500;line-height:1.4;margin:0 0 20px}h3{font-size:20px;line-height:1.5;margin:34px 0 10px}p{margin:0 0 16px}.intro p{color:var(--stone);font-size:19px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.controls{background:#ece9de;padding:30px;border-radius:8px}.controls>p{color:var(--stone);font-size:15px}label{display:block;font-size:13px;font-weight:bold;margin:22px 0 8px}select{width:100%;border:1px solid #a5aca4;border-radius:4px;padding:12px;background:var(--paper);color:var(--ink);min-height:48px}.sample{padding:22px 0}.sample span{display:block;font-size:12px;color:var(--stone);margin-bottom:8px}.sample strong{display:block;direction:ltr;text-align:right;font-size:22px}.sample p{font-size:13px;margin:6px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.button,button{min-height:48px;padding:12px 18px;border-radius:4px;border:1px solid var(--sea);background:var(--sea);color:#fff;text-decoration:none;cursor:pointer;font-size:14px;display:inline-block;text-align:center}.secondary{background:transparent;color:var(--sea)}#feedback{min-height:24px;text-align:center;font-size:13px;margin:10px 0}.fine{font-size:12px!important;color:var(--stone)}#qr{text-align:center}#qr svg{width:232px;height:232px;display:block;margin:auto;background:white}.qr-note{font-size:12px;text-align:center;margin:10px 0 20px}.preview-label{margin-bottom:14px}.pass{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:38px 30px;text-align:center;box-shadow:0 8px 28px #202d2c09}.pass-mark{font:24px Georgia,serif;letter-spacing:.12em;direction:ltr}.pass-sub{font-size:12px;color:var(--stone);margin:8px 0 28px}.status{display:inline-block;background:#e5eee7;border:1px solid #b9ccb9;border-radius:30px;padding:8px 20px;font-weight:bold;color:var(--sea)}.status.expired,.status.cancelled,.status.invalid{background:#f3e8e3;border-color:#dfc2b4;color:#84533b}.status.future{background:#eee9da;border-color:#d5c4a6;color:#766038}.pass h2{font-size:28px;margin:22px 0 8px;direction:ltr}.pass p{color:var(--stone);font-size:14px}.dates{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:center;padding:20px 0;margin:26px 0}.dates span{display:block;color:var(--stone);font-size:12px}.dates strong{font-size:20px;direction:ltr;display:block;font-weight:500}.demo-clock{font-size:12px!important;background:#f5eedb;padding:12px;border-radius:4px}.pass .security{font-size:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.proposal{margin-top:68px;border-top:1px solid var(--line);padding-top:44px}.lead{font-size:19px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:32px 0}.grid article{border-top:2px solid var(--brass);padding-top:18px}.grid h3{margin:8px 0 12px}.grid p{font-size:15px;color:var(--stone)}.step{font:24px Georgia,serif;color:var(--brass)}.notice{background:#eceee4;border-right:3px solid var(--brass);padding:22px 24px;margin:26px 0}.notice p{margin:8px 0 0}li{padding-bottom:10px}ul,ol{padding-right:24px}.estimate{display:flex;flex-direction:column;padding:24px;background:var(--sea);color:white;margin-bottom:20px;border-radius:6px}.estimate strong{font-size:28px}.estimate span{font-size:16px;margin-top:5px}details{border:1px solid var(--line);border-radius:6px;padding:18px 22px;margin:20px 0}summary{cursor:pointer;min-height:30px;font-weight:bold}details[open] summary{margin-bottom:16px}footer{text-align:center;font-size:12px;color:var(--stone);margin-top:44px;border-top:1px solid var(--line);padding:26px 0}#guest{max-width:510px;margin:0 auto}#guest>.button{display:block;margin:20px auto;background:transparent;color:var(--sea)}[hidden]{display:none!important}@media(max-width:700px){main{padding:28px 18px}header{padding:20px}.wordmark{font-size:27px}h1{font-size:42px}.workspace{grid-template-columns:1fr;gap:28px}.controls{padding:24px 20px}.pass{padding:30px 22px}.grid{grid-template-columns:1fr;gap:12px}.intro p{font-size:17px}.dates{gap:26px}.proposal{margin-top:44px;padding-top:32px}.actions>*{flex:1 1 140px}#qr svg{width:220px;height:220px}.estimate strong{font-size:25px}}