:root {
  --trust-black: #1C252B;
  --white: #FFFFFF;
  --fresh-green: #CFFC54;
  --friendly-purple: #D6DAF3;
  --honest-green: #DAE4D7;
  --expert-green: #597A77;
  --bold-orange: #FF5C00;
  --muted: rgba(255,255,255,.7);
  --panel: rgba(255,255,255,.065);
  --border: rgba(218,228,215,.18);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 14% 10%, rgba(207,252,84,.15), transparent 30rem),
    radial-gradient(circle at 88% 16%, rgba(255,92,0,.13), transparent 24rem),
    linear-gradient(135deg, #141d22, var(--trust-black));
}
.shell { width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 36px 0 48px; }
.panel { border: 1px solid var(--border); background: var(--panel); border-radius: 28px; box-shadow: 0 24px 80px rgba(0,0,0,.22); }
.hero { padding: clamp(28px, 6vw, 56px); margin-bottom: 18px; }
.eyebrow { margin: 0 0 10px; color: var(--fresh-green); text-transform: uppercase; font-size: .72rem; font-weight: 900; letter-spacing: .15em; }
h1 { font-size: clamp(3rem, 10vw, 7rem); line-height: .86; margin: 0 0 18px; }
h2 { margin: 0 0 10px; font-size: clamp(1.7rem, 4vw, 2.5rem); }
.lede, .tool-card p { color: var(--muted); line-height: 1.55; max-width: 760px; }
.lede { font-size: 1.1rem; margin: 0; }
.tools-grid { display: grid; gap: 18px; }
.tool-card { padding: 26px; display: flex; justify-content: space-between; gap: 22px; align-items: end; }
.button { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: 14px; padding: 13px 16px; background: var(--fresh-green); color: var(--trust-black); text-decoration: none; font-weight: 900; }
.button:hover { filter: brightness(1.04); transform: translateY(-1px); }
.footer { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; color: var(--muted); padding: 22px 4px 0; font-size: .9rem; }
@media (max-width: 720px) {
  .tool-card { display: grid; }
  .button { width: 100%; }
}