:root{
  --ink:#101418;
  --paper:#f7f8fb;
  --card:#ffffff;
  --accent:#1fa97d;
  --accent-ink:#072b1f;
  --line:#e6e9f2;
  --ink-2:#5f6b7a;
  --ink-3:#2b3340;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#fdfefe, #f3f6fb 40%, #eef2f8);
}
.container{
  max-width:920px;
  margin:0 auto;
  padding:18px 16px 96px;
}
.toolbar{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:12px;
}
.identity{display:flex;align-items:center;gap:10px;color:var(--ink-3);font-weight:600}
.identity .mark{width:32px;height:32px;border-radius:10px;
  background:conic-gradient(from 90deg,#00a870,#6fd,#09f,#5465ff,#00a870) border-box;
  box-shadow:0 2px 8px #0000001a inset, 0 1px 1px #0001;
}
.sep{opacity:.4}
.switcher{display:flex;gap:8px}
.toggle{
  appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink-3);
  border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:600;font-size:14px
}
.toggle.is-on{background:var(--ink-3);color:#fff;border-color:var(--ink-3)}
.hero-block{
  background:var(--card); border:1px solid var(--line); border-radius:20px;
  padding:24px; box-shadow:0 6px 30px #0c153208;
}
#headline{font-size:clamp(22px,4.6vw,34px);margin:0 0 6px}
.lede{color:var(--ink-2);margin:0 0 14px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cta-pill{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  background:var(--accent);color:var(--accent-ink);
  padding:12px 18px;border-radius:999px;font-weight:800;border:2px solid #0a9;
  transition:transform .06s ease, box-shadow .2s ease
}
.cta-pill:active{transform:translateY(1px)}
.cta-pill:hover{box-shadow:0 0 0 6px #1fa97d22}
.proof{display:flex;gap:10px}
.chip{background:#f0f5ff;border:1px dashed #c9d7ff;color:#2b3c66;padding:6px 10px;border-radius:999px;font-size:13px}
.trust-grid{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}
@media (max-width:900px){.trust-grid{grid-template-columns:1fr}}
.trust-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:12px;border-radius:14px}
.glyph{width:34px;height:34px;border-radius:10px;background:#f2fbf8;display:flex;align-items:center;justify-content:center}
.copy strong{display:block;margin-bottom:4px}
.note{margin-top:14px;color:#6a7788;font-size:12px}
.dock{
  position:fixed;left:50%;transform:translateX(-50%);bottom:12px;
  width:min(920px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;
  gap:10px;background:#ffffff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;
  box-shadow:0 16px 38px #0000001f
}
.dock-info .line{font-weight:700}
.dock-info .hint{color:#6a7788;font-size:14px}
.dock-btn{
  text-decoration:none;background:#111827;color:#fff;padding:10px 14px;border-radius:10px;font-weight:800;border:2px solid #0f172a
}