:root{--ink:#13223F;--ivory:#F7F3EC;--line:#E4DDD0;--muted:#5B6475;--gold:#F0A43A;--gold-text:#9A5B0C;--green:#1C7A55;--wa:#1FA855;--wa-h:#178F48}
*{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:620px;margin:0 auto;padding:28px 16px 48px}
.logo{display:inline-block;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:22px;color:var(--ink);text-decoration:none;margin-bottom:22px}
.logo span{color:#C27A12}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 26px;box-shadow:0 30px 60px -34px rgba(19,34,63,.4)}
.progress{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}
.progress span{height:6px;border-radius:999px;background:var(--line)}
.progress .done{background:var(--green)}
.progress .now{background:linear-gradient(90deg,var(--gold) 60%,var(--line) 60%)}
.kicker{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
h1{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:30px;line-height:1.12;margin:0 0 12px}
.lead{font-size:17px;line-height:1.55;color:#3E4859;margin:0 0 20px}
.btn-wa{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:60px;padding:12px 18px;border-radius:14px;background:var(--wa);color:#fff;font-size:19px;font-weight:800;text-decoration:none;box-shadow:0 14px 28px -14px rgba(31,168,85,.7)}
.btn-wa:hover{background:var(--wa-h)}
.btn-wa:focus-visible,.btn-pdf:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.preview{margin:14px 0 18px;background:#E7F6EC;border-radius:12px 12px 12px 4px;padding:12px 14px}
.preview span{display:block;font-size:12px;font-weight:700;color:var(--green);margin-bottom:4px}
.preview p{margin:0;font-size:14px;line-height:1.5;color:#22303F}
.btn-pdf{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border-radius:12px;border:1.5px solid var(--ink);color:var(--ink);font-weight:700;font-size:16px;text-decoration:none;background:#fff}
.btn-pdf:hover{background:var(--ink);color:#fff}
.pc-note{font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0 22px}
.steps{margin:0;padding:18px 0 0 20px;border-top:1px dashed var(--line);display:grid;gap:10px;font-size:15px;line-height:1.5}
.tip{background:var(--ivory);border-radius:12px;padding:16px;font-size:15px;line-height:1.6;color:#3E4859}
.foot{font-size:12px;color:var(--muted);text-align:center;margin-top:24px}
@media (max-width:480px){h1{font-size:26px}.card{padding:22px 18px}.btn-wa{font-size:17px}}
.legal .card{padding:32px 30px}
.legal h1{margin-bottom:4px}
.legal .updated{font-size:13px;color:var(--muted);margin:0 0 18px}
.legal h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:20px;margin:26px 0 8px}
.legal p,.legal li{font-size:15px;line-height:1.65;color:#2C3748}
.legal p{margin:0 0 10px}
.legal ul{margin:0 0 10px;padding-left:20px}
.legal li{margin:6px 0}
.legal a{color:var(--ink)}
.foot a{color:var(--muted)}
@media (max-width:480px){.legal .card{padding:22px 18px}.legal h2{font-size:18px}}