/* CSS extracted to file for easier future edits */
:root{--paper:#faf9f7;--ink:#111;--muted:#6b6b6b;--line:#e9e9e9;--accent:#bfa97a;--radius:20px;--shadow:0 14px 36px rgba(0,0,0,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{max-width:1200px;margin:0 auto;padding:24px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0;position:sticky;top:0;background:rgba(250,249,247,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:20}
.logo{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:.4px}
.btn{border:1px solid var(--ink);padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:700;background:#fff;transition:.25s}
.btn:hover{background:var(--ink);color:#fff}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:end;padding:34px 0 18px}
.hero h1{font-family:'Playfair Display',serif;font-size:48px;letter-spacing:-.3px;margin:0 0 6px}
.role{letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:#7b7b7b;margin:6px 0 10px}
.lead{color:#3f4756;font-size:18px;max-width:60ch;margin:0}
.frame{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.frame img{width:100%;height:440px;object-fit:cover;display:block;filter:contrast(1.04)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.cta .primary{background:#111;color:#fff;text-decoration:none;padding:12px 16px;border-radius:12px;font-weight:800}.cta .ghost{border:1px solid #111;padding:11px 15px;border-radius:12px;text-decoration:none;background:#fff}
section{margin:48px 0}h2{font-size:28px;margin:0 0 10px;font-family:'Playfair Display',serif}.muted{color:var(--muted);margin-top:0}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tab{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer}.tab.active{background:#111;color:#fff;border-color:#111}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:16px;animation:fadeInUp 1s ease forwards;opacity:0}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.card{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.card img{width:100%;height:248px;object-fit:cover;display:block;transition:transform .4s ease, box-shadow .4s ease}
.card:hover img{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,.15)}
.card .overlay{position:absolute;inset:auto 0 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.58));color:#fff;padding:12px}.card .title{font-weight:800}.card .meta{font-size:12px;opacity:.9}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{background:#fff;border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:14px;padding:14px;text-align:center;box-shadow:var(--shadow)}.step b{display:block;margin-top:6px}
.brands{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;align-items:center}.brand{border:1px solid var(--line);background:#fff;border-radius:12px;height:56px;display:flex;align-items:center;justify-content:center;color:#7b7b7b;font-weight:700}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.action{display:inline-block;margin-top:8px;padding:12px 14px;border-radius:12px;text-decoration:none;font-weight:800}.whats{background:#10b981;color:#052e23}.mail{background:#0ea5a4;color:#052a2a}
.float{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:60}.float .wa,.float .em{padding:12px 14px;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:var(--shadow)}.float .wa{background:#10b981;color:#052e23}.float .em{background:#111;color:#fff}
@media (max-width:980px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr)}.brands{grid-template-columns:repeat(4,1fr)}.contact{grid-template-columns:1fr}}
@media (max-width:640px){.hero h1{font-size:38px}.grid{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.brands{grid-template-columns:repeat(3,1fr)}}