:root {
  --bg: #070b08;
  --panel: #0e1510;
  --panel-2: #131d15;
  --text: #f5f7f4;
  --muted: #aeb9ad;
  --green: #7fb33b;
  --green-2: #9bd34a;
  --line: rgba(155, 211, 74, .22);
  --white: #ffffff;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 15% 10%, rgba(127,179,59,.10), transparent 28rem),
    linear-gradient(180deg, #070b08 0%, #0a100c 100%);
  color: var(--text);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
.wrap { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
header {
  position: sticky; top: 0; z-index: 30;
  backdrop-filter: blur(14px);
  background: rgba(7,11,8,.84);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.nav { min-height: 72px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.02em; }
.mark { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; font-size:22px; font-weight:900; background:linear-gradient(145deg,#151b16,#050706); border:1px solid rgba(155,211,74,.45); box-shadow:0 0 28px rgba(127,179,59,.18); }
.mark span { color: var(--green-2); }
.brand small { display:block; color:var(--muted); font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.links { display:flex; gap:22px; color:#dbe3d9; font-size:14px; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border-radius:10px; border:1px solid var(--green); background:var(--green); color:#071007; font-weight:800; }
.btn.ghost { background:transparent; color:var(--text); border-color:rgba(255,255,255,.18); }
.hero { padding:96px 0 72px; }
.hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:54px; align-items:center; }
.eyebrow { color:var(--green-2); font-weight:800; letter-spacing:.18em; text-transform:uppercase; font-size:12px; }
h1 { margin:12px 0 20px; max-width:800px; font-size:clamp(42px,7vw,76px); line-height:1.02; letter-spacing:-.045em; }
.lead { max-width:690px; color:#c9d2c7; font-size:clamp(18px,2.2vw,22px); }
.actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.hero-card { border:1px solid var(--line); background:linear-gradient(180deg, rgba(19,29,21,.92), rgba(10,16,12,.96)); border-radius:22px; padding:28px; box-shadow:0 20px 70px rgba(0,0,0,.34); }
.metric { display:grid; grid-template-columns:1fr auto; gap:14px; padding:17px 0; border-bottom:1px solid rgba(255,255,255,.07); }
.metric:last-child { border-bottom:none; }
.metric strong { color:var(--green-2); }
.section { padding:76px 0; border-top:1px solid rgba(255,255,255,.06); }
.section h2 { font-size:clamp(30px,4vw,46px); margin:0 0 14px; letter-spacing:-.03em; }
.section-intro { max-width:760px; color:var(--muted); margin-bottom:34px; }
.cards { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.card { background:var(--panel); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:22px; }
.card b { display:block; margin-bottom:8px; font-size:17px; }
.card p { color:var(--muted); margin:0; font-size:14px; }
.flow { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.step { padding:18px; border-radius:14px; border:1px solid var(--line); background:rgba(127,179,59,.055); min-height:128px; }
.step i { font-style:normal; color:var(--green-2); font-size:12px; font-weight:800; }
.step b { display:block; margin:9px 0 6px; }
.step span { color:var(--muted); font-size:13px; }
.notice { margin-top:28px; padding:18px 20px; border-left:3px solid var(--green); background:rgba(127,179,59,.07); color:#dbe5d8; }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.legal { background:var(--panel-2); padding:24px; border-radius:16px; border:1px solid rgba(255,255,255,.08); }
.legal dl { margin:0; display:grid; gap:14px; }
.legal dt { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.legal dd { margin:2px 0 0; font-weight:700; }
footer { padding:34px 0 50px; border-top:1px solid rgba(255,255,255,.07); color:var(--muted); font-size:13px; }
.footer-grid { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.footer-links { display:flex; gap:16px; flex-wrap:wrap; }
.prose { max-width:860px; padding:70px 0; }
.prose h1 { font-size:44px; }
.prose h2 { margin-top:34px; font-size:24px; }
.prose p, .prose li { color:#c7d0c5; }
@media (max-width:900px) {
  .hero-grid, .about-grid { grid-template-columns:1fr; }
  .cards { grid-template-columns:1fr 1fr; }
  .flow { grid-template-columns:1fr 1fr; }
  .links { display:none; }
}
@media (max-width:560px) {
  .wrap { width:min(100% - 26px,1120px); }
  .hero { padding-top:62px; }
  .cards, .flow { grid-template-columns:1fr; }
  .brand strong { font-size:14px; }
}