:root{--bg:#f6f1e6;--card:#ffffff;--text:#1c1a16;--muted:#5a5348;--border:rgba(28,26,22,.12);--brand:#1f5b46;--brand2:#2f7a5f;--gold:#b68b3b;--shadow:0 18px 55px rgba(28,26,22,.12)}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.45;color:var(--text);background:radial-gradient(1200px 600px at 12% 0%,rgba(31,91,70,.10),transparent 60%),radial-gradient(900px 520px at 90% 10%,rgba(182,139,59,.14),transparent 60%),var(--bg)}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}

.container{max-width:1120px;margin:0 auto;padding:26px 18px}

.top{position:sticky;top:0;z-index:10;background:rgba(246,241,230,.75);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}
.top-inner{max-width:1120px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.25px}
.brand img{width:44px;height:44px;border-radius:14px;object-fit:cover;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}
.brand span{font-size:16px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.55);color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{background:rgba(255,255,255,.8)}
.btn-primary{border-color:rgba(31,91,70,.25);background:linear-gradient(135deg,rgba(31,91,70,.12),rgba(47,122,95,.10))}
.btn-primary:hover{background:linear-gradient(135deg,rgba(31,91,70,.18),rgba(47,122,95,.14))}

.hero{padding:42px 0 18px 0}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}

.card{background:rgba(255,255,255,.78);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}
.card-body{padding:20px}
.h1{font-size:40px;line-height:1.1;margin:0}
.lead{margin:12px 0 0 0;color:var(--muted);font-size:16px}

.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
@media (max-width:900px){.kpis{grid-template-columns:1fr}}
.kpi{padding:14px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.55)}
.kpi b{display:block;font-size:14px}
.kpi span{color:var(--muted);font-size:13px}

.section{padding:18px 0}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.grid3{grid-template-columns:1fr}}
.feature{padding:16px;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,.70)}
.feature h3{margin:0 0 6px 0;font-size:16px}
.feature p{margin:0;color:var(--muted)}

.footer{padding:20px 0 32px 0;color:var(--muted);font-size:13px}
.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.55);color:var(--muted);font-size:12px}
