body.pricing-page { background: #050705; color: #f5f8f2; }
.pricing-main { --pricing-green: #8cff00; --pricing-muted: #bbc5b5; }
.pricing-hero { padding: 165px 0 56px; background: radial-gradient(ellipse at 80% 40%, #8cff0018, transparent 50%); }
.pricing-kicker { display: block; color: #8cff00; font: 800 11px/1.6 Arial, sans-serif; letter-spacing: 2px; margin-bottom: 16px; }
.pricing-hero h1 { color: #f5f8f2; font-size: clamp(46px, 7vw, 88px); letter-spacing: -3px; line-height: 1.02; margin-bottom: 24px; }
.pricing-hero h1 span { color: #8cff00; }
.pricing-hero p { max-width: 630px; font-size: 18px; line-height: 1.75; color: #c5cfbf; }
.pricing-jumps { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.pricing-jumps a { border: 1px solid #8cff0055; color: #e5eddf; padding: 13px 20px; border-radius: 8px; font-size: 14px; font-weight: 700; }
.pricing-jumps a:hover { background: #182411; color: #b2ff55; }
.pricing-jumps i { margin-left: 16px; color: #8cff00; }
.pricing-section { padding: 44px 0 64px; scroll-margin-top: 110px; }
.pricing-section-heading { margin-bottom: 30px; max-width: 760px; }
.pricing-section-heading h2, .pricing-help h2 { font-size: clamp(28px, 3.5vw, 42px); color: #f5f8f2; line-height: 1.15; letter-spacing: -1px; margin-bottom: 16px; }
.pricing-section-heading p { color: #bbc5b5; font-size: 17px; line-height: 1.7; margin: 0; }
.pricing-grid { display: grid; gap: 22px; align-items: stretch; }
.pricing-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pricing-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pricing-card { display: flex; flex-direction: column; padding: clamp(24px, 2.7vw, 36px); border-radius: 18px; background: #0f130f; border: 1px solid #ffffff24; min-width: 0; }
.pricing-card-featured { border-color: #8cff0080; background: linear-gradient(160deg, #1b2812, #0f130f 65%); }
.pricing-card-label { display: block; font: 800 10px/1.6 Arial, sans-serif; letter-spacing: 1.6px; color: #b2ff55; margin-bottom: 18px; }
.pricing-card h3 { color: #f5f8f2; font-size: 25px; line-height: 1.2; margin: 0 0 20px; min-height: 60px; }
.pricing-amount { color: #8cff00; font-size: 58px; font-weight: 800; line-height: 1; letter-spacing: -2px; margin-bottom: 24px; }
.pricing-amount span { display: block; color: #b8c5af; font-size: 13px; font-weight: 400; line-height: 1.5; letter-spacing: 0; margin-top: 10px; }
.pricing-description { color: #c3cdbd; font-size: 15px; line-height: 1.75; margin: 0 0 24px; }
.pricing-card ul { list-style: none; padding: 22px 0 0; margin: 0 0 30px; border-top: 1px solid #8cff002e; }
.pricing-card li { position: relative; padding-left: 22px; color: #d3ddcd; font-size: 14px; line-height: 1.7; margin-bottom: 12px; }
.pricing-card li::before { content: '\2713'; position: absolute; left: 0; color: #8cff00; font-weight: 800; }
.pricing-card > .pricing-button, .pricing-card > form { margin-top: auto; }
.pricing-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 54px; padding: 16px 20px; background: #8cff00; color: #101609; border: 1px solid #8cff00; border-radius: 8px; font-size: 14px; font-weight: 800; line-height: 1.4; text-align: left; transition: background .18s; }
.pricing-button:hover { background: #b2ff55; color: #101609; }
.pricing-included { display: flex; gap: 20px; padding: 24px 28px; margin-top: 24px; border: 1px solid #ffffff1f; border-radius: 12px; }
.pricing-included > i { font-size: 26px; color: #8cff00; margin-top: 5px; }
.pricing-included h3 { color: #e5eddf; font-size: 18px; margin-bottom: 8px; }
.pricing-included p { color: #aebca5; margin: 0; font-size: 14px; line-height: 1.75; }
.pricing-arcade { background: #0a0e08; border-block: 1px solid #ffffff12; padding-top: 56px; }
.pricing-help-section { padding: 60px 0 80px; }
.pricing-help { display: flex; align-items: center; gap: 28px; padding: 30px; border: 1px solid #8cff0040; border-radius: 18px; background: linear-gradient(120deg, #172210, #0b1009); }
.pricing-help img { width: 120px; height: 145px; object-fit: contain; flex-shrink: 0; }
.pricing-help > div { flex: 1; }
.pricing-help .pricing-kicker { margin-bottom: 10px; }
.pricing-help h2 { font-size: 28px; margin-bottom: 10px; }
.pricing-help p { margin: 0; color: #bbc5b5; line-height: 1.7; }
.pricing-help .pricing-button { width: auto; flex-shrink: 0; }
.pricing-main :is(a, button):focus-visible { outline: 3px solid #8cff00; outline-offset: 5px; }
@media (max-width: 991px) {
  .pricing-hero { padding-top: 130px; }
  .pricing-grid-three { grid-template-columns: 1fr; }
  .pricing-card h3 { min-height: 0; }
  .pricing-help { flex-wrap: wrap; }
  .pricing-help .pricing-button { margin-left: 148px; }
}
@media (max-width: 575px) {
  .pricing-hero { padding: 110px 0 28px; }
  .pricing-hero h1 { letter-spacing: -2px; }
  .pricing-grid-two { grid-template-columns: 1fr; }
  .pricing-section { padding-block: 36px; }
  .pricing-included { padding: 22px; }
  .pricing-help { padding: 24px; gap: 18px; }
  .pricing-help img { width: 72px; height: 100px; }
  .pricing-help h2 { font-size: 24px; }
  .pricing-help .pricing-button { width: 100%; margin: 0; }
  .pricing-help-section { padding-block: 36px; }
}