:root{
  --bg:#ffffff;
  --text:#0f172a;
  --muted:#475569;
  --accent:#0f5132;
  --accent2:#0b3b26;
  --border:#e5e7eb;
  --soft:#f8fafc;
  --max:1120px;
  --radius:14px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 22px}
/* Header */
.header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter: blur(10px);border-bottom:1px solid var(--border);z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}
.brand{display:flex;flex-direction:column;gap:2px}
.brand strong{font-size:15px;letter-spacing:.2px}
.brand span{font-size:13px;color:var(--muted)}
.nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.nav a{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:10px}
.nav a:hover,.nav a.active{background:var(--soft);color:var(--text)}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;border:1px solid var(--border);font-size:14px;background:#fff}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.primary:hover{background:var(--accent2);border-color:var(--accent2)}
.btn:hover{background:var(--soft)}
/* Layout */
.hero{padding:58px 0 26px;border-bottom:1px solid var(--border)}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr}}
h1{font-size:42px;line-height:1.15;margin:0 0 12px;letter-spacing:-.6px}
@media(max-width:520px){h1{font-size:36px}}
.lead{color:var(--muted);font-size:18px;max-width:64ch;margin:0 0 18px}
.kicker{display:inline-flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}
.kicker-dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}
.card{border:1px solid var(--border);border-radius:var(--radius);background:#fff}
.card.soft{background:var(--soft)}
.card.pad{padding:18px}
.meta{display:grid;gap:10px}
.meta .line{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px}
.meta .line strong{color:var(--text);font-weight:600}
.section{padding:32px 0;border-bottom:1px solid var(--border)}
.section h2{margin:0 0 10px;font-size:24px}
.section p{margin:0 0 14px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.col-4{grid-column:span 4}
.col-6{grid-column:span 6}
.col-8{grid-column:span 8}
.col-12{grid-column:span 12}
@media(max-width:920px){.col-4,.col-6,.col-8{grid-column:span 12}}
.tile{padding:18px}
.tile h3{margin:0 0 8px;font-size:16px}
.tile ul{margin:0;padding-left:18px;color:var(--muted)}
.tile li{margin:6px 0}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 10px;font-size:13px;color:var(--muted)}
hr{border:0;border-top:1px solid var(--border);margin:18px 0}
/* Forms */
label{display:block;margin:12px 0 6px;color:var(--muted);font-size:14px}
input,textarea,select{width:100%;padding:12px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);outline:none}
textarea{min-height:140px;resize:vertical}
small{color:var(--muted)}
.footer{padding:26px 0 44px;color:var(--muted);font-size:14px}
.footer a{color:var(--text)}

.brand-logo{display:block;height:44px;width:auto}
@media(max-width:520px){.brand-logo{height:38px}}