.truckit-download-snippet {
  --text: #24364a;
  --muted: #6f8092;
  --line: #d9e3ee;
  --blue: #4cc9f0;
  --green: #5ee6a8;
  --pink: #ff5c8a;
  --panel: #ffffff;
  --bg: #f8fbfe;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  margin: 48px 0;
}
.truckit-download-snippet * { box-sizing: border-box; }
.truckit-download-snippet .wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 42px 34px;
  border-radius: 30px;
  background: radial-gradient(circle at top left, rgba(76,201,240,.16), transparent 30%), radial-gradient(circle at bottom right, rgba(255,92,138,.10), transparent 28%), linear-gradient(180deg, #ffffff, #f8fbfe);
  border: 1px solid var(--line);
  box-shadow: 0 24px 60px rgba(28, 54, 88, .08);
}
.truckit-download-snippet .intro { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.truckit-download-snippet .eyebrow {
  display: inline-block; margin-bottom: 14px; padding: 8px 14px; border-radius: 999px;
  color: #2ea8cf; background: rgba(76,201,240,.12); border: 1px solid rgba(76,201,240,.32);
  font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.truckit-download-snippet h1 { margin: 0 0 14px; font-size: clamp(34px, 5vw, 60px); line-height: .96; letter-spacing: -0.05em; color: #314456; }
.truckit-download-snippet .intro p { margin: 0; color: var(--muted); font-size: 18px; line-height: 1.75; }
.truckit-download-snippet .downloads { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.truckit-download-snippet .card { padding: 28px; border-radius: 24px; background: linear-gradient(180deg, #ffffff, #f6fbff); border: 1px solid var(--line); box-shadow: 0 18px 36px rgba(28,54,88,.06); }
.truckit-download-snippet .topline { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.truckit-download-snippet .icon { width: 54px; height: 54px; margin-bottom: 18px; border-radius: 16px; display: grid; place-items: center; font-size: 28px; font-weight: 900; color: #10212f; background: linear-gradient(135deg, var(--blue), var(--green)); box-shadow: 0 14px 28px rgba(76,201,240,.22); }
.truckit-download-snippet .badge { display: inline-block; padding: 7px 11px; border-radius: 999px; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; }
.truckit-download-snippet .badge.stable { color: #0d563b; background: rgba(94,230,168,.22); border: 1px solid rgba(94,230,168,.44); }
.truckit-download-snippet .badge.beta { color: #88405a; background: rgba(255,92,138,.16); border: 1px solid rgba(255,92,138,.32); }
.truckit-download-snippet .card h2 { margin: 0 0 10px; font-size: 28px; line-height: 1.05; letter-spacing: -0.04em; color: #314456; }
.truckit-download-snippet .card p { margin: 0 0 18px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.truckit-download-snippet .meta { margin: 0 0 18px; padding: 0; list-style: none; }
.truckit-download-snippet .meta li { margin: 0 0 8px; color: #5d7082; font-size: 15px; line-height: 1.5; }
.truckit-download-snippet .changelog { margin: 0 0 22px; padding: 14px 16px; border-radius: 14px; background: rgba(76,201,240,.08); border: 1px solid rgba(76,201,240,.18); color: #5d7082; font-size: 14px; line-height: 1.6; }
.truckit-download-snippet .changelog summary { cursor: pointer; color: #314456; font-weight: 900; }
.truckit-download-snippet .changelog div { margin-top: 10px; }
.truckit-download-snippet .btn { display: inline-block; padding: 14px 22px; border-radius: 12px; color: #061018 !important; background: linear-gradient(135deg, var(--blue), var(--green)); text-decoration: none !important; font-weight: 900; box-shadow: 0 18px 36px rgba(76,201,240,.20); }
.truckit-download-snippet .btn.disabled { opacity: .55; cursor: not-allowed; }
.truckit-download-snippet .note { margin-top: 26px; text-align: center; color: #738495; font-size: 15px; line-height: 1.7; }
.truckit-download-snippet .note a { color: #2ea8cf; font-weight: 800; }
@media (max-width: 850px) { .truckit-download-snippet .wrap { padding: 28px 22px; } .truckit-download-snippet .downloads { grid-template-columns: 1fr; } }

.truckit-download-snippet .truckit-download-gate { margin-top: 18px; padding: 16px; border-radius: 18px; background: rgba(255,255,255,.72); border: 1px solid rgba(217,227,238,.9); }
.truckit-download-snippet .truckit-download-gate label { display: block; margin: 0 0 12px; color: #5d7082; font-size: 14px; line-height: 1.5; }
.truckit-download-snippet .truckit-download-gate .math-label span { display: block; margin-bottom: 7px; font-weight: 800; color: #314456; }
.truckit-download-snippet .truckit-download-gate input[type="number"] { width: 120px; max-width: 100%; padding: 11px 12px; border-radius: 12px; border: 1px solid var(--line); background: #fff; color: var(--text); font-size: 16px; }
.truckit-download-snippet .truckit-download-gate .terms-label { display: flex; align-items: flex-start; gap: 9px; }
.truckit-download-snippet .truckit-download-gate .terms-label input { margin-top: 4px; }
.truckit-download-snippet .truckit-download-gate a { color: #2ea8cf; font-weight: 800; }
.truckit-download-snippet .truckit-download-gate .btn { border: 0; cursor: pointer; font-family: inherit; }