:root{
  --ink:#161D1A; --paper:#F1EEE3; --panel:#FFFFFF;
  --gold:#B08D4F; --gold-dark:#8F7038; --line:#D8D2C0;
  --navy:#0E2A47; --text:#22261F; --text-soft:#6B6A61;
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:inherit; margin:0; padding:0;}
html{scroll-padding-top:env(safe-area-inset-top,0px);}
body{background:var(--paper); color:var(--text); font-family:'Manrope',sans-serif; line-height:1.6; min-height:100%;
  display:flex; flex-direction:column;}
header{background:var(--navy); padding:16px 24px; color:#F2EFE6; font-weight:600; font-size:.95rem;}
main{flex:1; display:flex; align-items:center; justify-content:center; padding:32px 20px;}
.card{width:100%; max-width:480px; background:var(--panel); border:1px solid var(--line); border-radius:4px; padding:36px 32px;}
.progress{display:flex; gap:6px; margin-bottom:28px;}
.progress i{flex:1; height:3px; background:var(--line); border-radius:2px;}
.progress i.done{background:var(--gold);}
h1{font-family:'Instrument Serif',serif; font-weight:400; font-size:1.6rem; color:var(--ink); margin-bottom:20px; max-width:22ch;}
.options{display:flex; flex-direction:column; gap:10px; margin-top:6px;}
.opt-btn{border:1px solid var(--line); background:var(--panel); padding:14px 16px; text-align:left; border-radius:3px;
  font-size:.95rem; color:var(--text); cursor:pointer; font-family:'Manrope',sans-serif;}
.opt-btn:hover{border-color:var(--gold);}
.opt-btn.selected{border-color:var(--gold); background:rgba(176,141,79,.08); color:var(--ink); font-weight:600;}
input[type=text], input[type=number]{
  width:100%; border:1px solid var(--line); border-radius:3px; padding:14px 16px; font-size:.95rem;
  font-family:'Manrope',sans-serif; color:var(--text); margin-top:6px;}
input:focus{outline:none; border-color:var(--gold);}
.nav-row{display:flex; justify-content:space-between; align-items:center; margin-top:28px;}
.btn-primary{background:var(--gold); color:#fff; padding:13px 24px; font-size:.9rem; border:none; border-radius:3px;
  cursor:pointer; font-family:'Manrope',sans-serif; font-weight:600;}
.btn-primary:hover{background:var(--gold-dark);}
.btn-primary:disabled{opacity:.4; cursor:not-allowed;}
.btn-text{background:none; border:none; color:var(--text-soft); font-size:.85rem; cursor:pointer; font-family:'Manrope',sans-serif;}
.btn-text:hover{color:var(--ink);}
.summary p{font-size:.9rem; color:var(--text-soft); margin-bottom:4px;}
.summary strong{color:var(--ink);}
.preview{background:var(--paper); border:1px solid var(--line); border-radius:3px; padding:16px; margin:18px 0;
  font-size:.85rem; color:var(--text-soft); white-space:pre-wrap; font-family:'Manrope',sans-serif;}
.send-row{display:flex; flex-direction:column; gap:10px; margin-top:10px;}
.btn-send{display:block; text-align:center; padding:14px; border-radius:3px; font-size:.9rem; font-weight:600; text-decoration:none;}
.btn-whats{background:#25D366; color:#fff;}
.btn-whats:hover{background:#1DA851;}
.btn-mail{border:1px solid var(--ink); color:var(--ink);}
.btn-mail:hover{background:var(--ink); color:#fff;}