*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:#3d2a2e;background:#fff8f6}
a{color:#c2577a}h1,h2,.logo{font-family:Georgia,serif}section{max-width:1150px;margin:auto;padding:64px 20px}h2{font-size:2rem;text-align:center;margin:0 0 8px}.sub{text-align:center;color:#8a6b70}
.nav{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff8f6ee;backdrop-filter:blur(8px);border-bottom:1px solid #f3dcd8}
.nav nav a{margin-left:18px;text-decoration:none;color:#3d2a2e;font-size:.95rem}.logo{font-size:1.6rem;text-decoration:none;color:#3d2a2e}.logo span{color:#d4708f}
.btn{display:inline-block;border:0;cursor:pointer;background:#d4708f;color:#fff!important;padding:13px 24px;border-radius:999px;text-decoration:none;font-size:1rem;margin:4px 0}.btn.sm{padding:8px 16px}.btn.ghost{background:#fff;color:#c2577a!important;border:1.5px solid #d4708f}.btn.wa{background:#25a35a;width:100%}.btn:disabled{background:#ccc;cursor:not-allowed}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:3rem;line-height:1.1;margin:8px 0}.hero img{width:100%;border-radius:24px;box-shadow:0 20px 50px #d4708f33}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#d4708f;font-size:.8rem}.cta .btn{margin-right:8px}.badges{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap}.badges li{background:#fbe6e4;padding:8px 14px;border-radius:999px;font-size:.9rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin-top:30px}.item{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px #0000000d}.item img{width:100%;aspect-ratio:3/4;object-fit:cover}.item div{padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.item button{background:#fbe6e4;border:0;border-radius:999px;padding:6px 12px;cursor:pointer;color:#c2577a}
.pricing{background:#fbe6e4;max-width:none}.cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:30px 0}.card{background:#fff;border-radius:18px;padding:26px 36px;text-align:center;min-width:220px}.card.hl{outline:2px solid #d4708f}.card h3{font-size:2.3rem;margin:0;color:#c2577a}.card small{font-size:1rem;color:#8a6b70}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none;padding:0;counter-reset:s}.steps li{background:#fff;border-radius:16px;padding:20px;counter-increment:s}.steps li:before{content:counter(s);display:block;width:32px;height:32px;border-radius:50%;background:#d4708f;color:#fff;text-align:center;line-height:32px;margin-bottom:8px}.steps b{display:block}
.ob{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:24px}.lines{background:#fff;border-radius:18px;padding:12px;max-height:620px;overflow:auto}.line{display:flex;align-items:center;gap:12px;padding:8px;border-bottom:1px solid #f6e6e3}.line img{width:54px;height:54px;object-fit:cover;border-radius:10px}.line span{flex:1}.line input{width:80px;padding:6px;border:1px solid #e9cfd0;border-radius:8px}
.sum{background:#fff;border-radius:18px;padding:22px;position:sticky;top:80px;align-self:start}.sum label{display:block;margin:6px 0}.sum input#cname,.sum textarea{width:100%;padding:10px;border:1px solid #e9cfd0;border-radius:10px;margin:6px 0;font:inherit}.total{font-size:1.4rem}.warn{color:#c0392b;font-size:.9rem}.or{text-align:center;color:#8a6b70;margin:12px 0 4px;font-size:.85rem}.pending{background:#fff4e5;border:1px dashed #e6a23c;color:#8a5a00;padding:10px;border-radius:10px;font-size:.85rem;margin:6px 0}#mailBtn{width:100%;text-align:center}
details{background:#fff;border-radius:14px;padding:16px 20px;margin:10px auto;max-width:800px}summary{cursor:pointer;font-weight:600}.links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.links a{background:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;box-shadow:0 2px 10px #0000000d}footer{text-align:center;padding:30px;color:#8a6b70}
@media(max-width:800px){.hero,.ob{grid-template-columns:1fr}.hero h1{font-size:2.2rem}.steps{grid-template-columns:1fr 1fr}.nav nav a:not(.btn){display:none}}