:root{--ink:#493743;--accent:#76566C;--paper:#FBF8F5;--line:#decfd8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}main{max-width:850px;margin:auto;padding:28px 24px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(30px,5vw,44px);margin:0 0 22px}h2{font-size:30px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:bold;color:var(--accent)}.demo{padding:14px 18px;background:#EEE5E9;border-left:4px solid var(--accent);border-radius:5px}.policy,.privacy,.muted{font-size:13px;color:#635366}.privacy{line-height:1.65}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:bold;margin:14px 0}input,select,button{font:inherit}input,select{display:block;width:100%;margin-top:7px;min-height:46px;padding:10px 12px;border:1px solid #a58d9c;border-radius:5px;background:white;color:var(--ink)}fieldset{min-width:0;border:1px solid var(--line);border-radius:6px;padding:14px 18px;margin:20px 0}legend{font-size:14px;font-weight:bold;padding:0 8px}.slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}button{min-height:44px;border:1px solid transparent;border-radius:5px;padding:12px 18px;background:var(--accent);color:white;font-weight:bold;cursor:pointer}.slots button{background:white;color:var(--ink);border-color:#b69bad;padding:9px}.slots button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.secondary{background:#eee5ec;color:var(--ink)}button:disabled{opacity:.55;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.95)}:focus-visible{outline:3px solid #9b570d;outline-offset:4px}a{color:#5e405e;text-underline-offset:4px}.message:not(:empty){background:#f4ebde;padding:13px 16px;border-left:4px solid #9b570d;border-radius:5px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}#receipt{padding:24px;border:1px solid var(--line);background:white;border-radius:8px;margin-top:24px;overflow-wrap:anywhere}#receipt dl{display:grid;grid-template-columns:1fr 2fr;gap:8px}#receipt dt{font-weight:bold}#receipt dd{margin:0}#receipt .reference{font-size:12px}#submit{width:100%;margin-top:14px}[hidden]{display:none!important}@media(max-width:600px){main{padding:24px 16px}.row{grid-template-columns:1fr;gap:0}.slots{grid-template-columns:repeat(3,minmax(0,1fr))}.actions button{width:100%}#receipt{padding:20px}#receipt dl{display:block}#receipt dd{margin-bottom:12px}}