:root{--bg:#241A14;--surface:#2F2119;--line:#4A382B;--ink:#F5EFE5;--muted:#BCAE9D;--accent:#38B87C;--accent-deep:#2F9E6A;--accent-soft:#1F3A2C;--tan:#B07A4A;--gold:#E8D9B5}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Archivo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}img{max-width:100%;display:block}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.top{position:sticky;top:0;z-index:10;background:rgba(36,26,20,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-stretch:112%;letter-spacing:.02em}
.brand img{height:44px;width:auto}
@media(max-width:480px){.brand img{height:30px}.nav-right{gap:6px}.btn.sm{padding:8px 11px;font-size:13px}.lang button{padding:6px 9px}}
.brand b{color:var(--accent)}
.nav-right{display:flex;align-items:center;gap:10px}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.lang button{background:none;border:0;color:var(--muted);padding:6px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.lang button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}
.btn{display:inline-block;background:var(--accent);color:#10231A;font-weight:800;text-decoration:none;border:0;border-radius:10px;padding:13px 22px;font:inherit;font-weight:800;cursor:pointer}
.btn:hover{background:var(--accent-deep)}
.btn.ghost{background:none;color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--accent);background:none}
.btn.sm{padding:9px 16px;font-size:14px;white-space:nowrap}
section{padding:64px 0;border-bottom:1px solid var(--line)}
.hero{padding:72px 0 64px}
.hero .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin:0 0 14px}
h1{font-size:clamp(34px,5.4vw,56px);line-height:1.05;margin:0 0 18px;font-weight:800;font-stretch:112%}
h2{font-size:clamp(26px,3.4vw,34px);margin:0 0 22px;font-weight:800;font-stretch:108%}
h3{margin:0 0 6px;font-size:19px}
.lead{font-size:19px;color:var(--muted);max-width:560px;margin:0 0 26px}
.hero-img{border-radius:22px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.note{color:var(--muted);font-size:14px;margin-top:14px}
.steps,.cards{display:grid;gap:18px}
.steps{grid-template-columns:repeat(3,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}
.num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800;margin-bottom:12px}
.card p{margin:0;color:var(--muted)}
.get li{margin:0 0 10px}
.get{padding-left:20px;max-width:700px}
.pricing{grid-template-columns:repeat(2,1fr);max-width:760px}
.price{font-size:44px;font-weight:800;margin:6px 0 10px}
.price small{font-size:15px;color:var(--muted);font-weight:500}
.card.feat{border-color:var(--accent)}
.card ul{margin:0 0 20px;padding-left:18px;color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:12px}
summary{cursor:pointer;font-weight:700}
details p{margin:12px 0 0;color:var(--muted)}
#pedido .card{max-width:720px}
.pkg{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.pkg button{flex:1;min-width:180px;background:none;border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:14px;font:inherit;text-align:left;cursor:pointer}
.pkg button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}
.pkg b{display:block}.pkg span{color:var(--muted);font-size:14px}
.pending{border:1px dashed var(--tan);border-radius:12px;padding:16px;color:var(--tan);font-size:14px}
footer{padding:36px 0;color:var(--muted);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero-img{max-width:300px}.steps,.pricing,.two{grid-template-columns:1fr}section{padding:48px 0}}
.order{display:grid;gap:16px;margin-top:22px}
.order .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.order label{display:grid;gap:6px;font-size:14px;font-weight:700}
.order input:not([type=checkbox]),.order select{width:100%;box-sizing:border-box;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;font-weight:500}
.order input::placeholder{color:#7d6e60}
.order input:focus,.order select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.order fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.order legend{font-size:14px;font-weight:700;margin-bottom:8px;padding:0}
.order label.check{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--muted);cursor:pointer}
.order .check input{width:18px;height:18px;accent-color:var(--accent);margin:0}
.order .note{margin:0}
.order .btn{justify-self:start}.order .btn:disabled{opacity:.6;cursor:wait}
.form-msg{margin:0;border:1px solid var(--tan);border-radius:10px;padding:12px 14px;color:var(--gold);font-size:14px}
@media(max-width:560px){.order .row,.order fieldset{grid-template-columns:1fr}.order .btn{justify-self:stretch;text-align:center}}