:root { color-scheme: light; --green:#087a55; --green-dark:#075f45; --mint:#e9f7f1; --ink:#17211e; --muted:#5f6f68; --line:#dfe8e3; --bg:#f5f8f6; --card:#ffffff; --gold:#d99b24; }
* { box-sizing: border-box; }
body { margin:0; font-family: Arial, Helvetica, sans-serif; background:var(--bg); color:var(--ink); line-height:1.6; }
a { color:var(--green); text-decoration:none; font-weight:700; }
header { background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; backdrop-filter: blur(10px); }
.nav { max-width:1080px; margin:0 auto; padding:16px 22px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.brand { font-size:21px; font-weight:800; color:var(--green); display:flex; align-items:center; gap:10px; }
.brand-logo { width:42px; height:42px; border-radius:12px; display:block; }
.nav-links { display:flex; gap:16px; flex-wrap:wrap; font-size:14px; }
main { max-width:1080px; margin:0 auto; padding:30px 22px 56px; }
.shell { background:linear-gradient(135deg,#ffffff 0%,#eef8f3 100%); border:1px solid var(--line); border-radius:14px; }
.hero { padding:34px; display:grid; grid-template-columns:1.25fr .85fr; gap:28px; align-items:center; }
.eyebrow { margin:0 0 10px; color:var(--gold); font-weight:800; text-transform:uppercase; font-size:12px; letter-spacing:.06em; }
h1 { font-size:44px; line-height:1.12; margin:0 0 14px; color:var(--green); }
h2 { font-size:24px; margin:34px 0 14px; }
h3 { font-size:18px; margin:22px 0 8px; }
p { margin:0 0 12px; }
.lead { font-size:18px; color:var(--muted); max-width:720px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 16px; background:var(--green); color:#fff; border-radius:8px; box-shadow:0 8px 20px rgba(8,122,85,.18); }
.button.secondary { background:#fff; color:var(--green); border:1px solid #b7d8cc; box-shadow:none; }
.hero-panel { background:#fff; border:1px solid var(--line); border-radius:12px; padding:22px; box-shadow:0 16px 35px rgba(18,63,48,.08); }
.badge-row { display:flex; align-items:center; gap:10px; color:var(--muted); font-weight:700; }
.hero-amount { font-size:34px; color:var(--green); font-weight:900; margin-top:16px; }
.hero-caption { color:var(--muted); }
.mini-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px; }
.mini-grid div { background:var(--mint); border-radius:8px; padding:10px; }
.mini-grid strong { display:block; color:var(--green-dark); }
.mini-grid span { color:var(--muted); font-size:13px; }
.grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:14px; margin:24px 0; }
.card { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:18px; box-shadow:0 8px 20px rgba(23,33,30,.04); }
.card.compact h2 { margin-top:10px; }
.metric { font-size:24px; font-weight:800; color:var(--green); }
.muted { color:var(--muted); }
.icon { width:38px; height:38px; border-radius:10px; display:inline-grid; place-items:center; background:var(--mint); color:var(--green); font-weight:900; font-size:13px; flex:0 0 auto; }
.notice { background:#fff8e8; border:1px solid #f0dfb7; border-radius:10px; padding:16px; margin:22px 0; display:flex; gap:12px; align-items:flex-start; }
ul { padding-left:20px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.steps div { background:#fff; border:1px solid var(--line); border-radius:10px; padding:18px; }
.steps strong { display:block; margin:12px 0 6px; color:var(--green-dark); }
.info-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; }
.company-card { display:flex; gap:16px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:10px; padding:20px; margin-top:28px; }
.company-card h2 { margin-top:0; }
footer { border-top:1px solid var(--line); background:#fff; }
.footer-inner { max-width:1080px; margin:0 auto; padding:22px; color:var(--muted); font-size:14px; }
.table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.table th,.table td { text-align:left; border-bottom:1px solid var(--line); padding:12px; vertical-align:top; }
.table th { background:#eef4f1; color:var(--green); }
@media (max-width: 820px) { h1{font-size:32px;} .hero{grid-template-columns:1fr; padding:24px;} .grid,.steps,.info-grid{grid-template-columns:1fr;} .nav{align-items:flex-start; flex-direction:column;} .mini-grid{grid-template-columns:1fr;} }

.single-hero { grid-template-columns:1fr; }

.section-logo { width:54px; height:54px; border-radius:14px; flex:0 0 auto; }
.notice-icon { width:38px; height:38px; border-radius:10px; display:inline-grid; place-items:center; background:#ffffff; color:var(--green); font-weight:900; font-size:18px; flex:0 0 auto; border:1px solid #d7eadf; }
.company-card { align-items:center; }

.company-card.no-icon { display:block; }

.company-card .section-logo { display:none; }